style.css 409 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254925592569257925892599260926192629263926492659266926792689269927092719272927392749275927692779278927992809281928292839284928592869287928892899290929192929293929492959296929792989299930093019302930393049305930693079308930993109311931293139314931593169317931893199320932193229323932493259326932793289329933093319332933393349335933693379338933993409341934293439344934593469347934893499350935193529353935493559356935793589359936093619362936393649365936693679368936993709371937293739374937593769377937893799380938193829383938493859386938793889389939093919392939393949395939693979398939994009401940294039404940594069407940894099410941194129413941494159416941794189419942094219422942394249425942694279428942994309431943294339434943594369437943894399440944194429443944494459446944794489449945094519452945394549455945694579458945994609461946294639464946594669467946894699470947194729473947494759476947794789479948094819482948394849485948694879488948994909491949294939494949594969497949894999500950195029503950495059506950795089509951095119512951395149515951695179518951995209521952295239524952595269527952895299530953195329533953495359536953795389539954095419542954395449545954695479548954995509551955295539554955595569557955895599560956195629563956495659566956795689569957095719572957395749575957695779578957995809581958295839584958595869587958895899590959195929593959495959596959795989599960096019602960396049605960696079608960996109611961296139614961596169617961896199620962196229623962496259626962796289629963096319632963396349635963696379638963996409641964296439644964596469647964896499650965196529653965496559656965796589659966096619662966396649665966696679668966996709671967296739674967596769677967896799680968196829683968496859686968796889689969096919692969396949695969696979698969997009701970297039704970597069707970897099710971197129713971497159716971797189719972097219722972397249725972697279728972997309731973297339734973597369737973897399740974197429743974497459746974797489749975097519752975397549755975697579758975997609761976297639764976597669767976897699770977197729773977497759776977797789779978097819782978397849785978697879788978997909791979297939794979597969797979897999800980198029803980498059806980798089809981098119812981398149815981698179818981998209821982298239824982598269827982898299830983198329833983498359836983798389839984098419842984398449845984698479848984998509851985298539854985598569857985898599860986198629863986498659866986798689869987098719872987398749875987698779878987998809881988298839884988598869887988898899890989198929893989498959896989798989899990099019902990399049905990699079908990999109911991299139914991599169917991899199920992199229923992499259926992799289929993099319932993399349935993699379938993999409941994299439944994599469947994899499950995199529953995499559956995799589959996099619962996399649965996699679968996999709971997299739974997599769977997899799980998199829983998499859986998799889989999099919992999399949995999699979998999910000100011000210003100041000510006100071000810009100101001110012100131001410015100161001710018100191002010021100221002310024100251002610027100281002910030100311003210033100341003510036100371003810039100401004110042100431004410045100461004710048100491005010051100521005310054100551005610057100581005910060100611006210063100641006510066100671006810069100701007110072100731007410075100761007710078100791008010081100821008310084100851008610087100881008910090100911009210093100941009510096100971009810099101001010110102101031010410105101061010710108101091011010111101121011310114101151011610117101181011910120101211012210123101241012510126101271012810129101301013110132101331013410135101361013710138101391014010141101421014310144101451014610147101481014910150101511015210153101541015510156101571015810159101601016110162101631016410165101661016710168101691017010171101721017310174101751017610177101781017910180101811018210183101841018510186101871018810189101901019110192101931019410195101961019710198101991020010201102021020310204102051020610207102081020910210102111021210213102141021510216102171021810219102201022110222102231022410225102261022710228102291023010231102321023310234102351023610237102381023910240102411024210243102441024510246102471024810249102501025110252102531025410255102561025710258102591026010261102621026310264102651026610267102681026910270102711027210273102741027510276102771027810279102801028110282102831028410285102861028710288102891029010291102921029310294102951029610297102981029910300103011030210303103041030510306103071030810309103101031110312103131031410315103161031710318103191032010321103221032310324103251032610327103281032910330103311033210333103341033510336103371033810339103401034110342103431034410345103461034710348103491035010351103521035310354103551035610357103581035910360103611036210363103641036510366103671036810369103701037110372103731037410375103761037710378103791038010381103821038310384103851038610387103881038910390103911039210393103941039510396103971039810399104001040110402104031040410405104061040710408104091041010411104121041310414104151041610417104181041910420104211042210423104241042510426104271042810429104301043110432104331043410435104361043710438104391044010441104421044310444104451044610447104481044910450104511045210453104541045510456104571045810459104601046110462104631046410465104661046710468104691047010471104721047310474104751047610477104781047910480104811048210483104841048510486104871048810489104901049110492104931049410495104961049710498104991050010501105021050310504105051050610507105081050910510105111051210513105141051510516105171051810519105201052110522105231052410525105261052710528105291053010531105321053310534105351053610537105381053910540105411054210543105441054510546105471054810549105501055110552105531055410555105561055710558105591056010561105621056310564105651056610567105681056910570105711057210573105741057510576105771057810579105801058110582105831058410585105861058710588105891059010591105921059310594105951059610597105981059910600106011060210603106041060510606106071060810609106101061110612106131061410615106161061710618106191062010621106221062310624106251062610627106281062910630106311063210633106341063510636106371063810639106401064110642106431064410645106461064710648106491065010651106521065310654106551065610657106581065910660106611066210663106641066510666106671066810669106701067110672106731067410675106761067710678106791068010681106821068310684106851068610687106881068910690106911069210693106941069510696106971069810699107001070110702107031070410705107061070710708107091071010711107121071310714107151071610717107181071910720107211072210723107241072510726107271072810729107301073110732107331073410735107361073710738107391074010741107421074310744107451074610747107481074910750107511075210753107541075510756107571075810759107601076110762107631076410765107661076710768107691077010771107721077310774107751077610777107781077910780107811078210783107841078510786107871078810789107901079110792107931079410795107961079710798107991080010801108021080310804108051080610807108081080910810108111081210813108141081510816108171081810819108201082110822108231082410825108261082710828108291083010831108321083310834108351083610837108381083910840108411084210843108441084510846108471084810849108501085110852108531085410855108561085710858108591086010861108621086310864108651086610867108681086910870108711087210873108741087510876108771087810879108801088110882108831088410885108861088710888108891089010891108921089310894108951089610897108981089910900109011090210903109041090510906109071090810909109101091110912109131091410915109161091710918109191092010921109221092310924109251092610927109281092910930109311093210933109341093510936109371093810939109401094110942109431094410945109461094710948109491095010951109521095310954109551095610957109581095910960109611096210963109641096510966109671096810969109701097110972109731097410975109761097710978109791098010981109821098310984109851098610987109881098910990109911099210993109941099510996109971099810999110001100111002110031100411005110061100711008110091101011011110121101311014110151101611017110181101911020110211102211023110241102511026110271102811029110301103111032110331103411035110361103711038110391104011041110421104311044110451104611047110481104911050110511105211053110541105511056110571105811059110601106111062110631106411065110661106711068110691107011071110721107311074110751107611077110781107911080110811108211083110841108511086110871108811089110901109111092110931109411095110961109711098110991110011101111021110311104111051110611107111081110911110111111111211113111141111511116111171111811119111201112111122111231112411125111261112711128111291113011131111321113311134111351113611137111381113911140111411114211143111441114511146111471114811149111501115111152111531115411155111561115711158111591116011161111621116311164111651116611167111681116911170111711117211173111741117511176111771117811179111801118111182111831118411185111861118711188111891119011191111921119311194111951119611197111981119911200112011120211203112041120511206112071120811209112101121111212112131121411215112161121711218112191122011221112221122311224112251122611227112281122911230112311123211233112341123511236112371123811239112401124111242112431124411245112461124711248112491125011251112521125311254112551125611257112581125911260112611126211263112641126511266112671126811269112701127111272112731127411275112761127711278112791128011281112821128311284112851128611287112881128911290112911129211293112941129511296112971129811299113001130111302113031130411305113061130711308113091131011311113121131311314113151131611317113181131911320113211132211323113241132511326113271132811329113301133111332113331133411335113361133711338113391134011341113421134311344113451134611347113481134911350113511135211353113541135511356113571135811359113601136111362113631136411365113661136711368113691137011371113721137311374113751137611377113781137911380113811138211383113841138511386113871138811389113901139111392113931139411395113961139711398113991140011401114021140311404114051140611407114081140911410114111141211413114141141511416114171141811419114201142111422114231142411425114261142711428114291143011431114321143311434114351143611437114381143911440114411144211443114441144511446114471144811449114501145111452114531145411455114561145711458114591146011461114621146311464114651146611467114681146911470114711147211473114741147511476114771147811479114801148111482114831148411485114861148711488114891149011491114921149311494114951149611497114981149911500115011150211503115041150511506115071150811509115101151111512115131151411515115161151711518115191152011521115221152311524115251152611527115281152911530115311153211533115341153511536115371153811539115401154111542115431154411545115461154711548115491155011551115521155311554115551155611557115581155911560115611156211563115641156511566115671156811569115701157111572115731157411575115761157711578115791158011581115821158311584115851158611587115881158911590115911159211593115941159511596115971159811599116001160111602116031160411605116061160711608116091161011611116121161311614116151161611617116181161911620116211162211623116241162511626116271162811629116301163111632116331163411635116361163711638116391164011641116421164311644116451164611647116481164911650116511165211653116541165511656116571165811659116601166111662116631166411665116661166711668116691167011671116721167311674116751167611677116781167911680116811168211683116841168511686116871168811689116901169111692116931169411695116961169711698116991170011701117021170311704117051170611707117081170911710117111171211713117141171511716117171171811719117201172111722117231172411725117261172711728117291173011731117321173311734117351173611737117381173911740117411174211743117441174511746117471174811749117501175111752117531175411755117561175711758117591176011761117621176311764117651176611767117681176911770117711177211773117741177511776117771177811779117801178111782117831178411785117861178711788117891179011791117921179311794117951179611797117981179911800118011180211803118041180511806118071180811809118101181111812118131181411815118161181711818118191182011821118221182311824118251182611827118281182911830118311183211833118341183511836118371183811839118401184111842118431184411845118461184711848118491185011851118521185311854118551185611857118581185911860118611186211863118641186511866118671186811869118701187111872118731187411875118761187711878118791188011881118821188311884118851188611887118881188911890118911189211893118941189511896118971189811899119001190111902119031190411905119061190711908119091191011911119121191311914119151191611917119181191911920119211192211923119241192511926119271192811929119301193111932119331193411935119361193711938119391194011941119421194311944119451194611947119481194911950119511195211953119541195511956119571195811959119601196111962119631196411965119661196711968119691197011971119721197311974119751197611977119781197911980119811198211983119841198511986119871198811989119901199111992119931199411995119961199711998119991200012001120021200312004120051200612007120081200912010120111201212013120141201512016120171201812019120201202112022120231202412025120261202712028120291203012031120321203312034120351203612037120381203912040120411204212043120441204512046120471204812049120501205112052120531205412055120561205712058120591206012061120621206312064120651206612067120681206912070120711207212073120741207512076120771207812079120801208112082120831208412085120861208712088120891209012091120921209312094120951209612097120981209912100121011210212103121041210512106121071210812109121101211112112121131211412115121161211712118121191212012121121221212312124121251212612127121281212912130121311213212133121341213512136121371213812139121401214112142121431214412145121461214712148121491215012151121521215312154121551215612157121581215912160121611216212163121641216512166121671216812169121701217112172121731217412175121761217712178121791218012181121821218312184121851218612187121881218912190121911219212193121941219512196121971219812199122001220112202122031220412205122061220712208122091221012211122121221312214122151221612217122181221912220122211222212223122241222512226122271222812229122301223112232122331223412235122361223712238122391224012241122421224312244122451224612247122481224912250122511225212253122541225512256122571225812259122601226112262122631226412265122661226712268122691227012271122721227312274122751227612277122781227912280122811228212283122841228512286122871228812289122901229112292122931229412295122961229712298122991230012301123021230312304123051230612307123081230912310123111231212313123141231512316123171231812319123201232112322123231232412325123261232712328123291233012331123321233312334123351233612337123381233912340123411234212343123441234512346123471234812349123501235112352123531235412355123561235712358123591236012361123621236312364123651236612367123681236912370123711237212373123741237512376123771237812379123801238112382123831238412385123861238712388123891239012391123921239312394123951239612397123981239912400124011240212403124041240512406124071240812409124101241112412124131241412415124161241712418124191242012421124221242312424124251242612427124281242912430124311243212433124341243512436124371243812439124401244112442124431244412445124461244712448124491245012451124521245312454124551245612457124581245912460124611246212463124641246512466124671246812469124701247112472124731247412475124761247712478124791248012481124821248312484124851248612487124881248912490124911249212493124941249512496124971249812499125001250112502125031250412505125061250712508125091251012511125121251312514125151251612517125181251912520125211252212523125241252512526125271252812529125301253112532125331253412535125361253712538125391254012541125421254312544125451254612547125481254912550125511255212553125541255512556125571255812559125601256112562125631256412565125661256712568125691257012571125721257312574125751257612577125781257912580125811258212583125841258512586125871258812589125901259112592125931259412595125961259712598125991260012601126021260312604126051260612607126081260912610126111261212613126141261512616126171261812619126201262112622126231262412625126261262712628126291263012631126321263312634126351263612637126381263912640126411264212643126441264512646126471264812649126501265112652126531265412655126561265712658126591266012661126621266312664126651266612667126681266912670126711267212673126741267512676126771267812679126801268112682126831268412685126861268712688126891269012691126921269312694126951269612697126981269912700127011270212703127041270512706127071270812709127101271112712127131271412715127161271712718127191272012721127221272312724127251272612727127281272912730127311273212733127341273512736127371273812739127401274112742127431274412745127461274712748127491275012751127521275312754127551275612757127581275912760127611276212763127641276512766127671276812769127701277112772127731277412775127761277712778127791278012781127821278312784127851278612787127881278912790127911279212793127941279512796127971279812799128001280112802128031280412805128061280712808128091281012811128121281312814128151281612817128181281912820128211282212823128241282512826128271282812829128301283112832128331283412835128361283712838128391284012841128421284312844128451284612847128481284912850128511285212853128541285512856128571285812859128601286112862128631286412865128661286712868128691287012871128721287312874128751287612877128781287912880128811288212883128841288512886128871288812889128901289112892128931289412895128961289712898128991290012901129021290312904129051290612907129081290912910129111291212913129141291512916129171291812919129201292112922129231292412925129261292712928129291293012931129321293312934129351293612937129381293912940129411294212943129441294512946129471294812949129501295112952129531295412955129561295712958129591296012961129621296312964129651296612967129681296912970129711297212973129741297512976129771297812979129801298112982129831298412985129861298712988129891299012991129921299312994129951299612997129981299913000130011300213003130041300513006130071300813009130101301113012130131301413015130161301713018130191302013021130221302313024130251302613027130281302913030130311303213033130341303513036130371303813039130401304113042130431304413045130461304713048130491305013051130521305313054130551305613057130581305913060130611306213063130641306513066130671306813069130701307113072130731307413075130761307713078130791308013081130821308313084130851308613087130881308913090130911309213093130941309513096130971309813099131001310113102131031310413105131061310713108131091311013111131121311313114131151311613117131181311913120131211312213123131241312513126131271312813129131301313113132131331313413135131361313713138131391314013141131421314313144131451314613147131481314913150131511315213153131541315513156131571315813159131601316113162131631316413165131661316713168131691317013171131721317313174131751317613177131781317913180131811318213183131841318513186131871318813189131901319113192131931319413195131961319713198131991320013201132021320313204132051320613207132081320913210132111321213213132141321513216132171321813219132201322113222132231322413225132261322713228132291323013231132321323313234132351323613237132381323913240132411324213243132441324513246132471324813249132501325113252132531325413255132561325713258132591326013261132621326313264132651326613267132681326913270132711327213273132741327513276132771327813279132801328113282132831328413285132861328713288132891329013291132921329313294132951329613297132981329913300133011330213303133041330513306133071330813309133101331113312133131331413315133161331713318133191332013321133221332313324133251332613327133281332913330133311333213333133341333513336133371333813339133401334113342133431334413345133461334713348133491335013351133521335313354133551335613357133581335913360133611336213363133641336513366133671336813369133701337113372133731337413375133761337713378133791338013381133821338313384133851338613387133881338913390133911339213393133941339513396133971339813399134001340113402134031340413405134061340713408134091341013411134121341313414134151341613417134181341913420134211342213423134241342513426134271342813429134301343113432134331343413435134361343713438134391344013441134421344313444134451344613447134481344913450134511345213453134541345513456134571345813459134601346113462134631346413465134661346713468134691347013471134721347313474134751347613477134781347913480134811348213483134841348513486134871348813489134901349113492134931349413495134961349713498134991350013501135021350313504135051350613507135081350913510135111351213513135141351513516135171351813519135201352113522135231352413525135261352713528135291353013531135321353313534135351353613537135381353913540135411354213543135441354513546135471354813549135501355113552135531355413555135561355713558135591356013561135621356313564135651356613567135681356913570135711357213573135741357513576135771357813579135801358113582135831358413585135861358713588135891359013591135921359313594135951359613597135981359913600136011360213603136041360513606136071360813609136101361113612136131361413615136161361713618136191362013621136221362313624136251362613627136281362913630136311363213633136341363513636136371363813639136401364113642136431364413645136461364713648136491365013651136521365313654136551365613657136581365913660136611366213663136641366513666136671366813669136701367113672136731367413675136761367713678136791368013681136821368313684136851368613687136881368913690136911369213693136941369513696136971369813699137001370113702137031370413705137061370713708137091371013711137121371313714137151371613717137181371913720137211372213723137241372513726137271372813729137301373113732137331373413735137361373713738137391374013741137421374313744137451374613747137481374913750137511375213753137541375513756137571375813759137601376113762137631376413765137661376713768137691377013771137721377313774137751377613777137781377913780137811378213783137841378513786137871378813789137901379113792137931379413795137961379713798137991380013801138021380313804138051380613807138081380913810138111381213813138141381513816138171381813819138201382113822138231382413825138261382713828138291383013831138321383313834138351383613837138381383913840138411384213843138441384513846138471384813849138501385113852138531385413855138561385713858138591386013861138621386313864138651386613867138681386913870138711387213873138741387513876138771387813879138801388113882138831388413885138861388713888138891389013891138921389313894138951389613897138981389913900139011390213903139041390513906139071390813909139101391113912139131391413915139161391713918139191392013921139221392313924139251392613927139281392913930139311393213933139341393513936139371393813939139401394113942139431394413945139461394713948139491395013951139521395313954139551395613957139581395913960139611396213963139641396513966139671396813969139701397113972139731397413975139761397713978139791398013981139821398313984139851398613987139881398913990139911399213993139941399513996139971399813999140001400114002140031400414005140061400714008140091401014011140121401314014140151401614017140181401914020140211402214023140241402514026140271402814029140301403114032140331403414035140361403714038140391404014041140421404314044140451404614047140481404914050140511405214053140541405514056140571405814059140601406114062140631406414065140661406714068140691407014071140721407314074140751407614077140781407914080140811408214083140841408514086140871408814089140901409114092140931409414095140961409714098140991410014101141021410314104141051410614107141081410914110141111411214113141141411514116141171411814119141201412114122141231412414125141261412714128141291413014131141321413314134141351413614137141381413914140141411414214143141441414514146141471414814149141501415114152141531415414155141561415714158141591416014161141621416314164141651416614167141681416914170141711417214173141741417514176141771417814179141801418114182141831418414185141861418714188141891419014191141921419314194141951419614197141981419914200142011420214203142041420514206142071420814209142101421114212142131421414215142161421714218142191422014221142221422314224142251422614227142281422914230142311423214233142341423514236142371423814239142401424114242142431424414245142461424714248142491425014251142521425314254142551425614257142581425914260142611426214263142641426514266142671426814269142701427114272142731427414275142761427714278142791428014281142821428314284142851428614287142881428914290142911429214293142941429514296142971429814299143001430114302143031430414305143061430714308143091431014311143121431314314143151431614317143181431914320143211432214323143241432514326143271432814329143301433114332143331433414335143361433714338143391434014341143421434314344143451434614347143481434914350143511435214353143541435514356143571435814359143601436114362143631436414365143661436714368143691437014371143721437314374143751437614377143781437914380143811438214383143841438514386143871438814389143901439114392143931439414395143961439714398143991440014401144021440314404144051440614407144081440914410144111441214413144141441514416144171441814419144201442114422144231442414425144261442714428144291443014431144321443314434144351443614437144381443914440144411444214443144441444514446144471444814449144501445114452144531445414455144561445714458144591446014461144621446314464144651446614467144681446914470144711447214473144741447514476144771447814479144801448114482144831448414485144861448714488144891449014491144921449314494144951449614497144981449914500145011450214503145041450514506145071450814509145101451114512145131451414515145161451714518145191452014521145221452314524145251452614527145281452914530145311453214533145341453514536145371453814539145401454114542145431454414545145461454714548145491455014551145521455314554145551455614557145581455914560145611456214563145641456514566145671456814569145701457114572145731457414575145761457714578145791458014581145821458314584145851458614587145881458914590145911459214593145941459514596145971459814599146001460114602146031460414605146061460714608146091461014611146121461314614146151461614617146181461914620146211462214623146241462514626146271462814629146301463114632146331463414635146361463714638146391464014641146421464314644146451464614647146481464914650146511465214653146541465514656146571465814659146601466114662146631466414665146661466714668146691467014671146721467314674146751467614677146781467914680146811468214683146841468514686146871468814689146901469114692146931469414695146961469714698146991470014701147021470314704147051470614707147081470914710147111471214713147141471514716147171471814719147201472114722147231472414725147261472714728147291473014731147321473314734147351473614737147381473914740147411474214743147441474514746147471474814749147501475114752147531475414755147561475714758147591476014761147621476314764147651476614767147681476914770147711477214773147741477514776147771477814779147801478114782147831478414785147861478714788147891479014791147921479314794147951479614797147981479914800148011480214803148041480514806148071480814809148101481114812148131481414815148161481714818148191482014821148221482314824148251482614827148281482914830148311483214833148341483514836148371483814839148401484114842148431484414845148461484714848148491485014851148521485314854148551485614857148581485914860148611486214863148641486514866148671486814869148701487114872148731487414875148761487714878148791488014881148821488314884148851488614887148881488914890148911489214893148941489514896148971489814899149001490114902149031490414905149061490714908149091491014911149121491314914149151491614917149181491914920149211492214923149241492514926149271492814929149301493114932149331493414935149361493714938149391494014941149421494314944149451494614947149481494914950149511495214953149541495514956149571495814959149601496114962149631496414965149661496714968149691497014971149721497314974149751497614977149781497914980149811498214983149841498514986149871498814989149901499114992149931499414995149961499714998149991500015001150021500315004150051500615007150081500915010150111501215013150141501515016150171501815019150201502115022150231502415025150261502715028150291503015031150321503315034150351503615037150381503915040150411504215043150441504515046150471504815049150501505115052150531505415055150561505715058150591506015061150621506315064150651506615067150681506915070150711507215073150741507515076150771507815079150801508115082150831508415085150861508715088150891509015091150921509315094150951509615097150981509915100151011510215103151041510515106151071510815109151101511115112151131511415115151161511715118151191512015121151221512315124151251512615127151281512915130151311513215133151341513515136151371513815139151401514115142151431514415145151461514715148151491515015151151521515315154151551515615157151581515915160151611516215163151641516515166151671516815169151701517115172151731517415175151761517715178151791518015181151821518315184151851518615187151881518915190151911519215193151941519515196151971519815199152001520115202152031520415205152061520715208152091521015211152121521315214152151521615217152181521915220152211522215223152241522515226152271522815229152301523115232152331523415235152361523715238152391524015241152421524315244152451524615247152481524915250152511525215253152541525515256152571525815259152601526115262152631526415265152661526715268152691527015271152721527315274152751527615277152781527915280152811528215283152841528515286152871528815289152901529115292152931529415295152961529715298152991530015301153021530315304153051530615307153081530915310153111531215313153141531515316153171531815319153201532115322153231532415325153261532715328153291533015331153321533315334153351533615337153381533915340153411534215343153441534515346153471534815349153501535115352153531535415355153561535715358153591536015361153621536315364153651536615367153681536915370153711537215373153741537515376153771537815379153801538115382153831538415385153861538715388153891539015391153921539315394153951539615397153981539915400154011540215403154041540515406154071540815409154101541115412154131541415415154161541715418154191542015421154221542315424154251542615427154281542915430154311543215433154341543515436154371543815439154401544115442154431544415445154461544715448154491545015451154521545315454154551545615457154581545915460154611546215463154641546515466154671546815469154701547115472154731547415475154761547715478154791548015481154821548315484154851548615487154881548915490154911549215493154941549515496154971549815499155001550115502155031550415505155061550715508155091551015511155121551315514155151551615517155181551915520155211552215523155241552515526155271552815529155301553115532155331553415535155361553715538155391554015541155421554315544155451554615547155481554915550155511555215553155541555515556155571555815559155601556115562155631556415565155661556715568155691557015571155721557315574155751557615577155781557915580155811558215583155841558515586155871558815589155901559115592155931559415595155961559715598155991560015601156021560315604156051560615607156081560915610156111561215613156141561515616156171561815619156201562115622156231562415625156261562715628156291563015631156321563315634156351563615637156381563915640156411564215643156441564515646156471564815649156501565115652156531565415655156561565715658156591566015661156621566315664156651566615667156681566915670156711567215673156741567515676156771567815679156801568115682156831568415685156861568715688156891569015691156921569315694156951569615697156981569915700157011570215703157041570515706157071570815709157101571115712157131571415715157161571715718157191572015721157221572315724157251572615727157281572915730157311573215733157341573515736157371573815739157401574115742157431574415745157461574715748157491575015751157521575315754157551575615757157581575915760157611576215763157641576515766157671576815769157701577115772157731577415775157761577715778157791578015781157821578315784157851578615787157881578915790157911579215793157941579515796157971579815799158001580115802158031580415805158061580715808158091581015811158121581315814158151581615817158181581915820158211582215823158241582515826158271582815829158301583115832158331583415835158361583715838158391584015841158421584315844158451584615847158481584915850158511585215853158541585515856158571585815859158601586115862158631586415865158661586715868158691587015871158721587315874158751587615877158781587915880158811588215883158841588515886158871588815889158901589115892158931589415895158961589715898158991590015901159021590315904159051590615907159081590915910159111591215913159141591515916159171591815919159201592115922159231592415925159261592715928159291593015931159321593315934159351593615937159381593915940159411594215943159441594515946159471594815949159501595115952159531595415955159561595715958159591596015961159621596315964159651596615967159681596915970159711597215973159741597515976159771597815979159801598115982159831598415985159861598715988159891599015991159921599315994159951599615997159981599916000160011600216003160041600516006160071600816009160101601116012160131601416015160161601716018160191602016021160221602316024160251602616027160281602916030160311603216033160341603516036160371603816039160401604116042160431604416045160461604716048160491605016051160521605316054160551605616057160581605916060160611606216063160641606516066160671606816069160701607116072160731607416075160761607716078160791608016081160821608316084160851608616087160881608916090160911609216093160941609516096160971609816099161001610116102161031610416105161061610716108161091611016111161121611316114161151611616117161181611916120161211612216123161241612516126161271612816129161301613116132161331613416135161361613716138161391614016141161421614316144161451614616147161481614916150161511615216153161541615516156161571615816159161601616116162161631616416165161661616716168161691617016171161721617316174161751617616177161781617916180161811618216183161841618516186161871618816189161901619116192161931619416195161961619716198161991620016201162021620316204162051620616207162081620916210162111621216213162141621516216162171621816219162201622116222162231622416225162261622716228162291623016231162321623316234162351623616237162381623916240162411624216243162441624516246162471624816249162501625116252162531625416255162561625716258162591626016261162621626316264162651626616267162681626916270162711627216273162741627516276162771627816279162801628116282162831628416285162861628716288162891629016291162921629316294162951629616297162981629916300163011630216303163041630516306163071630816309163101631116312163131631416315163161631716318163191632016321163221632316324163251632616327163281632916330163311633216333163341633516336163371633816339163401634116342163431634416345163461634716348163491635016351163521635316354163551635616357163581635916360163611636216363163641636516366163671636816369163701637116372163731637416375163761637716378163791638016381163821638316384163851638616387163881638916390163911639216393163941639516396163971639816399164001640116402164031640416405164061640716408164091641016411164121641316414164151641616417164181641916420164211642216423164241642516426164271642816429164301643116432164331643416435164361643716438164391644016441164421644316444164451644616447164481644916450164511645216453164541645516456164571645816459164601646116462164631646416465164661646716468164691647016471164721647316474164751647616477164781647916480164811648216483164841648516486164871648816489164901649116492164931649416495164961649716498164991650016501165021650316504165051650616507165081650916510165111651216513165141651516516165171651816519165201652116522165231652416525165261652716528165291653016531165321653316534165351653616537165381653916540165411654216543165441654516546165471654816549165501655116552165531655416555165561655716558165591656016561165621656316564165651656616567165681656916570165711657216573165741657516576165771657816579165801658116582165831658416585165861658716588165891659016591165921659316594165951659616597165981659916600166011660216603166041660516606166071660816609166101661116612166131661416615166161661716618166191662016621166221662316624166251662616627166281662916630166311663216633166341663516636166371663816639166401664116642166431664416645166461664716648166491665016651166521665316654166551665616657166581665916660166611666216663166641666516666166671666816669166701667116672166731667416675166761667716678166791668016681166821668316684166851668616687166881668916690166911669216693166941669516696166971669816699167001670116702167031670416705167061670716708167091671016711167121671316714167151671616717167181671916720167211672216723167241672516726167271672816729167301673116732167331673416735167361673716738167391674016741167421674316744167451674616747167481674916750167511675216753167541675516756167571675816759167601676116762167631676416765167661676716768167691677016771167721677316774167751677616777167781677916780167811678216783167841678516786167871678816789167901679116792167931679416795167961679716798167991680016801168021680316804168051680616807168081680916810168111681216813168141681516816168171681816819168201682116822168231682416825168261682716828168291683016831168321683316834168351683616837168381683916840168411684216843168441684516846168471684816849168501685116852168531685416855168561685716858168591686016861168621686316864168651686616867168681686916870168711687216873168741687516876168771687816879168801688116882168831688416885168861688716888168891689016891168921689316894168951689616897168981689916900169011690216903169041690516906169071690816909169101691116912169131691416915169161691716918169191692016921169221692316924169251692616927169281692916930169311693216933169341693516936169371693816939169401694116942169431694416945169461694716948169491695016951169521695316954169551695616957169581695916960169611696216963169641696516966169671696816969169701697116972169731697416975169761697716978169791698016981169821698316984169851698616987169881698916990169911699216993169941699516996169971699816999170001700117002170031700417005170061700717008170091701017011170121701317014170151701617017170181701917020170211702217023170241702517026170271702817029170301703117032170331703417035170361703717038170391704017041170421704317044170451704617047170481704917050170511705217053170541705517056170571705817059170601706117062170631706417065170661706717068170691707017071170721707317074170751707617077170781707917080170811708217083170841708517086170871708817089170901709117092170931709417095170961709717098170991710017101171021710317104171051710617107171081710917110171111711217113171141711517116171171711817119171201712117122171231712417125171261712717128171291713017131171321713317134171351713617137171381713917140171411714217143171441714517146171471714817149171501715117152171531715417155171561715717158171591716017161171621716317164171651716617167171681716917170171711717217173171741717517176171771717817179171801718117182171831718417185171861718717188171891719017191171921719317194171951719617197171981719917200172011720217203172041720517206172071720817209172101721117212172131721417215172161721717218172191722017221172221722317224172251722617227172281722917230172311723217233172341723517236172371723817239172401724117242172431724417245172461724717248172491725017251172521725317254172551725617257172581725917260172611726217263172641726517266172671726817269172701727117272172731727417275172761727717278172791728017281172821728317284172851728617287172881728917290172911729217293172941729517296172971729817299173001730117302173031730417305173061730717308173091731017311173121731317314173151731617317173181731917320173211732217323173241732517326173271732817329173301733117332173331733417335173361733717338173391734017341173421734317344173451734617347173481734917350173511735217353173541735517356173571735817359173601736117362173631736417365173661736717368173691737017371173721737317374173751737617377173781737917380173811738217383173841738517386173871738817389173901739117392173931739417395173961739717398173991740017401174021740317404174051740617407174081740917410174111741217413174141741517416174171741817419174201742117422174231742417425174261742717428174291743017431174321743317434174351743617437174381743917440174411744217443174441744517446174471744817449174501745117452174531745417455174561745717458174591746017461174621746317464174651746617467174681746917470174711747217473174741747517476174771747817479174801748117482174831748417485174861748717488174891749017491174921749317494174951749617497174981749917500175011750217503175041750517506175071750817509175101751117512175131751417515175161751717518175191752017521175221752317524175251752617527175281752917530175311753217533175341753517536175371753817539175401754117542175431754417545175461754717548175491755017551175521755317554175551755617557175581755917560175611756217563175641756517566175671756817569175701757117572175731757417575175761757717578175791758017581175821758317584175851758617587175881758917590175911759217593175941759517596175971759817599176001760117602176031760417605176061760717608176091761017611176121761317614176151761617617176181761917620176211762217623176241762517626176271762817629176301763117632176331763417635176361763717638176391764017641176421764317644176451764617647176481764917650176511765217653176541765517656176571765817659176601766117662176631766417665176661766717668176691767017671176721767317674176751767617677176781767917680176811768217683176841768517686176871768817689176901769117692176931769417695176961769717698176991770017701177021770317704177051770617707177081770917710177111771217713177141771517716177171771817719177201772117722177231772417725177261772717728177291773017731177321773317734177351773617737177381773917740177411774217743177441774517746177471774817749177501775117752177531775417755177561775717758177591776017761177621776317764177651776617767177681776917770177711777217773177741777517776177771777817779177801778117782177831778417785177861778717788177891779017791177921779317794177951779617797177981779917800178011780217803178041780517806178071780817809178101781117812178131781417815178161781717818178191782017821178221782317824178251782617827178281782917830178311783217833178341783517836178371783817839178401784117842178431784417845178461784717848178491785017851178521785317854178551785617857178581785917860178611786217863178641786517866178671786817869178701787117872178731787417875178761787717878178791788017881178821788317884178851788617887178881788917890178911789217893178941789517896178971789817899179001790117902179031790417905179061790717908179091791017911179121791317914179151791617917179181791917920179211792217923179241792517926179271792817929179301793117932179331793417935179361793717938179391794017941179421794317944179451794617947179481794917950179511795217953179541795517956179571795817959179601796117962179631796417965179661796717968179691797017971179721797317974179751797617977179781797917980179811798217983179841798517986179871798817989179901799117992179931799417995179961799717998179991800018001180021800318004180051800618007180081800918010180111801218013180141801518016180171801818019180201802118022180231802418025180261802718028180291803018031180321803318034180351803618037180381803918040180411804218043180441804518046180471804818049180501805118052180531805418055180561805718058180591806018061180621806318064180651806618067180681806918070180711807218073180741807518076180771807818079180801808118082180831808418085180861808718088180891809018091180921809318094180951809618097180981809918100181011810218103181041810518106181071810818109181101811118112181131811418115181161811718118181191812018121181221812318124181251812618127181281812918130181311813218133181341813518136181371813818139181401814118142181431814418145181461814718148181491815018151181521815318154181551815618157181581815918160181611816218163181641816518166181671816818169181701817118172181731817418175181761817718178181791818018181181821818318184181851818618187181881818918190181911819218193181941819518196181971819818199182001820118202182031820418205182061820718208182091821018211182121821318214182151821618217182181821918220182211822218223182241822518226182271822818229182301823118232182331823418235182361823718238182391824018241182421824318244182451824618247182481824918250182511825218253182541825518256182571825818259182601826118262182631826418265182661826718268182691827018271182721827318274182751827618277182781827918280182811828218283182841828518286182871828818289182901829118292182931829418295182961829718298182991830018301183021830318304183051830618307183081830918310183111831218313183141831518316183171831818319183201832118322183231832418325183261832718328183291833018331183321833318334183351833618337183381833918340183411834218343183441834518346183471834818349183501835118352183531835418355183561835718358183591836018361183621836318364183651836618367183681836918370183711837218373183741837518376183771837818379183801838118382183831838418385183861838718388183891839018391183921839318394183951839618397183981839918400184011840218403184041840518406184071840818409184101841118412184131841418415184161841718418184191842018421184221842318424184251842618427184281842918430184311843218433184341843518436184371843818439184401844118442184431844418445184461844718448184491845018451184521845318454184551845618457184581845918460184611846218463184641846518466184671846818469184701847118472184731847418475184761847718478184791848018481184821848318484184851848618487184881848918490184911849218493184941849518496184971849818499185001850118502185031850418505185061850718508185091851018511185121851318514185151851618517185181851918520185211852218523185241852518526185271852818529185301853118532185331853418535185361853718538185391854018541185421854318544185451854618547185481854918550185511855218553185541855518556185571855818559185601856118562185631856418565185661856718568185691857018571185721857318574185751857618577185781857918580185811858218583185841858518586185871858818589185901859118592185931859418595185961859718598185991860018601186021860318604186051860618607186081860918610186111861218613186141861518616186171861818619186201862118622186231862418625186261862718628186291863018631186321863318634186351863618637186381863918640186411864218643186441864518646186471864818649186501865118652186531865418655186561865718658186591866018661186621866318664186651866618667186681866918670186711867218673186741867518676186771867818679186801868118682186831868418685186861868718688186891869018691186921869318694186951869618697186981869918700187011870218703187041870518706187071870818709187101871118712187131871418715187161871718718187191872018721187221872318724187251872618727187281872918730187311873218733187341873518736187371873818739187401874118742187431874418745187461874718748187491875018751187521875318754187551875618757187581875918760187611876218763187641876518766187671876818769187701877118772187731877418775187761877718778187791878018781187821878318784187851878618787187881878918790187911879218793187941879518796187971879818799188001880118802188031880418805188061880718808188091881018811188121881318814188151881618817188181881918820188211882218823188241882518826188271882818829188301883118832188331883418835188361883718838188391884018841188421884318844188451884618847188481884918850188511885218853188541885518856188571885818859188601886118862188631886418865188661886718868188691887018871188721887318874188751887618877188781887918880188811888218883188841888518886188871888818889188901889118892188931889418895188961889718898188991890018901189021890318904189051890618907189081890918910189111891218913189141891518916189171891818919189201892118922189231892418925189261892718928189291893018931189321893318934189351893618937189381893918940189411894218943189441894518946189471894818949189501895118952189531895418955189561895718958189591896018961189621896318964189651896618967189681896918970189711897218973189741897518976189771897818979189801898118982189831898418985189861898718988189891899018991189921899318994189951899618997189981899919000190011900219003190041900519006190071900819009190101901119012190131901419015190161901719018190191902019021190221902319024190251902619027190281902919030190311903219033190341903519036190371903819039190401904119042190431904419045190461904719048190491905019051190521905319054190551905619057
  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. }
  920. .home-agency {
  921. color: #6a7695;
  922. }
  923. .home-agency h1, .home-agency h2, .home-agency h3, .home-agency h4, .home-agency h5, .home-agency h6 {
  924. color: #373d46;
  925. }
  926. .no-scroll {
  927. overflow: hidden;
  928. }
  929. #main_content {
  930. background: #fff;
  931. }
  932. svg {
  933. display: block;
  934. }
  935. a, button {
  936. -webkit-transition: all 0.3s ease-in-out;
  937. -o-transition: all 0.3s ease-in-out;
  938. transition: all 0.3s ease-in-out;
  939. }
  940. input, textarea {
  941. width: 100%;
  942. background: #f8f7fb;
  943. padding: 10px 15px;
  944. border: 0;
  945. outline: 0;
  946. -webkit-transition: all 0.3s ease-in-out;
  947. -o-transition: all 0.3s ease-in-out;
  948. transition: all 0.3s ease-in-out;
  949. margin-bottom: 15px;
  950. border-radius: 5px;
  951. border: 1px solid transparent;
  952. }
  953. input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  954. color: #a4abc0;
  955. }
  956. input::-moz-placeholder, textarea::-moz-placeholder {
  957. color: #a4abc0;
  958. }
  959. input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  960. color: #a4abc0;
  961. }
  962. input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  963. color: #a4abc0;
  964. }
  965. input::placeholder, textarea::placeholder {
  966. color: #a4abc0;
  967. }
  968. input:focus, textarea:focus {
  969. -webkit-box-shadow: 0px 15px 17px 0px rgba(20, 3, 70, 0.08);
  970. box-shadow: 0px 15px 17px 0px rgba(20, 3, 70, 0.08);
  971. background: transparent;
  972. border-color: #fafafc;
  973. }
  974. textarea {
  975. height: 160px;
  976. }
  977. a, a:hover {
  978. text-decoration: none;
  979. }
  980. h1 {
  981. margin-top: 0;
  982. font-weight: 400;
  983. font-family: "Poppins", sans-serif;
  984. font-size: 50px;
  985. }
  986. h6 {
  987. line-height: 24px;
  988. }
  989. img {
  990. max-width: 100%;
  991. height: auto;
  992. }
  993. .pr {
  994. position: relative;
  995. z-index: 111;
  996. }
  997. .mb-160 {
  998. margin-bottom: 160px !important;
  999. }
  1000. .mb-220 {
  1001. margin-bottom: 185px;
  1002. }
  1003. @media (max-width: 991px) {
  1004. .mb-220 {
  1005. margin-bottom: 100px;
  1006. }
  1007. }
  1008. .bmt-100 {
  1009. margin-top: 100px;
  1010. }
  1011. .mt-60 {
  1012. margin-top: 60px;
  1013. }
  1014. @media (max-width: 991px) {
  1015. .order-md {
  1016. -webkit-box-ordinal-group: 3;
  1017. -ms-flex-order: 2;
  1018. order: 2;
  1019. }
  1020. }
  1021. .border-none {
  1022. border: 0;
  1023. }
  1024. .border-none:before, .border-none:after {
  1025. display: none;
  1026. }
  1027. .home-corporate, .home-social-payment {
  1028. font-family: "Poppins", sans-serif;
  1029. font-size: 15px;
  1030. }
  1031. .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 {
  1032. color: #051441;
  1033. }
  1034. .home-corporate p, .home-social-payment p {
  1035. color: #677294;
  1036. font-size: 15px;
  1037. }
  1038. .home-saas h1, .home-saas h2, .home-saas h3, .home-saas h4, .home-saas h5, .home-saas h6 {
  1039. color: #2c2c51;
  1040. }
  1041. .home-analytics {
  1042. font-family: "Poppins", sans-serif;
  1043. color: #6d717f;
  1044. font-size: 16px;
  1045. line-height: 26px;
  1046. font-weight: 400;
  1047. }
  1048. .home-analytics h1, .home-analytics h2, .home-analytics h3, .home-analytics h4, .home-analytics h5, .home-analytics h6 {
  1049. color: #051441;
  1050. }
  1051. body.home-seo {
  1052. font-size: 16px;
  1053. color: #7b7f8c;
  1054. font-family: "Poppins", sans-serif;
  1055. line-height: 26px;
  1056. }
  1057. body.home-seo h1, body.home-seo h2, body.home-seo h3, body.home-seo h4, body.home-seo h5, body.home-seo h6 {
  1058. color: #343e5d;
  1059. }
  1060. body.home-agency-two {
  1061. color: #706c79;
  1062. }
  1063. 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 {
  1064. color: #1f113a;
  1065. }
  1066. .pr {
  1067. position: relative !important;
  1068. }
  1069. .pd-none {
  1070. padding: 0 !important;
  1071. }
  1072. .mb-75 {
  1073. margin-bottom: 75px;
  1074. }
  1075. .mt-80 {
  1076. margin-top: 77px;
  1077. }
  1078. .mt-150 {
  1079. margin-top: 150px;
  1080. }
  1081. @media (max-width: 991px) {
  1082. .mt-80 {
  1083. margin-top: 0;
  1084. }
  1085. }
  1086. .mb-140 {
  1087. margin-bottom: 140px;
  1088. }
  1089. .container {
  1090. max-width: 1200px;
  1091. }
  1092. .title-small {
  1093. font-size: 20px;
  1094. text-align: center;
  1095. color: #6a7695 !important;
  1096. margin-bottom: 53px;
  1097. font-weight: 400;
  1098. }
  1099. @media (max-width: 991px) {
  1100. .gpt-order-2 {
  1101. -webkit-box-ordinal-group: 3;
  1102. -ms-flex-order: 2;
  1103. order: 2;
  1104. }
  1105. }
  1106. @media (max-width: 767px) {
  1107. .gpt-order-md-2 {
  1108. -webkit-box-ordinal-group: 3;
  1109. -ms-flex-order: 2;
  1110. order: 2;
  1111. }
  1112. }
  1113. .gp-col-2 {
  1114. width: 20%;
  1115. padding: 0 15px;
  1116. }
  1117. /*
  1118. Flaticon icon font: Flaticon
  1119. Creation date: 24/08/2018 05:51
  1120. */
  1121. @font-face {
  1122. font-family: "Flaticon";
  1123. src: url("../fonts/Flaticon.eot");
  1124. 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");
  1125. font-weight: normal;
  1126. font-style: normal;
  1127. }
  1128. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  1129. @font-face {
  1130. font-family: "Flaticon";
  1131. src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  1132. }
  1133. }
  1134. .fi:before {
  1135. display: inline-block;
  1136. font-family: "Flaticon";
  1137. font-style: normal;
  1138. font-weight: normal;
  1139. font-variant: normal;
  1140. line-height: 1;
  1141. text-decoration: inherit;
  1142. text-rendering: optimizeLegibility;
  1143. text-transform: none;
  1144. }
  1145. .flaticon-playstore:before {
  1146. content: "";
  1147. }
  1148. .flaticon-apple-logo:before {
  1149. content: "";
  1150. }
  1151. @media (max-width: 992px) {
  1152. .gp-col-2 {
  1153. width: 33.33%;
  1154. padding: 0 15px;
  1155. }
  1156. }
  1157. @media (max-width: 576px) {
  1158. .gp-col-2 {
  1159. width: 50%;
  1160. padding: 0 15px;
  1161. }
  1162. }
  1163. @media (max-width: 420px) {
  1164. .gp-col-2 {
  1165. width: 100%;
  1166. padding: 0 15px;
  1167. }
  1168. }
  1169. /* Page Loader */
  1170. .loading {
  1171. font-size: 84px;
  1172. font-weight: 800;
  1173. text-align: center;
  1174. width: 100%;
  1175. line-height: 1;
  1176. }
  1177. .loading span {
  1178. position: relative;
  1179. color: rgba(0, 0, 0, 0.2);
  1180. display: inline-block;
  1181. }
  1182. .loading span::after {
  1183. position: absolute;
  1184. top: 0;
  1185. left: 0;
  1186. content: attr(data-text);
  1187. color: #051441;
  1188. opacity: 0;
  1189. -webkit-transform: scale(1.5);
  1190. -ms-transform: scale(1.5);
  1191. transform: scale(1.5);
  1192. -webkit-animation: loading 3s infinite;
  1193. animation: loading 3s infinite;
  1194. }
  1195. .loading span:nth-child(2)::after {
  1196. -webkit-animation-delay: 0.1s;
  1197. animation-delay: 0.1s;
  1198. }
  1199. .loading span:nth-child(3)::after {
  1200. -webkit-animation-delay: 0.2s;
  1201. animation-delay: 0.2s;
  1202. }
  1203. .loading span:nth-child(4)::after {
  1204. -webkit-animation-delay: 0.3s;
  1205. animation-delay: 0.3s;
  1206. }
  1207. .loading span:nth-child(5)::after {
  1208. -webkit-animation-delay: 0.4s;
  1209. animation-delay: 0.4s;
  1210. }
  1211. .loading span:nth-child(6)::after {
  1212. -webkit-animation-delay: 0.5s;
  1213. animation-delay: 0.5s;
  1214. }
  1215. .loading span:nth-child(7)::after {
  1216. -webkit-animation-delay: 0.6s;
  1217. animation-delay: 0.6s;
  1218. }
  1219. @-webkit-keyframes loading {
  1220. 0%, 75%, 100% {
  1221. -webkit-transform: scale(1.5);
  1222. transform: scale(1.5);
  1223. opacity: 0;
  1224. }
  1225. 25%, 50% {
  1226. -webkit-transform: scale(1);
  1227. transform: scale(1);
  1228. opacity: 1;
  1229. }
  1230. }
  1231. @keyframes loading {
  1232. 0%, 75%, 100% {
  1233. -webkit-transform: scale(1.5);
  1234. transform: scale(1.5);
  1235. opacity: 0;
  1236. }
  1237. 25%, 50% {
  1238. -webkit-transform: scale(1);
  1239. transform: scale(1);
  1240. opacity: 1;
  1241. }
  1242. }
  1243. /*--------------------------------------------------------------
  1244. ## Button
  1245. --------------------------------------------------------------*/
  1246. .gp-btn {
  1247. text-align: center;
  1248. padding: 10px 20px;
  1249. color: #fff;
  1250. cursor: pointer;
  1251. display: inline-block;
  1252. position: relative;
  1253. border: 2px solid #ffd600;
  1254. -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  1255. -o-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  1256. transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  1257. z-index: 2;
  1258. border-radius: 3px;
  1259. font-size: 15px;
  1260. font-weight: 500;
  1261. background: linear-gradient(60deg, #feb00a, #ffb100);
  1262. }
  1263. .gp-btn.banner-btn {
  1264. padding: 11px 33px;
  1265. border-radius: 4px;
  1266. }
  1267. .gp-btn.btn-submit {
  1268. background: #ed1f25;
  1269. width: auto;
  1270. font-size: 14px;
  1271. font-weight: 500;
  1272. margin: 0;
  1273. padding: 10px 27px;
  1274. }
  1275. .gp-btn.btn-submit:after {
  1276. background: #ed1f25;
  1277. }
  1278. .gp-btn.btn-submit:hover {
  1279. -webkit-box-shadow: none;
  1280. box-shadow: none;
  1281. background: #ed1f25;
  1282. color: #fff;
  1283. }
  1284. .gp-btn.btn-circle {
  1285. border-radius: 10px;
  1286. overflow: hidden;
  1287. }
  1288. .gp-btn.btn-sqr {
  1289. border-radius: 0;
  1290. }
  1291. .gp-btn.btn-lg {
  1292. padding: 16px 18px;
  1293. width: 350px;
  1294. }
  1295. .gp-btn i {
  1296. font-size: 20px;
  1297. margin-left: 5px;
  1298. display: inline-block;
  1299. vertical-align: -3px;
  1300. }
  1301. .gp-btn:hover {
  1302. color: #ffd600;
  1303. background: transparent;
  1304. -webkit-box-shadow: none;
  1305. box-shadow: none;
  1306. }
  1307. .gp-btn:hover:after {
  1308. top: 0;
  1309. bottom: auto;
  1310. height: 0;
  1311. }
  1312. .gp-btn.gp-btn-light {
  1313. color: #ed1f25;
  1314. border-color: #fff;
  1315. -webkit-box-shadow: none;
  1316. box-shadow: none;
  1317. }
  1318. .gp-btn.gp-btn-light:after {
  1319. background: #fff;
  1320. }
  1321. .gp-btn.gp-btn-light:hover {
  1322. color: #fff;
  1323. }
  1324. .gp-btn.gp-btn-light.btn-light-four {
  1325. color: #f8b137;
  1326. }
  1327. .gp-btn.gp-btn-light.btn-light-four:hover {
  1328. color: #fff;
  1329. }
  1330. .gp-btn.gp-btn-light.color-three {
  1331. color: #ed1f25;
  1332. border-color: #fff;
  1333. }
  1334. .gp-btn.gp-btn-light.color-three:after {
  1335. background: #fff;
  1336. }
  1337. .gp-btn.gp-btn-light.color-three:hover {
  1338. color: #fff;
  1339. }
  1340. .gp-btn.btn-light {
  1341. color: #000;
  1342. border-color: #fff;
  1343. -webkit-box-shadow: none;
  1344. box-shadow: none;
  1345. -webkit-box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
  1346. box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
  1347. }
  1348. .gp-btn.btn-light:after {
  1349. background: #fff;
  1350. }
  1351. .gp-btn.btn-light:hover {
  1352. color: #fff;
  1353. -webkit-box-shadow: none;
  1354. box-shadow: none;
  1355. }
  1356. .gp-btn.btn-light.btn-light-four {
  1357. color: #f8b137;
  1358. }
  1359. .gp-btn.btn-light.btn-light-four:hover {
  1360. color: #fff;
  1361. }
  1362. .gp-btn.btn-light.color-three {
  1363. color: #ed1f25;
  1364. border-color: #fff;
  1365. }
  1366. .gp-btn.btn-light.color-three:after {
  1367. background: #fff;
  1368. }
  1369. .gp-btn.btn-light.color-three:hover {
  1370. color: #fff;
  1371. }
  1372. .gp-btn.btn-ass {
  1373. padding: 7px 18px;
  1374. border-radius: 6px;
  1375. color: #2c2c51;
  1376. border-color: #fff;
  1377. -webkit-box-shadow: none;
  1378. box-shadow: none;
  1379. font-size: 14px;
  1380. overflow: hidden;
  1381. }
  1382. .gp-btn.btn-ass:after {
  1383. background: #f2f2f2;
  1384. }
  1385. .gp-btn.btn-ass:hover {
  1386. background: #ed1f25;
  1387. color: #fff;
  1388. -webkit-box-shadow: none;
  1389. box-shadow: none;
  1390. }
  1391. .gp-btn.btn-grey {
  1392. -webkit-box-shadow: none;
  1393. box-shadow: none;
  1394. border-color: #f2f2f7;
  1395. color: #2c2c51;
  1396. background: #f2f2f7;
  1397. }
  1398. .gp-btn.btn-grey:after {
  1399. height: 0;
  1400. background: #ed1f25;
  1401. }
  1402. .gp-btn.btn-grey:hover {
  1403. color: #fff;
  1404. border-color: #ed1f25;
  1405. -webkit-box-shadow: 0 10px 20px 0 rgba(26, 191, 104, 0.3);
  1406. box-shadow: 0 10px 20px 0 rgba(26, 191, 104, 0.3);
  1407. }
  1408. .gp-btn.btn-grey:hover:after {
  1409. height: 100%;
  1410. }
  1411. .gp-btn.btn-round {
  1412. border-radius: 4px;
  1413. overflow: hidden;
  1414. }
  1415. .gp-btn.btn-two {
  1416. border-color: #6e58fc;
  1417. }
  1418. .gp-btn.btn-two:after {
  1419. background: #6e58fc;
  1420. }
  1421. .gp-btn.btn-two:hover {
  1422. color: #6e58fc;
  1423. }
  1424. .gp-btn.color-eight {
  1425. border-color: #ed1f25;
  1426. -webkit-box-shadow: 0 20px 30px 0 rgba(0, 201, 156, 0.16);
  1427. box-shadow: 0 20px 30px 0 rgba(0, 201, 156, 0.16);
  1428. border-width: 2px;
  1429. }
  1430. .gp-btn.color-eight:after {
  1431. background: #ed1f25;
  1432. }
  1433. .gp-btn.color-eight:hover {
  1434. color: #ed1f25;
  1435. border-color: #ff6344;
  1436. -webkit-box-shadow: none;
  1437. box-shadow: none;
  1438. }
  1439. .gp-btn.color-eight.btn-outline {
  1440. -webkit-box-shadow: none;
  1441. box-shadow: none;
  1442. color: #ed1f25;
  1443. }
  1444. .gp-btn.color-eight.btn-outline:hover {
  1445. color: #fff;
  1446. border-color: #ed1f25;
  1447. }
  1448. .gp-btn.color-eight.btn-light {
  1449. color: #000;
  1450. border-color: #fff;
  1451. background: #ed1f25;
  1452. -webkit-box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
  1453. box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
  1454. }
  1455. .gp-btn.color-eight.btn-light:after {
  1456. background: #fff;
  1457. }
  1458. .gp-btn.color-eight.btn-light:hover {
  1459. color: #fff;
  1460. -webkit-box-shadow: none;
  1461. box-shadow: none;
  1462. border-color: #ed1f25;
  1463. }
  1464. .gp-btn.btn-outline {
  1465. border-color: #dfe3ed;
  1466. color: #343e5d;
  1467. -webkit-box-shadow: none;
  1468. box-shadow: none;
  1469. }
  1470. .gp-btn.btn-outline:after {
  1471. height: 0;
  1472. }
  1473. .gp-btn.btn-outline:hover {
  1474. color: #fff;
  1475. border-color: #ed1f25;
  1476. }
  1477. .gp-btn.btn-outline:hover:after {
  1478. height: 100%;
  1479. }
  1480. .gp-btn.btn-outline.color-two {
  1481. border: 2px solid #ff6344;
  1482. color: #ed1f25;
  1483. }
  1484. .gp-btn.btn-outline.color-two:after {
  1485. background: #ed1f25;
  1486. }
  1487. .gp-btn.btn-outline.color-two:hover {
  1488. color: #fff;
  1489. }
  1490. .gp-btn.btn-outline.btn-outline-light {
  1491. border-color: #c4c4e0;
  1492. color: #2c2c51;
  1493. }
  1494. .gp-btn.btn-outline.btn-outline-light:after {
  1495. background: #ed1f25;
  1496. }
  1497. .gp-btn.btn-outline.btn-outline-light:hover {
  1498. color: #fff;
  1499. }
  1500. .gp-btn.color-three {
  1501. border-color: #ed1f25;
  1502. -webkit-box-shadow: none;
  1503. box-shadow: none;
  1504. border-width: 2px;
  1505. }
  1506. .gp-btn.color-three:after {
  1507. background: #ed1f25;
  1508. }
  1509. .gp-btn.color-three:hover {
  1510. color: #ed1f25;
  1511. -webkit-box-shadow: none;
  1512. box-shadow: none;
  1513. }
  1514. .gp-btn.color-three.btn-outline {
  1515. -webkit-box-shadow: none;
  1516. box-shadow: none;
  1517. color: #ed1f25;
  1518. }
  1519. .gp-btn.color-three.btn-outline:hover {
  1520. color: #fff;
  1521. border-color: #ed1f25;
  1522. }
  1523. .gp-btn.color-four {
  1524. border: 2px solid #f8b137;
  1525. -webkit-box-shadow: none;
  1526. box-shadow: none;
  1527. }
  1528. .gp-btn.color-four:after {
  1529. background: #f8b137;
  1530. }
  1531. .gp-btn.color-four:hover {
  1532. color: #f8b137;
  1533. -webkit-box-shadow: none;
  1534. box-shadow: none;
  1535. }
  1536. .gp-btn.color-four.btn-light {
  1537. border-color: #fff;
  1538. }
  1539. .gp-btn.color-four.btn-light:after {
  1540. background: #fff;
  1541. }
  1542. .gp-btn.color-four.btn-light:hover:after {
  1543. background: transparent;
  1544. }
  1545. .gp-btn.color-four.btn-outline {
  1546. -webkit-box-shadow: none;
  1547. box-shadow: none;
  1548. border-color: #dfe3ed;
  1549. }
  1550. .gp-btn.color-four.btn-outline:hover {
  1551. border-color: #f8b137;
  1552. color: #fff;
  1553. }
  1554. .gp-btn.color-five {
  1555. border: 2px solid #ff5e85;
  1556. -webkit-box-shadow: 0 20px 20px 0 rgba(218, 57, 96, 0.2);
  1557. box-shadow: 0 20px 20px 0 rgba(218, 57, 96, 0.2);
  1558. }
  1559. .gp-btn.color-five:after {
  1560. background: #ff5e85;
  1561. }
  1562. .gp-btn.color-five:hover {
  1563. color: #ff5e85;
  1564. -webkit-box-shadow: none;
  1565. box-shadow: none;
  1566. }
  1567. .gp-btn.color-five.btn-outline {
  1568. border-color: #dfe3ed;
  1569. -webkit-box-shadow: none;
  1570. box-shadow: none;
  1571. }
  1572. .gp-btn.color-five.btn-outline:hover {
  1573. color: #fff;
  1574. border-color: #ff5e85;
  1575. -webkit-box-shadow: 0 20px 20px 0 rgba(218, 57, 96, 0.2);
  1576. box-shadow: 0 20px 20px 0 rgba(218, 57, 96, 0.2);
  1577. }
  1578. .gp-btn.color-six {
  1579. border: 2px solid #ed1f25;
  1580. background: transparent;
  1581. -webkit-box-shadow: 0 14px 20px 0 rgba(205, 80, 226, 0.3);
  1582. box-shadow: 0 14px 20px 0 rgba(205, 80, 226, 0.3);
  1583. }
  1584. .gp-btn.color-six:after {
  1585. background: #ed1f25;
  1586. }
  1587. .gp-btn.color-six:hover {
  1588. color: #ed1f25;
  1589. -webkit-box-shadow: none;
  1590. box-shadow: none;
  1591. background: transparent;
  1592. }
  1593. .gp-btn.color-six.btn-outline {
  1594. border-color: #dfe3ed;
  1595. -webkit-box-shadow: none;
  1596. box-shadow: none;
  1597. }
  1598. .gp-btn.color-six.btn-outline:hover {
  1599. color: #fff;
  1600. border-color: #ed1f25;
  1601. -webkit-box-shadow: 0 14px 20px 0 rgba(205, 80, 226, 0.3);
  1602. box-shadow: 0 14px 20px 0 rgba(205, 80, 226, 0.3);
  1603. }
  1604. .gp-btn.color-seven {
  1605. border-color: #6e58fc;
  1606. -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  1607. box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  1608. }
  1609. .gp-btn.color-seven:after {
  1610. background: #6e58fc;
  1611. }
  1612. .gp-btn.color-seven:hover {
  1613. color: #6e58fc;
  1614. -webkit-box-shadow: none;
  1615. box-shadow: none;
  1616. }
  1617. .gp-btn.color-seven.btn-outline {
  1618. -webkit-box-shadow: none;
  1619. box-shadow: none;
  1620. color: #6e58fc;
  1621. }
  1622. .gp-btn.color-seven.btn-outline:hover {
  1623. color: #fff;
  1624. border-color: #6e58fc;
  1625. }
  1626. .gp-btn.color-eight {
  1627. border-color: #4d5afe;
  1628. -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  1629. box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  1630. padding: 12px 25px;
  1631. }
  1632. .gp-btn.color-eight:after {
  1633. background: #4d5afe;
  1634. }
  1635. .gp-btn.color-eight:hover {
  1636. color: #4d5afe;
  1637. border-color: #4d5afe;
  1638. -webkit-box-shadow: none;
  1639. box-shadow: none;
  1640. }
  1641. .gp-btn.color-eight.btn-light {
  1642. -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  1643. box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  1644. color: #4d5afe;
  1645. background: transparent;
  1646. }
  1647. .gp-btn.color-eight.btn-light:after {
  1648. background: #fff;
  1649. }
  1650. .gp-btn.color-eight.btn-light:hover {
  1651. background: transparent;
  1652. border-color: #fff;
  1653. }
  1654. .gp-btn.color-eight.btn-outline {
  1655. -webkit-box-shadow: none;
  1656. box-shadow: none;
  1657. color: #4d5afe;
  1658. background: transparent;
  1659. }
  1660. .gp-btn.color-eight.btn-outline:hover {
  1661. color: #fff;
  1662. border-color: #4d5afe;
  1663. }
  1664. .gp-btn.color-eight.btn-outline.btn-light {
  1665. color: #fff;
  1666. border-color: rgba(255, 255, 255, 0.502);
  1667. }
  1668. .gp-btn.color-eight.btn-outline.btn-light:hover {
  1669. border-color: #fff;
  1670. color: #4d5afe;
  1671. }
  1672. .gp-btn.color-two {
  1673. border-color: #ff6344;
  1674. -webkit-box-shadow: none;
  1675. box-shadow: none;
  1676. }
  1677. .gp-btn.color-two:after {
  1678. background: linear-gradient(60deg, #FE5924, #ed1f25);
  1679. }
  1680. .gp-btn.color-two:hover {
  1681. color: #ff6344;
  1682. border-color: #ff6344;
  1683. -webkit-box-shadow: none;
  1684. box-shadow: none;
  1685. }
  1686. .gp-btn.color-two.btn-outline {
  1687. -webkit-box-shadow: none;
  1688. box-shadow: none;
  1689. color: #ff6344;
  1690. }
  1691. .gp-btn.color-two.btn-outline:hover {
  1692. color: #fff;
  1693. border-color: #ff6344;
  1694. }
  1695. .gp-btn.color-two.btn-light {
  1696. color: #000;
  1697. border-color: #fff;
  1698. background: linear-gradient(60deg, #FE5924, #ed1f25);
  1699. -webkit-box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
  1700. box-shadow: 0 6px 10px 0 rgba(32, 46, 77, 0.08);
  1701. }
  1702. .gp-btn.color-two.btn-light:after {
  1703. background: #fff;
  1704. }
  1705. .gp-btn.color-two.btn-light:hover {
  1706. color: #fff;
  1707. -webkit-box-shadow: none;
  1708. box-shadow: none;
  1709. border-color: #ff6344;
  1710. }
  1711. .gp-btn.color-nine {
  1712. border-color: #ed1f25;
  1713. -webkit-box-shadow: none;
  1714. box-shadow: none;
  1715. }
  1716. .gp-btn.color-nine:after {
  1717. background: #ed1f25;
  1718. }
  1719. .gp-btn.color-nine:hover {
  1720. color: #ed1f25;
  1721. border-color: #ed1f25;
  1722. -webkit-box-shadow: none;
  1723. box-shadow: none;
  1724. }
  1725. .gp-btn.color-nine.btn-outline {
  1726. -webkit-box-shadow: none;
  1727. box-shadow: none;
  1728. color: #ed1f25;
  1729. }
  1730. .gp-btn.color-nine.btn-outline:hover {
  1731. color: #fff;
  1732. border-color: #ed1f25;
  1733. }
  1734. .gp-btn.color-nine.btn-light {
  1735. color: #000;
  1736. border-color: #fff;
  1737. background: #ed1f25;
  1738. }
  1739. .gp-btn.color-nine.btn-light:after {
  1740. background: #fff;
  1741. }
  1742. .gp-btn.color-nine.btn-light:hover {
  1743. color: #fff;
  1744. -webkit-box-shadow: none;
  1745. box-shadow: none;
  1746. border-color: #ed1f25;
  1747. }
  1748. .view-btn {
  1749. font-size: 18px;
  1750. color: #6b717d;
  1751. font-weight: 400;
  1752. display: inline-block;
  1753. }
  1754. .view-btn i {
  1755. vertical-align: -2px;
  1756. color: #6b717d;
  1757. margin-left: 2px;
  1758. -webkit-transition: all 0.3s ease-in-out;
  1759. -o-transition: all 0.3s ease-in-out;
  1760. transition: all 0.3s ease-in-out;
  1761. display: inline-block;
  1762. }
  1763. .view-btn:hover {
  1764. color: #ff6344;
  1765. }
  1766. .view-btn:hover i {
  1767. margin-left: 5px;
  1768. color: #ff6344;
  1769. }
  1770. .play-btn-two {
  1771. height: 54px;
  1772. width: 54px;
  1773. background-color: white;
  1774. -webkit-box-shadow: 0 10px 16px 0 rgba(0, 6, 26, 0.08);
  1775. box-shadow: 0 10px 16px 0 rgba(0, 6, 26, 0.08);
  1776. color: #ed1f25;
  1777. display: inline-block;
  1778. border-radius: 50%;
  1779. text-align: center;
  1780. line-height: 56px;
  1781. position: relative;
  1782. }
  1783. .play-btn-two i {
  1784. margin-left: 2px;
  1785. color: #f8b137;
  1786. text-shadow: 0 8px 10px rgba(202, 138, 28, 0.3);
  1787. -webkit-transition: all 0.3s ease-in-out;
  1788. -o-transition: all 0.3s ease-in-out;
  1789. transition: all 0.3s ease-in-out;
  1790. }
  1791. .play-btn-two:after, .play-btn-two:before {
  1792. content: "";
  1793. height: 70px;
  1794. width: 70px;
  1795. position: absolute;
  1796. left: -8px;
  1797. top: -8px;
  1798. border: 1px solid rgba(255, 255, 255, 0.4);
  1799. background-color: rgba(255, 255, 255, 0.102);
  1800. border-radius: 50%;
  1801. -webkit-animation: videoBtnAnim 3s linear infinite;
  1802. animation: videoBtnAnim 3s linear infinite;
  1803. display: block;
  1804. }
  1805. .play-btn-two:after {
  1806. -webkit-animation-delay: 0.5s;
  1807. animation-delay: 0.5s;
  1808. height: 80px;
  1809. width: 80px;
  1810. left: -13px;
  1811. top: -13px;
  1812. background-color: transparent;
  1813. }
  1814. .play-btn-two:hover {
  1815. background: #f8b137;
  1816. }
  1817. .play-btn-two:hover i {
  1818. color: #fff;
  1819. }
  1820. .button-container {
  1821. margin-top: 50px;
  1822. }
  1823. @-webkit-keyframes shine {
  1824. from {
  1825. opacity: 0;
  1826. left: 0;
  1827. }
  1828. 50% {
  1829. opacity: 1;
  1830. }
  1831. to {
  1832. opacity: 0;
  1833. left: 100%;
  1834. }
  1835. }
  1836. @keyframes shine {
  1837. from {
  1838. opacity: 0;
  1839. left: 0;
  1840. }
  1841. 50% {
  1842. opacity: 1;
  1843. }
  1844. to {
  1845. opacity: 0;
  1846. left: 100%;
  1847. }
  1848. }
  1849. .nav-btn {
  1850. padding: 7px 29px;
  1851. }
  1852. .bbtn-btn, .gp-btn-btc {
  1853. -webkit-box-shadow: 0 3px 4px 0 rgba(30, 1, 87, 0.5);
  1854. box-shadow: 0 3px 4px 0 rgba(30, 1, 87, 0.5);
  1855. border: 1px solid #413095;
  1856. padding: 11px 31px;
  1857. display: inline-block;
  1858. color: #fff;
  1859. font-size: 14px;
  1860. font-weight: 400;
  1861. letter-spacing: 1px;
  1862. background-size: 200% auto;
  1863. }
  1864. .bbtn-btn:hover, .gp-btn-btc:hover {
  1865. background-image: -webkit-gradient(linear, left top, right top, from(#a35dfb), color-stop(100%, #671efc), color-stop(0%, #a35dfb));
  1866. background-image: -o-linear-gradient(left, #a35dfb 0%, #671efc 100%, #a35dfb 0%);
  1867. background-image: linear-gradient(to right, #a35dfb 0%, #671efc 100%, #a35dfb 0%);
  1868. color: #fff;
  1869. background-position: right center;
  1870. }
  1871. .bbtn-btn {
  1872. padding: 13px 33px;
  1873. background: #271582;
  1874. }
  1875. .bbtn-btn.btn-active {
  1876. margin-right: 20px;
  1877. }
  1878. .gp-btn-two {
  1879. padding: 10px 25px;
  1880. background: #f8b137;
  1881. border: 2px solid #f8b137;
  1882. color: #fff;
  1883. border-radius: 3px;
  1884. display: inline-block;
  1885. }
  1886. .gp-btn-two:hover {
  1887. background: transparent;
  1888. color: #f8b137;
  1889. }
  1890. .gp-btn-four {
  1891. background: #ff5e85;
  1892. padding: 10px 30px;
  1893. border-radius: 30px;
  1894. color: #fff;
  1895. display: inline-block;
  1896. font-size: 15px;
  1897. -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
  1898. box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
  1899. }
  1900. .gp-btn-four i {
  1901. margin-left: 5px;
  1902. }
  1903. .app-btn {
  1904. font-size: 18px;
  1905. font-weight: 500;
  1906. display: inline-block;
  1907. border-radius: 4px;
  1908. padding: 10px 25px;
  1909. }
  1910. .app-btn .button-text {
  1911. display: -webkit-box;
  1912. display: -ms-flexbox;
  1913. display: flex;
  1914. -webkit-box-align: center;
  1915. -ms-flex-align: center;
  1916. align-items: center;
  1917. }
  1918. .app-btn span {
  1919. display: inline-block;
  1920. vertical-align: text-top;
  1921. }
  1922. .app-btn i {
  1923. font-size: 24px;
  1924. margin-right: 10px;
  1925. margin-left: 0;
  1926. line-height: 1;
  1927. }
  1928. .app-btn.btn-outline {
  1929. color: #ed1f25;
  1930. border-color: #ed1f25;
  1931. }
  1932. /* Back To Top */
  1933. .return-to-top {
  1934. position: fixed;
  1935. bottom: -30px;
  1936. right: 20px;
  1937. width: 42px;
  1938. height: 42px;
  1939. line-height: 42px;
  1940. text-align: center;
  1941. cursor: pointer;
  1942. z-index: 998;
  1943. border-radius: 50%;
  1944. opacity: 0;
  1945. -webkit-transition: bottom 0.5s ease, opacity 0.5s ease;
  1946. -o-transition: bottom 0.5s ease, opacity 0.5s ease;
  1947. transition: bottom 0.5s ease, opacity 0.5s ease;
  1948. }
  1949. .return-to-top:before {
  1950. content: "";
  1951. position: absolute;
  1952. top: 0;
  1953. right: 0;
  1954. bottom: 0;
  1955. left: 0;
  1956. background: transparent;
  1957. opacity: 1;
  1958. display: block;
  1959. -webkit-transform: scale(1);
  1960. -ms-transform: scale(1);
  1961. transform: scale(1);
  1962. -webkit-transition: all 0.3s ease;
  1963. -o-transition: all 0.3s ease;
  1964. transition: all 0.3s ease;
  1965. border-radius: inherit;
  1966. -webkit-transition: opacity 0.6s ease, -webkit-transform 0.5s ease;
  1967. transition: opacity 0.6s ease, -webkit-transform 0.5s ease;
  1968. -o-transition: transform 0.5s ease, opacity 0.6s ease;
  1969. transition: transform 0.5s ease, opacity 0.6s ease;
  1970. transition: transform 0.5s ease, opacity 0.6s ease, -webkit-transform 0.5s ease;
  1971. }
  1972. .return-to-top:after {
  1973. content: "";
  1974. position: absolute;
  1975. top: 0;
  1976. right: 0;
  1977. bottom: 0;
  1978. left: 0;
  1979. display: block;
  1980. background: rgb(14 39 95);
  1981. -webkit-box-shadow: 0 0 0 0 transparent;
  1982. box-shadow: 0 0 0 0 transparent;
  1983. -webkit-transform: scale(1);
  1984. -ms-transform: scale(1);
  1985. transform: scale(1);
  1986. -webkit-transition: all 0.3s ease;
  1987. -o-transition: all 0.3s ease;
  1988. transition: all 0.3s ease;
  1989. border-radius: inherit;
  1990. }
  1991. .return-to-top > i {
  1992. position: relative;
  1993. overflow: hidden;
  1994. font-size: 12px;
  1995. width: inherit;
  1996. height: inherit;
  1997. line-height: inherit;
  1998. display: block;
  1999. color: transparent;
  2000. text-shadow: 0 0 #fff, 0 50px #fff;
  2001. -webkit-transition: text-shadow 0.2s ease;
  2002. -o-transition: text-shadow 0.2s ease;
  2003. transition: text-shadow 0.2s ease;
  2004. z-index: 1;
  2005. }
  2006. .return-to-top:hover:after {
  2007. -webkit-transform: scale(1.07);
  2008. -ms-transform: scale(1.07);
  2009. transform: scale(1.07);
  2010. background: #ed1f25;
  2011. }
  2012. .home-analytics .return-to-top:hover:after {
  2013. background: #f8b137;
  2014. -webkit-box-shadow: 0 10px 20px 8px rgba(248, 177, 55, 0.15);
  2015. box-shadow: 0 10px 20px 8px rgba(248, 177, 55, 0.15);
  2016. }
  2017. .return-to-top:hover > i {
  2018. text-shadow: 0 -50px #fff, 0 0 #fff;
  2019. }
  2020. .return-to-top.back-top {
  2021. bottom: 20px;
  2022. opacity: 1;
  2023. }
  2024. .gp-btn-normal {
  2025. color: #706c79;
  2026. font-size: 15px;
  2027. font-weight: 500;
  2028. }
  2029. .gp-btn-normal i {
  2030. display: inline-block;
  2031. vertical-align: -3px;
  2032. font-size: 20px;
  2033. margin-left: 5px;
  2034. }
  2035. .gp-btn-normal:hover {
  2036. color: #ed1f25;
  2037. }
  2038. /*--------------------------------------------------------------
  2039. ## Section Heading
  2040. --------------------------------------------------------------*/
  2041. .section-heading {
  2042. margin-bottom: 70px;
  2043. text-align: center;
  2044. position: relative;
  2045. z-index: 222;
  2046. }
  2047. .section-heading .subtitle {
  2048. font-size: 14px;
  2049. color: #ed1f25;
  2050. font-weight: 500;
  2051. position: relative;
  2052. display: inline-block;
  2053. margin-bottom: 0;
  2054. }
  2055. .section-heading .section-title {
  2056. font-size: 48px;
  2057. margin: 0;
  2058. line-height: 1.2;
  2059. font-weight: 600;
  2060. }
  2061. @media (max-width: 768px) {
  2062. .section-heading .section-title {
  2063. font-size: 30px;
  2064. }
  2065. }
  2066. @media (max-width: 576px) {
  2067. .section-heading .section-title br {
  2068. display: none;
  2069. }
  2070. }
  2071. .section-heading p {
  2072. margin-top: 20px;
  2073. margin-bottom: 0;
  2074. }
  2075. @media (max-width: 991px) {
  2076. .section-heading p br {
  2077. display: none;
  2078. }
  2079. }
  2080. .section-heading.style-three .subtitle {
  2081. color: #ed1f25;
  2082. font-weight: 500;
  2083. margin-bottom: 10px;
  2084. letter-spacing: 0.3em;
  2085. }
  2086. .section-heading.font-light .section-title {
  2087. font-weight: 500;
  2088. }
  2089. .section-heading.style-two {
  2090. margin-bottom: 63px;
  2091. }
  2092. .section-heading.style-two .subtitle {
  2093. font-size: 16px;
  2094. color: #4d5afe;
  2095. font-weight: 400;
  2096. text-transform: uppercase;
  2097. letter-spacing: 3px;
  2098. }
  2099. .section-heading.style-two .section-title {
  2100. font-size: 40px;
  2101. font-weight: 800;
  2102. color: #373d46;
  2103. position: relative;
  2104. padding-bottom: 20px;
  2105. }
  2106. .section-heading.style-two .section-title:after, .section-heading.style-two .section-title:before {
  2107. content: "";
  2108. position: absolute;
  2109. -webkit-transform: translateX(-50%);
  2110. -ms-transform: translateX(-50%);
  2111. transform: translateX(-50%);
  2112. bottom: 0;
  2113. height: 1px;
  2114. width: 80px;
  2115. background-color: #4d5afe;
  2116. }
  2117. .section-heading.style-two .section-title:before {
  2118. left: 48%;
  2119. }
  2120. .section-heading.style-two .section-title:after {
  2121. bottom: -5px;
  2122. left: 52%;
  2123. }
  2124. @media (max-width: 768px) {
  2125. .section-heading.style-two .section-title {
  2126. font-size: 30px;
  2127. line-height: 40px;
  2128. }
  2129. }
  2130. .section-heading.style-two.text-left .section-title:after, .section-heading.style-two.text-left .section-title:before {
  2131. left: 0;
  2132. -webkit-transform: translateX(0);
  2133. -ms-transform: translateX(0);
  2134. transform: translateX(0);
  2135. }
  2136. .section-heading.style-two.text-left .section-title:after {
  2137. width: 50px;
  2138. }
  2139. .section-heading.style-two .social-slider-nav .slider-next, .section-heading.style-two .social-slider-nav .slider-prev {
  2140. color: #373d46;
  2141. border-color: #e0e3e8;
  2142. }
  2143. .section-heading.style-two .social-slider-nav .slider-next:hover, .section-heading.style-two .social-slider-nav .slider-prev:hover {
  2144. background-color: #4d5afe;
  2145. border-color: #4d5afe;
  2146. color: #fff;
  2147. -webkit-box-shadow: 0px 20px 30px 0px rgba(6, 16, 149, 0.2);
  2148. box-shadow: 0px 20px 30px 0px rgba(6, 16, 149, 0.2);
  2149. }
  2150. .section-heading.style-four p {
  2151. color: #000;
  2152. }
  2153. .section-heading.style-four.font-light .section-title {
  2154. font-weight: 500;
  2155. }
  2156. .section-heading.style-five .section-title {
  2157. font-size: 40px;
  2158. line-height: 50px;
  2159. font-weight: 400;
  2160. }
  2161. @media (max-width: 991px) {
  2162. .section-heading.style-five .section-title {
  2163. font-size: 30px;
  2164. line-height: 40px;
  2165. }
  2166. }
  2167. .section-title-ana {
  2168. position: relative;
  2169. padding-bottom: 15px;
  2170. }
  2171. .section-title-ana h2 {
  2172. font-size: 48px;
  2173. line-height: 50px;
  2174. font-weight: 700;
  2175. position: relative;
  2176. display: inline-block;
  2177. margin: 0;
  2178. }
  2179. .section-title-ana:after {
  2180. position: absolute;
  2181. content: "";
  2182. width: 70px;
  2183. height: 3px;
  2184. background-image: -webkit-gradient(linear, left top, right top, from(#fd5424), to(#ef2525));
  2185. background-image: -o-linear-gradient(left, #fd5424 0%, #ef2525 100%);
  2186. background-image: linear-gradient(to right, #fd5424 0%, #ef2525 100%);
  2187. bottom: 0;
  2188. -webkit-transform: translateX(-50%);
  2189. -ms-transform: translateX(-50%);
  2190. transform: translateX(-50%);
  2191. }
  2192. .section-title-two {
  2193. margin-bottom: 100px;
  2194. position: relative;
  2195. }
  2196. .section-title-two h2 {
  2197. font-size: 48px;
  2198. font-weight: 400;
  2199. margin-bottom: 20px;
  2200. }
  2201. .section-title-two p {
  2202. font-size: 16px;
  2203. color: #677294;
  2204. line-height: 30px;
  2205. }
  2206. .section-title-two.title-big h2 {
  2207. font-size: 40px;
  2208. line-height: 56px;
  2209. font-weight: 700;
  2210. }
  2211. .section-title-two .gp-btn-four {
  2212. margin-top: 35px;
  2213. }
  2214. .section-title-three {
  2215. margin-bottom: 20px;
  2216. position: relative;
  2217. }
  2218. .section-title-three h2 {
  2219. font-size: 35px;
  2220. line-height: 50px;
  2221. font-weight: 800;
  2222. color: #222931;
  2223. margin: 0;
  2224. }
  2225. .section-heading-two {
  2226. text-align: center;
  2227. margin-bottom: 50px;
  2228. position: relative;
  2229. z-index: 33;
  2230. }
  2231. .section-heading-two .subtitle {
  2232. color: #ff5e85;
  2233. font-weight: 500;
  2234. font-size: 16px;
  2235. position: relative;
  2236. display: inline-block;
  2237. text-transform: uppercase;
  2238. }
  2239. .section-heading-two .subtitle:after {
  2240. position: absolute;
  2241. content: "";
  2242. left: 0;
  2243. bottom: 0;
  2244. width: 100%;
  2245. height: 1px;
  2246. background: #ff5e85;
  2247. }
  2248. .section-heading-two .section-title {
  2249. font-size: 30px;
  2250. font-weight: 700;
  2251. color: #343e5d;
  2252. line-height: 1.4;
  2253. }
  2254. .section-dark .section-title-two h2 {
  2255. color: #fff;
  2256. }
  2257. .section-dark .section-title-two p {
  2258. color: #eae3f4;
  2259. font-size: 18px;
  2260. font-weight: 400;
  2261. }
  2262. @media (max-width: 576px) {
  2263. .section-dark .section-title-two p br {
  2264. display: none;
  2265. }
  2266. }
  2267. /*--------------------------------------------------------------
  2268. ## Preloader
  2269. --------------------------------------------------------------*/
  2270. .page-loader {
  2271. position: fixed;
  2272. width: 100%;
  2273. height: 100%;
  2274. top: 0;
  2275. left: 0;
  2276. z-index: 99999999;
  2277. background-color: #fff;
  2278. }
  2279. .page-loader .loader {
  2280. position: absolute;
  2281. top: 50%;
  2282. left: 50%;
  2283. -webkit-transform: translate(-50%, -50%);
  2284. -ms-transform: translate(-50%, -50%);
  2285. transform: translate(-50%, -50%);
  2286. width: 100%;
  2287. }
  2288. .page-loading-wrapper {
  2289. position: absolute;
  2290. top: 50%;
  2291. left: 50%;
  2292. height: auto;
  2293. width: 100%;
  2294. -webkit-transform: translate(-50%, -50%);
  2295. -ms-transform: translate(-50%, -50%);
  2296. transform: translate(-50%, -50%);
  2297. }
  2298. .page-loading-wrapper svg {
  2299. width: 0;
  2300. height: 0;
  2301. }
  2302. .goo1 {
  2303. -webkit-filter: url(#goo);
  2304. position: absolute;
  2305. top: 50%;
  2306. left: 50%;
  2307. -webkit-transform: translate(-50%, -50%);
  2308. -ms-transform: translate(-50%, -50%);
  2309. transform: translate(-50%, -50%);
  2310. }
  2311. .loading div {
  2312. background: #ed1f25;
  2313. width: 25px;
  2314. height: 25px;
  2315. border-radius: 50%;
  2316. }
  2317. .goo1 > div {
  2318. width: 15px;
  2319. height: 15px;
  2320. position: absolute;
  2321. top: 50%;
  2322. left: 50%;
  2323. -webkit-transform-origin: -50% -50%;
  2324. -ms-transform-origin: -50% -50%;
  2325. transform-origin: -50% -50%;
  2326. -webkit-animation: circle 2.5s infinite cubic-bezier(0.57, 0, 0.52, 1);
  2327. animation: circle 2.5s infinite cubic-bezier(0.57, 0, 0.52, 1);
  2328. }
  2329. .goo1 > div:nth-child(1) {
  2330. -webkit-animation-delay: 0.25s;
  2331. animation-delay: 0.25s;
  2332. }
  2333. .goo1 > div:nth-child(2) {
  2334. -webkit-animation-delay: 0.5s;
  2335. animation-delay: 0.5s;
  2336. }
  2337. .goo1 > div:nth-child(3) {
  2338. -webkit-animation-delay: 0.75s;
  2339. animation-delay: 0.75s;
  2340. }
  2341. .goo1 > div:nth-child(4) {
  2342. -webkit-animation-delay: 1s;
  2343. animation-delay: 1s;
  2344. }
  2345. .goo1 > div:nth-child(5) {
  2346. -webkit-animation-delay: 1.25s;
  2347. animation-delay: 1.25s;
  2348. }
  2349. .goo2 > div {
  2350. -webkit-transform: translateX(0);
  2351. -ms-transform: translateX(0);
  2352. transform: translateX(0);
  2353. -webkit-animation: sideways 2.5s infinite ease;
  2354. animation: sideways 2.5s infinite ease;
  2355. }
  2356. .goo2 > div:nth-child(1) {
  2357. -webkit-animation-delay: 0.25s;
  2358. animation-delay: 0.25s;
  2359. }
  2360. .goo2 > div:nth-child(2) {
  2361. -webkit-animation-delay: 0.5s;
  2362. animation-delay: 0.5s;
  2363. }
  2364. .goo2 > div:nth-child(3) {
  2365. -webkit-animation-delay: 0.75s;
  2366. animation-delay: 0.75s;
  2367. }
  2368. .goo2 > div:nth-child(4) {
  2369. -webkit-animation-delay: 1s;
  2370. animation-delay: 1s;
  2371. }
  2372. .goo2 > div:nth-child(5) {
  2373. -webkit-animation-delay: 1.25s;
  2374. animation-delay: 1.25s;
  2375. }
  2376. .goo2 {
  2377. padding-left: 40px;
  2378. width: 200px;
  2379. height: 100px;
  2380. }
  2381. @keyframes circle {
  2382. 50% {
  2383. width: 25px;
  2384. height: 25px;
  2385. }
  2386. 100% {
  2387. -webkit-transform: rotate(360deg);
  2388. transform: rotate(360deg);
  2389. }
  2390. }
  2391. @-webkit-keyframes sideways {
  2392. 33% {
  2393. -webkit-transform: translateX(50px);
  2394. transform: translateX(50px);
  2395. }
  2396. 66% {
  2397. -webkit-transform: translateX(-50px);
  2398. transform: translateX(-50px);
  2399. }
  2400. }
  2401. @keyframes sideways {
  2402. 33% {
  2403. -webkit-transform: translateX(50px);
  2404. transform: translateX(50px);
  2405. }
  2406. 66% {
  2407. -webkit-transform: translateX(-50px);
  2408. transform: translateX(-50px);
  2409. }
  2410. }
  2411. /*--------------------------------------------------------------
  2412. ## Header
  2413. --------------------------------------------------------------*/
  2414. .site-header {
  2415. z-index: 999;
  2416. -webkit-transition: all 0.3s ease-in-out;
  2417. -o-transition: all 0.3s ease-in-out;
  2418. transition: all 0.3s ease-in-out;
  2419. }
  2420. .site-header .container-full {
  2421. padding: 0 50px;
  2422. }
  2423. @media (max-width: 576px) {
  2424. .site-header .container-full {
  2425. padding: 0 15px;
  2426. }
  2427. }
  2428. .site-header .btn-help {
  2429. -webkit-box-shadow: none;
  2430. box-shadow: none;
  2431. color: #554bfe;
  2432. border-color: #eeedff;
  2433. }
  2434. .site-header .btn-help:after {
  2435. background: #eeedff;
  2436. }
  2437. .site-header.header-transparent {
  2438. position: absolute;
  2439. top: 0;
  2440. left: 0;
  2441. width: 100%;
  2442. }
  2443. .site-header.header-transparent .astriol-main-menu > li > a:before {
  2444. display: none;
  2445. }
  2446. .site-header .site-logo {
  2447. display: -webkit-box;
  2448. display: -ms-flexbox;
  2449. display: flex;
  2450. -webkit-box-align: center;
  2451. -ms-flex-align: center;
  2452. align-items: center;
  2453. }
  2454. .site-header .site-logo .site-title {
  2455. font-size: 34px;
  2456. font-weight: 500;
  2457. padding: 8px 0;
  2458. margin: 0;
  2459. }
  2460. .site-header .site-logo a {
  2461. font-size: 30px;
  2462. font-weight: 700;
  2463. display: block;
  2464. color: #000;
  2465. }
  2466. .site-header .site-logo a h3 {
  2467. margin: 0;
  2468. font-size: 30px;
  2469. font-weight: 700;
  2470. color: #000;
  2471. }
  2472. .site-header .site-logo .logo-sticky {
  2473. display: none;
  2474. }
  2475. .site-header .astriol-burger-menu {
  2476. text-align: right;
  2477. display: none;
  2478. cursor: pointer;
  2479. }
  2480. .site-header .astriol-burger-menu.style-two {
  2481. background: #f8f8f8;
  2482. height: 55px;
  2483. width: 55px;
  2484. border-radius: 50%;
  2485. padding: 20px 17px;
  2486. margin-right: 20px;
  2487. text-align: left;
  2488. display: inline-block;
  2489. }
  2490. .site-header .astriol-burger-menu.style-two span {
  2491. margin-left: 0;
  2492. }
  2493. .site-header .astriol-burger-menu.mobile-view {
  2494. display: none;
  2495. }
  2496. .site-header .astriol-burger-menu span {
  2497. background: #2c2c51;
  2498. height: 2px;
  2499. display: block;
  2500. margin-left: auto;
  2501. }
  2502. .site-header .astriol-burger-menu span:not(:last-child) {
  2503. margin-bottom: 5px;
  2504. }
  2505. .site-header .astriol-burger-menu .bar-one {
  2506. width: 20px;
  2507. }
  2508. .site-header .astriol-burger-menu .bar-two {
  2509. width: 25px;
  2510. }
  2511. .site-header .astriol-burger-menu .bar-three {
  2512. width: 15px;
  2513. }
  2514. .site-header.header-seo:not(.showed) .astriol-burger-menu span {
  2515. background: #fff;
  2516. }
  2517. .site-header .add-menu {
  2518. margin: 0;
  2519. padding: 31px 0;
  2520. list-style: none;
  2521. font-weight: 500;
  2522. }
  2523. .site-header .add-menu li a {
  2524. color: #000;
  2525. }
  2526. .site-header .tt-hamburger {
  2527. width: 24px;
  2528. cursor: pointer;
  2529. }
  2530. .site-header .tt-hamburger.active {
  2531. opacity: 0;
  2532. visibility: hidden;
  2533. }
  2534. @media (min-width: 992px) {
  2535. .site-header .tt-hamburger {
  2536. display: none;
  2537. }
  2538. }
  2539. .site-header .tt-hamburger:focus {
  2540. outline: 0;
  2541. }
  2542. .site-header .tt-hamburger .bar {
  2543. background: #fff;
  2544. height: 2px;
  2545. display: block;
  2546. }
  2547. .site-header .tt-hamburger .bar:not(:last-child) {
  2548. margin-bottom: 5px;
  2549. }
  2550. .site-header.header-fixed.showed {
  2551. position: fixed;
  2552. width: 100%;
  2553. left: 0;
  2554. top: 0;
  2555. z-index: 99;
  2556. background: #fff;
  2557. -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  2558. box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  2559. -webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
  2560. animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
  2561. }
  2562. .header-position .site-header.header-fixed.showed {
  2563. top: 32px;
  2564. }
  2565. @media (max-width: 782px) {
  2566. .header-position .site-header.header-fixed.showed {
  2567. top: 46px;
  2568. }
  2569. }
  2570. .site-header.header-fixed.showed .site-logo .main-logo {
  2571. display: none;
  2572. }
  2573. .site-header.header-fixed.showed .site-logo a {
  2574. color: #051441;
  2575. }
  2576. .site-header.header-fixed.showed .site-logo h3 {
  2577. color: #051441;
  2578. }
  2579. .site-header.header-fixed.showed .add-menu li a {
  2580. color: #051441;
  2581. }
  2582. .site-header.header-fixed.showed .tt-hamburger .bar {
  2583. background: #051441;
  2584. }
  2585. @media (min-width: 1200px) {
  2586. .site-header:not(.mobile-header).header-main .nav-right {
  2587. margin-left: 40px;
  2588. }
  2589. .site-header:not(.mobile-header).header-main .nav-right .btn-help {
  2590. margin-right: 10px;
  2591. }
  2592. .site-header:not(.mobile-header).header-main .nav-right .nav-btn {
  2593. padding: 6px 21px;
  2594. font-size: 14px;
  2595. background-color: #ed1f25;
  2596. }
  2597. .site-header:not(.mobile-header).header-main .nav-right .nav-btn i {
  2598. margin-left: 0;
  2599. margin-right: 5px;
  2600. font-size: 14px;
  2601. vertical-align: middle;
  2602. }
  2603. .site-header:not(.mobile-header).header-main .nav-right .nav-btn:after {
  2604. display: none;
  2605. }
  2606. .site-header:not(.mobile-header).header-main .nav-right .nav-btn:hover {
  2607. color: #fff;
  2608. -webkit-box-shadow: none;
  2609. box-shadow: none;
  2610. }
  2611. .site-header:not(.mobile-header).header-main .nav-right .nav-btn.btn-help {
  2612. background-color: #eeedff;
  2613. padding: 6px 27px;
  2614. }
  2615. .site-header:not(.mobile-header).header-main .nav-right .nav-btn.btn-help:hover {
  2616. background-color: #554bfe;
  2617. border-color: #554bfe;
  2618. }
  2619. .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right {
  2620. margin-left: 40px;
  2621. }
  2622. .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right .btn-help {
  2623. margin-right: 10px;
  2624. }
  2625. .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right .nav-btn {
  2626. -webkit-box-shadow: none;
  2627. box-shadow: none;
  2628. }
  2629. .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right .nav-btn:hover {
  2630. -webkit-box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3);
  2631. box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3);
  2632. }
  2633. .site-header:not(.mobile-header).header-main.header-fixed.showed .nav-right .nav-btn.btn-help {
  2634. -webkit-box-shadow: none !important;
  2635. box-shadow: none !important;
  2636. }
  2637. .site-header:not(.mobile-header) .nav-right {
  2638. display: -webkit-box;
  2639. display: -ms-flexbox;
  2640. display: flex;
  2641. -webkit-box-pack: end;
  2642. -ms-flex-pack: end;
  2643. justify-content: flex-end;
  2644. -webkit-box-align: center;
  2645. -ms-flex-align: center;
  2646. align-items: center;
  2647. }
  2648. .site-header:not(.mobile-header) .nav-right .search-btn {
  2649. display: inline-block;
  2650. margin-right: 15px;
  2651. color: #051441;
  2652. cursor: pointer;
  2653. }
  2654. .site-header:not(.mobile-header) .menu-wrapper {
  2655. -webkit-box-pack: center;
  2656. -ms-flex-pack: center;
  2657. justify-content: center;
  2658. display: -webkit-box;
  2659. display: -ms-flexbox;
  2660. display: flex;
  2661. -webkit-box-align: center;
  2662. -ms-flex-align: center;
  2663. align-items: center;
  2664. }
  2665. .submenu-align-right .site-header:not(.mobile-header) {
  2666. width: auto;
  2667. }
  2668. }
  2669. .site-header:not(.mobile-header) .main-nav-container {
  2670. display: -webkit-box;
  2671. display: -ms-flexbox;
  2672. display: flex;
  2673. -webkit-box-align: center;
  2674. -ms-flex-align: center;
  2675. align-items: center;
  2676. }
  2677. .site-header:not(.mobile-header) .main-nav {
  2678. position: relative;
  2679. }
  2680. .site-header:not(.mobile-header) .astriol-main-menu {
  2681. margin: 0;
  2682. padding: 0;
  2683. list-style: none;
  2684. }
  2685. .site-header:not(.mobile-header) .astriol-main-menu > li {
  2686. padding: 35px 0;
  2687. }
  2688. .site-header:not(.mobile-header) .astriol-main-menu > li > a {
  2689. font-weight: 500;
  2690. font-size: 15px;
  2691. color: #051441;
  2692. position: relative;
  2693. }
  2694. .site-header:not(.mobile-header) .astriol-main-menu > li > a:before {
  2695. content: "";
  2696. position: absolute;
  2697. width: 100%;
  2698. height: 1px;
  2699. left: 0;
  2700. bottom: -2px;
  2701. 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);
  2702. background: #fff;
  2703. -webkit-transform: scale(0, 1);
  2704. -ms-transform: scale(0, 1);
  2705. transform: scale(0, 1);
  2706. -webkit-transform-origin: right center;
  2707. -ms-transform-origin: right center;
  2708. transform-origin: right center;
  2709. }
  2710. .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 {
  2711. -webkit-transform: scale(1, 1);
  2712. -ms-transform: scale(1, 1);
  2713. transform: scale(1, 1);
  2714. -webkit-transform-origin: left center;
  2715. -ms-transform-origin: left center;
  2716. transform-origin: left center;
  2717. }
  2718. .site-header:not(.mobile-header) .astriol-main-menu > li > a:after {
  2719. display: none;
  2720. visibility: hidden;
  2721. opacity: 0;
  2722. }
  2723. .site-header:not(.mobile-header) .astriol-main-menu > li > a:hover, .site-header:not(.mobile-header) .astriol-main-menu > li > a.current-menu-item {
  2724. color: #ed1f25;
  2725. }
  2726. .site-header:not(.mobile-header) .astriol-main-menu > li:nth-last-child(-n+3).has-submenu .sub-menu {
  2727. left: auto;
  2728. right: 0;
  2729. }
  2730. .site-header:not(.mobile-header) .astriol-main-menu > li:nth-last-child(-n+3).has-submenu .sub-menu li ul {
  2731. right: 100%;
  2732. }
  2733. .site-header:not(.mobile-header) .astriol-main-menu > li:not(.mega-menu) {
  2734. position: relative;
  2735. }
  2736. .menu-light .site-header:not(.mobile-header) .astriol-main-menu > li > a {
  2737. color: #fff;
  2738. }
  2739. .site-header:not(.mobile-header) .astriol-main-menu li {
  2740. display: inline-block;
  2741. }
  2742. .site-header:not(.mobile-header) .astriol-main-menu li:not(:last-child) {
  2743. margin-right: 45px;
  2744. }
  2745. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu > a:after {
  2746. content: "";
  2747. font-family: "themify";
  2748. position: absolute;
  2749. top: calc(50% - 9px);
  2750. right: 30px;
  2751. -webkit-transform: rotate(0);
  2752. -ms-transform: rotate(0);
  2753. transform: rotate(0);
  2754. font-size: 12px;
  2755. -webkit-transition: all 0.3s ease-in-out;
  2756. -o-transition: all 0.3s ease-in-out;
  2757. transition: all 0.3s ease-in-out;
  2758. }
  2759. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu {
  2760. margin: 0;
  2761. padding: 15px 0;
  2762. position: absolute;
  2763. top: 115%;
  2764. left: 0;
  2765. opacity: 0;
  2766. visibility: hidden;
  2767. background: #fff;
  2768. -webkit-transition: all 0.3s ease-in-out;
  2769. -o-transition: all 0.3s ease-in-out;
  2770. transition: all 0.3s ease-in-out;
  2771. border-radius: 6px;
  2772. min-width: 230px;
  2773. -webkit-box-shadow: 0 10px 30px 0 rgba(9, 2, 51, 0.1);
  2774. box-shadow: 0 10px 30px 0 rgba(9, 2, 51, 0.1);
  2775. z-index: 2222;
  2776. width: 250px;
  2777. }
  2778. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu.sub-menu-wide {
  2779. width: 100%;
  2780. display: -webkit-box;
  2781. display: -ms-flexbox;
  2782. display: flex;
  2783. -webkit-box-pack: justify;
  2784. -ms-flex-pack: justify;
  2785. justify-content: space-between;
  2786. padding: 40px 80px 25px;
  2787. }
  2788. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu.sub-menu-wide > .mega-menu-item > a {
  2789. font-size: 16px;
  2790. text-transform: uppercase;
  2791. font-weight: 800;
  2792. display: inline-block;
  2793. color: #051441;
  2794. }
  2795. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu.sub-menu-wide > .mega-menu-item > a:after {
  2796. display: none;
  2797. }
  2798. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu.sub-menu-wide .sub-menu {
  2799. position: unset;
  2800. -webkit-box-shadow: unset;
  2801. box-shadow: unset;
  2802. visibility: unset;
  2803. opacity: unset;
  2804. }
  2805. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li {
  2806. display: block;
  2807. position: relative;
  2808. margin-right: 0;
  2809. line-height: 36px;
  2810. }
  2811. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li a {
  2812. font-size: 14px;
  2813. padding: 10px 30px;
  2814. display: block;
  2815. line-height: 1.5;
  2816. color: #686875;
  2817. font-weight: 500;
  2818. }
  2819. .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 {
  2820. color: #ed1f25;
  2821. background-color: #f9f9f9;
  2822. margin-bottom: 2px;
  2823. }
  2824. .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 {
  2825. -webkit-transform: rotate(45deg);
  2826. -ms-transform: rotate(45deg);
  2827. transform: rotate(45deg);
  2828. }
  2829. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li ul {
  2830. padding: 15px 0;
  2831. position: absolute;
  2832. left: 100%;
  2833. top: 0;
  2834. background: #fff;
  2835. min-width: 220px;
  2836. -webkit-transition: all 0.3s ease-in-out;
  2837. -o-transition: all 0.3s ease-in-out;
  2838. transition: all 0.3s ease-in-out;
  2839. opacity: 0;
  2840. visibility: hidden;
  2841. -webkit-box-shadow: 0px 5px 10px #14303a15;
  2842. box-shadow: 0px 5px 10px #14303a15;
  2843. }
  2844. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu .sub-menu li.has-submenu:hover ul {
  2845. opacity: 1;
  2846. visibility: visible;
  2847. top: -15px;
  2848. }
  2849. .site-header:not(.mobile-header) .astriol-main-menu li.has-submenu:hover ul {
  2850. opacity: 1;
  2851. visibility: visible;
  2852. top: 100%;
  2853. }
  2854. .site-header:not(.mobile-header).header-light .astriol-main-menu > li > a {
  2855. color: #fff;
  2856. }
  2857. .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 {
  2858. color: #ed1f25;
  2859. }
  2860. .site-header:not(.mobile-header).header-light .nav-right .gp-btn {
  2861. color: #fff;
  2862. }
  2863. .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 {
  2864. color: #ed1f25;
  2865. }
  2866. .site-header:not(.mobile-header).header-light.header-fixed.showed .nav-right .gp-btn {
  2867. color: #051441;
  2868. border-color: #051441;
  2869. }
  2870. .site-header:not(.mobile-header).header-light.header-fixed.showed .nav-right .gp-btn:hover {
  2871. color: #fff;
  2872. border-color: #ed1f25;
  2873. }
  2874. .site-header:not(.mobile-header).header-sass .astriol-main-menu > li > a:before {
  2875. display: none;
  2876. }
  2877. .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 {
  2878. color: #ff6344;
  2879. }
  2880. .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 {
  2881. color: #ff6344;
  2882. }
  2883. .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 {
  2884. color: #ff6344;
  2885. }
  2886. .site-header:not(.mobile-header).header-sass.header-fixed.showed .nav-btn {
  2887. -webkit-box-shadow: none;
  2888. box-shadow: none;
  2889. }
  2890. .site-header:not(.mobile-header).header-analytics .astriol-main-menu > li > a {
  2891. color: #fff;
  2892. }
  2893. .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 {
  2894. color: #f8b137;
  2895. }
  2896. .site-header:not(.mobile-header).header-analytics .nav-right {
  2897. margin-left: 50px;
  2898. }
  2899. .site-header:not(.mobile-header).header-analytics .nav-right .gp-btn {
  2900. color: #f8b137;
  2901. padding: 8px 28px;
  2902. }
  2903. .site-header:not(.mobile-header).header-analytics .nav-right .gp-btn:hover {
  2904. color: #fff;
  2905. }
  2906. .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 {
  2907. color: #f8b137;
  2908. }
  2909. .site-header:not(.mobile-header).header-analytics.header-fixed.showed .nav-right {
  2910. margin-left: 30px;
  2911. }
  2912. .site-header:not(.mobile-header).header-analytics.header-fixed.showed .nav-right .gp-btn {
  2913. border-color: #f8b137;
  2914. color: #fff;
  2915. }
  2916. .site-header:not(.mobile-header).header-analytics.header-fixed.showed .nav-right .gp-btn:after {
  2917. background: #f8b137;
  2918. }
  2919. .site-header:not(.mobile-header).header-analytics.header-fixed.showed .nav-right .gp-btn:hover {
  2920. background: transparent;
  2921. color: #f8b137;
  2922. }
  2923. .site-header:not(.mobile-header).header-analytics .astriol-burger-menu span {
  2924. background: #fff;
  2925. }
  2926. .site-header:not(.mobile-header).header-seo .astriol-main-menu > li > a {
  2927. color: #fff;
  2928. position: relative;
  2929. }
  2930. .site-header:not(.mobile-header).header-seo .astriol-main-menu > li > a:before {
  2931. content: "";
  2932. position: absolute;
  2933. width: 100%;
  2934. height: 1px;
  2935. left: 0;
  2936. bottom: 0;
  2937. 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);
  2938. background: #fff;
  2939. -webkit-transform: scale(0, 1);
  2940. -ms-transform: scale(0, 1);
  2941. transform: scale(0, 1);
  2942. -webkit-transform-origin: right center;
  2943. -ms-transform-origin: right center;
  2944. transform-origin: right center;
  2945. }
  2946. .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 {
  2947. -webkit-transform: scale(1, 1);
  2948. -ms-transform: scale(1, 1);
  2949. transform: scale(1, 1);
  2950. -webkit-transform-origin: left center;
  2951. -ms-transform-origin: left center;
  2952. transform-origin: left center;
  2953. }
  2954. .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 {
  2955. color: #ff5e85;
  2956. }
  2957. .site-header:not(.mobile-header).header-seo .nav-right {
  2958. margin-left: 50px;
  2959. }
  2960. .site-header:not(.mobile-header).header-seo .nav-right .gp-btn {
  2961. -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1);
  2962. box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1);
  2963. padding: 8px 34px;
  2964. }
  2965. .site-header:not(.mobile-header).header-seo .nav-right .gp-btn:hover {
  2966. -webkit-box-shadow: none;
  2967. box-shadow: none;
  2968. color: #fff;
  2969. border-color: #fff;
  2970. }
  2971. .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 {
  2972. color: #ff5e85;
  2973. }
  2974. .site-header:not(.mobile-header).header-seo.header-fixed.showed .nav-right {
  2975. margin-left: 30px;
  2976. }
  2977. .site-header:not(.mobile-header).header-seo.header-fixed.showed .nav-right .gp-btn {
  2978. border-color: #ff5e85;
  2979. color: #fff;
  2980. }
  2981. .site-header:not(.mobile-header).header-seo.header-fixed.showed .nav-right .gp-btn:after {
  2982. background: #ff5e85;
  2983. }
  2984. .site-header:not(.mobile-header).header-seo.header-fixed.showed .nav-right .gp-btn:hover {
  2985. background: transparent;
  2986. color: #ff5e85;
  2987. }
  2988. .site-header:not(.mobile-header).header-seo .astriol-burger-menu span {
  2989. background: #fff;
  2990. }
  2991. .site-header:not(.mobile-header).header-agency .astriol-main-menu > li > a {
  2992. color: #fff;
  2993. }
  2994. .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 {
  2995. color: #4d5afe;
  2996. }
  2997. .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 {
  2998. color: #4d5afe;
  2999. }
  3000. .site-header:not(.mobile-header).header-agency.header-fixed.showed .nav-right .gp-btn {
  3001. border-color: #4d5afe;
  3002. color: #4d5afe;
  3003. }
  3004. .site-header:not(.mobile-header).header-agency.header-fixed.showed .nav-right .gp-btn:after {
  3005. background: #4d5afe;
  3006. }
  3007. .site-header:not(.mobile-header).header-agency.header-fixed.showed .nav-right .gp-btn:hover {
  3008. color: #fff;
  3009. }
  3010. .site-header:not(.mobile-header).header-agency .nav-right {
  3011. margin-left: 50px;
  3012. }
  3013. .site-header:not(.mobile-header).header-agency .nav-right .gp-btn {
  3014. padding: 10px 25px;
  3015. }
  3016. .site-header:not(.mobile-header).header-agency-two .astriol-main-menu > li > a {
  3017. color: #fff;
  3018. }
  3019. .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 {
  3020. color: #ed1f25;
  3021. }
  3022. .site-header:not(.mobile-header).header-agency-two.header-fixed.showed .astriol-main-menu li a:hover {
  3023. color: #ed1f25;
  3024. }
  3025. .site-header:not(.mobile-header).header-agency-two .nav-right {
  3026. margin-left: 50px;
  3027. }
  3028. .site-header:not(.mobile-header).header-agency-two .nav-right .gp-btn {
  3029. padding: 7px 32px;
  3030. }
  3031. .site-header:not(.mobile-header).header-dark-saas .astriol-main-menu > li > a:before {
  3032. display: none;
  3033. }
  3034. .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 {
  3035. color: #ed1f25;
  3036. }
  3037. .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 {
  3038. color: #ed1f25;
  3039. }
  3040. .site-header:not(.mobile-header).header-dark-saas.header-fixed.showed .astriol-main-menu li a:hover {
  3041. color: #ed1f25;
  3042. }
  3043. .site-header:not(.mobile-header).header-dark-saas .nav-right {
  3044. margin-left: 50px;
  3045. }
  3046. .site-header:not(.mobile-header).header-dark-saas .nav-right .gp-btn {
  3047. padding: 8px 32px;
  3048. border-color: #ed1f25;
  3049. border-width: 2px;
  3050. }
  3051. .site-header:not(.mobile-header).header-light-saas .astriol-main-menu > li > a {
  3052. color: #fff;
  3053. }
  3054. .site-header:not(.mobile-header).header-light-saas .astriol-main-menu > li > a:hover {
  3055. color: rgba(255, 255, 255, 0.8);
  3056. }
  3057. .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 {
  3058. color: #6e58fc;
  3059. }
  3060. .site-header:not(.mobile-header).header-light-saas .nav-right {
  3061. margin-left: 50px;
  3062. }
  3063. .site-header:not(.mobile-header).header-light-saas .nav-right .gp-btn {
  3064. border-color: rgba(255, 255, 255, 0.502);
  3065. color: #fff;
  3066. }
  3067. .site-header:not(.mobile-header).header-light-saas .nav-right .gp-btn:after {
  3068. background: #fff;
  3069. }
  3070. .site-header:not(.mobile-header).header-light-saas .nav-right .gp-btn:hover {
  3071. border-color: #fff;
  3072. color: #6e58fc;
  3073. }
  3074. .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 {
  3075. color: #6e58fc;
  3076. }
  3077. .site-header:not(.mobile-header).header-light-social .astriol-main-menu > li > a {
  3078. color: #fff;
  3079. position: relative;
  3080. }
  3081. .site-header:not(.mobile-header).header-light-social .astriol-main-menu > li > a:before {
  3082. content: "";
  3083. position: absolute;
  3084. width: 100%;
  3085. height: 1px;
  3086. left: 0;
  3087. bottom: 0;
  3088. 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);
  3089. background: #fff;
  3090. -webkit-transform: scale(0, 1);
  3091. -ms-transform: scale(0, 1);
  3092. transform: scale(0, 1);
  3093. -webkit-transform-origin: right center;
  3094. -ms-transform-origin: right center;
  3095. transform-origin: right center;
  3096. }
  3097. .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 {
  3098. -webkit-transform: scale(1, 1);
  3099. -ms-transform: scale(1, 1);
  3100. transform: scale(1, 1);
  3101. -webkit-transform-origin: left center;
  3102. -ms-transform-origin: left center;
  3103. transform-origin: left center;
  3104. }
  3105. .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 {
  3106. color: #000;
  3107. }
  3108. .site-header:not(.mobile-header).header-light-social .nav-right {
  3109. margin-left: 50px;
  3110. }
  3111. .site-header:not(.mobile-header).header-light-social .nav-right .gp-btn {
  3112. -webkit-box-shadow: none;
  3113. box-shadow: none;
  3114. padding: 8px 26px;
  3115. }
  3116. .site-header:not(.mobile-header).header-light-social.header-fixed.showed .astriol-burger-menu span {
  3117. background: #051441;
  3118. }
  3119. .site-header:not(.mobile-header).header-transparent.header-2 .astriol-main-menu > li > a {
  3120. color: #fff;
  3121. }
  3122. .site-header:not(.mobile-header).header-bg {
  3123. background: #fff;
  3124. -webkit-box-shadow: 0px 20px 40px 0px rgba(8, 2, 46, 0.08);
  3125. box-shadow: 0px 20px 40px 0px rgba(8, 2, 46, 0.08);
  3126. }
  3127. .site-header:not(.mobile-header).header-bg .astriol-main-menu > li {
  3128. padding: 27px 0;
  3129. }
  3130. .site-header:not(.mobile-header).submenu-align-right .menu-wrapper {
  3131. width: auto;
  3132. }
  3133. .site-header:not(.mobile-header).submenu-align-right .astriol-main-menu > li:nth-last-child(-n+3).has-submenu .sub-menu {
  3134. left: auto;
  3135. right: 0;
  3136. }
  3137. .site-header:not(.mobile-header).submenu-align-right .astriol-main-menu > li:nth-last-child(-n+3).has-submenu .sub-menu li ul {
  3138. right: 100%;
  3139. }
  3140. .site-header.header-fixed.showed {
  3141. position: fixed;
  3142. width: 100%;
  3143. left: 0;
  3144. top: 0;
  3145. z-index: 999;
  3146. background: #fff;
  3147. -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  3148. box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  3149. -webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
  3150. animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
  3151. }
  3152. .header-position .site-header.header-fixed.showed {
  3153. top: 32px;
  3154. }
  3155. @media (max-width: 782px) {
  3156. .header-position .site-header.header-fixed.showed {
  3157. top: 46px;
  3158. }
  3159. }
  3160. .header-position .site-header.header-fixed.showed .fullscreen-menu {
  3161. top: 0;
  3162. }
  3163. .site-header.header-fixed.showed .site-logo .main-logo {
  3164. display: none;
  3165. }
  3166. .site-header.header-fixed.showed .site-logo .logo-sticky {
  3167. display: block;
  3168. }
  3169. .site-header.header-fixed.showed .menu-trigger .dot_icon .dot {
  3170. background: #051441;
  3171. }
  3172. .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu > li {
  3173. padding: 27px 0;
  3174. }
  3175. .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu li a {
  3176. color: #051441;
  3177. }
  3178. .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu li a:hover {
  3179. color: #ed1f25;
  3180. }
  3181. .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu li > {
  3182. padding: 27px 0;
  3183. }
  3184. .site-header.header-fixed.showed.header-light-saas .nav-right .gp-btn {
  3185. border-color: #6e58fc;
  3186. color: #6e58fc;
  3187. }
  3188. .site-header.header-fixed.showed.header-light-saas .nav-right .gp-btn:hover {
  3189. border-color: #6e58fc;
  3190. color: #fff;
  3191. }
  3192. @keyframes stickySlideDown {
  3193. from {
  3194. -webkit-transform: translateY(-100%);
  3195. transform: translateY(-100%);
  3196. }
  3197. to {
  3198. -webkit-transform: translateY(0);
  3199. transform: translateY(0);
  3200. }
  3201. }
  3202. #site-navigation {
  3203. display: -webkit-box;
  3204. display: -ms-flexbox;
  3205. display: flex;
  3206. -webkit-box-pack: justify;
  3207. -ms-flex-pack: justify;
  3208. justify-content: space-between;
  3209. -webkit-box-align: center;
  3210. -ms-flex-align: center;
  3211. align-items: center;
  3212. }
  3213. @media (min-width: 992px) {
  3214. .close-menu {
  3215. display: none;
  3216. }
  3217. }
  3218. .canvas-header {
  3219. -webkit-box-align: center;
  3220. -ms-flex-align: center;
  3221. align-items: center;
  3222. -webkit-box-pack: justify;
  3223. -ms-flex-pack: justify;
  3224. justify-content: space-between;
  3225. padding: 30px 20px;
  3226. border-bottom: 1px solid #eee;
  3227. margin-bottom: 30px;
  3228. display: none;
  3229. }
  3230. .close-menu {
  3231. height: 50px;
  3232. width: 50px;
  3233. background: rgba(136, 136, 136, 0.1);
  3234. border-radius: 50%;
  3235. text-align: center;
  3236. line-height: 54px;
  3237. color: #051441;
  3238. }
  3239. .astriol-main-menu {
  3240. list-style: none;
  3241. }
  3242. .astriol-main-menu ul {
  3243. list-style: none;
  3244. }
  3245. /*--------------------------------------------------------------
  3246. ### Main Nav Mobile
  3247. --------------------------------------------------------------*/
  3248. .mobile-header {
  3249. height: auto;/*--------------------------------------------------------------
  3250. ### Main Nav
  3251. --------------------------------------------------------------*/
  3252. }
  3253. .mobile-header .astriol-burger-menu {
  3254. display: block;
  3255. margin-left: 20px;
  3256. }
  3257. .mobile-header .astriol-burger-menu.desktop-view {
  3258. display: none;
  3259. }
  3260. .mobile-header .astriol-burger-menu.mobile-view {
  3261. display: block;
  3262. }
  3263. .mobile-header .canvas-header {
  3264. display: -webkit-box;
  3265. display: -ms-flexbox;
  3266. display: flex;
  3267. }
  3268. .mobile-header .site-logo .logo-sticky {
  3269. display: none;
  3270. }
  3271. .mobile-header .tt-hamburger {
  3272. display: block;
  3273. }
  3274. .mobile-header.header-analytics:not(.showed) .astriol-burger-menu span {
  3275. background: #fff;
  3276. }
  3277. .mobile-header.header-light-saas:not(.showed) .astriol-burger-menu span, .mobile-header.header-agency-two:not(.showed) .astriol-burger-menu span {
  3278. background: #fff;
  3279. }
  3280. .mobile-header.header-fixed.showed .logo-sticky {
  3281. display: block;
  3282. }
  3283. .mobile-header .site-logo a {
  3284. padding: 13px 0;
  3285. }
  3286. .mobile-header .nav-right {
  3287. display: -webkit-box;
  3288. display: -ms-flexbox;
  3289. display: flex;
  3290. -webkit-box-align: center;
  3291. -ms-flex-align: center;
  3292. align-items: center;
  3293. padding: 10px 25px 0;
  3294. border-top: 1px solid #eee;
  3295. }
  3296. .mobile-header .nav-right .btn-help {
  3297. margin-right: 10px;
  3298. }
  3299. .mobile-header.header-page .nav-right {
  3300. padding: 0;
  3301. border-top: 0;
  3302. }
  3303. @media (max-width: 420px) {
  3304. .mobile-header.header-page .gp-btn {
  3305. padding: 10px 20px;
  3306. font-size: 14px;
  3307. }
  3308. }
  3309. .mobile-header.header-sass .nav-right {
  3310. border: 0;
  3311. padding: 0;
  3312. }
  3313. .mobile-header .main-nav-container {
  3314. position: fixed;
  3315. top: 0;
  3316. height: 100vh;
  3317. background: #fff;
  3318. max-width: 400px;
  3319. width: 100%;
  3320. text-align: left;
  3321. overflow-y: auto;
  3322. padding-bottom: 80px;
  3323. left: -100px;
  3324. -webkit-transition-duration: 0.3s;
  3325. -o-transition-duration: 0.3s;
  3326. transition-duration: 0.3s;
  3327. opacity: 0;
  3328. visibility: hidden;
  3329. z-index: 999;
  3330. }
  3331. .header-position .mobile-header .main-nav-container {
  3332. top: 32px;
  3333. }
  3334. @media (max-width: 780px) {
  3335. .header-position .mobile-header .main-nav-container {
  3336. top: 46px;
  3337. }
  3338. }
  3339. @media (max-width: 420px) {
  3340. .mobile-header .main-nav-container {
  3341. max-width: 100%;
  3342. }
  3343. }
  3344. .mobile-header .main-nav-container.open {
  3345. opacity: 1;
  3346. left: 0;
  3347. visibility: visible;
  3348. }
  3349. .mobile-header .main-nav-container li a {
  3350. font-size: 16px;
  3351. color: #051441;
  3352. position: relative;
  3353. z-index: 1;
  3354. padding: 8px 25px;
  3355. display: block;
  3356. -webkit-box-align: center;
  3357. -ms-flex-align: center;
  3358. align-items: center;
  3359. -webkit-box-pack: justify;
  3360. -ms-flex-pack: justify;
  3361. justify-content: space-between;
  3362. text-transform: capitalize;
  3363. font-weight: 500;
  3364. border-left: 2px solid transparent;
  3365. }
  3366. .mobile-header .main-nav-container li.has-submenu > a {
  3367. position: relative;
  3368. }
  3369. .mobile-header .main-nav-container li.has-submenu > a:after {
  3370. content: "\F4FE";
  3371. font-family: "bootstrap-icons";
  3372. position: absolute;
  3373. top: 50%;
  3374. right: 30px;
  3375. -webkit-transform: translateY(-50%);
  3376. -ms-transform: translateY(-50%);
  3377. transform: translateY(-50%);
  3378. font-size: 12px;
  3379. }
  3380. .mobile-header .main-nav-container li.has-submenu > a.active:after {
  3381. content: "\F2EA";
  3382. }
  3383. .mobile-header .main-nav-container li.has-submenu li a {
  3384. font-size: 16px;
  3385. }
  3386. .mobile-header .main-nav-container .menu-item-depth-0 > a.active {
  3387. background: #ed1f25;
  3388. color: #fff;
  3389. }
  3390. .mobile-header .main-nav-container .menu-item-depth-0 li a.active {
  3391. color: #ed1f25;
  3392. }
  3393. .mobile-header.header-main .astriol-burger-menu {
  3394. margin-left: 0;
  3395. }
  3396. .mobile-header.header-dark-saas .main-nav-container .menu-item-depth-0 > a.active {
  3397. background: #ed1f25;
  3398. }
  3399. .mobile-header.header-light-saas .main-nav-container .menu-item-depth-0 > a.active {
  3400. background: #6e58fc;
  3401. }
  3402. .mobile-header.header-light-saas .main-nav-container .menu-item-depth-0 li a.active {
  3403. color: #6e58fc;
  3404. }
  3405. .mobile-header.header-light-saas .gp-btn.color-two.btn-outline {
  3406. color: #6e58fc;
  3407. border-color: #6e58fc;
  3408. }
  3409. .mobile-header.header-light-saas .gp-btn.color-two.btn-outline:after {
  3410. background: #6e58fc;
  3411. }
  3412. .mobile-header.header-light-saas .gp-btn.color-two.btn-outline:hover {
  3413. color: #fff;
  3414. }
  3415. .mobile-header.header-sass .main-nav-container .menu-item-depth-0 > a.active {
  3416. background: linear-gradient(60deg, #FE5924, #ed1f25);
  3417. color: #fff;
  3418. }
  3419. .mobile-header.header-sass .main-nav-container .menu-item-depth-0 li a.active {
  3420. color: #ff6344;
  3421. }
  3422. .mobile-header.header-analytics .main-nav-container .menu-item-depth-0 > a.active {
  3423. background: #f8b137;
  3424. }
  3425. .mobile-header.header-analytics .main-nav-container .menu-item-depth-0 li a.active {
  3426. color: #f8b137;
  3427. }
  3428. .mobile-header.header-analytics .gp-btn.color-four.btn-light {
  3429. border-color: #f8b137;
  3430. color: #fff;
  3431. }
  3432. .mobile-header.header-analytics .gp-btn.color-four.btn-light:after {
  3433. background: #f8b137;
  3434. }
  3435. .mobile-header.header-analytics .gp-btn.color-four.btn-light:hover {
  3436. color: #f8b137;
  3437. background: transparent;
  3438. }
  3439. .mobile-header.header-agency-two .main-nav-container .menu-item-depth-0 > a.active {
  3440. background: #ed1f25;
  3441. }
  3442. .mobile-header.header-agency-two .main-nav-container .menu-item-depth-0 li a.active {
  3443. color: #ed1f25;
  3444. }
  3445. .mobile-header.header-agency .main-nav-container .menu-item-depth-0 > a.active {
  3446. background: #4d5afe;
  3447. }
  3448. .mobile-header.header-agency .main-nav-container .menu-item-depth-0 li a.active {
  3449. color: #4d5afe;
  3450. }
  3451. .mobile-header.header-agency .gp-btn.color-eight.btn-outline.btn-light {
  3452. color: #4d5afe;
  3453. border-color: #4d5afe;
  3454. }
  3455. .mobile-header.header-agency .gp-btn.color-eight.btn-outline.btn-light:after {
  3456. background: #4d5afe;
  3457. }
  3458. .mobile-header.header-agency .gp-btn.color-eight.btn-outline.btn-light:hover {
  3459. color: #fff;
  3460. }
  3461. .mobile-header.header-light-social:not(.showed) .astriol-burger-menu span {
  3462. background: #fff;
  3463. }
  3464. .mobile-header.header-light-social .main-nav-container .menu-item-depth-0 > a.active {
  3465. background: #ed1f25;
  3466. }
  3467. .mobile-header.header-light-social .main-nav-container .menu-item-depth-0 li a.active {
  3468. color: #ed1f25;
  3469. }
  3470. .header-position .mobile-header.header-fixed.showed .main-nav-container {
  3471. top: 0;
  3472. }
  3473. .mobile-header.header-seo .main-nav-container .menu-item-depth-0 > a.active {
  3474. background: #ff5e85;
  3475. }
  3476. .mobile-header.header-seo .main-nav-container .menu-item-depth-0 li a.active {
  3477. color: #ff5e85;
  3478. }
  3479. .mobile-header .main-nav {
  3480. position: relative;
  3481. z-index: 3333;
  3482. line-height: 1.2;
  3483. }
  3484. .mobile-header .main-nav .astriol-main-menu {
  3485. padding-left: 0;
  3486. }
  3487. .mobile-header .main-nav .sub-menu {
  3488. padding-left: 15px;
  3489. margin-left: 0;
  3490. margin-bottom: 0;
  3491. display: none;
  3492. }
  3493. .mobile-header .main-nav .sub-menu.active .main-item > .menu-link {
  3494. background: #f8f9fa;
  3495. }
  3496. .mobile-header .main-nav .sub-menu li a {
  3497. border-top: 0;
  3498. }
  3499. .mobile-header .main-nav .sub-menu li.active a.active .ti-plus {
  3500. color: #ed1f25;
  3501. }
  3502. .mobile-header .main-nav .nav-item.active-main-item > .menu-link {
  3503. color: #ed1f25;
  3504. background: #f8f9fa;
  3505. border-color: #ed1f25;
  3506. }
  3507. .mobile-header .main-nav .sub-menu {
  3508. padding-left: 15px;
  3509. margin-bottom: 0;
  3510. }
  3511. .mobile-header .main-nav {
  3512. cursor: default;
  3513. position: relative;
  3514. z-index: 10;
  3515. text-align: left;
  3516. font-weight: 500;
  3517. height: 100%;
  3518. display: -webkit-box;
  3519. display: -ms-flexbox;
  3520. display: flex;
  3521. -webkit-box-align: center;
  3522. -ms-flex-align: center;
  3523. align-items: center;
  3524. -webkit-box-pack: justify;
  3525. -ms-flex-pack: justify;
  3526. justify-content: space-between;
  3527. }
  3528. .mobile-header .main-nav a:before, .mobile-header .main-nav .close-bar {
  3529. display: none;
  3530. }
  3531. .mobile-header .main-nav .site-logo a {
  3532. font-size: 40px;
  3533. }
  3534. .mobile-header .main-nav .menu, .mobile-header .main-nav .menu ul {
  3535. list-style: none;
  3536. }
  3537. .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 {
  3538. background-color: #ed1f25;
  3539. }
  3540. .mobile-header .main-nav .nav-item.active-main-item > .menu-link {
  3541. color: #ed1f25;
  3542. }
  3543. .mobile-header .main-nav .nav-right .cu_btn {
  3544. padding: 13px 26px;
  3545. min-width: auto;
  3546. margin-top: 0;
  3547. }
  3548. .mobile-header .main-nav.hidden {
  3549. display: none;
  3550. }
  3551. .mask-overlay {
  3552. position: fixed;
  3553. width: 100%;
  3554. height: 100%;
  3555. top: 0;
  3556. left: 0;
  3557. background: rgba(0, 0, 0, 0.5);
  3558. z-index: 222;
  3559. }
  3560. /*--------------------------------------------------------------
  3561. ## Banner
  3562. --------------------------------------------------------------*/
  3563. .banner {
  3564. height: 800px;
  3565. position: relative;
  3566. }
  3567. @media (min-width: 992px) {
  3568. .mw-600 {
  3569. max-width: 600px;
  3570. }
  3571. }
  3572. /**
  3573. Banner Main
  3574. */
  3575. .banner-main {
  3576. background-image: -o-linear-gradient(30deg, #fcf5f6 0%, #f8fbfe 100%);
  3577. background-image: linear-gradient(60deg, #fcf5f6 0%, #f8fbfe 100%);
  3578. }
  3579. @media (max-width: 991px) {
  3580. .banner-main {
  3581. height: 720px;
  3582. }
  3583. }
  3584. .banner-main .banner-main-content-wrapper {
  3585. padding-top: 250px;
  3586. position: relative;
  3587. z-index: 2;
  3588. }
  3589. @media (max-width: 992px) {
  3590. .banner-main .banner-main-content-wrapper {
  3591. padding-top: 50px;
  3592. }
  3593. }
  3594. .banner-main .banner-content .banner-title {
  3595. font-size: 60px;
  3596. font-weight: 700;
  3597. color: #fff;
  3598. margin-bottom: 20px;
  3599. }
  3600. @media (max-width: 992px) {
  3601. .banner-main .banner-content .banner-title {
  3602. font-size: 36px;
  3603. }
  3604. }
  3605. .banner-main .banner-content .description {
  3606. font-size: 30px;
  3607. color: #fff;
  3608. }
  3609. .banner-main .banner-content .banner-btn {
  3610. font-size: 24px;
  3611. margin-top: 20px;
  3612. text-align: center;
  3613. font-weight: 600;
  3614. }
  3615. .banner-main .banner-content .banner-btn.btn-light {
  3616. background: transparent;
  3617. }
  3618. .banner-main .banner-content .banner-btn.btn-light:hover {
  3619. background: linear-gradient(60deg, #FE5924, #ed1f25);
  3620. }
  3621. @media (max-width: 420px) {
  3622. .banner-main .banner-content .banner-btn.ml-3 {
  3623. margin-left: 0 !important;
  3624. }
  3625. }
  3626. .banner-main .banner-promo-mockup {
  3627. max-width: 100%;
  3628. margin: 0 auto;
  3629. position: relative;
  3630. z-index: 11;
  3631. }
  3632. .banner-main-animate .animate-items {
  3633. margin: 0;
  3634. padding: 0;
  3635. list-style: none;
  3636. }
  3637. .banner-main-animate .animate-items li {
  3638. position: absolute;
  3639. }
  3640. .banner-main-animate .animate-items li:nth-child(1) {
  3641. right: 50px;
  3642. bottom: -100px;
  3643. z-index: 1;
  3644. }
  3645. .banner-main-animate .animate-items li:nth-child(2) {
  3646. left: 0px;
  3647. top: 31%;
  3648. }
  3649. .banner-main-animate .animate-items li:nth-child(3) {
  3650. left: 220px;
  3651. bottom: 40px;
  3652. }
  3653. .banner-main-animate .animate-items li:nth-child(4) {
  3654. right: 15%;
  3655. top: 55%;
  3656. }
  3657. .banner-main-animate .animate-items li:nth-child(5) {
  3658. left: -5%;
  3659. top: -5%;
  3660. z-index: 1;
  3661. -webkit-animation: 3s linear 0.1s infinite normal none running wave;
  3662. animation: 3s linear 0.1s infinite normal none running wave;
  3663. }
  3664. .banner-main-animate .animate-items li:nth-child(6) {
  3665. right: 80px;
  3666. top: 315px;
  3667. }
  3668. .banner-main-animate .animate-items li:nth-child(7) {
  3669. right: 15%;
  3670. bottom: 195px;
  3671. }
  3672. .banner-main-animate .animate-items li.bubble1 {
  3673. height: 100px;
  3674. width: 100px;
  3675. background: #f53131;
  3676. border-radius: 50%;
  3677. left: 26%;
  3678. bottom: 15.5%;
  3679. }
  3680. .banner-main-animate .animate-items li.bubble2 {
  3681. height: 255px;
  3682. width: 255px;
  3683. background: #f53131;
  3684. border-radius: 50%;
  3685. right: 25%;
  3686. bottom: -4%;
  3687. -webkit-animation: wave 2s ease-in-out infinite;
  3688. animation: wave 2s ease-in-out infinite;
  3689. }
  3690. .banner-main-animate .animate-items li.bubble3 {
  3691. height: 16px;
  3692. width: 16px;
  3693. background: #f53131;
  3694. border-radius: 50%;
  3695. left: 25.5%;
  3696. bottom: 29%;
  3697. z-index: 1;
  3698. -webkit-animation: animationFramesTwo 30s infinite linear;
  3699. animation: animationFramesTwo 30s infinite linear;
  3700. }
  3701. .banner-main-animate .animate-items li.bubble4 {
  3702. height: 10px;
  3703. width: 10px;
  3704. background: #f7cb61;
  3705. border-radius: 50%;
  3706. right: 24%;
  3707. bottom: 20%;
  3708. z-index: 1;
  3709. -webkit-animation: 50s linear 0s infinite normal none running animationFramesTwo;
  3710. animation: 50s linear 0s infinite normal none running animationFramesTwo;
  3711. }
  3712. /* Banner Saas One*/
  3713. .banner-saas-main {
  3714. padding: 170px 0;
  3715. overflow: hidden;
  3716. }
  3717. @media (max-width: 991px) {
  3718. .banner-saas-main {
  3719. padding: 100px 0 100px;
  3720. height: auto;
  3721. }
  3722. }
  3723. @media (max-width: 991px) {
  3724. .banner-saas-main .banner-content-sass {
  3725. text-align: center;
  3726. }
  3727. }
  3728. .banner-saas-main .banner-content-sass .subtitle-top {
  3729. font-size: 14px;
  3730. text-transform: uppercase;
  3731. color: #7b7b93;
  3732. font-weight: 500;
  3733. letter-spacing: 1px;
  3734. margin-bottom: 15px;
  3735. }
  3736. .banner-saas-main .banner-content-sass .subtitle-top a {
  3737. color: #ed1f25;
  3738. }
  3739. .banner-saas-main .banner-content-sass .banner-title {
  3740. font-size: 50px;
  3741. line-height: 60px;
  3742. font-weight: 700;
  3743. color: #2c2c51;
  3744. margin-bottom: 20px;
  3745. }
  3746. @media (max-width: 1200px) {
  3747. .banner-saas-main .banner-content-sass .banner-title {
  3748. font-size: 40px;
  3749. line-height: 50px;
  3750. }
  3751. }
  3752. @media (max-width: 768px) {
  3753. .banner-saas-main .banner-content-sass .banner-title {
  3754. font-size: 32px;
  3755. line-height: 42px;
  3756. }
  3757. }
  3758. .banner-saas-main .banner-content-sass .description {
  3759. font-size: 18px;
  3760. line-height: 30px;
  3761. margin-bottom: 41px;
  3762. }
  3763. .banner-content-wrapper {
  3764. margin: 0 -700px 0 0;
  3765. }
  3766. @media (max-width: 1600px) {
  3767. .banner-content-wrapper {
  3768. margin: 0 -400px 0 0;
  3769. }
  3770. }
  3771. @media (max-width: 1440px) {
  3772. .banner-content-wrapper {
  3773. margin: 0 -100px 0 0;
  3774. }
  3775. }
  3776. @media (max-width: 1200px) {
  3777. .banner-content-wrapper {
  3778. margin: 0;
  3779. }
  3780. }
  3781. .saas-animate-image {
  3782. max-width: 900px;
  3783. }
  3784. .banner-sass-svg-bg {
  3785. position: absolute;
  3786. width: 100%;
  3787. height: 100%;
  3788. left: 0;
  3789. top: 0;
  3790. }
  3791. /* Banner Analytic */
  3792. .banner-analytics {
  3793. background-image: -o-linear-gradient(50deg, #5e2ced 0%, #a485fd 100%);
  3794. background-image: linear-gradient(40deg, #5e2ced 0%, #a485fd 100%);
  3795. overflow: hidden;
  3796. }
  3797. @media (max-width: 991px) {
  3798. .banner-analytics {
  3799. height: auto;
  3800. }
  3801. }
  3802. .banner-analytics .container {
  3803. height: 100%;
  3804. min-height: 700px;
  3805. }
  3806. .banner-analytics .banner-shape-left {
  3807. position: absolute;
  3808. top: 0;
  3809. left: 100px;
  3810. }
  3811. .banner-analytics .banner-shape-right {
  3812. right: 0;
  3813. top: 0;
  3814. position: absolute;
  3815. }
  3816. .banner-analytics .banner-content h2 {
  3817. font-size: 40px;
  3818. color: #fff;
  3819. line-height: 52px;
  3820. font-family: "Poppins", sans-serif;
  3821. font-weight: 400;
  3822. margin-bottom: 25px;
  3823. }
  3824. .banner-analytics .banner-content h2 span {
  3825. font-weight: 800;
  3826. }
  3827. @media (max-width: 1200px) {
  3828. .banner-analytics .banner-content h2 {
  3829. font-size: 34px;
  3830. line-height: 44px;
  3831. }
  3832. }
  3833. .banner-analytics .banner-content p {
  3834. color: #fff;
  3835. font-size: 16px;
  3836. line-height: 28px;
  3837. font-family: "Poppins", sans-serif;
  3838. margin-bottom: 45px;
  3839. }
  3840. @media (max-width: 991px) {
  3841. .banner-analytics .banner-content p {
  3842. max-width: 600px;
  3843. margin: 0 auto 45px;
  3844. }
  3845. }
  3846. .banner-analytics .banner-content .banner-button .gp-btn {
  3847. margin-right: 30px;
  3848. font-family: "Poppins", sans-serif;
  3849. -webkit-box-shadow: 0 8px 16px 0 rgba(0, 6, 26, 0.1);
  3850. box-shadow: 0 8px 16px 0 rgba(0, 6, 26, 0.1);
  3851. font-size: 15px;
  3852. padding: 12px 27px;
  3853. }
  3854. .banner-analytics .banner-content .banner-button .gp-btn:hover {
  3855. -webkit-box-shadow: none;
  3856. box-shadow: none;
  3857. border-color: rgba(255, 255, 255, 0.5);
  3858. color: #fff;
  3859. }
  3860. .banner-analytics .banner-content .banner-button .btn-text {
  3861. color: #fff;
  3862. font-weight: 500;
  3863. position: relative;
  3864. font-size: 15px;
  3865. margin-left: 30px;
  3866. font-family: "Poppins", sans-serif;
  3867. }
  3868. .banner-analytics .banner-content .banner-button .btn-text:after {
  3869. position: absolute;
  3870. content: "";
  3871. width: 100%;
  3872. height: 2px;
  3873. bottom: -5px;
  3874. left: 0;
  3875. background: #bfb2f8;
  3876. -webkit-transition: all 0.3s ease-in-out;
  3877. -o-transition: all 0.3s ease-in-out;
  3878. transition: all 0.3s ease-in-out;
  3879. }
  3880. .banner-analytics .banner-content .banner-button .btn-text:hover {
  3881. color: #f8b137;
  3882. }
  3883. .banner-analytics .banner-content .banner-button .btn-text:hover:after {
  3884. background: #f8b137;
  3885. }
  3886. .banner-analytics .banner-feature-thumb img {
  3887. max-width: inherit;
  3888. }
  3889. @media (max-width: 991px) {
  3890. .banner-feature-image {
  3891. margin-top: 50px;
  3892. }
  3893. }
  3894. .banner-feature-image .banner-animate-element {
  3895. width: 440px;
  3896. height: 480px;
  3897. margin: 0;
  3898. padding: 0;
  3899. list-style: none;
  3900. position: relative;
  3901. }
  3902. .banner-feature-image .banner-animate-element li {
  3903. position: absolute;
  3904. }
  3905. .banner-feature-image .banner-animate-element li:nth-child(1) {
  3906. right: 0;
  3907. }
  3908. .banner-feature-image .banner-animate-element li:nth-child(2) {
  3909. right: -42px;
  3910. bottom: -14px;
  3911. }
  3912. .banner-feature-image .banner-animate-element li:nth-child(3) {
  3913. left: 0;
  3914. top: 0;
  3915. -webkit-animation: jump 2s infinite;
  3916. animation: jump 2s infinite;
  3917. }
  3918. .banner-feature-image .banner-animate-element li:nth-child(4) {
  3919. top: 105px;
  3920. left: 95px;
  3921. }
  3922. .banner-feature-image .banner-animate-element li:nth-child(5) {
  3923. right: 95px;
  3924. bottom: 22px;
  3925. }
  3926. .banner-feature-image .banner-animate-element li:nth-child(6) {
  3927. bottom: 0;
  3928. right: 52px;
  3929. }
  3930. .banner-feature-image .banner-animate-element li:nth-child(7) {
  3931. right: -115px;
  3932. top: 30px;
  3933. }
  3934. .banner-feature-image .banner-animate-element li:nth-child(8) {
  3935. right: -55px;
  3936. top: 145px;
  3937. }
  3938. .banner-feature-image .banner-animate-element li:nth-child(9) {
  3939. right: -106px;
  3940. top: 138px;
  3941. }
  3942. .banner-feature-image .banner-animate-element li:nth-child(10) {
  3943. right: -40px;
  3944. top: 95px;
  3945. }
  3946. .banner-feature-image .banner-animate-element li:nth-child(11) {
  3947. right: 10px;
  3948. top: 25px;
  3949. }
  3950. /* Banner Seo*/
  3951. .banner-bg-half {
  3952. background-image: -o-linear-gradient(40deg, #ff5e85 0%, #464ac9 100%);
  3953. background-image: linear-gradient(50deg, #ff5e85 0%, #464ac9 100%);
  3954. position: absolute;
  3955. right: 0;
  3956. top: 0;
  3957. width: 80%;
  3958. height: 100%;
  3959. }
  3960. .banner-seo {
  3961. height: 950px;
  3962. position: relative;
  3963. overflow: hidden;
  3964. min-height: 700px;
  3965. padding: 230px 0;
  3966. }
  3967. .banner-seo .banner-bg {
  3968. background-size: cover;
  3969. height: 100%;
  3970. width: 100%;
  3971. position: absolute;
  3972. top: 0;
  3973. left: 0;
  3974. background-position: center center;
  3975. }
  3976. .banner-seo .container {
  3977. height: 100%;
  3978. }
  3979. .banner-seo .banner-content {
  3980. position: relative;
  3981. z-index: 333;
  3982. }
  3983. .banner-seo .banner-content .sub-title {
  3984. font-size: 14px;
  3985. color: #ff5e85;
  3986. letter-spacing: 3px;
  3987. text-transform: uppercase;
  3988. font-weight: 400;
  3989. }
  3990. .banner-seo .banner-content .banner-title {
  3991. font-size: 48px;
  3992. line-height: 64px;
  3993. font-weight: 700;
  3994. margin-bottom: 16px;
  3995. color: #343e5d;
  3996. }
  3997. .banner-seo .banner-content p {
  3998. font-size: 18px;
  3999. color: #747c95;
  4000. font-weight: 300;
  4001. line-height: 30px;
  4002. margin-bottom: 53px;
  4003. }
  4004. .banner-seo .banner-feature-thumb {
  4005. position: absolute;
  4006. right: 0;
  4007. bottom: 90px;
  4008. }
  4009. .animate-bubble {
  4010. margin: 0;
  4011. padding: 0;
  4012. list-style: none;
  4013. position: absolute;
  4014. width: 100%;
  4015. height: 100%;
  4016. top: 0;
  4017. left: 0;
  4018. }
  4019. .animate-bubble li {
  4020. position: absolute;
  4021. border-radius: 50%;
  4022. }
  4023. .animate-bubble .bubble1 {
  4024. height: 220px;
  4025. width: 220px;
  4026. background: #babdfe;
  4027. border-radius: 50%;
  4028. top: 40%;
  4029. left: -80px;
  4030. -webkit-animation: wave 2s ease-in-out infinite;
  4031. animation: wave 2s ease-in-out infinite;
  4032. }
  4033. .animate-bubble .bubble2 {
  4034. height: 80px;
  4035. width: 80px;
  4036. left: 100px;
  4037. top: 30%;
  4038. background: #ffe4b2;
  4039. -webkit-animation: wave 2s ease-in-out infinite;
  4040. animation: wave 2s ease-in-out infinite;
  4041. }
  4042. .animate-bubble .bubble3 {
  4043. height: 20px;
  4044. width: 20px;
  4045. left: 50%;
  4046. bottom: 17%;
  4047. background: #9df1bc;
  4048. -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
  4049. box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
  4050. -webkit-animation: animationFramesTwo 50s infinite linear;
  4051. animation: animationFramesTwo 50s infinite linear;
  4052. }
  4053. .animate-bubble .bubble4 {
  4054. height: 10px;
  4055. width: 10px;
  4056. left: 55%;
  4057. bottom: 50%;
  4058. background: #ffa2bd;
  4059. -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
  4060. box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
  4061. -webkit-animation: animationFramesTwo 40s infinite linear;
  4062. animation: animationFramesTwo 40s infinite linear;
  4063. }
  4064. .animate-bubble .bubble5 {
  4065. height: 18px;
  4066. width: 18px;
  4067. right: 10%;
  4068. top: 41%;
  4069. background: #ffa2bd;
  4070. -webkit-box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
  4071. box-shadow: 0 20px 20px 0 rgba(0, 11, 40, 0.1);
  4072. -webkit-animation: animationFramesTwo 30s infinite linear;
  4073. animation: animationFramesTwo 30s infinite linear;
  4074. }
  4075. .animate-element-wrapper .banner-seo-animate-element {
  4076. margin: 0;
  4077. padding: 0;
  4078. list-style: none;
  4079. height: 615px;
  4080. width: 750px;
  4081. position: relative;
  4082. right: -40px;
  4083. }
  4084. .animate-element-wrapper .banner-seo-animate-element li {
  4085. position: absolute;
  4086. }
  4087. .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) {
  4088. right: 170px;
  4089. top: 130px;
  4090. z-index: 2;
  4091. }
  4092. .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) {
  4093. left: 20px;
  4094. bottom: 130px;
  4095. z-index: 1;
  4096. -webkit-animation: swing 12s infinite both;
  4097. animation: swing 12s infinite both;
  4098. -webkit-transform-origin: bottom center;
  4099. -ms-transform-origin: bottom center;
  4100. transform-origin: bottom center;
  4101. }
  4102. .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) {
  4103. right: 80px;
  4104. top: 160px;
  4105. z-index: 1;
  4106. -webkit-animation: 2s ease-in-out infinite leafMotion;
  4107. animation: 2s ease-in-out infinite leafMotion;
  4108. -webkit-transform-origin: left center;
  4109. -ms-transform-origin: left center;
  4110. transform-origin: left center;
  4111. }
  4112. .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) {
  4113. right: 0;
  4114. bottom: 90px;
  4115. }
  4116. .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) {
  4117. right: 110px;
  4118. bottom: 25px;
  4119. z-index: 3;
  4120. }
  4121. .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) {
  4122. left: 85px;
  4123. bottom: 0;
  4124. z-index: 3;
  4125. }
  4126. .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) {
  4127. bottom: 25px;
  4128. left: 85px;
  4129. z-index: 2;
  4130. }
  4131. .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) {
  4132. left: 98px;
  4133. top: 0;
  4134. z-index: 2;
  4135. -webkit-animation: jump 2.5s infinite;
  4136. animation: jump 2.5s infinite;
  4137. }
  4138. .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) {
  4139. left: 124px;
  4140. top: 250px;
  4141. z-index: 2;
  4142. -webkit-animation: 3s ease-in-out infinite leafMotion;
  4143. animation: 3s ease-in-out infinite leafMotion;
  4144. }
  4145. .animate-element-wrapper .banner-seo-animate-element li:nth-child(10) {
  4146. left: 20px;
  4147. bottom: 20px;
  4148. }
  4149. .slider-nav {
  4150. position: absolute;
  4151. top: 50%;
  4152. left: 0;
  4153. width: 100%;
  4154. -webkit-transform: translateY(-50%);
  4155. -ms-transform: translateY(-50%);
  4156. transform: translateY(-50%);
  4157. z-index: 999;
  4158. }
  4159. .slider-nav .slider-next, .slider-nav .slider-prev {
  4160. height: 100px;
  4161. width: 40px;
  4162. text-align: center;
  4163. line-height: 100px;
  4164. background: rgba(0, 0, 0, 0.5);
  4165. position: absolute;
  4166. cursor: pointer;
  4167. -webkit-transition: all 0.3s ease-in-out;
  4168. -o-transition: all 0.3s ease-in-out;
  4169. transition: all 0.3s ease-in-out;
  4170. }
  4171. .slider-nav .slider-next i, .slider-nav .slider-prev i {
  4172. font-size: 30px;
  4173. color: #fff;
  4174. }
  4175. .slider-nav .slider-next:hover, .slider-nav .slider-prev:hover {
  4176. background: #f8b137;
  4177. }
  4178. .slider-nav .slider-next {
  4179. right: 0;
  4180. }
  4181. .slider-nav .slider-prev {
  4182. left: 0;
  4183. }
  4184. .swiper-pagination {
  4185. position: relative;
  4186. margin-top: 55px;
  4187. }
  4188. .swiper-pagination .swiper-pagination-bullet {
  4189. height: 6px;
  4190. width: 6px;
  4191. -webkit-transition: all 0.3s ease-in-out;
  4192. -o-transition: all 0.3s ease-in-out;
  4193. transition: all 0.3s ease-in-out;
  4194. position: relative;
  4195. opacity: 1;
  4196. background: #dce4f2;
  4197. outline: 0;
  4198. margin: 0 6px !important;
  4199. }
  4200. .swiper-pagination .swiper-pagination-bullet:before {
  4201. content: "";
  4202. position: absolute;
  4203. top: -2px;
  4204. bottom: -2px;
  4205. left: -2px;
  4206. right: -2px;
  4207. background: #ed1f25;
  4208. border-radius: 50%;
  4209. -webkit-transform: scale(0.5);
  4210. -ms-transform: scale(0.5);
  4211. transform: scale(0.5);
  4212. opacity: 0;
  4213. -webkit-transition: all 0.3s ease-in-out;
  4214. -o-transition: all 0.3s ease-in-out;
  4215. transition: all 0.3s ease-in-out;
  4216. }
  4217. .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  4218. opacity: 1;
  4219. background: #ed1f25;
  4220. }
  4221. .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  4222. -webkit-transform: scale(1);
  4223. -ms-transform: scale(1);
  4224. transform: scale(1);
  4225. opacity: 1;
  4226. }
  4227. .swiper-pagination.style-circle {
  4228. margin-top: 0;
  4229. }
  4230. .swiper-pagination.style-circle .swiper-pagination-bullet {
  4231. height: 6px;
  4232. width: 6px;
  4233. border-radius: 50%;
  4234. background: #c6ccda;
  4235. margin: 0 7px;
  4236. }
  4237. .swiper-pagination.style-circle .swiper-pagination-bullet:before {
  4238. content: "";
  4239. position: absolute;
  4240. top: -7px;
  4241. bottom: -7px;
  4242. right: -7px;
  4243. left: -7px;
  4244. border: 1px solid #ed1f25;
  4245. border-radius: 50%;
  4246. opacity: 0;
  4247. -webkit-transform: scale(0);
  4248. -ms-transform: scale(0);
  4249. transform: scale(0);
  4250. -webkit-transition: all 0.3s ease-in-out;
  4251. -o-transition: all 0.3s ease-in-out;
  4252. transition: all 0.3s ease-in-out;
  4253. }
  4254. .swiper-pagination.style-circle .swiper-pagination-bullet.swiper-pagination-bullet-active {
  4255. background: #ed1f25;
  4256. }
  4257. .swiper-pagination.style-circle .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  4258. opacity: 1;
  4259. -webkit-transform: scale(1);
  4260. -ms-transform: scale(1);
  4261. transform: scale(1);
  4262. }
  4263. /* Banner Social*/
  4264. .banner-social {
  4265. background-image:url(../img/header-bg.jpg);
  4266. background-attachment: fixed;
  4267. background-repeat: no-repeat;
  4268. background-size: cover;
  4269. position: relative;
  4270. display: -webkit-box;
  4271. display: -ms-flexbox;
  4272. display: flex;
  4273. -webkit-box-align: center;
  4274. -ms-flex-align: center;
  4275. align-items: center;
  4276. -webkit-box-pack: center;
  4277. -ms-flex-pack: center;
  4278. justify-content: center;
  4279. }
  4280. .banner-social .banner-social-content .banner-title {
  4281. font-size: 55px;
  4282. color: #fff;
  4283. line-height: 65px;
  4284. font-weight: 400;
  4285. margin-bottom: 30px;
  4286. }
  4287. .banner-social .banner-social-content .banner-title span {
  4288. font-weight: 700;
  4289. }
  4290. .banner-social .banner-social-content p {
  4291. color: #fff;
  4292. margin-bottom: 50px;
  4293. }
  4294. .banner-social .banner-social-content .so-ban-btn {
  4295. background: #fff;
  4296. padding: 12px 48px;
  4297. border-radius: 30px;
  4298. color: #ed1f25;
  4299. border: 1px solid #fff;
  4300. font-weight: 500;
  4301. display: inline-block;
  4302. }
  4303. .banner-social .banner-social-content .so-ban-btn i {
  4304. margin-right: 5px;
  4305. }
  4306. .banner-social .banner-social-content .so-ban-btn:hover {
  4307. background: transparent;
  4308. color: #fff;
  4309. }
  4310. .banner-social .banner-social-content .btn-underline {
  4311. color: #fff;
  4312. font-weight: 500;
  4313. position: relative;
  4314. padding-bottom: 3px;
  4315. margin-left: 30px;
  4316. }
  4317. @media (max-width: 420px) {
  4318. .banner-social .banner-social-content .btn-underline {
  4319. display: inline-block;
  4320. margin-top: 20px;
  4321. margin-left: 0;
  4322. }
  4323. }
  4324. .banner-social .banner-social-content .btn-underline:after {
  4325. content: "";
  4326. position: absolute;
  4327. bottom: 0;
  4328. left: 0;
  4329. height: 1px;
  4330. width: 100%;
  4331. background: #fff;
  4332. }
  4333. .social-banner-feature-image {
  4334. position: absolute;
  4335. bottom: 0;
  4336. right: 70px;
  4337. }
  4338. .social-banner-element-wrapper {
  4339. position: relative;
  4340. margin-top: 30px;
  4341. }
  4342. .social-banner-element-wrapper .banner-social-animate-element {
  4343. position: relative;
  4344. width: 780px;
  4345. height: 420px;
  4346. margin: 0;
  4347. padding: 0;
  4348. list-style: none;
  4349. }
  4350. .social-banner-element-wrapper .banner-social-animate-element li {
  4351. position: absolute;
  4352. }
  4353. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) {
  4354. right: 85px;
  4355. top: -95px;
  4356. }
  4357. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
  4358. right: 10px;
  4359. top: 140px;
  4360. }
  4361. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) {
  4362. left: -7px;
  4363. top: 40px;
  4364. }
  4365. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
  4366. top: 205px;
  4367. left: 65px;
  4368. }
  4369. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
  4370. bottom: 55px;
  4371. left: 38%;
  4372. }
  4373. .banner-saas {
  4374. height: 940px;
  4375. background-image: -o-linear-gradient(350deg, #453b84 35%, #00c0cd 100%);
  4376. background-image: linear-gradient(100deg, #453b84 35%, #00c0cd 100%);
  4377. overflow: hidden;
  4378. }
  4379. @media (max-width: 991px) {
  4380. .banner-saas {
  4381. height: auto;
  4382. padding: 150px 0 100px;
  4383. }
  4384. .banner-saas .banner-content-wrap {
  4385. -webkit-transform: translateY(0);
  4386. -ms-transform: translateY(0);
  4387. transform: translateY(0);
  4388. }
  4389. }
  4390. .banner-saas .transperent-shape {
  4391. position: absolute;
  4392. top: 0;
  4393. left: 53%;
  4394. -webkit-transform: translateX(-50%);
  4395. -ms-transform: translateX(-50%);
  4396. transform: translateX(-50%);
  4397. }
  4398. .banner-saas .overlay-shape {
  4399. background-size: cover;
  4400. background-position: center center;
  4401. position: absolute;
  4402. background-repeat: no-repeat;
  4403. top: 0;
  4404. left: 0;
  4405. width: 100%;
  4406. height: 100%;
  4407. }
  4408. @media (max-width: 991px) {
  4409. .banner-saas .overlay-shape {
  4410. background-position: 18% center;
  4411. }
  4412. }
  4413. @media (max-width: 576px) {
  4414. .banner-saas .overlay-shape {
  4415. background-position: 27% center;
  4416. }
  4417. }
  4418. .banner-saas .banner-content-inner {
  4419. width: 100%;
  4420. }
  4421. @media (max-width: 991px) {
  4422. .banner-saas .banner-content-inner {
  4423. text-align: center;
  4424. margin-bottom: 40px;
  4425. }
  4426. }
  4427. .banner-saas .banner-content-inner .banner-content {
  4428. max-width: 900px;
  4429. width: 100%;
  4430. position: relative;
  4431. z-index: 2222;
  4432. }
  4433. .banner-saas .banner-content .banner-sub-title {
  4434. font-size: 14px;
  4435. text-transform: uppercase;
  4436. color: #6b6b7e;
  4437. letter-spacing: 1px;
  4438. font-weight: 500;
  4439. margin-bottom: 15px;
  4440. }
  4441. .banner-saas .banner-content .banner-title {
  4442. font-size: 50px;
  4443. line-height: 60px;
  4444. font-weight: 300;
  4445. margin-bottom: 48px;
  4446. color: #2c2c51;
  4447. }
  4448. @media (max-width: 767px) {
  4449. .banner-saas .banner-content .banner-title {
  4450. font-size: 34px;
  4451. line-height: 44px;
  4452. }
  4453. }
  4454. .banner-saas .banner-content .banner-title span {
  4455. font-weight: 700;
  4456. }
  4457. .animated-promo-mockup {
  4458. position: relative;
  4459. max-width: 820px;
  4460. width: 100%;
  4461. height: 580px;
  4462. margin-top: 40px;
  4463. }
  4464. .animated-promo-mockup > img {
  4465. position: absolute;
  4466. }
  4467. .animated-promo-mockup .mob {
  4468. left: 30%;
  4469. }
  4470. .animated-promo-mockup .tree {
  4471. right: -25%;
  4472. bottom: 45px;
  4473. }
  4474. .animated-promo-mockup .man1 {
  4475. left: -40px;
  4476. bottom: -20px;
  4477. z-index: 2;
  4478. }
  4479. .animated-promo-mockup .man2 {
  4480. right: 0;
  4481. bottom: -50px;
  4482. }
  4483. .animated-promo-mockup .cloud-one {
  4484. right: -30%;
  4485. top: 10%;
  4486. -webkit-animation: moveclouds 6s 1s linear infinite alternate;
  4487. animation: moveclouds 6s 1s linear infinite alternate;
  4488. }
  4489. .animated-promo-mockup .cloud-two {
  4490. right: 0;
  4491. top: -9%;
  4492. -webkit-animation: moveclouds 10s 1s linear infinite alternate;
  4493. animation: moveclouds 10s 1s linear infinite alternate;
  4494. }
  4495. .animated-promo-mockup .cloud-three {
  4496. left: 50px;
  4497. top: 25px;
  4498. -webkit-animation: moveclouds 15s 1s linear infinite alternate;
  4499. animation: moveclouds 15s 1s linear infinite alternate;
  4500. }
  4501. .animated-promo-mockup .line {
  4502. bottom: 0;
  4503. left: 60px;
  4504. z-index: -1;
  4505. }
  4506. @media (max-width: 1600px) {
  4507. .animated-promo-mockup {
  4508. height: 505px;
  4509. margin-top: 0;
  4510. }
  4511. .animated-promo-mockup .mob {
  4512. max-width: 280px;
  4513. bottom: 0;
  4514. }
  4515. .animated-promo-mockup .man1 {
  4516. left: -8px;
  4517. bottom: -20px;
  4518. z-index: 2;
  4519. max-width: 180px;
  4520. }
  4521. .animated-promo-mockup .man2 {
  4522. right: 21px;
  4523. bottom: -48px;
  4524. width: 150px;
  4525. }
  4526. .animated-promo-mockup .tree {
  4527. right: -15%;
  4528. bottom: 45px;
  4529. width: 90px;
  4530. }
  4531. }
  4532. @media (max-width: 991px) {
  4533. .animated-promo-mockup {
  4534. max-width: 500px;
  4535. margin: 0 auto;
  4536. }
  4537. .animated-promo-mockup .man1 {
  4538. left: -78px;
  4539. }
  4540. .animated-promo-mockup .mob {
  4541. left: 20%;
  4542. }
  4543. .animated-promo-mockup .tree {
  4544. right: -10%;
  4545. bottom: 45px;
  4546. width: 70px;
  4547. }
  4548. }
  4549. @media (max-width: 576px) {
  4550. .animated-promo-mockup {
  4551. height: 360px;
  4552. max-width: 350px;
  4553. }
  4554. .animated-promo-mockup .mob {
  4555. left: 50%;
  4556. -webkit-transform: translateX(-50%);
  4557. -ms-transform: translateX(-50%);
  4558. transform: translateX(-50%);
  4559. width: 200px;
  4560. }
  4561. .animated-promo-mockup .man1 {
  4562. left: -48px;
  4563. bottom: -10px;
  4564. z-index: 2;
  4565. max-width: 125px;
  4566. }
  4567. .animated-promo-mockup .man2 {
  4568. right: 5px;
  4569. bottom: -40px;
  4570. width: 110px;
  4571. }
  4572. .animated-promo-mockup .tree {
  4573. right: -11%;
  4574. width: 38px;
  4575. }
  4576. }
  4577. .shape-right {
  4578. position: absolute;
  4579. top: 0;
  4580. right: 0;
  4581. }
  4582. .banner-content-wrap {
  4583. position: relative;
  4584. top: 50%;
  4585. -webkit-transform: translateY(-50%);
  4586. -ms-transform: translateY(-50%);
  4587. transform: translateY(-50%);
  4588. }
  4589. .slider-nav {
  4590. position: absolute;
  4591. top: 50%;
  4592. left: 0;
  4593. width: 100%;
  4594. -webkit-transform: translateY(-50%);
  4595. -ms-transform: translateY(-50%);
  4596. transform: translateY(-50%);
  4597. z-index: 999;
  4598. }
  4599. .slider-nav .slider-next, .slider-nav .slider-prev {
  4600. height: 100px;
  4601. width: 40px;
  4602. text-align: center;
  4603. line-height: 100px;
  4604. background: rgba(0, 0, 0, 0.5);
  4605. position: absolute;
  4606. cursor: pointer;
  4607. -webkit-transition: all 0.3s ease-in-out;
  4608. -o-transition: all 0.3s ease-in-out;
  4609. transition: all 0.3s ease-in-out;
  4610. }
  4611. .slider-nav .slider-next i, .slider-nav .slider-prev i {
  4612. font-size: 30px;
  4613. color: #1b1b1b;
  4614. }
  4615. .slider-nav .slider-next:hover, .slider-nav .slider-prev:hover {
  4616. background: #f8b137;
  4617. }
  4618. .slider-nav .slider-next {
  4619. right: 0;
  4620. }
  4621. .slider-nav .slider-prev {
  4622. left: 0;
  4623. }
  4624. .section-dark .gp-testimonial .gp-testimonial-author .author-details .testi-author-name {
  4625. color: #FFF;
  4626. }
  4627. .section-dark .gp-testimonial .gp-testimonial-author .author-details span {
  4628. color: #b5b5b5;
  4629. }
  4630. .section-dark .swiper-pagination-bullet {
  4631. background: #fff;
  4632. opacity: 0.5;
  4633. }
  4634. /* Banner Agency */
  4635. .banner-agency {
  4636. background-image: -o-linear-gradient(40deg, #4d5afe 0%, #35d5fd 100%);
  4637. background-image: linear-gradient(50deg, #4d5afe 0%, #35d5fd 100%);
  4638. height: 930px;
  4639. overflow: hidden;
  4640. }
  4641. @media (max-width: 1024px) {
  4642. .banner-agency {
  4643. height: 800px;
  4644. }
  4645. }
  4646. .banner-agency .banner-shape {
  4647. position: absolute;
  4648. top: 0;
  4649. left: 0;
  4650. background-size: cover;
  4651. background-position: center;
  4652. width: 100%;
  4653. height: 100%;
  4654. }
  4655. @media (min-width: 992px) {
  4656. .banner-agency .mw-570 {
  4657. max-width: 570px;
  4658. }
  4659. }
  4660. .banner-agency .banner-agency-content {
  4661. padding: 320px 0;
  4662. z-index: 3;
  4663. position: relative;
  4664. z-index: 333;
  4665. }
  4666. @media (max-width: 1024px) {
  4667. .banner-agency .banner-agency-content {
  4668. padding: 250px 0;
  4669. }
  4670. }
  4671. .banner-agency .banner-agency-content .top-subtitle {
  4672. color: #4d5afe;
  4673. font-size: 16px;
  4674. font-weight: 400;
  4675. text-transform: uppercase;
  4676. }
  4677. .banner-agency .banner-agency-content .banner-title {
  4678. font-size: 60px;
  4679. line-height: 70px;
  4680. margin-bottom: 30px;
  4681. }
  4682. @media (max-width: 1280px) {
  4683. .banner-agency .banner-agency-content .banner-title {
  4684. font-size: 50px;
  4685. line-height: 60px;
  4686. }
  4687. }
  4688. @media (max-width: 1200px) {
  4689. .banner-agency .banner-agency-content .banner-title {
  4690. font-size: 40px;
  4691. line-height: 50px;
  4692. }
  4693. }
  4694. .banner-agency .banner-agency-content p {
  4695. font-size: 18px;
  4696. line-height: 30px;
  4697. font-weight: 400;
  4698. margin-bottom: 50px;
  4699. max-width: 540px;
  4700. }
  4701. .banner-agency .banner-agency-wrapper {
  4702. margin: 0 -754px 0 0;
  4703. }
  4704. @media (max-width: 1600px) {
  4705. .banner-agency .banner-agency-wrapper {
  4706. margin: 0 -550px 0 0;
  4707. }
  4708. }
  4709. @media (max-width: 1440px) {
  4710. .banner-agency .banner-agency-wrapper {
  4711. margin: 0 -260px 0 0;
  4712. }
  4713. }
  4714. @media (max-width: 1280px) {
  4715. .banner-agency .banner-agency-wrapper {
  4716. margin: 0 -150px 0 0;
  4717. }
  4718. }
  4719. @media (max-width: 1024px) {
  4720. .banner-agency .banner-agency-wrapper {
  4721. margin: 0;
  4722. }
  4723. }
  4724. .banner-agency .agency-banner-element-wrapper {
  4725. position: absolute;
  4726. top: 0;
  4727. right: 0;
  4728. width: 100%;
  4729. }
  4730. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element {
  4731. margin: 0;
  4732. padding: 0;
  4733. list-style: none;
  4734. position: relative;
  4735. z-index: 4;
  4736. }
  4737. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li {
  4738. position: absolute;
  4739. }
  4740. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
  4741. top: 185px;
  4742. left: 0;
  4743. max-width: 897px;
  4744. }
  4745. @media (max-width: 1600px) {
  4746. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
  4747. max-width: 750px;
  4748. }
  4749. }
  4750. @media (max-width: 1440px) {
  4751. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
  4752. max-width: 675px;
  4753. }
  4754. }
  4755. @media (max-width: 1280px) {
  4756. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
  4757. max-width: 610px;
  4758. }
  4759. }
  4760. @media (max-width: 1200px) {
  4761. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
  4762. max-width: 550px;
  4763. left: -20px;
  4764. }
  4765. }
  4766. @media (max-width: 1024px) {
  4767. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(1) {
  4768. max-width: 500px;
  4769. left: -50px;
  4770. }
  4771. }
  4772. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
  4773. top: 130px;
  4774. right: -150px;
  4775. }
  4776. @media (max-width: 1600px) {
  4777. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
  4778. right: -80px;
  4779. max-width: 340px;
  4780. }
  4781. }
  4782. @media (max-width: 1440px) {
  4783. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
  4784. top: 140px;
  4785. right: -125px;
  4786. max-width: 300px;
  4787. }
  4788. }
  4789. @media (max-width: 1280px) {
  4790. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
  4791. right: -100px;
  4792. max-width: 270px;
  4793. }
  4794. }
  4795. @media (max-width: 1200px) {
  4796. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
  4797. right: -30px;
  4798. max-width: 250px;
  4799. }
  4800. }
  4801. @media (max-width: 1024px) {
  4802. .banner-agency .agency-banner-element-wrapper .banner-agency-animate-element li:nth-child(2) {
  4803. top: 150px;
  4804. right: -90px;
  4805. max-width: 220px;
  4806. }
  4807. }
  4808. .banner-agency .banner-pertical {
  4809. margin: 0;
  4810. padding: 0;
  4811. list-style: none;
  4812. position: absolute;
  4813. top: 0;
  4814. left: 0;
  4815. width: 100%;
  4816. height: 100%;
  4817. z-index: 1;
  4818. }
  4819. .banner-agency .banner-pertical li {
  4820. position: absolute;
  4821. }
  4822. .banner-agency .banner-pertical li.bubble1 {
  4823. background-image: -o-linear-gradient(40deg, #236efc 1%, #71f5e7 100%);
  4824. background-image: linear-gradient(50deg, #236efc 1%, #71f5e7 100%);
  4825. height: 140px;
  4826. width: 140px;
  4827. border-radius: 50%;
  4828. top: -70px;
  4829. left: 45px;
  4830. opacity: 0.7;
  4831. z-index: 1;
  4832. -webkit-animation: wave 2s 0.1s infinite linear;
  4833. animation: wave 2s 0.1s infinite linear;
  4834. }
  4835. .banner-agency .banner-pertical li.bubble2 {
  4836. background-image: -o-linear-gradient(40deg, #236efc 1%, #71f5e7 100%);
  4837. background-image: linear-gradient(50deg, #236efc 1%, #71f5e7 100%);
  4838. height: 140px;
  4839. width: 140px;
  4840. border-radius: 50%;
  4841. top: -95px;
  4842. left: 110px;
  4843. opacity: 0.1;
  4844. z-index: 2;
  4845. -webkit-animation: wave 3s 0.1s infinite linear;
  4846. animation: wave 3s 0.1s infinite linear;
  4847. }
  4848. .banner-agency .banner-pertical li.bubble3 {
  4849. background: #f773e3;
  4850. height: 40px;
  4851. width: 40px;
  4852. border-radius: 50%;
  4853. top: 55%;
  4854. left: 5%;
  4855. -webkit-animation: animetwo 40s infinite linear;
  4856. animation: animetwo 40s infinite linear;
  4857. }
  4858. .banner-agency .banner-pertical li.bubble4 {
  4859. background: #f8cc61;
  4860. height: 15px;
  4861. width: 15px;
  4862. border-radius: 50%;
  4863. left: 8%;
  4864. bottom: 35%;
  4865. -webkit-animation: animeone 40s infinite linear;
  4866. animation: animeone 40s infinite linear;
  4867. }
  4868. .banner-agency .banner-pertical li.bubble5 {
  4869. background: #42e255;
  4870. height: 20px;
  4871. width: 20px;
  4872. border-radius: 50%;
  4873. left: 45%;
  4874. bottom: 22%;
  4875. -webkit-animation: animetwo 40s infinite linear;
  4876. animation: animetwo 40s infinite linear;
  4877. }
  4878. .banner-agency .banner-pertical li.bubble6 {
  4879. background-image: -o-linear-gradient(50deg, #f3b3ce 0%, #8858af 100%);
  4880. background-image: linear-gradient(40deg, #f3b3ce 0%, #8858af 100%);
  4881. height: 160px;
  4882. width: 160px;
  4883. border-radius: 50%;
  4884. bottom: 10px;
  4885. left: 50%;
  4886. -webkit-animation: wave 2s 0.1s infinite linear;
  4887. animation: wave 2s 0.1s infinite linear;
  4888. }
  4889. @media (max-width: 991px) {
  4890. .banner-agency .banner-pertical li.bubble6 {
  4891. height: 100px;
  4892. width: 100px;
  4893. }
  4894. }
  4895. .banner-agency .banner-pertical li:nth-child(3) {
  4896. top: 220px;
  4897. left: 275px;
  4898. -webkit-animation: animethree 40s infinite linear;
  4899. animation: animethree 40s infinite linear;
  4900. width: 40px;
  4901. height: 40px;
  4902. }
  4903. .banner-agency .banner-pertical li:nth-child(4) {
  4904. top: 225px;
  4905. left: 25%;
  4906. -webkit-animation: animeone 40s infinite linear;
  4907. animation: animeone 40s infinite linear;
  4908. }
  4909. .banner-agency .banner-pertical li:nth-child(5) {
  4910. top: 50%;
  4911. left: 8%;
  4912. -webkit-animation: animeone 40s infinite linear;
  4913. animation: animeone 40s infinite linear;
  4914. width: 40px;
  4915. height: 40px;
  4916. }
  4917. .banner-agency .banner-pertical li:nth-child(6) {
  4918. bottom: 15%;
  4919. left: 29%;
  4920. -webkit-animation: animetwo 40s infinite linear;
  4921. animation: animetwo 40s infinite linear;
  4922. border: 0;
  4923. }
  4924. /* Banner Agency Two */
  4925. .banner-content-position {
  4926. height: 100%;
  4927. display: -webkit-box;
  4928. display: -ms-flexbox;
  4929. display: flex;
  4930. -webkit-box-align: center;
  4931. -ms-flex-align: center;
  4932. align-items: center;
  4933. position: relative;
  4934. z-index: 22;
  4935. }
  4936. .banner-agency-two {
  4937. background-image: url("../../media/banner/banner-agency-two.jpg");
  4938. background-size: cover;
  4939. background-position: center center;
  4940. background-repeat: no-repeat;
  4941. }
  4942. @media (max-width: 991px) {
  4943. .banner-agency-two {
  4944. height: 700px;
  4945. }
  4946. }
  4947. .banner-agency-two:before {
  4948. content: "";
  4949. position: absolute;
  4950. top: 0;
  4951. left: 0;
  4952. height: 100%;
  4953. width: 100%;
  4954. background-color: rgba(74, 16, 175, 0.7);
  4955. }
  4956. .banner-agency-two .banner-content {
  4957. max-width: 500px;
  4958. }
  4959. @media (max-width: 991px) {
  4960. .banner-agency-two .banner-content {
  4961. text-align: center;
  4962. margin: 0 auto;
  4963. }
  4964. }
  4965. .banner-agency-two .banner-content .subtitle {
  4966. font-size: 16px;
  4967. color: #fff;
  4968. font-weight: 500;
  4969. letter-spacing: 5px;
  4970. text-transform: uppercase;
  4971. }
  4972. .banner-agency-two .banner-content .banner-title {
  4973. color: #fff;
  4974. font-size: 60px;
  4975. line-height: 1.2;
  4976. font-weight: 700;
  4977. margin-bottom: 20px;
  4978. }
  4979. @media (max-width: 991px) {
  4980. .banner-agency-two .banner-content .banner-title {
  4981. font-size: 46px;
  4982. }
  4983. }
  4984. @media (max-width: 991px) {
  4985. .banner-agency-two .banner-content .banner-title {
  4986. font-size: 34px;
  4987. }
  4988. }
  4989. .banner-agency-two .banner-content .description {
  4990. color: rgba(255, 255, 255, 0.8);
  4991. margin-bottom: 42px;
  4992. }
  4993. .banner-agency-two .banner-content .banner-btn {
  4994. color: #fff;
  4995. border: 2px solid rgba(255, 255, 255, 0.4);
  4996. }
  4997. .banner-agency-two .banner-content .banner-btn:after {
  4998. background: #ed1f25;
  4999. }
  5000. .banner-agency-two .banner-content .banner-btn:hover {
  5001. border-color: #ed1f25;
  5002. }
  5003. .banner-comminity {
  5004. display: -webkit-box;
  5005. display: -ms-flexbox;
  5006. display: flex;
  5007. -webkit-box-align: center;
  5008. -ms-flex-align: center;
  5009. align-items: center;
  5010. -webkit-box-pack: center;
  5011. -ms-flex-pack: center;
  5012. justify-content: center;
  5013. height: 850px;
  5014. }
  5015. @media (max-width: 1024px) {
  5016. .banner-comminity {
  5017. height: 650px;
  5018. }
  5019. }
  5020. @media (max-width: 1024px) {
  5021. .banner-comminity {
  5022. height: 550px;
  5023. }
  5024. }
  5025. .banner-comminity .banner-main-content-wrapper {
  5026. width: 100%;
  5027. margin-top: 125px;
  5028. }
  5029. @media (max-width: 1024px) {
  5030. .banner-comminity .banner-main-content-wrapper {
  5031. margin-top: 50px;
  5032. }
  5033. }
  5034. .banner-comminity .banner-main-content-wrapper .banner-content {
  5035. padding: 0 15px;
  5036. }
  5037. .banner-comminity .banner-main-content-wrapper .banner-content .banner-title {
  5038. font-size: 50px;
  5039. line-height: 60px;
  5040. font-weight: 300;
  5041. color: #2c2c51;
  5042. margin-bottom: 45px;
  5043. }
  5044. @media (max-width: 991px) {
  5045. .banner-comminity .banner-main-content-wrapper .banner-content .banner-title {
  5046. font-size: 40px;
  5047. line-height: 50px;
  5048. }
  5049. }
  5050. @media (max-width: 767px) {
  5051. .banner-comminity .banner-main-content-wrapper .banner-content .banner-title br {
  5052. display: none;
  5053. }
  5054. }
  5055. @media (max-width: 991px) {
  5056. .banner-comminity .banner-main-content-wrapper .banner-content .banner-title {
  5057. font-size: 34px;
  5058. line-height: 44px;
  5059. }
  5060. }
  5061. .banner-comminity .banner-main-content-wrapper .banner-content .banner-title span {
  5062. font-weight: 700;
  5063. }
  5064. .banner-comminity .banner-search-form-wrapper {
  5065. position: relative;
  5066. z-index: 22;
  5067. padding: 0 20px;
  5068. }
  5069. .banner-comminity .banner-search-form-wrapper .banner-search-form {
  5070. display: -webkit-box;
  5071. display: -ms-flexbox;
  5072. display: flex;
  5073. -webkit-box-shadow: 0 20px 50px 0 rgba(8, 2, 46, 0.14), -4px 0 0 0 rgba(26, 191, 104, 0.004);
  5074. box-shadow: 0 20px 50px 0 rgba(8, 2, 46, 0.14), -4px 0 0 0 rgba(26, 191, 104, 0.004);
  5075. background: #fff;
  5076. width: 100%;
  5077. max-width: 570px;
  5078. margin: 0 auto;
  5079. border-left: 4px solid #19b565;
  5080. }
  5081. .banner-comminity .banner-search-form-wrapper .banner-search-form input {
  5082. margin: 0;
  5083. background: transparent;
  5084. height: 60px;
  5085. padding: 20px 30px 20px 27px;
  5086. }
  5087. .banner-comminity .banner-search-form-wrapper .banner-search-form input::-webkit-input-placeholder {
  5088. color: #9d9da8;
  5089. }
  5090. .banner-comminity .banner-search-form-wrapper .banner-search-form input::-moz-placeholder {
  5091. color: #9d9da8;
  5092. }
  5093. .banner-comminity .banner-search-form-wrapper .banner-search-form input:-ms-input-placeholder {
  5094. color: #9d9da8;
  5095. }
  5096. .banner-comminity .banner-search-form-wrapper .banner-search-form input::-ms-input-placeholder {
  5097. color: #9d9da8;
  5098. }
  5099. .banner-comminity .banner-search-form-wrapper .banner-search-form input::placeholder {
  5100. color: #9d9da8;
  5101. }
  5102. .banner-comminity .banner-search-form-wrapper .banner-search-form input:focus {
  5103. -webkit-box-shadow: none;
  5104. box-shadow: none;
  5105. border-color: transparent;
  5106. }
  5107. .banner-comminity .banner-search-form-wrapper .banner-search-form button {
  5108. border: 0;
  5109. background: transparent;
  5110. font-size: 24px;
  5111. padding: 0 25px 0 20px;
  5112. outline: 0;
  5113. }
  5114. .banner-comminity .banner-search-form-wrapper .banner-search-form button i {
  5115. display: inline-block;
  5116. -webkit-transform: rotate(-90deg);
  5117. -ms-transform: rotate(-90deg);
  5118. transform: rotate(-90deg);
  5119. }
  5120. .banner-comminity .banner-search-form-wrapper .banner-search-form button:hover {
  5121. color: #ed1f25;
  5122. }
  5123. .banner-comminity .banner-content-bg {
  5124. margin-top: -150px;
  5125. }
  5126. @media (max-width: 991px) {
  5127. .banner-comminity .banner-content-bg {
  5128. margin-top: -85px;
  5129. }
  5130. }
  5131. @media (max-width: 767px) {
  5132. .banner-comminity .banner-content-bg {
  5133. margin-top: -55px;
  5134. }
  5135. }
  5136. @media (max-width: 1600px) {
  5137. .animate-element-wrapper .banner-seo-animate-element {
  5138. right: 50px;
  5139. }
  5140. .social-banner-element-wrapper {
  5141. position: relative;
  5142. }
  5143. .social-banner-element-wrapper .banner-social-animate-element {
  5144. position: relative;
  5145. width: 680px;
  5146. height: 375px;
  5147. margin: 0;
  5148. padding: 0;
  5149. list-style: none;
  5150. }
  5151. .social-banner-element-wrapper .banner-social-animate-element li {
  5152. position: absolute;
  5153. }
  5154. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) {
  5155. right: 65px;
  5156. top: -80px;
  5157. }
  5158. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img {
  5159. width: 390px;
  5160. }
  5161. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
  5162. right: 0;
  5163. top: 130px;
  5164. }
  5165. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img {
  5166. width: 300px;
  5167. }
  5168. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) {
  5169. left: 0;
  5170. top: 50px;
  5171. }
  5172. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) img {
  5173. width: 200px;
  5174. }
  5175. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
  5176. top: 185px;
  5177. left: 60px;
  5178. }
  5179. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img {
  5180. width: 225px;
  5181. }
  5182. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
  5183. bottom: 45px;
  5184. left: 39%;
  5185. }
  5186. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img {
  5187. width: 130px;
  5188. }
  5189. }
  5190. @media (max-width: 1400px) {
  5191. .animate-element-wrapper .banner-seo-animate-element {
  5192. right: 50px;
  5193. height: 550px;
  5194. width: 650px;
  5195. }
  5196. .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) {
  5197. right: 90px;
  5198. }
  5199. .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) img {
  5200. width: 110px;
  5201. }
  5202. .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) {
  5203. top: 190px;
  5204. right: 0;
  5205. }
  5206. .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) img {
  5207. width: 100px;
  5208. }
  5209. .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) {
  5210. right: -20px;
  5211. bottom: 20px;
  5212. }
  5213. .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) img {
  5214. width: 180px;
  5215. }
  5216. .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) {
  5217. right: 40px;
  5218. bottom: -35px;
  5219. }
  5220. .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) img {
  5221. width: 110px;
  5222. }
  5223. .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) {
  5224. bottom: -50px;
  5225. }
  5226. .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) img {
  5227. width: 105px;
  5228. }
  5229. .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) {
  5230. bottom: -40px;
  5231. }
  5232. .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) {
  5233. left: 92px;
  5234. }
  5235. .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) img {
  5236. width: 180px;
  5237. }
  5238. .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) {
  5239. left: 116px;
  5240. top: 200px;
  5241. }
  5242. .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) img {
  5243. width: 80px;
  5244. }
  5245. .banner-social {
  5246. height: 800px;
  5247. padding: 280px 0 190px;
  5248. }
  5249. .social-banner-element-wrapper {
  5250. position: relative;
  5251. }
  5252. .social-banner-element-wrapper .banner-social-animate-element {
  5253. position: relative;
  5254. width: 600px;
  5255. margin: 0;
  5256. padding: 0;
  5257. list-style: none;
  5258. }
  5259. .social-banner-element-wrapper .banner-social-animate-element li {
  5260. position: absolute;
  5261. }
  5262. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) {
  5263. right: 70px;
  5264. top: -60px;
  5265. }
  5266. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img {
  5267. width: 330px;
  5268. }
  5269. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
  5270. right: 10px;
  5271. top: 125px;
  5272. }
  5273. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img {
  5274. width: 245px;
  5275. }
  5276. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) {
  5277. left: 0;
  5278. top: 50px;
  5279. }
  5280. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) img {
  5281. width: 165px;
  5282. }
  5283. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
  5284. top: 165px;
  5285. left: 55px;
  5286. }
  5287. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img {
  5288. width: 200px;
  5289. }
  5290. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
  5291. bottom: 83px;
  5292. left: 39%;
  5293. }
  5294. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img {
  5295. width: 100px;
  5296. }
  5297. }
  5298. @media (max-width: 1280px) {
  5299. .banner-social {
  5300. height: 800px;
  5301. padding: 240px 0 190px;
  5302. }
  5303. .banner-social .banner-social-content .banner-title {
  5304. font-size: 50px;
  5305. line-height: 60px;
  5306. }
  5307. .social-banner-element-wrapper {
  5308. position: relative;
  5309. }
  5310. .social-banner-element-wrapper .banner-social-animate-element {
  5311. position: relative;
  5312. width: 500px;
  5313. height: 300px;
  5314. margin-left: auto;
  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: 65px;
  5321. top: -50px;
  5322. }
  5323. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img {
  5324. width: 270px;
  5325. }
  5326. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
  5327. right: 13px;
  5328. top: 106px;
  5329. }
  5330. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img {
  5331. width: 200px;
  5332. }
  5333. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) {
  5334. left: 0;
  5335. top: 41px;
  5336. }
  5337. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) img {
  5338. width: 140px;
  5339. }
  5340. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
  5341. top: 140px;
  5342. left: 50px;
  5343. }
  5344. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img {
  5345. width: 160px;
  5346. }
  5347. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
  5348. bottom: 57px;
  5349. left: 39%;
  5350. }
  5351. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img {
  5352. width: 80px;
  5353. }
  5354. }
  5355. @media (max-width: 1200px) {
  5356. .banner-feature-image .banner-animate-element {
  5357. width: 430px;
  5358. }
  5359. .banner-seo {
  5360. padding: 170px 0;
  5361. }
  5362. .banner-seo .banner-content .banner-title {
  5363. font-size: 40px;
  5364. line-height: 55px;
  5365. }
  5366. .animate-element-wrapper .banner-seo-animate-element {
  5367. right: 50px;
  5368. right: 50px;
  5369. height: 480px;
  5370. width: 580px;
  5371. }
  5372. .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) {
  5373. right: 0;
  5374. width: 100%;
  5375. text-align: center;
  5376. }
  5377. .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) img {
  5378. width: 380px;
  5379. }
  5380. .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) img {
  5381. width: 110px;
  5382. }
  5383. .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) {
  5384. top: 190px;
  5385. right: 20px;
  5386. }
  5387. .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) img {
  5388. width: 100px;
  5389. }
  5390. .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) {
  5391. right: -20px;
  5392. bottom: 20px;
  5393. }
  5394. .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) img {
  5395. width: 180px;
  5396. }
  5397. .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) {
  5398. right: 40px;
  5399. bottom: -35px;
  5400. }
  5401. .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) img {
  5402. width: 110px;
  5403. }
  5404. .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) {
  5405. bottom: -50px;
  5406. }
  5407. .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) img {
  5408. width: 105px;
  5409. }
  5410. .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) {
  5411. bottom: -40px;
  5412. }
  5413. .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) {
  5414. left: 75px;
  5415. }
  5416. .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) img {
  5417. width: 180px;
  5418. }
  5419. .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) {
  5420. left: 100px;
  5421. top: 200px;
  5422. }
  5423. .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) img {
  5424. width: 80px;
  5425. }
  5426. }
  5427. @media (max-width: 991px) {
  5428. .banner-analytics {
  5429. padding-bottom: 100px;
  5430. }
  5431. .banner-analytics .banner-content {
  5432. text-align: center;
  5433. }
  5434. .banner-analytics .banner-content h2 {
  5435. font-size: 34px;
  5436. line-height: 42px;
  5437. }
  5438. .banner-analytics .banner-feature-image {
  5439. padding-top: 100px;
  5440. }
  5441. .banner-feature-image {
  5442. padding-top: 150px;
  5443. margin-bottom: 40px;
  5444. }
  5445. .banner-feature-image .banner-animate-element {
  5446. margin: 0 auto;
  5447. height: 380px;
  5448. }
  5449. .banner-feature-image .banner-animate-element li:nth-child(1) {
  5450. width: 200px;
  5451. right: 80px;
  5452. }
  5453. .banner-feature-image .banner-animate-element li:nth-child(2) {
  5454. right: 50px;
  5455. bottom: 20px;
  5456. width: 55px;
  5457. }
  5458. .banner-feature-image .banner-animate-element li:nth-child(3) {
  5459. left: 20px;
  5460. width: 110px;
  5461. }
  5462. .banner-feature-image .banner-animate-element li:nth-child(4) {
  5463. top: 80px;
  5464. left: 95px;
  5465. width: 85px;
  5466. }
  5467. .banner-feature-image .banner-animate-element li:nth-child(5) {
  5468. right: 145px;
  5469. bottom: 45px;
  5470. width: 40px;
  5471. }
  5472. .banner-feature-image .banner-animate-element li:nth-child(6) {
  5473. bottom: 30px;
  5474. right: 110px;
  5475. width: 40px;
  5476. }
  5477. .banner-feature-image .banner-animate-element li:nth-child(7) {
  5478. right: -20px;
  5479. top: -30px;
  5480. }
  5481. .banner-feature-image .banner-animate-element li:nth-child(8) {
  5482. right: 40px;
  5483. top: 100px;
  5484. }
  5485. .banner-feature-image .banner-animate-element li:nth-child(9) {
  5486. right: -7px;
  5487. top: 78px;
  5488. }
  5489. .banner-feature-image .banner-animate-element li:nth-child(10) {
  5490. right: 48px;
  5491. top: 50px;
  5492. }
  5493. .banner-feature-image .banner-animate-element li:nth-child(11) {
  5494. right: 75px;
  5495. top: -15px;
  5496. }
  5497. .bmt-100 {
  5498. margin-top: 0;
  5499. }
  5500. .banner-bg-half {
  5501. width: 100%;
  5502. }
  5503. .banner-seo {
  5504. padding: 100px 0;
  5505. height: 1020px;
  5506. }
  5507. .banner-seo .banner-bg {
  5508. background-position: right center;
  5509. }
  5510. .banner-seo .banner-content {
  5511. text-align: center;
  5512. margin-bottom: 30px;
  5513. }
  5514. .banner-seo .banner-content .banner-title {
  5515. font-size: 40px;
  5516. line-height: 55px;
  5517. color: #fff;
  5518. }
  5519. .banner-seo .banner-content p {
  5520. color: #fff;
  5521. }
  5522. .animate-element-wrapper .banner-seo-animate-element {
  5523. margin: 0 auto;
  5524. right: 0;
  5525. }
  5526. .animate-bubble .bubble1 {
  5527. height: 100px;
  5528. width: 100px;
  5529. left: -35px;
  5530. }
  5531. .animate-bubble .bubble2 {
  5532. height: 50px;
  5533. width: 50px;
  5534. left: 0;
  5535. }
  5536. .banner-social {
  5537. height: auto;
  5538. padding: 120px 0 80px;
  5539. }
  5540. .banner-social-content {
  5541. text-align: center;
  5542. }
  5543. .social-banner-element-wrapper {
  5544. margin-top: 0;
  5545. }
  5546. .social-banner-element-wrapper .banner-social-animate-element {
  5547. margin: auto;
  5548. }
  5549. }
  5550. @media (max-width: 576px) {
  5551. .banner-seo {
  5552. height: auto;
  5553. }
  5554. .banner-seo .banner-content .banner-title {
  5555. font-size: 30px;
  5556. line-height: 40px;
  5557. color: #fff;
  5558. }
  5559. .banner-seo .banner-content p br {
  5560. display: none;
  5561. }
  5562. .animate-element-wrapper .banner-seo-animate-element {
  5563. right: 0;
  5564. height: 360px;
  5565. width: 320px;
  5566. }
  5567. .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) {
  5568. right: 0;
  5569. width: 100%;
  5570. top: 80px;
  5571. text-align: center;
  5572. }
  5573. .animate-element-wrapper .banner-seo-animate-element li:nth-child(1) img {
  5574. width: 280px;
  5575. }
  5576. .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) {
  5577. left: -47px;
  5578. bottom: 90px;
  5579. }
  5580. .animate-element-wrapper .banner-seo-animate-element li:nth-child(2) img {
  5581. width: 90px;
  5582. }
  5583. .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) {
  5584. top: 140px;
  5585. right: -40px;
  5586. }
  5587. .animate-element-wrapper .banner-seo-animate-element li:nth-child(3) img {
  5588. width: 85px;
  5589. }
  5590. .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) {
  5591. right: -38px;
  5592. bottom: 40px;
  5593. }
  5594. .animate-element-wrapper .banner-seo-animate-element li:nth-child(4) img {
  5595. width: 100px;
  5596. }
  5597. .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) {
  5598. right: -5px;
  5599. bottom: -35px;
  5600. }
  5601. .animate-element-wrapper .banner-seo-animate-element li:nth-child(5) img {
  5602. width: 85px;
  5603. }
  5604. .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) {
  5605. bottom: -27px;
  5606. left: 17px;
  5607. }
  5608. .animate-element-wrapper .banner-seo-animate-element li:nth-child(6) img {
  5609. width: 80px;
  5610. }
  5611. .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) {
  5612. bottom: -25px;
  5613. left: 0;
  5614. }
  5615. .animate-element-wrapper .banner-seo-animate-element li:nth-child(7) img {
  5616. width: 180px;
  5617. }
  5618. .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) {
  5619. left: 2px;
  5620. }
  5621. .animate-element-wrapper .banner-seo-animate-element li:nth-child(8) img {
  5622. width: 130px;
  5623. }
  5624. .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) {
  5625. left: 21px;
  5626. top: 140px;
  5627. }
  5628. .animate-element-wrapper .banner-seo-animate-element li:nth-child(9) img {
  5629. width: 55px;
  5630. }
  5631. .animate-element-wrapper .banner-seo-animate-element li:nth-child(10) {
  5632. left: -45px;
  5633. bottom: -25px;
  5634. }
  5635. .animate-element-wrapper .banner-seo-animate-element li:nth-child(10) img {
  5636. width: 40px;
  5637. }
  5638. .banner-social .banner-social-content .banner-title {
  5639. font-size: 35px;
  5640. line-height: 45px;
  5641. }
  5642. .banner-social .banner-social-content p br {
  5643. display: none;
  5644. }
  5645. .social-banner-element-wrapper .banner-social-animate-element {
  5646. width: 400px;
  5647. }
  5648. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) {
  5649. top: 0;
  5650. }
  5651. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img {
  5652. width: 170px;
  5653. }
  5654. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
  5655. right: 0px;
  5656. top: 90px;
  5657. }
  5658. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img {
  5659. width: 150px;
  5660. }
  5661. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
  5662. top: 110px;
  5663. left: 85px;
  5664. }
  5665. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img {
  5666. width: 110px;
  5667. }
  5668. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
  5669. bottom: 90px;
  5670. left: 45%;
  5671. }
  5672. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img {
  5673. width: 60px;
  5674. }
  5675. }
  5676. @media (max-width: 480px) {
  5677. .bmt-100 {
  5678. margin-top: 50px;
  5679. }
  5680. .home-analytics .banner-content h2 {
  5681. font-size: 28px;
  5682. line-height: 38px;
  5683. }
  5684. .home-analytics .banner-content .banner-button .gp-btn {
  5685. display: block;
  5686. max-width: 220px;
  5687. margin: 0 auto 30px;
  5688. }
  5689. .banner-feature-image .banner-animate-element {
  5690. margin: 0 auto;
  5691. height: 300px;
  5692. width: 300px;
  5693. }
  5694. .banner-feature-image .banner-animate-element li:nth-child(1) {
  5695. width: 150px;
  5696. right: 55px;
  5697. }
  5698. .banner-feature-image .banner-animate-element li:nth-child(2) {
  5699. right: 30px;
  5700. bottom: 20px;
  5701. width: 45px;
  5702. }
  5703. .banner-feature-image .banner-animate-element li:nth-child(3) {
  5704. left: 0;
  5705. width: 80px;
  5706. }
  5707. .banner-feature-image .banner-animate-element li:nth-child(4) {
  5708. top: 60px;
  5709. left: 55px;
  5710. width: 60px;
  5711. }
  5712. .banner-feature-image .banner-animate-element li:nth-child(5) {
  5713. right: 110px;
  5714. bottom: 54px;
  5715. width: 30px;
  5716. }
  5717. .banner-feature-image .banner-animate-element li:nth-child(6) {
  5718. bottom: 40px;
  5719. right: 83px;
  5720. width: 30px;
  5721. }
  5722. .banner-feature-image .banner-animate-element li:nth-child(7) {
  5723. right: -20px;
  5724. top: -15px;
  5725. width: 130px;
  5726. }
  5727. .banner-feature-image .banner-animate-element li:nth-child(8) {
  5728. right: 20px;
  5729. top: 85px;
  5730. width: 20px;
  5731. }
  5732. .banner-feature-image .banner-animate-element li:nth-child(9) {
  5733. right: -13px;
  5734. top: 52px;
  5735. width: 20px;
  5736. }
  5737. .banner-feature-image .banner-animate-element li:nth-child(10) {
  5738. right: 25px;
  5739. top: 50px;
  5740. width: 20px;
  5741. }
  5742. .banner-feature-image .banner-animate-element li:nth-child(11) {
  5743. right: 40px;
  5744. top: -15px;
  5745. width: 20px;
  5746. }
  5747. }
  5748. @media (max-width: 420px) {
  5749. .social-banner-element-wrapper .banner-social-animate-element {
  5750. width: 300px;
  5751. height: 200px;
  5752. }
  5753. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) {
  5754. top: 25px;
  5755. }
  5756. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(2) img {
  5757. width: 120px;
  5758. }
  5759. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) {
  5760. top: 70px;
  5761. }
  5762. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(3) img {
  5763. width: 100px;
  5764. }
  5765. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(4) img {
  5766. width: 100px;
  5767. }
  5768. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) {
  5769. top: 100px;
  5770. left: 58px;
  5771. }
  5772. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(5) img {
  5773. width: 85px;
  5774. }
  5775. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) {
  5776. bottom: 25px;
  5777. }
  5778. .social-banner-element-wrapper .banner-social-animate-element li:nth-child(6) img {
  5779. width: 60px;
  5780. }
  5781. }
  5782. /*--------------------------------------------------------------
  5783. ## About
  5784. --------------------------------------------------------------*/
  5785. .feature-agency {
  5786. padding: 195px 0 100px;
  5787. }
  5788. @media (max-width: 991px) {
  5789. .feature-agency {
  5790. padding: 100px 0 50px;
  5791. }
  5792. }
  5793. .about {
  5794. padding-top: 65px;
  5795. }
  5796. @media (max-width: 991px) {
  5797. .about {
  5798. padding-top: 0;
  5799. }
  5800. }
  5801. .about-single {
  5802. padding: 120px 0;
  5803. }
  5804. @media (max-width: 768px) {
  5805. .about-single {
  5806. padding: 80px 0;
  5807. }
  5808. }
  5809. .icon-lists {
  5810. margin: 0;
  5811. padding: 0;
  5812. list-style: none;
  5813. }
  5814. .icon-lists li {
  5815. font-size: 18px;
  5816. line-height: 35px;
  5817. }
  5818. .icon-lists li i {
  5819. margin-right: 20px;
  5820. color: #ed1f25;
  5821. }
  5822. .icon-lists.color-eight li {
  5823. color: #373d46;
  5824. }
  5825. .icon-lists.color-eight li i {
  5826. color: #4d5afe !important;
  5827. }
  5828. .about-feature-image {
  5829. position: relative;
  5830. padding-top: 90px;
  5831. z-index: 222;
  5832. }
  5833. @media (max-width: 1024px) {
  5834. .about-feature-image {
  5835. padding-left: 50px;
  5836. }
  5837. }
  5838. .about-feature-image .top-content {
  5839. position: absolute;
  5840. top: 0;
  5841. left: 0;
  5842. width: 375px;
  5843. height: 330px;
  5844. background-image: -o-linear-gradient(40deg, #4d5afe 0%, #818afb 100%);
  5845. background-image: linear-gradient(50deg, #4d5afe 0%, #818afb 100%);
  5846. padding: 100px 70px;
  5847. z-index: 2;
  5848. }
  5849. @media (max-width: 1024px) {
  5850. .about-feature-image .top-content {
  5851. width: 300px;
  5852. height: 260px;
  5853. padding: 65px 70px;
  5854. }
  5855. }
  5856. .about-feature-image .top-content.bg-gradient-two {
  5857. background-image: -o-linear-gradient(30deg, #ff5e85 0%, #464ac9 100%);
  5858. background-image: linear-gradient(60deg, #ff5e85 0%, #464ac9 100%);
  5859. }
  5860. .about-feature-image .top-content .ab-top-subtitle {
  5861. font-size: 16px;
  5862. font-weight: 400;
  5863. color: #fff;
  5864. text-transform: uppercase;
  5865. margin-bottom: 27px;
  5866. }
  5867. .about-feature-image .top-content .ab-subtitle {
  5868. font-size: 30px;
  5869. font-weight: 800;
  5870. color: #fff;
  5871. line-height: 40px;
  5872. }
  5873. .about-feature-image .image-wrapper {
  5874. text-align: right;
  5875. }
  5876. @media (max-width: 991px) {
  5877. .about-feature-image .image-wrapper {
  5878. text-align: left;
  5879. }
  5880. }
  5881. .about-feature-image.style-two {
  5882. padding-top: 0;
  5883. max-width: 570px;
  5884. }
  5885. @media (max-width: 991px) {
  5886. .about-feature-image.style-two {
  5887. margin: 0 auto;
  5888. }
  5889. }
  5890. .about-feature-image.style-two .image-wrapper {
  5891. position: relative;
  5892. z-index: 22;
  5893. padding: 40px 0 45px 70px;
  5894. }
  5895. .about-feature-image.style-two .image-wrapper img {
  5896. -webkit-box-shadow: 0px 40px 60px 0px rgba(14, 1, 37, 0.14);
  5897. box-shadow: 0px 40px 60px 0px rgba(14, 1, 37, 0.14);
  5898. }
  5899. @media (max-width: 440px) {
  5900. .about-feature-image.style-two .image-wrapper {
  5901. padding: 30px 20px 25px 15px;
  5902. }
  5903. }
  5904. .about-feature-image.style-two .circle-half {
  5905. background: #8340fd;
  5906. display: inline-block;
  5907. margin: 0 1em 1em 0;
  5908. position: absolute;
  5909. left: 0;
  5910. top: 0;
  5911. }
  5912. .about-feature-image.style-two .circle-half {
  5913. height: 460px;
  5914. width: 230px;
  5915. }
  5916. @media (max-width: 576px) {
  5917. .about-feature-image.style-two .circle-half {
  5918. height: 360px;
  5919. width: 190px;
  5920. }
  5921. }
  5922. @media (max-width: 576px) {
  5923. .about-feature-image.style-two .circle-half {
  5924. height: 270px;
  5925. width: 140px;
  5926. }
  5927. }
  5928. .about-feature-image.style-two .circle-half {
  5929. border-bottom-left-radius: 460px;
  5930. border-top-left-radius: 460px;
  5931. }
  5932. .about-feature-image.style-two .dot {
  5933. position: absolute;
  5934. right: -30px;
  5935. bottom: 0;
  5936. }
  5937. .about-feature-image.style-two .dot img {
  5938. -webkit-animation: wave 2s 0.1s infinite linear;
  5939. animation: wave 2s 0.1s infinite linear;
  5940. }
  5941. .about-content-wrapper {
  5942. margin-top: 100px;
  5943. padding-left: 69px;
  5944. position: relative;
  5945. z-index: 2;
  5946. }
  5947. @media (max-width: 991px) {
  5948. .about-content-wrapper {
  5949. padding-left: 0;
  5950. }
  5951. }
  5952. .about-content-wrapper .about-title {
  5953. font-size: 39px;
  5954. line-height: 50px;
  5955. color: #373d46;
  5956. font-weight: 800;
  5957. margin-bottom: 30px;
  5958. }
  5959. @media (max-width: 1024px) {
  5960. .about-content-wrapper .about-title br {
  5961. display: none;
  5962. }
  5963. }
  5964. @media (max-width: 991px) {
  5965. .about-content-wrapper .about-title {
  5966. font-size: 34px;
  5967. line-height: 44px;
  5968. }
  5969. }
  5970. .about-content-wrapper p {
  5971. margin-bottom: 36px;
  5972. }
  5973. .about-content-wrapper .icon-lists {
  5974. margin-bottom: 40px;
  5975. }
  5976. .about-content-wrapper .icon-lists li i {
  5977. color: #ed1f25;
  5978. }
  5979. .about-content-wrapper .icon-lists.color-theme li i {
  5980. color: #ed1f25;
  5981. }
  5982. .about-content-wrapper.style-two {
  5983. margin-top: -24px;
  5984. }
  5985. @media (max-width: 991px) {
  5986. .about-content-wrapper.style-two {
  5987. padding-left: 0;
  5988. text-align: center;
  5989. }
  5990. }
  5991. .about-content-wrapper.style-two .section-heading {
  5992. margin-bottom: 15px;
  5993. }
  5994. @media (max-width: 991px) {
  5995. .about-content-wrapper.style-two .section-heading {
  5996. text-align: center !important;
  5997. }
  5998. }
  5999. .about-content-wrapper.style-two .lead-content {
  6000. font-size: 24px;
  6001. color: #706c79;
  6002. line-height: 34px;
  6003. margin-bottom: 25px;
  6004. }
  6005. @media (max-width: 991px) {
  6006. .about-content-wrapper.style-two .lead-content {
  6007. font-size: 18px;
  6008. line-height: 28px;
  6009. }
  6010. }
  6011. .about-content-wrapper.style-two .description {
  6012. margin-bottom: 43px;
  6013. }
  6014. .about-content-wrapper.style-two .gp-btn {
  6015. padding: 11px 30px;
  6016. }
  6017. .about-two {
  6018. padding: 90px 0 100px;
  6019. }
  6020. /*--------------------------------------------------------------
  6021. ## Intro Video
  6022. --------------------------------------------------------------*/
  6023. .intro-video {
  6024. position: relative;
  6025. padding: 120px 0 150px;
  6026. overflow: hidden;
  6027. }
  6028. @media (max-width: 991px) {
  6029. .intro-video {
  6030. padding: 80px 0;
  6031. }
  6032. }
  6033. .intro-video .popup-video-warapper {
  6034. -webkit-box-flex: 2;
  6035. -ms-flex: 2;
  6036. flex: 2;
  6037. z-index: 2;
  6038. }
  6039. .intro-video .popup-video-warapper .video-shape-right {
  6040. position: absolute;
  6041. right: 0;
  6042. bottom: 0;
  6043. z-index: 1;
  6044. }
  6045. @media (max-width: 991px) {
  6046. .intro-video .popup-video-warapper {
  6047. -webkit-box-flex: 1;
  6048. -ms-flex: auto;
  6049. flex: auto;
  6050. }
  6051. }
  6052. .intro-video.color-theme {
  6053. padding: 43px 0 150px;
  6054. }
  6055. .intro-video.color-theme .video-content-wrapper .subtitle {
  6056. color: #ed1f25;
  6057. }
  6058. .intro-video.color-theme .intro-video-inner .popup-video i {
  6059. color: #ed1f25;
  6060. }
  6061. .intro-video-two .intro-video-inner {
  6062. -webkit-box-shadow: none;
  6063. box-shadow: none;
  6064. border-radius: 0;
  6065. }
  6066. .video-content-wrapper {
  6067. max-width: 470px;
  6068. }
  6069. @media (max-width: 991px) {
  6070. .video-content-wrapper {
  6071. padding-bottom: 80px;
  6072. max-width: 100%;
  6073. }
  6074. }
  6075. .video-content-wrapper .subtitle {
  6076. font-size: 16px;
  6077. text-transform: uppercase;
  6078. color: #4d5afe;
  6079. font-weight: 400;
  6080. letter-spacing: 3px;
  6081. }
  6082. .video-content-wrapper .title {
  6083. font-size: 40px;
  6084. line-height: 54px;
  6085. font-weight: 800;
  6086. margin-bottom: 30px;
  6087. }
  6088. @media (max-width: 576px) {
  6089. .video-content-wrapper .title {
  6090. font-size: 28px;
  6091. line-height: 38px;
  6092. }
  6093. .video-content-wrapper .title br {
  6094. display: none;
  6095. }
  6096. }
  6097. .video-content-wrapper p {
  6098. margin-bottom: 48px;
  6099. color: #6a7695;
  6100. }
  6101. .mw-670 {
  6102. max-width: 670px;
  6103. }
  6104. .intro-video-wrapper {
  6105. margin: 0 -350px 0 0;
  6106. }
  6107. @media (max-width: 1200px) {
  6108. .intro-video-wrapper {
  6109. margin: 0 -50px 0 0;
  6110. }
  6111. }
  6112. @media (max-width: 1200px) {
  6113. .intro-video-wrapper {
  6114. margin: 0;
  6115. }
  6116. }
  6117. .intro-video-inner {
  6118. position: relative;
  6119. border-radius: 6px;
  6120. overflow: hidden;
  6121. z-index: 2;
  6122. -webkit-box-shadow: 0px 40px 60px 0px rgba(3, 24, 61, 0.14);
  6123. box-shadow: 0px 40px 60px 0px rgba(3, 24, 61, 0.14);
  6124. }
  6125. .intro-video-inner img {
  6126. width: 100%;
  6127. }
  6128. .intro-video-inner .popup-video {
  6129. position: absolute;
  6130. top: 50%;
  6131. left: 50%;
  6132. height: 80px;
  6133. width: 80px;
  6134. display: inline-block;
  6135. text-align: center;
  6136. line-height: 86px;
  6137. background: #fff;
  6138. border-radius: 50%;
  6139. -webkit-box-shadow: 0px 20px 40px 0px rgba(77, 90, 254, 0.14);
  6140. box-shadow: 0px 20px 40px 0px rgba(77, 90, 254, 0.14);
  6141. -webkit-transform: translate(-50%, -50%);
  6142. -ms-transform: translate(-50%, -50%);
  6143. transform: translate(-50%, -50%);
  6144. }
  6145. .intro-video-inner .popup-video i {
  6146. font-size: 40px;
  6147. margin-left: 6px;
  6148. }
  6149. .intro-video-inner .popup-video:before {
  6150. content: "";
  6151. height: 100px;
  6152. width: 100px;
  6153. position: absolute;
  6154. left: -10px;
  6155. top: -10px;
  6156. border: 1px solid rgba(255, 255, 255, 0.4);
  6157. border-radius: 50%;
  6158. -webkit-animation: videoBtnAnim 3s linear infinite;
  6159. animation: videoBtnAnim 3s linear infinite;
  6160. display: block;
  6161. }
  6162. .intro-video-inner .popup-video:after {
  6163. content: "";
  6164. position: absolute;
  6165. left: -30px;
  6166. top: -30px;
  6167. height: 140px;
  6168. width: 140px;
  6169. border: 1px solid rgba(255, 255, 255, 0.4);
  6170. border-radius: 50%;
  6171. -webkit-animation: videoBtnAnim 5s linear infinite;
  6172. animation: videoBtnAnim 5s linear infinite;
  6173. display: block;
  6174. }
  6175. @-webkit-keyframes videoBtnAnim {
  6176. 0% {
  6177. -webkit-transform: scale(0.8);
  6178. transform: scale(0.8);
  6179. }
  6180. 25% {
  6181. -webkit-transform: scale(1);
  6182. transform: scale(1);
  6183. }
  6184. 50% {
  6185. -webkit-transform: scale(1.2);
  6186. transform: scale(1.2);
  6187. }
  6188. 75% {
  6189. -webkit-transform: scale(1);
  6190. transform: scale(1);
  6191. }
  6192. to {
  6193. -webkit-transform: scale(0.8);
  6194. transform: scale(0.8);
  6195. }
  6196. }
  6197. @keyframes videoBtnAnim {
  6198. 0% {
  6199. -webkit-transform: scale(0.8);
  6200. transform: scale(0.8);
  6201. }
  6202. 25% {
  6203. -webkit-transform: scale(1);
  6204. transform: scale(1);
  6205. }
  6206. 50% {
  6207. -webkit-transform: scale(1.2);
  6208. transform: scale(1.2);
  6209. }
  6210. 75% {
  6211. -webkit-transform: scale(1);
  6212. transform: scale(1);
  6213. }
  6214. to {
  6215. -webkit-transform: scale(0.8);
  6216. transform: scale(0.8);
  6217. }
  6218. }
  6219. .popup-video-warapper-two .intro-video-inner .popup-video.style-two {
  6220. -webkit-box-shadow: 0px 20px 40px 0px rgba(1, 33, 26, 0.2);
  6221. box-shadow: 0px 20px 40px 0px rgba(1, 33, 26, 0.2);
  6222. background: #fff;
  6223. height: 100px;
  6224. width: 100px;
  6225. line-height: 105px;
  6226. }
  6227. .popup-video-warapper-two .intro-video-inner .popup-video.style-two i {
  6228. color: #ed1f25;
  6229. }
  6230. .popup-video-warapper-two .intro-video-inner .popup-video.style-two:before {
  6231. height: 110px;
  6232. width: 110px;
  6233. left: -5px;
  6234. top: -5px;
  6235. border: 1px solid rgba(255, 255, 255, 0.6);
  6236. }
  6237. .popup-video-warapper-two .intro-video-inner .popup-video.style-two:after {
  6238. left: -15px;
  6239. top: -15px;
  6240. height: 130px;
  6241. width: 130px;
  6242. border: 1px solid rgba(255, 255, 255, 0.6);
  6243. }
  6244. .intro-video-two {
  6245. overflow: hidden;
  6246. }
  6247. .video-content-wrapper-two {
  6248. padding-left: 130px;
  6249. }
  6250. @media (max-width: 1400px) {
  6251. .video-content-wrapper-two {
  6252. padding-left: 0;
  6253. }
  6254. }
  6255. @media (max-width: 1280px) {
  6256. .video-content-wrapper-two {
  6257. padding: 70px 15px;
  6258. }
  6259. }
  6260. .video-content-wrapper-two .title {
  6261. font-size: 40px;
  6262. line-height: 50px;
  6263. font-weight: 800;
  6264. margin-bottom: 22px;
  6265. }
  6266. @media (max-width: 576px) {
  6267. .video-content-wrapper-two .title {
  6268. font-size: 28px;
  6269. line-height: 38px;
  6270. }
  6271. .video-content-wrapper-two .title br {
  6272. display: none;
  6273. }
  6274. }
  6275. .video-content-wrapper-two p {
  6276. margin-bottom: 43px;
  6277. }
  6278. @media (max-width: 576px) {
  6279. .video-content-wrapper-two p br {
  6280. display: none;
  6281. }
  6282. }
  6283. .people-box {
  6284. border-radius: 6px;
  6285. background-color: white;
  6286. -webkit-box-shadow: 0px 3px 6px 0px rgba(1, 33, 26, 0.06);
  6287. box-shadow: 0px 3px 6px 0px rgba(1, 33, 26, 0.06);
  6288. display: -webkit-box;
  6289. display: -ms-flexbox;
  6290. display: flex;
  6291. -webkit-box-align: center;
  6292. -ms-flex-align: center;
  6293. align-items: center;
  6294. max-width: 370px;
  6295. padding: 10px 20px;
  6296. margin-bottom: 80px;
  6297. }
  6298. @media (max-width: 1400px) and (min-width: 992px) {
  6299. .people-box {
  6300. margin-bottom: 40px;
  6301. }
  6302. }
  6303. .people-box .avatar {
  6304. border-radius: 50%;
  6305. overflow: hidden;
  6306. margin-right: 20px;
  6307. }
  6308. .people-box p {
  6309. color: #0b1c39;
  6310. margin: 0;
  6311. }
  6312. .counter-box-wrapper {
  6313. display: -webkit-box;
  6314. display: -ms-flexbox;
  6315. display: flex;
  6316. -webkit-box-pack: justify;
  6317. -ms-flex-pack: justify;
  6318. justify-content: space-between;
  6319. max-width: 550px;
  6320. }
  6321. /*--------------------------------------------------------------
  6322. ## Icon Box
  6323. --------------------------------------------------------------*/
  6324. /* Feature Analytics */
  6325. .feature-analytics {
  6326. padding-top: 110px;
  6327. padding-bottom: 30px;
  6328. }
  6329. @media (max-width: 991px) {
  6330. .feature-analytics {
  6331. padding-top: 70px;
  6332. }
  6333. }
  6334. /* Social Feature One */
  6335. #social-feature {
  6336. padding: 115px 0 90px;
  6337. background: #fbfbfd;
  6338. }
  6339. @media (max-width: 991px) {
  6340. #social-feature {
  6341. padding: 75px 0 50px;
  6342. }
  6343. }
  6344. .social-icon-box {
  6345. text-align: center;
  6346. background: #fff;
  6347. padding: 50px;
  6348. -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, 0.05);
  6349. box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, 0.05);
  6350. -webkit-transition: all 0.3s ease-in-out;
  6351. -o-transition: all 0.3s ease-in-out;
  6352. transition: all 0.3s ease-in-out;
  6353. position: relative;
  6354. margin-bottom: 30px;
  6355. border-radius: 10px;
  6356. }
  6357. .social-icon-box:before, .social-icon-box:after {
  6358. position: absolute;
  6359. top: 0;
  6360. right: 0;
  6361. bottom: 0;
  6362. left: 0;
  6363. content: "";
  6364. opacity: 0;
  6365. -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  6366. transition: opacity 0.35s, -webkit-transform 0.35s;
  6367. -o-transition: opacity 0.35s, transform 0.35s;
  6368. transition: opacity 0.35s, transform 0.35s;
  6369. transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  6370. }
  6371. .social-icon-box:before {
  6372. border-top: 1px solid #ed1f25;
  6373. border-bottom: 1px solid #ed1f25;
  6374. -webkit-transform: scale(0, 1);
  6375. -ms-transform: scale(0, 1);
  6376. transform: scale(0, 1);
  6377. }
  6378. .social-icon-box:after {
  6379. border-right: 1px solid #ed1f25;
  6380. border-left: 1px solid #ed1f25;
  6381. -webkit-transform: scale(1, 0);
  6382. -ms-transform: scale(1, 0);
  6383. transform: scale(1, 0);
  6384. }
  6385. .social-icon-box .icon {
  6386. max-height: 107px;
  6387. }
  6388. .social-icon-box .icon svg {
  6389. margin: 0 auto;
  6390. max-height: 103px;
  6391. }
  6392. .social-icon-box .content {
  6393. position: relative;
  6394. z-index: 22;
  6395. }
  6396. .social-icon-box .content h3 {
  6397. font-size: 20px;
  6398. font-weight: 800;
  6399. margin-bottom: 20px;
  6400. }
  6401. .social-icon-box .content p {
  6402. font-size: 16px;
  6403. color: #677294;
  6404. line-height: 28px;
  6405. margin-bottom: 30px;
  6406. }
  6407. .social-icon-box .content a {
  6408. font-size: 15px;
  6409. color: #051441;
  6410. font-weight: 500;
  6411. position: relative;
  6412. display: inline-block;
  6413. }
  6414. .social-icon-box .content a i {
  6415. margin-left: 5px;
  6416. font-size: 13px;
  6417. }
  6418. .social-icon-box .content a:after {
  6419. position: absolute;
  6420. content: "";
  6421. display: block;
  6422. bottom: 3px;
  6423. height: 1px;
  6424. left: 0;
  6425. width: 100%;
  6426. background: #ed1f25;
  6427. -webkit-transform-origin: right center;
  6428. -ms-transform-origin: right center;
  6429. transform-origin: right center;
  6430. -webkit-transform: scale(0, 1);
  6431. -ms-transform: scale(0, 1);
  6432. transform: scale(0, 1);
  6433. transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85), -webkit-transform 0.25s;
  6434. }
  6435. .social-icon-box .content a:hover {
  6436. color: #ed1f25;
  6437. }
  6438. .social-icon-box .content a:hover:after {
  6439. -webkit-transform: scale(1, 1);
  6440. -ms-transform: scale(1, 1);
  6441. transform: scale(1, 1);
  6442. -webkit-transform-origin: left center;
  6443. -ms-transform-origin: left center;
  6444. transform-origin: left center;
  6445. }
  6446. .social-icon-box:hover {
  6447. -webkit-box-shadow: 0px 30px 30px 0px rgba(35, 0, 41, 0.06);
  6448. box-shadow: 0px 30px 30px 0px rgba(35, 0, 41, 0.06);
  6449. }
  6450. .social-icon-box-two .icon {
  6451. margin-bottom: 10px;
  6452. }
  6453. .social-icon-box-two .icon svg {
  6454. height: 80px;
  6455. }
  6456. .social-icon-box-two .content h3 {
  6457. font-size: 20px;
  6458. font-weight: 800;
  6459. margin-bottom: 15px;
  6460. }
  6461. /* Saas Feature One */
  6462. #feature {
  6463. padding: 100px 0 90px;
  6464. }
  6465. @media (max-width: 991px) {
  6466. #feature {
  6467. padding: 70px 0 0;
  6468. }
  6469. }
  6470. .service-one .section-heading {
  6471. margin-bottom: 60px;
  6472. }
  6473. .icon-box {
  6474. margin-bottom: 30px;
  6475. -webkit-transition: all 0.3s ease-in-out;
  6476. -o-transition: all 0.3s ease-in-out;
  6477. transition: all 0.3s ease-in-out;/* Feature Box Seo *//* Feature Analytics */
  6478. }
  6479. .icon-box .icon-container {
  6480. margin-bottom: 40px;
  6481. }
  6482. .icon-box .box-content .box-title {
  6483. font-size: 20px;
  6484. font-weight: 800;
  6485. -webkit-transition: all 0.3s ease-in-out;
  6486. -o-transition: all 0.3s ease-in-out;
  6487. transition: all 0.3s ease-in-out;
  6488. margin-bottom: 16px;
  6489. }
  6490. .icon-box .box-content .box-title:hover {
  6491. color: #ed1f25;
  6492. }
  6493. .icon-box .box-content .box-title a {
  6494. color: #373d46;
  6495. }
  6496. .icon-box .box-content .box-title a:hover {
  6497. color: #ed1f25;
  6498. }
  6499. .icon-box .box-content p {
  6500. font-size: 14px;
  6501. margin: 0;
  6502. }
  6503. @media (max-width: 991px) {
  6504. .icon-box .box-content p br {
  6505. display: none;
  6506. }
  6507. }
  6508. .icon-box.style-one {
  6509. margin-bottom: 90px;
  6510. }
  6511. @media (max-width: 991px) {
  6512. .icon-box.style-one {
  6513. text-align: center;
  6514. }
  6515. }
  6516. @media (max-width: 575px) {
  6517. .icon-box.style-one {
  6518. max-width: 400px;
  6519. margin: 0 auto 40px;
  6520. }
  6521. }
  6522. .icon-box.style-one .icon-container {
  6523. font-size: 25px;
  6524. width: 60px;
  6525. height: 60px;
  6526. display: -webkit-box;
  6527. display: -ms-flexbox;
  6528. display: flex;
  6529. -webkit-box-pack: center;
  6530. -ms-flex-pack: center;
  6531. justify-content: center;
  6532. -webkit-box-align: center;
  6533. -ms-flex-align: center;
  6534. align-items: center;
  6535. border-radius: 10px;
  6536. color: #fff;
  6537. background: #ed1f25;
  6538. margin-bottom: 35px;
  6539. -webkit-box-shadow: 0 20px 30px 0 rgba(247, 86, 135, 0.3);
  6540. box-shadow: 0 20px 30px 0 rgba(247, 86, 135, 0.3);
  6541. }
  6542. @media (max-width: 991px) {
  6543. .icon-box.style-one .icon-container {
  6544. margin: 0 auto 35px;
  6545. }
  6546. }
  6547. .icon-box.style-one .icon-container.color-one {
  6548. background: #73c216;
  6549. -webkit-box-shadow: 0 20px 30px 0 rgba(115, 194, 22, 0.3);
  6550. box-shadow: 0 20px 30px 0 rgba(115, 194, 22, 0.3);
  6551. }
  6552. .icon-box.style-one .icon-container.color-two {
  6553. background: #a159f9;
  6554. -webkit-box-shadow: 0 20px 30px 0 rgba(161, 89, 249, 0.3);
  6555. box-shadow: 0 20px 30px 0 rgba(161, 89, 249, 0.3);
  6556. }
  6557. .icon-box.style-one .icon-container.color-three {
  6558. background: #f75687;
  6559. -webkit-box-shadow: 0 20px 30px 0 rgba(247, 86, 135, 0.3);
  6560. box-shadow: 0 20px 30px 0 rgba(247, 86, 135, 0.3);
  6561. }
  6562. .icon-box.style-one .icon-container.color-four {
  6563. background: #5489fa;
  6564. -webkit-box-shadow: 0 20px 30px 0 rgba(84, 137, 250, 0.3);
  6565. box-shadow: 0 20px 30px 0 rgba(84, 137, 250, 0.3);
  6566. }
  6567. .icon-box.style-one .icon-container.color-five {
  6568. background: #f7ab25;
  6569. -webkit-box-shadow: 0 20px 30px 0 rgba(237, 163, 34, 0.3);
  6570. box-shadow: 0 20px 30px 0 rgba(237, 163, 34, 0.3);
  6571. }
  6572. .icon-box.style-one .icon-container.color-six {
  6573. background: #32b7fc;
  6574. -webkit-box-shadow: 0 20px 30px 0 rgba(50, 183, 252, 0.3);
  6575. box-shadow: 0 20px 30px 0 rgba(50, 183, 252, 0.3);
  6576. }
  6577. .icon-box.style-one .box-content .box-title {
  6578. color: #000;
  6579. }
  6580. .icon-box.style-one .box-content .box-title:hover, .icon-box.style-one .box-content .box-title a:hover {
  6581. color: #ff6344;
  6582. }
  6583. .icon-box.style-two {
  6584. display: -webkit-box;
  6585. display: -ms-flexbox;
  6586. display: flex;
  6587. -ms-flex-wrap: wrap;
  6588. flex-wrap: wrap;
  6589. margin-bottom: 50px;
  6590. padding: 0;
  6591. }
  6592. .icon-box.style-two .icon-container {
  6593. width: 70px;
  6594. height: 70px;
  6595. font-size: 26px;
  6596. text-align: center;
  6597. line-height: 70px;
  6598. background-color: rgba(255, 94, 133, 0.102);
  6599. border-radius: 50%;
  6600. margin-right: 30px;
  6601. color: #ff5e85;
  6602. -webkit-transition: all 0.3s ease-in-out;
  6603. -o-transition: all 0.3s ease-in-out;
  6604. transition: all 0.3s ease-in-out;
  6605. }
  6606. .icon-box.style-two .box-content {
  6607. -webkit-box-flex: 1;
  6608. -ms-flex: 1;
  6609. flex: 1;
  6610. }
  6611. .icon-box.style-two .box-content .box-title {
  6612. font-size: 24px;
  6613. font-weight: 800;
  6614. margin-bottom: 13px;
  6615. line-height: 34px;
  6616. }
  6617. @media (max-width: 991px) {
  6618. .icon-box.style-two .box-content .box-title br {
  6619. display: none;
  6620. }
  6621. }
  6622. .icon-box.style-two .box-content .box-title:hover, .icon-box.style-two .box-content .box-title a:hover {
  6623. color: #ff5e85;
  6624. }
  6625. .icon-box.style-two .box-content p {
  6626. font-size: 16px;
  6627. }
  6628. @media (max-width: 991px) {
  6629. .icon-box.style-two .box-content p br {
  6630. display: none;
  6631. }
  6632. }
  6633. .icon-box.style-two.color--one .icon-container {
  6634. background-color: rgba(83, 99, 253, 0.102);
  6635. color: #5363fd;
  6636. }
  6637. .icon-box.style-two.color--two .icon-container {
  6638. background-color: rgba(11, 202, 6, 0.102);
  6639. color: #0bca06;
  6640. }
  6641. .icon-box.style-two:hover .icon-container {
  6642. background: #ff5e85;
  6643. border-color: #ff5e85;
  6644. color: #fff;
  6645. -webkit-box-shadow: 0px 20px 20px 0px rgba(255, 94, 133, 0.2);
  6646. box-shadow: 0px 20px 20px 0px rgba(255, 94, 133, 0.2);
  6647. -webkit-transform: translateY(-5px);
  6648. -ms-transform: translateY(-5px);
  6649. transform: translateY(-5px);
  6650. }
  6651. .icon-box.style-two:hover.color--one .icon-container {
  6652. background-color: #5363fd;
  6653. color: #fff;
  6654. -webkit-box-shadow: 0px 20px 30px 0px rgba(83, 99, 253, 0.2);
  6655. box-shadow: 0px 20px 30px 0px rgba(83, 99, 253, 0.2);
  6656. }
  6657. .icon-box.style-two:hover.color--two .icon-container {
  6658. background-color: #0bca06;
  6659. color: #fff;
  6660. -webkit-box-shadow: 0px 20px 30px 0px rgba(11, 202, 6, 0.2);
  6661. box-shadow: 0px 20px 30px 0px rgba(11, 202, 6, 0.2);
  6662. }
  6663. .icon-box.style-three {
  6664. text-align: center;
  6665. background: #fff;
  6666. -webkit-box-shadow: 0px 40px 60px 0px rgba(3, 24, 61, 0.06);
  6667. box-shadow: 0px 40px 60px 0px rgba(3, 24, 61, 0.06);
  6668. border-radius: 0;
  6669. padding: 45px 50px 55px;
  6670. }
  6671. .icon-box.style-three .icon-container {
  6672. height: 100px;
  6673. position: relative;
  6674. margin-bottom: 25px;
  6675. padding: 15px 0;
  6676. }
  6677. .icon-box.style-three .icon-container svg {
  6678. position: absolute;
  6679. margin: 0;
  6680. left: 50%;
  6681. -webkit-transform: translateX(-50%);
  6682. -ms-transform: translateX(-50%);
  6683. transform: translateX(-50%);
  6684. bottom: 0;
  6685. }
  6686. .icon-box.style-three .box-content .box-title a:hover {
  6687. color: #4d5afe;
  6688. }
  6689. .icon-box.style-three .box-content p {
  6690. margin-bottom: 45px;
  6691. }
  6692. .icon-box.style-three .gp-btn {
  6693. border-color: #e0e3e8;
  6694. color: #6a7695;
  6695. }
  6696. .icon-box.style-three .gp-btn:hover {
  6697. color: #fff;
  6698. -webkit-box-shadow: 0px 20px 30px 0px rgba(6, 16, 149, 0.2);
  6699. box-shadow: 0px 20px 30px 0px rgba(6, 16, 149, 0.2);
  6700. }
  6701. .icon-box.style-four {
  6702. padding: 40px 40px 50px;
  6703. border-top: 5px solid transparent;
  6704. border-radius: 6px;
  6705. }
  6706. .icon-box.style-four:hover {
  6707. -webkit-box-shadow: 0px 50px 100px 0px rgba(1, 60, 64, 0.1), 0px -5px 0px 0px rgba(0, 192, 205, 0.004);
  6708. box-shadow: 0px 50px 100px 0px rgba(1, 60, 64, 0.1), 0px -5px 0px 0px rgba(0, 192, 205, 0.004);
  6709. border-color: #ed1f25;
  6710. background: #fff;
  6711. }
  6712. .icon-box.style-four.color-seven:hover {
  6713. border-color: #6e58fc;
  6714. -webkit-box-shadow: 0px 50px 100px 0px rgba(10, 1, 64, 0.1), 0px -5px 0px 0px rgba(110, 88, 252, 0.004);
  6715. box-shadow: 0px 50px 100px 0px rgba(10, 1, 64, 0.1), 0px -5px 0px 0px rgba(110, 88, 252, 0.004);
  6716. }
  6717. .icon-box.style-four.color-seven .box-content .box-title:hover {
  6718. color: #6e58fc;
  6719. }
  6720. .icon-box.style-four.color-seven .box-content .box-title a:hover {
  6721. color: #6e58fc;
  6722. }
  6723. .icon-box.style-five {
  6724. padding: 40px;
  6725. -webkit-transition: all 0.3s ease-in-out;
  6726. -o-transition: all 0.3s ease-in-out;
  6727. transition: all 0.3s ease-in-out;
  6728. border-radius: 6px;
  6729. border-top: 4px solid transparent;
  6730. }
  6731. .icon-box.style-five .icon-container {
  6732. height: 70px;
  6733. width: 70px;
  6734. line-height: 75px;
  6735. font-size: 30px;
  6736. background: #e5f9e4;
  6737. border-radius: 20px;
  6738. text-align: center;
  6739. color: #27cb24;
  6740. margin-bottom: 35px;
  6741. }
  6742. .icon-box.style-five .box-content .box-title {
  6743. font-weight: 500;
  6744. margin-bottom: 15px;
  6745. }
  6746. .icon-box.style-five:hover {
  6747. -webkit-box-shadow: 0px 40px 70px 0px rgba(1, 33, 26, 0.08);
  6748. box-shadow: 0px 40px 70px 0px rgba(1, 33, 26, 0.08);
  6749. border-top-color: #ed1f25;
  6750. background: #fff;
  6751. }
  6752. .icon-box.style-five.cl-five .box-content .box-title {
  6753. font-weight: 500;
  6754. margin-bottom: 15px;
  6755. }
  6756. .icon-box.style-five.cl-five .box-content .box-title:hover {
  6757. color: #ed1f25;
  6758. }
  6759. .icon-box.style-five.cl-five .box-content .box-title a:hover {
  6760. color: #ed1f25;
  6761. }
  6762. .icon-box.style-five.color-two .icon-container {
  6763. background: #fee5ef;
  6764. color: #f6297b;
  6765. }
  6766. .icon-box.style-five.color-three .icon-container {
  6767. background: #e7efff;
  6768. color: #3880fb;
  6769. }
  6770. .icon-box.style-five.color-four .icon-container {
  6771. background: #fdf7e6;
  6772. color: #f4ca64;
  6773. }
  6774. .icon-box.style-five.color-five .icon-container {
  6775. background: #e1f8f6;
  6776. color: #1ac7bd;
  6777. }
  6778. .icon-box.style-five.color-six .icon-container {
  6779. background: #fbe9fe;
  6780. color: #dd49f8;
  6781. }
  6782. .icon-box.style-six {
  6783. padding: 0 20px;
  6784. margin-bottom: 30px;
  6785. }
  6786. .icon-box.style-six .icon-container {
  6787. text-align: center;
  6788. height: 100px;
  6789. width: 100px;
  6790. line-height: 95px;
  6791. border: 2px solid transparent;
  6792. margin: 0 auto 35px;
  6793. border-radius: 50%;
  6794. -webkit-transition: all 0.3s ease-in-out;
  6795. -o-transition: all 0.3s ease-in-out;
  6796. transition: all 0.3s ease-in-out;
  6797. -webkit-box-shadow: 0px 14px 30px 0px rgba(36, 7, 120, 0.1);
  6798. box-shadow: 0px 14px 30px 0px rgba(36, 7, 120, 0.1);
  6799. background-color: white;
  6800. }
  6801. .icon-box.style-six .box-content .feature-title {
  6802. font-size: 20px;
  6803. font-weight: 700;
  6804. margin-bottom: 13px;
  6805. -webkit-transition: all 0.3s ease-in-out;
  6806. -o-transition: all 0.3s ease-in-out;
  6807. transition: all 0.3s ease-in-out;
  6808. }
  6809. .icon-box.style-six .box-content .feature-title a {
  6810. color: #051441;
  6811. }
  6812. .icon-box.style-six .box-content .feature-title a:hover {
  6813. color: #ed1f25;
  6814. }
  6815. .icon-box.style-six .box-content .feature-title:hover {
  6816. color: #ed1f25;
  6817. }
  6818. .icon-box.style-six:hover .icon-container {
  6819. -webkit-box-shadow: none;
  6820. box-shadow: none;
  6821. border-color: #ed1f25;
  6822. }
  6823. .icon-box.style-seven {
  6824. margin-bottom: 30px;
  6825. padding: 40px 50px;
  6826. border-top: 2px solid transparent;
  6827. -webkit-transition: all 0.3s ease-in-out;
  6828. -o-transition: all 0.3s ease-in-out;
  6829. transition: all 0.3s ease-in-out;
  6830. border-radius: 4px;
  6831. }
  6832. .icon-box.style-seven .icon-container {
  6833. height: 55px;
  6834. display: -webkit-box;
  6835. display: -ms-flexbox;
  6836. display: flex;
  6837. -webkit-box-align: end;
  6838. -ms-flex-align: end;
  6839. align-items: flex-end;
  6840. }
  6841. .icon-box.style-seven .box-content .box-title {
  6842. font-size: 18px;
  6843. color: #2c2c51;
  6844. }
  6845. .icon-box.style-seven .box-content .box-title a {
  6846. color: #2c2c51;
  6847. }
  6848. .icon-box.style-seven .box-content .box-title a:hover {
  6849. color: #ed1f25;
  6850. }
  6851. .icon-box.style-seven .box-content p {
  6852. font-size: 15px;
  6853. }
  6854. .icon-box.style-seven .box-content .more-info {
  6855. margin-top: 20px;
  6856. display: block;
  6857. opacity: 0;
  6858. visibility: hidden;
  6859. }
  6860. .icon-box.style-seven .box-content .more-info svg path {
  6861. -webkit-transition: all 0.3s ease-in-out;
  6862. -o-transition: all 0.3s ease-in-out;
  6863. transition: all 0.3s ease-in-out;
  6864. }
  6865. .icon-box.style-seven .box-content .more-info:hover svg path {
  6866. fill: #ed1f25;
  6867. }
  6868. .icon-box.style-seven:hover {
  6869. background: #fff;
  6870. -webkit-box-shadow: 0px 40px 60px 0px rgba(8, 2, 46, 0.1), 0px -2px 0px 0px rgba(26, 191, 104, 0.004);
  6871. box-shadow: 0px 40px 60px 0px rgba(8, 2, 46, 0.1), 0px -2px 0px 0px rgba(26, 191, 104, 0.004);
  6872. border-color: #ed1f25;
  6873. }
  6874. .icon-box.style-seven:hover .more-info {
  6875. opacity: 1;
  6876. visibility: visible;
  6877. }
  6878. .icon-box.style-eight {
  6879. margin-bottom: 30px;
  6880. padding: 54px 50px;
  6881. border-top: 2px solid transparent;
  6882. -webkit-transition: all 0.3s ease-in-out;
  6883. -o-transition: all 0.3s ease-in-out;
  6884. transition: all 0.3s ease-in-out;
  6885. border-radius: 4px;
  6886. background: #f8f8f8;
  6887. }
  6888. .icon-box.style-eight .icon-container {
  6889. height: 55px;
  6890. display: -webkit-box;
  6891. display: -ms-flexbox;
  6892. display: flex;
  6893. -webkit-box-align: end;
  6894. -ms-flex-align: end;
  6895. align-items: flex-end;
  6896. -webkit-box-pack: center;
  6897. -ms-flex-pack: center;
  6898. justify-content: center;
  6899. margin-bottom: 30px;
  6900. }
  6901. .icon-box.style-eight .box-content .box-title {
  6902. font-size: 18px;
  6903. color: #2c2c51;
  6904. }
  6905. .icon-box.style-eight .box-content .box-title a {
  6906. color: #2c2c51;
  6907. }
  6908. .icon-box.style-eight .box-content .box-title a:hover {
  6909. color: #ed1f25;
  6910. }
  6911. .icon-box.style-eight .box-content p {
  6912. color: #69697b;
  6913. }
  6914. .icon-box.style-eight .box-content .more-info {
  6915. margin-top: 23px;
  6916. display: block;
  6917. color: #2c2c51;
  6918. font-size: 14px;
  6919. font-weight: 500;
  6920. }
  6921. .icon-box.style-eight .box-content .more-info i {
  6922. display: inline-block;
  6923. vertical-align: middle;
  6924. font-size: 18px;
  6925. margin-left: 5px;
  6926. }
  6927. .icon-box.style-eight .box-content .more-info:hover {
  6928. color: #ed1f25;
  6929. }
  6930. .icon-box.style-eight:hover {
  6931. background: #fff;
  6932. -webkit-box-shadow: 0px 40px 60px 0px rgba(8, 2, 46, 0.1), 0px -2px 0px 0px rgba(26, 191, 104, 0.004);
  6933. box-shadow: 0px 40px 60px 0px rgba(8, 2, 46, 0.1), 0px -2px 0px 0px rgba(26, 191, 104, 0.004);
  6934. border-color: #ed1f25;
  6935. }
  6936. .icon-box.style-eight:hover .more-info {
  6937. opacity: 1;
  6938. visibility: visible;
  6939. }
  6940. .icon-box.style-nine {
  6941. padding: 40px;
  6942. -webkit-transition: all 0.3s ease-in-out;
  6943. -o-transition: all 0.3s ease-in-out;
  6944. transition: all 0.3s ease-in-out;
  6945. border-radius: 20px;
  6946. border-top: 2px solid transparent;
  6947. margin-bottom: 0;
  6948. }
  6949. @media (max-width: 991px) {
  6950. .icon-box.style-nine {
  6951. text-align: center;
  6952. }
  6953. }
  6954. .icon-box.style-nine .icon-container {
  6955. height: 50px;
  6956. width: 50px;
  6957. line-height: 50px;
  6958. text-align: center;
  6959. background: #ed1f25;
  6960. border-radius: 50%;
  6961. color: #fff;
  6962. }
  6963. .icon-box.style-nine .icon-container i {
  6964. display: inline-block;
  6965. vertical-align: -1px;
  6966. }
  6967. @media (max-width: 991px) {
  6968. .icon-box.style-nine .icon-container {
  6969. margin: 0 auto 40px;
  6970. }
  6971. }
  6972. .icon-box.style-nine .box-content .box-title {
  6973. color: #1f113a;
  6974. font-size: 18px;
  6975. font-weight: 800;
  6976. }
  6977. .icon-box.style-nine .box-content .box-title a {
  6978. color: #1f113a;
  6979. }
  6980. .icon-box.style-nine .box-content .box-title a:hover {
  6981. color: #ed1f25;
  6982. }
  6983. .icon-box.style-nine .box-content p {
  6984. margin-bottom: 20px;
  6985. }
  6986. .icon-box.style-nine .box-content .more-info {
  6987. opacity: 0;
  6988. visibility: hidden;
  6989. -webkit-transition: all 0.3s ease-in-out;
  6990. -o-transition: all 0.3s ease-in-out;
  6991. transition: all 0.3s ease-in-out;
  6992. }
  6993. .icon-box.style-nine .box-content .more-info svg {
  6994. display: inline-block;
  6995. }
  6996. .icon-box.style-nine .box-content .more-info:hover svg path {
  6997. fill: #ed1f25;
  6998. }
  6999. .icon-box.style-nine.color--one .icon-container {
  7000. background: #8d58f9;
  7001. -webkit-box-shadow: 0px 20px 30px 0px rgba(105, 54, 207, 0.2);
  7002. box-shadow: 0px 20px 30px 0px rgba(105, 54, 207, 0.2);
  7003. }
  7004. .icon-box.style-nine.color--one .box-content .box-title a:hover {
  7005. color: #8d58f9;
  7006. }
  7007. .icon-box.style-nine.color--one:hover {
  7008. border-color: #8d58f9;
  7009. }
  7010. .icon-box.style-nine.color--one .more-info svg {
  7011. -webkit-transition: all 0.3s ease-in-out;
  7012. -o-transition: all 0.3s ease-in-out;
  7013. transition: all 0.3s ease-in-out;
  7014. }
  7015. .icon-box.style-nine.color--one .more-info:hover svg path {
  7016. fill: #8d58f9;
  7017. }
  7018. .icon-box.style-nine.color--two .icon-container {
  7019. background: #f4be55;
  7020. -webkit-box-shadow: 0px 20px 30px 0px rgba(207, 156, 54, 0.2);
  7021. box-shadow: 0px 20px 30px 0px rgba(207, 156, 54, 0.2);
  7022. }
  7023. .icon-box.style-nine.color--two .box-content .box-title a:hover {
  7024. color: #f4be55;
  7025. }
  7026. .icon-box.style-nine.color--two:hover {
  7027. border-color: #f4be55;
  7028. }
  7029. .icon-box.style-nine.color--two .more-info:hover svg path {
  7030. fill: #f4be55;
  7031. }
  7032. .icon-box.style-nine.color--three .icon-container {
  7033. background: #ff7d7c;
  7034. -webkit-box-shadow: 0px 20px 30px 0px rgba(206, 54, 53, 0.2);
  7035. box-shadow: 0px 20px 30px 0px rgba(206, 54, 53, 0.2);
  7036. }
  7037. .icon-box.style-nine.color--three .box-content .box-title a:hover {
  7038. color: #ff7d7c;
  7039. }
  7040. .icon-box.style-nine.color--three:hover {
  7041. border-color: #ff7d7c;
  7042. }
  7043. .icon-box.style-nine.color--three .more-info:hover svg path {
  7044. fill: #ff7d7c;
  7045. }
  7046. .icon-box.style-nine.color--four .icon-container {
  7047. background: #ff7caa;
  7048. -webkit-box-shadow: 0px 20px 30px 0px rgba(207, 54, 107, 0.2);
  7049. box-shadow: 0px 20px 30px 0px rgba(207, 54, 107, 0.2);
  7050. }
  7051. .icon-box.style-nine.color--four .box-content .box-title a:hover {
  7052. color: #ff7caa;
  7053. }
  7054. .icon-box.style-nine.color--four:hover {
  7055. border-color: #ff7caa;
  7056. }
  7057. .icon-box.style-nine.color--four .more-info:hover svg path {
  7058. fill: #ff7caa;
  7059. }
  7060. .icon-box.style-nine.color--five .icon-container {
  7061. background: #5376fb;
  7062. -webkit-box-shadow: 0px 20px 30px 0px rgba(54, 87, 207, 0.2);
  7063. box-shadow: 0px 20px 30px 0px rgba(54, 87, 207, 0.2);
  7064. }
  7065. .icon-box.style-nine.color--five .box-content .box-title a:hover {
  7066. color: #5376fb;
  7067. }
  7068. .icon-box.style-nine.color--five:hover {
  7069. border-color: #5376fb;
  7070. }
  7071. .icon-box.style-nine.color--five .more-info:hover svg path {
  7072. fill: #5376fb;
  7073. }
  7074. .icon-box.style-nine.color--six .icon-container {
  7075. background: #78c623;
  7076. -webkit-box-shadow: 0px 20px 30px 0px rgba(127, 206, 40, 0.2);
  7077. box-shadow: 0px 20px 30px 0px rgba(127, 206, 40, 0.2);
  7078. }
  7079. .icon-box.style-nine.color--six .box-content .box-title a:hover {
  7080. color: #78c623;
  7081. }
  7082. .icon-box.style-nine.color--six:hover {
  7083. border-color: #78c623;
  7084. }
  7085. .icon-box.style-nine.color--six .more-info:hover svg path {
  7086. fill: #78c623;
  7087. }
  7088. .icon-box.style-nine:hover {
  7089. background: #fff;
  7090. -webkit-box-shadow: 0px 40px 60px 0px rgba(20, 2, 53, 0.1), 0px -2px 0px 0px rgba(83, 118, 251, 0.004);
  7091. box-shadow: 0px 40px 60px 0px rgba(20, 2, 53, 0.1), 0px -2px 0px 0px rgba(83, 118, 251, 0.004);
  7092. border-color: #ed1f25;
  7093. }
  7094. .icon-box.style-nine:hover .more-info {
  7095. opacity: 1;
  7096. visibility: visible;
  7097. }
  7098. .icon-box.style-ten {
  7099. display: -webkit-box;
  7100. display: -ms-flexbox;
  7101. display: flex;
  7102. -ms-flex-wrap: wrap;
  7103. flex-wrap: wrap;
  7104. margin-bottom: 50px;
  7105. padding: 0;
  7106. }
  7107. @media (max-width: 991px) {
  7108. .icon-box.style-ten {
  7109. margin-bottom: 30px;
  7110. }
  7111. }
  7112. .icon-box.style-ten .icon-container {
  7113. width: 70px;
  7114. height: 70px;
  7115. font-size: 26px;
  7116. text-align: center;
  7117. line-height: 70px;
  7118. border-radius: 50%;
  7119. margin-right: 20px;
  7120. margin-bottom: 0;
  7121. }
  7122. .icon-box.style-ten .box-content {
  7123. -webkit-box-flex: 1;
  7124. -ms-flex: 1;
  7125. flex: 1;
  7126. }
  7127. .icon-box.style-ten .box-content .box-title {
  7128. font-size: 16px;
  7129. font-weight: 700;
  7130. margin-bottom: 13px;
  7131. }
  7132. @media (max-width: 991px) {
  7133. .icon-box.style-ten .box-content .box-title br {
  7134. display: none;
  7135. }
  7136. }
  7137. .icon-box.style-ten .box-content .box-title:hover, .icon-box.style-ten .box-content .box-title a:hover {
  7138. color: #ff5e85;
  7139. }
  7140. .icon-box.style-ten .box-content p {
  7141. font-size: 16px;
  7142. }
  7143. @media (max-width: 991px) {
  7144. .icon-box.style-ten .box-content p br {
  7145. display: none;
  7146. }
  7147. }
  7148. .icon-list-box {
  7149. display: -webkit-box;
  7150. display: -ms-flexbox;
  7151. display: flex;
  7152. margin-bottom: 70px;
  7153. }
  7154. @media (max-width: 991px) {
  7155. .icon-list-box {
  7156. margin-bottom: 30px;
  7157. }
  7158. }
  7159. .icon-list-box .list-icon {
  7160. margin-right: 20px;
  7161. margin-top: 5px;
  7162. }
  7163. .icon-list-box .list-icon i {
  7164. color: #1ad90b;
  7165. font-size: 24px;
  7166. }
  7167. @media (min-width: 576px) {
  7168. .icon-list-box .content {
  7169. max-width: 300px;
  7170. }
  7171. }
  7172. .icon-list-box .content p {
  7173. font-size: 16px;
  7174. line-height: 28px;
  7175. margin: 0;
  7176. }
  7177. /*
  7178. Feature One
  7179. */
  7180. .bg-table {
  7181. background-image: url(../img/homebg.png);
  7182. background-position: center;
  7183. background-size: auto;
  7184. background-repeat: repeat-x;
  7185. }
  7186. .service-one {
  7187. padding: 50px 0 45px;
  7188. }
  7189. /* Feature Agency*/
  7190. .feature-agency-about {
  7191. overflow: hidden;
  7192. position: relative;
  7193. padding: 115px 0 90px;
  7194. }
  7195. .feature-agency-about .bg-shape {
  7196. position: absolute;
  7197. top: -56%;
  7198. }
  7199. @media (max-width: 768px) {
  7200. .feature-agency-about {
  7201. padding: 75px 0 50px;
  7202. }
  7203. }
  7204. .feature-agency {
  7205. position: relative;
  7206. }
  7207. .feature-agency .bg-shape {
  7208. position: absolute;
  7209. top: -30%;
  7210. left: 0;
  7211. }
  7212. .feature-agency.feature-padding {
  7213. padding: 190px 0 100px;
  7214. }
  7215. @media (max-width: 991px) {
  7216. .feature-agency.feature-padding {
  7217. padding: 100px 0 0;
  7218. }
  7219. }
  7220. .iconbox-slider-wrapper .swiper-slide {
  7221. padding: 0 20px 50px;
  7222. }
  7223. /* Feature Comminity */
  7224. .feature-comminity {
  7225. padding: 113px 0 50px;
  7226. }
  7227. @media (max-width: 991px) {
  7228. .feature-comminity {
  7229. padding: 75px 0 50px;
  7230. }
  7231. }
  7232. .feature-comminity-two {
  7233. padding: 113px 0 90px;
  7234. }
  7235. @media (max-width: 991px) {
  7236. .feature-comminity-two {
  7237. padding: 75px 0 50px;
  7238. }
  7239. }
  7240. /* Feature Agency */
  7241. .feature-agency {
  7242. padding: 53px 0 100px;
  7243. }
  7244. @media (max-width: 991px) {
  7245. .feature-agency {
  7246. padding: 50px 0 90px;
  7247. }
  7248. .feature-agency .section-heading {
  7249. text-align: center !important;
  7250. }
  7251. }
  7252. .feature-agency-about .section-heading.style-two .subtitle {
  7253. color: #ed1f25;
  7254. }
  7255. .feature-agency-about .section-heading.style-two .section-title:after, .feature-agency-about .section-heading.style-two .section-title:before {
  7256. background: #ed1f25;
  7257. }
  7258. .feature-agency-about .icon-box.style-three .box-content .box-title a:hover {
  7259. color: #ed1f25;
  7260. }
  7261. .feature-agency-about .icon-box.style-three .box-content .gp-btn:hover {
  7262. border-color: #ed1f25;
  7263. -webkit-box-shadow: 0 20px 30px 0 rgba(26, 191, 104, 0.2);
  7264. box-shadow: 0 20px 30px 0 rgba(26, 191, 104, 0.2);
  7265. }
  7266. .feature-page {
  7267. padding: 115px 0 90px;
  7268. }
  7269. @media (max-width: 991px) {
  7270. .feature-page {
  7271. padding: 75px 0 50px;
  7272. }
  7273. }
  7274. .feature-page .icon-box.style-four.color-seven .box-content .box-title a:hover {
  7275. color: #ed1f25;
  7276. }
  7277. .feature-page .icon-box.style-four.color-seven:hover {
  7278. border-color: #ed1f25;
  7279. }
  7280. .service-feature-page .icon-box.style-two .box-content .box-title:hover, .service-feature-page .icon-box.style-two .box-content a:hover {
  7281. color: #ed1f25;
  7282. }
  7283. /*--------------------------------------------------------------
  7284. ## Info Box
  7285. --------------------------------------------------------------*/
  7286. .analytics-box {
  7287. padding: 90px 0 140px;
  7288. }
  7289. @media (max-width: 991px) {
  7290. .analytics-box {
  7291. padding: 80px 0;
  7292. }
  7293. }
  7294. .info-boxs {
  7295. margin-bottom: 30px;
  7296. padding: 0 30px;
  7297. }
  7298. .info-boxs .sub-title {
  7299. font-size: 22px;
  7300. font-weight: 400;
  7301. }
  7302. .info-boxs .title {
  7303. font-size: 22px;
  7304. font-weight: 700;
  7305. margin-bottom: 25px;
  7306. }
  7307. .info-boxs .title a {
  7308. color: #051441;
  7309. }
  7310. .info-boxs .title a:hover {
  7311. color: #f8b137;
  7312. }
  7313. .info-boxs .des {
  7314. font-size: 16px;
  7315. line-height: 28px;
  7316. font-weight: 400;
  7317. }
  7318. /*--------------------------------------------------------------
  7319. ## Category Boxes
  7320. --------------------------------------------------------------*/
  7321. .category {
  7322. padding-top: 90px;
  7323. }
  7324. .featured-inner {
  7325. padding: 120px 0;
  7326. }
  7327. @media (max-width: 768px) {
  7328. .featured-inner {
  7329. padding: 80px 0;
  7330. }
  7331. }
  7332. .cofounder-boxes .cofounder-box {
  7333. text-align: center;
  7334. background: #fbfbfd;
  7335. padding: 40px 0 29px;
  7336. border-top: 5px solid transparent;
  7337. -webkit-transition: all 0.3s ease-in-out;
  7338. -o-transition: all 0.3s ease-in-out;
  7339. transition: all 0.3s ease-in-out;
  7340. margin-bottom: 30px;
  7341. }
  7342. .cofounder-boxes .cofounder-box:not(:last-child) {
  7343. margin-right: 30px;
  7344. }
  7345. .cofounder-boxes .cofounder-box .box-icon {
  7346. margin-bottom: 25px;
  7347. }
  7348. .cofounder-boxes .cofounder-box h3 {
  7349. font-size: 16px;
  7350. line-height: 24px;
  7351. margin: 0;
  7352. }
  7353. .cofounder-boxes .cofounder-box h3 a {
  7354. color: #343e5d;
  7355. }
  7356. .cofounder-boxes .cofounder-box h3 a:hover {
  7357. color: #ff5e85;
  7358. }
  7359. .cofounder-boxes .cofounder-box:hover {
  7360. background: #fff;
  7361. border-color: #ff5e85;
  7362. -webkit-box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08), 0px -5px 0px 0px rgba(255, 94, 133, 0.004);
  7363. box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08), 0px -5px 0px 0px rgba(255, 94, 133, 0.004);
  7364. }
  7365. .cofounder-content h2 {
  7366. font-size: 40px;
  7367. line-height: 56px;
  7368. margin-bottom: 28px;
  7369. font-weight: 700;
  7370. color: #343e5d;
  7371. }
  7372. @media (max-width: 991px) {
  7373. .cofounder-content h2 {
  7374. font-size: 30px;
  7375. line-height: 40px;
  7376. }
  7377. }
  7378. .cofounder-content p {
  7379. font-size: 18px;
  7380. margin-bottom: 50px;
  7381. line-height: 30px;
  7382. }
  7383. .cofounder-content .btn-outline {
  7384. margin-left: 20px;
  7385. }
  7386. @media (max-width: 440px) {
  7387. .cofounder-content .btn-outline {
  7388. margin-left: 0;
  7389. margin-top: 15px;
  7390. }
  7391. }
  7392. .category-items {
  7393. display: -webkit-box;
  7394. display: -ms-flexbox;
  7395. display: flex;
  7396. -webkit-box-pack: justify;
  7397. -ms-flex-pack: justify;
  7398. justify-content: space-between;
  7399. -ms-flex-wrap: wrap;
  7400. flex-wrap: wrap;
  7401. }
  7402. @media (max-width: 991px) {
  7403. .category-items {
  7404. -webkit-box-pack: start;
  7405. -ms-flex-pack: start;
  7406. justify-content: start;
  7407. }
  7408. }
  7409. .category-items .categories-box {
  7410. padding: 0 15px;
  7411. text-align: center;
  7412. max-width: 20%;
  7413. }
  7414. @media (max-width: 991px) {
  7415. .category-items .categories-box {
  7416. max-width: 33.3333%;
  7417. -webkit-box-flex: 0;
  7418. -ms-flex: 0 0 33.3333%;
  7419. flex: 0 0 33.3333%;
  7420. margin-bottom: 40px;
  7421. }
  7422. }
  7423. @media (max-width: 420px) {
  7424. .category-items .categories-box {
  7425. max-width: 50%;
  7426. -webkit-box-flex: 0;
  7427. -ms-flex: 0 0 50%;
  7428. flex: 0 0 50%;
  7429. }
  7430. }
  7431. .category-items .categories-box .box-icon {
  7432. height: 120px;
  7433. width: 120px;
  7434. line-height: 120px;
  7435. background: rgba(40, 145, 244, 0.102);
  7436. border-radius: 20px;
  7437. margin: 0 auto 30px;
  7438. }
  7439. .category-items .categories-box .category-title {
  7440. font-size: 16px;
  7441. font-weight: 800;
  7442. }
  7443. .category-items .categories-box .category-title a {
  7444. color: #2c2c51;
  7445. }
  7446. .category-items .categories-box .category-title a:hover {
  7447. color: #ed1f25;
  7448. }
  7449. .category-items .categories-box.color-two .box-icon {
  7450. background: #fdf7e6;
  7451. color: #eab616;
  7452. }
  7453. .category-items .categories-box.color-three .box-icon {
  7454. background: #e7f9f9;
  7455. color: #eab616;
  7456. }
  7457. .category-items .categories-box.color-four .box-icon {
  7458. background: #feeaec;
  7459. color: #feeaec;
  7460. }
  7461. .category-items .categories-box.color-five .box-icon {
  7462. background: #e7fbeb;
  7463. color: #feeaec;
  7464. }
  7465. /*--------------------------------------------------------------
  7466. ## Image Content
  7467. --------------------------------------------------------------*/
  7468. .image-content {
  7469. padding: 150px 0 150px;
  7470. }
  7471. @media (max-width: 1441px) {
  7472. .image-content {
  7473. padding: 550px 0 105px;
  7474. }
  7475. }
  7476. @media (min-width: 1200px) {
  7477. .ml--55 {
  7478. margin-left: -55px;
  7479. }
  7480. .mr--50 {
  7481. margin-right: -50px;
  7482. }
  7483. }
  7484. .service-image-content {
  7485. padding: 225px 0 160px;
  7486. }
  7487. .image-content-wrapper {
  7488. padding-top: 40px;
  7489. }
  7490. @media (max-width: 991px) {
  7491. .image-content-wrapper.style-two {
  7492. text-align: center;
  7493. }
  7494. }
  7495. .image-content-wrapper.style-two .title {
  7496. font-weight: 800;
  7497. margin-bottom: 20px;
  7498. font-size: 48px;
  7499. }
  7500. .image-content-wrapper.style-two p {
  7501. font-size: 16px;
  7502. margin-bottom: 40px;
  7503. }
  7504. .image-content-wrapper.style-two .lead-text {
  7505. font-weight: 500;
  7506. margin-bottom: 21px;
  7507. font-size: 16px;
  7508. line-height: 26px;
  7509. }
  7510. .image-content-wrapper.style-three .title {
  7511. font-size: 50px;
  7512. font-weight: 400;
  7513. }
  7514. .image-content-wrapper p {
  7515. font-size: 18px;
  7516. line-height: 30px;
  7517. margin-bottom: 34px;
  7518. }
  7519. .image-content-wrapper .listitem li i {
  7520. display: inline-block;
  7521. vertical-align: middle;
  7522. }
  7523. .image-content-wrapper .listitem.color-theme li i {
  7524. color: #ed1f25;
  7525. }
  7526. .anime-image-wrapper {
  7527. position: relative;
  7528. max-width: 700px;
  7529. }
  7530. @media (max-width: 991px) {
  7531. .anime-image-wrapper {
  7532. margin: 0 auto;
  7533. }
  7534. }
  7535. @media (max-width: 767px) {
  7536. .anime-image-wrapper {
  7537. max-width: 450px;
  7538. }
  7539. }
  7540. .anime-image-wrapper .feature-image-wrap {
  7541. position: relative;
  7542. z-index: 2;
  7543. }
  7544. .anime-image-wrapper .anime-dot {
  7545. position: absolute;
  7546. left: 165px;
  7547. bottom: 45px;
  7548. z-index: 1;
  7549. -webkit-animation: wave 3s 0.1s infinite linear;
  7550. animation: wave 3s 0.1s infinite linear;
  7551. }
  7552. .anime-image-wrapper .circle {
  7553. display: block;
  7554. height: 340px;
  7555. width: 340px;
  7556. background: #fefcf3;
  7557. border-radius: 50%;
  7558. position: absolute;
  7559. bottom: -25px;
  7560. left: -110px;
  7561. }
  7562. @media (max-width: 991px) {
  7563. .anime-image-wrapper.style-two {
  7564. margin-top: 40px;
  7565. }
  7566. }
  7567. .anime-image-wrapper.style-two .anime-dot {
  7568. right: 140px;
  7569. left: auto;
  7570. bottom: 50px;
  7571. }
  7572. .anime-image-wrapper.style-two .circle {
  7573. background: linear-gradient(60deg, #FE5924, #ed1f25);
  7574. right: -140px;
  7575. left: auto;
  7576. bottom: 100px;
  7577. }
  7578. @media (max-width: 1400px) {
  7579. .anime-image-wrapper.style-two .circle {
  7580. right: 0;
  7581. }
  7582. }
  7583. .anime-image-wrapper.style-four {
  7584. text-align: right;
  7585. }
  7586. .anime-image-wrapper.style-four .image-one, .anime-image-wrapper.style-four .image-two {
  7587. position: absolute;
  7588. }
  7589. .anime-image-wrapper.style-four .image-one {
  7590. left: 190px;
  7591. top: 210px;
  7592. }
  7593. @media (max-width: 768px) {
  7594. .anime-image-wrapper.style-four .image-one {
  7595. left: 0;
  7596. top: 150px;
  7597. }
  7598. }
  7599. .anime-image-wrapper.style-four .image-two {
  7600. bottom: 210px;
  7601. left: 104px;
  7602. }
  7603. @media (max-width: 767px) {
  7604. .anime-image-wrapper.style-four .image-two {
  7605. left: 0;
  7606. bottom: 150px;
  7607. }
  7608. }
  7609. @media (max-width: 767) {
  7610. .anime-image-wrapper.style-four .feature-image-wrap > img.zoom {
  7611. width: 310px;
  7612. }
  7613. }
  7614. .anime-image-wrapper.style-four .circle {
  7615. position: absolute;
  7616. left: auto;
  7617. right: 0;
  7618. bottom: 30px;
  7619. background-image: -o-linear-gradient(30deg, #504cfa 0%, #ff3695 100%);
  7620. background-image: linear-gradient(60deg, #504cfa 0%, #ff3695 100%);
  7621. height: 500px;
  7622. width: 500px;
  7623. opacity: 0.051 !important;
  7624. }
  7625. @media (max-width: 768px) {
  7626. .anime-image-wrapper.style-four .circle {
  7627. height: 400px;
  7628. width: 400px;
  7629. }
  7630. }
  7631. @media (max-width: 768px) {
  7632. .anime-image-wrapper.style-four .circle {
  7633. height: 300px;
  7634. width: 300px;
  7635. }
  7636. }
  7637. .anime-image-wrapper.style-four .anime-dot {
  7638. right: 0;
  7639. top: 100px;
  7640. }
  7641. .listitem {
  7642. margin-bottom: 48px;
  7643. padding: 0;
  7644. list-style: none;
  7645. }
  7646. .listitem li {
  7647. font-weight: 500;
  7648. margin-bottom: 9px;
  7649. font-size: 16px;
  7650. }
  7651. .listitem li i {
  7652. margin-right: 10px;
  7653. color: #ffd600;
  7654. }
  7655. /*--------------------------------------------------------------
  7656. ## Preview Slider
  7657. --------------------------------------------------------------*/
  7658. .dashboard-preview {
  7659. padding: 111px 0 60px;
  7660. background: #fcebf0;
  7661. -webkit-transition: all 0.3s ease-in-out;
  7662. -o-transition: all 0.3s ease-in-out;
  7663. transition: all 0.3s ease-in-out;
  7664. }
  7665. @media (max-width: 991px) {
  7666. .dashboard-preview {
  7667. padding: 71px 0 50px;
  7668. }
  7669. }
  7670. .dashboard-preview.active-tab-1 {
  7671. background: #efebfc;
  7672. }
  7673. .dashboard-preview.active-tab-2 {
  7674. background: #ebf8fd;
  7675. }
  7676. .dashboard-preview.active-tab-3 {
  7677. background: #fcf6eb;
  7678. }
  7679. .dashboard-preview.active-tab-4 {
  7680. background: #f4fceb;
  7681. }
  7682. .dashboard-preview.active-tab-5 {
  7683. background: #ebf0fc;
  7684. }
  7685. .dashboard-preview .section-heading {
  7686. margin-bottom: 35px;
  7687. }
  7688. .preview-slider .astriol-pagination {
  7689. width: 270px;
  7690. }
  7691. @media (max-width: 767px) {
  7692. .preview-slider .astriol-pagination {
  7693. width: 100%;
  7694. }
  7695. }
  7696. .preview-slider .astriol-pagination .swiper-pagination-bullet {
  7697. height: auto;
  7698. width: auto;
  7699. border-radius: 40px;
  7700. padding: 15px 25px;
  7701. display: -webkit-box;
  7702. display: -ms-flexbox;
  7703. display: flex;
  7704. outline: 0;
  7705. font-size: 16px;
  7706. font-weight: 500;
  7707. color: #000;
  7708. -webkit-box-align: center;
  7709. -ms-flex-align: center;
  7710. align-items: center;
  7711. opacity: 1;
  7712. background: transparent;
  7713. -webkit-transition: all 0.3s ease-in-out;
  7714. -o-transition: all 0.3s ease-in-out;
  7715. transition: all 0.3s ease-in-out;
  7716. margin-bottom: 10px;
  7717. }
  7718. .preview-slider .astriol-pagination .swiper-pagination-bullet i {
  7719. height: 30px;
  7720. width: 30px;
  7721. line-height: 30px;
  7722. background: #f75687;
  7723. color: #fff;
  7724. border-radius: 50%;
  7725. display: inline-block;
  7726. text-align: center;
  7727. margin-right: 15px;
  7728. -webkit-transition: all 0.3s ease-in-out;
  7729. -o-transition: all 0.3s ease-in-out;
  7730. transition: all 0.3s ease-in-out;
  7731. }
  7732. .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(2) i {
  7733. background: #8463fd;
  7734. }
  7735. .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(3) i {
  7736. background: #32b7fc;
  7737. }
  7738. .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(4) i {
  7739. background: #f7ab25;
  7740. }
  7741. .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(5) i {
  7742. background: #73c216;
  7743. }
  7744. .preview-slider .astriol-pagination .swiper-pagination-bullet:nth-child(6) i {
  7745. background: #5489fa;
  7746. }
  7747. .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  7748. background: #fff;
  7749. -webkit-box-shadow: 0 20px 30px 0 rgba(3, 49, 72, 0.1);
  7750. box-shadow: 0 20px 30px 0 rgba(3, 49, 72, 0.1);
  7751. color: #f75687;
  7752. }
  7753. .active-tab-1 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  7754. color: #8463fd;
  7755. }
  7756. .active-tab-2 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  7757. color: #32b7fc;
  7758. }
  7759. .active-tab-3 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  7760. color: #f7ab25;
  7761. }
  7762. .active-tab-4 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  7763. color: #73c216;
  7764. }
  7765. .active-tab-5 .preview-slider .astriol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  7766. color: #5489fa;
  7767. }
  7768. .previewSlider {
  7769. padding: 30px 0;
  7770. }
  7771. .previewSlider .swiper-slide.swiper-slide-active .slide-image-wrapper {
  7772. visibility: visible;
  7773. -webkit-animation-name: fadeInDown;
  7774. animation-name: fadeInDown;
  7775. -webkit-animation-duration: 0.5s;
  7776. animation-duration: 0.5s;
  7777. -webkit-animation-timing-function: ease-in-out;
  7778. animation-timing-function: ease-in-out;
  7779. opacity: 1 !important;
  7780. }
  7781. .author-info-single {
  7782. display: -webkit-box;
  7783. display: -ms-flexbox;
  7784. display: flex;
  7785. -webkit-box-align: center;
  7786. -ms-flex-align: center;
  7787. align-items: center;
  7788. }
  7789. @media (max-width: 991px) {
  7790. .author-info-single {
  7791. max-width: 200px;
  7792. text-align: left;
  7793. margin: 0 auto;
  7794. }
  7795. }
  7796. .author-info-single .avatar {
  7797. width: 60px;
  7798. height: 60px;
  7799. margin-right: 20px;
  7800. border-radius: 50%;
  7801. overflow: hidden;
  7802. }
  7803. .author-info-single .avatar img {
  7804. width: 100%;
  7805. }
  7806. .author-info-single .content {
  7807. -webkit-box-flex: 2;
  7808. -ms-flex: 2;
  7809. flex: 2;
  7810. }
  7811. .author-info-single .content .name {
  7812. font-size: 18px;
  7813. font-weight: 800;
  7814. color: #000;
  7815. margin: 0;
  7816. }
  7817. .author-info-single .content .designation {
  7818. color: #000;
  7819. font-size: 14px;
  7820. }
  7821. /*--------------------------------------------------------------
  7822. ## Reach Box
  7823. --------------------------------------------------------------*/
  7824. .reach-boxs {
  7825. padding: 105px 0 90px;
  7826. background: #fcfbff;
  7827. background-image: url(../../media/background/reachbox_bg.jpg);
  7828. background-size: cover;
  7829. background-position: center center;
  7830. background-repeat: no-repeat;
  7831. }
  7832. @media (max-width: 991px) {
  7833. .reach-boxs {
  7834. padding: 70px 0 50px;
  7835. }
  7836. }
  7837. .reach-box {
  7838. padding: 50px 40px;
  7839. background: #fff;
  7840. -webkit-box-shadow: 0 20px 40px 0 rgba(20, 3, 70, 0.06);
  7841. box-shadow: 0 20px 40px 0 rgba(20, 3, 70, 0.06);
  7842. margin-bottom: 30px;
  7843. }
  7844. .reach-box .icon-container {
  7845. height: 60px;
  7846. width: 60px;
  7847. background-image: -o-linear-gradient(50deg, #5e2ced 0%, #8c64fd 100%);
  7848. background-image: linear-gradient(40deg, #5e2ced 0%, #8c64fd 100%);
  7849. -webkit-box-shadow: 0 20px 30px 0 rgba(94, 44, 237, 0.3);
  7850. box-shadow: 0 20px 30px 0 rgba(94, 44, 237, 0.3);
  7851. border-radius: 50%;
  7852. margin-bottom: 35px;
  7853. text-align: center;
  7854. font-size: 20px;
  7855. color: #fff;
  7856. }
  7857. .reach-box .icon-container i {
  7858. line-height: 60px;
  7859. }
  7860. .reach-box h3 {
  7861. font-size: 20px;
  7862. font-weight: 800;
  7863. margin-bottom: 25px;
  7864. color: #051441;
  7865. }
  7866. .reach-box h3 a {
  7867. color: #051441;
  7868. }
  7869. .reach-box h3 a:hover {
  7870. color: #f8b137;
  7871. }
  7872. .reach-box .reach-list {
  7873. margin: 0;
  7874. padding: 0;
  7875. list-style: none;
  7876. }
  7877. .reach-box .reach-list li {
  7878. font-size: 16px;
  7879. line-height: 36px;
  7880. font-weight: 400;
  7881. position: relative;
  7882. }
  7883. .reach-box .reach-list li i {
  7884. color: #6e58fc;
  7885. margin-right: 5px;
  7886. font-size: 20px;
  7887. }
  7888. .reach-box.color-two .icon-container {
  7889. background-image: -o-linear-gradient(50deg, #5bc316 0%, #81e241 100%);
  7890. background-image: linear-gradient(40deg, #5bc316 0%, #81e241 100%);
  7891. -webkit-box-shadow: 0px 20px 30px 0px rgba(94, 204, 21, 0.3);
  7892. box-shadow: 0px 20px 30px 0px rgba(94, 204, 21, 0.3);
  7893. }
  7894. .reach-box.color-two .reach-list li i {
  7895. color: #a4b610;
  7896. }
  7897. .reach-box.color-three .icon-container {
  7898. background-image: -o-linear-gradient(50deg, #ec2b86 0%, #fe4a9e 100%);
  7899. background-image: linear-gradient(40deg, #ec2b86 0%, #fe4a9e 100%);
  7900. -webkit-box-shadow: 0px 20px 30px 0px rgba(246, 35, 134, 0.3);
  7901. box-shadow: 0px 20px 30px 0px rgba(246, 35, 134, 0.3);
  7902. }
  7903. .reach-box.color-three .reach-list li i {
  7904. color: #f62386;
  7905. }
  7906. /*--------------------------------------------------------------
  7907. ## Tabs
  7908. --------------------------------------------------------------*/
  7909. .overview {
  7910. padding: 107px 0 200px;
  7911. }
  7912. @media (max-width: 991px) {
  7913. .overview {
  7914. padding: 70px 0 75px;
  7915. }
  7916. }
  7917. .gp-tab .gp_tabs_item {
  7918. display: none;
  7919. }
  7920. .gp-tab .gp_tabs_item:first-child {
  7921. display: block;
  7922. }
  7923. .gp-tab .gp_tabs_item {
  7924. display: none;
  7925. }
  7926. .gp-tab .gp_tabs_item:first-child {
  7927. display: block;
  7928. }
  7929. .tab-swipe {
  7930. position: relative;
  7931. }
  7932. .tab-swipe .indicator {
  7933. background: #6e58fc;
  7934. position: absolute;
  7935. left: 0;
  7936. -webkit-transition: all 0.3s ease;
  7937. -o-transition: all 0.3s ease;
  7938. transition: all 0.3s ease;
  7939. height: 2px;
  7940. bottom: 0;
  7941. }
  7942. .tab-style-one {
  7943. display: -webkit-box;
  7944. display: -ms-flexbox;
  7945. display: flex;
  7946. -ms-flex-wrap: wrap;
  7947. flex-wrap: wrap;
  7948. }
  7949. .tab-style-one .gp-tabs-nav {
  7950. margin: 0;
  7951. padding: 0;
  7952. list-style: none;
  7953. position: relative;
  7954. width: 270px;
  7955. }
  7956. @media (max-width: 1200px) {
  7957. .tab-style-one .gp-tabs-nav {
  7958. width: 200px;
  7959. }
  7960. }
  7961. @media (max-width: 576px) {
  7962. .tab-style-one .gp-tabs-nav {
  7963. display: block;
  7964. text-align: center;
  7965. width: 100%;
  7966. }
  7967. }
  7968. .tab-style-one .gp-tabs-nav li {
  7969. display: block;
  7970. overflow: hidden;
  7971. padding: 0;
  7972. margin-bottom: 18px;
  7973. }
  7974. .tab-style-one .gp-tabs-nav a {
  7975. color: #6d717f;
  7976. font-weight: 500;
  7977. display: block;
  7978. font-size: 16px;
  7979. display: inline-block;
  7980. position: relative;
  7981. padding-bottom: 5px;
  7982. }
  7983. .tab-style-one .gp-tabs-nav a:before {
  7984. content: "";
  7985. position: absolute;
  7986. bottom: 4px;
  7987. left: 0;
  7988. height: 1px;
  7989. width: 0;
  7990. background: #5e2ced;
  7991. -webkit-transition: all 0.3s ease-in-out;
  7992. -o-transition: all 0.3s ease-in-out;
  7993. transition: all 0.3s ease-in-out;
  7994. }
  7995. .tab-style-one .gp-tabs-nav a.isActive:before {
  7996. width: 100%;
  7997. }
  7998. .tab-style-one .tab_content {
  7999. -webkit-box-flex: 2;
  8000. -ms-flex: 2;
  8001. flex: 2;
  8002. }
  8003. .tab-style-one .gp_tabs_item .tab-contents-wrap {
  8004. display: -webkit-box;
  8005. display: -ms-flexbox;
  8006. display: flex;
  8007. -ms-flex-wrap: wrap;
  8008. flex-wrap: wrap;
  8009. -webkit-box-align: center;
  8010. -ms-flex-align: center;
  8011. align-items: center;
  8012. -webkit-box-shadow: 0px 40px 50px 0px rgba(20, 3, 70, 0.08);
  8013. box-shadow: 0px 40px 50px 0px rgba(20, 3, 70, 0.08);
  8014. background: #fff;
  8015. border-radius: 10px;
  8016. border: 2px solid #f5f4f9;
  8017. padding: 70px;
  8018. }
  8019. @media (max-width: 991px) {
  8020. .tab-style-one .gp_tabs_item .tab-contents-wrap {
  8021. display: block;
  8022. text-align: center;
  8023. }
  8024. }
  8025. @media (max-width: 768px) {
  8026. .tab-style-one .gp_tabs_item .tab-contents-wrap {
  8027. padding: 30px;
  8028. }
  8029. }
  8030. .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content {
  8031. -webkit-box-flex: 1;
  8032. -ms-flex: 1;
  8033. flex: 1;
  8034. padding-left: 75px;
  8035. }
  8036. @media (max-width: 1200px) {
  8037. .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content {
  8038. padding-left: 30px;
  8039. }
  8040. }
  8041. @media (max-width: 991px) {
  8042. .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content {
  8043. padding-left: 0;
  8044. }
  8045. }
  8046. .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content .icon-container {
  8047. height: 70px;
  8048. width: 70px;
  8049. background: rgba(94, 44, 237, 0.102);
  8050. text-align: center;
  8051. line-height: 70px;
  8052. color: #6e58fc;
  8053. font-size: 20px;
  8054. border-radius: 50%;
  8055. margin-bottom: 25px;
  8056. }
  8057. @media (max-width: 991px) {
  8058. .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content .icon-container {
  8059. margin: 0 auto 25px;
  8060. }
  8061. }
  8062. .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content h3 {
  8063. font-size: 22px;
  8064. line-height: 30px;
  8065. margin-bottom: 30px;
  8066. font-weight: 700;
  8067. }
  8068. .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content p {
  8069. font-size: 16px;
  8070. line-height: 28px;
  8071. }
  8072. .tab-style-one .current a {
  8073. color: #6e58fc;
  8074. }
  8075. .tab-style-one .current a:after {
  8076. width: 100%;
  8077. }
  8078. .tab-style-two .gp-tabs-nav {
  8079. margin: 0;
  8080. padding: 0;
  8081. list-style: none;
  8082. }
  8083. .tab-style-two .gp-tabs-nav li {
  8084. display: block;
  8085. margin-bottom: 10px;
  8086. overflow: hidden;
  8087. padding: 0;
  8088. position: relative;
  8089. }
  8090. .tab-style-two .gp-tabs-nav a {
  8091. color: #af96ed;
  8092. font-weight: 300;
  8093. display: block;
  8094. letter-spacing: 1px;
  8095. -webkit-transition: all 0.3s ease-in-out;
  8096. -o-transition: all 0.3s ease-in-out;
  8097. transition: all 0.3s ease-in-out;
  8098. text-transform: uppercase;
  8099. display: inline-block;
  8100. position: relative;
  8101. }
  8102. .tab-style-two .gp-tabs-nav a:after {
  8103. content: "";
  8104. position: absolute;
  8105. width: 0;
  8106. left: 0;
  8107. bottom: 0;
  8108. height: 1px;
  8109. background: #fff;
  8110. -webkit-transition: all 0.3s ease-in-out;
  8111. -o-transition: all 0.3s ease-in-out;
  8112. transition: all 0.3s ease-in-out;
  8113. }
  8114. .tab-style-two .gp_tabs_item {
  8115. display: none;
  8116. padding: 30px 0;
  8117. }
  8118. .tab-style-two .gp_tabs_item h4 {
  8119. font-weight: bold;
  8120. color: #f8b137;
  8121. font-size: 20px;
  8122. }
  8123. .tab-style-two .gp_tabs_item img {
  8124. width: 200px;
  8125. float: left;
  8126. margin-right: 30px;
  8127. }
  8128. .tab-style-two .gp_tabs_item:first-child {
  8129. display: block;
  8130. }
  8131. .tab-style-two .current a {
  8132. color: #fff;
  8133. }
  8134. .tab-style-two .current a:after {
  8135. width: 100%;
  8136. }
  8137. .gp-tabs.style-two .gp-tabs-navigation {
  8138. max-width: 100%;
  8139. text-align: left;
  8140. margin-bottom: 22px;
  8141. }
  8142. @media (max-width: 991px) {
  8143. .gp-tabs.style-two .gp-tabs-navigation {
  8144. text-align: center;
  8145. }
  8146. }
  8147. .gp-tabs.style-two .gp-tabs-navigation li {
  8148. position: relative;
  8149. background: transparent;
  8150. padding: 0;
  8151. margin: 0;
  8152. font-weight: 400;
  8153. border: 0;
  8154. -webkit-box-shadow: none;
  8155. box-shadow: none;
  8156. display: inline-block;
  8157. }
  8158. .gp-tabs.style-two .gp-tabs-navigation li:not(:last-child) {
  8159. margin-right: 30px;
  8160. }
  8161. .gp-tabs.style-two .gp-tabs-navigation li:not(:last-child):after {
  8162. content: "";
  8163. position: absolute;
  8164. top: 8px;
  8165. right: -18px;
  8166. height: 11px;
  8167. background: #c7b1fe;
  8168. width: 2px;
  8169. }
  8170. .gp-tabs.style-two .gp-tabs-navigation li a {
  8171. color: #c7b1fe;
  8172. font-size: 12px;
  8173. font-weight: 500;
  8174. text-transform: uppercase;
  8175. }
  8176. .gp-tabs.style-two .gp-tabs-navigation li.active-tab a {
  8177. color: #fff;
  8178. }
  8179. .gp-tabs.style-two .gp-tabs-content {
  8180. margin: 0 -220px 0 0;
  8181. }
  8182. @media (max-width: 1480px) {
  8183. .gp-tabs.style-two .gp-tabs-content {
  8184. margin: 0 -155px 0 0;
  8185. }
  8186. }
  8187. @media (max-width: 1200px) {
  8188. .gp-tabs.style-two .gp-tabs-content {
  8189. margin: 0 -100px 0 0;
  8190. }
  8191. }
  8192. @media (max-width: 991px) {
  8193. .gp-tabs.style-two .gp-tabs-content {
  8194. margin: 0;
  8195. }
  8196. }
  8197. .gp-tabs.style-two .gp-tabs-content .feature-tab-image img {
  8198. max-width: 100%;
  8199. border-top-left-radius: 6px;
  8200. border-top-right-radius: 6px;
  8201. }
  8202. .overview-page {
  8203. padding: 100px 0 120px;
  8204. }
  8205. .overview-page .tab-style-one .current a {
  8206. color: #ed1f25;
  8207. }
  8208. .overview-page .tab-style-one .current a:before {
  8209. background: #ed1f25;
  8210. }
  8211. .overview-page .tab-style-one .gp_tabs_item .tab-contents-wrap .right-content .icon-container {
  8212. background: rgba(26, 191, 104, 0.102);
  8213. color: #ed1f25;
  8214. }
  8215. /*--------------------------------------------------------------
  8216. ## Feature Tabs
  8217. --------------------------------------------------------------*/
  8218. .feature-image-tabs {
  8219. background: #8240fc;
  8220. padding-top: 110px;
  8221. position: relative;
  8222. overflow: hidden;
  8223. }
  8224. @media (max-width: 991px) {
  8225. .feature-image-tabs {
  8226. padding-top: 70px;
  8227. padding-bottom: 40px;
  8228. }
  8229. }
  8230. .feature-image-tabs:before {
  8231. content: "";
  8232. position: absolute;
  8233. right: 0;
  8234. top: 0;
  8235. width: 29%;
  8236. height: 100%;
  8237. background: #ff9b6f;
  8238. }
  8239. @media (max-width: 1600px) {
  8240. .feature-image-tabs:before {
  8241. width: 20%;
  8242. }
  8243. }
  8244. @media (max-width: 991px) {
  8245. .feature-content-wrapper {
  8246. margin-bottom: 60px;
  8247. text-align: center !important;
  8248. }
  8249. .feature-content-wrapper p {
  8250. max-width: 500px;
  8251. margin: 20px auto 0;
  8252. }
  8253. }
  8254. .feature-content-wrapper .section-heading {
  8255. margin-bottom: 45px;
  8256. }
  8257. @media (max-width: 991px) {
  8258. .feature-content-wrapper .section-heading {
  8259. text-align: center !important;
  8260. }
  8261. }
  8262. .feature-content-wrapper .section-heading .subtitle {
  8263. margin-bottom: 15px;
  8264. }
  8265. .feature-content-wrapper .section-heading .subtitle, .feature-content-wrapper .section-heading .section-title, .feature-content-wrapper .section-heading p {
  8266. color: #fff;
  8267. }
  8268. .feature-content-wrapper .section-heading .section-title {
  8269. font-weight: 700;
  8270. font-size: 50px;
  8271. line-height: 60px;
  8272. }
  8273. @media (max-width: 991px) {
  8274. .feature-content-wrapper .section-heading .section-title {
  8275. font-size: 30px;
  8276. line-height: 1.2;
  8277. }
  8278. }
  8279. .feature-content-wrapper .gp-btn.color-nine.btn-outline {
  8280. border: 2px solid rgba(255, 255, 255, 0.4);
  8281. color: rgba(255, 255, 255, 0.8);
  8282. font-size: 14px;
  8283. }
  8284. .feature-content-wrapper .gp-btn.color-nine.btn-outline:hover {
  8285. border-color: #ed1f25;
  8286. }
  8287. /*--------------------------------------------------------------
  8288. ## Download
  8289. --------------------------------------------------------------*/
  8290. .downloads {
  8291. padding-bottom: 158px;
  8292. }
  8293. @media (max-width: 991px) {
  8294. .downloads {
  8295. padding-bottom: 50px;
  8296. }
  8297. }
  8298. .download-contents .section-heading .section-title {
  8299. font-size: 40px;
  8300. line-height: 50px;
  8301. margin-bottom: 20px;
  8302. }
  8303. @media (max-width: 576px) {
  8304. .download-contents .section-heading .section-title {
  8305. font-size: 28px;
  8306. line-height: 38px;
  8307. }
  8308. .download-contents .section-heading .section-title br {
  8309. display: none;
  8310. }
  8311. }
  8312. .download-contents .section-heading p {
  8313. font-size: 18px;
  8314. line-height: 30px;
  8315. margin-bottom: 40px;
  8316. }
  8317. .download-contents .button-container {
  8318. margin-top: 0;
  8319. }
  8320. .download-contents .button-container .btn-outline {
  8321. margin-left: 20px;
  8322. }
  8323. @media (max-width: 480px) {
  8324. .download-contents .button-container .btn-outline {
  8325. margin-left: 0;
  8326. margin-top: 20px;
  8327. }
  8328. }
  8329. .download-contents .button-container .app-btn {
  8330. -webkit-box-shadow: none;
  8331. box-shadow: none;
  8332. }
  8333. .extra-link-box {
  8334. display: -webkit-box;
  8335. display: -ms-flexbox;
  8336. display: flex;
  8337. -webkit-box-align: center;
  8338. -ms-flex-align: center;
  8339. align-items: center;
  8340. -ms-flex-wrap: wrap;
  8341. flex-wrap: wrap;
  8342. margin-top: 50px;
  8343. }
  8344. .extra-link-box .link-icon {
  8345. height: 50px;
  8346. width: 50px;
  8347. line-height: 53px;
  8348. text-align: center;
  8349. background: #fa4987;
  8350. color: #fff;
  8351. border-radius: 50%;
  8352. font-size: 22px;
  8353. margin-right: 20px;
  8354. -webkit-box-shadow: 0px 20px 30px 0px rgba(250, 89, 146, 0.3);
  8355. box-shadow: 0px 20px 30px 0px rgba(250, 89, 146, 0.3);
  8356. }
  8357. .extra-link-box .link-content {
  8358. -webkit-box-flex: 2;
  8359. -ms-flex: 2;
  8360. flex: 2;
  8361. -webkit-box-align: center;
  8362. -ms-flex-align: center;
  8363. align-items: center;
  8364. }
  8365. .extra-link-box .link-content .title {
  8366. font-size: 16px;
  8367. font-weight: 400;
  8368. margin: 0;
  8369. line-height: 26px;
  8370. }
  8371. .extra-link-box .link-content a {
  8372. color: #ed1f25;
  8373. }
  8374. .extra-link-box .link-content a i {
  8375. display: inline-block;
  8376. vertical-align: middle;
  8377. }
  8378. .extra-link-box .link-content a:hover {
  8379. color: #2c2c51;
  8380. }
  8381. .download-feature-image-wrapper .image-container {
  8382. position: relative;
  8383. max-height: 615px;
  8384. }
  8385. @media (max-width: 991px) {
  8386. .download-feature-image-wrapper .image-container {
  8387. max-width: 620px;
  8388. }
  8389. }
  8390. .download-feature-image-wrapper .image-one {
  8391. position: relative;
  8392. z-index: 3;
  8393. margin-left: 65px;
  8394. }
  8395. @media (max-width: 1200px) {
  8396. .download-feature-image-wrapper .image-one {
  8397. margin-left: 0;
  8398. }
  8399. }
  8400. .download-feature-image-wrapper .image-two, .download-feature-image-wrapper .dot {
  8401. position: absolute;
  8402. }
  8403. .download-feature-image-wrapper .image-two {
  8404. left: 270px;
  8405. top: 50px;
  8406. z-index: 2;
  8407. }
  8408. @media (max-width: 1200px) {
  8409. .download-feature-image-wrapper .image-two {
  8410. left: 170px;
  8411. }
  8412. }
  8413. @media (max-width: 576px) {
  8414. .download-feature-image-wrapper .image-two {
  8415. left: 100px;
  8416. }
  8417. }
  8418. @media (max-width: 440px) {
  8419. .download-feature-image-wrapper .image-two {
  8420. left: 60px;
  8421. }
  8422. }
  8423. .download-feature-image-wrapper .dot {
  8424. right: -25px;
  8425. bottom: 20px;
  8426. z-index: 1;
  8427. -webkit-animation: jump 3s infinite;
  8428. animation: jump 3s infinite;
  8429. }
  8430. @media (max-width: 1200px) {
  8431. .download-feature-image-wrapper .dot {
  8432. right: 30px;
  8433. }
  8434. }
  8435. .download-feature-image-wrapper .circle {
  8436. position: absolute;
  8437. right: -40%;
  8438. top: -20%;
  8439. height: 650px;
  8440. width: 650px;
  8441. background: #f6f9fb;
  8442. border-radius: 50%;
  8443. }
  8444. @media (max-width: 1600px) {
  8445. .download-feature-image-wrapper .circle {
  8446. right: -20%;
  8447. }
  8448. }
  8449. @media (max-width: 1440px) {
  8450. .download-feature-image-wrapper .circle {
  8451. right: -7%;
  8452. height: 550px;
  8453. width: 550px;
  8454. }
  8455. }
  8456. @media (max-width: 1200px) {
  8457. .download-feature-image-wrapper .circle {
  8458. right: 0;
  8459. top: -10%;
  8460. }
  8461. }
  8462. /*--------------------------------------------------------------
  8463. ## Portfolio
  8464. --------------------------------------------------------------*/
  8465. .portfolio-agency {
  8466. padding: 112px 0 93px;
  8467. }
  8468. @media (max-width: 991px) {
  8469. .portfolio-agency {
  8470. padding: 72px 0 53px;
  8471. }
  8472. }
  8473. .portfolio-agency .section-heading .subtitle {
  8474. margin-bottom: 10px;
  8475. }
  8476. @media (max-width: 991px) {
  8477. .portfolio-agency .section-heading {
  8478. text-align: center !important;
  8479. margin-bottom: 30px !important;
  8480. }
  8481. }
  8482. .portfolio-sliders {
  8483. background: #fbfbfd;
  8484. padding: 115px 0 0;
  8485. }
  8486. @media (max-width: 991px) {
  8487. .portfolio-sliders {
  8488. padding: 75px 0 0;
  8489. }
  8490. }
  8491. .portfolio-sliders .white-shape {
  8492. position: absolute;
  8493. width: 100%;
  8494. height: 110px;
  8495. background: #fff;
  8496. bottom: 0;
  8497. }
  8498. .portfolio-slider-wrapper {
  8499. padding: 0 70px;
  8500. }
  8501. @media (max-width: 991px) {
  8502. .portfolio-slider-wrapper {
  8503. padding: 0;
  8504. }
  8505. }
  8506. .portfolio-slider-wrapper .swiper-container {
  8507. padding: 0 30px 50px;
  8508. }
  8509. .portfolio-item-slide {
  8510. background: #fff;
  8511. -webkit-box-shadow: 0 20px 40px 0 rgba(3, 24, 61, 0.06);
  8512. box-shadow: 0 20px 40px 0 rgba(3, 24, 61, 0.06);
  8513. }
  8514. .portfolio-item-slide .portfolio-image {
  8515. position: relative;
  8516. overflow: hidden;
  8517. }
  8518. .portfolio-item-slide .portfolio-image img {
  8519. -webkit-transition: all 0.3s ease-in-out;
  8520. -o-transition: all 0.3s ease-in-out;
  8521. transition: all 0.3s ease-in-out;
  8522. }
  8523. .portfolio-item-slide .portfolio-image a:before {
  8524. content: "";
  8525. position: absolute;
  8526. width: 100%;
  8527. height: 100%;
  8528. background: rgba(77, 90, 254, 0.7);
  8529. opacity: 0;
  8530. -webkit-transition: all 0.3s ease-in-out;
  8531. -o-transition: all 0.3s ease-in-out;
  8532. transition: all 0.3s ease-in-out;
  8533. z-index: 2;
  8534. }
  8535. .portfolio-item-slide .portfolio-image:hover img {
  8536. -webkit-transform: scale(1.07);
  8537. -ms-transform: scale(1.07);
  8538. transform: scale(1.07);
  8539. }
  8540. .portfolio-item-slide .portfolio-image:hover a:before {
  8541. opacity: 1;
  8542. -webkit-transform: scale(1);
  8543. -ms-transform: scale(1);
  8544. transform: scale(1);
  8545. }
  8546. .portfolio-item-slide .portfolio-content {
  8547. padding: 25px 50px;
  8548. }
  8549. @media (max-width: 768px) {
  8550. .portfolio-item-slide .portfolio-content {
  8551. padding: 25px 30px;
  8552. }
  8553. }
  8554. .portfolio-item-slide .portfolio-content .title {
  8555. font-size: 22px;
  8556. font-weight: 800;
  8557. line-height: 1.4;
  8558. margin: 0;
  8559. }
  8560. .portfolio-item-slide .portfolio-content .title a {
  8561. color: #373d46;
  8562. }
  8563. .portfolio-item-slide .portfolio-content .title a:hover {
  8564. color: #4d5afe;
  8565. }
  8566. .portfolio-item-slide .portfolio-content .port-cat {
  8567. font-size: 16px;
  8568. color: #6a7695;
  8569. }
  8570. .portfolios {
  8571. padding: 106px 0 100px;
  8572. }
  8573. @media (max-width: 768px) {
  8574. .portfolios {
  8575. padding: 66px 0 60px;
  8576. }
  8577. }
  8578. .portfolios-masonry {
  8579. padding: 106px 0 40px;
  8580. }
  8581. @media (max-width: 768px) {
  8582. .portfolios-masonry {
  8583. padding: 66px 0 60px;
  8584. }
  8585. }
  8586. .astriol__isotope-filter {
  8587. margin-bottom: 50px;
  8588. padding: 0;
  8589. list-style: none;
  8590. }
  8591. .astriol__isotope-filter li {
  8592. display: inline-block;
  8593. margin-bottom: 10px;
  8594. }
  8595. .astriol__isotope-filter li:not(:last-child) {
  8596. margin-right: 50px;
  8597. }
  8598. @media (max-width: 440px) {
  8599. .astriol__isotope-filter li {
  8600. display: block;
  8601. }
  8602. }
  8603. .astriol__isotope-filter li a {
  8604. color: #797687;
  8605. font-size: 14px;
  8606. font-weight: 800;
  8607. display: inline-block;
  8608. text-transform: uppercase;
  8609. }
  8610. .astriol__isotope-filter li.current a {
  8611. border-color: #ed1f25;
  8612. color: #ed1f25;
  8613. }
  8614. .astriol__isotope-filter.style--two {
  8615. margin-bottom: 30px;
  8616. text-align: right;
  8617. }
  8618. @media (max-width: 991px) {
  8619. .astriol__isotope-filter.style--two {
  8620. text-align: center;
  8621. }
  8622. }
  8623. .astriol__isotope-filter.style--two li a {
  8624. font-size: 12px;
  8625. font-weight: 500;
  8626. }
  8627. .astriol__isotope-filter.style--two li.current a {
  8628. color: #ed1f25;
  8629. }
  8630. .grid-sizer {
  8631. min-height: 1px;
  8632. }
  8633. .astriol__portfolio-items {
  8634. margin-top: 20px;
  8635. }
  8636. .astriol__portfolio-items.column-2 {
  8637. width: calc(100% + 2%);
  8638. }
  8639. .astriol__portfolio-items.column-2 .astriol__portfolio, .astriol__portfolio-items.column-2 .grid-sizer {
  8640. width: calc(50% - 2%);
  8641. margin-right: 2%;
  8642. }
  8643. .astriol__portfolio-items.column-3 {
  8644. width: calc(100% + 2.4%);
  8645. }
  8646. .astriol__portfolio-items.column-3 .astriol__portfolio, .astriol__portfolio-items.column-3 .grid-sizer {
  8647. width: calc(33.33% - 2.4%);
  8648. margin-right: 2.4%;
  8649. }
  8650. @media (max-width: 768px) {
  8651. .astriol__portfolio-items.column-3 .astriol__portfolio, .astriol__portfolio-items.column-3 .grid-sizer {
  8652. width: calc(50% - 2.4%);
  8653. }
  8654. }
  8655. @media (max-width: 440px) {
  8656. .astriol__portfolio-items.column-3 .astriol__portfolio, .astriol__portfolio-items.column-3 .grid-sizer {
  8657. width: 100%;
  8658. margin-right: 0;
  8659. margin-bottom: 20px;
  8660. }
  8661. }
  8662. @media (max-width: 440px) {
  8663. .astriol__portfolio-items.column-3 {
  8664. width: 100%;
  8665. }
  8666. }
  8667. .astriol__portfolio {
  8668. margin-bottom: 2.4%;
  8669. position: relative;
  8670. }
  8671. .astriol__portfolio-image {
  8672. position: relative;
  8673. overflow: hidden;
  8674. border-radius: 10px;
  8675. -webkit-transition: all 0.5s ease-in-out;
  8676. -o-transition: all 0.5s ease-in-out;
  8677. transition: all 0.5s ease-in-out;
  8678. }
  8679. .astriol__portfolio-image img {
  8680. -webkit-transition: all 0.6s ease-in-out;
  8681. -o-transition: all 0.6s ease-in-out;
  8682. transition: all 0.6s ease-in-out;
  8683. width: 100%;
  8684. }
  8685. .astriol__portfolio-image:before {
  8686. content: "";
  8687. position: absolute;
  8688. width: 100%;
  8689. height: 100%;
  8690. top: 0;
  8691. left: 0;
  8692. background: rgba(44, 44, 81, 0.7);
  8693. z-index: 1;
  8694. opacity: 0;
  8695. visibility: hidden;
  8696. -webkit-transition: all 0.5s ease-in-out;
  8697. -o-transition: all 0.5s ease-in-out;
  8698. transition: all 0.5s ease-in-out;
  8699. }
  8700. .astriol__portfolio-image .portfolio-info {
  8701. padding: 0 40px;
  8702. position: absolute;
  8703. width: 100%;
  8704. bottom: 35px;
  8705. left: 0;
  8706. overflow: hidden;
  8707. }
  8708. .astriol__portfolio-image .portfolio-info h3 {
  8709. font-size: 24px;
  8710. margin-bottom: 4px;
  8711. line-height: 32px;
  8712. -webkit-transform: translateY(-35px);
  8713. -ms-transform: translateY(-35px);
  8714. transform: translateY(-35px);
  8715. -webkit-transition: all 0.5s ease-in-out;
  8716. -o-transition: all 0.5s ease-in-out;
  8717. transition: all 0.5s ease-in-out;
  8718. font-weight: 800;
  8719. opacity: 0;
  8720. }
  8721. .astriol__portfolio-image .portfolio-info h3 a {
  8722. color: #fff;
  8723. }
  8724. .astriol__portfolio-image .portfolio-info span {
  8725. color: #fff;
  8726. font-size: 14px;
  8727. display: inline-block;
  8728. margin-bottom: 15px;
  8729. -webkit-transform: translateY(20px);
  8730. -ms-transform: translateY(20px);
  8731. transform: translateY(20px);
  8732. -webkit-transition: all 0.5s ease-in-out;
  8733. -o-transition: all 0.5s ease-in-out;
  8734. transition: all 0.5s ease-in-out;
  8735. opacity: 0;
  8736. }
  8737. .astriol__portfolio-image:hover:before {
  8738. opacity: 1;
  8739. visibility: visible;
  8740. }
  8741. .astriol__portfolio-image:hover img {
  8742. -webkit-transform: rotate(3deg) scale(1.07);
  8743. -ms-transform: rotate(3deg) scale(1.07);
  8744. transform: rotate(3deg) scale(1.07);
  8745. }
  8746. .astriol__portfolio-image:hover .portfolio-info {
  8747. -webkit-box-shadow: none;
  8748. box-shadow: none;
  8749. z-index: 4;
  8750. }
  8751. .astriol__portfolio-image:hover .portfolio-info h3, .astriol__portfolio-image:hover .portfolio-info p, .astriol__portfolio-image:hover .portfolio-info span {
  8752. -webkit-transform: translateY(0);
  8753. -ms-transform: translateY(0);
  8754. transform: translateY(0);
  8755. opacity: 1;
  8756. }
  8757. .astriol__portfolio-items--two .astriol__portfolio {
  8758. margin-bottom: 115px;
  8759. }
  8760. .astriol__portfolio-items--two .astriol__portfolio .astriol__portfolio-image {
  8761. overflow: visible;
  8762. }
  8763. .astriol__portfolio-items--two .astriol__portfolio .astriol__portfolio-image:before {
  8764. display: none;
  8765. }
  8766. .astriol__portfolio-items--two .astriol__portfolio .astriol__portfolio-image img {
  8767. border-radius: 10px;
  8768. }
  8769. .astriol__portfolio-items--two .astriol__portfolio .astriol__portfolio-image:hover img {
  8770. -webkit-transform: rotate(0) scale(1);
  8771. -ms-transform: rotate(0) scale(1);
  8772. transform: rotate(0) scale(1);
  8773. }
  8774. .astriol__portfolio-items--two .astriol__portfolio .portfolio-info {
  8775. width: 80%;
  8776. left: 50%;
  8777. -webkit-transform: translateX(-50%);
  8778. -ms-transform: translateX(-50%);
  8779. transform: translateX(-50%);
  8780. padding: 25px 30px;
  8781. bottom: 0;
  8782. -webkit-box-shadow: 0 26px 40px 0 rgba(8, 22, 113, 0.08);
  8783. box-shadow: 0 26px 40px 0 rgba(8, 22, 113, 0.08);
  8784. -webkit-transform: translate(-50%, 55px);
  8785. -ms-transform: translate(-50%, 55px);
  8786. transform: translate(-50%, 55px);
  8787. border-radius: 6px;
  8788. -webkit-transition: all 0.3s ease-in-out;
  8789. -o-transition: all 0.3s ease-in-out;
  8790. transition: all 0.3s ease-in-out;
  8791. }
  8792. .astriol__portfolio-items--two .astriol__portfolio .portfolio-info h3, .astriol__portfolio-items--two .astriol__portfolio .portfolio-info span {
  8793. -webkit-transform: translateY(0);
  8794. -ms-transform: translateY(0);
  8795. transform: translateY(0);
  8796. opacity: 1;
  8797. color: #333;
  8798. }
  8799. .astriol__portfolio-items--two .astriol__portfolio .portfolio-info h3 {
  8800. font-size: 20px;
  8801. line-height: 1;
  8802. }
  8803. .astriol__portfolio-items--two .astriol__portfolio .portfolio-info h3 a {
  8804. color: #373d46;
  8805. }
  8806. .astriol__portfolio-items--two .astriol__portfolio .portfolio-info h3 a:hover {
  8807. color: #ed1f25;
  8808. }
  8809. .astriol__portfolio-items--two .astriol__portfolio .portfolio-info span {
  8810. margin: 0;
  8811. }
  8812. .astriol__portfolio-items--two .astriol__portfolio .portfolio-info:before {
  8813. content: "";
  8814. position: absolute;
  8815. background: #fff;
  8816. width: 100%;
  8817. height: 100%;
  8818. top: 0;
  8819. left: 0;
  8820. border-radius: 6px;
  8821. }
  8822. .astriol__portfolio-items--two .astriol__portfolio:hover .portfolio-info {
  8823. -webkit-transform: translate(-50%, -30px);
  8824. -ms-transform: translate(-50%, -30px);
  8825. transform: translate(-50%, -30px);
  8826. }
  8827. .astriol__portfolio-items--three .astriol__portfolio-image:before {
  8828. opacity: 1;
  8829. visibility: visible;
  8830. background: rgba(31, 17, 58, 0.3);
  8831. }
  8832. .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info {
  8833. bottom: auto;
  8834. top: 40px;
  8835. z-index: 2;
  8836. }
  8837. .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info .portfolio-title, .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info span {
  8838. opacity: 1;
  8839. -webkit-transform: translateY(0);
  8840. -ms-transform: translateY(0);
  8841. transform: translateY(0);
  8842. }
  8843. .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info span {
  8844. margin: 0;
  8845. }
  8846. .astriol__portfolio-items--three .astriol__portfolio-image .portfolio-info .portfolio-title {
  8847. font-size: 20px;
  8848. }
  8849. .astriol__portfolio-items--three .astriol__portfolio-image .popup-image {
  8850. position: absolute;
  8851. height: 50px;
  8852. width: 50px;
  8853. border: 1px solid rgba(255, 255, 255, 0.502);
  8854. left: 40px;
  8855. bottom: 50px;
  8856. border-radius: 50%;
  8857. text-align: center;
  8858. line-height: 50px;
  8859. color: #fff;
  8860. font-size: 20px;
  8861. z-index: 2;
  8862. }
  8863. .astriol__portfolio-items--three .astriol__portfolio-image .popup-image:hover {
  8864. background: #fff;
  8865. border-color: #fff;
  8866. color: #ed1f25;
  8867. }
  8868. .astriol__portfolio-items--three .astriol__portfolio-image:hover::before {
  8869. background: rgba(251, 140, 92, 0.9);
  8870. }
  8871. .portfolio-single {
  8872. padding-top: 116px;
  8873. }
  8874. .portfolio--single-gallery {
  8875. width: calc(100% + 30px);
  8876. }
  8877. .gallery-item, .grid-sizerr {
  8878. margin-right: 30px;
  8879. margin-bottom: 30px;
  8880. width: calc(50% - 30px);
  8881. }
  8882. .gallery-item.width-large, .grid-sizerr.width-large {
  8883. width: calc(65% - 30px);
  8884. }
  8885. .gallery-item.width-small, .grid-sizerr.width-small {
  8886. width: calc(34% - 30px);
  8887. }
  8888. .portfolio-share {
  8889. position: absolute;
  8890. top: 50%;
  8891. right: -47px;
  8892. -webkit-transform: translateY(-50%) rotate(-90deg);
  8893. -ms-transform: translateY(-50%) rotate(-90deg);
  8894. transform: translateY(-50%) rotate(-90deg);
  8895. }
  8896. .portfolio-share span {
  8897. color: #fff;
  8898. text-transform: uppercase;
  8899. font-size: 14px;
  8900. font-weight: 500;
  8901. margin-right: 10px;
  8902. }
  8903. .portfolio-share .port-social-share {
  8904. margin: 0;
  8905. padding: 0;
  8906. list-style: none;
  8907. display: inline-block;
  8908. }
  8909. .portfolio-share .port-social-share li {
  8910. display: inline-block;
  8911. margin-right: 15px;
  8912. }
  8913. .portfolio-share .port-social-share li a {
  8914. color: #fff;
  8915. display: inline-block;
  8916. font-size: 14px;
  8917. }
  8918. .gallery--image img {
  8919. width: 100%;
  8920. margin-bottom: 30px;
  8921. }
  8922. .portfolio__content {
  8923. padding-bottom: 135px;
  8924. }
  8925. .portfolio__content-top {
  8926. display: -webkit-box;
  8927. display: -ms-flexbox;
  8928. display: flex;
  8929. -ms-flex-wrap: wrap;
  8930. flex-wrap: wrap;
  8931. padding-bottom: 60px;
  8932. }
  8933. .portfolio__content-des {
  8934. width: 63%;
  8935. padding-right: 50px;
  8936. }
  8937. .portfolio__content-des .title {
  8938. font-size: 24px;
  8939. font-weight: 800;
  8940. margin-bottom: 26px;
  8941. }
  8942. .portfolio__content-des p {
  8943. line-height: 28px;
  8944. }
  8945. .portfolio__content-info {
  8946. width: 37%;
  8947. padding-left: 70px;
  8948. border-left: 1px solid #e9ebf2;
  8949. }
  8950. .portfolio__content-info .portfolio__info {
  8951. margin: 0;
  8952. padding: 0;
  8953. list-style: none;
  8954. margin-bottom: 38px;
  8955. }
  8956. .portfolio__content-info .portfolio__info li {
  8957. display: block;
  8958. }
  8959. .portfolio__content-info .portfolio__info li:not(:last-child) {
  8960. margin-bottom: 33px;
  8961. }
  8962. .portfolio__content-info .portfolio__info li .info-title {
  8963. font-size: 16px;
  8964. font-weight: 800;
  8965. margin-bottom: 8px;
  8966. }
  8967. .portfolio__content-info .portfolio__info li .info {
  8968. color: #6b6b7e;
  8969. }
  8970. .portfolio__content-info .portfolio__category-inner .cat-title {
  8971. font-size: 16px;
  8972. font-weight: 800;
  8973. margin-bottom: 15px;
  8974. }
  8975. .portfolio__content-info .portfolio__category-inner .portfolio-category {
  8976. margin: 0;
  8977. padding: 0;
  8978. list-style: none;
  8979. }
  8980. .portfolio__content-info .portfolio__category-inner .portfolio-category li {
  8981. line-height: 34px;
  8982. position: relative;
  8983. padding-left: 27px;
  8984. }
  8985. .portfolio__content-info .portfolio__category-inner .portfolio-category li:before {
  8986. content: "N";
  8987. font-family: eleganticons;
  8988. position: absolute;
  8989. left: 0;
  8990. top: 50%;
  8991. -webkit-transform: translateY(-50%);
  8992. -ms-transform: translateY(-50%);
  8993. transform: translateY(-50%);
  8994. color: #1cda0e;
  8995. }
  8996. .portfolio__content-info .portfolio__category-inner .portfolio-category li a {
  8997. color: #6b6b7e;
  8998. }
  8999. .portfolio__content-info .portfolio__category-inner .portfolio-category li a:hover {
  9000. color: #ed1f25;
  9001. }
  9002. .portfolio-nav {
  9003. margin: 0;
  9004. padding: 0;
  9005. list-style: none;
  9006. display: -webkit-box;
  9007. display: -ms-flexbox;
  9008. display: flex;
  9009. -webkit-box-pack: justify;
  9010. -ms-flex-pack: justify;
  9011. justify-content: space-between;
  9012. margin-top: 115px;
  9013. }
  9014. .portfolio-nav li {
  9015. font-size: 20px;
  9016. display: -webkit-box;
  9017. display: -ms-flexbox;
  9018. display: flex;
  9019. -webkit-box-align: end;
  9020. -ms-flex-align: end;
  9021. align-items: end;
  9022. }
  9023. .portfolio-nav li i {
  9024. font-size: 30px;
  9025. -webkit-transition: all 0.3s ease-in-out;
  9026. -o-transition: all 0.3s ease-in-out;
  9027. transition: all 0.3s ease-in-out;
  9028. color: #b3b3bd;
  9029. }
  9030. .portfolio-nav li a {
  9031. color: #6b6b7e;
  9032. }
  9033. .portfolio-nav li.prev i {
  9034. margin-right: 10px;
  9035. }
  9036. .portfolio-nav li.next i {
  9037. margin-left: 10px;
  9038. }
  9039. .portfolio-nav li:hover a, .portfolio-nav li:hover i {
  9040. color: #ed1f25;
  9041. }
  9042. .portfolio--releted-wrapper {
  9043. background: #faf9fd;
  9044. padding: 112px 0 120px;
  9045. }
  9046. .related-portfolio .portfolio-item .feature-image {
  9047. position: relative;
  9048. border-radius: 6px;
  9049. overflow: hidden;
  9050. }
  9051. .related-portfolio .portfolio-item .feature-image img {
  9052. width: 100%;
  9053. border-radius: 6px;
  9054. }
  9055. .related-portfolio .portfolio-item .feature-image a {
  9056. display: block;
  9057. position: relative;
  9058. }
  9059. .related-portfolio .portfolio-item .feature-image a:before {
  9060. content: "";
  9061. position: absolute;
  9062. left: 0;
  9063. top: 0;
  9064. background: rgba(44, 44, 81, 0.7);
  9065. width: 100%;
  9066. height: 100%;
  9067. opacity: 0;
  9068. -webkit-transition: all 0.3s ease-in-out;
  9069. -o-transition: all 0.3s ease-in-out;
  9070. transition: all 0.3s ease-in-out;
  9071. }
  9072. .related-portfolio .portfolio-item .feature-image:hover a:before {
  9073. opacity: 1;
  9074. }
  9075. .related-portfolio .portfolio-item .port-info {
  9076. padding: 25px 35px 0;
  9077. }
  9078. .related-portfolio .portfolio-item .port-info h3 {
  9079. font-size: 24px;
  9080. margin-bottom: 5px;
  9081. line-height: 32px;
  9082. font-weight: 800;
  9083. }
  9084. .related-portfolio .portfolio-item .port-info h3 a {
  9085. color: #2b2350;
  9086. }
  9087. .related-portfolio .portfolio-item .port-info h3 a:hover {
  9088. color: #ed1f25;
  9089. }
  9090. .related-portfolio .portfolio-item .port-info span {
  9091. color: #6b6b7e;
  9092. }
  9093. #related-portfolio .swiper-pagination {
  9094. position: relative;
  9095. margin-top: 55px;
  9096. }
  9097. #related-portfolio .swiper-pagination .swiper-pagination-bullet {
  9098. height: 12px;
  9099. width: 12px;
  9100. -webkit-transition: all 0.3s ease-in-out;
  9101. -o-transition: all 0.3s ease-in-out;
  9102. transition: all 0.3s ease-in-out;
  9103. margin-right: 5px;
  9104. position: relative;
  9105. opacity: 1;
  9106. background: #d8d5e6;
  9107. outline: 0;
  9108. }
  9109. #related-portfolio .swiper-pagination .swiper-pagination-bullet:before {
  9110. content: "";
  9111. position: absolute;
  9112. height: 12px;
  9113. width: 12px;
  9114. background: #d8d5e6;
  9115. z-index: 2;
  9116. top: 0;
  9117. left: 0;
  9118. border-radius: 50%;
  9119. left: 0;
  9120. top: 0;
  9121. -webkit-transition: all 0.3s ease-in-out;
  9122. -o-transition: all 0.3s ease-in-out;
  9123. transition: all 0.3s ease-in-out;
  9124. }
  9125. #related-portfolio .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  9126. opacity: 1;
  9127. }
  9128. #related-portfolio .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  9129. opacity: 1;
  9130. background: #ed1f25;
  9131. }
  9132. /*--------------------------------------------------------------
  9133. ## Fun Fact
  9134. --------------------------------------------------------------*/
  9135. .funfact {
  9136. padding: 69px 0 39px;
  9137. background: #fcfbff;
  9138. }
  9139. #countdown-community {
  9140. position: relative;
  9141. overflow: hidden;
  9142. background: #fbfbfb;
  9143. padding: 115px 0 90px;
  9144. }
  9145. @media (max-width: 991px) {
  9146. #countdown-community {
  9147. padding: 75px 0 50px;
  9148. }
  9149. }
  9150. #countdown-community .comminity-countup-wrapper {
  9151. position: relative;
  9152. z-index: 2;
  9153. }
  9154. #countdown-community .smile-one {
  9155. position: absolute;
  9156. left: -75px;
  9157. bottom: -100px;
  9158. z-index: 1;
  9159. opacity: 0.7;
  9160. }
  9161. #countdown-community .smile-two {
  9162. position: absolute;
  9163. top: -50px;
  9164. right: 100px;
  9165. z-index: 1;
  9166. opacity: 0.7;
  9167. }
  9168. .counter-box {
  9169. margin-bottom: 30px;
  9170. }
  9171. @media (min-width: 991px) {
  9172. .counter-box.pl-100 {
  9173. padding-left: 100px;
  9174. }
  9175. }
  9176. @media (max-width: 991px) {
  9177. .counter-box {
  9178. text-align: center;
  9179. }
  9180. }
  9181. .counter-box .count-wrap {
  9182. display: -webkit-box;
  9183. display: -ms-flexbox;
  9184. display: flex;
  9185. -webkit-box-align: center;
  9186. -ms-flex-align: center;
  9187. align-items: center;
  9188. }
  9189. @media (max-width: 991px) {
  9190. .counter-box .count-wrap {
  9191. -webkit-box-pack: center;
  9192. -ms-flex-pack: center;
  9193. justify-content: center;
  9194. }
  9195. }
  9196. .counter-box .count-wrap span {
  9197. color: #051441;
  9198. font-weight: 700;
  9199. margin-left: 5px;
  9200. font-size: 20px;
  9201. }
  9202. .counter-box .count:not(:first-child) {
  9203. border-left: 1px solid #e8e4f5;
  9204. }
  9205. .counter-box .count .counted {
  9206. font-size: 26px;
  9207. color: #051441;
  9208. font-weight: 800;
  9209. display: -webkit-inline-box;
  9210. display: -ms-inline-flexbox;
  9211. display: inline-flex;
  9212. margin: 0;
  9213. }
  9214. .counter-box .count .counted span {
  9215. font-size: 20px;
  9216. margin-left: 2px;
  9217. }
  9218. .counter-box .count .title {
  9219. color: #6d717f;
  9220. font-weight: 400;
  9221. font-size: 16px;
  9222. margin: 0;
  9223. font-family: "Poppins", sans-serif;
  9224. }
  9225. .counter-box .count.special .counted {
  9226. font-size: 40px;
  9227. color: #f8b137;
  9228. font-weight: 800;
  9229. margin: 0;
  9230. }
  9231. .counter-box .count.special .counted span {
  9232. font-size: 30px;
  9233. }
  9234. .counter-box .count.special span {
  9235. font-size: 30px;
  9236. color: #f8b137;
  9237. margin-left: 5px;
  9238. }
  9239. .counter-box.style-three {
  9240. display: block;
  9241. text-align: left;
  9242. margin-bottom: 0;
  9243. }
  9244. .counter-box.style-three .count {
  9245. -moz-text-align-last: left;
  9246. text-align-last: left;
  9247. }
  9248. @media (max-width: 768px) {
  9249. .counter-box.style-three .count {
  9250. border-top: 0;
  9251. }
  9252. }
  9253. .counter-box.style-three .count .counted {
  9254. font-weight: 800;
  9255. }
  9256. .counter-box.style-three .count .counted, .counter-box.style-three .count span {
  9257. font-size: 50px;
  9258. color: #ed1f25;
  9259. margin-bottom: 10px;
  9260. }
  9261. .counter-box.style-three .count span {
  9262. font-weight: 500;
  9263. }
  9264. .counter-box.style-three .count-title {
  9265. margin-bottom: 0;
  9266. }
  9267. @media (max-width: 768px) {
  9268. .counter-box {
  9269. display: block;
  9270. }
  9271. .counter-box .count {
  9272. width: 100%;
  9273. padding-top: 30px;
  9274. max-width: 350px;
  9275. margin: 0 auto 30px;
  9276. border-top: 1px solid #e8e4f5;
  9277. }
  9278. .counter-box .count:not(:first-child) {
  9279. border-left: none;
  9280. }
  9281. .counter-box .count.special {
  9282. padding-top: 0;
  9283. border-top: 0;
  9284. }
  9285. }
  9286. /*--------------------------------------------------------------
  9287. ## Analytics
  9288. --------------------------------------------------------------*/
  9289. .analytics {
  9290. padding-top: 100px;
  9291. position: relative;
  9292. }
  9293. .ana-feature-image img {
  9294. position: relative;
  9295. z-index: 3;
  9296. }
  9297. .animate-stroke {
  9298. position: absolute;
  9299. height: 230px;
  9300. width: 100%;
  9301. left: 0;
  9302. bottom: 60px;
  9303. }
  9304. .animate-stroke .stroke-one, .animate-stroke .stroke-two {
  9305. position: absolute;
  9306. left: 0;
  9307. background-size: auto;
  9308. }
  9309. .animate-stroke .stroke-one {
  9310. bottom: 65px;
  9311. -webkit-animation: parallax_fg 50s linear 1s infinite;
  9312. animation: parallax_fg 50s linear 1s infinite;
  9313. height: 165px;
  9314. width: 100%;
  9315. }
  9316. .animate-stroke .stroke-two {
  9317. bottom: 0;
  9318. -webkit-animation: parallax_fg 80s linear 1s infinite;
  9319. animation: parallax_fg 80s linear 1s infinite;
  9320. height: 90%;
  9321. width: 100%;
  9322. }
  9323. @-webkit-keyframes parallax_fg {
  9324. 0% {
  9325. background-position: 2765px 100%;
  9326. }
  9327. 100% {
  9328. background-position: 550px 100%;
  9329. }
  9330. }
  9331. @keyframes parallax_fg {
  9332. 0% {
  9333. background-position: 2765px 100%;
  9334. }
  9335. 100% {
  9336. background-position: 550px 100%;
  9337. }
  9338. }
  9339. /*--------------------------------------------------------------
  9340. ## Cowndown
  9341. --------------------------------------------------------------*/
  9342. #countdown {
  9343. background: #2a1365;
  9344. padding: 100px 0;
  9345. }
  9346. #countdown-creative {
  9347. position: relative;
  9348. padding: 120px 0 160px;
  9349. background: #fbfbfd;
  9350. }
  9351. @media (max-width: 991px) {
  9352. #countdown-creative {
  9353. padding: 80px 0 0;
  9354. }
  9355. }
  9356. #countdown-creative.countdown-creative-page {
  9357. background: transparent;
  9358. }
  9359. @media (max-width: 768px) {
  9360. #countdown-creative {
  9361. padding: 80px 0;
  9362. }
  9363. }
  9364. .animated-wave {
  9365. position: absolute;
  9366. width: 100%;
  9367. height: 440px;
  9368. bottom: 0;
  9369. left: 0;
  9370. z-index: 0;
  9371. }
  9372. .wave-wrapper {
  9373. -webkit-transform: rotate(180deg);
  9374. -ms-transform: rotate(180deg);
  9375. transform: rotate(180deg);
  9376. position: absolute;
  9377. top: 0;
  9378. width: 100%;
  9379. }
  9380. .count-content .title {
  9381. color: #fff;
  9382. font-weight: 400;
  9383. font-size: 20px;
  9384. line-height: 34px;
  9385. font-family: "Poppins", sans-serif;
  9386. margin-bottom: 20px;
  9387. }
  9388. .count-content .total-count {
  9389. font-size: 24px;
  9390. font-weight: 500;
  9391. color: #fff;
  9392. font-family: "Poppins", sans-serif;
  9393. margin-bottom: 40px;
  9394. }
  9395. .count-content .gp-btn-btc {
  9396. -webkit-box-shadow: 0 10px 30px 0 rgba(104, 30, 252, 0.3), 0 3px 5px 0 rgba(30, 1, 87, 0.5);
  9397. box-shadow: 0 10px 30px 0 rgba(104, 30, 252, 0.3), 0 3px 5px 0 rgba(30, 1, 87, 0.5);
  9398. margin-bottom: 10px;
  9399. }
  9400. .count-content p {
  9401. color: #af96ed;
  9402. font-size: 13px;
  9403. font-family: "Poppins", sans-serif;
  9404. margin: 0;
  9405. }
  9406. .count-content p i {
  9407. margin-right: 5px;
  9408. }
  9409. .cowndown-inner {
  9410. -webkit-box-shadow: 0 3px 4px 0 rgba(30, 1, 87, 0.5);
  9411. box-shadow: 0 3px 4px 0 rgba(30, 1, 87, 0.5);
  9412. border: 2px solid rgba(65, 48, 149, 0.4);
  9413. padding: 100px;
  9414. }
  9415. .countdown {
  9416. margin-bottom: 90px;
  9417. }
  9418. .countdown .CountdownContent {
  9419. width: 25%;
  9420. color: #fff;
  9421. font-size: 50px;
  9422. display: inline-block;
  9423. text-align: center;
  9424. font-weight: 800;
  9425. line-height: 40px;
  9426. font-family: "Poppins", sans-serif;
  9427. }
  9428. .CountdownLabel {
  9429. font-size: 14px;
  9430. display: block;
  9431. font-weight: 300;
  9432. }
  9433. /* Creative Fan Fact */
  9434. .fun-fact {
  9435. text-align: center;
  9436. margin-bottom: 50px;
  9437. }
  9438. .fun-fact .count-icon-container {
  9439. position: relative;
  9440. max-width: 70px;
  9441. margin: 0 auto 22px;
  9442. }
  9443. .fun-fact .count-icon-container i {
  9444. font-size: 40px;
  9445. color: #f8b137;
  9446. }
  9447. .fun-fact .count-icon-container .circle-shape {
  9448. position: absolute;
  9449. left: -4px;
  9450. top: -2px;
  9451. display: inline-block;
  9452. background-color: rgba(248, 177, 55, 0.102);
  9453. height: 50px;
  9454. width: 50px;
  9455. border-radius: 50%;
  9456. }
  9457. .fun-fact .count {
  9458. font-size: 40px;
  9459. font-weight: 500;
  9460. margin: 0;
  9461. }
  9462. .fun-fact p {
  9463. font-size: 16px;
  9464. color: #343e5d;
  9465. }
  9466. .fun-fact.color--two .count-icon-container i {
  9467. color: #935eff;
  9468. }
  9469. .fun-fact.color--two .count-icon-container .circle-shape {
  9470. background-color: rgba(147, 94, 255, 0.102);
  9471. }
  9472. .fun-fact.color--three .count-icon-container i {
  9473. color: #0bca06;
  9474. }
  9475. .fun-fact.color--three .count-icon-container .circle-shape {
  9476. background-color: rgba(11, 202, 6, 0.102);
  9477. }
  9478. .fun-fact.color--four .count-icon-container i {
  9479. color: #ff782f;
  9480. }
  9481. .fun-fact.color--four .count-icon-container .circle-shape {
  9482. background-color: rgba(255, 120, 46, 0.102);
  9483. }
  9484. /* Comminity */
  9485. .comminity-countup-wrapper {
  9486. display: -webkit-box;
  9487. display: -ms-flexbox;
  9488. display: flex;
  9489. -webkit-box-pack: justify;
  9490. -ms-flex-pack: justify;
  9491. justify-content: space-between;
  9492. -ms-flex-wrap: wrap;
  9493. flex-wrap: wrap;
  9494. margin: 0 -15px;
  9495. }
  9496. @media (max-width: 991px) {
  9497. .comminity-countup-wrapper {
  9498. -webkit-box-pack: center;
  9499. -ms-flex-pack: center;
  9500. justify-content: center;
  9501. }
  9502. }
  9503. .comminity-count-item {
  9504. width: 20%;
  9505. }
  9506. @media (max-width: 991px) {
  9507. .comminity-count-item {
  9508. width: 33.3333%;
  9509. }
  9510. }
  9511. @media (max-width: 480px) {
  9512. .comminity-count-item {
  9513. width: 50%;
  9514. }
  9515. }
  9516. .comminity-count-item .fun-fact {
  9517. border-radius: 4px;
  9518. background-color: white;
  9519. -webkit-box-shadow: 0 40px 70px 0 rgba(8, 2, 46, 0.1);
  9520. box-shadow: 0 40px 70px 0 rgba(8, 2, 46, 0.1);
  9521. padding: 39px 0 34px;
  9522. margin: 0 15px 30px;
  9523. }
  9524. .comminity-count-item .fun-fact .count-icon-container {
  9525. margin-bottom: 17px;
  9526. }
  9527. .comminity-count-item .fun-fact p {
  9528. font-weight: 400;
  9529. margin: 0;
  9530. }
  9531. .comminity-count-item .fun-fact .count {
  9532. font-size: 34px;
  9533. font-weight: 400;
  9534. }
  9535. .comminity-count-item .fun-fact.color-one .count {
  9536. color: #ed1f25;
  9537. }
  9538. .comminity-count-item .fun-fact.color-two .count {
  9539. color: #70c315;
  9540. }
  9541. .comminity-count-item .fun-fact.color-three .count {
  9542. color: #9360fc;
  9543. }
  9544. .comminity-count-item .fun-fact.color-four .count {
  9545. color: #fc5b93;
  9546. }
  9547. .comminity-count-item .fun-fact.color-five .count {
  9548. color: #11c296;
  9549. }
  9550. /*--------------------------------------------------------------
  9551. ## Case Studio
  9552. --------------------------------------------------------------*/
  9553. .case-studio {
  9554. background: #fbfbfd;
  9555. padding: 80px 0 120px;
  9556. }
  9557. @media (max-width: 991px) {
  9558. .case-studio {
  9559. padding: 0 0 80px;
  9560. }
  9561. }
  9562. .case-item {
  9563. background: #fff;
  9564. -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 11, 40, 0.06);
  9565. box-shadow: 0px 3px 5px 0px rgba(0, 11, 40, 0.06);
  9566. -webkit-transition: all 0.3s ease-in-out;
  9567. -o-transition: all 0.3s ease-in-out;
  9568. transition: all 0.3s ease-in-out;
  9569. margin-bottom: 30px;
  9570. }
  9571. .case-item .case-content {
  9572. text-align: center;
  9573. padding: 30px;
  9574. }
  9575. .case-item .case-content .title {
  9576. font-size: 20px;
  9577. }
  9578. .case-item .case-content .title a {
  9579. color: #343e5d;
  9580. }
  9581. .case-item .case-content .title a:hover {
  9582. color: #ff5e85;
  9583. }
  9584. .case-item .case-content span {
  9585. font-size: 16px;
  9586. }
  9587. .case-item .case-feature-image {
  9588. overflow: hidden;
  9589. }
  9590. .case-item .case-feature-image img {
  9591. width: 100%;
  9592. -webkit-transition: all 0.3s ease-in-out;
  9593. -o-transition: all 0.3s ease-in-out;
  9594. transition: all 0.3s ease-in-out;
  9595. }
  9596. .case-item .case-feature-image:hover img {
  9597. -webkit-transform: scale(1.05) rotate(3deg);
  9598. -ms-transform: scale(1.05) rotate(3deg);
  9599. transform: scale(1.05) rotate(3deg);
  9600. }
  9601. .case-item:hover {
  9602. -webkit-box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08);
  9603. box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08);
  9604. }
  9605. /*--------------------------------------------------------------
  9606. ## Faqs
  9607. --------------------------------------------------------------*/
  9608. .faqs {
  9609. background-image: linear-gradient(45deg, #0108338f 0, #0b174e 50%, #17225cbd 100%), url(../img/header-bg.jpg);
  9610. background-attachment: fixed;
  9611. background-repeat: no-repeat;
  9612. background-size: cover;
  9613. }
  9614. .faq-agency {
  9615. background: #f8f7fa;
  9616. }
  9617. @media (max-width: 991px) {
  9618. .faq-agency {
  9619. padding: 80px 0 50px;
  9620. }
  9621. }
  9622. .image-wrapper-faq {
  9623. text-align: center;
  9624. }
  9625. @media (min-width: 992px) {
  9626. .image-wrapper-faq {
  9627. margin: 0 60px 0 -370px;
  9628. }
  9629. }
  9630. @media (min-width: 992px) {
  9631. .faq-wrapper .faq.style-two {
  9632. max-width: 80%;
  9633. }
  9634. }
  9635. .card {
  9636. border: 0;
  9637. background: transparent;
  9638. }
  9639. .card .card-header {
  9640. background-color: transparent;
  9641. border: 0;
  9642. border-radius: 6px;
  9643. }
  9644. .card .card-header .btn-link {
  9645. padding: 0;
  9646. color: #373d46;
  9647. font-size: 20px;
  9648. font-weight: 800;
  9649. text-decoration: none;
  9650. }
  9651. .card .card-body {
  9652. padding: 0;
  9653. }
  9654. .card .card-body p {
  9655. font-size: 16px;
  9656. margin-bottom: 25px;
  9657. }
  9658. .faq {
  9659. position: relative;
  9660. z-index: 2;
  9661. }
  9662. .faq .card {
  9663. border: 0;
  9664. background: transparent;
  9665. margin-bottom: 30px;
  9666. -webkit-box-shadow: 0 20px 60px 0 rgba(1, 33, 26, 0.1);
  9667. box-shadow: 0 20px 60px 0 rgba(1, 33, 26, 0.1);
  9668. }
  9669. .faq .card .card-header {
  9670. padding: 0;
  9671. }
  9672. .faq .card .card-header h5 {
  9673. position: relative;
  9674. margin: 0;
  9675. }
  9676. .faq .card .card-header .btn-link {
  9677. color: #373d46;
  9678. background: #fff;
  9679. font-size: 18px;
  9680. font-weight: 500;
  9681. color: #2c2c51;
  9682. text-decoration: none;
  9683. white-space: normal;
  9684. text-align: left;
  9685. width: 100%;
  9686. padding: 20px 40px;
  9687. -webkit-box-shadow: none;
  9688. box-shadow: none;
  9689. }
  9690. .faq .card .card-header .btn-link:before {
  9691. content: "\F2EA";
  9692. display: block;
  9693. position: absolute;
  9694. top: 50%;
  9695. right: 30px;
  9696. z-index: 9;
  9697. font-family: bootstrap-icons;
  9698. -webkit-transition: all 0.5s;
  9699. -o-transition: all 0.5s;
  9700. transition: all 0.5s;
  9701. -webkit-transform: translateY(-50%);
  9702. -ms-transform: translateY(-50%);
  9703. transform: translateY(-50%);
  9704. font-size: 26px;
  9705. color: #ed1f25;
  9706. }
  9707. .faq .card .card-header .btn-link.collapsed:before {
  9708. content: "\F4FE";
  9709. color: #4d446b;
  9710. }
  9711. .faq .card .card-body {
  9712. padding: 40px;
  9713. background: #fbfbfd;
  9714. }
  9715. .faq .card .card-body p {
  9716. font-size: 16px;
  9717. margin-bottom: 0;
  9718. }
  9719. .faq.style-two .card .card-header .btn-link {
  9720. font-size: 16px;
  9721. color: #1f113a;
  9722. }
  9723. .faq.style-two .card .card-header .btn-link:before {
  9724. content: "\F2EA";
  9725. color: #ed1f25;
  9726. }
  9727. .faq.style-two .card .card-header .btn-link.collapsed:before {
  9728. content: "\F4FE";
  9729. color: #1f113a;
  9730. }
  9731. .faq.style-two .card .card-body {
  9732. background: #fff;
  9733. padding: 0 40px 40px;
  9734. }
  9735. .faq.style-two .card.active .card-header .btn-link {
  9736. color: #ed1f25;
  9737. }
  9738. .faq.style-three .card {
  9739. -webkit-box-shadow: none;
  9740. box-shadow: none;
  9741. margin-bottom: 10px;
  9742. }
  9743. .faq.style-three .card.active .card-header .btn-link {
  9744. color: #ed1f25;
  9745. }
  9746. .faq.style-three .card .card-body {
  9747. background: transparent;
  9748. padding: 23px 30px 30px;
  9749. }
  9750. .faq.style-three .card .card-header .btn-link {
  9751. background-color: #f8f8f8;
  9752. font-size: 16px;
  9753. }
  9754. .bg-circle-shape {
  9755. position: absolute;
  9756. top: 50%;
  9757. left: 50%;
  9758. -webkit-transform: translate(-50%, -53%);
  9759. -ms-transform: translate(-50%, -53%);
  9760. transform: translate(-50%, -53%);
  9761. height: 600px;
  9762. width: 600px;
  9763. border-radius: 50%;
  9764. background: #fbfaf6;
  9765. }
  9766. @media (max-width: 768px) {
  9767. .bg-circle-shape {
  9768. height: 400px;
  9769. width: 400px;
  9770. }
  9771. }
  9772. @media (max-width: 640px) {
  9773. .bg-circle-shape {
  9774. height: 280px;
  9775. width: 280px;
  9776. }
  9777. }
  9778. @media (max-width: 991px) {
  9779. #faqs {
  9780. padding: 80px 0 50px;
  9781. }
  9782. .faq-two {
  9783. margin-bottom: 30px;
  9784. }
  9785. .faq-section-two {
  9786. padding-top: 65px;
  9787. }
  9788. .faq-section {
  9789. padding-top: 75px;
  9790. }
  9791. .faqs {
  9792. padding: 80px 0;
  9793. }
  9794. .faq-forms {
  9795. padding-top: 78px;
  9796. }
  9797. .faq-wrapper {
  9798. margin-top: 60px;
  9799. }
  9800. .faq-wrapper .section-heading {
  9801. text-align: center !important;
  9802. }
  9803. }
  9804. @media (max-width: 768px) {
  9805. #faqs {
  9806. padding: 50px 0 20px;
  9807. }
  9808. .faq .card .card-header h5:before {
  9809. right: 20px;
  9810. }
  9811. .faq .card .card-header .btn-link {
  9812. padding: 18px 20px;
  9813. }
  9814. }
  9815. @media (max-width: 576px) {
  9816. .faq .card .card-header .btn-link {
  9817. padding: 18px 30px 18px 20px;
  9818. font-size: 18px;
  9819. }
  9820. .faq .card .card-header h5:before {
  9821. right: 10px;
  9822. }
  9823. .faq .card .card-body {
  9824. padding: 5px 20px 25px;
  9825. }
  9826. }
  9827. /** Faq **/
  9828. .faq-page {
  9829. padding: 120px 0;
  9830. }
  9831. .gp-faq-tabs {
  9832. display: block;
  9833. background: #f8f8f8;
  9834. padding: 40px 40px 40px 0;
  9835. border-radius: 6px;
  9836. }
  9837. .gp-faq-tabs li {
  9838. display: block;
  9839. margin-bottom: 6px;
  9840. }
  9841. .gp-faq-tabs li a {
  9842. font-size: 15px;
  9843. padding: 4px 20px 4px 40px;
  9844. color: #6b717c;
  9845. max-width: 200px;
  9846. font-size: 15px;
  9847. font-weight: 500;
  9848. }
  9849. .gp-faq-tabs li a.active {
  9850. background-color: #ed1f25;
  9851. color: #fff;
  9852. }
  9853. .animate-elemant {
  9854. position: absolute;
  9855. top: 0;
  9856. left: 0;
  9857. width: 100%;
  9858. height: 100%;
  9859. }
  9860. .animate-elemant .element-left, .animate-elemant .element-right {
  9861. position: absolute;
  9862. }
  9863. .animate-elemant .element-left {
  9864. bottom: 340px;
  9865. left: 100px;
  9866. }
  9867. .animate-elemant .element-right {
  9868. top: 200px;
  9869. right: 50px;
  9870. }
  9871. /*--------------------------------------------------------------
  9872. ## SEO Ranking
  9873. --------------------------------------------------------------*/
  9874. .seo-ranking {
  9875. padding: 120px 0;
  9876. }
  9877. @media (max-width: 991px) {
  9878. .seo-ranking {
  9879. padding: 80px 0 0;
  9880. }
  9881. }
  9882. .ranking-content {
  9883. padding-right: 50px;
  9884. }
  9885. .ranking-content .title {
  9886. font-size: 30px;
  9887. line-height: 44px;
  9888. font-weight: 700;
  9889. margin-bottom: 40px;
  9890. }
  9891. @media (max-width: 991px) {
  9892. .ranking-content {
  9893. padding-right: 0;
  9894. margin-top: 40px;
  9895. }
  9896. }
  9897. .featurelist {
  9898. display: -webkit-box;
  9899. display: -ms-flexbox;
  9900. display: flex;
  9901. margin-bottom: 20px;
  9902. }
  9903. .featurelist i {
  9904. margin-right: 20px;
  9905. color: #ed1f25;
  9906. margin-right: 10px;
  9907. }
  9908. /*--------------------------------------------------------------
  9909. ## Team
  9910. --------------------------------------------------------------*/
  9911. .teams {
  9912. padding: 115px 0 60px;
  9913. }
  9914. @media (max-width: 991px) {
  9915. .teams {
  9916. padding: 73px 0 60px;
  9917. }
  9918. }
  9919. .teams-two {
  9920. padding: 115px 0 120px;
  9921. }
  9922. @media (max-width: 991px) {
  9923. .teams-two {
  9924. padding: 73px 0 80px;
  9925. }
  9926. }
  9927. .team-member {
  9928. margin-bottom: 60px;
  9929. }
  9930. .team-member .team-avatar {
  9931. position: relative;
  9932. }
  9933. .team-member .team-avatar img {
  9934. width: 100%;
  9935. }
  9936. .team-member .team-avatar:before {
  9937. content: "";
  9938. position: absolute;
  9939. width: 100%;
  9940. height: 100%;
  9941. left: 0;
  9942. top: 0;
  9943. background: rgba(26, 191, 104, 0.95);
  9944. opacity: 0;
  9945. visibility: hidden;
  9946. -webkit-transition: all 0.3s ease-in-out;
  9947. -o-transition: all 0.3s ease-in-out;
  9948. transition: all 0.3s ease-in-out;
  9949. }
  9950. .team-member .team-avatar .member-social {
  9951. position: absolute;
  9952. bottom: 30px;
  9953. left: 0;
  9954. width: 100%;
  9955. text-align: center;
  9956. }
  9957. .team-member .team-avatar .member-social li:nth-child(2) {
  9958. -webkit-transition-delay: 0.1s;
  9959. -o-transition-delay: 0.1s;
  9960. transition-delay: 0.1s;
  9961. }
  9962. .team-member .team-avatar .member-social li:nth-child(3) {
  9963. -webkit-transition-delay: 0.2s;
  9964. -o-transition-delay: 0.2s;
  9965. transition-delay: 0.2s;
  9966. }
  9967. .team-member .member-social {
  9968. margin: 0;
  9969. padding: 0;
  9970. list-style: none;
  9971. }
  9972. .team-member .member-social li {
  9973. display: inline-block;
  9974. margin-right: 5px;
  9975. -webkit-transform: translateY(20px);
  9976. -ms-transform: translateY(20px);
  9977. transform: translateY(20px);
  9978. opacity: 0;
  9979. visibility: hidden;
  9980. -webkit-transition: 0.3s ease-in-out;
  9981. -o-transition: 0.3s ease-in-out;
  9982. transition: 0.3s ease-in-out;
  9983. }
  9984. .team-member .member-social li a {
  9985. color: #ed1f25;
  9986. display: block;
  9987. background: #fff;
  9988. border-radius: 50%;
  9989. font-size: 18px;
  9990. height: 50px;
  9991. width: 50px;
  9992. line-height: 52px;
  9993. text-align: center;
  9994. }
  9995. .team-member .member-social li a:hover {
  9996. -webkit-transform: translateY(-5px);
  9997. -ms-transform: translateY(-5px);
  9998. transform: translateY(-5px);
  9999. -webkit-box-shadow: 0px 20px 30px 0px rgba(77, 3, 21, 0.2);
  10000. box-shadow: 0px 20px 30px 0px rgba(77, 3, 21, 0.2);
  10001. }
  10002. .team-member .member-info {
  10003. margin-top: 24px;
  10004. }
  10005. .team-member .member-info .name {
  10006. font-size: 20px;
  10007. font-weight: 800;
  10008. margin-bottom: 4px;
  10009. }
  10010. .team-member .member-info .designation {
  10011. font-size: 16px;
  10012. display: block;
  10013. }
  10014. .team-member:hover .team-avatar:before {
  10015. opacity: 1;
  10016. visibility: visible;
  10017. }
  10018. .team-member:hover .team-avatar .member-social li {
  10019. -webkit-transform: translateY(0);
  10020. -ms-transform: translateY(0);
  10021. transform: translateY(0);
  10022. opacity: 1;
  10023. visibility: visible;
  10024. }
  10025. .team-member.style-two {
  10026. margin-bottom: 30px;
  10027. }
  10028. .team-member.style-two .team-avatar {
  10029. border-radius: 10px;
  10030. overflow: hidden;
  10031. }
  10032. .team-member.style-two .team-avatar:before {
  10033. background: rgba(251, 140, 92, 0.9);
  10034. }
  10035. .team-member.style-two .member-social li a {
  10036. height: 40px;
  10037. width: 40px;
  10038. line-height: 40px;
  10039. font-size: 14px;
  10040. color: #fff;
  10041. border: 1px solid #fff;
  10042. background: transparent;
  10043. }
  10044. .team-member.style-two .member-social li a:hover {
  10045. background: #fff;
  10046. color: #ed1f25;
  10047. }
  10048. .team-member.style-two .member-info .name {
  10049. font-size: 18px;
  10050. }
  10051. .team-member.style-two .member-info .designation {
  10052. font-size: 14px;
  10053. }
  10054. /*--------------------------------------------------------------
  10055. ## Client
  10056. --------------------------------------------------------------*/
  10057. .animate-client-logo {
  10058. background-image: -o-linear-gradient(45deg, #5e2ced 0%, #a485fd 100%);
  10059. background-image: linear-gradient(45deg, #5e2ced 0%, #a485fd 100%);
  10060. padding: 130px 0;
  10061. position: relative;
  10062. overflow: hidden;
  10063. }
  10064. .animate-client-logo .top-shape {
  10065. position: absolute;
  10066. top: -60%;
  10067. }
  10068. .animate-client-logo .bottom-shape {
  10069. position: absolute;
  10070. right: 80px;
  10071. bottom: -70%;
  10072. }
  10073. .animate-client-logo-service {
  10074. background: #fbfbfd;
  10075. padding: 115px 0 120px;
  10076. }
  10077. .animate-client-logo-two {
  10078. padding: 15px 0 100px;
  10079. }
  10080. @media (max-width: 991px) {
  10081. .animate-client-logo-two {
  10082. padding: 15px 0 50px;
  10083. }
  10084. }
  10085. .animate-client-logo-two .section-heading-two .section-title {
  10086. font-weight: 500;
  10087. }
  10088. .client-content-wrapper .title {
  10089. color: #fff;
  10090. font-weight: 700;
  10091. margin-bottom: 30px;
  10092. }
  10093. .client-content-wrapper .title span {
  10094. font-weight: 400;
  10095. }
  10096. .client-content-wrapper p {
  10097. color: #e4ddf7;
  10098. line-height: 28px;
  10099. }
  10100. .client-content-wrapper p span {
  10101. font-weight: 500;
  10102. color: #fff;
  10103. }
  10104. .client-logo-items {
  10105. width: 500px;
  10106. height: 440px;
  10107. position: relative;
  10108. margin: 0 auto;
  10109. padding: 0;
  10110. list-style: none;
  10111. }
  10112. .client-logo-items .logo-item {
  10113. background: #fff;
  10114. display: -webkit-box;
  10115. display: -ms-flexbox;
  10116. display: flex;
  10117. -webkit-box-align: center;
  10118. -ms-flex-align: center;
  10119. align-items: center;
  10120. -webkit-box-pack: center;
  10121. -ms-flex-pack: center;
  10122. justify-content: center;
  10123. height: 80px;
  10124. width: 80px;
  10125. border-radius: 6px;
  10126. position: absolute;
  10127. -webkit-box-shadow: 0px 40px 100px 0px rgba(10, 0, 38, 0.2);
  10128. box-shadow: 0px 40px 100px 0px rgba(10, 0, 38, 0.2);
  10129. }
  10130. .client-logo-items .logo-item:nth-child(1) {
  10131. height: 130px;
  10132. width: 130px;
  10133. top: 34%;
  10134. left: 40%;
  10135. }
  10136. .client-logo-items .logo-item:nth-child(2) {
  10137. height: 80px;
  10138. width: 80px;
  10139. top: 0;
  10140. left: 90px;
  10141. }
  10142. .client-logo-items .logo-item:nth-child(3) {
  10143. height: 90px;
  10144. width: 90px;
  10145. bottom: 0;
  10146. left: 50%;
  10147. }
  10148. .client-logo-items .logo-item:nth-child(4) {
  10149. height: 100px;
  10150. width: 100px;
  10151. bottom: 40px;
  10152. left: 0;
  10153. }
  10154. .client-logo-items .logo-item:nth-child(5) {
  10155. width: 120px;
  10156. height: 105px;
  10157. top: 65px;
  10158. right: 0;
  10159. }
  10160. .client-logo-items .logo-item:nth-child(6) {
  10161. width: 100px;
  10162. height: 100px;
  10163. top: 50%;
  10164. right: -30px;
  10165. }
  10166. .client-logo-items .logo-item:nth-child(7) {
  10167. width: 150px;
  10168. height: 150px;
  10169. bottom: 25px;
  10170. right: -230px;
  10171. }
  10172. .client-logo-items .logo-item:nth-child(8) {
  10173. top: 80px;
  10174. right: -175px;
  10175. }
  10176. .client-logo-items-two {
  10177. margin: 0;
  10178. padding: 0;
  10179. list-style: none;
  10180. position: relative;
  10181. max-width: 1170px;
  10182. height: 470px;
  10183. z-index: 222;
  10184. }
  10185. .client-logo-items-two li {
  10186. position: absolute;
  10187. text-align: center;
  10188. display: -webkit-box;
  10189. display: -ms-flexbox;
  10190. display: flex;
  10191. -webkit-box-align: center;
  10192. -ms-flex-align: center;
  10193. align-items: center;
  10194. -webkit-box-pack: center;
  10195. -ms-flex-pack: center;
  10196. justify-content: center;
  10197. background: #fff;
  10198. border-radius: 50%;
  10199. -webkit-box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.06);
  10200. box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.06);
  10201. }
  10202. .client-logo-items-two li:nth-child(1) {
  10203. height: 160px;
  10204. width: 160px;
  10205. left: 44%;
  10206. top: 50px;
  10207. }
  10208. .client-logo-items-two li:nth-child(2) {
  10209. height: 180px;
  10210. width: 180px;
  10211. top: 20px;
  10212. left: 66%;
  10213. }
  10214. .client-logo-items-two li:nth-child(3) {
  10215. height: 120px;
  10216. width: 120px;
  10217. top: 0;
  10218. left: 24%;
  10219. }
  10220. .client-logo-items-two li:nth-child(4) {
  10221. height: 125px;
  10222. width: 125px;
  10223. top: 270px;
  10224. left: 45%;
  10225. }
  10226. .client-logo-items-two li:nth-child(5) {
  10227. height: 200px;
  10228. width: 200px;
  10229. top: 200px;
  10230. left: 20%;
  10231. }
  10232. .client-logo-items-two li:nth-child(6) {
  10233. height: 170px;
  10234. width: 170px;
  10235. top: 280px;
  10236. left: 62%;
  10237. }
  10238. .client-logo-items-two li:nth-child(7) {
  10239. height: 200px;
  10240. width: 200px;
  10241. top: 0;
  10242. left: 0;
  10243. }
  10244. .client-logo-items-two li:nth-child(8) {
  10245. height: 100px;
  10246. width: 100px;
  10247. top: 30px;
  10248. right: 0;
  10249. }
  10250. .client-logo-items-two li:nth-child(9) {
  10251. height: 100px;
  10252. width: 100px;
  10253. top: 280px;
  10254. left: 40px;
  10255. }
  10256. .client-logo-items-two li:nth-child(10) {
  10257. height: 120px;
  10258. width: 120px;
  10259. top: 250px;
  10260. right: 50px;
  10261. }
  10262. .clients-logo {
  10263. padding: 100px 0;
  10264. }
  10265. @media (max-width: 991px) {
  10266. .clients-logo {
  10267. padding: 50px 0;
  10268. }
  10269. }
  10270. .gp-client-logo {
  10271. display: block;
  10272. }
  10273. .gp-client-logo .client-logo-main {
  10274. position: relative;
  10275. display: block;
  10276. width: auto;
  10277. margin: 0 auto;
  10278. -webkit-transition: -webkit-transform 0.4s ease;
  10279. transition: -webkit-transform 0.4s ease;
  10280. -o-transition: transform 0.4s ease;
  10281. transition: transform 0.4s ease;
  10282. transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  10283. }
  10284. .gp-client-logo .client-logo-hover {
  10285. position: absolute;
  10286. top: 0;
  10287. left: 50%;
  10288. width: auto;
  10289. -webkit-transform: translate(-50%, -100%);
  10290. -ms-transform: translate(-50%, -100%);
  10291. transform: translate(-50%, -100%);
  10292. -webkit-transition: -webkit-transform 0.4s ease;
  10293. transition: -webkit-transform 0.4s ease;
  10294. -o-transition: transform 0.4s ease;
  10295. transition: transform 0.4s ease;
  10296. transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  10297. }
  10298. .gp-client-logo:hover .client-logo-main {
  10299. -webkit-transform: translateY(100%);
  10300. -ms-transform: translateY(100%);
  10301. transform: translateY(100%);
  10302. }
  10303. .gp-client-logo:hover .client-logo-hover {
  10304. -webkit-transform: translate(-50%, 0);
  10305. -ms-transform: translate(-50%, 0);
  10306. transform: translate(-50%, 0);
  10307. margin-bottom: 5px;
  10308. }
  10309. /* Logo Marque */
  10310. .client-logo-marque .section-heading {
  10311. margin-bottom: 45px;
  10312. }
  10313. @media (max-width: 991px) {
  10314. .client-logo-marque {
  10315. padding: 180px 0 80px;
  10316. }
  10317. }
  10318. @media (max-width: 720px) {
  10319. .client-logo-marque {
  10320. padding: 80px 0;
  10321. }
  10322. }
  10323. .marquee-wrap {
  10324. overflow: hidden;
  10325. padding: 25px 0 60px;
  10326. position: relative;
  10327. }
  10328. .marquee-wrap:after {
  10329. content: "";
  10330. position: absolute;
  10331. top: 0;
  10332. left: 0;
  10333. width: 100%;
  10334. height: 100%;
  10335. }
  10336. .logo-marque {
  10337. margin-bottom: 10px;
  10338. }
  10339. .logo-marque-items {
  10340. margin: 0 -15px;
  10341. padding: 0;
  10342. list-style: none;
  10343. display: -webkit-box;
  10344. display: -ms-flexbox;
  10345. display: flex;
  10346. }
  10347. .logo-marque-items li {
  10348. border-radius: 6px;
  10349. background: #fff;
  10350. -webkit-box-shadow: 0px 20px 50px 0px rgba(2, 19, 55, 0.12);
  10351. box-shadow: 0px 20px 50px 0px rgba(2, 19, 55, 0.12);
  10352. display: -webkit-box;
  10353. display: -ms-flexbox;
  10354. display: flex;
  10355. -webkit-box-align: center;
  10356. -ms-flex-align: center;
  10357. align-items: center;
  10358. -webkit-box-pack: center;
  10359. -ms-flex-pack: center;
  10360. justify-content: center;
  10361. margin: 0 15px;
  10362. padding: 20px;
  10363. }
  10364. .logo-marque-items li a {
  10365. display: block;
  10366. height: 100%;
  10367. }
  10368. @media (max-width: 1600px) {
  10369. .client-logo-items .logo-item:nth-child(1) {
  10370. left: 30%;
  10371. }
  10372. .client-logo-items .logo-item:nth-child(2) {
  10373. left: 60px;
  10374. }
  10375. .client-logo-items .logo-item:nth-child(3) {
  10376. left: 42%;
  10377. }
  10378. .client-logo-items .logo-item:nth-child(5) {
  10379. right: 13%;
  10380. }
  10381. .client-logo-items .logo-item:nth-child(6) {
  10382. right: 50px;
  10383. }
  10384. .client-logo-items .logo-item:nth-child(7) {
  10385. right: -140px;
  10386. }
  10387. .client-logo-items .logo-item:nth-child(8) {
  10388. right: -100px;
  10389. }
  10390. }
  10391. @media (max-width: 1400px) {
  10392. .client-logo-items {
  10393. height: 400px;
  10394. }
  10395. .client-logo-items .logo-item:nth-child(1) {
  10396. left: 15%;
  10397. }
  10398. .client-logo-items .logo-item:nth-child(2) {
  10399. left: 0;
  10400. }
  10401. .client-logo-items .logo-item:nth-child(3) {
  10402. left: 30%;
  10403. }
  10404. .client-logo-items .logo-item:nth-child(4) {
  10405. left: -60px;
  10406. }
  10407. .client-logo-items .logo-item:nth-child(5) {
  10408. right: 30%;
  10409. }
  10410. .client-logo-items .logo-item:nth-child(6) {
  10411. right: 130px;
  10412. }
  10413. .client-logo-items .logo-item:nth-child(7) {
  10414. right: -40px;
  10415. }
  10416. .client-logo-items .logo-item:nth-child(8) {
  10417. right: 0;
  10418. }
  10419. }
  10420. @media (max-width: 1200px) {
  10421. .client-logo-items {
  10422. height: 360px;
  10423. }
  10424. .client-logo-items .logo-item {
  10425. height: 70px;
  10426. width: 70px;
  10427. padding: 10px;
  10428. }
  10429. .client-logo-items .logo-item:nth-child(1) {
  10430. left: 10%;
  10431. height: 110px;
  10432. width: 110px;
  10433. }
  10434. .client-logo-items .logo-item:nth-child(2) {
  10435. left: -20px;
  10436. height: 70px;
  10437. width: 70px;
  10438. }
  10439. .client-logo-items .logo-item:nth-child(3) {
  10440. left: 22%;
  10441. height: 80px;
  10442. width: 80px;
  10443. }
  10444. .client-logo-items .logo-item:nth-child(4) {
  10445. left: -60px;
  10446. height: 85px;
  10447. width: 85px;
  10448. }
  10449. .client-logo-items .logo-item:nth-child(5) {
  10450. right: 42%;
  10451. width: 100px;
  10452. height: 90px;
  10453. }
  10454. .client-logo-items .logo-item:nth-child(6) {
  10455. right: 38%;
  10456. width: 85px;
  10457. height: 85px;
  10458. }
  10459. .client-logo-items .logo-item:nth-child(7) {
  10460. right: 40px;
  10461. width: 120px;
  10462. height: 120px;
  10463. }
  10464. .client-logo-items .logo-item:nth-child(8) {
  10465. right: 90px;
  10466. }
  10467. }
  10468. @media (max-width: 1200px) {
  10469. .client-content-wrapper p br {
  10470. display: none;
  10471. }
  10472. }
  10473. @media (max-width: 991px) {
  10474. .client-content-wrapper {
  10475. margin-bottom: 30px;
  10476. text-align: center;
  10477. }
  10478. .client-logo-items {
  10479. width: 75%;
  10480. }
  10481. .client-logo-items .logo-item {
  10482. height: 70px;
  10483. width: 70px;
  10484. padding: 10px;
  10485. }
  10486. .client-logo-items .logo-item:nth-child(1) {
  10487. left: 28%;
  10488. height: 110px;
  10489. width: 110px;
  10490. }
  10491. .client-logo-items .logo-item:nth-child(2) {
  10492. left: 60px;
  10493. height: 60px;
  10494. width: 70px;
  10495. }
  10496. .client-logo-items .logo-item:nth-child(3) {
  10497. left: 22%;
  10498. height: 80px;
  10499. width: 80px;
  10500. }
  10501. .client-logo-items .logo-item:nth-child(4) {
  10502. left: 0;
  10503. height: 85px;
  10504. width: 85px;
  10505. }
  10506. .client-logo-items .logo-item:nth-child(5) {
  10507. right: 28%;
  10508. width: 100px;
  10509. height: 90px;
  10510. top: 40px;
  10511. }
  10512. .client-logo-items .logo-item:nth-child(6) {
  10513. right: 35%;
  10514. top: 56%;
  10515. width: 85px;
  10516. height: 85px;
  10517. }
  10518. .client-logo-items .logo-item:nth-child(7) {
  10519. right: 0;
  10520. width: 120px;
  10521. height: 120px;
  10522. }
  10523. .client-logo-items .logo-item:nth-child(8) {
  10524. right: 60px;
  10525. }
  10526. .client-logo-items-two li:nth-child(1) {
  10527. height: 130px;
  10528. width: 130px;
  10529. }
  10530. .client-logo-items-two li:nth-child(2) {
  10531. height: 150px;
  10532. width: 150px;
  10533. }
  10534. .client-logo-items-two li:nth-child(3) {
  10535. height: 100px;
  10536. width: 100px;
  10537. }
  10538. .client-logo-items-two li:nth-child(4) {
  10539. height: 105px;
  10540. width: 105px;
  10541. }
  10542. .client-logo-items-two li:nth-child(5) {
  10543. height: 160px;
  10544. width: 160px;
  10545. }
  10546. .client-logo-items-two li:nth-child(6) {
  10547. height: 140px;
  10548. width: 140px;
  10549. }
  10550. .client-logo-items-two li:nth-child(7) {
  10551. height: 160px;
  10552. width: 160px;
  10553. }
  10554. .client-logo-items-two li:nth-child(8) {
  10555. height: 80px;
  10556. width: 80px;
  10557. }
  10558. .client-logo-items-two li:nth-child(9) {
  10559. height: 80px;
  10560. width: 80px;
  10561. }
  10562. .client-logo-items-two li:nth-child(10) {
  10563. height: 100px;
  10564. width: 100px;
  10565. right: 10px;
  10566. }
  10567. }
  10568. @media (max-width: 768px) {
  10569. .client-logo-items {
  10570. width: 90%;
  10571. }
  10572. .client-logo-items-two li {
  10573. padding: 20px;
  10574. }
  10575. .client-logo-items-two li:nth-child(1) {
  10576. height: 110px;
  10577. width: 110px;
  10578. }
  10579. .client-logo-items-two li:nth-child(2) {
  10580. height: 130px;
  10581. width: 130px;
  10582. }
  10583. .client-logo-items-two li:nth-child(3) {
  10584. height: 80px;
  10585. width: 80px;
  10586. }
  10587. .client-logo-items-two li:nth-child(4) {
  10588. height: 85px;
  10589. width: 85px;
  10590. }
  10591. .client-logo-items-two li:nth-child(5) {
  10592. height: 140px;
  10593. width: 140px;
  10594. }
  10595. .client-logo-items-two li:nth-child(6) {
  10596. height: 120px;
  10597. width: 120px;
  10598. }
  10599. .client-logo-items-two li:nth-child(7) {
  10600. height: 140px;
  10601. width: 140px;
  10602. }
  10603. .client-logo-items-two li:nth-child(8) {
  10604. height: 70px;
  10605. width: 70px;
  10606. }
  10607. .client-logo-items-two li:nth-child(9) {
  10608. height: 70px;
  10609. width: 70px;
  10610. }
  10611. .client-logo-items-two li:nth-child(10) {
  10612. height: 80px;
  10613. width: 80px;
  10614. right: 10px;
  10615. }
  10616. }
  10617. @media (max-width: 620px) {
  10618. .client-logo-items {
  10619. height: 320px;
  10620. width: 90%;
  10621. }
  10622. .client-logo-items .logo-item {
  10623. height: 70px;
  10624. width: 70px;
  10625. padding: 10px;
  10626. }
  10627. .client-logo-items .logo-item:nth-child(1) {
  10628. left: 32%;
  10629. height: 90px;
  10630. width: 90px;
  10631. }
  10632. .client-logo-items .logo-item:nth-child(2) {
  10633. left: 60px;
  10634. height: 70px;
  10635. width: 70px;
  10636. }
  10637. .client-logo-items .logo-item:nth-child(3) {
  10638. left: 22%;
  10639. height: 65px;
  10640. width: 65px;
  10641. }
  10642. .client-logo-items .logo-item:nth-child(4) {
  10643. left: 0;
  10644. height: 70px;
  10645. width: 70px;
  10646. }
  10647. .client-logo-items .logo-item:nth-child(5) {
  10648. right: 28%;
  10649. width: 90px;
  10650. height: 80px;
  10651. top: 40px;
  10652. }
  10653. .client-logo-items .logo-item:nth-child(6) {
  10654. right: 25%;
  10655. top: 56%;
  10656. width: 70px;
  10657. height: 70px;
  10658. }
  10659. .client-logo-items .logo-item:nth-child(7) {
  10660. right: 0;
  10661. width: 100px;
  10662. height: 100px;
  10663. }
  10664. .client-logo-items .logo-item:nth-child(8) {
  10665. right: 40px;
  10666. }
  10667. }
  10668. @media (max-width: 576px) {
  10669. .client-logo-items {
  10670. height: 275px;
  10671. width: 420px;
  10672. }
  10673. .client-logo-items .logo-item {
  10674. height: 60px;
  10675. width: 60px;
  10676. padding: 10px;
  10677. }
  10678. .client-logo-items .logo-item:nth-child(1) {
  10679. left: 32%;
  10680. height: 65px;
  10681. width: 80px;
  10682. top: 40%;
  10683. }
  10684. .client-logo-items .logo-item:nth-child(2) {
  10685. left: 60px;
  10686. height: 70px;
  10687. width: 70px;
  10688. }
  10689. .client-logo-items .logo-item:nth-child(3) {
  10690. left: 22%;
  10691. height: 55px;
  10692. width: 55px;
  10693. }
  10694. .client-logo-items .logo-item:nth-child(4) {
  10695. left: 0;
  10696. height: 60px;
  10697. width: 60px;
  10698. }
  10699. .client-logo-items .logo-item:nth-child(5) {
  10700. right: 28%;
  10701. width: 80px;
  10702. height: 60px;
  10703. top: 40px;
  10704. }
  10705. .client-logo-items .logo-item:nth-child(6) {
  10706. right: 25%;
  10707. top: 56%;
  10708. width: 70px;
  10709. height: 70px;
  10710. }
  10711. .client-logo-items .logo-item:nth-child(7) {
  10712. right: 0;
  10713. width: 80px;
  10714. height: 80px;
  10715. }
  10716. .client-logo-items .logo-item:nth-child(8) {
  10717. right: 40px;
  10718. }
  10719. .client-logo-items-two li {
  10720. padding: 20px;
  10721. }
  10722. .client-logo-items-two li:nth-child(1) {
  10723. height: 110px;
  10724. width: 110px;
  10725. left: 41%;
  10726. }
  10727. .client-logo-items-two li:nth-child(2) {
  10728. height: 120px;
  10729. width: 120px;
  10730. top: 0;
  10731. right: 0;
  10732. left: auto;
  10733. }
  10734. .client-logo-items-two li:nth-child(3) {
  10735. height: 100px;
  10736. width: 100px;
  10737. left: 11%;
  10738. }
  10739. .client-logo-items-two li:nth-child(4) {
  10740. height: 105px;
  10741. width: 105px;
  10742. top: 190px;
  10743. left: 41%;
  10744. }
  10745. .client-logo-items-two li:nth-child(5) {
  10746. height: 140px;
  10747. width: 140px;
  10748. left: 5%;
  10749. top: 130px;
  10750. }
  10751. .client-logo-items-two li:nth-child(6) {
  10752. height: 120px;
  10753. width: 120px;
  10754. top: 180px;
  10755. right: 0;
  10756. left: auto;
  10757. }
  10758. .client-logo-items-two li:nth-child(7) {
  10759. height: 130px;
  10760. width: 130px;
  10761. top: auto;
  10762. bottom: 0;
  10763. left: 55%;
  10764. -webkit-transform: translateX(-50%);
  10765. -ms-transform: translateX(-50%);
  10766. transform: translateX(-50%);
  10767. }
  10768. .client-logo-items-two li:nth-child(8) {
  10769. height: 90px;
  10770. width: 90px;
  10771. bottom: 0;
  10772. top: auto;
  10773. right: 0;
  10774. }
  10775. .client-logo-items-two li:nth-child(9) {
  10776. height: 100px;
  10777. width: 100px;
  10778. bottom: 85px;
  10779. left: 20px;
  10780. top: auto;
  10781. }
  10782. .client-logo-items-two li:nth-child(10) {
  10783. height: 90px;
  10784. width: 90px;
  10785. right: 10px;
  10786. bottom: -25px;
  10787. top: auto;
  10788. left: 50px;
  10789. }
  10790. }
  10791. @media (max-width: 420px) {
  10792. .client-logo-items {
  10793. height: 275px;
  10794. width: 300px;
  10795. }
  10796. .client-logo-items .logo-item {
  10797. height: 60px;
  10798. width: 60px;
  10799. padding: 10px;
  10800. }
  10801. .client-logo-items .logo-item:nth-child(1) {
  10802. left: 22%;
  10803. height: 65px;
  10804. width: 75px;
  10805. top: 36%;
  10806. }
  10807. .client-logo-items .logo-item:nth-child(2) {
  10808. left: 25px;
  10809. height: 55px;
  10810. width: 55px;
  10811. }
  10812. .client-logo-items .logo-item:nth-child(3) {
  10813. left: 25%;
  10814. height: 55px;
  10815. width: 55px;
  10816. }
  10817. .client-logo-items .logo-item:nth-child(4) {
  10818. left: 0;
  10819. height: 60px;
  10820. width: 60px;
  10821. }
  10822. .client-logo-items .logo-item:nth-child(5) {
  10823. right: 35%;
  10824. width: 75px;
  10825. height: 55px;
  10826. top: 34px;
  10827. }
  10828. .client-logo-items .logo-item:nth-child(6) {
  10829. right: 30%;
  10830. top: 55%;
  10831. width: 60px;
  10832. height: 60px;
  10833. }
  10834. .client-logo-items .logo-item:nth-child(7) {
  10835. right: 0;
  10836. width: 70px;
  10837. height: 70px;
  10838. }
  10839. .client-logo-items .logo-item:nth-child(8) {
  10840. right: 40px;
  10841. }
  10842. .client-logo-items-two {
  10843. width: 320px;
  10844. margin: 0 auto;
  10845. }
  10846. .client-logo-items-two li {
  10847. padding: 20px;
  10848. }
  10849. .client-logo-items-two li:nth-child(1) {
  10850. height: 90px;
  10851. width: 90px;
  10852. left: 33%;
  10853. }
  10854. .client-logo-items-two li:nth-child(2) {
  10855. height: 120px;
  10856. width: 120px;
  10857. top: 0;
  10858. right: 0;
  10859. left: auto;
  10860. }
  10861. .client-logo-items-two li:nth-child(3) {
  10862. height: 100px;
  10863. width: 100px;
  10864. left: 0;
  10865. }
  10866. .client-logo-items-two li:nth-child(4) {
  10867. height: 95px;
  10868. width: 95px;
  10869. top: 190px;
  10870. left: 38%;
  10871. }
  10872. .client-logo-items-two li:nth-child(5) {
  10873. height: 120px;
  10874. width: 120px;
  10875. left: 2%;
  10876. top: 130px;
  10877. }
  10878. .client-logo-items-two li:nth-child(6) {
  10879. height: 100px;
  10880. width: 100px;
  10881. top: 140px;
  10882. right: 0;
  10883. left: auto;
  10884. }
  10885. .client-logo-items-two li:nth-child(7) {
  10886. height: 110px;
  10887. width: 110px;
  10888. top: auto;
  10889. bottom: 106px;
  10890. right: 0;
  10891. left: auto;
  10892. -webkit-transform: translate(0);
  10893. -ms-transform: translate(0);
  10894. transform: translate(0);
  10895. }
  10896. .client-logo-items-two li:nth-child(8) {
  10897. height: 90px;
  10898. width: 90px;
  10899. bottom: 40px;
  10900. top: auto;
  10901. right: 96px;
  10902. }
  10903. .client-logo-items-two li:nth-child(9) {
  10904. height: 100px;
  10905. width: 100px;
  10906. bottom: 85px;
  10907. left: 20px;
  10908. top: auto;
  10909. }
  10910. .client-logo-items-two li:nth-child(10) {
  10911. height: 90px;
  10912. width: 90px;
  10913. right: 10px;
  10914. bottom: -25px;
  10915. top: auto;
  10916. left: 50px;
  10917. }
  10918. }
  10919. /*--------------------------------------------------------------
  10920. ## Testimonial
  10921. --------------------------------------------------------------*/
  10922. /* Social Testimonial */
  10923. #social-testimonial {
  10924. background: #fbfbfd;
  10925. overflow: hidden;
  10926. }
  10927. #social-testimonial .testimonial-top-area {
  10928. padding: 115px 0 196px;
  10929. background-size: cover;
  10930. background-position: center center;
  10931. background-image: linear-gradient(45deg, #03050e66 0, #1a266ca3 50%, #2f3ca35c 100%), url(../img/bg.jpg);
  10932. }
  10933. #social-testimonial .testimonial-top-area .section-title-two h2 {
  10934. margin-bottom: 10px;
  10935. }
  10936. @media (max-width: 991px) {
  10937. #social-testimonial .testimonial-top-area {
  10938. padding: 70px 0 196px;
  10939. }
  10940. }
  10941. #testimonial-saas {
  10942. padding: 113px 0 130px;
  10943. position: relative;
  10944. }
  10945. @media (max-width: 768px) {
  10946. #testimonial-saas {
  10947. padding: 73px 0 80px;
  10948. }
  10949. }
  10950. #testimonial-saas .testimonial-shape-bg {
  10951. position: absolute;
  10952. top: 0;
  10953. left: 0;
  10954. width: 100%;
  10955. height: 540px;
  10956. background-size: cover;
  10957. background-position: center center;
  10958. }
  10959. #testimonial-saas .section-heading {
  10960. margin-bottom: 48px;
  10961. }
  10962. #testimonial-saas .swiper-pagination .swiper-pagination-bullet {
  10963. height: 8px;
  10964. width: 8px;
  10965. }
  10966. .nav-control {
  10967. position: absolute;
  10968. top: 50%;
  10969. z-index: 222;
  10970. width: 100%;
  10971. }
  10972. .nav-control .gp-nav-next, .nav-control .gp-nav-prev {
  10973. position: absolute;
  10974. height: 50px;
  10975. width: 50px;
  10976. text-align: center;
  10977. color: #677294;
  10978. line-height: 50px;
  10979. border: 2px solid #e0e3ed;
  10980. border-radius: 50%;
  10981. font-size: 20px;
  10982. -webkit-transition: all 0.3s ease-in-out;
  10983. -o-transition: all 0.3s ease-in-out;
  10984. transition: all 0.3s ease-in-out;
  10985. cursor: pointer;
  10986. outline: 0;
  10987. }
  10988. .nav-control .gp-nav-next:hover, .nav-control .gp-nav-prev:hover {
  10989. background: #4d5afe;
  10990. border-color: #4d5afe;
  10991. color: #fff;
  10992. -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  10993. box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  10994. }
  10995. .nav-control .gp-nav-prev {
  10996. left: 20px;
  10997. }
  10998. .nav-control .gp-nav-next {
  10999. right: 20px;
  11000. }
  11001. .testimonial-saas-wrapper .swiper-container {
  11002. padding: 26px;
  11003. }
  11004. @media (min-width: 1400px) {
  11005. .testimonial-saas-wrapper .swiper-container {
  11006. margin: 0 -26px;
  11007. }
  11008. }
  11009. @media (max-width: 667px) {
  11010. .testimonial-saas-wrapper .swiper-container {
  11011. padding: 0;
  11012. margin: 0;
  11013. }
  11014. }
  11015. #testimonial-social {
  11016. padding: 70px 30px;
  11017. margin: 0 -30px 20px;
  11018. }
  11019. .social-testimonil {
  11020. margin-top: -250px;
  11021. padding-bottom: 115px;
  11022. }
  11023. @media (max-width: 991px) {
  11024. .social-testimonil {
  11025. padding-bottom: 75px;
  11026. }
  11027. }
  11028. .social-testi {
  11029. background: #fff;
  11030. -webkit-box-shadow: 0 10px 28px 0 rgba(0, 11, 40, 0.1);
  11031. box-shadow: 0 10px 28px 0 rgba(0, 11, 40, 0.1);
  11032. border-radius: 6px;
  11033. padding: 50px 40px 55px;
  11034. }
  11035. .social-testi .content p {
  11036. font-size: 16px;
  11037. line-height: 28px;
  11038. margin: 0;
  11039. }
  11040. .social-testi .user-details {
  11041. display: -webkit-box;
  11042. display: -ms-flexbox;
  11043. display: flex;
  11044. -ms-flex-wrap: wrap;
  11045. flex-wrap: wrap;
  11046. margin-bottom: 33px;
  11047. -webkit-box-align: center;
  11048. -ms-flex-align: center;
  11049. align-items: center;
  11050. position: relative;
  11051. }
  11052. .social-testi .user-details .ratings {
  11053. position: absolute;
  11054. right: 0;
  11055. top: 5px;
  11056. }
  11057. @media (max-width: 991px) {
  11058. .social-testi .user-details .ratings {
  11059. position: static;
  11060. }
  11061. }
  11062. .social-testi .user-details .avatar {
  11063. width: 60px;
  11064. height: 60px;
  11065. overflow: hidden;
  11066. }
  11067. .social-testi .user-details .avatar img {
  11068. border-radius: 50%;
  11069. }
  11070. .social-testi .user-details .info-content {
  11071. margin-left: 20px;
  11072. }
  11073. .social-testi .user-details .info-content .name {
  11074. font-size: 20px;
  11075. color: #051441;
  11076. font-weight: 800;
  11077. margin: 0;
  11078. }
  11079. .social-testi .user-details .info-content .position {
  11080. font-size: 14px;
  11081. }
  11082. .social-slider-nav {
  11083. display: -webkit-box;
  11084. display: -ms-flexbox;
  11085. display: flex;
  11086. position: absolute;
  11087. right: 0;
  11088. bottom: 0;
  11089. }
  11090. @media (max-width: 767px) {
  11091. .social-slider-nav {
  11092. position: static;
  11093. }
  11094. }
  11095. .social-slider-nav .slider-next, .social-slider-nav .slider-prev {
  11096. height: 50px;
  11097. width: 50px;
  11098. line-height: 50px;
  11099. border: 2px solid #baa9e4;
  11100. border-radius: 50%;
  11101. text-align: center;
  11102. color: #fff;
  11103. font-size: 20px;
  11104. -webkit-transition: all 0.3s ease-in-out;
  11105. -o-transition: all 0.3s ease-in-out;
  11106. transition: all 0.3s ease-in-out;
  11107. cursor: pointer;
  11108. outline: 0;
  11109. }
  11110. .social-slider-nav .slider-next:hover, .social-slider-nav .slider-prev:hover {
  11111. background: #fff;
  11112. color: #ed1f25;
  11113. border-color: #fff;
  11114. -webkit-box-shadow: 0 20px 30px 0 rgba(10, 4, 70, 0.2);
  11115. box-shadow: 0 20px 30px 0 rgba(10, 4, 70, 0.2);
  11116. }
  11117. .social-slider-nav .slider-prev {
  11118. margin-right: 10px;
  11119. }
  11120. .testi-content-title h4 {
  11121. font-size: 14px;
  11122. text-transform: uppercase;
  11123. font-weight: 500;
  11124. letter-spacing: 2px;
  11125. color: #ed1f25;
  11126. margin-bottom: 13px;
  11127. }
  11128. .testi-content-title h2 {
  11129. font-size: 40px;
  11130. line-height: 56px;
  11131. margin-bottom: 45px;
  11132. font-weight: 700;
  11133. }
  11134. .testi-content-title h2 span {
  11135. color: #ed1f25;
  11136. }
  11137. .spaker-count .count-num {
  11138. font-size: 60px;
  11139. font-weight: 400;
  11140. line-height: 1;
  11141. margin-bottom: 2px;
  11142. }
  11143. .spaker-count p {
  11144. font-size: 14px;
  11145. font-weight: 500;
  11146. text-transform: uppercase;
  11147. color: #677294;
  11148. margin-bottom: 43px;
  11149. }
  11150. .spaker-count .count-feature {
  11151. margin: 0;
  11152. padding: 0;
  11153. list-style: none;
  11154. }
  11155. .spaker-count .count-feature li {
  11156. line-height: 39px;
  11157. font-size: 16px;
  11158. font-weight: 500;
  11159. color: #051441;
  11160. }
  11161. .spaker-count .count-feature li i {
  11162. color: #ed1f25;
  11163. margin-right: 10px;
  11164. }
  11165. /* Testimonial*/
  11166. .testimonials {
  11167. padding: 120px 0;
  11168. background: #fbfbfd;
  11169. background-image: url(../../media/background/testimonial-two.png);
  11170. background-size: cover;
  11171. background-position: center center;
  11172. }
  11173. @media (max-width: 991px) {
  11174. .testimonials {
  11175. padding: 80px 0;
  11176. }
  11177. .testimonials #testimonial {
  11178. padding: 0;
  11179. }
  11180. }
  11181. .testimonia-single {
  11182. padding-top: 30px;
  11183. }
  11184. @media (max-width: 576px) {
  11185. .testimonia-single .nav-control {
  11186. display: none;
  11187. }
  11188. }
  11189. .testimonia-single .testimonial {
  11190. text-align: center;
  11191. }
  11192. .testimonia-single .testimonial .user-avatar {
  11193. height: 100px;
  11194. width: 100px;
  11195. border-radius: 50%;
  11196. margin: 0 auto 40px;
  11197. overflow: hidden;
  11198. -webkit-transform: translateY(-20px);
  11199. -ms-transform: translateY(-20px);
  11200. transform: translateY(-20px);
  11201. -webkit-transition: all 0.5s;
  11202. -o-transition: all 0.5s;
  11203. transition: all 0.5s;
  11204. opacity: 0;
  11205. border: 2px solid #4d5afe;
  11206. }
  11207. .testimonia-single .testimonial .review-title {
  11208. font-size: 18px;
  11209. font-weight: 500;
  11210. color: #1f113a;
  11211. opacity: 0;
  11212. -webkit-transform: translateY(-20px);
  11213. -ms-transform: translateY(-20px);
  11214. transform: translateY(-20px);
  11215. -webkit-transition: all 0.5s;
  11216. -o-transition: all 0.5s;
  11217. transition: all 0.5s;
  11218. }
  11219. .testimonia-single .testimonial .testi-content {
  11220. max-width: 750px;
  11221. margin: 0 auto 43px;
  11222. }
  11223. @media (max-width: 991px) {
  11224. .testimonia-single .testimonial .testi-content {
  11225. max-width: 550px;
  11226. }
  11227. }
  11228. @media (max-width: 767px) {
  11229. .testimonia-single .testimonial .testi-content {
  11230. max-width: 450px;
  11231. }
  11232. }
  11233. .testimonia-single .testimonial .testi-content p {
  11234. font-size: 20px;
  11235. line-height: 36px;
  11236. color: #373d46;
  11237. -webkit-transform: translateY(-20px);
  11238. -ms-transform: translateY(-20px);
  11239. transform: translateY(-20px);
  11240. -webkit-transition: all 0.5s;
  11241. -o-transition: all 0.5s;
  11242. transition: all 0.5s;
  11243. opacity: 0;
  11244. }
  11245. @media (max-width: 768px) {
  11246. .testimonia-single .testimonial .testi-content p {
  11247. font-size: 18px;
  11248. line-height: 34px;
  11249. }
  11250. }
  11251. .testimonia-single .testimonial .info {
  11252. -webkit-transform: translateY(-20px);
  11253. -ms-transform: translateY(-20px);
  11254. transform: translateY(-20px);
  11255. -webkit-transition: all 0.5s;
  11256. -o-transition: all 0.5s;
  11257. transition: all 0.5s;
  11258. opacity: 0;
  11259. }
  11260. .testimonia-single .testimonial .info .ratings {
  11261. margin-bottom: 15px;
  11262. }
  11263. .testimonia-single .testimonial .info .ratings li {
  11264. font-size: 12px;
  11265. }
  11266. .testimonia-single .testimonial .info .user-name {
  11267. font-size: 20px;
  11268. color: #1f113a;
  11269. font-weight: 700;
  11270. margin-bottom: 0;
  11271. line-height: 1.5;
  11272. }
  11273. .testimonia-single .testimonial .info .designation {
  11274. color: #6a7695;
  11275. font-size: 14px;
  11276. }
  11277. .testimonia-single .testimonial.style-two {
  11278. border-radius: 10px;
  11279. background: #fff;
  11280. -webkit-box-shadow: 0 4px 8px 0 rgba(1, 33, 26, 0.06);
  11281. box-shadow: 0 4px 8px 0 rgba(1, 33, 26, 0.06);
  11282. text-align: left;
  11283. padding: 50px;
  11284. position: relative;
  11285. overflow: hidden;
  11286. -webkit-transition: all 0.3s ease-in-out;
  11287. -o-transition: all 0.3s ease-in-out;
  11288. transition: all 0.3s ease-in-out;
  11289. }
  11290. .testimonia-single .testimonial.style-two:hover {
  11291. -webkit-box-shadow: 0 20px 60px 0 rgba(1, 33, 26, 0.1);
  11292. box-shadow: 0 20px 60px 0 rgba(1, 33, 26, 0.1);
  11293. }
  11294. .testimonia-single .testimonial.style-two .user-details {
  11295. display: -webkit-box;
  11296. display: -ms-flexbox;
  11297. display: flex;
  11298. -ms-flex-wrap: wrap;
  11299. flex-wrap: wrap;
  11300. margin-bottom: 30px;
  11301. position: relative;
  11302. -webkit-box-align: center;
  11303. -ms-flex-align: center;
  11304. align-items: center;
  11305. }
  11306. .testimonia-single .testimonial.style-two .user-details .ratings {
  11307. position: absolute;
  11308. top: 0;
  11309. right: 0;
  11310. }
  11311. .testimonia-single .testimonial.style-two .user-details .ratings li {
  11312. font-size: 12px;
  11313. }
  11314. @media (max-width: 991px) {
  11315. .testimonia-single .testimonial.style-two .user-details .ratings {
  11316. position: static;
  11317. }
  11318. }
  11319. .testimonia-single .testimonial.style-two .user-details .avatar {
  11320. height: 60px;
  11321. width: 60px;
  11322. border-radius: 50%;
  11323. margin-right: 20px;
  11324. }
  11325. .testimonia-single .testimonial.style-two .user-details .avatar img {
  11326. border-radius: 50%;
  11327. }
  11328. .testimonia-single .testimonial.style-two .info-content .name {
  11329. font-size: 20px;
  11330. font-weight: 800;
  11331. margin: 0;
  11332. }
  11333. .testimonia-single .testimonial.style-two .info-content .designation {
  11334. font-size: 14px;
  11335. color: #868693;
  11336. }
  11337. .testimonia-single .testimonial.style-two .content p {
  11338. font-size: 16px;
  11339. line-height: 28px;
  11340. margin-bottom: 45px;
  11341. color: #6d6d82;
  11342. }
  11343. .testimonia-single .testimonial.style-two .wattermarker {
  11344. position: absolute;
  11345. right: 30px;
  11346. bottom: -16px;
  11347. }
  11348. .testimonia-single#testimonial-community .testimonial .user-avatar {
  11349. margin: 0 auto 25px;
  11350. height: 70px;
  11351. width: 70px;
  11352. border: 0;
  11353. }
  11354. .testimonia-single#testimonial-community .testimonial .testi-content {
  11355. margin: 0 auto 30px;
  11356. }
  11357. .testimonia-single#testimonial-community .testimonial .testi-content p {
  11358. font-size: 18px;
  11359. line-height: 30px;
  11360. font-weight: 400;
  11361. color: #69697b;
  11362. margin: 0;
  11363. }
  11364. .testimonia-single#testimonial-community .testimonial .info .user-name {
  11365. font-size: 16px;
  11366. color: #1f113a;
  11367. font-weight: 800;
  11368. margin: 0;
  11369. }
  11370. .testimonia-single#testimonial-community .testimonial .info .designation {
  11371. color: #88848f;
  11372. font-size: 14px;
  11373. }
  11374. .testimonia-single#testimonial-community .nav-control .gp-nav-next {
  11375. right: 20px;
  11376. }
  11377. .testimonia-single#testimonial-community .nav-control .gp-nav-prev {
  11378. left: 20px;
  11379. }
  11380. .testimonia-single#testimonial-community .nav-control .gp-nav-next:hover, .testimonia-single#testimonial-community .nav-control .gp-nav-prev:hover {
  11381. background: #ed1f25;
  11382. border-color: #ed1f25;
  11383. -webkit-box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3);
  11384. box-shadow: 0 10px 20px 0 rgba(6, 148, 73, 0.3);
  11385. }
  11386. .testimonia-single .swiper-slide.swiper-slide-active .testimonial .user-avatar {
  11387. -webkit-transition-delay: 0.3s;
  11388. -o-transition-delay: 0.3s;
  11389. transition-delay: 0.3s;
  11390. }
  11391. .testimonia-single .swiper-slide.swiper-slide-active .testimonial .review-title {
  11392. -webkit-transition-delay: 0.5s;
  11393. -o-transition-delay: 0.5s;
  11394. transition-delay: 0.5s;
  11395. }
  11396. .testimonia-single .swiper-slide.swiper-slide-active .testimonial .testi-content p {
  11397. -webkit-transition-delay: 0.7s;
  11398. -o-transition-delay: 0.7s;
  11399. transition-delay: 0.7s;
  11400. }
  11401. .testimonia-single .swiper-slide.swiper-slide-active .testimonial .info {
  11402. -webkit-transition-delay: 0.9s;
  11403. -o-transition-delay: 0.9s;
  11404. transition-delay: 0.9s;
  11405. }
  11406. .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 {
  11407. -webkit-transform: translateY(0);
  11408. -ms-transform: translateY(0);
  11409. transform: translateY(0);
  11410. opacity: 1;
  11411. }
  11412. .testimonials-community {
  11413. position: relative;
  11414. background-image: url("../../media/background/testi_bg2.jpg");
  11415. background-size: cover;
  11416. background-position: center center;
  11417. background-repeat: no-repeat;
  11418. overflow: hidden;
  11419. padding: 122px 0 151px;
  11420. }
  11421. @media (max-width: 991px) {
  11422. .testimonials-community {
  11423. padding: 50px 0 80px;
  11424. }
  11425. }
  11426. .testimonials-community .bottom-title {
  11427. color: #f2f2f2;
  11428. font-size: 100px;
  11429. text-transform: uppercase;
  11430. position: absolute;
  11431. text-align: center;
  11432. width: 100%;
  11433. left: 0;
  11434. bottom: -50px;
  11435. font-weight: 700;
  11436. }
  11437. @media (max-width: 991px) {
  11438. .testimonials-community .bottom-title {
  11439. font-size: 40px;
  11440. bottom: -25px;
  11441. }
  11442. }
  11443. /* Testimonial Two*/
  11444. .testimonials-two {
  11445. padding: 142px 0;
  11446. }
  11447. @media (max-width: 991px) {
  11448. .testimonials-two {
  11449. padding: 100px 0 60px;
  11450. }
  11451. }
  11452. .testimonials-two .bg-shape {
  11453. position: absolute;
  11454. right: 0;
  11455. top: 0;
  11456. }
  11457. .testimonials-two .nav-control {
  11458. width: 120px;
  11459. right: 0;
  11460. display: -webkit-box;
  11461. display: -ms-flexbox;
  11462. display: flex;
  11463. -webkit-box-pack: justify;
  11464. -ms-flex-pack: justify;
  11465. justify-content: space-between;
  11466. top: auto;
  11467. bottom: 0;
  11468. }
  11469. .testimonials-two .nav-control .gp-nav-next, .testimonials-two .nav-control .gp-nav-prev {
  11470. position: static;
  11471. }
  11472. .testimonials-two .nav-control .gp-nav-next:hover, .testimonials-two .nav-control .gp-nav-prev:hover {
  11473. background: #ed1f25;
  11474. border-color: #ed1f25;
  11475. -webkit-box-shadow: 0 20px 30px 0 rgba(10, 4, 70, 0.2);
  11476. box-shadow: 0 20px 30px 0 rgba(10, 4, 70, 0.2);
  11477. }
  11478. @media (max-width: 768px) {
  11479. .testimonials-two .nav-control {
  11480. display: none;
  11481. }
  11482. }
  11483. .testimonial-overflow-wrap {
  11484. overflow: hidden;
  11485. }
  11486. .testimonial-inner {
  11487. margin: 0 -600px 0 -40px;
  11488. }
  11489. @media (max-width: 1280px) {
  11490. .testimonial-inner {
  11491. margin: 0;
  11492. }
  11493. }
  11494. #testimonial-two {
  11495. padding: 20px 0 68px 40px;
  11496. }
  11497. @media (max-width: 768px) {
  11498. #testimonial-two {
  11499. padding: 0;
  11500. }
  11501. }
  11502. #testimonial-two .astriol-active-slide {
  11503. -webkit-box-shadow: 0 20px 60px 0 rgba(0, 11, 40, 0.06);
  11504. box-shadow: 0 20px 60px 0 rgba(0, 11, 40, 0.06);
  11505. }
  11506. .section-heading-two .nav-control .gp-nav-next:hover, .section-heading-two .nav-control .gp-nav-prev:hover {
  11507. background-color: #ff5e85;
  11508. border-color: #ff5e85;
  11509. -webkit-box-shadow: 0 20px 30px 0 rgba(218, 57, 96, 0.2);
  11510. box-shadow: 0 20px 30px 0 rgba(218, 57, 96, 0.2);
  11511. }
  11512. .testimonial-two {
  11513. border-radius: 6px;
  11514. background-color: white;
  11515. padding: 50px 40px;
  11516. position: relative;
  11517. overflow: hidden;
  11518. }
  11519. @media (max-width: 420px) {
  11520. .testimonial-two {
  11521. padding: 40px 30px;
  11522. }
  11523. }
  11524. .testimonial-two .testmonial-info {
  11525. margin-bottom: 20px;
  11526. display: -webkit-box;
  11527. display: -ms-flexbox;
  11528. display: flex;
  11529. -webkit-box-align: center;
  11530. -ms-flex-align: center;
  11531. align-items: center;
  11532. -webkit-box-pack: justify;
  11533. -ms-flex-pack: justify;
  11534. justify-content: space-between;
  11535. }
  11536. @media (max-width: 480px) {
  11537. .testimonial-two .testmonial-info {
  11538. display: block;
  11539. }
  11540. .testimonial-two .testmonial-info .ratings {
  11541. margin-left: 80px;
  11542. }
  11543. }
  11544. .testimonial-two .testmonial-info .info-wrapper {
  11545. display: -webkit-box;
  11546. display: -ms-flexbox;
  11547. display: flex;
  11548. -webkit-box-align: center;
  11549. -ms-flex-align: center;
  11550. align-items: center;
  11551. -ms-flex-wrap: wrap;
  11552. flex-wrap: wrap;
  11553. }
  11554. .testimonial-two .testmonial-info .info-wrapper .user-avatar {
  11555. height: 60px;
  11556. width: 60px;
  11557. margin-right: 20px;
  11558. }
  11559. .testimonial-two .testmonial-info .info-wrapper .user-avatar img {
  11560. border-radius: 50%;
  11561. }
  11562. .testimonial-two .testmonial-info .info-wrapper .info {
  11563. -webkit-box-flex: 2;
  11564. -ms-flex: 2;
  11565. flex: 2;
  11566. }
  11567. .testimonial-two .testmonial-info .info-wrapper .info .user-name {
  11568. font-size: 20px;
  11569. margin: 0;
  11570. }
  11571. .testimonial-two .testmonial-info .info-wrapper .info span {
  11572. font-size: 14px;
  11573. font-weight: 300;
  11574. }
  11575. .testimonial-two .testi-content {
  11576. font-weight: 300;
  11577. line-height: 28px;
  11578. position: relative;
  11579. }
  11580. .testimonial-two .quote {
  11581. position: absolute;
  11582. right: 50px;
  11583. bottom: -12px;
  11584. }
  11585. .ratings {
  11586. margin: 0;
  11587. padding: 0;
  11588. list-style: none;
  11589. }
  11590. .ratings li {
  11591. display: inline-block;
  11592. color: #fbc509;
  11593. font-size: 14px;
  11594. }
  11595. .section-heading {
  11596. position: relative;
  11597. }
  11598. .section-heading .nav-control {
  11599. width: 110px;
  11600. top: 20px;
  11601. right: 20px;
  11602. }
  11603. /* Testimonial Three */
  11604. @media (max-width: 991px) {
  11605. .testimonial-content-left {
  11606. margin-top: 0 !important;
  11607. }
  11608. }
  11609. .testimonial-content-left .section-heading {
  11610. margin-bottom: 35px;
  11611. }
  11612. @media (max-width: 991px) {
  11613. .testimonial-content-left .section-heading {
  11614. text-align: center !important;
  11615. }
  11616. }
  11617. .testimonial-content-left .nav-control {
  11618. width: 110px;
  11619. left: 15px;
  11620. position: static;
  11621. display: -webkit-box;
  11622. display: -ms-flexbox;
  11623. display: flex;
  11624. -webkit-box-pack: justify;
  11625. -ms-flex-pack: justify;
  11626. justify-content: space-between;
  11627. }
  11628. @media (max-width: 991px) {
  11629. .testimonial-content-left .nav-control {
  11630. margin: 0 auto;
  11631. }
  11632. }
  11633. .testimonial-content-left .nav-control .gp-nav-next, .testimonial-content-left .nav-control .gp-nav-prev {
  11634. position: static;
  11635. z-index: 222;
  11636. }
  11637. .testimonial-content-left .nav-control .gp-nav-next:hover, .testimonial-content-left .nav-control .gp-nav-prev:hover {
  11638. background: #ed1f25;
  11639. border-color: #ed1f25;
  11640. -webkit-box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.2);
  11641. box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.2);
  11642. }
  11643. /* Testimonial Agency */
  11644. #testimonial-agency {
  11645. padding-left: 30px;
  11646. padding-top: 30px;
  11647. }
  11648. @media (max-width: 991px) {
  11649. #testimonial-agency {
  11650. padding: 10px;
  11651. }
  11652. }
  11653. .agency-testimonial-wrap .testimonial-inner {
  11654. margin: 0 -500px 0 -40px;
  11655. }
  11656. @media (max-width: 991px) {
  11657. .agency-testimonial-wrap .testimonial-inner {
  11658. margin: 0;
  11659. }
  11660. }
  11661. .agency-testimonial-wrap .bg-shape {
  11662. top: 45px;
  11663. }
  11664. @media (max-width: 576px) {
  11665. .agency-testimonial-wrap .bg-shape {
  11666. top: 50%;
  11667. -webkit-transform: translateY(-50%);
  11668. -ms-transform: translateY(-50%);
  11669. transform: translateY(-50%);
  11670. }
  11671. }
  11672. .testimonial-three {
  11673. position: relative;
  11674. }
  11675. .testimonial-three .testi-content {
  11676. background: #fff;
  11677. -webkit-box-shadow: 0 20px 23px 0 rgba(16, 2, 40, 0.07);
  11678. box-shadow: 0 20px 23px 0 rgba(16, 2, 40, 0.07);
  11679. border-radius: 20px;
  11680. padding: 40px;
  11681. position: relative;
  11682. }
  11683. .testimonial-three .testi-content p {
  11684. color: #706c79;
  11685. line-height: 30px;
  11686. }
  11687. .testimonial-three .testi-content:before {
  11688. content: "";
  11689. position: absolute;
  11690. left: 110px;
  11691. bottom: -15px;
  11692. width: 0;
  11693. height: 0;
  11694. border-left: 15px solid transparent;
  11695. border-right: 10px solid transparent;
  11696. border-top: 15px solid #fff;
  11697. }
  11698. .testimonial-three .info-wrapper {
  11699. display: -webkit-box;
  11700. display: -ms-flexbox;
  11701. display: flex;
  11702. -webkit-box-align: center;
  11703. -ms-flex-align: center;
  11704. align-items: center;
  11705. margin-top: 30px;
  11706. margin-left: 100px;
  11707. }
  11708. .testimonial-three .info-wrapper .user-avatar {
  11709. height: 50px;
  11710. width: 50px;
  11711. border-radius: 50%;
  11712. overflow: hidden;
  11713. margin-right: 20px;
  11714. }
  11715. .testimonial-three .info-wrapper .info .user-name {
  11716. font-size: 18px;
  11717. margin: 0;
  11718. }
  11719. .testimonial-three .info-wrapper .info .designation {
  11720. color: #75737e;
  11721. font-size: 15px;
  11722. }
  11723. .testimonials-creative {
  11724. background-image: url("../../media/background/testi-bgc.jpg");
  11725. background-size: cover;
  11726. background-position: center;
  11727. background-repeat: no-repeat;
  11728. }
  11729. .testimonial-heading {
  11730. margin: 0;
  11731. }
  11732. .testimonial-heading .section-title {
  11733. margin-bottom: 30px;
  11734. }
  11735. .testimonial-heading .sub-title {
  11736. font-size: 20px;
  11737. font-weight: 400;
  11738. color: #020e27;
  11739. margin-bottom: 85px;
  11740. }
  11741. @media (max-width: 768px) {
  11742. .testimonial-heading .sub-title {
  11743. margin-bottom: 20px;
  11744. }
  11745. }
  11746. .testimonial-heading .nav-static {
  11747. position: static;
  11748. display: -webkit-box;
  11749. display: -ms-flexbox;
  11750. display: flex;
  11751. -webkit-box-pack: justify;
  11752. -ms-flex-pack: justify;
  11753. justify-content: space-between;
  11754. width: 90px;
  11755. }
  11756. .testimonial-heading .nav-static .gp-nav-next, .testimonial-heading .nav-static .gp-nav-prev {
  11757. position: static;
  11758. height: auto;
  11759. width: auto;
  11760. line-height: 1;
  11761. border: 0;
  11762. font-size: 40px;
  11763. color: #ccd0d7;
  11764. }
  11765. .testimonial-heading .nav-static .gp-nav-next:hover, .testimonial-heading .nav-static .gp-nav-prev:hover {
  11766. background: transparent;
  11767. -webkit-box-shadow: none;
  11768. box-shadow: none;
  11769. }
  11770. .testimonial-heading .nav-static .gp-nav-next:hover:hover, .testimonial-heading .nav-static .gp-nav-prev:hover:hover {
  11771. color: #ff6344;
  11772. }
  11773. .gp-testimonial-tab {
  11774. margin-bottom: 30px;
  11775. padding-bottom: 13px;
  11776. border-bottom: 1px solid #dae0e6;
  11777. }
  11778. .gp-testimonial-tab li {
  11779. position: relative;
  11780. }
  11781. .gp-testimonial-tab li:not(:last-child) {
  11782. margin-right: 50px;
  11783. }
  11784. .gp-testimonial-tab li:not(:last-child):before {
  11785. content: "";
  11786. position: absolute;
  11787. height: 4px;
  11788. width: 4px;
  11789. right: -25px;
  11790. background: #000;
  11791. top: 50%;
  11792. -webkit-transform: translateY(-50%);
  11793. -ms-transform: translateY(-50%);
  11794. transform: translateY(-50%);
  11795. }
  11796. .gp-testimonial-tab li a {
  11797. color: #000;
  11798. padding: 0;
  11799. position: relative;
  11800. }
  11801. .gp-testimonial-tab li a:after {
  11802. content: "";
  11803. position: absolute;
  11804. left: 0;
  11805. bottom: -14px;
  11806. height: 2px;
  11807. width: 0;
  11808. background: #4d5afe;
  11809. -webkit-transition: all 0.3s ease-in-out;
  11810. -o-transition: all 0.3s ease-in-out;
  11811. transition: all 0.3s ease-in-out;
  11812. }
  11813. .gp-testimonial-tab li a.active, .gp-testimonial-tab li a:hover {
  11814. color: #4d5afe;
  11815. }
  11816. .gp-testimonial-tab li a.active:after {
  11817. width: 100%;
  11818. }
  11819. .testimonial-wrap .quote {
  11820. margin-bottom: 45px;
  11821. }
  11822. .testimonial-wrap .quote svg tspan {
  11823. fill: rgba(80, 76, 250, 0.2);
  11824. }
  11825. .testimonials-creative {
  11826. padding: 150px 0;
  11827. }
  11828. @media (max-width: 991px) {
  11829. .testimonials-creative {
  11830. padding: 80px 0;
  11831. }
  11832. }
  11833. @media (max-width: 768px) {
  11834. .testimonials-creative .testimonial-wrap {
  11835. margin-top: 40px;
  11836. }
  11837. }
  11838. .testimonial-cre .info-wrapper {
  11839. display: -webkit-box;
  11840. display: -ms-flexbox;
  11841. display: flex;
  11842. -webkit-box-align: center;
  11843. -ms-flex-align: center;
  11844. align-items: center;
  11845. }
  11846. .testimonial-cre .info-wrapper .user-avatar {
  11847. height: 60px;
  11848. width: 60px;
  11849. border-radius: 50%;
  11850. overflow: hidden;
  11851. margin-right: 20px;
  11852. }
  11853. .testimonial-cre .info-wrapper .info .user-name {
  11854. font-size: 18px;
  11855. font-weight: 800;
  11856. color: #000;
  11857. margin: 0;
  11858. }
  11859. .testimonial-cre .info-wrapper .info .designation {
  11860. color: #000;
  11861. font-size: 14px;
  11862. }
  11863. .testimonial-cre .testi-content {
  11864. margin-bottom: 40px;
  11865. }
  11866. .testimonial-cre .testi-content p {
  11867. font-size: 20px;
  11868. font-weight: 400;
  11869. color: #000;
  11870. line-height: 34px;
  11871. margin: 0;
  11872. }
  11873. @media (min-width: 1200px) {
  11874. .slider-right {
  11875. width: calc(50% + 585px);
  11876. overflow: hidden;
  11877. margin-left: auto;
  11878. }
  11879. .slider-right .swiper-container {
  11880. overflow: visible;
  11881. }
  11882. .container-wrap {
  11883. width: 1170px;
  11884. }
  11885. }
  11886. @media (max-width: 991px) {
  11887. #testimonial {
  11888. padding: 30px 15px;
  11889. }
  11890. .testi-content-title {
  11891. margin-bottom: 30px;
  11892. }
  11893. }
  11894. /* Testimonial App */
  11895. .testimonials-apps {
  11896. background-color: #2a2b72;
  11897. padding: 160px 0 122px;
  11898. }
  11899. @media (max-width: 991px) {
  11900. .testimonials-apps {
  11901. padding: 100px 0 80px;
  11902. }
  11903. }
  11904. .testimonial-app .testi-content {
  11905. max-width: 830px;
  11906. margin: 0 auto;
  11907. text-align: center;
  11908. }
  11909. .testimonial-app .testi-content p {
  11910. color: #fff;
  11911. font-size: 30px;
  11912. line-height: 46px;
  11913. font-weight: 300;
  11914. margin: 0;
  11915. }
  11916. @media (max-width: 767px) {
  11917. .testimonial-app .testi-content p {
  11918. font-size: 24px;
  11919. line-height: 34px;
  11920. }
  11921. }
  11922. @media (max-width: 576px) {
  11923. .testimonial-app .testi-content p {
  11924. font-size: 20px;
  11925. line-height: 30px;
  11926. }
  11927. }
  11928. .testimonial-top-wrapper {
  11929. position: relative;
  11930. padding-bottom: 44px;
  11931. margin-bottom: 13px;
  11932. }
  11933. .testimonial-top-wrapper .testimonial-bg-quote {
  11934. position: absolute;
  11935. left: 50%;
  11936. -webkit-transform: translateX(-50%);
  11937. -ms-transform: translateX(-50%);
  11938. transform: translateX(-50%);
  11939. bottom: 0;
  11940. }
  11941. @media (max-width: 576px) {
  11942. .testimonial-top-wrapper .testimonial-bg-quote {
  11943. width: 300px;
  11944. height: auto;
  11945. }
  11946. }
  11947. .testimonial-top .slide-item {
  11948. outline: 0;
  11949. }
  11950. .testimonial-bottom {
  11951. overflow: hidden;
  11952. margin: 0 auto;
  11953. }
  11954. @media (min-width: 991px) {
  11955. .testimonial-bottom {
  11956. max-width: 800px;
  11957. }
  11958. }
  11959. .testimonial-bottom .slide-item {
  11960. text-align: center;
  11961. outline: 0;
  11962. }
  11963. .testimonial-bottom .slide-item .user-avatar {
  11964. border-radius: 50%;
  11965. height: 100px;
  11966. width: 100px;
  11967. margin: 0 auto 30px;
  11968. overflow: hidden;
  11969. -webkit-transform: scale(0.6);
  11970. -ms-transform: scale(0.6);
  11971. transform: scale(0.6);
  11972. -webkit-transition: all 0.3s ease-in-out;
  11973. -o-transition: all 0.3s ease-in-out;
  11974. transition: all 0.3s ease-in-out;
  11975. }
  11976. @media (max-width: 576px) {
  11977. .testimonial-bottom .slide-item .user-avatar {
  11978. width: 70px;
  11979. height: 70px;
  11980. }
  11981. }
  11982. .testimonial-bottom .slide-item .user-avatar img {
  11983. border-radius: 50%;
  11984. }
  11985. .testimonial-bottom .slide-item .info {
  11986. visibility: hidden;
  11987. opacity: 0;
  11988. -webkit-transition: all 0.3s ease-in-out;
  11989. -o-transition: all 0.3s ease-in-out;
  11990. transition: all 0.3s ease-in-out;
  11991. }
  11992. .testimonial-bottom .slide-item .info .user-name {
  11993. color: #fff;
  11994. font-size: 20px;
  11995. font-weight: 500;
  11996. margin-bottom: 7px;
  11997. }
  11998. @media (max-width: 576px) {
  11999. .testimonial-bottom .slide-item .info .user-name {
  12000. font-size: 16px;
  12001. }
  12002. }
  12003. .testimonial-bottom .slide-item .info .designation {
  12004. color: #bdb8dd;
  12005. font-size: 14px;
  12006. text-transform: uppercase;
  12007. line-height: 1.4;
  12008. display: block;
  12009. }
  12010. @media (max-width: 576px) {
  12011. .testimonial-bottom .slide-item .info .designation {
  12012. font-size: 12px;
  12013. }
  12014. }
  12015. .testimonial-bottom .slide-item.slick-center .user-avatar {
  12016. -webkit-transform: scale(1);
  12017. -ms-transform: scale(1);
  12018. transform: scale(1);
  12019. }
  12020. .testimonial-bottom .slide-item.slick-center .info {
  12021. visibility: visible;
  12022. opacity: 1;
  12023. }
  12024. /*--------------------------------------------------------------
  12025. ## Pricing
  12026. --------------------------------------------------------------*/
  12027. .pricing {
  12028. padding: 120px 0;
  12029. position: relative;
  12030. }
  12031. .pricing .bg-shape {
  12032. position: absolute;
  12033. left: 0;
  12034. bottom: -29px;
  12035. }
  12036. @media (max-width: 991px) {
  12037. .pricing {
  12038. padding: 80px 0;
  12039. }
  12040. }
  12041. .pricing-page, .pricing-two, .pricings-two, .pricings-two-page, .social-pricing-page {
  12042. padding: 115px 0 90px;
  12043. }
  12044. @media (max-width: 991px) {
  12045. .pricing-page, .pricing-two, .pricings-two, .pricings-two-page, .social-pricing-page {
  12046. padding: 75px 0 50px;
  12047. }
  12048. }
  12049. .pricing-page .section-heading.style-two .subtitle, .pricings-two-page .section-heading.style-two .subtitle {
  12050. color: #ed1f25;
  12051. }
  12052. .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 {
  12053. background: #ed1f25;
  12054. }
  12055. .pricings-two-page {
  12056. background: #fbfbfd;
  12057. }
  12058. .pricings-two-page .pricing-table.style-two.feature-item .gp-btn {
  12059. background: #ed1f25;
  12060. border-color: #ed1f25;
  12061. }
  12062. .pricings-two-page .pricing-table.style-two .gp-btn:hover {
  12063. color: #fff;
  12064. border-color: #ed1f25;
  12065. }
  12066. .pricing-table {
  12067. text-align: center;
  12068. padding: 55px 50px;
  12069. border: 1px solid #f1f3f8;
  12070. margin-bottom: 30px;
  12071. }
  12072. @media (max-width: 768px) {
  12073. .pricing-table {
  12074. max-width: 500px;
  12075. margin: 0 auto 30px;
  12076. }
  12077. }
  12078. @media (min-width: 576px) and (max-width: 768px) {
  12079. .pricing-table {
  12080. padding: 55px 25px;
  12081. }
  12082. }
  12083. @media (max-width: 420px) {
  12084. .pricing-table {
  12085. padding: 55px 30px;
  12086. }
  12087. }
  12088. .pricing-table.dashed-border {
  12089. border: 1px dashed #dbdfeb !important;
  12090. background: transparent;
  12091. }
  12092. .pricing-table.feature-item {
  12093. border: 3px solid #ff5e85;
  12094. -webkit-box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.1);
  12095. box-shadow: 0 30px 60px 0 rgba(0, 11, 40, 0.1);
  12096. }
  12097. .pricing-table.feature-item .buy-now-btn {
  12098. background: #ff5e85;
  12099. border-color: #ff5e85;
  12100. color: #fff;
  12101. }
  12102. .pricing-table .price-header {
  12103. margin-bottom: 20px;
  12104. }
  12105. .pricing-table .price-header .price-type {
  12106. color: #343e5d;
  12107. font-size: 40px;
  12108. font-weight: 800;
  12109. }
  12110. .pricing-table .price-header .price-title {
  12111. font-size: 18px;
  12112. font-weight: 400;
  12113. color: #677294;
  12114. margin: 0;
  12115. }
  12116. .pricing-table .price-period {
  12117. margin-bottom: 30px;
  12118. }
  12119. .pricing-table .price-period .period {
  12120. color: #ff5e85;
  12121. text-transform: uppercase;
  12122. }
  12123. .pricing-table .price-period .price {
  12124. margin-bottom: 0;
  12125. color: #343e5d;
  12126. font-size: 40px;
  12127. font-weight: 800;
  12128. }
  12129. .pricing-table .price-period .price span {
  12130. font-size: 24px;
  12131. }
  12132. .pricing-table .price-feature {
  12133. margin-bottom: 45px;
  12134. padding: 0;
  12135. list-style: none;
  12136. -moz-text-align-last: left;
  12137. text-align-last: left;
  12138. }
  12139. .pricing-table .price-feature li {
  12140. color: #677294;
  12141. line-height: 40px;
  12142. }
  12143. .pricing-table .price-feature li i {
  12144. margin-right: 10px;
  12145. font-size: 14px;
  12146. }
  12147. .pricing-table .price-feature li i.ei-icon_check {
  12148. color: #ed1f25;
  12149. }
  12150. .pricing-table .price-feature li i.ei-icon_close {
  12151. color: #f9284f;
  12152. }
  12153. .pricing-table .gp-btn {
  12154. padding: 9px 44px;
  12155. }
  12156. .pricing-table.color-theme .price-period .period {
  12157. color: #ed1f25;
  12158. }
  12159. .pricing-table.color-theme.feature-item {
  12160. border-color: #ed1f25;
  12161. }
  12162. .pricing-table.style-two {
  12163. border: 3px solid #eff2f7;
  12164. border-radius: 10px;
  12165. padding-bottom: 90px;
  12166. background: transparent;
  12167. position: relative;
  12168. }
  12169. .pricing-table.style-two.color-theme .price-header .price {
  12170. color: #ed1f25;
  12171. }
  12172. .pricing-table.style-two.color-one .price-header .price {
  12173. color: #f3b806;
  12174. }
  12175. .pricing-table.style-two.color-two .price-header .price {
  12176. color: #2dcd0e;
  12177. }
  12178. .pricing-table.style-two.feature-item {
  12179. border-color: #4d5afe;
  12180. -webkit-box-shadow: none;
  12181. box-shadow: none;
  12182. }
  12183. .pricing-table.style-two.feature-item.color-theme.feature-item {
  12184. border-color: #ed1f25;
  12185. }
  12186. .pricing-table.style-two.feature-item .gp-btn {
  12187. color: #fff;
  12188. border-color: #4d5afe;
  12189. background: #4d5afe;
  12190. }
  12191. .pricing-table.style-two.feature-item .gp-btn:hover {
  12192. -webkit-box-shadow: none;
  12193. box-shadow: none;
  12194. }
  12195. .pricing-table.style-two .price-header {
  12196. border-bottom: 1px dashed #cecee9;
  12197. padding-bottom: 33px;
  12198. margin-bottom: 27px;
  12199. }
  12200. .pricing-table.style-two .price-header .price-period {
  12201. margin-bottom: 15px;
  12202. }
  12203. .pricing-table.style-two .price-header .price {
  12204. color: #4d5afe;
  12205. font-size: 40px;
  12206. }
  12207. .pricing-table.style-two .price-header .price-title {
  12208. font-size: 20px;
  12209. text-transform: uppercase;
  12210. font-weight: 500;
  12211. color: #373d46;
  12212. margin-bottom: 14px;
  12213. letter-spacing: 1px;
  12214. }
  12215. .pricing-table.style-two .price-header .period {
  12216. color: #949aa9;
  12217. font-size: 18px;
  12218. display: block;
  12219. }
  12220. .pricing-table.style-two .price-feature li {
  12221. color: #6a7695;
  12222. font-size: 18px;
  12223. font-weight: 400;
  12224. }
  12225. .pricing-table.style-two .price-feature li i {
  12226. margin-right: 10px;
  12227. font-size: 16px;
  12228. }
  12229. .pricing-table.style-two .price-feature li i.ei-icon_check {
  12230. color: #4ec619;
  12231. }
  12232. .pricing-table.style-two .price-feature li i.ei-icon_close {
  12233. color: #f92662;
  12234. }
  12235. .pricing-table.style-two .gp-btn {
  12236. width: 160px;
  12237. display: block;
  12238. margin: 0 auto;
  12239. padding: 10px 15px;
  12240. border-color: #e0e3e8;
  12241. color: #6a7695;
  12242. }
  12243. .pricing-table.style-two .trial {
  12244. width: 100%;
  12245. left: 0;
  12246. text-align: center;
  12247. bottom: 40px;
  12248. position: absolute;
  12249. color: #949aa9;
  12250. }
  12251. .pricing-table.style-agency {
  12252. background: #fff;
  12253. border-radius: 10px;
  12254. text-align: left;
  12255. -webkit-box-shadow: 0 30px 70px 0 rgba(20, 2, 53, 0.1);
  12256. box-shadow: 0 30px 70px 0 rgba(20, 2, 53, 0.1);
  12257. }
  12258. .pricing-table.style-agency .price-header .price-title {
  12259. color: #1f113a;
  12260. }
  12261. .pricing-table.style-agency .price-period {
  12262. border-bottom: 1px dashed #8f9196;
  12263. padding-bottom: 25px;
  12264. margin-bottom: 25px;
  12265. }
  12266. .pricing-table.style-agency .price-period .price {
  12267. font-size: 40px;
  12268. color: #1f113a;
  12269. font-weight: 500;
  12270. }
  12271. .pricing-table.style-agency .price-period .period {
  12272. font-size: 14px;
  12273. color: #676a75;
  12274. text-transform: capitalize;
  12275. }
  12276. .pricing-table.style-agency .gp-btn {
  12277. border: 2px solid #e4e1eb;
  12278. padding: 5px 28px;
  12279. color: #706c79;
  12280. font-size: 14px;
  12281. }
  12282. .pricing-table.style-agency .gp-btn:after {
  12283. background: #ed1f25;
  12284. }
  12285. .pricing-table.style-agency .gp-btn:hover {
  12286. border-color: #ed1f25;
  12287. -webkit-box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.3);
  12288. box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.3);
  12289. }
  12290. .pricing-table.style-agency.feature-item {
  12291. border: 0;
  12292. border-top: 4px solid #ed1f25;
  12293. }
  12294. .pricing-table.style-agency.feature-item .gp-btn {
  12295. border-color: #ed1f25;
  12296. color: #fff;
  12297. -webkit-box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.3);
  12298. box-shadow: 0px 14px 20px 0px rgba(135, 45, 7, 0.3);
  12299. }
  12300. .pricing-table.style-agency.feature-item .gp-btn:hover {
  12301. color: #ed1f25;
  12302. -webkit-box-shadow: none;
  12303. box-shadow: none;
  12304. }
  12305. /* Pricing Agency */
  12306. .pricing-agency {
  12307. position: relative;
  12308. background-image: url("../../media/background/pricing_bg.jpg");
  12309. background-size: cover;
  12310. background-position: center center;
  12311. background-repeat: no-repeat;
  12312. overflow: hidden;
  12313. padding: 115px 0 90px;
  12314. }
  12315. @media (max-width: 991px) {
  12316. .pricing-agency {
  12317. padding: 75px 0 50px;
  12318. }
  12319. }
  12320. /* Pricing Social */
  12321. #social-pricing {
  12322. padding: 114px 0 237px;
  12323. }
  12324. @media (max-width: 991px) {
  12325. #social-pricing {
  12326. padding: 74px 0 120px;
  12327. }
  12328. }
  12329. .pricing-table-two {
  12330. background-color: #fbfbfc;
  12331. border: 1px solid #ff7d00;
  12332. padding: 0px 30px 30px 30px;
  12333. text-align: center;
  12334. position: relative;
  12335. -webkit-transition: all 0.3s ease-in-out;
  12336. -o-transition: all 0.3s ease-in-out;
  12337. transition: all 0.3s ease-in-out;
  12338. }
  12339. .pricing-table-two .price-header {
  12340. font-size: 16px;
  12341. font-weight: 600;
  12342. }
  12343. .pricing-table-two .price {
  12344. margin-bottom: 20px;
  12345. position: relative;
  12346. z-index: 2;
  12347. }
  12348. .pricing-table-two .price h2 {
  12349. font-size: 40px;
  12350. font-weight: 600;
  12351. color: #ffffff;
  12352. margin-top: -30px;
  12353. border-radius: 10px;
  12354. background: linear-gradient(60deg, #FE5924, #ed1f25);
  12355. padding-bottom: 15px;
  12356. }
  12357. .pricing-table-two .price .period {
  12358. font-size: 14px;
  12359. font-weight: 400;
  12360. color: #ed1f25;
  12361. text-transform: uppercase;
  12362. }
  12363. .pricing-table-two .price-feature {
  12364. margin-bottom: 0;
  12365. padding: 0;
  12366. list-style: none;
  12367. text-align: left;
  12368. position: relative;
  12369. z-index: 2;
  12370. }
  12371. .pricing-table-two .price-feature li {
  12372. font-size: 16px;
  12373. font-weight: 600;
  12374. line-height: 35px;
  12375. }
  12376. .pricing-table-two .price-feature li i {
  12377. margin-right: 20px;
  12378. background: #ff7d00;
  12379. border-radius: 50%;
  12380. color: #fff;
  12381. font-size: 12px;
  12382. height: 18px;
  12383. width: 18px;
  12384. line-height: 18px;
  12385. display: inline-block;
  12386. text-align: center;
  12387. }
  12388. .pricing-table-two .price-feature li.not-allow i {
  12389. background: #dfe3ed;
  12390. color: #677294;
  12391. }
  12392. .pricing-table-two .buy-now-btn {
  12393. padding: 12px 44px;
  12394. border: 1px solid #dfe3ed;
  12395. border-radius: 30px;
  12396. color: #677294;
  12397. position: relative;
  12398. z-index: 2;
  12399. }
  12400. .pricing-table-two .buy-now-btn i {
  12401. display: inline-block;
  12402. vertical-align: middle;
  12403. }
  12404. .pricing-table-two .buy-now-btn:hover {
  12405. background: #ed1f25;
  12406. color: #fff;
  12407. border-color: #ed1f25;
  12408. }
  12409. .pricing-table-two .gp-btn {
  12410. background-color: #fff;
  12411. }
  12412. .pricing-table-two.featured, .pricing-table-two:hover {
  12413. background: #fff;
  12414. -webkit-box-shadow: 0 30px 60px 0 rgba(35, 0, 41, 0.1);
  12415. box-shadow: 0 30px 60px 0 rgba(35, 0, 41, 0.1);
  12416. }
  12417. .pricing-table-two.featured .buy-now-btn, .pricing-table-two:hover .buy-now-btn {
  12418. background: #ff5e85;
  12419. color: #fff;
  12420. }
  12421. .pricing-table-two.pricing-page .price .period {
  12422. color: #ed1f25;
  12423. }
  12424. .pricing-table-two.pricing-page .price-feature li i {
  12425. background: #ed1f25;
  12426. }
  12427. .pricing-table-two.pricing-page .price-feature li.not-allow i {
  12428. background: #dfe3ed;
  12429. }
  12430. .pricing-table-two.pricing-page.featured .buy-now-btn, .pricing-table-two.pricing-page:hover .buy-now-btn {
  12431. background: #ed1f25;
  12432. }
  12433. /*--------------------------------------------------------------
  12434. ## Performance
  12435. --------------------------------------------------------------*/
  12436. .performance {
  12437. padding: 120px 0 125px;
  12438. }
  12439. @media (max-width: 991px) {
  12440. .performance {
  12441. padding: 120px 0 50px;
  12442. }
  12443. }
  12444. @media (max-width: 991px) {
  12445. .gp-tab-contentens {
  12446. margin-top: 40px;
  12447. }
  12448. }
  12449. .gp-tab-contentens .section-heading {
  12450. margin-bottom: 42px;
  12451. }
  12452. .gp-tab-contentens .section-heading .section-title {
  12453. margin-bottom: 20px;
  12454. font-size: 36px;
  12455. line-height: 50px;
  12456. }
  12457. @media (max-width: 991px) {
  12458. .gp-tab-contentens .section-heading.text-left {
  12459. text-align: center !important;
  12460. }
  12461. }
  12462. .gp-tabs-navigation {
  12463. margin: 0;
  12464. padding: 0;
  12465. list-style: none;
  12466. max-width: 325px;
  12467. }
  12468. @media (max-width: 991px) {
  12469. .gp-tabs-navigation {
  12470. max-width: 500px;
  12471. margin: 0 auto;
  12472. }
  12473. }
  12474. .gp-tabs-navigation li {
  12475. display: -webkit-box;
  12476. display: -ms-flexbox;
  12477. display: flex;
  12478. margin-bottom: 28px;
  12479. -webkit-box-shadow: 0 4px 10px 0 rgba(10, 1, 64, 0.08);
  12480. box-shadow: 0 4px 10px 0 rgba(10, 1, 64, 0.08);
  12481. border-radius: 4px;
  12482. padding: 20px;
  12483. background: #fff;
  12484. -webkit-box-align: center;
  12485. -ms-flex-align: center;
  12486. align-items: center;
  12487. border-left: 5px solid transparent;
  12488. -webkit-transition: all 0.3s ease-in-out;
  12489. -o-transition: all 0.3s ease-in-out;
  12490. transition: all 0.3s ease-in-out;
  12491. }
  12492. .gp-tabs-navigation li:last-child {
  12493. margin-bottom: 0;
  12494. }
  12495. .gp-tabs-navigation li .tab-icon {
  12496. margin-right: 20px;
  12497. }
  12498. .gp-tabs-navigation li a {
  12499. font-size: 20px;
  12500. color: #2c2c51;
  12501. font-weight: 500;
  12502. }
  12503. .gp-tabs-navigation li.active-tab {
  12504. border-color: #6e58fc;
  12505. -webkit-box-shadow: 0 20px 50px 0 rgba(10, 1, 64, 0.1), -5px 0 0 0 rgba(110, 88, 252, 0.004);
  12506. box-shadow: 0 20px 50px 0 rgba(10, 1, 64, 0.1), -5px 0 0 0 rgba(110, 88, 252, 0.004);
  12507. position: relative;
  12508. }
  12509. .gp-tabs-navigation li.active-tab a {
  12510. color: #6e58fc;
  12511. }
  12512. .account-tabs .gp-tabs-navigation {
  12513. max-width: 100%;
  12514. margin-bottom: 70px;
  12515. }
  12516. .account-tabs .gp-tabs-navigation li {
  12517. padding: 8px 25px;
  12518. line-height: 1;
  12519. -webkit-box-shadow: none;
  12520. box-shadow: none;
  12521. border: 0;
  12522. display: inline-block;
  12523. font-size: 14px;
  12524. font-weight: 500;
  12525. text-transform: uppercase;
  12526. cursor: pointer;
  12527. border-radius: 3px;
  12528. margin-bottom: 0;
  12529. }
  12530. .account-tabs .gp-tabs-navigation li:nth-child(1) {
  12531. background-color: rgba(255, 94, 133, 0.102);
  12532. color: #ff5e85;
  12533. margin-right: 5px;
  12534. }
  12535. .account-tabs .gp-tabs-navigation li:nth-child(1).active-tab {
  12536. background-color: #ff5e85;
  12537. color: #fff;
  12538. -webkit-box-shadow: 0px 10px 16px 0px rgba(255, 94, 133, 0.2);
  12539. box-shadow: 0px 10px 16px 0px rgba(255, 94, 133, 0.2);
  12540. }
  12541. .account-tabs .gp-tabs-navigation li:nth-child(2) {
  12542. background-color: rgba(120, 74, 252, 0.102);
  12543. color: #784afc;
  12544. }
  12545. .account-tabs .gp-tabs-navigation li:nth-child(2).active-tab {
  12546. background-color: #784afc;
  12547. color: #fff;
  12548. -webkit-box-shadow: 0px 10px 16px 0px rgba(68, 19, 214, 0.2);
  12549. box-shadow: 0px 10px 16px 0px rgba(68, 19, 214, 0.2);
  12550. }
  12551. .gp-tabs-content {
  12552. margin: 0 0 0 -55px;
  12553. padding: 0;
  12554. list-style: none;
  12555. z-index: 22;
  12556. position: relative;
  12557. }
  12558. @media (max-width: 576px) {
  12559. .gp-tabs-content {
  12560. margin: 0;
  12561. }
  12562. }
  12563. .gp-tabs-content li {
  12564. display: none;
  12565. -webkit-animation: fadeInOut;
  12566. animation: fadeInOut;
  12567. }
  12568. .gp-tabs-content li.active-tab {
  12569. display: block;
  12570. -webkit-animation: fadeIn 0.5s ease-in-out;
  12571. animation: fadeIn 0.5s ease-in-out;
  12572. }
  12573. .gp-tabs-content .performance-tab-image {
  12574. text-align: center;
  12575. }
  12576. .account-tabs .gp-tabs-content {
  12577. margin: 0;
  12578. }
  12579. .tab-content-inner {
  12580. position: relative;
  12581. }
  12582. @media (max-width: 991px) {
  12583. .tab-content-inner {
  12584. max-width: 570px;
  12585. margin: 0 auto 40px;
  12586. }
  12587. }
  12588. .tab-content-inner .animate-shape-one {
  12589. position: absolute;
  12590. top: 65%;
  12591. left: 46%;
  12592. -webkit-transform: translate(-50%, -50%);
  12593. -ms-transform: translate(-50%, -50%);
  12594. transform: translate(-50%, -50%);
  12595. z-index: 1;
  12596. }
  12597. @media (max-width: 420px) {
  12598. .tab-content-inner .animate-shape-one {
  12599. display: none;
  12600. }
  12601. }
  12602. .tab-content-inner .animate-shape-two {
  12603. position: absolute;
  12604. right: 35px;
  12605. top: 41%;
  12606. }
  12607. .tab-bg-shape {
  12608. position: absolute;
  12609. top: -55px;
  12610. right: 13%;
  12611. z-index: -1;
  12612. }
  12613. @media (min-width: 768px) {
  12614. .gp-tabs-content {
  12615. min-height: 480px;
  12616. }
  12617. }
  12618. @media (min-width: 960px) {
  12619. .gp-tabs-content {
  12620. min-height: 0;
  12621. }
  12622. }
  12623. @-webkit-keyframes gp-fade-in {
  12624. 0% {
  12625. opacity: 0;
  12626. -webkit-transform: scale(0.9);
  12627. transform: scale(0.9);
  12628. }
  12629. 100% {
  12630. opacity: 1;
  12631. -webkit-transform: scale(1);
  12632. transform: scale(1);
  12633. }
  12634. }
  12635. @keyframes gp-fade-in {
  12636. 0% {
  12637. opacity: 0;
  12638. -webkit-transform: scale(0.9);
  12639. transform: scale(0.9);
  12640. }
  12641. 100% {
  12642. opacity: 1;
  12643. -webkit-transform: scale(1);
  12644. transform: scale(1);
  12645. }
  12646. }
  12647. /*--------------------------------------------------------------
  12648. ## Platform
  12649. --------------------------------------------------------------*/
  12650. #platform {
  12651. padding: 116px 0 400px;
  12652. background: #fcfafd;
  12653. position: relative;
  12654. }
  12655. @media (max-width: 1200px) {
  12656. #platform {
  12657. padding: 116px 0 400px;
  12658. }
  12659. }
  12660. @media (max-width: 991px) {
  12661. #platform {
  12662. padding: 75px 0 0;
  12663. }
  12664. }
  12665. #platform .platform-mockup {
  12666. position: absolute;
  12667. text-align: center;
  12668. }
  12669. @media (max-width: 991px) {
  12670. #platform .platform-mockup {
  12671. position: relative;
  12672. text-align: center;
  12673. -webkit-transform: translateY(150px);
  12674. -ms-transform: translateY(150px);
  12675. transform: translateY(150px);
  12676. margin-top: -143px;
  12677. }
  12678. }
  12679. #platform .platform-mockup img {
  12680. margin-left: 70px;
  12681. margin-top: -41px;
  12682. position: relative;
  12683. z-index: 222;
  12684. }
  12685. @media (max-width: 1440px) {
  12686. #platform .platform-mockup img {
  12687. max-width: 1000px;
  12688. }
  12689. }
  12690. @media (max-width: 1200px) {
  12691. #platform .platform-mockup img {
  12692. max-width: 900px;
  12693. }
  12694. }
  12695. @media (max-width: 991px) {
  12696. #platform .platform-mockup img {
  12697. max-width: 100%;
  12698. margin-left: 0;
  12699. }
  12700. }
  12701. .icon-list {
  12702. display: -webkit-box;
  12703. display: -ms-flexbox;
  12704. display: flex;
  12705. margin-bottom: 70px;
  12706. }
  12707. .icon-list .list-icon {
  12708. margin-right: 20px;
  12709. margin-top: 5px;
  12710. }
  12711. .icon-list .list-icon i {
  12712. color: #1ad90b;
  12713. font-size: 24px;
  12714. }
  12715. .icon-list .content p {
  12716. font-size: 16px;
  12717. line-height: 28px;
  12718. margin: 0;
  12719. }
  12720. /*--------------------------------------------------------------
  12721. ## Community Post
  12722. --------------------------------------------------------------*/
  12723. .community-posts-area {
  12724. padding: 113px 0 120px;
  12725. background-image: url(../img/wallet-bg.png);
  12726. background-repeat: no-repeat;
  12727. background-size: cover;
  12728. background-attachment: fixed;
  12729. }
  12730. .community-posts-area .section_title {
  12731. margin-bottom: 73px;
  12732. }
  12733. @media (max-width: 991px) {
  12734. .community-posts-area {
  12735. padding: 73px 0 80px;
  12736. }
  12737. }
  12738. .community-post {
  12739. border-radius: 4px;
  12740. background-color: #fff;
  12741. padding: 23px 30px;
  12742. display: -webkit-box;
  12743. display: -ms-flexbox;
  12744. display: flex;
  12745. -webkit-box-align: center;
  12746. -ms-flex-align: center;
  12747. align-items: center;
  12748. -webkit-box-pack: justify;
  12749. -ms-flex-pack: justify;
  12750. justify-content: space-between;
  12751. margin-bottom: 20px;
  12752. -webkit-transition: all 0.3s ease-in-out;
  12753. -o-transition: all 0.3s ease-in-out;
  12754. transition: all 0.3s ease-in-out;
  12755. border: 1px solid #e0e2e4;
  12756. position: relative;
  12757. overflow: hidden;
  12758. }
  12759. .community-post:before {
  12760. content: "";
  12761. position: absolute;
  12762. left: 0;
  12763. top: 0;
  12764. width: 3px;
  12765. height: 100%;
  12766. background: #ed1f25;
  12767. opacity: 0;
  12768. visibility: hidden;
  12769. -webkit-transition: all 0.3s ease-in-out;
  12770. -o-transition: all 0.3s ease-in-out;
  12771. transition: all 0.3s ease-in-out;
  12772. }
  12773. @media (max-width: 667px) {
  12774. .community-post {
  12775. display: block;
  12776. }
  12777. }
  12778. @media (max-width: 420px) {
  12779. .community-post {
  12780. padding: 20px 15px;
  12781. }
  12782. }
  12783. .community-post:hover {
  12784. -webkit-box-shadow: 0px 20px 50px 0px rgba(8, 2, 46, 0.12), -3px 0px 0px 0px rgba(26, 191, 104, 0.004);
  12785. box-shadow: 0px 20px 50px 0px rgba(8, 2, 46, 0.12), -3px 0px 0px 0px rgba(26, 191, 104, 0.004);
  12786. background: #fff;
  12787. border: 1px solid transparent;
  12788. z-index: 2;
  12789. }
  12790. .community-post:hover:before {
  12791. opacity: 1;
  12792. visibility: visible;
  12793. }
  12794. .community-post .post-content {
  12795. display: -webkit-box;
  12796. display: -ms-flexbox;
  12797. display: flex;
  12798. -webkit-box-align: center;
  12799. -ms-flex-align: center;
  12800. align-items: center;
  12801. -ms-flex-wrap: wrap;
  12802. flex-wrap: wrap;
  12803. }
  12804. .community-post .post-content .author-avatar {
  12805. width: 50px;
  12806. margin-right: 30px;
  12807. border-radius: 50%;
  12808. overflow: hidden;
  12809. }
  12810. @media (max-width: 667px) {
  12811. .community-post .post-content .author-avatar {
  12812. margin-right: 20px;
  12813. }
  12814. }
  12815. @media (max-width: 420px) {
  12816. .community-post .post-content .author-avatar {
  12817. margin-right: 15px;
  12818. }
  12819. }
  12820. .community-post .post-content .entry-content {
  12821. -webkit-box-flex: 2;
  12822. -ms-flex: 2;
  12823. flex: 2;
  12824. }
  12825. .community-post .post-content .entry-content .post-title {
  12826. font-size: 18px;
  12827. font-weight: 800;
  12828. color: #1d2746;
  12829. margin-bottom: 0;
  12830. line-height: 1.7;
  12831. }
  12832. .community-post .post-content .entry-content .post-title a {
  12833. color: #1d2746;
  12834. }
  12835. .community-post .post-content .entry-content .post-title a:hover {
  12836. color: #ed1f25;
  12837. }
  12838. .community-post .post-content .entry-content p {
  12839. margin: 0;
  12840. font-size: 14px;
  12841. }
  12842. @media (max-width: 667px) {
  12843. .community-post .post-meta-wrapper {
  12844. margin-top: 15px;
  12845. margin-left: 70px;
  12846. }
  12847. }
  12848. .community-post .post-meta-wrapper .post-meta-info {
  12849. margin: 0;
  12850. padding: 0;
  12851. list-style: none;
  12852. }
  12853. .community-post .post-meta-wrapper .post-meta-info li {
  12854. display: inline-block;
  12855. }
  12856. .community-post .post-meta-wrapper .post-meta-info li:not(:last-child) {
  12857. margin-right: 50px;
  12858. }
  12859. @media (max-width: 991px) {
  12860. .community-post .post-meta-wrapper .post-meta-info li:not(:last-child) {
  12861. margin-right: 20px;
  12862. }
  12863. }
  12864. .community-post .post-meta-wrapper .post-meta-info li a {
  12865. display: block;
  12866. color: #868b99;
  12867. }
  12868. .community-post .post-meta-wrapper .post-meta-info li a i {
  12869. margin-right: 10px;
  12870. }
  12871. .community-post .post-meta-wrapper .post-meta-info li a:hover {
  12872. color: #ed1f25;
  12873. }
  12874. .community-post.style-two {
  12875. margin-bottom: 0;
  12876. border-radius: 0;
  12877. -webkit-box-shadow: none;
  12878. box-shadow: none;
  12879. position: relative;
  12880. }
  12881. .community-post.style-two:not(:last-child) {
  12882. border-bottom: 1px solid #f2f3f4;
  12883. }
  12884. .community-post.style-two .entry-content .post-title {
  12885. font-size: 16px;
  12886. }
  12887. .community-post.style-two .post-meta-wrapper .post-meta-info li:not(:last-child) {
  12888. margin-right: 30px;
  12889. }
  12890. .community-post.style-two .post-meta-wrapper .post-meta-info li i {
  12891. -webkit-transition: all 0.3s ease-in-out;
  12892. -o-transition: all 0.3s ease-in-out;
  12893. transition: all 0.3s ease-in-out;
  12894. }
  12895. .community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover a {
  12896. color: #b1b5c0;
  12897. }
  12898. .community-post.style-two .post-meta-wrapper .post-meta-info li:nth-child(2):hover i {
  12899. color: #f9ae44;
  12900. }
  12901. .community-post.style-two .post-content .entry-content .post-title {
  12902. display: inline-block;
  12903. margin-right: 10px;
  12904. }
  12905. .community-post.style-two .post-content .com-featured {
  12906. position: absolute;
  12907. right: 0;
  12908. top: -2px;
  12909. height: 30px;
  12910. width: 30px;
  12911. z-index: 2;
  12912. text-align: center;
  12913. color: #fff;
  12914. padding: 0 15px;
  12915. }
  12916. .community-post.style-two .post-content .com-featured i {
  12917. z-index: 22;
  12918. position: relative;
  12919. font-size: 14px;
  12920. }
  12921. .community-post.style-two .post-content .com-featured:after {
  12922. content: "";
  12923. top: 0;
  12924. position: absolute;
  12925. right: 0;
  12926. width: 0;
  12927. height: 0;
  12928. border-left: 30px solid transparent;
  12929. border-right: 0px solid transparent;
  12930. border-top: 30px solid #00ae69;
  12931. z-index: 1;
  12932. }
  12933. .community-post.style-two .post-content .cat-wrap {
  12934. display: inline-block;
  12935. vertical-align: 3px;
  12936. }
  12937. .community-post.style-two .post-content .category {
  12938. font-size: 14px;
  12939. background: #8152e0;
  12940. padding: 0 6px;
  12941. color: #fff;
  12942. border-radius: 3px;
  12943. margin-right: 5px;
  12944. display: inline-block;
  12945. line-height: 1.45;
  12946. border-bottom: 1px solid #6030c0;
  12947. }
  12948. .community-post.style-two .post-content .category.color-yellow {
  12949. background: #fad05a;
  12950. color: #1d2746;
  12951. border-color: #dbaa20;
  12952. }
  12953. .community-post.style-two .post-content .category.color-ass {
  12954. background: #eeeeee;
  12955. color: #1d2746;
  12956. border-color: #d9d9d9;
  12957. }
  12958. .community-post.style-two .post-content .category.color-green {
  12959. background: #22936d;
  12960. border-color: #07734f;
  12961. }
  12962. .community-post.style-two .post-content .category.color-orange {
  12963. background: #f88546;
  12964. border-color: #d26428;
  12965. }
  12966. .community-post.style-two .post-content .category.color-theme {
  12967. background: #27b2da;
  12968. border-color: #1697bc;
  12969. }
  12970. .community-post.style-two .post-content .category.color-pink {
  12971. background: #f053b3;
  12972. border-color: #c91c86;
  12973. }
  12974. .community-post.style-two .post-content .category.color-pink {
  12975. background: #f053b3;
  12976. border-color: #c91c86;
  12977. }
  12978. .community-post.style-two .meta {
  12979. margin: 0;
  12980. padding: 0;
  12981. list-style: none;
  12982. }
  12983. .community-post.style-two .meta li {
  12984. display: inline-block;
  12985. margin-right: 15px;
  12986. color: #838793;
  12987. color: 14px;
  12988. }
  12989. .community-post.style-two .meta li img {
  12990. display: inline-block;
  12991. vertical-align: -2px;
  12992. }
  12993. .community-post.style-two .meta li i, .community-post.style-two .meta li img {
  12994. margin-right: 10px;
  12995. }
  12996. .community-post.style-two .meta li a {
  12997. color: 14px;
  12998. color: #838793;
  12999. }
  13000. .community-post.style-two .meta li a:hover {
  13001. color: #ed1f25;
  13002. }
  13003. .community-post.style-two:hover {
  13004. background: #f7f9fa;
  13005. -webkit-transform: translateX(0);
  13006. -ms-transform: translateX(0);
  13007. transform: translateX(0);
  13008. -webkit-box-shadow: none;
  13009. box-shadow: none;
  13010. border-color: #f7f9fa;
  13011. }
  13012. .bb-radius {
  13013. border-bottom-left-radius: 6px;
  13014. border-bottom-right-radius: 6px;
  13015. overflow: hidden;
  13016. -webkit-box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06);
  13017. box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06);
  13018. }
  13019. .button-container .all_doc_btn {
  13020. margin-top: 40px;
  13021. }
  13022. .post-header {
  13023. display: -webkit-box;
  13024. display: -ms-flexbox;
  13025. display: flex;
  13026. -webkit-box-pack: justify;
  13027. -ms-flex-pack: justify;
  13028. justify-content: space-between;
  13029. background: #f7f8f9;
  13030. padding: 17px 30px;
  13031. border: 1px solid #eaeeef;
  13032. border-top-left-radius: 6px;
  13033. border-top-right-radius: 6px;
  13034. }
  13035. @media (max-width: 768px) {
  13036. .post-header {
  13037. display: block;
  13038. text-align: center;
  13039. }
  13040. }
  13041. @media (max-width: 576px) {
  13042. .post-header {
  13043. padding: 15px;
  13044. }
  13045. }
  13046. .post-header .support-total-info {
  13047. margin: 0;
  13048. padding: 0;
  13049. list-style: none;
  13050. }
  13051. @media (max-width: 768px) {
  13052. .post-header .support-total-info {
  13053. margin-bottom: 20px;
  13054. }
  13055. }
  13056. .post-header .support-total-info li {
  13057. display: inline-block;
  13058. }
  13059. .post-header .support-total-info li.open-ticket a {
  13060. color: #1d2746;
  13061. }
  13062. .post-header .support-total-info li.close-ticket a {
  13063. color: #6b707f;
  13064. }
  13065. .post-header .support-total-info li a {
  13066. font-size: 14px;
  13067. font-weight: 500;
  13068. }
  13069. .post-header .support-total-info li a:hover {
  13070. color: #ed1f25;
  13071. }
  13072. .post-header .support-total-info li:not(:last-child) {
  13073. margin-right: 20px;
  13074. }
  13075. .post-header .support-total-info li i {
  13076. color: #00ae69;
  13077. margin-right: 10px;
  13078. vertical-align: -2px;
  13079. }
  13080. .post-header .support-total-info li:nth-child(1) i {
  13081. color: #f06292;
  13082. }
  13083. .post-header .category-menu {
  13084. margin: 0;
  13085. padding: 0;
  13086. list-style: none;
  13087. }
  13088. .post-header .category-menu li {
  13089. display: inline-block;
  13090. }
  13091. .post-header .category-menu li .dropdown-menu {
  13092. top: 12px !important;
  13093. -webkit-transform: translate3d(0px, 23px, 0px) !important;
  13094. transform: translate3d(0px, 23px, 0px) !important;
  13095. }
  13096. .post-header .category-menu li:not(:last-child) {
  13097. margin-right: 10px;
  13098. }
  13099. @media (max-width: 546px) {
  13100. .post-header .category-menu li:not(:last-child) {
  13101. margin-right: 0;
  13102. }
  13103. }
  13104. .post-header .category-menu li:nth-child(4) .dropdown-menu, .post-header .category-menu li:nth-child(3) .dropdown-menu {
  13105. right: -11px;
  13106. left: auto !important;
  13107. }
  13108. @media (max-width: 380px) {
  13109. .post-header .category-menu li:nth-child(4) .dropdown-menu {
  13110. width: 190px;
  13111. }
  13112. }
  13113. .post-header .category-menu li:nth-child(3) .title:before, .post-header .category-menu li:nth-child(3) .title:after {
  13114. right: 40px;
  13115. }
  13116. .post-header .category-menu li:nth-child(1) .title:before, .post-header .category-menu li:nth-child(1) .title:after {
  13117. right: auto;
  13118. left: 30px;
  13119. }
  13120. .post-header .category-menu li:nth-child(2) .title:before, .post-header .category-menu li:nth-child(2) .title:after {
  13121. right: auto;
  13122. left: 25px;
  13123. }
  13124. .post-header .category-menu .dropdown-toggle {
  13125. position: relative;
  13126. background: transparent;
  13127. -webkit-box-shadow: none;
  13128. box-shadow: none;
  13129. border: 0;
  13130. color: #6b707f;
  13131. padding: 0 15px;
  13132. font-size: 14px;
  13133. }
  13134. .post-header .category-menu .dropdown-toggle:after {
  13135. content: "3";
  13136. font-family: eleganticons;
  13137. border: 0;
  13138. position: absolute;
  13139. top: 50%;
  13140. right: -5px;
  13141. -webkit-transform: translateY(-58%);
  13142. -ms-transform: translateY(-58%);
  13143. transform: translateY(-58%);
  13144. }
  13145. .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 {
  13146. background-color: transparent;
  13147. border: none;
  13148. color: #6b707f;
  13149. -webkit-box-shadow: none;
  13150. box-shadow: none;
  13151. }
  13152. .post-header .category-menu .dropdown-menu {
  13153. border: 1px solid #e6eeef;
  13154. background: #fff;
  13155. -webkit-box-shadow: 0px 30px 40px 0px rgba(4, 73, 89, 0.1);
  13156. box-shadow: 0px 30px 40px 0px rgba(4, 73, 89, 0.1);
  13157. padding: 0;
  13158. width: 260px;
  13159. -webkit-animation: slideDown 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards;
  13160. animation: slideDown 0.12s cubic-bezier(0, 0.1, 0.1, 1) backwards;
  13161. }
  13162. @media (max-width: 576px) {
  13163. .post-header .category-menu .dropdown-menu {
  13164. width: 210px;
  13165. }
  13166. }
  13167. .post-header .category-menu .title {
  13168. font-size: 14px;
  13169. font-weight: 500;
  13170. margin: 0;
  13171. background: #f7f8f9;
  13172. border-bottom: 1px solid #e6eeef;
  13173. padding: 14px 20px 11px;
  13174. line-height: 1;
  13175. color: #6b707f;
  13176. position: relative;
  13177. }
  13178. .post-header .category-menu .title:before {
  13179. content: "";
  13180. height: 16px;
  13181. width: 16px;
  13182. background: #e6eeef;
  13183. position: absolute;
  13184. right: 30px;
  13185. -webkit-transform: rotate(45deg);
  13186. -ms-transform: rotate(45deg);
  13187. transform: rotate(45deg);
  13188. top: -8px;
  13189. }
  13190. .post-header .category-menu .title:after {
  13191. content: "";
  13192. height: 16px;
  13193. width: 16px;
  13194. background: #f7f8f9;
  13195. position: absolute;
  13196. right: 30px;
  13197. -webkit-transform: rotate(45deg);
  13198. -ms-transform: rotate(45deg);
  13199. transform: rotate(45deg);
  13200. top: -6px;
  13201. }
  13202. .post-header .category-menu .cate-search-form {
  13203. padding: 0 20px;
  13204. margin-top: 10px;
  13205. }
  13206. .post-header .category-menu .cate-search-form input {
  13207. width: 100%;
  13208. background: #fbfcfc;
  13209. border: 2px solid #e2e7e8;
  13210. border-radius: 4px;
  13211. padding: 6px 20px;
  13212. font-size: 14px;
  13213. }
  13214. .post-header .category-menu .cate-search-form input::-webkit-input-placeholder {
  13215. color: #a8acb6;
  13216. }
  13217. .post-header .category-menu .cate-search-form input::-moz-placeholder {
  13218. color: #a8acb6;
  13219. }
  13220. .post-header .category-menu .cate-search-form input:-ms-input-placeholder {
  13221. color: #a8acb6;
  13222. }
  13223. .post-header .category-menu .cate-search-form input::-ms-input-placeholder {
  13224. color: #a8acb6;
  13225. }
  13226. .post-header .category-menu .cate-search-form input::placeholder {
  13227. color: #a8acb6;
  13228. }
  13229. .post-header .category-menu .all-users {
  13230. font-size: 14px;
  13231. padding: 12px 30px;
  13232. border-bottom: 1px solid #e6eeef;
  13233. font-weight: 500;
  13234. color: #6b707f;
  13235. }
  13236. .post-header .category-menu .all-users a {
  13237. padding: 7px 0;
  13238. color: #838793;
  13239. }
  13240. .post-header .category-menu .all-users a span {
  13241. border-radius: 4px;
  13242. width: 16px;
  13243. height: 16px;
  13244. background: #27b2da;
  13245. display: inline-block;
  13246. margin-right: 10px;
  13247. vertical-align: -3px;
  13248. }
  13249. .post-header .category-menu .all-users a span.color-pupple {
  13250. background: #8152e0;
  13251. }
  13252. .post-header .category-menu .all-users a span.color-yellow {
  13253. background: #fad05a;
  13254. }
  13255. .post-header .category-menu .all-users a span.color-ass {
  13256. background: #dfdfdf;
  13257. }
  13258. .post-header .category-menu .all-users a span.color-green {
  13259. background: #22936d;
  13260. }
  13261. .post-header .category-menu .all-users a span.color-orange {
  13262. background: #f88546;
  13263. }
  13264. .post-header .category-menu .all-users a span.color-light-green {
  13265. background: #1eba17;
  13266. }
  13267. .post-header .category-menu .all-users a:not(:last-child) {
  13268. border-bottom: 1px solid #e6eeef;
  13269. }
  13270. .post-header .category-menu .all-users a img {
  13271. width: 20px;
  13272. margin-right: 10px;
  13273. display: inline-block;
  13274. }
  13275. .post-header .category-menu .all-users a:hover, .post-header .category-menu .all-users a:focus {
  13276. background: transparent;
  13277. color: #1d2746;
  13278. }
  13279. .post-header .category-menu .short-by {
  13280. padding: 10px 20px;
  13281. }
  13282. .post-header .category-menu .short-by a {
  13283. padding: 7px 0 7px 20px;
  13284. position: relative;
  13285. color: #838793;
  13286. font-size: 14px;
  13287. }
  13288. .post-header .category-menu .short-by a.active-short {
  13289. color: #1d2746;
  13290. }
  13291. .post-header .category-menu .short-by a.active-short:before {
  13292. content: "N";
  13293. position: absolute;
  13294. font-family: eleganticons;
  13295. left: 0;
  13296. top: 7px;
  13297. color: #0abe76;
  13298. font-size: 14px;
  13299. }
  13300. .post-header .category-menu .short-by a:hover {
  13301. background: transparent;
  13302. color: #1d2746;
  13303. }
  13304. @-webkit-keyframes slideDown {
  13305. 0% {
  13306. -webkit-transform: translate3d(0px, 15px, 0px);
  13307. transform: translate3d(0px, 15px, 0px);
  13308. }
  13309. 100% {
  13310. -webkit-transform: translate3d(0px, 23px, 0px);
  13311. transform: translate3d(0px, 23px, 0px);
  13312. }
  13313. }
  13314. @keyframes slideDown {
  13315. 0% {
  13316. -webkit-transform: translate3d(0px, 15px, 0px);
  13317. transform: translate3d(0px, 15px, 0px);
  13318. }
  13319. 100% {
  13320. -webkit-transform: translate3d(0px, 23px, 0px);
  13321. transform: translate3d(0px, 23px, 0px);
  13322. }
  13323. }
  13324. .doc_border_btn.border-light {
  13325. border-color: #cfebf1 !important;
  13326. }
  13327. .doc_border_btn.border-light svg {
  13328. margin-left: 8px;
  13329. vertical-align: 0px;
  13330. -webkit-transition: all 0.3s ease-in-out;
  13331. -o-transition: all 0.3s ease-in-out;
  13332. transition: all 0.3s ease-in-out;
  13333. }
  13334. .doc_border_btn.border-light:hover {
  13335. border-color: #ed1f25 !important;
  13336. }
  13337. .doc_border_btn.border-light:hover svg path {
  13338. fill: #fff;
  13339. }
  13340. .pagination-wrapper {
  13341. background: #fff;
  13342. padding: 23px 30px;
  13343. display: -webkit-box;
  13344. display: -ms-flexbox;
  13345. display: flex;
  13346. -webkit-box-align: center;
  13347. -ms-flex-align: center;
  13348. align-items: center;
  13349. -webkit-box-pack: justify;
  13350. -ms-flex-pack: justify;
  13351. justify-content: space-between;
  13352. margin-top: 10px;
  13353. border-radius: 6px;
  13354. -webkit-box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06);
  13355. box-shadow: 0px 3px 6px 0px rgba(4, 73, 89, 0.06);
  13356. }
  13357. @media (max-width: 768px) {
  13358. .pagination-wrapper {
  13359. display: block;
  13360. text-align: center;
  13361. }
  13362. .pagination-wrapper .view-post-of {
  13363. margin-bottom: 20px;
  13364. }
  13365. }
  13366. .pagination-wrapper p {
  13367. margin: 0;
  13368. }
  13369. .pagination-wrapper .post-pagination {
  13370. margin: 0;
  13371. padding: 0;
  13372. list-style: none;
  13373. }
  13374. @media (max-width: 768px) {
  13375. .pagination-wrapper .post-pagination {
  13376. margin-to: 30px;
  13377. }
  13378. }
  13379. .pagination-wrapper .post-pagination li {
  13380. display: inline-block;
  13381. }
  13382. .pagination-wrapper .post-pagination li.pegi-disable {
  13383. display: none;
  13384. }
  13385. .pagination-wrapper .post-pagination li:not(:last-child) {
  13386. margin-right: 3px;
  13387. }
  13388. .pagination-wrapper .post-pagination li a {
  13389. display: block;
  13390. color: #6b707f;
  13391. height: 35px;
  13392. width: 35px;
  13393. text-align: center;
  13394. line-height: 35px;
  13395. background: #f2f5f6;
  13396. border-radius: 3px;
  13397. }
  13398. .pagination-wrapper .post-pagination li a:hover, .pagination-wrapper .post-pagination li a.active {
  13399. background: #ed1f25;
  13400. color: #fff;
  13401. }
  13402. /*--------------------------------------------------------------
  13403. ## Showcase
  13404. --------------------------------------------------------------*/
  13405. #showcase {
  13406. padding-top: 152px;
  13407. overflow: hidden;
  13408. }
  13409. @media (max-width: 991px) {
  13410. #showcase {
  13411. padding-top: 50px;
  13412. }
  13413. }
  13414. @media (max-width: 767px) {
  13415. #showcase {
  13416. padding-top: 0;
  13417. }
  13418. }
  13419. .showcase-content .section-heading {
  13420. margin-bottom: 42px;
  13421. }
  13422. .showcase-content .section-heading .section-title {
  13423. font-weight: 500;
  13424. }
  13425. @media (max-width: 991px) {
  13426. .showcase-content .section-heading {
  13427. text-align: center !important;
  13428. }
  13429. }
  13430. .showcase-content .sub-content:not(:last-child) {
  13431. margin-bottom: 40px;
  13432. }
  13433. @media (max-width: 991px) {
  13434. .showcase-content .sub-content {
  13435. text-align: center !important;
  13436. }
  13437. }
  13438. .showcase-content .sub-content .sub-title {
  13439. font-size: 20px;
  13440. line-height: 30px;
  13441. margin-bottom: 10px;
  13442. font-weight: 500;
  13443. }
  13444. .showcase-content .sub-content p {
  13445. font-size: 14px;
  13446. }
  13447. .showcase-content {
  13448. padding-top: 180px;
  13449. }
  13450. @media (max-width: 991px) {
  13451. .showcase-content {
  13452. padding-top: 0;
  13453. margin-bottom: 0;
  13454. }
  13455. }
  13456. .showcase-content.style-two .showcase-content {
  13457. margin-top: 120px;
  13458. }
  13459. @media (max-width: 991px) {
  13460. .showcase-content.style-two .showcase-content {
  13461. margin-top: 0;
  13462. padding-top: 50px;
  13463. }
  13464. }
  13465. .showcase-content.style-two .animate-shape {
  13466. top: auto;
  13467. bottom: 27px;
  13468. left: 0;
  13469. -webkit-transform: translateX(0);
  13470. -ms-transform: translateX(0);
  13471. transform: translateX(0);
  13472. }
  13473. @media (max-width: 991px) {
  13474. .showcase-content.style-two .animate-shape {
  13475. left: 26%;
  13476. }
  13477. }
  13478. @media (max-width: 767px) {
  13479. .showcase-content.style-two .animate-shape {
  13480. left: 17%;
  13481. }
  13482. }
  13483. @media (max-width: 767px) {
  13484. .showcase-content.style-two .animate-shape svg {
  13485. width: 400px;
  13486. }
  13487. }
  13488. @media (max-width: 576px) {
  13489. .showcase-content.style-two .animate-shape {
  13490. left: 0;
  13491. }
  13492. }
  13493. @media (max-width: 420px) {
  13494. .showcase-content.style-two .animate-shape {
  13495. display: none;
  13496. }
  13497. }
  13498. .showcase-content.style-three {
  13499. margin-top: 102px;
  13500. padding-bottom: 160px;
  13501. }
  13502. @media (max-width: 991px) {
  13503. .showcase-content.style-three {
  13504. margin-top: 0;
  13505. padding-bottom: 0;
  13506. }
  13507. }
  13508. .showcase-content.style-three .showcase-content {
  13509. margin-top: 30px;
  13510. }
  13511. .showcase-content.style-three .showcase-image-box .animate-shape {
  13512. left: auto;
  13513. top: -40px;
  13514. right: -60px;
  13515. -webkit-transform: translateX(0);
  13516. -ms-transform: translateX(0);
  13517. transform: translateX(0);
  13518. }
  13519. @media (max-width: 1300px) {
  13520. .showcase-content.style-three .showcase-image-box .animate-shape {
  13521. right: -40px;
  13522. }
  13523. }
  13524. @media (max-width: 991px) {
  13525. .showcase-content.style-three .showcase-image-box .animate-shape {
  13526. right: 40px;
  13527. }
  13528. }
  13529. @media (max-width: 991px) {
  13530. .showcase-content.style-three {
  13531. margin-bottom: 0;
  13532. }
  13533. }
  13534. @media (max-width: 991px) {
  13535. .showcase-content {
  13536. margin-bottom: 60px;
  13537. }
  13538. }
  13539. .showcase-image-box {
  13540. position: relative;
  13541. }
  13542. @media (max-width: 991px) {
  13543. .showcase-image-box {
  13544. text-align: center !important;
  13545. }
  13546. }
  13547. .showcase-image-box img {
  13548. position: relative;
  13549. z-index: 2;
  13550. }
  13551. .showcase-image-box .animate-shape {
  13552. position: absolute;
  13553. top: -60px;
  13554. left: 50%;
  13555. -webkit-transform: translateX(-50%);
  13556. -ms-transform: translateX(-50%);
  13557. transform: translateX(-50%);
  13558. }
  13559. @media (max-width: 767px) {
  13560. .showcase-image-box .animate-shape {
  13561. top: -60px;
  13562. }
  13563. .showcase-image-box .animate-shape svg {
  13564. width: 300px;
  13565. height: auto;
  13566. }
  13567. }
  13568. @media (max-width: 576px) {
  13569. .showcase-image-box .animate-shape {
  13570. top: -30px;
  13571. }
  13572. .showcase-image-box .animate-shape svg {
  13573. width: 250px;
  13574. height: auto;
  13575. }
  13576. }
  13577. @media (max-width: 480px) {
  13578. .showcase-image-box.style-one .animate-shape svg {
  13579. width: 200px;
  13580. height: auto;
  13581. }
  13582. }
  13583. @media (max-width: 991px) {
  13584. .showcase-image-box.style-three .animate-shape svg {
  13585. width: 400px;
  13586. height: auto;
  13587. }
  13588. }
  13589. @media (max-width: 576px) {
  13590. .showcase-image-box.style-three .animate-shape svg {
  13591. width: 250px;
  13592. height: auto;
  13593. }
  13594. }
  13595. .showcase-image-box.style-three > img, .showcase-image-box.style-one > img {
  13596. -webkit-box-shadow: 0 50px 100px 0 rgba(10, 1, 64, 0.12);
  13597. box-shadow: 0 50px 100px 0 rgba(10, 1, 64, 0.12);
  13598. border-radius: 25px;
  13599. }
  13600. /*--------------------------------------------------------------
  13601. ## Newsletter
  13602. --------------------------------------------------------------*/
  13603. #newsletter {
  13604. background-image: -o-linear-gradient(45deg, #dd5a91 0%, #464ac9 100%);
  13605. background-image: linear-gradient(45deg, #dd5a91 0%, #464ac9 100%);
  13606. padding: 127px 0 127px;
  13607. overflow: hidden;
  13608. }
  13609. #newsletter svg {
  13610. position: absolute;
  13611. bottom: 0;
  13612. left: 0;
  13613. height: 200px;
  13614. z-index: 22;
  13615. }
  13616. .newsletter-form {
  13617. position: relative;
  13618. z-index: 222;
  13619. }
  13620. .newsletter-form .newsletter-inner {
  13621. position: relative;
  13622. display: -webkit-box;
  13623. display: -ms-flexbox;
  13624. display: flex;
  13625. }
  13626. .newsletter-form .newsletter-inner:before {
  13627. position: absolute;
  13628. content: "";
  13629. font-family: eleganticons;
  13630. font-style: normal;
  13631. color: #677294;
  13632. top: 47%;
  13633. left: 20px;
  13634. -webkit-transform: translateY(-50%);
  13635. -ms-transform: translateY(-50%);
  13636. transform: translateY(-50%);
  13637. }
  13638. .newsletter-form .newsletter-inner input {
  13639. background: transparent;
  13640. border: 1px solid #fff;
  13641. padding: 10px 20px 10px 50px;
  13642. height: 60px;
  13643. outline: 0;
  13644. margin: 0;
  13645. color: #677294;
  13646. border-radius: 2px;
  13647. background-color: #fff;
  13648. border-radius: 0;
  13649. }
  13650. .newsletter-form .newsletter-inner input:focus {
  13651. -webkit-box-shadow: none;
  13652. box-shadow: none;
  13653. }
  13654. .newsletter-form .newsletter-inner input::-webkit-input-placeholder {
  13655. color: #677294;
  13656. }
  13657. .newsletter-form .newsletter-inner input::-moz-placeholder {
  13658. color: #677294;
  13659. }
  13660. .newsletter-form .newsletter-inner input:-ms-input-placeholder {
  13661. color: #677294;
  13662. }
  13663. .newsletter-form .newsletter-inner input::-ms-input-placeholder {
  13664. color: #677294;
  13665. }
  13666. .newsletter-form .newsletter-inner input::placeholder {
  13667. color: #677294;
  13668. }
  13669. .newsletter-form .newsletter-inner .newsletter-submit {
  13670. margin-left: 20px;
  13671. border-radius: 0;
  13672. -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1);
  13673. box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1);
  13674. }
  13675. .newsletter-form .newsletter-inner .newsletter-submit i {
  13676. display: none;
  13677. }
  13678. .newsletter-form .newsletter-inner .newsletter-submit:hover {
  13679. -webkit-box-shadow: none;
  13680. box-shadow: none;
  13681. }
  13682. .form-result {
  13683. display: none;
  13684. margin: 10px auto;
  13685. }
  13686. .newsletter-content {
  13687. position: relative;
  13688. z-index: 33;
  13689. }
  13690. @media (max-width: 991px) {
  13691. .newsletter-content {
  13692. text-align: center;
  13693. margin-bottom: 30px;
  13694. }
  13695. }
  13696. .newsletter-content .title {
  13697. font-size: 28px;
  13698. line-height: 36px;
  13699. font-weight: 800;
  13700. color: #fff;
  13701. }
  13702. .newsletter-content .sub-title {
  13703. font-size: 16px;
  13704. font-weight: 400;
  13705. color: #fff;
  13706. text-transform: uppercase;
  13707. position: relative;
  13708. display: inline-block;
  13709. padding-bottom: 5px;
  13710. margin-bottom: 15px;
  13711. }
  13712. .newsletter-content .sub-title:before {
  13713. content: "";
  13714. position: absolute;
  13715. left: 0;
  13716. bottom: 0;
  13717. width: 100%;
  13718. height: 1px;
  13719. background: #fff;
  13720. }
  13721. .newsletter-two {
  13722. border-radius: 10px;
  13723. background-color: white;
  13724. -webkit-box-shadow: 0px 40px 100px 0px rgba(0, 11, 40, 0.1);
  13725. box-shadow: 0px 40px 100px 0px rgba(0, 11, 40, 0.1);
  13726. padding: 50px 60px;
  13727. -webkit-transform: translateY(-50%);
  13728. -ms-transform: translateY(-50%);
  13729. transform: translateY(-50%);
  13730. }
  13731. @media (max-width: 991px) {
  13732. .newsletter-two {
  13733. -webkit-transform: translateY(-25%);
  13734. -ms-transform: translateY(-25%);
  13735. transform: translateY(-25%);
  13736. }
  13737. }
  13738. .newsletter-two .newsletter-content h2 {
  13739. font-size: 26px;
  13740. line-height: 40px;
  13741. color: #051441;
  13742. font-weight: 700;
  13743. }
  13744. .newsletter-two .newsletter-content p {
  13745. margin: 0;
  13746. }
  13747. .newsletter-form-two {
  13748. -ms-flex-wrap: wrap;
  13749. flex-wrap: wrap;
  13750. }
  13751. @media (max-width: 991px) {
  13752. .newsletter-form-two {
  13753. max-width: 570px;
  13754. margin: 0 auto;
  13755. }
  13756. }
  13757. .newsletter-form-two .newsletter-inner {
  13758. display: -webkit-box;
  13759. display: -ms-flexbox;
  13760. display: flex;
  13761. }
  13762. .newsletter-form-two input {
  13763. border-radius: 30px;
  13764. background: #f5f5f9;
  13765. border: 0;
  13766. outline: 0;
  13767. padding: 10px 30px;
  13768. height: 60px;
  13769. -webkit-box-flex: 1;
  13770. -ms-flex: 1;
  13771. flex: 1;
  13772. margin: 0;
  13773. font-size: 15px;
  13774. }
  13775. .newsletter-form-two input:focus {
  13776. border: 0;
  13777. -webkit-box-shadow: none;
  13778. box-shadow: none;
  13779. background: #f7f8fc;
  13780. }
  13781. .newsletter-form-two input::-webkit-input-placeholder {
  13782. color: #9ca4bd;
  13783. }
  13784. .newsletter-form-two input::-moz-placeholder {
  13785. color: #9ca4bd;
  13786. }
  13787. .newsletter-form-two input:-ms-input-placeholder {
  13788. color: #9ca4bd;
  13789. }
  13790. .newsletter-form-two input::-ms-input-placeholder {
  13791. color: #9ca4bd;
  13792. }
  13793. .newsletter-form-two input::placeholder {
  13794. color: #9ca4bd;
  13795. }
  13796. .newsletter-form-two .gp-btn {
  13797. border-radius: 30px;
  13798. color: #fff;
  13799. padding: 10px 38px;
  13800. border: 0;
  13801. margin-left: 20px;
  13802. font-size: 14px;
  13803. overflow: hidden;
  13804. background: #ed1f25;
  13805. outline: 0;
  13806. }
  13807. .newsletter-form-two .gp-btn:after {
  13808. background: transparent;
  13809. }
  13810. .newsletter-form-two .gp-btn i {
  13811. display: none;
  13812. }
  13813. .newsletter-form-two .gp-btn:focus {
  13814. -webkit-box-shadow: none;
  13815. box-shadow: none;
  13816. }
  13817. .newsletter-form-two .gp-btn:hover {
  13818. background: #ed1f25;
  13819. color: #fff;
  13820. -webkit-box-shadow: none;
  13821. box-shadow: none;
  13822. }
  13823. @media (max-width: 768px) {
  13824. .newsletter-content {
  13825. margin-bottom: 30px;
  13826. }
  13827. }
  13828. @media (max-width: 576px) {
  13829. .newsletter-form .newsletter-inner {
  13830. display: block;
  13831. }
  13832. .newsletter-form .newsletter-inner:before {
  13833. top: 28px;
  13834. }
  13835. .newsletter-form .newsletter-inner .newsletter-submit {
  13836. margin-left: 0;
  13837. margin-top: 20px;
  13838. }
  13839. }
  13840. /*--------------------------------------------------------------
  13841. ## List Item
  13842. --------------------------------------------------------------*/
  13843. .featrure-list-items {
  13844. margin-bottom: 70px;
  13845. }
  13846. .feature-list-item {
  13847. border-radius: 10px;
  13848. background: #f8f8f8;
  13849. padding: 15px;
  13850. margin-bottom: 30px;
  13851. display: -webkit-box;
  13852. display: -ms-flexbox;
  13853. display: flex;
  13854. -ms-flex-wrap: wrap;
  13855. flex-wrap: wrap;
  13856. -webkit-box-align: center;
  13857. -ms-flex-align: center;
  13858. align-items: center;
  13859. }
  13860. .feature-list-item .icon-container {
  13861. height: 60px;
  13862. width: 60px;
  13863. line-height: 60px;
  13864. text-align: center;
  13865. background: #fff;
  13866. border-radius: 50%;
  13867. -webkit-box-shadow: 0px 10px 30px 0px rgba(8, 2, 46, 0.1);
  13868. box-shadow: 0px 10px 30px 0px rgba(8, 2, 46, 0.1);
  13869. margin-right: 25px;
  13870. }
  13871. .feature-list-item .icon-container i {
  13872. font-size: 20px;
  13873. color: #ed1f25;
  13874. display: inline-block;
  13875. vertical-align: middle;
  13876. }
  13877. .feature-list-item .list-title {
  13878. font-size: 16px;
  13879. font-weight: 500;
  13880. margin: 0;
  13881. -webkit-box-flex: 2;
  13882. -ms-flex: 2;
  13883. flex: 2;
  13884. }
  13885. .feature-list-item .list-title a {
  13886. color: #2c2c51;
  13887. }
  13888. .feature-list-item .list-title a:hover {
  13889. color: #ed1f25;
  13890. }
  13891. /*--------------------------------------------------------------
  13892. ## Social Activity
  13893. --------------------------------------------------------------*/
  13894. #social-activity {
  13895. padding: 120px 0 100px;
  13896. overflow: hidden;
  13897. }
  13898. .activity-content-wrapper {
  13899. padding-top: 30px;
  13900. }
  13901. .activity-content-wrapper .section-title-two.title-big h2 {
  13902. font-weight: 500;
  13903. }
  13904. .activity-feature-image {
  13905. position: relative;
  13906. max-width: 470px;
  13907. height: 624px;
  13908. margin: 0 auto;
  13909. }
  13910. @media (max-width: 991px) {
  13911. .activity-feature-image {
  13912. margin: 0;
  13913. }
  13914. }
  13915. @media (max-width: 576px) {
  13916. .activity-feature-image {
  13917. width: 320px;
  13918. }
  13919. }
  13920. .activity-feature-image .img-one, .activity-feature-image .img-two {
  13921. position: absolute;
  13922. }
  13923. .activity-feature-image .img-one {
  13924. right: -33px;
  13925. top: 0;
  13926. }
  13927. .activity-feature-image .img-two {
  13928. left: 3px;
  13929. top: 53%;
  13930. -webkit-transform: translateY(-50%);
  13931. -ms-transform: translateY(-50%);
  13932. transform: translateY(-50%);
  13933. z-index: 44;
  13934. }
  13935. .activity-feature-image .main-thumb {
  13936. position: relative;
  13937. z-index: 33;
  13938. }
  13939. .activity-feature-image .animate-circle.style-one {
  13940. position: relative;
  13941. margin-right: -43px;
  13942. }
  13943. .activity-feature-image .animate-circle img {
  13944. position: absolute;
  13945. }
  13946. .activity-feature-image .animate-circle .anim-bg-one {
  13947. right: -80px;
  13948. top: 80px;
  13949. -webkit-animation: wave 4s 0.1s infinite linear;
  13950. animation: wave 4s 0.1s infinite linear;
  13951. }
  13952. .activity-feature-image .animate-circle .anim-bg-two {
  13953. top: 127px;
  13954. left: 57px;
  13955. -webkit-animation: wave 3s 0.1s infinite linear;
  13956. animation: wave 3s 0.1s infinite linear;
  13957. -webkit-transition-delay: 0.3s;
  13958. -o-transition-delay: 0.3s;
  13959. transition-delay: 0.3s;
  13960. }
  13961. .activity-feature-image .animate-circle .anim-bg-three {
  13962. left: 25px;
  13963. top: 150px;
  13964. -webkit-animation: wave 2s 0.1s infinite linear;
  13965. animation: wave 2s 0.1s infinite linear;
  13966. -webkit-transition-delay: 0.5s;
  13967. -o-transition-delay: 0.5s;
  13968. transition-delay: 0.5s;
  13969. }
  13970. .activity-feature-image .animate-circle.position-two .anim-bg-one {
  13971. left: -95px;
  13972. top: 90px;
  13973. right: auto;
  13974. }
  13975. .activity-feature-image .animate-circle.position-two .anim-bg-two {
  13976. left: -110px;
  13977. }
  13978. .activity-feature-image .animate-circle.position-two .anim-bg-three {
  13979. left: -110px;
  13980. top: 210px !important;
  13981. }
  13982. .activity-feature-image.style-two {
  13983. height: auto;
  13984. margin-left: -40px;
  13985. }
  13986. @media (max-width: 991px) {
  13987. .activity-feature-image.style-two {
  13988. margin: 0 0 50px 110px;
  13989. }
  13990. }
  13991. .activity-feature-image.style-two .image-one {
  13992. position: relative;
  13993. z-index: 222;
  13994. }
  13995. .activity-feature-image.style-two .image-two {
  13996. position: absolute;
  13997. top: 50px;
  13998. z-index: 333;
  13999. }
  14000. @media (max-width: 576px) {
  14001. .activity-feature-image.style-two .image-two {
  14002. max-width: 280px;
  14003. }
  14004. }
  14005. .activity-feature-image.style-two .animate-circle.position-two .anim-bg-one {
  14006. left: -60px;
  14007. top: 160px;
  14008. right: auto;
  14009. }
  14010. .activity-feature-image.style-two .animate-circle.position-two .anim-bg-two {
  14011. left: -70px;
  14012. top: 200px;
  14013. }
  14014. .activity-feature-image.style-two .animate-circle.position-two .anim-bg-three {
  14015. left: -110px;
  14016. top: 230px;
  14017. }
  14018. @keyframes wave {
  14019. 0% {
  14020. -webkit-transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
  14021. transform: rotateZ(0deg) translate3d(0, 1%, 0) rotateZ(0deg);
  14022. }
  14023. 100% {
  14024. -webkit-transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg);
  14025. transform: rotateZ(360deg) translate3d(0, 1%, 0) rotateZ(-360deg);
  14026. }
  14027. }
  14028. /*--------------------------------------------------------------
  14029. ## Community Help
  14030. --------------------------------------------------------------*/
  14031. .comminity-help {
  14032. background: #f7f7f7;
  14033. padding: 113px 0 90px;
  14034. }
  14035. @media (max-width: 991px) {
  14036. .comminity-help {
  14037. padding: 73px 0 60px;
  14038. }
  14039. }
  14040. .comminity-help-category {
  14041. border-radius: 4px;
  14042. background-color: white;
  14043. -webkit-box-shadow: 0 6px 14px 0 rgba(8, 2, 46, 0.04);
  14044. box-shadow: 0 6px 14px 0 rgba(8, 2, 46, 0.04);
  14045. text-align: center;
  14046. padding: 40px 20px 30px;
  14047. -webkit-transition: all 0.3s ease-in-out;
  14048. -o-transition: all 0.3s ease-in-out;
  14049. transition: all 0.3s ease-in-out;
  14050. border-top: 2px solid transparent;
  14051. margin-bottom: 30px;
  14052. }
  14053. .comminity-help-category .category-icon {
  14054. height: 70px;
  14055. width: 70px;
  14056. line-height: 70px;
  14057. text-align: center;
  14058. border-radius: 50%;
  14059. margin: 0 auto 35px;
  14060. background: #f1a614;
  14061. color: #fff;
  14062. -webkit-box-shadow: 0 20px 30px 0 rgba(211, 149, 35, 0.3);
  14063. box-shadow: 0 20px 30px 0 rgba(211, 149, 35, 0.3);
  14064. }
  14065. .comminity-help-category .category-icon i {
  14066. font-size: 28px;
  14067. display: inline-block;
  14068. vertical-align: -5px;
  14069. }
  14070. .comminity-help-category .category-title {
  14071. font-size: 20px;
  14072. color: #2c2c51;
  14073. }
  14074. .comminity-help-category .category-title a {
  14075. color: #2c2c51;
  14076. }
  14077. .comminity-help-category .category-title a:hover {
  14078. color: #ed1f25;
  14079. }
  14080. .comminity-help-category .post-count {
  14081. margin-bottom: 10px;
  14082. color: #f1a614;
  14083. text-transform: uppercase;
  14084. letter-spacing: 2px;
  14085. font-weight: 500;
  14086. }
  14087. .comminity-help-category .category-image {
  14088. height: 140px;
  14089. display: -webkit-box;
  14090. display: -ms-flexbox;
  14091. display: flex;
  14092. -webkit-box-pack: center;
  14093. -ms-flex-pack: center;
  14094. justify-content: center;
  14095. -webkit-box-align: end;
  14096. -ms-flex-align: end;
  14097. align-items: flex-end;
  14098. }
  14099. .comminity-help-category:hover {
  14100. border-color: #ed1f25;
  14101. -webkit-box-shadow: 0 30px 60px 0 rgba(8, 2, 46, 0.12), 0px -2px 0 0 rgba(26, 191, 104, 0);
  14102. box-shadow: 0 30px 60px 0 rgba(8, 2, 46, 0.12), 0px -2px 0 0 rgba(26, 191, 104, 0);
  14103. }
  14104. .comminity-help-category.color--two .category-icon {
  14105. background: #554bfe;
  14106. -webkit-box-shadow: 0 20px 30px 0 rgba(69, 59, 247, 0.3);
  14107. box-shadow: 0 20px 30px 0 rgba(69, 59, 247, 0.3);
  14108. }
  14109. .comminity-help-category.color--two .post-count {
  14110. color: #554bfe;
  14111. }
  14112. .comminity-help-category.color--three .category-icon {
  14113. background: #f83b6b;
  14114. -webkit-box-shadow: 0 20px 30px 0 rgba(248, 59, 107, 0.3);
  14115. box-shadow: 0 20px 30px 0 rgba(248, 59, 107, 0.3);
  14116. }
  14117. .comminity-help-category.color--three .post-count {
  14118. color: #f83b6b;
  14119. }
  14120. /*--------------------------------------------------------------
  14121. ## Blog
  14122. --------------------------------------------------------------*/
  14123. #blog-grid {
  14124. background: #fafafa;
  14125. }
  14126. #blog-grid .feature-image a {
  14127. display: block;
  14128. position: relative;
  14129. overflow: hidden;
  14130. }
  14131. #blog-grid .feature-image a img {
  14132. -webkit-transition: all 0.3s ease-in-out;
  14133. -o-transition: all 0.3s ease-in-out;
  14134. transition: all 0.3s ease-in-out;
  14135. }
  14136. #blog-grid .feature-image a:before {
  14137. content: "";
  14138. position: absolute;
  14139. left: 0;
  14140. top: 0;
  14141. width: 100%;
  14142. height: 100%;
  14143. background: rgba(0, 0, 0, 0.3);
  14144. opacity: 0;
  14145. -webkit-transition: all 0.3s ease-in-out;
  14146. -o-transition: all 0.3s ease-in-out;
  14147. transition: all 0.3s ease-in-out;
  14148. z-index: 22;
  14149. }
  14150. #blog-grid .feature-image a:hover:before {
  14151. opacity: 1;
  14152. }
  14153. #blog-grid .feature-image a:hover img {
  14154. -webkit-transform: scale(1.05);
  14155. -ms-transform: scale(1.05);
  14156. transform: scale(1.05);
  14157. }
  14158. #blog-grid-one {
  14159. padding: 115px 0 90px;
  14160. }
  14161. .blog-content {
  14162. padding: 30px;
  14163. background: #fff;
  14164. }
  14165. .blog-content .post-meta {
  14166. margin: 0;
  14167. padding: 0;
  14168. list-style: none;
  14169. }
  14170. .blog-content .post-meta li {
  14171. display: inline-block;
  14172. margin-right: 10px;
  14173. }
  14174. .blog-content .post-meta li i {
  14175. margin-right: 5px;
  14176. color: #f8b137;
  14177. }
  14178. .blog-content .post-meta li a {
  14179. color: #333;
  14180. font-size: 14px;
  14181. font-weight: 500;
  14182. }
  14183. .blog-content .post-meta li a:hover {
  14184. color: #f8b137;
  14185. }
  14186. .blog-content .entry-title {
  14187. font-size: 20px;
  14188. font-weight: 800;
  14189. margin: 15px 0;
  14190. }
  14191. .blog-content .entry-title a {
  14192. color: #222;
  14193. }
  14194. .blog-content .entry-title a:hover {
  14195. color: #f8b137;
  14196. }
  14197. .blog-content .read-more-ntn {
  14198. font-size: 12px;
  14199. font-weight: 800;
  14200. color: #f8b137;
  14201. text-transform: uppercase;
  14202. display: -webkit-box;
  14203. display: -ms-flexbox;
  14204. display: flex;
  14205. }
  14206. .blog-content .read-more-ntn i {
  14207. font-size: 10px;
  14208. display: -webkit-box;
  14209. display: -ms-flexbox;
  14210. display: flex;
  14211. -webkit-box-align: center;
  14212. -ms-flex-align: center;
  14213. align-items: center;
  14214. margin-left: 5px;
  14215. -webkit-transition: all 0.3s ease-in-out;
  14216. -o-transition: all 0.3s ease-in-out;
  14217. transition: all 0.3s ease-in-out;
  14218. }
  14219. .blog-content .read-more-ntn:hover {
  14220. color: #f39d09;
  14221. }
  14222. .blog-content .read-more-ntn:hover i {
  14223. margin-left: 8px;
  14224. }
  14225. .blog-post-one {
  14226. margin-bottom: 30px;
  14227. }
  14228. .blog-post-one .feature-image {
  14229. position: relative;
  14230. border-radius: 6px;
  14231. overflow: hidden;
  14232. }
  14233. .blog-post-one .feature-image a:before {
  14234. display: none;
  14235. }
  14236. .blog-post-one .feature-image img {
  14237. border-radius: 6px;
  14238. -webkit-transition: all 0.3s ease-in-out;
  14239. -o-transition: all 0.3s ease-in-out;
  14240. transition: all 0.3s ease-in-out;
  14241. }
  14242. .blog-post-one .feature-image .post-meta {
  14243. margin-bottom: 10px;
  14244. margin-left: 0;
  14245. }
  14246. .blog-post-one .feature-image .post-meta li {
  14247. text-transform: uppercase;
  14248. font-weight: 500;
  14249. color: #797986;
  14250. font-size: 13px;
  14251. }
  14252. .blog-post-one .feature-image .post-meta li i {
  14253. margin-right: 7px;
  14254. font-size: 14px;
  14255. }
  14256. .blog-post-one .feature-image:before {
  14257. content: "";
  14258. position: absolute;
  14259. width: 100%;
  14260. height: 100%;
  14261. left: 0;
  14262. top: 0;
  14263. background: #fff;
  14264. opacity: 1;
  14265. visibility: visible;
  14266. -webkit-transition: all 0.3s ease-in-out;
  14267. -o-transition: all 0.3s ease-in-out;
  14268. transition: all 0.3s ease-in-out;
  14269. z-index: 1;
  14270. }
  14271. .blog-post-one .feature-image .entry-content {
  14272. position: absolute;
  14273. left: 0;
  14274. top: 0;
  14275. padding: 50px 40px;
  14276. height: 100%;
  14277. width: 100%;
  14278. z-index: 2;
  14279. -webkit-transition: all 0.4s ease-in-out;
  14280. -o-transition: all 0.4s ease-in-out;
  14281. transition: all 0.4s ease-in-out;
  14282. }
  14283. .blog-post-one .feature-image .entry-content .author {
  14284. margin-bottom: 40px;
  14285. -webkit-transition: all 0.3s ease-in-out;
  14286. -o-transition: all 0.3s ease-in-out;
  14287. transition: all 0.3s ease-in-out;
  14288. }
  14289. .blog-post-one .feature-image .entry-content .author a {
  14290. color: #92929f;
  14291. font-size: 13px;
  14292. font-weight: 500;
  14293. -webkit-transition: all 0.3s ease-in-out;
  14294. -o-transition: all 0.3s ease-in-out;
  14295. transition: all 0.3s ease-in-out;
  14296. }
  14297. .blog-post-one .feature-image .entry-content .author .avatar {
  14298. border-radius: 50%;
  14299. margin-right: 15px;
  14300. }
  14301. .blog-post-one .feature-image .entry-content .entry-title {
  14302. font-size: 26px;
  14303. font-weight: 600;
  14304. }
  14305. .blog-post-one .feature-image .entry-content .entry-title a {
  14306. -webkit-transition: all 0.3s ease-in-out;
  14307. -o-transition: all 0.3s ease-in-out;
  14308. transition: all 0.3s ease-in-out;
  14309. }
  14310. .blog-post-one .feature-image .entry-content p {
  14311. opacity: 100;
  14312. -webkit-transition: all 0.3s ease-in-out;
  14313. -o-transition: all 0.3s ease-in-out;
  14314. transition: all 0.3s ease-in-out;
  14315. }
  14316. .blog-post-one .feature-image:hover img {
  14317. -webkit-transform: scale(1.07);
  14318. -ms-transform: scale(1.07);
  14319. transform: scale(1.07);
  14320. }
  14321. .blog-post-one .feature-image:hover:before {
  14322. background: rgb(0 0 0 / 32%);
  14323. }
  14324. .blog-post-one .feature-image:hover .entry-content {
  14325. -webkit-transform: translateY(-20px);
  14326. -ms-transform: translateY(-20px);
  14327. transform: translateY(-20px);
  14328. }
  14329. .blog-post-one .feature-image:hover .entry-content .author a {
  14330. color: #fff;
  14331. }
  14332. .blog-post-one .feature-image:hover .author {
  14333. opacity: 0;
  14334. -webkit-transition: all 0.3s ease-in-out;
  14335. -o-transition: all 0.3s ease-in-out;
  14336. transition: all 0.3s ease-in-out;
  14337. }
  14338. .blog-post-one .feature-image:hover .entry-title a {
  14339. color: #fff;
  14340. }
  14341. .blog-post-one .feature-image:hover p {
  14342. opacity: 1;
  14343. visibility: visible;
  14344. }
  14345. .blog-post-one .feature-image:hover .post-meta li {
  14346. color: #fff;
  14347. }
  14348. .blog-post-one .feature-image:hover .post-meta li i {
  14349. color: #fff;
  14350. }
  14351. .blog-post-one .feature-image:hover p {
  14352. color: #fff;
  14353. }
  14354. .blog-post-one .feature-image:hover .read-more-btn {
  14355. color: #fff;
  14356. }
  14357. .blog-post-one .feature-image .read-more-btn {
  14358. text-transform: uppercase;
  14359. color: #797986;
  14360. text-transform: uppercase;
  14361. font-weight: 500;
  14362. font-size: 13px;
  14363. position: absolute;
  14364. bottom: 50px;
  14365. left: 40px;
  14366. z-index: 2;
  14367. }
  14368. .blog-post-one .feature-image .read-more-btn i {
  14369. display: inline-block;
  14370. vertical-align: middle;
  14371. }
  14372. .blog-post-one.color-two .entry-content .meta-cat a {
  14373. background: rgba(255, 94, 133, 0.102);
  14374. color: #ff5e85;
  14375. }
  14376. .blog-post-one.color-two .entry-content .meta-cat a:hover {
  14377. background: #ff5e85;
  14378. color: #fff;
  14379. }
  14380. .blog-post-one.color-three .entry-content .meta-cat a {
  14381. background: rgba(120, 74, 252, 0.102);
  14382. color: #784afc;
  14383. }
  14384. .blog-post-one.color-three .entry-content .meta-cat a:hover {
  14385. background: #784afc;
  14386. color: #fff;
  14387. }
  14388. .blog-slider {
  14389. padding: 110px 0 115px;
  14390. }
  14391. @media (max-width: 991px) {
  14392. .blog-slider {
  14393. padding: 70px 0 75px;
  14394. }
  14395. }
  14396. .blog-slider-post {
  14397. -webkit-box-shadow: 0 3px 5px 0 rgba(20, 3, 70, 0.06);
  14398. box-shadow: 0 3px 5px 0 rgba(20, 3, 70, 0.06);
  14399. -webkit-transition: all 0.3s ease-in-out;
  14400. -o-transition: all 0.3s ease-in-out;
  14401. transition: all 0.3s ease-in-out;
  14402. border-radius: 5px;
  14403. overflow: hidden;
  14404. }
  14405. .blog-slider-post .blog-content {
  14406. padding: 25px 30px 43px;
  14407. }
  14408. .blog-slider-post .blog-content h3 {
  14409. font-size: 24px;
  14410. line-height: 32px;
  14411. font-weight: 800;
  14412. margin-bottom: 20px;
  14413. }
  14414. .blog-slider-post .blog-content h3 a {
  14415. color: #051441;
  14416. }
  14417. .blog-slider-post .blog-content h3 a:hover {
  14418. color: #f8b137;
  14419. }
  14420. .blog-slider-post .blog-content p {
  14421. margin: 0;
  14422. }
  14423. .blog-slider-post .post-meta {
  14424. margin-bottom: 10px;
  14425. }
  14426. .blog-slider-post .post-meta li {
  14427. color: #6d717f;
  14428. font-size: 14px;
  14429. font-weight: 400;
  14430. }
  14431. .blog-slider-post .post-meta li a {
  14432. color: #6d717f;
  14433. text-transform: capitalize;
  14434. font-weight: 400;
  14435. }
  14436. .blog-slider-post .post-meta li i {
  14437. color: #6d717f;
  14438. margin-right: 10px;
  14439. }
  14440. .blog-slider-post:hover {
  14441. -webkit-box-shadow: 0 24px 30px 0 rgba(20, 3, 70, 0.1);
  14442. box-shadow: 0 24px 30px 0 rgba(20, 3, 70, 0.1);
  14443. }
  14444. /* Blog Grid Two*/
  14445. #blog-grid-two {
  14446. padding: 190px 0 90px;
  14447. }
  14448. @media (max-width: 991px) {
  14449. #blog-grid-two {
  14450. padding: 140px 0 50px;
  14451. }
  14452. }
  14453. .blog-wrapper {
  14454. position: relative;
  14455. }
  14456. .blog-wrapper .swiper-container {
  14457. padding: 0 20px;
  14458. }
  14459. .blog-wrapper .swiper-pagination {
  14460. margin-top: 35px;
  14461. }
  14462. .blog-post-two {
  14463. border-radius: 6px;
  14464. -webkit-box-shadow: 0 30px 50px 0 rgba(28, 1, 64, 0.06);
  14465. box-shadow: 0 30px 50px 0 rgba(28, 1, 64, 0.06);
  14466. overflow: hidden;
  14467. margin-bottom: 30px;
  14468. }
  14469. .blog-post-two .feature-image a {
  14470. display: block;
  14471. position: relative;
  14472. overflow: hidden;
  14473. }
  14474. .blog-post-two .feature-image a img {
  14475. -webkit-transition: all 0.3s ease-in-out;
  14476. -o-transition: all 0.3s ease-in-out;
  14477. transition: all 0.3s ease-in-out;
  14478. width: 100%;
  14479. }
  14480. .blog-post-two .feature-image a:before {
  14481. content: "";
  14482. position: absolute;
  14483. left: 0;
  14484. top: 0;
  14485. width: 100%;
  14486. height: 100%;
  14487. background: rgba(0, 0, 0, 0.3);
  14488. opacity: 0;
  14489. -webkit-transition: all 0.3s ease-in-out;
  14490. -o-transition: all 0.3s ease-in-out;
  14491. transition: all 0.3s ease-in-out;
  14492. z-index: 22;
  14493. }
  14494. .blog-post-two .feature-image a:hover:before {
  14495. opacity: 1;
  14496. }
  14497. .blog-post-two .feature-image a:hover img {
  14498. -webkit-transform: scale(1.05);
  14499. -ms-transform: scale(1.05);
  14500. transform: scale(1.05);
  14501. }
  14502. .blog-post-two .blog-content {
  14503. padding: 22px 40px 35px;
  14504. background: #fff;
  14505. }
  14506. .blog-post-two .blog-content .post-meta {
  14507. margin: 0;
  14508. padding: 0;
  14509. list-style: none;
  14510. }
  14511. .blog-post-two .blog-content .post-meta li {
  14512. display: inline-block;
  14513. margin-right: 30px;
  14514. position: relative;
  14515. color: #7b7b93;
  14516. font-size: 14px;
  14517. font-weight: 500;
  14518. }
  14519. .blog-post-two .blog-content .post-meta li:not(:last-child):after {
  14520. content: "/";
  14521. position: absolute;
  14522. right: -20px;
  14523. font-size: 14px;
  14524. top: 0;
  14525. }
  14526. .blog-post-two .blog-content .post-meta li a {
  14527. color: #7b7b93;
  14528. text-transform: uppercase;
  14529. }
  14530. .blog-post-two .blog-content .post-meta li a:hover {
  14531. color: #6e58fc;
  14532. }
  14533. .blog-post-two .blog-content .entry-title {
  14534. font-size: 20px;
  14535. font-weight: 500;
  14536. margin: 15px 0 25px;
  14537. line-height: 30px;
  14538. }
  14539. .blog-post-two .blog-content .entry-title a {
  14540. color: #2c2c51;
  14541. }
  14542. .blog-post-two .blog-content .entry-title a:hover {
  14543. color: #6e58fc;
  14544. }
  14545. .blog-post-two .blog-content .read-more-ntn {
  14546. font-size: 12px;
  14547. font-weight: 800;
  14548. color: #f8b137;
  14549. text-transform: uppercase;
  14550. display: -webkit-box;
  14551. display: -ms-flexbox;
  14552. display: flex;
  14553. }
  14554. .blog-post-two .blog-content .read-more-ntn i {
  14555. font-size: 10px;
  14556. display: -webkit-box;
  14557. display: -ms-flexbox;
  14558. display: flex;
  14559. -webkit-box-align: center;
  14560. -ms-flex-align: center;
  14561. align-items: center;
  14562. margin-left: 5px;
  14563. -webkit-transition: all 0.3s ease-in-out;
  14564. -o-transition: all 0.3s ease-in-out;
  14565. transition: all 0.3s ease-in-out;
  14566. }
  14567. .blog-post-two .blog-content .read-more-ntn:hover {
  14568. color: #f39d09;
  14569. }
  14570. .blog-post-two .blog-content .read-more-ntn:hover i {
  14571. margin-left: 8px;
  14572. }
  14573. #blog-slider .swiper-pagination .swiper-pagination-bullet {
  14574. height: 8px;
  14575. width: 8px;
  14576. -webkit-transition: all 0.3s ease-in-out;
  14577. -o-transition: all 0.3s ease-in-out;
  14578. transition: all 0.3s ease-in-out;
  14579. }
  14580. #blog-slider .swiper-pagination .swiper-pagination-bullet:before {
  14581. background: #cdd4e8;
  14582. -webkit-transition: all 0.3s ease-in-out;
  14583. -o-transition: all 0.3s ease-in-out;
  14584. transition: all 0.3s ease-in-out;
  14585. }
  14586. #blog-slider .swiper-pagination .swiper-pagination-bullet:after {
  14587. content: "";
  14588. position: absolute;
  14589. top: -3px;
  14590. bottom: -3px;
  14591. left: -3px;
  14592. right: -3px;
  14593. border: 2px solid transparent;
  14594. border-radius: 50%;
  14595. -webkit-transition: all 0.3s ease-in-out;
  14596. -o-transition: all 0.3s ease-in-out;
  14597. transition: all 0.3s ease-in-out;
  14598. }
  14599. #blog-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  14600. background: #fff;
  14601. }
  14602. #blog-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  14603. background: #fff;
  14604. z-index: 2;
  14605. display: none;
  14606. }
  14607. #blog-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  14608. border-color: #f8b137;
  14609. }
  14610. /* Blog Grid Three*/
  14611. #blog-grid-three {
  14612. padding: 115px 0 85px;
  14613. }
  14614. @media (max-width: 991px) {
  14615. #blog-grid-three {
  14616. padding: 75px 0 50px;
  14617. }
  14618. }
  14619. .blog-post-three {
  14620. margin-bottom: 30px;
  14621. }
  14622. .blog-post-three .feature-image {
  14623. -webkit-transition: all 0.3s ease-in-out;
  14624. -o-transition: all 0.3s ease-in-out;
  14625. transition: all 0.3s ease-in-out;
  14626. }
  14627. .blog-post-three .feature-image img {
  14628. -webkit-transition: all 0.3s ease-in-out;
  14629. -o-transition: all 0.3s ease-in-out;
  14630. transition: all 0.3s ease-in-out;
  14631. width: 100%;
  14632. }
  14633. .blog-post-three .feature-image:hover {
  14634. -webkit-transform: translateY(-5px);
  14635. -ms-transform: translateY(-5px);
  14636. transform: translateY(-5px);
  14637. }
  14638. .blog-post-three .feature-image:hover img {
  14639. -webkit-box-shadow: 0 30px 30px 0 rgba(3, 24, 61, 0.1);
  14640. box-shadow: 0 30px 30px 0 rgba(3, 24, 61, 0.1);
  14641. }
  14642. .blog-post-three .blog-content {
  14643. padding: 24px 0 0;
  14644. }
  14645. .blog-post-three .blog-content .post-meta li a {
  14646. color: #4d5afe;
  14647. text-transform: uppercase;
  14648. font-size: 16px;
  14649. font-weight: 400;
  14650. }
  14651. .blog-post-three .blog-content .post-date {
  14652. color: #777f95;
  14653. display: block;
  14654. font-size: 16px;
  14655. }
  14656. .blog-post-three .blog-content .entry-title {
  14657. font-size: 20px;
  14658. line-height: 40px;
  14659. margin-top: 0;
  14660. font-weight: 800;
  14661. }
  14662. .blog-post-three .blog-content .entry-title a {
  14663. color: #373d46;
  14664. }
  14665. .blog-post-three .blog-content .entry-title a:hover {
  14666. color: #4d5afe;
  14667. }
  14668. .blog-posts {
  14669. padding: 120px 0 100px;
  14670. }
  14671. .astriol__blog-filter {
  14672. margin: 0 0 60px;
  14673. padding: 0 0 20px;
  14674. list-style: none;
  14675. border-bottom: 1px solid #eaeaf7;
  14676. }
  14677. .astriol__blog-filter li {
  14678. display: inline-block;
  14679. }
  14680. .astriol__blog-filter li a {
  14681. font-size: 16px;
  14682. font-weight: 500;
  14683. color: #2c2c51;
  14684. display: block;
  14685. padding-right: 75px;
  14686. }
  14687. .astriol__blog-filter li a.isActive, .astriol__blog-filter li a:hover {
  14688. color: #ed1f25;
  14689. }
  14690. .astriol__blog-filter.tab-swipe .indicator {
  14691. background: #ed1f25;
  14692. bottom: -2px;
  14693. height: 3px;
  14694. }
  14695. .astriol__blog-items {
  14696. margin: 0 -15px;
  14697. }
  14698. .astriol__blog-post {
  14699. overflow: hidden;
  14700. border-radius: 6px;
  14701. background-color: #fff;
  14702. -webkit-box-shadow: 0 30px 50px 0 rgba(9, 4, 48, 0.08);
  14703. box-shadow: 0 30px 50px 0 rgba(9, 4, 48, 0.08);
  14704. margin-bottom: 5px;
  14705. -webkit-transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
  14706. -o-transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
  14707. transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
  14708. margin-bottom: 30px;
  14709. }
  14710. .astriol__blog-post .post-thumbnail {
  14711. overflow: hidden;
  14712. }
  14713. .astriol__blog-post .post-thumbnail img {
  14714. -webkit-transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
  14715. -o-transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
  14716. transition: all 0.4s cubic-bezier(0.72, 0.16, 0.345, 0.875) 0s;
  14717. }
  14718. .astriol__blog-post .entry-content {
  14719. padding: 20px 40px;
  14720. }
  14721. .astriol__blog-post .entry-content .entry-title {
  14722. font-size: 20px;
  14723. line-height: 1.5;
  14724. font-weight: 500;
  14725. margin: 15px 0 22px;
  14726. }
  14727. .astriol__blog-post .entry-content .entry-title a:hover {
  14728. color: #ed1f25;
  14729. }
  14730. .astriol__blog-post .entry-content .blog-footer {
  14731. display: -webkit-box;
  14732. display: -ms-flexbox;
  14733. display: flex;
  14734. -webkit-box-pack: justify;
  14735. -ms-flex-pack: justify;
  14736. justify-content: space-between;
  14737. }
  14738. .astriol__blog-post .entry-content .blog-footer .post-author {
  14739. display: inline-block;
  14740. font-size: 13px;
  14741. color: #92929f;
  14742. font-weight: 500;
  14743. text-transform: uppercase;
  14744. }
  14745. .astriol__blog-post .entry-content .blog-footer .post-author img {
  14746. border-radius: 50%;
  14747. margin-right: 10px;
  14748. }
  14749. .astriol__blog-post .entry-content .blog-footer .post-author:hover {
  14750. color: #ed1f25;
  14751. }
  14752. .astriol__blog-post .entry-content .blog-footer .date-meta {
  14753. font-size: 13px;
  14754. font-weight: 500;
  14755. color: #92929f;
  14756. text-transform: uppercase;
  14757. }
  14758. .astriol__blog-post:hover .post-thumbnail img {
  14759. -webkit-transform: scale(1.05);
  14760. -ms-transform: scale(1.05);
  14761. transform: scale(1.05);
  14762. }
  14763. .entry-content .entry-meta, .entry-content .meta-cat a {
  14764. font-size: 12px;
  14765. font-weight: 500;
  14766. background: rgba(50, 186, 19, 0.102);
  14767. color: #32ba13;
  14768. border-radius: 3px;
  14769. text-transform: uppercase;
  14770. padding: 6px 9px;
  14771. line-height: 1.1;
  14772. display: inline-block;
  14773. }
  14774. .entry-content .entry-meta:hover, .entry-content .meta-cat a:hover {
  14775. background: #32ba13;
  14776. color: #fff !important;
  14777. }
  14778. .entry-content .entry-meta.color-two, .entry-content .meta-cat a.color-two {
  14779. background-color: rgba(120, 74, 252, 0.102);
  14780. color: #784afc;
  14781. }
  14782. .entry-content .entry-meta.color-two:hover, .entry-content .meta-cat a.color-two:hover {
  14783. background: #784afc;
  14784. }
  14785. .entry-content .entry-meta.color-three, .entry-content .meta-cat a.color-three {
  14786. background-color: rgba(26, 191, 104, 0.102);
  14787. color: #ed1f25;
  14788. }
  14789. .entry-content .entry-meta.color-three:hover, .entry-content .meta-cat a.color-three:hover {
  14790. background: #ed1f25;
  14791. }
  14792. .entry-content .entry-meta.color-four, .entry-content .meta-cat a.color-four {
  14793. background-color: rgba(39, 120, 254, 0.102);
  14794. color: #2778fe;
  14795. }
  14796. .entry-content .entry-meta.color-four:hover, .entry-content .meta-cat a.color-four:hover {
  14797. background: #2778fe;
  14798. }
  14799. .entry-content .entry-meta.color-five, .entry-content .meta-cat a.color-five {
  14800. background-color: rgba(238, 180, 21, 0.102);
  14801. color: #eeb415;
  14802. }
  14803. .entry-content .entry-meta.color-five:hover, .entry-content .meta-cat a.color-five:hover {
  14804. background: #eeb415;
  14805. }
  14806. .entry-content .entry-meta.color-six, .entry-content .meta-cat a.color-six {
  14807. background-color: rgba(44, 44, 81, 0.102);
  14808. color: #656577;
  14809. }
  14810. .entry-content .entry-meta.color-six:hover, .entry-content .meta-cat a.color-six:hover {
  14811. background: #656577;
  14812. }
  14813. .entry-content .entry-title {
  14814. font-size: 20px;
  14815. line-height: 1.5;
  14816. font-weight: 500;
  14817. margin: 15px 0 22px;
  14818. }
  14819. .entry-content .entry-title a {
  14820. color: #000;
  14821. }
  14822. .entry-content .entry-title a:hover {
  14823. color: #ed1f25;
  14824. }
  14825. .entry-content .blog-footer {
  14826. display: -webkit-box;
  14827. display: -ms-flexbox;
  14828. display: flex;
  14829. -webkit-box-pack: justify;
  14830. -ms-flex-pack: justify;
  14831. justify-content: space-between;
  14832. -webkit-box-align: center;
  14833. -ms-flex-align: center;
  14834. align-items: center;
  14835. }
  14836. .entry-content .blog-footer .post-author {
  14837. display: inline-block;
  14838. font-size: 13px;
  14839. color: #92929f;
  14840. font-weight: 500;
  14841. }
  14842. .entry-content .blog-footer .post-author img {
  14843. border-radius: 50%;
  14844. margin-right: 10px;
  14845. }
  14846. .entry-content .blog-footer .post-author:hover {
  14847. color: #ed1f25;
  14848. }
  14849. .entry-content .blog-footer .date-meta {
  14850. font-size: 13px;
  14851. font-weight: 500;
  14852. color: #92929f;
  14853. text-transform: uppercase;
  14854. }
  14855. /* Blog List */
  14856. .blog-list-page {
  14857. padding: 120px 0;
  14858. }
  14859. .astriol__blog-list {
  14860. margin-bottom: 70px;
  14861. }
  14862. .astriol__blog-list .post-thumbnail {
  14863. border-radius: 6px;
  14864. overflow: hidden;
  14865. }
  14866. .astriol__blog-list .post-thumbnail img {
  14867. -webkit-transition: all 0.3s ease-in-out;
  14868. -o-transition: all 0.3s ease-in-out;
  14869. transition: all 0.3s ease-in-out;
  14870. }
  14871. .astriol__blog-list .entry-content {
  14872. padding-top: 30px;
  14873. }
  14874. .astriol__blog-list .entry-content .entry-title {
  14875. font-size: 30px;
  14876. line-height: 1.4;
  14877. font-weight: 500;
  14878. margin: 8px 0 17px;
  14879. }
  14880. .astriol__blog-list .entry-content p {
  14881. line-height: 28px;
  14882. color: #797986;
  14883. margin-bottom: 20px;
  14884. }
  14885. .astriol__blog-list .entry-content .more-link {
  14886. font-size: 13px;
  14887. font-weight: 500;
  14888. text-transform: uppercase;
  14889. color: #797986;
  14890. }
  14891. .astriol__blog-list .entry-content .more-link i {
  14892. display: inline-block;
  14893. vertical-align: -1px;
  14894. -webkit-transition: all 0.3s ease-in-out;
  14895. -o-transition: all 0.3s ease-in-out;
  14896. transition: all 0.3s ease-in-out;
  14897. margin-left: 2px;
  14898. }
  14899. .astriol__blog-list .entry-content .more-link:hover {
  14900. color: #ed1f25;
  14901. }
  14902. .astriol__blog-list .entry-content .more-link:hover i {
  14903. margin-left: 5px;
  14904. color: #ed1f25;
  14905. }
  14906. .astriol__blog-list.quote-post .blog-content {
  14907. padding: 0;
  14908. }
  14909. .astriol__blog-list.quote-post blockquote {
  14910. margin: 0;
  14911. }
  14912. .astriol__blog-list:hover .post-thumbnail img {
  14913. -webkit-transform: scale(1.05);
  14914. -ms-transform: scale(1.05);
  14915. transform: scale(1.05);
  14916. }
  14917. .astriol__blog-list.gallery-post:hover .post-thumbnail img {
  14918. -webkit-transform: scale(1);
  14919. -ms-transform: scale(1);
  14920. transform: scale(1);
  14921. }
  14922. .astriol__blog-list.link-post {
  14923. background: #fff;
  14924. -webkit-box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
  14925. box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
  14926. border-left: 4px solid #ed1f25;
  14927. border-radius: 6px;
  14928. overflow: hidden;
  14929. }
  14930. .astriol__blog-list.link-post .blog-content {
  14931. position: relative;
  14932. padding: 40px 45px 57px;
  14933. }
  14934. .astriol__blog-list.link-post .blog-content:before {
  14935. content: "";
  14936. font-family: eleganticons;
  14937. position: absolute;
  14938. right: 45px;
  14939. bottom: 38px;
  14940. font-size: 60px;
  14941. color: #e8e8f1;
  14942. }
  14943. .astriol__blog-list.link-post .blog-content .entry-content {
  14944. padding-top: 0;
  14945. }
  14946. .astriol__blog-list.link-post .blog-content .entry-content i {
  14947. display: block;
  14948. font-size: 30px;
  14949. color: #ed1f25;
  14950. margin-bottom: 15px;
  14951. }
  14952. .astriol__blog-list.link-post .blog-content .entry-content a {
  14953. font-size: 20px;
  14954. line-height: 30px;
  14955. font-weight: 500;
  14956. color: #373d46;
  14957. }
  14958. .astriol__blog-list.link-post .blog-content .entry-content a:hover {
  14959. color: #ed1f25;
  14960. }
  14961. .astriol__blog-list .blog__list-video {
  14962. padding: 56.25% 0 0 0;
  14963. position: relative;
  14964. }
  14965. .astriol__blog-list .blog__list-video iframe {
  14966. position: absolute;
  14967. top: 0;
  14968. left: 0;
  14969. width: 100%;
  14970. height: 100%;
  14971. }
  14972. .post-meta {
  14973. margin: 0 0 0 25px;
  14974. padding: 0;
  14975. list-style: none;
  14976. display: inline-block;
  14977. }
  14978. .post-meta li {
  14979. display: inline-block;
  14980. }
  14981. .post-meta li:not(:last-child) {
  14982. margin-right: 25px;
  14983. }
  14984. .post-meta li i {
  14985. color: #ed1f25;
  14986. font-size: 14px;
  14987. margin-right: 5px;
  14988. }
  14989. .post-meta li a {
  14990. color: #797986;
  14991. font-size: 13px;
  14992. font-weight: 500;
  14993. text-transform: uppercase;
  14994. }
  14995. .post-meta li a:hover {
  14996. color: #ed1f25;
  14997. }
  14998. blockquote {
  14999. padding: 72px 50px 32px;
  15000. margin: 0;
  15001. border-left: 4px solid #ed1f25;
  15002. border-radius: 6px;
  15003. -webkit-box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
  15004. box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
  15005. overflow: hidden;
  15006. position: relative;
  15007. margin-bottom: 65px;
  15008. }
  15009. blockquote:before {
  15010. content: "“";
  15011. position: absolute;
  15012. top: 35px;
  15013. font-size: 100px;
  15014. line-height: 1;
  15015. height: 30px;
  15016. color: #ed1f25;
  15017. margin-bottom: 10px;
  15018. }
  15019. blockquote:after {
  15020. content: "";
  15021. background-image: url("../img/quote-grey.png");
  15022. position: absolute;
  15023. right: 50px;
  15024. bottom: 35px;
  15025. width: 65px;
  15026. height: 45px;
  15027. }
  15028. blockquote p {
  15029. font-size: 20px;
  15030. line-height: 30px;
  15031. color: #373d46;
  15032. }
  15033. blockquote cite {
  15034. color: #797986;
  15035. font-style: normal;
  15036. margin: 0;
  15037. }
  15038. /** Blog Single **/
  15039. .astriol__blog-single p {
  15040. font-size: 16px;
  15041. line-height: 30px;
  15042. }
  15043. .astriol__blog-single img {
  15044. margin: 44px 0;
  15045. }
  15046. .astriol__blog-single h3 {
  15047. font-size: 30px;
  15048. font-weight: 500;
  15049. margin-bottom: 15px;
  15050. }
  15051. .astriol__blog-single blockquote {
  15052. margin-top: 60px;
  15053. display: block;
  15054. }
  15055. .blog-footer {
  15056. margin-top: 30px;
  15057. }
  15058. .blog-footer .post-tags {
  15059. padding-bottom: 10px;
  15060. border-bottom: 1px solid #e8e8f0;
  15061. }
  15062. .blog-footer .blog-share span, .blog-footer .tagcloud span {
  15063. font-size: 14px;
  15064. font-weight: 800;
  15065. color: #2c2c51;
  15066. text-transform: uppercase;
  15067. display: inline-block;
  15068. margin-right: 20px;
  15069. }
  15070. .blog-footer .blog-share {
  15071. padding-top: 15px;
  15072. }
  15073. .blog-share-social-link {
  15074. margin: 0;
  15075. padding: 0;
  15076. list-style: none;
  15077. display: inline-block;
  15078. }
  15079. .blog-share-social-link li {
  15080. display: inline-block;
  15081. }
  15082. .blog-share-social-link li a {
  15083. display: block;
  15084. color: #9898a4;
  15085. font-size: 14px;
  15086. margin-right: 8px;
  15087. }
  15088. .blog-share-social-link li a:hover {
  15089. color: #ed1f25;
  15090. }
  15091. #blog_list_slider {
  15092. position: relative;
  15093. }
  15094. #blog_list_slider .nav-control {
  15095. -webkit-transform: translateY(-50%);
  15096. -ms-transform: translateY(-50%);
  15097. transform: translateY(-50%);
  15098. height: 40px;
  15099. opacity: 0;
  15100. -webkit-transition: all 0.3s ease-in-out;
  15101. -o-transition: all 0.3s ease-in-out;
  15102. transition: all 0.3s ease-in-out;
  15103. }
  15104. #blog_list_slider .nav-control .gp-nav-next, #blog_list_slider .nav-control .gp-nav-prev {
  15105. border: 0;
  15106. height: auto;
  15107. width: auto;
  15108. font-size: 40px;
  15109. color: rgba(255, 255, 255, 0.302);
  15110. }
  15111. #blog_list_slider .nav-control .gp-nav-next:hover, #blog_list_slider .nav-control .gp-nav-prev:hover {
  15112. background: transparent;
  15113. color: #fff;
  15114. }
  15115. #blog_list_slider .nav-control .gp-nav-prev {
  15116. left: 15px;
  15117. }
  15118. #blog_list_slider .nav-control .gp-nav-next {
  15119. right: 15px;
  15120. }
  15121. #blog_list_slider:hover .nav-control {
  15122. opacity: 1;
  15123. }
  15124. /** Author Box */
  15125. .author-info_wrapper {
  15126. background: #fff;
  15127. border-radius: 6px;
  15128. -webkit-box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
  15129. box-shadow: 0 20px 50px 0 rgba(11, 3, 67, 0.1);
  15130. border-left: 4px solid #ed1f25;
  15131. padding: 41px 35px;
  15132. display: -webkit-box;
  15133. display: -ms-flexbox;
  15134. display: flex;
  15135. -ms-flex-wrap: wrap;
  15136. flex-wrap: wrap;
  15137. margin-top: 75px;
  15138. }
  15139. .author-info_wrapper .author-info_avatar {
  15140. height: 70px;
  15141. width: 70px;
  15142. border-radius: 50%;
  15143. overflow: hidden;
  15144. margin-right: 40px;
  15145. }
  15146. .author-info_wrapper .author-info_avatar img {
  15147. width: 100%;
  15148. }
  15149. .author-info_wrapper .author-info_content {
  15150. -webkit-box-flex: 1;
  15151. -ms-flex: 1;
  15152. flex: 1;
  15153. }
  15154. .author-info_wrapper .author-info_content .author-info_description .author-info_name {
  15155. font-size: 18px;
  15156. font-weight: 800;
  15157. margin-bottom: 25px;
  15158. }
  15159. .author-info_wrapper .author-info_content .author-info_description .author-info_name span {
  15160. display: block;
  15161. font-size: 14px;
  15162. font-weight: 400;
  15163. color: #9797a2;
  15164. margin-top: 4px;
  15165. }
  15166. .author-info_wrapper .author-info_content .author-info_description p {
  15167. margin: 0;
  15168. color: #686875;
  15169. }
  15170. /** Comments **/
  15171. #comments {
  15172. margin-top: 77px;
  15173. }
  15174. #comments .comments-title {
  15175. font-size: 24px;
  15176. font-weight: 500;
  15177. color: #373d46;
  15178. margin-bottom: 55px;
  15179. }
  15180. #comments .comment-list {
  15181. list-style: none;
  15182. padding: 0;
  15183. }
  15184. #comments .comment-list .comment-body {
  15185. display: -webkit-box;
  15186. display: -ms-flexbox;
  15187. display: flex;
  15188. -ms-flex-wrap: wrap;
  15189. flex-wrap: wrap;
  15190. margin-bottom: 30px;
  15191. }
  15192. #comments .comment-list .comment-body .comment-avatar {
  15193. width: 70px;
  15194. height: 70px;
  15195. border-radius: 50%;
  15196. overflow: hidden;
  15197. margin-right: 30px;
  15198. }
  15199. #comments .comment-list .comment-body .comment_info {
  15200. -webkit-box-flex: 1;
  15201. -ms-flex: 1;
  15202. flex: 1;
  15203. padding-bottom: 23px;
  15204. border-bottom: 1px solid #e8e8f0;
  15205. }
  15206. #comments .comment-list .comment-body .comment_info .comment_author_says {
  15207. font-size: 16px;
  15208. font-weight: 800;
  15209. color: #373d46;
  15210. line-height: 1.4;
  15211. }
  15212. #comments .comment-list .comment-body .comment_info .comment_author_says a {
  15213. color: #373d46;
  15214. }
  15215. #comments .comment-list .comment-body .comment_info .comment_author_says a:hover {
  15216. color: #ed1f25;
  15217. }
  15218. #comments .comment-list .comment-body .comment_info .meta-wrapper {
  15219. margin-bottom: 20px;
  15220. line-height: 1;
  15221. }
  15222. #comments .comment-list .comment-body .comment_info .meta-wrapper span {
  15223. font-size: 13px;
  15224. color: #9797a2;
  15225. font-weight: 400;
  15226. }
  15227. #comments .comment-list .comment-body .comment_info .comment_content p {
  15228. font-size: 15px;
  15229. margin-bottom: 13px;
  15230. }
  15231. #comments .comment-list .comment-body .comment_info .comment-reply-link {
  15232. color: #ed1f25;
  15233. text-transform: uppercase;
  15234. font-size: 12px;
  15235. font-weight: 500;
  15236. }
  15237. #comments .comment-list .children {
  15238. list-style: none;
  15239. margin-left: 150px;
  15240. padding: 0;
  15241. }
  15242. #comments .comment-list .children .comment-body .comment-avatar {
  15243. height: 50px;
  15244. width: 50px;
  15245. }
  15246. .comment-respond p {
  15247. font-size: 14px;
  15248. color: #797986;
  15249. margin-bottom: 45px;
  15250. }
  15251. .comment-respond .comment-form input, .comment-respond .comment-form textarea {
  15252. background: #fafafc;
  15253. border: 1px solid #e9e9f0;
  15254. font-size: 14px;
  15255. color: #373d46;
  15256. padding: 11px 30px;
  15257. margin-bottom: 20px;
  15258. }
  15259. .comment-respond .comment-form input::-webkit-input-placeholder, .comment-respond .comment-form textarea::-webkit-input-placeholder {
  15260. color: #9797a2;
  15261. }
  15262. .comment-respond .comment-form input::-moz-placeholder, .comment-respond .comment-form textarea::-moz-placeholder {
  15263. color: #9797a2;
  15264. }
  15265. .comment-respond .comment-form input:-ms-input-placeholder, .comment-respond .comment-form textarea:-ms-input-placeholder {
  15266. color: #9797a2;
  15267. }
  15268. .comment-respond .comment-form input::-ms-input-placeholder, .comment-respond .comment-form textarea::-ms-input-placeholder {
  15269. color: #9797a2;
  15270. }
  15271. .comment-respond .comment-form input::placeholder, .comment-respond .comment-form textarea::placeholder {
  15272. color: #9797a2;
  15273. }
  15274. .comment-respond .comment-form .comment-form-author, .comment-respond .comment-form .comment-form-email {
  15275. width: calc(50% - 15px);
  15276. float: left;
  15277. }
  15278. .comment-respond .comment-form .comment-form-author {
  15279. margin-right: 15px;
  15280. }
  15281. .comment-respond .comment-form .comment-form-email {
  15282. margin-left: 15px;
  15283. }
  15284. .comment-respond .comment-form .comment-form-cookies-consent {
  15285. margin-bottom: 20px;
  15286. margin-top: 7px;
  15287. font-size: 14px;
  15288. color: #797986;
  15289. position: relative;
  15290. }
  15291. .comment-respond .comment-form .comment-form-cookies-consent #wp-comment-cookies-consent {
  15292. width: auto;
  15293. }
  15294. .comment-respond .comment-form .comment-form-cookies-consent label {
  15295. cursor: pointer;
  15296. display: inline;
  15297. line-height: 1.25em;
  15298. vertical-align: top;
  15299. clear: both;
  15300. padding-left: 1px;
  15301. }
  15302. .comment-respond .comment-form .comment-form-cookies-consent label:not(:empty) {
  15303. padding-left: 0.75em;
  15304. }
  15305. .comment-respond .comment-form .comment-form-cookies-consent label:after, .comment-respond .comment-form .comment-form-cookies-consent label:before {
  15306. content: "";
  15307. position: absolute;
  15308. left: 0;
  15309. top: 0;
  15310. }
  15311. .comment-respond .comment-form .comment-form-cookies-consent label:before {
  15312. width: 1.15em;
  15313. height: 1.15em;
  15314. background: #fff;
  15315. border: 2px solid #ababb1;
  15316. border-radius: 0.125em;
  15317. cursor: pointer;
  15318. -webkit-transition: background 0.3s;
  15319. -o-transition: background 0.3s;
  15320. transition: background 0.3s;
  15321. }
  15322. .comment-respond .comment-form .comment-form-cookies-consent input[type=checkbox] {
  15323. outline: 0;
  15324. visibility: hidden;
  15325. width: 1.25em;
  15326. margin: 0;
  15327. display: block;
  15328. float: left;
  15329. font-size: inherit;
  15330. }
  15331. .comment-respond .comment-form .comment-form-cookies-consent input[type=checkbox]:checked + label:before {
  15332. background: #ed1f25;
  15333. border: none;
  15334. }
  15335. .comment-respond .comment-form .comment-form-cookies-consent input[type=checkbox]:checked + label:after {
  15336. -webkit-transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
  15337. -ms-transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
  15338. transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
  15339. width: 0.72em;
  15340. height: 0.375em;
  15341. border: 0.125em solid #fff;
  15342. border-top-style: none;
  15343. border-right-style: none;
  15344. }
  15345. .comment-respond .comment-form .form-submit {
  15346. margin: 0;
  15347. }
  15348. .comment-respond .comment-form .form-submit .submit {
  15349. max-width: 180px;
  15350. border: 1px solid #ed1f25;
  15351. -webkit-box-shadow: none;
  15352. box-shadow: none;
  15353. background: #ed1f25;
  15354. border-radius: 4px;
  15355. color: #fff;
  15356. font-size: 13px;
  15357. font-weight: 500;
  15358. margin-bottom: 0;
  15359. }
  15360. .comment-respond .comment-form .form-submit .submit:hover {
  15361. background: transparent;
  15362. color: #ed1f25;
  15363. }
  15364. /** Wigget **/
  15365. .sidebar-widget-area {
  15366. padding-left: 60px;
  15367. }
  15368. .sidebar-widget-area .widget:not(:last-child) {
  15369. margin-bottom: 50px;
  15370. }
  15371. .sidebar-widget-area .widget .widget-title {
  15372. font-size: 20px;
  15373. font-weight: 800;
  15374. position: relative;
  15375. padding-bottom: 7px;
  15376. margin-bottom: 40px;
  15377. }
  15378. .sidebar-widget-area .widget .widget-title:after {
  15379. content: "";
  15380. position: absolute;
  15381. left: 0;
  15382. bottom: 0;
  15383. width: 60px;
  15384. height: 2px;
  15385. background: #ed1f25;
  15386. }
  15387. .sidebar-widget-area .widget ul {
  15388. margin: 0;
  15389. padding: 0;
  15390. list-style: none;
  15391. }
  15392. .sidebar-widget-area .widget ul li {
  15393. margin-bottom: 10px;
  15394. padding-left: 20px;
  15395. position: relative;
  15396. }
  15397. .sidebar-widget-area .widget ul li:before {
  15398. content: "";
  15399. position: absolute;
  15400. left: 0;
  15401. top: 10px;
  15402. height: 5px;
  15403. width: 5px;
  15404. border-radius: 50%;
  15405. background: #ed1f25;
  15406. }
  15407. .sidebar-widget-area .widget ul li a {
  15408. font-size: 14px;
  15409. font-weight: 500;
  15410. color: #656575;
  15411. text-transform: uppercase;
  15412. }
  15413. .sidebar-widget-area .widget ul li a span {
  15414. margin-left: 8px;
  15415. display: inline-block;
  15416. }
  15417. .sidebar-widget-area .widget ul li a:hover {
  15418. color: #ed1f25;
  15419. }
  15420. .widget_search .search-form {
  15421. background: #f3f3f9;
  15422. border-radius: 5px;
  15423. position: relative;
  15424. }
  15425. .widget_search .search-form label {
  15426. margin: 0;
  15427. }
  15428. .widget_search .search-form input {
  15429. margin: 0;
  15430. padding: 16px 20px;
  15431. background: transparent;
  15432. }
  15433. .widget_search .search-form input:focus, .widget_search .search-form input:hover {
  15434. -webkit-box-shadow: none;
  15435. box-shadow: none;
  15436. }
  15437. .widget_search .search-form .search-submit {
  15438. background: transparent;
  15439. border: 0;
  15440. padding: 0;
  15441. position: absolute;
  15442. top: 50%;
  15443. right: 20px;
  15444. -webkit-transform: translateY(-50%);
  15445. -ms-transform: translateY(-50%);
  15446. transform: translateY(-50%);
  15447. color: #2c2c51;
  15448. }
  15449. .gp-posts-widget-wrapper .post-item {
  15450. display: -webkit-box;
  15451. display: -ms-flexbox;
  15452. display: flex;
  15453. -ms-flex-wrap: wrap;
  15454. flex-wrap: wrap;
  15455. margin-bottom: 30px;
  15456. }
  15457. .gp-posts-widget-wrapper .post-item .post-widget-thumbnail {
  15458. width: 80px;
  15459. margin-right: 20px;
  15460. border-radius: 4px;
  15461. overflow: hidden;
  15462. }
  15463. .gp-posts-widget-wrapper .post-item .post-widget-thumbnail img {
  15464. border-radius: 4px;
  15465. }
  15466. .gp-posts-widget-wrapper .post-item .post-widget-info {
  15467. -webkit-box-flex: 1;
  15468. -ms-flex: 1;
  15469. flex: 1;
  15470. }
  15471. .gp-posts-widget-wrapper .post-item .post-widget-title {
  15472. font-size: 16px;
  15473. font-weight: 800;
  15474. line-height: 24px;
  15475. margin-bottom: 4px;
  15476. }
  15477. .gp-posts-widget-wrapper .post-item .post-widget-title a {
  15478. color: #2c2c51;
  15479. }
  15480. .gp-posts-widget-wrapper .post-item .post-widget-title a:hover {
  15481. color: #ed1f25;
  15482. }
  15483. .gp-posts-widget-wrapper .post-item .post-meta {
  15484. margin: 0;
  15485. padding: 0;
  15486. list-style: none;
  15487. }
  15488. .gp-posts-widget-wrapper .post-item .post-meta li {
  15489. display: inline-block;
  15490. margin-right: 20px;
  15491. position: relative;
  15492. padding-left: 0;
  15493. }
  15494. .gp-posts-widget-wrapper .post-item .post-meta li:before {
  15495. display: none;
  15496. }
  15497. .gp-posts-widget-wrapper .post-item .post-meta li:not(:last-child):after {
  15498. content: "";
  15499. position: absolute;
  15500. right: -14px;
  15501. top: 8px;
  15502. height: 10px;
  15503. width: 1px;
  15504. background: #92929f;
  15505. }
  15506. .gp-posts-widget-wrapper .post-item .post-meta li a {
  15507. font-size: 12px;
  15508. font-weight: 500;
  15509. color: #92929f;
  15510. text-transform: uppercase;
  15511. }
  15512. .gp-posts-widget-wrapper .post-item .post-meta li a:hover {
  15513. color: #ed1f25;
  15514. }
  15515. .recent-comments .comment-list {
  15516. display: -webkit-box;
  15517. display: -ms-flexbox;
  15518. display: flex;
  15519. margin-right: 20px;
  15520. margin-bottom: 25px;
  15521. }
  15522. .recent-comments .comment-list .avatar {
  15523. height: 50px;
  15524. width: 50px;
  15525. border-radius: 50%;
  15526. background: #b6b1c4;
  15527. margin-right: 20px;
  15528. }
  15529. .recent-comments .comment-list .avatar img {
  15530. border-radius: 50%;
  15531. }
  15532. .recent-comments .comment-list .comment-content {
  15533. -webkit-box-flex: 1;
  15534. -ms-flex: 1;
  15535. flex: 1;
  15536. padding-bottom: 20px;
  15537. border-bottom: 1px solid #ebe8f1;
  15538. }
  15539. .recent-comments .comment-list .comment-content .comments-text {
  15540. font-size: 16px;
  15541. color: #2c2c51;
  15542. line-height: 22px;
  15543. margin-bottom: 10px;
  15544. display: block;
  15545. }
  15546. .recent-comments .comment-list .comment-content .comments-text:hover {
  15547. color: #ed1f25;
  15548. }
  15549. .recent-comments .comment-list .comment-content .comment-author-link {
  15550. display: block;
  15551. font-size: 13px;
  15552. text-transform: uppercase;
  15553. font-weight: 500;
  15554. color: #92929f;
  15555. }
  15556. .recent-comments .comment-list .comment-content .comment-author-link:hover {
  15557. color: #ed1f25;
  15558. }
  15559. .tagcloud a {
  15560. display: inline-block;
  15561. font-size: 14px;
  15562. font-weight: 500;
  15563. color: #656575;
  15564. border: 2px solid #e4e5ed;
  15565. padding: 9px 13px;
  15566. border-radius: 4px;
  15567. margin-bottom: 10px;
  15568. margin-right: 5px;
  15569. line-height: 1;
  15570. }
  15571. .tagcloud a:hover {
  15572. color: #fff;
  15573. background: #ed1f25;
  15574. border-color: #ed1f25;
  15575. }
  15576. /*--------------------------------------------------------------
  15577. ## Call To Action
  15578. --------------------------------------------------------------*/
  15579. #call-to-action {
  15580. padding: 123px 0;
  15581. background-size: cover;
  15582. background-position: center center;
  15583. background-repeat: no-repeat;
  15584. }
  15585. .call-to-action {
  15586. display: -webkit-box;
  15587. display: -ms-flexbox;
  15588. display: flex;
  15589. -ms-flex-wrap: wrap;
  15590. flex-wrap: wrap;
  15591. -webkit-box-align: center;
  15592. -ms-flex-align: center;
  15593. align-items: center;
  15594. }
  15595. .call-to-action > div {
  15596. width: 50%;
  15597. }
  15598. .call-to-action .action-content h2 {
  15599. color: #fff;
  15600. font-weight: 700;
  15601. font-size: 34px;
  15602. margin-bottom: 20px;
  15603. }
  15604. .call-to-action .action-content p {
  15605. color: #fff;
  15606. }
  15607. .call-to-action .action-button {
  15608. display: -webkit-box;
  15609. display: -ms-flexbox;
  15610. display: flex;
  15611. -webkit-box-pack: end;
  15612. -ms-flex-pack: end;
  15613. justify-content: flex-end;
  15614. }
  15615. .call-to-action .action-button .gp-btn {
  15616. -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 6, 26, 0.1);
  15617. box-shadow: 0px 8px 16px 0px rgba(0, 6, 26, 0.1);
  15618. padding: 12px 35px;
  15619. }
  15620. .call-to-action .action-button .gp-btn:hover {
  15621. -webkit-box-shadow: none;
  15622. box-shadow: none;
  15623. }
  15624. .call-to-action .action-button .btn-two {
  15625. margin-left: 20px;
  15626. }
  15627. .call-to-action .action-button .btn-two:hover {
  15628. border-color: rgba(255, 255, 255, 0.5);
  15629. color: #fff;
  15630. }
  15631. #call-to-action-two {
  15632. background: #4d5afe;
  15633. padding: 147px 0 138px;
  15634. }
  15635. @media (max-width: 991px) {
  15636. #call-to-action-two {
  15637. padding: 120px 0;
  15638. }
  15639. }
  15640. .call-to-action-two {
  15641. display: -webkit-box;
  15642. display: -ms-flexbox;
  15643. display: flex;
  15644. -webkit-box-pack: justify;
  15645. -ms-flex-pack: justify;
  15646. justify-content: space-between;
  15647. -webkit-box-align: center;
  15648. -ms-flex-align: center;
  15649. align-items: center;
  15650. }
  15651. @media (max-width: 768px) {
  15652. .call-to-action-two {
  15653. display: block;
  15654. }
  15655. }
  15656. .call-to-action-two .action-content .action-title {
  15657. font-size: 40px;
  15658. line-height: 55px;
  15659. font-weight: 700;
  15660. color: #fff;
  15661. }
  15662. @media (max-width: 991px) {
  15663. .call-to-action-two .action-content .action-title {
  15664. font-size: 34px;
  15665. line-height: 44px;
  15666. }
  15667. }
  15668. @media (max-width: 768px) {
  15669. .call-to-action-two .action-content .action-title {
  15670. margin-bottom: 30px;
  15671. }
  15672. }
  15673. .call-to-action-two .gp-btn {
  15674. padding: 15px 32px;
  15675. }
  15676. #call-to-action-three .call-to-action-content {
  15677. background: #fff;
  15678. -webkit-box-shadow: 0px 50px 100px 0px rgba(1, 33, 26, 0.08), 0px -20px 50px 0px rgba(1, 33, 26, 0.04);
  15679. box-shadow: 0px 50px 100px 0px rgba(1, 33, 26, 0.08), 0px -20px 50px 0px rgba(1, 33, 26, 0.04);
  15680. border-radius: 10px;
  15681. padding: 67px 70px 80px;
  15682. text-align: center;
  15683. margin-bottom: -180px;
  15684. }
  15685. @media (max-width: 576px) {
  15686. #call-to-action-three .call-to-action-content {
  15687. padding: 67px 40px 80px;
  15688. }
  15689. }
  15690. @media (max-width: 576px) {
  15691. #call-to-action-three .call-to-action-content .action-button .gp-btn {
  15692. margin-bottom: 20px;
  15693. }
  15694. }
  15695. #call-to-action-three .call-to-action-content .action-button .btn-outline {
  15696. margin-left: 20px;
  15697. }
  15698. @media (max-width: 576px) {
  15699. #call-to-action-three .call-to-action-content .action-button .btn-outline {
  15700. margin-left: 10px;
  15701. }
  15702. }
  15703. @media (max-width: 480px) {
  15704. #call-to-action-three .call-to-action-content .action-button .btn-outline {
  15705. margin-left: 0;
  15706. }
  15707. }
  15708. #call-to-action-three .action-content-three h2 {
  15709. font-size: 40px;
  15710. line-height: 54px;
  15711. margin-bottom: 46px;
  15712. }
  15713. @media (max-width: 1024px) {
  15714. #call-to-action-three .action-content-three h2 br {
  15715. display: none;
  15716. }
  15717. }
  15718. @media (max-width: 768px) {
  15719. #call-to-action-three .action-content-three h2 {
  15720. font-size: 34px;
  15721. line-height: 44px;
  15722. }
  15723. }
  15724. @media (max-width: 576px) {
  15725. #call-to-action-three .action-content-three h2 {
  15726. font-size: 28px;
  15727. line-height: 38px;
  15728. }
  15729. }
  15730. .background-shapewrap img {
  15731. position: absolute;
  15732. }
  15733. .background-shapewrap .shape-one {
  15734. top: -50%;
  15735. left: 0;
  15736. }
  15737. .background-shapewrap .shape-two {
  15738. right: 0;
  15739. bottom: -70%;
  15740. }
  15741. .background-shapewrap .shape-three {
  15742. right: 0;
  15743. bottom: 0;
  15744. }
  15745. .action-vector {
  15746. position: absolute;
  15747. top: 72px;
  15748. left: -58px;
  15749. }
  15750. .background-shapewrap {
  15751. position: absolute;
  15752. width: 100%;
  15753. height: 100%;
  15754. left: 0;
  15755. top: 0;
  15756. }
  15757. .background-shapewrap img {
  15758. position: absolute;
  15759. }
  15760. #call-to-action-four {
  15761. background: #faf9fd;
  15762. padding: 110px 0 120px;
  15763. position: relative;
  15764. }
  15765. #call-to-action-four .left-shape, #call-to-action-four .bottom-shape {
  15766. position: absolute;
  15767. }
  15768. #call-to-action-four .left-shape {
  15769. left: 11%;
  15770. top: 50%;
  15771. -webkit-transform: translateY(-50%);
  15772. -ms-transform: translateY(-50%);
  15773. transform: translateY(-50%);
  15774. }
  15775. @media (max-width: 1400px) {
  15776. #call-to-action-four .left-shape {
  15777. left: 50px;
  15778. }
  15779. }
  15780. @media (max-width: 991px) {
  15781. #call-to-action-four .left-shape {
  15782. left: 0;
  15783. }
  15784. }
  15785. @media (max-width: 768px) {
  15786. #call-to-action-four .left-shape {
  15787. display: none;
  15788. }
  15789. }
  15790. #call-to-action-four .bottom-shape {
  15791. right: 11%;
  15792. bottom: -28px;
  15793. z-index: 2;
  15794. }
  15795. .call-to-action-four {
  15796. position: relative;
  15797. z-index: 22;
  15798. }
  15799. .call-to-action-four .action-content .action-title {
  15800. font-size: 40px;
  15801. line-height: 44px;
  15802. margin-bottom: 15px;
  15803. }
  15804. @media (max-width: 991px) {
  15805. .call-to-action-four .action-content .action-title {
  15806. font-size: 30px;
  15807. line-height: 40px;
  15808. }
  15809. }
  15810. .call-to-action-four .action-content p {
  15811. font-size: 24px;
  15812. line-height: 1.3;
  15813. margin-bottom: 52px;
  15814. }
  15815. @media (max-width: 991px) {
  15816. .call-to-action-four .action-content p {
  15817. font-size: 16px;
  15818. }
  15819. }
  15820. .call-to-action-wrapper {
  15821. position: relative;
  15822. -webkit-transition: all 0.4s ease-in-out;
  15823. -o-transition: all 0.4s ease-in-out;
  15824. transition: all 0.4s ease-in-out;
  15825. }
  15826. .call-to-action-wrapper .action-content-inner {
  15827. background: #4533c0;
  15828. padding: 40px 50px 0 100px;
  15829. background-image: url(../img/header-bg.jpg);
  15830. background-size: cover;
  15831. background-position: center center;
  15832. background-repeat: no-repeat;
  15833. border-radius: 10px;
  15834. position: relative;
  15835. z-index: 22;
  15836. color: white;
  15837. }
  15838. @media (max-width: 767px) {
  15839. .call-to-action-wrapper .action-content-inner {
  15840. padding: 40px 50px 0;
  15841. text-align: center;
  15842. }
  15843. }
  15844. @media (max-width: 1920px) and (min-width: 1440px) {
  15845. .highlighter .call-to-action-wrapper {
  15846. -webkit-transform: scale(1.05);
  15847. -ms-transform: scale(1.05);
  15848. transform: scale(1.05);
  15849. }
  15850. }
  15851. @media (min-width: 992px) and (max-width: 1439px) {
  15852. .highlighter .call-to-action-wrapper {
  15853. -webkit-transform: scale(1.02);
  15854. -ms-transform: scale(1.02);
  15855. transform: scale(1.02);
  15856. }
  15857. }
  15858. .call-to-action-wrapper .action-content-wrapper {
  15859. padding-top: 50px;
  15860. }
  15861. .call-to-action-wrapper .action-content-wrapper .title {
  15862. color: #fff;
  15863. font-size: 40px;
  15864. font-weight: 800;
  15865. margin-bottom: 25px;
  15866. }
  15867. @media (max-width: 991px) {
  15868. .call-to-action-wrapper .action-content-wrapper .title {
  15869. font-size: 30px;
  15870. }
  15871. }
  15872. .call-to-action-wrapper .action-content-wrapper p {
  15873. color: #fff;
  15874. margin-bottom: 42px;
  15875. }
  15876. .call-to-action-wrapper .action-image-wrapper {
  15877. position: relative;
  15878. padding-left: 130px;
  15879. }
  15880. @media (max-width: 576px) {
  15881. .call-to-action-wrapper .action-image-wrapper {
  15882. padding-left: 0;
  15883. }
  15884. }
  15885. .call-to-action-wrapper .action-image-wrapper .image-one {
  15886. position: relative;
  15887. z-index: 2;
  15888. }
  15889. .call-to-action-wrapper .action-image-wrapper .image-two {
  15890. position: absolute;
  15891. bottom: 0;
  15892. right: 35px;
  15893. }
  15894. .circle-top {
  15895. border-radius: 50%;
  15896. opacity: 0.502;
  15897. position: absolute;
  15898. left: -100px;
  15899. top: -80px;
  15900. width: 300px;
  15901. height: 300px;
  15902. z-index: 1;
  15903. }
  15904. @media (max-width: 1200px) {
  15905. .circle-top {
  15906. top: -60px;
  15907. }
  15908. }
  15909. .circle-bottom {
  15910. position: absolute;
  15911. border-radius: 50%;
  15912. background-image: -webkit-gradient(linear, left top, right top, from(#fa5a4c), to(#fcbd79));
  15913. background-image: -o-linear-gradient(left, #fa5a4c 0%, #fcbd79 100%);
  15914. background-image: linear-gradient(to right, #fa5a4c 0%, #fcbd79 100%);
  15915. opacity: 0.702;
  15916. bottom: -100px;
  15917. right: -150px;
  15918. width: 550px;
  15919. height: 550px;
  15920. z-index: 1;
  15921. }
  15922. @media (max-width: 1600px) {
  15923. .circle-bottom {
  15924. right: -100px;
  15925. }
  15926. }
  15927. @media (max-width: 1400px) {
  15928. .circle-bottom {
  15929. right: -0px;
  15930. }
  15931. }
  15932. @media (max-width: 1200px) {
  15933. .circle-bottom {
  15934. height: 400px;
  15935. width: 400px;
  15936. bottom: -80px;
  15937. }
  15938. }
  15939. #call-to-action-community {
  15940. padding: 130px 0;
  15941. position: relative;
  15942. background-size: cover;
  15943. background-position: center center;
  15944. background-repeat: no-repeat;
  15945. }
  15946. #call-to-action-community:before {
  15947. content: "";
  15948. position: absolute;
  15949. width: 100%;
  15950. height: 100%;
  15951. left: 0;
  15952. top: 0;
  15953. background-color: rgba(44, 44, 81, 0.95);
  15954. }
  15955. #call-to-action-community .action-content .action-title {
  15956. color: #fff;
  15957. font-size: 40px;
  15958. font-weight: 700;
  15959. }
  15960. #call-to-action-community .action-info p {
  15961. color: #fff;
  15962. margin-bottom: 35px;
  15963. }
  15964. #call-to-action-community .action-info .gp-btn {
  15965. color: #2c2c51;
  15966. padding: 11px 29px;
  15967. font-size: 14px;
  15968. }
  15969. #call-to-action-community .action-info .gp-btn:hover {
  15970. color: #fff;
  15971. border-color: rgba(255, 255, 255, 0.5);
  15972. }
  15973. #call-to-action-agency-two {
  15974. padding: 146px 0;
  15975. position: relative;
  15976. }
  15977. @media (max-width: 991px) {
  15978. #call-to-action-agency-two {
  15979. padding: 100px 0;
  15980. }
  15981. }
  15982. #call-to-action-agency-two:before {
  15983. content: "";
  15984. position: absolute;
  15985. height: 100%;
  15986. width: 100%;
  15987. left: 0;
  15988. top: 0;
  15989. background: rgba(91, 44, 173, 0.7);
  15990. }
  15991. #call-to-action-agency-two .action-content .action-title {
  15992. color: #fff;
  15993. font-size: 44px;
  15994. line-height: 54px;
  15995. font-weight: 700;
  15996. margin: 0;
  15997. }
  15998. @media (max-width: 991px) {
  15999. #call-to-action-agency-two .action-content .action-title {
  16000. font-size: 30px;
  16001. line-height: 40px;
  16002. }
  16003. }
  16004. @media (max-width: 767px) {
  16005. #call-to-action-agency-two .action-content .action-title {
  16006. text-align: center;
  16007. }
  16008. }
  16009. #call-to-action-agency-two .action-info .gp-btn:hover {
  16010. border-color: #fff;
  16011. color: #fff;
  16012. }
  16013. @media (min-width: 768px) {
  16014. #call-to-action-agency-two .action-info {
  16015. text-align: right;
  16016. }
  16017. }
  16018. @media (max-width: 767px) {
  16019. #call-to-action-agency-two .action-info {
  16020. margin-top: 30px;
  16021. text-align: center;
  16022. }
  16023. }
  16024. @media (max-width: 991px) {
  16025. .call-to-action {
  16026. display: block;
  16027. text-align: center;
  16028. }
  16029. .call-to-action > div {
  16030. width: 100%;
  16031. }
  16032. .call-to-action .action-button {
  16033. margin-top: 30px;
  16034. -webkit-box-pack: center;
  16035. -ms-flex-pack: center;
  16036. justify-content: center;
  16037. }
  16038. }
  16039. /*--------------------------------------------------------------
  16040. ## Page Header
  16041. --------------------------------------------------------------*/
  16042. .page-banner {
  16043. background: #292a7f;
  16044. height: 450px;
  16045. position: relative;
  16046. overflow: hidden;
  16047. }
  16048. .page-banner.banner-bg {
  16049. height: 400px;
  16050. }
  16051. .page-banner.portfolio-banner-bg {
  16052. height: 650px;
  16053. }
  16054. .page-banner.banner-bg, .page-banner.portfolio-banner-bg {
  16055. background-size: cover;
  16056. background-position: center center;
  16057. }
  16058. .page-banner.banner-bg:before, .page-banner.portfolio-banner-bg:before {
  16059. content: "";
  16060. position: absolute;
  16061. width: 100%;
  16062. height: 100%;
  16063. left: 0;
  16064. top: 0;
  16065. background: rgba(54, 55, 133, 0.9);
  16066. }
  16067. .page-banner .page-title-wrapper {
  16068. position: absolute;
  16069. top: 50%;
  16070. left: 0;
  16071. width: 100%;
  16072. -webkit-transform: translateY(-50%);
  16073. -ms-transform: translateY(-50%);
  16074. transform: translateY(-50%);
  16075. margin-top: 35px;
  16076. position: relative;
  16077. z-index: 2;
  16078. }
  16079. .page-banner .page-title-wrapper .page-title {
  16080. font-size: 50px;
  16081. line-height: 63px;
  16082. color: #fff;
  16083. font-weight: 700;
  16084. margin-bottom: 0;
  16085. }
  16086. .page-banner .page-title-wrapper .breadcrumbs {
  16087. margin: 0;
  16088. padding: 0;
  16089. list-style: none;
  16090. }
  16091. .page-banner .page-title-wrapper .breadcrumbs li {
  16092. display: inline-block;
  16093. color: #bbbbd6;
  16094. font-size: 18px;
  16095. position: relative;
  16096. }
  16097. .page-banner .page-title-wrapper .breadcrumbs li:not(:last-child) {
  16098. margin-right: 20px;
  16099. }
  16100. .page-banner .page-title-wrapper .breadcrumbs li:not(:last-child):before {
  16101. content: ">";
  16102. position: absolute;
  16103. right: -17px;
  16104. top: 0;
  16105. }
  16106. .page-banner .page-title-wrapper .breadcrumbs li a {
  16107. color: #fff;
  16108. }
  16109. .page-banner .page-title-wrapper .breadcrumbs li a:hover {
  16110. color: #d4d4d4;
  16111. }
  16112. .page-banner.style-light {
  16113. background: #f4f4fd;
  16114. }
  16115. .page-banner.style-light .page-title {
  16116. color: #373d46;
  16117. }
  16118. .page-banner.style-light .breadcrumbs {
  16119. margin: 0;
  16120. padding: 0;
  16121. list-style: none;
  16122. }
  16123. .page-banner.style-light .breadcrumbs li {
  16124. color: #373d46;
  16125. }
  16126. .page-banner.style-light .breadcrumbs li a {
  16127. color: #373d46;
  16128. }
  16129. .page-banner.style-light .breadcrumbs li a:hover {
  16130. color: #ed1f25;
  16131. }
  16132. .page-banner.banner-single-post {
  16133. height: auto;
  16134. background-size: cover;
  16135. background-position: center center;
  16136. }
  16137. .page-banner.banner-single-post .page-title-wrapper {
  16138. position: relative;
  16139. z-index: 33;
  16140. }
  16141. .page-banner.banner-single-post:before {
  16142. content: "";
  16143. position: absolute;
  16144. left: 0;
  16145. top: 0;
  16146. width: 100%;
  16147. height: 100%;
  16148. background: rgba(10, 10, 45, 0.5);
  16149. z-index: 22;
  16150. }
  16151. .page-banner.banner-single-post .banner-pr {
  16152. position: relative;
  16153. height: 650px;
  16154. }
  16155. .page-banner.banner-single-post .single-meta-cat {
  16156. font-size: 12px;
  16157. font-weight: 500;
  16158. background: #32ba13;
  16159. color: #fff;
  16160. border-radius: 3px;
  16161. text-transform: uppercase;
  16162. padding: 6px 9px;
  16163. line-height: 1.1;
  16164. display: inline-block;
  16165. margin-bottom: 10px;
  16166. }
  16167. .page-banner.banner-single-post .page-title {
  16168. max-width: 650px;
  16169. font-size: 40px;
  16170. line-height: 50px;
  16171. text-align: left;
  16172. margin-bottom: 23px;
  16173. }
  16174. .page-banner.banner-single-post .post-meta {
  16175. margin: 0;
  16176. }
  16177. .page-banner.banner-single-post .post-meta li a {
  16178. color: #fff;
  16179. }
  16180. .page-banner-pr {
  16181. position: relative;
  16182. height: 650px;
  16183. }
  16184. .banner-pertical {
  16185. position: absolute;
  16186. top: 0;
  16187. left: 0;
  16188. width: 100%;
  16189. height: 100%;
  16190. margin: 0;
  16191. padding: 0;
  16192. list-style: none;
  16193. }
  16194. .banner-pertical li {
  16195. position: absolute;
  16196. }
  16197. .banner-pertical li:nth-child(1) {
  16198. left: 140px;
  16199. top: 50%;
  16200. -webkit-animation: animationFramesTwo 30s infinite linear;
  16201. animation: animationFramesTwo 30s infinite linear;
  16202. }
  16203. .banner-pertical li:nth-child(2) {
  16204. left: 24%;
  16205. bottom: 86px;
  16206. z-index: 2;
  16207. -webkit-animation: animeone 40s infinite linear;
  16208. animation: animeone 40s infinite linear;
  16209. }
  16210. .banner-pertical li:nth-child(3) {
  16211. left: 15%;
  16212. bottom: -30px;
  16213. z-index: 2;
  16214. }
  16215. .banner-pertical li:nth-child(4) {
  16216. top: 180px;
  16217. right: 195px;
  16218. }
  16219. .banner-pertical li:nth-child(5) {
  16220. right: 18%;
  16221. bottom: 95px;
  16222. }
  16223. .banner-pertical li:nth-child(6) {
  16224. height: 100px;
  16225. width: 100px;
  16226. border: 5px solid #474bfe;
  16227. border-radius: 50%;
  16228. right: -70px;
  16229. bottom: 65px;
  16230. }
  16231. .banner-pertical li:nth-child(7) {
  16232. height: 500px;
  16233. width: 500px;
  16234. background-color: #313284;
  16235. border-radius: 50%;
  16236. left: 18%;
  16237. bottom: -89%;
  16238. -webkit-animation: animeone 40s infinite linear;
  16239. animation: animeone 40s infinite linear;
  16240. }
  16241. .banner-pertical-two {
  16242. position: absolute;
  16243. width: 100%;
  16244. height: 100%;
  16245. left: 0;
  16246. top: 0;
  16247. margin: 0;
  16248. padding: 0;
  16249. list-style: none;
  16250. }
  16251. .banner-pertical-two li {
  16252. position: absolute;
  16253. }
  16254. .banner-pertical-two li:nth-child(1) {
  16255. left: 50px;
  16256. top: 0;
  16257. }
  16258. .banner-pertical-two li:nth-child(2) {
  16259. left: 0;
  16260. bottom: 0;
  16261. }
  16262. .banner-pertical-two li:nth-child(3) {
  16263. right: 0;
  16264. bottom: -130px;
  16265. }
  16266. .banner-pertical-two li:nth-child(4) {
  16267. right: 180px;
  16268. bottom: -45px;
  16269. }
  16270. .banner-pertical-two li:nth-child(5) {
  16271. left: 23%;
  16272. bottom: 150px;
  16273. }
  16274. .banner-pertical-two li:nth-child(6) {
  16275. left: 24.8%;
  16276. bottom: 138px;
  16277. }
  16278. .banner-pertical-two li:nth-child(7) {
  16279. right: 170px;
  16280. top: 140px;
  16281. }
  16282. .banner-pertical-two li:nth-child(8) {
  16283. left: 115px;
  16284. bottom: 125px;
  16285. }
  16286. .banner-pertical-two li:nth-child(9) {
  16287. right: 24%;
  16288. top: 45%;
  16289. }
  16290. .bigSquare {
  16291. -webkit-animation-name: bigSquare;
  16292. animation-name: bigSquare;
  16293. }
  16294. @-webkit-keyframes bigSquare {
  16295. from {
  16296. -webkit-transform: translateY(10%) rotate(-80deg) scale(0);
  16297. transform: translateY(10%) rotate(-80deg) scale(0);
  16298. }
  16299. to {
  16300. -webkit-transform: translateY(0) rotate(0deg) scale(1);
  16301. transform: translateY(0) rotate(0deg) scale(1);
  16302. }
  16303. }
  16304. @keyframes bigSquare {
  16305. from {
  16306. -webkit-transform: translateY(10%) rotate(-80deg) scale(0);
  16307. transform: translateY(10%) rotate(-80deg) scale(0);
  16308. }
  16309. to {
  16310. -webkit-transform: translateY(0) rotate(0deg) scale(1);
  16311. transform: translateY(0) rotate(0deg) scale(1);
  16312. }
  16313. }
  16314. .littleSquare {
  16315. -webkit-animation-name: littleSquare;
  16316. animation-name: littleSquare;
  16317. }
  16318. @-webkit-keyframes littleSquare {
  16319. from {
  16320. -webkit-transform: translate(226%, 183%) rotate(140deg) scale(0);
  16321. transform: translate(226%, 183%) rotate(140deg) scale(0);
  16322. }
  16323. to {
  16324. -webkit-transform: translate(0%, 0%) rotate(0deg) scale(1);
  16325. transform: translate(0%, 0%) rotate(0deg) scale(1);
  16326. }
  16327. }
  16328. @keyframes littleSquare {
  16329. from {
  16330. -webkit-transform: translate(226%, 183%) rotate(140deg) scale(0);
  16331. transform: translate(226%, 183%) rotate(140deg) scale(0);
  16332. }
  16333. to {
  16334. -webkit-transform: translate(0%, 0%) rotate(0deg) scale(1);
  16335. transform: translate(0%, 0%) rotate(0deg) scale(1);
  16336. }
  16337. }
  16338. .triangle {
  16339. -webkit-animation-name: triangle;
  16340. animation-name: triangle;
  16341. }
  16342. @-webkit-keyframes triangle {
  16343. from {
  16344. -webkit-transform: rotate(-140deg) scale(0);
  16345. transform: rotate(-140deg) scale(0);
  16346. }
  16347. to {
  16348. -webkit-transform: rotate(0deg) scale(1);
  16349. transform: rotate(0deg) scale(1);
  16350. }
  16351. }
  16352. @keyframes triangle {
  16353. from {
  16354. -webkit-transform: rotate(-140deg) scale(0);
  16355. transform: rotate(-140deg) scale(0);
  16356. }
  16357. to {
  16358. -webkit-transform: rotate(0deg) scale(1);
  16359. transform: rotate(0deg) scale(1);
  16360. }
  16361. }
  16362. .hoop {
  16363. -webkit-animation-name: hoop;
  16364. animation-name: hoop;
  16365. }
  16366. @-webkit-keyframes hoop {
  16367. from {
  16368. -webkit-transform: translate(-160%, -33%) scale(0);
  16369. transform: translate(-160%, -33%) scale(0);
  16370. }
  16371. to {
  16372. -webkit-transform: translate(0%, 0%) scale(1);
  16373. transform: translate(0%, 0%) scale(1);
  16374. }
  16375. }
  16376. @keyframes hoop {
  16377. from {
  16378. -webkit-transform: translate(-160%, -33%) scale(0);
  16379. transform: translate(-160%, -33%) scale(0);
  16380. }
  16381. to {
  16382. -webkit-transform: translate(0%, 0%) scale(1);
  16383. transform: translate(0%, 0%) scale(1);
  16384. }
  16385. }
  16386. .bigCircle {
  16387. -webkit-animation-name: bigCircle;
  16388. animation-name: bigCircle;
  16389. }
  16390. @-webkit-keyframes bigCircle {
  16391. from {
  16392. -webkit-transform: scale(0) translate(60%, 3%);
  16393. transform: scale(0) translate(60%, 3%);
  16394. }
  16395. to {
  16396. -webkit-transform: scale(1) translate(0%, 0%);
  16397. transform: scale(1) translate(0%, 0%);
  16398. }
  16399. }
  16400. @keyframes bigCircle {
  16401. from {
  16402. -webkit-transform: scale(0) translate(60%, 3%);
  16403. transform: scale(0) translate(60%, 3%);
  16404. }
  16405. to {
  16406. -webkit-transform: scale(1) translate(0%, 0%);
  16407. transform: scale(1) translate(0%, 0%);
  16408. }
  16409. }
  16410. .littleCircle {
  16411. -webkit-animation-name: littleCircle;
  16412. animation-name: littleCircle;
  16413. }
  16414. @-webkit-keyframes littleCircle {
  16415. from {
  16416. -webkit-transform: scale(0);
  16417. transform: scale(0);
  16418. }
  16419. to {
  16420. -webkit-transform: scale(1);
  16421. transform: scale(1);
  16422. }
  16423. }
  16424. @keyframes littleCircle {
  16425. from {
  16426. -webkit-transform: scale(0);
  16427. transform: scale(0);
  16428. }
  16429. to {
  16430. -webkit-transform: scale(1);
  16431. transform: scale(1);
  16432. }
  16433. }
  16434. .banner-pertical-two li:nth-child(1) {
  16435. -webkit-animation-delay: 0.16s;
  16436. animation-delay: 0.16s;
  16437. }
  16438. .banner-pertical-two li:nth-child(2) {
  16439. -webkit-animation-delay: 0.32s;
  16440. animation-delay: 0.32s;
  16441. }
  16442. .banner-pertical-two li:nth-child(3) {
  16443. -webkit-animation-delay: 0.48s;
  16444. animation-delay: 0.48s;
  16445. }
  16446. .banner-pertical-two li:nth-child(4) {
  16447. -webkit-animation-delay: 0.64s;
  16448. animation-delay: 0.64s;
  16449. }
  16450. .banner-pertical-two li:nth-child(5) {
  16451. -webkit-animation-delay: 0.8s;
  16452. animation-delay: 0.8s;
  16453. }
  16454. .banner-pertical-two li:nth-child(6) {
  16455. -webkit-animation-delay: 0.96s;
  16456. animation-delay: 0.96s;
  16457. }
  16458. .banner-pertical-two li:nth-child(7) {
  16459. -webkit-animation-delay: 1.12s;
  16460. animation-delay: 1.12s;
  16461. }
  16462. .banner-pertical-two li:nth-child(8) {
  16463. -webkit-animation-delay: 1.28s;
  16464. animation-delay: 1.28s;
  16465. }
  16466. .banner-pertical-two li:nth-child(9) {
  16467. -webkit-animation-delay: 1.44s;
  16468. animation-delay: 1.44s;
  16469. }
  16470. .banner-pertical-two li:nth-child(10) {
  16471. -webkit-animation-delay: 1.6s;
  16472. animation-delay: 1.6s;
  16473. }
  16474. .banner-pertical-two li:nth-child(11) {
  16475. -webkit-animation-delay: 1.76s;
  16476. animation-delay: 1.76s;
  16477. }
  16478. /* Page Header Two */
  16479. .page-banner-two {
  16480. background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 227, 212, 0.302)), to(rgba(176, 243, 241, 0.302)));
  16481. background-image: -o-linear-gradient(right, rgba(255, 227, 212, 0.302) 0%, rgba(176, 243, 241, 0.302) 100%);
  16482. background-image: linear-gradient(to left, rgba(255, 227, 212, 0.302) 0%, rgba(176, 243, 241, 0.302) 100%);
  16483. padding: 150px 0 80px;
  16484. overflow: hidden;
  16485. }
  16486. .page-banner-two .page-title-wrapper {
  16487. position: relative;
  16488. z-index: 22;
  16489. }
  16490. .page-banner-two .page-title-wrapper .page-title {
  16491. font-size: 30px;
  16492. color: #2c2c51;
  16493. font-weight: 700;
  16494. margin: 0;
  16495. }
  16496. .page-banner-two .page-title-wrapper .breadcrumbs {
  16497. margin: 0;
  16498. padding: 0;
  16499. list-style: none;
  16500. }
  16501. .page-banner-two .page-title-wrapper .breadcrumbs li {
  16502. display: inline-block;
  16503. margin-right: 20px;
  16504. position: relative;
  16505. }
  16506. .page-banner-two .page-title-wrapper .breadcrumbs li:not(:last-child):before {
  16507. content: ">";
  16508. position: absolute;
  16509. right: -17px;
  16510. top: 0;
  16511. }
  16512. .page-banner-two .page-title-wrapper .breadcrumbs li a {
  16513. color: #797986;
  16514. }
  16515. .page-banner-two .page-title-wrapper .breadcrumbs li a:hover {
  16516. color: #ed1f25;
  16517. }
  16518. .page-banner-two .banner-pertical-three {
  16519. margin: 0;
  16520. padding: 0;
  16521. list-style: none;
  16522. }
  16523. .page-banner-two .banner-pertical-three li {
  16524. position: absolute;
  16525. right: 0;
  16526. }
  16527. .page-banner-two .banner-pertical-three li:nth-child(1) {
  16528. bottom: -70px;
  16529. right: 210px;
  16530. }
  16531. .page-banner-three {
  16532. position: relative;
  16533. height: 565px;
  16534. background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 227, 212, 0.302)), to(rgba(176, 243, 241, 0.302)));
  16535. background-image: -o-linear-gradient(right, rgba(255, 227, 212, 0.302) 0%, rgba(176, 243, 241, 0.302) 100%);
  16536. background-image: linear-gradient(to left, rgba(255, 227, 212, 0.302) 0%, rgba(176, 243, 241, 0.302) 100%);
  16537. display: -webkit-box;
  16538. display: -ms-flexbox;
  16539. display: flex;
  16540. -webkit-box-align: center;
  16541. -ms-flex-align: center;
  16542. align-items: center;
  16543. -webkit-box-pack: center;
  16544. -ms-flex-pack: center;
  16545. justify-content: center;
  16546. }
  16547. @media (max-width: 767px) {
  16548. .page-banner-three {
  16549. height: 350px;
  16550. }
  16551. }
  16552. .page-banner-three .bottom-shape {
  16553. position: absolute;
  16554. left: 0;
  16555. bottom: 0;
  16556. width: 100%;
  16557. }
  16558. .page-banner-three .bottom-shape img {
  16559. width: 100%;
  16560. }
  16561. .page-banner-three .page-title-wrapper {
  16562. position: relative;
  16563. z-index: 22;
  16564. }
  16565. .page-banner-three .page-title-wrapper .page-title {
  16566. font-size: 50px;
  16567. color: #2c2c51;
  16568. font-weight: 700;
  16569. margin: 0;
  16570. }
  16571. @media (max-width: 767px) {
  16572. .page-banner-three .page-title-wrapper .page-title {
  16573. font-size: 40px;
  16574. }
  16575. }
  16576. .page-banner-three .page-title-wrapper .breadcrumbs {
  16577. margin: 0;
  16578. padding: 0;
  16579. list-style: none;
  16580. }
  16581. .page-banner-three .page-title-wrapper .breadcrumbs li {
  16582. display: inline-block;
  16583. margin-right: 20px;
  16584. position: relative;
  16585. }
  16586. .page-banner-three .page-title-wrapper .breadcrumbs li:not(:last-child):before {
  16587. content: ">";
  16588. position: absolute;
  16589. right: -17px;
  16590. top: 0;
  16591. }
  16592. .page-banner-three .page-title-wrapper .breadcrumbs li a {
  16593. color: #797986;
  16594. }
  16595. .page-banner-three .page-title-wrapper .breadcrumbs li a:hover {
  16596. color: #ed1f25;
  16597. }
  16598. .page-banner-three .banner-pertical-three {
  16599. margin: 0;
  16600. padding: 0;
  16601. list-style: none;
  16602. position: absolute;
  16603. top: 0;
  16604. left: 0;
  16605. width: 100%;
  16606. height: 100%;
  16607. z-index: 2;
  16608. }
  16609. @media (max-width: 620px) {
  16610. .page-banner-three .banner-pertical-three {
  16611. display: none;
  16612. }
  16613. }
  16614. .page-banner-three .banner-pertical-three li {
  16615. position: absolute;
  16616. right: 0;
  16617. }
  16618. .page-banner-three .banner-pertical-three li:nth-child(1) {
  16619. top: 0;
  16620. left: 30px;
  16621. }
  16622. .page-banner-three .banner-pertical-three li:nth-child(2) {
  16623. left: 150px;
  16624. top: 50%;
  16625. }
  16626. .page-banner-three .banner-pertical-three li:nth-child(3) {
  16627. left: 22%;
  16628. bottom: 60px;
  16629. }
  16630. .page-banner-three .banner-pertical-three li:nth-child(4) {
  16631. right: 15%;
  16632. bottom: 120px;
  16633. }
  16634. .page-banner-three .banner-pertical-three li:nth-child(4) {
  16635. right: 15%;
  16636. bottom: 120px;
  16637. width: 134px;
  16638. height: 111px;
  16639. }
  16640. .page-banner-three .banner-pertical-three li:nth-child(5) {
  16641. right: 165px;
  16642. top: 140px;
  16643. width: 85px;
  16644. }
  16645. .page-banner-three .page-header-image-svg {
  16646. position: absolute;
  16647. top: 0;
  16648. left: 0;
  16649. width: 100%;
  16650. height: auto;
  16651. opacity: 0.239;
  16652. }
  16653. /*--------------------------------------------------------------
  16654. ## Account Form
  16655. --------------------------------------------------------------*/
  16656. .signin-page {
  16657. padding: 50px 0 120px;
  16658. }
  16659. input[type=checkbox], input[type=radio] {
  16660. width: auto;
  16661. }
  16662. .account-form .submit-btn {
  16663. width: auto;
  16664. display: inline-block;
  16665. background: #ed1f25;
  16666. display: block;
  16667. }
  16668. .account-form .submit-btn i {
  16669. display: inline-block;
  16670. vertical-align: middle;
  16671. -webkit-transition: all 0.3s ease-in-out;
  16672. -o-transition: all 0.3s ease-in-out;
  16673. transition: all 0.3s ease-in-out;
  16674. margin-left: 3px;
  16675. }
  16676. .account-form .submit-btn:hover {
  16677. color: #fff;
  16678. -webkit-box-shadow: none;
  16679. box-shadow: none;
  16680. }
  16681. .account-form .gp-input-group {
  16682. margin-bottom: 34px;
  16683. }
  16684. .account-form .gp-input-group.mb-25 {
  16685. margin-bottom: 20px;
  16686. }
  16687. .account-form .gp-input {
  16688. border-color: 1px solid #d8d8d8;
  16689. height: 55px;
  16690. margin: 0;
  16691. }
  16692. .account-form .gp-input:focus {
  16693. background: #fff;
  16694. -webkit-box-shadow: 0 12px 20px 0 rgba(11, 3, 67, 0.12);
  16695. box-shadow: 0 12px 20px 0 rgba(11, 3, 67, 0.12);
  16696. }
  16697. .account-form .condition {
  16698. margin-bottom: 22px;
  16699. }
  16700. .account-form .condition input {
  16701. width: 15px;
  16702. height: 15px;
  16703. display: inline-block;
  16704. margin: 0 5px 0 0;
  16705. }
  16706. .account-form .condition span {
  16707. font-size: 14px;
  16708. vertical-align: 2px;
  16709. }
  16710. /*--------------------------------------------------------------
  16711. ## Contact
  16712. --------------------------------------------------------------*/
  16713. .contact {
  16714. padding: 120px 0 110px;
  16715. background: #fcfbff;
  16716. }
  16717. @media (max-width: 991px) {
  16718. .contact {
  16719. padding: 80px 0 60px;
  16720. }
  16721. }
  16722. .contact-form-inner {
  16723. padding: 40px;
  16724. background: #fff;
  16725. border-radius: 10px;
  16726. -webkit-box-shadow: 0 30px 100px 0 rgba(20, 3, 70, 0.14);
  16727. box-shadow: 0 30px 100px 0 rgba(20, 3, 70, 0.14);
  16728. z-index: 22;
  16729. }
  16730. .dark-mode .contact-form-inner {
  16731. background: #000;
  16732. }
  16733. .contact-form-inner h2 {
  16734. font-size: 36px;
  16735. font-weight: 700;
  16736. margin-bottom: 20px;
  16737. line-height: 44px;
  16738. color: #ee2225;
  16739. }
  16740. .contact-form-inner input, .contact-form-inner textarea {
  16741. font-size: 15px;
  16742. background: #f7f6f9;
  16743. border-radius: 4px;
  16744. padding: 15px 30px;
  16745. }
  16746. .contact-form-inner input::-webkit-input-placeholder, .contact-form-inner textarea::-webkit-input-placeholder {
  16747. color: #a7a9b4;
  16748. }
  16749. .contact-form-inner input::-moz-placeholder, .contact-form-inner textarea::-moz-placeholder {
  16750. color: #a7a9b4;
  16751. }
  16752. .contact-form-inner input:-ms-input-placeholder, .contact-form-inner textarea:-ms-input-placeholder {
  16753. color: #a7a9b4;
  16754. }
  16755. .contact-form-inner input::-ms-input-placeholder, .contact-form-inner textarea::-ms-input-placeholder {
  16756. color: #a7a9b4;
  16757. }
  16758. .contact-form-inner input::placeholder, .contact-form-inner textarea::placeholder {
  16759. color: #a7a9b4;
  16760. }
  16761. .contact-form-inner input:focus, .contact-form-inner textarea:focus {
  16762. background-color: white;
  16763. -webkit-box-shadow: 0 15px 17px 0 rgba(20, 3, 70, 0.08);
  16764. box-shadow: 0 15px 17px 0 rgba(20, 3, 70, 0.08);
  16765. }
  16766. .contact-form-inner input {
  16767. height: 60px;
  16768. }
  16769. .contact-form-inner .submit-btn {
  16770. width: 100%;
  16771. text-align: center;
  16772. padding: 14px 32px;
  16773. outline: 0;
  16774. font-size: 15px;
  16775. }
  16776. .contact-content {
  16777. padding: 135px 100px;
  16778. background-image: -o-linear-gradient(115deg, #5e2ced 0%, #a485fd 100%);
  16779. background-image: linear-gradient(-25deg, #5e2ced 0%, #a485fd 100%);
  16780. z-index: 2;
  16781. border-top-right-radius: 6px;
  16782. border-bottom-right-radius: 6px;
  16783. }
  16784. .contact-content .icon {
  16785. color: #fff;
  16786. font-size: 34px;
  16787. margin-bottom: 35px;
  16788. }
  16789. .contact-content h3 {
  16790. font-size: 24px;
  16791. font-weight: 400;
  16792. color: #fff;
  16793. margin-bottom: 15px;
  16794. }
  16795. .contact-content p {
  16796. color: #fff;
  16797. margin-bottom: 40px;
  16798. font-size: 16px;
  16799. line-height: 28px;
  16800. }
  16801. .contact-content .gp-btn {
  16802. width: 100%;
  16803. text-align: center;
  16804. color: #6e58fc;
  16805. padding: 13px 32px;
  16806. font-size: 15px;
  16807. }
  16808. .contact-infos {
  16809. margin-top: 70px;
  16810. }
  16811. @media (max-width: 991px) {
  16812. .contact-infos {
  16813. margin-top: 30px;
  16814. }
  16815. }
  16816. .contact-info {
  16817. display: -webkit-box;
  16818. display: -ms-flexbox;
  16819. display: flex;
  16820. -webkit-box-align: center;
  16821. -ms-flex-align: center;
  16822. align-items: center;
  16823. margin-top: 30px;
  16824. margin-bottom: 30px;
  16825. z-index: 11;
  16826. -ms-flex-wrap: wrap;
  16827. flex-wrap: wrap;
  16828. }
  16829. .contact-info .icon {
  16830. background-image: -o-linear-gradient(50deg, #099cf9 0%, #69c3fc 100%);
  16831. background-image: linear-gradient(40deg, #099cf9 0%, #69c3fc 100%);
  16832. -webkit-box-shadow: 0 10px 30px 0 rgba(9, 156, 249, 0.3);
  16833. box-shadow: 0 10px 30px 0 rgba(9, 156, 249, 0.3);
  16834. height: 60px;
  16835. width: 60px;
  16836. text-align: center;
  16837. border-radius: 50%;
  16838. color: #fff;
  16839. margin-right: 20px;
  16840. }
  16841. .contact-info .icon i {
  16842. line-height: 60px;
  16843. font-size: 18px;
  16844. }
  16845. .contact-info p {
  16846. margin: 0;
  16847. font-size: 18px;
  16848. font-weight: 400;
  16849. -webkit-box-flex: 2;
  16850. -ms-flex: 2;
  16851. flex: 2;
  16852. }
  16853. .contact-info.color-two .icon {
  16854. background-image: -o-linear-gradient(50deg, #ee9d11 0%, #ffbf51 100%);
  16855. background-image: linear-gradient(40deg, #ee9d11 0%, #ffbf51 100%);
  16856. -webkit-box-shadow: 0 10px 30px 0 rgba(238, 157, 17, 0.3);
  16857. box-shadow: 0 10px 30px 0 rgba(238, 157, 17, 0.3);
  16858. }
  16859. .contact-info.color-three .icon {
  16860. background-image: -o-linear-gradient(50deg, #47b22e 0%, #5bdb3c 100%);
  16861. background-image: linear-gradient(40deg, #47b22e 0%, #5bdb3c 100%);
  16862. -webkit-box-shadow: 0 10px 30px 0 rgba(71, 178, 46, 0.3);
  16863. box-shadow: 0 10px 30px 0 rgba(71, 178, 46, 0.3);
  16864. }
  16865. /* Contact Form Main */
  16866. .contact-form-page {
  16867. padding: 120px 0;
  16868. }
  16869. @media (max-width: 991px) {
  16870. .contact-form-page {
  16871. padding: 80px 0;
  16872. }
  16873. }
  16874. .contact-information {
  16875. background: #fafafc;
  16876. padding: 50px;
  16877. }
  16878. .contact-information .contact-title {
  16879. font-size: 16px;
  16880. font-weight: 800;
  16881. color: #2c2c51;
  16882. margin-bottom: 25px;
  16883. }
  16884. .contact-information .description {
  16885. margin-bottom: 40px;
  16886. }
  16887. .contact-information .description a {
  16888. color: #ed1f25;
  16889. }
  16890. .contact-information .info-list {
  16891. margin-bottom: 38px;
  16892. }
  16893. .contact-information .info-list .info-title {
  16894. font-size: 16px;
  16895. font-weight: 800;
  16896. color: #2c2c51;
  16897. }
  16898. .contact-form-wrapper {
  16899. padding-left: 85px;
  16900. }
  16901. @media (max-width: 767px) {
  16902. .contact-form-wrapper {
  16903. padding-left: 0;
  16904. margin-top: 40px;
  16905. }
  16906. }
  16907. .gp-input {
  16908. border: 1px solid #d8d8d8;
  16909. height: 60px;
  16910. padding: 15px 30px;
  16911. }
  16912. .gp-textarea {
  16913. height: 200px;
  16914. }
  16915. .mt-140 {
  16916. margin-top: 140px;
  16917. }
  16918. .mt-220 {
  16919. margin-top: 220px;
  16920. }
  16921. @media (max-width: 991px) {
  16922. .mt-140 {
  16923. margin-top: 60px;
  16924. }
  16925. }
  16926. .address-box {
  16927. padding: 30px;
  16928. margin-bottom: 30px;
  16929. position: relative;
  16930. }
  16931. .address-box.style-border {
  16932. border: 2px solid #ed1f25;
  16933. border-radius: 6px;
  16934. }
  16935. .address-box.style-border:after {
  16936. content: "";
  16937. position: absolute;
  16938. width: 0;
  16939. height: 0;
  16940. border-left: 13px solid transparent;
  16941. border-right: 13px solid transparent;
  16942. border-top: 12px solid #ed1f25;
  16943. bottom: -12px;
  16944. left: 20px;
  16945. }
  16946. .address-box.style-border:before {
  16947. content: "";
  16948. position: absolute;
  16949. width: 0;
  16950. height: 0;
  16951. border-left: 11px solid transparent;
  16952. border-right: 11px solid transparent;
  16953. border-top: 11px solid #ffffff;
  16954. bottom: -10px;
  16955. left: 22px;
  16956. z-index: 1;
  16957. }
  16958. .address-box .address-title {
  16959. color: #2c2c51;
  16960. font-size: 24px;
  16961. font-weight: 700;
  16962. margin-bottom: 17px;
  16963. }
  16964. .address-box p {
  16965. color: #797986;
  16966. }
  16967. .gmap3-area {
  16968. height: 500px;
  16969. }
  16970. /*--------------------------------------------------------------
  16971. ## Error
  16972. --------------------------------------------------------------*/
  16973. .error-page {
  16974. height: 100vh;
  16975. display: -webkit-box;
  16976. display: -ms-flexbox;
  16977. display: flex;
  16978. -webkit-box-align: center;
  16979. -ms-flex-align: center;
  16980. align-items: center;
  16981. position: relative;
  16982. overflow: hidden;
  16983. }
  16984. .error-page .animate-element {
  16985. margin: 0;
  16986. padding: 0;
  16987. list-style: none;
  16988. position: absolute;
  16989. width: 100%;
  16990. height: 100%;
  16991. left: 0;
  16992. top: 0;
  16993. }
  16994. .error-page .animate-element li {
  16995. position: absolute;
  16996. }
  16997. .error-page .animate-element li:nth-child(1) {
  16998. top: 37%;
  16999. left: 11%;
  17000. }
  17001. .error-page .animate-element li:nth-child(2) {
  17002. bottom: 29%;
  17003. left: 11%;
  17004. }
  17005. .error-page .animate-element li:nth-child(3) {
  17006. top: 25%;
  17007. right: 100px;
  17008. }
  17009. .error-page .animate-element li:nth-child(4) {
  17010. bottom: 33%;
  17011. right: 12%;
  17012. }
  17013. @media (max-width: 991px) {
  17014. .error-page .animate-element li:nth-child(1) {
  17015. top: 18%;
  17016. left: 2%;
  17017. }
  17018. .error-page .animate-element li:nth-child(2) {
  17019. bottom: 10%;
  17020. left: 3%;
  17021. }
  17022. .error-page .animate-element li:nth-child(3) {
  17023. top: 16%;
  17024. right: 25px;
  17025. }
  17026. .error-page .animate-element li:nth-child(4) {
  17027. bottom: 5%;
  17028. right: 2%;
  17029. }
  17030. }
  17031. .error-image {
  17032. margin-bottom: 40px;
  17033. position: relative;
  17034. }
  17035. @media (min-width: 992px) {
  17036. .error-page-content-wrapper {
  17037. margin-top: 70px;
  17038. }
  17039. }
  17040. .error-content .error-title {
  17041. font-size: 40px;
  17042. line-height: 54px;
  17043. color: #2c2c51;
  17044. font-weight: 700;
  17045. margin-bottom: 20px;
  17046. }
  17047. @media (max-width: 576px) {
  17048. .error-content .error-title {
  17049. font-size: 30px;
  17050. line-height: 44px;
  17051. }
  17052. .error-content .error-title br {
  17053. display: none;
  17054. }
  17055. }
  17056. .error-content .subtitle {
  17057. font-size: 20px;
  17058. color: #6b717c;
  17059. margin-bottom: 54px;
  17060. }
  17061. .error-content .button-container .gp-btn {
  17062. padding: 11px 27px;
  17063. }
  17064. .error-content .button-container .btn-grey {
  17065. margin-left: 20px;
  17066. }
  17067. @media (max-width: 420px) {
  17068. .error-content .button-container .btn-grey {
  17069. margin-left: 0;
  17070. margin-top: 20px;
  17071. }
  17072. }
  17073. /*--------------------------------------------------------------
  17074. ## Footer
  17075. --------------------------------------------------------------*/
  17076. #footer-main .footer-widgets {
  17077. padding-top: 120px;
  17078. }
  17079. #footer-main .footer-widgets .widget-title {
  17080. font-size: 20px;
  17081. font-weight: 800;
  17082. }
  17083. #footer-main .footer-widgets .footer-menu li {
  17084. line-height: 40px;
  17085. }
  17086. #footer-main .footer-widgets .footer-menu li a:after {
  17087. background: linear-gradient(60deg, #FE5924, #ed1f25);
  17088. }
  17089. #footer-main .site-info {
  17090. border-top: 1px solid #b3b3b321;
  17091. }
  17092. @media (max-width: 991px) {
  17093. #footer-main .site-info {
  17094. padding: 27px 0;
  17095. }
  17096. }
  17097. #footer-main .site-info .copyright {
  17098. padding: 27px 0;
  17099. }
  17100. @media (max-width: 991px) {
  17101. #footer-main .site-info .copyright {
  17102. padding: 0;
  17103. margin-bottom: 15px;
  17104. }
  17105. }
  17106. @media (max-width: 991px) {
  17107. #footer-main .site-info .copyright {
  17108. text-align: center;
  17109. }
  17110. }
  17111. #footer-main .site-info .copyright p {
  17112. font-size: 14px;
  17113. margin: 0;
  17114. }
  17115. #footer-main .footer-social-link li a:hover {
  17116. background: linear-gradient(60deg, #FE5924, #ed1f25);
  17117. border-color: #ff6344;
  17118. -webkit-box-shadow: 0 20px 30px 0 rgba(255, 99, 68, 0.34);
  17119. box-shadow: 0 20px 30px 0 rgba(255, 99, 68, 0.34);
  17120. }
  17121. .widget-newsletter {
  17122. max-width: 300px;
  17123. }
  17124. .widget-newsletter p {
  17125. color: #6d6d82;
  17126. margin-bottom: 20px;
  17127. }
  17128. .widget-newsletter .footer-newsletter-form .newsletter-inner input {
  17129. border: 0;
  17130. background: #f3f6f8;
  17131. height: 60px;
  17132. border-radius: 40px;
  17133. padding: 20px 25px;
  17134. margin-bottom: 20px;
  17135. }
  17136. .widget-newsletter .footer-newsletter-form .newsletter-inner input:focus {
  17137. -webkit-box-shadow: none;
  17138. box-shadow: none;
  17139. }
  17140. .widget-newsletter .footer-newsletter-form .newsletter-inner input::-webkit-input-placeholder {
  17141. color: #9191a1;
  17142. }
  17143. .widget-newsletter .footer-newsletter-form .newsletter-inner input::-moz-placeholder {
  17144. color: #9191a1;
  17145. }
  17146. .widget-newsletter .footer-newsletter-form .newsletter-inner input:-ms-input-placeholder {
  17147. color: #9191a1;
  17148. }
  17149. .widget-newsletter .footer-newsletter-form .newsletter-inner input::-ms-input-placeholder {
  17150. color: #9191a1;
  17151. }
  17152. .widget-newsletter .footer-newsletter-form .newsletter-inner input::placeholder {
  17153. color: #9191a1;
  17154. }
  17155. .widget-newsletter .footer-newsletter-form .newsletter-inner .gp-btn {
  17156. font-size: 15px;
  17157. outline: 0;
  17158. padding: 5px 21px;
  17159. }
  17160. .footer-social-wrapper {
  17161. text-align: right;
  17162. }
  17163. .footer-social-wrapper .footer-social-link {
  17164. margin: 0;
  17165. }
  17166. @media (max-width: 991px) {
  17167. .footer-social-wrapper .footer-social-link {
  17168. text-align: center;
  17169. }
  17170. }
  17171. /** Footer Social Link **/
  17172. .footer-social-link {
  17173. margin-bottom: 35px;
  17174. padding: 0;
  17175. list-style: none;
  17176. }
  17177. .footer-social-link li {
  17178. display: inline-block;
  17179. margin: 0 2px;
  17180. }
  17181. .footer-social-link li a {
  17182. height: 40px;
  17183. width: 40px;
  17184. line-height: 41px;
  17185. font-size: 14px;
  17186. border: 1px solid #d5dde8;
  17187. display: block;
  17188. border-radius: 50%;
  17189. color: #9090a3;
  17190. text-align: center;
  17191. -webkit-transition: all 0.3s ease-in-out;
  17192. -o-transition: all 0.3s ease-in-out;
  17193. transition: all 0.3s ease-in-out;
  17194. }
  17195. .footer-social-link li a:hover {
  17196. background: #ed1f25;
  17197. border-color: #ed1f25;
  17198. color: #fff;
  17199. -webkit-box-shadow: 0 20px 30px 0 rgba(0, 204, 160, 0.34);
  17200. box-shadow: 0 20px 30px 0 rgba(0, 204, 160, 0.34);
  17201. }
  17202. .footer-social-link.style-two li a {
  17203. background: transparent;
  17204. border: 2px solid #e1e4e9;
  17205. color: #8993af;
  17206. height: 50px;
  17207. width: 50px;
  17208. line-height: 47px;
  17209. }
  17210. .footer-social-link.style-two li a:hover {
  17211. background: #4d5afe;
  17212. border-color: #4d5afe;
  17213. color: #fff;
  17214. -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  17215. box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  17216. }
  17217. .footer-social-two {
  17218. margin: 0;
  17219. padding: 0;
  17220. list-style: none;
  17221. }
  17222. .footer-social-two li {
  17223. display: inline-block;
  17224. margin-right: 10px;
  17225. }
  17226. .footer-social-two li a {
  17227. font-size: 16px;
  17228. color: #757991;
  17229. }
  17230. .footer-social-two li a:hover {
  17231. color: #f8b137;
  17232. }
  17233. .footer-social-two.style-circle li a {
  17234. height: 50px;
  17235. width: 50px;
  17236. line-height: 50px;
  17237. border: 1px solid #d3d9e4;
  17238. color: #6a7695;
  17239. text-align: center;
  17240. border-radius: 50%;
  17241. display: block;
  17242. }
  17243. .footer-social-two.style-circle li a:hover {
  17244. background: #ed1f25;
  17245. color: #fff;
  17246. border-color: #ed1f25;
  17247. -webkit-box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  17248. box-shadow: 0 20px 30px 0 rgba(6, 16, 149, 0.2);
  17249. }
  17250. .footer-social-two.style-circle-sm li {
  17251. display: inline-block;
  17252. margin-right: 5px;
  17253. -webkit-transition: all 0.3s ease-in-out;
  17254. -o-transition: all 0.3s ease-in-out;
  17255. transition: all 0.3s ease-in-out;
  17256. }
  17257. .footer-social-two.style-circle-sm li a {
  17258. color: #fff;
  17259. display: block;
  17260. }
  17261. .footer-social-two.style-circle-sm li a i {
  17262. background: #ed1f25;
  17263. height: 40px;
  17264. width: 40px;
  17265. line-height: 40px;
  17266. border-radius: 50%;
  17267. text-align: center;
  17268. -webkit-transition: all 0.3s ease-in-out;
  17269. -o-transition: all 0.3s ease-in-out;
  17270. transition: all 0.3s ease-in-out;
  17271. }
  17272. .footer-social-two.style-circle-sm li a i.fa-facebook-f {
  17273. background: #456bba;
  17274. }
  17275. .footer-social-two.style-circle-sm li a i.fa-facebook-f:hover {
  17276. -webkit-box-shadow: 0 10px 20px 0 rgba(69, 107, 186, 0.3);
  17277. box-shadow: 0 10px 20px 0 rgba(69, 107, 186, 0.3);
  17278. }
  17279. .footer-social-two.style-circle-sm li a i.fa-twitter {
  17280. background: #00aced;
  17281. }
  17282. .footer-social-two.style-circle-sm li a i.fa-twitter:hover {
  17283. -webkit-box-shadow: 0 10px 20px 0 rgba(9, 111, 150, 0.3);
  17284. box-shadow: 0 10px 20px 0 rgba(9, 111, 150, 0.3);
  17285. }
  17286. .footer-social-two.style-circle-sm li a i.fa-linkedin-in {
  17287. background: #0077b5;
  17288. }
  17289. .footer-social-two.style-circle-sm li a i.fa-linkedin-in:hover {
  17290. -webkit-box-shadow: 0 10px 20px 0 rgba(0, 123, 182, 0.3);
  17291. box-shadow: 0 10px 20px 0 rgba(0, 123, 182, 0.3);
  17292. }
  17293. .footer-social-two.style-circle-sm li a i.fa-youtube {
  17294. background: #f73434;
  17295. }
  17296. .footer-social-two.style-circle-sm li a i.fa-youtube:hover {
  17297. -webkit-box-shadow: 0 10px 20px 0 rgba(247, 52, 52, 0.3);
  17298. box-shadow: 0 10px 20px 0 rgba(247, 52, 52, 0.3);
  17299. }
  17300. .footer-social-two.style-circle-sm li a i.fa-pinterest-p {
  17301. background: #e60023;
  17302. }
  17303. .footer-social-two.style-circle-sm li a i.fa-pinterest-p:hover {
  17304. -webkit-box-shadow: 0 10px 20px 0 rgba(230, 0, 35, 0.3);
  17305. box-shadow: 0 10px 20px 0 rgba(230, 0, 35, 0.3);
  17306. }
  17307. .footer-social-two.style-circle-sm li:hover {
  17308. -webkit-transform: translateY(-5px);
  17309. -ms-transform: translateY(-5px);
  17310. transform: translateY(-5px);
  17311. }
  17312. /** Footer **/
  17313. #footer {
  17314. background: #313131;
  17315. }
  17316. #footer .footer-nner {
  17317. padding: 70px 0;
  17318. text-align: center;
  17319. }
  17320. #footer .footer-nner .footer-logo {
  17321. display: inline-block;
  17322. margin-bottom: 30px;
  17323. }
  17324. #footer .footer-menu {
  17325. margin-bottom: 30px;
  17326. padding: 0;
  17327. list-style: none;
  17328. }
  17329. #footer .footer-menu li {
  17330. display: inline-block;
  17331. margin: 0 15px;
  17332. }
  17333. #footer .footer-menu li a {
  17334. display: block;
  17335. color: #fff;
  17336. font-weight: 500;
  17337. }
  17338. #footer .footer-menu li a:hover {
  17339. color: #f8b137;
  17340. }
  17341. #footer .footer-social-link {
  17342. margin: 0;
  17343. padding: 0;
  17344. list-style: none;
  17345. }
  17346. #footer .footer-social-link li {
  17347. display: inline-block;
  17348. margin: 0 5px;
  17349. }
  17350. #footer .footer-social-link li a {
  17351. height: 45px;
  17352. width: 45px;
  17353. line-height: 45px;
  17354. background: rgba(0, 0, 0, 0.2);
  17355. display: block;
  17356. border-radius: 50%;
  17357. color: #fff;
  17358. }
  17359. #footer .footer-social-link li a:hover {
  17360. background: #f8b137;
  17361. color: #fff;
  17362. }
  17363. #footer .site-info {
  17364. background: #2d2d2d;
  17365. padding: 20px 0;
  17366. text-align: center;
  17367. }
  17368. #footer .site-info .copy-right {
  17369. margin-bottom: 0;
  17370. color: #fff;
  17371. }
  17372. #footer .site-info .copy-right a {
  17373. color: #f8b137;
  17374. margin-left: 5px;
  17375. }
  17376. #footer .site-info .copy-right a:hover {
  17377. color: #f39d09;
  17378. }
  17379. #footer-seo {
  17380. background: #f1f1f9;
  17381. padding: 100px 0 60px;
  17382. }
  17383. #footer-seo .footer-widgets {
  17384. padding: 0;
  17385. }
  17386. #footer-seo .footer-social li a {
  17387. background-color: #fff;
  17388. color: #677294;
  17389. border: 2px solid transparent;
  17390. -webkit-transition: all 0.3s ease-in-out;
  17391. -o-transition: all 0.3s ease-in-out;
  17392. transition: all 0.3s ease-in-out;
  17393. }
  17394. #footer-seo .footer-social li a:hover {
  17395. background: transparent;
  17396. color: #ff5e85;
  17397. border-color: #ff5e85;
  17398. }
  17399. .newsletter {
  17400. margin-bottom: 140px;
  17401. }
  17402. /* Footer Community */
  17403. #footer-community .footer-widgets {
  17404. padding: 120px 0 60px;
  17405. }
  17406. #footer-community .widget-about p {
  17407. font-size: 15px;
  17408. color: #69697b;
  17409. margin-bottom: 27px;
  17410. }
  17411. #footer-community .widget-about .follow-title {
  17412. font-size: 18px;
  17413. color: #1f113a;
  17414. font-weight: 500;
  17415. margin-bottom: 15px;
  17416. }
  17417. #footer-community .widget-title {
  17418. font-size: 18px;
  17419. color: #2c2c51;
  17420. }
  17421. #footer-community .footer-widgets .footer-menu li a {
  17422. font-size: 14px;
  17423. color: #69697b;
  17424. }
  17425. #footer-community .footer-widgets .footer-menu li a:after {
  17426. display: none;
  17427. }
  17428. #footer-community .footer-widgets .footer-menu li a:hover {
  17429. color: #ed1f25;
  17430. }
  17431. #footer-community .site-info {
  17432. border-color: #e4e1ea;
  17433. padding: 29px 0;
  17434. }
  17435. #footer-community .site-info p {
  17436. margin: 0;
  17437. color: #908e94;
  17438. font-size: 14px;
  17439. }
  17440. #footer-community .site-info p a {
  17441. color: #2c2c51;
  17442. }
  17443. #footer-community .site-info p a:hover {
  17444. color: #ed1f25;
  17445. }
  17446. /* Footer Agency */
  17447. #footer-agency {
  17448. background: #fff;
  17449. }
  17450. #footer-agency .footer-inner .footer-widgets {
  17451. padding: 120px 0 37px;
  17452. }
  17453. #footer-agency .footer-widgets .footer-logo {
  17454. margin-bottom: 40px;
  17455. }
  17456. #footer-agency .footer-widgets .footer-menu li a {
  17457. font-size: 16px;
  17458. color: #6a7695;
  17459. }
  17460. #footer-agency .footer-widgets .footer-menu li a:after {
  17461. background: #4d5afe;
  17462. }
  17463. #footer-agency .footer-widgets .footer-menu li a:hover {
  17464. color: #4d5afe;
  17465. }
  17466. #footer-agency .widget-title {
  17467. font-size: 20px;
  17468. color: #373d46;
  17469. font-weight: 500;
  17470. margin-bottom: 25px;
  17471. }
  17472. #footer-agency .contact-widget p {
  17473. color: #6a7695;
  17474. margin-bottom: 35px;
  17475. }
  17476. #footer-agency .contact-widget .phone {
  17477. color: #4d5afe;
  17478. font-size: 20px;
  17479. font-weight: 500;
  17480. display: block;
  17481. }
  17482. #footer-agency .site-info {
  17483. padding: 22px 0;
  17484. border-color: #ededfb;
  17485. }
  17486. #footer-agency .site-info .copyright-text {
  17487. margin: 0;
  17488. color: #999fae;
  17489. }
  17490. #footer-agency .site-info .copyright-text a {
  17491. color: #4d5afe;
  17492. }
  17493. #footer-agency .follow-title {
  17494. font-size: 20px;
  17495. color: #6a7695;
  17496. margin-bottom: 15px;
  17497. font-weight: 400;
  17498. }
  17499. /* Footer Widget */
  17500. .footer-widgets {
  17501. position: relative;
  17502. z-index: 3;
  17503. }
  17504. .footer-widgets .widget {
  17505. margin-bottom: 45px;
  17506. }
  17507. .footer-widgets .footer-menu {
  17508. margin: 0;
  17509. padding: 0;
  17510. list-style: none;
  17511. }
  17512. .footer-widgets .footer-menu li {
  17513. line-height: 36px;
  17514. }
  17515. .footer-widgets .footer-menu li a {
  17516. color: #000;
  17517. font-size: 14px;
  17518. position: relative;
  17519. display: inline-block;
  17520. font-weight: 400;
  17521. }
  17522. .footer-widgets .footer-menu li a:after {
  17523. position: absolute;
  17524. content: "";
  17525. display: block;
  17526. bottom: 8px;
  17527. height: 1px;
  17528. left: 0;
  17529. width: 100%;
  17530. background: #ed1f25;
  17531. -webkit-transform-origin: right center;
  17532. -ms-transform-origin: right center;
  17533. transform-origin: right center;
  17534. -webkit-transform: scale(0, 1);
  17535. -ms-transform: scale(0, 1);
  17536. transform: scale(0, 1);
  17537. -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  17538. transition: -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  17539. -o-transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  17540. transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  17541. 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);
  17542. }
  17543. .footer-widgets .footer-menu li a:hover {
  17544. color: #ed1f25;
  17545. }
  17546. .footer-widgets .footer-menu li a:hover:after {
  17547. -webkit-transform-origin: left center;
  17548. -ms-transform-origin: left center;
  17549. transform-origin: left center;
  17550. -webkit-transform: scale(1, 1);
  17551. -ms-transform: scale(1, 1);
  17552. transform: scale(1, 1);
  17553. }
  17554. .footer-widgets .footer-logo {
  17555. margin-bottom: 35px;
  17556. }
  17557. .footer-widgets .footer-mail {
  17558. color: #ed1f25;
  17559. font-size: 18px;
  17560. margin-bottom: 23px;
  17561. }
  17562. .footer-widgets .footer-mail i {
  17563. margin-right: 10px;
  17564. }
  17565. .footer-widgets .copyright-text {
  17566. margin-bottom: 28px;
  17567. max-width: 300px;
  17568. color: #677294;
  17569. }
  17570. .widget-about .copyright-text {
  17571. width: 300px;
  17572. }
  17573. .foot-contact p {
  17574. font-size: 15px;
  17575. font-weight: 400;
  17576. margin-bottom: 0;
  17577. line-height: 34px;
  17578. }
  17579. .foot-contact p span {
  17580. color: #222931;
  17581. font-weight: 500;
  17582. }
  17583. .foot-contact p.con-email {
  17584. color: #ed1f25;
  17585. }
  17586. .site-info {
  17587. border-top: 1px solid #d6deeb;
  17588. }
  17589. .site-info .copyright {
  17590. margin: 0;
  17591. font-size: 14px;
  17592. color: #acb3c0;
  17593. font-weight: 400;
  17594. padding: 22px 0;
  17595. }
  17596. .site-info .copyright a {
  17597. color: #ed1f25;
  17598. }
  17599. .site-info .copyright a:hover {
  17600. color: #009674;
  17601. }
  17602. .footer-bottom-menu {
  17603. margin: 0;
  17604. padding: 22px 0;
  17605. list-style: none;
  17606. }
  17607. .footer-bottom-menu li {
  17608. display: inline-block;
  17609. margin-right: 20px;
  17610. position: relative;
  17611. }
  17612. .footer-bottom-menu li:after {
  17613. position: absolute;
  17614. content: "|";
  17615. font-size: 12px;
  17616. top: 0;
  17617. right: 5px;
  17618. color: #acb3c0;
  17619. }
  17620. .footer-bottom-menu li:last-child {
  17621. margin-right: 0;
  17622. }
  17623. .footer-bottom-menu li:last-child:after {
  17624. display: none;
  17625. }
  17626. .footer-bottom-menu li a {
  17627. font-size: 14px;
  17628. color: #acb3c0;
  17629. font-weight: 400;
  17630. display: inline-block;
  17631. }
  17632. .footer-bottom-menu li a:hover {
  17633. color: #ed1f25;
  17634. }
  17635. /* Footer Analytics */
  17636. .gp-site-footer .footer-social {
  17637. margin: 0;
  17638. padding: 0;
  17639. list-style: none;
  17640. }
  17641. .gp-site-footer .footer-social li {
  17642. margin-right: 5px;
  17643. display: inline-block;
  17644. margin-right: 5px;
  17645. }
  17646. .gp-site-footer .footer-social li a {
  17647. height: 40px;
  17648. width: 40px;
  17649. line-height: 38px;
  17650. text-align: center;
  17651. background: rgba(255, 255, 255, 0.059);
  17652. color: #afb4c0;
  17653. border-radius: 50%;
  17654. display: inline-block;
  17655. font-size: 14px;
  17656. border: 2px solid transparent;
  17657. }
  17658. .gp-site-footer .footer-social li a:hover {
  17659. color: #ed1f25;
  17660. border-color: #ed1f25;
  17661. background: transparent;
  17662. }
  17663. #footer-analytics {
  17664. background: #010b29;
  17665. padding: 100px 0 122px;
  17666. }
  17667. #footer-analytics .footer-widgets {
  17668. padding-bottom: 0;
  17669. }
  17670. #footer-analytics .footer-widgets .footer-logo {
  17671. margin-bottom: 29px;
  17672. }
  17673. #footer-analytics .footer-widgets .copyright-text {
  17674. font-weight: 500;
  17675. margin-bottom: 40px;
  17676. }
  17677. #footer-analytics .footer-widgets .copyright-text p {
  17678. margin: 0;
  17679. color: #afb4c0;
  17680. font-weight: 400;
  17681. font-size: 15px;
  17682. }
  17683. #footer-analytics .footer-widgets .copyright-text p a {
  17684. color: #fff;
  17685. }
  17686. #footer-analytics .footer-widgets .copyright-text p a:hover {
  17687. color: #f8b137;
  17688. }
  17689. #footer-analytics .footer-widgets .widget-title {
  17690. font-size: 20px;
  17691. font-weight: 500;
  17692. color: #fff;
  17693. margin-bottom: 25px;
  17694. }
  17695. #footer-analytics .footer-widgets .footer-menu li a {
  17696. color: #afb4c0;
  17697. font-size: 15px;
  17698. font-weight: 400;
  17699. }
  17700. #footer-analytics .footer-widgets .footer-menu li a:after {
  17701. background: #f8b137;
  17702. }
  17703. #footer-analytics .footer-widgets .footer-menu li a:hover {
  17704. color: #f8b137;
  17705. }
  17706. #footer-analytics .footer-social li a:hover {
  17707. color: #f8b137;
  17708. border-color: #f8b137;
  17709. }
  17710. .gp-site-footer {
  17711. position: relative;
  17712. }
  17713. .gp-site-footer .footer-contact-info {
  17714. margin: 0;
  17715. padding: 0;
  17716. list-style: none;
  17717. }
  17718. .gp-site-footer .footer-contact-info li {
  17719. margin-bottom: 10px;
  17720. display: -webkit-box;
  17721. display: -ms-flexbox;
  17722. display: flex;
  17723. -webkit-box-align: baseline;
  17724. -ms-flex-align: baseline;
  17725. align-items: baseline;
  17726. }
  17727. .gp-site-footer .footer-contact-info li i {
  17728. margin-right: 20px;
  17729. color: #ed1f25;
  17730. }
  17731. .gp-site-footer .footer-contact-info li p {
  17732. font-size: 15px;
  17733. color: #69697b;
  17734. }
  17735. .gp-site-footer .footer-contact-info li.phone p {
  17736. font-size: 20px;
  17737. color: #ed1f25;
  17738. }
  17739. /* Footer Seo */
  17740. #footer-seo .footer-widgets .widget-title {
  17741. font-size: 20px;
  17742. color: #343e5d;
  17743. }
  17744. #footer-seo .footer-widgets .copyright-text a {
  17745. color: #ff5e85;
  17746. }
  17747. #footer-seo .footer-social li a:hover {
  17748. color: #ff5e85;
  17749. }
  17750. #footer-seo .footer-widgets .footer-menu li a:after {
  17751. background: #ff5e85;
  17752. }
  17753. #footer-seo .footer-widgets .footer-menu li a:hover {
  17754. color: #ff5e85;
  17755. }
  17756. /* Footer Social */
  17757. #footer-social {
  17758. background: #f1f1f9;
  17759. }
  17760. #footer-social .footer-logo {
  17761. margin-bottom: 30px;
  17762. }
  17763. #footer-social p {
  17764. margin-bottom: 20px;
  17765. }
  17766. #footer-social .footer-social li a {
  17767. background-color: #fff;
  17768. color: #677294;
  17769. }
  17770. #footer-social .footer-social li a:hover {
  17771. color: #ed1f25;
  17772. background-color: transparent;
  17773. }
  17774. #footer-social .footer-widgets {
  17775. padding-bottom: 80px;
  17776. }
  17777. @media (max-width: 991px) {
  17778. #footer-social .footer-widgets {
  17779. padding-bottom: 30px;
  17780. }
  17781. }
  17782. #footer-social .footer-widgets .widget-title {
  17783. font-size: 20px;
  17784. color: #051441;
  17785. }
  17786. #footer-social .footer-widgets .copyright-text a {
  17787. color: #ed1f25;
  17788. }
  17789. #footer-social .footer-widgets .footer-menu li a {
  17790. color: #677294;
  17791. font-size: 14px;
  17792. }
  17793. #footer-social .footer-widgets .footer-menu li a:after {
  17794. background: #ed1f25;
  17795. }
  17796. #footer-social .footer-widgets .footer-menu li a:hover {
  17797. color: #ed1f25;
  17798. }
  17799. #footer-saas {
  17800. background: #f2f7fe;
  17801. padding-top: 295px;
  17802. overflow: hidden;
  17803. }
  17804. #footer-saas .footer-bottom-anime-shape {
  17805. position: absolute;
  17806. width: 100%;
  17807. left: 0;
  17808. bottom: 0;
  17809. }
  17810. #footer-saas .footer-bottom-anime-shape .bottom-shape {
  17811. position: absolute;
  17812. width: 100%;
  17813. left: 0;
  17814. bottom: 0;
  17815. }
  17816. #footer-saas .footer-widgets .widget-title {
  17817. font-size: 20px;
  17818. font-weight: 500;
  17819. margin-bottom: 35px;
  17820. color: #2c2c51;
  17821. }
  17822. #footer-saas .footer-widgets .copyright-text {
  17823. font-size: 16px;
  17824. line-height: 28px;
  17825. color: #6d6d82;
  17826. margin-bottom: 40px;
  17827. }
  17828. #footer-saas .footer-widgets .copyright-text a {
  17829. color: #ed1f25;
  17830. }
  17831. #footer-saas .footer-widgets .footer-menu li a {
  17832. font-size: 16px;
  17833. color: #6d6d82;
  17834. }
  17835. #footer-saas .footer-widgets .footer-menu li a::after {
  17836. background: #ed1f25;
  17837. }
  17838. #footer-saas .footer-widgets .footer-menu li a:hover {
  17839. color: #ed1f25;
  17840. }
  17841. /* Footer sass two*/
  17842. #footer-saas-two {
  17843. background: #2a2b72;
  17844. position: relative;
  17845. }
  17846. #footer-saas-two .footer-nner {
  17847. padding: 116px 0 200px;
  17848. }
  17849. @media (max-width: 991px) {
  17850. #footer-saas-two .footer-nner {
  17851. padding: 76px 0 40px;
  17852. }
  17853. }
  17854. #footer-saas-two .widget.footer-widget .widget-title {
  17855. color: #fff;
  17856. font-size: 18px;
  17857. font-weight: 500;
  17858. margin-bottom: 36px;
  17859. border-bottom: 0;
  17860. padding-bottom: 0;
  17861. }
  17862. #footer-saas-two .widget.footer-widget .footer-logo {
  17863. margin-bottom: 30px;
  17864. }
  17865. #footer-saas-two .widget.footer-widget p {
  17866. margin-bottom: 42px;
  17867. color: #bab5df;
  17868. font-size: 16px;
  17869. }
  17870. #footer-saas-two .widget.footer-widget p a {
  17871. color: #fff;
  17872. }
  17873. #footer-saas-two .footer-menu {
  17874. margin-bottom: 40px;
  17875. padding: 0;
  17876. list-style: none;
  17877. }
  17878. #footer-saas-two .footer-menu li a {
  17879. display: block;
  17880. color: #bab5df;
  17881. font-weight: 400;
  17882. font-size: 16px;
  17883. line-height: 36px;
  17884. }
  17885. #footer-saas-two .footer-menu li a:hover {
  17886. color: #fff;
  17887. }
  17888. #footer-saas-two .footer-social-link {
  17889. margin: 0;
  17890. padding: 0;
  17891. list-style: none;
  17892. }
  17893. #footer-saas-two .footer-social-link li {
  17894. display: inline-block;
  17895. margin-left: 0;
  17896. }
  17897. #footer-saas-two .footer-social-link li:not(:last-child) {
  17898. margin-right: 5px;
  17899. }
  17900. #footer-saas-two .footer-social-link li a {
  17901. height: 45px;
  17902. width: 45px;
  17903. line-height: 47px;
  17904. border: transparent;
  17905. background: #404180;
  17906. display: block;
  17907. border-radius: 50%;
  17908. color: #bab5df;
  17909. text-align: center;
  17910. font-size: 16px;
  17911. }
  17912. #footer-saas-two .footer-social-link li a:hover {
  17913. background: #fff;
  17914. color: #6e58fc;
  17915. -webkit-box-shadow: none;
  17916. box-shadow: none;
  17917. }
  17918. #footer-saas-two .site-info {
  17919. padding: 36px 0;
  17920. display: -webkit-box;
  17921. display: -ms-flexbox;
  17922. display: flex;
  17923. -webkit-box-pack: justify;
  17924. -ms-flex-pack: justify;
  17925. justify-content: space-between;
  17926. border-top: 1px solid #e4d9d9;
  17927. position: relative;
  17928. z-index: 3;
  17929. }
  17930. #footer-saas-two .site-info p {
  17931. margin: 0;
  17932. }
  17933. #footer-saas-two .site-info p a {
  17934. color: #f8b137;
  17935. font-weight: 500;
  17936. }
  17937. #footer-saas-two .site-info p a:hover {
  17938. color: #f39d09;
  17939. }
  17940. .footer-bottom-shape {
  17941. position: relative;
  17942. }
  17943. @media (max-width: 620px) {
  17944. .footer-bottom-shape {
  17945. display: none;
  17946. }
  17947. }
  17948. .footer-bottom-shape .three-left, .footer-bottom-shape .three-right {
  17949. position: absolute;
  17950. bottom: 0;
  17951. }
  17952. @media (max-width: 1280px) {
  17953. .footer-bottom-shape .three-left, .footer-bottom-shape .three-right {
  17954. display: none;
  17955. }
  17956. }
  17957. .footer-bottom-shape .three-left {
  17958. left: 50px;
  17959. }
  17960. .footer-bottom-shape .three-left img {
  17961. -webkit-animation: swing 12s infinite both;
  17962. animation: swing 12s infinite both;
  17963. -webkit-transform-origin: bottom center;
  17964. -ms-transform-origin: bottom center;
  17965. transform-origin: bottom center;
  17966. }
  17967. .footer-bottom-shape .three-right {
  17968. right: 50px;
  17969. }
  17970. .footer-bottom-shape .three-right img {
  17971. -webkit-animation: swing 12s infinite both;
  17972. animation: swing 12s infinite both;
  17973. -webkit-transform-origin: bottom center;
  17974. -ms-transform-origin: bottom center;
  17975. transform-origin: bottom center;
  17976. }
  17977. .footer-bottom-shape .footer-center-victor {
  17978. position: relative;
  17979. padding-bottom: 40px;
  17980. }
  17981. .footer-bottom-shape .footer-center-victor:before {
  17982. content: "";
  17983. position: absolute;
  17984. top: 0;
  17985. width: 100%;
  17986. height: 2px;
  17987. left: 0;
  17988. top: 0;
  17989. background: #4c4d89;
  17990. }
  17991. .footer-bottom-shape .footer-center-victor > div {
  17992. position: absolute;
  17993. bottom: 40px;
  17994. }
  17995. .footer-bottom-shape .footer-center-victor .foo-shape-one {
  17996. left: 0;
  17997. }
  17998. .footer-bottom-shape .footer-center-victor .foo-shape-two {
  17999. left: 25%;
  18000. -webkit-transform: translateX(-20%);
  18001. -ms-transform: translateX(-20%);
  18002. transform: translateX(-20%);
  18003. }
  18004. .footer-bottom-shape .footer-center-victor .foo-shape-three {
  18005. left: 50%;
  18006. -webkit-transform: translateX(-50%);
  18007. -ms-transform: translateX(-50%);
  18008. transform: translateX(-50%);
  18009. bottom: 37px;
  18010. }
  18011. .footer-bottom-shape .footer-center-victor .foo-shape-four {
  18012. right: 17%;
  18013. -webkit-transform: translateX(-20%);
  18014. -ms-transform: translateX(-20%);
  18015. transform: translateX(-20%);
  18016. }
  18017. .footer-bottom-shape .footer-center-victor .foo-shape-five {
  18018. right: 0;
  18019. }
  18020. /* Footer Agency Two */
  18021. #footer-agency-two {
  18022. background: #f7f5fa;
  18023. }
  18024. #footer-agency-two .footer-widgets {
  18025. padding: 110px 0 56px;
  18026. }
  18027. @media (max-width: 991px) {
  18028. #footer-agency-two .footer-widgets {
  18029. padding: 70px 0 15px;
  18030. }
  18031. }
  18032. #footer-agency-two .widget-about .footer-logo {
  18033. margin-bottom: 23px;
  18034. }
  18035. #footer-agency-two .widget-about p {
  18036. font-size: 15px;
  18037. color: #706c79;
  18038. margin-bottom: 28px;
  18039. }
  18040. #footer-agency-two .widget-about .follow-title {
  18041. font-size: 18px;
  18042. font-weight: 500;
  18043. color: #1f113a;
  18044. margin-bottom: 17px;
  18045. }
  18046. #footer-agency-two .footer-widgets .widget-title {
  18047. font-size: 18px;
  18048. }
  18049. #footer-agency-two .footer-widgets .footer-menu li a {
  18050. color: #706c79;
  18051. }
  18052. #footer-agency-two .footer-widgets .footer-menu li a:after {
  18053. background: #ed1f25;
  18054. }
  18055. #footer-agency-two .footer-widgets .footer-menu li a:hover {
  18056. color: #ed1f25;
  18057. }
  18058. #footer-agency-two .footer-widgets .footer-contact-info {
  18059. padding-top: 10px;
  18060. }
  18061. #footer-agency-two .footer-widgets .footer-contact-info li.phone p, #footer-agency-two .footer-widgets .footer-contact-info li i {
  18062. color: #ed1f25;
  18063. }
  18064. #footer-agency-two .site-info {
  18065. padding: 29px 0;
  18066. }
  18067. #footer-agency-two .site-info p {
  18068. font-size: 14px;
  18069. color: #908e94;
  18070. margin: 0;
  18071. }
  18072. #footer-agency-two .site-info p a {
  18073. color: #ed1f25;
  18074. }
  18075. @media (max-width: 991px) {
  18076. #footer .footer-nner {
  18077. padding: 76px 0 22px;
  18078. }
  18079. #footer .site-info {
  18080. padding: 21px 0;
  18081. }
  18082. #footer .widget.footer-widget .widget-title {
  18083. margin-bottom: 25px;
  18084. }
  18085. }
  18086. @media (max-width: 768px) {
  18087. #footer .footer-menu {
  18088. margin-bottom: 40px;
  18089. }
  18090. #footer .site-info {
  18091. padding: 21px 0;
  18092. display: block;
  18093. text-align: center;
  18094. }
  18095. #footer.footer-four .copyright {
  18096. margin-bottom: 20px;
  18097. }
  18098. #footer.footer-four .site-info .site-info-inner {
  18099. display: block;
  18100. }
  18101. }
  18102. @media (max-width: 768px) {
  18103. #newsletter {
  18104. padding: 50px 0;
  18105. }
  18106. }
  18107. @media (max-width: 576px) {
  18108. .newsletter-form-two .newsletter-inner {
  18109. display: block;
  18110. }
  18111. .newsletter-form-two .newsletter-submit {
  18112. padding: 12px 38px;
  18113. margin: 20px auto 0;
  18114. display: block;
  18115. }
  18116. }
  18117. .high-lighter-overlay {
  18118. position: fixed;
  18119. width: 100%;
  18120. height: 100%;
  18121. top: 0;
  18122. left: 0;
  18123. background-color: rgb(239 41 36 / 75%);
  18124. opacity: 0;
  18125. visibility: hidden;
  18126. -webkit-transition: all 0.3s ease-in-out;
  18127. -o-transition: all 0.3s ease-in-out;
  18128. transition: all 0.3s ease-in-out;
  18129. z-index: 5;
  18130. }
  18131. @media (min-width: 992px) {
  18132. .highlighter-hidden .high-lighter-overlay {
  18133. opacity: 1;
  18134. visibility: visible;
  18135. }
  18136. }
  18137. .leaf-one {
  18138. max-width: 140px;
  18139. }
  18140. .color-primary {
  18141. color: #ffd600;
  18142. font-weight: 600;
  18143. }
  18144. .color-primary-1 {
  18145. color: #fff;
  18146. background: linear-gradient(60deg, #FE5924, #ed1f25);
  18147. padding: 0px 10px 0px 10px;
  18148. }
  18149. .bg-secondary {
  18150. color: #fff;
  18151. background: linear-gradient(60deg, #FE5924, #ed1f25);
  18152. }
  18153. .table-striped tbody tr:nth-of-type(odd) {
  18154. background-color: rgb(247 246 251);
  18155. }
  18156. .table-style {
  18157. border: 2px solid #ef2725;
  18158. box-sizing: border-box;
  18159. border-radius: 5px;
  18160. padding: 8px;
  18161. position: relative;
  18162. overflow: hidden;
  18163. }
  18164. /* width */
  18165. ::-webkit-scrollbar {
  18166. width: 10px;
  18167. }
  18168. /* Track */
  18169. ::-webkit-scrollbar-track {
  18170. background: #f1f1f1;
  18171. }
  18172. /* Handle */
  18173. ::-webkit-scrollbar-thumb {
  18174. background: #888;
  18175. }
  18176. /* Handle on hover */
  18177. ::-webkit-scrollbar-thumb:hover {
  18178. background: #555;
  18179. }
  18180. ::placeholder {
  18181. color: #000 !important;
  18182. font-weight: 800; /* Firefox */
  18183. }
  18184. .icondingwei {
  18185. position: absolute;
  18186. top: 18px;
  18187. left: 24px;
  18188. color: #f02925;
  18189. font-weight: 600;
  18190. }
  18191. section {
  18192. padding: 100px 0 50px;
  18193. }
  18194. .dark-mode {
  18195. background-color: #000;
  18196. color: white;
  18197. }
  18198. .side-btn {
  18199. position: fixed;
  18200. top: 50%;
  18201. z-index: 9999
  18202. }
  18203. @media(max-width:1441px) {
  18204. .side-btn {
  18205. display: none
  18206. }
  18207. }
  18208. .side-btn .color-mode .tool {
  18209. font-size: 14px;
  18210. background: #ed1f25;
  18211. color: white;
  18212. line-height: 110%;
  18213. padding: 4px 8px;
  18214. position: absolute;
  18215. right: 0;
  18216. text-align: center;
  18217. top: 70%;
  18218. transform: translate(180px, -50%);
  18219. transition: .3s;
  18220. width: 180px;
  18221. z-index: 9999
  18222. }
  18223. .side-btn .color-mode .tool {
  18224. left: 0;
  18225. right: auto;
  18226. transform: translate(-180px, -100%)
  18227. }
  18228. .side-btn .color-mode:hover .tool {
  18229. transform: translate(52px, -100%)
  18230. }
  18231. .side-btn .color-mode .tool:after {
  18232. border-bottom: 7px solid transparent;
  18233. border-top: 7px solid transparent;
  18234. content: "";
  18235. font-size: 0;
  18236. height: 0;
  18237. line-height: 0;
  18238. position: absolute;
  18239. top: 50%;
  18240. transform: translateY(-50%);
  18241. transition: .3s;
  18242. width: 0;
  18243. border-left: 0;
  18244. border-right: 7px solid #ed1f25;
  18245. left: -6px;
  18246. right: auto
  18247. }
  18248. .color-mode button {
  18249. display: block;
  18250. height: 54px;
  18251. padding: 5px;
  18252. position: relative;
  18253. transition: .3s;
  18254. width: 44px;
  18255. background-color: #ed1f25;
  18256. border: none;
  18257. color: white;
  18258. z-index: 102;
  18259. }
  18260. .color-mode {
  18261. background: #ed1f25;
  18262. color: white;
  18263. }
  18264. .dark-mode .site-header.header-fixed.showed {
  18265. background: rgb(23 23 23);
  18266. color: white;
  18267. }
  18268. .dark-mode .site-header.header-fixed.showed .site-logo .main-logo {
  18269. display: block;
  18270. }
  18271. .dark-mode .site-header.header-fixed.showed .site-logo .logo-sticky {
  18272. display: none;
  18273. }
  18274. .dark-mode .site-header.header-fixed.showed:not(.mobile-header) .astriol-main-menu li a {
  18275. color: #fff;
  18276. }
  18277. .dark-mode .blog-post-one .feature-image:before {
  18278. background: rgb(23 23 23);
  18279. border: 1px solid #2f2f3d;
  18280. color: white;
  18281. }
  18282. .dark-mode .table-responsive {
  18283. background: rgba(255, 255, 255, .09);
  18284. color: white;
  18285. }
  18286. .dark-mode .table-striped tbody tr:nth-of-type(odd) {
  18287. background-color: #000;
  18288. color: white;
  18289. }
  18290. .dark-mode .table td, .table th {
  18291. border-top: 1px solid #3d3d3d;
  18292. color: white;
  18293. }
  18294. .dark-mode .main-logo-footer {
  18295. display: block;
  18296. }
  18297. .dark-mode .logo-sticky {
  18298. display: none;
  18299. }
  18300. .main-logo-footer {
  18301. display: none;
  18302. }
  18303. .logo-sticky {
  18304. display: block;
  18305. }
  18306. .dark-mode .entry-content .entry-title a {
  18307. color: #fff;
  18308. }
  18309. .dark-mode .faq .card .card-header .btn-link {
  18310. background: rgba(255, 255, 255, .09);
  18311. color: white;
  18312. }
  18313. .dark-mode .faq.style-two .card .card-body {
  18314. background: rgba(255, 255, 255, .09);
  18315. color: white;
  18316. }
  18317. .dark-mode .faq.style-two .card .card-header .btn-link.collapsed:before {
  18318. color: white;
  18319. }
  18320. .dark-mode .icon-box.style-six .icon-container {
  18321. background: rgba(255, 255, 255, .09);
  18322. color: white;
  18323. }
  18324. .dark-mode .bg-secondary {
  18325. background-image: linear-gradient(to right, #1f1f28, #1f1f28, #1f1f28, #1f1f28);
  18326. }
  18327. .table thead th {
  18328. border-bottom: none;
  18329. }
  18330. .dark-mode .return-to-top:after {
  18331. background: rgba(255, 255, 255, .09);
  18332. color: white;
  18333. }
  18334. .dark-mode .image-content-wrapper.style-two p {
  18335. font-size: 16px;
  18336. margin-bottom: 40px;
  18337. color: #FFFFFF7A;
  18338. }
  18339. .dark-mode .icon-box .box-content p {
  18340. color: #FFFFFF7A;
  18341. }
  18342. .dark-mode p {
  18343. color: #FFFFFF7A;
  18344. }
  18345. .dark-mode .footer-widgets .footer-menu li a {
  18346. color: #FFFFFF7A;
  18347. }
  18348. .dark-mode .testimonial-three .testi-content {
  18349. background: rgba(255, 255, 255, .09);
  18350. color: white;
  18351. }
  18352. .dark-mode .testimonial-three .testi-content:before {
  18353. border-top: 15px solid #1f1f28;
  18354. color: white;
  18355. }
  18356. .dark-mode .faq .card .card-body {
  18357. padding: 40px;
  18358. background: #1f1f28;
  18359. }
  18360. .dark-mode .faqs {
  18361. background-image: linear-gradient(45deg, #0000006e 0, #000000 50%, #000000bd 100%), url(../img/header-bg.jpg);
  18362. }
  18363. .dark-mode .pricing-table-two {
  18364. background: rgba(255, 255, 255, .09);
  18365. border: 1px solid #2f2f3d;
  18366. }
  18367. .join-copytading {
  18368. background-image: linear-gradient(45deg, #0000004d 0, #000000de 50%, #00000047 100%), url(../img/body-bg.jpg);
  18369. background-attachment: fixed;
  18370. position: relative;
  18371. display: -webkit-box;
  18372. display: -ms-flexbox;
  18373. display: flex;
  18374. -webkit-box-align: center;
  18375. -ms-flex-align: center;
  18376. align-items: center;
  18377. -webkit-box-pack: center;
  18378. -ms-flex-pack: center;
  18379. justify-content: center;
  18380. }
  18381. .cwg-awards {
  18382. background-image: linear-gradient(45deg, #0000004d 0, #000000de 50%, #00000047 100%), url(../img/awards-bg.jpg);
  18383. background-attachment: fixed;
  18384. position: relative;
  18385. display: -webkit-box;
  18386. display: -ms-flexbox;
  18387. display: flex;
  18388. -webkit-box-align: center;
  18389. -ms-flex-align: center;
  18390. align-items: center;
  18391. -webkit-box-pack: center;
  18392. -ms-flex-pack: center;
  18393. justify-content: center;
  18394. }
  18395. .table td, .table th {
  18396. border: 1px solid #dee2e6 !important;
  18397. font-size: 18px;
  18398. font-weight: 600;
  18399. }
  18400. #site-navigation{
  18401. height: 94px;
  18402. }
  18403. .banner{
  18404. height: 1180px;
  18405. }
  18406. .banner-content{
  18407. .row{
  18408. align-items: center;
  18409. }
  18410. }
  18411. .banner-signup{
  18412. padding: 25px 50px;
  18413. color: #333;
  18414. position: relative;
  18415. font-family: Poppins, sans-serif;
  18416. }
  18417. .banner-signup .close{
  18418. width: 40px;
  18419. height: 40px;
  18420. border-radius: 30px;
  18421. background-color: #F02925;
  18422. cursor: pointer;
  18423. display: flex;
  18424. justify-content: center;
  18425. align-items: center;
  18426. color: #fff;
  18427. position: absolute;
  18428. top: -40px;
  18429. right: 0;
  18430. }
  18431. .banner-signup .title{
  18432. font-size: 18px;
  18433. margin-bottom: 50px;
  18434. font-family: Poppins, sans-serif;
  18435. display: flex;
  18436. flex-direction: column;
  18437. justify-content: center;
  18438. align-items: center;
  18439. }
  18440. .banner-signup .title .img-responsive{
  18441. margin-bottom: 40px;
  18442. }
  18443. .banner-signup .title .title2{
  18444. font-size: 26px;
  18445. font-weight: 900;
  18446. }
  18447. .banner-signup .el-input__inner{
  18448. width: 100%;
  18449. height: 60px;
  18450. font-size: 17px;
  18451. background-color: #F8F8F8;
  18452. border-radius: 6px;
  18453. border-color: #B1B1B1;
  18454. color: #434242;
  18455. background-color: transparent;
  18456. font-weight: 600;
  18457. }
  18458. .banner-signup .el-input__inner::placeholder{/*Firefox,Chrome,Opera*/
  18459. color:#434242;
  18460. }
  18461. .banner-signup .el-input__inner:-ms-input-placeholder{/*InternetExplorer10-11*/
  18462. color:#434242;
  18463. }
  18464. .banner-signup .el-input__inner::-ms-input-placeholder{/*MicrosoftEdge*/
  18465. color:#434242;
  18466. }
  18467. /* .el-input__inner {
  18468. border: none;
  18469. border-bottom: 1px solid;
  18470. border-radius: 0;
  18471. border-color: #979797;
  18472. color: #e4e4e4;
  18473. background-color: transparent;
  18474. } */
  18475. .banner-signup .el-select .el-input__inner {
  18476. padding-left: 40px;
  18477. }
  18478. i.icondingwei {
  18479. position: absolute;
  18480. top: 10px;
  18481. left: 12px;
  18482. color: #F02925;
  18483. font-weight: 600;
  18484. }
  18485. .banner-signup .el-input__prefix, .el-input__suffix{
  18486. color: #F02925;
  18487. font-weight: 600;
  18488. height: 60px;
  18489. }
  18490. .banner-signup .el-input--prefix .el-input__inner {
  18491. padding-left: 40px;
  18492. }
  18493. .banner-signup .el-input__prefix{
  18494. padding-left: 8px;
  18495. top: 2px;
  18496. }
  18497. .banner-signup .el-select{
  18498. width: 100%;
  18499. }
  18500. .banner-signup .el-col{
  18501. padding: 0;
  18502. }
  18503. .banner-signup .getCode{
  18504. display: inline-block;
  18505. width: 100%;
  18506. line-height: 60px;
  18507. text-align: center;
  18508. background-color: #191B28;
  18509. border: 1px solid #e4e4e4;
  18510. cursor: pointer;
  18511. color: #e4e4e4;
  18512. border-radius: 6px;
  18513. font-size: 17px;
  18514. padding: 0 !important;
  18515. }
  18516. .banner-signup .agree .el-form-item__content{
  18517. line-height: 1.5;
  18518. }
  18519. .banner-signup input{
  18520. margin-bottom: 0;
  18521. }
  18522. .banner-signup .el-form-item{
  18523. margin-bottom: 30px;
  18524. }
  18525. .pwd {
  18526. text-align: left;
  18527. padding-left: 20px;
  18528. margin: 0;
  18529. margin-left: 10px;
  18530. font-size: 15px;
  18531. }
  18532. .pwd li {
  18533. list-style-type: disc;
  18534. /*height: 20px;*/
  18535. line-height: 20px;
  18536. color: #979797;
  18537. }
  18538. .pwd .fit {
  18539. color: #EC1920;
  18540. }
  18541. .banner-signup .agree{
  18542. font-size: 16px;
  18543. color: #434242;
  18544. }
  18545. .banner-signup .agree_title{
  18546. word-break: keep-all;
  18547. }
  18548. .banner-signup .el-checkbox__inner::after{
  18549. height: 10px;
  18550. left: 7px;
  18551. position: absolute;
  18552. top: 2px;
  18553. }
  18554. .banner-signup .el-checkbox__inner{
  18555. width: 20px;
  18556. height: 20px;
  18557. }
  18558. .banner-signup .el-checkbox__input.is-checked .el-checkbox__inner{
  18559. background-color: #EC1920;
  18560. border-color: #EC1920;
  18561. }
  18562. .banner-signup .el-checkbox__inner:hover {
  18563. border-color: #EC1920;
  18564. }
  18565. .banner-signup .el-checkbox__input.is-focus .el-checkbox__inner{
  18566. border-color: #EC1920;
  18567. }
  18568. .banner-signup .sign-btn.btn-gradient{
  18569. width: 100%;
  18570. display: flex;
  18571. flex-wrap: wrap;
  18572. justify-content: center;
  18573. align-items: center;
  18574. word-break: break-word;
  18575. padding-left: 0px !important;
  18576. padding-right: 0px !important;
  18577. }
  18578. .banner-signup-btnBox{
  18579. display: flex;
  18580. }
  18581. #active1{
  18582. position: relative;
  18583. }
  18584. /* .banner-social.banner.banner-main .container{
  18585. margin-top: 220px;
  18586. } */
  18587. @media screen and (max-width: 768px) {
  18588. .container.mt-220{
  18589. margin-top: 0;
  18590. }
  18591. .banner{
  18592. height: auto;
  18593. }
  18594. #active1{
  18595. position: relative;
  18596. }
  18597. .mobile-header .main-nav-container{
  18598. width: 100%;
  18599. }
  18600. .image-content {
  18601. padding: 0;
  18602. }
  18603. h1{
  18604. font-size: 35px;
  18605. }
  18606. .image-content-wrapper.style-three .title{
  18607. font-size: 35px;
  18608. }
  18609. .banner-signup {
  18610. padding: 25px 0;
  18611. word-break: break-word;
  18612. margin-top: 20px;
  18613. }
  18614. .banner-signup .text-primary.fw-bolder{
  18615. font-size: 25px;
  18616. }
  18617. .banner-signup .title .title2 {
  18618. font-size: 20px;
  18619. }
  18620. .pwd {
  18621. word-break: break-word;
  18622. }
  18623. .Scriptcontent{
  18624. margin-bottom: 50px;
  18625. }
  18626. .banner-signup-btnBox{
  18627. display: flex;
  18628. flex-wrap: wrap;
  18629. }
  18630. .banner-signup .sign-btn{
  18631. margin-left: 0 !important;
  18632. margin-right: 0 !important;
  18633. }
  18634. }