style.css 405 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164816581668167816881698170817181728173817481758176817781788179818081818182818381848185818681878188818981908191819281938194819581968197819881998200820182028203820482058206820782088209821082118212821382148215821682178218821982208221822282238224822582268227822882298230823182328233823482358236823782388239824082418242824382448245824682478248824982508251825282538254825582568257825882598260826182628263826482658266826782688269827082718272827382748275827682778278827982808281828282838284828582868287828882898290829182928293829482958296829782988299830083018302830383048305830683078308830983108311831283138314831583168317831883198320832183228323832483258326832783288329833083318332833383348335833683378338833983408341834283438344834583468347834883498350835183528353835483558356835783588359836083618362836383648365836683678368836983708371837283738374837583768377837883798380838183828383838483858386838783888389839083918392839383948395839683978398839984008401840284038404840584068407840884098410841184128413841484158416841784188419842084218422842384248425842684278428842984308431843284338434843584368437843884398440844184428443844484458446844784488449845084518452845384548455845684578458845984608461846284638464846584668467846884698470847184728473847484758476847784788479848084818482848384848485848684878488848984908491849284938494849584968497849884998500850185028503850485058506850785088509851085118512851385148515851685178518851985208521852285238524852585268527852885298530853185328533853485358536853785388539854085418542854385448545854685478548854985508551855285538554855585568557855885598560856185628563856485658566856785688569857085718572857385748575857685778578857985808581858285838584858585868587858885898590859185928593859485958596859785988599860086018602860386048605860686078608860986108611861286138614861586168617861886198620862186228623862486258626862786288629863086318632863386348635863686378638863986408641864286438644864586468647864886498650865186528653865486558656865786588659866086618662866386648665866686678668866986708671867286738674867586768677867886798680868186828683868486858686868786888689869086918692869386948695869686978698869987008701870287038704870587068707870887098710871187128713871487158716871787188719872087218722872387248725872687278728872987308731873287338734873587368737873887398740874187428743874487458746874787488749875087518752875387548755875687578758875987608761876287638764876587668767876887698770877187728773877487758776877787788779878087818782878387848785878687878788878987908791879287938794879587968797879887998800880188028803880488058806880788088809881088118812881388148815881688178818881988208821882288238824882588268827882888298830883188328833883488358836883788388839884088418842884388448845884688478848884988508851885288538854885588568857885888598860886188628863886488658866886788688869887088718872887388748875887688778878887988808881888288838884888588868887888888898890889188928893889488958896889788988899890089018902890389048905890689078908890989108911891289138914891589168917891889198920892189228923892489258926892789288929893089318932893389348935893689378938893989408941894289438944894589468947894889498950895189528953895489558956895789588959896089618962896389648965896689678968896989708971897289738974897589768977897889798980898189828983898489858986898789888989899089918992899389948995899689978998899990009001900290039004900590069007900890099010901190129013901490159016901790189019902090219022902390249025902690279028902990309031903290339034903590369037903890399040904190429043904490459046904790489049905090519052905390549055905690579058905990609061906290639064906590669067906890699070907190729073907490759076907790789079908090819082908390849085908690879088908990909091909290939094909590969097909890999100910191029103910491059106910791089109911091119112911391149115911691179118911991209121912291239124912591269127912891299130913191329133913491359136913791389139914091419142914391449145914691479148914991509151915291539154915591569157915891599160916191629163916491659166916791689169917091719172917391749175917691779178917991809181918291839184918591869187918891899190919191929193919491959196919791989199920092019202920392049205920692079208920992109211921292139214921592169217921892199220922192229223922492259226922792289229923092319232923392349235923692379238923992409241924292439244924592469247924892499250925192529253925492559256925792589259926092619262926392649265926692679268926992709271927292739274927592769277927892799280928192829283928492859286928792889289929092919292929392949295929692979298929993009301930293039304930593069307930893099310931193129313931493159316931793189319932093219322932393249325932693279328932993309331933293339334933593369337933893399340934193429343934493459346934793489349935093519352935393549355935693579358935993609361936293639364936593669367936893699370937193729373937493759376937793789379938093819382938393849385938693879388938993909391939293939394939593969397939893999400940194029403940494059406940794089409941094119412941394149415941694179418941994209421942294239424942594269427942894299430943194329433943494359436943794389439944094419442944394449445944694479448944994509451945294539454945594569457945894599460946194629463946494659466946794689469947094719472947394749475947694779478947994809481948294839484948594869487948894899490949194929493949494959496949794989499950095019502950395049505950695079508950995109511951295139514951595169517951895199520952195229523952495259526952795289529953095319532953395349535953695379538953995409541954295439544954595469547954895499550955195529553955495559556955795589559956095619562956395649565956695679568956995709571957295739574957595769577957895799580958195829583958495859586958795889589959095919592959395949595959695979598959996009601960296039604960596069607960896099610961196129613961496159616961796189619962096219622962396249625962696279628962996309631963296339634963596369637963896399640964196429643964496459646964796489649965096519652965396549655965696579658965996609661966296639664966596669667966896699670967196729673967496759676967796789679968096819682968396849685968696879688968996909691969296939694969596969697969896999700970197029703970497059706970797089709971097119712971397149715971697179718971997209721972297239724972597269727972897299730973197329733973497359736973797389739974097419742974397449745974697479748974997509751975297539754975597569757975897599760976197629763976497659766976797689769977097719772977397749775977697779778977997809781978297839784978597869787978897899790979197929793979497959796979797989799980098019802980398049805980698079808980998109811981298139814981598169817981898199820982198229823982498259826982798289829983098319832983398349835983698379838983998409841984298439844984598469847984898499850985198529853985498559856985798589859986098619862986398649865986698679868986998709871987298739874987598769877987898799880988198829883988498859886988798889889989098919892989398949895989698979898989999009901990299039904990599069907990899099910991199129913991499159916991799189919992099219922992399249925992699279928992999309931993299339934993599369937993899399940994199429943994499459946994799489949995099519952995399549955995699579958995999609961996299639964996599669967996899699970997199729973997499759976997799789979998099819982998399849985998699879988998999909991999299939994999599969997999899991000010001100021000310004100051000610007100081000910010100111001210013100141001510016100171001810019100201002110022100231002410025100261002710028100291003010031100321003310034100351003610037100381003910040100411004210043100441004510046100471004810049100501005110052100531005410055100561005710058100591006010061100621006310064100651006610067100681006910070100711007210073100741007510076100771007810079100801008110082100831008410085100861008710088100891009010091100921009310094100951009610097100981009910100101011010210103101041010510106101071010810109101101011110112101131011410115101161011710118101191012010121101221012310124101251012610127101281012910130101311013210133101341013510136101371013810139101401014110142101431014410145101461014710148101491015010151101521015310154101551015610157101581015910160101611016210163101641016510166101671016810169101701017110172101731017410175101761017710178101791018010181101821018310184101851018610187101881018910190101911019210193101941019510196101971019810199102001020110202102031020410205102061020710208102091021010211102121021310214102151021610217102181021910220102211022210223102241022510226102271022810229102301023110232102331023410235102361023710238102391024010241102421024310244102451024610247102481024910250102511025210253102541025510256102571025810259102601026110262102631026410265102661026710268102691027010271102721027310274102751027610277102781027910280102811028210283102841028510286102871028810289102901029110292102931029410295102961029710298102991030010301103021030310304103051030610307103081030910310103111031210313103141031510316103171031810319103201032110322103231032410325103261032710328103291033010331103321033310334103351033610337103381033910340103411034210343103441034510346103471034810349103501035110352103531035410355103561035710358103591036010361103621036310364103651036610367103681036910370103711037210373103741037510376103771037810379103801038110382103831038410385103861038710388103891039010391103921039310394103951039610397103981039910400104011040210403104041040510406104071040810409104101041110412104131041410415104161041710418104191042010421104221042310424104251042610427104281042910430104311043210433104341043510436104371043810439104401044110442104431044410445104461044710448104491045010451104521045310454104551045610457104581045910460104611046210463104641046510466104671046810469104701047110472104731047410475104761047710478104791048010481104821048310484104851048610487104881048910490104911049210493104941049510496104971049810499105001050110502105031050410505105061050710508105091051010511105121051310514105151051610517105181051910520105211052210523105241052510526105271052810529105301053110532105331053410535105361053710538105391054010541105421054310544105451054610547105481054910550105511055210553105541055510556105571055810559105601056110562105631056410565105661056710568105691057010571105721057310574105751057610577105781057910580105811058210583105841058510586105871058810589105901059110592105931059410595105961059710598105991060010601106021060310604106051060610607106081060910610106111061210613106141061510616106171061810619106201062110622106231062410625106261062710628106291063010631106321063310634106351063610637106381063910640106411064210643106441064510646106471064810649106501065110652106531065410655106561065710658106591066010661106621066310664106651066610667106681066910670106711067210673106741067510676106771067810679106801068110682106831068410685106861068710688106891069010691106921069310694106951069610697106981069910700107011070210703107041070510706107071070810709107101071110712107131071410715107161071710718107191072010721107221072310724107251072610727107281072910730107311073210733107341073510736107371073810739107401074110742107431074410745107461074710748107491075010751107521075310754107551075610757107581075910760107611076210763107641076510766107671076810769107701077110772107731077410775107761077710778107791078010781107821078310784107851078610787107881078910790107911079210793107941079510796107971079810799108001080110802108031080410805108061080710808108091081010811108121081310814108151081610817108181081910820108211082210823108241082510826108271082810829108301083110832108331083410835108361083710838108391084010841108421084310844108451084610847108481084910850108511085210853108541085510856108571085810859108601086110862108631086410865108661086710868108691087010871108721087310874108751087610877108781087910880108811088210883108841088510886108871088810889108901089110892108931089410895108961089710898108991090010901109021090310904109051090610907109081090910910109111091210913109141091510916109171091810919109201092110922109231092410925109261092710928109291093010931109321093310934109351093610937109381093910940109411094210943109441094510946109471094810949109501095110952109531095410955109561095710958109591096010961109621096310964109651096610967109681096910970109711097210973109741097510976109771097810979109801098110982109831098410985109861098710988109891099010991109921099310994109951099610997109981099911000110011100211003110041100511006110071100811009110101101111012110131101411015110161101711018110191102011021110221102311024110251102611027110281102911030110311103211033110341103511036110371103811039110401104111042110431104411045110461104711048110491105011051110521105311054110551105611057110581105911060110611106211063110641106511066110671106811069110701107111072110731107411075110761107711078110791108011081110821108311084110851108611087110881108911090110911109211093110941109511096110971109811099111001110111102111031110411105111061110711108111091111011111111121111311114111151111611117111181111911120111211112211123111241112511126111271112811129111301113111132111331113411135111361113711138111391114011141111421114311144111451114611147111481114911150111511115211153111541115511156111571115811159111601116111162111631116411165111661116711168111691117011171111721117311174111751117611177111781117911180111811118211183111841118511186111871118811189111901119111192111931119411195111961119711198111991120011201112021120311204112051120611207112081120911210112111121211213112141121511216112171121811219112201122111222112231122411225112261122711228112291123011231112321123311234112351123611237112381123911240112411124211243112441124511246112471124811249112501125111252112531125411255112561125711258112591126011261112621126311264112651126611267112681126911270112711127211273112741127511276112771127811279112801128111282112831128411285112861128711288112891129011291112921129311294112951129611297112981129911300113011130211303113041130511306113071130811309113101131111312113131131411315113161131711318113191132011321113221132311324113251132611327113281132911330113311133211333113341133511336113371133811339113401134111342113431134411345113461134711348113491135011351113521135311354113551135611357113581135911360113611136211363113641136511366113671136811369113701137111372113731137411375113761137711378113791138011381113821138311384113851138611387113881138911390113911139211393113941139511396113971139811399114001140111402114031140411405114061140711408114091141011411114121141311414114151141611417114181141911420114211142211423114241142511426114271142811429114301143111432114331143411435114361143711438114391144011441114421144311444114451144611447114481144911450114511145211453114541145511456114571145811459114601146111462114631146411465114661146711468114691147011471114721147311474114751147611477114781147911480114811148211483114841148511486114871148811489114901149111492114931149411495114961149711498114991150011501115021150311504115051150611507115081150911510115111151211513115141151511516115171151811519115201152111522115231152411525115261152711528115291153011531115321153311534115351153611537115381153911540115411154211543115441154511546115471154811549115501155111552115531155411555115561155711558115591156011561115621156311564115651156611567115681156911570115711157211573115741157511576115771157811579115801158111582115831158411585115861158711588115891159011591115921159311594115951159611597115981159911600116011160211603116041160511606116071160811609116101161111612116131161411615116161161711618116191162011621116221162311624116251162611627116281162911630116311163211633116341163511636116371163811639116401164111642116431164411645116461164711648116491165011651116521165311654116551165611657116581165911660116611166211663116641166511666116671166811669116701167111672116731167411675116761167711678116791168011681116821168311684116851168611687116881168911690116911169211693116941169511696116971169811699117001170111702117031170411705117061170711708117091171011711117121171311714117151171611717117181171911720117211172211723117241172511726117271172811729117301173111732117331173411735117361173711738117391174011741117421174311744117451174611747117481174911750117511175211753117541175511756117571175811759117601176111762117631176411765117661176711768117691177011771117721177311774117751177611777117781177911780117811178211783117841178511786117871178811789117901179111792117931179411795117961179711798117991180011801118021180311804118051180611807118081180911810118111181211813118141181511816118171181811819118201182111822118231182411825118261182711828118291183011831118321183311834118351183611837118381183911840118411184211843118441184511846118471184811849118501185111852118531185411855118561185711858118591186011861118621186311864118651186611867118681186911870118711187211873118741187511876118771187811879118801188111882118831188411885118861188711888118891189011891118921189311894118951189611897118981189911900119011190211903119041190511906119071190811909119101191111912119131191411915119161191711918119191192011921119221192311924119251192611927119281192911930119311193211933119341193511936119371193811939119401194111942119431194411945119461194711948119491195011951119521195311954119551195611957119581195911960119611196211963119641196511966119671196811969119701197111972119731197411975119761197711978119791198011981119821198311984119851198611987119881198911990119911199211993119941199511996119971199811999120001200112002120031200412005120061200712008120091201012011120121201312014120151201612017120181201912020120211202212023120241202512026120271202812029120301203112032120331203412035120361203712038120391204012041120421204312044120451204612047120481204912050120511205212053120541205512056120571205812059120601206112062120631206412065120661206712068120691207012071120721207312074120751207612077120781207912080120811208212083120841208512086120871208812089120901209112092120931209412095120961209712098120991210012101121021210312104121051210612107121081210912110121111211212113121141211512116121171211812119121201212112122121231212412125121261212712128121291213012131121321213312134121351213612137121381213912140121411214212143121441214512146121471214812149121501215112152121531215412155121561215712158121591216012161121621216312164121651216612167121681216912170121711217212173121741217512176121771217812179121801218112182121831218412185121861218712188121891219012191121921219312194121951219612197121981219912200122011220212203122041220512206122071220812209122101221112212122131221412215122161221712218122191222012221122221222312224122251222612227122281222912230122311223212233122341223512236122371223812239122401224112242122431224412245122461224712248122491225012251122521225312254122551225612257122581225912260122611226212263122641226512266122671226812269122701227112272122731227412275122761227712278122791228012281122821228312284122851228612287122881228912290122911229212293122941229512296122971229812299123001230112302123031230412305123061230712308123091231012311123121231312314123151231612317123181231912320123211232212323123241232512326123271232812329123301233112332123331233412335123361233712338123391234012341123421234312344123451234612347123481234912350123511235212353123541235512356123571235812359123601236112362123631236412365123661236712368123691237012371123721237312374123751237612377123781237912380123811238212383123841238512386123871238812389123901239112392123931239412395123961239712398123991240012401124021240312404124051240612407124081240912410124111241212413124141241512416124171241812419124201242112422124231242412425124261242712428124291243012431124321243312434124351243612437124381243912440124411244212443124441244512446124471244812449124501245112452124531245412455124561245712458124591246012461124621246312464124651246612467124681246912470124711247212473124741247512476124771247812479124801248112482124831248412485124861248712488124891249012491124921249312494124951249612497124981249912500125011250212503125041250512506125071250812509125101251112512125131251412515125161251712518125191252012521125221252312524125251252612527125281252912530125311253212533125341253512536125371253812539125401254112542125431254412545125461254712548125491255012551125521255312554125551255612557125581255912560125611256212563125641256512566125671256812569125701257112572125731257412575125761257712578125791258012581125821258312584125851258612587125881258912590125911259212593125941259512596125971259812599126001260112602126031260412605126061260712608126091261012611126121261312614126151261612617126181261912620126211262212623126241262512626126271262812629126301263112632126331263412635126361263712638126391264012641126421264312644126451264612647126481264912650126511265212653126541265512656126571265812659126601266112662126631266412665126661266712668126691267012671126721267312674126751267612677126781267912680126811268212683126841268512686126871268812689126901269112692126931269412695126961269712698126991270012701127021270312704127051270612707127081270912710127111271212713127141271512716127171271812719127201272112722127231272412725127261272712728127291273012731127321273312734127351273612737127381273912740127411274212743127441274512746127471274812749127501275112752127531275412755127561275712758127591276012761127621276312764127651276612767127681276912770127711277212773127741277512776127771277812779127801278112782127831278412785127861278712788127891279012791127921279312794127951279612797127981279912800128011280212803128041280512806128071280812809128101281112812128131281412815128161281712818128191282012821128221282312824128251282612827128281282912830128311283212833128341283512836128371283812839128401284112842128431284412845128461284712848128491285012851128521285312854128551285612857128581285912860128611286212863128641286512866128671286812869128701287112872128731287412875128761287712878128791288012881128821288312884128851288612887128881288912890128911289212893128941289512896128971289812899129001290112902129031290412905129061290712908129091291012911129121291312914129151291612917129181291912920129211292212923129241292512926129271292812929129301293112932129331293412935129361293712938129391294012941129421294312944129451294612947129481294912950129511295212953129541295512956129571295812959129601296112962129631296412965129661296712968129691297012971129721297312974129751297612977129781297912980129811298212983129841298512986129871298812989129901299112992129931299412995129961299712998129991300013001130021300313004130051300613007130081300913010130111301213013130141301513016130171301813019130201302113022130231302413025130261302713028130291303013031130321303313034130351303613037130381303913040130411304213043130441304513046130471304813049130501305113052130531305413055130561305713058130591306013061130621306313064130651306613067130681306913070130711307213073130741307513076130771307813079130801308113082130831308413085130861308713088130891309013091130921309313094130951309613097130981309913100131011310213103131041310513106131071310813109131101311113112131131311413115131161311713118131191312013121131221312313124131251312613127131281312913130131311313213133131341313513136131371313813139131401314113142131431314413145131461314713148131491315013151131521315313154131551315613157131581315913160131611316213163131641316513166131671316813169131701317113172131731317413175131761317713178131791318013181131821318313184131851318613187131881318913190131911319213193131941319513196131971319813199132001320113202132031320413205132061320713208132091321013211132121321313214132151321613217132181321913220132211322213223132241322513226132271322813229132301323113232132331323413235132361323713238132391324013241132421324313244132451324613247132481324913250132511325213253132541325513256132571325813259132601326113262132631326413265132661326713268132691327013271132721327313274132751327613277132781327913280132811328213283132841328513286132871328813289132901329113292132931329413295132961329713298132991330013301133021330313304133051330613307133081330913310133111331213313133141331513316133171331813319133201332113322133231332413325133261332713328133291333013331133321333313334133351333613337133381333913340133411334213343133441334513346133471334813349133501335113352133531335413355133561335713358133591336013361133621336313364133651336613367133681336913370133711337213373133741337513376133771337813379133801338113382133831338413385133861338713388133891339013391133921339313394133951339613397133981339913400134011340213403134041340513406134071340813409134101341113412134131341413415134161341713418134191342013421134221342313424134251342613427134281342913430134311343213433134341343513436134371343813439134401344113442134431344413445134461344713448134491345013451134521345313454134551345613457134581345913460134611346213463134641346513466134671346813469134701347113472134731347413475134761347713478134791348013481134821348313484134851348613487134881348913490134911349213493134941349513496134971349813499135001350113502135031350413505135061350713508135091351013511135121351313514135151351613517135181351913520135211352213523135241352513526135271352813529135301353113532135331353413535135361353713538135391354013541135421354313544135451354613547135481354913550135511355213553135541355513556135571355813559135601356113562135631356413565135661356713568135691357013571135721357313574135751357613577135781357913580135811358213583135841358513586135871358813589135901359113592135931359413595135961359713598135991360013601136021360313604136051360613607136081360913610136111361213613136141361513616136171361813619136201362113622136231362413625136261362713628136291363013631136321363313634136351363613637136381363913640136411364213643136441364513646136471364813649136501365113652136531365413655136561365713658136591366013661136621366313664136651366613667136681366913670136711367213673136741367513676136771367813679136801368113682136831368413685136861368713688136891369013691136921369313694136951369613697136981369913700137011370213703137041370513706137071370813709137101371113712137131371413715137161371713718137191372013721137221372313724137251372613727137281372913730137311373213733137341373513736137371373813739137401374113742137431374413745137461374713748137491375013751137521375313754137551375613757137581375913760137611376213763137641376513766137671376813769137701377113772137731377413775137761377713778137791378013781137821378313784137851378613787137881378913790137911379213793137941379513796137971379813799138001380113802138031380413805138061380713808138091381013811138121381313814138151381613817138181381913820138211382213823138241382513826138271382813829138301383113832138331383413835138361383713838138391384013841138421384313844138451384613847138481384913850138511385213853138541385513856138571385813859138601386113862138631386413865138661386713868138691387013871138721387313874138751387613877138781387913880138811388213883138841388513886138871388813889138901389113892138931389413895138961389713898138991390013901139021390313904139051390613907139081390913910139111391213913139141391513916139171391813919139201392113922139231392413925139261392713928139291393013931139321393313934139351393613937139381393913940139411394213943139441394513946139471394813949139501395113952139531395413955139561395713958139591396013961139621396313964139651396613967139681396913970139711397213973139741397513976139771397813979139801398113982139831398413985139861398713988139891399013991139921399313994139951399613997139981399914000140011400214003140041400514006140071400814009140101401114012140131401414015140161401714018140191402014021140221402314024140251402614027140281402914030140311403214033140341403514036140371403814039140401404114042140431404414045140461404714048140491405014051140521405314054140551405614057140581405914060140611406214063140641406514066140671406814069140701407114072140731407414075140761407714078140791408014081140821408314084140851408614087140881408914090140911409214093140941409514096140971409814099141001410114102141031410414105141061410714108141091411014111141121411314114141151411614117141181411914120141211412214123141241412514126141271412814129141301413114132141331413414135141361413714138141391414014141141421414314144141451414614147141481414914150141511415214153141541415514156141571415814159141601416114162141631416414165141661416714168141691417014171141721417314174141751417614177141781417914180141811418214183141841418514186141871418814189141901419114192141931419414195141961419714198141991420014201142021420314204142051420614207142081420914210142111421214213142141421514216142171421814219142201422114222142231422414225142261422714228142291423014231142321423314234142351423614237142381423914240142411424214243142441424514246142471424814249142501425114252142531425414255142561425714258142591426014261142621426314264142651426614267142681426914270142711427214273142741427514276142771427814279142801428114282142831428414285142861428714288142891429014291142921429314294142951429614297142981429914300143011430214303143041430514306143071430814309143101431114312143131431414315143161431714318143191432014321143221432314324143251432614327143281432914330143311433214333143341433514336143371433814339143401434114342143431434414345143461434714348143491435014351143521435314354143551435614357143581435914360143611436214363143641436514366143671436814369143701437114372143731437414375143761437714378143791438014381143821438314384143851438614387143881438914390143911439214393143941439514396143971439814399144001440114402144031440414405144061440714408144091441014411144121441314414144151441614417144181441914420144211442214423144241442514426144271442814429144301443114432144331443414435144361443714438144391444014441144421444314444144451444614447144481444914450144511445214453144541445514456144571445814459144601446114462144631446414465144661446714468144691447014471144721447314474144751447614477144781447914480144811448214483144841448514486144871448814489144901449114492144931449414495144961449714498144991450014501145021450314504145051450614507145081450914510145111451214513145141451514516145171451814519145201452114522145231452414525145261452714528145291453014531145321453314534145351453614537145381453914540145411454214543145441454514546145471454814549145501455114552145531455414555145561455714558145591456014561145621456314564145651456614567145681456914570145711457214573145741457514576145771457814579145801458114582145831458414585145861458714588145891459014591145921459314594145951459614597145981459914600146011460214603146041460514606146071460814609146101461114612146131461414615146161461714618146191462014621146221462314624146251462614627146281462914630146311463214633146341463514636146371463814639146401464114642146431464414645146461464714648146491465014651146521465314654146551465614657146581465914660146611466214663146641466514666146671466814669146701467114672146731467414675146761467714678146791468014681146821468314684146851468614687146881468914690146911469214693146941469514696146971469814699147001470114702147031470414705147061470714708147091471014711147121471314714147151471614717147181471914720147211472214723147241472514726147271472814729147301473114732147331473414735147361473714738147391474014741147421474314744147451474614747147481474914750147511475214753147541475514756147571475814759147601476114762147631476414765147661476714768147691477014771147721477314774147751477614777147781477914780147811478214783147841478514786147871478814789147901479114792147931479414795147961479714798147991480014801148021480314804148051480614807148081480914810148111481214813148141481514816148171481814819148201482114822148231482414825148261482714828148291483014831148321483314834148351483614837148381483914840148411484214843148441484514846148471484814849148501485114852148531485414855148561485714858148591486014861148621486314864148651486614867148681486914870148711487214873148741487514876148771487814879148801488114882148831488414885148861488714888148891489014891148921489314894148951489614897148981489914900149011490214903149041490514906149071490814909149101491114912149131491414915149161491714918149191492014921149221492314924149251492614927149281492914930149311493214933149341493514936149371493814939149401494114942149431494414945149461494714948149491495014951149521495314954149551495614957149581495914960149611496214963149641496514966149671496814969149701497114972149731497414975149761497714978149791498014981149821498314984149851498614987149881498914990149911499214993149941499514996149971499814999150001500115002150031500415005150061500715008150091501015011150121501315014150151501615017150181501915020150211502215023150241502515026150271502815029150301503115032150331503415035150361503715038150391504015041150421504315044150451504615047150481504915050150511505215053150541505515056150571505815059150601506115062150631506415065150661506715068150691507015071150721507315074150751507615077150781507915080150811508215083150841508515086150871508815089150901509115092150931509415095150961509715098150991510015101151021510315104151051510615107151081510915110151111511215113151141511515116151171511815119151201512115122151231512415125151261512715128151291513015131151321513315134151351513615137151381513915140151411514215143151441514515146151471514815149151501515115152151531515415155151561515715158151591516015161151621516315164151651516615167151681516915170151711517215173151741517515176151771517815179151801518115182151831518415185151861518715188151891519015191151921519315194151951519615197151981519915200152011520215203152041520515206152071520815209152101521115212152131521415215152161521715218152191522015221152221522315224152251522615227152281522915230152311523215233152341523515236152371523815239152401524115242152431524415245152461524715248152491525015251152521525315254152551525615257152581525915260152611526215263152641526515266152671526815269152701527115272152731527415275152761527715278152791528015281152821528315284152851528615287152881528915290152911529215293152941529515296152971529815299153001530115302153031530415305153061530715308153091531015311153121531315314153151531615317153181531915320153211532215323153241532515326153271532815329153301533115332153331533415335153361533715338153391534015341153421534315344153451534615347153481534915350153511535215353153541535515356153571535815359153601536115362153631536415365153661536715368153691537015371153721537315374153751537615377153781537915380153811538215383153841538515386153871538815389153901539115392153931539415395153961539715398153991540015401154021540315404154051540615407154081540915410154111541215413154141541515416154171541815419154201542115422154231542415425154261542715428154291543015431154321543315434154351543615437154381543915440154411544215443154441544515446154471544815449154501545115452154531545415455154561545715458154591546015461154621546315464154651546615467154681546915470154711547215473154741547515476154771547815479154801548115482154831548415485154861548715488154891549015491154921549315494154951549615497154981549915500155011550215503155041550515506155071550815509155101551115512155131551415515155161551715518155191552015521155221552315524155251552615527155281552915530155311553215533155341553515536155371553815539155401554115542155431554415545155461554715548155491555015551155521555315554155551555615557155581555915560155611556215563155641556515566155671556815569155701557115572155731557415575155761557715578155791558015581155821558315584155851558615587155881558915590155911559215593155941559515596155971559815599156001560115602156031560415605156061560715608156091561015611156121561315614156151561615617156181561915620156211562215623156241562515626156271562815629156301563115632156331563415635156361563715638156391564015641156421564315644156451564615647156481564915650156511565215653156541565515656156571565815659156601566115662156631566415665156661566715668156691567015671156721567315674156751567615677156781567915680156811568215683156841568515686156871568815689156901569115692156931569415695156961569715698156991570015701157021570315704157051570615707157081570915710157111571215713157141571515716157171571815719157201572115722157231572415725157261572715728157291573015731157321573315734157351573615737157381573915740157411574215743157441574515746157471574815749157501575115752157531575415755157561575715758157591576015761157621576315764157651576615767157681576915770157711577215773157741577515776157771577815779157801578115782157831578415785157861578715788157891579015791157921579315794157951579615797157981579915800158011580215803158041580515806158071580815809158101581115812158131581415815158161581715818158191582015821158221582315824158251582615827158281582915830158311583215833158341583515836158371583815839158401584115842158431584415845158461584715848158491585015851158521585315854158551585615857158581585915860158611586215863158641586515866158671586815869158701587115872158731587415875158761587715878158791588015881158821588315884158851588615887158881588915890158911589215893158941589515896158971589815899159001590115902159031590415905159061590715908159091591015911159121591315914159151591615917159181591915920159211592215923159241592515926159271592815929159301593115932159331593415935159361593715938159391594015941159421594315944159451594615947159481594915950159511595215953159541595515956159571595815959159601596115962159631596415965159661596715968159691597015971159721597315974159751597615977159781597915980159811598215983159841598515986159871598815989159901599115992159931599415995159961599715998159991600016001160021600316004160051600616007160081600916010160111601216013160141601516016160171601816019160201602116022160231602416025160261602716028160291603016031160321603316034160351603616037160381603916040160411604216043160441604516046160471604816049160501605116052160531605416055160561605716058160591606016061160621606316064160651606616067160681606916070160711607216073160741607516076160771607816079160801608116082160831608416085160861608716088160891609016091160921609316094160951609616097160981609916100161011610216103161041610516106161071610816109161101611116112161131611416115161161611716118161191612016121161221612316124161251612616127161281612916130161311613216133161341613516136161371613816139161401614116142161431614416145161461614716148161491615016151161521615316154161551615616157161581615916160161611616216163161641616516166161671616816169161701617116172161731617416175161761617716178161791618016181161821618316184161851618616187161881618916190161911619216193161941619516196161971619816199162001620116202162031620416205162061620716208162091621016211162121621316214162151621616217162181621916220162211622216223162241622516226162271622816229162301623116232162331623416235162361623716238162391624016241162421624316244162451624616247162481624916250162511625216253162541625516256162571625816259162601626116262162631626416265162661626716268162691627016271162721627316274162751627616277162781627916280162811628216283162841628516286162871628816289162901629116292162931629416295162961629716298162991630016301163021630316304163051630616307163081630916310163111631216313163141631516316163171631816319163201632116322163231632416325163261632716328163291633016331163321633316334163351633616337163381633916340163411634216343163441634516346163471634816349163501635116352163531635416355163561635716358163591636016361163621636316364163651636616367163681636916370163711637216373163741637516376163771637816379163801638116382163831638416385163861638716388163891639016391163921639316394163951639616397163981639916400164011640216403164041640516406164071640816409164101641116412164131641416415164161641716418164191642016421164221642316424164251642616427164281642916430164311643216433164341643516436164371643816439164401644116442164431644416445164461644716448164491645016451164521645316454164551645616457164581645916460164611646216463164641646516466164671646816469164701647116472164731647416475164761647716478164791648016481164821648316484164851648616487164881648916490164911649216493164941649516496164971649816499165001650116502165031650416505165061650716508165091651016511165121651316514165151651616517165181651916520165211652216523165241652516526165271652816529165301653116532165331653416535165361653716538165391654016541165421654316544165451654616547165481654916550165511655216553165541655516556165571655816559165601656116562165631656416565165661656716568165691657016571165721657316574165751657616577165781657916580165811658216583165841658516586165871658816589165901659116592165931659416595165961659716598165991660016601166021660316604166051660616607166081660916610166111661216613166141661516616166171661816619166201662116622166231662416625166261662716628166291663016631166321663316634166351663616637166381663916640166411664216643166441664516646166471664816649166501665116652166531665416655166561665716658166591666016661166621666316664166651666616667166681666916670166711667216673166741667516676166771667816679166801668116682166831668416685166861668716688166891669016691166921669316694166951669616697166981669916700167011670216703167041670516706167071670816709167101671116712167131671416715167161671716718167191672016721167221672316724167251672616727167281672916730167311673216733167341673516736167371673816739167401674116742167431674416745167461674716748167491675016751167521675316754167551675616757167581675916760167611676216763167641676516766167671676816769167701677116772167731677416775167761677716778167791678016781167821678316784167851678616787167881678916790167911679216793167941679516796167971679816799168001680116802168031680416805168061680716808168091681016811168121681316814168151681616817168181681916820168211682216823168241682516826168271682816829168301683116832168331683416835168361683716838168391684016841168421684316844168451684616847168481684916850168511685216853168541685516856168571685816859168601686116862168631686416865168661686716868168691687016871168721687316874168751687616877168781687916880168811688216883168841688516886168871688816889168901689116892168931689416895168961689716898168991690016901169021690316904169051690616907169081690916910169111691216913169141691516916169171691816919169201692116922169231692416925169261692716928169291693016931169321693316934169351693616937169381693916940169411694216943169441694516946169471694816949169501695116952169531695416955169561695716958169591696016961169621696316964169651696616967169681696916970169711697216973169741697516976169771697816979169801698116982169831698416985169861698716988169891699016991169921699316994169951699616997169981699917000170011700217003170041700517006170071700817009170101701117012170131701417015170161701717018170191702017021170221702317024170251702617027170281702917030170311703217033170341703517036170371703817039170401704117042170431704417045170461704717048170491705017051170521705317054170551705617057170581705917060170611706217063170641706517066170671706817069170701707117072170731707417075170761707717078170791708017081170821708317084170851708617087170881708917090170911709217093170941709517096170971709817099171001710117102171031710417105171061710717108171091711017111171121711317114171151711617117171181711917120171211712217123171241712517126171271712817129171301713117132171331713417135171361713717138171391714017141171421714317144171451714617147171481714917150171511715217153171541715517156171571715817159171601716117162171631716417165171661716717168171691717017171171721717317174171751717617177171781717917180171811718217183171841718517186171871718817189171901719117192171931719417195171961719717198171991720017201172021720317204172051720617207172081720917210172111721217213172141721517216172171721817219172201722117222172231722417225172261722717228172291723017231172321723317234172351723617237172381723917240172411724217243172441724517246172471724817249172501725117252172531725417255172561725717258172591726017261172621726317264172651726617267172681726917270172711727217273172741727517276172771727817279172801728117282172831728417285172861728717288172891729017291172921729317294172951729617297172981729917300173011730217303173041730517306173071730817309173101731117312173131731417315173161731717318173191732017321173221732317324173251732617327173281732917330173311733217333173341733517336173371733817339173401734117342173431734417345173461734717348173491735017351173521735317354173551735617357173581735917360173611736217363173641736517366173671736817369173701737117372173731737417375173761737717378173791738017381173821738317384173851738617387173881738917390173911739217393173941739517396173971739817399174001740117402174031740417405174061740717408174091741017411174121741317414174151741617417174181741917420174211742217423174241742517426174271742817429174301743117432174331743417435174361743717438174391744017441174421744317444174451744617447174481744917450174511745217453174541745517456174571745817459174601746117462174631746417465174661746717468174691747017471174721747317474174751747617477174781747917480174811748217483174841748517486174871748817489174901749117492174931749417495174961749717498174991750017501175021750317504175051750617507175081750917510175111751217513175141751517516175171751817519175201752117522175231752417525175261752717528175291753017531175321753317534175351753617537175381753917540175411754217543175441754517546175471754817549175501755117552175531755417555175561755717558175591756017561175621756317564175651756617567175681756917570175711757217573175741757517576175771757817579175801758117582175831758417585175861758717588175891759017591175921759317594175951759617597175981759917600176011760217603176041760517606176071760817609176101761117612176131761417615176161761717618176191762017621176221762317624176251762617627176281762917630176311763217633176341763517636176371763817639176401764117642176431764417645176461764717648176491765017651176521765317654176551765617657176581765917660176611766217663176641766517666176671766817669176701767117672176731767417675176761767717678176791768017681176821768317684176851768617687176881768917690176911769217693176941769517696176971769817699177001770117702177031770417705177061770717708177091771017711177121771317714177151771617717177181771917720177211772217723177241772517726177271772817729177301773117732177331773417735177361773717738177391774017741177421774317744177451774617747177481774917750177511775217753177541775517756177571775817759177601776117762177631776417765177661776717768177691777017771177721777317774177751777617777177781777917780177811778217783177841778517786177871778817789177901779117792177931779417795177961779717798177991780017801178021780317804178051780617807178081780917810178111781217813178141781517816178171781817819178201782117822178231782417825178261782717828178291783017831178321783317834178351783617837178381783917840178411784217843178441784517846178471784817849178501785117852178531785417855178561785717858178591786017861178621786317864178651786617867178681786917870178711787217873178741787517876178771787817879178801788117882178831788417885178861788717888178891789017891178921789317894178951789617897178981789917900179011790217903179041790517906179071790817909179101791117912179131791417915179161791717918179191792017921179221792317924179251792617927179281792917930179311793217933179341793517936179371793817939179401794117942179431794417945179461794717948179491795017951179521795317954179551795617957179581795917960179611796217963179641796517966179671796817969179701797117972179731797417975179761797717978179791798017981179821798317984179851798617987179881798917990179911799217993179941799517996179971799817999180001800118002180031800418005180061800718008180091801018011180121801318014180151801618017180181801918020180211802218023180241802518026180271802818029180301803118032180331803418035180361803718038180391804018041180421804318044180451804618047180481804918050180511805218053180541805518056180571805818059180601806118062180631806418065180661806718068180691807018071180721807318074180751807618077180781807918080180811808218083180841808518086180871808818089180901809118092180931809418095180961809718098180991810018101181021810318104181051810618107181081810918110181111811218113181141811518116181171811818119181201812118122181231812418125181261812718128181291813018131181321813318134181351813618137181381813918140181411814218143181441814518146181471814818149181501815118152181531815418155181561815718158181591816018161181621816318164181651816618167181681816918170181711817218173181741817518176181771817818179181801818118182181831818418185181861818718188181891819018191181921819318194181951819618197181981819918200182011820218203182041820518206182071820818209182101821118212182131821418215182161821718218182191822018221182221822318224182251822618227182281822918230182311823218233182341823518236182371823818239182401824118242182431824418245182461824718248182491825018251182521825318254182551825618257182581825918260182611826218263182641826518266182671826818269182701827118272182731827418275182761827718278182791828018281182821828318284182851828618287182881828918290182911829218293182941829518296182971829818299183001830118302183031830418305183061830718308183091831018311183121831318314183151831618317183181831918320183211832218323183241832518326183271832818329183301833118332183331833418335183361833718338183391834018341183421834318344183451834618347183481834918350183511835218353183541835518356183571835818359183601836118362183631836418365183661836718368183691837018371183721837318374183751837618377183781837918380183811838218383183841838518386183871838818389183901839118392183931839418395183961839718398183991840018401184021840318404184051840618407184081840918410184111841218413184141841518416184171841818419184201842118422184231842418425184261842718428184291843018431184321843318434184351843618437184381843918440184411844218443184441844518446184471844818449184501845118452184531845418455184561845718458184591846018461184621846318464184651846618467184681846918470184711847218473184741847518476184771847818479184801848118482184831848418485184861848718488184891849018491184921849318494184951849618497184981849918500185011850218503185041850518506185071850818509185101851118512185131851418515185161851718518185191852018521185221852318524185251852618527185281852918530185311853218533185341853518536185371853818539185401854118542185431854418545185461854718548185491855018551185521855318554185551855618557185581855918560185611856218563185641856518566185671856818569185701857118572185731857418575185761857718578185791858018581185821858318584185851858618587185881858918590185911859218593185941859518596185971859818599186001860118602186031860418605186061860718608186091861018611186121861318614186151861618617186181861918620186211862218623186241862518626186271862818629186301863118632186331863418635186361863718638186391864018641186421864318644186451864618647186481864918650186511865218653186541865518656186571865818659186601866118662186631866418665186661866718668186691867018671186721867318674186751867618677186781867918680186811868218683186841868518686186871868818689186901869118692186931869418695186961869718698186991870018701187021870318704187051870618707187081870918710187111871218713187141871518716187171871818719187201872118722187231872418725187261872718728187291873018731187321873318734187351873618737187381873918740187411874218743187441874518746187471874818749187501875118752187531875418755187561875718758187591876018761187621876318764187651876618767187681876918770187711877218773187741877518776187771877818779187801878118782187831878418785187861878718788187891879018791187921879318794187951879618797187981879918800188011880218803188041880518806188071880818809188101881118812188131881418815188161881718818188191882018821188221882318824188251882618827188281882918830188311883218833188341883518836188371883818839188401884118842188431884418845
  1. @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');
  2. @charset "UTF-8";
  3. @-webkit-keyframes slide-down {
  4. 0% {
  5. font-family: "Poppins", sans-serif;
  6. opacity: 1;
  7. }
  8. 90% {
  9. opacity: 0;
  10. }
  11. }
  12. @keyframes slide-down {
  13. 0% {
  14. opacity: 1;
  15. }
  16. 90% {
  17. opacity: 0;
  18. }
  19. }
  20. .element {
  21. width: 100px;
  22. height: 100px;
  23. background: black;
  24. -webkit-animation: slide-down 5s 3;
  25. animation: slide-down 5s 3;
  26. }
  27. .visually-hidden {
  28. margin: -1px;
  29. padding: 0;
  30. width: 1px;
  31. height: 1px;
  32. overflow: hidden;
  33. clip: rect(0 0 0 0);
  34. clip: rect(0, 0, 0, 0);
  35. position: absolute;
  36. }
  37. @-webkit-keyframes zoom {
  38. from {
  39. -webkit-transform: scale(0.5);
  40. transform: scale(0.5);
  41. opacity: 0;
  42. }
  43. to {
  44. -webkit-transform: scale(1);
  45. transform: scale(1);
  46. opacity: 1;
  47. }
  48. }
  49. @keyframes zoom {
  50. from {
  51. -webkit-transform: scale(0.5);
  52. transform: scale(0.5);
  53. opacity: 0;
  54. }
  55. to {
  56. -webkit-transform: scale(1);
  57. transform: scale(1);
  58. opacity: 1;
  59. }
  60. }
  61. .zoom {
  62. -webkit-animation-name: zoom;
  63. animation-name: zoom;
  64. }
  65. @-webkit-keyframes zoom2 {
  66. from {
  67. -webkit-transform: scale(0.5);
  68. transform: scale(0.5);
  69. }
  70. to {
  71. -webkit-transform: scale(1);
  72. transform: scale(1);
  73. }
  74. }
  75. @keyframes zoom2 {
  76. from {
  77. -webkit-transform: scale(0.5);
  78. transform: scale(0.5);
  79. }
  80. to {
  81. -webkit-transform: scale(1);
  82. transform: scale(1);
  83. }
  84. }
  85. .zoom2 {
  86. -webkit-animation-name: zoom2;
  87. animation-name: zoom2;
  88. }
  89. @-webkit-keyframes zoommd {
  90. 0% {
  91. -webkit-transform: scale(0.9);
  92. transform: scale(0.9);
  93. }
  94. 100% {
  95. -webkit-transform: scale(1.5);
  96. transform: scale(1.5);
  97. }
  98. }
  99. @keyframes zoommd {
  100. 0% {
  101. -webkit-transform: scale(0.9);
  102. transform: scale(0.9);
  103. }
  104. 100% {
  105. -webkit-transform: scale(1.5);
  106. transform: scale(1.5);
  107. }
  108. }
  109. @-webkit-keyframes bounce {
  110. 0% {
  111. -webkit-transform: translateY(0);
  112. transform: translateY(0);
  113. }
  114. 100% {
  115. -webkit-transform: translateY(40px);
  116. transform: translateY(40px);
  117. }
  118. }
  119. @keyframes bounce {
  120. 0% {
  121. -webkit-transform: translateY(0);
  122. transform: translateY(0);
  123. }
  124. 100% {
  125. -webkit-transform: translateY(40px);
  126. transform: translateY(40px);
  127. }
  128. }
  129. .zoomBounce {
  130. -webkit-animation-name: zoomBounce;
  131. animation-name: zoomBounce;
  132. }
  133. @-webkit-keyframes zoomBounce {
  134. 0% {
  135. -webkit-transform: scale(0.5);
  136. transform: scale(0.5);
  137. opacity: 0;
  138. }
  139. 50% {
  140. -webkit-transform: scale(1.2);
  141. transform: scale(1.2);
  142. opacity: 1;
  143. }
  144. 100% {
  145. -webkit-transform: scale(1);
  146. transform: scale(1);
  147. opacity: 1;
  148. }
  149. }
  150. @keyframes zoomBounce {
  151. 0% {
  152. -webkit-transform: scale(0.5);
  153. transform: scale(0.5);
  154. opacity: 0;
  155. }
  156. 50% {
  157. -webkit-transform: scale(1.2);
  158. transform: scale(1.2);
  159. opacity: 1;
  160. }
  161. 100% {
  162. -webkit-transform: scale(1);
  163. transform: scale(1);
  164. opacity: 1;
  165. }
  166. }
  167. @-webkit-keyframes movexy {
  168. 0% {
  169. -webkit-transform: translateX(-10px) scale(0.9);
  170. transform: translateX(-10px) scale(0.9);
  171. }
  172. 100% {
  173. -webkit-transform: translateX(30px) scale(1.3) translateY(10px);
  174. transform: translateX(30px) scale(1.3) translateY(10px);
  175. }
  176. }
  177. @keyframes movexy {
  178. 0% {
  179. -webkit-transform: translateX(-10px) scale(0.9);
  180. transform: translateX(-10px) scale(0.9);
  181. }
  182. 100% {
  183. -webkit-transform: translateX(30px) scale(1.3) translateY(10px);
  184. transform: translateX(30px) scale(1.3) translateY(10px);
  185. }
  186. }
  187. @-webkit-keyframes wave {
  188. 0% {
  189. -webkit-transform: rotateZ(0deg) translate3d(0, 20%, 0) rotateZ(0deg);
  190. transform: rotateZ(0deg) translate3d(0, 20%, 0) rotateZ(0deg);
  191. }
  192. 100% {
  193. -webkit-transform: rotateZ(360deg) translate3d(0, 20%, 0) rotateZ(-360deg);
  194. transform: rotateZ(360deg) translate3d(0, 20%, 0) rotateZ(-360deg);
  195. }
  196. }
  197. @keyframes wave {
  198. 0% {
  199. -webkit-transform: rotateZ(0deg) translate3d(0, 20%, 0) rotateZ(0deg);
  200. transform: rotateZ(0deg) translate3d(0, 20%, 0) rotateZ(0deg);
  201. }
  202. 100% {
  203. -webkit-transform: rotateZ(360deg) translate3d(0, 20%, 0) rotateZ(-360deg);
  204. transform: rotateZ(360deg) translate3d(0, 20%, 0) rotateZ(-360deg);
  205. }
  206. }
  207. @-webkit-keyframes gptFade {
  208. 0% {
  209. opacity: 0;
  210. }
  211. 100% {
  212. opacity: 1;
  213. }
  214. }
  215. @keyframes gptFade {
  216. 0% {
  217. opacity: 0;
  218. }
  219. 100% {
  220. opacity: 1;
  221. }
  222. }
  223. @-webkit-keyframes gptFadeUp {
  224. 0% {
  225. opacity: 0;
  226. -webkit-transform: translateY(20px);
  227. transform: translateY(20px);
  228. }
  229. 100% {
  230. opacity: 1;
  231. -webkit-transform: translateY(0);
  232. transform: translateY(0);
  233. }
  234. }
  235. @keyframes gptFadeUp {
  236. 0% {
  237. opacity: 0;
  238. -webkit-transform: translateY(20px);
  239. transform: translateY(20px);
  240. }
  241. 100% {
  242. opacity: 1;
  243. -webkit-transform: translateY(0);
  244. transform: translateY(0);
  245. }
  246. }
  247. @-webkit-keyframes gptFadeDown {
  248. 0% {
  249. opacity: 0;
  250. -webkit-transform: translateY(-20px);
  251. transform: translateY(-20px);
  252. }
  253. 100% {
  254. opacity: 1;
  255. -webkit-transform: translateY(0);
  256. transform: translateY(0);
  257. }
  258. }
  259. @keyframes gptFadeDown {
  260. 0% {
  261. opacity: 0;
  262. -webkit-transform: translateY(-20px);
  263. transform: translateY(-20px);
  264. }
  265. 100% {
  266. opacity: 1;
  267. -webkit-transform: translateY(0);
  268. transform: translateY(0);
  269. }
  270. }
  271. @-webkit-keyframes gptFadeLeft {
  272. 0% {
  273. opacity: 0;
  274. -webkit-transform: translateX(20px);
  275. transform: translateX(20px);
  276. }
  277. 100% {
  278. opacity: 1;
  279. -webkit-transform: translateX(0);
  280. transform: translateX(0);
  281. }
  282. }
  283. @keyframes gptFadeLeft {
  284. 0% {
  285. opacity: 0;
  286. -webkit-transform: translateX(20px);
  287. transform: translateX(20px);
  288. }
  289. 100% {
  290. opacity: 1;
  291. -webkit-transform: translateX(0);
  292. transform: translateX(0);
  293. }
  294. }
  295. @-webkit-keyframes gptFadeRight {
  296. 0% {
  297. opacity: 0;
  298. -webkit-transform: translateX(-20px);
  299. transform: translateX(-20px);
  300. }
  301. 100% {
  302. opacity: 1;
  303. -webkit-transform: translateX(0);
  304. transform: translateX(0);
  305. }
  306. }
  307. @keyframes gptFadeRight {
  308. 0% {
  309. opacity: 0;
  310. -webkit-transform: translateX(-20px);
  311. transform: translateX(-20px);
  312. }
  313. 100% {
  314. opacity: 1;
  315. -webkit-transform: translateX(0);
  316. transform: translateX(0);
  317. }
  318. }
  319. @-webkit-keyframes gptZoomIn {
  320. 0% {
  321. opacity: 0;
  322. -webkit-transform: scale(0.7);
  323. transform: scale(0.7);
  324. }
  325. 100% {
  326. opacity: 1;
  327. -webkit-transform: scale(1);
  328. transform: scale(1);
  329. }
  330. }
  331. @keyframes gptZoomIn {
  332. 0% {
  333. opacity: 0;
  334. -webkit-transform: scale(0.7);
  335. transform: scale(0.7);
  336. }
  337. 100% {
  338. opacity: 1;
  339. -webkit-transform: scale(1);
  340. transform: scale(1);
  341. }
  342. }
  343. @-webkit-keyframes gptBounceIn {
  344. 0% {
  345. -webkit-transform: scale(0.1);
  346. transform: scale(0.1);
  347. opacity: 0;
  348. }
  349. 60% {
  350. -webkit-transform: scale(1.1);
  351. transform: scale(1.1);
  352. opacity: 1;
  353. }
  354. 100% {
  355. -webkit-transform: scale(1);
  356. transform: scale(1);
  357. }
  358. }
  359. @keyframes gptBounceIn {
  360. 0% {
  361. -webkit-transform: scale(0.1);
  362. transform: scale(0.1);
  363. opacity: 0;
  364. }
  365. 60% {
  366. -webkit-transform: scale(1.1);
  367. transform: scale(1.1);
  368. opacity: 1;
  369. }
  370. 100% {
  371. -webkit-transform: scale(1);
  372. transform: scale(1);
  373. }
  374. }
  375. .gptFade {
  376. -webkit-animation-name: gptFade;
  377. animation-name: gptFade;
  378. }
  379. .gptFadeUp {
  380. -webkit-animation-name: gptFadeUp;
  381. animation-name: gptFadeUp;
  382. }
  383. .gptFadeDown {
  384. -webkit-animation-name: gptFadeDown;
  385. animation-name: gptFadeDown;
  386. }
  387. .gptFadeLeft {
  388. -webkit-animation-name: gptFadeLeft;
  389. animation-name: gptFadeLeft;
  390. }
  391. .gptFadeRight {
  392. -webkit-animation-name: gptFadeRight;
  393. animation-name: gptFadeRight;
  394. }
  395. .gptZoomIn {
  396. -webkit-animation-name: gptZoomIn;
  397. animation-name: gptZoomIn;
  398. }
  399. .gptBounceIn {
  400. -webkit-animation-name: gptBounceIn;
  401. animation-name: gptBounceIn;
  402. }
  403. @-webkit-keyframes jumping {
  404. 0% {
  405. -webkit-transform: translateY(0);
  406. transform: translateY(0);
  407. opacity: 0;
  408. }
  409. 50% {
  410. -webkit-transform: translateY(-20px);
  411. transform: translateY(-20px);
  412. opacity: 1;
  413. }
  414. 100% {
  415. -webkit-transform: translateY(0);
  416. transform: translateY(0);
  417. opacity: 0;
  418. }
  419. }
  420. @keyframes jumping {
  421. 0% {
  422. -webkit-transform: translateY(0);
  423. transform: translateY(0);
  424. opacity: 0;
  425. }
  426. 50% {
  427. -webkit-transform: translateY(-20px);
  428. transform: translateY(-20px);
  429. opacity: 1;
  430. }
  431. 100% {
  432. -webkit-transform: translateY(0);
  433. transform: translateY(0);
  434. opacity: 0;
  435. }
  436. }
  437. @-webkit-keyframes jump {
  438. 0% {
  439. -webkit-transform: translateY(5px);
  440. transform: translateY(5px);
  441. }
  442. 50% {
  443. -webkit-transform: translateY(-10px);
  444. transform: translateY(-10px);
  445. }
  446. 100% {
  447. -webkit-transform: translateY(5px);
  448. transform: translateY(5px);
  449. }
  450. }
  451. @keyframes jump {
  452. 0% {
  453. -webkit-transform: translateY(5px);
  454. transform: translateY(5px);
  455. }
  456. 50% {
  457. -webkit-transform: translateY(-10px);
  458. transform: translateY(-10px);
  459. }
  460. 100% {
  461. -webkit-transform: translateY(5px);
  462. transform: translateY(5px);
  463. }
  464. }
  465. @-webkit-keyframes stickySlideDown {
  466. from {
  467. -webkit-transform: translateY(-100%);
  468. transform: translateY(-100%);
  469. }
  470. to {
  471. -webkit-transform: translateY(0);
  472. transform: translateY(0);
  473. }
  474. }
  475. @keyframes stickySlideDown {
  476. from {
  477. -webkit-transform: translateY(-100%);
  478. transform: translateY(-100%);
  479. }
  480. to {
  481. -webkit-transform: translateY(0);
  482. transform: translateY(0);
  483. }
  484. }
  485. @-webkit-keyframes moveclouds {
  486. 0% {
  487. -webkit-transform: translate3d(-10px, -10px, 0);
  488. transform: translate3d(-10px, -10px, 0);
  489. opacity: 1;
  490. }
  491. 50% {
  492. -webkit-transform: translate3d(-20px, 20px, 0);
  493. transform: translate3d(-20px, 20px, 0);
  494. opacity: 1;
  495. }
  496. 100% {
  497. -webkit-transform: translate3d(30px, 0px, 0);
  498. transform: translate3d(30px, 0px, 0);
  499. opacity: 1;
  500. }
  501. }
  502. @keyframes moveclouds {
  503. 0% {
  504. -webkit-transform: translate3d(-10px, -10px, 0);
  505. transform: translate3d(-10px, -10px, 0);
  506. opacity: 1;
  507. }
  508. 50% {
  509. -webkit-transform: translate3d(-20px, 20px, 0);
  510. transform: translate3d(-20px, 20px, 0);
  511. opacity: 1;
  512. }
  513. 100% {
  514. -webkit-transform: translate3d(30px, 0px, 0);
  515. transform: translate3d(30px, 0px, 0);
  516. opacity: 1;
  517. }
  518. }
  519. @-webkit-keyframes circle {
  520. 0% {
  521. -webkit-transform: rotate(0deg);
  522. transform: rotate(0deg);
  523. }
  524. 100% {
  525. -webkit-transform: rotate(360deg);
  526. transform: rotate(360deg);
  527. }
  528. }
  529. @keyframes circle {
  530. 0% {
  531. -webkit-transform: rotate(0deg);
  532. transform: rotate(0deg);
  533. }
  534. 100% {
  535. -webkit-transform: rotate(360deg);
  536. transform: rotate(360deg);
  537. }
  538. }
  539. @-webkit-keyframes pulse {
  540. 0% {
  541. width: 80px;
  542. height: 80px;
  543. opacity: 1;
  544. }
  545. 50% {
  546. opacity: 1;
  547. }
  548. 100% {
  549. height: 120px;
  550. width: 120px;
  551. opacity: 0;
  552. }
  553. }
  554. @keyframes pulse {
  555. 0% {
  556. width: 80px;
  557. height: 80px;
  558. opacity: 1;
  559. }
  560. 50% {
  561. opacity: 1;
  562. }
  563. 100% {
  564. height: 120px;
  565. width: 120px;
  566. opacity: 0;
  567. }
  568. }
  569. @-webkit-keyframes pulsesm {
  570. 0% {
  571. width: 60px;
  572. height: 60px;
  573. opacity: 1;
  574. }
  575. 50% {
  576. opacity: 1;
  577. }
  578. 100% {
  579. height: 80px;
  580. width: 80px;
  581. opacity: 0;
  582. }
  583. }
  584. @keyframes pulsesm {
  585. 0% {
  586. width: 60px;
  587. height: 60px;
  588. opacity: 1;
  589. }
  590. 50% {
  591. opacity: 1;
  592. }
  593. 100% {
  594. height: 80px;
  595. width: 80px;
  596. opacity: 0;
  597. }
  598. }
  599. .gpUpX {
  600. -webkit-animation-name: gpUpX;
  601. animation-name: gpUpX;
  602. }
  603. .gpUpSmX {
  604. -webkit-animation: gpUpX 1s both 1s;
  605. animation: gpUpX 1s both 1s;
  606. -webkit-animation-delay: 0.3s;
  607. animation-delay: 0.3s;
  608. }
  609. .gpDownX {
  610. -webkit-animation-name: gpDownX;
  611. animation-name: gpDownX;
  612. }
  613. @-webkit-keyframes gpUpX {
  614. 0% {
  615. opacity: 0;
  616. -webkit-transform: translate(80px, -30px);
  617. transform: translate(80px, -30px);
  618. }
  619. 100% {
  620. -webkit-transform: translate(0, 0);
  621. transform: translate(0, 0);
  622. opacity: 1;
  623. }
  624. }
  625. @keyframes gpUpX {
  626. 0% {
  627. opacity: 0;
  628. -webkit-transform: translate(80px, -30px);
  629. transform: translate(80px, -30px);
  630. }
  631. 100% {
  632. -webkit-transform: translate(0, 0);
  633. transform: translate(0, 0);
  634. opacity: 1;
  635. }
  636. }
  637. @-webkit-keyframes gpDownX {
  638. 0% {
  639. opacity: 0;
  640. -webkit-transform: translate(-80px, 80px);
  641. transform: translate(-80px, 80px);
  642. }
  643. 100% {
  644. -webkit-transform: translate(0, 0);
  645. transform: translate(0, 0);
  646. opacity: 1;
  647. }
  648. }
  649. @keyframes gpDownX {
  650. 0% {
  651. opacity: 0;
  652. -webkit-transform: translate(-80px, 80px);
  653. transform: translate(-80px, 80px);
  654. }
  655. 100% {
  656. -webkit-transform: translate(0, 0);
  657. transform: translate(0, 0);
  658. opacity: 1;
  659. }
  660. }
  661. @-webkit-keyframes animationFramesTwo {
  662. 0% {
  663. -webkit-transform: translate(0px, 0px) rotate(0deg);
  664. transform: translate(0px, 0px) rotate(0deg);
  665. }
  666. 20% {
  667. -webkit-transform: translate(-73px, 1px) rotate(-36deg);
  668. transform: translate(-73px, 1px) rotate(-36deg);
  669. }
  670. 40% {
  671. -webkit-transform: translate(-141px, -72px) rotate(-72deg);
  672. transform: translate(-141px, -72px) rotate(-72deg);
  673. }
  674. 60% {
  675. -webkit-transform: translate(-83px, -122px) rotate(-108deg);
  676. transform: translate(-83px, -122px) rotate(-108deg);
  677. }
  678. 80% {
  679. -webkit-transform: translate(40px, -72px) rotate(-144deg);
  680. transform: translate(40px, -72px) rotate(-144deg);
  681. }
  682. 100% {
  683. -webkit-transform: translate(0px, 0px) rotate(0deg);
  684. transform: translate(0px, 0px) rotate(0deg);
  685. }
  686. }
  687. @keyframes animationFramesTwo {
  688. 0% {
  689. -webkit-transform: translate(0px, 0px) rotate(0deg);
  690. transform: translate(0px, 0px) rotate(0deg);
  691. }
  692. 20% {
  693. -webkit-transform: translate(-73px, 1px) rotate(-36deg);
  694. transform: translate(-73px, 1px) rotate(-36deg);
  695. }
  696. 40% {
  697. -webkit-transform: translate(-141px, -72px) rotate(-72deg);
  698. transform: translate(-141px, -72px) rotate(-72deg);
  699. }
  700. 60% {
  701. -webkit-transform: translate(-83px, -122px) rotate(-108deg);
  702. transform: translate(-83px, -122px) rotate(-108deg);
  703. }
  704. 80% {
  705. -webkit-transform: translate(40px, -72px) rotate(-144deg);
  706. transform: translate(40px, -72px) rotate(-144deg);
  707. }
  708. 100% {
  709. -webkit-transform: translate(0px, 0px) rotate(0deg);
  710. transform: translate(0px, 0px) rotate(0deg);
  711. }
  712. }
  713. @-webkit-keyframes leafMotion {
  714. 50% {
  715. -webkit-transform: rotate(4deg);
  716. transform: rotate(4deg);
  717. }
  718. }
  719. @keyframes leafMotion {
  720. 50% {
  721. -webkit-transform: rotate(4deg);
  722. transform: rotate(4deg);
  723. }
  724. }
  725. @keyframes jump {
  726. 0% {
  727. -webkit-transform: translateY(2px);
  728. transform: translateY(2px);
  729. }
  730. 50% {
  731. -webkit-transform: translateY(-5px);
  732. transform: translateY(-5px);
  733. }
  734. 100% {
  735. -webkit-transform: translateY(2px);
  736. transform: translateY(2px);
  737. }
  738. }
  739. @-webkit-keyframes slideInnew3 {
  740. 0% {
  741. opacity: 0;
  742. -webkit-transform: translate(80px, -80px);
  743. transform: translate(80px, -80px);
  744. }
  745. 100% {
  746. -webkit-transform: translate(0, 0);
  747. transform: translate(0, 0);
  748. }
  749. }
  750. @keyframes slideInnew3 {
  751. 0% {
  752. opacity: 0;
  753. -webkit-transform: translate(80px, -80px);
  754. transform: translate(80px, -80px);
  755. }
  756. 100% {
  757. -webkit-transform: translate(0, 0);
  758. transform: translate(0, 0);
  759. }
  760. }
  761. @-webkit-keyframes animeone {
  762. 0% {
  763. -webkit-transform: translate(0) rotate(0deg);
  764. transform: translate(0) rotate(0deg);
  765. }
  766. 20% {
  767. -webkit-transform: translate(80px, 1px) rotate(50deg);
  768. transform: translate(80px, 1px) rotate(50deg);
  769. }
  770. 40% {
  771. -webkit-transform: translate(145px, 72px) rotate(90deg);
  772. transform: translate(145px, 72px) rotate(90deg);
  773. }
  774. 60% {
  775. -webkit-transform: translate(83px, 122px) rotate(125deg);
  776. transform: translate(83px, 122px) rotate(125deg);
  777. }
  778. 80% {
  779. -webkit-transform: translate(-40px, 72px) rotate(140deg);
  780. transform: translate(-40px, 72px) rotate(140deg);
  781. }
  782. to {
  783. -webkit-transform: translate(0) rotate(0deg);
  784. transform: translate(0) rotate(0deg);
  785. }
  786. }
  787. @keyframes animeone {
  788. 0% {
  789. -webkit-transform: translate(0) rotate(0deg);
  790. transform: translate(0) rotate(0deg);
  791. }
  792. 20% {
  793. -webkit-transform: translate(80px, 1px) rotate(50deg);
  794. transform: translate(80px, 1px) rotate(50deg);
  795. }
  796. 40% {
  797. -webkit-transform: translate(145px, 72px) rotate(90deg);
  798. transform: translate(145px, 72px) rotate(90deg);
  799. }
  800. 60% {
  801. -webkit-transform: translate(83px, 122px) rotate(125deg);
  802. transform: translate(83px, 122px) rotate(125deg);
  803. }
  804. 80% {
  805. -webkit-transform: translate(-40px, 72px) rotate(140deg);
  806. transform: translate(-40px, 72px) rotate(140deg);
  807. }
  808. to {
  809. -webkit-transform: translate(0) rotate(0deg);
  810. transform: translate(0) rotate(0deg);
  811. }
  812. }
  813. @-webkit-keyframes animetwo {
  814. 0% {
  815. -webkit-transform: translate(0) rotate(0deg);
  816. transform: translate(0) rotate(0deg);
  817. }
  818. 20% {
  819. -webkit-transform: translate(-73px, 1px) rotate(-36deg);
  820. transform: translate(-73px, 1px) rotate(-36deg);
  821. }
  822. 40% {
  823. -webkit-transform: translate(-141px, -72px) rotate(-72deg);
  824. transform: translate(-141px, -72px) rotate(-72deg);
  825. }
  826. 60% {
  827. -webkit-transform: translate(-83px, -122px) rotate(-108deg);
  828. transform: translate(-83px, -122px) rotate(-108deg);
  829. }
  830. 80% {
  831. -webkit-transform: translate(40px, -72px) rotate(-144deg);
  832. transform: translate(40px, -72px) rotate(-144deg);
  833. }
  834. to {
  835. -webkit-transform: translate(0) rotate(0deg);
  836. transform: translate(0) rotate(0deg);
  837. }
  838. }
  839. @keyframes animetwo {
  840. 0% {
  841. -webkit-transform: translate(0) rotate(0deg);
  842. transform: translate(0) rotate(0deg);
  843. }
  844. 20% {
  845. -webkit-transform: translate(-73px, 1px) rotate(-36deg);
  846. transform: translate(-73px, 1px) rotate(-36deg);
  847. }
  848. 40% {
  849. -webkit-transform: translate(-141px, -72px) rotate(-72deg);
  850. transform: translate(-141px, -72px) rotate(-72deg);
  851. }
  852. 60% {
  853. -webkit-transform: translate(-83px, -122px) rotate(-108deg);
  854. transform: translate(-83px, -122px) rotate(-108deg);
  855. }
  856. 80% {
  857. -webkit-transform: translate(40px, -72px) rotate(-144deg);
  858. transform: translate(40px, -72px) rotate(-144deg);
  859. }
  860. to {
  861. -webkit-transform: translate(0) rotate(0deg);
  862. transform: translate(0) rotate(0deg);
  863. }
  864. }
  865. @-webkit-keyframes animethree {
  866. 0% {
  867. -webkit-transform: translate(0) rotate(0deg);
  868. transform: translate(0) rotate(0deg);
  869. }
  870. 20% {
  871. -webkit-transform: translateY(-73px) rotate(-36deg);
  872. transform: translateY(-73px) rotate(-36deg);
  873. }
  874. 40% {
  875. -webkit-transform: translateY(-141px) rotate(-72deg);
  876. transform: translateY(-141px) rotate(-72deg);
  877. }
  878. 60% {
  879. -webkit-transform: translateY(-83px) rotate(-108deg);
  880. transform: translateY(-83px) rotate(-108deg);
  881. }
  882. 80% {
  883. -webkit-transform: translateY(40px) rotate(-144deg);
  884. transform: translateY(40px) rotate(-144deg);
  885. }
  886. to {
  887. -webkit-transform: translate(0) rotate(0deg);
  888. transform: translate(0) rotate(0deg);
  889. }
  890. }
  891. @keyframes animethree {
  892. 0% {
  893. -webkit-transform: translate(0) rotate(0deg);
  894. transform: translate(0) rotate(0deg);
  895. }
  896. 20% {
  897. -webkit-transform: translateY(-73px) rotate(-36deg);
  898. transform: translateY(-73px) rotate(-36deg);
  899. }
  900. 40% {
  901. -webkit-transform: translateY(-141px) rotate(-72deg);
  902. transform: translateY(-141px) rotate(-72deg);
  903. }
  904. 60% {
  905. -webkit-transform: translateY(-83px) rotate(-108deg);
  906. transform: translateY(-83px) rotate(-108deg);
  907. }
  908. 80% {
  909. -webkit-transform: translateY(40px) rotate(-144deg);
  910. transform: translateY(40px) rotate(-144deg);
  911. }
  912. to {
  913. -webkit-transform: translate(0) rotate(0deg);
  914. transform: translate(0) rotate(0deg);
  915. }
  916. }
  917. body {
  918. font-family: "Poppins", sans-serif;
  919. background-image: url(../img/body-bg.png);
  920. background-attachment: fixed;
  921. background-size: cover;
  922. }
  923. .home-agency {
  924. color: #6a7695;
  925. }
  926. .home-agency h1, .home-agency h2, .home-agency h3, .home-agency h4, .home-agency h5, .home-agency h6 {
  927. color: #373d46;
  928. }
  929. .no-scroll {
  930. overflow: hidden;
  931. }
  932. #main_content {
  933. background: #fff;
  934. }
  935. svg {
  936. display: block;
  937. }
  938. a, button {
  939. -webkit-transition: all 0.3s ease-in-out;
  940. -o-transition: all 0.3s ease-in-out;
  941. transition: all 0.3s ease-in-out;
  942. }
  943. input, textarea {
  944. width: 100%;
  945. background: #f8f7fb;
  946. padding: 10px 15px;
  947. border: 0;
  948. outline: 0;
  949. -webkit-transition: all 0.3s ease-in-out;
  950. -o-transition: all 0.3s ease-in-out;
  951. transition: all 0.3s ease-in-out;
  952. margin-bottom: 15px;
  953. border-radius: 5px;
  954. border: 1px solid transparent;
  955. }
  956. input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  957. color: #a4abc0;
  958. }
  959. input::-moz-placeholder, textarea::-moz-placeholder {
  960. color: #a4abc0;
  961. }
  962. input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  963. color: #a4abc0;
  964. }
  965. input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  966. color: #a4abc0;
  967. }
  968. input::placeholder, textarea::placeholder {
  969. color: #a4abc0;
  970. }
  971. input:focus, textarea:focus {
  972. -webkit-box-shadow: 0px 15px 17px 0px rgba(20, 3, 70, 0.08);
  973. box-shadow: 0px 15px 17px 0px rgba(20, 3, 70, 0.08);
  974. background: transparent;
  975. border-color: #fafafc;
  976. }
  977. textarea {
  978. height: 160px;
  979. }
  980. a, a:hover {
  981. text-decoration: none;
  982. }
  983. h1 {
  984. margin-top: 0;
  985. font-weight: 400;
  986. font-family: "Poppins", sans-serif;
  987. font-size: 50px;
  988. }
  989. h6 {
  990. line-height: 24px;
  991. }
  992. img {
  993. max-width: 100%;
  994. height: auto;
  995. }
  996. .pr {
  997. position: relative;
  998. z-index: 111;
  999. }
  1000. .mb-160 {
  1001. margin-bottom: 160px !important;
  1002. }
  1003. .mb-220 {
  1004. margin-bottom: 185px;
  1005. }
  1006. @media (max-width: 991px) {
  1007. .mb-220 {
  1008. margin-bottom: 100px;
  1009. }
  1010. }
  1011. .bmt-100 {
  1012. margin-top: 100px;
  1013. }
  1014. .mt-60 {
  1015. margin-top: 60px;
  1016. }
  1017. @media (max-width: 991px) {
  1018. .order-md {
  1019. -webkit-box-ordinal-group: 3;
  1020. -ms-flex-order: 2;
  1021. order: 2;
  1022. }
  1023. }
  1024. .border-none {
  1025. border: 0;
  1026. }
  1027. .border-none:before, .border-none:after {
  1028. display: none;
  1029. }
  1030. .home-corporate, .home-social-payment {
  1031. font-family: "Poppins", sans-serif;
  1032. font-size: 15px;
  1033. }
  1034. .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 {
  1035. color: #051441;
  1036. }
  1037. .home-corporate p, .home-social-payment p {
  1038. color: #677294;
  1039. font-size: 15px;
  1040. }
  1041. .home-saas h1, .home-saas h2, .home-saas h3, .home-saas h4, .home-saas h5, .home-saas h6 {
  1042. color: #2c2c51;
  1043. }
  1044. .home-analytics {
  1045. font-family: "Poppins", sans-serif;
  1046. color: #6d717f;
  1047. font-size: 16px;
  1048. line-height: 26px;
  1049. font-weight: 400;
  1050. }
  1051. .home-analytics h1, .home-analytics h2, .home-analytics h3, .home-analytics h4, .home-analytics h5, .home-analytics h6 {
  1052. color: #051441;
  1053. }
  1054. body.home-seo {
  1055. font-size: 16px;
  1056. color: #7b7f8c;
  1057. font-family: "Poppins", sans-serif;
  1058. line-height: 26px;
  1059. }
  1060. body.home-seo h1, body.home-seo h2, body.home-seo h3, body.home-seo h4, body.home-seo h5, body.home-seo h6 {
  1061. color: #343e5d;
  1062. }
  1063. body.home-agency-two {
  1064. color: #706c79;
  1065. }
  1066. 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 {
  1067. color: #1f113a;
  1068. }
  1069. .pr {
  1070. position: relative !important;
  1071. }
  1072. .pd-none {
  1073. padding: 0 !important;
  1074. }
  1075. .mb-75 {
  1076. margin-bottom: 75px;
  1077. }
  1078. .mt-80 {
  1079. margin-top: 77px;
  1080. }
  1081. .mt-150 {
  1082. margin-top: 150px;
  1083. }
  1084. @media (max-width: 991px) {
  1085. .mt-80 {
  1086. margin-top: 0;
  1087. }
  1088. }
  1089. .mb-140 {
  1090. margin-bottom: 140px;
  1091. }
  1092. .container {
  1093. max-width: 1200px;
  1094. }
  1095. .title-small {
  1096. font-size: 20px;
  1097. text-align: center;
  1098. color: #6a7695 !important;
  1099. margin-bottom: 53px;
  1100. font-weight: 400;
  1101. }
  1102. @media (max-width: 991px) {
  1103. .gpt-order-2 {
  1104. -webkit-box-ordinal-group: 3;
  1105. -ms-flex-order: 2;
  1106. order: 2;
  1107. }
  1108. }
  1109. @media (max-width: 767px) {
  1110. .gpt-order-md-2 {
  1111. -webkit-box-ordinal-group: 3;
  1112. -ms-flex-order: 2;
  1113. order: 2;
  1114. }
  1115. }
  1116. .gp-col-2 {
  1117. width: 20%;
  1118. padding: 0 15px;
  1119. }
  1120. /*
  1121. Flaticon icon font: Flaticon
  1122. Creation date: 24/08/2018 05:51
  1123. */
  1124. @font-face {
  1125. font-family: "Flaticon";
  1126. src: url("../fonts/Flaticon.eot");
  1127. 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");
  1128. font-weight: normal;
  1129. font-style: normal;
  1130. }
  1131. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  1132. @font-face {
  1133. font-family: "Flaticon";
  1134. src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  1135. }
  1136. }
  1137. .fi:before {
  1138. display: inline-block;
  1139. font-family: "Flaticon";
  1140. font-style: normal;
  1141. font-weight: normal;
  1142. font-variant: normal;
  1143. line-height: 1;
  1144. text-decoration: inherit;
  1145. text-rendering: optimizeLegibility;
  1146. text-transform: none;
  1147. }
  1148. .flaticon-playstore:before {
  1149. content: "";
  1150. }
  1151. .flaticon-apple-logo:before {
  1152. content: "";
  1153. }
  1154. @media (max-width: 992px) {
  1155. .gp-col-2 {
  1156. width: 33.33%;
  1157. padding: 0 15px;
  1158. }
  1159. }
  1160. @media (max-width: 576px) {
  1161. .gp-col-2 {
  1162. width: 50%;
  1163. padding: 0 15px;
  1164. }
  1165. }
  1166. @media (max-width: 420px) {
  1167. .gp-col-2 {
  1168. width: 100%;
  1169. padding: 0 15px;
  1170. }
  1171. }
  1172. /* Page Loader */
  1173. .loading {
  1174. font-size: 84px;
  1175. font-weight: 800;
  1176. text-align: center;
  1177. width: 100%;
  1178. line-height: 1;
  1179. }
  1180. .loading span {
  1181. position: relative;
  1182. color: rgba(0, 0, 0, 0.2);
  1183. display: inline-block;
  1184. }
  1185. .loading span::after {
  1186. position: absolute;
  1187. top: 0;
  1188. left: 0;
  1189. content: attr(data-text);
  1190. color: #051441;
  1191. opacity: 0;
  1192. -webkit-transform: scale(1.5);
  1193. -ms-transform: scale(1.5);
  1194. transform: scale(1.5);
  1195. -webkit-animation: loading 3s infinite;
  1196. animation: loading 3s infinite;
  1197. }
  1198. .loading span:nth-child(2)::after {
  1199. -webkit-animation-delay: 0.1s;
  1200. animation-delay: 0.1s;
  1201. }
  1202. .loading span:nth-child(3)::after {
  1203. -webkit-animation-delay: 0.2s;
  1204. animation-delay: 0.2s;
  1205. }
  1206. .loading span:nth-child(4)::after {
  1207. -webkit-animation-delay: 0.3s;
  1208. animation-delay: 0.3s;
  1209. }
  1210. .loading span:nth-child(5)::after {
  1211. -webkit-animation-delay: 0.4s;
  1212. animation-delay: 0.4s;
  1213. }
  1214. .loading span:nth-child(6)::after {
  1215. -webkit-animation-delay: 0.5s;
  1216. animation-delay: 0.5s;
  1217. }
  1218. .loading span:nth-child(7)::after {
  1219. -webkit-animation-delay: 0.6s;
  1220. animation-delay: 0.6s;
  1221. }
  1222. @-webkit-keyframes loading {
  1223. 0%, 75%, 100% {
  1224. -webkit-transform: scale(1.5);
  1225. transform: scale(1.5);
  1226. opacity: 0;
  1227. }
  1228. 25%, 50% {
  1229. -webkit-transform: scale(1);
  1230. transform: scale(1);
  1231. opacity: 1;
  1232. }
  1233. }
  1234. @keyframes loading {
  1235. 0%, 75%, 100% {
  1236. -webkit-transform: scale(1.5);
  1237. transform: scale(1.5);
  1238. opacity: 0;
  1239. }
  1240. 25%, 50% {
  1241. -webkit-transform: scale(1);
  1242. transform: scale(1);
  1243. opacity: 1;
  1244. }
  1245. }
  1246. /*--------------------------------------------------------------
  1247. ## Button
  1248. --------------------------------------------------------------*/
  1249. .gp-btn {
  1250. padding: 10px 20px;
  1251. color: #fff;
  1252. cursor: pointer;
  1253. display: inline-block;
  1254. position: relative;
  1255. border: 2px solid #ed1f25;
  1256. -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  1257. -o-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  1258. transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  1259. z-index: 2;
  1260. border-radius: 3px;
  1261. font-size: 15px;
  1262. font-weight: 500;
  1263. -webkit-box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3);
  1264. box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3);
  1265. }
  1266. .gp-btn.banner-btn {
  1267. padding: 11px 33px;
  1268. border-radius: 4px;
  1269. }
  1270. .gp-btn.btn-submit {
  1271. background: #ed1f25;
  1272. width: auto;
  1273. font-size: 14px;
  1274. font-weight: 500;
  1275. margin: 0;
  1276. padding: 10px 27px;
  1277. }
  1278. .gp-btn.btn-submit:after {
  1279. background: #ed1f25;
  1280. }
  1281. .gp-btn.btn-submit:hover {
  1282. -webkit-box-shadow: none;
  1283. box-shadow: none;
  1284. background: #ed1f25;
  1285. color: #fff;
  1286. }
  1287. .gp-btn.btn-circle {
  1288. border-radius: 10px;
  1289. overflow: hidden;
  1290. }
  1291. .gp-btn.btn-sqr {
  1292. border-radius: 0;
  1293. }
  1294. .gp-btn.btn-lg {
  1295. padding: 16px 18px;
  1296. width: 350px;
  1297. }
  1298. .gp-btn i {
  1299. font-size: 20px;
  1300. margin-left: 5px;
  1301. display: inline-block;
  1302. vertical-align: -3px;
  1303. }
  1304. .gp-btn:after {
  1305. display: block;
  1306. position: absolute;
  1307. left: 0;
  1308. bottom: 0;
  1309. height: 100%;
  1310. width: 100%;
  1311. z-index: -1;
  1312. content: "";
  1313. color: #000 !important;
  1314. background: #ed1f25;
  1315. -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  1316. -o-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  1317. transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  1318. }
  1319. .gp-btn:hover {
  1320. color: #ed1f25;
  1321. background: transparent;
  1322. -webkit-box-shadow: none;
  1323. box-shadow: none;
  1324. }
  1325. .gp-btn:hover:after {
  1326. top: 0;
  1327. bottom: auto;
  1328. height: 0;
  1329. }
  1330. .gp-btn.gp-btn-light {
  1331. color: #ed1f25;
  1332. border-color: #fff;
  1333. -webkit-box-shadow: none;
  1334. box-shadow: none;
  1335. }
  1336. .gp-btn.gp-btn-light:after {
  1337. background: #fff;
  1338. }
  1339. .gp-btn.gp-btn-light:hover {
  1340. color: #fff;
  1341. }
  1342. .gp-btn.gp-btn-light.btn-light-four {
  1343. color: #f8b137;
  1344. }
  1345. .gp-btn.gp-btn-light.btn-light-four:hover {
  1346. color: #fff;
  1347. }
  1348. .gp-btn.gp-btn-light.color-three {
  1349. color: #ed1f25;
  1350. border-color: #fff;
  1351. }
  1352. .gp-btn.gp-btn-light.color-three:after {
  1353. background: #fff;
  1354. }
  1355. .gp-btn.gp-btn-light.color-three:hover {
  1356. color: #fff;
  1357. }
  1358. .gp-btn.btn-light {
  1359. color: #000;
  1360. border-color: #fff;
  1361. -webkit-box-shadow: none;
  1362. box-shadow: none;
  1363. -webkit-box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
  1364. box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
  1365. }
  1366. .gp-btn.btn-light:after {
  1367. background: #fff;
  1368. }
  1369. .gp-btn.btn-light:hover {
  1370. color: #fff;
  1371. -webkit-box-shadow: none;
  1372. box-shadow: none;
  1373. }
  1374. .gp-btn.btn-light.btn-light-four {
  1375. color: #f8b137;
  1376. }
  1377. .gp-btn.btn-light.btn-light-four:hover {
  1378. color: #fff;
  1379. }
  1380. .gp-btn.btn-light.color-three {
  1381. color: #ed1f25;
  1382. border-color: #fff;
  1383. }
  1384. .gp-btn.btn-light.color-three:after {
  1385. background: #fff;
  1386. }
  1387. .gp-btn.btn-light.color-three:hover {
  1388. color: #fff;
  1389. }
  1390. .gp-btn.btn-ass {
  1391. padding: 7px 18px;
  1392. border-radius: 6px;
  1393. color: #2c2c51;
  1394. border-color: #fff;
  1395. -webkit-box-shadow: none;
  1396. box-shadow: none;
  1397. font-size: 14px;
  1398. overflow: hidden;
  1399. }
  1400. .gp-btn.btn-ass:after {
  1401. background: #f2f2f2;
  1402. }
  1403. .gp-btn.btn-ass:hover {
  1404. background: #ed1f25;
  1405. color: #fff;
  1406. -webkit-box-shadow: none;
  1407. box-shadow: none;
  1408. }
  1409. .gp-btn.btn-grey {
  1410. -webkit-box-shadow: none;
  1411. box-shadow: none;
  1412. border-color: #f2f2f7;
  1413. color: #2c2c51;
  1414. background: #f2f2f7;
  1415. }
  1416. .gp-btn.btn-grey:after {
  1417. height: 0;
  1418. background: #ed1f25;
  1419. }
  1420. .gp-btn.btn-grey:hover {
  1421. color: #fff;
  1422. border-color: #ed1f25;
  1423. -webkit-box-shadow: 0 10px 20px 0 rgba(26, 191, 104, 0.3);
  1424. box-shadow: 0 10px 20px 0 rgba(26, 191, 104, 0.3);
  1425. }
  1426. .gp-btn.btn-grey:hover:after {
  1427. height: 100%;
  1428. }
  1429. .gp-btn.btn-round {
  1430. border-radius: 4px;
  1431. overflow: hidden;
  1432. }
  1433. .gp-btn.btn-two {
  1434. border-color: #6e58fc;
  1435. }
  1436. .gp-btn.btn-two:after {
  1437. background: #6e58fc;
  1438. }
  1439. .gp-btn.btn-two:hover {
  1440. color: #6e58fc;
  1441. }
  1442. .gp-btn.color-eight {
  1443. border-color: #ed1f25;
  1444. -webkit-box-shadow: 0 20px 30px 0 rgba(0, 201, 156, 0.16);
  1445. box-shadow: 0 20px 30px 0 rgba(0, 201, 156, 0.16);
  1446. border-width: 2px;
  1447. }
  1448. .gp-btn.color-eight:after {
  1449. background: #ed1f25;
  1450. }
  1451. .gp-btn.color-eight:hover {
  1452. color: #ed1f25;
  1453. border-color: #ff6344;
  1454. -webkit-box-shadow: none;
  1455. box-shadow: none;
  1456. }
  1457. .gp-btn.color-eight.btn-outline {
  1458. -webkit-box-shadow: none;
  1459. box-shadow: none;
  1460. color: #ed1f25;
  1461. }
  1462. .gp-btn.color-eight.btn-outline:hover {
  1463. color: #fff;
  1464. border-color: #ed1f25;
  1465. }
  1466. .gp-btn.color-eight.btn-light {
  1467. color: #000;
  1468. border-color: #fff;
  1469. background: #ed1f25;
  1470. -webkit-box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
  1471. box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
  1472. }
  1473. .gp-btn.color-eight.btn-light:after {
  1474. background: #fff;
  1475. }
  1476. .gp-btn.color-eight.btn-light:hover {
  1477. color: #fff;
  1478. -webkit-box-shadow: none;
  1479. box-shadow: none;
  1480. border-color: #ed1f25;
  1481. }
  1482. .gp-btn.btn-outline {
  1483. border-color: #dfe3ed;
  1484. color: #343e5d;
  1485. -webkit-box-shadow: none;
  1486. box-shadow: none;
  1487. }
  1488. .gp-btn.btn-outline:after {
  1489. height: 0;
  1490. }
  1491. .gp-btn.btn-outline:hover {
  1492. color: #fff;
  1493. border-color: #ed1f25;
  1494. }
  1495. .gp-btn.btn-outline:hover:after {
  1496. height: 100%;
  1497. }
  1498. .gp-btn.btn-outline.color-two {
  1499. border: 2px solid #ff6344;
  1500. color: #ed1f25;
  1501. }
  1502. .gp-btn.btn-outline.color-two:after {
  1503. background: #ed1f25;
  1504. }
  1505. .gp-btn.btn-outline.color-two:hover {
  1506. color: #fff;
  1507. }
  1508. .gp-btn.btn-outline.btn-outline-light {
  1509. border-color: #c4c4e0;
  1510. color: #2c2c51;
  1511. }
  1512. .gp-btn.btn-outline.btn-outline-light:after {
  1513. background: #ed1f25;
  1514. }
  1515. .gp-btn.btn-outline.btn-outline-light:hover {
  1516. color: #fff;
  1517. }
  1518. .gp-btn.color-three {
  1519. border-color: #ed1f25;
  1520. -webkit-box-shadow: none;
  1521. box-shadow: none;
  1522. border-width: 2px;
  1523. }
  1524. .gp-btn.color-three:after {
  1525. background: #ed1f25;
  1526. }
  1527. .gp-btn.color-three:hover {
  1528. color: #ed1f25;
  1529. -webkit-box-shadow: none;
  1530. box-shadow: none;
  1531. }
  1532. .gp-btn.color-three.btn-outline {
  1533. -webkit-box-shadow: none;
  1534. box-shadow: none;
  1535. color: #ed1f25;
  1536. }
  1537. .gp-btn.color-three.btn-outline:hover {
  1538. color: #fff;
  1539. border-color: #ed1f25;
  1540. }
  1541. .gp-btn.color-four {
  1542. border: 2px solid #f8b137;
  1543. -webkit-box-shadow: none;
  1544. box-shadow: none;
  1545. }
  1546. .gp-btn.color-four:after {
  1547. background: #f8b137;
  1548. }
  1549. .gp-btn.color-four:hover {
  1550. color: #f8b137;
  1551. -webkit-box-shadow: none;
  1552. box-shadow: none;
  1553. }
  1554. .gp-btn.color-four.btn-light {
  1555. border-color: #fff;
  1556. }
  1557. .gp-btn.color-four.btn-light:after {
  1558. background: #fff;
  1559. }
  1560. .gp-btn.color-four.btn-light:hover:after {
  1561. background: transparent;
  1562. }
  1563. .gp-btn.color-four.btn-outline {
  1564. -webkit-box-shadow: none;
  1565. box-shadow: none;
  1566. border-color: #dfe3ed;
  1567. }
  1568. .gp-btn.color-four.btn-outline:hover {
  1569. border-color: #f8b137;
  1570. color: #fff;
  1571. }
  1572. .gp-btn.color-five {
  1573. border: 2px solid #ff5e85;
  1574. -webkit-box-shadow: 0 20px 20px 0 rgba(218, 57, 96, 0.2);
  1575. box-shadow: 0 20px 20px 0 rgba(218, 57, 96, 0.2);
  1576. }
  1577. .gp-btn.color-five:after {
  1578. background: #ff5e85;
  1579. }
  1580. .gp-btn.color-five:hover {
  1581. color: #ff5e85;
  1582. -webkit-box-shadow: none;
  1583. box-shadow: none;
  1584. }
  1585. .gp-btn.color-five.btn-outline {
  1586. border-color: #dfe3ed;
  1587. -webkit-box-shadow: none;
  1588. box-shadow: none;
  1589. }
  1590. .gp-btn.color-five.btn-outline:hover {
  1591. color: #fff;
  1592. border-color: #ff5e85;
  1593. -webkit-box-shadow: 0 20px 20px 0 rgba(218, 57, 96, 0.2);
  1594. box-shadow: 0 20px 20px 0 rgba(218, 57, 96, 0.2);
  1595. }
  1596. .gp-btn.color-six {
  1597. border: 2px solid #ed1f25;
  1598. background: transparent;
  1599. -webkit-box-shadow: 0 14px 20px 0 rgba(205, 80, 226, 0.3);
  1600. box-shadow: 0 14px 20px 0 rgba(205, 80, 226, 0.3);
  1601. }
  1602. .gp-btn.color-six:after {
  1603. background: #ed1f25;
  1604. }
  1605. .gp-btn.color-six:hover {
  1606. color: #ed1f25;
  1607. -webkit-box-shadow: none;
  1608. box-shadow: none;
  1609. background: transparent;
  1610. }
  1611. .gp-btn.color-six.btn-outline {
  1612. border-color: #dfe3ed;
  1613. -webkit-box-shadow: none;
  1614. box-shadow: none;
  1615. }
  1616. .gp-btn.color-six.btn-outline:hover {
  1617. color: #fff;
  1618. border-color: #ed1f25;
  1619. -webkit-box-shadow: 0 14px 20px 0 rgba(205, 80, 226, 0.3);
  1620. box-shadow: 0 14px 20px 0 rgba(205, 80, 226, 0.3);
  1621. }
  1622. .gp-btn.color-seven {
  1623. border-color: #6e58fc;
  1624. -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  1625. box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  1626. }
  1627. .gp-btn.color-seven:after {
  1628. background: #6e58fc;
  1629. }
  1630. .gp-btn.color-seven:hover {
  1631. color: #6e58fc;
  1632. -webkit-box-shadow: none;
  1633. box-shadow: none;
  1634. }
  1635. .gp-btn.color-seven.btn-outline {
  1636. -webkit-box-shadow: none;
  1637. box-shadow: none;
  1638. color: #6e58fc;
  1639. }
  1640. .gp-btn.color-seven.btn-outline:hover {
  1641. color: #fff;
  1642. border-color: #6e58fc;
  1643. }
  1644. .gp-btn.color-eight {
  1645. border-color: #4d5afe;
  1646. -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  1647. box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  1648. padding: 12px 25px;
  1649. }
  1650. .gp-btn.color-eight:after {
  1651. background: #4d5afe;
  1652. }
  1653. .gp-btn.color-eight:hover {
  1654. color: #4d5afe;
  1655. border-color: #4d5afe;
  1656. -webkit-box-shadow: none;
  1657. box-shadow: none;
  1658. }
  1659. .gp-btn.color-eight.btn-light {
  1660. -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  1661. box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  1662. color: #4d5afe;
  1663. background: transparent;
  1664. }
  1665. .gp-btn.color-eight.btn-light:after {
  1666. background: #fff;
  1667. }
  1668. .gp-btn.color-eight.btn-light:hover {
  1669. background: transparent;
  1670. border-color: #fff;
  1671. }
  1672. .gp-btn.color-eight.btn-outline {
  1673. -webkit-box-shadow: none;
  1674. box-shadow: none;
  1675. color: #4d5afe;
  1676. background: transparent;
  1677. }
  1678. .gp-btn.color-eight.btn-outline:hover {
  1679. color: #fff;
  1680. border-color: #4d5afe;
  1681. }
  1682. .gp-btn.color-eight.btn-outline.btn-light {
  1683. color: #fff;
  1684. border-color: rgba(255, 255, 255, 0.502);
  1685. }
  1686. .gp-btn.color-eight.btn-outline.btn-light:hover {
  1687. border-color: #fff;
  1688. color: #4d5afe;
  1689. }
  1690. .gp-btn.color-two {
  1691. border-color: #ff6344;
  1692. -webkit-box-shadow: none;
  1693. box-shadow: none;
  1694. }
  1695. .gp-btn.color-two:after {
  1696. background: linear-gradient(60deg, #FE5924, #ed1f25);
  1697. }
  1698. .gp-btn.color-two:hover {
  1699. color: #ff6344;
  1700. border-color: #ff6344;
  1701. -webkit-box-shadow: none;
  1702. box-shadow: none;
  1703. }
  1704. .gp-btn.color-two.btn-outline {
  1705. -webkit-box-shadow: none;
  1706. box-shadow: none;
  1707. color: #ff6344;
  1708. }
  1709. .gp-btn.color-two.btn-outline:hover {
  1710. color: #fff;
  1711. border-color: #ff6344;
  1712. }
  1713. .gp-btn.color-two.btn-light {
  1714. color: #000;
  1715. border-color: #fff;
  1716. background: linear-gradient(60deg, #FE5924, #ed1f25);
  1717. -webkit-box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
  1718. box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
  1719. }
  1720. .gp-btn.color-two.btn-light:after {
  1721. background: #fff;
  1722. }
  1723. .gp-btn.color-two.btn-light:hover {
  1724. color: #fff;
  1725. -webkit-box-shadow: none;
  1726. box-shadow: none;
  1727. border-color: #ff6344;
  1728. }
  1729. .gp-btn.color-nine {
  1730. border-color: #ed1f25;
  1731. -webkit-box-shadow: none;
  1732. box-shadow: none;
  1733. }
  1734. .gp-btn.color-nine:after {
  1735. background: #ed1f25;
  1736. }
  1737. .gp-btn.color-nine:hover {
  1738. color: #ed1f25;
  1739. border-color: #ed1f25;
  1740. -webkit-box-shadow: none;
  1741. box-shadow: none;
  1742. }
  1743. .gp-btn.color-nine.btn-outline {
  1744. -webkit-box-shadow: none;
  1745. box-shadow: none;
  1746. color: #ed1f25;
  1747. }
  1748. .gp-btn.color-nine.btn-outline:hover {
  1749. color: #fff;
  1750. border-color: #ed1f25;
  1751. }
  1752. .gp-btn.color-nine.btn-light {
  1753. color: #000;
  1754. border-color: #fff;
  1755. background: #ed1f25;
  1756. }
  1757. .gp-btn.color-nine.btn-light:after {
  1758. background: #fff;
  1759. }
  1760. .gp-btn.color-nine.btn-light:hover {
  1761. color: #fff;
  1762. -webkit-box-shadow: none;
  1763. box-shadow: none;
  1764. border-color: #ed1f25;
  1765. }
  1766. .view-btn {
  1767. font-size: 18px;
  1768. color: #6b717d;
  1769. font-weight: 400;
  1770. display: inline-block;
  1771. }
  1772. .view-btn i {
  1773. vertical-align: -2px;
  1774. color: #6b717d;
  1775. margin-left: 2px;
  1776. -webkit-transition: all 0.3s ease-in-out;
  1777. -o-transition: all 0.3s ease-in-out;
  1778. transition: all 0.3s ease-in-out;
  1779. display: inline-block;
  1780. }
  1781. .view-btn:hover {
  1782. color: #ff6344;
  1783. }
  1784. .view-btn:hover i {
  1785. margin-left: 5px;
  1786. color: #ff6344;
  1787. }
  1788. .play-btn-two {
  1789. height: 54px;
  1790. width: 54px;
  1791. background-color: white;
  1792. -webkit-box-shadow: 0 10px 16px 0 rgba(0, 6, 26, 0.08);
  1793. box-shadow: 0 10px 16px 0 rgba(0, 6, 26, 0.08);
  1794. color: #ed1f25;
  1795. display: inline-block;
  1796. border-radius: 50%;
  1797. text-align: center;
  1798. line-height: 56px;
  1799. position: relative;
  1800. }
  1801. .play-btn-two i {
  1802. margin-left: 2px;
  1803. color: #f8b137;
  1804. text-shadow: 0 8px 10px rgba(202, 138, 28, 0.3);
  1805. -webkit-transition: all 0.3s ease-in-out;
  1806. -o-transition: all 0.3s ease-in-out;
  1807. transition: all 0.3s ease-in-out;
  1808. }
  1809. .play-btn-two:after, .play-btn-two:before {
  1810. content: "";
  1811. height: 70px;
  1812. width: 70px;
  1813. position: absolute;
  1814. left: -8px;
  1815. top: -8px;
  1816. border: 1px solid rgba(255, 255, 255, 0.4);
  1817. background-color: rgba(255, 255, 255, 0.102);
  1818. border-radius: 50%;
  1819. -webkit-animation: videoBtnAnim 3s linear infinite;
  1820. animation: videoBtnAnim 3s linear infinite;
  1821. display: block;
  1822. }
  1823. .play-btn-two:after {
  1824. -webkit-animation-delay: 0.5s;
  1825. animation-delay: 0.5s;
  1826. height: 80px;
  1827. width: 80px;
  1828. left: -13px;
  1829. top: -13px;
  1830. background-color: transparent;
  1831. }
  1832. .play-btn-two:hover {
  1833. background: #f8b137;
  1834. }
  1835. .play-btn-two:hover i {
  1836. color: #fff;
  1837. }
  1838. .button-container {
  1839. margin-top: 50px;
  1840. }
  1841. @-webkit-keyframes shine {
  1842. from {
  1843. opacity: 0;
  1844. left: 0;
  1845. }
  1846. 50% {
  1847. opacity: 1;
  1848. }
  1849. to {
  1850. opacity: 0;
  1851. left: 100%;
  1852. }
  1853. }
  1854. @keyframes shine {
  1855. from {
  1856. opacity: 0;
  1857. left: 0;
  1858. }
  1859. 50% {
  1860. opacity: 1;
  1861. }
  1862. to {
  1863. opacity: 0;
  1864. left: 100%;
  1865. }
  1866. }
  1867. .nav-btn {
  1868. padding: 7px 29px;
  1869. }
  1870. .bbtn-btn, .gp-btn-btc {
  1871. -webkit-box-shadow: 0 3px 4px 0 rgba(30, 1, 87, 0.5);
  1872. box-shadow: 0 3px 4px 0 rgba(30, 1, 87, 0.5);
  1873. border: 1px solid #413095;
  1874. padding: 11px 31px;
  1875. display: inline-block;
  1876. color: #fff;
  1877. font-size: 14px;
  1878. font-weight: 400;
  1879. letter-spacing: 1px;
  1880. background-size: 200% auto;
  1881. }
  1882. .bbtn-btn:hover, .gp-btn-btc:hover {
  1883. background-image: -webkit-gradient(linear, left top, right top, from(#a35dfb), color-stop(100%, #671efc), color-stop(0%, #a35dfb));
  1884. background-image: -o-linear-gradient(left, #a35dfb 0%, #671efc 100%, #a35dfb 0%);
  1885. background-image: linear-gradient(to right, #a35dfb 0%, #671efc 100%, #a35dfb 0%);
  1886. color: #fff;
  1887. background-position: right center;
  1888. }
  1889. .bbtn-btn {
  1890. padding: 13px 33px;
  1891. background: #271582;
  1892. }
  1893. .bbtn-btn.btn-active {
  1894. margin-right: 20px;
  1895. }
  1896. .gp-btn-two {
  1897. padding: 10px 25px;
  1898. background: #f8b137;
  1899. border: 2px solid #f8b137;
  1900. color: #fff;
  1901. border-radius: 3px;
  1902. display: inline-block;
  1903. }
  1904. .gp-btn-two:hover {
  1905. background: transparent;
  1906. color: #f8b137;
  1907. }
  1908. .gp-btn-four {
  1909. background: #ff5e85;
  1910. padding: 10px 30px;
  1911. border-radius: 30px;
  1912. color: #fff;
  1913. display: inline-block;
  1914. font-size: 15px;
  1915. -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
  1916. box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
  1917. }
  1918. .gp-btn-four i {
  1919. margin-left: 5px;
  1920. }
  1921. .app-btn {
  1922. font-size: 18px;
  1923. font-weight: 500;
  1924. display: inline-block;
  1925. border-radius: 4px;
  1926. padding: 10px 25px;
  1927. }
  1928. .app-btn .button-text {
  1929. display: -webkit-box;
  1930. display: -ms-flexbox;
  1931. display: flex;
  1932. -webkit-box-align: center;
  1933. -ms-flex-align: center;
  1934. align-items: center;
  1935. }
  1936. .app-btn span {
  1937. display: inline-block;
  1938. vertical-align: text-top;
  1939. }
  1940. .app-btn i {
  1941. font-size: 24px;
  1942. margin-right: 10px;
  1943. margin-left: 0;
  1944. line-height: 1;
  1945. }
  1946. .app-btn.btn-outline {
  1947. color: #ed1f25;
  1948. border-color: #ed1f25;
  1949. }
  1950. /* Back To Top */
  1951. .return-to-top {
  1952. position: fixed;
  1953. bottom: -30px;
  1954. right: 20px;
  1955. width: 42px;
  1956. height: 42px;
  1957. line-height: 42px;
  1958. text-align: center;
  1959. cursor: pointer;
  1960. z-index: 998;
  1961. border-radius: 50%;
  1962. opacity: 0;
  1963. -webkit-transition: bottom 0.5s ease, opacity 0.5s ease;
  1964. -o-transition: bottom 0.5s ease, opacity 0.5s ease;
  1965. transition: bottom 0.5s ease, opacity 0.5s ease;
  1966. }
  1967. .return-to-top:before {
  1968. content: "";
  1969. position: absolute;
  1970. top: 0;
  1971. right: 0;
  1972. bottom: 0;
  1973. left: 0;
  1974. background: transparent;
  1975. opacity: 1;
  1976. display: block;
  1977. -webkit-transform: scale(1);
  1978. -ms-transform: scale(1);
  1979. transform: scale(1);
  1980. -webkit-transition: all 0.3s ease;
  1981. -o-transition: all 0.3s ease;
  1982. transition: all 0.3s ease;
  1983. border-radius: inherit;
  1984. -webkit-transition: opacity 0.6s ease, -webkit-transform 0.5s ease;
  1985. transition: opacity 0.6s ease, -webkit-transform 0.5s ease;
  1986. -o-transition: transform 0.5s ease, opacity 0.6s ease;
  1987. transition: transform 0.5s ease, opacity 0.6s ease;
  1988. transition: transform 0.5s ease, opacity 0.6s ease, -webkit-transform 0.5s ease;
  1989. }
  1990. .return-to-top:after {
  1991. content: "";
  1992. position: absolute;
  1993. top: 0;
  1994. right: 0;
  1995. bottom: 0;
  1996. left: 0;
  1997. display: block;
  1998. background: rgb(14 39 95);
  1999. -webkit-box-shadow: 0 0 0 0 transparent;
  2000. box-shadow: 0 0 0 0 transparent;
  2001. -webkit-transform: scale(1);
  2002. -ms-transform: scale(1);
  2003. transform: scale(1);
  2004. -webkit-transition: all 0.3s ease;
  2005. -o-transition: all 0.3s ease;
  2006. transition: all 0.3s ease;
  2007. border-radius: inherit;
  2008. }
  2009. .return-to-top > i {
  2010. position: relative;
  2011. overflow: hidden;
  2012. font-size: 12px;
  2013. width: inherit;
  2014. height: inherit;
  2015. line-height: inherit;
  2016. display: block;
  2017. color: transparent;
  2018. text-shadow: 0 0 #fff, 0 50px #fff;
  2019. -webkit-transition: text-shadow 0.2s ease;
  2020. -o-transition: text-shadow 0.2s ease;
  2021. transition: text-shadow 0.2s ease;
  2022. z-index: 1;
  2023. }
  2024. .return-to-top:hover:after {
  2025. -webkit-transform: scale(1.07);
  2026. -ms-transform: scale(1.07);
  2027. transform: scale(1.07);
  2028. background: #ed1f25;
  2029. }
  2030. .home-analytics .return-to-top:hover:after {
  2031. background: #f8b137;
  2032. -webkit-box-shadow: 0 10px 20px 8px rgba(248, 177, 55, 0.15);
  2033. box-shadow: 0 10px 20px 8px rgba(248, 177, 55, 0.15);
  2034. }
  2035. .return-to-top:hover > i {
  2036. text-shadow: 0 -50px #fff, 0 0 #fff;
  2037. }
  2038. .return-to-top.back-top {
  2039. bottom: 20px;
  2040. opacity: 1;
  2041. }
  2042. .gp-btn-normal {
  2043. color: #706c79;
  2044. font-size: 15px;
  2045. font-weight: 500;
  2046. }
  2047. .gp-btn-normal i {
  2048. display: inline-block;
  2049. vertical-align: -3px;
  2050. font-size: 20px;
  2051. margin-left: 5px;
  2052. }
  2053. .gp-btn-normal:hover {
  2054. color: #ed1f25;
  2055. }
  2056. /*--------------------------------------------------------------
  2057. ## Section Heading
  2058. --------------------------------------------------------------*/
  2059. .section-heading {
  2060. margin-bottom: 70px;
  2061. text-align: center;
  2062. position: relative;
  2063. z-index: 222;
  2064. }
  2065. .section-heading .subtitle {
  2066. font-size: 14px;
  2067. color: #ed1f25;
  2068. font-weight: 500;
  2069. position: relative;
  2070. display: inline-block;
  2071. margin-bottom: 0;
  2072. }
  2073. .section-heading .section-title {
  2074. font-size: 48px;
  2075. font-weight: 800;
  2076. margin: 0;
  2077. line-height: 1.2;
  2078. }
  2079. @media (max-width: 768px) {
  2080. .section-heading .section-title {
  2081. font-size: 30px;
  2082. }
  2083. }
  2084. @media (max-width: 576px) {
  2085. .section-heading .section-title br {
  2086. display: none;
  2087. }
  2088. }
  2089. .section-heading p {
  2090. margin-top: 20px;
  2091. margin-bottom: 0;
  2092. }
  2093. @media (max-width: 991px) {
  2094. .section-heading p br {
  2095. display: none;
  2096. }
  2097. }
  2098. .section-heading.style-three .subtitle {
  2099. color: #ed1f25;
  2100. font-weight: 500;
  2101. margin-bottom: 10px;
  2102. letter-spacing: 0.3em;
  2103. }
  2104. .section-heading.font-light .section-title {
  2105. font-weight: 500;
  2106. }
  2107. .section-heading.style-two {
  2108. margin-bottom: 63px;
  2109. }
  2110. .section-heading.style-two .subtitle {
  2111. font-size: 16px;
  2112. color: #4d5afe;
  2113. font-weight: 400;
  2114. text-transform: uppercase;
  2115. letter-spacing: 3px;
  2116. }
  2117. .section-heading.style-two .section-title {
  2118. font-size: 40px;
  2119. font-weight: 800;
  2120. color: #373d46;
  2121. position: relative;
  2122. padding-bottom: 20px;
  2123. }
  2124. .section-heading.style-two .section-title:after, .section-heading.style-two .section-title:before {
  2125. content: "";
  2126. position: absolute;
  2127. -webkit-transform: translateX(-50%);
  2128. -ms-transform: translateX(-50%);
  2129. transform: translateX(-50%);
  2130. bottom: 0;
  2131. height: 1px;
  2132. width: 80px;
  2133. background-color: #4d5afe;
  2134. }
  2135. .section-heading.style-two .section-title:before {
  2136. left: 48%;
  2137. }
  2138. .section-heading.style-two .section-title:after {
  2139. bottom: -5px;
  2140. left: 52%;
  2141. }
  2142. @media (max-width: 768px) {
  2143. .section-heading.style-two .section-title {
  2144. font-size: 30px;
  2145. line-height: 40px;
  2146. }
  2147. }
  2148. .section-heading.style-two.text-left .section-title:after, .section-heading.style-two.text-left .section-title:before {
  2149. left: 0;
  2150. -webkit-transform: translateX(0);
  2151. -ms-transform: translateX(0);
  2152. transform: translateX(0);
  2153. }
  2154. .section-heading.style-two.text-left .section-title:after {
  2155. width: 50px;
  2156. }
  2157. .section-heading.style-two .social-slider-nav .slider-next, .section-heading.style-two .social-slider-nav .slider-prev {
  2158. color: #373d46;
  2159. border-color: #e0e3e8;
  2160. }
  2161. .section-heading.style-two .social-slider-nav .slider-next:hover, .section-heading.style-two .social-slider-nav .slider-prev:hover {
  2162. background-color: #4d5afe;
  2163. border-color: #4d5afe;
  2164. color: #fff;
  2165. -webkit-box-shadow: 0px 20px 30px 0px rgba(6, 16, 149, 0.2);
  2166. box-shadow: 0px 20px 30px 0px rgba(6, 16, 149, 0.2);
  2167. }
  2168. .section-heading.style-four .section-title {;
  2169. font-size: 48px;
  2170. }
  2171. .section-heading.style-four p {
  2172. color: #000;
  2173. }
  2174. .section-heading.style-four.font-light .section-title {
  2175. font-weight: 500;
  2176. }
  2177. . .section-heading.style-five .section-title {
  2178. font-size: 40px;
  2179. line-height: 50px;
  2180. font-weight: 400;
  2181. }
  2182. @media (max-width: 991px) {
  2183. .section-heading.style-five .section-title {
  2184. font-size: 30px;
  2185. line-height: 40px;
  2186. }
  2187. }
  2188. .section-title-ana {
  2189. position: relative;
  2190. padding-bottom: 15px;
  2191. }
  2192. .section-title-ana h2 {
  2193. font-size: 48px;
  2194. line-height: 50px;
  2195. font-weight: 700;
  2196. position: relative;
  2197. display: inline-block;
  2198. margin: 0;
  2199. }
  2200. .section-title-ana:after {
  2201. position: absolute;
  2202. content: "";
  2203. width: 70px;
  2204. height: 3px;
  2205. background-image: -webkit-gradient(linear, left top, right top, from(#fd5424), to(#ef2525));
  2206. background-image: -o-linear-gradient(left, #fd5424 0%, #ef2525 100%);
  2207. background-image: linear-gradient(to right, #fd5424 0%, #ef2525 100%);
  2208. bottom: 0;
  2209. -webkit-transform: translateX(-50%);
  2210. -ms-transform: translateX(-50%);
  2211. transform: translateX(-50%);
  2212. }
  2213. .section-title-two {
  2214. margin-bottom: 70px;
  2215. position: relative;
  2216. }
  2217. .section-title-two h2 {
  2218. font-size: 30px;
  2219. font-weight: 700;
  2220. color: #051441;
  2221. margin-bottom: 20px;
  2222. }
  2223. .section-title-two p {
  2224. font-size: 16px;
  2225. color: #677294;
  2226. line-height: 30px;
  2227. }
  2228. .section-title-two.title-big h2 {
  2229. font-size: 40px;
  2230. line-height: 56px;
  2231. font-weight: 700;
  2232. }
  2233. .section-title-two .gp-btn-four {
  2234. margin-top: 35px;
  2235. }
  2236. .section-title-three {
  2237. margin-bottom: 20px;
  2238. position: relative;
  2239. }
  2240. .section-title-three h2 {
  2241. font-size: 35px;
  2242. line-height: 50px;
  2243. font-weight: 800;
  2244. color: #222931;
  2245. margin: 0;
  2246. }
  2247. .section-heading-two {
  2248. text-align: center;
  2249. margin-bottom: 50px;
  2250. position: relative;
  2251. z-index: 33;
  2252. }
  2253. .section-heading-two .subtitle {
  2254. color: #ff5e85;
  2255. font-weight: 500;
  2256. font-size: 16px;
  2257. position: relative;
  2258. display: inline-block;
  2259. text-transform: uppercase;
  2260. }
  2261. .section-heading-two .subtitle:after {
  2262. position: absolute;
  2263. content: "";
  2264. left: 0;
  2265. bottom: 0;
  2266. width: 100%;
  2267. height: 1px;
  2268. background: #ff5e85;
  2269. }
  2270. .section-heading-two .section-title {
  2271. font-size: 30px;
  2272. font-weight: 700;
  2273. color: #343e5d;
  2274. line-height: 1.4;
  2275. }
  2276. .section-dark .section-title-two h2 {
  2277. color: #fff;
  2278. }
  2279. .section-dark .section-title-two p {
  2280. color: #eae3f4;
  2281. font-size: 18px;
  2282. font-weight: 400;
  2283. }
  2284. @media (max-width: 576px) {
  2285. .section-dark .section-title-two p br {
  2286. display: none;
  2287. }
  2288. }
  2289. /*--------------------------------------------------------------
  2290. ## Preloader
  2291. --------------------------------------------------------------*/
  2292. .page-loader {
  2293. position: fixed;
  2294. width: 100%;
  2295. height: 100%;
  2296. top: 0;
  2297. left: 0;
  2298. z-index: 99999999;
  2299. background-color: #fff;
  2300. }
  2301. .page-loader .loader {
  2302. position: absolute;
  2303. top: 50%;
  2304. left: 50%;
  2305. -webkit-transform: translate(-50%, -50%);
  2306. -ms-transform: translate(-50%, -50%);
  2307. transform: translate(-50%, -50%);
  2308. width: 100%;
  2309. }
  2310. .page-loading-wrapper {
  2311. position: absolute;
  2312. top: 50%;
  2313. left: 50%;
  2314. height: auto;
  2315. width: 100%;
  2316. -webkit-transform: translate(-50%, -50%);
  2317. -ms-transform: translate(-50%, -50%);
  2318. transform: translate(-50%, -50%);
  2319. }
  2320. .page-loading-wrapper svg {
  2321. width: 0;
  2322. height: 0;
  2323. }
  2324. .goo1 {
  2325. -webkit-filter: url(#goo);
  2326. position: absolute;
  2327. top: 50%;
  2328. left: 50%;
  2329. -webkit-transform: translate(-50%, -50%);
  2330. -ms-transform: translate(-50%, -50%);
  2331. transform: translate(-50%, -50%);
  2332. }
  2333. .loading div {
  2334. background: #ed1f25;
  2335. width: 25px;
  2336. height: 25px;
  2337. border-radius: 50%;
  2338. }
  2339. .goo1 > div {
  2340. width: 15px;
  2341. height: 15px;
  2342. position: absolute;
  2343. top: 50%;
  2344. left: 50%;
  2345. -webkit-transform-origin: -50% -50%;
  2346. -ms-transform-origin: -50% -50%;
  2347. transform-origin: -50% -50%;
  2348. -webkit-animation: circle 2.5s infinite cubic-bezier(0.57, 0, 0.52, 1);
  2349. animation: circle 2.5s infinite cubic-bezier(0.57, 0, 0.52, 1);
  2350. }
  2351. .goo1 > div:nth-child(1) {
  2352. -webkit-animation-delay: 0.25s;
  2353. animation-delay: 0.25s;
  2354. }
  2355. .goo1 > div:nth-child(2) {
  2356. -webkit-animation-delay: 0.5s;
  2357. animation-delay: 0.5s;
  2358. }
  2359. .goo1 > div:nth-child(3) {
  2360. -webkit-animation-delay: 0.75s;
  2361. animation-delay: 0.75s;
  2362. }
  2363. .goo1 > div:nth-child(4) {
  2364. -webkit-animation-delay: 1s;
  2365. animation-delay: 1s;
  2366. }
  2367. .goo1 > div:nth-child(5) {
  2368. -webkit-animation-delay: 1.25s;
  2369. animation-delay: 1.25s;
  2370. }
  2371. .goo2 > div {
  2372. -webkit-transform: translateX(0);
  2373. -ms-transform: translateX(0);
  2374. transform: translateX(0);
  2375. -webkit-animation: sideways 2.5s infinite ease;
  2376. animation: sideways 2.5s infinite ease;
  2377. }
  2378. .goo2 > div:nth-child(1) {
  2379. -webkit-animation-delay: 0.25s;
  2380. animation-delay: 0.25s;
  2381. }
  2382. .goo2 > div:nth-child(2) {
  2383. -webkit-animation-delay: 0.5s;
  2384. animation-delay: 0.5s;
  2385. }
  2386. .goo2 > div:nth-child(3) {
  2387. -webkit-animation-delay: 0.75s;
  2388. animation-delay: 0.75s;
  2389. }
  2390. .goo2 > div:nth-child(4) {
  2391. -webkit-animation-delay: 1s;
  2392. animation-delay: 1s;
  2393. }
  2394. .goo2 > div:nth-child(5) {
  2395. -webkit-animation-delay: 1.25s;
  2396. animation-delay: 1.25s;
  2397. }
  2398. .goo2 {
  2399. padding-left: 40px;
  2400. width: 200px;
  2401. height: 100px;
  2402. }
  2403. @keyframes circle {
  2404. 50% {
  2405. width: 25px;
  2406. height: 25px;
  2407. }
  2408. 100% {
  2409. -webkit-transform: rotate(360deg);
  2410. transform: rotate(360deg);
  2411. }
  2412. }
  2413. @-webkit-keyframes sideways {
  2414. 33% {
  2415. -webkit-transform: translateX(50px);
  2416. transform: translateX(50px);
  2417. }
  2418. 66% {
  2419. -webkit-transform: translateX(-50px);
  2420. transform: translateX(-50px);
  2421. }
  2422. }
  2423. @keyframes sideways {
  2424. 33% {
  2425. -webkit-transform: translateX(50px);
  2426. transform: translateX(50px);
  2427. }
  2428. 66% {
  2429. -webkit-transform: translateX(-50px);
  2430. transform: translateX(-50px);
  2431. }
  2432. }
  2433. /*--------------------------------------------------------------
  2434. ## Header
  2435. --------------------------------------------------------------*/
  2436. .site-header {
  2437. z-index: 999;
  2438. -webkit-transition: all 0.3s ease-in-out;
  2439. -o-transition: all 0.3s ease-in-out;
  2440. transition: all 0.3s ease-in-out;
  2441. }
  2442. .site-header .container-full {
  2443. padding: 0 50px;
  2444. }
  2445. @media (max-width: 576px) {
  2446. .site-header .container-full {
  2447. padding: 0 15px;
  2448. }
  2449. }
  2450. .site-header .btn-help {
  2451. -webkit-box-shadow: none;
  2452. box-shadow: none;
  2453. color: #554bfe;
  2454. border-color: #eeedff;
  2455. }
  2456. .site-header .btn-help:after {
  2457. background: #eeedff;
  2458. }
  2459. .site-header.header-transparent {
  2460. position: absolute;
  2461. top: 0;
  2462. left: 0;
  2463. width: 100%;
  2464. }
  2465. .site-header.header-transparent .astriol-main-menu > li > a:before {
  2466. display: none;
  2467. }
  2468. .site-header .site-logo {
  2469. display: -webkit-box;
  2470. display: -ms-flexbox;
  2471. display: flex;
  2472. -webkit-box-align: center;
  2473. -ms-flex-align: center;
  2474. align-items: center;
  2475. }
  2476. .site-header .site-logo .site-title {
  2477. font-size: 34px;
  2478. font-weight: 500;
  2479. padding: 8px 0;
  2480. margin: 0;
  2481. }
  2482. .site-header .site-logo a {
  2483. font-size: 30px;
  2484. font-weight: 700;
  2485. display: block;
  2486. color: #000;
  2487. }
  2488. .site-header .site-logo a h3 {
  2489. margin: 0;
  2490. font-size: 30px;
  2491. font-weight: 700;
  2492. color: #000;
  2493. }
  2494. .site-header .site-logo .logo-sticky {
  2495. display: none;
  2496. }
  2497. .site-header .astriol-burger-menu {
  2498. text-align: right;
  2499. display: none;
  2500. cursor: pointer;
  2501. }
  2502. .site-header .astriol-burger-menu.style-two {
  2503. background: #f8f8f8;
  2504. height: 55px;
  2505. width: 55px;
  2506. border-radius: 50%;
  2507. padding: 20px 17px;
  2508. margin-right: 20px;
  2509. text-align: left;
  2510. display: inline-block;
  2511. }
  2512. .site-header .astriol-burger-menu.style-two span {
  2513. margin-left: 0;
  2514. }
  2515. .site-header .astriol-burger-menu.mobile-view {
  2516. display: none;
  2517. }
  2518. .site-header .astriol-burger-menu span {
  2519. background: #2c2c51;
  2520. height: 2px;
  2521. display: block;
  2522. margin-left: auto;
  2523. }
  2524. .site-header .astriol-burger-menu span:not(:last-child) {
  2525. margin-bottom: 5px;
  2526. }
  2527. .site-header .astriol-burger-menu .bar-one {
  2528. width: 20px;
  2529. }
  2530. .site-header .astriol-burger-menu .bar-two {
  2531. width: 25px;
  2532. }
  2533. .site-header .astriol-burger-menu .bar-three {
  2534. width: 15px;
  2535. }
  2536. .site-header.header-seo:not(.showed) .astriol-burger-menu span {
  2537. background: #fff;
  2538. }
  2539. .site-header .add-menu {
  2540. margin: 0;
  2541. padding: 31px 0;
  2542. list-style: none;
  2543. font-weight: 500;
  2544. }
  2545. .site-header .add-menu li a {
  2546. color: #000;
  2547. }
  2548. .site-header .tt-hamburger {
  2549. width: 24px;
  2550. cursor: pointer;
  2551. }
  2552. .site-header .tt-hamburger.active {
  2553. opacity: 0;
  2554. visibility: hidden;
  2555. }
  2556. @media (min-width: 992px) {
  2557. .site-header .tt-hamburger {
  2558. display: none;
  2559. }
  2560. }
  2561. .site-header .tt-hamburger:focus {
  2562. outline: 0;
  2563. }
  2564. .site-header .tt-hamburger .bar {
  2565. background: #fff;
  2566. height: 2px;
  2567. display: block;
  2568. }
  2569. .site-header .tt-hamburger .bar:not(:last-child) {
  2570. margin-bottom: 5px;
  2571. }
  2572. .site-header.header-fixed.showed {
  2573. position: fixed;
  2574. width: 100%;
  2575. left: 0;
  2576. top: 0;
  2577. z-index: 99;
  2578. background: #fff;
  2579. -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  2580. box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  2581. -webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
  2582. animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
  2583. }
  2584. .header-position .site-header.header-fixed.showed {
  2585. top: 32px;
  2586. }
  2587. @media (max-width: 782px) {
  2588. .header-position .site-header.header-fixed.showed {
  2589. top: 46px;
  2590. }
  2591. }
  2592. .site-header.header-fixed.showed .site-logo .main-logo {
  2593. display: none;
  2594. }
  2595. .site-header.header-fixed.showed .site-logo a {
  2596. color: #051441;
  2597. }
  2598. .site-header.header-fixed.showed .site-logo h3 {
  2599. color: #051441;
  2600. }
  2601. .site-header.header-fixed.showed .add-menu li a {
  2602. color: #051441;
  2603. }
  2604. .site-header.header-fixed.showed .tt-hamburger .bar {
  2605. background: #051441;
  2606. }
  2607. @media (min-width: 1200px) {
  2608. .site-header:not(.mobile-header).header-main .nav-right {
  2609. margin-left: 40px;
  2610. }
  2611. .site-header:not(.mobile-header).header-main .nav-right .btn-help {
  2612. margin-right: 10px;
  2613. }
  2614. .site-header:not(.mobile-header).header-main .nav-right .nav-btn {
  2615. padding: 6px 21px;
  2616. font-size: 14px;
  2617. background-color: #ed1f25;
  2618. }
  2619. .site-header:not(.mobile-header).header-main .nav-right .nav-btn i {
  2620. margin-left: 0;
  2621. margin-right: 5px;
  2622. font-size: 14px;
  2623. vertical-align: middle;
  2624. }
  2625. .site-header:not(.mobile-header).header-main .nav-right .nav-btn:after {
  2626. display: none;
  2627. }
  2628. .site-header:not(.mobile-header).header-main .nav-right .nav-btn:hover {
  2629. color: #fff;
  2630. -webkit-box-shadow: none;
  2631. box-shadow: none;
  2632. }
  2633. .site-header:not(.mobile-header).header-main .nav-right .nav-btn.btn-help {
  2634. background-color: #eeedff;
  2635. padding: 6px 27px;
  2636. }
  2637. .site-header:not(.mobile-header).header-main .nav-right .nav-btn.btn-help:hover {
  2638. background-color: #554bfe;
  2639. border-color: #554bfe;
  2640. }
  2641. .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right {
  2642. margin-left: 40px;
  2643. }
  2644. .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right .btn-help {
  2645. margin-right: 10px;
  2646. }
  2647. .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right .nav-btn {
  2648. -webkit-box-shadow: none;
  2649. box-shadow: none;
  2650. }
  2651. .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right .nav-btn:hover {
  2652. -webkit-box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3);
  2653. box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3);
  2654. }
  2655. .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right .nav-btn.btn-help {
  2656. -webkit-box-shadow: none !important;
  2657. box-shadow: none !important;
  2658. }
  2659. .site-header:not(.mobile-header) .nav-right {
  2660. display: -webkit-box;
  2661. display: -ms-flexbox;
  2662. display: flex;
  2663. -webkit-box-pack: end;
  2664. -ms-flex-pack: end;
  2665. justify-content: flex-end;
  2666. -webkit-box-align: center;
  2667. -ms-flex-align: center;
  2668. align-items: center;
  2669. }
  2670. .site-header:not(.mobile-header) .nav-right .search-btn {
  2671. display: inline-block;
  2672. margin-right: 15px;
  2673. color: #051441;
  2674. cursor: pointer;
  2675. }
  2676. .site-header:not(.mobile-header) .menu-wrapper {
  2677. -webkit-box-pack: center;
  2678. -ms-flex-pack: center;
  2679. justify-content: center;
  2680. display: -webkit-box;
  2681. display: -ms-flexbox;
  2682. display: flex;
  2683. -webkit-box-align: center;
  2684. -ms-flex-align: center;
  2685. align-items: center;
  2686. }
  2687. .submenu-align-right .site-header:not(.mobile-header) {
  2688. width: auto;
  2689. }
  2690. }
  2691. .site-header:not(.mobile-header) .main-nav-container {
  2692. display: -webkit-box;
  2693. display: -ms-flexbox;
  2694. display: flex;
  2695. -webkit-box-align: center;
  2696. -ms-flex-align: center;
  2697. align-items: center;
  2698. }
  2699. .site-header:not(.mobile-header) .main-nav {
  2700. position: relative;
  2701. }
  2702. .site-header:not(.mobile-header) .astriol-main-menu {
  2703. margin: 0;
  2704. padding: 0;
  2705. list-style: none;
  2706. }
  2707. .site-header:not(.mobile-header) .astriol-main-menu > li {
  2708. padding: 35px 0;
  2709. }
  2710. .site-header:not(.mobile-header) .astriol-main-menu > li > a {
  2711. font-weight: 500;
  2712. font-size: 15px;
  2713. color: #051441;
  2714. position: relative;
  2715. }
  2716. .site-header:not(.mobile-header) .astriol-main-menu > li > a:before {
  2717. content: "";
  2718. position: absolute;
  2719. width: 100%;
  2720. height: 1px;
  2721. left: 0;
  2722. bottom: -2px;
  2723. 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);
  2724. background: #fff;
  2725. -webkit-transform: scale(0, 1);
  2726. -ms-transform: scale(0, 1);
  2727. transform: scale(0, 1);
  2728. -webkit-transform-origin: right center;
  2729. -ms-transform-origin: right center;
  2730. transform-origin: right center;
  2731. }
  2732. .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 {
  2733. -webkit-transform: scale(1, 1);
  2734. -ms-transform: scale(1, 1);
  2735. transform: scale(1, 1);
  2736. -webkit-transform-origin: left center;
  2737. -ms-transform-origin: left center;
  2738. transform-origin: left center;
  2739. }
  2740. .site-header:not(.mobile-header) .astriol-main-menu > li > a:after {
  2741. display: none;
  2742. visibility: hidden;
  2743. opacity: 0;
  2744. }
  2745. .site-header:not(.mobile-header) .astriol-main-menu > li > a:hover, .site-header:not(.mobile-header) .astriol-main-menu > li > a.current-menu-item {
  2746. color: #ed1f25;
  2747. }
  2748. .site-header:not(.mobile-header) .astriol-main-menu > li:nth-last-child(-n+3).has-submenu .sub-menu {
  2749. left: auto;
  2750. right: 0;
  2751. }
  2752. .site-header:not(.mobile-header) .astriol-main-menu > li:nth-last-child(-n+3).has-submenu .sub-menu li ul {
  2753. right: 100%;
  2754. }
  2755. .site-header:not(.mobile-header) .astriol-main-menu > li:not(.mega-menu) {
  2756. position: relative;
  2757. }
  2758. .menu-light .site-header:not(.mobile-header) .astriol-main-menu > li > a {
  2759. color: #fff;
  2760. }
  2761. .site-header:not(.mobile-header) .astriol-main-menu li {
  2762. display: inline-block;
  2763. }
  2764. .site-header:not(.mobile-header) .astriol-main-menu li:not(:last-child) {
  2765. margin-right: 45px;
  2766. }
  2767. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu > a:after {
  2768. content: "";
  2769. font-family: "themify";
  2770. position: absolute;
  2771. top: calc(50% - 9px);
  2772. right: 30px;
  2773. -webkit-transform: rotate(0);
  2774. -ms-transform: rotate(0);
  2775. transform: rotate(0);
  2776. font-size: 12px;
  2777. -webkit-transition: all 0.3s ease-in-out;
  2778. -o-transition: all 0.3s ease-in-out;
  2779. transition: all 0.3s ease-in-out;
  2780. }
  2781. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu {
  2782. margin: 0;
  2783. padding: 15px 0;
  2784. position: absolute;
  2785. top: 115%;
  2786. left: 0;
  2787. opacity: 0;
  2788. visibility: hidden;
  2789. background: #fff;
  2790. -webkit-transition: all 0.3s ease-in-out;
  2791. -o-transition: all 0.3s ease-in-out;
  2792. transition: all 0.3s ease-in-out;
  2793. border-radius: 6px;
  2794. min-width: 230px;
  2795. -webkit-box-shadow: 0 10px 30px 0 rgba(9, 2, 51, 0.1);
  2796. box-shadow: 0 10px 30px 0 rgba(9, 2, 51, 0.1);
  2797. z-index: 2222;
  2798. width: 250px;
  2799. }
  2800. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu.sub-menu-wide {
  2801. width: 100%;
  2802. display: -webkit-box;
  2803. display: -ms-flexbox;
  2804. display: flex;
  2805. -webkit-box-pack: justify;
  2806. -ms-flex-pack: justify;
  2807. justify-content: space-between;
  2808. padding: 40px 80px 25px;
  2809. }
  2810. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu.sub-menu-wide > .mega-menu-item > a {
  2811. font-size: 16px;
  2812. text-transform: uppercase;
  2813. font-weight: 800;
  2814. display: inline-block;
  2815. color: #051441;
  2816. }
  2817. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu.sub-menu-wide > .mega-menu-item > a:after {
  2818. display: none;
  2819. }
  2820. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu.sub-menu-wide .sub-menu {
  2821. position: unset;
  2822. -webkit-box-shadow: unset;
  2823. box-shadow: unset;
  2824. visibility: unset;
  2825. opacity: unset;
  2826. }
  2827. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li {
  2828. display: block;
  2829. position: relative;
  2830. margin-right: 0;
  2831. line-height: 36px;
  2832. }
  2833. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li a {
  2834. font-size: 14px;
  2835. padding: 10px 30px;
  2836. display: block;
  2837. line-height: 1.5;
  2838. color: #686875;
  2839. font-weight: 500;
  2840. }
  2841. .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 {
  2842. color: #ed1f25;
  2843. background-color: #f9f9f9;
  2844. margin-bottom: 2px;
  2845. }
  2846. .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 {
  2847. -webkit-transform: rotate(45deg);
  2848. -ms-transform: rotate(45deg);
  2849. transform: rotate(45deg);
  2850. }
  2851. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li ul {
  2852. padding: 15px 0;
  2853. position: absolute;
  2854. left: 100%;
  2855. top: 0;
  2856. background: #fff;
  2857. min-width: 220px;
  2858. -webkit-transition: all 0.3s ease-in-out;
  2859. -o-transition: all 0.3s ease-in-out;
  2860. transition: all 0.3s ease-in-out;
  2861. opacity: 0;
  2862. visibility: hidden;
  2863. -webkit-box-shadow: 0px 5px 10px #14303a15;
  2864. box-shadow: 0px 5px 10px #14303a15;
  2865. }
  2866. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li.has-submenu:hover ul {
  2867. opacity: 1;
  2868. visibility: visible;
  2869. top: -15px;
  2870. }
  2871. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu:hover ul {
  2872. opacity: 1;
  2873. visibility: visible;
  2874. top: 100%;
  2875. }
  2876. .site-header:not(.mobile-header).header-light .astriol-main-menu > li > a {
  2877. color: #fff;
  2878. }
  2879. .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 {
  2880. color: #ed1f25;
  2881. }
  2882. .site-header:not(.mobile-header).header-light .nav-right .gp-btn {
  2883. color: #fff;
  2884. }
  2885. .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 {
  2886. color: #ed1f25;
  2887. }
  2888. .site-header:not(.mobile-header).header-light.header-fixed.showed .nav-right .gp-btn {
  2889. color: #051441;
  2890. border-color: #051441;
  2891. }
  2892. .site-header:not(.mobile-header).header-light.header-fixed.showed .nav-right .gp-btn:hover {
  2893. color: #fff;
  2894. border-color: #ed1f25;
  2895. }
  2896. .site-header:not(.mobile-header).header-sass .astriol-main-menu > li > a:before {
  2897. display: none;
  2898. }
  2899. .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 {
  2900. color: #ff6344;
  2901. }
  2902. .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 {
  2903. color: #ff6344;
  2904. }
  2905. .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 {
  2906. color: #ff6344;
  2907. }
  2908. .site-header:not(.mobile-header).header-sass.header-fixed.showed .nav-btn {
  2909. -webkit-box-shadow: none;
  2910. box-shadow: none;
  2911. }
  2912. .site-header:not(.mobile-header).header-analytics .astriol-main-menu > li > a {
  2913. color: #fff;
  2914. }
  2915. .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 {
  2916. color: #f8b137;
  2917. }
  2918. .site-header:not(.mobile-header).header-analytics .nav-right {
  2919. margin-left: 50px;
  2920. }
  2921. .site-header:not(.mobile-header).header-analytics .nav-right .gp-btn {
  2922. color: #f8b137;
  2923. padding: 8px 28px;
  2924. }
  2925. .site-header:not(.mobile-header).header-analytics .nav-right .gp-btn:hover {
  2926. color: #fff;
  2927. }
  2928. .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 {
  2929. color: #f8b137;
  2930. }
  2931. .site-header:not(.mobile-header).header-analytics.header-fixed.showed .nav-right {
  2932. margin-left: 30px;
  2933. }
  2934. .site-header:not(.mobile-header).header-analytics.header-fixed.showed .nav-right .gp-btn {
  2935. border-color: #f8b137;
  2936. color: #fff;
  2937. }
  2938. .site-header:not(.mobile-header).header-analytics.header-fixed.showed .nav-right .gp-btn:after {
  2939. background: #f8b137;
  2940. }
  2941. .site-header:not(.mobile-header).header-analytics.header-fixed.showed .nav-right .gp-btn:hover {
  2942. background: transparent;
  2943. color: #f8b137;
  2944. }
  2945. .site-header:not(.mobile-header).header-analytics .astriol-burger-menu span {
  2946. background: #fff;
  2947. }
  2948. .site-header:not(.mobile-header).header-seo .astriol-main-menu > li > a {
  2949. color: #fff;
  2950. position: relative;
  2951. }
  2952. .site-header:not(.mobile-header).header-seo .astriol-main-menu > li > a:before {
  2953. content: "";
  2954. position: absolute;
  2955. width: 100%;
  2956. height: 1px;
  2957. left: 0;
  2958. bottom: 0;
  2959. 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);
  2960. background: #fff;
  2961. -webkit-transform: scale(0, 1);
  2962. -ms-transform: scale(0, 1);
  2963. transform: scale(0, 1);
  2964. -webkit-transform-origin: right center;
  2965. -ms-transform-origin: right center;
  2966. transform-origin: right center;
  2967. }
  2968. .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 {
  2969. -webkit-transform: scale(1, 1);
  2970. -ms-transform: scale(1, 1);
  2971. transform: scale(1, 1);
  2972. -webkit-transform-origin: left center;
  2973. -ms-transform-origin: left center;
  2974. transform-origin: left center;
  2975. }
  2976. .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 {
  2977. color: #ff5e85;
  2978. }
  2979. .site-header:not(.mobile-header).header-seo .nav-right {
  2980. margin-left: 50px;
  2981. }
  2982. .site-header:not(.mobile-header).header-seo .nav-right .gp-btn {
  2983. -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1);
  2984. box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1);
  2985. padding: 8px 34px;
  2986. }
  2987. .site-header:not(.mobile-header).header-seo .nav-right .gp-btn:hover {
  2988. -webkit-box-shadow: none;
  2989. box-shadow: none;
  2990. color: #fff;
  2991. border-color: #fff;
  2992. }
  2993. .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 {
  2994. color: #ff5e85;
  2995. }
  2996. .site-header:not(.mobile-header).header-seo.header-fixed.showed .nav-right {
  2997. margin-left: 30px;
  2998. }
  2999. .site-header:not(.mobile-header).header-seo.header-fixed.showed .nav-right .gp-btn {
  3000. border-color: #ff5e85;
  3001. color: #fff;
  3002. }
  3003. .site-header:not(.mobile-header).header-seo.header-fixed.showed .nav-right .gp-btn:after {
  3004. background: #ff5e85;
  3005. }
  3006. .site-header:not(.mobile-header).header-seo.header-fixed.showed .nav-right .gp-btn:hover {
  3007. background: transparent;
  3008. color: #ff5e85;
  3009. }
  3010. .site-header:not(.mobile-header).header-seo .astriol-burger-menu span {
  3011. background: #fff;
  3012. }
  3013. .site-header:not(.mobile-header).header-agency .astriol-main-menu > li > a {
  3014. color: #fff;
  3015. }
  3016. .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 {
  3017. color: #4d5afe;
  3018. }
  3019. .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 {
  3020. color: #4d5afe;
  3021. }
  3022. .site-header:not(.mobile-header).header-agency.header-fixed.showed .nav-right .gp-btn {
  3023. border-color: #4d5afe;
  3024. color: #4d5afe;
  3025. }
  3026. .site-header:not(.mobile-header).header-agency.header-fixed.showed .nav-right .gp-btn:after {
  3027. background: #4d5afe;
  3028. }
  3029. .site-header:not(.mobile-header).header-agency.header-fixed.showed .nav-right .gp-btn:hover {
  3030. color: #fff;
  3031. }
  3032. .site-header:not(.mobile-header).header-agency .nav-right {
  3033. margin-left: 50px;
  3034. }
  3035. .site-header:not(.mobile-header).header-agency .nav-right .gp-btn {
  3036. padding: 10px 25px;
  3037. }
  3038. .site-header:not(.mobile-header).header-agency-two .astriol-main-menu > li > a {
  3039. color: #fff;
  3040. }
  3041. .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 {
  3042. color: #ed1f25;
  3043. }
  3044. .site-header:not(.mobile-header).header-agency-two.header-fixed.showed .astriol-main-menu li a:hover {
  3045. color: #ed1f25;
  3046. }
  3047. .site-header:not(.mobile-header).header-agency-two .nav-right {
  3048. margin-left: 50px;
  3049. }
  3050. .site-header:not(.mobile-header).header-agency-two .nav-right .gp-btn {
  3051. padding: 7px 32px;
  3052. }
  3053. .site-header:not(.mobile-header).header-dark-saas .astriol-main-menu > li > a:before {
  3054. display: none;
  3055. }
  3056. .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 {
  3057. color: #ed1f25;
  3058. }
  3059. .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 {
  3060. color: #ed1f25;
  3061. }
  3062. .site-header:not(.mobile-header).header-dark-saas.header-fixed.showed .astriol-main-menu li a:hover {
  3063. color: #ed1f25;
  3064. }
  3065. .site-header:not(.mobile-header).header-dark-saas .nav-right {
  3066. margin-left: 50px;
  3067. }
  3068. .site-header:not(.mobile-header).header-dark-saas .nav-right .gp-btn {
  3069. padding: 8px 32px;
  3070. border-color: #ed1f25;
  3071. border-width: 2px;
  3072. }
  3073. .site-header:not(.mobile-header).header-light-saas .astriol-main-menu > li > a {
  3074. color: #fff;
  3075. }
  3076. .site-header:not(.mobile-header).header-light-saas .astriol-main-menu > li > a:hover {
  3077. color: rgba(255, 255, 255, 0.8);
  3078. }
  3079. .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 {
  3080. color: #6e58fc;
  3081. }
  3082. .site-header:not(.mobile-header).header-light-saas .nav-right {
  3083. margin-left: 50px;
  3084. }
  3085. .site-header:not(.mobile-header).header-light-saas .nav-right .gp-btn {
  3086. border-color: rgba(255, 255, 255, 0.502);
  3087. color: #fff;
  3088. }
  3089. .site-header:not(.mobile-header).header-light-saas .nav-right .gp-btn:after {
  3090. background: #fff;
  3091. }
  3092. .site-header:not(.mobile-header).header-light-saas .nav-right .gp-btn:hover {
  3093. border-color: #fff;
  3094. color: #6e58fc;
  3095. }
  3096. .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 {
  3097. color: #6e58fc;
  3098. }
  3099. .site-header:not(.mobile-header).header-light-social .astriol-main-menu > li > a {
  3100. color: #fff;
  3101. position: relative;
  3102. }
  3103. .site-header:not(.mobile-header).header-light-social .astriol-main-menu > li > a:before {
  3104. content: "";
  3105. position: absolute;
  3106. width: 100%;
  3107. height: 1px;
  3108. left: 0;
  3109. bottom: 0;
  3110. 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);
  3111. background: #fff;
  3112. -webkit-transform: scale(0, 1);
  3113. -ms-transform: scale(0, 1);
  3114. transform: scale(0, 1);
  3115. -webkit-transform-origin: right center;
  3116. -ms-transform-origin: right center;
  3117. transform-origin: right center;
  3118. }
  3119. .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 {
  3120. -webkit-transform: scale(1, 1);
  3121. -ms-transform: scale(1, 1);
  3122. transform: scale(1, 1);
  3123. -webkit-transform-origin: left center;
  3124. -ms-transform-origin: left center;
  3125. transform-origin: left center;
  3126. }
  3127. .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 {
  3128. color: #000;
  3129. }
  3130. .site-header:not(.mobile-header).header-light-social .nav-right {
  3131. margin-left: 50px;
  3132. }
  3133. .site-header:not(.mobile-header).header-light-social .nav-right .gp-btn {
  3134. -webkit-box-shadow: none;
  3135. box-shadow: none;
  3136. padding: 8px 26px;
  3137. }
  3138. .site-header:not(.mobile-header).header-light-social .nav-right .gp-btn:hover {
  3139. border-color: #fff;
  3140. color: #fff;
  3141. }
  3142. .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 {
  3143. border-color: #ed1f25;
  3144. color: #ed1f25;
  3145. }
  3146. .site-header:not(.mobile-header).header-light-social.header-fixed.showed .astriol-burger-menu span {
  3147. background: #051441;
  3148. }
  3149. .site-header:not(.mobile-header).header-transparent.header-2 .astriol-main-menu > li > a {
  3150. color: #fff;
  3151. }
  3152. .site-header:not(.mobile-header).header-bg {
  3153. background: #fff;
  3154. -webkit-box-shadow: 0px 20px 40px 0px rgba(8, 2, 46, 0.08);
  3155. box-shadow: 0px 20px 40px 0px rgba(8, 2, 46, 0.08);
  3156. }
  3157. .site-header:not(.mobile-header).header-bg .astriol-main-menu > li {
  3158. padding: 27px 0;
  3159. }
  3160. .site-header:not(.mobile-header).submenu-align-right .menu-wrapper {
  3161. width: auto;
  3162. }
  3163. .site-header:not(.mobile-header).submenu-align-right .astriol-main-menu > li:nth-last-child(-n+3).has-submenu .sub-menu {
  3164. left: auto;
  3165. right: 0;
  3166. }
  3167. .site-header:not(.mobile-header).submenu-align-right .astriol-main-menu > li:nth-last-child(-n+3).has-submenu .sub-menu li ul {
  3168. right: 100%;
  3169. }
  3170. .site-header.header-fixed.showed {
  3171. position: fixed;
  3172. width: 100%;
  3173. left: 0;
  3174. top: 0;
  3175. z-index: 999;
  3176. background: #fff;
  3177. -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  3178. box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  3179. -webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
  3180. animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
  3181. }
  3182. .header-position .site-header.header-fixed.showed {
  3183. top: 32px;
  3184. }
  3185. @media (max-width: 782px) {
  3186. .header-position .site-header.header-fixed.showed {
  3187. top: 46px;
  3188. }
  3189. }
  3190. .header-position .site-header.header-fixed.showed .fullscreen-menu {
  3191. top: 0;
  3192. }
  3193. .site-header.header-fixed.showed .site-logo .main-logo {
  3194. display: none;
  3195. }
  3196. .site-header.header-fixed.showed .site-logo .logo-sticky {
  3197. display: block;
  3198. }
  3199. .site-header.header-fixed.showed .menu-trigger .dot_icon .dot {
  3200. background: #051441;
  3201. }
  3202. .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu > li {
  3203. padding: 27px 0;
  3204. }
  3205. .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu li a {
  3206. color: #051441;
  3207. }
  3208. .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu li a:hover {
  3209. color: #ed1f25;
  3210. }
  3211. .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu li > {
  3212. padding: 27px 0;
  3213. }
  3214. .site-header.header-fixed.showed.header-light-saas .nav-right .gp-btn {
  3215. border-color: #6e58fc;
  3216. color: #6e58fc;
  3217. }
  3218. .site-header.header-fixed.showed.header-light-saas .nav-right .gp-btn:after {
  3219. background: #6e58fc;
  3220. }
  3221. .site-header.header-fixed.showed.header-light-saas .nav-right .gp-btn:hover {
  3222. border-color: #6e58fc;
  3223. color: #fff;
  3224. }
  3225. @keyframes stickySlideDown {
  3226. from {
  3227. -webkit-transform: translateY(-100%);
  3228. transform: translateY(-100%);
  3229. }
  3230. to {
  3231. -webkit-transform: translateY(0);
  3232. transform: translateY(0);
  3233. }
  3234. }
  3235. #site-navigation {
  3236. display: -webkit-box;
  3237. display: -ms-flexbox;
  3238. display: flex;
  3239. -webkit-box-pack: justify;
  3240. -ms-flex-pack: justify;
  3241. justify-content: space-between;
  3242. -webkit-box-align: center;
  3243. -ms-flex-align: center;
  3244. align-items: center;
  3245. }
  3246. @media (min-width: 992px) {
  3247. .close-menu {
  3248. display: none;
  3249. }
  3250. }
  3251. .canvas-header {
  3252. -webkit-box-align: center;
  3253. -ms-flex-align: center;
  3254. align-items: center;
  3255. -webkit-box-pack: justify;
  3256. -ms-flex-pack: justify;
  3257. justify-content: space-between;
  3258. padding: 30px 20px;
  3259. border-bottom: 1px solid #eee;
  3260. margin-bottom: 30px;
  3261. display: none;
  3262. }
  3263. .close-menu {
  3264. height: 50px;
  3265. width: 50px;
  3266. background: rgba(136, 136, 136, 0.1);
  3267. border-radius: 50%;
  3268. text-align: center;
  3269. line-height: 54px;
  3270. color: #051441;
  3271. }
  3272. .astriol-main-menu {
  3273. list-style: none;
  3274. }
  3275. .astriol-main-menu ul {
  3276. list-style: none;
  3277. }
  3278. /*--------------------------------------------------------------
  3279. ### Main Nav Mobile
  3280. --------------------------------------------------------------*/
  3281. .mobile-header {
  3282. height: auto;/*--------------------------------------------------------------
  3283. ### Main Nav
  3284. --------------------------------------------------------------*/
  3285. }
  3286. .mobile-header .astriol-burger-menu {
  3287. display: block;
  3288. margin-left: 20px;
  3289. }
  3290. .mobile-header .astriol-burger-menu.desktop-view {
  3291. display: none;
  3292. }
  3293. .mobile-header .astriol-burger-menu.mobile-view {
  3294. display: block;
  3295. }
  3296. .mobile-header .canvas-header {
  3297. display: -webkit-box;
  3298. display: -ms-flexbox;
  3299. display: flex;
  3300. }
  3301. .mobile-header .site-logo .logo-sticky {
  3302. display: none;
  3303. }
  3304. .mobile-header .tt-hamburger {
  3305. display: block;
  3306. }
  3307. .mobile-header.header-analytics:not(.showed) .astriol-burger-menu span {
  3308. background: #fff;
  3309. }
  3310. .mobile-header.header-light-saas:not(.showed) .astriol-burger-menu span, .mobile-header.header-agency-two:not(.showed) .astriol-burger-menu span {
  3311. background: #fff;
  3312. }
  3313. .mobile-header.header-fixed.showed .logo-sticky {
  3314. display: block;
  3315. }
  3316. .mobile-header .site-logo a {
  3317. padding: 13px 0;
  3318. }
  3319. .mobile-header .nav-right {
  3320. display: -webkit-box;
  3321. display: -ms-flexbox;
  3322. display: flex;
  3323. -webkit-box-align: center;
  3324. -ms-flex-align: center;
  3325. align-items: center;
  3326. padding: 10px 25px 0;
  3327. border-top: 1px solid #eee;
  3328. }
  3329. .mobile-header .nav-right .btn-help {
  3330. margin-right: 10px;
  3331. }
  3332. .mobile-header.header-page .nav-right {
  3333. padding: 0;
  3334. border-top: 0;
  3335. }
  3336. @media (max-width: 420px) {
  3337. .mobile-header.header-page .gp-btn {
  3338. padding: 10px 20px;
  3339. font-size: 14px;
  3340. }
  3341. }
  3342. .mobile-header.header-sass .nav-right {
  3343. border: 0;
  3344. padding: 0;
  3345. }
  3346. .mobile-header .main-nav-container {
  3347. position: fixed;
  3348. top: 0;
  3349. height: 100vh;
  3350. background: #fff;
  3351. max-width: 400px;
  3352. width: 100%;
  3353. text-align: left;
  3354. overflow-y: auto;
  3355. padding-bottom: 80px;
  3356. left: -100px;
  3357. -webkit-transition-duration: 0.3s;
  3358. -o-transition-duration: 0.3s;
  3359. transition-duration: 0.3s;
  3360. opacity: 0;
  3361. visibility: hidden;
  3362. z-index: 999;
  3363. }
  3364. .header-position .mobile-header .main-nav-container {
  3365. top: 32px;
  3366. }
  3367. @media (max-width: 780px) {
  3368. .header-position .mobile-header .main-nav-container {
  3369. top: 46px;
  3370. }
  3371. }
  3372. @media (max-width: 420px) {
  3373. .mobile-header .main-nav-container {
  3374. max-width: 100%;
  3375. }
  3376. }
  3377. .mobile-header .main-nav-container.open {
  3378. opacity: 1;
  3379. left: 0;
  3380. visibility: visible;
  3381. }
  3382. .mobile-header .main-nav-container li a {
  3383. font-size: 16px;
  3384. color: #051441;
  3385. position: relative;
  3386. z-index: 1;
  3387. padding: 8px 25px;
  3388. display: block;
  3389. -webkit-box-align: center;
  3390. -ms-flex-align: center;
  3391. align-items: center;
  3392. -webkit-box-pack: justify;
  3393. -ms-flex-pack: justify;
  3394. justify-content: space-between;
  3395. text-transform: capitalize;
  3396. font-weight: 500;
  3397. border-left: 2px solid transparent;
  3398. }
  3399. .mobile-header .main-nav-container li.has-submenu > a {
  3400. position: relative;
  3401. }
  3402. .mobile-header .main-nav-container li.has-submenu > a:after {
  3403. content: "\F4FE";
  3404. font-family: "bootstrap-icons";
  3405. position: absolute;
  3406. top: 50%;
  3407. right: 30px;
  3408. -webkit-transform: translateY(-50%);
  3409. -ms-transform: translateY(-50%);
  3410. transform: translateY(-50%);
  3411. font-size: 12px;
  3412. }
  3413. .mobile-header .main-nav-container li.has-submenu > a.active:after {
  3414. content: "\F2EA";
  3415. }
  3416. .mobile-header .main-nav-container li.has-submenu li a {
  3417. font-size: 16px;
  3418. }
  3419. .mobile-header .main-nav-container .menu-item-depth-0 > a.active {
  3420. background: #ed1f25;
  3421. color: #fff;
  3422. }
  3423. .mobile-header .main-nav-container .menu-item-depth-0 li a.active {
  3424. color: #ed1f25;
  3425. }
  3426. .mobile-header.header-main .astriol-burger-menu {
  3427. margin-left: 0;
  3428. }
  3429. .mobile-header.header-dark-saas .main-nav-container .menu-item-depth-0 > a.active {
  3430. background: #ed1f25;
  3431. }
  3432. .mobile-header.header-light-saas .main-nav-container .menu-item-depth-0 > a.active {
  3433. background: #6e58fc;
  3434. }
  3435. .mobile-header.header-light-saas .main-nav-container .menu-item-depth-0 li a.active {
  3436. color: #6e58fc;
  3437. }
  3438. .mobile-header.header-light-saas .gp-btn.color-two.btn-outline {
  3439. color: #6e58fc;
  3440. border-color: #6e58fc;
  3441. }
  3442. .mobile-header.header-light-saas .gp-btn.color-two.btn-outline:after {
  3443. background: #6e58fc;
  3444. }
  3445. .mobile-header.header-light-saas .gp-btn.color-two.btn-outline:hover {
  3446. color: #fff;
  3447. }
  3448. .mobile-header.header-sass .main-nav-container .menu-item-depth-0 > a.active {
  3449. background: linear-gradient(60deg, #FE5924, #ed1f25);
  3450. color: #fff;
  3451. }
  3452. .mobile-header.header-sass .main-nav-container .menu-item-depth-0 li a.active {
  3453. color: #ff6344;
  3454. }
  3455. .mobile-header.header-analytics .main-nav-container .menu-item-depth-0 > a.active {
  3456. background: #f8b137;
  3457. }
  3458. .mobile-header.header-analytics .main-nav-container .menu-item-depth-0 li a.active {
  3459. color: #f8b137;
  3460. }
  3461. .mobile-header.header-analytics .gp-btn.color-four.btn-light {
  3462. border-color: #f8b137;
  3463. color: #fff;
  3464. }
  3465. .mobile-header.header-analytics .gp-btn.color-four.btn-light:after {
  3466. background: #f8b137;
  3467. }
  3468. .mobile-header.header-analytics .gp-btn.color-four.btn-light:hover {
  3469. color: #f8b137;
  3470. background: transparent;
  3471. }
  3472. .mobile-header.header-agency-two .main-nav-container .menu-item-depth-0 > a.active {
  3473. background: #ed1f25;
  3474. }
  3475. .mobile-header.header-agency-two .main-nav-container .menu-item-depth-0 li a.active {
  3476. color: #ed1f25;
  3477. }
  3478. .mobile-header.header-agency .main-nav-container .menu-item-depth-0 > a.active {
  3479. background: #4d5afe;
  3480. }
  3481. .mobile-header.header-agency .main-nav-container .menu-item-depth-0 li a.active {
  3482. color: #4d5afe;
  3483. }
  3484. .mobile-header.header-agency .gp-btn.color-eight.btn-outline.btn-light {
  3485. color: #4d5afe;
  3486. border-color: #4d5afe;
  3487. }
  3488. .mobile-header.header-agency .gp-btn.color-eight.btn-outline.btn-light:after {
  3489. background: #4d5afe;
  3490. }
  3491. .mobile-header.header-agency .gp-btn.color-eight.btn-outline.btn-light:hover {
  3492. color: #fff;
  3493. }
  3494. .mobile-header.header-light-social:not(.showed) .astriol-burger-menu span {
  3495. background: #fff;
  3496. }
  3497. .mobile-header.header-light-social .main-nav-container .menu-item-depth-0 > a.active {
  3498. background: #ed1f25;
  3499. }
  3500. .mobile-header.header-light-social .main-nav-container .menu-item-depth-0 li a.active {
  3501. color: #ed1f25;
  3502. }
  3503. .header-position .mobile-header.header-fixed.showed .main-nav-container {
  3504. top: 0;
  3505. }
  3506. .mobile-header.header-seo .main-nav-container .menu-item-depth-0 > a.active {
  3507. background: #ff5e85;
  3508. }
  3509. .mobile-header.header-seo .main-nav-container .menu-item-depth-0 li a.active {
  3510. color: #ff5e85;
  3511. }
  3512. .mobile-header .main-nav {
  3513. position: relative;
  3514. z-index: 3333;
  3515. line-height: 1.2;
  3516. }
  3517. .mobile-header .main-nav .astriol-main-menu {
  3518. padding-left: 0;
  3519. }
  3520. .mobile-header .main-nav .sub-menu {
  3521. padding-left: 15px;
  3522. margin-left: 0;
  3523. margin-bottom: 0;
  3524. display: none;
  3525. }
  3526. .mobile-header .main-nav .sub-menu.active .main-item > .menu-link {
  3527. background: #f8f9fa;
  3528. }
  3529. .mobile-header .main-nav .sub-menu li a {
  3530. border-top: 0;
  3531. }
  3532. .mobile-header .main-nav .sub-menu li.active a.active .ti-plus {
  3533. color: #ed1f25;
  3534. }
  3535. .mobile-header .main-nav .nav-item.active-main-item > .menu-link {
  3536. color: #ed1f25;
  3537. background: #f8f9fa;
  3538. border-color: #ed1f25;
  3539. }
  3540. .mobile-header .main-nav .sub-menu {
  3541. padding-left: 15px;
  3542. margin-bottom: 0;
  3543. }
  3544. .mobile-header .main-nav {
  3545. cursor: default;
  3546. position: relative;
  3547. z-index: 10;
  3548. text-align: left;
  3549. font-weight: 500;
  3550. height: 100%;
  3551. display: -webkit-box;
  3552. display: -ms-flexbox;
  3553. display: flex;
  3554. -webkit-box-align: center;
  3555. -ms-flex-align: center;
  3556. align-items: center;
  3557. -webkit-box-pack: justify;
  3558. -ms-flex-pack: justify;
  3559. justify-content: space-between;
  3560. }
  3561. .mobile-header .main-nav a:before, .mobile-header .main-nav .close-bar {
  3562. display: none;
  3563. }
  3564. .mobile-header .main-nav .site-logo a {
  3565. font-size: 40px;
  3566. }
  3567. .mobile-header .main-nav .menu, .mobile-header .main-nav .menu ul {
  3568. list-style: none;
  3569. }
  3570. .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 {
  3571. background-color: #ed1f25;
  3572. }
  3573. .mobile-header .main-nav .nav-item.active-main-item > .menu-link {
  3574. color: #ed1f25;
  3575. }
  3576. .mobile-header .main-nav .nav-right .cu_btn {
  3577. padding: 13px 26px;
  3578. min-width: auto;
  3579. margin-top: 0;
  3580. }
  3581. .mobile-header .main-nav.hidden {
  3582. display: none;
  3583. }
  3584. .mask-overlay {
  3585. position: fixed;
  3586. width: 100%;
  3587. height: 100%;
  3588. top: 0;
  3589. left: 0;
  3590. background: rgba(0, 0, 0, 0.5);
  3591. z-index: 222;
  3592. }
  3593. /*--------------------------------------------------------------
  3594. ## Banner
  3595. --------------------------------------------------------------*/
  3596. .banner {
  3597. height: 800px;
  3598. position: relative;
  3599. }
  3600. @media (min-width: 992px) {
  3601. .mw-600 {
  3602. max-width: 600px;
  3603. }
  3604. }
  3605. /**
  3606. Banner Main
  3607. */
  3608. .banner-main {
  3609. background-image: -o-linear-gradient(30deg, #fcf5f6 0%, #f8fbfe 100%);
  3610. background-image: linear-gradient(60deg, #fcf5f6 0%, #f8fbfe 100%);
  3611. }
  3612. @media (max-width: 991px) {
  3613. .banner-main {
  3614. height: 720px;
  3615. }
  3616. }
  3617. .banner-main .banner-main-content-wrapper {
  3618. padding-top: 250px;
  3619. position: relative;
  3620. z-index: 2;
  3621. }
  3622. @media (max-width: 992px) {
  3623. .banner-main .banner-main-content-wrapper {
  3624. padding-top: 50px;
  3625. }
  3626. }
  3627. .banner-main .banner-content {
  3628. text-align: center;
  3629. }
  3630. .banner-main .banner-content .banner-title {
  3631. font-size: 60px;
  3632. font-weight: 700;
  3633. color: #fff;
  3634. line-height: 1.6;
  3635. margin-bottom: 20px;
  3636. }
  3637. @media (max-width: 992px) {
  3638. .banner-main .banner-content .banner-title {
  3639. font-size: 36px;
  3640. }
  3641. }
  3642. .banner-main .banner-content .description {
  3643. font-size: 30px;
  3644. color: #fff;
  3645. }
  3646. .banner-main .banner-content .banner-btn {
  3647. font-size: 24px;
  3648. margin-top: 20px;
  3649. font-weight: 600;
  3650. }
  3651. .banner-main .banner-content .banner-btn.btn-light {
  3652. background: transparent;
  3653. }
  3654. .banner-main .banner-content .banner-btn.btn-light:hover {
  3655. background: linear-gradient(60deg, #FE5924, #ed1f25);
  3656. }
  3657. @media (max-width: 420px) {
  3658. .banner-main .banner-content .banner-btn.ml-3 {
  3659. margin-left: 0 !important;
  3660. }
  3661. }
  3662. .banner-main .banner-promo-mockup {
  3663. max-width: 100%;
  3664. margin: 0 auto;
  3665. position: relative;
  3666. z-index: 11;
  3667. }
  3668. .banner-main .banner-main-animate {
  3669. position: absolute;
  3670. top: 0;
  3671. left: 0;
  3672. width: 100%;
  3673. height: 100%;
  3674. }
  3675. .banner-main-animate {
  3676. position: absolute;
  3677. top: 0;
  3678. bottom: 0;
  3679. width: 100%;
  3680. height: 100%;
  3681. overflow: hidden;
  3682. z-index: 1;
  3683. }
  3684. .banner-main-animate .animate-items {
  3685. margin: 0;
  3686. padding: 0;
  3687. list-style: none;
  3688. }
  3689. .banner-main-animate .animate-items li {
  3690. position: absolute;
  3691. }
  3692. .banner-main-animate .animate-items li:nth-child(1) {
  3693. right: 50px;
  3694. bottom: -100px;
  3695. z-index: 1;
  3696. }
  3697. .banner-main-animate .animate-items li:nth-child(2) {
  3698. left: 100px;
  3699. top: 31%;
  3700. }
  3701. .banner-main-animate .animate-items li:nth-child(3) {
  3702. left: 220px;
  3703. bottom: 85px;
  3704. }
  3705. .banner-main-animate .animate-items li:nth-child(4) {
  3706. right: 15%;
  3707. top: 55%;
  3708. }
  3709. .banner-main-animate .animate-items li:nth-child(5) {
  3710. left: 26%;
  3711. top: 50%;
  3712. z-index: 1;
  3713. -webkit-animation: 3s linear 0.1s infinite normal none running wave;
  3714. animation: 3s linear 0.1s infinite normal none running wave;
  3715. }
  3716. .banner-main-animate .animate-items li:nth-child(6) {
  3717. right: 80px;
  3718. top: 315px;
  3719. }
  3720. .banner-main-animate .animate-items li:nth-child(7) {
  3721. right: 15%;
  3722. bottom: 195px;
  3723. }
  3724. .banner-main-animate .animate-items li.bubble1 {
  3725. height: 100px;
  3726. width: 100px;
  3727. background: #f53131;
  3728. border-radius: 50%;
  3729. left: 26%;
  3730. bottom: 15.5%;
  3731. }
  3732. .banner-main-animate .animate-items li.bubble2 {
  3733. height: 255px;
  3734. width: 255px;
  3735. background: #f53131;
  3736. border-radius: 50%;
  3737. right: 25%;
  3738. bottom: -4%;
  3739. -webkit-animation: wave 2s ease-in-out infinite;
  3740. animation: wave 2s ease-in-out infinite;
  3741. }
  3742. .banner-main-animate .animate-items li.bubble3 {
  3743. height: 16px;
  3744. width: 16px;
  3745. background: #f53131;
  3746. border-radius: 50%;
  3747. left: 25.5%;
  3748. bottom: 29%;
  3749. z-index: 1;
  3750. -webkit-animation: animationFramesTwo 30s infinite linear;
  3751. animation: animationFramesTwo 30s infinite linear;
  3752. }
  3753. .banner-main-animate .animate-items li.bubble4 {
  3754. height: 10px;
  3755. width: 10px;
  3756. background: #f7cb61;
  3757. border-radius: 50%;
  3758. right: 24%;
  3759. bottom: 20%;
  3760. z-index: 1;
  3761. -webkit-animation: 50s linear 0s infinite normal none running animationFramesTwo;
  3762. animation: 50s linear 0s infinite normal none running animationFramesTwo;
  3763. }
  3764. /* Banner Saas One*/
  3765. .banner-saas-main {
  3766. padding: 170px 0;
  3767. overflow: hidden;
  3768. }
  3769. @media (max-width: 991px) {
  3770. .banner-saas-main {
  3771. padding: 100px 0 100px;
  3772. height: auto;
  3773. }
  3774. }
  3775. @media (max-width: 991px) {
  3776. .banner-saas-main .banner-content-sass {
  3777. text-align: center;
  3778. }
  3779. }
  3780. .banner-saas-main .banner-content-sass .subtitle-top {
  3781. font-size: 14px;
  3782. text-transform: uppercase;
  3783. color: #7b7b93;
  3784. font-weight: 500;
  3785. letter-spacing: 1px;
  3786. margin-bottom: 15px;
  3787. }
  3788. .banner-saas-main .banner-content-sass .subtitle-top a {
  3789. color: #ed1f25;
  3790. }
  3791. .banner-saas-main .banner-content-sass .banner-title {
  3792. font-size: 50px;
  3793. line-height: 60px;
  3794. font-weight: 700;
  3795. color: #2c2c51;
  3796. margin-bottom: 20px;
  3797. }
  3798. @media (max-width: 1200px) {
  3799. .banner-saas-main .banner-content-sass .banner-title {
  3800. font-size: 40px;
  3801. line-height: 50px;
  3802. }
  3803. }
  3804. @media (max-width: 768px) {
  3805. .banner-saas-main .banner-content-sass .banner-title {
  3806. font-size: 32px;
  3807. line-height: 42px;
  3808. }
  3809. }
  3810. .banner-saas-main .banner-content-sass .description {
  3811. font-size: 18px;
  3812. line-height: 30px;
  3813. margin-bottom: 41px;
  3814. }
  3815. .banner-content-wrapper {
  3816. margin: 0 -700px 0 0;
  3817. }
  3818. @media (max-width: 1600px) {
  3819. .banner-content-wrapper {
  3820. margin: 0 -400px 0 0;
  3821. }
  3822. }
  3823. @media (max-width: 1440px) {
  3824. .banner-content-wrapper {
  3825. margin: 0 -100px 0 0;
  3826. }
  3827. }
  3828. @media (max-width: 1200px) {
  3829. .banner-content-wrapper {
  3830. margin: 0;
  3831. }
  3832. }
  3833. .saas-animate-image {
  3834. max-width: 900px;
  3835. }
  3836. .banner-sass-svg-bg {
  3837. position: absolute;
  3838. width: 100%;
  3839. height: 100%;
  3840. left: 0;
  3841. top: 0;
  3842. }
  3843. /* Banner Analytic */
  3844. .banner-analytics {
  3845. background-image: -o-linear-gradient(50deg, #5e2ced 0%, #a485fd 100%);
  3846. background-image: linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);
  3847. overflow: hidden;
  3848. }
  3849. @media (max-width: 991px) {
  3850. .banner-analytics {
  3851. height: auto;
  3852. }
  3853. }
  3854. .banner-analytics .container {
  3855. height: 100%;
  3856. min-height: 700px;
  3857. }
  3858. .banner-analytics .banner-shape-left {
  3859. position: absolute;
  3860. top: 0;
  3861. left: 100px;
  3862. }
  3863. .banner-analytics .banner-shape-right {
  3864. right: 0;
  3865. top: 0;
  3866. position: absolute;
  3867. }
  3868. .banner-analytics .banner-content h2 {
  3869. font-size: 40px;
  3870. color: #fff;
  3871. line-height: 52px;
  3872. font-family: "Poppins", sans-serif;
  3873. font-weight: 400;
  3874. margin-bottom: 25px;
  3875. }
  3876. .banner-analytics .banner-content h2 span {
  3877. font-weight: 800;
  3878. }
  3879. @media (max-width: 1200px) {
  3880. .banner-analytics .banner-content h2 {
  3881. font-size: 34px;
  3882. line-height: 44px;
  3883. }
  3884. }
  3885. .banner-analytics .banner-content p {
  3886. color: #fff;
  3887. font-size: 16px;
  3888. line-height: 28px;
  3889. font-family: "Poppins", sans-serif;
  3890. margin-bottom: 45px;
  3891. }
  3892. @media (max-width: 991px) {
  3893. .banner-analytics .banner-content p {
  3894. max-width: 600px;
  3895. margin: 0 auto 45px;
  3896. }
  3897. }
  3898. .banner-analytics .banner-content .banner-button .gp-btn {
  3899. margin-right: 30px;
  3900. font-family: "Poppins", sans-serif;
  3901. -webkit-box-shadow: 0 8px 16px 0 rgba(0, 6, 26, 0.1);
  3902. box-shadow: 0 8px 16px 0 rgba(0, 6, 26, 0.1);
  3903. font-size: 15px;
  3904. padding: 12px 27px;
  3905. }
  3906. .banner-analytics .banner-content .banner-button .gp-btn:hover {
  3907. -webkit-box-shadow: none;
  3908. box-shadow: none;
  3909. border-color: rgba(255, 255, 255, 0.5);
  3910. color: #fff;
  3911. }
  3912. .banner-analytics .banner-content .banner-button .btn-text {
  3913. color: #fff;
  3914. font-weight: 500;
  3915. position: relative;
  3916. font-size: 15px;
  3917. margin-left: 30px;
  3918. font-family: "Poppins", sans-serif;
  3919. }
  3920. .banner-analytics .banner-content .banner-button .btn-text:after {
  3921. position: absolute;
  3922. content: "";
  3923. width: 100%;
  3924. height: 2px;
  3925. bottom: -5px;
  3926. left: 0;
  3927. background: #bfb2f8;
  3928. -webkit-transition: all 0.3s ease-in-out;
  3929. -o-transition: all 0.3s ease-in-out;
  3930. transition: all 0.3s ease-in-out;
  3931. }
  3932. .banner-analytics .banner-content .banner-button .btn-text:hover {
  3933. color: #f8b137;
  3934. }
  3935. .banner-analytics .banner-content .banner-button .btn-text:hover:after {
  3936. background: #f8b137;
  3937. }
  3938. .banner-analytics .banner-feature-thumb img {
  3939. max-width: inherit;
  3940. }
  3941. @media (max-width: 991px) {
  3942. .banner-feature-image {
  3943. margin-top: 50px;
  3944. }
  3945. }
  3946. .banner-feature-image .banner-animate-element {
  3947. width: 440px;
  3948. height: 480px;
  3949. margin: 0;
  3950. padding: 0;
  3951. list-style: none;
  3952. position: relative;
  3953. }
  3954. .banner-feature-image .banner-animate-element li {
  3955. position: absolute;
  3956. }
  3957. .banner-feature-image .banner-animate-element li:nth-child(1) {
  3958. right: 0;
  3959. }
  3960. .banner-feature-image .banner-animate-element li:nth-child(2) {
  3961. right: -42px;
  3962. bottom: -14px;
  3963. }
  3964. .banner-feature-image .banner-animate-element li:nth-child(3) {
  3965. left: 0;
  3966. top: 0;
  3967. -webkit-animation: jump 2s infinite;
  3968. animation: jump 2s infinite;
  3969. }
  3970. .banner-feature-image .banner-animate-element li:nth-child(4) {
  3971. top: 105px;
  3972. left: 95px;
  3973. }
  3974. .banner-feature-image .banner-animate-element li:nth-child(5) {
  3975. right: 95px;
  3976. bottom: 22px;
  3977. }
  3978. .banner-feature-image .banner-animate-element li:nth-child(6) {
  3979. bottom: 0;
  3980. right: 52px;
  3981. }
  3982. .banner-feature-image .banner-animate-element li:nth-child(7) {
  3983. right: -115px;
  3984. top: 30px;
  3985. }
  3986. .banner-feature-image .banner-animate-element li:nth-child(8) {
  3987. right: -55px;
  3988. top: 145px;
  3989. }
  3990. .banner-feature-image .banner-animate-element li:nth-child(9) {
  3991. right: -106px;
  3992. top: 138px;
  3993. }
  3994. .banner-feature-image .banner-animate-element li:nth-child(10) {
  3995. right: -40px;
  3996. top: 95px;
  3997. }
  3998. .banner-feature-image .banner-animate-element li:nth-child(11) {
  3999. right: 10px;
  4000. top: 25px;
  4001. }
  4002. /* Banner Seo*/
  4003. .banner-bg-half {
  4004. background-image: -o-linear-gradient(40deg, #ff5e85 0%, #464ac9 100%);
  4005. background-image: linear-gradient(50deg, #ff5e85 0%, #464ac9 100%);
  4006. position: absolute;
  4007. right: 0;
  4008. top: 0;
  4009. width: 80%;
  4010. height: 100%;
  4011. }
  4012. .banner-seo {
  4013. height: 950px;
  4014. position: relative;
  4015. overflow: hidden;
  4016. min-height: 700px;
  4017. padding: 230px 0;
  4018. }
  4019. .banner-seo .banner-bg {
  4020. background-size: cover;
  4021. height: 100%;
  4022. width: 100%;
  4023. position: absolute;
  4024. top: 0;
  4025. left: 0;
  4026. background-position: center center;
  4027. }
  4028. .banner-seo .container {
  4029. height: 100%;
  4030. }
  4031. .banner-seo .banner-content {
  4032. position: relative;
  4033. z-index: 333;
  4034. }
  4035. .banner-seo .banner-content .sub-title {
  4036. font-size: 14px;
  4037. color: #ff5e85;
  4038. letter-spacing: 3px;
  4039. text-transform: uppercase;
  4040. font-weight: 400;
  4041. }
  4042. .banner-seo .banner-content .banner-title {
  4043. font-size: 48px;
  4044. line-height: 64px;
  4045. font-weight: 700;
  4046. margin-bottom: 16px;
  4047. color: #343e5d;
  4048. }
  4049. .banner-seo .banner-content p {
  4050. font-size: 18px;
  4051. color: #747c95;
  4052. font-weight: 300;
  4053. line-height: 30px;
  4054. margin-bottom: 53px;
  4055. }
  4056. .banner-seo .banner-feature-thumb {
  4057. position: absolute;
  4058. right: 0;
  4059. bottom: 90px;
  4060. }
  4061. .animate-bubble {
  4062. margin: 0;
  4063. padding: 0;
  4064. list-style: none;
  4065. position: absolute;
  4066. width: 100%;
  4067. height: 100%;
  4068. top: 0;
  4069. left: 0;
  4070. }
  4071. .animate-bubble li {
  4072. position: absolute;
  4073. border-radius: 50%;
  4074. }
  4075. .animate-bubble .bubble1 {
  4076. height: 220px;
  4077. width: 220px;
  4078. background: #babdfe;
  4079. border-radius: 50%;
  4080. top: 40%;
  4081. left: -80px;
  4082. -webkit-animation: wave 2s ease-in-out infinite;
  4083. animation: wave 2s ease-in-out infinite;
  4084. }
  4085. .animate-bubble .bubble2 {
  4086. height: 80px;
  4087. width: 80px;
  4088. left: 100px;
  4089. top: 30%;
  4090. background: #ffe4b2;
  4091. -webkit-animation: wave 2s ease-in-out infinite;
  4092. animation: wave 2s ease-in-out infinite;
  4093. }
  4094. .animate-bubble .bubble3 {
  4095. height: 20px;
  4096. width: 20px;
  4097. left: 50%;
  4098. bottom: 17%;
  4099. background: #9df1bc;
  4100. -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
  4101. box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
  4102. -webkit-animation: animationFramesTwo 50s infinite linear;
  4103. animation: animationFramesTwo 50s infinite linear;
  4104. }
  4105. .animate-bubble .bubble4 {
  4106. height: 10px;
  4107. width: 10px;
  4108. left: 55%;
  4109. bottom: 50%;
  4110. background: #ffa2bd;
  4111. -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
  4112. box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
  4113. -webkit-animation: animationFramesTwo 40s infinite linear;
  4114. animation: animationFramesTwo 40s infinite linear;
  4115. }
  4116. .animate-bubble .bubble5 {
  4117. height: 18px;
  4118. width: 18px;
  4119. right: 10%;
  4120. top: 41%;
  4121. background: #ffa2bd;
  4122. -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
  4123. box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
  4124. -webkit-animation: animationFramesTwo 30s infinite linear;
  4125. animation: animationFramesTwo 30s infinite linear;
  4126. }
  4127. .animate-element-wrapper .banner-seo-animate-element {
  4128. margin: 0;
  4129. padding: 0;
  4130. list-style: none;
  4131. height: 615px;
  4132. width: 750px;
  4133. position: relative;
  4134. right: -40px;
  4135. }
  4136. .animate-element-wrapper .banner-seo-animate-element li {
  4137. position: absolute;
  4138. }
  4139. .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) {
  4140. right: 170px;
  4141. top: 130px;
  4142. z-index: 2;
  4143. }
  4144. .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) {
  4145. left: 20px;
  4146. bottom: 130px;
  4147. z-index: 1;
  4148. -webkit-animation: swing 12s infinite both;
  4149. animation: swing 12s infinite both;
  4150. -webkit-transform-origin: bottom center;
  4151. -ms-transform-origin: bottom center;
  4152. transform-origin: bottom center;
  4153. }
  4154. .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) {
  4155. right: 80px;
  4156. top: 160px;
  4157. z-index: 1;
  4158. -webkit-animation: 2s ease-in-out infinite leafMotion;
  4159. animation: 2s ease-in-out infinite leafMotion;
  4160. -webkit-transform-origin: left center;
  4161. -ms-transform-origin: left center;
  4162. transform-origin: left center;
  4163. }
  4164. .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) {
  4165. right: 0;
  4166. bottom: 90px;
  4167. }
  4168. .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) {
  4169. right: 110px;
  4170. bottom: 25px;
  4171. z-index: 3;
  4172. }
  4173. .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) {
  4174. left: 85px;
  4175. bottom: 0;
  4176. z-index: 3;
  4177. }
  4178. .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) {
  4179. bottom: 25px;
  4180. left: 85px;
  4181. z-index: 2;
  4182. }
  4183. .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) {
  4184. left: 98px;
  4185. top: 0;
  4186. z-index: 2;
  4187. -webkit-animation: jump 2.5s infinite;
  4188. animation: jump 2.5s infinite;
  4189. }
  4190. .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) {
  4191. left: 124px;
  4192. top: 250px;
  4193. z-index: 2;
  4194. -webkit-animation: 3s ease-in-out infinite leafMotion;
  4195. animation: 3s ease-in-out infinite leafMotion;
  4196. }
  4197. .animate-element-wrapper .banner-seo-animate-element li:nth-child(10) {
  4198. left: 20px;
  4199. bottom: 20px;
  4200. }
  4201. .slider-nav {
  4202. position: absolute;
  4203. top: 50%;
  4204. left: 0;
  4205. width: 100%;
  4206. -webkit-transform: translateY(-50%);
  4207. -ms-transform: translateY(-50%);
  4208. transform: translateY(-50%);
  4209. z-index: 999;
  4210. }
  4211. .slider-nav .slider-next, .slider-nav .slider-prev {
  4212. height: 100px;
  4213. width: 40px;
  4214. text-align: center;
  4215. line-height: 100px;
  4216. background: rgba(0, 0, 0, 0.5);
  4217. position: absolute;
  4218. cursor: pointer;
  4219. -webkit-transition: all 0.3s ease-in-out;
  4220. -o-transition: all 0.3s ease-in-out;
  4221. transition: all 0.3s ease-in-out;
  4222. }
  4223. .slider-nav .slider-next i, .slider-nav .slider-prev i {
  4224. font-size: 30px;
  4225. color: #fff;
  4226. }
  4227. .slider-nav .slider-next:hover, .slider-nav .slider-prev:hover {
  4228. background: #f8b137;
  4229. }
  4230. .slider-nav .slider-next {
  4231. right: 0;
  4232. }
  4233. .slider-nav .slider-prev {
  4234. left: 0;
  4235. }
  4236. .swiper-pagination {
  4237. position: relative;
  4238. margin-top: 55px;
  4239. }
  4240. .swiper-pagination .swiper-pagination-bullet {
  4241. height: 6px;
  4242. width: 6px;
  4243. -webkit-transition: all 0.3s ease-in-out;
  4244. -o-transition: all 0.3s ease-in-out;
  4245. transition: all 0.3s ease-in-out;
  4246. position: relative;
  4247. opacity: 1;
  4248. background: #dce4f2;
  4249. outline: 0;
  4250. margin: 0 6px !important;
  4251. }
  4252. .swiper-pagination .swiper-pagination-bullet:before {
  4253. content: "";
  4254. position: absolute;
  4255. top: -2px;
  4256. bottom: -2px;
  4257. left: -2px;
  4258. right: -2px;
  4259. background: #ed1f25;
  4260. border-radius: 50%;
  4261. -webkit-transform: scale(0.5);
  4262. -ms-transform: scale(0.5);
  4263. transform: scale(0.5);
  4264. opacity: 0;
  4265. -webkit-transition: all 0.3s ease-in-out;
  4266. -o-transition: all 0.3s ease-in-out;
  4267. transition: all 0.3s ease-in-out;
  4268. }
  4269. .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  4270. opacity: 1;
  4271. background: #ed1f25;
  4272. }
  4273. .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  4274. -webkit-transform: scale(1);
  4275. -ms-transform: scale(1);
  4276. transform: scale(1);
  4277. opacity: 1;
  4278. }
  4279. .swiper-pagination.style-circle {
  4280. margin-top: 0;
  4281. }
  4282. .swiper-pagination.style-circle .swiper-pagination-bullet {
  4283. height: 6px;
  4284. width: 6px;
  4285. border-radius: 50%;
  4286. background: #c6ccda;
  4287. margin: 0 7px;
  4288. }
  4289. .swiper-pagination.style-circle .swiper-pagination-bullet:before {
  4290. content: "";
  4291. position: absolute;
  4292. top: -7px;
  4293. bottom: -7px;
  4294. right: -7px;
  4295. left: -7px;
  4296. border: 1px solid #ed1f25;
  4297. border-radius: 50%;
  4298. opacity: 0;
  4299. -webkit-transform: scale(0);
  4300. -ms-transform: scale(0);
  4301. transform: scale(0);
  4302. -webkit-transition: all 0.3s ease-in-out;
  4303. -o-transition: all 0.3s ease-in-out;
  4304. transition: all 0.3s ease-in-out;
  4305. }
  4306. .swiper-pagination.style-circle .swiper-pagination-bullet.swiper-pagination-bullet-active {
  4307. background: #ed1f25;
  4308. }
  4309. .swiper-pagination.style-circle .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  4310. opacity: 1;
  4311. -webkit-transform: scale(1);
  4312. -ms-transform: scale(1);
  4313. transform: scale(1);
  4314. }
  4315. /* Banner Social*/
  4316. .banner-social {
  4317. background-image: linear-gradient(45deg, #0108338f 0, #0b174e 50%, #17225cbd 100%), url(../img/header-bg.jpg);
  4318. background-attachment: fixed;
  4319. background-repeat: no-repeat;
  4320. background-size: cover;
  4321. position: relative;
  4322. display: -webkit-box;
  4323. display: -ms-flexbox;
  4324. display: flex;
  4325. -webkit-box-align: center;
  4326. -ms-flex-align: center;
  4327. align-items: center;
  4328. -webkit-box-pack: center;
  4329. -ms-flex-pack: center;
  4330. justify-content: center;
  4331. }
  4332. @media (min-width: 992px) {
  4333. .banner-social .container {
  4334. margin-top: 130px;
  4335. }
  4336. }
  4337. .banner-social .banner-social-content .banner-title {
  4338. font-size: 55px;
  4339. color: #fff;
  4340. line-height: 65px;
  4341. font-weight: 400;
  4342. margin-bottom: 30px;
  4343. }
  4344. .banner-social .banner-social-content .banner-title span {
  4345. font-weight: 700;
  4346. }
  4347. .banner-social .banner-social-content p {
  4348. color: #fff;
  4349. margin-bottom: 50px;
  4350. }
  4351. .banner-social .banner-social-content .so-ban-btn {
  4352. background: #fff;
  4353. padding: 12px 48px;
  4354. border-radius: 30px;
  4355. color: #ed1f25;
  4356. border: 1px solid #fff;
  4357. font-weight: 500;
  4358. display: inline-block;
  4359. }
  4360. .banner-social .banner-social-content .so-ban-btn i {
  4361. margin-right: 5px;
  4362. }
  4363. .banner-social .banner-social-content .so-ban-btn:hover {
  4364. background: transparent;
  4365. color: #fff;
  4366. }
  4367. .banner-social .banner-social-content .btn-underline {
  4368. color: #fff;
  4369. font-weight: 500;
  4370. position: relative;
  4371. padding-bottom: 3px;
  4372. margin-left: 30px;
  4373. }
  4374. @media (max-width: 420px) {
  4375. .banner-social .banner-social-content .btn-underline {
  4376. display: inline-block;
  4377. margin-top: 20px;
  4378. margin-left: 0;
  4379. }
  4380. }
  4381. .banner-social .banner-social-content .btn-underline:after {
  4382. content: "";
  4383. position: absolute;
  4384. bottom: 0;
  4385. left: 0;
  4386. height: 1px;
  4387. width: 100%;
  4388. background: #fff;
  4389. }
  4390. .social-banner-feature-image {
  4391. position: absolute;
  4392. bottom: 0;
  4393. right: 70px;
  4394. }
  4395. .social-banner-element-wrapper {
  4396. position: relative;
  4397. margin-top: 30px;
  4398. }
  4399. .social-banner-element-wrapper .banner-social-animate-element {
  4400. position: relative;
  4401. width: 780px;
  4402. height: 420px;
  4403. margin: 0;
  4404. padding: 0;
  4405. list-style: none;
  4406. }
  4407. .social-banner-element-wrapper .banner-social-animate-element li {
  4408. position: absolute;
  4409. }
  4410. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) {
  4411. right: 85px;
  4412. top: -95px;
  4413. }
  4414. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
  4415. right: 10px;
  4416. top: 140px;
  4417. }
  4418. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) {
  4419. left: -7px;
  4420. top: 40px;
  4421. }
  4422. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
  4423. top: 205px;
  4424. left: 65px;
  4425. }
  4426. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
  4427. bottom: 55px;
  4428. left: 38%;
  4429. }
  4430. .banner-saas {
  4431. height: 940px;
  4432. background-image: -o-linear-gradient(350deg, #453b84 35%, #00c0cd 100%);
  4433. background-image: linear-gradient(100deg, #453b84 35%, #00c0cd 100%);
  4434. overflow: hidden;
  4435. }
  4436. @media (max-width: 991px) {
  4437. .banner-saas {
  4438. height: auto;
  4439. padding: 150px 0 100px;
  4440. }
  4441. .banner-saas .banner-content-wrap {
  4442. -webkit-transform: translateY(0);
  4443. -ms-transform: translateY(0);
  4444. transform: translateY(0);
  4445. }
  4446. }
  4447. .banner-saas .transperent-shape {
  4448. position: absolute;
  4449. top: 0;
  4450. left: 53%;
  4451. -webkit-transform: translateX(-50%);
  4452. -ms-transform: translateX(-50%);
  4453. transform: translateX(-50%);
  4454. }
  4455. .banner-saas .overlay-shape {
  4456. background-size: cover;
  4457. background-position: center center;
  4458. position: absolute;
  4459. background-repeat: no-repeat;
  4460. top: 0;
  4461. left: 0;
  4462. width: 100%;
  4463. height: 100%;
  4464. }
  4465. @media (max-width: 991px) {
  4466. .banner-saas .overlay-shape {
  4467. background-position: 18% center;
  4468. }
  4469. }
  4470. @media (max-width: 576px) {
  4471. .banner-saas .overlay-shape {
  4472. background-position: 27% center;
  4473. }
  4474. }
  4475. .banner-saas .banner-content-inner {
  4476. width: 100%;
  4477. }
  4478. @media (max-width: 991px) {
  4479. .banner-saas .banner-content-inner {
  4480. text-align: center;
  4481. margin-bottom: 40px;
  4482. }
  4483. }
  4484. .banner-saas .banner-content-inner .banner-content {
  4485. max-width: 900px;
  4486. width: 100%;
  4487. position: relative;
  4488. z-index: 2222;
  4489. }
  4490. .banner-saas .banner-content .banner-sub-title {
  4491. font-size: 14px;
  4492. text-transform: uppercase;
  4493. color: #6b6b7e;
  4494. letter-spacing: 1px;
  4495. font-weight: 500;
  4496. margin-bottom: 15px;
  4497. }
  4498. .banner-saas .banner-content .banner-title {
  4499. font-size: 50px;
  4500. line-height: 60px;
  4501. font-weight: 300;
  4502. margin-bottom: 48px;
  4503. color: #2c2c51;
  4504. }
  4505. @media (max-width: 767px) {
  4506. .banner-saas .banner-content .banner-title {
  4507. font-size: 34px;
  4508. line-height: 44px;
  4509. }
  4510. }
  4511. .banner-saas .banner-content .banner-title span {
  4512. font-weight: 700;
  4513. }
  4514. .animated-promo-mockup {
  4515. position: relative;
  4516. max-width: 820px;
  4517. width: 100%;
  4518. height: 580px;
  4519. margin-top: 40px;
  4520. }
  4521. .animated-promo-mockup > img {
  4522. position: absolute;
  4523. }
  4524. .animated-promo-mockup .mob {
  4525. left: 30%;
  4526. }
  4527. .animated-promo-mockup .tree {
  4528. right: -25%;
  4529. bottom: 45px;
  4530. }
  4531. .animated-promo-mockup .man1 {
  4532. left: -40px;
  4533. bottom: -20px;
  4534. z-index: 2;
  4535. }
  4536. .animated-promo-mockup .man2 {
  4537. right: 0;
  4538. bottom: -50px;
  4539. }
  4540. .animated-promo-mockup .cloud-one {
  4541. right: -30%;
  4542. top: 10%;
  4543. -webkit-animation: moveclouds 6s 1s linear infinite alternate;
  4544. animation: moveclouds 6s 1s linear infinite alternate;
  4545. }
  4546. .animated-promo-mockup .cloud-two {
  4547. right: 0;
  4548. top: -9%;
  4549. -webkit-animation: moveclouds 10s 1s linear infinite alternate;
  4550. animation: moveclouds 10s 1s linear infinite alternate;
  4551. }
  4552. .animated-promo-mockup .cloud-three {
  4553. left: 50px;
  4554. top: 25px;
  4555. -webkit-animation: moveclouds 15s 1s linear infinite alternate;
  4556. animation: moveclouds 15s 1s linear infinite alternate;
  4557. }
  4558. .animated-promo-mockup .line {
  4559. bottom: 0;
  4560. left: 60px;
  4561. z-index: -1;
  4562. }
  4563. @media (max-width: 1600px) {
  4564. .animated-promo-mockup {
  4565. height: 505px;
  4566. margin-top: 0;
  4567. }
  4568. .animated-promo-mockup .mob {
  4569. max-width: 280px;
  4570. bottom: 0;
  4571. }
  4572. .animated-promo-mockup .man1 {
  4573. left: -8px;
  4574. bottom: -20px;
  4575. z-index: 2;
  4576. max-width: 180px;
  4577. }
  4578. .animated-promo-mockup .man2 {
  4579. right: 21px;
  4580. bottom: -48px;
  4581. width: 150px;
  4582. }
  4583. .animated-promo-mockup .tree {
  4584. right: -15%;
  4585. bottom: 45px;
  4586. width: 90px;
  4587. }
  4588. }
  4589. @media (max-width: 991px) {
  4590. .animated-promo-mockup {
  4591. max-width: 500px;
  4592. margin: 0 auto;
  4593. }
  4594. .animated-promo-mockup .man1 {
  4595. left: -78px;
  4596. }
  4597. .animated-promo-mockup .mob {
  4598. left: 20%;
  4599. }
  4600. .animated-promo-mockup .tree {
  4601. right: -10%;
  4602. bottom: 45px;
  4603. width: 70px;
  4604. }
  4605. }
  4606. @media (max-width: 576px) {
  4607. .animated-promo-mockup {
  4608. height: 360px;
  4609. max-width: 350px;
  4610. }
  4611. .animated-promo-mockup .mob {
  4612. left: 50%;
  4613. -webkit-transform: translateX(-50%);
  4614. -ms-transform: translateX(-50%);
  4615. transform: translateX(-50%);
  4616. width: 200px;
  4617. }
  4618. .animated-promo-mockup .man1 {
  4619. left: -48px;
  4620. bottom: -10px;
  4621. z-index: 2;
  4622. max-width: 125px;
  4623. }
  4624. .animated-promo-mockup .man2 {
  4625. right: 5px;
  4626. bottom: -40px;
  4627. width: 110px;
  4628. }
  4629. .animated-promo-mockup .tree {
  4630. right: -11%;
  4631. width: 38px;
  4632. }
  4633. }
  4634. .shape-right {
  4635. position: absolute;
  4636. top: 0;
  4637. right: 0;
  4638. }
  4639. .banner-content-wrap {
  4640. position: relative;
  4641. top: 50%;
  4642. -webkit-transform: translateY(-50%);
  4643. -ms-transform: translateY(-50%);
  4644. transform: translateY(-50%);
  4645. }
  4646. .slider-nav {
  4647. position: absolute;
  4648. top: 50%;
  4649. left: 0;
  4650. width: 100%;
  4651. -webkit-transform: translateY(-50%);
  4652. -ms-transform: translateY(-50%);
  4653. transform: translateY(-50%);
  4654. z-index: 999;
  4655. }
  4656. .slider-nav .slider-next, .slider-nav .slider-prev {
  4657. height: 100px;
  4658. width: 40px;
  4659. text-align: center;
  4660. line-height: 100px;
  4661. background: rgba(0, 0, 0, 0.5);
  4662. position: absolute;
  4663. cursor: pointer;
  4664. -webkit-transition: all 0.3s ease-in-out;
  4665. -o-transition: all 0.3s ease-in-out;
  4666. transition: all 0.3s ease-in-out;
  4667. }
  4668. .slider-nav .slider-next i, .slider-nav .slider-prev i {
  4669. font-size: 30px;
  4670. color: #1b1b1b;
  4671. }
  4672. .slider-nav .slider-next:hover, .slider-nav .slider-prev:hover {
  4673. background: #f8b137;
  4674. }
  4675. .slider-nav .slider-next {
  4676. right: 0;
  4677. }
  4678. .slider-nav .slider-prev {
  4679. left: 0;
  4680. }
  4681. .section-dark .gp-testimonial .gp-testimonial-author .author-details .testi-author-name {
  4682. color: #FFF;
  4683. }
  4684. .section-dark .gp-testimonial .gp-testimonial-author .author-details span {
  4685. color: #b5b5b5;
  4686. }
  4687. .section-dark .swiper-pagination-bullet {
  4688. background: #fff;
  4689. opacity: 0.5;
  4690. }
  4691. /* Banner Agency */
  4692. .banner-agency {
  4693. background-image: -o-linear-gradient(40deg, #4d5afe 0%, #35d5fd 100%);
  4694. background-image: linear-gradient(50deg, #4d5afe 0%, #35d5fd 100%);
  4695. height: 930px;
  4696. overflow: hidden;
  4697. }
  4698. @media (max-width: 1024px) {
  4699. .banner-agency {
  4700. height: 800px;
  4701. }
  4702. }
  4703. .banner-agency .banner-shape {
  4704. position: absolute;
  4705. top: 0;
  4706. left: 0;
  4707. background-size: cover;
  4708. background-position: center;
  4709. width: 100%;
  4710. height: 100%;
  4711. }
  4712. @media (min-width: 992px) {
  4713. .banner-agency .mw-570 {
  4714. max-width: 570px;
  4715. }
  4716. }
  4717. .banner-agency .banner-agency-content {
  4718. padding: 320px 0;
  4719. z-index: 3;
  4720. position: relative;
  4721. z-index: 333;
  4722. }
  4723. @media (max-width: 1024px) {
  4724. .banner-agency .banner-agency-content {
  4725. padding: 250px 0;
  4726. }
  4727. }
  4728. .banner-agency .banner-agency-content .top-subtitle {
  4729. color: #4d5afe;
  4730. font-size: 16px;
  4731. font-weight: 400;
  4732. text-transform: uppercase;
  4733. }
  4734. .banner-agency .banner-agency-content .banner-title {
  4735. font-size: 60px;
  4736. line-height: 70px;
  4737. margin-bottom: 30px;
  4738. }
  4739. @media (max-width: 1280px) {
  4740. .banner-agency .banner-agency-content .banner-title {
  4741. font-size: 50px;
  4742. line-height: 60px;
  4743. }
  4744. }
  4745. @media (max-width: 1200px) {
  4746. .banner-agency .banner-agency-content .banner-title {
  4747. font-size: 40px;
  4748. line-height: 50px;
  4749. }
  4750. }
  4751. .banner-agency .banner-agency-content p {
  4752. font-size: 18px;
  4753. line-height: 30px;
  4754. font-weight: 400;
  4755. margin-bottom: 50px;
  4756. max-width: 540px;
  4757. }
  4758. .banner-agency .banner-agency-wrapper {
  4759. margin: 0 -754px 0 0;
  4760. }
  4761. @media (max-width: 1600px) {
  4762. .banner-agency .banner-agency-wrapper {
  4763. margin: 0 -550px 0 0;
  4764. }
  4765. }
  4766. @media (max-width: 1440px) {
  4767. .banner-agency .banner-agency-wrapper {
  4768. margin: 0 -260px 0 0;
  4769. }
  4770. }
  4771. @media (max-width: 1280px) {
  4772. .banner-agency .banner-agency-wrapper {
  4773. margin: 0 -150px 0 0;
  4774. }
  4775. }
  4776. @media (max-width: 1024px) {
  4777. .banner-agency .banner-agency-wrapper {
  4778. margin: 0;
  4779. }
  4780. }
  4781. .banner-agency .agency-banner-element-wrapper {
  4782. position: absolute;
  4783. top: 0;
  4784. right: 0;
  4785. width: 100%;
  4786. }
  4787. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element {
  4788. margin: 0;
  4789. padding: 0;
  4790. list-style: none;
  4791. position: relative;
  4792. z-index: 4;
  4793. }
  4794. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li {
  4795. position: absolute;
  4796. }
  4797. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
  4798. top: 185px;
  4799. left: 0;
  4800. max-width: 897px;
  4801. }
  4802. @media (max-width: 1600px) {
  4803. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
  4804. max-width: 750px;
  4805. }
  4806. }
  4807. @media (max-width: 1440px) {
  4808. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
  4809. max-width: 675px;
  4810. }
  4811. }
  4812. @media (max-width: 1280px) {
  4813. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
  4814. max-width: 610px;
  4815. }
  4816. }
  4817. @media (max-width: 1200px) {
  4818. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
  4819. max-width: 550px;
  4820. left: -20px;
  4821. }
  4822. }
  4823. @media (max-width: 1024px) {
  4824. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
  4825. max-width: 500px;
  4826. left: -50px;
  4827. }
  4828. }
  4829. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
  4830. top: 130px;
  4831. right: -150px;
  4832. }
  4833. @media (max-width: 1600px) {
  4834. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
  4835. right: -80px;
  4836. max-width: 340px;
  4837. }
  4838. }
  4839. @media (max-width: 1440px) {
  4840. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
  4841. top: 140px;
  4842. right: -125px;
  4843. max-width: 300px;
  4844. }
  4845. }
  4846. @media (max-width: 1280px) {
  4847. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
  4848. right: -100px;
  4849. max-width: 270px;
  4850. }
  4851. }
  4852. @media (max-width: 1200px) {
  4853. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
  4854. right: -30px;
  4855. max-width: 250px;
  4856. }
  4857. }
  4858. @media (max-width: 1024px) {
  4859. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
  4860. top: 150px;
  4861. right: -90px;
  4862. max-width: 220px;
  4863. }
  4864. }
  4865. .banner-agency .banner-pertical {
  4866. margin: 0;
  4867. padding: 0;
  4868. list-style: none;
  4869. position: absolute;
  4870. top: 0;
  4871. left: 0;
  4872. width: 100%;
  4873. height: 100%;
  4874. z-index: 1;
  4875. }
  4876. .banner-agency .banner-pertical li {
  4877. position: absolute;
  4878. }
  4879. .banner-agency .banner-pertical li.bubble1 {
  4880. background-image: -o-linear-gradient(40deg, #236efc 1%, #71f5e7 100%);
  4881. background-image: linear-gradient(50deg, #236efc 1%, #71f5e7 100%);
  4882. height: 140px;
  4883. width: 140px;
  4884. border-radius: 50%;
  4885. top: -70px;
  4886. left: 45px;
  4887. opacity: 0.7;
  4888. z-index: 1;
  4889. -webkit-animation: wave 2s 0.1s infinite linear;
  4890. animation: wave 2s 0.1s infinite linear;
  4891. }
  4892. .banner-agency .banner-pertical li.bubble2 {
  4893. background-image: -o-linear-gradient(40deg, #236efc 1%, #71f5e7 100%);
  4894. background-image: linear-gradient(50deg, #236efc 1%, #71f5e7 100%);
  4895. height: 140px;
  4896. width: 140px;
  4897. border-radius: 50%;
  4898. top: -95px;
  4899. left: 110px;
  4900. opacity: 0.1;
  4901. z-index: 2;
  4902. -webkit-animation: wave 3s 0.1s infinite linear;
  4903. animation: wave 3s 0.1s infinite linear;
  4904. }
  4905. .banner-agency .banner-pertical li.bubble3 {
  4906. background: #f773e3;
  4907. height: 40px;
  4908. width: 40px;
  4909. border-radius: 50%;
  4910. top: 55%;
  4911. left: 5%;
  4912. -webkit-animation: animetwo 40s infinite linear;
  4913. animation: animetwo 40s infinite linear;
  4914. }
  4915. .banner-agency .banner-pertical li.bubble4 {
  4916. background: #f8cc61;
  4917. height: 15px;
  4918. width: 15px;
  4919. border-radius: 50%;
  4920. left: 8%;
  4921. bottom: 35%;
  4922. -webkit-animation: animeone 40s infinite linear;
  4923. animation: animeone 40s infinite linear;
  4924. }
  4925. .banner-agency .banner-pertical li.bubble5 {
  4926. background: #42e255;
  4927. height: 20px;
  4928. width: 20px;
  4929. border-radius: 50%;
  4930. left: 45%;
  4931. bottom: 22%;
  4932. -webkit-animation: animetwo 40s infinite linear;
  4933. animation: animetwo 40s infinite linear;
  4934. }
  4935. .banner-agency .banner-pertical li.bubble6 {
  4936. background-image: -o-linear-gradient(50deg, #f3b3ce 0%, #8858af 100%);
  4937. background-image: linear-gradient(40deg, #f3b3ce 0%, #8858af 100%);
  4938. height: 160px;
  4939. width: 160px;
  4940. border-radius: 50%;
  4941. bottom: 10px;
  4942. left: 50%;
  4943. -webkit-animation: wave 2s 0.1s infinite linear;
  4944. animation: wave 2s 0.1s infinite linear;
  4945. }
  4946. @media (max-width: 991px) {
  4947. .banner-agency .banner-pertical li.bubble6 {
  4948. height: 100px;
  4949. width: 100px;
  4950. }
  4951. }
  4952. .banner-agency .banner-pertical li:nth-child(3) {
  4953. top: 220px;
  4954. left: 275px;
  4955. -webkit-animation: animethree 40s infinite linear;
  4956. animation: animethree 40s infinite linear;
  4957. width: 40px;
  4958. height: 40px;
  4959. }
  4960. .banner-agency .banner-pertical li:nth-child(4) {
  4961. top: 225px;
  4962. left: 25%;
  4963. -webkit-animation: animeone 40s infinite linear;
  4964. animation: animeone 40s infinite linear;
  4965. }
  4966. .banner-agency .banner-pertical li:nth-child(5) {
  4967. top: 50%;
  4968. left: 8%;
  4969. -webkit-animation: animeone 40s infinite linear;
  4970. animation: animeone 40s infinite linear;
  4971. width: 40px;
  4972. height: 40px;
  4973. }
  4974. .banner-agency .banner-pertical li:nth-child(6) {
  4975. bottom: 15%;
  4976. left: 29%;
  4977. -webkit-animation: animetwo 40s infinite linear;
  4978. animation: animetwo 40s infinite linear;
  4979. border: 0;
  4980. }
  4981. /* Banner Agency Two */
  4982. .banner-content-position {
  4983. height: 100%;
  4984. display: -webkit-box;
  4985. display: -ms-flexbox;
  4986. display: flex;
  4987. -webkit-box-align: center;
  4988. -ms-flex-align: center;
  4989. align-items: center;
  4990. position: relative;
  4991. z-index: 22;
  4992. }
  4993. .banner-agency-two {
  4994. background-image: url("../../media/banner/banner-agency-two.jpg");
  4995. background-size: cover;
  4996. background-position: center center;
  4997. background-repeat: no-repeat;
  4998. }
  4999. @media (max-width: 991px) {
  5000. .banner-agency-two {
  5001. height: 700px;
  5002. }
  5003. }
  5004. .banner-agency-two:before {
  5005. content: "";
  5006. position: absolute;
  5007. top: 0;
  5008. left: 0;
  5009. height: 100%;
  5010. width: 100%;
  5011. background-color: rgba(74, 16, 175, 0.7);
  5012. }
  5013. .banner-agency-two .banner-content {
  5014. max-width: 500px;
  5015. }
  5016. @media (max-width: 991px) {
  5017. .banner-agency-two .banner-content {
  5018. text-align: center;
  5019. margin: 0 auto;
  5020. }
  5021. }
  5022. .banner-agency-two .banner-content .subtitle {
  5023. font-size: 16px;
  5024. color: #fff;
  5025. font-weight: 500;
  5026. letter-spacing: 5px;
  5027. text-transform: uppercase;
  5028. }
  5029. .banner-agency-two .banner-content .banner-title {
  5030. color: #fff;
  5031. font-size: 60px;
  5032. line-height: 1.2;
  5033. font-weight: 700;
  5034. margin-bottom: 20px;
  5035. }
  5036. @media (max-width: 991px) {
  5037. .banner-agency-two .banner-content .banner-title {
  5038. font-size: 46px;
  5039. }
  5040. }
  5041. @media (max-width: 991px) {
  5042. .banner-agency-two .banner-content .banner-title {
  5043. font-size: 34px;
  5044. }
  5045. }
  5046. .banner-agency-two .banner-content .description {
  5047. color: rgba(255, 255, 255, 0.8);
  5048. margin-bottom: 42px;
  5049. }
  5050. .banner-agency-two .banner-content .banner-btn {
  5051. color: #fff;
  5052. border: 2px solid rgba(255, 255, 255, 0.4);
  5053. }
  5054. .banner-agency-two .banner-content .banner-btn:after {
  5055. background: #ed1f25;
  5056. }
  5057. .banner-agency-two .banner-content .banner-btn:hover {
  5058. border-color: #ed1f25;
  5059. }
  5060. .banner-comminity {
  5061. display: -webkit-box;
  5062. display: -ms-flexbox;
  5063. display: flex;
  5064. -webkit-box-align: center;
  5065. -ms-flex-align: center;
  5066. align-items: center;
  5067. -webkit-box-pack: center;
  5068. -ms-flex-pack: center;
  5069. justify-content: center;
  5070. height: 850px;
  5071. }
  5072. @media (max-width: 1024px) {
  5073. .banner-comminity {
  5074. height: 650px;
  5075. }
  5076. }
  5077. @media (max-width: 1024px) {
  5078. .banner-comminity {
  5079. height: 550px;
  5080. }
  5081. }
  5082. .banner-comminity .banner-main-content-wrapper {
  5083. width: 100%;
  5084. margin-top: 125px;
  5085. }
  5086. @media (max-width: 1024px) {
  5087. .banner-comminity .banner-main-content-wrapper {
  5088. margin-top: 50px;
  5089. }
  5090. }
  5091. .banner-comminity .banner-main-content-wrapper .banner-content {
  5092. padding: 0 15px;
  5093. }
  5094. .banner-comminity .banner-main-content-wrapper .banner-content .banner-title {
  5095. font-size: 50px;
  5096. line-height: 60px;
  5097. font-weight: 300;
  5098. color: #2c2c51;
  5099. margin-bottom: 45px;
  5100. }
  5101. @media (max-width: 991px) {
  5102. .banner-comminity .banner-main-content-wrapper .banner-content .banner-title {
  5103. font-size: 40px;
  5104. line-height: 50px;
  5105. }
  5106. }
  5107. @media (max-width: 767px) {
  5108. .banner-comminity .banner-main-content-wrapper .banner-content .banner-title br {
  5109. display: none;
  5110. }
  5111. }
  5112. @media (max-width: 991px) {
  5113. .banner-comminity .banner-main-content-wrapper .banner-content .banner-title {
  5114. font-size: 34px;
  5115. line-height: 44px;
  5116. }
  5117. }
  5118. .banner-comminity .banner-main-content-wrapper .banner-content .banner-title span {
  5119. font-weight: 700;
  5120. }
  5121. .banner-comminity .banner-search-form-wrapper {
  5122. position: relative;
  5123. z-index: 22;
  5124. padding: 0 20px;
  5125. }
  5126. .banner-comminity .banner-search-form-wrapper .banner-search-form {
  5127. display: -webkit-box;
  5128. display: -ms-flexbox;
  5129. display: flex;
  5130. -webkit-box-shadow: 0 20px 50px 0 rgba(8, 2, 46, 0.14), -4px 0 0 0 rgba(26, 191, 104, 0.004);
  5131. box-shadow: 0 20px 50px 0 rgba(8, 2, 46, 0.14), -4px 0 0 0 rgba(26, 191, 104, 0.004);
  5132. background: #fff;
  5133. width: 100%;
  5134. max-width: 570px;
  5135. margin: 0 auto;
  5136. border-left: 4px solid #19b565;
  5137. }
  5138. .banner-comminity .banner-search-form-wrapper .banner-search-form input {
  5139. margin: 0;
  5140. background: transparent;
  5141. height: 60px;
  5142. padding: 20px 30px 20px 27px;
  5143. }
  5144. .banner-comminity .banner-search-form-wrapper .banner-search-form input::-webkit-input-placeholder {
  5145. color: #9d9da8;
  5146. }
  5147. .banner-comminity .banner-search-form-wrapper .banner-search-form input::-moz-placeholder {
  5148. color: #9d9da8;
  5149. }
  5150. .banner-comminity .banner-search-form-wrapper .banner-search-form input:-ms-input-placeholder {
  5151. color: #9d9da8;
  5152. }
  5153. .banner-comminity .banner-search-form-wrapper .banner-search-form input::-ms-input-placeholder {
  5154. color: #9d9da8;
  5155. }
  5156. .banner-comminity .banner-search-form-wrapper .banner-search-form input::placeholder {
  5157. color: #9d9da8;
  5158. }
  5159. .banner-comminity .banner-search-form-wrapper .banner-search-form input:focus {
  5160. -webkit-box-shadow: none;
  5161. box-shadow: none;
  5162. border-color: transparent;
  5163. }
  5164. .banner-comminity .banner-search-form-wrapper .banner-search-form button {
  5165. border: 0;
  5166. background: transparent;
  5167. font-size: 24px;
  5168. padding: 0 25px 0 20px;
  5169. outline: 0;
  5170. }
  5171. .banner-comminity .banner-search-form-wrapper .banner-search-form button i {
  5172. display: inline-block;
  5173. -webkit-transform: rotate(-90deg);
  5174. -ms-transform: rotate(-90deg);
  5175. transform: rotate(-90deg);
  5176. }
  5177. .banner-comminity .banner-search-form-wrapper .banner-search-form button:hover {
  5178. color: #ed1f25;
  5179. }
  5180. .banner-comminity .banner-content-bg {
  5181. margin-top: -150px;
  5182. }
  5183. @media (max-width: 991px) {
  5184. .banner-comminity .banner-content-bg {
  5185. margin-top: -85px;
  5186. }
  5187. }
  5188. @media (max-width: 767px) {
  5189. .banner-comminity .banner-content-bg {
  5190. margin-top: -55px;
  5191. }
  5192. }
  5193. @media (max-width: 1600px) {
  5194. .animate-element-wrapper .banner-seo-animate-element {
  5195. right: 50px;
  5196. }
  5197. .social-banner-element-wrapper {
  5198. position: relative;
  5199. }
  5200. .social-banner-element-wrapper .banner-social-animate-element {
  5201. position: relative;
  5202. width: 680px;
  5203. height: 375px;
  5204. margin: 0;
  5205. padding: 0;
  5206. list-style: none;
  5207. }
  5208. .social-banner-element-wrapper .banner-social-animate-element li {
  5209. position: absolute;
  5210. }
  5211. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) {
  5212. right: 65px;
  5213. top: -80px;
  5214. }
  5215. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img {
  5216. width: 390px;
  5217. }
  5218. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
  5219. right: 0;
  5220. top: 130px;
  5221. }
  5222. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img {
  5223. width: 300px;
  5224. }
  5225. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) {
  5226. left: 0;
  5227. top: 50px;
  5228. }
  5229. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) img {
  5230. width: 200px;
  5231. }
  5232. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
  5233. top: 185px;
  5234. left: 60px;
  5235. }
  5236. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img {
  5237. width: 225px;
  5238. }
  5239. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
  5240. bottom: 45px;
  5241. left: 39%;
  5242. }
  5243. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img {
  5244. width: 130px;
  5245. }
  5246. }
  5247. @media (max-width: 1400px) {
  5248. .animate-element-wrapper .banner-seo-animate-element {
  5249. right: 50px;
  5250. height: 550px;
  5251. width: 650px;
  5252. }
  5253. .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) {
  5254. right: 90px;
  5255. }
  5256. .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) img {
  5257. width: 110px;
  5258. }
  5259. .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) {
  5260. top: 190px;
  5261. right: 0;
  5262. }
  5263. .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) img {
  5264. width: 100px;
  5265. }
  5266. .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) {
  5267. right: -20px;
  5268. bottom: 20px;
  5269. }
  5270. .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) img {
  5271. width: 180px;
  5272. }
  5273. .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) {
  5274. right: 40px;
  5275. bottom: -35px;
  5276. }
  5277. .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) img {
  5278. width: 110px;
  5279. }
  5280. .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) {
  5281. bottom: -50px;
  5282. }
  5283. .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) img {
  5284. width: 105px;
  5285. }
  5286. .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) {
  5287. bottom: -40px;
  5288. }
  5289. .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) {
  5290. left: 92px;
  5291. }
  5292. .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) img {
  5293. width: 180px;
  5294. }
  5295. .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) {
  5296. left: 116px;
  5297. top: 200px;
  5298. }
  5299. .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) img {
  5300. width: 80px;
  5301. }
  5302. .banner-social {
  5303. height: 800px;
  5304. padding: 280px 0 190px;
  5305. }
  5306. .social-banner-element-wrapper {
  5307. position: relative;
  5308. }
  5309. .social-banner-element-wrapper .banner-social-animate-element {
  5310. position: relative;
  5311. width: 600px;
  5312. margin: 0;
  5313. padding: 0;
  5314. list-style: none;
  5315. }
  5316. .social-banner-element-wrapper .banner-social-animate-element li {
  5317. position: absolute;
  5318. }
  5319. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) {
  5320. right: 70px;
  5321. top: -60px;
  5322. }
  5323. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img {
  5324. width: 330px;
  5325. }
  5326. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
  5327. right: 10px;
  5328. top: 125px;
  5329. }
  5330. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img {
  5331. width: 245px;
  5332. }
  5333. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) {
  5334. left: 0;
  5335. top: 50px;
  5336. }
  5337. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) img {
  5338. width: 165px;
  5339. }
  5340. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
  5341. top: 165px;
  5342. left: 55px;
  5343. }
  5344. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img {
  5345. width: 200px;
  5346. }
  5347. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
  5348. bottom: 83px;
  5349. left: 39%;
  5350. }
  5351. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img {
  5352. width: 100px;
  5353. }
  5354. }
  5355. @media (max-width: 1280px) {
  5356. .banner-social {
  5357. height: 800px;
  5358. padding: 240px 0 190px;
  5359. }
  5360. .banner-social .banner-social-content .banner-title {
  5361. font-size: 50px;
  5362. line-height: 60px;
  5363. }
  5364. .social-banner-element-wrapper {
  5365. position: relative;
  5366. }
  5367. .social-banner-element-wrapper .banner-social-animate-element {
  5368. position: relative;
  5369. width: 500px;
  5370. height: 300px;
  5371. margin-left: auto;
  5372. }
  5373. .social-banner-element-wrapper .banner-social-animate-element li {
  5374. position: absolute;
  5375. }
  5376. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) {
  5377. right: 65px;
  5378. top: -50px;
  5379. }
  5380. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img {
  5381. width: 270px;
  5382. }
  5383. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
  5384. right: 13px;
  5385. top: 106px;
  5386. }
  5387. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img {
  5388. width: 200px;
  5389. }
  5390. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) {
  5391. left: 0;
  5392. top: 41px;
  5393. }
  5394. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) img {
  5395. width: 140px;
  5396. }
  5397. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
  5398. top: 140px;
  5399. left: 50px;
  5400. }
  5401. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img {
  5402. width: 160px;
  5403. }
  5404. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
  5405. bottom: 57px;
  5406. left: 39%;
  5407. }
  5408. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img {
  5409. width: 80px;
  5410. }
  5411. }
  5412. @media (max-width: 1200px) {
  5413. .banner-feature-image .banner-animate-element {
  5414. width: 430px;
  5415. }
  5416. .banner-seo {
  5417. padding: 170px 0;
  5418. }
  5419. .banner-seo .banner-content .banner-title {
  5420. font-size: 40px;
  5421. line-height: 55px;
  5422. }
  5423. .animate-element-wrapper .banner-seo-animate-element {
  5424. right: 50px;
  5425. right: 50px;
  5426. height: 480px;
  5427. width: 580px;
  5428. }
  5429. .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) {
  5430. right: 0;
  5431. width: 100%;
  5432. text-align: center;
  5433. }
  5434. .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) img {
  5435. width: 380px;
  5436. }
  5437. .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) img {
  5438. width: 110px;
  5439. }
  5440. .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) {
  5441. top: 190px;
  5442. right: 20px;
  5443. }
  5444. .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) img {
  5445. width: 100px;
  5446. }
  5447. .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) {
  5448. right: -20px;
  5449. bottom: 20px;
  5450. }
  5451. .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) img {
  5452. width: 180px;
  5453. }
  5454. .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) {
  5455. right: 40px;
  5456. bottom: -35px;
  5457. }
  5458. .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) img {
  5459. width: 110px;
  5460. }
  5461. .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) {
  5462. bottom: -50px;
  5463. }
  5464. .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) img {
  5465. width: 105px;
  5466. }
  5467. .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) {
  5468. bottom: -40px;
  5469. }
  5470. .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) {
  5471. left: 75px;
  5472. }
  5473. .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) img {
  5474. width: 180px;
  5475. }
  5476. .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) {
  5477. left: 100px;
  5478. top: 200px;
  5479. }
  5480. .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) img {
  5481. width: 80px;
  5482. }
  5483. }
  5484. @media (max-width: 991px) {
  5485. .banner-analytics {
  5486. padding-bottom: 100px;
  5487. }
  5488. .banner-analytics .banner-content {
  5489. text-align: center;
  5490. }
  5491. .banner-analytics .banner-content h2 {
  5492. font-size: 34px;
  5493. line-height: 42px;
  5494. }
  5495. .banner-analytics .banner-feature-image {
  5496. padding-top: 100px;
  5497. }
  5498. .banner-feature-image {
  5499. padding-top: 150px;
  5500. margin-bottom: 40px;
  5501. }
  5502. .banner-feature-image .banner-animate-element {
  5503. margin: 0 auto;
  5504. height: 380px;
  5505. }
  5506. .banner-feature-image .banner-animate-element li:nth-child(1) {
  5507. width: 200px;
  5508. right: 80px;
  5509. }
  5510. .banner-feature-image .banner-animate-element li:nth-child(2) {
  5511. right: 50px;
  5512. bottom: 20px;
  5513. width: 55px;
  5514. }
  5515. .banner-feature-image .banner-animate-element li:nth-child(3) {
  5516. left: 20px;
  5517. width: 110px;
  5518. }
  5519. .banner-feature-image .banner-animate-element li:nth-child(4) {
  5520. top: 80px;
  5521. left: 95px;
  5522. width: 85px;
  5523. }
  5524. .banner-feature-image .banner-animate-element li:nth-child(5) {
  5525. right: 145px;
  5526. bottom: 45px;
  5527. width: 40px;
  5528. }
  5529. .banner-feature-image .banner-animate-element li:nth-child(6) {
  5530. bottom: 30px;
  5531. right: 110px;
  5532. width: 40px;
  5533. }
  5534. .banner-feature-image .banner-animate-element li:nth-child(7) {
  5535. right: -20px;
  5536. top: -30px;
  5537. }
  5538. .banner-feature-image .banner-animate-element li:nth-child(8) {
  5539. right: 40px;
  5540. top: 100px;
  5541. }
  5542. .banner-feature-image .banner-animate-element li:nth-child(9) {
  5543. right: -7px;
  5544. top: 78px;
  5545. }
  5546. .banner-feature-image .banner-animate-element li:nth-child(10) {
  5547. right: 48px;
  5548. top: 50px;
  5549. }
  5550. .banner-feature-image .banner-animate-element li:nth-child(11) {
  5551. right: 75px;
  5552. top: -15px;
  5553. }
  5554. .bmt-100 {
  5555. margin-top: 0;
  5556. }
  5557. .banner-bg-half {
  5558. width: 100%;
  5559. }
  5560. .banner-seo {
  5561. padding: 100px 0;
  5562. height: 1020px;
  5563. }
  5564. .banner-seo .banner-bg {
  5565. background-position: right center;
  5566. }
  5567. .banner-seo .banner-content {
  5568. text-align: center;
  5569. margin-bottom: 30px;
  5570. }
  5571. .banner-seo .banner-content .banner-title {
  5572. font-size: 40px;
  5573. line-height: 55px;
  5574. color: #fff;
  5575. }
  5576. .banner-seo .banner-content p {
  5577. color: #fff;
  5578. }
  5579. .animate-element-wrapper .banner-seo-animate-element {
  5580. margin: 0 auto;
  5581. right: 0;
  5582. }
  5583. .animate-bubble .bubble1 {
  5584. height: 100px;
  5585. width: 100px;
  5586. left: -35px;
  5587. }
  5588. .animate-bubble .bubble2 {
  5589. height: 50px;
  5590. width: 50px;
  5591. left: 0;
  5592. }
  5593. .banner-social {
  5594. height: auto;
  5595. padding: 120px 0 80px;
  5596. }
  5597. .banner-social-content {
  5598. text-align: center;
  5599. }
  5600. .social-banner-element-wrapper {
  5601. margin-top: 0;
  5602. }
  5603. .social-banner-element-wrapper .banner-social-animate-element {
  5604. margin: auto;
  5605. }
  5606. }
  5607. @media (max-width: 576px) {
  5608. .banner-seo {
  5609. height: auto;
  5610. }
  5611. .banner-seo .banner-content .banner-title {
  5612. font-size: 30px;
  5613. line-height: 40px;
  5614. color: #fff;
  5615. }
  5616. .banner-seo .banner-content p br {
  5617. display: none;
  5618. }
  5619. .animate-element-wrapper .banner-seo-animate-element {
  5620. right: 0;
  5621. height: 360px;
  5622. width: 320px;
  5623. }
  5624. .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) {
  5625. right: 0;
  5626. width: 100%;
  5627. top: 80px;
  5628. text-align: center;
  5629. }
  5630. .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) img {
  5631. width: 280px;
  5632. }
  5633. .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) {
  5634. left: -47px;
  5635. bottom: 90px;
  5636. }
  5637. .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) img {
  5638. width: 90px;
  5639. }
  5640. .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) {
  5641. top: 140px;
  5642. right: -40px;
  5643. }
  5644. .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) img {
  5645. width: 85px;
  5646. }
  5647. .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) {
  5648. right: -38px;
  5649. bottom: 40px;
  5650. }
  5651. .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) img {
  5652. width: 100px;
  5653. }
  5654. .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) {
  5655. right: -5px;
  5656. bottom: -35px;
  5657. }
  5658. .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) img {
  5659. width: 85px;
  5660. }
  5661. .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) {
  5662. bottom: -27px;
  5663. left: 17px;
  5664. }
  5665. .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) img {
  5666. width: 80px;
  5667. }
  5668. .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) {
  5669. bottom: -25px;
  5670. left: 0;
  5671. }
  5672. .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) img {
  5673. width: 180px;
  5674. }
  5675. .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) {
  5676. left: 2px;
  5677. }
  5678. .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) img {
  5679. width: 130px;
  5680. }
  5681. .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) {
  5682. left: 21px;
  5683. top: 140px;
  5684. }
  5685. .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) img {
  5686. width: 55px;
  5687. }
  5688. .animate-element-wrapper .banner-seo-animate-element li:nth-child(10) {
  5689. left: -45px;
  5690. bottom: -25px;
  5691. }
  5692. .animate-element-wrapper .banner-seo-animate-element li:nth-child(10) img {
  5693. width: 40px;
  5694. }
  5695. .banner-social .banner-social-content .banner-title {
  5696. font-size: 35px;
  5697. line-height: 45px;
  5698. }
  5699. .banner-social .banner-social-content p br {
  5700. display: none;
  5701. }
  5702. .social-banner-element-wrapper .banner-social-animate-element {
  5703. width: 400px;
  5704. }
  5705. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) {
  5706. top: 0;
  5707. }
  5708. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img {
  5709. width: 170px;
  5710. }
  5711. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
  5712. right: 0px;
  5713. top: 90px;
  5714. }
  5715. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img {
  5716. width: 150px;
  5717. }
  5718. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
  5719. top: 110px;
  5720. left: 85px;
  5721. }
  5722. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img {
  5723. width: 110px;
  5724. }
  5725. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
  5726. bottom: 90px;
  5727. left: 45%;
  5728. }
  5729. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img {
  5730. width: 60px;
  5731. }
  5732. }
  5733. @media (max-width: 480px) {
  5734. .bmt-100 {
  5735. margin-top: 50px;
  5736. }
  5737. .home-analytics .banner-content h2 {
  5738. font-size: 28px;
  5739. line-height: 38px;
  5740. }
  5741. .home-analytics .banner-content .banner-button .gp-btn {
  5742. display: block;
  5743. max-width: 220px;
  5744. margin: 0 auto 30px;
  5745. }
  5746. .banner-feature-image .banner-animate-element {
  5747. margin: 0 auto;
  5748. height: 300px;
  5749. width: 300px;
  5750. }
  5751. .banner-feature-image .banner-animate-element li:nth-child(1) {
  5752. width: 150px;
  5753. right: 55px;
  5754. }
  5755. .banner-feature-image .banner-animate-element li:nth-child(2) {
  5756. right: 30px;
  5757. bottom: 20px;
  5758. width: 45px;
  5759. }
  5760. .banner-feature-image .banner-animate-element li:nth-child(3) {
  5761. left: 0;
  5762. width: 80px;
  5763. }
  5764. .banner-feature-image .banner-animate-element li:nth-child(4) {
  5765. top: 60px;
  5766. left: 55px;
  5767. width: 60px;
  5768. }
  5769. .banner-feature-image .banner-animate-element li:nth-child(5) {
  5770. right: 110px;
  5771. bottom: 54px;
  5772. width: 30px;
  5773. }
  5774. .banner-feature-image .banner-animate-element li:nth-child(6) {
  5775. bottom: 40px;
  5776. right: 83px;
  5777. width: 30px;
  5778. }
  5779. .banner-feature-image .banner-animate-element li:nth-child(7) {
  5780. right: -20px;
  5781. top: -15px;
  5782. width: 130px;
  5783. }
  5784. .banner-feature-image .banner-animate-element li:nth-child(8) {
  5785. right: 20px;
  5786. top: 85px;
  5787. width: 20px;
  5788. }
  5789. .banner-feature-image .banner-animate-element li:nth-child(9) {
  5790. right: -13px;
  5791. top: 52px;
  5792. width: 20px;
  5793. }
  5794. .banner-feature-image .banner-animate-element li:nth-child(10) {
  5795. right: 25px;
  5796. top: 50px;
  5797. width: 20px;
  5798. }
  5799. .banner-feature-image .banner-animate-element li:nth-child(11) {
  5800. right: 40px;
  5801. top: -15px;
  5802. width: 20px;
  5803. }
  5804. }
  5805. @media (max-width: 420px) {
  5806. .social-banner-element-wrapper .banner-social-animate-element {
  5807. width: 300px;
  5808. height: 200px;
  5809. }
  5810. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) {
  5811. top: 25px;
  5812. }
  5813. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img {
  5814. width: 120px;
  5815. }
  5816. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
  5817. top: 70px;
  5818. }
  5819. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img {
  5820. width: 100px;
  5821. }
  5822. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) img {
  5823. width: 100px;
  5824. }
  5825. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
  5826. top: 100px;
  5827. left: 58px;
  5828. }
  5829. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img {
  5830. width: 85px;
  5831. }
  5832. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
  5833. bottom: 25px;
  5834. }
  5835. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img {
  5836. width: 60px;
  5837. }
  5838. }
  5839. /*--------------------------------------------------------------
  5840. ## About
  5841. --------------------------------------------------------------*/
  5842. .feature-agency {
  5843. padding: 195px 0 100px;
  5844. }
  5845. @media (max-width: 991px) {
  5846. .feature-agency {
  5847. padding: 100px 0 50px;
  5848. }
  5849. }
  5850. .about {
  5851. padding-top: 65px;
  5852. }
  5853. @media (max-width: 991px) {
  5854. .about {
  5855. padding-top: 0;
  5856. }
  5857. }
  5858. .about-single {
  5859. padding: 120px 0;
  5860. }
  5861. @media (max-width: 768px) {
  5862. .about-single {
  5863. padding: 80px 0;
  5864. }
  5865. }
  5866. .icon-lists {
  5867. margin: 0;
  5868. padding: 0;
  5869. list-style: none;
  5870. }
  5871. .icon-lists li {
  5872. font-size: 18px;
  5873. line-height: 35px;
  5874. }
  5875. .icon-lists li i {
  5876. margin-right: 20px;
  5877. color: #ed1f25;
  5878. }
  5879. .icon-lists.color-eight li {
  5880. color: #373d46;
  5881. }
  5882. .icon-lists.color-eight li i {
  5883. color: #4d5afe !important;
  5884. }
  5885. .about-feature-image {
  5886. position: relative;
  5887. padding-top: 90px;
  5888. z-index: 222;
  5889. }
  5890. @media (max-width: 1024px) {
  5891. .about-feature-image {
  5892. padding-left: 50px;
  5893. }
  5894. }
  5895. .about-feature-image .top-content {
  5896. position: absolute;
  5897. top: 0;
  5898. left: 0;
  5899. width: 375px;
  5900. height: 330px;
  5901. background-image: -o-linear-gradient(40deg, #4d5afe 0%, #818afb 100%);
  5902. background-image: linear-gradient(50deg, #4d5afe 0%, #818afb 100%);
  5903. padding: 100px 70px;
  5904. z-index: 2;
  5905. }
  5906. @media (max-width: 1024px) {
  5907. .about-feature-image .top-content {
  5908. width: 300px;
  5909. height: 260px;
  5910. padding: 65px 70px;
  5911. }
  5912. }
  5913. .about-feature-image .top-content.bg-gradient-two {
  5914. background-image: -o-linear-gradient(30deg, #ff5e85 0%, #464ac9 100%);
  5915. background-image: linear-gradient(60deg, #ff5e85 0%, #464ac9 100%);
  5916. }
  5917. .about-feature-image .top-content .ab-top-subtitle {
  5918. font-size: 16px;
  5919. font-weight: 400;
  5920. color: #fff;
  5921. text-transform: uppercase;
  5922. margin-bottom: 27px;
  5923. }
  5924. .about-feature-image .top-content .ab-subtitle {
  5925. font-size: 30px;
  5926. font-weight: 800;
  5927. color: #fff;
  5928. line-height: 40px;
  5929. }
  5930. .about-feature-image .image-wrapper {
  5931. text-align: right;
  5932. }
  5933. @media (max-width: 991px) {
  5934. .about-feature-image .image-wrapper {
  5935. text-align: left;
  5936. }
  5937. }
  5938. .about-feature-image.style-two {
  5939. padding-top: 0;
  5940. max-width: 570px;
  5941. }
  5942. @media (max-width: 991px) {
  5943. .about-feature-image.style-two {
  5944. margin: 0 auto;
  5945. }
  5946. }
  5947. .about-feature-image.style-two .image-wrapper {
  5948. position: relative;
  5949. z-index: 22;
  5950. padding: 40px 0 45px 70px;
  5951. }
  5952. .about-feature-image.style-two .image-wrapper img {
  5953. -webkit-box-shadow: 0px 40px 60px 0px rgba(14, 1, 37, 0.14);
  5954. box-shadow: 0px 40px 60px 0px rgba(14, 1, 37, 0.14);
  5955. }
  5956. @media (max-width: 440px) {
  5957. .about-feature-image.style-two .image-wrapper {
  5958. padding: 30px 20px 25px 15px;
  5959. }
  5960. }
  5961. .about-feature-image.style-two .circle-half {
  5962. background: #8340fd;
  5963. display: inline-block;
  5964. margin: 0 1em 1em 0;
  5965. position: absolute;
  5966. left: 0;
  5967. top: 0;
  5968. }
  5969. .about-feature-image.style-two .circle-half {
  5970. height: 460px;
  5971. width: 230px;
  5972. }
  5973. @media (max-width: 576px) {
  5974. .about-feature-image.style-two .circle-half {
  5975. height: 360px;
  5976. width: 190px;
  5977. }
  5978. }
  5979. @media (max-width: 576px) {
  5980. .about-feature-image.style-two .circle-half {
  5981. height: 270px;
  5982. width: 140px;
  5983. }
  5984. }
  5985. .about-feature-image.style-two .circle-half {
  5986. border-bottom-left-radius: 460px;
  5987. border-top-left-radius: 460px;
  5988. }
  5989. .about-feature-image.style-two .dot {
  5990. position: absolute;
  5991. right: -30px;
  5992. bottom: 0;
  5993. }
  5994. .about-feature-image.style-two .dot img {
  5995. -webkit-animation: wave 2s 0.1s infinite linear;
  5996. animation: wave 2s 0.1s infinite linear;
  5997. }
  5998. .about-content-wrapper {
  5999. margin-top: 100px;
  6000. padding-left: 69px;
  6001. position: relative;
  6002. z-index: 2;
  6003. }
  6004. @media (max-width: 991px) {
  6005. .about-content-wrapper {
  6006. padding-left: 0;
  6007. }
  6008. }
  6009. .about-content-wrapper .about-title {
  6010. font-size: 39px;
  6011. line-height: 50px;
  6012. color: #373d46;
  6013. font-weight: 800;
  6014. margin-bottom: 30px;
  6015. }
  6016. @media (max-width: 1024px) {
  6017. .about-content-wrapper .about-title br {
  6018. display: none;
  6019. }
  6020. }
  6021. @media (max-width: 991px) {
  6022. .about-content-wrapper .about-title {
  6023. font-size: 34px;
  6024. line-height: 44px;
  6025. }
  6026. }
  6027. .about-content-wrapper p {
  6028. margin-bottom: 36px;
  6029. }
  6030. .about-content-wrapper .icon-lists {
  6031. margin-bottom: 40px;
  6032. }
  6033. .about-content-wrapper .icon-lists li i {
  6034. color: #ed1f25;
  6035. }
  6036. .about-content-wrapper .icon-lists.color-theme li i {
  6037. color: #ed1f25;
  6038. }
  6039. .about-content-wrapper.style-two {
  6040. margin-top: -24px;
  6041. }
  6042. @media (max-width: 991px) {
  6043. .about-content-wrapper.style-two {
  6044. padding-left: 0;
  6045. text-align: center;
  6046. }
  6047. }
  6048. .about-content-wrapper.style-two .section-heading {
  6049. margin-bottom: 15px;
  6050. }
  6051. @media (max-width: 991px) {
  6052. .about-content-wrapper.style-two .section-heading {
  6053. text-align: center !important;
  6054. }
  6055. }
  6056. .about-content-wrapper.style-two .lead-content {
  6057. font-size: 24px;
  6058. color: #706c79;
  6059. line-height: 34px;
  6060. margin-bottom: 25px;
  6061. }
  6062. @media (max-width: 991px) {
  6063. .about-content-wrapper.style-two .lead-content {
  6064. font-size: 18px;
  6065. line-height: 28px;
  6066. }
  6067. }
  6068. .about-content-wrapper.style-two .description {
  6069. margin-bottom: 43px;
  6070. }
  6071. .about-content-wrapper.style-two .gp-btn {
  6072. padding: 11px 30px;
  6073. }
  6074. .about-two {
  6075. padding: 90px 0 100px;
  6076. }
  6077. /*--------------------------------------------------------------
  6078. ## Intro Video
  6079. --------------------------------------------------------------*/
  6080. .intro-video {
  6081. position: relative;
  6082. padding: 120px 0 150px;
  6083. overflow: hidden;
  6084. }
  6085. @media (max-width: 991px) {
  6086. .intro-video {
  6087. padding: 80px 0;
  6088. }
  6089. }
  6090. .intro-video .popup-video-warapper {
  6091. -webkit-box-flex: 2;
  6092. -ms-flex: 2;
  6093. flex: 2;
  6094. z-index: 2;
  6095. }
  6096. .intro-video .popup-video-warapper .video-shape-right {
  6097. position: absolute;
  6098. right: 0;
  6099. bottom: 0;
  6100. z-index: 1;
  6101. }
  6102. @media (max-width: 991px) {
  6103. .intro-video .popup-video-warapper {
  6104. -webkit-box-flex: 1;
  6105. -ms-flex: auto;
  6106. flex: auto;
  6107. }
  6108. }
  6109. .intro-video.color-theme {
  6110. padding: 43px 0 150px;
  6111. }
  6112. .intro-video.color-theme .video-content-wrapper .subtitle {
  6113. color: #ed1f25;
  6114. }
  6115. .intro-video.color-theme .intro-video-inner .popup-video i {
  6116. color: #ed1f25;
  6117. }
  6118. .intro-video-two .intro-video-inner {
  6119. -webkit-box-shadow: none;
  6120. box-shadow: none;
  6121. border-radius: 0;
  6122. }
  6123. .video-content-wrapper {
  6124. max-width: 470px;
  6125. }
  6126. @media (max-width: 991px) {
  6127. .video-content-wrapper {
  6128. padding-bottom: 80px;
  6129. max-width: 100%;
  6130. }
  6131. }
  6132. .video-content-wrapper .subtitle {
  6133. font-size: 16px;
  6134. text-transform: uppercase;
  6135. color: #4d5afe;
  6136. font-weight: 400;
  6137. letter-spacing: 3px;
  6138. }
  6139. .video-content-wrapper .title {
  6140. font-size: 40px;
  6141. line-height: 54px;
  6142. font-weight: 800;
  6143. margin-bottom: 30px;
  6144. }
  6145. @media (max-width: 576px) {
  6146. .video-content-wrapper .title {
  6147. font-size: 28px;
  6148. line-height: 38px;
  6149. }
  6150. .video-content-wrapper .title br {
  6151. display: none;
  6152. }
  6153. }
  6154. .video-content-wrapper p {
  6155. margin-bottom: 48px;
  6156. color: #6a7695;
  6157. }
  6158. .mw-670 {
  6159. max-width: 670px;
  6160. }
  6161. .intro-video-wrapper {
  6162. margin: 0 -350px 0 0;
  6163. }
  6164. @media (max-width: 1200px) {
  6165. .intro-video-wrapper {
  6166. margin: 0 -50px 0 0;
  6167. }
  6168. }
  6169. @media (max-width: 1200px) {
  6170. .intro-video-wrapper {
  6171. margin: 0;
  6172. }
  6173. }
  6174. .intro-video-inner {
  6175. position: relative;
  6176. border-radius: 6px;
  6177. overflow: hidden;
  6178. z-index: 2;
  6179. -webkit-box-shadow: 0px 40px 60px 0px rgba(3, 24, 61, 0.14);
  6180. box-shadow: 0px 40px 60px 0px rgba(3, 24, 61, 0.14);
  6181. }
  6182. .intro-video-inner img {
  6183. width: 100%;
  6184. }
  6185. .intro-video-inner .popup-video {
  6186. position: absolute;
  6187. top: 50%;
  6188. left: 50%;
  6189. height: 80px;
  6190. width: 80px;
  6191. display: inline-block;
  6192. text-align: center;
  6193. line-height: 86px;
  6194. background: #fff;
  6195. border-radius: 50%;
  6196. -webkit-box-shadow: 0px 20px 40px 0px rgba(77, 90, 254, 0.14);
  6197. box-shadow: 0px 20px 40px 0px rgba(77, 90, 254, 0.14);
  6198. -webkit-transform: translate(-50%, -50%);
  6199. -ms-transform: translate(-50%, -50%);
  6200. transform: translate(-50%, -50%);
  6201. }
  6202. .intro-video-inner .popup-video i {
  6203. font-size: 40px;
  6204. margin-left: 6px;
  6205. }
  6206. .intro-video-inner .popup-video:before {
  6207. content: "";
  6208. height: 100px;
  6209. width: 100px;
  6210. position: absolute;
  6211. left: -10px;
  6212. top: -10px;
  6213. border: 1px solid rgba(255, 255, 255, 0.4);
  6214. border-radius: 50%;
  6215. -webkit-animation: videoBtnAnim 3s linear infinite;
  6216. animation: videoBtnAnim 3s linear infinite;
  6217. display: block;
  6218. }
  6219. .intro-video-inner .popup-video:after {
  6220. content: "";
  6221. position: absolute;
  6222. left: -30px;
  6223. top: -30px;
  6224. height: 140px;
  6225. width: 140px;
  6226. border: 1px solid rgba(255, 255, 255, 0.4);
  6227. border-radius: 50%;
  6228. -webkit-animation: videoBtnAnim 5s linear infinite;
  6229. animation: videoBtnAnim 5s linear infinite;
  6230. display: block;
  6231. }
  6232. @-webkit-keyframes videoBtnAnim {
  6233. 0% {
  6234. -webkit-transform: scale(0.8);
  6235. transform: scale(0.8);
  6236. }
  6237. 25% {
  6238. -webkit-transform: scale(1);
  6239. transform: scale(1);
  6240. }
  6241. 50% {
  6242. -webkit-transform: scale(1.2);
  6243. transform: scale(1.2);
  6244. }
  6245. 75% {
  6246. -webkit-transform: scale(1);
  6247. transform: scale(1);
  6248. }
  6249. to {
  6250. -webkit-transform: scale(0.8);
  6251. transform: scale(0.8);
  6252. }
  6253. }
  6254. @keyframes videoBtnAnim {
  6255. 0% {
  6256. -webkit-transform: scale(0.8);
  6257. transform: scale(0.8);
  6258. }
  6259. 25% {
  6260. -webkit-transform: scale(1);
  6261. transform: scale(1);
  6262. }
  6263. 50% {
  6264. -webkit-transform: scale(1.2);
  6265. transform: scale(1.2);
  6266. }
  6267. 75% {
  6268. -webkit-transform: scale(1);
  6269. transform: scale(1);
  6270. }
  6271. to {
  6272. -webkit-transform: scale(0.8);
  6273. transform: scale(0.8);
  6274. }
  6275. }
  6276. .popup-video-warapper-two .intro-video-inner .popup-video.style-two {
  6277. -webkit-box-shadow: 0px 20px 40px 0px rgba(1, 33, 26, 0.2);
  6278. box-shadow: 0px 20px 40px 0px rgba(1, 33, 26, 0.2);
  6279. background: #fff;
  6280. height: 100px;
  6281. width: 100px;
  6282. line-height: 105px;
  6283. }
  6284. .popup-video-warapper-two .intro-video-inner .popup-video.style-two i {
  6285. color: #ed1f25;
  6286. }
  6287. .popup-video-warapper-two .intro-video-inner .popup-video.style-two:before {
  6288. height: 110px;
  6289. width: 110px;
  6290. left: -5px;
  6291. top: -5px;
  6292. border: 1px solid rgba(255, 255, 255, 0.6);
  6293. }
  6294. .popup-video-warapper-two .intro-video-inner .popup-video.style-two:after {
  6295. left: -15px;
  6296. top: -15px;
  6297. height: 130px;
  6298. width: 130px;
  6299. border: 1px solid rgba(255, 255, 255, 0.6);
  6300. }
  6301. .intro-video-two {
  6302. overflow: hidden;
  6303. }
  6304. .video-content-wrapper-two {
  6305. padding-left: 130px;
  6306. }
  6307. @media (max-width: 1400px) {
  6308. .video-content-wrapper-two {
  6309. padding-left: 0;
  6310. }
  6311. }
  6312. @media (max-width: 1280px) {
  6313. .video-content-wrapper-two {
  6314. padding: 70px 15px;
  6315. }
  6316. }
  6317. .video-content-wrapper-two .title {
  6318. font-size: 40px;
  6319. line-height: 50px;
  6320. font-weight: 800;
  6321. margin-bottom: 22px;
  6322. }
  6323. @media (max-width: 576px) {
  6324. .video-content-wrapper-two .title {
  6325. font-size: 28px;
  6326. line-height: 38px;
  6327. }
  6328. .video-content-wrapper-two .title br {
  6329. display: none;
  6330. }
  6331. }
  6332. .video-content-wrapper-two p {
  6333. margin-bottom: 43px;
  6334. }
  6335. @media (max-width: 576px) {
  6336. .video-content-wrapper-two p br {
  6337. display: none;
  6338. }
  6339. }
  6340. .people-box {
  6341. border-radius: 6px;
  6342. background-color: white;
  6343. -webkit-box-shadow: 0px 3px 6px 0px rgba(1, 33, 26, 0.06);
  6344. box-shadow: 0px 3px 6px 0px rgba(1, 33, 26, 0.06);
  6345. display: -webkit-box;
  6346. display: -ms-flexbox;
  6347. display: flex;
  6348. -webkit-box-align: center;
  6349. -ms-flex-align: center;
  6350. align-items: center;
  6351. max-width: 370px;
  6352. padding: 10px 20px;
  6353. margin-bottom: 80px;
  6354. }
  6355. @media (max-width: 1400px) and (min-width: 992px) {
  6356. .people-box {
  6357. margin-bottom: 40px;
  6358. }
  6359. }
  6360. .people-box .avatar {
  6361. border-radius: 50%;
  6362. overflow: hidden;
  6363. margin-right: 20px;
  6364. }
  6365. .people-box p {
  6366. color: #0b1c39;
  6367. margin: 0;
  6368. }
  6369. .counter-box-wrapper {
  6370. display: -webkit-box;
  6371. display: -ms-flexbox;
  6372. display: flex;
  6373. -webkit-box-pack: justify;
  6374. -ms-flex-pack: justify;
  6375. justify-content: space-between;
  6376. max-width: 550px;
  6377. }
  6378. /*--------------------------------------------------------------
  6379. ## Icon Box
  6380. --------------------------------------------------------------*/
  6381. /* Feature Analytics */
  6382. .feature-analytics {
  6383. padding-top: 110px;
  6384. padding-bottom: 30px;
  6385. }
  6386. @media (max-width: 991px) {
  6387. .feature-analytics {
  6388. padding-top: 70px;
  6389. }
  6390. }
  6391. /* Social Feature One */
  6392. #social-feature {
  6393. padding: 115px 0 90px;
  6394. background: #fbfbfd;
  6395. }
  6396. @media (max-width: 991px) {
  6397. #social-feature {
  6398. padding: 75px 0 50px;
  6399. }
  6400. }
  6401. .social-icon-box {
  6402. text-align: center;
  6403. background: #fff;
  6404. padding: 50px;
  6405. -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, 0.05);
  6406. box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, 0.05);
  6407. -webkit-transition: all 0.3s ease-in-out;
  6408. -o-transition: all 0.3s ease-in-out;
  6409. transition: all 0.3s ease-in-out;
  6410. position: relative;
  6411. margin-bottom: 30px;
  6412. border-radius: 10px;
  6413. }
  6414. .social-icon-box:before, .social-icon-box:after {
  6415. position: absolute;
  6416. top: 0;
  6417. right: 0;
  6418. bottom: 0;
  6419. left: 0;
  6420. content: "";
  6421. opacity: 0;
  6422. -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  6423. transition: opacity 0.35s, -webkit-transform 0.35s;
  6424. -o-transition: opacity 0.35s, transform 0.35s;
  6425. transition: opacity 0.35s, transform 0.35s;
  6426. transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  6427. }
  6428. .social-icon-box:before {
  6429. border-top: 1px solid #ed1f25;
  6430. border-bottom: 1px solid #ed1f25;
  6431. -webkit-transform: scale(0, 1);
  6432. -ms-transform: scale(0, 1);
  6433. transform: scale(0, 1);
  6434. }
  6435. .social-icon-box:after {
  6436. border-right: 1px solid #ed1f25;
  6437. border-left: 1px solid #ed1f25;
  6438. -webkit-transform: scale(1, 0);
  6439. -ms-transform: scale(1, 0);
  6440. transform: scale(1, 0);
  6441. }
  6442. .social-icon-box .icon {
  6443. max-height: 107px;
  6444. }
  6445. .social-icon-box .icon svg {
  6446. margin: 0 auto;
  6447. max-height: 103px;
  6448. }
  6449. .social-icon-box .content {
  6450. position: relative;
  6451. z-index: 22;
  6452. }
  6453. .social-icon-box .content h3 {
  6454. font-size: 20px;
  6455. font-weight: 800;
  6456. margin-bottom: 20px;
  6457. }
  6458. .social-icon-box .content p {
  6459. font-size: 16px;
  6460. color: #677294;
  6461. line-height: 28px;
  6462. margin-bottom: 30px;
  6463. }
  6464. .social-icon-box .content a {
  6465. font-size: 15px;
  6466. color: #051441;
  6467. font-weight: 500;
  6468. position: relative;
  6469. display: inline-block;
  6470. }
  6471. .social-icon-box .content a i {
  6472. margin-left: 5px;
  6473. font-size: 13px;
  6474. }
  6475. .social-icon-box .content a:after {
  6476. position: absolute;
  6477. content: "";
  6478. display: block;
  6479. bottom: 3px;
  6480. height: 1px;
  6481. left: 0;
  6482. width: 100%;
  6483. background: #ed1f25;
  6484. -webkit-transform-origin: right center;
  6485. -ms-transform-origin: right center;
  6486. transform-origin: right center;
  6487. -webkit-transform: scale(0, 1);
  6488. -ms-transform: scale(0, 1);
  6489. transform: scale(0, 1);
  6490. transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85), -webkit-transform 0.25s;
  6491. }
  6492. .social-icon-box .content a:hover {
  6493. color: #ed1f25;
  6494. }
  6495. .social-icon-box .content a:hover:after {
  6496. -webkit-transform: scale(1, 1);
  6497. -ms-transform: scale(1, 1);
  6498. transform: scale(1, 1);
  6499. -webkit-transform-origin: left center;
  6500. -ms-transform-origin: left center;
  6501. transform-origin: left center;
  6502. }
  6503. .social-icon-box:hover {
  6504. -webkit-box-shadow: 0px 30px 30px 0px rgba(35, 0, 41, 0.06);
  6505. box-shadow: 0px 30px 30px 0px rgba(35, 0, 41, 0.06);
  6506. }
  6507. .social-icon-box-two .icon {
  6508. margin-bottom: 10px;
  6509. }
  6510. .social-icon-box-two .icon svg {
  6511. height: 80px;
  6512. }
  6513. .social-icon-box-two .content h3 {
  6514. font-size: 20px;
  6515. font-weight: 800;
  6516. margin-bottom: 15px;
  6517. }
  6518. /* Saas Feature One */
  6519. #feature {
  6520. padding: 100px 0 90px;
  6521. }
  6522. @media (max-width: 991px) {
  6523. #feature {
  6524. padding: 70px 0 0;
  6525. }
  6526. }
  6527. .service-one .section-heading {
  6528. margin-bottom: 60px;
  6529. }
  6530. .icon-box {
  6531. margin-bottom: 30px;
  6532. -webkit-transition: all 0.3s ease-in-out;
  6533. -o-transition: all 0.3s ease-in-out;
  6534. transition: all 0.3s ease-in-out;/* Feature Box Seo *//* Feature Analytics */
  6535. }
  6536. .icon-box .icon-container {
  6537. margin-bottom: 40px;
  6538. }
  6539. .icon-box .box-content .box-title {
  6540. font-size: 20px;
  6541. font-weight: 800;
  6542. -webkit-transition: all 0.3s ease-in-out;
  6543. -o-transition: all 0.3s ease-in-out;
  6544. transition: all 0.3s ease-in-out;
  6545. margin-bottom: 16px;
  6546. }
  6547. .icon-box .box-content .box-title:hover {
  6548. color: #ed1f25;
  6549. }
  6550. .icon-box .box-content .box-title a {
  6551. color: #373d46;
  6552. }
  6553. .icon-box .box-content .box-title a:hover {
  6554. color: #ed1f25;
  6555. }
  6556. .icon-box .box-content p {
  6557. font-size: 14px;
  6558. margin: 0;
  6559. }
  6560. @media (max-width: 991px) {
  6561. .icon-box .box-content p br {
  6562. display: none;
  6563. }
  6564. }
  6565. .icon-box.style-one {
  6566. margin-bottom: 90px;
  6567. }
  6568. @media (max-width: 991px) {
  6569. .icon-box.style-one {
  6570. text-align: center;
  6571. }
  6572. }
  6573. @media (max-width: 575px) {
  6574. .icon-box.style-one {
  6575. max-width: 400px;
  6576. margin: 0 auto 40px;
  6577. }
  6578. }
  6579. .icon-box.style-one .icon-container {
  6580. font-size: 25px;
  6581. width: 60px;
  6582. height: 60px;
  6583. display: -webkit-box;
  6584. display: -ms-flexbox;
  6585. display: flex;
  6586. -webkit-box-pack: center;
  6587. -ms-flex-pack: center;
  6588. justify-content: center;
  6589. -webkit-box-align: center;
  6590. -ms-flex-align: center;
  6591. align-items: center;
  6592. border-radius: 10px;
  6593. color: #fff;
  6594. background: #ed1f25;
  6595. margin-bottom: 35px;
  6596. -webkit-box-shadow: 0 20px 30px 0 rgba(247, 86, 135, 0.3);
  6597. box-shadow: 0 20px 30px 0 rgba(247, 86, 135, 0.3);
  6598. }
  6599. @media (max-width: 991px) {
  6600. .icon-box.style-one .icon-container {
  6601. margin: 0 auto 35px;
  6602. }
  6603. }
  6604. .icon-box.style-one .icon-container.color-one {
  6605. background: #73c216;
  6606. -webkit-box-shadow: 0 20px 30px 0 rgba(115, 194, 22, 0.3);
  6607. box-shadow: 0 20px 30px 0 rgba(115, 194, 22, 0.3);
  6608. }
  6609. .icon-box.style-one .icon-container.color-two {
  6610. background: #a159f9;
  6611. -webkit-box-shadow: 0 20px 30px 0 rgba(161, 89, 249, 0.3);
  6612. box-shadow: 0 20px 30px 0 rgba(161, 89, 249, 0.3);
  6613. }
  6614. .icon-box.style-one .icon-container.color-three {
  6615. background: #f75687;
  6616. -webkit-box-shadow: 0 20px 30px 0 rgba(247, 86, 135, 0.3);
  6617. box-shadow: 0 20px 30px 0 rgba(247, 86, 135, 0.3);
  6618. }
  6619. .icon-box.style-one .icon-container.color-four {
  6620. background: #5489fa;
  6621. -webkit-box-shadow: 0 20px 30px 0 rgba(84, 137, 250, 0.3);
  6622. box-shadow: 0 20px 30px 0 rgba(84, 137, 250, 0.3);
  6623. }
  6624. .icon-box.style-one .icon-container.color-five {
  6625. background: #f7ab25;
  6626. -webkit-box-shadow: 0 20px 30px 0 rgba(237, 163, 34, 0.3);
  6627. box-shadow: 0 20px 30px 0 rgba(237, 163, 34, 0.3);
  6628. }
  6629. .icon-box.style-one .icon-container.color-six {
  6630. background: #32b7fc;
  6631. -webkit-box-shadow: 0 20px 30px 0 rgba(50, 183, 252, 0.3);
  6632. box-shadow: 0 20px 30px 0 rgba(50, 183, 252, 0.3);
  6633. }
  6634. .icon-box.style-one .box-content .box-title {
  6635. color: #000;
  6636. }
  6637. .icon-box.style-one .box-content .box-title:hover, .icon-box.style-one .box-content .box-title a:hover {
  6638. color: #ff6344;
  6639. }
  6640. .icon-box.style-two {
  6641. display: -webkit-box;
  6642. display: -ms-flexbox;
  6643. display: flex;
  6644. -ms-flex-wrap: wrap;
  6645. flex-wrap: wrap;
  6646. margin-bottom: 50px;
  6647. padding: 0;
  6648. }
  6649. .icon-box.style-two .icon-container {
  6650. width: 70px;
  6651. height: 70px;
  6652. font-size: 26px;
  6653. text-align: center;
  6654. line-height: 70px;
  6655. background-color: rgba(255, 94, 133, 0.102);
  6656. border-radius: 50%;
  6657. margin-right: 30px;
  6658. color: #ff5e85;
  6659. -webkit-transition: all 0.3s ease-in-out;
  6660. -o-transition: all 0.3s ease-in-out;
  6661. transition: all 0.3s ease-in-out;
  6662. }
  6663. .icon-box.style-two .box-content {
  6664. -webkit-box-flex: 1;
  6665. -ms-flex: 1;
  6666. flex: 1;
  6667. }
  6668. .icon-box.style-two .box-content .box-title {
  6669. font-size: 24px;
  6670. font-weight: 800;
  6671. margin-bottom: 13px;
  6672. line-height: 34px;
  6673. }
  6674. @media (max-width: 991px) {
  6675. .icon-box.style-two .box-content .box-title br {
  6676. display: none;
  6677. }
  6678. }
  6679. .icon-box.style-two .box-content .box-title:hover, .icon-box.style-two .box-content .box-title a:hover {
  6680. color: #ff5e85;
  6681. }
  6682. .icon-box.style-two .box-content p {
  6683. font-size: 16px;
  6684. }
  6685. @media (max-width: 991px) {
  6686. .icon-box.style-two .box-content p br {
  6687. display: none;
  6688. }
  6689. }
  6690. .icon-box.style-two.color--one .icon-container {
  6691. background-color: rgba(83, 99, 253, 0.102);
  6692. color: #5363fd;
  6693. }
  6694. .icon-box.style-two.color--two .icon-container {
  6695. background-color: rgba(11, 202, 6, 0.102);
  6696. color: #0bca06;
  6697. }
  6698. .icon-box.style-two:hover .icon-container {
  6699. background: #ff5e85;
  6700. border-color: #ff5e85;
  6701. color: #fff;
  6702. -webkit-box-shadow: 0px 20px 20px 0px rgba(255, 94, 133, 0.2);
  6703. box-shadow: 0px 20px 20px 0px rgba(255, 94, 133, 0.2);
  6704. -webkit-transform: translateY(-5px);
  6705. -ms-transform: translateY(-5px);
  6706. transform: translateY(-5px);
  6707. }
  6708. .icon-box.style-two:hover.color--one .icon-container {
  6709. background-color: #5363fd;
  6710. color: #fff;
  6711. -webkit-box-shadow: 0px 20px 30px 0px rgba(83, 99, 253, 0.2);
  6712. box-shadow: 0px 20px 30px 0px rgba(83, 99, 253, 0.2);
  6713. }
  6714. .icon-box.style-two:hover.color--two .icon-container {
  6715. background-color: #0bca06;
  6716. color: #fff;
  6717. -webkit-box-shadow: 0px 20px 30px 0px rgba(11, 202, 6, 0.2);
  6718. box-shadow: 0px 20px 30px 0px rgba(11, 202, 6, 0.2);
  6719. }
  6720. .icon-box.style-three {
  6721. text-align: center;
  6722. background: #fff;
  6723. -webkit-box-shadow: 0px 40px 60px 0px rgba(3, 24, 61, 0.06);
  6724. box-shadow: 0px 40px 60px 0px rgba(3, 24, 61, 0.06);
  6725. border-radius: 0;
  6726. padding: 45px 50px 55px;
  6727. }
  6728. .icon-box.style-three .icon-container {
  6729. height: 100px;
  6730. position: relative;
  6731. margin-bottom: 25px;
  6732. padding: 15px 0;
  6733. }
  6734. .icon-box.style-three .icon-container svg {
  6735. position: absolute;
  6736. margin: 0;
  6737. left: 50%;
  6738. -webkit-transform: translateX(-50%);
  6739. -ms-transform: translateX(-50%);
  6740. transform: translateX(-50%);
  6741. bottom: 0;
  6742. }
  6743. .icon-box.style-three .box-content .box-title a:hover {
  6744. color: #4d5afe;
  6745. }
  6746. .icon-box.style-three .box-content p {
  6747. margin-bottom: 45px;
  6748. }
  6749. .icon-box.style-three .gp-btn {
  6750. border-color: #e0e3e8;
  6751. color: #6a7695;
  6752. }
  6753. .icon-box.style-three .gp-btn:hover {
  6754. color: #fff;
  6755. -webkit-box-shadow: 0px 20px 30px 0px rgba(6, 16, 149, 0.2);
  6756. box-shadow: 0px 20px 30px 0px rgba(6, 16, 149, 0.2);
  6757. }
  6758. .icon-box.style-four {
  6759. padding: 40px 40px 50px;
  6760. border-top: 5px solid transparent;
  6761. border-radius: 6px;
  6762. }
  6763. .icon-box.style-four:hover {
  6764. -webkit-box-shadow: 0px 50px 100px 0px rgba(1, 60, 64, 0.1), 0px -5px 0px 0px rgba(0, 192, 205, 0.004);
  6765. box-shadow: 0px 50px 100px 0px rgba(1, 60, 64, 0.1), 0px -5px 0px 0px rgba(0, 192, 205, 0.004);
  6766. border-color: #ed1f25;
  6767. background: #fff;
  6768. }
  6769. .icon-box.style-four.color-seven:hover {
  6770. border-color: #6e58fc;
  6771. -webkit-box-shadow: 0px 50px 100px 0px rgba(10, 1, 64, 0.1), 0px -5px 0px 0px rgba(110, 88, 252, 0.004);
  6772. box-shadow: 0px 50px 100px 0px rgba(10, 1, 64, 0.1), 0px -5px 0px 0px rgba(110, 88, 252, 0.004);
  6773. }
  6774. .icon-box.style-four.color-seven .box-content .box-title:hover {
  6775. color: #6e58fc;
  6776. }
  6777. .icon-box.style-four.color-seven .box-content .box-title a:hover {
  6778. color: #6e58fc;
  6779. }
  6780. .icon-box.style-five {
  6781. padding: 40px;
  6782. -webkit-transition: all 0.3s ease-in-out;
  6783. -o-transition: all 0.3s ease-in-out;
  6784. transition: all 0.3s ease-in-out;
  6785. border-radius: 6px;
  6786. border-top: 4px solid transparent;
  6787. }
  6788. .icon-box.style-five .icon-container {
  6789. height: 70px;
  6790. width: 70px;
  6791. line-height: 75px;
  6792. font-size: 30px;
  6793. background: #e5f9e4;
  6794. border-radius: 20px;
  6795. text-align: center;
  6796. color: #27cb24;
  6797. margin-bottom: 35px;
  6798. }
  6799. .icon-box.style-five .box-content .box-title {
  6800. font-weight: 500;
  6801. margin-bottom: 15px;
  6802. }
  6803. .icon-box.style-five:hover {
  6804. -webkit-box-shadow: 0px 40px 70px 0px rgba(1, 33, 26, 0.08);
  6805. box-shadow: 0px 40px 70px 0px rgba(1, 33, 26, 0.08);
  6806. border-top-color: #ed1f25;
  6807. background: #fff;
  6808. }
  6809. .icon-box.style-five.cl-five .box-content .box-title {
  6810. font-weight: 500;
  6811. margin-bottom: 15px;
  6812. }
  6813. .icon-box.style-five.cl-five .box-content .box-title:hover {
  6814. color: #ed1f25;
  6815. }
  6816. .icon-box.style-five.cl-five .box-content .box-title a:hover {
  6817. color: #ed1f25;
  6818. }
  6819. .icon-box.style-five.color-two .icon-container {
  6820. background: #fee5ef;
  6821. color: #f6297b;
  6822. }
  6823. .icon-box.style-five.color-three .icon-container {
  6824. background: #e7efff;
  6825. color: #3880fb;
  6826. }
  6827. .icon-box.style-five.color-four .icon-container {
  6828. background: #fdf7e6;
  6829. color: #f4ca64;
  6830. }
  6831. .icon-box.style-five.color-five .icon-container {
  6832. background: #e1f8f6;
  6833. color: #1ac7bd;
  6834. }
  6835. .icon-box.style-five.color-six .icon-container {
  6836. background: #fbe9fe;
  6837. color: #dd49f8;
  6838. }
  6839. .icon-box.style-six {
  6840. padding: 0 20px;
  6841. margin-bottom: 30px;
  6842. }
  6843. .icon-box.style-six .icon-container {
  6844. text-align: center;
  6845. height: 100px;
  6846. width: 100px;
  6847. line-height: 95px;
  6848. border: 2px solid transparent;
  6849. margin: 0 auto 35px;
  6850. border-radius: 50%;
  6851. -webkit-transition: all 0.3s ease-in-out;
  6852. -o-transition: all 0.3s ease-in-out;
  6853. transition: all 0.3s ease-in-out;
  6854. -webkit-box-shadow: 0px 14px 30px 0px rgba(36, 7, 120, 0.1);
  6855. box-shadow: 0px 14px 30px 0px rgba(36, 7, 120, 0.1);
  6856. background-color: white;
  6857. }
  6858. .icon-box.style-six .box-content .feature-title {
  6859. font-size: 20px;
  6860. font-weight: 700;
  6861. margin-bottom: 13px;
  6862. -webkit-transition: all 0.3s ease-in-out;
  6863. -o-transition: all 0.3s ease-in-out;
  6864. transition: all 0.3s ease-in-out;
  6865. }
  6866. .icon-box.style-six .box-content .feature-title a {
  6867. color: #051441;
  6868. }
  6869. .icon-box.style-six .box-content .feature-title a:hover {
  6870. color: #ed1f25;
  6871. }
  6872. .icon-box.style-six .box-content .feature-title:hover {
  6873. color: #ed1f25;
  6874. }
  6875. .icon-box.style-six:hover .icon-container {
  6876. -webkit-box-shadow: none;
  6877. box-shadow: none;
  6878. border-color: #ed1f25;
  6879. }
  6880. .icon-box.style-seven {
  6881. margin-bottom: 30px;
  6882. padding: 40px 50px;
  6883. border-top: 2px solid transparent;
  6884. -webkit-transition: all 0.3s ease-in-out;
  6885. -o-transition: all 0.3s ease-in-out;
  6886. transition: all 0.3s ease-in-out;
  6887. border-radius: 4px;
  6888. }
  6889. .icon-box.style-seven .icon-container {
  6890. height: 55px;
  6891. display: -webkit-box;
  6892. display: -ms-flexbox;
  6893. display: flex;
  6894. -webkit-box-align: end;
  6895. -ms-flex-align: end;
  6896. align-items: flex-end;
  6897. }
  6898. .icon-box.style-seven .box-content .box-title {
  6899. font-size: 18px;
  6900. color: #2c2c51;
  6901. }
  6902. .icon-box.style-seven .box-content .box-title a {
  6903. color: #2c2c51;
  6904. }
  6905. .icon-box.style-seven .box-content .box-title a:hover {
  6906. color: #ed1f25;
  6907. }
  6908. .icon-box.style-seven .box-content p {
  6909. font-size: 15px;
  6910. }
  6911. .icon-box.style-seven .box-content .more-info {
  6912. margin-top: 20px;
  6913. display: block;
  6914. opacity: 0;
  6915. visibility: hidden;
  6916. }
  6917. .icon-box.style-seven .box-content .more-info svg path {
  6918. -webkit-transition: all 0.3s ease-in-out;
  6919. -o-transition: all 0.3s ease-in-out;
  6920. transition: all 0.3s ease-in-out;
  6921. }
  6922. .icon-box.style-seven .box-content .more-info:hover svg path {
  6923. fill: #ed1f25;
  6924. }
  6925. .icon-box.style-seven:hover {
  6926. background: #fff;
  6927. -webkit-box-shadow: 0px 40px 60px 0px rgba(8, 2, 46, 0.1), 0px -2px 0px 0px rgba(26, 191, 104, 0.004);
  6928. box-shadow: 0px 40px 60px 0px rgba(8, 2, 46, 0.1), 0px -2px 0px 0px rgba(26, 191, 104, 0.004);
  6929. border-color: #ed1f25;
  6930. }
  6931. .icon-box.style-seven:hover .more-info {
  6932. opacity: 1;
  6933. visibility: visible;
  6934. }
  6935. .icon-box.style-eight {
  6936. margin-bottom: 30px;
  6937. padding: 54px 50px;
  6938. border-top: 2px solid transparent;
  6939. -webkit-transition: all 0.3s ease-in-out;
  6940. -o-transition: all 0.3s ease-in-out;
  6941. transition: all 0.3s ease-in-out;
  6942. border-radius: 4px;
  6943. background: #f8f8f8;
  6944. }
  6945. .icon-box.style-eight .icon-container {
  6946. height: 55px;
  6947. display: -webkit-box;
  6948. display: -ms-flexbox;
  6949. display: flex;
  6950. -webkit-box-align: end;
  6951. -ms-flex-align: end;
  6952. align-items: flex-end;
  6953. -webkit-box-pack: center;
  6954. -ms-flex-pack: center;
  6955. justify-content: center;
  6956. margin-bottom: 30px;
  6957. }
  6958. .icon-box.style-eight .box-content .box-title {
  6959. font-size: 18px;
  6960. color: #2c2c51;
  6961. }
  6962. .icon-box.style-eight .box-content .box-title a {
  6963. color: #2c2c51;
  6964. }
  6965. .icon-box.style-eight .box-content .box-title a:hover {
  6966. color: #ed1f25;
  6967. }
  6968. .icon-box.style-eight .box-content p {
  6969. color: #69697b;
  6970. }
  6971. .icon-box.style-eight .box-content .more-info {
  6972. margin-top: 23px;
  6973. display: block;
  6974. color: #2c2c51;
  6975. font-size: 14px;
  6976. font-weight: 500;
  6977. }
  6978. .icon-box.style-eight .box-content .more-info i {
  6979. display: inline-block;
  6980. vertical-align: middle;
  6981. font-size: 18px;
  6982. margin-left: 5px;
  6983. }
  6984. .icon-box.style-eight .box-content .more-info:hover {
  6985. color: #ed1f25;
  6986. }
  6987. .icon-box.style-eight:hover {
  6988. background: #fff;
  6989. -webkit-box-shadow: 0px 40px 60px 0px rgba(8, 2, 46, 0.1), 0px -2px 0px 0px rgba(26, 191, 104, 0.004);
  6990. box-shadow: 0px 40px 60px 0px rgba(8, 2, 46, 0.1), 0px -2px 0px 0px rgba(26, 191, 104, 0.004);
  6991. border-color: #ed1f25;
  6992. }
  6993. .icon-box.style-eight:hover .more-info {
  6994. opacity: 1;
  6995. visibility: visible;
  6996. }
  6997. .icon-box.style-nine {
  6998. padding: 40px;
  6999. -webkit-transition: all 0.3s ease-in-out;
  7000. -o-transition: all 0.3s ease-in-out;
  7001. transition: all 0.3s ease-in-out;
  7002. border-radius: 20px;
  7003. border-top: 2px solid transparent;
  7004. margin-bottom: 0;
  7005. }
  7006. @media (max-width: 991px) {
  7007. .icon-box.style-nine {
  7008. text-align: center;
  7009. }
  7010. }
  7011. .icon-box.style-nine .icon-container {
  7012. height: 50px;
  7013. width: 50px;
  7014. line-height: 50px;
  7015. text-align: center;
  7016. background: #ed1f25;
  7017. border-radius: 50%;
  7018. color: #fff;
  7019. }
  7020. .icon-box.style-nine .icon-container i {
  7021. display: inline-block;
  7022. vertical-align: -1px;
  7023. }
  7024. @media (max-width: 991px) {
  7025. .icon-box.style-nine .icon-container {
  7026. margin: 0 auto 40px;
  7027. }
  7028. }
  7029. .icon-box.style-nine .box-content .box-title {
  7030. color: #1f113a;
  7031. font-size: 18px;
  7032. font-weight: 800;
  7033. }
  7034. .icon-box.style-nine .box-content .box-title a {
  7035. color: #1f113a;
  7036. }
  7037. .icon-box.style-nine .box-content .box-title a:hover {
  7038. color: #ed1f25;
  7039. }
  7040. .icon-box.style-nine .box-content p {
  7041. margin-bottom: 20px;
  7042. }
  7043. .icon-box.style-nine .box-content .more-info {
  7044. opacity: 0;
  7045. visibility: hidden;
  7046. -webkit-transition: all 0.3s ease-in-out;
  7047. -o-transition: all 0.3s ease-in-out;
  7048. transition: all 0.3s ease-in-out;
  7049. }
  7050. .icon-box.style-nine .box-content .more-info svg {
  7051. display: inline-block;
  7052. }
  7053. .icon-box.style-nine .box-content .more-info:hover svg path {
  7054. fill: #ed1f25;
  7055. }
  7056. .icon-box.style-nine.color--one .icon-container {
  7057. background: #8d58f9;
  7058. -webkit-box-shadow: 0px 20px 30px 0px rgba(105, 54, 207, 0.2);
  7059. box-shadow: 0px 20px 30px 0px rgba(105, 54, 207, 0.2);
  7060. }
  7061. .icon-box.style-nine.color--one .box-content .box-title a:hover {
  7062. color: #8d58f9;
  7063. }
  7064. .icon-box.style-nine.color--one:hover {
  7065. border-color: #8d58f9;
  7066. }
  7067. .icon-box.style-nine.color--one .more-info svg {
  7068. -webkit-transition: all 0.3s ease-in-out;
  7069. -o-transition: all 0.3s ease-in-out;
  7070. transition: all 0.3s ease-in-out;
  7071. }
  7072. .icon-box.style-nine.color--one .more-info:hover svg path {
  7073. fill: #8d58f9;
  7074. }
  7075. .icon-box.style-nine.color--two .icon-container {
  7076. background: #f4be55;
  7077. -webkit-box-shadow: 0px 20px 30px 0px rgba(207, 156, 54, 0.2);
  7078. box-shadow: 0px 20px 30px 0px rgba(207, 156, 54, 0.2);
  7079. }
  7080. .icon-box.style-nine.color--two .box-content .box-title a:hover {
  7081. color: #f4be55;
  7082. }
  7083. .icon-box.style-nine.color--two:hover {
  7084. border-color: #f4be55;
  7085. }
  7086. .icon-box.style-nine.color--two .more-info:hover svg path {
  7087. fill: #f4be55;
  7088. }
  7089. .icon-box.style-nine.color--three .icon-container {
  7090. background: #ff7d7c;
  7091. -webkit-box-shadow: 0px 20px 30px 0px rgba(206, 54, 53, 0.2);
  7092. box-shadow: 0px 20px 30px 0px rgba(206, 54, 53, 0.2);
  7093. }
  7094. .icon-box.style-nine.color--three .box-content .box-title a:hover {
  7095. color: #ff7d7c;
  7096. }
  7097. .icon-box.style-nine.color--three:hover {
  7098. border-color: #ff7d7c;
  7099. }
  7100. .icon-box.style-nine.color--three .more-info:hover svg path {
  7101. fill: #ff7d7c;
  7102. }
  7103. .icon-box.style-nine.color--four .icon-container {
  7104. background: #ff7caa;
  7105. -webkit-box-shadow: 0px 20px 30px 0px rgba(207, 54, 107, 0.2);
  7106. box-shadow: 0px 20px 30px 0px rgba(207, 54, 107, 0.2);
  7107. }
  7108. .icon-box.style-nine.color--four .box-content .box-title a:hover {
  7109. color: #ff7caa;
  7110. }
  7111. .icon-box.style-nine.color--four:hover {
  7112. border-color: #ff7caa;
  7113. }
  7114. .icon-box.style-nine.color--four .more-info:hover svg path {
  7115. fill: #ff7caa;
  7116. }
  7117. .icon-box.style-nine.color--five .icon-container {
  7118. background: #5376fb;
  7119. -webkit-box-shadow: 0px 20px 30px 0px rgba(54, 87, 207, 0.2);
  7120. box-shadow: 0px 20px 30px 0px rgba(54, 87, 207, 0.2);
  7121. }
  7122. .icon-box.style-nine.color--five .box-content .box-title a:hover {
  7123. color: #5376fb;
  7124. }
  7125. .icon-box.style-nine.color--five:hover {
  7126. border-color: #5376fb;
  7127. }
  7128. .icon-box.style-nine.color--five .more-info:hover svg path {
  7129. fill: #5376fb;
  7130. }
  7131. .icon-box.style-nine.color--six .icon-container {
  7132. background: #78c623;
  7133. -webkit-box-shadow: 0px 20px 30px 0px rgba(127, 206, 40, 0.2);
  7134. box-shadow: 0px 20px 30px 0px rgba(127, 206, 40, 0.2);
  7135. }
  7136. .icon-box.style-nine.color--six .box-content .box-title a:hover {
  7137. color: #78c623;
  7138. }
  7139. .icon-box.style-nine.color--six:hover {
  7140. border-color: #78c623;
  7141. }
  7142. .icon-box.style-nine.color--six .more-info:hover svg path {
  7143. fill: #78c623;
  7144. }
  7145. .icon-box.style-nine:hover {
  7146. background: #fff;
  7147. -webkit-box-shadow: 0px 40px 60px 0px rgba(20, 2, 53, 0.1), 0px -2px 0px 0px rgba(83, 118, 251, 0.004);
  7148. box-shadow: 0px 40px 60px 0px rgba(20, 2, 53, 0.1), 0px -2px 0px 0px rgba(83, 118, 251, 0.004);
  7149. border-color: #ed1f25;
  7150. }
  7151. .icon-box.style-nine:hover .more-info {
  7152. opacity: 1;
  7153. visibility: visible;
  7154. }
  7155. .icon-box.style-ten {
  7156. display: -webkit-box;
  7157. display: -ms-flexbox;
  7158. display: flex;
  7159. -ms-flex-wrap: wrap;
  7160. flex-wrap: wrap;
  7161. margin-bottom: 50px;
  7162. padding: 0;
  7163. }
  7164. @media (max-width: 991px) {
  7165. .icon-box.style-ten {
  7166. margin-bottom: 30px;
  7167. }
  7168. }
  7169. .icon-box.style-ten .icon-container {
  7170. width: 70px;
  7171. height: 70px;
  7172. font-size: 26px;
  7173. text-align: center;
  7174. line-height: 70px;
  7175. border-radius: 50%;
  7176. margin-right: 20px;
  7177. margin-bottom: 0;
  7178. }
  7179. .icon-box.style-ten .box-content {
  7180. -webkit-box-flex: 1;
  7181. -ms-flex: 1;
  7182. flex: 1;
  7183. }
  7184. .icon-box.style-ten .box-content .box-title {
  7185. font-size: 16px;
  7186. font-weight: 700;
  7187. margin-bottom: 13px;
  7188. }
  7189. @media (max-width: 991px) {
  7190. .icon-box.style-ten .box-content .box-title br {
  7191. display: none;
  7192. }
  7193. }
  7194. .icon-box.style-ten .box-content .box-title:hover, .icon-box.style-ten .box-content .box-title a:hover {
  7195. color: #ff5e85;
  7196. }
  7197. .icon-box.style-ten .box-content p {
  7198. font-size: 16px;
  7199. }
  7200. @media (max-width: 991px) {
  7201. .icon-box.style-ten .box-content p br {
  7202. display: none;
  7203. }
  7204. }
  7205. .icon-list-box {
  7206. display: -webkit-box;
  7207. display: -ms-flexbox;
  7208. display: flex;
  7209. margin-bottom: 70px;
  7210. }
  7211. @media (max-width: 991px) {
  7212. .icon-list-box {
  7213. margin-bottom: 30px;
  7214. }
  7215. }
  7216. .icon-list-box .list-icon {
  7217. margin-right: 20px;
  7218. margin-top: 5px;
  7219. }
  7220. .icon-list-box .list-icon i {
  7221. color: #1ad90b;
  7222. font-size: 24px;
  7223. }
  7224. @media (min-width: 576px) {
  7225. .icon-list-box .content {
  7226. max-width: 300px;
  7227. }
  7228. }
  7229. .icon-list-box .content p {
  7230. font-size: 16px;
  7231. line-height: 28px;
  7232. margin: 0;
  7233. }
  7234. /*
  7235. Feature One
  7236. */
  7237. .bg-table {
  7238. background-image: url(../img/homebg.png);
  7239. background-position: center;
  7240. background-size: auto;
  7241. background-repeat: repeat-x;
  7242. }
  7243. .service-one {
  7244. padding: 50px 0 45px;
  7245. }
  7246. /* Feature Agency*/
  7247. .feature-agency-about {
  7248. overflow: hidden;
  7249. position: relative;
  7250. padding: 115px 0 90px;
  7251. }
  7252. .feature-agency-about .bg-shape {
  7253. position: absolute;
  7254. top: -56%;
  7255. }
  7256. @media (max-width: 768px) {
  7257. .feature-agency-about {
  7258. padding: 75px 0 50px;
  7259. }
  7260. }
  7261. .feature-agency {
  7262. position: relative;
  7263. }
  7264. .feature-agency .bg-shape {
  7265. position: absolute;
  7266. top: -30%;
  7267. left: 0;
  7268. }
  7269. .feature-agency.feature-padding {
  7270. padding: 190px 0 100px;
  7271. }
  7272. @media (max-width: 991px) {
  7273. .feature-agency.feature-padding {
  7274. padding: 100px 0 0;
  7275. }
  7276. }
  7277. .iconbox-slider-wrapper .swiper-slide {
  7278. padding: 0 20px 50px;
  7279. }
  7280. /* Feature Comminity */
  7281. .feature-comminity {
  7282. padding: 113px 0 50px;
  7283. }
  7284. @media (max-width: 991px) {
  7285. .feature-comminity {
  7286. padding: 75px 0 50px;
  7287. }
  7288. }
  7289. .feature-comminity-two {
  7290. padding: 113px 0 90px;
  7291. }
  7292. @media (max-width: 991px) {
  7293. .feature-comminity-two {
  7294. padding: 75px 0 50px;
  7295. }
  7296. }
  7297. /* Feature Agency */
  7298. .feature-agency {
  7299. padding: 53px 0 100px;
  7300. }
  7301. @media (max-width: 991px) {
  7302. .feature-agency {
  7303. padding: 50px 0 90px;
  7304. }
  7305. .feature-agency .section-heading {
  7306. text-align: center !important;
  7307. }
  7308. }
  7309. .feature-agency-about .section-heading.style-two .subtitle {
  7310. color: #ed1f25;
  7311. }
  7312. .feature-agency-about .section-heading.style-two .section-title:after, .feature-agency-about .section-heading.style-two .section-title:before {
  7313. background: #ed1f25;
  7314. }
  7315. .feature-agency-about .icon-box.style-three .box-content .box-title a:hover {
  7316. color: #ed1f25;
  7317. }
  7318. .feature-agency-about .icon-box.style-three .box-content .gp-btn:hover {
  7319. border-color: #ed1f25;
  7320. -webkit-box-shadow: 0 20px 30px 0 rgba(26, 191, 104, 0.2);
  7321. box-shadow: 0 20px 30px 0 rgba(26, 191, 104, 0.2);
  7322. }
  7323. .feature-page {
  7324. padding: 115px 0 90px;
  7325. }
  7326. @media (max-width: 991px) {
  7327. .feature-page {
  7328. padding: 75px 0 50px;
  7329. }
  7330. }
  7331. .feature-page .icon-box.style-four.color-seven .box-content .box-title a:hover {
  7332. color: #ed1f25;
  7333. }
  7334. .feature-page .icon-box.style-four.color-seven:hover {
  7335. border-color: #ed1f25;
  7336. }
  7337. .service-feature-page .icon-box.style-two .box-content .box-title:hover, .service-feature-page .icon-box.style-two .box-content a:hover {
  7338. color: #ed1f25;
  7339. }
  7340. /*--------------------------------------------------------------
  7341. ## Info Box
  7342. --------------------------------------------------------------*/
  7343. .analytics-box {
  7344. padding: 90px 0 140px;
  7345. }
  7346. @media (max-width: 991px) {
  7347. .analytics-box {
  7348. padding: 80px 0;
  7349. }
  7350. }
  7351. .info-boxs {
  7352. margin-bottom: 30px;
  7353. padding: 0 30px;
  7354. }
  7355. .info-boxs .sub-title {
  7356. font-size: 22px;
  7357. font-weight: 400;
  7358. }
  7359. .info-boxs .title {
  7360. font-size: 22px;
  7361. font-weight: 700;
  7362. margin-bottom: 25px;
  7363. }
  7364. .info-boxs .title a {
  7365. color: #051441;
  7366. }
  7367. .info-boxs .title a:hover {
  7368. color: #f8b137;
  7369. }
  7370. .info-boxs .des {
  7371. font-size: 16px;
  7372. line-height: 28px;
  7373. font-weight: 400;
  7374. }
  7375. /*--------------------------------------------------------------
  7376. ## Category Boxes
  7377. --------------------------------------------------------------*/
  7378. .category {
  7379. padding-top: 90px;
  7380. }
  7381. .featured-inner {
  7382. padding: 120px 0;
  7383. }
  7384. @media (max-width: 768px) {
  7385. .featured-inner {
  7386. padding: 80px 0;
  7387. }
  7388. }
  7389. .cofounder-boxes .cofounder-box {
  7390. text-align: center;
  7391. background: #fbfbfd;
  7392. padding: 40px 0 29px;
  7393. border-top: 5px solid transparent;
  7394. -webkit-transition: all 0.3s ease-in-out;
  7395. -o-transition: all 0.3s ease-in-out;
  7396. transition: all 0.3s ease-in-out;
  7397. margin-bottom: 30px;
  7398. }
  7399. .cofounder-boxes .cofounder-box:not(:last-child) {
  7400. margin-right: 30px;
  7401. }
  7402. .cofounder-boxes .cofounder-box .box-icon {
  7403. margin-bottom: 25px;
  7404. }
  7405. .cofounder-boxes .cofounder-box h3 {
  7406. font-size: 16px;
  7407. line-height: 24px;
  7408. margin: 0;
  7409. }
  7410. .cofounder-boxes .cofounder-box h3 a {
  7411. color: #343e5d;
  7412. }
  7413. .cofounder-boxes .cofounder-box h3 a:hover {
  7414. color: #ff5e85;
  7415. }
  7416. .cofounder-boxes .cofounder-box:hover {
  7417. background: #fff;
  7418. border-color: #ff5e85;
  7419. -webkit-box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08), 0px -5px 0px 0px rgba(255, 94, 133, 0.004);
  7420. box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08), 0px -5px 0px 0px rgba(255, 94, 133, 0.004);
  7421. }
  7422. .cofounder-content h2 {
  7423. font-size: 40px;
  7424. line-height: 56px;
  7425. margin-bottom: 28px;
  7426. font-weight: 700;
  7427. color: #343e5d;
  7428. }
  7429. @media (max-width: 991px) {
  7430. .cofounder-content h2 {
  7431. font-size: 30px;
  7432. line-height: 40px;
  7433. }
  7434. }
  7435. .cofounder-content p {
  7436. font-size: 18px;
  7437. margin-bottom: 50px;
  7438. line-height: 30px;
  7439. }
  7440. .cofounder-content .btn-outline {
  7441. margin-left: 20px;
  7442. }
  7443. @media (max-width: 440px) {
  7444. .cofounder-content .btn-outline {
  7445. margin-left: 0;
  7446. margin-top: 15px;
  7447. }
  7448. }
  7449. .category-items {
  7450. display: -webkit-box;
  7451. display: -ms-flexbox;
  7452. display: flex;
  7453. -webkit-box-pack: justify;
  7454. -ms-flex-pack: justify;
  7455. justify-content: space-between;
  7456. -ms-flex-wrap: wrap;
  7457. flex-wrap: wrap;
  7458. }
  7459. @media (max-width: 991px) {
  7460. .category-items {
  7461. -webkit-box-pack: start;
  7462. -ms-flex-pack: start;
  7463. justify-content: start;
  7464. }
  7465. }
  7466. .category-items .categories-box {
  7467. padding: 0 15px;
  7468. text-align: center;
  7469. max-width: 20%;
  7470. }
  7471. @media (max-width: 991px) {
  7472. .category-items .categories-box {
  7473. max-width: 33.3333%;
  7474. -webkit-box-flex: 0;
  7475. -ms-flex: 0 0 33.3333%;
  7476. flex: 0 0 33.3333%;
  7477. margin-bottom: 40px;
  7478. }
  7479. }
  7480. @media (max-width: 420px) {
  7481. .category-items .categories-box {
  7482. max-width: 50%;
  7483. -webkit-box-flex: 0;
  7484. -ms-flex: 0 0 50%;
  7485. flex: 0 0 50%;
  7486. }
  7487. }
  7488. .category-items .categories-box .box-icon {
  7489. height: 120px;
  7490. width: 120px;
  7491. line-height: 120px;
  7492. background: rgba(40, 145, 244, 0.102);
  7493. border-radius: 20px;
  7494. margin: 0 auto 30px;
  7495. }
  7496. .category-items .categories-box .category-title {
  7497. font-size: 16px;
  7498. font-weight: 800;
  7499. }
  7500. .category-items .categories-box .category-title a {
  7501. color: #2c2c51;
  7502. }
  7503. .category-items .categories-box .category-title a:hover {
  7504. color: #ed1f25;
  7505. }
  7506. .category-items .categories-box.color-two .box-icon {
  7507. background: #fdf7e6;
  7508. color: #eab616;
  7509. }
  7510. .category-items .categories-box.color-three .box-icon {
  7511. background: #e7f9f9;
  7512. color: #eab616;
  7513. }
  7514. .category-items .categories-box.color-four .box-icon {
  7515. background: #feeaec;
  7516. color: #feeaec;
  7517. }
  7518. .category-items .categories-box.color-five .box-icon {
  7519. background: #e7fbeb;
  7520. color: #feeaec;
  7521. }
  7522. /*--------------------------------------------------------------
  7523. ## Image Content
  7524. --------------------------------------------------------------*/
  7525. .image-content {
  7526. padding: 250px 0 150px;
  7527. }
  7528. @media (max-width: 1441px) {
  7529. .image-content {
  7530. padding: 550px 0 105px;
  7531. }
  7532. }
  7533. @media (min-width: 1200px) {
  7534. .ml--55 {
  7535. margin-left: -55px;
  7536. }
  7537. .mr--50 {
  7538. margin-right: -50px;
  7539. }
  7540. }
  7541. .service-image-content {
  7542. padding: 225px 0 160px;
  7543. }
  7544. .image-content-wrapper {
  7545. padding-top: 40px;
  7546. }
  7547. @media (max-width: 991px) {
  7548. .image-content-wrapper.style-two {
  7549. text-align: center;
  7550. }
  7551. }
  7552. .image-content-wrapper.style-two .title {
  7553. font-weight: 800;
  7554. margin-bottom: 20px;
  7555. font-size: 48px;
  7556. }
  7557. .image-content-wrapper.style-two p {
  7558. font-size: 16px;
  7559. margin-bottom: 40px;
  7560. }
  7561. .image-content-wrapper.style-two .lead-text {
  7562. font-weight: 500;
  7563. margin-bottom: 21px;
  7564. font-size: 16px;
  7565. line-height: 26px;
  7566. }
  7567. .image-content-wrapper.style-three .title {
  7568. font-size: 30px;
  7569. line-height: 40px;
  7570. font-weight: 800;
  7571. color: #2c2c51;
  7572. }
  7573. .image-content-wrapper p {
  7574. font-size: 18px;
  7575. line-height: 30px;
  7576. margin-bottom: 34px;
  7577. }
  7578. .image-content-wrapper .listitem li i {
  7579. display: inline-block;
  7580. vertical-align: middle;
  7581. }
  7582. .image-content-wrapper .listitem.color-theme li i {
  7583. color: #ed1f25;
  7584. }
  7585. .anime-image-wrapper {
  7586. position: relative;
  7587. max-width: 700px;
  7588. }
  7589. @media (max-width: 991px) {
  7590. .anime-image-wrapper {
  7591. margin: 0 auto;
  7592. }
  7593. }
  7594. @media (max-width: 767px) {
  7595. .anime-image-wrapper {
  7596. max-width: 450px;
  7597. }
  7598. }
  7599. .anime-image-wrapper .feature-image-wrap {
  7600. position: relative;
  7601. z-index: 2;
  7602. }
  7603. .anime-image-wrapper .anime-dot {
  7604. position: absolute;
  7605. left: 165px;
  7606. bottom: 45px;
  7607. z-index: 1;
  7608. -webkit-animation: wave 3s 0.1s infinite linear;
  7609. animation: wave 3s 0.1s infinite linear;
  7610. }
  7611. .anime-image-wrapper .circle {
  7612. display: block;
  7613. height: 340px;
  7614. width: 340px;
  7615. background: #fefcf3;
  7616. border-radius: 50%;
  7617. position: absolute;
  7618. bottom: -25px;
  7619. left: -110px;
  7620. }
  7621. @media (max-width: 991px) {
  7622. .anime-image-wrapper.style-two {
  7623. margin-top: 40px;
  7624. }
  7625. }
  7626. .anime-image-wrapper.style-two .anime-dot {
  7627. right: 140px;
  7628. left: auto;
  7629. bottom: 50px;
  7630. }
  7631. .anime-image-wrapper.style-two .circle {
  7632. background: linear-gradient(60deg, #FE5924, #ed1f25);
  7633. right: -140px;
  7634. left: auto;
  7635. bottom: 100px;
  7636. }
  7637. @media (max-width: 1400px) {
  7638. .anime-image-wrapper.style-two .circle {
  7639. right: 0;
  7640. }
  7641. }
  7642. .anime-image-wrapper.style-four {
  7643. text-align: right;
  7644. }
  7645. .anime-image-wrapper.style-four .image-one, .anime-image-wrapper.style-four .image-two {
  7646. position: absolute;
  7647. }
  7648. .anime-image-wrapper.style-four .image-one {
  7649. left: 190px;
  7650. top: 210px;
  7651. }
  7652. @media (max-width: 768px) {
  7653. .anime-image-wrapper.style-four .image-one {
  7654. left: 0;
  7655. top: 150px;
  7656. }
  7657. }
  7658. .anime-image-wrapper.style-four .image-two {
  7659. bottom: 210px;
  7660. left: 104px;
  7661. }
  7662. @media (max-width: 767px) {
  7663. .anime-image-wrapper.style-four .image-two {
  7664. left: 0;
  7665. bottom: 150px;
  7666. }
  7667. }
  7668. @media (max-width: 767) {
  7669. .anime-image-wrapper.style-four .feature-image-wrap > img.zoom {
  7670. width: 310px;
  7671. }
  7672. }
  7673. .anime-image-wrapper.style-four .circle {
  7674. position: absolute;
  7675. left: auto;
  7676. right: 0;
  7677. bottom: 30px;
  7678. background-image: -o-linear-gradient(30deg, #504cfa 0%, #ff3695 100%);
  7679. background-image: linear-gradient(60deg, #504cfa 0%, #ff3695 100%);
  7680. height: 500px;
  7681. width: 500px;
  7682. opacity: 0.051 !important;
  7683. }
  7684. @media (max-width: 768px) {
  7685. .anime-image-wrapper.style-four .circle {
  7686. height: 400px;
  7687. width: 400px;
  7688. }
  7689. }
  7690. @media (max-width: 768px) {
  7691. .anime-image-wrapper.style-four .circle {
  7692. height: 300px;
  7693. width: 300px;
  7694. }
  7695. }
  7696. .anime-image-wrapper.style-four .anime-dot {
  7697. right: 0;
  7698. top: 100px;
  7699. }
  7700. .listitem {
  7701. margin-bottom: 48px;
  7702. padding: 0;
  7703. list-style: none;
  7704. }
  7705. .listitem li {
  7706. font-weight: 500;
  7707. margin-bottom: 9px;
  7708. font-size: 16px;
  7709. }
  7710. .listitem li i {
  7711. margin-right: 10px;
  7712. color: #ed1f25;
  7713. }
  7714. /*--------------------------------------------------------------
  7715. ## Preview Slider
  7716. --------------------------------------------------------------*/
  7717. .dashboard-preview {
  7718. padding: 111px 0 60px;
  7719. background: #fcebf0;
  7720. -webkit-transition: all 0.3s ease-in-out;
  7721. -o-transition: all 0.3s ease-in-out;
  7722. transition: all 0.3s ease-in-out;
  7723. }
  7724. @media (max-width: 991px) {
  7725. .dashboard-preview {
  7726. padding: 71px 0 50px;
  7727. }
  7728. }
  7729. .dashboard-preview.active-tab-1 {
  7730. background: #efebfc;
  7731. }
  7732. .dashboard-preview.active-tab-2 {
  7733. background: #ebf8fd;
  7734. }
  7735. .dashboard-preview.active-tab-3 {
  7736. background: #fcf6eb;
  7737. }
  7738. .dashboard-preview.active-tab-4 {
  7739. background: #f4fceb;
  7740. }
  7741. .dashboard-preview.active-tab-5 {
  7742. background: #ebf0fc;
  7743. }
  7744. .dashboard-preview .section-heading {
  7745. margin-bottom: 35px;
  7746. }
  7747. .preview-slider .astriol-pagination {
  7748. width: 270px;
  7749. }
  7750. @media (max-width: 767px) {
  7751. .preview-slider .astriol-pagination {
  7752. width: 100%;
  7753. }
  7754. }
  7755. .preview-slider .astriol-pagination .swiper-pagination-bullet {
  7756. height: auto;
  7757. width: auto;
  7758. border-radius: 40px;
  7759. padding: 15px 25px;
  7760. display: -webkit-box;
  7761. display: -ms-flexbox;
  7762. display: flex;
  7763. outline: 0;
  7764. font-size: 16px;
  7765. font-weight: 500;
  7766. color: #000;
  7767. -webkit-box-align: center;
  7768. -ms-flex-align: center;
  7769. align-items: center;
  7770. opacity: 1;
  7771. background: transparent;
  7772. -webkit-transition: all 0.3s ease-in-out;
  7773. -o-transition: all 0.3s ease-in-out;
  7774. transition: all 0.3s ease-in-out;
  7775. margin-bottom: 10px;
  7776. }
  7777. .preview-slider .astriol-pagination .swiper-pagination-bullet i {
  7778. height: 30px;
  7779. width: 30px;
  7780. line-height: 30px;
  7781. background: #f75687;
  7782. color: #fff;
  7783. border-radius: 50%;
  7784. display: inline-block;
  7785. text-align: center;
  7786. margin-right: 15px;
  7787. -webkit-transition: all 0.3s ease-in-out;
  7788. -o-transition: all 0.3s ease-in-out;
  7789. transition: all 0.3s ease-in-out;
  7790. }
  7791. .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(2) i {
  7792. background: #8463fd;
  7793. }
  7794. .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(3) i {
  7795. background: #32b7fc;
  7796. }
  7797. .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(4) i {
  7798. background: #f7ab25;
  7799. }
  7800. .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(5) i {
  7801. background: #73c216;
  7802. }
  7803. .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(6) i {
  7804. background: #5489fa;
  7805. }
  7806. .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  7807. background: #fff;
  7808. -webkit-box-shadow: 0 20px 30px 0 rgba(3, 49, 72, 0.1);
  7809. box-shadow: 0 20px 30px 0 rgba(3, 49, 72, 0.1);
  7810. color: #f75687;
  7811. }
  7812. .active-tab-1 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  7813. color: #8463fd;
  7814. }
  7815. .active-tab-2 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  7816. color: #32b7fc;
  7817. }
  7818. .active-tab-3 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  7819. color: #f7ab25;
  7820. }
  7821. .active-tab-4 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  7822. color: #73c216;
  7823. }
  7824. .active-tab-5 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  7825. color: #5489fa;
  7826. }
  7827. .previewSlider {
  7828. padding: 30px 0;
  7829. }
  7830. .previewSlider .swiper-slide.swiper-slide-active .slide-image-wrapper {
  7831. visibility: visible;
  7832. -webkit-animation-name: fadeInDown;
  7833. animation-name: fadeInDown;
  7834. -webkit-animation-duration: 0.5s;
  7835. animation-duration: 0.5s;
  7836. -webkit-animation-timing-function: ease-in-out;
  7837. animation-timing-function: ease-in-out;
  7838. opacity: 1 !important;
  7839. }
  7840. .author-info-single {
  7841. display: -webkit-box;
  7842. display: -ms-flexbox;
  7843. display: flex;
  7844. -webkit-box-align: center;
  7845. -ms-flex-align: center;
  7846. align-items: center;
  7847. }
  7848. @media (max-width: 991px) {
  7849. .author-info-single {
  7850. max-width: 200px;
  7851. text-align: left;
  7852. margin: 0 auto;
  7853. }
  7854. }
  7855. .author-info-single .avatar {
  7856. width: 60px;
  7857. height: 60px;
  7858. margin-right: 20px;
  7859. border-radius: 50%;
  7860. overflow: hidden;
  7861. }
  7862. .author-info-single .avatar img {
  7863. width: 100%;
  7864. }
  7865. .author-info-single .content {
  7866. -webkit-box-flex: 2;
  7867. -ms-flex: 2;
  7868. flex: 2;
  7869. }
  7870. .author-info-single .content .name {
  7871. font-size: 18px;
  7872. font-weight: 800;
  7873. color: #000;
  7874. margin: 0;
  7875. }
  7876. .author-info-single .content .designation {
  7877. color: #000;
  7878. font-size: 14px;
  7879. }
  7880. /*--------------------------------------------------------------
  7881. ## Reach Box
  7882. --------------------------------------------------------------*/
  7883. .reach-boxs {
  7884. padding: 105px 0 90px;
  7885. background: #fcfbff;
  7886. background-image: url(../../media/background/reachbox_bg.jpg);
  7887. background-size: cover;
  7888. background-position: center center;
  7889. background-repeat: no-repeat;
  7890. }
  7891. @media (max-width: 991px) {
  7892. .reach-boxs {
  7893. padding: 70px 0 50px;
  7894. }
  7895. }
  7896. .reach-box {
  7897. padding: 50px 40px;
  7898. background: #fff;
  7899. -webkit-box-shadow: 0 20px 40px 0 rgba(20, 3, 70, 0.06);
  7900. box-shadow: 0 20px 40px 0 rgba(20, 3, 70, 0.06);
  7901. margin-bottom: 30px;
  7902. }
  7903. .reach-box .icon-container {
  7904. height: 60px;
  7905. width: 60px;
  7906. background-image: -o-linear-gradient(50deg, #5e2ced 0%, #8c64fd 100%);
  7907. background-image: linear-gradient(40deg, #5e2ced 0%, #8c64fd 100%);
  7908. -webkit-box-shadow: 0 20px 30px 0 rgba(94, 44, 237, 0.3);
  7909. box-shadow: 0 20px 30px 0 rgba(94, 44, 237, 0.3);
  7910. border-radius: 50%;
  7911. margin-bottom: 35px;
  7912. text-align: center;
  7913. font-size: 20px;
  7914. color: #fff;
  7915. }
  7916. .reach-box .icon-container i {
  7917. line-height: 60px;
  7918. }
  7919. .reach-box h3 {
  7920. font-size: 20px;
  7921. font-weight: 800;
  7922. margin-bottom: 25px;
  7923. color: #051441;
  7924. }
  7925. .reach-box h3 a {
  7926. color: #051441;
  7927. }
  7928. .reach-box h3 a:hover {
  7929. color: #f8b137;
  7930. }
  7931. .reach-box .reach-list {
  7932. margin: 0;
  7933. padding: 0;
  7934. list-style: none;
  7935. }
  7936. .reach-box .reach-list li {
  7937. font-size: 16px;
  7938. line-height: 36px;
  7939. font-weight: 400;
  7940. position: relative;
  7941. }
  7942. .reach-box .reach-list li i {
  7943. color: #6e58fc;
  7944. margin-right: 5px;
  7945. font-size: 20px;
  7946. }
  7947. .reach-box.color-two .icon-container {
  7948. background-image: -o-linear-gradient(50deg, #5bc316 0%, #81e241 100%);
  7949. background-image: linear-gradient(40deg, #5bc316 0%, #81e241 100%);
  7950. -webkit-box-shadow: 0px 20px 30px 0px rgba(94, 204, 21, 0.3);
  7951. box-shadow: 0px 20px 30px 0px rgba(94, 204, 21, 0.3);
  7952. }
  7953. .reach-box.color-two .reach-list li i {
  7954. color: #a4b610;
  7955. }
  7956. .reach-box.color-three .icon-container {
  7957. background-image: -o-linear-gradient(50deg, #ec2b86 0%, #fe4a9e 100%);
  7958. background-image: linear-gradient(40deg, #ec2b86 0%, #fe4a9e 100%);
  7959. -webkit-box-shadow: 0px 20px 30px 0px rgba(246, 35, 134, 0.3);
  7960. box-shadow: 0px 20px 30px 0px rgba(246, 35, 134, 0.3);
  7961. }
  7962. .reach-box.color-three .reach-list li i {
  7963. color: #f62386;
  7964. }
  7965. /*--------------------------------------------------------------
  7966. ## Tabs
  7967. --------------------------------------------------------------*/
  7968. .overview {
  7969. padding: 107px 0 200px;
  7970. }
  7971. @media (max-width: 991px) {
  7972. .overview {
  7973. padding: 70px 0 75px;
  7974. }
  7975. }
  7976. .gp-tab .gp_tabs_item {
  7977. display: none;
  7978. }
  7979. .gp-tab .gp_tabs_item:first-child {
  7980. display: block;
  7981. }
  7982. .gp-tab .gp_tabs_item {
  7983. display: none;
  7984. }
  7985. .gp-tab .gp_tabs_item:first-child {
  7986. display: block;
  7987. }
  7988. .tab-swipe {
  7989. position: relative;
  7990. }
  7991. .tab-swipe .indicator {
  7992. background: #6e58fc;
  7993. position: absolute;
  7994. left: 0;
  7995. -webkit-transition: all 0.3s ease;
  7996. -o-transition: all 0.3s ease;
  7997. transition: all 0.3s ease;
  7998. height: 2px;
  7999. bottom: 0;
  8000. }
  8001. .tab-style-one {
  8002. display: -webkit-box;
  8003. display: -ms-flexbox;
  8004. display: flex;
  8005. -ms-flex-wrap: wrap;
  8006. flex-wrap: wrap;
  8007. }
  8008. .tab-style-one .gp-tabs-nav {
  8009. margin: 0;
  8010. padding: 0;
  8011. list-style: none;
  8012. position: relative;
  8013. width: 270px;
  8014. }
  8015. @media (max-width: 1200px) {
  8016. .tab-style-one .gp-tabs-nav {
  8017. width: 200px;
  8018. }
  8019. }
  8020. @media (max-width: 576px) {
  8021. .tab-style-one .gp-tabs-nav {
  8022. display: block;
  8023. text-align: center;
  8024. width: 100%;
  8025. }
  8026. }
  8027. .tab-style-one .gp-tabs-nav li {
  8028. display: block;
  8029. overflow: hidden;
  8030. padding: 0;
  8031. margin-bottom: 18px;
  8032. }
  8033. .tab-style-one .gp-tabs-nav a {
  8034. color: #6d717f;
  8035. font-weight: 500;
  8036. display: block;
  8037. font-size: 16px;
  8038. display: inline-block;
  8039. position: relative;
  8040. padding-bottom: 5px;
  8041. }
  8042. .tab-style-one .gp-tabs-nav a:before {
  8043. content: "";
  8044. position: absolute;
  8045. bottom: 4px;
  8046. left: 0;
  8047. height: 1px;
  8048. width: 0;
  8049. background: #5e2ced;
  8050. -webkit-transition: all 0.3s ease-in-out;
  8051. -o-transition: all 0.3s ease-in-out;
  8052. transition: all 0.3s ease-in-out;
  8053. }
  8054. .tab-style-one .gp-tabs-nav a.isActive:before {
  8055. width: 100%;
  8056. }
  8057. .tab-style-one .tab_content {
  8058. -webkit-box-flex: 2;
  8059. -ms-flex: 2;
  8060. flex: 2;
  8061. }
  8062. .tab-style-one .gp_tabs_item .tab-contents-wrap {
  8063. display: -webkit-box;
  8064. display: -ms-flexbox;
  8065. display: flex;
  8066. -ms-flex-wrap: wrap;
  8067. flex-wrap: wrap;
  8068. -webkit-box-align: center;
  8069. -ms-flex-align: center;
  8070. align-items: center;
  8071. -webkit-box-shadow: 0px 40px 50px 0px rgba(20, 3, 70, 0.08);
  8072. box-shadow: 0px 40px 50px 0px rgba(20, 3, 70, 0.08);
  8073. background: #fff;
  8074. border-radius: 10px;
  8075. border: 2px solid #f5f4f9;
  8076. padding: 70px;
  8077. }
  8078. @media (max-width: 991px) {
  8079. .tab-style-one .gp_tabs_item .tab-contents-wrap {
  8080. display: block;
  8081. text-align: center;
  8082. }
  8083. }
  8084. @media (max-width: 768px) {
  8085. .tab-style-one .gp_tabs_item .tab-contents-wrap {
  8086. padding: 30px;
  8087. }
  8088. }
  8089. .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content {
  8090. -webkit-box-flex: 1;
  8091. -ms-flex: 1;
  8092. flex: 1;
  8093. padding-left: 75px;
  8094. }
  8095. @media (max-width: 1200px) {
  8096. .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content {
  8097. padding-left: 30px;
  8098. }
  8099. }
  8100. @media (max-width: 991px) {
  8101. .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content {
  8102. padding-left: 0;
  8103. }
  8104. }
  8105. .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content .icon-container {
  8106. height: 70px;
  8107. width: 70px;
  8108. background: rgba(94, 44, 237, 0.102);
  8109. text-align: center;
  8110. line-height: 70px;
  8111. color: #6e58fc;
  8112. font-size: 20px;
  8113. border-radius: 50%;
  8114. margin-bottom: 25px;
  8115. }
  8116. @media (max-width: 991px) {
  8117. .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content .icon-container {
  8118. margin: 0 auto 25px;
  8119. }
  8120. }
  8121. .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content h3 {
  8122. font-size: 22px;
  8123. line-height: 30px;
  8124. margin-bottom: 30px;
  8125. font-weight: 700;
  8126. }
  8127. .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content p {
  8128. font-size: 16px;
  8129. line-height: 28px;
  8130. }
  8131. .tab-style-one .current a {
  8132. color: #6e58fc;
  8133. }
  8134. .tab-style-one .current a:after {
  8135. width: 100%;
  8136. }
  8137. .tab-style-two .gp-tabs-nav {
  8138. margin: 0;
  8139. padding: 0;
  8140. list-style: none;
  8141. }
  8142. .tab-style-two .gp-tabs-nav li {
  8143. display: block;
  8144. margin-bottom: 10px;
  8145. overflow: hidden;
  8146. padding: 0;
  8147. position: relative;
  8148. }
  8149. .tab-style-two .gp-tabs-nav a {
  8150. color: #af96ed;
  8151. font-weight: 300;
  8152. display: block;
  8153. letter-spacing: 1px;
  8154. -webkit-transition: all 0.3s ease-in-out;
  8155. -o-transition: all 0.3s ease-in-out;
  8156. transition: all 0.3s ease-in-out;
  8157. text-transform: uppercase;
  8158. display: inline-block;
  8159. position: relative;
  8160. }
  8161. .tab-style-two .gp-tabs-nav a:after {
  8162. content: "";
  8163. position: absolute;
  8164. width: 0;
  8165. left: 0;
  8166. bottom: 0;
  8167. height: 1px;
  8168. background: #fff;
  8169. -webkit-transition: all 0.3s ease-in-out;
  8170. -o-transition: all 0.3s ease-in-out;
  8171. transition: all 0.3s ease-in-out;
  8172. }
  8173. .tab-style-two .gp_tabs_item {
  8174. display: none;
  8175. padding: 30px 0;
  8176. }
  8177. .tab-style-two .gp_tabs_item h4 {
  8178. font-weight: bold;
  8179. color: #f8b137;
  8180. font-size: 20px;
  8181. }
  8182. .tab-style-two .gp_tabs_item img {
  8183. width: 200px;
  8184. float: left;
  8185. margin-right: 30px;
  8186. }
  8187. .tab-style-two .gp_tabs_item:first-child {
  8188. display: block;
  8189. }
  8190. .tab-style-two .current a {
  8191. color: #fff;
  8192. }
  8193. .tab-style-two .current a:after {
  8194. width: 100%;
  8195. }
  8196. .gp-tabs.style-two .gp-tabs-navigation {
  8197. max-width: 100%;
  8198. text-align: left;
  8199. margin-bottom: 22px;
  8200. }
  8201. @media (max-width: 991px) {
  8202. .gp-tabs.style-two .gp-tabs-navigation {
  8203. text-align: center;
  8204. }
  8205. }
  8206. .gp-tabs.style-two .gp-tabs-navigation li {
  8207. position: relative;
  8208. background: transparent;
  8209. padding: 0;
  8210. margin: 0;
  8211. font-weight: 400;
  8212. border: 0;
  8213. -webkit-box-shadow: none;
  8214. box-shadow: none;
  8215. display: inline-block;
  8216. }
  8217. .gp-tabs.style-two .gp-tabs-navigation li:not(:last-child) {
  8218. margin-right: 30px;
  8219. }
  8220. .gp-tabs.style-two .gp-tabs-navigation li:not(:last-child):after {
  8221. content: "";
  8222. position: absolute;
  8223. top: 8px;
  8224. right: -18px;
  8225. height: 11px;
  8226. background: #c7b1fe;
  8227. width: 2px;
  8228. }
  8229. .gp-tabs.style-two .gp-tabs-navigation li a {
  8230. color: #c7b1fe;
  8231. font-size: 12px;
  8232. font-weight: 500;
  8233. text-transform: uppercase;
  8234. }
  8235. .gp-tabs.style-two .gp-tabs-navigation li.active-tab a {
  8236. color: #fff;
  8237. }
  8238. .gp-tabs.style-two .gp-tabs-content {
  8239. margin: 0 -220px 0 0;
  8240. }
  8241. @media (max-width: 1480px) {
  8242. .gp-tabs.style-two .gp-tabs-content {
  8243. margin: 0 -155px 0 0;
  8244. }
  8245. }
  8246. @media (max-width: 1200px) {
  8247. .gp-tabs.style-two .gp-tabs-content {
  8248. margin: 0 -100px 0 0;
  8249. }
  8250. }
  8251. @media (max-width: 991px) {
  8252. .gp-tabs.style-two .gp-tabs-content {
  8253. margin: 0;
  8254. }
  8255. }
  8256. .gp-tabs.style-two .gp-tabs-content .feature-tab-image img {
  8257. max-width: 100%;
  8258. border-top-left-radius: 6px;
  8259. border-top-right-radius: 6px;
  8260. }
  8261. .overview-page {
  8262. padding: 100px 0 120px;
  8263. }
  8264. .overview-page .tab-style-one .current a {
  8265. color: #ed1f25;
  8266. }
  8267. .overview-page .tab-style-one .current a:before {
  8268. background: #ed1f25;
  8269. }
  8270. .overview-page .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content .icon-container {
  8271. background: rgba(26, 191, 104, 0.102);
  8272. color: #ed1f25;
  8273. }
  8274. /*--------------------------------------------------------------
  8275. ## Feature Tabs
  8276. --------------------------------------------------------------*/
  8277. .feature-image-tabs {
  8278. background: #8240fc;
  8279. padding-top: 110px;
  8280. position: relative;
  8281. overflow: hidden;
  8282. }
  8283. @media (max-width: 991px) {
  8284. .feature-image-tabs {
  8285. padding-top: 70px;
  8286. padding-bottom: 40px;
  8287. }
  8288. }
  8289. .feature-image-tabs:before {
  8290. content: "";
  8291. position: absolute;
  8292. right: 0;
  8293. top: 0;
  8294. width: 29%;
  8295. height: 100%;
  8296. background: #ff9b6f;
  8297. }
  8298. @media (max-width: 1600px) {
  8299. .feature-image-tabs:before {
  8300. width: 20%;
  8301. }
  8302. }
  8303. @media (max-width: 991px) {
  8304. .feature-content-wrapper {
  8305. margin-bottom: 60px;
  8306. text-align: center !important;
  8307. }
  8308. .feature-content-wrapper p {
  8309. max-width: 500px;
  8310. margin: 20px auto 0;
  8311. }
  8312. }
  8313. .feature-content-wrapper .section-heading {
  8314. margin-bottom: 45px;
  8315. }
  8316. @media (max-width: 991px) {
  8317. .feature-content-wrapper .section-heading {
  8318. text-align: center !important;
  8319. }
  8320. }
  8321. .feature-content-wrapper .section-heading .subtitle {
  8322. margin-bottom: 15px;
  8323. }
  8324. .feature-content-wrapper .section-heading .subtitle, .feature-content-wrapper .section-heading .section-title, .feature-content-wrapper .section-heading p {
  8325. color: #fff;
  8326. }
  8327. .feature-content-wrapper .section-heading .section-title {
  8328. font-weight: 700;
  8329. font-size: 50px;
  8330. line-height: 60px;
  8331. }
  8332. @media (max-width: 991px) {
  8333. .feature-content-wrapper .section-heading .section-title {
  8334. font-size: 30px;
  8335. line-height: 1.2;
  8336. }
  8337. }
  8338. .feature-content-wrapper .gp-btn.color-nine.btn-outline {
  8339. border: 2px solid rgba(255, 255, 255, 0.4);
  8340. color: rgba(255, 255, 255, 0.8);
  8341. font-size: 14px;
  8342. }
  8343. .feature-content-wrapper .gp-btn.color-nine.btn-outline:hover {
  8344. border-color: #ed1f25;
  8345. }
  8346. /*--------------------------------------------------------------
  8347. ## Download
  8348. --------------------------------------------------------------*/
  8349. .downloads {
  8350. padding-bottom: 158px;
  8351. }
  8352. @media (max-width: 991px) {
  8353. .downloads {
  8354. padding-bottom: 50px;
  8355. }
  8356. }
  8357. .download-contents .section-heading .section-title {
  8358. font-size: 40px;
  8359. line-height: 50px;
  8360. margin-bottom: 20px;
  8361. }
  8362. @media (max-width: 576px) {
  8363. .download-contents .section-heading .section-title {
  8364. font-size: 28px;
  8365. line-height: 38px;
  8366. }
  8367. .download-contents .section-heading .section-title br {
  8368. display: none;
  8369. }
  8370. }
  8371. .download-contents .section-heading p {
  8372. font-size: 18px;
  8373. line-height: 30px;
  8374. margin-bottom: 40px;
  8375. }
  8376. .download-contents .button-container {
  8377. margin-top: 0;
  8378. }
  8379. .download-contents .button-container .btn-outline {
  8380. margin-left: 20px;
  8381. }
  8382. @media (max-width: 480px) {
  8383. .download-contents .button-container .btn-outline {
  8384. margin-left: 0;
  8385. margin-top: 20px;
  8386. }
  8387. }
  8388. .download-contents .button-container .app-btn {
  8389. -webkit-box-shadow: none;
  8390. box-shadow: none;
  8391. }
  8392. .extra-link-box {
  8393. display: -webkit-box;
  8394. display: -ms-flexbox;
  8395. display: flex;
  8396. -webkit-box-align: center;
  8397. -ms-flex-align: center;
  8398. align-items: center;
  8399. -ms-flex-wrap: wrap;
  8400. flex-wrap: wrap;
  8401. margin-top: 50px;
  8402. }
  8403. .extra-link-box .link-icon {
  8404. height: 50px;
  8405. width: 50px;
  8406. line-height: 53px;
  8407. text-align: center;
  8408. background: #fa4987;
  8409. color: #fff;
  8410. border-radius: 50%;
  8411. font-size: 22px;
  8412. margin-right: 20px;
  8413. -webkit-box-shadow: 0px 20px 30px 0px rgba(250, 89, 146, 0.3);
  8414. box-shadow: 0px 20px 30px 0px rgba(250, 89, 146, 0.3);
  8415. }
  8416. .extra-link-box .link-content {
  8417. -webkit-box-flex: 2;
  8418. -ms-flex: 2;
  8419. flex: 2;
  8420. -webkit-box-align: center;
  8421. -ms-flex-align: center;
  8422. align-items: center;
  8423. }
  8424. .extra-link-box .link-content .title {
  8425. font-size: 16px;
  8426. font-weight: 400;
  8427. margin: 0;
  8428. line-height: 26px;
  8429. }
  8430. .extra-link-box .link-content a {
  8431. color: #ed1f25;
  8432. }
  8433. .extra-link-box .link-content a i {
  8434. display: inline-block;
  8435. vertical-align: middle;
  8436. }
  8437. .extra-link-box .link-content a:hover {
  8438. color: #2c2c51;
  8439. }
  8440. .download-feature-image-wrapper .image-container {
  8441. position: relative;
  8442. max-height: 615px;
  8443. }
  8444. @media (max-width: 991px) {
  8445. .download-feature-image-wrapper .image-container {
  8446. max-width: 620px;
  8447. }
  8448. }
  8449. .download-feature-image-wrapper .image-one {
  8450. position: relative;
  8451. z-index: 3;
  8452. margin-left: 65px;
  8453. }
  8454. @media (max-width: 1200px) {
  8455. .download-feature-image-wrapper .image-one {
  8456. margin-left: 0;
  8457. }
  8458. }
  8459. .download-feature-image-wrapper .image-two, .download-feature-image-wrapper .dot {
  8460. position: absolute;
  8461. }
  8462. .download-feature-image-wrapper .image-two {
  8463. left: 270px;
  8464. top: 50px;
  8465. z-index: 2;
  8466. }
  8467. @media (max-width: 1200px) {
  8468. .download-feature-image-wrapper .image-two {
  8469. left: 170px;
  8470. }
  8471. }
  8472. @media (max-width: 576px) {
  8473. .download-feature-image-wrapper .image-two {
  8474. left: 100px;
  8475. }
  8476. }
  8477. @media (max-width: 440px) {
  8478. .download-feature-image-wrapper .image-two {
  8479. left: 60px;
  8480. }
  8481. }
  8482. .download-feature-image-wrapper .dot {
  8483. right: -25px;
  8484. bottom: 20px;
  8485. z-index: 1;
  8486. -webkit-animation: jump 3s infinite;
  8487. animation: jump 3s infinite;
  8488. }
  8489. @media (max-width: 1200px) {
  8490. .download-feature-image-wrapper .dot {
  8491. right: 30px;
  8492. }
  8493. }
  8494. .download-feature-image-wrapper .circle {
  8495. position: absolute;
  8496. right: -40%;
  8497. top: -20%;
  8498. height: 650px;
  8499. width: 650px;
  8500. background: #f6f9fb;
  8501. border-radius: 50%;
  8502. }
  8503. @media (max-width: 1600px) {
  8504. .download-feature-image-wrapper .circle {
  8505. right: -20%;
  8506. }
  8507. }
  8508. @media (max-width: 1440px) {
  8509. .download-feature-image-wrapper .circle {
  8510. right: -7%;
  8511. height: 550px;
  8512. width: 550px;
  8513. }
  8514. }
  8515. @media (max-width: 1200px) {
  8516. .download-feature-image-wrapper .circle {
  8517. right: 0;
  8518. top: -10%;
  8519. }
  8520. }
  8521. /*--------------------------------------------------------------
  8522. ## Portfolio
  8523. --------------------------------------------------------------*/
  8524. .portfolio-agency {
  8525. padding: 112px 0 93px;
  8526. }
  8527. @media (max-width: 991px) {
  8528. .portfolio-agency {
  8529. padding: 72px 0 53px;
  8530. }
  8531. }
  8532. .portfolio-agency .section-heading .subtitle {
  8533. margin-bottom: 10px;
  8534. }
  8535. @media (max-width: 991px) {
  8536. .portfolio-agency .section-heading {
  8537. text-align: center !important;
  8538. margin-bottom: 30px !important;
  8539. }
  8540. }
  8541. .portfolio-sliders {
  8542. background: #fbfbfd;
  8543. padding: 115px 0 0;
  8544. }
  8545. @media (max-width: 991px) {
  8546. .portfolio-sliders {
  8547. padding: 75px 0 0;
  8548. }
  8549. }
  8550. .portfolio-sliders .white-shape {
  8551. position: absolute;
  8552. width: 100%;
  8553. height: 110px;
  8554. background: #fff;
  8555. bottom: 0;
  8556. }
  8557. .portfolio-slider-wrapper {
  8558. padding: 0 70px;
  8559. }
  8560. @media (max-width: 991px) {
  8561. .portfolio-slider-wrapper {
  8562. padding: 0;
  8563. }
  8564. }
  8565. .portfolio-slider-wrapper .swiper-container {
  8566. padding: 0 30px 50px;
  8567. }
  8568. .portfolio-item-slide {
  8569. background: #fff;
  8570. -webkit-box-shadow: 0 20px 40px 0 rgba(3, 24, 61, 0.06);
  8571. box-shadow: 0 20px 40px 0 rgba(3, 24, 61, 0.06);
  8572. }
  8573. .portfolio-item-slide .portfolio-image {
  8574. position: relative;
  8575. overflow: hidden;
  8576. }
  8577. .portfolio-item-slide .portfolio-image img {
  8578. -webkit-transition: all 0.3s ease-in-out;
  8579. -o-transition: all 0.3s ease-in-out;
  8580. transition: all 0.3s ease-in-out;
  8581. }
  8582. .portfolio-item-slide .portfolio-image a:before {
  8583. content: "";
  8584. position: absolute;
  8585. width: 100%;
  8586. height: 100%;
  8587. background: rgba(77, 90, 254, 0.7);
  8588. opacity: 0;
  8589. -webkit-transition: all 0.3s ease-in-out;
  8590. -o-transition: all 0.3s ease-in-out;
  8591. transition: all 0.3s ease-in-out;
  8592. z-index: 2;
  8593. }
  8594. .portfolio-item-slide .portfolio-image:hover img {
  8595. -webkit-transform: scale(1.07);
  8596. -ms-transform: scale(1.07);
  8597. transform: scale(1.07);
  8598. }
  8599. .portfolio-item-slide .portfolio-image:hover a:before {
  8600. opacity: 1;
  8601. -webkit-transform: scale(1);
  8602. -ms-transform: scale(1);
  8603. transform: scale(1);
  8604. }
  8605. .portfolio-item-slide .portfolio-content {
  8606. padding: 25px 50px;
  8607. }
  8608. @media (max-width: 768px) {
  8609. .portfolio-item-slide .portfolio-content {
  8610. padding: 25px 30px;
  8611. }
  8612. }
  8613. .portfolio-item-slide .portfolio-content .title {
  8614. font-size: 22px;
  8615. font-weight: 800;
  8616. line-height: 1.4;
  8617. margin: 0;
  8618. }
  8619. .portfolio-item-slide .portfolio-content .title a {
  8620. color: #373d46;
  8621. }
  8622. .portfolio-item-slide .portfolio-content .title a:hover {
  8623. color: #4d5afe;
  8624. }
  8625. .portfolio-item-slide .portfolio-content .port-cat {
  8626. font-size: 16px;
  8627. color: #6a7695;
  8628. }
  8629. .portfolios {
  8630. padding: 106px 0 100px;
  8631. }
  8632. @media (max-width: 768px) {
  8633. .portfolios {
  8634. padding: 66px 0 60px;
  8635. }
  8636. }
  8637. .portfolios-masonry {
  8638. padding: 106px 0 40px;
  8639. }
  8640. @media (max-width: 768px) {
  8641. .portfolios-masonry {
  8642. padding: 66px 0 60px;
  8643. }
  8644. }
  8645. .astriol__isotope-filter {
  8646. margin-bottom: 50px;
  8647. padding: 0;
  8648. list-style: none;
  8649. }
  8650. .astriol__isotope-filter li {
  8651. display: inline-block;
  8652. margin-bottom: 10px;
  8653. }
  8654. .astriol__isotope-filter li:not(:last-child) {
  8655. margin-right: 50px;
  8656. }
  8657. @media (max-width: 440px) {
  8658. .astriol__isotope-filter li {
  8659. display: block;
  8660. }
  8661. }
  8662. .astriol__isotope-filter li a {
  8663. color: #797687;
  8664. font-size: 14px;
  8665. font-weight: 800;
  8666. display: inline-block;
  8667. text-transform: uppercase;
  8668. }
  8669. .astriol__isotope-filter li.current a {
  8670. border-color: #ed1f25;
  8671. color: #ed1f25;
  8672. }
  8673. .astriol__isotope-filter.style--two {
  8674. margin-bottom: 30px;
  8675. text-align: right;
  8676. }
  8677. @media (max-width: 991px) {
  8678. .astriol__isotope-filter.style--two {
  8679. text-align: center;
  8680. }
  8681. }
  8682. .astriol__isotope-filter.style--two li a {
  8683. font-size: 12px;
  8684. font-weight: 500;
  8685. }
  8686. .astriol__isotope-filter.style--two li.current a {
  8687. color: #ed1f25;
  8688. }
  8689. .grid-sizer {
  8690. min-height: 1px;
  8691. }
  8692. .astriol__portfolio-items {
  8693. margin-top: 20px;
  8694. }
  8695. .astriol__portfolio-items.column-2 {
  8696. width: calc(100% + 2%);
  8697. }
  8698. .astriol__portfolio-items.column-2 .astriol__portfolio, .astriol__portfolio-items.column-2 .grid-sizer {
  8699. width: calc(50% - 2%);
  8700. margin-right: 2%;
  8701. }
  8702. .astriol__portfolio-items.column-3 {
  8703. width: calc(100% + 2.4%);
  8704. }
  8705. .astriol__portfolio-items.column-3 .astriol__portfolio, .astriol__portfolio-items.column-3 .grid-sizer {
  8706. width: calc(33.33% - 2.4%);
  8707. margin-right: 2.4%;
  8708. }
  8709. @media (max-width: 768px) {
  8710. .astriol__portfolio-items.column-3 .astriol__portfolio, .astriol__portfolio-items.column-3 .grid-sizer {
  8711. width: calc(50% - 2.4%);
  8712. }
  8713. }
  8714. @media (max-width: 440px) {
  8715. .astriol__portfolio-items.column-3 .astriol__portfolio, .astriol__portfolio-items.column-3 .grid-sizer {
  8716. width: 100%;
  8717. margin-right: 0;
  8718. margin-bottom: 20px;
  8719. }
  8720. }
  8721. @media (max-width: 440px) {
  8722. .astriol__portfolio-items.column-3 {
  8723. width: 100%;
  8724. }
  8725. }
  8726. .astriol__portfolio {
  8727. margin-bottom: 2.4%;
  8728. position: relative;
  8729. }
  8730. .astriol__portfolio-image {
  8731. position: relative;
  8732. overflow: hidden;
  8733. border-radius: 10px;
  8734. -webkit-transition: all 0.5s ease-in-out;
  8735. -o-transition: all 0.5s ease-in-out;
  8736. transition: all 0.5s ease-in-out;
  8737. }
  8738. .astriol__portfolio-image img {
  8739. -webkit-transition: all 0.6s ease-in-out;
  8740. -o-transition: all 0.6s ease-in-out;
  8741. transition: all 0.6s ease-in-out;
  8742. width: 100%;
  8743. }
  8744. .astriol__portfolio-image:before {
  8745. content: "";
  8746. position: absolute;
  8747. width: 100%;
  8748. height: 100%;
  8749. top: 0;
  8750. left: 0;
  8751. background: rgba(44, 44, 81, 0.7);
  8752. z-index: 1;
  8753. opacity: 0;
  8754. visibility: hidden;
  8755. -webkit-transition: all 0.5s ease-in-out;
  8756. -o-transition: all 0.5s ease-in-out;
  8757. transition: all 0.5s ease-in-out;
  8758. }
  8759. .astriol__portfolio-image .portfolio-info {
  8760. padding: 0 40px;
  8761. position: absolute;
  8762. width: 100%;
  8763. bottom: 35px;
  8764. left: 0;
  8765. overflow: hidden;
  8766. }
  8767. .astriol__portfolio-image .portfolio-info h3 {
  8768. font-size: 24px;
  8769. margin-bottom: 4px;
  8770. line-height: 32px;
  8771. -webkit-transform: translateY(-35px);
  8772. -ms-transform: translateY(-35px);
  8773. transform: translateY(-35px);
  8774. -webkit-transition: all 0.5s ease-in-out;
  8775. -o-transition: all 0.5s ease-in-out;
  8776. transition: all 0.5s ease-in-out;
  8777. font-weight: 800;
  8778. opacity: 0;
  8779. }
  8780. .astriol__portfolio-image .portfolio-info h3 a {
  8781. color: #fff;
  8782. }
  8783. .astriol__portfolio-image .portfolio-info span {
  8784. color: #fff;
  8785. font-size: 14px;
  8786. display: inline-block;
  8787. margin-bottom: 15px;
  8788. -webkit-transform: translateY(20px);
  8789. -ms-transform: translateY(20px);
  8790. transform: translateY(20px);
  8791. -webkit-transition: all 0.5s ease-in-out;
  8792. -o-transition: all 0.5s ease-in-out;
  8793. transition: all 0.5s ease-in-out;
  8794. opacity: 0;
  8795. }
  8796. .astriol__portfolio-image:hover:before {
  8797. opacity: 1;
  8798. visibility: visible;
  8799. }
  8800. .astriol__portfolio-image:hover img {
  8801. -webkit-transform: rotate(3deg) scale(1.07);
  8802. -ms-transform: rotate(3deg) scale(1.07);
  8803. transform: rotate(3deg) scale(1.07);
  8804. }
  8805. .astriol__portfolio-image:hover .portfolio-info {
  8806. -webkit-box-shadow: none;
  8807. box-shadow: none;
  8808. z-index: 4;
  8809. }
  8810. .astriol__portfolio-image:hover .portfolio-info h3, .astriol__portfolio-image:hover .portfolio-info p, .astriol__portfolio-image:hover .portfolio-info span {
  8811. -webkit-transform: translateY(0);
  8812. -ms-transform: translateY(0);
  8813. transform: translateY(0);
  8814. opacity: 1;
  8815. }
  8816. .astriol__portfolio-items--two .astriol__portfolio {
  8817. margin-bottom: 115px;
  8818. }
  8819. .astriol__portfolio-items--two .astriol__portfolio .astriol__portfolio-image {
  8820. overflow: visible;
  8821. }
  8822. .astriol__portfolio-items--two .astriol__portfolio .astriol__portfolio-image:before {
  8823. display: none;
  8824. }
  8825. .astriol__portfolio-items--two .astriol__portfolio .astriol__portfolio-image img {
  8826. border-radius: 10px;
  8827. }
  8828. .astriol__portfolio-items--two .astriol__portfolio .astriol__portfolio-image:hover img {
  8829. -webkit-transform: rotate(0) scale(1);
  8830. -ms-transform: rotate(0) scale(1);
  8831. transform: rotate(0) scale(1);
  8832. }
  8833. .astriol__portfolio-items--two .astriol__portfolio .portfolio-info {
  8834. width: 80%;
  8835. left: 50%;
  8836. -webkit-transform: translateX(-50%);
  8837. -ms-transform: translateX(-50%);
  8838. transform: translateX(-50%);
  8839. padding: 25px 30px;
  8840. bottom: 0;
  8841. -webkit-box-shadow: 0 26px 40px 0 rgba(8, 22, 113, 0.08);
  8842. box-shadow: 0 26px 40px 0 rgba(8, 22, 113, 0.08);
  8843. -webkit-transform: translate(-50%, 55px);
  8844. -ms-transform: translate(-50%, 55px);
  8845. transform: translate(-50%, 55px);
  8846. border-radius: 6px;
  8847. -webkit-transition: all 0.3s ease-in-out;
  8848. -o-transition: all 0.3s ease-in-out;
  8849. transition: all 0.3s ease-in-out;
  8850. }
  8851. .astriol__portfolio-items--two .astriol__portfolio .portfolio-info h3, .astriol__portfolio-items--two .astriol__portfolio .portfolio-info span {
  8852. -webkit-transform: translateY(0);
  8853. -ms-transform: translateY(0);
  8854. transform: translateY(0);
  8855. opacity: 1;
  8856. color: #333;
  8857. }
  8858. .astriol__portfolio-items--two .astriol__portfolio .portfolio-info h3 {
  8859. font-size: 20px;
  8860. line-height: 1;
  8861. }
  8862. .astriol__portfolio-items--two .astriol__portfolio .portfolio-info h3 a {
  8863. color: #373d46;
  8864. }
  8865. .astriol__portfolio-items--two .astriol__portfolio .portfolio-info h3 a:hover {
  8866. color: #ed1f25;
  8867. }
  8868. .astriol__portfolio-items--two .astriol__portfolio .portfolio-info span {
  8869. margin: 0;
  8870. }
  8871. .astriol__portfolio-items--two .astriol__portfolio .portfolio-info:before {
  8872. content: "";
  8873. position: absolute;
  8874. background: #fff;
  8875. width: 100%;
  8876. height: 100%;
  8877. top: 0;
  8878. left: 0;
  8879. border-radius: 6px;
  8880. }
  8881. .astriol__portfolio-items--two .astriol__portfolio:hover .portfolio-info {
  8882. -webkit-transform: translate(-50%, -30px);
  8883. -ms-transform: translate(-50%, -30px);
  8884. transform: translate(-50%, -30px);
  8885. }
  8886. .astriol__portfolio-items--three .astriol__portfolio-image:before {
  8887. opacity: 1;
  8888. visibility: visible;
  8889. background: rgba(31, 17, 58, 0.3);
  8890. }
  8891. .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info {
  8892. bottom: auto;
  8893. top: 40px;
  8894. z-index: 2;
  8895. }
  8896. .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info .portfolio-title, .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info span {
  8897. opacity: 1;
  8898. -webkit-transform: translateY(0);
  8899. -ms-transform: translateY(0);
  8900. transform: translateY(0);
  8901. }
  8902. .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info span {
  8903. margin: 0;
  8904. }
  8905. .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info .portfolio-title {
  8906. font-size: 20px;
  8907. }
  8908. .astriol__portfolio-items--three .astriol__portfolio-image .popup-image {
  8909. position: absolute;
  8910. height: 50px;
  8911. width: 50px;
  8912. border: 1px solid rgba(255, 255, 255, 0.502);
  8913. left: 40px;
  8914. bottom: 50px;
  8915. border-radius: 50%;
  8916. text-align: center;
  8917. line-height: 50px;
  8918. color: #fff;
  8919. font-size: 20px;
  8920. z-index: 2;
  8921. }
  8922. .astriol__portfolio-items--three .astriol__portfolio-image .popup-image:hover {
  8923. background: #fff;
  8924. border-color: #fff;
  8925. color: #ed1f25;
  8926. }
  8927. .astriol__portfolio-items--three .astriol__portfolio-image:hover::before {
  8928. background: rgba(251, 140, 92, 0.9);
  8929. }
  8930. .portfolio-single {
  8931. padding-top: 116px;
  8932. }
  8933. .portfolio--single-gallery {
  8934. width: calc(100% + 30px);
  8935. }
  8936. .gallery-item, .grid-sizerr {
  8937. margin-right: 30px;
  8938. margin-bottom: 30px;
  8939. width: calc(50% - 30px);
  8940. }
  8941. .gallery-item.width-large, .grid-sizerr.width-large {
  8942. width: calc(65% - 30px);
  8943. }
  8944. .gallery-item.width-small, .grid-sizerr.width-small {
  8945. width: calc(34% - 30px);
  8946. }
  8947. .portfolio-share {
  8948. position: absolute;
  8949. top: 50%;
  8950. right: -47px;
  8951. -webkit-transform: translateY(-50%) rotate(-90deg);
  8952. -ms-transform: translateY(-50%) rotate(-90deg);
  8953. transform: translateY(-50%) rotate(-90deg);
  8954. }
  8955. .portfolio-share span {
  8956. color: #fff;
  8957. text-transform: uppercase;
  8958. font-size: 14px;
  8959. font-weight: 500;
  8960. margin-right: 10px;
  8961. }
  8962. .portfolio-share .port-social-share {
  8963. margin: 0;
  8964. padding: 0;
  8965. list-style: none;
  8966. display: inline-block;
  8967. }
  8968. .portfolio-share .port-social-share li {
  8969. display: inline-block;
  8970. margin-right: 15px;
  8971. }
  8972. .portfolio-share .port-social-share li a {
  8973. color: #fff;
  8974. display: inline-block;
  8975. font-size: 14px;
  8976. }
  8977. .gallery--image img {
  8978. width: 100%;
  8979. margin-bottom: 30px;
  8980. }
  8981. .portfolio__content {
  8982. padding-bottom: 135px;
  8983. }
  8984. .portfolio__content-top {
  8985. display: -webkit-box;
  8986. display: -ms-flexbox;
  8987. display: flex;
  8988. -ms-flex-wrap: wrap;
  8989. flex-wrap: wrap;
  8990. padding-bottom: 60px;
  8991. }
  8992. .portfolio__content-des {
  8993. width: 63%;
  8994. padding-right: 50px;
  8995. }
  8996. .portfolio__content-des .title {
  8997. font-size: 24px;
  8998. font-weight: 800;
  8999. margin-bottom: 26px;
  9000. }
  9001. .portfolio__content-des p {
  9002. line-height: 28px;
  9003. }
  9004. .portfolio__content-info {
  9005. width: 37%;
  9006. padding-left: 70px;
  9007. border-left: 1px solid #e9ebf2;
  9008. }
  9009. .portfolio__content-info .portfolio__info {
  9010. margin: 0;
  9011. padding: 0;
  9012. list-style: none;
  9013. margin-bottom: 38px;
  9014. }
  9015. .portfolio__content-info .portfolio__info li {
  9016. display: block;
  9017. }
  9018. .portfolio__content-info .portfolio__info li:not(:last-child) {
  9019. margin-bottom: 33px;
  9020. }
  9021. .portfolio__content-info .portfolio__info li .info-title {
  9022. font-size: 16px;
  9023. font-weight: 800;
  9024. margin-bottom: 8px;
  9025. }
  9026. .portfolio__content-info .portfolio__info li .info {
  9027. color: #6b6b7e;
  9028. }
  9029. .portfolio__content-info .portfolio__category-inner .cat-title {
  9030. font-size: 16px;
  9031. font-weight: 800;
  9032. margin-bottom: 15px;
  9033. }
  9034. .portfolio__content-info .portfolio__category-inner .portfolio-category {
  9035. margin: 0;
  9036. padding: 0;
  9037. list-style: none;
  9038. }
  9039. .portfolio__content-info .portfolio__category-inner .portfolio-category li {
  9040. line-height: 34px;
  9041. position: relative;
  9042. padding-left: 27px;
  9043. }
  9044. .portfolio__content-info .portfolio__category-inner .portfolio-category li:before {
  9045. content: "N";
  9046. font-family: eleganticons;
  9047. position: absolute;
  9048. left: 0;
  9049. top: 50%;
  9050. -webkit-transform: translateY(-50%);
  9051. -ms-transform: translateY(-50%);
  9052. transform: translateY(-50%);
  9053. color: #1cda0e;
  9054. }
  9055. .portfolio__content-info .portfolio__category-inner .portfolio-category li a {
  9056. color: #6b6b7e;
  9057. }
  9058. .portfolio__content-info .portfolio__category-inner .portfolio-category li a:hover {
  9059. color: #ed1f25;
  9060. }
  9061. .portfolio-nav {
  9062. margin: 0;
  9063. padding: 0;
  9064. list-style: none;
  9065. display: -webkit-box;
  9066. display: -ms-flexbox;
  9067. display: flex;
  9068. -webkit-box-pack: justify;
  9069. -ms-flex-pack: justify;
  9070. justify-content: space-between;
  9071. margin-top: 115px;
  9072. }
  9073. .portfolio-nav li {
  9074. font-size: 20px;
  9075. display: -webkit-box;
  9076. display: -ms-flexbox;
  9077. display: flex;
  9078. -webkit-box-align: end;
  9079. -ms-flex-align: end;
  9080. align-items: end;
  9081. }
  9082. .portfolio-nav li i {
  9083. font-size: 30px;
  9084. -webkit-transition: all 0.3s ease-in-out;
  9085. -o-transition: all 0.3s ease-in-out;
  9086. transition: all 0.3s ease-in-out;
  9087. color: #b3b3bd;
  9088. }
  9089. .portfolio-nav li a {
  9090. color: #6b6b7e;
  9091. }
  9092. .portfolio-nav li.prev i {
  9093. margin-right: 10px;
  9094. }
  9095. .portfolio-nav li.next i {
  9096. margin-left: 10px;
  9097. }
  9098. .portfolio-nav li:hover a, .portfolio-nav li:hover i {
  9099. color: #ed1f25;
  9100. }
  9101. .portfolio--releted-wrapper {
  9102. background: #faf9fd;
  9103. padding: 112px 0 120px;
  9104. }
  9105. .related-portfolio .portfolio-item .feature-image {
  9106. position: relative;
  9107. border-radius: 6px;
  9108. overflow: hidden;
  9109. }
  9110. .related-portfolio .portfolio-item .feature-image img {
  9111. width: 100%;
  9112. border-radius: 6px;
  9113. }
  9114. .related-portfolio .portfolio-item .feature-image a {
  9115. display: block;
  9116. position: relative;
  9117. }
  9118. .related-portfolio .portfolio-item .feature-image a:before {
  9119. content: "";
  9120. position: absolute;
  9121. left: 0;
  9122. top: 0;
  9123. background: rgba(44, 44, 81, 0.7);
  9124. width: 100%;
  9125. height: 100%;
  9126. opacity: 0;
  9127. -webkit-transition: all 0.3s ease-in-out;
  9128. -o-transition: all 0.3s ease-in-out;
  9129. transition: all 0.3s ease-in-out;
  9130. }
  9131. .related-portfolio .portfolio-item .feature-image:hover a:before {
  9132. opacity: 1;
  9133. }
  9134. .related-portfolio .portfolio-item .port-info {
  9135. padding: 25px 35px 0;
  9136. }
  9137. .related-portfolio .portfolio-item .port-info h3 {
  9138. font-size: 24px;
  9139. margin-bottom: 5px;
  9140. line-height: 32px;
  9141. font-weight: 800;
  9142. }
  9143. .related-portfolio .portfolio-item .port-info h3 a {
  9144. color: #2b2350;
  9145. }
  9146. .related-portfolio .portfolio-item .port-info h3 a:hover {
  9147. color: #ed1f25;
  9148. }
  9149. .related-portfolio .portfolio-item .port-info span {
  9150. color: #6b6b7e;
  9151. }
  9152. #related-portfolio .swiper-pagination {
  9153. position: relative;
  9154. margin-top: 55px;
  9155. }
  9156. #related-portfolio .swiper-pagination .swiper-pagination-bullet {
  9157. height: 12px;
  9158. width: 12px;
  9159. -webkit-transition: all 0.3s ease-in-out;
  9160. -o-transition: all 0.3s ease-in-out;
  9161. transition: all 0.3s ease-in-out;
  9162. margin-right: 5px;
  9163. position: relative;
  9164. opacity: 1;
  9165. background: #d8d5e6;
  9166. outline: 0;
  9167. }
  9168. #related-portfolio .swiper-pagination .swiper-pagination-bullet:before {
  9169. content: "";
  9170. position: absolute;
  9171. height: 12px;
  9172. width: 12px;
  9173. background: #d8d5e6;
  9174. z-index: 2;
  9175. top: 0;
  9176. left: 0;
  9177. border-radius: 50%;
  9178. left: 0;
  9179. top: 0;
  9180. -webkit-transition: all 0.3s ease-in-out;
  9181. -o-transition: all 0.3s ease-in-out;
  9182. transition: all 0.3s ease-in-out;
  9183. }
  9184. #related-portfolio .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  9185. opacity: 1;
  9186. }
  9187. #related-portfolio .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  9188. opacity: 1;
  9189. background: #ed1f25;
  9190. }
  9191. /*--------------------------------------------------------------
  9192. ## Fun Fact
  9193. --------------------------------------------------------------*/
  9194. .funfact {
  9195. padding: 69px 0 39px;
  9196. background: #fcfbff;
  9197. }
  9198. #countdown-community {
  9199. position: relative;
  9200. overflow: hidden;
  9201. background: #fbfbfb;
  9202. padding: 115px 0 90px;
  9203. }
  9204. @media (max-width: 991px) {
  9205. #countdown-community {
  9206. padding: 75px 0 50px;
  9207. }
  9208. }
  9209. #countdown-community .comminity-countup-wrapper {
  9210. position: relative;
  9211. z-index: 2;
  9212. }
  9213. #countdown-community .smile-one {
  9214. position: absolute;
  9215. left: -75px;
  9216. bottom: -100px;
  9217. z-index: 1;
  9218. opacity: 0.7;
  9219. }
  9220. #countdown-community .smile-two {
  9221. position: absolute;
  9222. top: -50px;
  9223. right: 100px;
  9224. z-index: 1;
  9225. opacity: 0.7;
  9226. }
  9227. .counter-box {
  9228. margin-bottom: 30px;
  9229. }
  9230. @media (min-width: 991px) {
  9231. .counter-box.pl-100 {
  9232. padding-left: 100px;
  9233. }
  9234. }
  9235. @media (max-width: 991px) {
  9236. .counter-box {
  9237. text-align: center;
  9238. }
  9239. }
  9240. .counter-box .count-wrap {
  9241. display: -webkit-box;
  9242. display: -ms-flexbox;
  9243. display: flex;
  9244. -webkit-box-align: center;
  9245. -ms-flex-align: center;
  9246. align-items: center;
  9247. }
  9248. @media (max-width: 991px) {
  9249. .counter-box .count-wrap {
  9250. -webkit-box-pack: center;
  9251. -ms-flex-pack: center;
  9252. justify-content: center;
  9253. }
  9254. }
  9255. .counter-box .count-wrap span {
  9256. color: #051441;
  9257. font-weight: 700;
  9258. margin-left: 5px;
  9259. font-size: 20px;
  9260. }
  9261. .counter-box .count:not(:first-child) {
  9262. border-left: 1px solid #e8e4f5;
  9263. }
  9264. .counter-box .count .counted {
  9265. font-size: 26px;
  9266. color: #051441;
  9267. font-weight: 800;
  9268. display: -webkit-inline-box;
  9269. display: -ms-inline-flexbox;
  9270. display: inline-flex;
  9271. margin: 0;
  9272. }
  9273. .counter-box .count .counted span {
  9274. font-size: 20px;
  9275. margin-left: 2px;
  9276. }
  9277. .counter-box .count .title {
  9278. color: #6d717f;
  9279. font-weight: 400;
  9280. font-size: 16px;
  9281. margin: 0;
  9282. font-family: "Poppins", sans-serif;
  9283. }
  9284. .counter-box .count.special .counted {
  9285. font-size: 40px;
  9286. color: #f8b137;
  9287. font-weight: 800;
  9288. margin: 0;
  9289. }
  9290. .counter-box .count.special .counted span {
  9291. font-size: 30px;
  9292. }
  9293. .counter-box .count.special span {
  9294. font-size: 30px;
  9295. color: #f8b137;
  9296. margin-left: 5px;
  9297. }
  9298. .counter-box.style-three {
  9299. display: block;
  9300. text-align: left;
  9301. margin-bottom: 0;
  9302. }
  9303. .counter-box.style-three .count {
  9304. -moz-text-align-last: left;
  9305. text-align-last: left;
  9306. }
  9307. @media (max-width: 768px) {
  9308. .counter-box.style-three .count {
  9309. border-top: 0;
  9310. }
  9311. }
  9312. .counter-box.style-three .count .counted {
  9313. font-weight: 800;
  9314. }
  9315. .counter-box.style-three .count .counted, .counter-box.style-three .count span {
  9316. font-size: 50px;
  9317. color: #ed1f25;
  9318. margin-bottom: 10px;
  9319. }
  9320. .counter-box.style-three .count span {
  9321. font-weight: 500;
  9322. }
  9323. .counter-box.style-three .count-title {
  9324. margin-bottom: 0;
  9325. }
  9326. @media (max-width: 768px) {
  9327. .counter-box {
  9328. display: block;
  9329. }
  9330. .counter-box .count {
  9331. width: 100%;
  9332. padding-top: 30px;
  9333. max-width: 350px;
  9334. margin: 0 auto 30px;
  9335. border-top: 1px solid #e8e4f5;
  9336. }
  9337. .counter-box .count:not(:first-child) {
  9338. border-left: none;
  9339. }
  9340. .counter-box .count.special {
  9341. padding-top: 0;
  9342. border-top: 0;
  9343. }
  9344. }
  9345. /*--------------------------------------------------------------
  9346. ## Analytics
  9347. --------------------------------------------------------------*/
  9348. .analytics {
  9349. padding-top: 100px;
  9350. position: relative;
  9351. }
  9352. .ana-feature-image img {
  9353. position: relative;
  9354. z-index: 3;
  9355. }
  9356. .animate-stroke {
  9357. position: absolute;
  9358. height: 230px;
  9359. width: 100%;
  9360. left: 0;
  9361. bottom: 60px;
  9362. }
  9363. .animate-stroke .stroke-one, .animate-stroke .stroke-two {
  9364. position: absolute;
  9365. left: 0;
  9366. background-size: auto;
  9367. }
  9368. .animate-stroke .stroke-one {
  9369. bottom: 65px;
  9370. -webkit-animation: parallax_fg 50s linear 1s infinite;
  9371. animation: parallax_fg 50s linear 1s infinite;
  9372. height: 165px;
  9373. width: 100%;
  9374. }
  9375. .animate-stroke .stroke-two {
  9376. bottom: 0;
  9377. -webkit-animation: parallax_fg 80s linear 1s infinite;
  9378. animation: parallax_fg 80s linear 1s infinite;
  9379. height: 90%;
  9380. width: 100%;
  9381. }
  9382. @-webkit-keyframes parallax_fg {
  9383. 0% {
  9384. background-position: 2765px 100%;
  9385. }
  9386. 100% {
  9387. background-position: 550px 100%;
  9388. }
  9389. }
  9390. @keyframes parallax_fg {
  9391. 0% {
  9392. background-position: 2765px 100%;
  9393. }
  9394. 100% {
  9395. background-position: 550px 100%;
  9396. }
  9397. }
  9398. /*--------------------------------------------------------------
  9399. ## Cowndown
  9400. --------------------------------------------------------------*/
  9401. #countdown {
  9402. background: #2a1365;
  9403. padding: 100px 0;
  9404. }
  9405. #countdown-creative {
  9406. position: relative;
  9407. padding: 120px 0 160px;
  9408. background: #fbfbfd;
  9409. }
  9410. @media (max-width: 991px) {
  9411. #countdown-creative {
  9412. padding: 80px 0 0;
  9413. }
  9414. }
  9415. #countdown-creative.countdown-creative-page {
  9416. background: transparent;
  9417. }
  9418. @media (max-width: 768px) {
  9419. #countdown-creative {
  9420. padding: 80px 0;
  9421. }
  9422. }
  9423. .animated-wave {
  9424. position: absolute;
  9425. width: 100%;
  9426. height: 440px;
  9427. bottom: 0;
  9428. left: 0;
  9429. z-index: 0;
  9430. }
  9431. .wave-wrapper {
  9432. -webkit-transform: rotate(180deg);
  9433. -ms-transform: rotate(180deg);
  9434. transform: rotate(180deg);
  9435. position: absolute;
  9436. top: 0;
  9437. width: 100%;
  9438. }
  9439. .count-content .title {
  9440. color: #fff;
  9441. font-weight: 400;
  9442. font-size: 20px;
  9443. line-height: 34px;
  9444. font-family: "Poppins", sans-serif;
  9445. margin-bottom: 20px;
  9446. }
  9447. .count-content .total-count {
  9448. font-size: 24px;
  9449. font-weight: 500;
  9450. color: #fff;
  9451. font-family: "Poppins", sans-serif;
  9452. margin-bottom: 40px;
  9453. }
  9454. .count-content .gp-btn-btc {
  9455. -webkit-box-shadow: 0 10px 30px 0 rgba(104, 30, 252, 0.3), 0 3px 5px 0 rgba(30, 1, 87, 0.5);
  9456. box-shadow: 0 10px 30px 0 rgba(104, 30, 252, 0.3), 0 3px 5px 0 rgba(30, 1, 87, 0.5);
  9457. margin-bottom: 10px;
  9458. }
  9459. .count-content p {
  9460. color: #af96ed;
  9461. font-size: 13px;
  9462. font-family: "Poppins", sans-serif;
  9463. margin: 0;
  9464. }
  9465. .count-content p i {
  9466. margin-right: 5px;
  9467. }
  9468. .cowndown-inner {
  9469. -webkit-box-shadow: 0 3px 4px 0 rgba(30, 1, 87, 0.5);
  9470. box-shadow: 0 3px 4px 0 rgba(30, 1, 87, 0.5);
  9471. border: 2px solid rgba(65, 48, 149, 0.4);
  9472. padding: 100px;
  9473. }
  9474. .countdown {
  9475. margin-bottom: 90px;
  9476. }
  9477. .countdown .CountdownContent {
  9478. width: 25%;
  9479. color: #fff;
  9480. font-size: 50px;
  9481. display: inline-block;
  9482. text-align: center;
  9483. font-weight: 800;
  9484. line-height: 40px;
  9485. font-family: "Poppins", sans-serif;
  9486. }
  9487. .CountdownLabel {
  9488. font-size: 14px;
  9489. display: block;
  9490. font-weight: 300;
  9491. }
  9492. /* Creative Fan Fact */
  9493. .fun-fact {
  9494. text-align: center;
  9495. margin-bottom: 50px;
  9496. }
  9497. .fun-fact .count-icon-container {
  9498. position: relative;
  9499. max-width: 70px;
  9500. margin: 0 auto 22px;
  9501. }
  9502. .fun-fact .count-icon-container i {
  9503. font-size: 40px;
  9504. color: #f8b137;
  9505. }
  9506. .fun-fact .count-icon-container .circle-shape {
  9507. position: absolute;
  9508. left: -4px;
  9509. top: -2px;
  9510. display: inline-block;
  9511. background-color: rgba(248, 177, 55, 0.102);
  9512. height: 50px;
  9513. width: 50px;
  9514. border-radius: 50%;
  9515. }
  9516. .fun-fact .count {
  9517. font-size: 40px;
  9518. font-weight: 500;
  9519. margin: 0;
  9520. }
  9521. .fun-fact p {
  9522. font-size: 16px;
  9523. color: #343e5d;
  9524. }
  9525. .fun-fact.color--two .count-icon-container i {
  9526. color: #935eff;
  9527. }
  9528. .fun-fact.color--two .count-icon-container .circle-shape {
  9529. background-color: rgba(147, 94, 255, 0.102);
  9530. }
  9531. .fun-fact.color--three .count-icon-container i {
  9532. color: #0bca06;
  9533. }
  9534. .fun-fact.color--three .count-icon-container .circle-shape {
  9535. background-color: rgba(11, 202, 6, 0.102);
  9536. }
  9537. .fun-fact.color--four .count-icon-container i {
  9538. color: #ff782f;
  9539. }
  9540. .fun-fact.color--four .count-icon-container .circle-shape {
  9541. background-color: rgba(255, 120, 46, 0.102);
  9542. }
  9543. /* Comminity */
  9544. .comminity-countup-wrapper {
  9545. display: -webkit-box;
  9546. display: -ms-flexbox;
  9547. display: flex;
  9548. -webkit-box-pack: justify;
  9549. -ms-flex-pack: justify;
  9550. justify-content: space-between;
  9551. -ms-flex-wrap: wrap;
  9552. flex-wrap: wrap;
  9553. margin: 0 -15px;
  9554. }
  9555. @media (max-width: 991px) {
  9556. .comminity-countup-wrapper {
  9557. -webkit-box-pack: center;
  9558. -ms-flex-pack: center;
  9559. justify-content: center;
  9560. }
  9561. }
  9562. .comminity-count-item {
  9563. width: 20%;
  9564. }
  9565. @media (max-width: 991px) {
  9566. .comminity-count-item {
  9567. width: 33.3333%;
  9568. }
  9569. }
  9570. @media (max-width: 480px) {
  9571. .comminity-count-item {
  9572. width: 50%;
  9573. }
  9574. }
  9575. .comminity-count-item .fun-fact {
  9576. border-radius: 4px;
  9577. background-color: white;
  9578. -webkit-box-shadow: 0 40px 70px 0 rgba(8, 2, 46, 0.1);
  9579. box-shadow: 0 40px 70px 0 rgba(8, 2, 46, 0.1);
  9580. padding: 39px 0 34px;
  9581. margin: 0 15px 30px;
  9582. }
  9583. .comminity-count-item .fun-fact .count-icon-container {
  9584. margin-bottom: 17px;
  9585. }
  9586. .comminity-count-item .fun-fact p {
  9587. font-weight: 400;
  9588. margin: 0;
  9589. }
  9590. .comminity-count-item .fun-fact .count {
  9591. font-size: 34px;
  9592. font-weight: 400;
  9593. }
  9594. .comminity-count-item .fun-fact.color-one .count {
  9595. color: #ed1f25;
  9596. }
  9597. .comminity-count-item .fun-fact.color-two .count {
  9598. color: #70c315;
  9599. }
  9600. .comminity-count-item .fun-fact.color-three .count {
  9601. color: #9360fc;
  9602. }
  9603. .comminity-count-item .fun-fact.color-four .count {
  9604. color: #fc5b93;
  9605. }
  9606. .comminity-count-item .fun-fact.color-five .count {
  9607. color: #11c296;
  9608. }
  9609. /*--------------------------------------------------------------
  9610. ## Case Studio
  9611. --------------------------------------------------------------*/
  9612. .case-studio {
  9613. background: #fbfbfd;
  9614. padding: 80px 0 120px;
  9615. }
  9616. @media (max-width: 991px) {
  9617. .case-studio {
  9618. padding: 0 0 80px;
  9619. }
  9620. }
  9621. .case-item {
  9622. background: #fff;
  9623. -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 11, 40, 0.06);
  9624. box-shadow: 0px 3px 5px 0px rgba(0, 11, 40, 0.06);
  9625. -webkit-transition: all 0.3s ease-in-out;
  9626. -o-transition: all 0.3s ease-in-out;
  9627. transition: all 0.3s ease-in-out;
  9628. margin-bottom: 30px;
  9629. }
  9630. .case-item .case-content {
  9631. text-align: center;
  9632. padding: 30px;
  9633. }
  9634. .case-item .case-content .title {
  9635. font-size: 20px;
  9636. }
  9637. .case-item .case-content .title a {
  9638. color: #343e5d;
  9639. }
  9640. .case-item .case-content .title a:hover {
  9641. color: #ff5e85;
  9642. }
  9643. .case-item .case-content span {
  9644. font-size: 16px;
  9645. }
  9646. .case-item .case-feature-image {
  9647. overflow: hidden;
  9648. }
  9649. .case-item .case-feature-image img {
  9650. width: 100%;
  9651. -webkit-transition: all 0.3s ease-in-out;
  9652. -o-transition: all 0.3s ease-in-out;
  9653. transition: all 0.3s ease-in-out;
  9654. }
  9655. .case-item .case-feature-image:hover img {
  9656. -webkit-transform: scale(1.05) rotate(3deg);
  9657. -ms-transform: scale(1.05) rotate(3deg);
  9658. transform: scale(1.05) rotate(3deg);
  9659. }
  9660. .case-item:hover {
  9661. -webkit-box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08);
  9662. box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08);
  9663. }
  9664. /*--------------------------------------------------------------
  9665. ## Faqs
  9666. --------------------------------------------------------------*/
  9667. .faqs {
  9668. background-image: linear-gradient(45deg, #0108338f 0, #0b174e 50%, #17225cbd 100%), url(../img/header-bg.jpg);
  9669. background-attachment: fixed;
  9670. background-repeat: no-repeat;
  9671. background-size: cover;
  9672. }
  9673. .faq-agency {
  9674. background: #f8f7fa;
  9675. }
  9676. @media (max-width: 991px) {
  9677. .faq-agency {
  9678. padding: 80px 0 50px;
  9679. }
  9680. }
  9681. .image-wrapper-faq {
  9682. text-align: center;
  9683. }
  9684. @media (min-width: 992px) {
  9685. .image-wrapper-faq {
  9686. margin: 0 60px 0 -370px;
  9687. }
  9688. }
  9689. @media (min-width: 992px) {
  9690. .faq-wrapper .faq.style-two {
  9691. max-width: 80%;
  9692. }
  9693. }
  9694. .card {
  9695. border: 0;
  9696. background: transparent;
  9697. }
  9698. .card .card-header {
  9699. background-color: transparent;
  9700. border: 0;
  9701. border-radius: 6px;
  9702. }
  9703. .card .card-header .btn-link {
  9704. padding: 0;
  9705. color: #373d46;
  9706. font-size: 20px;
  9707. font-weight: 800;
  9708. text-decoration: none;
  9709. }
  9710. .card .card-body {
  9711. padding: 0;
  9712. }
  9713. .card .card-body p {
  9714. font-size: 16px;
  9715. margin-bottom: 25px;
  9716. }
  9717. .faq {
  9718. position: relative;
  9719. z-index: 2;
  9720. }
  9721. .faq .card {
  9722. border: 0;
  9723. background: transparent;
  9724. margin-bottom: 30px;
  9725. -webkit-box-shadow: 0 20px 60px 0 rgba(1, 33, 26, 0.1);
  9726. box-shadow: 0 20px 60px 0 rgba(1, 33, 26, 0.1);
  9727. }
  9728. .faq .card .card-header {
  9729. padding: 0;
  9730. }
  9731. .faq .card .card-header h5 {
  9732. position: relative;
  9733. margin: 0;
  9734. }
  9735. .faq .card .card-header .btn-link {
  9736. color: #373d46;
  9737. background: #fff;
  9738. font-size: 18px;
  9739. font-weight: 500;
  9740. color: #2c2c51;
  9741. text-decoration: none;
  9742. white-space: normal;
  9743. text-align: left;
  9744. width: 100%;
  9745. padding: 20px 40px;
  9746. -webkit-box-shadow: none;
  9747. box-shadow: none;
  9748. }
  9749. .faq .card .card-header .btn-link:before {
  9750. content: "\F2EA";
  9751. display: block;
  9752. position: absolute;
  9753. top: 50%;
  9754. right: 30px;
  9755. z-index: 9;
  9756. font-family: bootstrap-icons;
  9757. -webkit-transition: all 0.5s;
  9758. -o-transition: all 0.5s;
  9759. transition: all 0.5s;
  9760. -webkit-transform: translateY(-50%);
  9761. -ms-transform: translateY(-50%);
  9762. transform: translateY(-50%);
  9763. font-size: 26px;
  9764. color: #ed1f25;
  9765. }
  9766. .faq .card .card-header .btn-link.collapsed:before {
  9767. content: "\F4FE";
  9768. color: #4d446b;
  9769. }
  9770. .faq .card .card-body {
  9771. padding: 40px;
  9772. background: #fbfbfd;
  9773. }
  9774. .faq .card .card-body p {
  9775. font-size: 16px;
  9776. margin-bottom: 0;
  9777. }
  9778. .faq.style-two .card .card-header .btn-link {
  9779. font-size: 16px;
  9780. color: #1f113a;
  9781. }
  9782. .faq.style-two .card .card-header .btn-link:before {
  9783. content: "\F2EA";
  9784. color: #ed1f25;
  9785. }
  9786. .faq.style-two .card .card-header .btn-link.collapsed:before {
  9787. content: "\F4FE";
  9788. color: #1f113a;
  9789. }
  9790. .faq.style-two .card .card-body {
  9791. background: #fff;
  9792. padding: 0 40px 40px;
  9793. }
  9794. .faq.style-two .card.active .card-header .btn-link {
  9795. color: #ed1f25;
  9796. }
  9797. .faq.style-three .card {
  9798. -webkit-box-shadow: none;
  9799. box-shadow: none;
  9800. margin-bottom: 10px;
  9801. }
  9802. .faq.style-three .card.active .card-header .btn-link {
  9803. color: #ed1f25;
  9804. }
  9805. .faq.style-three .card .card-body {
  9806. background: transparent;
  9807. padding: 23px 30px 30px;
  9808. }
  9809. .faq.style-three .card .card-header .btn-link {
  9810. background-color: #f8f8f8;
  9811. font-size: 16px;
  9812. }
  9813. .bg-circle-shape {
  9814. position: absolute;
  9815. top: 50%;
  9816. left: 50%;
  9817. -webkit-transform: translate(-50%, -53%);
  9818. -ms-transform: translate(-50%, -53%);
  9819. transform: translate(-50%, -53%);
  9820. height: 600px;
  9821. width: 600px;
  9822. border-radius: 50%;
  9823. background: #fbfaf6;
  9824. }
  9825. @media (max-width: 768px) {
  9826. .bg-circle-shape {
  9827. height: 400px;
  9828. width: 400px;
  9829. }
  9830. }
  9831. @media (max-width: 640px) {
  9832. .bg-circle-shape {
  9833. height: 280px;
  9834. width: 280px;
  9835. }
  9836. }
  9837. @media (max-width: 991px) {
  9838. #faqs {
  9839. padding: 80px 0 50px;
  9840. }
  9841. .faq-two {
  9842. margin-bottom: 30px;
  9843. }
  9844. .faq-section-two {
  9845. padding-top: 65px;
  9846. }
  9847. .faq-section {
  9848. padding-top: 75px;
  9849. }
  9850. .faqs {
  9851. padding: 80px 0;
  9852. }
  9853. .faq-forms {
  9854. padding-top: 78px;
  9855. }
  9856. .faq-wrapper {
  9857. margin-top: 60px;
  9858. }
  9859. .faq-wrapper .section-heading {
  9860. text-align: center !important;
  9861. }
  9862. }
  9863. @media (max-width: 768px) {
  9864. #faqs {
  9865. padding: 50px 0 20px;
  9866. }
  9867. .faq .card .card-header h5:before {
  9868. right: 20px;
  9869. }
  9870. .faq .card .card-header .btn-link {
  9871. padding: 18px 20px;
  9872. }
  9873. }
  9874. @media (max-width: 576px) {
  9875. .faq .card .card-header .btn-link {
  9876. padding: 18px 30px 18px 20px;
  9877. font-size: 18px;
  9878. }
  9879. .faq .card .card-header h5:before {
  9880. right: 10px;
  9881. }
  9882. .faq .card .card-body {
  9883. padding: 5px 20px 25px;
  9884. }
  9885. }
  9886. /** Faq **/
  9887. .faq-page {
  9888. padding: 120px 0;
  9889. }
  9890. .gp-faq-tabs {
  9891. display: block;
  9892. background: #f8f8f8;
  9893. padding: 40px 40px 40px 0;
  9894. border-radius: 6px;
  9895. }
  9896. .gp-faq-tabs li {
  9897. display: block;
  9898. margin-bottom: 6px;
  9899. }
  9900. .gp-faq-tabs li a {
  9901. font-size: 15px;
  9902. padding: 4px 20px 4px 40px;
  9903. color: #6b717c;
  9904. max-width: 200px;
  9905. font-size: 15px;
  9906. font-weight: 500;
  9907. }
  9908. .gp-faq-tabs li a.active {
  9909. background-color: #ed1f25;
  9910. color: #fff;
  9911. }
  9912. .animate-elemant {
  9913. position: absolute;
  9914. top: 0;
  9915. left: 0;
  9916. width: 100%;
  9917. height: 100%;
  9918. }
  9919. .animate-elemant .element-left, .animate-elemant .element-right {
  9920. position: absolute;
  9921. }
  9922. .animate-elemant .element-left {
  9923. bottom: 340px;
  9924. left: 100px;
  9925. }
  9926. .animate-elemant .element-right {
  9927. top: 200px;
  9928. right: 50px;
  9929. }
  9930. /*--------------------------------------------------------------
  9931. ## SEO Ranking
  9932. --------------------------------------------------------------*/
  9933. .seo-ranking {
  9934. padding: 120px 0;
  9935. }
  9936. @media (max-width: 991px) {
  9937. .seo-ranking {
  9938. padding: 80px 0 0;
  9939. }
  9940. }
  9941. .ranking-content {
  9942. padding-right: 50px;
  9943. }
  9944. .ranking-content .title {
  9945. font-size: 30px;
  9946. line-height: 44px;
  9947. font-weight: 700;
  9948. margin-bottom: 40px;
  9949. }
  9950. @media (max-width: 991px) {
  9951. .ranking-content {
  9952. padding-right: 0;
  9953. margin-top: 40px;
  9954. }
  9955. }
  9956. .featurelist {
  9957. display: -webkit-box;
  9958. display: -ms-flexbox;
  9959. display: flex;
  9960. margin-bottom: 20px;
  9961. }
  9962. .featurelist i {
  9963. margin-right: 20px;
  9964. color: #ed1f25;
  9965. margin-right: 10px;
  9966. }
  9967. /*--------------------------------------------------------------
  9968. ## Team
  9969. --------------------------------------------------------------*/
  9970. .teams {
  9971. padding: 115px 0 60px;
  9972. }
  9973. @media (max-width: 991px) {
  9974. .teams {
  9975. padding: 73px 0 60px;
  9976. }
  9977. }
  9978. .teams-two {
  9979. padding: 115px 0 120px;
  9980. }
  9981. @media (max-width: 991px) {
  9982. .teams-two {
  9983. padding: 73px 0 80px;
  9984. }
  9985. }
  9986. .team-member {
  9987. margin-bottom: 60px;
  9988. }
  9989. .team-member .team-avatar {
  9990. position: relative;
  9991. }
  9992. .team-member .team-avatar img {
  9993. width: 100%;
  9994. }
  9995. .team-member .team-avatar:before {
  9996. content: "";
  9997. position: absolute;
  9998. width: 100%;
  9999. height: 100%;
  10000. left: 0;
  10001. top: 0;
  10002. background: rgba(26, 191, 104, 0.95);
  10003. opacity: 0;
  10004. visibility: hidden;
  10005. -webkit-transition: all 0.3s ease-in-out;
  10006. -o-transition: all 0.3s ease-in-out;
  10007. transition: all 0.3s ease-in-out;
  10008. }
  10009. .team-member .team-avatar .member-social {
  10010. position: absolute;
  10011. bottom: 30px;
  10012. left: 0;
  10013. width: 100%;
  10014. text-align: center;
  10015. }
  10016. .team-member .team-avatar .member-social li:nth-child(2) {
  10017. -webkit-transition-delay: 0.1s;
  10018. -o-transition-delay: 0.1s;
  10019. transition-delay: 0.1s;
  10020. }
  10021. .team-member .team-avatar .member-social li:nth-child(3) {
  10022. -webkit-transition-delay: 0.2s;
  10023. -o-transition-delay: 0.2s;
  10024. transition-delay: 0.2s;
  10025. }
  10026. .team-member .member-social {
  10027. margin: 0;
  10028. padding: 0;
  10029. list-style: none;
  10030. }
  10031. .team-member .member-social li {
  10032. display: inline-block;
  10033. margin-right: 5px;
  10034. -webkit-transform: translateY(20px);
  10035. -ms-transform: translateY(20px);
  10036. transform: translateY(20px);
  10037. opacity: 0;
  10038. visibility: hidden;
  10039. -webkit-transition: 0.3s ease-in-out;
  10040. -o-transition: 0.3s ease-in-out;
  10041. transition: 0.3s ease-in-out;
  10042. }
  10043. .team-member .member-social li a {
  10044. color: #ed1f25;
  10045. display: block;
  10046. background: #fff;
  10047. border-radius: 50%;
  10048. font-size: 18px;
  10049. height: 50px;
  10050. width: 50px;
  10051. line-height: 52px;
  10052. text-align: center;
  10053. }
  10054. .team-member .member-social li a:hover {
  10055. -webkit-transform: translateY(-5px);
  10056. -ms-transform: translateY(-5px);
  10057. transform: translateY(-5px);
  10058. -webkit-box-shadow: 0px 20px 30px 0px rgba(77, 3, 21, 0.2);
  10059. box-shadow: 0px 20px 30px 0px rgba(77, 3, 21, 0.2);
  10060. }
  10061. .team-member .member-info {
  10062. margin-top: 24px;
  10063. }
  10064. .team-member .member-info .name {
  10065. font-size: 20px;
  10066. font-weight: 800;
  10067. margin-bottom: 4px;
  10068. }
  10069. .team-member .member-info .designation {
  10070. font-size: 16px;
  10071. display: block;
  10072. }
  10073. .team-member:hover .team-avatar:before {
  10074. opacity: 1;
  10075. visibility: visible;
  10076. }
  10077. .team-member:hover .team-avatar .member-social li {
  10078. -webkit-transform: translateY(0);
  10079. -ms-transform: translateY(0);
  10080. transform: translateY(0);
  10081. opacity: 1;
  10082. visibility: visible;
  10083. }
  10084. .team-member.style-two {
  10085. margin-bottom: 30px;
  10086. }
  10087. .team-member.style-two .team-avatar {
  10088. border-radius: 10px;
  10089. overflow: hidden;
  10090. }
  10091. .team-member.style-two .team-avatar:before {
  10092. background: rgba(251, 140, 92, 0.9);
  10093. }
  10094. .team-member.style-two .member-social li a {
  10095. height: 40px;
  10096. width: 40px;
  10097. line-height: 40px;
  10098. font-size: 14px;
  10099. color: #fff;
  10100. border: 1px solid #fff;
  10101. background: transparent;
  10102. }
  10103. .team-member.style-two .member-social li a:hover {
  10104. background: #fff;
  10105. color: #ed1f25;
  10106. }
  10107. .team-member.style-two .member-info .name {
  10108. font-size: 18px;
  10109. }
  10110. .team-member.style-two .member-info .designation {
  10111. font-size: 14px;
  10112. }
  10113. /*--------------------------------------------------------------
  10114. ## Client
  10115. --------------------------------------------------------------*/
  10116. .animate-client-logo {
  10117. background-image: -o-linear-gradient(45deg, #5e2ced 0%, #a485fd 100%);
  10118. background-image: linear-gradient(45deg, #5e2ced 0%, #a485fd 100%);
  10119. padding: 130px 0;
  10120. position: relative;
  10121. overflow: hidden;
  10122. }
  10123. .animate-client-logo .top-shape {
  10124. position: absolute;
  10125. top: -60%;
  10126. }
  10127. .animate-client-logo .bottom-shape {
  10128. position: absolute;
  10129. right: 80px;
  10130. bottom: -70%;
  10131. }
  10132. .animate-client-logo-service {
  10133. background: #fbfbfd;
  10134. padding: 115px 0 120px;
  10135. }
  10136. .animate-client-logo-two {
  10137. padding: 15px 0 100px;
  10138. }
  10139. @media (max-width: 991px) {
  10140. .animate-client-logo-two {
  10141. padding: 15px 0 50px;
  10142. }
  10143. }
  10144. .animate-client-logo-two .section-heading-two .section-title {
  10145. font-weight: 500;
  10146. }
  10147. .client-content-wrapper .title {
  10148. color: #fff;
  10149. font-weight: 700;
  10150. margin-bottom: 30px;
  10151. }
  10152. .client-content-wrapper .title span {
  10153. font-weight: 400;
  10154. }
  10155. .client-content-wrapper p {
  10156. color: #e4ddf7;
  10157. line-height: 28px;
  10158. }
  10159. .client-content-wrapper p span {
  10160. font-weight: 500;
  10161. color: #fff;
  10162. }
  10163. .client-logo-items {
  10164. width: 500px;
  10165. height: 440px;
  10166. position: relative;
  10167. margin: 0 auto;
  10168. padding: 0;
  10169. list-style: none;
  10170. }
  10171. .client-logo-items .logo-item {
  10172. background: #fff;
  10173. display: -webkit-box;
  10174. display: -ms-flexbox;
  10175. display: flex;
  10176. -webkit-box-align: center;
  10177. -ms-flex-align: center;
  10178. align-items: center;
  10179. -webkit-box-pack: center;
  10180. -ms-flex-pack: center;
  10181. justify-content: center;
  10182. height: 80px;
  10183. width: 80px;
  10184. border-radius: 6px;
  10185. position: absolute;
  10186. -webkit-box-shadow: 0px 40px 100px 0px rgba(10, 0, 38, 0.2);
  10187. box-shadow: 0px 40px 100px 0px rgba(10, 0, 38, 0.2);
  10188. }
  10189. .client-logo-items .logo-item:nth-child(1) {
  10190. height: 130px;
  10191. width: 130px;
  10192. top: 34%;
  10193. left: 40%;
  10194. }
  10195. .client-logo-items .logo-item:nth-child(2) {
  10196. height: 80px;
  10197. width: 80px;
  10198. top: 0;
  10199. left: 90px;
  10200. }
  10201. .client-logo-items .logo-item:nth-child(3) {
  10202. height: 90px;
  10203. width: 90px;
  10204. bottom: 0;
  10205. left: 50%;
  10206. }
  10207. .client-logo-items .logo-item:nth-child(4) {
  10208. height: 100px;
  10209. width: 100px;
  10210. bottom: 40px;
  10211. left: 0;
  10212. }
  10213. .client-logo-items .logo-item:nth-child(5) {
  10214. width: 120px;
  10215. height: 105px;
  10216. top: 65px;
  10217. right: 0;
  10218. }
  10219. .client-logo-items .logo-item:nth-child(6) {
  10220. width: 100px;
  10221. height: 100px;
  10222. top: 50%;
  10223. right: -30px;
  10224. }
  10225. .client-logo-items .logo-item:nth-child(7) {
  10226. width: 150px;
  10227. height: 150px;
  10228. bottom: 25px;
  10229. right: -230px;
  10230. }
  10231. .client-logo-items .logo-item:nth-child(8) {
  10232. top: 80px;
  10233. right: -175px;
  10234. }
  10235. .client-logo-items-two {
  10236. margin: 0;
  10237. padding: 0;
  10238. list-style: none;
  10239. position: relative;
  10240. max-width: 1170px;
  10241. height: 470px;
  10242. z-index: 222;
  10243. }
  10244. .client-logo-items-two li {
  10245. position: absolute;
  10246. text-align: center;
  10247. display: -webkit-box;
  10248. display: -ms-flexbox;
  10249. display: flex;
  10250. -webkit-box-align: center;
  10251. -ms-flex-align: center;
  10252. align-items: center;
  10253. -webkit-box-pack: center;
  10254. -ms-flex-pack: center;
  10255. justify-content: center;
  10256. background: #fff;
  10257. border-radius: 50%;
  10258. -webkit-box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.06);
  10259. box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.06);
  10260. }
  10261. .client-logo-items-two li:nth-child(1) {
  10262. height: 160px;
  10263. width: 160px;
  10264. left: 44%;
  10265. top: 50px;
  10266. }
  10267. .client-logo-items-two li:nth-child(2) {
  10268. height: 180px;
  10269. width: 180px;
  10270. top: 20px;
  10271. left: 66%;
  10272. }
  10273. .client-logo-items-two li:nth-child(3) {
  10274. height: 120px;
  10275. width: 120px;
  10276. top: 0;
  10277. left: 24%;
  10278. }
  10279. .client-logo-items-two li:nth-child(4) {
  10280. height: 125px;
  10281. width: 125px;
  10282. top: 270px;
  10283. left: 45%;
  10284. }
  10285. .client-logo-items-two li:nth-child(5) {
  10286. height: 200px;
  10287. width: 200px;
  10288. top: 200px;
  10289. left: 20%;
  10290. }
  10291. .client-logo-items-two li:nth-child(6) {
  10292. height: 170px;
  10293. width: 170px;
  10294. top: 280px;
  10295. left: 62%;
  10296. }
  10297. .client-logo-items-two li:nth-child(7) {
  10298. height: 200px;
  10299. width: 200px;
  10300. top: 0;
  10301. left: 0;
  10302. }
  10303. .client-logo-items-two li:nth-child(8) {
  10304. height: 100px;
  10305. width: 100px;
  10306. top: 30px;
  10307. right: 0;
  10308. }
  10309. .client-logo-items-two li:nth-child(9) {
  10310. height: 100px;
  10311. width: 100px;
  10312. top: 280px;
  10313. left: 40px;
  10314. }
  10315. .client-logo-items-two li:nth-child(10) {
  10316. height: 120px;
  10317. width: 120px;
  10318. top: 250px;
  10319. right: 50px;
  10320. }
  10321. .clients-logo {
  10322. padding: 100px 0;
  10323. }
  10324. @media (max-width: 991px) {
  10325. .clients-logo {
  10326. padding: 50px 0;
  10327. }
  10328. }
  10329. .gp-client-logo {
  10330. display: block;
  10331. }
  10332. .gp-client-logo .client-logo-main {
  10333. position: relative;
  10334. display: block;
  10335. width: auto;
  10336. margin: 0 auto;
  10337. -webkit-transition: -webkit-transform 0.4s ease;
  10338. transition: -webkit-transform 0.4s ease;
  10339. -o-transition: transform 0.4s ease;
  10340. transition: transform 0.4s ease;
  10341. transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  10342. }
  10343. .gp-client-logo .client-logo-hover {
  10344. position: absolute;
  10345. top: 0;
  10346. left: 50%;
  10347. width: auto;
  10348. -webkit-transform: translate(-50%, -100%);
  10349. -ms-transform: translate(-50%, -100%);
  10350. transform: translate(-50%, -100%);
  10351. -webkit-transition: -webkit-transform 0.4s ease;
  10352. transition: -webkit-transform 0.4s ease;
  10353. -o-transition: transform 0.4s ease;
  10354. transition: transform 0.4s ease;
  10355. transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  10356. }
  10357. .gp-client-logo:hover .client-logo-main {
  10358. -webkit-transform: translateY(100%);
  10359. -ms-transform: translateY(100%);
  10360. transform: translateY(100%);
  10361. }
  10362. .gp-client-logo:hover .client-logo-hover {
  10363. -webkit-transform: translate(-50%, 0);
  10364. -ms-transform: translate(-50%, 0);
  10365. transform: translate(-50%, 0);
  10366. margin-bottom: 5px;
  10367. }
  10368. /* Logo Marque */
  10369. .client-logo-marque {
  10370. padding: 280px 0 120px;
  10371. }
  10372. .client-logo-marque .section-heading {
  10373. margin-bottom: 45px;
  10374. }
  10375. @media (max-width: 991px) {
  10376. .client-logo-marque {
  10377. padding: 180px 0 80px;
  10378. }
  10379. }
  10380. @media (max-width: 720px) {
  10381. .client-logo-marque {
  10382. padding: 80px 0;
  10383. }
  10384. }
  10385. .marquee-wrap {
  10386. overflow: hidden;
  10387. padding: 25px 0 60px;
  10388. position: relative;
  10389. }
  10390. .marquee-wrap:after {
  10391. content: "";
  10392. position: absolute;
  10393. top: 0;
  10394. left: 0;
  10395. width: 100%;
  10396. height: 100%;
  10397. background: -o-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, #fff 100%);
  10398. 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));
  10399. background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, #fff 100%);
  10400. }
  10401. .logo-marque {
  10402. margin-bottom: 10px;
  10403. }
  10404. .logo-marque-items {
  10405. margin: 0 -15px;
  10406. padding: 0;
  10407. list-style: none;
  10408. display: -webkit-box;
  10409. display: -ms-flexbox;
  10410. display: flex;
  10411. }
  10412. .logo-marque-items li {
  10413. border-radius: 6px;
  10414. background: #fff;
  10415. -webkit-box-shadow: 0px 20px 50px 0px rgba(2, 19, 55, 0.12);
  10416. box-shadow: 0px 20px 50px 0px rgba(2, 19, 55, 0.12);
  10417. width: 90px;
  10418. height: 90px;
  10419. display: -webkit-box;
  10420. display: -ms-flexbox;
  10421. display: flex;
  10422. -webkit-box-align: center;
  10423. -ms-flex-align: center;
  10424. align-items: center;
  10425. -webkit-box-pack: center;
  10426. -ms-flex-pack: center;
  10427. justify-content: center;
  10428. margin: 0 15px;
  10429. }
  10430. .logo-marque-items li a {
  10431. display: block;
  10432. height: 100%;
  10433. }
  10434. @media (max-width: 1600px) {
  10435. .client-logo-items .logo-item:nth-child(1) {
  10436. left: 30%;
  10437. }
  10438. .client-logo-items .logo-item:nth-child(2) {
  10439. left: 60px;
  10440. }
  10441. .client-logo-items .logo-item:nth-child(3) {
  10442. left: 42%;
  10443. }
  10444. .client-logo-items .logo-item:nth-child(5) {
  10445. right: 13%;
  10446. }
  10447. .client-logo-items .logo-item:nth-child(6) {
  10448. right: 50px;
  10449. }
  10450. .client-logo-items .logo-item:nth-child(7) {
  10451. right: -140px;
  10452. }
  10453. .client-logo-items .logo-item:nth-child(8) {
  10454. right: -100px;
  10455. }
  10456. }
  10457. @media (max-width: 1400px) {
  10458. .client-logo-items {
  10459. height: 400px;
  10460. }
  10461. .client-logo-items .logo-item:nth-child(1) {
  10462. left: 15%;
  10463. }
  10464. .client-logo-items .logo-item:nth-child(2) {
  10465. left: 0;
  10466. }
  10467. .client-logo-items .logo-item:nth-child(3) {
  10468. left: 30%;
  10469. }
  10470. .client-logo-items .logo-item:nth-child(4) {
  10471. left: -60px;
  10472. }
  10473. .client-logo-items .logo-item:nth-child(5) {
  10474. right: 30%;
  10475. }
  10476. .client-logo-items .logo-item:nth-child(6) {
  10477. right: 130px;
  10478. }
  10479. .client-logo-items .logo-item:nth-child(7) {
  10480. right: -40px;
  10481. }
  10482. .client-logo-items .logo-item:nth-child(8) {
  10483. right: 0;
  10484. }
  10485. }
  10486. @media (max-width: 1200px) {
  10487. .client-logo-items {
  10488. height: 360px;
  10489. }
  10490. .client-logo-items .logo-item {
  10491. height: 70px;
  10492. width: 70px;
  10493. padding: 10px;
  10494. }
  10495. .client-logo-items .logo-item:nth-child(1) {
  10496. left: 10%;
  10497. height: 110px;
  10498. width: 110px;
  10499. }
  10500. .client-logo-items .logo-item:nth-child(2) {
  10501. left: -20px;
  10502. height: 70px;
  10503. width: 70px;
  10504. }
  10505. .client-logo-items .logo-item:nth-child(3) {
  10506. left: 22%;
  10507. height: 80px;
  10508. width: 80px;
  10509. }
  10510. .client-logo-items .logo-item:nth-child(4) {
  10511. left: -60px;
  10512. height: 85px;
  10513. width: 85px;
  10514. }
  10515. .client-logo-items .logo-item:nth-child(5) {
  10516. right: 42%;
  10517. width: 100px;
  10518. height: 90px;
  10519. }
  10520. .client-logo-items .logo-item:nth-child(6) {
  10521. right: 38%;
  10522. width: 85px;
  10523. height: 85px;
  10524. }
  10525. .client-logo-items .logo-item:nth-child(7) {
  10526. right: 40px;
  10527. width: 120px;
  10528. height: 120px;
  10529. }
  10530. .client-logo-items .logo-item:nth-child(8) {
  10531. right: 90px;
  10532. }
  10533. }
  10534. @media (max-width: 1200px) {
  10535. .client-content-wrapper p br {
  10536. display: none;
  10537. }
  10538. }
  10539. @media (max-width: 991px) {
  10540. .client-content-wrapper {
  10541. margin-bottom: 30px;
  10542. text-align: center;
  10543. }
  10544. .client-logo-items {
  10545. width: 75%;
  10546. }
  10547. .client-logo-items .logo-item {
  10548. height: 70px;
  10549. width: 70px;
  10550. padding: 10px;
  10551. }
  10552. .client-logo-items .logo-item:nth-child(1) {
  10553. left: 28%;
  10554. height: 110px;
  10555. width: 110px;
  10556. }
  10557. .client-logo-items .logo-item:nth-child(2) {
  10558. left: 60px;
  10559. height: 60px;
  10560. width: 70px;
  10561. }
  10562. .client-logo-items .logo-item:nth-child(3) {
  10563. left: 22%;
  10564. height: 80px;
  10565. width: 80px;
  10566. }
  10567. .client-logo-items .logo-item:nth-child(4) {
  10568. left: 0;
  10569. height: 85px;
  10570. width: 85px;
  10571. }
  10572. .client-logo-items .logo-item:nth-child(5) {
  10573. right: 28%;
  10574. width: 100px;
  10575. height: 90px;
  10576. top: 40px;
  10577. }
  10578. .client-logo-items .logo-item:nth-child(6) {
  10579. right: 35%;
  10580. top: 56%;
  10581. width: 85px;
  10582. height: 85px;
  10583. }
  10584. .client-logo-items .logo-item:nth-child(7) {
  10585. right: 0;
  10586. width: 120px;
  10587. height: 120px;
  10588. }
  10589. .client-logo-items .logo-item:nth-child(8) {
  10590. right: 60px;
  10591. }
  10592. .client-logo-items-two li:nth-child(1) {
  10593. height: 130px;
  10594. width: 130px;
  10595. }
  10596. .client-logo-items-two li:nth-child(2) {
  10597. height: 150px;
  10598. width: 150px;
  10599. }
  10600. .client-logo-items-two li:nth-child(3) {
  10601. height: 100px;
  10602. width: 100px;
  10603. }
  10604. .client-logo-items-two li:nth-child(4) {
  10605. height: 105px;
  10606. width: 105px;
  10607. }
  10608. .client-logo-items-two li:nth-child(5) {
  10609. height: 160px;
  10610. width: 160px;
  10611. }
  10612. .client-logo-items-two li:nth-child(6) {
  10613. height: 140px;
  10614. width: 140px;
  10615. }
  10616. .client-logo-items-two li:nth-child(7) {
  10617. height: 160px;
  10618. width: 160px;
  10619. }
  10620. .client-logo-items-two li:nth-child(8) {
  10621. height: 80px;
  10622. width: 80px;
  10623. }
  10624. .client-logo-items-two li:nth-child(9) {
  10625. height: 80px;
  10626. width: 80px;
  10627. }
  10628. .client-logo-items-two li:nth-child(10) {
  10629. height: 100px;
  10630. width: 100px;
  10631. right: 10px;
  10632. }
  10633. }
  10634. @media (max-width: 768px) {
  10635. .client-logo-items {
  10636. width: 90%;
  10637. }
  10638. .client-logo-items-two li {
  10639. padding: 20px;
  10640. }
  10641. .client-logo-items-two li:nth-child(1) {
  10642. height: 110px;
  10643. width: 110px;
  10644. }
  10645. .client-logo-items-two li:nth-child(2) {
  10646. height: 130px;
  10647. width: 130px;
  10648. }
  10649. .client-logo-items-two li:nth-child(3) {
  10650. height: 80px;
  10651. width: 80px;
  10652. }
  10653. .client-logo-items-two li:nth-child(4) {
  10654. height: 85px;
  10655. width: 85px;
  10656. }
  10657. .client-logo-items-two li:nth-child(5) {
  10658. height: 140px;
  10659. width: 140px;
  10660. }
  10661. .client-logo-items-two li:nth-child(6) {
  10662. height: 120px;
  10663. width: 120px;
  10664. }
  10665. .client-logo-items-two li:nth-child(7) {
  10666. height: 140px;
  10667. width: 140px;
  10668. }
  10669. .client-logo-items-two li:nth-child(8) {
  10670. height: 70px;
  10671. width: 70px;
  10672. }
  10673. .client-logo-items-two li:nth-child(9) {
  10674. height: 70px;
  10675. width: 70px;
  10676. }
  10677. .client-logo-items-two li:nth-child(10) {
  10678. height: 80px;
  10679. width: 80px;
  10680. right: 10px;
  10681. }
  10682. }
  10683. @media (max-width: 620px) {
  10684. .client-logo-items {
  10685. height: 320px;
  10686. width: 90%;
  10687. }
  10688. .client-logo-items .logo-item {
  10689. height: 70px;
  10690. width: 70px;
  10691. padding: 10px;
  10692. }
  10693. .client-logo-items .logo-item:nth-child(1) {
  10694. left: 32%;
  10695. height: 90px;
  10696. width: 90px;
  10697. }
  10698. .client-logo-items .logo-item:nth-child(2) {
  10699. left: 60px;
  10700. height: 70px;
  10701. width: 70px;
  10702. }
  10703. .client-logo-items .logo-item:nth-child(3) {
  10704. left: 22%;
  10705. height: 65px;
  10706. width: 65px;
  10707. }
  10708. .client-logo-items .logo-item:nth-child(4) {
  10709. left: 0;
  10710. height: 70px;
  10711. width: 70px;
  10712. }
  10713. .client-logo-items .logo-item:nth-child(5) {
  10714. right: 28%;
  10715. width: 90px;
  10716. height: 80px;
  10717. top: 40px;
  10718. }
  10719. .client-logo-items .logo-item:nth-child(6) {
  10720. right: 25%;
  10721. top: 56%;
  10722. width: 70px;
  10723. height: 70px;
  10724. }
  10725. .client-logo-items .logo-item:nth-child(7) {
  10726. right: 0;
  10727. width: 100px;
  10728. height: 100px;
  10729. }
  10730. .client-logo-items .logo-item:nth-child(8) {
  10731. right: 40px;
  10732. }
  10733. }
  10734. @media (max-width: 576px) {
  10735. .client-logo-items {
  10736. height: 275px;
  10737. width: 420px;
  10738. }
  10739. .client-logo-items .logo-item {
  10740. height: 60px;
  10741. width: 60px;
  10742. padding: 10px;
  10743. }
  10744. .client-logo-items .logo-item:nth-child(1) {
  10745. left: 32%;
  10746. height: 65px;
  10747. width: 80px;
  10748. top: 40%;
  10749. }
  10750. .client-logo-items .logo-item:nth-child(2) {
  10751. left: 60px;
  10752. height: 70px;
  10753. width: 70px;
  10754. }
  10755. .client-logo-items .logo-item:nth-child(3) {
  10756. left: 22%;
  10757. height: 55px;
  10758. width: 55px;
  10759. }
  10760. .client-logo-items .logo-item:nth-child(4) {
  10761. left: 0;
  10762. height: 60px;
  10763. width: 60px;
  10764. }
  10765. .client-logo-items .logo-item:nth-child(5) {
  10766. right: 28%;
  10767. width: 80px;
  10768. height: 60px;
  10769. top: 40px;
  10770. }
  10771. .client-logo-items .logo-item:nth-child(6) {
  10772. right: 25%;
  10773. top: 56%;
  10774. width: 70px;
  10775. height: 70px;
  10776. }
  10777. .client-logo-items .logo-item:nth-child(7) {
  10778. right: 0;
  10779. width: 80px;
  10780. height: 80px;
  10781. }
  10782. .client-logo-items .logo-item:nth-child(8) {
  10783. right: 40px;
  10784. }
  10785. .client-logo-items-two li {
  10786. padding: 20px;
  10787. }
  10788. .client-logo-items-two li:nth-child(1) {
  10789. height: 110px;
  10790. width: 110px;
  10791. left: 41%;
  10792. }
  10793. .client-logo-items-two li:nth-child(2) {
  10794. height: 120px;
  10795. width: 120px;
  10796. top: 0;
  10797. right: 0;
  10798. left: auto;
  10799. }
  10800. .client-logo-items-two li:nth-child(3) {
  10801. height: 100px;
  10802. width: 100px;
  10803. left: 11%;
  10804. }
  10805. .client-logo-items-two li:nth-child(4) {
  10806. height: 105px;
  10807. width: 105px;
  10808. top: 190px;
  10809. left: 41%;
  10810. }
  10811. .client-logo-items-two li:nth-child(5) {
  10812. height: 140px;
  10813. width: 140px;
  10814. left: 5%;
  10815. top: 130px;
  10816. }
  10817. .client-logo-items-two li:nth-child(6) {
  10818. height: 120px;
  10819. width: 120px;
  10820. top: 180px;
  10821. right: 0;
  10822. left: auto;
  10823. }
  10824. .client-logo-items-two li:nth-child(7) {
  10825. height: 130px;
  10826. width: 130px;
  10827. top: auto;
  10828. bottom: 0;
  10829. left: 55%;
  10830. -webkit-transform: translateX(-50%);
  10831. -ms-transform: translateX(-50%);
  10832. transform: translateX(-50%);
  10833. }
  10834. .client-logo-items-two li:nth-child(8) {
  10835. height: 90px;
  10836. width: 90px;
  10837. bottom: 0;
  10838. top: auto;
  10839. right: 0;
  10840. }
  10841. .client-logo-items-two li:nth-child(9) {
  10842. height: 100px;
  10843. width: 100px;
  10844. bottom: 85px;
  10845. left: 20px;
  10846. top: auto;
  10847. }
  10848. .client-logo-items-two li:nth-child(10) {
  10849. height: 90px;
  10850. width: 90px;
  10851. right: 10px;
  10852. bottom: -25px;
  10853. top: auto;
  10854. left: 50px;
  10855. }
  10856. }
  10857. @media (max-width: 420px) {
  10858. .client-logo-items {
  10859. height: 275px;
  10860. width: 300px;
  10861. }
  10862. .client-logo-items .logo-item {
  10863. height: 60px;
  10864. width: 60px;
  10865. padding: 10px;
  10866. }
  10867. .client-logo-items .logo-item:nth-child(1) {
  10868. left: 22%;
  10869. height: 65px;
  10870. width: 75px;
  10871. top: 36%;
  10872. }
  10873. .client-logo-items .logo-item:nth-child(2) {
  10874. left: 25px;
  10875. height: 55px;
  10876. width: 55px;
  10877. }
  10878. .client-logo-items .logo-item:nth-child(3) {
  10879. left: 25%;
  10880. height: 55px;
  10881. width: 55px;
  10882. }
  10883. .client-logo-items .logo-item:nth-child(4) {
  10884. left: 0;
  10885. height: 60px;
  10886. width: 60px;
  10887. }
  10888. .client-logo-items .logo-item:nth-child(5) {
  10889. right: 35%;
  10890. width: 75px;
  10891. height: 55px;
  10892. top: 34px;
  10893. }
  10894. .client-logo-items .logo-item:nth-child(6) {
  10895. right: 30%;
  10896. top: 55%;
  10897. width: 60px;
  10898. height: 60px;
  10899. }
  10900. .client-logo-items .logo-item:nth-child(7) {
  10901. right: 0;
  10902. width: 70px;
  10903. height: 70px;
  10904. }
  10905. .client-logo-items .logo-item:nth-child(8) {
  10906. right: 40px;
  10907. }
  10908. .client-logo-items-two {
  10909. width: 320px;
  10910. margin: 0 auto;
  10911. }
  10912. .client-logo-items-two li {
  10913. padding: 20px;
  10914. }
  10915. .client-logo-items-two li:nth-child(1) {
  10916. height: 90px;
  10917. width: 90px;
  10918. left: 33%;
  10919. }
  10920. .client-logo-items-two li:nth-child(2) {
  10921. height: 120px;
  10922. width: 120px;
  10923. top: 0;
  10924. right: 0;
  10925. left: auto;
  10926. }
  10927. .client-logo-items-two li:nth-child(3) {
  10928. height: 100px;
  10929. width: 100px;
  10930. left: 0;
  10931. }
  10932. .client-logo-items-two li:nth-child(4) {
  10933. height: 95px;
  10934. width: 95px;
  10935. top: 190px;
  10936. left: 38%;
  10937. }
  10938. .client-logo-items-two li:nth-child(5) {
  10939. height: 120px;
  10940. width: 120px;
  10941. left: 2%;
  10942. top: 130px;
  10943. }
  10944. .client-logo-items-two li:nth-child(6) {
  10945. height: 100px;
  10946. width: 100px;
  10947. top: 140px;
  10948. right: 0;
  10949. left: auto;
  10950. }
  10951. .client-logo-items-two li:nth-child(7) {
  10952. height: 110px;
  10953. width: 110px;
  10954. top: auto;
  10955. bottom: 106px;
  10956. right: 0;
  10957. left: auto;
  10958. -webkit-transform: translate(0);
  10959. -ms-transform: translate(0);
  10960. transform: translate(0);
  10961. }
  10962. .client-logo-items-two li:nth-child(8) {
  10963. height: 90px;
  10964. width: 90px;
  10965. bottom: 40px;
  10966. top: auto;
  10967. right: 96px;
  10968. }
  10969. .client-logo-items-two li:nth-child(9) {
  10970. height: 100px;
  10971. width: 100px;
  10972. bottom: 85px;
  10973. left: 20px;
  10974. top: auto;
  10975. }
  10976. .client-logo-items-two li:nth-child(10) {
  10977. height: 90px;
  10978. width: 90px;
  10979. right: 10px;
  10980. bottom: -25px;
  10981. top: auto;
  10982. left: 50px;
  10983. }
  10984. }
  10985. /*--------------------------------------------------------------
  10986. ## Testimonial
  10987. --------------------------------------------------------------*/
  10988. /* Social Testimonial */
  10989. #social-testimonial {
  10990. background: #fbfbfd;
  10991. overflow: hidden;
  10992. }
  10993. #social-testimonial .testimonial-top-area {
  10994. padding: 115px 0 196px;
  10995. background-size: cover;
  10996. background-position: center center;
  10997. background-image: linear-gradient(45deg, #03050e66 0, #1a266ca3 50%, #2f3ca35c 100%), url(../img/bg.jpg);
  10998. }
  10999. #social-testimonial .testimonial-top-area .section-title-two h2 {
  11000. margin-bottom: 10px;
  11001. }
  11002. @media (max-width: 991px) {
  11003. #social-testimonial .testimonial-top-area {
  11004. padding: 70px 0 196px;
  11005. }
  11006. }
  11007. #testimonial-saas {
  11008. padding: 113px 0 130px;
  11009. position: relative;
  11010. }
  11011. @media (max-width: 768px) {
  11012. #testimonial-saas {
  11013. padding: 73px 0 80px;
  11014. }
  11015. }
  11016. #testimonial-saas .testimonial-shape-bg {
  11017. position: absolute;
  11018. top: 0;
  11019. left: 0;
  11020. width: 100%;
  11021. height: 540px;
  11022. background-size: cover;
  11023. background-position: center center;
  11024. }
  11025. #testimonial-saas .section-heading {
  11026. margin-bottom: 48px;
  11027. }
  11028. #testimonial-saas .swiper-pagination .swiper-pagination-bullet {
  11029. height: 8px;
  11030. width: 8px;
  11031. }
  11032. .nav-control {
  11033. position: absolute;
  11034. top: 50%;
  11035. z-index: 222;
  11036. width: 100%;
  11037. }
  11038. .nav-control .gp-nav-next, .nav-control .gp-nav-prev {
  11039. position: absolute;
  11040. height: 50px;
  11041. width: 50px;
  11042. text-align: center;
  11043. color: #677294;
  11044. line-height: 50px;
  11045. border: 2px solid #e0e3ed;
  11046. border-radius: 50%;
  11047. font-size: 20px;
  11048. -webkit-transition: all 0.3s ease-in-out;
  11049. -o-transition: all 0.3s ease-in-out;
  11050. transition: all 0.3s ease-in-out;
  11051. cursor: pointer;
  11052. outline: 0;
  11053. }
  11054. .nav-control .gp-nav-next:hover, .nav-control .gp-nav-prev:hover {
  11055. background: #4d5afe;
  11056. border-color: #4d5afe;
  11057. color: #fff;
  11058. -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  11059. box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  11060. }
  11061. .nav-control .gp-nav-prev {
  11062. left: 20px;
  11063. }
  11064. .nav-control .gp-nav-next {
  11065. right: 20px;
  11066. }
  11067. .testimonial-saas-wrapper .swiper-container {
  11068. padding: 26px;
  11069. }
  11070. @media (min-width: 1400px) {
  11071. .testimonial-saas-wrapper .swiper-container {
  11072. margin: 0 -26px;
  11073. }
  11074. }
  11075. @media (max-width: 667px) {
  11076. .testimonial-saas-wrapper .swiper-container {
  11077. padding: 0;
  11078. margin: 0;
  11079. }
  11080. }
  11081. #testimonial-social {
  11082. padding: 70px 30px;
  11083. margin: 0 -30px 20px;
  11084. }
  11085. .social-testimonil {
  11086. margin-top: -250px;
  11087. padding-bottom: 115px;
  11088. }
  11089. @media (max-width: 991px) {
  11090. .social-testimonil {
  11091. padding-bottom: 75px;
  11092. }
  11093. }
  11094. .social-testi {
  11095. background: #fff;
  11096. -webkit-box-shadow: 0 10px 28px 0 rgba(0, 11, 40, 0.1);
  11097. box-shadow: 0 10px 28px 0 rgba(0, 11, 40, 0.1);
  11098. border-radius: 6px;
  11099. padding: 50px 40px 55px;
  11100. }
  11101. .social-testi .content p {
  11102. font-size: 16px;
  11103. line-height: 28px;
  11104. margin: 0;
  11105. }
  11106. .social-testi .user-details {
  11107. display: -webkit-box;
  11108. display: -ms-flexbox;
  11109. display: flex;
  11110. -ms-flex-wrap: wrap;
  11111. flex-wrap: wrap;
  11112. margin-bottom: 33px;
  11113. -webkit-box-align: center;
  11114. -ms-flex-align: center;
  11115. align-items: center;
  11116. position: relative;
  11117. }
  11118. .social-testi .user-details .ratings {
  11119. position: absolute;
  11120. right: 0;
  11121. top: 5px;
  11122. }
  11123. @media (max-width: 991px) {
  11124. .social-testi .user-details .ratings {
  11125. position: static;
  11126. }
  11127. }
  11128. .social-testi .user-details .avatar {
  11129. width: 60px;
  11130. height: 60px;
  11131. overflow: hidden;
  11132. }
  11133. .social-testi .user-details .avatar img {
  11134. border-radius: 50%;
  11135. }
  11136. .social-testi .user-details .info-content {
  11137. margin-left: 20px;
  11138. }
  11139. .social-testi .user-details .info-content .name {
  11140. font-size: 20px;
  11141. color: #051441;
  11142. font-weight: 800;
  11143. margin: 0;
  11144. }
  11145. .social-testi .user-details .info-content .position {
  11146. font-size: 14px;
  11147. }
  11148. .social-slider-nav {
  11149. display: -webkit-box;
  11150. display: -ms-flexbox;
  11151. display: flex;
  11152. position: absolute;
  11153. right: 0;
  11154. bottom: 0;
  11155. }
  11156. @media (max-width: 767px) {
  11157. .social-slider-nav {
  11158. position: static;
  11159. }
  11160. }
  11161. .social-slider-nav .slider-next, .social-slider-nav .slider-prev {
  11162. height: 50px;
  11163. width: 50px;
  11164. line-height: 50px;
  11165. border: 2px solid #baa9e4;
  11166. border-radius: 50%;
  11167. text-align: center;
  11168. color: #fff;
  11169. font-size: 20px;
  11170. -webkit-transition: all 0.3s ease-in-out;
  11171. -o-transition: all 0.3s ease-in-out;
  11172. transition: all 0.3s ease-in-out;
  11173. cursor: pointer;
  11174. outline: 0;
  11175. }
  11176. .social-slider-nav .slider-next:hover, .social-slider-nav .slider-prev:hover {
  11177. background: #fff;
  11178. color: #ed1f25;
  11179. border-color: #fff;
  11180. -webkit-box-shadow: 0 20px 30px 0 rgba(10, 4, 70, 0.2);
  11181. box-shadow: 0 20px 30px 0 rgba(10, 4, 70, 0.2);
  11182. }
  11183. .social-slider-nav .slider-prev {
  11184. margin-right: 10px;
  11185. }
  11186. .testi-content-title h4 {
  11187. font-size: 14px;
  11188. text-transform: uppercase;
  11189. font-weight: 500;
  11190. letter-spacing: 2px;
  11191. color: #ed1f25;
  11192. margin-bottom: 13px;
  11193. }
  11194. .testi-content-title h2 {
  11195. font-size: 40px;
  11196. line-height: 56px;
  11197. margin-bottom: 45px;
  11198. font-weight: 700;
  11199. }
  11200. .testi-content-title h2 span {
  11201. color: #ed1f25;
  11202. }
  11203. .spaker-count .count-num {
  11204. font-size: 60px;
  11205. font-weight: 400;
  11206. line-height: 1;
  11207. margin-bottom: 2px;
  11208. }
  11209. .spaker-count p {
  11210. font-size: 14px;
  11211. font-weight: 500;
  11212. text-transform: uppercase;
  11213. color: #677294;
  11214. margin-bottom: 43px;
  11215. }
  11216. .spaker-count .count-feature {
  11217. margin: 0;
  11218. padding: 0;
  11219. list-style: none;
  11220. }
  11221. .spaker-count .count-feature li {
  11222. line-height: 39px;
  11223. font-size: 16px;
  11224. font-weight: 500;
  11225. color: #051441;
  11226. }
  11227. .spaker-count .count-feature li i {
  11228. color: #ed1f25;
  11229. margin-right: 10px;
  11230. }
  11231. /* Testimonial*/
  11232. .testimonials {
  11233. padding: 120px 0;
  11234. background: #fbfbfd;
  11235. background-image: url(../../media/background/testimonial-two.png);
  11236. background-size: cover;
  11237. background-position: center center;
  11238. }
  11239. @media (max-width: 991px) {
  11240. .testimonials {
  11241. padding: 80px 0;
  11242. }
  11243. .testimonials #testimonial {
  11244. padding: 0;
  11245. }
  11246. }
  11247. .testimonia-single {
  11248. padding-top: 30px;
  11249. }
  11250. @media (max-width: 576px) {
  11251. .testimonia-single .nav-control {
  11252. display: none;
  11253. }
  11254. }
  11255. .testimonia-single .testimonial {
  11256. text-align: center;
  11257. }
  11258. .testimonia-single .testimonial .user-avatar {
  11259. height: 100px;
  11260. width: 100px;
  11261. border-radius: 50%;
  11262. margin: 0 auto 40px;
  11263. overflow: hidden;
  11264. -webkit-transform: translateY(-20px);
  11265. -ms-transform: translateY(-20px);
  11266. transform: translateY(-20px);
  11267. -webkit-transition: all 0.5s;
  11268. -o-transition: all 0.5s;
  11269. transition: all 0.5s;
  11270. opacity: 0;
  11271. border: 2px solid #4d5afe;
  11272. }
  11273. .testimonia-single .testimonial .review-title {
  11274. font-size: 18px;
  11275. font-weight: 500;
  11276. color: #1f113a;
  11277. opacity: 0;
  11278. -webkit-transform: translateY(-20px);
  11279. -ms-transform: translateY(-20px);
  11280. transform: translateY(-20px);
  11281. -webkit-transition: all 0.5s;
  11282. -o-transition: all 0.5s;
  11283. transition: all 0.5s;
  11284. }
  11285. .testimonia-single .testimonial .testi-content {
  11286. max-width: 750px;
  11287. margin: 0 auto 43px;
  11288. }
  11289. @media (max-width: 991px) {
  11290. .testimonia-single .testimonial .testi-content {
  11291. max-width: 550px;
  11292. }
  11293. }
  11294. @media (max-width: 767px) {
  11295. .testimonia-single .testimonial .testi-content {
  11296. max-width: 450px;
  11297. }
  11298. }
  11299. .testimonia-single .testimonial .testi-content p {
  11300. font-size: 20px;
  11301. line-height: 36px;
  11302. color: #373d46;
  11303. -webkit-transform: translateY(-20px);
  11304. -ms-transform: translateY(-20px);
  11305. transform: translateY(-20px);
  11306. -webkit-transition: all 0.5s;
  11307. -o-transition: all 0.5s;
  11308. transition: all 0.5s;
  11309. opacity: 0;
  11310. }
  11311. @media (max-width: 768px) {
  11312. .testimonia-single .testimonial .testi-content p {
  11313. font-size: 18px;
  11314. line-height: 34px;
  11315. }
  11316. }
  11317. .testimonia-single .testimonial .info {
  11318. -webkit-transform: translateY(-20px);
  11319. -ms-transform: translateY(-20px);
  11320. transform: translateY(-20px);
  11321. -webkit-transition: all 0.5s;
  11322. -o-transition: all 0.5s;
  11323. transition: all 0.5s;
  11324. opacity: 0;
  11325. }
  11326. .testimonia-single .testimonial .info .ratings {
  11327. margin-bottom: 15px;
  11328. }
  11329. .testimonia-single .testimonial .info .ratings li {
  11330. font-size: 12px;
  11331. }
  11332. .testimonia-single .testimonial .info .user-name {
  11333. font-size: 20px;
  11334. color: #1f113a;
  11335. font-weight: 700;
  11336. margin-bottom: 0;
  11337. line-height: 1.5;
  11338. }
  11339. .testimonia-single .testimonial .info .designation {
  11340. color: #6a7695;
  11341. font-size: 14px;
  11342. }
  11343. .testimonia-single .testimonial.style-two {
  11344. border-radius: 10px;
  11345. background: #fff;
  11346. -webkit-box-shadow: 0 4px 8px 0 rgba(1, 33, 26, 0.06);
  11347. box-shadow: 0 4px 8px 0 rgba(1, 33, 26, 0.06);
  11348. text-align: left;
  11349. padding: 50px;
  11350. position: relative;
  11351. overflow: hidden;
  11352. -webkit-transition: all 0.3s ease-in-out;
  11353. -o-transition: all 0.3s ease-in-out;
  11354. transition: all 0.3s ease-in-out;
  11355. }
  11356. .testimonia-single .testimonial.style-two:hover {
  11357. -webkit-box-shadow: 0 20px 60px 0 rgba(1, 33, 26, 0.1);
  11358. box-shadow: 0 20px 60px 0 rgba(1, 33, 26, 0.1);
  11359. }
  11360. .testimonia-single .testimonial.style-two .user-details {
  11361. display: -webkit-box;
  11362. display: -ms-flexbox;
  11363. display: flex;
  11364. -ms-flex-wrap: wrap;
  11365. flex-wrap: wrap;
  11366. margin-bottom: 30px;
  11367. position: relative;
  11368. -webkit-box-align: center;
  11369. -ms-flex-align: center;
  11370. align-items: center;
  11371. }
  11372. .testimonia-single .testimonial.style-two .user-details .ratings {
  11373. position: absolute;
  11374. top: 0;
  11375. right: 0;
  11376. }
  11377. .testimonia-single .testimonial.style-two .user-details .ratings li {
  11378. font-size: 12px;
  11379. }
  11380. @media (max-width: 991px) {
  11381. .testimonia-single .testimonial.style-two .user-details .ratings {
  11382. position: static;
  11383. }
  11384. }
  11385. .testimonia-single .testimonial.style-two .user-details .avatar {
  11386. height: 60px;
  11387. width: 60px;
  11388. border-radius: 50%;
  11389. margin-right: 20px;
  11390. }
  11391. .testimonia-single .testimonial.style-two .user-details .avatar img {
  11392. border-radius: 50%;
  11393. }
  11394. .testimonia-single .testimonial.style-two .info-content .name {
  11395. font-size: 20px;
  11396. font-weight: 800;
  11397. margin: 0;
  11398. }
  11399. .testimonia-single .testimonial.style-two .info-content .designation {
  11400. font-size: 14px;
  11401. color: #868693;
  11402. }
  11403. .testimonia-single .testimonial.style-two .content p {
  11404. font-size: 16px;
  11405. line-height: 28px;
  11406. margin-bottom: 45px;
  11407. color: #6d6d82;
  11408. }
  11409. .testimonia-single .testimonial.style-two .wattermarker {
  11410. position: absolute;
  11411. right: 30px;
  11412. bottom: -16px;
  11413. }
  11414. .testimonia-single#testimonial-community .testimonial .user-avatar {
  11415. margin: 0 auto 25px;
  11416. height: 70px;
  11417. width: 70px;
  11418. border: 0;
  11419. }
  11420. .testimonia-single#testimonial-community .testimonial .testi-content {
  11421. margin: 0 auto 30px;
  11422. }
  11423. .testimonia-single#testimonial-community .testimonial .testi-content p {
  11424. font-size: 18px;
  11425. line-height: 30px;
  11426. font-weight: 400;
  11427. color: #69697b;
  11428. margin: 0;
  11429. }
  11430. .testimonia-single#testimonial-community .testimonial .info .user-name {
  11431. font-size: 16px;
  11432. color: #1f113a;
  11433. font-weight: 800;
  11434. margin: 0;
  11435. }
  11436. .testimonia-single#testimonial-community .testimonial .info .designation {
  11437. color: #88848f;
  11438. font-size: 14px;
  11439. }
  11440. .testimonia-single#testimonial-community .nav-control .gp-nav-next {
  11441. right: 20px;
  11442. }
  11443. .testimonia-single#testimonial-community .nav-control .gp-nav-prev {
  11444. left: 20px;
  11445. }
  11446. .testimonia-single#testimonial-community .nav-control .gp-nav-next:hover, .testimonia-single#testimonial-community .nav-control .gp-nav-prev:hover {
  11447. background: #ed1f25;
  11448. border-color: #ed1f25;
  11449. -webkit-box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3);
  11450. box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3);
  11451. }
  11452. .testimonia-single .swiper-slide.swiper-slide-active .testimonial .user-avatar {
  11453. -webkit-transition-delay: 0.3s;
  11454. -o-transition-delay: 0.3s;
  11455. transition-delay: 0.3s;
  11456. }
  11457. .testimonia-single .swiper-slide.swiper-slide-active .testimonial .review-title {
  11458. -webkit-transition-delay: 0.5s;
  11459. -o-transition-delay: 0.5s;
  11460. transition-delay: 0.5s;
  11461. }
  11462. .testimonia-single .swiper-slide.swiper-slide-active .testimonial .testi-content p {
  11463. -webkit-transition-delay: 0.7s;
  11464. -o-transition-delay: 0.7s;
  11465. transition-delay: 0.7s;
  11466. }
  11467. .testimonia-single .swiper-slide.swiper-slide-active .testimonial .info {
  11468. -webkit-transition-delay: 0.9s;
  11469. -o-transition-delay: 0.9s;
  11470. transition-delay: 0.9s;
  11471. }
  11472. .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 {
  11473. -webkit-transform: translateY(0);
  11474. -ms-transform: translateY(0);
  11475. transform: translateY(0);
  11476. opacity: 1;
  11477. }
  11478. .testimonials-community {
  11479. position: relative;
  11480. background-image: url("../../media/background/testi_bg2.jpg");
  11481. background-size: cover;
  11482. background-position: center center;
  11483. background-repeat: no-repeat;
  11484. overflow: hidden;
  11485. padding: 122px 0 151px;
  11486. }
  11487. @media (max-width: 991px) {
  11488. .testimonials-community {
  11489. padding: 50px 0 80px;
  11490. }
  11491. }
  11492. .testimonials-community .bottom-title {
  11493. color: #f2f2f2;
  11494. font-size: 100px;
  11495. text-transform: uppercase;
  11496. position: absolute;
  11497. text-align: center;
  11498. width: 100%;
  11499. left: 0;
  11500. bottom: -50px;
  11501. font-weight: 700;
  11502. }
  11503. @media (max-width: 991px) {
  11504. .testimonials-community .bottom-title {
  11505. font-size: 40px;
  11506. bottom: -25px;
  11507. }
  11508. }
  11509. /* Testimonial Two*/
  11510. .testimonials-two {
  11511. padding: 142px 0;
  11512. }
  11513. @media (max-width: 991px) {
  11514. .testimonials-two {
  11515. padding: 100px 0 60px;
  11516. }
  11517. }
  11518. .testimonials-two .bg-shape {
  11519. position: absolute;
  11520. right: 0;
  11521. top: 0;
  11522. }
  11523. .testimonials-two .nav-control {
  11524. width: 120px;
  11525. right: 0;
  11526. display: -webkit-box;
  11527. display: -ms-flexbox;
  11528. display: flex;
  11529. -webkit-box-pack: justify;
  11530. -ms-flex-pack: justify;
  11531. justify-content: space-between;
  11532. top: auto;
  11533. bottom: 0;
  11534. }
  11535. .testimonials-two .nav-control .gp-nav-next, .testimonials-two .nav-control .gp-nav-prev {
  11536. position: static;
  11537. }
  11538. .testimonials-two .nav-control .gp-nav-next:hover, .testimonials-two .nav-control .gp-nav-prev:hover {
  11539. background: #ed1f25;
  11540. border-color: #ed1f25;
  11541. -webkit-box-shadow: 0 20px 30px 0 rgba(10, 4, 70, 0.2);
  11542. box-shadow: 0 20px 30px 0 rgba(10, 4, 70, 0.2);
  11543. }
  11544. @media (max-width: 768px) {
  11545. .testimonials-two .nav-control {
  11546. display: none;
  11547. }
  11548. }
  11549. .testimonial-overflow-wrap {
  11550. overflow: hidden;
  11551. }
  11552. .testimonial-inner {
  11553. margin: 0 -600px 0 -40px;
  11554. }
  11555. @media (max-width: 1280px) {
  11556. .testimonial-inner {
  11557. margin: 0;
  11558. }
  11559. }
  11560. #testimonial-two {
  11561. padding: 20px 0 68px 40px;
  11562. }
  11563. @media (max-width: 768px) {
  11564. #testimonial-two {
  11565. padding: 0;
  11566. }
  11567. }
  11568. #testimonial-two .astriol-active-slide {
  11569. -webkit-box-shadow: 0 20px 60px 0 rgba(0, 11, 40, 0.06);
  11570. box-shadow: 0 20px 60px 0 rgba(0, 11, 40, 0.06);
  11571. }
  11572. .section-heading-two .nav-control .gp-nav-next:hover, .section-heading-two .nav-control .gp-nav-prev:hover {
  11573. background-color: #ff5e85;
  11574. border-color: #ff5e85;
  11575. -webkit-box-shadow: 0 20px 30px 0 rgba(218, 57, 96, 0.2);
  11576. box-shadow: 0 20px 30px 0 rgba(218, 57, 96, 0.2);
  11577. }
  11578. .testimonial-two {
  11579. border-radius: 6px;
  11580. background-color: white;
  11581. padding: 50px 40px;
  11582. position: relative;
  11583. overflow: hidden;
  11584. }
  11585. @media (max-width: 420px) {
  11586. .testimonial-two {
  11587. padding: 40px 30px;
  11588. }
  11589. }
  11590. .testimonial-two .testmonial-info {
  11591. margin-bottom: 20px;
  11592. display: -webkit-box;
  11593. display: -ms-flexbox;
  11594. display: flex;
  11595. -webkit-box-align: center;
  11596. -ms-flex-align: center;
  11597. align-items: center;
  11598. -webkit-box-pack: justify;
  11599. -ms-flex-pack: justify;
  11600. justify-content: space-between;
  11601. }
  11602. @media (max-width: 480px) {
  11603. .testimonial-two .testmonial-info {
  11604. display: block;
  11605. }
  11606. .testimonial-two .testmonial-info .ratings {
  11607. margin-left: 80px;
  11608. }
  11609. }
  11610. .testimonial-two .testmonial-info .info-wrapper {
  11611. display: -webkit-box;
  11612. display: -ms-flexbox;
  11613. display: flex;
  11614. -webkit-box-align: center;
  11615. -ms-flex-align: center;
  11616. align-items: center;
  11617. -ms-flex-wrap: wrap;
  11618. flex-wrap: wrap;
  11619. }
  11620. .testimonial-two .testmonial-info .info-wrapper .user-avatar {
  11621. height: 60px;
  11622. width: 60px;
  11623. margin-right: 20px;
  11624. }
  11625. .testimonial-two .testmonial-info .info-wrapper .user-avatar img {
  11626. border-radius: 50%;
  11627. }
  11628. .testimonial-two .testmonial-info .info-wrapper .info {
  11629. -webkit-box-flex: 2;
  11630. -ms-flex: 2;
  11631. flex: 2;
  11632. }
  11633. .testimonial-two .testmonial-info .info-wrapper .info .user-name {
  11634. font-size: 20px;
  11635. margin: 0;
  11636. }
  11637. .testimonial-two .testmonial-info .info-wrapper .info span {
  11638. font-size: 14px;
  11639. font-weight: 300;
  11640. }
  11641. .testimonial-two .testi-content {
  11642. font-weight: 300;
  11643. line-height: 28px;
  11644. position: relative;
  11645. }
  11646. .testimonial-two .quote {
  11647. position: absolute;
  11648. right: 50px;
  11649. bottom: -12px;
  11650. }
  11651. .ratings {
  11652. margin: 0;
  11653. padding: 0;
  11654. list-style: none;
  11655. }
  11656. .ratings li {
  11657. display: inline-block;
  11658. color: #fbc509;
  11659. font-size: 14px;
  11660. }
  11661. .section-heading {
  11662. position: relative;
  11663. }
  11664. .section-heading .nav-control {
  11665. width: 110px;
  11666. top: 20px;
  11667. right: 20px;
  11668. }
  11669. /* Testimonial Three */
  11670. @media (max-width: 991px) {
  11671. .testimonial-content-left {
  11672. margin-top: 0 !important;
  11673. }
  11674. }
  11675. .testimonial-content-left .section-heading {
  11676. margin-bottom: 35px;
  11677. }
  11678. @media (max-width: 991px) {
  11679. .testimonial-content-left .section-heading {
  11680. text-align: center !important;
  11681. }
  11682. }
  11683. .testimonial-content-left .nav-control {
  11684. width: 110px;
  11685. left: 15px;
  11686. position: static;
  11687. display: -webkit-box;
  11688. display: -ms-flexbox;
  11689. display: flex;
  11690. -webkit-box-pack: justify;
  11691. -ms-flex-pack: justify;
  11692. justify-content: space-between;
  11693. }
  11694. @media (max-width: 991px) {
  11695. .testimonial-content-left .nav-control {
  11696. margin: 0 auto;
  11697. }
  11698. }
  11699. .testimonial-content-left .nav-control .gp-nav-next, .testimonial-content-left .nav-control .gp-nav-prev {
  11700. position: static;
  11701. z-index: 222;
  11702. }
  11703. .testimonial-content-left .nav-control .gp-nav-next:hover, .testimonial-content-left .nav-control .gp-nav-prev:hover {
  11704. background: #ed1f25;
  11705. border-color: #ed1f25;
  11706. -webkit-box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.2);
  11707. box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.2);
  11708. }
  11709. /* Testimonial Agency */
  11710. #testimonial-agency {
  11711. padding-left: 30px;
  11712. padding-top: 30px;
  11713. }
  11714. @media (max-width: 991px) {
  11715. #testimonial-agency {
  11716. padding: 10px;
  11717. }
  11718. }
  11719. .agency-testimonial-wrap .testimonial-inner {
  11720. margin: 0 -500px 0 -40px;
  11721. }
  11722. @media (max-width: 991px) {
  11723. .agency-testimonial-wrap .testimonial-inner {
  11724. margin: 0;
  11725. }
  11726. }
  11727. .agency-testimonial-wrap .bg-shape {
  11728. top: 45px;
  11729. }
  11730. @media (max-width: 576px) {
  11731. .agency-testimonial-wrap .bg-shape {
  11732. top: 50%;
  11733. -webkit-transform: translateY(-50%);
  11734. -ms-transform: translateY(-50%);
  11735. transform: translateY(-50%);
  11736. }
  11737. }
  11738. .testimonial-three {
  11739. position: relative;
  11740. }
  11741. .testimonial-three .testi-content {
  11742. background: #fff;
  11743. -webkit-box-shadow: 0 20px 23px 0 rgba(16, 2, 40, 0.07);
  11744. box-shadow: 0 20px 23px 0 rgba(16, 2, 40, 0.07);
  11745. border-radius: 20px;
  11746. padding: 40px;
  11747. position: relative;
  11748. }
  11749. .testimonial-three .testi-content p {
  11750. color: #706c79;
  11751. line-height: 30px;
  11752. }
  11753. .testimonial-three .testi-content:before {
  11754. content: "";
  11755. position: absolute;
  11756. left: 110px;
  11757. bottom: -15px;
  11758. width: 0;
  11759. height: 0;
  11760. border-left: 15px solid transparent;
  11761. border-right: 10px solid transparent;
  11762. border-top: 15px solid #fff;
  11763. }
  11764. .testimonial-three .info-wrapper {
  11765. display: -webkit-box;
  11766. display: -ms-flexbox;
  11767. display: flex;
  11768. -webkit-box-align: center;
  11769. -ms-flex-align: center;
  11770. align-items: center;
  11771. margin-top: 30px;
  11772. margin-left: 100px;
  11773. }
  11774. .testimonial-three .info-wrapper .user-avatar {
  11775. height: 50px;
  11776. width: 50px;
  11777. border-radius: 50%;
  11778. overflow: hidden;
  11779. margin-right: 20px;
  11780. }
  11781. .testimonial-three .info-wrapper .info .user-name {
  11782. font-size: 18px;
  11783. margin: 0;
  11784. }
  11785. .testimonial-three .info-wrapper .info .designation {
  11786. color: #75737e;
  11787. font-size: 15px;
  11788. }
  11789. .testimonials-creative {
  11790. background-image: url("../../media/background/testi-bgc.jpg");
  11791. background-size: cover;
  11792. background-position: center;
  11793. background-repeat: no-repeat;
  11794. }
  11795. .testimonial-heading {
  11796. margin: 0;
  11797. }
  11798. .testimonial-heading .section-title {
  11799. margin-bottom: 30px;
  11800. }
  11801. .testimonial-heading .sub-title {
  11802. font-size: 20px;
  11803. font-weight: 400;
  11804. color: #020e27;
  11805. margin-bottom: 85px;
  11806. }
  11807. @media (max-width: 768px) {
  11808. .testimonial-heading .sub-title {
  11809. margin-bottom: 20px;
  11810. }
  11811. }
  11812. .testimonial-heading .nav-static {
  11813. position: static;
  11814. display: -webkit-box;
  11815. display: -ms-flexbox;
  11816. display: flex;
  11817. -webkit-box-pack: justify;
  11818. -ms-flex-pack: justify;
  11819. justify-content: space-between;
  11820. width: 90px;
  11821. }
  11822. .testimonial-heading .nav-static .gp-nav-next, .testimonial-heading .nav-static .gp-nav-prev {
  11823. position: static;
  11824. height: auto;
  11825. width: auto;
  11826. line-height: 1;
  11827. border: 0;
  11828. font-size: 40px;
  11829. color: #ccd0d7;
  11830. }
  11831. .testimonial-heading .nav-static .gp-nav-next:hover, .testimonial-heading .nav-static .gp-nav-prev:hover {
  11832. background: transparent;
  11833. -webkit-box-shadow: none;
  11834. box-shadow: none;
  11835. }
  11836. .testimonial-heading .nav-static .gp-nav-next:hover:hover, .testimonial-heading .nav-static .gp-nav-prev:hover:hover {
  11837. color: #ff6344;
  11838. }
  11839. .gp-testimonial-tab {
  11840. margin-bottom: 30px;
  11841. padding-bottom: 13px;
  11842. border-bottom: 1px solid #dae0e6;
  11843. }
  11844. .gp-testimonial-tab li {
  11845. position: relative;
  11846. }
  11847. .gp-testimonial-tab li:not(:last-child) {
  11848. margin-right: 50px;
  11849. }
  11850. .gp-testimonial-tab li:not(:last-child):before {
  11851. content: "";
  11852. position: absolute;
  11853. height: 4px;
  11854. width: 4px;
  11855. right: -25px;
  11856. background: #000;
  11857. top: 50%;
  11858. -webkit-transform: translateY(-50%);
  11859. -ms-transform: translateY(-50%);
  11860. transform: translateY(-50%);
  11861. }
  11862. .gp-testimonial-tab li a {
  11863. color: #000;
  11864. padding: 0;
  11865. position: relative;
  11866. }
  11867. .gp-testimonial-tab li a:after {
  11868. content: "";
  11869. position: absolute;
  11870. left: 0;
  11871. bottom: -14px;
  11872. height: 2px;
  11873. width: 0;
  11874. background: #4d5afe;
  11875. -webkit-transition: all 0.3s ease-in-out;
  11876. -o-transition: all 0.3s ease-in-out;
  11877. transition: all 0.3s ease-in-out;
  11878. }
  11879. .gp-testimonial-tab li a.active, .gp-testimonial-tab li a:hover {
  11880. color: #4d5afe;
  11881. }
  11882. .gp-testimonial-tab li a.active:after {
  11883. width: 100%;
  11884. }
  11885. .testimonial-wrap .quote {
  11886. margin-bottom: 45px;
  11887. }
  11888. .testimonial-wrap .quote svg tspan {
  11889. fill: rgba(80, 76, 250, 0.2);
  11890. }
  11891. .testimonials-creative {
  11892. padding: 150px 0;
  11893. }
  11894. @media (max-width: 991px) {
  11895. .testimonials-creative {
  11896. padding: 80px 0;
  11897. }
  11898. }
  11899. @media (max-width: 768px) {
  11900. .testimonials-creative .testimonial-wrap {
  11901. margin-top: 40px;
  11902. }
  11903. }
  11904. .testimonial-cre .info-wrapper {
  11905. display: -webkit-box;
  11906. display: -ms-flexbox;
  11907. display: flex;
  11908. -webkit-box-align: center;
  11909. -ms-flex-align: center;
  11910. align-items: center;
  11911. }
  11912. .testimonial-cre .info-wrapper .user-avatar {
  11913. height: 60px;
  11914. width: 60px;
  11915. border-radius: 50%;
  11916. overflow: hidden;
  11917. margin-right: 20px;
  11918. }
  11919. .testimonial-cre .info-wrapper .info .user-name {
  11920. font-size: 18px;
  11921. font-weight: 800;
  11922. color: #000;
  11923. margin: 0;
  11924. }
  11925. .testimonial-cre .info-wrapper .info .designation {
  11926. color: #000;
  11927. font-size: 14px;
  11928. }
  11929. .testimonial-cre .testi-content {
  11930. margin-bottom: 40px;
  11931. }
  11932. .testimonial-cre .testi-content p {
  11933. font-size: 20px;
  11934. font-weight: 400;
  11935. color: #000;
  11936. line-height: 34px;
  11937. margin: 0;
  11938. }
  11939. @media (min-width: 1200px) {
  11940. .slider-right {
  11941. width: calc(50% + 585px);
  11942. overflow: hidden;
  11943. margin-left: auto;
  11944. }
  11945. .slider-right .swiper-container {
  11946. overflow: visible;
  11947. }
  11948. .container-wrap {
  11949. width: 1170px;
  11950. }
  11951. }
  11952. @media (max-width: 991px) {
  11953. #testimonial {
  11954. padding: 30px 15px;
  11955. }
  11956. .testi-content-title {
  11957. margin-bottom: 30px;
  11958. }
  11959. }
  11960. /* Testimonial App */
  11961. .testimonials-apps {
  11962. background-color: #2a2b72;
  11963. padding: 160px 0 122px;
  11964. }
  11965. @media (max-width: 991px) {
  11966. .testimonials-apps {
  11967. padding: 100px 0 80px;
  11968. }
  11969. }
  11970. .testimonial-app .testi-content {
  11971. max-width: 830px;
  11972. margin: 0 auto;
  11973. text-align: center;
  11974. }
  11975. .testimonial-app .testi-content p {
  11976. color: #fff;
  11977. font-size: 30px;
  11978. line-height: 46px;
  11979. font-weight: 300;
  11980. margin: 0;
  11981. }
  11982. @media (max-width: 767px) {
  11983. .testimonial-app .testi-content p {
  11984. font-size: 24px;
  11985. line-height: 34px;
  11986. }
  11987. }
  11988. @media (max-width: 576px) {
  11989. .testimonial-app .testi-content p {
  11990. font-size: 20px;
  11991. line-height: 30px;
  11992. }
  11993. }
  11994. .testimonial-top-wrapper {
  11995. position: relative;
  11996. padding-bottom: 44px;
  11997. margin-bottom: 13px;
  11998. }
  11999. .testimonial-top-wrapper .testimonial-bg-quote {
  12000. position: absolute;
  12001. left: 50%;
  12002. -webkit-transform: translateX(-50%);
  12003. -ms-transform: translateX(-50%);
  12004. transform: translateX(-50%);
  12005. bottom: 0;
  12006. }
  12007. @media (max-width: 576px) {
  12008. .testimonial-top-wrapper .testimonial-bg-quote {
  12009. width: 300px;
  12010. height: auto;
  12011. }
  12012. }
  12013. .testimonial-top .slide-item {
  12014. outline: 0;
  12015. }
  12016. .testimonial-bottom {
  12017. overflow: hidden;
  12018. margin: 0 auto;
  12019. }
  12020. @media (min-width: 991px) {
  12021. .testimonial-bottom {
  12022. max-width: 800px;
  12023. }
  12024. }
  12025. .testimonial-bottom .slide-item {
  12026. text-align: center;
  12027. outline: 0;
  12028. }
  12029. .testimonial-bottom .slide-item .user-avatar {
  12030. border-radius: 50%;
  12031. height: 100px;
  12032. width: 100px;
  12033. margin: 0 auto 30px;
  12034. overflow: hidden;
  12035. -webkit-transform: scale(0.6);
  12036. -ms-transform: scale(0.6);
  12037. transform: scale(0.6);
  12038. -webkit-transition: all 0.3s ease-in-out;
  12039. -o-transition: all 0.3s ease-in-out;
  12040. transition: all 0.3s ease-in-out;
  12041. }
  12042. @media (max-width: 576px) {
  12043. .testimonial-bottom .slide-item .user-avatar {
  12044. width: 70px;
  12045. height: 70px;
  12046. }
  12047. }
  12048. .testimonial-bottom .slide-item .user-avatar img {
  12049. border-radius: 50%;
  12050. }
  12051. .testimonial-bottom .slide-item .info {
  12052. visibility: hidden;
  12053. opacity: 0;
  12054. -webkit-transition: all 0.3s ease-in-out;
  12055. -o-transition: all 0.3s ease-in-out;
  12056. transition: all 0.3s ease-in-out;
  12057. }
  12058. .testimonial-bottom .slide-item .info .user-name {
  12059. color: #fff;
  12060. font-size: 20px;
  12061. font-weight: 500;
  12062. margin-bottom: 7px;
  12063. }
  12064. @media (max-width: 576px) {
  12065. .testimonial-bottom .slide-item .info .user-name {
  12066. font-size: 16px;
  12067. }
  12068. }
  12069. .testimonial-bottom .slide-item .info .designation {
  12070. color: #bdb8dd;
  12071. font-size: 14px;
  12072. text-transform: uppercase;
  12073. line-height: 1.4;
  12074. display: block;
  12075. }
  12076. @media (max-width: 576px) {
  12077. .testimonial-bottom .slide-item .info .designation {
  12078. font-size: 12px;
  12079. }
  12080. }
  12081. .testimonial-bottom .slide-item.slick-center .user-avatar {
  12082. -webkit-transform: scale(1);
  12083. -ms-transform: scale(1);
  12084. transform: scale(1);
  12085. }
  12086. .testimonial-bottom .slide-item.slick-center .info {
  12087. visibility: visible;
  12088. opacity: 1;
  12089. }
  12090. /*--------------------------------------------------------------
  12091. ## Pricing
  12092. --------------------------------------------------------------*/
  12093. .pricing {
  12094. padding: 120px 0;
  12095. position: relative;
  12096. }
  12097. .pricing .bg-shape {
  12098. position: absolute;
  12099. left: 0;
  12100. bottom: -29px;
  12101. }
  12102. @media (max-width: 991px) {
  12103. .pricing {
  12104. padding: 80px 0;
  12105. }
  12106. }
  12107. .pricing-page, .pricing-two, .pricings-two, .pricings-two-page, .social-pricing-page {
  12108. padding: 115px 0 90px;
  12109. }
  12110. @media (max-width: 991px) {
  12111. .pricing-page, .pricing-two, .pricings-two, .pricings-two-page, .social-pricing-page {
  12112. padding: 75px 0 50px;
  12113. }
  12114. }
  12115. .pricing-page .section-heading.style-two .subtitle, .pricings-two-page .section-heading.style-two .subtitle {
  12116. color: #ed1f25;
  12117. }
  12118. .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 {
  12119. background: #ed1f25;
  12120. }
  12121. .pricings-two-page {
  12122. background: #fbfbfd;
  12123. }
  12124. .pricings-two-page .pricing-table.style-two.feature-item .gp-btn {
  12125. background: #ed1f25;
  12126. border-color: #ed1f25;
  12127. }
  12128. .pricings-two-page .pricing-table.style-two .gp-btn:hover {
  12129. color: #fff;
  12130. border-color: #ed1f25;
  12131. }
  12132. .pricing-table {
  12133. text-align: center;
  12134. padding: 55px 50px;
  12135. border: 1px solid #f1f3f8;
  12136. margin-bottom: 30px;
  12137. }
  12138. @media (max-width: 768px) {
  12139. .pricing-table {
  12140. max-width: 500px;
  12141. margin: 0 auto 30px;
  12142. }
  12143. }
  12144. @media (min-width: 576px) and (max-width: 768px) {
  12145. .pricing-table {
  12146. padding: 55px 25px;
  12147. }
  12148. }
  12149. @media (max-width: 420px) {
  12150. .pricing-table {
  12151. padding: 55px 30px;
  12152. }
  12153. }
  12154. .pricing-table.dashed-border {
  12155. border: 1px dashed #dbdfeb !important;
  12156. background: transparent;
  12157. }
  12158. .pricing-table.feature-item {
  12159. border: 3px solid #ff5e85;
  12160. -webkit-box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.1);
  12161. box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.1);
  12162. }
  12163. .pricing-table.feature-item .buy-now-btn {
  12164. background: #ff5e85;
  12165. border-color: #ff5e85;
  12166. color: #fff;
  12167. }
  12168. .pricing-table .price-header {
  12169. margin-bottom: 20px;
  12170. }
  12171. .pricing-table .price-header .price-type {
  12172. color: #343e5d;
  12173. font-size: 40px;
  12174. font-weight: 800;
  12175. }
  12176. .pricing-table .price-header .price-title {
  12177. font-size: 18px;
  12178. font-weight: 400;
  12179. color: #677294;
  12180. margin: 0;
  12181. }
  12182. .pricing-table .price-period {
  12183. margin-bottom: 30px;
  12184. }
  12185. .pricing-table .price-period .period {
  12186. color: #ff5e85;
  12187. text-transform: uppercase;
  12188. }
  12189. .pricing-table .price-period .price {
  12190. margin-bottom: 0;
  12191. color: #343e5d;
  12192. font-size: 40px;
  12193. font-weight: 800;
  12194. }
  12195. .pricing-table .price-period .price span {
  12196. font-size: 24px;
  12197. }
  12198. .pricing-table .price-feature {
  12199. margin-bottom: 45px;
  12200. padding: 0;
  12201. list-style: none;
  12202. -moz-text-align-last: left;
  12203. text-align-last: left;
  12204. }
  12205. .pricing-table .price-feature li {
  12206. color: #677294;
  12207. line-height: 40px;
  12208. }
  12209. .pricing-table .price-feature li i {
  12210. margin-right: 10px;
  12211. font-size: 14px;
  12212. }
  12213. .pricing-table .price-feature li i.ei-icon_check {
  12214. color: #ed1f25;
  12215. }
  12216. .pricing-table .price-feature li i.ei-icon_close {
  12217. color: #f9284f;
  12218. }
  12219. .pricing-table .gp-btn {
  12220. padding: 9px 44px;
  12221. }
  12222. .pricing-table.color-theme .price-period .period {
  12223. color: #ed1f25;
  12224. }
  12225. .pricing-table.color-theme.feature-item {
  12226. border-color: #ed1f25;
  12227. }
  12228. .pricing-table.style-two {
  12229. border: 3px solid #eff2f7;
  12230. border-radius: 10px;
  12231. padding-bottom: 90px;
  12232. background: transparent;
  12233. position: relative;
  12234. }
  12235. .pricing-table.style-two.color-theme .price-header .price {
  12236. color: #ed1f25;
  12237. }
  12238. .pricing-table.style-two.color-one .price-header .price {
  12239. color: #f3b806;
  12240. }
  12241. .pricing-table.style-two.color-two .price-header .price {
  12242. color: #2dcd0e;
  12243. }
  12244. .pricing-table.style-two.feature-item {
  12245. border-color: #4d5afe;
  12246. -webkit-box-shadow: none;
  12247. box-shadow: none;
  12248. }
  12249. .pricing-table.style-two.feature-item.color-theme.feature-item {
  12250. border-color: #ed1f25;
  12251. }
  12252. .pricing-table.style-two.feature-item .gp-btn {
  12253. color: #fff;
  12254. border-color: #4d5afe;
  12255. background: #4d5afe;
  12256. }
  12257. .pricing-table.style-two.feature-item .gp-btn:hover {
  12258. -webkit-box-shadow: none;
  12259. box-shadow: none;
  12260. }
  12261. .pricing-table.style-two .price-header {
  12262. border-bottom: 1px dashed #cecee9;
  12263. padding-bottom: 33px;
  12264. margin-bottom: 27px;
  12265. }
  12266. .pricing-table.style-two .price-header .price-period {
  12267. margin-bottom: 15px;
  12268. }
  12269. .pricing-table.style-two .price-header .price {
  12270. color: #4d5afe;
  12271. font-size: 40px;
  12272. }
  12273. .pricing-table.style-two .price-header .price-title {
  12274. font-size: 20px;
  12275. text-transform: uppercase;
  12276. font-weight: 500;
  12277. color: #373d46;
  12278. margin-bottom: 14px;
  12279. letter-spacing: 1px;
  12280. }
  12281. .pricing-table.style-two .price-header .period {
  12282. color: #949aa9;
  12283. font-size: 18px;
  12284. display: block;
  12285. }
  12286. .pricing-table.style-two .price-feature li {
  12287. color: #6a7695;
  12288. font-size: 18px;
  12289. font-weight: 400;
  12290. }
  12291. .pricing-table.style-two .price-feature li i {
  12292. margin-right: 10px;
  12293. font-size: 16px;
  12294. }
  12295. .pricing-table.style-two .price-feature li i.ei-icon_check {
  12296. color: #4ec619;
  12297. }
  12298. .pricing-table.style-two .price-feature li i.ei-icon_close {
  12299. color: #f92662;
  12300. }
  12301. .pricing-table.style-two .gp-btn {
  12302. width: 160px;
  12303. display: block;
  12304. margin: 0 auto;
  12305. padding: 10px 15px;
  12306. border-color: #e0e3e8;
  12307. color: #6a7695;
  12308. }
  12309. .pricing-table.style-two .trial {
  12310. width: 100%;
  12311. left: 0;
  12312. text-align: center;
  12313. bottom: 40px;
  12314. position: absolute;
  12315. color: #949aa9;
  12316. }
  12317. .pricing-table.style-agency {
  12318. background: #fff;
  12319. border-radius: 10px;
  12320. text-align: left;
  12321. -webkit-box-shadow: 0 30px 70px 0 rgba(20, 2, 53, 0.1);
  12322. box-shadow: 0 30px 70px 0 rgba(20, 2, 53, 0.1);
  12323. }
  12324. .pricing-table.style-agency .price-header .price-title {
  12325. color: #1f113a;
  12326. }
  12327. .pricing-table.style-agency .price-period {
  12328. border-bottom: 1px dashed #8f9196;
  12329. padding-bottom: 25px;
  12330. margin-bottom: 25px;
  12331. }
  12332. .pricing-table.style-agency .price-period .price {
  12333. font-size: 40px;
  12334. color: #1f113a;
  12335. font-weight: 500;
  12336. }
  12337. .pricing-table.style-agency .price-period .period {
  12338. font-size: 14px;
  12339. color: #676a75;
  12340. text-transform: capitalize;
  12341. }
  12342. .pricing-table.style-agency .gp-btn {
  12343. border: 2px solid #e4e1eb;
  12344. padding: 5px 28px;
  12345. color: #706c79;
  12346. font-size: 14px;
  12347. }
  12348. .pricing-table.style-agency .gp-btn:after {
  12349. background: #ed1f25;
  12350. }
  12351. .pricing-table.style-agency .gp-btn:hover {
  12352. border-color: #ed1f25;
  12353. -webkit-box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.3);
  12354. box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.3);
  12355. }
  12356. .pricing-table.style-agency.feature-item {
  12357. border: 0;
  12358. border-top: 4px solid #ed1f25;
  12359. }
  12360. .pricing-table.style-agency.feature-item .gp-btn {
  12361. border-color: #ed1f25;
  12362. color: #fff;
  12363. -webkit-box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.3);
  12364. box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.3);
  12365. }
  12366. .pricing-table.style-agency.feature-item .gp-btn:hover {
  12367. color: #ed1f25;
  12368. -webkit-box-shadow: none;
  12369. box-shadow: none;
  12370. }
  12371. /* Pricing Agency */
  12372. .pricing-agency {
  12373. position: relative;
  12374. background-image: url("../../media/background/pricing_bg.jpg");
  12375. background-size: cover;
  12376. background-position: center center;
  12377. background-repeat: no-repeat;
  12378. overflow: hidden;
  12379. padding: 115px 0 90px;
  12380. }
  12381. @media (max-width: 991px) {
  12382. .pricing-agency {
  12383. padding: 75px 0 50px;
  12384. }
  12385. }
  12386. /* Pricing Social */
  12387. #social-pricing {
  12388. padding: 114px 0 237px;
  12389. }
  12390. @media (max-width: 991px) {
  12391. #social-pricing {
  12392. padding: 74px 0 120px;
  12393. }
  12394. }
  12395. .pricing-table-two {
  12396. background-color: #fbfbfc;
  12397. border: 1px solid #f1f3f8;
  12398. padding: 60px 65px;
  12399. text-align: center;
  12400. position: relative;
  12401. margin-bottom: 30px;
  12402. -webkit-transition: all 0.3s ease-in-out;
  12403. -o-transition: all 0.3s ease-in-out;
  12404. transition: all 0.3s ease-in-out;
  12405. }
  12406. .pricing-table-two .price-header {
  12407. margin-bottom: 15px;
  12408. position: relative;
  12409. z-index: 2;
  12410. }
  12411. .pricing-table-two .price-header h2 {
  12412. color: #051441;
  12413. font-size: 16px;
  12414. font-weight: 800;
  12415. }
  12416. .pricing-table-two .price {
  12417. margin-bottom: 40px;
  12418. position: relative;
  12419. z-index: 2;
  12420. }
  12421. .pricing-table-two .price h2 {
  12422. font-size: 40px;
  12423. font-weight: 700;
  12424. color: #051441;
  12425. margin: 0;
  12426. }
  12427. .pricing-table-two .price .period {
  12428. font-size: 14px;
  12429. font-weight: 400;
  12430. color: #ed1f25;
  12431. text-transform: uppercase;
  12432. }
  12433. .pricing-table-two .price-feature {
  12434. margin-bottom: 0;
  12435. padding: 0;
  12436. list-style: none;
  12437. text-align: left;
  12438. margin-bottom: 50px;
  12439. position: relative;
  12440. z-index: 2;
  12441. }
  12442. .pricing-table-two .price-feature li {
  12443. font-size: 16px;
  12444. font-weight: 400;
  12445. line-height: 35px;
  12446. }
  12447. .pricing-table-two .price-feature li i {
  12448. margin-right: 20px;
  12449. background: #ed1f25;
  12450. border-radius: 50%;
  12451. color: #fff;
  12452. font-size: 12px;
  12453. height: 18px;
  12454. width: 18px;
  12455. line-height: 18px;
  12456. display: inline-block;
  12457. text-align: center;
  12458. }
  12459. .pricing-table-two .price-feature li.not-allow i {
  12460. background: #dfe3ed;
  12461. color: #677294;
  12462. }
  12463. .pricing-table-two .buy-now-btn {
  12464. padding: 12px 44px;
  12465. border: 1px solid #dfe3ed;
  12466. border-radius: 30px;
  12467. color: #677294;
  12468. position: relative;
  12469. z-index: 2;
  12470. }
  12471. .pricing-table-two .buy-now-btn i {
  12472. display: inline-block;
  12473. vertical-align: middle;
  12474. }
  12475. .pricing-table-two .buy-now-btn:hover {
  12476. background: #ed1f25;
  12477. color: #fff;
  12478. border-color: #ed1f25;
  12479. }
  12480. .pricing-table-two .gp-btn {
  12481. background-color: #fff;
  12482. }
  12483. .pricing-table-two.featured, .pricing-table-two:hover {
  12484. background: #fff;
  12485. -webkit-box-shadow: 0 30px 60px 0 rgba(35, 0, 41, 0.1);
  12486. box-shadow: 0 30px 60px 0 rgba(35, 0, 41, 0.1);
  12487. }
  12488. .pricing-table-two.featured .buy-now-btn, .pricing-table-two:hover .buy-now-btn {
  12489. background: #ff5e85;
  12490. color: #fff;
  12491. }
  12492. .pricing-table-two.pricing-page .price .period {
  12493. color: #ed1f25;
  12494. }
  12495. .pricing-table-two.pricing-page .price-feature li i {
  12496. background: #ed1f25;
  12497. }
  12498. .pricing-table-two.pricing-page .price-feature li.not-allow i {
  12499. background: #dfe3ed;
  12500. }
  12501. .pricing-table-two.pricing-page.featured .buy-now-btn, .pricing-table-two.pricing-page:hover .buy-now-btn {
  12502. background: #ed1f25;
  12503. }
  12504. /*--------------------------------------------------------------
  12505. ## Performance
  12506. --------------------------------------------------------------*/
  12507. .performance {
  12508. padding: 120px 0 125px;
  12509. }
  12510. @media (max-width: 991px) {
  12511. .performance {
  12512. padding: 120px 0 50px;
  12513. }
  12514. }
  12515. @media (max-width: 991px) {
  12516. .gp-tab-contentens {
  12517. margin-top: 40px;
  12518. }
  12519. }
  12520. .gp-tab-contentens .section-heading {
  12521. margin-bottom: 42px;
  12522. }
  12523. .gp-tab-contentens .section-heading .section-title {
  12524. margin-bottom: 20px;
  12525. font-size: 36px;
  12526. line-height: 50px;
  12527. }
  12528. @media (max-width: 991px) {
  12529. .gp-tab-contentens .section-heading.text-left {
  12530. text-align: center !important;
  12531. }
  12532. }
  12533. .gp-tabs-navigation {
  12534. margin: 0;
  12535. padding: 0;
  12536. list-style: none;
  12537. max-width: 325px;
  12538. }
  12539. @media (max-width: 991px) {
  12540. .gp-tabs-navigation {
  12541. max-width: 500px;
  12542. margin: 0 auto;
  12543. }
  12544. }
  12545. .gp-tabs-navigation li {
  12546. display: -webkit-box;
  12547. display: -ms-flexbox;
  12548. display: flex;
  12549. margin-bottom: 28px;
  12550. -webkit-box-shadow: 0 4px 10px 0 rgba(10, 1, 64, 0.08);
  12551. box-shadow: 0 4px 10px 0 rgba(10, 1, 64, 0.08);
  12552. border-radius: 4px;
  12553. padding: 20px;
  12554. background: #fff;
  12555. -webkit-box-align: center;
  12556. -ms-flex-align: center;
  12557. align-items: center;
  12558. border-left: 5px solid transparent;
  12559. -webkit-transition: all 0.3s ease-in-out;
  12560. -o-transition: all 0.3s ease-in-out;
  12561. transition: all 0.3s ease-in-out;
  12562. }
  12563. .gp-tabs-navigation li:last-child {
  12564. margin-bottom: 0;
  12565. }
  12566. .gp-tabs-navigation li .tab-icon {
  12567. margin-right: 20px;
  12568. }
  12569. .gp-tabs-navigation li a {
  12570. font-size: 20px;
  12571. color: #2c2c51;
  12572. font-weight: 500;
  12573. }
  12574. .gp-tabs-navigation li.active-tab {
  12575. border-color: #6e58fc;
  12576. -webkit-box-shadow: 0 20px 50px 0 rgba(10, 1, 64, 0.1), -5px 0 0 0 rgba(110, 88, 252, 0.004);
  12577. box-shadow: 0 20px 50px 0 rgba(10, 1, 64, 0.1), -5px 0 0 0 rgba(110, 88, 252, 0.004);
  12578. position: relative;
  12579. }
  12580. .gp-tabs-navigation li.active-tab a {
  12581. color: #6e58fc;
  12582. }
  12583. .account-tabs .gp-tabs-navigation {
  12584. max-width: 100%;
  12585. margin-bottom: 70px;
  12586. }
  12587. .account-tabs .gp-tabs-navigation li {
  12588. padding: 8px 25px;
  12589. line-height: 1;
  12590. -webkit-box-shadow: none;
  12591. box-shadow: none;
  12592. border: 0;
  12593. display: inline-block;
  12594. font-size: 14px;
  12595. font-weight: 500;
  12596. text-transform: uppercase;
  12597. cursor: pointer;
  12598. border-radius: 3px;
  12599. margin-bottom: 0;
  12600. }
  12601. .account-tabs .gp-tabs-navigation li:nth-child(1) {
  12602. background-color: rgba(255, 94, 133, 0.102);
  12603. color: #ff5e85;
  12604. margin-right: 5px;
  12605. }
  12606. .account-tabs .gp-tabs-navigation li:nth-child(1).active-tab {
  12607. background-color: #ff5e85;
  12608. color: #fff;
  12609. -webkit-box-shadow: 0px 10px 16px 0px rgba(255, 94, 133, 0.2);
  12610. box-shadow: 0px 10px 16px 0px rgba(255, 94, 133, 0.2);
  12611. }
  12612. .account-tabs .gp-tabs-navigation li:nth-child(2) {
  12613. background-color: rgba(120, 74, 252, 0.102);
  12614. color: #784afc;
  12615. }
  12616. .account-tabs .gp-tabs-navigation li:nth-child(2).active-tab {
  12617. background-color: #784afc;
  12618. color: #fff;
  12619. -webkit-box-shadow: 0px 10px 16px 0px rgba(68, 19, 214, 0.2);
  12620. box-shadow: 0px 10px 16px 0px rgba(68, 19, 214, 0.2);
  12621. }
  12622. .gp-tabs-content {
  12623. margin: 0 0 0 -55px;
  12624. padding: 0;
  12625. list-style: none;
  12626. z-index: 22;
  12627. position: relative;
  12628. }
  12629. @media (max-width: 576px) {
  12630. .gp-tabs-content {
  12631. margin: 0;
  12632. }
  12633. }
  12634. .gp-tabs-content li {
  12635. display: none;
  12636. -webkit-animation: fadeInOut;
  12637. animation: fadeInOut;
  12638. }
  12639. .gp-tabs-content li.active-tab {
  12640. display: block;
  12641. -webkit-animation: fadeIn 0.5s ease-in-out;
  12642. animation: fadeIn 0.5s ease-in-out;
  12643. }
  12644. .gp-tabs-content .performance-tab-image {
  12645. text-align: center;
  12646. }
  12647. .account-tabs .gp-tabs-content {
  12648. margin: 0;
  12649. }
  12650. .tab-content-inner {
  12651. position: relative;
  12652. }
  12653. @media (max-width: 991px) {
  12654. .tab-content-inner {
  12655. max-width: 570px;
  12656. margin: 0 auto 40px;
  12657. }
  12658. }
  12659. .tab-content-inner .animate-shape-one {
  12660. position: absolute;
  12661. top: 65%;
  12662. left: 46%;
  12663. -webkit-transform: translate(-50%, -50%);
  12664. -ms-transform: translate(-50%, -50%);
  12665. transform: translate(-50%, -50%);
  12666. z-index: 1;
  12667. }
  12668. @media (max-width: 420px) {
  12669. .tab-content-inner .animate-shape-one {
  12670. display: none;
  12671. }
  12672. }
  12673. .tab-content-inner .animate-shape-two {
  12674. position: absolute;
  12675. right: 35px;
  12676. top: 41%;
  12677. }
  12678. .tab-bg-shape {
  12679. position: absolute;
  12680. top: -55px;
  12681. right: 13%;
  12682. z-index: -1;
  12683. }
  12684. @media (min-width: 768px) {
  12685. .gp-tabs-content {
  12686. min-height: 480px;
  12687. }
  12688. }
  12689. @media (min-width: 960px) {
  12690. .gp-tabs-content {
  12691. min-height: 0;
  12692. }
  12693. }
  12694. @-webkit-keyframes gp-fade-in {
  12695. 0% {
  12696. opacity: 0;
  12697. -webkit-transform: scale(0.9);
  12698. transform: scale(0.9);
  12699. }
  12700. 100% {
  12701. opacity: 1;
  12702. -webkit-transform: scale(1);
  12703. transform: scale(1);
  12704. }
  12705. }
  12706. @keyframes gp-fade-in {
  12707. 0% {
  12708. opacity: 0;
  12709. -webkit-transform: scale(0.9);
  12710. transform: scale(0.9);
  12711. }
  12712. 100% {
  12713. opacity: 1;
  12714. -webkit-transform: scale(1);
  12715. transform: scale(1);
  12716. }
  12717. }
  12718. /*--------------------------------------------------------------
  12719. ## Platform
  12720. --------------------------------------------------------------*/
  12721. #platform {
  12722. padding: 116px 0 400px;
  12723. background: #fcfafd;
  12724. position: relative;
  12725. }
  12726. @media (max-width: 1200px) {
  12727. #platform {
  12728. padding: 116px 0 400px;
  12729. }
  12730. }
  12731. @media (max-width: 991px) {
  12732. #platform {
  12733. padding: 75px 0 0;
  12734. }
  12735. }
  12736. #platform .platform-mockup {
  12737. position: absolute;
  12738. text-align: center;
  12739. }
  12740. @media (max-width: 991px) {
  12741. #platform .platform-mockup {
  12742. position: relative;
  12743. text-align: center;
  12744. -webkit-transform: translateY(150px);
  12745. -ms-transform: translateY(150px);
  12746. transform: translateY(150px);
  12747. margin-top: -143px;
  12748. }
  12749. }
  12750. #platform .platform-mockup img {
  12751. margin-left: 70px;
  12752. margin-top: -41px;
  12753. position: relative;
  12754. z-index: 222;
  12755. }
  12756. @media (max-width: 1440px) {
  12757. #platform .platform-mockup img {
  12758. max-width: 1000px;
  12759. }
  12760. }
  12761. @media (max-width: 1200px) {
  12762. #platform .platform-mockup img {
  12763. max-width: 900px;
  12764. }
  12765. }
  12766. @media (max-width: 991px) {
  12767. #platform .platform-mockup img {
  12768. max-width: 100%;
  12769. margin-left: 0;
  12770. }
  12771. }
  12772. .icon-list {
  12773. display: -webkit-box;
  12774. display: -ms-flexbox;
  12775. display: flex;
  12776. margin-bottom: 70px;
  12777. }
  12778. .icon-list .list-icon {
  12779. margin-right: 20px;
  12780. margin-top: 5px;
  12781. }
  12782. .icon-list .list-icon i {
  12783. color: #1ad90b;
  12784. font-size: 24px;
  12785. }
  12786. .icon-list .content p {
  12787. font-size: 16px;
  12788. line-height: 28px;
  12789. margin: 0;
  12790. }
  12791. /*--------------------------------------------------------------
  12792. ## Community Post
  12793. --------------------------------------------------------------*/
  12794. .community-posts-area {
  12795. padding: 113px 0 120px;
  12796. background-image: url(../img/wallet-bg.png);
  12797. background-repeat: no-repeat;
  12798. background-size: cover;
  12799. background-attachment: fixed;
  12800. }
  12801. .community-posts-area .section_title {
  12802. margin-bottom: 73px;
  12803. }
  12804. @media (max-width: 991px) {
  12805. .community-posts-area {
  12806. padding: 73px 0 80px;
  12807. }
  12808. }
  12809. .community-post {
  12810. border-radius: 4px;
  12811. background-color: #fff;
  12812. padding: 23px 30px;
  12813. display: -webkit-box;
  12814. display: -ms-flexbox;
  12815. display: flex;
  12816. -webkit-box-align: center;
  12817. -ms-flex-align: center;
  12818. align-items: center;
  12819. -webkit-box-pack: justify;
  12820. -ms-flex-pack: justify;
  12821. justify-content: space-between;
  12822. margin-bottom: 20px;
  12823. -webkit-transition: all 0.3s ease-in-out;
  12824. -o-transition: all 0.3s ease-in-out;
  12825. transition: all 0.3s ease-in-out;
  12826. border: 1px solid #e0e2e4;
  12827. position: relative;
  12828. overflow: hidden;
  12829. }
  12830. .community-post:before {
  12831. content: "";
  12832. position: absolute;
  12833. left: 0;
  12834. top: 0;
  12835. width: 3px;
  12836. height: 100%;
  12837. background: #ed1f25;
  12838. opacity: 0;
  12839. visibility: hidden;
  12840. -webkit-transition: all 0.3s ease-in-out;
  12841. -o-transition: all 0.3s ease-in-out;
  12842. transition: all 0.3s ease-in-out;
  12843. }
  12844. @media (max-width: 667px) {
  12845. .community-post {
  12846. display: block;
  12847. }
  12848. }
  12849. @media (max-width: 420px) {
  12850. .community-post {
  12851. padding: 20px 15px;
  12852. }
  12853. }
  12854. .community-post:hover {
  12855. -webkit-box-shadow: 0px 20px 50px 0px rgba(8, 2, 46, 0.12), -3px 0px 0px 0px rgba(26, 191, 104, 0.004);
  12856. box-shadow: 0px 20px 50px 0px rgba(8, 2, 46, 0.12), -3px 0px 0px 0px rgba(26, 191, 104, 0.004);
  12857. background: #fff;
  12858. border: 1px solid transparent;
  12859. z-index: 2;
  12860. }
  12861. .community-post:hover:before {
  12862. opacity: 1;
  12863. visibility: visible;
  12864. }
  12865. .community-post .post-content {
  12866. display: -webkit-box;
  12867. display: -ms-flexbox;
  12868. display: flex;
  12869. -webkit-box-align: center;
  12870. -ms-flex-align: center;
  12871. align-items: center;
  12872. -ms-flex-wrap: wrap;
  12873. flex-wrap: wrap;
  12874. }
  12875. .community-post .post-content .author-avatar {
  12876. width: 50px;
  12877. margin-right: 30px;
  12878. border-radius: 50%;
  12879. overflow: hidden;
  12880. }
  12881. @media (max-width: 667px) {
  12882. .community-post .post-content .author-avatar {
  12883. margin-right: 20px;
  12884. }
  12885. }
  12886. @media (max-width: 420px) {
  12887. .community-post .post-content .author-avatar {
  12888. margin-right: 15px;
  12889. }
  12890. }
  12891. .community-post .post-content .entry-content {
  12892. -webkit-box-flex: 2;
  12893. -ms-flex: 2;
  12894. flex: 2;
  12895. }
  12896. .community-post .post-content .entry-content .post-title {
  12897. font-size: 18px;
  12898. font-weight: 800;
  12899. color: #1d2746;
  12900. margin-bottom: 0;
  12901. line-height: 1.7;
  12902. }
  12903. .community-post .post-content .entry-content .post-title a {
  12904. color: #1d2746;
  12905. }
  12906. .community-post .post-content .entry-content .post-title a:hover {
  12907. color: #ed1f25;
  12908. }
  12909. .community-post .post-content .entry-content p {
  12910. margin: 0;
  12911. font-size: 14px;
  12912. }
  12913. @media (max-width: 667px) {
  12914. .community-post .post-meta-wrapper {
  12915. margin-top: 15px;
  12916. margin-left: 70px;
  12917. }
  12918. }
  12919. .community-post .post-meta-wrapper .post-meta-info {
  12920. margin: 0;
  12921. padding: 0;
  12922. list-style: none;
  12923. }
  12924. .community-post .post-meta-wrapper .post-meta-info li {
  12925. display: inline-block;
  12926. }
  12927. .community-post .post-meta-wrapper .post-meta-info li:not(:last-child) {
  12928. margin-right: 50px;
  12929. }
  12930. @media (max-width: 991px) {
  12931. .community-post .post-meta-wrapper .post-meta-info li:not(:last-child) {
  12932. margin-right: 20px;
  12933. }
  12934. }
  12935. .community-post .post-meta-wrapper .post-meta-info li a {
  12936. display: block;
  12937. color: #868b99;
  12938. }
  12939. .community-post .post-meta-wrapper .post-meta-info li a i {
  12940. margin-right: 10px;
  12941. }
  12942. .community-post .post-meta-wrapper .post-meta-info li a:hover {
  12943. color: #ed1f25;
  12944. }
  12945. .community-post.style-two {
  12946. margin-bottom: 0;
  12947. border-radius: 0;
  12948. -webkit-box-shadow: none;
  12949. box-shadow: none;
  12950. position: relative;
  12951. }
  12952. .community-post.style-two:not(:last-child) {
  12953. border-bottom: 1px solid #f2f3f4;
  12954. }
  12955. .community-post.style-two .entry-content .post-title {
  12956. font-size: 16px;
  12957. }
  12958. .community-post.style-two .post-meta-wrapper .post-meta-info li:not(:last-child) {
  12959. margin-right: 30px;
  12960. }
  12961. .community-post.style-two .post-meta-wrapper .post-meta-info li i {
  12962. -webkit-transition: all 0.3s ease-in-out;
  12963. -o-transition: all 0.3s ease-in-out;
  12964. transition: all 0.3s ease-in-out;
  12965. }
  12966. .community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover a {
  12967. color: #b1b5c0;
  12968. }
  12969. .community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover i {
  12970. color: #f9ae44;
  12971. }
  12972. .community-post.style-two .post-content .entry-content .post-title {
  12973. display: inline-block;
  12974. margin-right: 10px;
  12975. }
  12976. .community-post.style-two .post-content .com-featured {
  12977. position: absolute;
  12978. right: 0;
  12979. top: -2px;
  12980. height: 30px;
  12981. width: 30px;
  12982. z-index: 2;
  12983. text-align: center;
  12984. color: #fff;
  12985. padding: 0 15px;
  12986. }
  12987. .community-post.style-two .post-content .com-featured i {
  12988. z-index: 22;
  12989. position: relative;
  12990. font-size: 14px;
  12991. }
  12992. .community-post.style-two .post-content .com-featured:after {
  12993. content: "";
  12994. top: 0;
  12995. position: absolute;
  12996. right: 0;
  12997. width: 0;
  12998. height: 0;
  12999. border-left: 30px solid transparent;
  13000. border-right: 0px solid transparent;
  13001. border-top: 30px solid #00ae69;
  13002. z-index: 1;
  13003. }
  13004. .community-post.style-two .post-content .cat-wrap {
  13005. display: inline-block;
  13006. vertical-align: 3px;
  13007. }
  13008. .community-post.style-two .post-content .category {
  13009. font-size: 14px;
  13010. background: #8152e0;
  13011. padding: 0 6px;
  13012. color: #fff;
  13013. border-radius: 3px;
  13014. margin-right: 5px;
  13015. display: inline-block;
  13016. line-height: 1.45;
  13017. border-bottom: 1px solid #6030c0;
  13018. }
  13019. .community-post.style-two .post-content .category.color-yellow {
  13020. background: #fad05a;
  13021. color: #1d2746;
  13022. border-color: #dbaa20;
  13023. }
  13024. .community-post.style-two .post-content .category.color-ass {
  13025. background: #eeeeee;
  13026. color: #1d2746;
  13027. border-color: #d9d9d9;
  13028. }
  13029. .community-post.style-two .post-content .category.color-green {
  13030. background: #22936d;
  13031. border-color: #07734f;
  13032. }
  13033. .community-post.style-two .post-content .category.color-orange {
  13034. background: #f88546;
  13035. border-color: #d26428;
  13036. }
  13037. .community-post.style-two .post-content .category.color-theme {
  13038. background: #27b2da;
  13039. border-color: #1697bc;
  13040. }
  13041. .community-post.style-two .post-content .category.color-pink {
  13042. background: #f053b3;
  13043. border-color: #c91c86;
  13044. }
  13045. .community-post.style-two .post-content .category.color-pink {
  13046. background: #f053b3;
  13047. border-color: #c91c86;
  13048. }
  13049. .community-post.style-two .meta {
  13050. margin: 0;
  13051. padding: 0;
  13052. list-style: none;
  13053. }
  13054. .community-post.style-two .meta li {
  13055. display: inline-block;
  13056. margin-right: 15px;
  13057. color: #838793;
  13058. color: 14px;
  13059. }
  13060. .community-post.style-two .meta li img {
  13061. display: inline-block;
  13062. vertical-align: -2px;
  13063. }
  13064. .community-post.style-two .meta li i, .community-post.style-two .meta li img {
  13065. margin-right: 10px;
  13066. }
  13067. .community-post.style-two .meta li a {
  13068. color: 14px;
  13069. color: #838793;
  13070. }
  13071. .community-post.style-two .meta li a:hover {
  13072. color: #ed1f25;
  13073. }
  13074. .community-post.style-two:hover {
  13075. background: #f7f9fa;
  13076. -webkit-transform: translateX(0);
  13077. -ms-transform: translateX(0);
  13078. transform: translateX(0);
  13079. -webkit-box-shadow: none;
  13080. box-shadow: none;
  13081. border-color: #f7f9fa;
  13082. }
  13083. .bb-radius {
  13084. border-bottom-left-radius: 6px;
  13085. border-bottom-right-radius: 6px;
  13086. overflow: hidden;
  13087. -webkit-box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06);
  13088. box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06);
  13089. }
  13090. .button-container .all_doc_btn {
  13091. margin-top: 40px;
  13092. }
  13093. .post-header {
  13094. display: -webkit-box;
  13095. display: -ms-flexbox;
  13096. display: flex;
  13097. -webkit-box-pack: justify;
  13098. -ms-flex-pack: justify;
  13099. justify-content: space-between;
  13100. background: #f7f8f9;
  13101. padding: 17px 30px;
  13102. border: 1px solid #eaeeef;
  13103. border-top-left-radius: 6px;
  13104. border-top-right-radius: 6px;
  13105. }
  13106. @media (max-width: 768px) {
  13107. .post-header {
  13108. display: block;
  13109. text-align: center;
  13110. }
  13111. }
  13112. @media (max-width: 576px) {
  13113. .post-header {
  13114. padding: 15px;
  13115. }
  13116. }
  13117. .post-header .support-total-info {
  13118. margin: 0;
  13119. padding: 0;
  13120. list-style: none;
  13121. }
  13122. @media (max-width: 768px) {
  13123. .post-header .support-total-info {
  13124. margin-bottom: 20px;
  13125. }
  13126. }
  13127. .post-header .support-total-info li {
  13128. display: inline-block;
  13129. }
  13130. .post-header .support-total-info li.open-ticket a {
  13131. color: #1d2746;
  13132. }
  13133. .post-header .support-total-info li.close-ticket a {
  13134. color: #6b707f;
  13135. }
  13136. .post-header .support-total-info li a {
  13137. font-size: 14px;
  13138. font-weight: 500;
  13139. }
  13140. .post-header .support-total-info li a:hover {
  13141. color: #ed1f25;
  13142. }
  13143. .post-header .support-total-info li:not(:last-child) {
  13144. margin-right: 20px;
  13145. }
  13146. .post-header .support-total-info li i {
  13147. color: #00ae69;
  13148. margin-right: 10px;
  13149. vertical-align: -2px;
  13150. }
  13151. .post-header .support-total-info li:nth-child(1) i {
  13152. color: #f06292;
  13153. }
  13154. .post-header .category-menu {
  13155. margin: 0;
  13156. padding: 0;
  13157. list-style: none;
  13158. }
  13159. .post-header .category-menu li {
  13160. display: inline-block;
  13161. }
  13162. .post-header .category-menu li .dropdown-menu {
  13163. top: 12px !important;
  13164. -webkit-transform: translate3d(0px, 23px, 0px) !important;
  13165. transform: translate3d(0px, 23px, 0px) !important;
  13166. }
  13167. .post-header .category-menu li:not(:last-child) {
  13168. margin-right: 10px;
  13169. }
  13170. @media (max-width: 546px) {
  13171. .post-header .category-menu li:not(:last-child) {
  13172. margin-right: 0;
  13173. }
  13174. }
  13175. .post-header .category-menu li:nth-child(4) .dropdown-menu, .post-header .category-menu li:nth-child(3) .dropdown-menu {
  13176. right: -11px;
  13177. left: auto !important;
  13178. }
  13179. @media (max-width: 380px) {
  13180. .post-header .category-menu li:nth-child(4) .dropdown-menu {
  13181. width: 190px;
  13182. }
  13183. }
  13184. .post-header .category-menu li:nth-child(3) .title:before, .post-header .category-menu li:nth-child(3) .title:after {
  13185. right: 40px;
  13186. }
  13187. .post-header .category-menu li:nth-child(1) .title:before, .post-header .category-menu li:nth-child(1) .title:after {
  13188. right: auto;
  13189. left: 30px;
  13190. }
  13191. .post-header .category-menu li:nth-child(2) .title:before, .post-header .category-menu li:nth-child(2) .title:after {
  13192. right: auto;
  13193. left: 25px;
  13194. }
  13195. .post-header .category-menu .dropdown-toggle {
  13196. position: relative;
  13197. background: transparent;
  13198. -webkit-box-shadow: none;
  13199. box-shadow: none;
  13200. border: 0;
  13201. color: #6b707f;
  13202. padding: 0 15px;
  13203. font-size: 14px;
  13204. }
  13205. .post-header .category-menu .dropdown-toggle:after {
  13206. content: "3";
  13207. font-family: eleganticons;
  13208. border: 0;
  13209. position: absolute;
  13210. top: 50%;
  13211. right: -5px;
  13212. -webkit-transform: translateY(-58%);
  13213. -ms-transform: translateY(-58%);
  13214. transform: translateY(-58%);
  13215. }
  13216. .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 {
  13217. background-color: transparent;
  13218. border: none;
  13219. color: #6b707f;
  13220. -webkit-box-shadow: none;
  13221. box-shadow: none;
  13222. }
  13223. .post-header .category-menu .dropdown-menu {
  13224. border: 1px solid #e6eeef;
  13225. background: #fff;
  13226. -webkit-box-shadow: 0px 30px 40px 0px rgba(4, 73, 89, 0.1);
  13227. box-shadow: 0px 30px 40px 0px rgba(4, 73, 89, 0.1);
  13228. padding: 0;
  13229. width: 260px;
  13230. -webkit-animation: slideDown 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards;
  13231. animation: slideDown 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards;
  13232. }
  13233. @media (max-width: 576px) {
  13234. .post-header .category-menu .dropdown-menu {
  13235. width: 210px;
  13236. }
  13237. }
  13238. .post-header .category-menu .title {
  13239. font-size: 14px;
  13240. font-weight: 500;
  13241. margin: 0;
  13242. background: #f7f8f9;
  13243. border-bottom: 1px solid #e6eeef;
  13244. padding: 14px 20px 11px;
  13245. line-height: 1;
  13246. color: #6b707f;
  13247. position: relative;
  13248. }
  13249. .post-header .category-menu .title:before {
  13250. content: "";
  13251. height: 16px;
  13252. width: 16px;
  13253. background: #e6eeef;
  13254. position: absolute;
  13255. right: 30px;
  13256. -webkit-transform: rotate(45deg);
  13257. -ms-transform: rotate(45deg);
  13258. transform: rotate(45deg);
  13259. top: -8px;
  13260. }
  13261. .post-header .category-menu .title:after {
  13262. content: "";
  13263. height: 16px;
  13264. width: 16px;
  13265. background: #f7f8f9;
  13266. position: absolute;
  13267. right: 30px;
  13268. -webkit-transform: rotate(45deg);
  13269. -ms-transform: rotate(45deg);
  13270. transform: rotate(45deg);
  13271. top: -6px;
  13272. }
  13273. .post-header .category-menu .cate-search-form {
  13274. padding: 0 20px;
  13275. margin-top: 10px;
  13276. }
  13277. .post-header .category-menu .cate-search-form input {
  13278. width: 100%;
  13279. background: #fbfcfc;
  13280. border: 2px solid #e2e7e8;
  13281. border-radius: 4px;
  13282. padding: 6px 20px;
  13283. font-size: 14px;
  13284. }
  13285. .post-header .category-menu .cate-search-form input::-webkit-input-placeholder {
  13286. color: #a8acb6;
  13287. }
  13288. .post-header .category-menu .cate-search-form input::-moz-placeholder {
  13289. color: #a8acb6;
  13290. }
  13291. .post-header .category-menu .cate-search-form input:-ms-input-placeholder {
  13292. color: #a8acb6;
  13293. }
  13294. .post-header .category-menu .cate-search-form input::-ms-input-placeholder {
  13295. color: #a8acb6;
  13296. }
  13297. .post-header .category-menu .cate-search-form input::placeholder {
  13298. color: #a8acb6;
  13299. }
  13300. .post-header .category-menu .all-users {
  13301. font-size: 14px;
  13302. padding: 12px 30px;
  13303. border-bottom: 1px solid #e6eeef;
  13304. font-weight: 500;
  13305. color: #6b707f;
  13306. }
  13307. .post-header .category-menu .all-users a {
  13308. padding: 7px 0;
  13309. color: #838793;
  13310. }
  13311. .post-header .category-menu .all-users a span {
  13312. border-radius: 4px;
  13313. width: 16px;
  13314. height: 16px;
  13315. background: #27b2da;
  13316. display: inline-block;
  13317. margin-right: 10px;
  13318. vertical-align: -3px;
  13319. }
  13320. .post-header .category-menu .all-users a span.color-pupple {
  13321. background: #8152e0;
  13322. }
  13323. .post-header .category-menu .all-users a span.color-yellow {
  13324. background: #fad05a;
  13325. }
  13326. .post-header .category-menu .all-users a span.color-ass {
  13327. background: #dfdfdf;
  13328. }
  13329. .post-header .category-menu .all-users a span.color-green {
  13330. background: #22936d;
  13331. }
  13332. .post-header .category-menu .all-users a span.color-orange {
  13333. background: #f88546;
  13334. }
  13335. .post-header .category-menu .all-users a span.color-light-green {
  13336. background: #1eba17;
  13337. }
  13338. .post-header .category-menu .all-users a:not(:last-child) {
  13339. border-bottom: 1px solid #e6eeef;
  13340. }
  13341. .post-header .category-menu .all-users a img {
  13342. width: 20px;
  13343. margin-right: 10px;
  13344. display: inline-block;
  13345. }
  13346. .post-header .category-menu .all-users a:hover, .post-header .category-menu .all-users a:focus {
  13347. background: transparent;
  13348. color: #1d2746;
  13349. }
  13350. .post-header .category-menu .short-by {
  13351. padding: 10px 20px;
  13352. }
  13353. .post-header .category-menu .short-by a {
  13354. padding: 7px 0 7px 20px;
  13355. position: relative;
  13356. color: #838793;
  13357. font-size: 14px;
  13358. }
  13359. .post-header .category-menu .short-by a.active-short {
  13360. color: #1d2746;
  13361. }
  13362. .post-header .category-menu .short-by a.active-short:before {
  13363. content: "N";
  13364. position: absolute;
  13365. font-family: eleganticons;
  13366. left: 0;
  13367. top: 7px;
  13368. color: #0abe76;
  13369. font-size: 14px;
  13370. }
  13371. .post-header .category-menu .short-by a:hover {
  13372. background: transparent;
  13373. color: #1d2746;
  13374. }
  13375. @-webkit-keyframes slideDown {
  13376. 0% {
  13377. -webkit-transform: translate3d(0px, 15px, 0px);
  13378. transform: translate3d(0px, 15px, 0px);
  13379. }
  13380. 100% {
  13381. -webkit-transform: translate3d(0px, 23px, 0px);
  13382. transform: translate3d(0px, 23px, 0px);
  13383. }
  13384. }
  13385. @keyframes slideDown {
  13386. 0% {
  13387. -webkit-transform: translate3d(0px, 15px, 0px);
  13388. transform: translate3d(0px, 15px, 0px);
  13389. }
  13390. 100% {
  13391. -webkit-transform: translate3d(0px, 23px, 0px);
  13392. transform: translate3d(0px, 23px, 0px);
  13393. }
  13394. }
  13395. .doc_border_btn.border-light {
  13396. border-color: #cfebf1 !important;
  13397. }
  13398. .doc_border_btn.border-light svg {
  13399. margin-left: 8px;
  13400. vertical-align: 0px;
  13401. -webkit-transition: all 0.3s ease-in-out;
  13402. -o-transition: all 0.3s ease-in-out;
  13403. transition: all 0.3s ease-in-out;
  13404. }
  13405. .doc_border_btn.border-light:hover {
  13406. border-color: #ed1f25 !important;
  13407. }
  13408. .doc_border_btn.border-light:hover svg path {
  13409. fill: #fff;
  13410. }
  13411. .pagination-wrapper {
  13412. background: #fff;
  13413. padding: 23px 30px;
  13414. display: -webkit-box;
  13415. display: -ms-flexbox;
  13416. display: flex;
  13417. -webkit-box-align: center;
  13418. -ms-flex-align: center;
  13419. align-items: center;
  13420. -webkit-box-pack: justify;
  13421. -ms-flex-pack: justify;
  13422. justify-content: space-between;
  13423. margin-top: 10px;
  13424. border-radius: 6px;
  13425. -webkit-box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06);
  13426. box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06);
  13427. }
  13428. @media (max-width: 768px) {
  13429. .pagination-wrapper {
  13430. display: block;
  13431. text-align: center;
  13432. }
  13433. .pagination-wrapper .view-post-of {
  13434. margin-bottom: 20px;
  13435. }
  13436. }
  13437. .pagination-wrapper p {
  13438. margin: 0;
  13439. }
  13440. .pagination-wrapper .post-pagination {
  13441. margin: 0;
  13442. padding: 0;
  13443. list-style: none;
  13444. }
  13445. @media (max-width: 768px) {
  13446. .pagination-wrapper .post-pagination {
  13447. margin-to: 30px;
  13448. }
  13449. }
  13450. .pagination-wrapper .post-pagination li {
  13451. display: inline-block;
  13452. }
  13453. .pagination-wrapper .post-pagination li.pegi-disable {
  13454. display: none;
  13455. }
  13456. .pagination-wrapper .post-pagination li:not(:last-child) {
  13457. margin-right: 3px;
  13458. }
  13459. .pagination-wrapper .post-pagination li a {
  13460. display: block;
  13461. color: #6b707f;
  13462. height: 35px;
  13463. width: 35px;
  13464. text-align: center;
  13465. line-height: 35px;
  13466. background: #f2f5f6;
  13467. border-radius: 3px;
  13468. }
  13469. .pagination-wrapper .post-pagination li a:hover, .pagination-wrapper .post-pagination li a.active {
  13470. background: #ed1f25;
  13471. color: #fff;
  13472. }
  13473. /*--------------------------------------------------------------
  13474. ## Showcase
  13475. --------------------------------------------------------------*/
  13476. #showcase {
  13477. padding-top: 152px;
  13478. overflow: hidden;
  13479. }
  13480. @media (max-width: 991px) {
  13481. #showcase {
  13482. padding-top: 50px;
  13483. }
  13484. }
  13485. @media (max-width: 767px) {
  13486. #showcase {
  13487. padding-top: 0;
  13488. }
  13489. }
  13490. .showcase-content .section-heading {
  13491. margin-bottom: 42px;
  13492. }
  13493. .showcase-content .section-heading .section-title {
  13494. font-weight: 500;
  13495. }
  13496. @media (max-width: 991px) {
  13497. .showcase-content .section-heading {
  13498. text-align: center !important;
  13499. }
  13500. }
  13501. .showcase-content .sub-content:not(:last-child) {
  13502. margin-bottom: 40px;
  13503. }
  13504. @media (max-width: 991px) {
  13505. .showcase-content .sub-content {
  13506. text-align: center !important;
  13507. }
  13508. }
  13509. .showcase-content .sub-content .sub-title {
  13510. font-size: 20px;
  13511. line-height: 30px;
  13512. margin-bottom: 10px;
  13513. font-weight: 500;
  13514. }
  13515. .showcase-content .sub-content p {
  13516. font-size: 14px;
  13517. }
  13518. .showcase-content {
  13519. padding-top: 180px;
  13520. }
  13521. @media (max-width: 991px) {
  13522. .showcase-content {
  13523. padding-top: 0;
  13524. margin-bottom: 0;
  13525. }
  13526. }
  13527. .showcase-content.style-two .showcase-content {
  13528. margin-top: 120px;
  13529. }
  13530. @media (max-width: 991px) {
  13531. .showcase-content.style-two .showcase-content {
  13532. margin-top: 0;
  13533. padding-top: 50px;
  13534. }
  13535. }
  13536. .showcase-content.style-two .animate-shape {
  13537. top: auto;
  13538. bottom: 27px;
  13539. left: 0;
  13540. -webkit-transform: translateX(0);
  13541. -ms-transform: translateX(0);
  13542. transform: translateX(0);
  13543. }
  13544. @media (max-width: 991px) {
  13545. .showcase-content.style-two .animate-shape {
  13546. left: 26%;
  13547. }
  13548. }
  13549. @media (max-width: 767px) {
  13550. .showcase-content.style-two .animate-shape {
  13551. left: 17%;
  13552. }
  13553. }
  13554. @media (max-width: 767px) {
  13555. .showcase-content.style-two .animate-shape svg {
  13556. width: 400px;
  13557. }
  13558. }
  13559. @media (max-width: 576px) {
  13560. .showcase-content.style-two .animate-shape {
  13561. left: 0;
  13562. }
  13563. }
  13564. @media (max-width: 420px) {
  13565. .showcase-content.style-two .animate-shape {
  13566. display: none;
  13567. }
  13568. }
  13569. .showcase-content.style-three {
  13570. margin-top: 102px;
  13571. padding-bottom: 160px;
  13572. }
  13573. @media (max-width: 991px) {
  13574. .showcase-content.style-three {
  13575. margin-top: 0;
  13576. padding-bottom: 0;
  13577. }
  13578. }
  13579. .showcase-content.style-three .showcase-content {
  13580. margin-top: 30px;
  13581. }
  13582. .showcase-content.style-three .showcase-image-box .animate-shape {
  13583. left: auto;
  13584. top: -40px;
  13585. right: -60px;
  13586. -webkit-transform: translateX(0);
  13587. -ms-transform: translateX(0);
  13588. transform: translateX(0);
  13589. }
  13590. @media (max-width: 1300px) {
  13591. .showcase-content.style-three .showcase-image-box .animate-shape {
  13592. right: -40px;
  13593. }
  13594. }
  13595. @media (max-width: 991px) {
  13596. .showcase-content.style-three .showcase-image-box .animate-shape {
  13597. right: 40px;
  13598. }
  13599. }
  13600. @media (max-width: 991px) {
  13601. .showcase-content.style-three {
  13602. margin-bottom: 0;
  13603. }
  13604. }
  13605. @media (max-width: 991px) {
  13606. .showcase-content {
  13607. margin-bottom: 60px;
  13608. }
  13609. }
  13610. .showcase-image-box {
  13611. position: relative;
  13612. }
  13613. @media (max-width: 991px) {
  13614. .showcase-image-box {
  13615. text-align: center !important;
  13616. }
  13617. }
  13618. .showcase-image-box img {
  13619. position: relative;
  13620. z-index: 2;
  13621. }
  13622. .showcase-image-box .animate-shape {
  13623. position: absolute;
  13624. top: -60px;
  13625. left: 50%;
  13626. -webkit-transform: translateX(-50%);
  13627. -ms-transform: translateX(-50%);
  13628. transform: translateX(-50%);
  13629. }
  13630. @media (max-width: 767px) {
  13631. .showcase-image-box .animate-shape {
  13632. top: -60px;
  13633. }
  13634. .showcase-image-box .animate-shape svg {
  13635. width: 300px;
  13636. height: auto;
  13637. }
  13638. }
  13639. @media (max-width: 576px) {
  13640. .showcase-image-box .animate-shape {
  13641. top: -30px;
  13642. }
  13643. .showcase-image-box .animate-shape svg {
  13644. width: 250px;
  13645. height: auto;
  13646. }
  13647. }
  13648. @media (max-width: 480px) {
  13649. .showcase-image-box.style-one .animate-shape svg {
  13650. width: 200px;
  13651. height: auto;
  13652. }
  13653. }
  13654. @media (max-width: 991px) {
  13655. .showcase-image-box.style-three .animate-shape svg {
  13656. width: 400px;
  13657. height: auto;
  13658. }
  13659. }
  13660. @media (max-width: 576px) {
  13661. .showcase-image-box.style-three .animate-shape svg {
  13662. width: 250px;
  13663. height: auto;
  13664. }
  13665. }
  13666. .showcase-image-box.style-three > img, .showcase-image-box.style-one > img {
  13667. -webkit-box-shadow: 0 50px 100px 0 rgba(10, 1, 64, 0.12);
  13668. box-shadow: 0 50px 100px 0 rgba(10, 1, 64, 0.12);
  13669. border-radius: 25px;
  13670. }
  13671. /*--------------------------------------------------------------
  13672. ## Newsletter
  13673. --------------------------------------------------------------*/
  13674. #newsletter {
  13675. background-image: -o-linear-gradient(45deg, #dd5a91 0%, #464ac9 100%);
  13676. background-image: linear-gradient(45deg, #dd5a91 0%, #464ac9 100%);
  13677. padding: 127px 0 127px;
  13678. overflow: hidden;
  13679. }
  13680. #newsletter svg {
  13681. position: absolute;
  13682. bottom: 0;
  13683. left: 0;
  13684. height: 200px;
  13685. z-index: 22;
  13686. }
  13687. .newsletter-form {
  13688. position: relative;
  13689. z-index: 222;
  13690. }
  13691. .newsletter-form .newsletter-inner {
  13692. position: relative;
  13693. display: -webkit-box;
  13694. display: -ms-flexbox;
  13695. display: flex;
  13696. }
  13697. .newsletter-form .newsletter-inner:before {
  13698. position: absolute;
  13699. content: "";
  13700. font-family: eleganticons;
  13701. font-style: normal;
  13702. color: #677294;
  13703. top: 47%;
  13704. left: 20px;
  13705. -webkit-transform: translateY(-50%);
  13706. -ms-transform: translateY(-50%);
  13707. transform: translateY(-50%);
  13708. }
  13709. .newsletter-form .newsletter-inner input {
  13710. background: transparent;
  13711. border: 1px solid #fff;
  13712. padding: 10px 20px 10px 50px;
  13713. height: 60px;
  13714. outline: 0;
  13715. margin: 0;
  13716. color: #677294;
  13717. border-radius: 2px;
  13718. background-color: #fff;
  13719. border-radius: 0;
  13720. }
  13721. .newsletter-form .newsletter-inner input:focus {
  13722. -webkit-box-shadow: none;
  13723. box-shadow: none;
  13724. }
  13725. .newsletter-form .newsletter-inner input::-webkit-input-placeholder {
  13726. color: #677294;
  13727. }
  13728. .newsletter-form .newsletter-inner input::-moz-placeholder {
  13729. color: #677294;
  13730. }
  13731. .newsletter-form .newsletter-inner input:-ms-input-placeholder {
  13732. color: #677294;
  13733. }
  13734. .newsletter-form .newsletter-inner input::-ms-input-placeholder {
  13735. color: #677294;
  13736. }
  13737. .newsletter-form .newsletter-inner input::placeholder {
  13738. color: #677294;
  13739. }
  13740. .newsletter-form .newsletter-inner .newsletter-submit {
  13741. margin-left: 20px;
  13742. border-radius: 0;
  13743. -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1);
  13744. box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1);
  13745. }
  13746. .newsletter-form .newsletter-inner .newsletter-submit i {
  13747. display: none;
  13748. }
  13749. .newsletter-form .newsletter-inner .newsletter-submit:hover {
  13750. -webkit-box-shadow: none;
  13751. box-shadow: none;
  13752. }
  13753. .form-result {
  13754. display: none;
  13755. margin: 10px auto;
  13756. }
  13757. .newsletter-content {
  13758. position: relative;
  13759. z-index: 33;
  13760. }
  13761. @media (max-width: 991px) {
  13762. .newsletter-content {
  13763. text-align: center;
  13764. margin-bottom: 30px;
  13765. }
  13766. }
  13767. .newsletter-content .title {
  13768. font-size: 28px;
  13769. line-height: 36px;
  13770. font-weight: 800;
  13771. color: #fff;
  13772. }
  13773. .newsletter-content .sub-title {
  13774. font-size: 16px;
  13775. font-weight: 400;
  13776. color: #fff;
  13777. text-transform: uppercase;
  13778. position: relative;
  13779. display: inline-block;
  13780. padding-bottom: 5px;
  13781. margin-bottom: 15px;
  13782. }
  13783. .newsletter-content .sub-title:before {
  13784. content: "";
  13785. position: absolute;
  13786. left: 0;
  13787. bottom: 0;
  13788. width: 100%;
  13789. height: 1px;
  13790. background: #fff;
  13791. }
  13792. .newsletter-two {
  13793. border-radius: 10px;
  13794. background-color: white;
  13795. -webkit-box-shadow: 0px 40px 100px 0px rgba(0, 11, 40, 0.1);
  13796. box-shadow: 0px 40px 100px 0px rgba(0, 11, 40, 0.1);
  13797. padding: 50px 60px;
  13798. -webkit-transform: translateY(-50%);
  13799. -ms-transform: translateY(-50%);
  13800. transform: translateY(-50%);
  13801. }
  13802. @media (max-width: 991px) {
  13803. .newsletter-two {
  13804. -webkit-transform: translateY(-25%);
  13805. -ms-transform: translateY(-25%);
  13806. transform: translateY(-25%);
  13807. }
  13808. }
  13809. .newsletter-two .newsletter-content h2 {
  13810. font-size: 26px;
  13811. line-height: 40px;
  13812. color: #051441;
  13813. font-weight: 700;
  13814. }
  13815. .newsletter-two .newsletter-content p {
  13816. margin: 0;
  13817. }
  13818. .newsletter-form-two {
  13819. -ms-flex-wrap: wrap;
  13820. flex-wrap: wrap;
  13821. }
  13822. @media (max-width: 991px) {
  13823. .newsletter-form-two {
  13824. max-width: 570px;
  13825. margin: 0 auto;
  13826. }
  13827. }
  13828. .newsletter-form-two .newsletter-inner {
  13829. display: -webkit-box;
  13830. display: -ms-flexbox;
  13831. display: flex;
  13832. }
  13833. .newsletter-form-two input {
  13834. border-radius: 30px;
  13835. background: #f5f5f9;
  13836. border: 0;
  13837. outline: 0;
  13838. padding: 10px 30px;
  13839. height: 60px;
  13840. -webkit-box-flex: 1;
  13841. -ms-flex: 1;
  13842. flex: 1;
  13843. margin: 0;
  13844. font-size: 15px;
  13845. }
  13846. .newsletter-form-two input:focus {
  13847. border: 0;
  13848. -webkit-box-shadow: none;
  13849. box-shadow: none;
  13850. background: #f7f8fc;
  13851. }
  13852. .newsletter-form-two input::-webkit-input-placeholder {
  13853. color: #9ca4bd;
  13854. }
  13855. .newsletter-form-two input::-moz-placeholder {
  13856. color: #9ca4bd;
  13857. }
  13858. .newsletter-form-two input:-ms-input-placeholder {
  13859. color: #9ca4bd;
  13860. }
  13861. .newsletter-form-two input::-ms-input-placeholder {
  13862. color: #9ca4bd;
  13863. }
  13864. .newsletter-form-two input::placeholder {
  13865. color: #9ca4bd;
  13866. }
  13867. .newsletter-form-two .gp-btn {
  13868. border-radius: 30px;
  13869. color: #fff;
  13870. padding: 10px 38px;
  13871. border: 0;
  13872. margin-left: 20px;
  13873. font-size: 14px;
  13874. overflow: hidden;
  13875. background: #ed1f25;
  13876. outline: 0;
  13877. }
  13878. .newsletter-form-two .gp-btn:after {
  13879. background: transparent;
  13880. }
  13881. .newsletter-form-two .gp-btn i {
  13882. display: none;
  13883. }
  13884. .newsletter-form-two .gp-btn:focus {
  13885. -webkit-box-shadow: none;
  13886. box-shadow: none;
  13887. }
  13888. .newsletter-form-two .gp-btn:hover {
  13889. background: #ed1f25;
  13890. color: #fff;
  13891. -webkit-box-shadow: none;
  13892. box-shadow: none;
  13893. }
  13894. @media (max-width: 768px) {
  13895. .newsletter-content {
  13896. margin-bottom: 30px;
  13897. }
  13898. }
  13899. @media (max-width: 576px) {
  13900. .newsletter-form .newsletter-inner {
  13901. display: block;
  13902. }
  13903. .newsletter-form .newsletter-inner:before {
  13904. top: 28px;
  13905. }
  13906. .newsletter-form .newsletter-inner .newsletter-submit {
  13907. margin-left: 0;
  13908. margin-top: 20px;
  13909. }
  13910. }
  13911. /*--------------------------------------------------------------
  13912. ## List Item
  13913. --------------------------------------------------------------*/
  13914. .featrure-list-items {
  13915. margin-bottom: 70px;
  13916. }
  13917. .feature-list-item {
  13918. border-radius: 10px;
  13919. background: #f8f8f8;
  13920. padding: 15px;
  13921. margin-bottom: 30px;
  13922. display: -webkit-box;
  13923. display: -ms-flexbox;
  13924. display: flex;
  13925. -ms-flex-wrap: wrap;
  13926. flex-wrap: wrap;
  13927. -webkit-box-align: center;
  13928. -ms-flex-align: center;
  13929. align-items: center;
  13930. }
  13931. .feature-list-item .icon-container {
  13932. height: 60px;
  13933. width: 60px;
  13934. line-height: 60px;
  13935. text-align: center;
  13936. background: #fff;
  13937. border-radius: 50%;
  13938. -webkit-box-shadow: 0px 10px 30px 0px rgba(8, 2, 46, 0.1);
  13939. box-shadow: 0px 10px 30px 0px rgba(8, 2, 46, 0.1);
  13940. margin-right: 25px;
  13941. }
  13942. .feature-list-item .icon-container i {
  13943. font-size: 20px;
  13944. color: #ed1f25;
  13945. display: inline-block;
  13946. vertical-align: middle;
  13947. }
  13948. .feature-list-item .list-title {
  13949. font-size: 16px;
  13950. font-weight: 500;
  13951. margin: 0;
  13952. -webkit-box-flex: 2;
  13953. -ms-flex: 2;
  13954. flex: 2;
  13955. }
  13956. .feature-list-item .list-title a {
  13957. color: #2c2c51;
  13958. }
  13959. .feature-list-item .list-title a:hover {
  13960. color: #ed1f25;
  13961. }
  13962. /*--------------------------------------------------------------
  13963. ## Social Activity
  13964. --------------------------------------------------------------*/
  13965. #social-activity {
  13966. padding: 120px 0 100px;
  13967. overflow: hidden;
  13968. }
  13969. .activity-content-wrapper {
  13970. padding-top: 30px;
  13971. }
  13972. .activity-content-wrapper .section-title-two.title-big h2 {
  13973. font-weight: 500;
  13974. }
  13975. .activity-feature-image {
  13976. position: relative;
  13977. max-width: 470px;
  13978. height: 624px;
  13979. margin: 0 auto;
  13980. }
  13981. @media (max-width: 991px) {
  13982. .activity-feature-image {
  13983. margin: 0;
  13984. }
  13985. }
  13986. @media (max-width: 576px) {
  13987. .activity-feature-image {
  13988. width: 320px;
  13989. }
  13990. }
  13991. .activity-feature-image .img-one, .activity-feature-image .img-two {
  13992. position: absolute;
  13993. }
  13994. .activity-feature-image .img-one {
  13995. right: -33px;
  13996. top: 0;
  13997. }
  13998. .activity-feature-image .img-two {
  13999. left: 3px;
  14000. top: 53%;
  14001. -webkit-transform: translateY(-50%);
  14002. -ms-transform: translateY(-50%);
  14003. transform: translateY(-50%);
  14004. z-index: 44;
  14005. }
  14006. .activity-feature-image .main-thumb {
  14007. position: relative;
  14008. z-index: 33;
  14009. }
  14010. .activity-feature-image .animate-circle.style-one {
  14011. position: relative;
  14012. margin-right: -43px;
  14013. }
  14014. .activity-feature-image .animate-circle img {
  14015. position: absolute;
  14016. }
  14017. .activity-feature-image .animate-circle .anim-bg-one {
  14018. right: -80px;
  14019. top: 80px;
  14020. -webkit-animation: wave 4s 0.1s infinite linear;
  14021. animation: wave 4s 0.1s infinite linear;
  14022. }
  14023. .activity-feature-image .animate-circle .anim-bg-two {
  14024. top: 127px;
  14025. left: 57px;
  14026. -webkit-animation: wave 3s 0.1s infinite linear;
  14027. animation: wave 3s 0.1s infinite linear;
  14028. -webkit-transition-delay: 0.3s;
  14029. -o-transition-delay: 0.3s;
  14030. transition-delay: 0.3s;
  14031. }
  14032. .activity-feature-image .animate-circle .anim-bg-three {
  14033. left: 25px;
  14034. top: 150px;
  14035. -webkit-animation: wave 2s 0.1s infinite linear;
  14036. animation: wave 2s 0.1s infinite linear;
  14037. -webkit-transition-delay: 0.5s;
  14038. -o-transition-delay: 0.5s;
  14039. transition-delay: 0.5s;
  14040. }
  14041. .activity-feature-image .animate-circle.position-two .anim-bg-one {
  14042. left: -95px;
  14043. top: 90px;
  14044. right: auto;
  14045. }
  14046. .activity-feature-image .animate-circle.position-two .anim-bg-two {
  14047. left: -110px;
  14048. }
  14049. .activity-feature-image .animate-circle.position-two .anim-bg-three {
  14050. left: -110px;
  14051. top: 210px !important;
  14052. }
  14053. .activity-feature-image.style-two {
  14054. height: auto;
  14055. margin-left: -40px;
  14056. }
  14057. @media (max-width: 991px) {
  14058. .activity-feature-image.style-two {
  14059. margin: 0 0 50px 110px;
  14060. }
  14061. }
  14062. .activity-feature-image.style-two .image-one {
  14063. position: relative;
  14064. z-index: 222;
  14065. }
  14066. .activity-feature-image.style-two .image-two {
  14067. position: absolute;
  14068. top: 50px;
  14069. z-index: 333;
  14070. }
  14071. @media (max-width: 576px) {
  14072. .activity-feature-image.style-two .image-two {
  14073. max-width: 280px;
  14074. }
  14075. }
  14076. .activity-feature-image.style-two .animate-circle.position-two .anim-bg-one {
  14077. left: -60px;
  14078. top: 160px;
  14079. right: auto;
  14080. }
  14081. .activity-feature-image.style-two .animate-circle.position-two .anim-bg-two {
  14082. left: -70px;
  14083. top: 200px;
  14084. }
  14085. .activity-feature-image.style-two .animate-circle.position-two .anim-bg-three {
  14086. left: -110px;
  14087. top: 230px;
  14088. }
  14089. @keyframes wave {
  14090. 0% {
  14091. -webkit-transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
  14092. transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
  14093. }
  14094. 100% {
  14095. -webkit-transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg);
  14096. transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg);
  14097. }
  14098. }
  14099. /*--------------------------------------------------------------
  14100. ## Community Help
  14101. --------------------------------------------------------------*/
  14102. .comminity-help {
  14103. background: #f7f7f7;
  14104. padding: 113px 0 90px;
  14105. }
  14106. @media (max-width: 991px) {
  14107. .comminity-help {
  14108. padding: 73px 0 60px;
  14109. }
  14110. }
  14111. .comminity-help-category {
  14112. border-radius: 4px;
  14113. background-color: white;
  14114. -webkit-box-shadow: 0 6px 14px 0 rgba(8, 2, 46, 0.04);
  14115. box-shadow: 0 6px 14px 0 rgba(8, 2, 46, 0.04);
  14116. text-align: center;
  14117. padding: 40px 20px 30px;
  14118. -webkit-transition: all 0.3s ease-in-out;
  14119. -o-transition: all 0.3s ease-in-out;
  14120. transition: all 0.3s ease-in-out;
  14121. border-top: 2px solid transparent;
  14122. margin-bottom: 30px;
  14123. }
  14124. .comminity-help-category .category-icon {
  14125. height: 70px;
  14126. width: 70px;
  14127. line-height: 70px;
  14128. text-align: center;
  14129. border-radius: 50%;
  14130. margin: 0 auto 35px;
  14131. background: #f1a614;
  14132. color: #fff;
  14133. -webkit-box-shadow: 0 20px 30px 0 rgba(211, 149, 35, 0.3);
  14134. box-shadow: 0 20px 30px 0 rgba(211, 149, 35, 0.3);
  14135. }
  14136. .comminity-help-category .category-icon i {
  14137. font-size: 28px;
  14138. display: inline-block;
  14139. vertical-align: -5px;
  14140. }
  14141. .comminity-help-category .category-title {
  14142. font-size: 20px;
  14143. color: #2c2c51;
  14144. }
  14145. .comminity-help-category .category-title a {
  14146. color: #2c2c51;
  14147. }
  14148. .comminity-help-category .category-title a:hover {
  14149. color: #ed1f25;
  14150. }
  14151. .comminity-help-category .post-count {
  14152. margin-bottom: 10px;
  14153. color: #f1a614;
  14154. text-transform: uppercase;
  14155. letter-spacing: 2px;
  14156. font-weight: 500;
  14157. }
  14158. .comminity-help-category .category-image {
  14159. height: 140px;
  14160. display: -webkit-box;
  14161. display: -ms-flexbox;
  14162. display: flex;
  14163. -webkit-box-pack: center;
  14164. -ms-flex-pack: center;
  14165. justify-content: center;
  14166. -webkit-box-align: end;
  14167. -ms-flex-align: end;
  14168. align-items: flex-end;
  14169. }
  14170. .comminity-help-category:hover {
  14171. border-color: #ed1f25;
  14172. -webkit-box-shadow: 0 30px 60px 0 rgba(8, 2, 46, 0.12), 0px -2px 0 0 rgba(26, 191, 104, 0);
  14173. box-shadow: 0 30px 60px 0 rgba(8, 2, 46, 0.12), 0px -2px 0 0 rgba(26, 191, 104, 0);
  14174. }
  14175. .comminity-help-category.color--two .category-icon {
  14176. background: #554bfe;
  14177. -webkit-box-shadow: 0 20px 30px 0 rgba(69, 59, 247, 0.3);
  14178. box-shadow: 0 20px 30px 0 rgba(69, 59, 247, 0.3);
  14179. }
  14180. .comminity-help-category.color--two .post-count {
  14181. color: #554bfe;
  14182. }
  14183. .comminity-help-category.color--three .category-icon {
  14184. background: #f83b6b;
  14185. -webkit-box-shadow: 0 20px 30px 0 rgba(248, 59, 107, 0.3);
  14186. box-shadow: 0 20px 30px 0 rgba(248, 59, 107, 0.3);
  14187. }
  14188. .comminity-help-category.color--three .post-count {
  14189. color: #f83b6b;
  14190. }
  14191. /*--------------------------------------------------------------
  14192. ## Blog
  14193. --------------------------------------------------------------*/
  14194. #blog-grid {
  14195. background: #fafafa;
  14196. }
  14197. #blog-grid .feature-image a {
  14198. display: block;
  14199. position: relative;
  14200. overflow: hidden;
  14201. }
  14202. #blog-grid .feature-image a img {
  14203. -webkit-transition: all 0.3s ease-in-out;
  14204. -o-transition: all 0.3s ease-in-out;
  14205. transition: all 0.3s ease-in-out;
  14206. }
  14207. #blog-grid .feature-image a:before {
  14208. content: "";
  14209. position: absolute;
  14210. left: 0;
  14211. top: 0;
  14212. width: 100%;
  14213. height: 100%;
  14214. background: rgba(0, 0, 0, 0.3);
  14215. opacity: 0;
  14216. -webkit-transition: all 0.3s ease-in-out;
  14217. -o-transition: all 0.3s ease-in-out;
  14218. transition: all 0.3s ease-in-out;
  14219. z-index: 22;
  14220. }
  14221. #blog-grid .feature-image a:hover:before {
  14222. opacity: 1;
  14223. }
  14224. #blog-grid .feature-image a:hover img {
  14225. -webkit-transform: scale(1.05);
  14226. -ms-transform: scale(1.05);
  14227. transform: scale(1.05);
  14228. }
  14229. #blog-grid-one {
  14230. padding: 115px 0 90px;
  14231. }
  14232. .blog-content {
  14233. padding: 30px;
  14234. background: #fff;
  14235. }
  14236. .blog-content .post-meta {
  14237. margin: 0;
  14238. padding: 0;
  14239. list-style: none;
  14240. }
  14241. .blog-content .post-meta li {
  14242. display: inline-block;
  14243. margin-right: 10px;
  14244. }
  14245. .blog-content .post-meta li i {
  14246. margin-right: 5px;
  14247. color: #f8b137;
  14248. }
  14249. .blog-content .post-meta li a {
  14250. color: #333;
  14251. font-size: 14px;
  14252. font-weight: 500;
  14253. }
  14254. .blog-content .post-meta li a:hover {
  14255. color: #f8b137;
  14256. }
  14257. .blog-content .entry-title {
  14258. font-size: 20px;
  14259. font-weight: 800;
  14260. margin: 15px 0;
  14261. }
  14262. .blog-content .entry-title a {
  14263. color: #222;
  14264. }
  14265. .blog-content .entry-title a:hover {
  14266. color: #f8b137;
  14267. }
  14268. .blog-content .read-more-ntn {
  14269. font-size: 12px;
  14270. font-weight: 800;
  14271. color: #f8b137;
  14272. text-transform: uppercase;
  14273. display: -webkit-box;
  14274. display: -ms-flexbox;
  14275. display: flex;
  14276. }
  14277. .blog-content .read-more-ntn i {
  14278. font-size: 10px;
  14279. display: -webkit-box;
  14280. display: -ms-flexbox;
  14281. display: flex;
  14282. -webkit-box-align: center;
  14283. -ms-flex-align: center;
  14284. align-items: center;
  14285. margin-left: 5px;
  14286. -webkit-transition: all 0.3s ease-in-out;
  14287. -o-transition: all 0.3s ease-in-out;
  14288. transition: all 0.3s ease-in-out;
  14289. }
  14290. .blog-content .read-more-ntn:hover {
  14291. color: #f39d09;
  14292. }
  14293. .blog-content .read-more-ntn:hover i {
  14294. margin-left: 8px;
  14295. }
  14296. .blog-post-one {
  14297. margin-bottom: 30px;
  14298. }
  14299. .blog-post-one .feature-image {
  14300. position: relative;
  14301. border-radius: 6px;
  14302. overflow: hidden;
  14303. }
  14304. .blog-post-one .feature-image a:before {
  14305. display: none;
  14306. }
  14307. .blog-post-one .feature-image img {
  14308. border-radius: 6px;
  14309. -webkit-transition: all 0.3s ease-in-out;
  14310. -o-transition: all 0.3s ease-in-out;
  14311. transition: all 0.3s ease-in-out;
  14312. }
  14313. .blog-post-one .feature-image .post-meta {
  14314. margin-bottom: 10px;
  14315. margin-left: 0;
  14316. }
  14317. .blog-post-one .feature-image .post-meta li {
  14318. text-transform: uppercase;
  14319. font-weight: 500;
  14320. color: #797986;
  14321. font-size: 13px;
  14322. }
  14323. .blog-post-one .feature-image .post-meta li i {
  14324. margin-right: 7px;
  14325. font-size: 14px;
  14326. }
  14327. .blog-post-one .feature-image:before {
  14328. content: "";
  14329. position: absolute;
  14330. width: 100%;
  14331. height: 100%;
  14332. left: 0;
  14333. top: 0;
  14334. background: #f3f6f8;
  14335. opacity: 1;
  14336. visibility: visible;
  14337. -webkit-transition: all 0.3s ease-in-out;
  14338. -o-transition: all 0.3s ease-in-out;
  14339. transition: all 0.3s ease-in-out;
  14340. z-index: 1;
  14341. }
  14342. .blog-post-one .feature-image .entry-content {
  14343. position: absolute;
  14344. left: 0;
  14345. top: 0;
  14346. padding: 50px 40px;
  14347. height: 100%;
  14348. width: 100%;
  14349. z-index: 2;
  14350. -webkit-transition: all 0.4s ease-in-out;
  14351. -o-transition: all 0.4s ease-in-out;
  14352. transition: all 0.4s ease-in-out;
  14353. }
  14354. .blog-post-one .feature-image .entry-content .author {
  14355. margin-bottom: 40px;
  14356. -webkit-transition: all 0.3s ease-in-out;
  14357. -o-transition: all 0.3s ease-in-out;
  14358. transition: all 0.3s ease-in-out;
  14359. }
  14360. .blog-post-one .feature-image .entry-content .author a {
  14361. color: #92929f;
  14362. font-size: 13px;
  14363. font-weight: 500;
  14364. -webkit-transition: all 0.3s ease-in-out;
  14365. -o-transition: all 0.3s ease-in-out;
  14366. transition: all 0.3s ease-in-out;
  14367. }
  14368. .blog-post-one .feature-image .entry-content .author .avatar {
  14369. border-radius: 50%;
  14370. margin-right: 15px;
  14371. }
  14372. .blog-post-one .feature-image .entry-content .entry-title {
  14373. font-size: 20px;
  14374. font-weight: 800;
  14375. }
  14376. .blog-post-one .feature-image .entry-content .entry-title a {
  14377. -webkit-transition: all 0.3s ease-in-out;
  14378. -o-transition: all 0.3s ease-in-out;
  14379. transition: all 0.3s ease-in-out;
  14380. }
  14381. .blog-post-one .feature-image .entry-content p {
  14382. opacity: 100;
  14383. -webkit-transition: all 0.3s ease-in-out;
  14384. -o-transition: all 0.3s ease-in-out;
  14385. transition: all 0.3s ease-in-out;
  14386. }
  14387. .blog-post-one .feature-image:hover img {
  14388. -webkit-transform: scale(1.07);
  14389. -ms-transform: scale(1.07);
  14390. transform: scale(1.07);
  14391. }
  14392. .blog-post-one .feature-image:hover:before {
  14393. background: rgb(0 0 0 / 32%);
  14394. }
  14395. .blog-post-one .feature-image:hover .entry-content {
  14396. -webkit-transform: translateY(-20px);
  14397. -ms-transform: translateY(-20px);
  14398. transform: translateY(-20px);
  14399. }
  14400. .blog-post-one .feature-image:hover .entry-content .author a {
  14401. color: #fff;
  14402. }
  14403. .blog-post-one .feature-image:hover .author {
  14404. opacity: 0;
  14405. -webkit-transition: all 0.3s ease-in-out;
  14406. -o-transition: all 0.3s ease-in-out;
  14407. transition: all 0.3s ease-in-out;
  14408. }
  14409. .blog-post-one .feature-image:hover .entry-title a {
  14410. color: #fff;
  14411. }
  14412. .blog-post-one .feature-image:hover p {
  14413. opacity: 1;
  14414. visibility: visible;
  14415. }
  14416. .blog-post-one .feature-image:hover .post-meta li {
  14417. color: #fff;
  14418. }
  14419. .blog-post-one .feature-image:hover .post-meta li i {
  14420. color: #fff;
  14421. }
  14422. .blog-post-one .feature-image:hover p {
  14423. color: #fff;
  14424. }
  14425. .blog-post-one .feature-image:hover .read-more-btn {
  14426. color: #fff;
  14427. }
  14428. .blog-post-one .feature-image .read-more-btn {
  14429. text-transform: uppercase;
  14430. color: #797986;
  14431. text-transform: uppercase;
  14432. font-weight: 500;
  14433. font-size: 13px;
  14434. position: absolute;
  14435. bottom: 50px;
  14436. left: 40px;
  14437. z-index: 2;
  14438. }
  14439. .blog-post-one .feature-image .read-more-btn i {
  14440. display: inline-block;
  14441. vertical-align: middle;
  14442. }
  14443. .blog-post-one.color-two .entry-content .meta-cat a {
  14444. background: rgba(255, 94, 133, 0.102);
  14445. color: #ff5e85;
  14446. }
  14447. .blog-post-one.color-two .entry-content .meta-cat a:hover {
  14448. background: #ff5e85;
  14449. color: #fff;
  14450. }
  14451. .blog-post-one.color-three .entry-content .meta-cat a {
  14452. background: rgba(120, 74, 252, 0.102);
  14453. color: #784afc;
  14454. }
  14455. .blog-post-one.color-three .entry-content .meta-cat a:hover {
  14456. background: #784afc;
  14457. color: #fff;
  14458. }
  14459. .blog-slider {
  14460. padding: 110px 0 115px;
  14461. }
  14462. @media (max-width: 991px) {
  14463. .blog-slider {
  14464. padding: 70px 0 75px;
  14465. }
  14466. }
  14467. .blog-slider-post {
  14468. -webkit-box-shadow: 0 3px 5px 0 rgba(20, 3, 70, 0.06);
  14469. box-shadow: 0 3px 5px 0 rgba(20, 3, 70, 0.06);
  14470. -webkit-transition: all 0.3s ease-in-out;
  14471. -o-transition: all 0.3s ease-in-out;
  14472. transition: all 0.3s ease-in-out;
  14473. border-radius: 5px;
  14474. overflow: hidden;
  14475. }
  14476. .blog-slider-post .blog-content {
  14477. padding: 25px 30px 43px;
  14478. }
  14479. .blog-slider-post .blog-content h3 {
  14480. font-size: 24px;
  14481. line-height: 32px;
  14482. font-weight: 800;
  14483. margin-bottom: 20px;
  14484. }
  14485. .blog-slider-post .blog-content h3 a {
  14486. color: #051441;
  14487. }
  14488. .blog-slider-post .blog-content h3 a:hover {
  14489. color: #f8b137;
  14490. }
  14491. .blog-slider-post .blog-content p {
  14492. margin: 0;
  14493. }
  14494. .blog-slider-post .post-meta {
  14495. margin-bottom: 10px;
  14496. }
  14497. .blog-slider-post .post-meta li {
  14498. color: #6d717f;
  14499. font-size: 14px;
  14500. font-weight: 400;
  14501. }
  14502. .blog-slider-post .post-meta li a {
  14503. color: #6d717f;
  14504. text-transform: capitalize;
  14505. font-weight: 400;
  14506. }
  14507. .blog-slider-post .post-meta li i {
  14508. color: #6d717f;
  14509. margin-right: 10px;
  14510. }
  14511. .blog-slider-post:hover {
  14512. -webkit-box-shadow: 0 24px 30px 0 rgba(20, 3, 70, 0.1);
  14513. box-shadow: 0 24px 30px 0 rgba(20, 3, 70, 0.1);
  14514. }
  14515. /* Blog Grid Two*/
  14516. #blog-grid-two {
  14517. padding: 190px 0 90px;
  14518. }
  14519. @media (max-width: 991px) {
  14520. #blog-grid-two {
  14521. padding: 140px 0 50px;
  14522. }
  14523. }
  14524. .blog-wrapper {
  14525. position: relative;
  14526. }
  14527. .blog-wrapper .swiper-container {
  14528. padding: 0 20px;
  14529. }
  14530. .blog-wrapper .swiper-pagination {
  14531. margin-top: 35px;
  14532. }
  14533. .blog-post-two {
  14534. border-radius: 6px;
  14535. -webkit-box-shadow: 0 30px 50px 0 rgba(28, 1, 64, 0.06);
  14536. box-shadow: 0 30px 50px 0 rgba(28, 1, 64, 0.06);
  14537. overflow: hidden;
  14538. margin-bottom: 30px;
  14539. }
  14540. .blog-post-two .feature-image a {
  14541. display: block;
  14542. position: relative;
  14543. overflow: hidden;
  14544. }
  14545. .blog-post-two .feature-image a img {
  14546. -webkit-transition: all 0.3s ease-in-out;
  14547. -o-transition: all 0.3s ease-in-out;
  14548. transition: all 0.3s ease-in-out;
  14549. width: 100%;
  14550. }
  14551. .blog-post-two .feature-image a:before {
  14552. content: "";
  14553. position: absolute;
  14554. left: 0;
  14555. top: 0;
  14556. width: 100%;
  14557. height: 100%;
  14558. background: rgba(0, 0, 0, 0.3);
  14559. opacity: 0;
  14560. -webkit-transition: all 0.3s ease-in-out;
  14561. -o-transition: all 0.3s ease-in-out;
  14562. transition: all 0.3s ease-in-out;
  14563. z-index: 22;
  14564. }
  14565. .blog-post-two .feature-image a:hover:before {
  14566. opacity: 1;
  14567. }
  14568. .blog-post-two .feature-image a:hover img {
  14569. -webkit-transform: scale(1.05);
  14570. -ms-transform: scale(1.05);
  14571. transform: scale(1.05);
  14572. }
  14573. .blog-post-two .blog-content {
  14574. padding: 22px 40px 35px;
  14575. background: #fff;
  14576. }
  14577. .blog-post-two .blog-content .post-meta {
  14578. margin: 0;
  14579. padding: 0;
  14580. list-style: none;
  14581. }
  14582. .blog-post-two .blog-content .post-meta li {
  14583. display: inline-block;
  14584. margin-right: 30px;
  14585. position: relative;
  14586. color: #7b7b93;
  14587. font-size: 14px;
  14588. font-weight: 500;
  14589. }
  14590. .blog-post-two .blog-content .post-meta li:not(:last-child):after {
  14591. content: "/";
  14592. position: absolute;
  14593. right: -20px;
  14594. font-size: 14px;
  14595. top: 0;
  14596. }
  14597. .blog-post-two .blog-content .post-meta li a {
  14598. color: #7b7b93;
  14599. text-transform: uppercase;
  14600. }
  14601. .blog-post-two .blog-content .post-meta li a:hover {
  14602. color: #6e58fc;
  14603. }
  14604. .blog-post-two .blog-content .entry-title {
  14605. font-size: 20px;
  14606. font-weight: 500;
  14607. margin: 15px 0 25px;
  14608. line-height: 30px;
  14609. }
  14610. .blog-post-two .blog-content .entry-title a {
  14611. color: #2c2c51;
  14612. }
  14613. .blog-post-two .blog-content .entry-title a:hover {
  14614. color: #6e58fc;
  14615. }
  14616. .blog-post-two .blog-content .read-more-ntn {
  14617. font-size: 12px;
  14618. font-weight: 800;
  14619. color: #f8b137;
  14620. text-transform: uppercase;
  14621. display: -webkit-box;
  14622. display: -ms-flexbox;
  14623. display: flex;
  14624. }
  14625. .blog-post-two .blog-content .read-more-ntn i {
  14626. font-size: 10px;
  14627. display: -webkit-box;
  14628. display: -ms-flexbox;
  14629. display: flex;
  14630. -webkit-box-align: center;
  14631. -ms-flex-align: center;
  14632. align-items: center;
  14633. margin-left: 5px;
  14634. -webkit-transition: all 0.3s ease-in-out;
  14635. -o-transition: all 0.3s ease-in-out;
  14636. transition: all 0.3s ease-in-out;
  14637. }
  14638. .blog-post-two .blog-content .read-more-ntn:hover {
  14639. color: #f39d09;
  14640. }
  14641. .blog-post-two .blog-content .read-more-ntn:hover i {
  14642. margin-left: 8px;
  14643. }
  14644. #blog-slider .swiper-pagination .swiper-pagination-bullet {
  14645. height: 8px;
  14646. width: 8px;
  14647. -webkit-transition: all 0.3s ease-in-out;
  14648. -o-transition: all 0.3s ease-in-out;
  14649. transition: all 0.3s ease-in-out;
  14650. }
  14651. #blog-slider .swiper-pagination .swiper-pagination-bullet:before {
  14652. background: #cdd4e8;
  14653. -webkit-transition: all 0.3s ease-in-out;
  14654. -o-transition: all 0.3s ease-in-out;
  14655. transition: all 0.3s ease-in-out;
  14656. }
  14657. #blog-slider .swiper-pagination .swiper-pagination-bullet:after {
  14658. content: "";
  14659. position: absolute;
  14660. top: -3px;
  14661. bottom: -3px;
  14662. left: -3px;
  14663. right: -3px;
  14664. border: 2px solid transparent;
  14665. border-radius: 50%;
  14666. -webkit-transition: all 0.3s ease-in-out;
  14667. -o-transition: all 0.3s ease-in-out;
  14668. transition: all 0.3s ease-in-out;
  14669. }
  14670. #blog-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  14671. background: #fff;
  14672. }
  14673. #blog-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  14674. background: #fff;
  14675. z-index: 2;
  14676. display: none;
  14677. }
  14678. #blog-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  14679. border-color: #f8b137;
  14680. }
  14681. /* Blog Grid Three*/
  14682. #blog-grid-three {
  14683. padding: 115px 0 85px;
  14684. }
  14685. @media (max-width: 991px) {
  14686. #blog-grid-three {
  14687. padding: 75px 0 50px;
  14688. }
  14689. }
  14690. .blog-post-three {
  14691. margin-bottom: 30px;
  14692. }
  14693. .blog-post-three .feature-image {
  14694. -webkit-transition: all 0.3s ease-in-out;
  14695. -o-transition: all 0.3s ease-in-out;
  14696. transition: all 0.3s ease-in-out;
  14697. }
  14698. .blog-post-three .feature-image img {
  14699. -webkit-transition: all 0.3s ease-in-out;
  14700. -o-transition: all 0.3s ease-in-out;
  14701. transition: all 0.3s ease-in-out;
  14702. width: 100%;
  14703. }
  14704. .blog-post-three .feature-image:hover {
  14705. -webkit-transform: translateY(-5px);
  14706. -ms-transform: translateY(-5px);
  14707. transform: translateY(-5px);
  14708. }
  14709. .blog-post-three .feature-image:hover img {
  14710. -webkit-box-shadow: 0 30px 30px 0 rgba(3, 24, 61, 0.1);
  14711. box-shadow: 0 30px 30px 0 rgba(3, 24, 61, 0.1);
  14712. }
  14713. .blog-post-three .blog-content {
  14714. padding: 24px 0 0;
  14715. }
  14716. .blog-post-three .blog-content .post-meta li a {
  14717. color: #4d5afe;
  14718. text-transform: uppercase;
  14719. font-size: 16px;
  14720. font-weight: 400;
  14721. }
  14722. .blog-post-three .blog-content .post-date {
  14723. color: #777f95;
  14724. display: block;
  14725. font-size: 16px;
  14726. }
  14727. .blog-post-three .blog-content .entry-title {
  14728. font-size: 20px;
  14729. line-height: 40px;
  14730. margin-top: 0;
  14731. font-weight: 800;
  14732. }
  14733. .blog-post-three .blog-content .entry-title a {
  14734. color: #373d46;
  14735. }
  14736. .blog-post-three .blog-content .entry-title a:hover {
  14737. color: #4d5afe;
  14738. }
  14739. .blog-posts {
  14740. padding: 120px 0 100px;
  14741. }
  14742. .astriol__blog-filter {
  14743. margin: 0 0 60px;
  14744. padding: 0 0 20px;
  14745. list-style: none;
  14746. border-bottom: 1px solid #eaeaf7;
  14747. }
  14748. .astriol__blog-filter li {
  14749. display: inline-block;
  14750. }
  14751. .astriol__blog-filter li a {
  14752. font-size: 16px;
  14753. font-weight: 500;
  14754. color: #2c2c51;
  14755. display: block;
  14756. padding-right: 75px;
  14757. }
  14758. .astriol__blog-filter li a.isActive, .astriol__blog-filter li a:hover {
  14759. color: #ed1f25;
  14760. }
  14761. .astriol__blog-filter.tab-swipe .indicator {
  14762. background: #ed1f25;
  14763. bottom: -2px;
  14764. height: 3px;
  14765. }
  14766. .astriol__blog-items {
  14767. margin: 0 -15px;
  14768. }
  14769. .astriol__blog-post {
  14770. overflow: hidden;
  14771. border-radius: 6px;
  14772. background-color: #fff;
  14773. -webkit-box-shadow: 0 30px 50px 0 rgba(9, 4, 48, 0.08);
  14774. box-shadow: 0 30px 50px 0 rgba(9, 4, 48, 0.08);
  14775. margin-bottom: 5px;
  14776. -webkit-transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
  14777. -o-transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
  14778. transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
  14779. margin-bottom: 30px;
  14780. }
  14781. .astriol__blog-post .post-thumbnail {
  14782. overflow: hidden;
  14783. }
  14784. .astriol__blog-post .post-thumbnail img {
  14785. -webkit-transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
  14786. -o-transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
  14787. transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
  14788. }
  14789. .astriol__blog-post .entry-content {
  14790. padding: 20px 40px;
  14791. }
  14792. .astriol__blog-post .entry-content .entry-title {
  14793. font-size: 20px;
  14794. line-height: 1.5;
  14795. font-weight: 500;
  14796. margin: 15px 0 22px;
  14797. }
  14798. .astriol__blog-post .entry-content .entry-title a:hover {
  14799. color: #ed1f25;
  14800. }
  14801. .astriol__blog-post .entry-content .blog-footer {
  14802. display: -webkit-box;
  14803. display: -ms-flexbox;
  14804. display: flex;
  14805. -webkit-box-pack: justify;
  14806. -ms-flex-pack: justify;
  14807. justify-content: space-between;
  14808. }
  14809. .astriol__blog-post .entry-content .blog-footer .post-author {
  14810. display: inline-block;
  14811. font-size: 13px;
  14812. color: #92929f;
  14813. font-weight: 500;
  14814. text-transform: uppercase;
  14815. }
  14816. .astriol__blog-post .entry-content .blog-footer .post-author img {
  14817. border-radius: 50%;
  14818. margin-right: 10px;
  14819. }
  14820. .astriol__blog-post .entry-content .blog-footer .post-author:hover {
  14821. color: #ed1f25;
  14822. }
  14823. .astriol__blog-post .entry-content .blog-footer .date-meta {
  14824. font-size: 13px;
  14825. font-weight: 500;
  14826. color: #92929f;
  14827. text-transform: uppercase;
  14828. }
  14829. .astriol__blog-post:hover .post-thumbnail img {
  14830. -webkit-transform: scale(1.05);
  14831. -ms-transform: scale(1.05);
  14832. transform: scale(1.05);
  14833. }
  14834. .entry-content .entry-meta, .entry-content .meta-cat a {
  14835. font-size: 12px;
  14836. font-weight: 500;
  14837. background: rgba(50, 186, 19, 0.102);
  14838. color: #32ba13;
  14839. border-radius: 3px;
  14840. text-transform: uppercase;
  14841. padding: 6px 9px;
  14842. line-height: 1.1;
  14843. display: inline-block;
  14844. }
  14845. .entry-content .entry-meta:hover, .entry-content .meta-cat a:hover {
  14846. background: #32ba13;
  14847. color: #fff !important;
  14848. }
  14849. .entry-content .entry-meta.color-two, .entry-content .meta-cat a.color-two {
  14850. background-color: rgba(120, 74, 252, 0.102);
  14851. color: #784afc;
  14852. }
  14853. .entry-content .entry-meta.color-two:hover, .entry-content .meta-cat a.color-two:hover {
  14854. background: #784afc;
  14855. }
  14856. .entry-content .entry-meta.color-three, .entry-content .meta-cat a.color-three {
  14857. background-color: rgba(26, 191, 104, 0.102);
  14858. color: #ed1f25;
  14859. }
  14860. .entry-content .entry-meta.color-three:hover, .entry-content .meta-cat a.color-three:hover {
  14861. background: #ed1f25;
  14862. }
  14863. .entry-content .entry-meta.color-four, .entry-content .meta-cat a.color-four {
  14864. background-color: rgba(39, 120, 254, 0.102);
  14865. color: #2778fe;
  14866. }
  14867. .entry-content .entry-meta.color-four:hover, .entry-content .meta-cat a.color-four:hover {
  14868. background: #2778fe;
  14869. }
  14870. .entry-content .entry-meta.color-five, .entry-content .meta-cat a.color-five {
  14871. background-color: rgba(238, 180, 21, 0.102);
  14872. color: #eeb415;
  14873. }
  14874. .entry-content .entry-meta.color-five:hover, .entry-content .meta-cat a.color-five:hover {
  14875. background: #eeb415;
  14876. }
  14877. .entry-content .entry-meta.color-six, .entry-content .meta-cat a.color-six {
  14878. background-color: rgba(44, 44, 81, 0.102);
  14879. color: #656577;
  14880. }
  14881. .entry-content .entry-meta.color-six:hover, .entry-content .meta-cat a.color-six:hover {
  14882. background: #656577;
  14883. }
  14884. .entry-content .entry-title {
  14885. font-size: 20px;
  14886. line-height: 1.5;
  14887. font-weight: 500;
  14888. margin: 15px 0 22px;
  14889. }
  14890. .entry-content .entry-title a {
  14891. color: #2c2c51;
  14892. }
  14893. .entry-content .entry-title a:hover {
  14894. color: #ed1f25;
  14895. }
  14896. .entry-content .blog-footer {
  14897. display: -webkit-box;
  14898. display: -ms-flexbox;
  14899. display: flex;
  14900. -webkit-box-pack: justify;
  14901. -ms-flex-pack: justify;
  14902. justify-content: space-between;
  14903. -webkit-box-align: center;
  14904. -ms-flex-align: center;
  14905. align-items: center;
  14906. }
  14907. .entry-content .blog-footer .post-author {
  14908. display: inline-block;
  14909. font-size: 13px;
  14910. color: #92929f;
  14911. font-weight: 500;
  14912. }
  14913. .entry-content .blog-footer .post-author img {
  14914. border-radius: 50%;
  14915. margin-right: 10px;
  14916. }
  14917. .entry-content .blog-footer .post-author:hover {
  14918. color: #ed1f25;
  14919. }
  14920. .entry-content .blog-footer .date-meta {
  14921. font-size: 13px;
  14922. font-weight: 500;
  14923. color: #92929f;
  14924. text-transform: uppercase;
  14925. }
  14926. /* Blog List */
  14927. .blog-list-page {
  14928. padding: 120px 0;
  14929. }
  14930. .astriol__blog-list {
  14931. margin-bottom: 70px;
  14932. }
  14933. .astriol__blog-list .post-thumbnail {
  14934. border-radius: 6px;
  14935. overflow: hidden;
  14936. }
  14937. .astriol__blog-list .post-thumbnail img {
  14938. -webkit-transition: all 0.3s ease-in-out;
  14939. -o-transition: all 0.3s ease-in-out;
  14940. transition: all 0.3s ease-in-out;
  14941. }
  14942. .astriol__blog-list .entry-content {
  14943. padding-top: 30px;
  14944. }
  14945. .astriol__blog-list .entry-content .entry-title {
  14946. font-size: 30px;
  14947. line-height: 1.4;
  14948. font-weight: 500;
  14949. margin: 8px 0 17px;
  14950. }
  14951. .astriol__blog-list .entry-content p {
  14952. line-height: 28px;
  14953. color: #797986;
  14954. margin-bottom: 20px;
  14955. }
  14956. .astriol__blog-list .entry-content .more-link {
  14957. font-size: 13px;
  14958. font-weight: 500;
  14959. text-transform: uppercase;
  14960. color: #797986;
  14961. }
  14962. .astriol__blog-list .entry-content .more-link i {
  14963. display: inline-block;
  14964. vertical-align: -1px;
  14965. -webkit-transition: all 0.3s ease-in-out;
  14966. -o-transition: all 0.3s ease-in-out;
  14967. transition: all 0.3s ease-in-out;
  14968. margin-left: 2px;
  14969. }
  14970. .astriol__blog-list .entry-content .more-link:hover {
  14971. color: #ed1f25;
  14972. }
  14973. .astriol__blog-list .entry-content .more-link:hover i {
  14974. margin-left: 5px;
  14975. color: #ed1f25;
  14976. }
  14977. .astriol__blog-list.quote-post .blog-content {
  14978. padding: 0;
  14979. }
  14980. .astriol__blog-list.quote-post blockquote {
  14981. margin: 0;
  14982. }
  14983. .astriol__blog-list:hover .post-thumbnail img {
  14984. -webkit-transform: scale(1.05);
  14985. -ms-transform: scale(1.05);
  14986. transform: scale(1.05);
  14987. }
  14988. .astriol__blog-list.gallery-post:hover .post-thumbnail img {
  14989. -webkit-transform: scale(1);
  14990. -ms-transform: scale(1);
  14991. transform: scale(1);
  14992. }
  14993. .astriol__blog-list.link-post {
  14994. background: #fff;
  14995. -webkit-box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
  14996. box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
  14997. border-left: 4px solid #ed1f25;
  14998. border-radius: 6px;
  14999. overflow: hidden;
  15000. }
  15001. .astriol__blog-list.link-post .blog-content {
  15002. position: relative;
  15003. padding: 40px 45px 57px;
  15004. }
  15005. .astriol__blog-list.link-post .blog-content:before {
  15006. content: "";
  15007. font-family: eleganticons;
  15008. position: absolute;
  15009. right: 45px;
  15010. bottom: 38px;
  15011. font-size: 60px;
  15012. color: #e8e8f1;
  15013. }
  15014. .astriol__blog-list.link-post .blog-content .entry-content {
  15015. padding-top: 0;
  15016. }
  15017. .astriol__blog-list.link-post .blog-content .entry-content i {
  15018. display: block;
  15019. font-size: 30px;
  15020. color: #ed1f25;
  15021. margin-bottom: 15px;
  15022. }
  15023. .astriol__blog-list.link-post .blog-content .entry-content a {
  15024. font-size: 20px;
  15025. line-height: 30px;
  15026. font-weight: 500;
  15027. color: #373d46;
  15028. }
  15029. .astriol__blog-list.link-post .blog-content .entry-content a:hover {
  15030. color: #ed1f25;
  15031. }
  15032. .astriol__blog-list .blog__list-video {
  15033. padding: 56.25% 0 0 0;
  15034. position: relative;
  15035. }
  15036. .astriol__blog-list .blog__list-video iframe {
  15037. position: absolute;
  15038. top: 0;
  15039. left: 0;
  15040. width: 100%;
  15041. height: 100%;
  15042. }
  15043. .post-meta {
  15044. margin: 0 0 0 25px;
  15045. padding: 0;
  15046. list-style: none;
  15047. display: inline-block;
  15048. }
  15049. .post-meta li {
  15050. display: inline-block;
  15051. }
  15052. .post-meta li:not(:last-child) {
  15053. margin-right: 25px;
  15054. }
  15055. .post-meta li i {
  15056. color: #ed1f25;
  15057. font-size: 14px;
  15058. margin-right: 5px;
  15059. }
  15060. .post-meta li a {
  15061. color: #797986;
  15062. font-size: 13px;
  15063. font-weight: 500;
  15064. text-transform: uppercase;
  15065. }
  15066. .post-meta li a:hover {
  15067. color: #ed1f25;
  15068. }
  15069. blockquote {
  15070. padding: 72px 50px 32px;
  15071. margin: 0;
  15072. border-left: 4px solid #ed1f25;
  15073. border-radius: 6px;
  15074. -webkit-box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
  15075. box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
  15076. overflow: hidden;
  15077. position: relative;
  15078. margin-bottom: 65px;
  15079. }
  15080. blockquote:before {
  15081. content: "“";
  15082. position: absolute;
  15083. top: 35px;
  15084. font-size: 100px;
  15085. line-height: 1;
  15086. height: 30px;
  15087. color: #ed1f25;
  15088. margin-bottom: 10px;
  15089. }
  15090. blockquote:after {
  15091. content: "";
  15092. background-image: url("../img/quote-grey.png");
  15093. position: absolute;
  15094. right: 50px;
  15095. bottom: 35px;
  15096. width: 65px;
  15097. height: 45px;
  15098. }
  15099. blockquote p {
  15100. font-size: 20px;
  15101. line-height: 30px;
  15102. color: #373d46;
  15103. }
  15104. blockquote cite {
  15105. color: #797986;
  15106. font-style: normal;
  15107. margin: 0;
  15108. }
  15109. /** Blog Single **/
  15110. .astriol__blog-single p {
  15111. font-size: 16px;
  15112. line-height: 30px;
  15113. }
  15114. .astriol__blog-single img {
  15115. margin: 44px 0;
  15116. }
  15117. .astriol__blog-single h3 {
  15118. font-size: 30px;
  15119. font-weight: 500;
  15120. margin-bottom: 15px;
  15121. }
  15122. .astriol__blog-single blockquote {
  15123. margin-top: 60px;
  15124. display: block;
  15125. }
  15126. .blog-footer {
  15127. margin-top: 30px;
  15128. }
  15129. .blog-footer .post-tags {
  15130. padding-bottom: 10px;
  15131. border-bottom: 1px solid #e8e8f0;
  15132. }
  15133. .blog-footer .blog-share span, .blog-footer .tagcloud span {
  15134. font-size: 14px;
  15135. font-weight: 800;
  15136. color: #2c2c51;
  15137. text-transform: uppercase;
  15138. display: inline-block;
  15139. margin-right: 20px;
  15140. }
  15141. .blog-footer .blog-share {
  15142. padding-top: 15px;
  15143. }
  15144. .blog-share-social-link {
  15145. margin: 0;
  15146. padding: 0;
  15147. list-style: none;
  15148. display: inline-block;
  15149. }
  15150. .blog-share-social-link li {
  15151. display: inline-block;
  15152. }
  15153. .blog-share-social-link li a {
  15154. display: block;
  15155. color: #9898a4;
  15156. font-size: 14px;
  15157. margin-right: 8px;
  15158. }
  15159. .blog-share-social-link li a:hover {
  15160. color: #ed1f25;
  15161. }
  15162. #blog_list_slider {
  15163. position: relative;
  15164. }
  15165. #blog_list_slider .nav-control {
  15166. -webkit-transform: translateY(-50%);
  15167. -ms-transform: translateY(-50%);
  15168. transform: translateY(-50%);
  15169. height: 40px;
  15170. opacity: 0;
  15171. -webkit-transition: all 0.3s ease-in-out;
  15172. -o-transition: all 0.3s ease-in-out;
  15173. transition: all 0.3s ease-in-out;
  15174. }
  15175. #blog_list_slider .nav-control .gp-nav-next, #blog_list_slider .nav-control .gp-nav-prev {
  15176. border: 0;
  15177. height: auto;
  15178. width: auto;
  15179. font-size: 40px;
  15180. color: rgba(255, 255, 255, 0.302);
  15181. }
  15182. #blog_list_slider .nav-control .gp-nav-next:hover, #blog_list_slider .nav-control .gp-nav-prev:hover {
  15183. background: transparent;
  15184. color: #fff;
  15185. }
  15186. #blog_list_slider .nav-control .gp-nav-prev {
  15187. left: 15px;
  15188. }
  15189. #blog_list_slider .nav-control .gp-nav-next {
  15190. right: 15px;
  15191. }
  15192. #blog_list_slider:hover .nav-control {
  15193. opacity: 1;
  15194. }
  15195. /** Author Box */
  15196. .author-info_wrapper {
  15197. background: #fff;
  15198. border-radius: 6px;
  15199. -webkit-box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
  15200. box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
  15201. border-left: 4px solid #ed1f25;
  15202. padding: 41px 35px;
  15203. display: -webkit-box;
  15204. display: -ms-flexbox;
  15205. display: flex;
  15206. -ms-flex-wrap: wrap;
  15207. flex-wrap: wrap;
  15208. margin-top: 75px;
  15209. }
  15210. .author-info_wrapper .author-info_avatar {
  15211. height: 70px;
  15212. width: 70px;
  15213. border-radius: 50%;
  15214. overflow: hidden;
  15215. margin-right: 40px;
  15216. }
  15217. .author-info_wrapper .author-info_avatar img {
  15218. width: 100%;
  15219. }
  15220. .author-info_wrapper .author-info_content {
  15221. -webkit-box-flex: 1;
  15222. -ms-flex: 1;
  15223. flex: 1;
  15224. }
  15225. .author-info_wrapper .author-info_content .author-info_description .author-info_name {
  15226. font-size: 18px;
  15227. font-weight: 800;
  15228. margin-bottom: 25px;
  15229. }
  15230. .author-info_wrapper .author-info_content .author-info_description .author-info_name span {
  15231. display: block;
  15232. font-size: 14px;
  15233. font-weight: 400;
  15234. color: #9797a2;
  15235. margin-top: 4px;
  15236. }
  15237. .author-info_wrapper .author-info_content .author-info_description p {
  15238. margin: 0;
  15239. color: #686875;
  15240. }
  15241. /** Comments **/
  15242. #comments {
  15243. margin-top: 77px;
  15244. }
  15245. #comments .comments-title {
  15246. font-size: 24px;
  15247. font-weight: 500;
  15248. color: #373d46;
  15249. margin-bottom: 55px;
  15250. }
  15251. #comments .comment-list {
  15252. list-style: none;
  15253. padding: 0;
  15254. }
  15255. #comments .comment-list .comment-body {
  15256. display: -webkit-box;
  15257. display: -ms-flexbox;
  15258. display: flex;
  15259. -ms-flex-wrap: wrap;
  15260. flex-wrap: wrap;
  15261. margin-bottom: 30px;
  15262. }
  15263. #comments .comment-list .comment-body .comment-avatar {
  15264. width: 70px;
  15265. height: 70px;
  15266. border-radius: 50%;
  15267. overflow: hidden;
  15268. margin-right: 30px;
  15269. }
  15270. #comments .comment-list .comment-body .comment_info {
  15271. -webkit-box-flex: 1;
  15272. -ms-flex: 1;
  15273. flex: 1;
  15274. padding-bottom: 23px;
  15275. border-bottom: 1px solid #e8e8f0;
  15276. }
  15277. #comments .comment-list .comment-body .comment_info .comment_author_says {
  15278. font-size: 16px;
  15279. font-weight: 800;
  15280. color: #373d46;
  15281. line-height: 1.4;
  15282. }
  15283. #comments .comment-list .comment-body .comment_info .comment_author_says a {
  15284. color: #373d46;
  15285. }
  15286. #comments .comment-list .comment-body .comment_info .comment_author_says a:hover {
  15287. color: #ed1f25;
  15288. }
  15289. #comments .comment-list .comment-body .comment_info .meta-wrapper {
  15290. margin-bottom: 20px;
  15291. line-height: 1;
  15292. }
  15293. #comments .comment-list .comment-body .comment_info .meta-wrapper span {
  15294. font-size: 13px;
  15295. color: #9797a2;
  15296. font-weight: 400;
  15297. }
  15298. #comments .comment-list .comment-body .comment_info .comment_content p {
  15299. font-size: 15px;
  15300. margin-bottom: 13px;
  15301. }
  15302. #comments .comment-list .comment-body .comment_info .comment-reply-link {
  15303. color: #ed1f25;
  15304. text-transform: uppercase;
  15305. font-size: 12px;
  15306. font-weight: 500;
  15307. }
  15308. #comments .comment-list .children {
  15309. list-style: none;
  15310. margin-left: 150px;
  15311. padding: 0;
  15312. }
  15313. #comments .comment-list .children .comment-body .comment-avatar {
  15314. height: 50px;
  15315. width: 50px;
  15316. }
  15317. .comment-respond p {
  15318. font-size: 14px;
  15319. color: #797986;
  15320. margin-bottom: 45px;
  15321. }
  15322. .comment-respond .comment-form input, .comment-respond .comment-form textarea {
  15323. background: #fafafc;
  15324. border: 1px solid #e9e9f0;
  15325. font-size: 14px;
  15326. color: #373d46;
  15327. padding: 11px 30px;
  15328. margin-bottom: 20px;
  15329. }
  15330. .comment-respond .comment-form input::-webkit-input-placeholder, .comment-respond .comment-form textarea::-webkit-input-placeholder {
  15331. color: #9797a2;
  15332. }
  15333. .comment-respond .comment-form input::-moz-placeholder, .comment-respond .comment-form textarea::-moz-placeholder {
  15334. color: #9797a2;
  15335. }
  15336. .comment-respond .comment-form input:-ms-input-placeholder, .comment-respond .comment-form textarea:-ms-input-placeholder {
  15337. color: #9797a2;
  15338. }
  15339. .comment-respond .comment-form input::-ms-input-placeholder, .comment-respond .comment-form textarea::-ms-input-placeholder {
  15340. color: #9797a2;
  15341. }
  15342. .comment-respond .comment-form input::placeholder, .comment-respond .comment-form textarea::placeholder {
  15343. color: #9797a2;
  15344. }
  15345. .comment-respond .comment-form .comment-form-author, .comment-respond .comment-form .comment-form-email {
  15346. width: calc(50% - 15px);
  15347. float: left;
  15348. }
  15349. .comment-respond .comment-form .comment-form-author {
  15350. margin-right: 15px;
  15351. }
  15352. .comment-respond .comment-form .comment-form-email {
  15353. margin-left: 15px;
  15354. }
  15355. .comment-respond .comment-form .comment-form-cookies-consent {
  15356. margin-bottom: 20px;
  15357. margin-top: 7px;
  15358. font-size: 14px;
  15359. color: #797986;
  15360. position: relative;
  15361. }
  15362. .comment-respond .comment-form .comment-form-cookies-consent #wp-comment-cookies-consent {
  15363. width: auto;
  15364. }
  15365. .comment-respond .comment-form .comment-form-cookies-consent label {
  15366. cursor: pointer;
  15367. display: inline;
  15368. line-height: 1.25em;
  15369. vertical-align: top;
  15370. clear: both;
  15371. padding-left: 1px;
  15372. }
  15373. .comment-respond .comment-form .comment-form-cookies-consent label:not(:empty) {
  15374. padding-left: 0.75em;
  15375. }
  15376. .comment-respond .comment-form .comment-form-cookies-consent label:after, .comment-respond .comment-form .comment-form-cookies-consent label:before {
  15377. content: "";
  15378. position: absolute;
  15379. left: 0;
  15380. top: 0;
  15381. }
  15382. .comment-respond .comment-form .comment-form-cookies-consent label:before {
  15383. width: 1.15em;
  15384. height: 1.15em;
  15385. background: #fff;
  15386. border: 2px solid #ababb1;
  15387. border-radius: 0.125em;
  15388. cursor: pointer;
  15389. -webkit-transition: background 0.3s;
  15390. -o-transition: background 0.3s;
  15391. transition: background 0.3s;
  15392. }
  15393. .comment-respond .comment-form .comment-form-cookies-consent input[type=checkbox] {
  15394. outline: 0;
  15395. visibility: hidden;
  15396. width: 1.25em;
  15397. margin: 0;
  15398. display: block;
  15399. float: left;
  15400. font-size: inherit;
  15401. }
  15402. .comment-respond .comment-form .comment-form-cookies-consent input[type=checkbox]:checked + label:before {
  15403. background: #ed1f25;
  15404. border: none;
  15405. }
  15406. .comment-respond .comment-form .comment-form-cookies-consent input[type=checkbox]:checked + label:after {
  15407. -webkit-transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
  15408. -ms-transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
  15409. transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
  15410. width: 0.72em;
  15411. height: 0.375em;
  15412. border: 0.125em solid #fff;
  15413. border-top-style: none;
  15414. border-right-style: none;
  15415. }
  15416. .comment-respond .comment-form .form-submit {
  15417. margin: 0;
  15418. }
  15419. .comment-respond .comment-form .form-submit .submit {
  15420. max-width: 180px;
  15421. border: 1px solid #ed1f25;
  15422. -webkit-box-shadow: none;
  15423. box-shadow: none;
  15424. background: #ed1f25;
  15425. border-radius: 4px;
  15426. color: #fff;
  15427. font-size: 13px;
  15428. font-weight: 500;
  15429. margin-bottom: 0;
  15430. }
  15431. .comment-respond .comment-form .form-submit .submit:hover {
  15432. background: transparent;
  15433. color: #ed1f25;
  15434. }
  15435. /** Wigget **/
  15436. .sidebar-widget-area {
  15437. padding-left: 60px;
  15438. }
  15439. .sidebar-widget-area .widget:not(:last-child) {
  15440. margin-bottom: 50px;
  15441. }
  15442. .sidebar-widget-area .widget .widget-title {
  15443. font-size: 20px;
  15444. font-weight: 800;
  15445. position: relative;
  15446. padding-bottom: 7px;
  15447. margin-bottom: 40px;
  15448. }
  15449. .sidebar-widget-area .widget .widget-title:after {
  15450. content: "";
  15451. position: absolute;
  15452. left: 0;
  15453. bottom: 0;
  15454. width: 60px;
  15455. height: 2px;
  15456. background: #ed1f25;
  15457. }
  15458. .sidebar-widget-area .widget ul {
  15459. margin: 0;
  15460. padding: 0;
  15461. list-style: none;
  15462. }
  15463. .sidebar-widget-area .widget ul li {
  15464. margin-bottom: 10px;
  15465. padding-left: 20px;
  15466. position: relative;
  15467. }
  15468. .sidebar-widget-area .widget ul li:before {
  15469. content: "";
  15470. position: absolute;
  15471. left: 0;
  15472. top: 10px;
  15473. height: 5px;
  15474. width: 5px;
  15475. border-radius: 50%;
  15476. background: #ed1f25;
  15477. }
  15478. .sidebar-widget-area .widget ul li a {
  15479. font-size: 14px;
  15480. font-weight: 500;
  15481. color: #656575;
  15482. text-transform: uppercase;
  15483. }
  15484. .sidebar-widget-area .widget ul li a span {
  15485. margin-left: 8px;
  15486. display: inline-block;
  15487. }
  15488. .sidebar-widget-area .widget ul li a:hover {
  15489. color: #ed1f25;
  15490. }
  15491. .widget_search .search-form {
  15492. background: #f3f3f9;
  15493. border-radius: 5px;
  15494. position: relative;
  15495. }
  15496. .widget_search .search-form label {
  15497. margin: 0;
  15498. }
  15499. .widget_search .search-form input {
  15500. margin: 0;
  15501. padding: 16px 20px;
  15502. background: transparent;
  15503. }
  15504. .widget_search .search-form input:focus, .widget_search .search-form input:hover {
  15505. -webkit-box-shadow: none;
  15506. box-shadow: none;
  15507. }
  15508. .widget_search .search-form .search-submit {
  15509. background: transparent;
  15510. border: 0;
  15511. padding: 0;
  15512. position: absolute;
  15513. top: 50%;
  15514. right: 20px;
  15515. -webkit-transform: translateY(-50%);
  15516. -ms-transform: translateY(-50%);
  15517. transform: translateY(-50%);
  15518. color: #2c2c51;
  15519. }
  15520. .gp-posts-widget-wrapper .post-item {
  15521. display: -webkit-box;
  15522. display: -ms-flexbox;
  15523. display: flex;
  15524. -ms-flex-wrap: wrap;
  15525. flex-wrap: wrap;
  15526. margin-bottom: 30px;
  15527. }
  15528. .gp-posts-widget-wrapper .post-item .post-widget-thumbnail {
  15529. width: 80px;
  15530. margin-right: 20px;
  15531. border-radius: 4px;
  15532. overflow: hidden;
  15533. }
  15534. .gp-posts-widget-wrapper .post-item .post-widget-thumbnail img {
  15535. border-radius: 4px;
  15536. }
  15537. .gp-posts-widget-wrapper .post-item .post-widget-info {
  15538. -webkit-box-flex: 1;
  15539. -ms-flex: 1;
  15540. flex: 1;
  15541. }
  15542. .gp-posts-widget-wrapper .post-item .post-widget-title {
  15543. font-size: 16px;
  15544. font-weight: 800;
  15545. line-height: 24px;
  15546. margin-bottom: 4px;
  15547. }
  15548. .gp-posts-widget-wrapper .post-item .post-widget-title a {
  15549. color: #2c2c51;
  15550. }
  15551. .gp-posts-widget-wrapper .post-item .post-widget-title a:hover {
  15552. color: #ed1f25;
  15553. }
  15554. .gp-posts-widget-wrapper .post-item .post-meta {
  15555. margin: 0;
  15556. padding: 0;
  15557. list-style: none;
  15558. }
  15559. .gp-posts-widget-wrapper .post-item .post-meta li {
  15560. display: inline-block;
  15561. margin-right: 20px;
  15562. position: relative;
  15563. padding-left: 0;
  15564. }
  15565. .gp-posts-widget-wrapper .post-item .post-meta li:before {
  15566. display: none;
  15567. }
  15568. .gp-posts-widget-wrapper .post-item .post-meta li:not(:last-child):after {
  15569. content: "";
  15570. position: absolute;
  15571. right: -14px;
  15572. top: 8px;
  15573. height: 10px;
  15574. width: 1px;
  15575. background: #92929f;
  15576. }
  15577. .gp-posts-widget-wrapper .post-item .post-meta li a {
  15578. font-size: 12px;
  15579. font-weight: 500;
  15580. color: #92929f;
  15581. text-transform: uppercase;
  15582. }
  15583. .gp-posts-widget-wrapper .post-item .post-meta li a:hover {
  15584. color: #ed1f25;
  15585. }
  15586. .recent-comments .comment-list {
  15587. display: -webkit-box;
  15588. display: -ms-flexbox;
  15589. display: flex;
  15590. margin-right: 20px;
  15591. margin-bottom: 25px;
  15592. }
  15593. .recent-comments .comment-list .avatar {
  15594. height: 50px;
  15595. width: 50px;
  15596. border-radius: 50%;
  15597. background: #b6b1c4;
  15598. margin-right: 20px;
  15599. }
  15600. .recent-comments .comment-list .avatar img {
  15601. border-radius: 50%;
  15602. }
  15603. .recent-comments .comment-list .comment-content {
  15604. -webkit-box-flex: 1;
  15605. -ms-flex: 1;
  15606. flex: 1;
  15607. padding-bottom: 20px;
  15608. border-bottom: 1px solid #ebe8f1;
  15609. }
  15610. .recent-comments .comment-list .comment-content .comments-text {
  15611. font-size: 16px;
  15612. color: #2c2c51;
  15613. line-height: 22px;
  15614. margin-bottom: 10px;
  15615. display: block;
  15616. }
  15617. .recent-comments .comment-list .comment-content .comments-text:hover {
  15618. color: #ed1f25;
  15619. }
  15620. .recent-comments .comment-list .comment-content .comment-author-link {
  15621. display: block;
  15622. font-size: 13px;
  15623. text-transform: uppercase;
  15624. font-weight: 500;
  15625. color: #92929f;
  15626. }
  15627. .recent-comments .comment-list .comment-content .comment-author-link:hover {
  15628. color: #ed1f25;
  15629. }
  15630. .tagcloud a {
  15631. display: inline-block;
  15632. font-size: 14px;
  15633. font-weight: 500;
  15634. color: #656575;
  15635. border: 2px solid #e4e5ed;
  15636. padding: 9px 13px;
  15637. border-radius: 4px;
  15638. margin-bottom: 10px;
  15639. margin-right: 5px;
  15640. line-height: 1;
  15641. }
  15642. .tagcloud a:hover {
  15643. color: #fff;
  15644. background: #ed1f25;
  15645. border-color: #ed1f25;
  15646. }
  15647. /*--------------------------------------------------------------
  15648. ## Call To Action
  15649. --------------------------------------------------------------*/
  15650. #call-to-action {
  15651. padding: 123px 0;
  15652. background-size: cover;
  15653. background-position: center center;
  15654. background-repeat: no-repeat;
  15655. }
  15656. .call-to-action {
  15657. display: -webkit-box;
  15658. display: -ms-flexbox;
  15659. display: flex;
  15660. -ms-flex-wrap: wrap;
  15661. flex-wrap: wrap;
  15662. -webkit-box-align: center;
  15663. -ms-flex-align: center;
  15664. align-items: center;
  15665. }
  15666. .call-to-action > div {
  15667. width: 50%;
  15668. }
  15669. .call-to-action .action-content h2 {
  15670. color: #fff;
  15671. font-weight: 700;
  15672. font-size: 34px;
  15673. margin-bottom: 20px;
  15674. }
  15675. .call-to-action .action-content p {
  15676. color: #fff;
  15677. }
  15678. .call-to-action .action-button {
  15679. display: -webkit-box;
  15680. display: -ms-flexbox;
  15681. display: flex;
  15682. -webkit-box-pack: end;
  15683. -ms-flex-pack: end;
  15684. justify-content: flex-end;
  15685. }
  15686. .call-to-action .action-button .gp-btn {
  15687. -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 6, 26, 0.1);
  15688. box-shadow: 0px 8px 16px 0px rgba(0, 6, 26, 0.1);
  15689. padding: 12px 35px;
  15690. }
  15691. .call-to-action .action-button .gp-btn:hover {
  15692. -webkit-box-shadow: none;
  15693. box-shadow: none;
  15694. }
  15695. .call-to-action .action-button .btn-two {
  15696. margin-left: 20px;
  15697. }
  15698. .call-to-action .action-button .btn-two:hover {
  15699. border-color: rgba(255, 255, 255, 0.5);
  15700. color: #fff;
  15701. }
  15702. #call-to-action-two {
  15703. background: #4d5afe;
  15704. padding: 147px 0 138px;
  15705. }
  15706. @media (max-width: 991px) {
  15707. #call-to-action-two {
  15708. padding: 120px 0;
  15709. }
  15710. }
  15711. .call-to-action-two {
  15712. display: -webkit-box;
  15713. display: -ms-flexbox;
  15714. display: flex;
  15715. -webkit-box-pack: justify;
  15716. -ms-flex-pack: justify;
  15717. justify-content: space-between;
  15718. -webkit-box-align: center;
  15719. -ms-flex-align: center;
  15720. align-items: center;
  15721. }
  15722. @media (max-width: 768px) {
  15723. .call-to-action-two {
  15724. display: block;
  15725. }
  15726. }
  15727. .call-to-action-two .action-content .action-title {
  15728. font-size: 40px;
  15729. line-height: 55px;
  15730. font-weight: 700;
  15731. color: #fff;
  15732. }
  15733. @media (max-width: 991px) {
  15734. .call-to-action-two .action-content .action-title {
  15735. font-size: 34px;
  15736. line-height: 44px;
  15737. }
  15738. }
  15739. @media (max-width: 768px) {
  15740. .call-to-action-two .action-content .action-title {
  15741. margin-bottom: 30px;
  15742. }
  15743. }
  15744. .call-to-action-two .gp-btn {
  15745. padding: 15px 32px;
  15746. }
  15747. #call-to-action-three .call-to-action-content {
  15748. background: #fff;
  15749. -webkit-box-shadow: 0px 50px 100px 0px rgba(1, 33, 26, 0.08), 0px -20px 50px 0px rgba(1, 33, 26, 0.04);
  15750. box-shadow: 0px 50px 100px 0px rgba(1, 33, 26, 0.08), 0px -20px 50px 0px rgba(1, 33, 26, 0.04);
  15751. border-radius: 10px;
  15752. padding: 67px 70px 80px;
  15753. text-align: center;
  15754. margin-bottom: -180px;
  15755. }
  15756. @media (max-width: 576px) {
  15757. #call-to-action-three .call-to-action-content {
  15758. padding: 67px 40px 80px;
  15759. }
  15760. }
  15761. @media (max-width: 576px) {
  15762. #call-to-action-three .call-to-action-content .action-button .gp-btn {
  15763. margin-bottom: 20px;
  15764. }
  15765. }
  15766. #call-to-action-three .call-to-action-content .action-button .btn-outline {
  15767. margin-left: 20px;
  15768. }
  15769. @media (max-width: 576px) {
  15770. #call-to-action-three .call-to-action-content .action-button .btn-outline {
  15771. margin-left: 10px;
  15772. }
  15773. }
  15774. @media (max-width: 480px) {
  15775. #call-to-action-three .call-to-action-content .action-button .btn-outline {
  15776. margin-left: 0;
  15777. }
  15778. }
  15779. #call-to-action-three .action-content-three h2 {
  15780. font-size: 40px;
  15781. line-height: 54px;
  15782. margin-bottom: 46px;
  15783. }
  15784. @media (max-width: 1024px) {
  15785. #call-to-action-three .action-content-three h2 br {
  15786. display: none;
  15787. }
  15788. }
  15789. @media (max-width: 768px) {
  15790. #call-to-action-three .action-content-three h2 {
  15791. font-size: 34px;
  15792. line-height: 44px;
  15793. }
  15794. }
  15795. @media (max-width: 576px) {
  15796. #call-to-action-three .action-content-three h2 {
  15797. font-size: 28px;
  15798. line-height: 38px;
  15799. }
  15800. }
  15801. .background-shapewrap img {
  15802. position: absolute;
  15803. }
  15804. .background-shapewrap .shape-one {
  15805. top: -50%;
  15806. left: 0;
  15807. }
  15808. .background-shapewrap .shape-two {
  15809. right: 0;
  15810. bottom: -70%;
  15811. }
  15812. .background-shapewrap .shape-three {
  15813. right: 0;
  15814. bottom: 0;
  15815. }
  15816. .action-vector {
  15817. position: absolute;
  15818. top: 72px;
  15819. left: -58px;
  15820. }
  15821. .background-shapewrap {
  15822. position: absolute;
  15823. width: 100%;
  15824. height: 100%;
  15825. left: 0;
  15826. top: 0;
  15827. }
  15828. .background-shapewrap img {
  15829. position: absolute;
  15830. }
  15831. #call-to-action-four {
  15832. background: #faf9fd;
  15833. padding: 110px 0 120px;
  15834. position: relative;
  15835. }
  15836. #call-to-action-four .left-shape, #call-to-action-four .bottom-shape {
  15837. position: absolute;
  15838. }
  15839. #call-to-action-four .left-shape {
  15840. left: 11%;
  15841. top: 50%;
  15842. -webkit-transform: translateY(-50%);
  15843. -ms-transform: translateY(-50%);
  15844. transform: translateY(-50%);
  15845. }
  15846. @media (max-width: 1400px) {
  15847. #call-to-action-four .left-shape {
  15848. left: 50px;
  15849. }
  15850. }
  15851. @media (max-width: 991px) {
  15852. #call-to-action-four .left-shape {
  15853. left: 0;
  15854. }
  15855. }
  15856. @media (max-width: 768px) {
  15857. #call-to-action-four .left-shape {
  15858. display: none;
  15859. }
  15860. }
  15861. #call-to-action-four .bottom-shape {
  15862. right: 11%;
  15863. bottom: -28px;
  15864. z-index: 2;
  15865. }
  15866. .call-to-action-four {
  15867. position: relative;
  15868. z-index: 22;
  15869. }
  15870. .call-to-action-four .action-content .action-title {
  15871. font-size: 40px;
  15872. line-height: 44px;
  15873. margin-bottom: 15px;
  15874. }
  15875. @media (max-width: 991px) {
  15876. .call-to-action-four .action-content .action-title {
  15877. font-size: 30px;
  15878. line-height: 40px;
  15879. }
  15880. }
  15881. .call-to-action-four .action-content p {
  15882. font-size: 24px;
  15883. line-height: 1.3;
  15884. margin-bottom: 52px;
  15885. }
  15886. @media (max-width: 991px) {
  15887. .call-to-action-four .action-content p {
  15888. font-size: 16px;
  15889. }
  15890. }
  15891. .call-to-action-wrapper {
  15892. position: relative;
  15893. -webkit-transition: all 0.4s ease-in-out;
  15894. -o-transition: all 0.4s ease-in-out;
  15895. transition: all 0.4s ease-in-out;
  15896. }
  15897. .call-to-action-wrapper .action-content-inner {
  15898. background: #4533c0;
  15899. padding: 40px 50px 0 100px;
  15900. background-image: url(../img/action_bg.jpg);
  15901. background-size: cover;
  15902. background-position: center center;
  15903. background-repeat: no-repeat;
  15904. border-radius: 10px;
  15905. position: relative;
  15906. z-index: 22;
  15907. -webkit-box-shadow: 0px 40px 70px 0px rgb(0 0 0 / 40%);
  15908. box-shadow: 0px 40px 70px 0px rgb(0 0 0 / 40%);
  15909. }
  15910. @media (max-width: 767px) {
  15911. .call-to-action-wrapper .action-content-inner {
  15912. padding: 40px 50px 0;
  15913. text-align: center;
  15914. }
  15915. }
  15916. @media (max-width: 1920px) and (min-width: 1440px) {
  15917. .highlighter .call-to-action-wrapper {
  15918. -webkit-transform: scale(1.05);
  15919. -ms-transform: scale(1.05);
  15920. transform: scale(1.05);
  15921. }
  15922. }
  15923. @media (min-width: 992px) and (max-width: 1439px) {
  15924. .highlighter .call-to-action-wrapper {
  15925. -webkit-transform: scale(1.02);
  15926. -ms-transform: scale(1.02);
  15927. transform: scale(1.02);
  15928. }
  15929. }
  15930. .call-to-action-wrapper .action-content-wrapper {
  15931. padding-top: 50px;
  15932. }
  15933. .call-to-action-wrapper .action-content-wrapper .title {
  15934. color: #fff;
  15935. font-size: 40px;
  15936. font-weight: 800;
  15937. margin-bottom: 25px;
  15938. }
  15939. @media (max-width: 991px) {
  15940. .call-to-action-wrapper .action-content-wrapper .title {
  15941. font-size: 30px;
  15942. }
  15943. }
  15944. .call-to-action-wrapper .action-content-wrapper p {
  15945. color: #fff;
  15946. margin-bottom: 42px;
  15947. }
  15948. .call-to-action-wrapper .action-image-wrapper {
  15949. position: relative;
  15950. padding-left: 130px;
  15951. }
  15952. @media (max-width: 576px) {
  15953. .call-to-action-wrapper .action-image-wrapper {
  15954. padding-left: 0;
  15955. }
  15956. }
  15957. .call-to-action-wrapper .action-image-wrapper .image-one {
  15958. position: relative;
  15959. z-index: 2;
  15960. }
  15961. .call-to-action-wrapper .action-image-wrapper .image-two {
  15962. position: absolute;
  15963. bottom: 0;
  15964. right: 35px;
  15965. }
  15966. .circle-top {
  15967. border-radius: 50%;
  15968. opacity: 0.502;
  15969. position: absolute;
  15970. left: -100px;
  15971. top: -80px;
  15972. width: 300px;
  15973. height: 300px;
  15974. z-index: 1;
  15975. }
  15976. @media (max-width: 1200px) {
  15977. .circle-top {
  15978. top: -60px;
  15979. }
  15980. }
  15981. .circle-bottom {
  15982. position: absolute;
  15983. border-radius: 50%;
  15984. background-image: -webkit-gradient(linear, left top, right top, from(#fa5a4c), to(#fcbd79));
  15985. background-image: -o-linear-gradient(left, #fa5a4c 0%, #fcbd79 100%);
  15986. background-image: linear-gradient(to right, #fa5a4c 0%, #fcbd79 100%);
  15987. opacity: 0.702;
  15988. bottom: -100px;
  15989. right: -150px;
  15990. width: 550px;
  15991. height: 550px;
  15992. z-index: 1;
  15993. }
  15994. @media (max-width: 1600px) {
  15995. .circle-bottom {
  15996. right: -100px;
  15997. }
  15998. }
  15999. @media (max-width: 1400px) {
  16000. .circle-bottom {
  16001. right: -0px;
  16002. }
  16003. }
  16004. @media (max-width: 1200px) {
  16005. .circle-bottom {
  16006. height: 400px;
  16007. width: 400px;
  16008. bottom: -80px;
  16009. }
  16010. }
  16011. #call-to-action-community {
  16012. padding: 130px 0;
  16013. position: relative;
  16014. background-size: cover;
  16015. background-position: center center;
  16016. background-repeat: no-repeat;
  16017. }
  16018. #call-to-action-community:before {
  16019. content: "";
  16020. position: absolute;
  16021. width: 100%;
  16022. height: 100%;
  16023. left: 0;
  16024. top: 0;
  16025. background-color: rgba(44, 44, 81, 0.95);
  16026. }
  16027. #call-to-action-community .action-content .action-title {
  16028. color: #fff;
  16029. font-size: 40px;
  16030. font-weight: 700;
  16031. }
  16032. #call-to-action-community .action-info p {
  16033. color: #fff;
  16034. margin-bottom: 35px;
  16035. }
  16036. #call-to-action-community .action-info .gp-btn {
  16037. color: #2c2c51;
  16038. padding: 11px 29px;
  16039. font-size: 14px;
  16040. }
  16041. #call-to-action-community .action-info .gp-btn:hover {
  16042. color: #fff;
  16043. border-color: rgba(255, 255, 255, 0.5);
  16044. }
  16045. #call-to-action-agency-two {
  16046. padding: 146px 0;
  16047. position: relative;
  16048. }
  16049. @media (max-width: 991px) {
  16050. #call-to-action-agency-two {
  16051. padding: 100px 0;
  16052. }
  16053. }
  16054. #call-to-action-agency-two:before {
  16055. content: "";
  16056. position: absolute;
  16057. height: 100%;
  16058. width: 100%;
  16059. left: 0;
  16060. top: 0;
  16061. background: rgba(91, 44, 173, 0.7);
  16062. }
  16063. #call-to-action-agency-two .action-content .action-title {
  16064. color: #fff;
  16065. font-size: 44px;
  16066. line-height: 54px;
  16067. font-weight: 700;
  16068. margin: 0;
  16069. }
  16070. @media (max-width: 991px) {
  16071. #call-to-action-agency-two .action-content .action-title {
  16072. font-size: 30px;
  16073. line-height: 40px;
  16074. }
  16075. }
  16076. @media (max-width: 767px) {
  16077. #call-to-action-agency-two .action-content .action-title {
  16078. text-align: center;
  16079. }
  16080. }
  16081. #call-to-action-agency-two .action-info .gp-btn:hover {
  16082. border-color: #fff;
  16083. color: #fff;
  16084. }
  16085. @media (min-width: 768px) {
  16086. #call-to-action-agency-two .action-info {
  16087. text-align: right;
  16088. }
  16089. }
  16090. @media (max-width: 767px) {
  16091. #call-to-action-agency-two .action-info {
  16092. margin-top: 30px;
  16093. text-align: center;
  16094. }
  16095. }
  16096. @media (max-width: 991px) {
  16097. .call-to-action {
  16098. display: block;
  16099. text-align: center;
  16100. }
  16101. .call-to-action > div {
  16102. width: 100%;
  16103. }
  16104. .call-to-action .action-button {
  16105. margin-top: 30px;
  16106. -webkit-box-pack: center;
  16107. -ms-flex-pack: center;
  16108. justify-content: center;
  16109. }
  16110. }
  16111. /*--------------------------------------------------------------
  16112. ## Page Header
  16113. --------------------------------------------------------------*/
  16114. .page-banner {
  16115. background: #292a7f;
  16116. height: 450px;
  16117. position: relative;
  16118. overflow: hidden;
  16119. }
  16120. .page-banner.banner-bg {
  16121. height: 400px;
  16122. }
  16123. .page-banner.portfolio-banner-bg {
  16124. height: 650px;
  16125. }
  16126. .page-banner.banner-bg, .page-banner.portfolio-banner-bg {
  16127. background-size: cover;
  16128. background-position: center center;
  16129. }
  16130. .page-banner.banner-bg:before, .page-banner.portfolio-banner-bg:before {
  16131. content: "";
  16132. position: absolute;
  16133. width: 100%;
  16134. height: 100%;
  16135. left: 0;
  16136. top: 0;
  16137. background: rgba(54, 55, 133, 0.9);
  16138. }
  16139. .page-banner .page-title-wrapper {
  16140. position: absolute;
  16141. top: 50%;
  16142. left: 0;
  16143. width: 100%;
  16144. -webkit-transform: translateY(-50%);
  16145. -ms-transform: translateY(-50%);
  16146. transform: translateY(-50%);
  16147. margin-top: 35px;
  16148. position: relative;
  16149. z-index: 2;
  16150. }
  16151. .page-banner .page-title-wrapper .page-title {
  16152. font-size: 50px;
  16153. line-height: 63px;
  16154. color: #fff;
  16155. font-weight: 700;
  16156. margin-bottom: 0;
  16157. }
  16158. .page-banner .page-title-wrapper .breadcrumbs {
  16159. margin: 0;
  16160. padding: 0;
  16161. list-style: none;
  16162. }
  16163. .page-banner .page-title-wrapper .breadcrumbs li {
  16164. display: inline-block;
  16165. color: #bbbbd6;
  16166. font-size: 18px;
  16167. position: relative;
  16168. }
  16169. .page-banner .page-title-wrapper .breadcrumbs li:not(:last-child) {
  16170. margin-right: 20px;
  16171. }
  16172. .page-banner .page-title-wrapper .breadcrumbs li:not(:last-child):before {
  16173. content: ">";
  16174. position: absolute;
  16175. right: -17px;
  16176. top: 0;
  16177. }
  16178. .page-banner .page-title-wrapper .breadcrumbs li a {
  16179. color: #fff;
  16180. }
  16181. .page-banner .page-title-wrapper .breadcrumbs li a:hover {
  16182. color: #d4d4d4;
  16183. }
  16184. .page-banner.style-light {
  16185. background: #f4f4fd;
  16186. }
  16187. .page-banner.style-light .page-title {
  16188. color: #373d46;
  16189. }
  16190. .page-banner.style-light .breadcrumbs {
  16191. margin: 0;
  16192. padding: 0;
  16193. list-style: none;
  16194. }
  16195. .page-banner.style-light .breadcrumbs li {
  16196. color: #373d46;
  16197. }
  16198. .page-banner.style-light .breadcrumbs li a {
  16199. color: #373d46;
  16200. }
  16201. .page-banner.style-light .breadcrumbs li a:hover {
  16202. color: #ed1f25;
  16203. }
  16204. .page-banner.banner-single-post {
  16205. height: auto;
  16206. background-size: cover;
  16207. background-position: center center;
  16208. }
  16209. .page-banner.banner-single-post .page-title-wrapper {
  16210. position: relative;
  16211. z-index: 33;
  16212. }
  16213. .page-banner.banner-single-post:before {
  16214. content: "";
  16215. position: absolute;
  16216. left: 0;
  16217. top: 0;
  16218. width: 100%;
  16219. height: 100%;
  16220. background: rgba(10, 10, 45, 0.5);
  16221. z-index: 22;
  16222. }
  16223. .page-banner.banner-single-post .banner-pr {
  16224. position: relative;
  16225. height: 650px;
  16226. }
  16227. .page-banner.banner-single-post .single-meta-cat {
  16228. font-size: 12px;
  16229. font-weight: 500;
  16230. background: #32ba13;
  16231. color: #fff;
  16232. border-radius: 3px;
  16233. text-transform: uppercase;
  16234. padding: 6px 9px;
  16235. line-height: 1.1;
  16236. display: inline-block;
  16237. margin-bottom: 10px;
  16238. }
  16239. .page-banner.banner-single-post .page-title {
  16240. max-width: 650px;
  16241. font-size: 40px;
  16242. line-height: 50px;
  16243. text-align: left;
  16244. margin-bottom: 23px;
  16245. }
  16246. .page-banner.banner-single-post .post-meta {
  16247. margin: 0;
  16248. }
  16249. .page-banner.banner-single-post .post-meta li a {
  16250. color: #fff;
  16251. }
  16252. .page-banner-pr {
  16253. position: relative;
  16254. height: 650px;
  16255. }
  16256. .banner-pertical {
  16257. position: absolute;
  16258. top: 0;
  16259. left: 0;
  16260. width: 100%;
  16261. height: 100%;
  16262. margin: 0;
  16263. padding: 0;
  16264. list-style: none;
  16265. }
  16266. .banner-pertical li {
  16267. position: absolute;
  16268. }
  16269. .banner-pertical li:nth-child(1) {
  16270. left: 140px;
  16271. top: 50%;
  16272. -webkit-animation: animationFramesTwo 30s infinite linear;
  16273. animation: animationFramesTwo 30s infinite linear;
  16274. }
  16275. .banner-pertical li:nth-child(2) {
  16276. left: 24%;
  16277. bottom: 86px;
  16278. z-index: 2;
  16279. -webkit-animation: animeone 40s infinite linear;
  16280. animation: animeone 40s infinite linear;
  16281. }
  16282. .banner-pertical li:nth-child(3) {
  16283. left: 15%;
  16284. bottom: -30px;
  16285. z-index: 2;
  16286. }
  16287. .banner-pertical li:nth-child(4) {
  16288. top: 180px;
  16289. right: 195px;
  16290. }
  16291. .banner-pertical li:nth-child(5) {
  16292. right: 18%;
  16293. bottom: 95px;
  16294. }
  16295. .banner-pertical li:nth-child(6) {
  16296. height: 100px;
  16297. width: 100px;
  16298. border: 5px solid #474bfe;
  16299. border-radius: 50%;
  16300. right: -70px;
  16301. bottom: 65px;
  16302. }
  16303. .banner-pertical li:nth-child(7) {
  16304. height: 500px;
  16305. width: 500px;
  16306. background-color: #313284;
  16307. border-radius: 50%;
  16308. left: 18%;
  16309. bottom: -89%;
  16310. -webkit-animation: animeone 40s infinite linear;
  16311. animation: animeone 40s infinite linear;
  16312. }
  16313. .banner-pertical-two {
  16314. position: absolute;
  16315. width: 100%;
  16316. height: 100%;
  16317. left: 0;
  16318. top: 0;
  16319. margin: 0;
  16320. padding: 0;
  16321. list-style: none;
  16322. }
  16323. .banner-pertical-two li {
  16324. position: absolute;
  16325. }
  16326. .banner-pertical-two li:nth-child(1) {
  16327. left: 50px;
  16328. top: 0;
  16329. }
  16330. .banner-pertical-two li:nth-child(2) {
  16331. left: 0;
  16332. bottom: 0;
  16333. }
  16334. .banner-pertical-two li:nth-child(3) {
  16335. right: 0;
  16336. bottom: -130px;
  16337. }
  16338. .banner-pertical-two li:nth-child(4) {
  16339. right: 180px;
  16340. bottom: -45px;
  16341. }
  16342. .banner-pertical-two li:nth-child(5) {
  16343. left: 23%;
  16344. bottom: 150px;
  16345. }
  16346. .banner-pertical-two li:nth-child(6) {
  16347. left: 24.8%;
  16348. bottom: 138px;
  16349. }
  16350. .banner-pertical-two li:nth-child(7) {
  16351. right: 170px;
  16352. top: 140px;
  16353. }
  16354. .banner-pertical-two li:nth-child(8) {
  16355. left: 115px;
  16356. bottom: 125px;
  16357. }
  16358. .banner-pertical-two li:nth-child(9) {
  16359. right: 24%;
  16360. top: 45%;
  16361. }
  16362. .bigSquare {
  16363. -webkit-animation-name: bigSquare;
  16364. animation-name: bigSquare;
  16365. }
  16366. @-webkit-keyframes bigSquare {
  16367. from {
  16368. -webkit-transform: translateY(10%) rotate(-80deg) scale(0);
  16369. transform: translateY(10%) rotate(-80deg) scale(0);
  16370. }
  16371. to {
  16372. -webkit-transform: translateY(0) rotate(0deg) scale(1);
  16373. transform: translateY(0) rotate(0deg) scale(1);
  16374. }
  16375. }
  16376. @keyframes bigSquare {
  16377. from {
  16378. -webkit-transform: translateY(10%) rotate(-80deg) scale(0);
  16379. transform: translateY(10%) rotate(-80deg) scale(0);
  16380. }
  16381. to {
  16382. -webkit-transform: translateY(0) rotate(0deg) scale(1);
  16383. transform: translateY(0) rotate(0deg) scale(1);
  16384. }
  16385. }
  16386. .littleSquare {
  16387. -webkit-animation-name: littleSquare;
  16388. animation-name: littleSquare;
  16389. }
  16390. @-webkit-keyframes littleSquare {
  16391. from {
  16392. -webkit-transform: translate(226%, 183%) rotate(140deg) scale(0);
  16393. transform: translate(226%, 183%) rotate(140deg) scale(0);
  16394. }
  16395. to {
  16396. -webkit-transform: translate(0%, 0%) rotate(0deg) scale(1);
  16397. transform: translate(0%, 0%) rotate(0deg) scale(1);
  16398. }
  16399. }
  16400. @keyframes littleSquare {
  16401. from {
  16402. -webkit-transform: translate(226%, 183%) rotate(140deg) scale(0);
  16403. transform: translate(226%, 183%) rotate(140deg) scale(0);
  16404. }
  16405. to {
  16406. -webkit-transform: translate(0%, 0%) rotate(0deg) scale(1);
  16407. transform: translate(0%, 0%) rotate(0deg) scale(1);
  16408. }
  16409. }
  16410. .triangle {
  16411. -webkit-animation-name: triangle;
  16412. animation-name: triangle;
  16413. }
  16414. @-webkit-keyframes triangle {
  16415. from {
  16416. -webkit-transform: rotate(-140deg) scale(0);
  16417. transform: rotate(-140deg) scale(0);
  16418. }
  16419. to {
  16420. -webkit-transform: rotate(0deg) scale(1);
  16421. transform: rotate(0deg) scale(1);
  16422. }
  16423. }
  16424. @keyframes triangle {
  16425. from {
  16426. -webkit-transform: rotate(-140deg) scale(0);
  16427. transform: rotate(-140deg) scale(0);
  16428. }
  16429. to {
  16430. -webkit-transform: rotate(0deg) scale(1);
  16431. transform: rotate(0deg) scale(1);
  16432. }
  16433. }
  16434. .hoop {
  16435. -webkit-animation-name: hoop;
  16436. animation-name: hoop;
  16437. }
  16438. @-webkit-keyframes hoop {
  16439. from {
  16440. -webkit-transform: translate(-160%, -33%) scale(0);
  16441. transform: translate(-160%, -33%) scale(0);
  16442. }
  16443. to {
  16444. -webkit-transform: translate(0%, 0%) scale(1);
  16445. transform: translate(0%, 0%) scale(1);
  16446. }
  16447. }
  16448. @keyframes hoop {
  16449. from {
  16450. -webkit-transform: translate(-160%, -33%) scale(0);
  16451. transform: translate(-160%, -33%) scale(0);
  16452. }
  16453. to {
  16454. -webkit-transform: translate(0%, 0%) scale(1);
  16455. transform: translate(0%, 0%) scale(1);
  16456. }
  16457. }
  16458. .bigCircle {
  16459. -webkit-animation-name: bigCircle;
  16460. animation-name: bigCircle;
  16461. }
  16462. @-webkit-keyframes bigCircle {
  16463. from {
  16464. -webkit-transform: scale(0) translate(60%, 3%);
  16465. transform: scale(0) translate(60%, 3%);
  16466. }
  16467. to {
  16468. -webkit-transform: scale(1) translate(0%, 0%);
  16469. transform: scale(1) translate(0%, 0%);
  16470. }
  16471. }
  16472. @keyframes bigCircle {
  16473. from {
  16474. -webkit-transform: scale(0) translate(60%, 3%);
  16475. transform: scale(0) translate(60%, 3%);
  16476. }
  16477. to {
  16478. -webkit-transform: scale(1) translate(0%, 0%);
  16479. transform: scale(1) translate(0%, 0%);
  16480. }
  16481. }
  16482. .littleCircle {
  16483. -webkit-animation-name: littleCircle;
  16484. animation-name: littleCircle;
  16485. }
  16486. @-webkit-keyframes littleCircle {
  16487. from {
  16488. -webkit-transform: scale(0);
  16489. transform: scale(0);
  16490. }
  16491. to {
  16492. -webkit-transform: scale(1);
  16493. transform: scale(1);
  16494. }
  16495. }
  16496. @keyframes littleCircle {
  16497. from {
  16498. -webkit-transform: scale(0);
  16499. transform: scale(0);
  16500. }
  16501. to {
  16502. -webkit-transform: scale(1);
  16503. transform: scale(1);
  16504. }
  16505. }
  16506. .banner-pertical-two li:nth-child(1) {
  16507. -webkit-animation-delay: 0.16s;
  16508. animation-delay: 0.16s;
  16509. }
  16510. .banner-pertical-two li:nth-child(2) {
  16511. -webkit-animation-delay: 0.32s;
  16512. animation-delay: 0.32s;
  16513. }
  16514. .banner-pertical-two li:nth-child(3) {
  16515. -webkit-animation-delay: 0.48s;
  16516. animation-delay: 0.48s;
  16517. }
  16518. .banner-pertical-two li:nth-child(4) {
  16519. -webkit-animation-delay: 0.64s;
  16520. animation-delay: 0.64s;
  16521. }
  16522. .banner-pertical-two li:nth-child(5) {
  16523. -webkit-animation-delay: 0.8s;
  16524. animation-delay: 0.8s;
  16525. }
  16526. .banner-pertical-two li:nth-child(6) {
  16527. -webkit-animation-delay: 0.96s;
  16528. animation-delay: 0.96s;
  16529. }
  16530. .banner-pertical-two li:nth-child(7) {
  16531. -webkit-animation-delay: 1.12s;
  16532. animation-delay: 1.12s;
  16533. }
  16534. .banner-pertical-two li:nth-child(8) {
  16535. -webkit-animation-delay: 1.28s;
  16536. animation-delay: 1.28s;
  16537. }
  16538. .banner-pertical-two li:nth-child(9) {
  16539. -webkit-animation-delay: 1.44s;
  16540. animation-delay: 1.44s;
  16541. }
  16542. .banner-pertical-two li:nth-child(10) {
  16543. -webkit-animation-delay: 1.6s;
  16544. animation-delay: 1.6s;
  16545. }
  16546. .banner-pertical-two li:nth-child(11) {
  16547. -webkit-animation-delay: 1.76s;
  16548. animation-delay: 1.76s;
  16549. }
  16550. /* Page Header Two */
  16551. .page-banner-two {
  16552. background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 227, 212, 0.302)), to(rgba(176, 243, 241, 0.302)));
  16553. background-image: -o-linear-gradient(right, rgba(255, 227, 212, 0.302) 0%, rgba(176, 243, 241, 0.302) 100%);
  16554. background-image: linear-gradient(to left, rgba(255, 227, 212, 0.302) 0%, rgba(176, 243, 241, 0.302) 100%);
  16555. padding: 150px 0 80px;
  16556. overflow: hidden;
  16557. }
  16558. .page-banner-two .page-title-wrapper {
  16559. position: relative;
  16560. z-index: 22;
  16561. }
  16562. .page-banner-two .page-title-wrapper .page-title {
  16563. font-size: 30px;
  16564. color: #2c2c51;
  16565. font-weight: 700;
  16566. margin: 0;
  16567. }
  16568. .page-banner-two .page-title-wrapper .breadcrumbs {
  16569. margin: 0;
  16570. padding: 0;
  16571. list-style: none;
  16572. }
  16573. .page-banner-two .page-title-wrapper .breadcrumbs li {
  16574. display: inline-block;
  16575. margin-right: 20px;
  16576. position: relative;
  16577. }
  16578. .page-banner-two .page-title-wrapper .breadcrumbs li:not(:last-child):before {
  16579. content: ">";
  16580. position: absolute;
  16581. right: -17px;
  16582. top: 0;
  16583. }
  16584. .page-banner-two .page-title-wrapper .breadcrumbs li a {
  16585. color: #797986;
  16586. }
  16587. .page-banner-two .page-title-wrapper .breadcrumbs li a:hover {
  16588. color: #ed1f25;
  16589. }
  16590. .page-banner-two .banner-pertical-three {
  16591. margin: 0;
  16592. padding: 0;
  16593. list-style: none;
  16594. }
  16595. .page-banner-two .banner-pertical-three li {
  16596. position: absolute;
  16597. right: 0;
  16598. }
  16599. .page-banner-two .banner-pertical-three li:nth-child(1) {
  16600. bottom: -70px;
  16601. right: 210px;
  16602. }
  16603. .page-banner-three {
  16604. position: relative;
  16605. height: 565px;
  16606. background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 227, 212, 0.302)), to(rgba(176, 243, 241, 0.302)));
  16607. background-image: -o-linear-gradient(right, rgba(255, 227, 212, 0.302) 0%, rgba(176, 243, 241, 0.302) 100%);
  16608. background-image: linear-gradient(to left, rgba(255, 227, 212, 0.302) 0%, rgba(176, 243, 241, 0.302) 100%);
  16609. display: -webkit-box;
  16610. display: -ms-flexbox;
  16611. display: flex;
  16612. -webkit-box-align: center;
  16613. -ms-flex-align: center;
  16614. align-items: center;
  16615. -webkit-box-pack: center;
  16616. -ms-flex-pack: center;
  16617. justify-content: center;
  16618. }
  16619. @media (max-width: 767px) {
  16620. .page-banner-three {
  16621. height: 350px;
  16622. }
  16623. }
  16624. .page-banner-three .bottom-shape {
  16625. position: absolute;
  16626. left: 0;
  16627. bottom: 0;
  16628. width: 100%;
  16629. }
  16630. .page-banner-three .bottom-shape img {
  16631. width: 100%;
  16632. }
  16633. .page-banner-three .page-title-wrapper {
  16634. position: relative;
  16635. z-index: 22;
  16636. }
  16637. .page-banner-three .page-title-wrapper .page-title {
  16638. font-size: 50px;
  16639. color: #2c2c51;
  16640. font-weight: 700;
  16641. margin: 0;
  16642. }
  16643. @media (max-width: 767px) {
  16644. .page-banner-three .page-title-wrapper .page-title {
  16645. font-size: 40px;
  16646. }
  16647. }
  16648. .page-banner-three .page-title-wrapper .breadcrumbs {
  16649. margin: 0;
  16650. padding: 0;
  16651. list-style: none;
  16652. }
  16653. .page-banner-three .page-title-wrapper .breadcrumbs li {
  16654. display: inline-block;
  16655. margin-right: 20px;
  16656. position: relative;
  16657. }
  16658. .page-banner-three .page-title-wrapper .breadcrumbs li:not(:last-child):before {
  16659. content: ">";
  16660. position: absolute;
  16661. right: -17px;
  16662. top: 0;
  16663. }
  16664. .page-banner-three .page-title-wrapper .breadcrumbs li a {
  16665. color: #797986;
  16666. }
  16667. .page-banner-three .page-title-wrapper .breadcrumbs li a:hover {
  16668. color: #ed1f25;
  16669. }
  16670. .page-banner-three .banner-pertical-three {
  16671. margin: 0;
  16672. padding: 0;
  16673. list-style: none;
  16674. position: absolute;
  16675. top: 0;
  16676. left: 0;
  16677. width: 100%;
  16678. height: 100%;
  16679. z-index: 2;
  16680. }
  16681. @media (max-width: 620px) {
  16682. .page-banner-three .banner-pertical-three {
  16683. display: none;
  16684. }
  16685. }
  16686. .page-banner-three .banner-pertical-three li {
  16687. position: absolute;
  16688. right: 0;
  16689. }
  16690. .page-banner-three .banner-pertical-three li:nth-child(1) {
  16691. top: 0;
  16692. left: 30px;
  16693. }
  16694. .page-banner-three .banner-pertical-three li:nth-child(2) {
  16695. left: 150px;
  16696. top: 50%;
  16697. }
  16698. .page-banner-three .banner-pertical-three li:nth-child(3) {
  16699. left: 22%;
  16700. bottom: 60px;
  16701. }
  16702. .page-banner-three .banner-pertical-three li:nth-child(4) {
  16703. right: 15%;
  16704. bottom: 120px;
  16705. }
  16706. .page-banner-three .banner-pertical-three li:nth-child(4) {
  16707. right: 15%;
  16708. bottom: 120px;
  16709. width: 134px;
  16710. height: 111px;
  16711. }
  16712. .page-banner-three .banner-pertical-three li:nth-child(5) {
  16713. right: 165px;
  16714. top: 140px;
  16715. width: 85px;
  16716. }
  16717. .page-banner-three .page-header-image-svg {
  16718. position: absolute;
  16719. top: 0;
  16720. left: 0;
  16721. width: 100%;
  16722. height: auto;
  16723. opacity: 0.239;
  16724. }
  16725. /*--------------------------------------------------------------
  16726. ## Account Form
  16727. --------------------------------------------------------------*/
  16728. .signin-page {
  16729. padding: 50px 0 120px;
  16730. }
  16731. input[type=checkbox], input[type=radio] {
  16732. width: auto;
  16733. }
  16734. .account-form .submit-btn {
  16735. width: auto;
  16736. display: inline-block;
  16737. background: #ed1f25;
  16738. display: block;
  16739. }
  16740. .account-form .submit-btn i {
  16741. display: inline-block;
  16742. vertical-align: middle;
  16743. -webkit-transition: all 0.3s ease-in-out;
  16744. -o-transition: all 0.3s ease-in-out;
  16745. transition: all 0.3s ease-in-out;
  16746. margin-left: 3px;
  16747. }
  16748. .account-form .submit-btn:hover {
  16749. color: #fff;
  16750. -webkit-box-shadow: none;
  16751. box-shadow: none;
  16752. }
  16753. .account-form .gp-input-group {
  16754. margin-bottom: 34px;
  16755. }
  16756. .account-form .gp-input-group.mb-25 {
  16757. margin-bottom: 20px;
  16758. }
  16759. .account-form .gp-input {
  16760. border-color: 1px solid #d8d8d8;
  16761. height: 55px;
  16762. margin: 0;
  16763. }
  16764. .account-form .gp-input:focus {
  16765. background: #fff;
  16766. -webkit-box-shadow: 0 12px 20px 0 rgba(11, 3, 67, 0.12);
  16767. box-shadow: 0 12px 20px 0 rgba(11, 3, 67, 0.12);
  16768. }
  16769. .account-form .condition {
  16770. margin-bottom: 22px;
  16771. }
  16772. .account-form .condition input {
  16773. width: 15px;
  16774. height: 15px;
  16775. display: inline-block;
  16776. margin: 0 5px 0 0;
  16777. }
  16778. .account-form .condition span {
  16779. font-size: 14px;
  16780. vertical-align: 2px;
  16781. }
  16782. /*--------------------------------------------------------------
  16783. ## Contact
  16784. --------------------------------------------------------------*/
  16785. .contact {
  16786. padding: 120px 0 110px;
  16787. background: #fcfbff;
  16788. }
  16789. @media (max-width: 991px) {
  16790. .contact {
  16791. padding: 80px 0 60px;
  16792. }
  16793. }
  16794. .contact-form-inner {
  16795. padding: 75px 60px;
  16796. background: #fff;
  16797. border-radius: 10px;
  16798. -webkit-box-shadow: 0 30px 100px 0 rgba(20, 3, 70, 0.14);
  16799. box-shadow: 0 30px 100px 0 rgba(20, 3, 70, 0.14);
  16800. z-index: 22;
  16801. }
  16802. .contact-form-inner h2 {
  16803. font-size: 30px;
  16804. font-weight: 500;
  16805. margin-bottom: 50px;
  16806. line-height: 44px;
  16807. }
  16808. .contact-form-inner input, .contact-form-inner textarea {
  16809. font-size: 15px;
  16810. background: #f7f6f9;
  16811. border-radius: 4px;
  16812. padding: 15px 30px;
  16813. }
  16814. .contact-form-inner input::-webkit-input-placeholder, .contact-form-inner textarea::-webkit-input-placeholder {
  16815. color: #a7a9b4;
  16816. }
  16817. .contact-form-inner input::-moz-placeholder, .contact-form-inner textarea::-moz-placeholder {
  16818. color: #a7a9b4;
  16819. }
  16820. .contact-form-inner input:-ms-input-placeholder, .contact-form-inner textarea:-ms-input-placeholder {
  16821. color: #a7a9b4;
  16822. }
  16823. .contact-form-inner input::-ms-input-placeholder, .contact-form-inner textarea::-ms-input-placeholder {
  16824. color: #a7a9b4;
  16825. }
  16826. .contact-form-inner input::placeholder, .contact-form-inner textarea::placeholder {
  16827. color: #a7a9b4;
  16828. }
  16829. .contact-form-inner input:focus, .contact-form-inner textarea:focus {
  16830. background-color: white;
  16831. -webkit-box-shadow: 0 15px 17px 0 rgba(20, 3, 70, 0.08);
  16832. box-shadow: 0 15px 17px 0 rgba(20, 3, 70, 0.08);
  16833. }
  16834. .contact-form-inner input {
  16835. height: 60px;
  16836. }
  16837. .contact-form-inner .submit-btn {
  16838. width: 100%;
  16839. text-align: center;
  16840. padding: 14px 32px;
  16841. outline: 0;
  16842. font-size: 15px;
  16843. }
  16844. .contact-content {
  16845. padding: 135px 100px;
  16846. background-image: -o-linear-gradient(115deg, #5e2ced 0%, #a485fd 100%);
  16847. background-image: linear-gradient(-25deg, #5e2ced 0%, #a485fd 100%);
  16848. z-index: 2;
  16849. border-top-right-radius: 6px;
  16850. border-bottom-right-radius: 6px;
  16851. }
  16852. .contact-content .icon {
  16853. color: #fff;
  16854. font-size: 34px;
  16855. margin-bottom: 35px;
  16856. }
  16857. .contact-content h3 {
  16858. font-size: 24px;
  16859. font-weight: 400;
  16860. color: #fff;
  16861. margin-bottom: 15px;
  16862. }
  16863. .contact-content p {
  16864. color: #fff;
  16865. margin-bottom: 40px;
  16866. font-size: 16px;
  16867. line-height: 28px;
  16868. }
  16869. .contact-content .gp-btn {
  16870. width: 100%;
  16871. text-align: center;
  16872. color: #6e58fc;
  16873. padding: 13px 32px;
  16874. font-size: 15px;
  16875. }
  16876. .contact-infos {
  16877. margin-top: 70px;
  16878. }
  16879. @media (max-width: 991px) {
  16880. .contact-infos {
  16881. margin-top: 30px;
  16882. }
  16883. }
  16884. .contact-info {
  16885. display: -webkit-box;
  16886. display: -ms-flexbox;
  16887. display: flex;
  16888. -webkit-box-align: center;
  16889. -ms-flex-align: center;
  16890. align-items: center;
  16891. margin-top: 30px;
  16892. margin-bottom: 30px;
  16893. z-index: 11;
  16894. -ms-flex-wrap: wrap;
  16895. flex-wrap: wrap;
  16896. }
  16897. .contact-info .icon {
  16898. background-image: -o-linear-gradient(50deg, #099cf9 0%, #69c3fc 100%);
  16899. background-image: linear-gradient(40deg, #099cf9 0%, #69c3fc 100%);
  16900. -webkit-box-shadow: 0 10px 30px 0 rgba(9, 156, 249, 0.3);
  16901. box-shadow: 0 10px 30px 0 rgba(9, 156, 249, 0.3);
  16902. height: 60px;
  16903. width: 60px;
  16904. text-align: center;
  16905. border-radius: 50%;
  16906. color: #fff;
  16907. margin-right: 20px;
  16908. }
  16909. .contact-info .icon i {
  16910. line-height: 60px;
  16911. font-size: 18px;
  16912. }
  16913. .contact-info p {
  16914. margin: 0;
  16915. font-size: 18px;
  16916. font-weight: 400;
  16917. -webkit-box-flex: 2;
  16918. -ms-flex: 2;
  16919. flex: 2;
  16920. }
  16921. .contact-info.color-two .icon {
  16922. background-image: -o-linear-gradient(50deg, #ee9d11 0%, #ffbf51 100%);
  16923. background-image: linear-gradient(40deg, #ee9d11 0%, #ffbf51 100%);
  16924. -webkit-box-shadow: 0 10px 30px 0 rgba(238, 157, 17, 0.3);
  16925. box-shadow: 0 10px 30px 0 rgba(238, 157, 17, 0.3);
  16926. }
  16927. .contact-info.color-three .icon {
  16928. background-image: -o-linear-gradient(50deg, #47b22e 0%, #5bdb3c 100%);
  16929. background-image: linear-gradient(40deg, #47b22e 0%, #5bdb3c 100%);
  16930. -webkit-box-shadow: 0 10px 30px 0 rgba(71, 178, 46, 0.3);
  16931. box-shadow: 0 10px 30px 0 rgba(71, 178, 46, 0.3);
  16932. }
  16933. /* Contact Form Main */
  16934. .contact-form-page {
  16935. padding: 120px 0;
  16936. }
  16937. @media (max-width: 991px) {
  16938. .contact-form-page {
  16939. padding: 80px 0;
  16940. }
  16941. }
  16942. .contact-information {
  16943. background: #fafafc;
  16944. padding: 50px;
  16945. }
  16946. .contact-information .contact-title {
  16947. font-size: 16px;
  16948. font-weight: 800;
  16949. color: #2c2c51;
  16950. margin-bottom: 25px;
  16951. }
  16952. .contact-information .description {
  16953. margin-bottom: 40px;
  16954. }
  16955. .contact-information .description a {
  16956. color: #ed1f25;
  16957. }
  16958. .contact-information .info-list {
  16959. margin-bottom: 38px;
  16960. }
  16961. .contact-information .info-list .info-title {
  16962. font-size: 16px;
  16963. font-weight: 800;
  16964. color: #2c2c51;
  16965. }
  16966. .contact-form-wrapper {
  16967. padding-left: 85px;
  16968. }
  16969. @media (max-width: 767px) {
  16970. .contact-form-wrapper {
  16971. padding-left: 0;
  16972. margin-top: 40px;
  16973. }
  16974. }
  16975. .gp-input {
  16976. border: 1px solid #d8d8d8;
  16977. height: 60px;
  16978. padding: 15px 30px;
  16979. }
  16980. .gp-textarea {
  16981. height: 200px;
  16982. }
  16983. .mt-140 {
  16984. margin-top: 140px;
  16985. }
  16986. @media (max-width: 991px) {
  16987. .mt-140 {
  16988. margin-top: 60px;
  16989. }
  16990. }
  16991. .address-box {
  16992. padding: 30px;
  16993. margin-bottom: 30px;
  16994. position: relative;
  16995. }
  16996. .address-box.style-border {
  16997. border: 2px solid #ed1f25;
  16998. border-radius: 6px;
  16999. }
  17000. .address-box.style-border:after {
  17001. content: "";
  17002. position: absolute;
  17003. width: 0;
  17004. height: 0;
  17005. border-left: 13px solid transparent;
  17006. border-right: 13px solid transparent;
  17007. border-top: 12px solid #ed1f25;
  17008. bottom: -12px;
  17009. left: 20px;
  17010. }
  17011. .address-box.style-border:before {
  17012. content: "";
  17013. position: absolute;
  17014. width: 0;
  17015. height: 0;
  17016. border-left: 11px solid transparent;
  17017. border-right: 11px solid transparent;
  17018. border-top: 11px solid #ffffff;
  17019. bottom: -10px;
  17020. left: 22px;
  17021. z-index: 1;
  17022. }
  17023. .address-box .address-title {
  17024. color: #2c2c51;
  17025. font-size: 24px;
  17026. font-weight: 700;
  17027. margin-bottom: 17px;
  17028. }
  17029. .address-box p {
  17030. color: #797986;
  17031. }
  17032. .gmap3-area {
  17033. height: 500px;
  17034. }
  17035. /*--------------------------------------------------------------
  17036. ## Error
  17037. --------------------------------------------------------------*/
  17038. .error-page {
  17039. height: 100vh;
  17040. display: -webkit-box;
  17041. display: -ms-flexbox;
  17042. display: flex;
  17043. -webkit-box-align: center;
  17044. -ms-flex-align: center;
  17045. align-items: center;
  17046. position: relative;
  17047. overflow: hidden;
  17048. }
  17049. .error-page .animate-element {
  17050. margin: 0;
  17051. padding: 0;
  17052. list-style: none;
  17053. position: absolute;
  17054. width: 100%;
  17055. height: 100%;
  17056. left: 0;
  17057. top: 0;
  17058. }
  17059. .error-page .animate-element li {
  17060. position: absolute;
  17061. }
  17062. .error-page .animate-element li:nth-child(1) {
  17063. top: 37%;
  17064. left: 11%;
  17065. }
  17066. .error-page .animate-element li:nth-child(2) {
  17067. bottom: 29%;
  17068. left: 11%;
  17069. }
  17070. .error-page .animate-element li:nth-child(3) {
  17071. top: 25%;
  17072. right: 100px;
  17073. }
  17074. .error-page .animate-element li:nth-child(4) {
  17075. bottom: 33%;
  17076. right: 12%;
  17077. }
  17078. @media (max-width: 991px) {
  17079. .error-page .animate-element li:nth-child(1) {
  17080. top: 18%;
  17081. left: 2%;
  17082. }
  17083. .error-page .animate-element li:nth-child(2) {
  17084. bottom: 10%;
  17085. left: 3%;
  17086. }
  17087. .error-page .animate-element li:nth-child(3) {
  17088. top: 16%;
  17089. right: 25px;
  17090. }
  17091. .error-page .animate-element li:nth-child(4) {
  17092. bottom: 5%;
  17093. right: 2%;
  17094. }
  17095. }
  17096. .error-image {
  17097. margin-bottom: 40px;
  17098. position: relative;
  17099. }
  17100. @media (min-width: 992px) {
  17101. .error-page-content-wrapper {
  17102. margin-top: 70px;
  17103. }
  17104. }
  17105. .error-content .error-title {
  17106. font-size: 40px;
  17107. line-height: 54px;
  17108. color: #2c2c51;
  17109. font-weight: 700;
  17110. margin-bottom: 20px;
  17111. }
  17112. @media (max-width: 576px) {
  17113. .error-content .error-title {
  17114. font-size: 30px;
  17115. line-height: 44px;
  17116. }
  17117. .error-content .error-title br {
  17118. display: none;
  17119. }
  17120. }
  17121. .error-content .subtitle {
  17122. font-size: 20px;
  17123. color: #6b717c;
  17124. margin-bottom: 54px;
  17125. }
  17126. .error-content .button-container .gp-btn {
  17127. padding: 11px 27px;
  17128. }
  17129. .error-content .button-container .btn-grey {
  17130. margin-left: 20px;
  17131. }
  17132. @media (max-width: 420px) {
  17133. .error-content .button-container .btn-grey {
  17134. margin-left: 0;
  17135. margin-top: 20px;
  17136. }
  17137. }
  17138. /*--------------------------------------------------------------
  17139. ## Footer
  17140. --------------------------------------------------------------*/
  17141. #footer-main .footer-widgets {
  17142. padding-top: 120px;
  17143. }
  17144. #footer-main .footer-widgets .widget-title {
  17145. font-size: 20px;
  17146. font-weight: 800;
  17147. }
  17148. #footer-main .footer-widgets .footer-menu li {
  17149. line-height: 40px;
  17150. }
  17151. #footer-main .footer-widgets .footer-menu li a:after {
  17152. background: linear-gradient(60deg, #FE5924, #ed1f25);
  17153. }
  17154. #footer-main .site-info {
  17155. border-top: 1px solid #b3b3b321;
  17156. }
  17157. @media (max-width: 991px) {
  17158. #footer-main .site-info {
  17159. padding: 27px 0;
  17160. }
  17161. }
  17162. #footer-main .site-info .copyright {
  17163. padding: 27px 0;
  17164. }
  17165. @media (max-width: 991px) {
  17166. #footer-main .site-info .copyright {
  17167. padding: 0;
  17168. margin-bottom: 15px;
  17169. }
  17170. }
  17171. @media (max-width: 991px) {
  17172. #footer-main .site-info .copyright {
  17173. text-align: center;
  17174. }
  17175. }
  17176. #footer-main .site-info .copyright p {
  17177. font-size: 14px;
  17178. margin: 0;
  17179. }
  17180. #footer-main .footer-social-link li a:hover {
  17181. background: linear-gradient(60deg, #FE5924, #ed1f25);
  17182. border-color: #ff6344;
  17183. -webkit-box-shadow: 0 20px 30px 0 rgba(255, 99, 68, 0.34);
  17184. box-shadow: 0 20px 30px 0 rgba(255, 99, 68, 0.34);
  17185. }
  17186. .widget-newsletter {
  17187. max-width: 300px;
  17188. }
  17189. .widget-newsletter p {
  17190. color: #6d6d82;
  17191. margin-bottom: 20px;
  17192. }
  17193. .widget-newsletter .footer-newsletter-form .newsletter-inner input {
  17194. border: 0;
  17195. background: #f3f6f8;
  17196. height: 60px;
  17197. border-radius: 40px;
  17198. padding: 20px 25px;
  17199. margin-bottom: 20px;
  17200. }
  17201. .widget-newsletter .footer-newsletter-form .newsletter-inner input:focus {
  17202. -webkit-box-shadow: none;
  17203. box-shadow: none;
  17204. }
  17205. .widget-newsletter .footer-newsletter-form .newsletter-inner input::-webkit-input-placeholder {
  17206. color: #9191a1;
  17207. }
  17208. .widget-newsletter .footer-newsletter-form .newsletter-inner input::-moz-placeholder {
  17209. color: #9191a1;
  17210. }
  17211. .widget-newsletter .footer-newsletter-form .newsletter-inner input:-ms-input-placeholder {
  17212. color: #9191a1;
  17213. }
  17214. .widget-newsletter .footer-newsletter-form .newsletter-inner input::-ms-input-placeholder {
  17215. color: #9191a1;
  17216. }
  17217. .widget-newsletter .footer-newsletter-form .newsletter-inner input::placeholder {
  17218. color: #9191a1;
  17219. }
  17220. .widget-newsletter .footer-newsletter-form .newsletter-inner .gp-btn {
  17221. font-size: 15px;
  17222. outline: 0;
  17223. padding: 5px 21px;
  17224. }
  17225. .footer-social-wrapper {
  17226. text-align: right;
  17227. }
  17228. .footer-social-wrapper .footer-social-link {
  17229. margin: 0;
  17230. }
  17231. @media (max-width: 991px) {
  17232. .footer-social-wrapper .footer-social-link {
  17233. text-align: center;
  17234. }
  17235. }
  17236. /** Footer Social Link **/
  17237. .footer-social-link {
  17238. margin-bottom: 35px;
  17239. padding: 0;
  17240. list-style: none;
  17241. }
  17242. .footer-social-link li {
  17243. display: inline-block;
  17244. margin: 0 2px;
  17245. }
  17246. .footer-social-link li a {
  17247. height: 40px;
  17248. width: 40px;
  17249. line-height: 41px;
  17250. font-size: 14px;
  17251. border: 1px solid #d5dde8;
  17252. display: block;
  17253. border-radius: 50%;
  17254. color: #9090a3;
  17255. text-align: center;
  17256. -webkit-transition: all 0.3s ease-in-out;
  17257. -o-transition: all 0.3s ease-in-out;
  17258. transition: all 0.3s ease-in-out;
  17259. }
  17260. .footer-social-link li a:hover {
  17261. background: #ed1f25;
  17262. border-color: #ed1f25;
  17263. color: #fff;
  17264. -webkit-box-shadow: 0 20px 30px 0 rgba(0, 204, 160, 0.34);
  17265. box-shadow: 0 20px 30px 0 rgba(0, 204, 160, 0.34);
  17266. }
  17267. .footer-social-link.style-two li a {
  17268. background: transparent;
  17269. border: 2px solid #e1e4e9;
  17270. color: #8993af;
  17271. height: 50px;
  17272. width: 50px;
  17273. line-height: 47px;
  17274. }
  17275. .footer-social-link.style-two li a:hover {
  17276. background: #4d5afe;
  17277. border-color: #4d5afe;
  17278. color: #fff;
  17279. -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  17280. box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  17281. }
  17282. .footer-social-two {
  17283. margin: 0;
  17284. padding: 0;
  17285. list-style: none;
  17286. }
  17287. .footer-social-two li {
  17288. display: inline-block;
  17289. margin-right: 10px;
  17290. }
  17291. .footer-social-two li a {
  17292. font-size: 16px;
  17293. color: #757991;
  17294. }
  17295. .footer-social-two li a:hover {
  17296. color: #f8b137;
  17297. }
  17298. .footer-social-two.style-circle li a {
  17299. height: 50px;
  17300. width: 50px;
  17301. line-height: 50px;
  17302. border: 1px solid #d3d9e4;
  17303. color: #6a7695;
  17304. text-align: center;
  17305. border-radius: 50%;
  17306. display: block;
  17307. }
  17308. .footer-social-two.style-circle li a:hover {
  17309. background: #ed1f25;
  17310. color: #fff;
  17311. border-color: #ed1f25;
  17312. -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  17313. box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  17314. }
  17315. .footer-social-two.style-circle-sm li {
  17316. display: inline-block;
  17317. margin-right: 5px;
  17318. -webkit-transition: all 0.3s ease-in-out;
  17319. -o-transition: all 0.3s ease-in-out;
  17320. transition: all 0.3s ease-in-out;
  17321. }
  17322. .footer-social-two.style-circle-sm li a {
  17323. color: #fff;
  17324. display: block;
  17325. }
  17326. .footer-social-two.style-circle-sm li a i {
  17327. background: #ed1f25;
  17328. height: 40px;
  17329. width: 40px;
  17330. line-height: 40px;
  17331. border-radius: 50%;
  17332. text-align: center;
  17333. -webkit-transition: all 0.3s ease-in-out;
  17334. -o-transition: all 0.3s ease-in-out;
  17335. transition: all 0.3s ease-in-out;
  17336. }
  17337. .footer-social-two.style-circle-sm li a i.fa-facebook-f {
  17338. background: #456bba;
  17339. }
  17340. .footer-social-two.style-circle-sm li a i.fa-facebook-f:hover {
  17341. -webkit-box-shadow: 0 10px 20px 0 rgba(69, 107, 186, 0.3);
  17342. box-shadow: 0 10px 20px 0 rgba(69, 107, 186, 0.3);
  17343. }
  17344. .footer-social-two.style-circle-sm li a i.fa-twitter {
  17345. background: #00aced;
  17346. }
  17347. .footer-social-two.style-circle-sm li a i.fa-twitter:hover {
  17348. -webkit-box-shadow: 0 10px 20px 0 rgba(9, 111, 150, 0.3);
  17349. box-shadow: 0 10px 20px 0 rgba(9, 111, 150, 0.3);
  17350. }
  17351. .footer-social-two.style-circle-sm li a i.fa-linkedin-in {
  17352. background: #0077b5;
  17353. }
  17354. .footer-social-two.style-circle-sm li a i.fa-linkedin-in:hover {
  17355. -webkit-box-shadow: 0 10px 20px 0 rgba(0, 123, 182, 0.3);
  17356. box-shadow: 0 10px 20px 0 rgba(0, 123, 182, 0.3);
  17357. }
  17358. .footer-social-two.style-circle-sm li a i.fa-youtube {
  17359. background: #f73434;
  17360. }
  17361. .footer-social-two.style-circle-sm li a i.fa-youtube:hover {
  17362. -webkit-box-shadow: 0 10px 20px 0 rgba(247, 52, 52, 0.3);
  17363. box-shadow: 0 10px 20px 0 rgba(247, 52, 52, 0.3);
  17364. }
  17365. .footer-social-two.style-circle-sm li a i.fa-pinterest-p {
  17366. background: #e60023;
  17367. }
  17368. .footer-social-two.style-circle-sm li a i.fa-pinterest-p:hover {
  17369. -webkit-box-shadow: 0 10px 20px 0 rgba(230, 0, 35, 0.3);
  17370. box-shadow: 0 10px 20px 0 rgba(230, 0, 35, 0.3);
  17371. }
  17372. .footer-social-two.style-circle-sm li:hover {
  17373. -webkit-transform: translateY(-5px);
  17374. -ms-transform: translateY(-5px);
  17375. transform: translateY(-5px);
  17376. }
  17377. /** Footer **/
  17378. #footer {
  17379. background: #313131;
  17380. }
  17381. #footer .footer-nner {
  17382. padding: 70px 0;
  17383. text-align: center;
  17384. }
  17385. #footer .footer-nner .footer-logo {
  17386. display: inline-block;
  17387. margin-bottom: 30px;
  17388. }
  17389. #footer .footer-menu {
  17390. margin-bottom: 30px;
  17391. padding: 0;
  17392. list-style: none;
  17393. }
  17394. #footer .footer-menu li {
  17395. display: inline-block;
  17396. margin: 0 15px;
  17397. }
  17398. #footer .footer-menu li a {
  17399. display: block;
  17400. color: #fff;
  17401. font-weight: 500;
  17402. }
  17403. #footer .footer-menu li a:hover {
  17404. color: #f8b137;
  17405. }
  17406. #footer .footer-social-link {
  17407. margin: 0;
  17408. padding: 0;
  17409. list-style: none;
  17410. }
  17411. #footer .footer-social-link li {
  17412. display: inline-block;
  17413. margin: 0 5px;
  17414. }
  17415. #footer .footer-social-link li a {
  17416. height: 45px;
  17417. width: 45px;
  17418. line-height: 45px;
  17419. background: rgba(0, 0, 0, 0.2);
  17420. display: block;
  17421. border-radius: 50%;
  17422. color: #fff;
  17423. }
  17424. #footer .footer-social-link li a:hover {
  17425. background: #f8b137;
  17426. color: #fff;
  17427. }
  17428. #footer .site-info {
  17429. background: #2d2d2d;
  17430. padding: 20px 0;
  17431. text-align: center;
  17432. }
  17433. #footer .site-info .copy-right {
  17434. margin-bottom: 0;
  17435. color: #fff;
  17436. }
  17437. #footer .site-info .copy-right a {
  17438. color: #f8b137;
  17439. margin-left: 5px;
  17440. }
  17441. #footer .site-info .copy-right a:hover {
  17442. color: #f39d09;
  17443. }
  17444. #footer-seo {
  17445. background: #f1f1f9;
  17446. padding: 100px 0 60px;
  17447. }
  17448. #footer-seo .footer-widgets {
  17449. padding: 0;
  17450. }
  17451. #footer-seo .footer-social li a {
  17452. background-color: #fff;
  17453. color: #677294;
  17454. border: 2px solid transparent;
  17455. -webkit-transition: all 0.3s ease-in-out;
  17456. -o-transition: all 0.3s ease-in-out;
  17457. transition: all 0.3s ease-in-out;
  17458. }
  17459. #footer-seo .footer-social li a:hover {
  17460. background: transparent;
  17461. color: #ff5e85;
  17462. border-color: #ff5e85;
  17463. }
  17464. .newsletter {
  17465. margin-bottom: 140px;
  17466. }
  17467. /* Footer Community */
  17468. #footer-community .footer-widgets {
  17469. padding: 120px 0 60px;
  17470. }
  17471. #footer-community .widget-about p {
  17472. font-size: 15px;
  17473. color: #69697b;
  17474. margin-bottom: 27px;
  17475. }
  17476. #footer-community .widget-about .follow-title {
  17477. font-size: 18px;
  17478. color: #1f113a;
  17479. font-weight: 500;
  17480. margin-bottom: 15px;
  17481. }
  17482. #footer-community .widget-title {
  17483. font-size: 18px;
  17484. color: #2c2c51;
  17485. }
  17486. #footer-community .footer-widgets .footer-menu li a {
  17487. font-size: 14px;
  17488. color: #69697b;
  17489. }
  17490. #footer-community .footer-widgets .footer-menu li a:after {
  17491. display: none;
  17492. }
  17493. #footer-community .footer-widgets .footer-menu li a:hover {
  17494. color: #ed1f25;
  17495. }
  17496. #footer-community .site-info {
  17497. border-color: #e4e1ea;
  17498. padding: 29px 0;
  17499. }
  17500. #footer-community .site-info p {
  17501. margin: 0;
  17502. color: #908e94;
  17503. font-size: 14px;
  17504. }
  17505. #footer-community .site-info p a {
  17506. color: #2c2c51;
  17507. }
  17508. #footer-community .site-info p a:hover {
  17509. color: #ed1f25;
  17510. }
  17511. /* Footer Agency */
  17512. #footer-agency {
  17513. background: #fff;
  17514. }
  17515. #footer-agency .footer-inner .footer-widgets {
  17516. padding: 120px 0 37px;
  17517. }
  17518. #footer-agency .footer-widgets .footer-logo {
  17519. margin-bottom: 40px;
  17520. }
  17521. #footer-agency .footer-widgets .footer-menu li a {
  17522. font-size: 16px;
  17523. color: #6a7695;
  17524. }
  17525. #footer-agency .footer-widgets .footer-menu li a:after {
  17526. background: #4d5afe;
  17527. }
  17528. #footer-agency .footer-widgets .footer-menu li a:hover {
  17529. color: #4d5afe;
  17530. }
  17531. #footer-agency .widget-title {
  17532. font-size: 20px;
  17533. color: #373d46;
  17534. font-weight: 500;
  17535. margin-bottom: 25px;
  17536. }
  17537. #footer-agency .contact-widget p {
  17538. color: #6a7695;
  17539. margin-bottom: 35px;
  17540. }
  17541. #footer-agency .contact-widget .phone {
  17542. color: #4d5afe;
  17543. font-size: 20px;
  17544. font-weight: 500;
  17545. display: block;
  17546. }
  17547. #footer-agency .site-info {
  17548. padding: 22px 0;
  17549. border-color: #ededfb;
  17550. }
  17551. #footer-agency .site-info .copyright-text {
  17552. margin: 0;
  17553. color: #999fae;
  17554. }
  17555. #footer-agency .site-info .copyright-text a {
  17556. color: #4d5afe;
  17557. }
  17558. #footer-agency .follow-title {
  17559. font-size: 20px;
  17560. color: #6a7695;
  17561. margin-bottom: 15px;
  17562. font-weight: 400;
  17563. }
  17564. /* Footer Widget */
  17565. .footer-widgets {
  17566. position: relative;
  17567. z-index: 3;
  17568. }
  17569. .footer-widgets .widget {
  17570. margin-bottom: 45px;
  17571. }
  17572. .footer-widgets .footer-menu {
  17573. margin: 0;
  17574. padding: 0;
  17575. list-style: none;
  17576. }
  17577. .footer-widgets .footer-menu li {
  17578. line-height: 36px;
  17579. }
  17580. .footer-widgets .footer-menu li a {
  17581. color: #000;
  17582. font-size: 14px;
  17583. position: relative;
  17584. display: inline-block;
  17585. font-weight: 400;
  17586. }
  17587. .footer-widgets .footer-menu li a:after {
  17588. position: absolute;
  17589. content: "";
  17590. display: block;
  17591. bottom: 8px;
  17592. height: 1px;
  17593. left: 0;
  17594. width: 100%;
  17595. background: #ed1f25;
  17596. -webkit-transform-origin: right center;
  17597. -ms-transform-origin: right center;
  17598. transform-origin: right center;
  17599. -webkit-transform: scale(0, 1);
  17600. -ms-transform: scale(0, 1);
  17601. transform: scale(0, 1);
  17602. -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  17603. transition: -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  17604. -o-transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  17605. transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  17606. 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);
  17607. }
  17608. .footer-widgets .footer-menu li a:hover {
  17609. color: #ed1f25;
  17610. }
  17611. .footer-widgets .footer-menu li a:hover:after {
  17612. -webkit-transform-origin: left center;
  17613. -ms-transform-origin: left center;
  17614. transform-origin: left center;
  17615. -webkit-transform: scale(1, 1);
  17616. -ms-transform: scale(1, 1);
  17617. transform: scale(1, 1);
  17618. }
  17619. .footer-widgets .footer-logo {
  17620. margin-bottom: 35px;
  17621. }
  17622. .footer-widgets .footer-mail {
  17623. color: #ed1f25;
  17624. font-size: 18px;
  17625. margin-bottom: 23px;
  17626. }
  17627. .footer-widgets .footer-mail i {
  17628. margin-right: 10px;
  17629. }
  17630. .footer-widgets .copyright-text {
  17631. margin-bottom: 28px;
  17632. max-width: 300px;
  17633. color: #677294;
  17634. }
  17635. .widget-about .copyright-text {
  17636. width: 300px;
  17637. }
  17638. .foot-contact p {
  17639. font-size: 15px;
  17640. font-weight: 400;
  17641. margin-bottom: 0;
  17642. line-height: 34px;
  17643. }
  17644. .foot-contact p span {
  17645. color: #222931;
  17646. font-weight: 500;
  17647. }
  17648. .foot-contact p.con-email {
  17649. color: #ed1f25;
  17650. }
  17651. .site-info {
  17652. border-top: 1px solid #d6deeb;
  17653. }
  17654. .site-info .copyright {
  17655. margin: 0;
  17656. font-size: 14px;
  17657. color: #acb3c0;
  17658. font-weight: 400;
  17659. padding: 22px 0;
  17660. }
  17661. .site-info .copyright a {
  17662. color: #ed1f25;
  17663. }
  17664. .site-info .copyright a:hover {
  17665. color: #009674;
  17666. }
  17667. .footer-bottom-menu {
  17668. margin: 0;
  17669. padding: 22px 0;
  17670. list-style: none;
  17671. }
  17672. .footer-bottom-menu li {
  17673. display: inline-block;
  17674. margin-right: 20px;
  17675. position: relative;
  17676. }
  17677. .footer-bottom-menu li:after {
  17678. position: absolute;
  17679. content: "|";
  17680. font-size: 12px;
  17681. top: 0;
  17682. right: 5px;
  17683. color: #acb3c0;
  17684. }
  17685. .footer-bottom-menu li:last-child {
  17686. margin-right: 0;
  17687. }
  17688. .footer-bottom-menu li:last-child:after {
  17689. display: none;
  17690. }
  17691. .footer-bottom-menu li a {
  17692. font-size: 14px;
  17693. color: #acb3c0;
  17694. font-weight: 400;
  17695. display: inline-block;
  17696. }
  17697. .footer-bottom-menu li a:hover {
  17698. color: #ed1f25;
  17699. }
  17700. /* Footer Analytics */
  17701. .gp-site-footer .footer-social {
  17702. margin: 0;
  17703. padding: 0;
  17704. list-style: none;
  17705. }
  17706. .gp-site-footer .footer-social li {
  17707. margin-right: 5px;
  17708. display: inline-block;
  17709. margin-right: 5px;
  17710. }
  17711. .gp-site-footer .footer-social li a {
  17712. height: 40px;
  17713. width: 40px;
  17714. line-height: 38px;
  17715. text-align: center;
  17716. background: rgba(255, 255, 255, 0.059);
  17717. color: #afb4c0;
  17718. border-radius: 50%;
  17719. display: inline-block;
  17720. font-size: 14px;
  17721. border: 2px solid transparent;
  17722. }
  17723. .gp-site-footer .footer-social li a:hover {
  17724. color: #ed1f25;
  17725. border-color: #ed1f25;
  17726. background: transparent;
  17727. }
  17728. #footer-analytics {
  17729. background: #010b29;
  17730. padding: 100px 0 122px;
  17731. }
  17732. #footer-analytics .footer-widgets {
  17733. padding-bottom: 0;
  17734. }
  17735. #footer-analytics .footer-widgets .footer-logo {
  17736. margin-bottom: 29px;
  17737. }
  17738. #footer-analytics .footer-widgets .copyright-text {
  17739. font-weight: 500;
  17740. margin-bottom: 40px;
  17741. }
  17742. #footer-analytics .footer-widgets .copyright-text p {
  17743. margin: 0;
  17744. color: #afb4c0;
  17745. font-weight: 400;
  17746. font-size: 15px;
  17747. }
  17748. #footer-analytics .footer-widgets .copyright-text p a {
  17749. color: #fff;
  17750. }
  17751. #footer-analytics .footer-widgets .copyright-text p a:hover {
  17752. color: #f8b137;
  17753. }
  17754. #footer-analytics .footer-widgets .widget-title {
  17755. font-size: 20px;
  17756. font-weight: 500;
  17757. color: #fff;
  17758. margin-bottom: 25px;
  17759. }
  17760. #footer-analytics .footer-widgets .footer-menu li a {
  17761. color: #afb4c0;
  17762. font-size: 15px;
  17763. font-weight: 400;
  17764. }
  17765. #footer-analytics .footer-widgets .footer-menu li a:after {
  17766. background: #f8b137;
  17767. }
  17768. #footer-analytics .footer-widgets .footer-menu li a:hover {
  17769. color: #f8b137;
  17770. }
  17771. #footer-analytics .footer-social li a:hover {
  17772. color: #f8b137;
  17773. border-color: #f8b137;
  17774. }
  17775. .gp-site-footer {
  17776. position: relative;
  17777. }
  17778. .gp-site-footer .footer-contact-info {
  17779. margin: 0;
  17780. padding: 0;
  17781. list-style: none;
  17782. }
  17783. .gp-site-footer .footer-contact-info li {
  17784. margin-bottom: 10px;
  17785. display: -webkit-box;
  17786. display: -ms-flexbox;
  17787. display: flex;
  17788. -webkit-box-align: baseline;
  17789. -ms-flex-align: baseline;
  17790. align-items: baseline;
  17791. }
  17792. .gp-site-footer .footer-contact-info li i {
  17793. margin-right: 20px;
  17794. color: #ed1f25;
  17795. }
  17796. .gp-site-footer .footer-contact-info li p {
  17797. font-size: 15px;
  17798. color: #69697b;
  17799. }
  17800. .gp-site-footer .footer-contact-info li.phone p {
  17801. font-size: 20px;
  17802. color: #ed1f25;
  17803. }
  17804. /* Footer Seo */
  17805. #footer-seo .footer-widgets .widget-title {
  17806. font-size: 20px;
  17807. color: #343e5d;
  17808. }
  17809. #footer-seo .footer-widgets .copyright-text a {
  17810. color: #ff5e85;
  17811. }
  17812. #footer-seo .footer-social li a:hover {
  17813. color: #ff5e85;
  17814. }
  17815. #footer-seo .footer-widgets .footer-menu li a:after {
  17816. background: #ff5e85;
  17817. }
  17818. #footer-seo .footer-widgets .footer-menu li a:hover {
  17819. color: #ff5e85;
  17820. }
  17821. /* Footer Social */
  17822. #footer-social {
  17823. background: #f1f1f9;
  17824. }
  17825. #footer-social .footer-logo {
  17826. margin-bottom: 30px;
  17827. }
  17828. #footer-social p {
  17829. margin-bottom: 20px;
  17830. }
  17831. #footer-social .footer-social li a {
  17832. background-color: #fff;
  17833. color: #677294;
  17834. }
  17835. #footer-social .footer-social li a:hover {
  17836. color: #ed1f25;
  17837. background-color: transparent;
  17838. }
  17839. #footer-social .footer-widgets {
  17840. padding-bottom: 80px;
  17841. }
  17842. @media (max-width: 991px) {
  17843. #footer-social .footer-widgets {
  17844. padding-bottom: 30px;
  17845. }
  17846. }
  17847. #footer-social .footer-widgets .widget-title {
  17848. font-size: 20px;
  17849. color: #051441;
  17850. }
  17851. #footer-social .footer-widgets .copyright-text a {
  17852. color: #ed1f25;
  17853. }
  17854. #footer-social .footer-widgets .footer-menu li a {
  17855. color: #677294;
  17856. font-size: 14px;
  17857. }
  17858. #footer-social .footer-widgets .footer-menu li a:after {
  17859. background: #ed1f25;
  17860. }
  17861. #footer-social .footer-widgets .footer-menu li a:hover {
  17862. color: #ed1f25;
  17863. }
  17864. #footer-saas {
  17865. background: #f2f7fe;
  17866. padding-top: 295px;
  17867. overflow: hidden;
  17868. }
  17869. #footer-saas .footer-bottom-anime-shape {
  17870. position: absolute;
  17871. width: 100%;
  17872. left: 0;
  17873. bottom: 0;
  17874. }
  17875. #footer-saas .footer-bottom-anime-shape .bottom-shape {
  17876. position: absolute;
  17877. width: 100%;
  17878. left: 0;
  17879. bottom: 0;
  17880. }
  17881. #footer-saas .footer-widgets .widget-title {
  17882. font-size: 20px;
  17883. font-weight: 500;
  17884. margin-bottom: 35px;
  17885. color: #2c2c51;
  17886. }
  17887. #footer-saas .footer-widgets .copyright-text {
  17888. font-size: 16px;
  17889. line-height: 28px;
  17890. color: #6d6d82;
  17891. margin-bottom: 40px;
  17892. }
  17893. #footer-saas .footer-widgets .copyright-text a {
  17894. color: #ed1f25;
  17895. }
  17896. #footer-saas .footer-widgets .footer-menu li a {
  17897. font-size: 16px;
  17898. color: #6d6d82;
  17899. }
  17900. #footer-saas .footer-widgets .footer-menu li a::after {
  17901. background: #ed1f25;
  17902. }
  17903. #footer-saas .footer-widgets .footer-menu li a:hover {
  17904. color: #ed1f25;
  17905. }
  17906. /* Footer sass two*/
  17907. #footer-saas-two {
  17908. background: #2a2b72;
  17909. position: relative;
  17910. }
  17911. #footer-saas-two .footer-nner {
  17912. padding: 116px 0 200px;
  17913. }
  17914. @media (max-width: 991px) {
  17915. #footer-saas-two .footer-nner {
  17916. padding: 76px 0 40px;
  17917. }
  17918. }
  17919. #footer-saas-two .widget.footer-widget .widget-title {
  17920. color: #fff;
  17921. font-size: 18px;
  17922. font-weight: 500;
  17923. margin-bottom: 36px;
  17924. border-bottom: 0;
  17925. padding-bottom: 0;
  17926. }
  17927. #footer-saas-two .widget.footer-widget .footer-logo {
  17928. margin-bottom: 30px;
  17929. }
  17930. #footer-saas-two .widget.footer-widget p {
  17931. margin-bottom: 42px;
  17932. color: #bab5df;
  17933. font-size: 16px;
  17934. }
  17935. #footer-saas-two .widget.footer-widget p a {
  17936. color: #fff;
  17937. }
  17938. #footer-saas-two .footer-menu {
  17939. margin-bottom: 40px;
  17940. padding: 0;
  17941. list-style: none;
  17942. }
  17943. #footer-saas-two .footer-menu li a {
  17944. display: block;
  17945. color: #bab5df;
  17946. font-weight: 400;
  17947. font-size: 16px;
  17948. line-height: 36px;
  17949. }
  17950. #footer-saas-two .footer-menu li a:hover {
  17951. color: #fff;
  17952. }
  17953. #footer-saas-two .footer-social-link {
  17954. margin: 0;
  17955. padding: 0;
  17956. list-style: none;
  17957. }
  17958. #footer-saas-two .footer-social-link li {
  17959. display: inline-block;
  17960. margin-left: 0;
  17961. }
  17962. #footer-saas-two .footer-social-link li:not(:last-child) {
  17963. margin-right: 5px;
  17964. }
  17965. #footer-saas-two .footer-social-link li a {
  17966. height: 45px;
  17967. width: 45px;
  17968. line-height: 47px;
  17969. border: transparent;
  17970. background: #404180;
  17971. display: block;
  17972. border-radius: 50%;
  17973. color: #bab5df;
  17974. text-align: center;
  17975. font-size: 16px;
  17976. }
  17977. #footer-saas-two .footer-social-link li a:hover {
  17978. background: #fff;
  17979. color: #6e58fc;
  17980. -webkit-box-shadow: none;
  17981. box-shadow: none;
  17982. }
  17983. #footer-saas-two .site-info {
  17984. padding: 36px 0;
  17985. display: -webkit-box;
  17986. display: -ms-flexbox;
  17987. display: flex;
  17988. -webkit-box-pack: justify;
  17989. -ms-flex-pack: justify;
  17990. justify-content: space-between;
  17991. border-top: 1px solid #e4d9d9;
  17992. position: relative;
  17993. z-index: 3;
  17994. }
  17995. #footer-saas-two .site-info p {
  17996. margin: 0;
  17997. }
  17998. #footer-saas-two .site-info p a {
  17999. color: #f8b137;
  18000. font-weight: 500;
  18001. }
  18002. #footer-saas-two .site-info p a:hover {
  18003. color: #f39d09;
  18004. }
  18005. .footer-bottom-shape {
  18006. position: relative;
  18007. }
  18008. @media (max-width: 620px) {
  18009. .footer-bottom-shape {
  18010. display: none;
  18011. }
  18012. }
  18013. .footer-bottom-shape .three-left, .footer-bottom-shape .three-right {
  18014. position: absolute;
  18015. bottom: 0;
  18016. }
  18017. @media (max-width: 1280px) {
  18018. .footer-bottom-shape .three-left, .footer-bottom-shape .three-right {
  18019. display: none;
  18020. }
  18021. }
  18022. .footer-bottom-shape .three-left {
  18023. left: 50px;
  18024. }
  18025. .footer-bottom-shape .three-left img {
  18026. -webkit-animation: swing 12s infinite both;
  18027. animation: swing 12s infinite both;
  18028. -webkit-transform-origin: bottom center;
  18029. -ms-transform-origin: bottom center;
  18030. transform-origin: bottom center;
  18031. }
  18032. .footer-bottom-shape .three-right {
  18033. right: 50px;
  18034. }
  18035. .footer-bottom-shape .three-right img {
  18036. -webkit-animation: swing 12s infinite both;
  18037. animation: swing 12s infinite both;
  18038. -webkit-transform-origin: bottom center;
  18039. -ms-transform-origin: bottom center;
  18040. transform-origin: bottom center;
  18041. }
  18042. .footer-bottom-shape .footer-center-victor {
  18043. position: relative;
  18044. padding-bottom: 40px;
  18045. }
  18046. .footer-bottom-shape .footer-center-victor:before {
  18047. content: "";
  18048. position: absolute;
  18049. top: 0;
  18050. width: 100%;
  18051. height: 2px;
  18052. left: 0;
  18053. top: 0;
  18054. background: #4c4d89;
  18055. }
  18056. .footer-bottom-shape .footer-center-victor > div {
  18057. position: absolute;
  18058. bottom: 40px;
  18059. }
  18060. .footer-bottom-shape .footer-center-victor .foo-shape-one {
  18061. left: 0;
  18062. }
  18063. .footer-bottom-shape .footer-center-victor .foo-shape-two {
  18064. left: 25%;
  18065. -webkit-transform: translateX(-20%);
  18066. -ms-transform: translateX(-20%);
  18067. transform: translateX(-20%);
  18068. }
  18069. .footer-bottom-shape .footer-center-victor .foo-shape-three {
  18070. left: 50%;
  18071. -webkit-transform: translateX(-50%);
  18072. -ms-transform: translateX(-50%);
  18073. transform: translateX(-50%);
  18074. bottom: 37px;
  18075. }
  18076. .footer-bottom-shape .footer-center-victor .foo-shape-four {
  18077. right: 17%;
  18078. -webkit-transform: translateX(-20%);
  18079. -ms-transform: translateX(-20%);
  18080. transform: translateX(-20%);
  18081. }
  18082. .footer-bottom-shape .footer-center-victor .foo-shape-five {
  18083. right: 0;
  18084. }
  18085. /* Footer Agency Two */
  18086. #footer-agency-two {
  18087. background: #f7f5fa;
  18088. }
  18089. #footer-agency-two .footer-widgets {
  18090. padding: 110px 0 56px;
  18091. }
  18092. @media (max-width: 991px) {
  18093. #footer-agency-two .footer-widgets {
  18094. padding: 70px 0 15px;
  18095. }
  18096. }
  18097. #footer-agency-two .widget-about .footer-logo {
  18098. margin-bottom: 23px;
  18099. }
  18100. #footer-agency-two .widget-about p {
  18101. font-size: 15px;
  18102. color: #706c79;
  18103. margin-bottom: 28px;
  18104. }
  18105. #footer-agency-two .widget-about .follow-title {
  18106. font-size: 18px;
  18107. font-weight: 500;
  18108. color: #1f113a;
  18109. margin-bottom: 17px;
  18110. }
  18111. #footer-agency-two .footer-widgets .widget-title {
  18112. font-size: 18px;
  18113. }
  18114. #footer-agency-two .footer-widgets .footer-menu li a {
  18115. color: #706c79;
  18116. }
  18117. #footer-agency-two .footer-widgets .footer-menu li a:after {
  18118. background: #ed1f25;
  18119. }
  18120. #footer-agency-two .footer-widgets .footer-menu li a:hover {
  18121. color: #ed1f25;
  18122. }
  18123. #footer-agency-two .footer-widgets .footer-contact-info {
  18124. padding-top: 10px;
  18125. }
  18126. #footer-agency-two .footer-widgets .footer-contact-info li.phone p, #footer-agency-two .footer-widgets .footer-contact-info li i {
  18127. color: #ed1f25;
  18128. }
  18129. #footer-agency-two .site-info {
  18130. padding: 29px 0;
  18131. }
  18132. #footer-agency-two .site-info p {
  18133. font-size: 14px;
  18134. color: #908e94;
  18135. margin: 0;
  18136. }
  18137. #footer-agency-two .site-info p a {
  18138. color: #ed1f25;
  18139. }
  18140. @media (max-width: 991px) {
  18141. #footer .footer-nner {
  18142. padding: 76px 0 22px;
  18143. }
  18144. #footer .site-info {
  18145. padding: 21px 0;
  18146. }
  18147. #footer .widget.footer-widget .widget-title {
  18148. margin-bottom: 25px;
  18149. }
  18150. }
  18151. @media (max-width: 768px) {
  18152. #footer .footer-menu {
  18153. margin-bottom: 40px;
  18154. }
  18155. #footer .site-info {
  18156. padding: 21px 0;
  18157. display: block;
  18158. text-align: center;
  18159. }
  18160. #footer.footer-four .copyright {
  18161. margin-bottom: 20px;
  18162. }
  18163. #footer.footer-four .site-info .site-info-inner {
  18164. display: block;
  18165. }
  18166. }
  18167. @media (max-width: 768px) {
  18168. #newsletter {
  18169. padding: 50px 0;
  18170. }
  18171. }
  18172. @media (max-width: 576px) {
  18173. .newsletter-form-two .newsletter-inner {
  18174. display: block;
  18175. }
  18176. .newsletter-form-two .newsletter-submit {
  18177. padding: 12px 38px;
  18178. margin: 20px auto 0;
  18179. display: block;
  18180. }
  18181. }
  18182. .high-lighter-overlay {
  18183. position: fixed;
  18184. width: 100%;
  18185. height: 100%;
  18186. top: 0;
  18187. left: 0;
  18188. background-color: rgb(239 41 36 / 75%);
  18189. opacity: 0;
  18190. visibility: hidden;
  18191. -webkit-transition: all 0.3s ease-in-out;
  18192. -o-transition: all 0.3s ease-in-out;
  18193. transition: all 0.3s ease-in-out;
  18194. z-index: 5;
  18195. }
  18196. @media (min-width: 992px) {
  18197. .highlighter-hidden .high-lighter-overlay {
  18198. opacity: 1;
  18199. visibility: visible;
  18200. }
  18201. }
  18202. .leaf-one {
  18203. max-width: 140px;
  18204. }
  18205. .color-primary {
  18206. color: #ed1f25;
  18207. font-weight: 700;
  18208. }
  18209. .color-primary-1 {
  18210. color: #fff;
  18211. background: linear-gradient(60deg, #FE5924, #ed1f25);
  18212. padding: 0px 10px 0px 10px;
  18213. }
  18214. .bg-secondary {
  18215. color: #fff;
  18216. background-image: linear-gradient(to right, #0e2453, #0d2862, #0e2453, #0d2862);
  18217. }
  18218. .table-responsive {
  18219. max-height: 500px;
  18220. overflow-y: scroll;
  18221. background-color: white;
  18222. }
  18223. .table-striped tbody tr:nth-of-type(odd) {
  18224. background-color: rgb(247 246 251);
  18225. }
  18226. /* width */
  18227. ::-webkit-scrollbar {
  18228. width: 10px;
  18229. }
  18230. /* Track */
  18231. ::-webkit-scrollbar-track {
  18232. background: #f1f1f1;
  18233. }
  18234. /* Handle */
  18235. ::-webkit-scrollbar-thumb {
  18236. background: #888;
  18237. }
  18238. /* Handle on hover */
  18239. ::-webkit-scrollbar-thumb:hover {
  18240. background: #555;
  18241. }
  18242. ::placeholder {
  18243. color: #000 !important;
  18244. font-weight: 800; /* Firefox */
  18245. }
  18246. .icondingwei {
  18247. position: absolute;
  18248. top: 18px;
  18249. left: 24px;
  18250. color: #f02925;
  18251. font-weight: 600;
  18252. }
  18253. section {
  18254. padding: 100px 0 50px;
  18255. }
  18256. .dark-mode {
  18257. background-color: #121212;
  18258. color: white;
  18259. }
  18260. .side-btn {
  18261. position: fixed;
  18262. top: 50%;
  18263. z-index: 9999
  18264. }
  18265. @media(max-width:1441px) {
  18266. .side-btn {
  18267. display: none
  18268. }
  18269. }
  18270. .side-btn .color-mode .tool {
  18271. font-size: 14px;
  18272. background: #ed1f25;
  18273. color: white;
  18274. line-height: 110%;
  18275. padding: 4px 8px;
  18276. position: absolute;
  18277. right: 0;
  18278. text-align: center;
  18279. top: 70%;
  18280. transform: translate(180px, -50%);
  18281. transition: .3s;
  18282. width: 180px;
  18283. z-index: 9999
  18284. }
  18285. .side-btn .color-mode .tool {
  18286. left: 0;
  18287. right: auto;
  18288. transform: translate(-180px, -100%)
  18289. }
  18290. .side-btn .color-mode:hover .tool {
  18291. transform: translate(52px, -100%)
  18292. }
  18293. .side-btn .color-mode .tool:after {
  18294. border-bottom: 7px solid transparent;
  18295. border-top: 7px solid transparent;
  18296. content: "";
  18297. font-size: 0;
  18298. height: 0;
  18299. line-height: 0;
  18300. position: absolute;
  18301. top: 50%;
  18302. transform: translateY(-50%);
  18303. transition: .3s;
  18304. width: 0;
  18305. border-left: 0;
  18306. border-right: 7px solid #ed1f25;
  18307. left: -6px;
  18308. right: auto
  18309. }
  18310. .color-mode button {
  18311. display: block;
  18312. height: 54px;
  18313. padding: 5px;
  18314. position: relative;
  18315. transition: .3s;
  18316. width: 44px;
  18317. background-color: #ed1f25;
  18318. border: none;
  18319. color: white;
  18320. z-index: 102;
  18321. }
  18322. .color-mode {
  18323. background: #ed1f25;
  18324. color: white;
  18325. }
  18326. .dark-mode .site-header.header-fixed.showed {
  18327. background-color: #1a1a1a;
  18328. color: white;
  18329. }
  18330. .dark-mode .site-header.header-fixed.showed .site-logo .main-logo {
  18331. display: block;
  18332. }
  18333. .dark-mode .site-header.header-fixed.showed .site-logo .logo-sticky {
  18334. display: none;
  18335. }
  18336. .dark-mode .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu li a {
  18337. color: #fff;
  18338. }
  18339. .dark-mode .blog-post-one .feature-image:before {
  18340. background: #1a1a1a;
  18341. color: white;
  18342. }
  18343. .dark-mode .table-responsive {
  18344. background-color: #1a1a1a;
  18345. color: white;
  18346. }
  18347. .dark-mode .table-striped tbody tr:nth-of-type(odd) {
  18348. background-color: #000;
  18349. color: white;
  18350. }
  18351. .dark-mode .table td, .table th {
  18352. border-top: 1px solid #3d3d3d;
  18353. color: white;
  18354. }
  18355. .dark-mode .main-logo-footer {
  18356. display: block;
  18357. }
  18358. .dark-mode .logo-sticky {
  18359. display: none;
  18360. }
  18361. .main-logo-footer {
  18362. display: none;
  18363. }
  18364. .logo-sticky {
  18365. display: block;
  18366. }
  18367. .dark-mode .entry-content .entry-title a {
  18368. color: #fff;
  18369. }
  18370. .dark-mode .faq .card .card-header .btn-link {
  18371. background-color: #1a1a1a;
  18372. color: white;
  18373. }
  18374. .dark-mode .faq.style-two .card .card-body {
  18375. background-color: #1a1a1a;
  18376. color: white;
  18377. }
  18378. .dark-mode .faq.style-two .card .card-header .btn-link.collapsed:before {
  18379. color: white;
  18380. }
  18381. .dark-mode .icon-box.style-six .icon-container {
  18382. background-color: #1a1a1a;
  18383. color: white;
  18384. }
  18385. .dark-mode .bg-secondary {
  18386. background-image: linear-gradient(to right, #1a1a1a, #1a1a1a, #1a1a1a, #1a1a1a);
  18387. }
  18388. .table thead th {
  18389. border-bottom: none;
  18390. }
  18391. .dark-mode .return-to-top:after {
  18392. background-color: #1a1a1a;
  18393. color: white;
  18394. }
  18395. .dark-mode .image-content-wrapper.style-two p {
  18396. font-size: 16px;
  18397. margin-bottom: 40px;
  18398. color: #FFFFFF7A;
  18399. }
  18400. .dark-mode .icon-box .box-content p {
  18401. color: #FFFFFF7A;
  18402. }
  18403. .dark-mode p {
  18404. color: #FFFFFF7A;
  18405. }
  18406. .dark-mode .footer-widgets .footer-menu li a {
  18407. color: #FFFFFF7A;
  18408. }
  18409. .dark-mode .testimonial-three .testi-content {
  18410. background-color: #1a1a1a;
  18411. color: white;
  18412. }
  18413. .dark-mode .testimonial-three .testi-content:before {
  18414. border-top: 15px solid #1a1a1a;
  18415. color: white;
  18416. }
  18417. .dark-mode .banner-social {
  18418. background-image: linear-gradient(45deg, #0000006e 0, #000000 50%, #000000bd 100%), url(../img/header-bg.jpg);
  18419. }
  18420. .dark-mode .faq .card .card-body {
  18421. padding: 40px;
  18422. background: #1a1a1a;
  18423. }
  18424. .dark-mode .faqs {
  18425. background-image: linear-gradient(45deg, #0000006e 0, #000000 50%, #000000bd 100%), url(../img/header-bg.jpg);
  18426. }