style.css 427 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254925592569257925892599260926192629263926492659266926792689269927092719272927392749275927692779278927992809281928292839284928592869287928892899290929192929293929492959296929792989299930093019302930393049305930693079308930993109311931293139314931593169317931893199320932193229323932493259326932793289329933093319332933393349335933693379338933993409341934293439344934593469347934893499350935193529353935493559356935793589359936093619362936393649365936693679368936993709371937293739374937593769377937893799380938193829383938493859386938793889389939093919392939393949395939693979398939994009401940294039404940594069407940894099410941194129413941494159416941794189419942094219422942394249425942694279428942994309431943294339434943594369437943894399440944194429443944494459446944794489449945094519452945394549455945694579458945994609461946294639464946594669467946894699470947194729473947494759476947794789479948094819482948394849485948694879488948994909491949294939494949594969497949894999500950195029503950495059506950795089509951095119512951395149515951695179518951995209521952295239524952595269527952895299530953195329533953495359536953795389539954095419542954395449545954695479548954995509551955295539554955595569557955895599560956195629563956495659566956795689569957095719572957395749575957695779578957995809581958295839584958595869587958895899590959195929593959495959596959795989599960096019602960396049605960696079608960996109611961296139614961596169617961896199620962196229623962496259626962796289629963096319632963396349635963696379638963996409641964296439644964596469647964896499650965196529653965496559656965796589659966096619662966396649665966696679668966996709671967296739674967596769677967896799680968196829683968496859686968796889689969096919692969396949695969696979698969997009701970297039704970597069707970897099710971197129713971497159716971797189719972097219722972397249725972697279728972997309731973297339734973597369737973897399740974197429743974497459746974797489749975097519752975397549755975697579758975997609761976297639764976597669767976897699770977197729773977497759776977797789779978097819782978397849785978697879788978997909791979297939794979597969797979897999800980198029803980498059806980798089809981098119812981398149815981698179818981998209821982298239824982598269827982898299830983198329833983498359836983798389839984098419842984398449845984698479848984998509851985298539854985598569857985898599860986198629863986498659866986798689869987098719872987398749875987698779878987998809881988298839884988598869887988898899890989198929893989498959896989798989899990099019902990399049905990699079908990999109911991299139914991599169917991899199920992199229923992499259926992799289929993099319932993399349935993699379938993999409941994299439944994599469947994899499950995199529953995499559956995799589959996099619962996399649965996699679968996999709971997299739974997599769977997899799980998199829983998499859986998799889989999099919992999399949995999699979998999910000100011000210003100041000510006100071000810009100101001110012100131001410015100161001710018100191002010021100221002310024100251002610027100281002910030100311003210033100341003510036100371003810039100401004110042100431004410045100461004710048100491005010051100521005310054100551005610057100581005910060100611006210063100641006510066100671006810069100701007110072100731007410075100761007710078100791008010081100821008310084100851008610087100881008910090100911009210093100941009510096100971009810099101001010110102101031010410105101061010710108101091011010111101121011310114101151011610117101181011910120101211012210123101241012510126101271012810129101301013110132101331013410135101361013710138101391014010141101421014310144101451014610147101481014910150101511015210153101541015510156101571015810159101601016110162101631016410165101661016710168101691017010171101721017310174101751017610177101781017910180101811018210183101841018510186101871018810189101901019110192101931019410195101961019710198101991020010201102021020310204102051020610207102081020910210102111021210213102141021510216102171021810219102201022110222102231022410225102261022710228102291023010231102321023310234102351023610237102381023910240102411024210243102441024510246102471024810249102501025110252102531025410255102561025710258102591026010261102621026310264102651026610267102681026910270102711027210273102741027510276102771027810279102801028110282102831028410285102861028710288102891029010291102921029310294102951029610297102981029910300103011030210303103041030510306103071030810309103101031110312103131031410315103161031710318103191032010321103221032310324103251032610327103281032910330103311033210333103341033510336103371033810339103401034110342103431034410345103461034710348103491035010351103521035310354103551035610357103581035910360103611036210363103641036510366103671036810369103701037110372103731037410375103761037710378103791038010381103821038310384103851038610387103881038910390103911039210393103941039510396103971039810399104001040110402104031040410405104061040710408104091041010411104121041310414104151041610417104181041910420104211042210423104241042510426104271042810429104301043110432104331043410435104361043710438104391044010441104421044310444104451044610447104481044910450104511045210453104541045510456104571045810459104601046110462104631046410465104661046710468104691047010471104721047310474104751047610477104781047910480104811048210483104841048510486104871048810489104901049110492104931049410495104961049710498104991050010501105021050310504105051050610507105081050910510105111051210513105141051510516105171051810519105201052110522105231052410525105261052710528105291053010531105321053310534105351053610537105381053910540105411054210543105441054510546105471054810549105501055110552105531055410555105561055710558105591056010561105621056310564105651056610567105681056910570105711057210573105741057510576105771057810579105801058110582105831058410585105861058710588105891059010591105921059310594105951059610597105981059910600106011060210603106041060510606106071060810609106101061110612106131061410615106161061710618106191062010621106221062310624106251062610627106281062910630106311063210633106341063510636106371063810639106401064110642106431064410645106461064710648106491065010651106521065310654106551065610657106581065910660106611066210663106641066510666106671066810669106701067110672106731067410675106761067710678106791068010681106821068310684106851068610687106881068910690106911069210693106941069510696106971069810699107001070110702107031070410705107061070710708107091071010711107121071310714107151071610717107181071910720107211072210723107241072510726107271072810729107301073110732107331073410735107361073710738107391074010741107421074310744107451074610747107481074910750107511075210753107541075510756107571075810759107601076110762107631076410765107661076710768107691077010771107721077310774107751077610777107781077910780107811078210783107841078510786107871078810789107901079110792107931079410795107961079710798107991080010801108021080310804108051080610807108081080910810108111081210813108141081510816108171081810819108201082110822108231082410825108261082710828108291083010831108321083310834108351083610837108381083910840108411084210843108441084510846108471084810849108501085110852108531085410855108561085710858108591086010861108621086310864108651086610867108681086910870108711087210873108741087510876108771087810879108801088110882108831088410885108861088710888108891089010891108921089310894108951089610897108981089910900109011090210903109041090510906109071090810909109101091110912109131091410915109161091710918109191092010921109221092310924109251092610927109281092910930109311093210933109341093510936109371093810939109401094110942109431094410945109461094710948109491095010951109521095310954109551095610957109581095910960109611096210963109641096510966109671096810969109701097110972109731097410975109761097710978109791098010981109821098310984109851098610987109881098910990109911099210993109941099510996109971099810999110001100111002110031100411005110061100711008110091101011011110121101311014110151101611017110181101911020110211102211023110241102511026110271102811029110301103111032110331103411035110361103711038110391104011041110421104311044110451104611047110481104911050110511105211053110541105511056110571105811059110601106111062110631106411065110661106711068110691107011071110721107311074110751107611077110781107911080110811108211083110841108511086110871108811089110901109111092110931109411095110961109711098110991110011101111021110311104111051110611107111081110911110111111111211113111141111511116111171111811119111201112111122111231112411125111261112711128111291113011131111321113311134111351113611137111381113911140111411114211143111441114511146111471114811149111501115111152111531115411155111561115711158111591116011161111621116311164111651116611167111681116911170111711117211173111741117511176111771117811179111801118111182111831118411185111861118711188111891119011191111921119311194111951119611197111981119911200112011120211203112041120511206112071120811209112101121111212112131121411215112161121711218112191122011221112221122311224112251122611227112281122911230112311123211233112341123511236112371123811239112401124111242112431124411245112461124711248112491125011251112521125311254112551125611257112581125911260112611126211263112641126511266112671126811269112701127111272112731127411275112761127711278112791128011281112821128311284112851128611287112881128911290112911129211293112941129511296112971129811299113001130111302113031130411305113061130711308113091131011311113121131311314113151131611317113181131911320113211132211323113241132511326113271132811329113301133111332113331133411335113361133711338113391134011341113421134311344113451134611347113481134911350113511135211353113541135511356113571135811359113601136111362113631136411365113661136711368113691137011371113721137311374113751137611377113781137911380113811138211383113841138511386113871138811389113901139111392113931139411395113961139711398113991140011401114021140311404114051140611407114081140911410114111141211413114141141511416114171141811419114201142111422114231142411425114261142711428114291143011431114321143311434114351143611437114381143911440114411144211443114441144511446114471144811449114501145111452114531145411455114561145711458114591146011461114621146311464114651146611467114681146911470114711147211473114741147511476114771147811479114801148111482114831148411485114861148711488114891149011491114921149311494114951149611497114981149911500115011150211503115041150511506115071150811509115101151111512115131151411515115161151711518115191152011521115221152311524115251152611527115281152911530115311153211533115341153511536115371153811539115401154111542115431154411545115461154711548115491155011551115521155311554115551155611557115581155911560115611156211563115641156511566115671156811569115701157111572115731157411575115761157711578115791158011581115821158311584115851158611587115881158911590115911159211593115941159511596115971159811599116001160111602116031160411605116061160711608116091161011611116121161311614116151161611617116181161911620116211162211623116241162511626116271162811629116301163111632116331163411635116361163711638116391164011641116421164311644116451164611647116481164911650116511165211653116541165511656116571165811659116601166111662116631166411665116661166711668116691167011671116721167311674116751167611677116781167911680116811168211683116841168511686116871168811689116901169111692116931169411695116961169711698116991170011701117021170311704117051170611707117081170911710117111171211713117141171511716117171171811719117201172111722117231172411725117261172711728117291173011731117321173311734117351173611737117381173911740117411174211743117441174511746117471174811749117501175111752117531175411755117561175711758117591176011761117621176311764117651176611767117681176911770117711177211773117741177511776117771177811779117801178111782117831178411785117861178711788117891179011791117921179311794117951179611797117981179911800118011180211803118041180511806118071180811809118101181111812118131181411815118161181711818118191182011821118221182311824118251182611827118281182911830118311183211833118341183511836118371183811839118401184111842118431184411845118461184711848118491185011851118521185311854118551185611857118581185911860118611186211863118641186511866118671186811869118701187111872118731187411875118761187711878118791188011881118821188311884118851188611887118881188911890118911189211893118941189511896118971189811899119001190111902119031190411905119061190711908119091191011911119121191311914119151191611917119181191911920119211192211923119241192511926119271192811929119301193111932119331193411935119361193711938119391194011941119421194311944119451194611947119481194911950119511195211953119541195511956119571195811959119601196111962119631196411965119661196711968119691197011971119721197311974119751197611977119781197911980119811198211983119841198511986119871198811989119901199111992119931199411995119961199711998119991200012001120021200312004120051200612007120081200912010120111201212013120141201512016120171201812019120201202112022120231202412025120261202712028120291203012031120321203312034120351203612037120381203912040120411204212043120441204512046120471204812049120501205112052120531205412055120561205712058120591206012061120621206312064120651206612067120681206912070120711207212073120741207512076120771207812079120801208112082120831208412085120861208712088120891209012091120921209312094120951209612097120981209912100121011210212103121041210512106121071210812109121101211112112121131211412115121161211712118121191212012121121221212312124121251212612127121281212912130121311213212133121341213512136121371213812139121401214112142121431214412145121461214712148121491215012151121521215312154121551215612157121581215912160121611216212163121641216512166121671216812169121701217112172121731217412175121761217712178121791218012181121821218312184121851218612187121881218912190121911219212193121941219512196121971219812199122001220112202122031220412205122061220712208122091221012211122121221312214122151221612217122181221912220122211222212223122241222512226122271222812229122301223112232122331223412235122361223712238122391224012241122421224312244122451224612247122481224912250122511225212253122541225512256122571225812259122601226112262122631226412265122661226712268122691227012271122721227312274122751227612277122781227912280122811228212283122841228512286122871228812289122901229112292122931229412295122961229712298122991230012301123021230312304123051230612307123081230912310123111231212313123141231512316123171231812319123201232112322123231232412325123261232712328123291233012331123321233312334123351233612337123381233912340123411234212343123441234512346123471234812349123501235112352123531235412355123561235712358123591236012361123621236312364123651236612367123681236912370123711237212373123741237512376123771237812379123801238112382123831238412385123861238712388123891239012391123921239312394123951239612397123981239912400124011240212403124041240512406124071240812409124101241112412124131241412415124161241712418124191242012421124221242312424124251242612427124281242912430124311243212433124341243512436124371243812439124401244112442124431244412445124461244712448124491245012451124521245312454124551245612457124581245912460124611246212463124641246512466124671246812469124701247112472124731247412475124761247712478124791248012481124821248312484124851248612487124881248912490124911249212493124941249512496124971249812499125001250112502125031250412505125061250712508125091251012511125121251312514125151251612517125181251912520125211252212523125241252512526125271252812529125301253112532125331253412535125361253712538125391254012541125421254312544125451254612547125481254912550125511255212553125541255512556125571255812559125601256112562125631256412565125661256712568125691257012571125721257312574125751257612577125781257912580125811258212583125841258512586125871258812589125901259112592125931259412595125961259712598125991260012601126021260312604126051260612607126081260912610126111261212613126141261512616126171261812619126201262112622126231262412625126261262712628126291263012631126321263312634126351263612637126381263912640126411264212643126441264512646126471264812649126501265112652126531265412655126561265712658126591266012661126621266312664126651266612667126681266912670126711267212673126741267512676126771267812679126801268112682126831268412685126861268712688126891269012691126921269312694126951269612697126981269912700127011270212703127041270512706127071270812709127101271112712127131271412715127161271712718127191272012721127221272312724127251272612727127281272912730127311273212733127341273512736127371273812739127401274112742127431274412745127461274712748127491275012751127521275312754127551275612757127581275912760127611276212763127641276512766127671276812769127701277112772127731277412775127761277712778127791278012781127821278312784127851278612787127881278912790127911279212793127941279512796127971279812799128001280112802128031280412805128061280712808128091281012811128121281312814128151281612817128181281912820128211282212823128241282512826128271282812829128301283112832128331283412835128361283712838128391284012841128421284312844128451284612847128481284912850128511285212853128541285512856128571285812859128601286112862128631286412865128661286712868128691287012871128721287312874128751287612877128781287912880128811288212883128841288512886128871288812889128901289112892128931289412895128961289712898128991290012901129021290312904129051290612907129081290912910129111291212913129141291512916129171291812919129201292112922129231292412925129261292712928129291293012931129321293312934129351293612937129381293912940129411294212943129441294512946129471294812949129501295112952129531295412955129561295712958129591296012961129621296312964129651296612967129681296912970129711297212973129741297512976129771297812979129801298112982129831298412985129861298712988129891299012991129921299312994129951299612997129981299913000130011300213003130041300513006130071300813009130101301113012130131301413015130161301713018130191302013021130221302313024130251302613027130281302913030130311303213033130341303513036130371303813039130401304113042130431304413045130461304713048130491305013051130521305313054130551305613057130581305913060130611306213063130641306513066130671306813069130701307113072130731307413075130761307713078130791308013081130821308313084130851308613087130881308913090130911309213093130941309513096130971309813099131001310113102131031310413105131061310713108131091311013111131121311313114131151311613117131181311913120131211312213123131241312513126131271312813129131301313113132131331313413135131361313713138131391314013141131421314313144131451314613147131481314913150131511315213153131541315513156131571315813159131601316113162131631316413165131661316713168131691317013171131721317313174131751317613177131781317913180131811318213183131841318513186131871318813189131901319113192131931319413195131961319713198131991320013201132021320313204132051320613207132081320913210132111321213213132141321513216132171321813219132201322113222132231322413225132261322713228132291323013231132321323313234132351323613237132381323913240132411324213243132441324513246132471324813249132501325113252132531325413255132561325713258132591326013261132621326313264132651326613267132681326913270132711327213273132741327513276132771327813279132801328113282132831328413285132861328713288132891329013291132921329313294132951329613297132981329913300133011330213303133041330513306133071330813309133101331113312133131331413315133161331713318133191332013321133221332313324133251332613327133281332913330133311333213333133341333513336133371333813339133401334113342133431334413345133461334713348133491335013351133521335313354133551335613357133581335913360133611336213363133641336513366133671336813369133701337113372133731337413375133761337713378133791338013381133821338313384133851338613387133881338913390133911339213393133941339513396133971339813399134001340113402134031340413405134061340713408134091341013411134121341313414134151341613417134181341913420134211342213423134241342513426134271342813429134301343113432134331343413435134361343713438134391344013441134421344313444134451344613447134481344913450134511345213453134541345513456134571345813459134601346113462134631346413465134661346713468134691347013471134721347313474134751347613477134781347913480134811348213483134841348513486134871348813489134901349113492134931349413495134961349713498134991350013501135021350313504135051350613507135081350913510135111351213513135141351513516135171351813519135201352113522135231352413525135261352713528135291353013531135321353313534135351353613537135381353913540135411354213543135441354513546135471354813549135501355113552135531355413555135561355713558135591356013561135621356313564135651356613567135681356913570135711357213573135741357513576135771357813579135801358113582135831358413585135861358713588135891359013591135921359313594135951359613597135981359913600136011360213603136041360513606136071360813609136101361113612136131361413615136161361713618136191362013621136221362313624136251362613627136281362913630136311363213633136341363513636136371363813639136401364113642136431364413645136461364713648136491365013651136521365313654136551365613657136581365913660136611366213663136641366513666136671366813669136701367113672136731367413675136761367713678136791368013681136821368313684136851368613687136881368913690136911369213693136941369513696136971369813699137001370113702137031370413705137061370713708137091371013711137121371313714137151371613717137181371913720137211372213723137241372513726137271372813729137301373113732137331373413735137361373713738137391374013741137421374313744137451374613747137481374913750137511375213753137541375513756137571375813759137601376113762137631376413765137661376713768137691377013771137721377313774137751377613777137781377913780137811378213783137841378513786137871378813789137901379113792137931379413795137961379713798137991380013801138021380313804138051380613807138081380913810138111381213813138141381513816138171381813819138201382113822138231382413825138261382713828138291383013831138321383313834138351383613837138381383913840138411384213843138441384513846138471384813849138501385113852138531385413855138561385713858138591386013861138621386313864138651386613867138681386913870138711387213873138741387513876138771387813879138801388113882138831388413885138861388713888138891389013891138921389313894138951389613897138981389913900139011390213903139041390513906139071390813909139101391113912139131391413915139161391713918139191392013921139221392313924139251392613927139281392913930139311393213933139341393513936139371393813939139401394113942139431394413945139461394713948139491395013951139521395313954139551395613957139581395913960139611396213963139641396513966139671396813969139701397113972139731397413975139761397713978139791398013981139821398313984139851398613987139881398913990139911399213993139941399513996139971399813999140001400114002140031400414005140061400714008140091401014011140121401314014140151401614017140181401914020140211402214023140241402514026140271402814029140301403114032140331403414035140361403714038140391404014041140421404314044140451404614047140481404914050140511405214053140541405514056140571405814059140601406114062140631406414065140661406714068140691407014071140721407314074140751407614077140781407914080140811408214083140841408514086140871408814089140901409114092140931409414095140961409714098140991410014101141021410314104141051410614107141081410914110141111411214113141141411514116141171411814119141201412114122141231412414125141261412714128141291413014131141321413314134141351413614137141381413914140141411414214143141441414514146141471414814149141501415114152141531415414155141561415714158141591416014161141621416314164141651416614167141681416914170141711417214173141741417514176141771417814179141801418114182141831418414185141861418714188141891419014191141921419314194141951419614197141981419914200142011420214203142041420514206142071420814209142101421114212142131421414215142161421714218142191422014221142221422314224142251422614227142281422914230142311423214233142341423514236142371423814239142401424114242142431424414245142461424714248142491425014251142521425314254142551425614257142581425914260142611426214263142641426514266142671426814269142701427114272142731427414275142761427714278142791428014281142821428314284142851428614287142881428914290142911429214293142941429514296142971429814299143001430114302143031430414305143061430714308143091431014311143121431314314143151431614317143181431914320143211432214323143241432514326143271432814329143301433114332143331433414335143361433714338143391434014341143421434314344143451434614347143481434914350143511435214353143541435514356143571435814359143601436114362143631436414365143661436714368143691437014371143721437314374143751437614377143781437914380143811438214383143841438514386143871438814389143901439114392143931439414395143961439714398143991440014401144021440314404144051440614407144081440914410144111441214413144141441514416144171441814419144201442114422144231442414425144261442714428144291443014431144321443314434144351443614437144381443914440144411444214443144441444514446144471444814449144501445114452144531445414455144561445714458144591446014461144621446314464144651446614467144681446914470144711447214473144741447514476144771447814479144801448114482144831448414485144861448714488144891449014491144921449314494144951449614497144981449914500145011450214503145041450514506145071450814509145101451114512145131451414515145161451714518145191452014521145221452314524145251452614527145281452914530145311453214533145341453514536145371453814539145401454114542145431454414545145461454714548145491455014551145521455314554145551455614557145581455914560145611456214563145641456514566145671456814569145701457114572145731457414575145761457714578145791458014581145821458314584145851458614587145881458914590145911459214593145941459514596145971459814599146001460114602146031460414605146061460714608146091461014611146121461314614146151461614617146181461914620146211462214623146241462514626146271462814629146301463114632146331463414635146361463714638146391464014641146421464314644146451464614647146481464914650146511465214653146541465514656146571465814659146601466114662146631466414665146661466714668146691467014671146721467314674146751467614677146781467914680146811468214683146841468514686146871468814689146901469114692146931469414695146961469714698146991470014701147021470314704147051470614707147081470914710147111471214713147141471514716147171471814719147201472114722147231472414725147261472714728147291473014731147321473314734147351473614737147381473914740147411474214743147441474514746147471474814749147501475114752147531475414755147561475714758147591476014761147621476314764147651476614767147681476914770147711477214773147741477514776147771477814779147801478114782147831478414785147861478714788147891479014791147921479314794147951479614797147981479914800148011480214803148041480514806148071480814809148101481114812148131481414815148161481714818148191482014821148221482314824148251482614827148281482914830148311483214833148341483514836148371483814839148401484114842148431484414845148461484714848148491485014851148521485314854148551485614857148581485914860148611486214863148641486514866148671486814869148701487114872148731487414875148761487714878148791488014881148821488314884148851488614887148881488914890148911489214893148941489514896148971489814899149001490114902149031490414905149061490714908149091491014911149121491314914149151491614917149181491914920149211492214923149241492514926149271492814929149301493114932149331493414935149361493714938149391494014941149421494314944149451494614947149481494914950149511495214953149541495514956149571495814959149601496114962149631496414965149661496714968149691497014971149721497314974149751497614977149781497914980149811498214983149841498514986149871498814989149901499114992149931499414995149961499714998149991500015001150021500315004150051500615007150081500915010150111501215013150141501515016150171501815019150201502115022150231502415025150261502715028150291503015031150321503315034150351503615037150381503915040150411504215043150441504515046150471504815049150501505115052150531505415055150561505715058150591506015061150621506315064150651506615067150681506915070150711507215073150741507515076150771507815079150801508115082150831508415085150861508715088150891509015091150921509315094150951509615097150981509915100151011510215103151041510515106151071510815109151101511115112151131511415115151161511715118151191512015121151221512315124151251512615127151281512915130151311513215133151341513515136151371513815139151401514115142151431514415145151461514715148151491515015151151521515315154151551515615157151581515915160151611516215163151641516515166151671516815169151701517115172151731517415175151761517715178151791518015181151821518315184151851518615187151881518915190151911519215193151941519515196151971519815199152001520115202152031520415205152061520715208152091521015211152121521315214152151521615217152181521915220152211522215223152241522515226152271522815229152301523115232152331523415235152361523715238152391524015241152421524315244152451524615247152481524915250152511525215253152541525515256152571525815259152601526115262152631526415265152661526715268152691527015271152721527315274152751527615277152781527915280152811528215283152841528515286152871528815289152901529115292152931529415295152961529715298152991530015301153021530315304153051530615307153081530915310153111531215313153141531515316153171531815319153201532115322153231532415325153261532715328153291533015331153321533315334153351533615337153381533915340153411534215343153441534515346153471534815349153501535115352153531535415355153561535715358153591536015361153621536315364153651536615367153681536915370153711537215373153741537515376153771537815379153801538115382153831538415385153861538715388153891539015391153921539315394153951539615397153981539915400154011540215403154041540515406154071540815409154101541115412154131541415415154161541715418154191542015421154221542315424154251542615427154281542915430154311543215433154341543515436154371543815439154401544115442154431544415445154461544715448154491545015451154521545315454154551545615457154581545915460154611546215463154641546515466154671546815469154701547115472154731547415475154761547715478154791548015481154821548315484154851548615487154881548915490154911549215493154941549515496154971549815499155001550115502155031550415505155061550715508155091551015511155121551315514155151551615517155181551915520155211552215523155241552515526155271552815529155301553115532155331553415535155361553715538155391554015541155421554315544155451554615547155481554915550155511555215553155541555515556155571555815559155601556115562155631556415565155661556715568155691557015571155721557315574155751557615577155781557915580155811558215583155841558515586155871558815589155901559115592155931559415595155961559715598155991560015601156021560315604156051560615607156081560915610156111561215613156141561515616156171561815619156201562115622156231562415625156261562715628156291563015631156321563315634156351563615637156381563915640156411564215643156441564515646156471564815649156501565115652156531565415655156561565715658156591566015661156621566315664156651566615667156681566915670156711567215673156741567515676156771567815679156801568115682156831568415685156861568715688156891569015691156921569315694156951569615697156981569915700157011570215703157041570515706157071570815709157101571115712157131571415715157161571715718157191572015721157221572315724157251572615727157281572915730157311573215733157341573515736157371573815739157401574115742157431574415745157461574715748157491575015751157521575315754157551575615757157581575915760157611576215763157641576515766157671576815769157701577115772157731577415775157761577715778157791578015781157821578315784157851578615787157881578915790157911579215793157941579515796157971579815799158001580115802158031580415805158061580715808158091581015811158121581315814158151581615817158181581915820158211582215823158241582515826158271582815829158301583115832158331583415835158361583715838158391584015841158421584315844158451584615847158481584915850158511585215853158541585515856158571585815859158601586115862158631586415865158661586715868158691587015871158721587315874158751587615877158781587915880158811588215883158841588515886158871588815889158901589115892158931589415895158961589715898158991590015901159021590315904159051590615907159081590915910159111591215913159141591515916159171591815919159201592115922159231592415925159261592715928159291593015931159321593315934159351593615937159381593915940159411594215943159441594515946159471594815949159501595115952159531595415955159561595715958159591596015961159621596315964159651596615967159681596915970159711597215973159741597515976159771597815979159801598115982159831598415985159861598715988159891599015991159921599315994159951599615997159981599916000160011600216003160041600516006160071600816009160101601116012160131601416015160161601716018160191602016021160221602316024160251602616027160281602916030160311603216033160341603516036160371603816039160401604116042160431604416045160461604716048160491605016051160521605316054160551605616057160581605916060160611606216063160641606516066160671606816069160701607116072160731607416075160761607716078160791608016081160821608316084160851608616087160881608916090160911609216093160941609516096160971609816099161001610116102161031610416105161061610716108161091611016111161121611316114161151611616117161181611916120161211612216123161241612516126161271612816129161301613116132161331613416135161361613716138161391614016141161421614316144161451614616147161481614916150161511615216153161541615516156161571615816159161601616116162161631616416165161661616716168161691617016171161721617316174161751617616177161781617916180161811618216183161841618516186161871618816189161901619116192161931619416195161961619716198161991620016201162021620316204162051620616207162081620916210162111621216213162141621516216162171621816219162201622116222162231622416225162261622716228162291623016231162321623316234162351623616237162381623916240162411624216243162441624516246162471624816249162501625116252162531625416255162561625716258162591626016261162621626316264162651626616267162681626916270162711627216273162741627516276162771627816279162801628116282162831628416285162861628716288162891629016291162921629316294162951629616297162981629916300163011630216303163041630516306163071630816309163101631116312163131631416315163161631716318163191632016321163221632316324163251632616327163281632916330163311633216333163341633516336163371633816339163401634116342163431634416345163461634716348163491635016351163521635316354163551635616357163581635916360163611636216363163641636516366163671636816369163701637116372163731637416375163761637716378163791638016381163821638316384163851638616387163881638916390163911639216393163941639516396163971639816399164001640116402164031640416405164061640716408164091641016411164121641316414164151641616417164181641916420164211642216423164241642516426164271642816429164301643116432164331643416435164361643716438164391644016441164421644316444164451644616447164481644916450164511645216453164541645516456164571645816459164601646116462164631646416465164661646716468164691647016471164721647316474164751647616477164781647916480164811648216483164841648516486164871648816489164901649116492164931649416495164961649716498164991650016501165021650316504165051650616507165081650916510165111651216513165141651516516165171651816519165201652116522165231652416525165261652716528165291653016531165321653316534165351653616537165381653916540165411654216543165441654516546165471654816549165501655116552165531655416555165561655716558165591656016561165621656316564165651656616567165681656916570165711657216573165741657516576165771657816579165801658116582165831658416585165861658716588165891659016591165921659316594165951659616597165981659916600166011660216603166041660516606166071660816609166101661116612166131661416615166161661716618166191662016621166221662316624166251662616627166281662916630166311663216633166341663516636166371663816639166401664116642166431664416645166461664716648166491665016651166521665316654166551665616657166581665916660166611666216663166641666516666166671666816669166701667116672166731667416675166761667716678166791668016681166821668316684166851668616687166881668916690166911669216693166941669516696166971669816699167001670116702167031670416705167061670716708167091671016711167121671316714167151671616717167181671916720167211672216723167241672516726167271672816729167301673116732167331673416735167361673716738167391674016741167421674316744167451674616747167481674916750167511675216753167541675516756167571675816759167601676116762167631676416765167661676716768167691677016771167721677316774167751677616777167781677916780167811678216783167841678516786167871678816789167901679116792167931679416795167961679716798167991680016801168021680316804168051680616807168081680916810168111681216813168141681516816168171681816819168201682116822168231682416825168261682716828168291683016831168321683316834168351683616837168381683916840168411684216843168441684516846168471684816849168501685116852168531685416855168561685716858168591686016861168621686316864168651686616867168681686916870168711687216873168741687516876168771687816879168801688116882168831688416885168861688716888168891689016891168921689316894168951689616897168981689916900169011690216903169041690516906169071690816909169101691116912169131691416915169161691716918169191692016921169221692316924169251692616927169281692916930169311693216933169341693516936169371693816939169401694116942169431694416945169461694716948169491695016951169521695316954169551695616957169581695916960169611696216963169641696516966169671696816969169701697116972169731697416975169761697716978169791698016981169821698316984169851698616987169881698916990169911699216993169941699516996169971699816999170001700117002170031700417005170061700717008170091701017011170121701317014170151701617017170181701917020170211702217023170241702517026170271702817029170301703117032170331703417035170361703717038170391704017041170421704317044170451704617047170481704917050170511705217053170541705517056170571705817059170601706117062170631706417065170661706717068170691707017071170721707317074170751707617077170781707917080170811708217083170841708517086170871708817089170901709117092170931709417095170961709717098170991710017101171021710317104171051710617107171081710917110171111711217113171141711517116171171711817119171201712117122171231712417125171261712717128171291713017131171321713317134171351713617137171381713917140171411714217143171441714517146171471714817149171501715117152171531715417155171561715717158171591716017161171621716317164171651716617167171681716917170171711717217173171741717517176171771717817179171801718117182171831718417185171861718717188171891719017191171921719317194171951719617197171981719917200172011720217203172041720517206172071720817209172101721117212172131721417215172161721717218172191722017221172221722317224172251722617227172281722917230172311723217233172341723517236172371723817239172401724117242172431724417245172461724717248172491725017251172521725317254172551725617257172581725917260172611726217263172641726517266172671726817269172701727117272172731727417275172761727717278172791728017281172821728317284172851728617287172881728917290172911729217293172941729517296172971729817299173001730117302173031730417305173061730717308173091731017311173121731317314173151731617317173181731917320173211732217323173241732517326173271732817329173301733117332173331733417335173361733717338173391734017341173421734317344173451734617347173481734917350173511735217353173541735517356173571735817359173601736117362173631736417365173661736717368173691737017371173721737317374173751737617377173781737917380173811738217383173841738517386173871738817389173901739117392173931739417395173961739717398173991740017401174021740317404174051740617407174081740917410174111741217413174141741517416174171741817419174201742117422174231742417425174261742717428174291743017431174321743317434174351743617437174381743917440174411744217443174441744517446174471744817449174501745117452174531745417455174561745717458174591746017461174621746317464174651746617467174681746917470174711747217473174741747517476174771747817479174801748117482174831748417485174861748717488174891749017491174921749317494174951749617497174981749917500175011750217503175041750517506175071750817509175101751117512175131751417515175161751717518175191752017521175221752317524175251752617527175281752917530175311753217533175341753517536175371753817539175401754117542175431754417545175461754717548175491755017551175521755317554175551755617557175581755917560175611756217563175641756517566175671756817569175701757117572175731757417575175761757717578175791758017581175821758317584175851758617587175881758917590175911759217593175941759517596175971759817599176001760117602176031760417605176061760717608176091761017611176121761317614176151761617617176181761917620176211762217623176241762517626176271762817629176301763117632176331763417635176361763717638176391764017641176421764317644176451764617647176481764917650176511765217653176541765517656176571765817659176601766117662176631766417665176661766717668176691767017671176721767317674176751767617677176781767917680176811768217683176841768517686176871768817689176901769117692176931769417695176961769717698176991770017701177021770317704177051770617707177081770917710177111771217713177141771517716177171771817719177201772117722177231772417725177261772717728177291773017731177321773317734177351773617737177381773917740177411774217743177441774517746177471774817749177501775117752177531775417755177561775717758177591776017761177621776317764177651776617767177681776917770177711777217773177741777517776177771777817779177801778117782177831778417785177861778717788177891779017791177921779317794177951779617797177981779917800178011780217803178041780517806178071780817809178101781117812178131781417815178161781717818178191782017821178221782317824178251782617827178281782917830178311783217833178341783517836178371783817839178401784117842178431784417845178461784717848178491785017851178521785317854178551785617857178581785917860178611786217863178641786517866178671786817869178701787117872178731787417875178761787717878178791788017881178821788317884178851788617887178881788917890178911789217893178941789517896178971789817899179001790117902179031790417905179061790717908179091791017911179121791317914179151791617917179181791917920179211792217923179241792517926179271792817929179301793117932179331793417935179361793717938179391794017941179421794317944179451794617947179481794917950179511795217953179541795517956179571795817959179601796117962179631796417965179661796717968179691797017971179721797317974179751797617977179781797917980179811798217983179841798517986179871798817989179901799117992179931799417995179961799717998179991800018001180021800318004180051800618007180081800918010180111801218013180141801518016180171801818019180201802118022180231802418025180261802718028180291803018031180321803318034180351803618037180381803918040180411804218043180441804518046180471804818049180501805118052180531805418055180561805718058180591806018061180621806318064180651806618067180681806918070180711807218073180741807518076180771807818079180801808118082180831808418085180861808718088180891809018091180921809318094180951809618097180981809918100181011810218103181041810518106181071810818109181101811118112181131811418115181161811718118181191812018121181221812318124181251812618127181281812918130181311813218133181341813518136181371813818139181401814118142181431814418145181461814718148181491815018151181521815318154181551815618157181581815918160181611816218163181641816518166181671816818169181701817118172181731817418175181761817718178181791818018181181821818318184181851818618187181881818918190181911819218193181941819518196181971819818199182001820118202182031820418205182061820718208182091821018211182121821318214182151821618217182181821918220182211822218223182241822518226182271822818229182301823118232182331823418235182361823718238182391824018241182421824318244182451824618247182481824918250182511825218253182541825518256182571825818259182601826118262182631826418265182661826718268182691827018271182721827318274182751827618277182781827918280182811828218283182841828518286182871828818289182901829118292182931829418295182961829718298182991830018301183021830318304183051830618307183081830918310183111831218313183141831518316183171831818319183201832118322183231832418325183261832718328183291833018331183321833318334183351833618337183381833918340183411834218343183441834518346183471834818349183501835118352183531835418355183561835718358183591836018361183621836318364183651836618367183681836918370183711837218373183741837518376183771837818379183801838118382183831838418385183861838718388183891839018391183921839318394183951839618397183981839918400184011840218403184041840518406184071840818409184101841118412184131841418415184161841718418184191842018421184221842318424184251842618427184281842918430184311843218433184341843518436184371843818439184401844118442184431844418445184461844718448184491845018451184521845318454184551845618457184581845918460184611846218463184641846518466184671846818469184701847118472184731847418475184761847718478184791848018481184821848318484184851848618487184881848918490184911849218493184941849518496184971849818499185001850118502185031850418505185061850718508185091851018511185121851318514185151851618517185181851918520185211852218523185241852518526185271852818529185301853118532185331853418535185361853718538185391854018541185421854318544185451854618547185481854918550185511855218553185541855518556185571855818559185601856118562185631856418565185661856718568185691857018571185721857318574185751857618577185781857918580185811858218583185841858518586185871858818589185901859118592185931859418595185961859718598185991860018601186021860318604186051860618607186081860918610186111861218613186141861518616186171861818619186201862118622186231862418625186261862718628186291863018631186321863318634186351863618637186381863918640186411864218643186441864518646186471864818649186501865118652186531865418655186561865718658186591866018661186621866318664186651866618667186681866918670186711867218673186741867518676186771867818679186801868118682186831868418685186861868718688186891869018691186921869318694186951869618697186981869918700187011870218703187041870518706187071870818709187101871118712187131871418715187161871718718187191872018721187221872318724187251872618727187281872918730187311873218733187341873518736187371873818739187401874118742187431874418745187461874718748187491875018751187521875318754187551875618757187581875918760187611876218763187641876518766187671876818769187701877118772187731877418775187761877718778187791878018781187821878318784187851878618787187881878918790187911879218793187941879518796187971879818799188001880118802188031880418805188061880718808188091881018811188121881318814188151881618817188181881918820188211882218823188241882518826188271882818829188301883118832188331883418835188361883718838188391884018841188421884318844188451884618847188481884918850188511885218853188541885518856188571885818859188601886118862188631886418865188661886718868188691887018871188721887318874188751887618877188781887918880188811888218883188841888518886188871888818889188901889118892188931889418895188961889718898188991890018901189021890318904189051890618907189081890918910189111891218913189141891518916189171891818919189201892118922189231892418925189261892718928189291893018931189321893318934189351893618937189381893918940189411894218943189441894518946189471894818949189501895118952189531895418955189561895718958189591896018961189621896318964189651896618967189681896918970189711897218973189741897518976189771897818979189801898118982189831898418985189861898718988189891899018991189921899318994189951899618997189981899919000190011900219003190041900519006190071900819009190101901119012190131901419015190161901719018190191902019021190221902319024190251902619027190281902919030190311903219033190341903519036190371903819039190401904119042190431904419045190461904719048190491905019051190521905319054190551905619057190581905919060190611906219063190641906519066190671906819069190701907119072190731907419075190761907719078190791908019081190821908319084190851908619087190881908919090190911909219093190941909519096190971909819099191001910119102191031910419105191061910719108191091911019111191121911319114191151911619117191181911919120191211912219123191241912519126191271912819129191301913119132191331913419135191361913719138191391914019141191421914319144191451914619147191481914919150191511915219153191541915519156191571915819159191601916119162191631916419165191661916719168191691917019171191721917319174191751917619177191781917919180191811918219183191841918519186191871918819189
  1. /* ===================================
  2. 02. CSS color variable
  3. ====================================== */
  4. :root {
  5. --base-color: #2946f3;
  6. --white: #ffffff;
  7. --black: #000000;
  8. --red: #ff3639;
  9. --light-red: #feedec;
  10. --green: #2ebb79;
  11. --crusoe-green: #d39121;
  12. --yellow: #ffea23;
  13. --dark-gray: #232323;
  14. --medium-gray: #717580;
  15. --extra-medium-gray: #e4e4e4;
  16. --light-gray: #a8a8a8;
  17. --very-light-gray: #f7f7f7;
  18. --light-medium-gray: #eaeaeb;
  19. --charcoal-blue: #202329;
  20. --slate-blue: #262b35;
  21. --medium-slate-blue: #374162;
  22. --extra-medium-slate-blue: #23262d;
  23. --dark-slate-blue: #1f232c;
  24. --extra-dark-slate-blue: #121418;
  25. --extra-very-slate-blue: #161620;
  26. --tussock-yellow: #BC8947;
  27. --aluminium-grey:#80858F;
  28. --solitude-blue:#f0f4fd;
  29. --golden-yellow:#ffb100;
  30. --selago:#eaedff;
  31. --white-ice:#d8f5ef;
  32. --cornflower-blue:#445fed;
  33. --jade:#00AF6B;
  34. --orange: #ef991f;
  35. --majorelle-blue: #724ade;
  36. --light-majorelle-blue: #f2edfe;
  37. --spring-wood: #f9f6f3;
  38. --tropical-blue: #1ea3b1;
  39. --camarone: #20642b;
  40. --seal-brown: #0e0708;
  41. --Wasabi: #8ea63a;
  42. }
  43. /* ===================================
  44. 03. Reset
  45. ====================================== */
  46. .alt-font {
  47. font-family: var(--alt-font);
  48. }
  49. .primary-font {
  50. font-family: var(--primary-font) !important;
  51. }
  52. html {
  53. font-size: 16px;
  54. }
  55. body {
  56. font-family: var(--primary-font);
  57. font-size: 16px;
  58. font-weight: 400;
  59. color: var(--medium-gray);
  60. -moz-osx-font-smoothing: grayscale;
  61. word-break: break-word;
  62. -webkit-font-smoothing: antialiased;
  63. }
  64. section {
  65. padding-top: 110px;
  66. padding-bottom: 110px;
  67. }
  68. section.half-section {
  69. padding-top: 70px;
  70. padding-bottom: 70px;
  71. }
  72. section.big-section {
  73. padding-top: 130px;
  74. padding-bottom: 130px;
  75. }
  76. section.extra-big-section {
  77. padding-top: 160px;
  78. padding-bottom: 160px;
  79. }
  80. img {
  81. max-width: 100%;
  82. height: auto;
  83. }
  84. ul li {
  85. list-style: none;
  86. }
  87. a {
  88. color: var(--medium-gray);
  89. -webkit-transition: 0.3s;
  90. transition: 0.3s;
  91. text-decoration: none;
  92. }
  93. a:hover {
  94. color: var(--base-color);
  95. text-decoration: none;
  96. }
  97. p {
  98. margin-bottom: 25px;
  99. color: black;
  100. }
  101. .last-paragraph-no-margin p:last-of-type {
  102. margin-bottom: 0;
  103. }
  104. video {
  105. background-size: cover;
  106. display: table-cell;
  107. vertical-align: middle;
  108. width: 100%;
  109. }
  110. :focus-visible {
  111. outline: none;
  112. }
  113. [class*=line-icon], [class*=" line-icon"], [class*=bi-], [class*=feather], [class*=ti-] {
  114. display: inline-block;
  115. }
  116. .form-control, .form-control.is-invalid, .was-validated .form-control:invalid {
  117. background-position: right 20px center !important;
  118. }
  119. .form-control.is-invalid, .was-validated .form-control:invalid {
  120. border-color: #dc3545 !important;
  121. }
  122. .g-recaptcha.is-invalid iframe {
  123. border: 1px solid #dc3545 !important;
  124. }
  125. .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  126. padding-right: 15px;
  127. padding-left: 15px;
  128. }
  129. .row {
  130. margin-right: -15px;
  131. margin-left: -15px;
  132. }
  133. .row > * {
  134. padding-right: 15px;
  135. padding-left: 15px;
  136. }
  137. .row.g-0 {
  138. margin-right: 0;
  139. margin-left: 0;
  140. }
  141. .row.g-0 > * {
  142. padding-right: 0;
  143. padding-left: 0;
  144. }
  145. .row.gutter-very-small {
  146. margin-left: -5px;
  147. margin-right: -5px;
  148. }
  149. .row.gutter-very-small > * {
  150. padding-right: 5px;
  151. padding-left: 5px;
  152. }
  153. .row.gutter-small {
  154. margin-left: -10px;
  155. margin-right: -10px;
  156. }
  157. .row.gutter-small > * {
  158. padding-right: 10px;
  159. padding-left: 10px;
  160. }
  161. /* ===================================
  162. 04. Typography
  163. ====================================== */
  164. /* Heading */
  165. .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  166. margin-bottom: 30px;
  167. letter-spacing: -0.5px;
  168. font-weight: inherit;
  169. }
  170. h1, .h1 {
  171. font-size: 4.375rem;
  172. line-height: 4.375rem;
  173. }
  174. h2, .h2 {
  175. font-size: 3.438rem;
  176. line-height: 3.438rem;
  177. }
  178. h3, .h3 {
  179. font-size: 2.813rem;
  180. line-height: 3.125rem;
  181. }
  182. h4 {
  183. font-size: 2.375rem;
  184. line-height: 2.7rem;
  185. }
  186. h5 {
  187. font-size: 2rem;
  188. line-height: 2.2rem;
  189. }
  190. h6 {
  191. font-size: 1.75rem;
  192. line-height: 1.95rem;
  193. }
  194. /* Font custom */
  195. .font-style-italic {
  196. font-style: italic;
  197. }
  198. .hover-text {
  199. display: none;
  200. }
  201. b, strong {
  202. font-weight: 700;
  203. }
  204. .text-white-space-nowrap {
  205. white-space: nowrap;
  206. }
  207. .text-white-space-normal {
  208. white-space: normal;
  209. }
  210. .text-transform-none {
  211. text-transform: none !important;
  212. }
  213. .text-uppercase-inherit {
  214. text-transform: inherit !important;
  215. }
  216. .word-break-normal {
  217. word-break: normal;
  218. }
  219. .vertical-align-top {
  220. vertical-align: top;
  221. }
  222. /* Font size */
  223. .fs-0 {
  224. font-size: 0;
  225. }
  226. .fs-9 {
  227. font-size: 9px;
  228. }
  229. .fs-10 {
  230. font-size: 10px;
  231. }
  232. .fs-11 {
  233. font-size: 11px;
  234. }
  235. .fs-12 {
  236. font-size: 12px;
  237. }
  238. .fs-13 {
  239. font-size: 13px;
  240. }
  241. .fs-14 {
  242. font-size: 14px;
  243. }
  244. .fs-15 {
  245. font-size: 15px;
  246. }
  247. .fs-16 {
  248. font-size: 16px;
  249. }
  250. .fs-17 {
  251. font-size: 17px;
  252. }
  253. .fs-18 {
  254. font-size: 18px;
  255. }
  256. .fs-19 {
  257. font-size: 19px;
  258. }
  259. .fs-20 {
  260. font-size: 20px;
  261. }
  262. .fs-22 {
  263. font-size: 22px;
  264. }
  265. .fs-24 {
  266. font-size: 24px;
  267. line-height: 32px;
  268. }
  269. .fs-26 {
  270. font-size: 26px;
  271. line-height: 38px;
  272. }
  273. .fs-28 {
  274. font-size: 1.75rem;
  275. line-height: 2.6rem;
  276. }
  277. .fs-30 {
  278. font-size: 1.875rem;
  279. line-height: 2.8rem;
  280. }
  281. .fs-32 {
  282. font-size: 2rem;
  283. line-height: 2.5rem;
  284. }
  285. .fs-40 {
  286. font-size: 2.5rem;
  287. line-height: 2.5rem;
  288. }
  289. .fs-45 {
  290. font-size: 2.813rem;
  291. line-height: 3rem;
  292. }
  293. .fs-50 {
  294. font-size: 3.125rem;
  295. line-height: 3.25rem;
  296. }
  297. .fs-55 {
  298. font-size: 3.438rem;
  299. line-height: 3.5rem;
  300. }
  301. .fs-60 {
  302. font-size: 3.75rem;
  303. line-height: 3.75rem;
  304. }
  305. .fs-65 {
  306. font-size: 4.063rem;
  307. line-height: 4.688rem;
  308. }
  309. .fs-70 {
  310. font-size: 4.375rem;
  311. line-height: 4.375rem;
  312. }
  313. .fs-75 {
  314. font-size: 4.668rem;
  315. line-height: 4.668rem;
  316. }
  317. .fs-80 {
  318. font-size: 5rem;
  319. line-height: 5rem;
  320. }
  321. .fs-85 {
  322. font-size: 5.313rem;
  323. line-height: 5.313rem;
  324. }
  325. .fs-90 {
  326. font-size: 5.625rem;
  327. line-height: 5.625rem;
  328. }
  329. .fs-95 {
  330. font-size: 5.938rem;
  331. line-height: 5.938rem;
  332. }
  333. .fs-100 {
  334. font-size: 6.25rem;
  335. line-height: 6.25rem;
  336. }
  337. .fs-110 {
  338. font-size: 6.875rem;
  339. line-height: 6.875rem;
  340. }
  341. .fs-120 {
  342. font-size: 7.5rem;
  343. line-height: 7.5rem;
  344. }
  345. .fs-130 {
  346. font-size: 8.125rem;
  347. line-height: 8.125rem;
  348. }
  349. .fs-140 {
  350. font-size: 8.75rem;
  351. line-height: 8.75rem;
  352. }
  353. .fs-150 {
  354. font-size: 9.375rem;
  355. line-height: 9.375rem;
  356. }
  357. .fs-160 {
  358. font-size: 10rem;
  359. line-height: 10rem;
  360. }
  361. .fs-170 {
  362. font-size: 10.625rem;
  363. line-height: 10.625rem;
  364. }
  365. .fs-180 {
  366. font-size: 11.25rem;
  367. line-height: 11.25rem;
  368. }
  369. .fs-190 {
  370. font-size: 11.875rem;
  371. line-height: 11.875rem;
  372. }
  373. .fs-200 {
  374. font-size: 12.5rem;
  375. line-height: 12.5rem;
  376. }
  377. .fs-225 {
  378. font-size: 14.063rem;
  379. line-height: 14.063rem;
  380. }
  381. .fs-250 {
  382. font-size: 15.625rem;
  383. line-height: 15.625rem;
  384. }
  385. .fs-275 {
  386. font-size: 17.188rem;
  387. line-height: 17.188rem;
  388. }
  389. .fs-300 {
  390. font-size: 18.75rem;
  391. line-height: 18.75rem;
  392. }
  393. .fs-350 {
  394. font-size: 21.875rem;
  395. line-height: 21.875rem;
  396. }
  397. .fs-400 {
  398. font-size: 25rem;
  399. line-height: 25rem;
  400. }
  401. /* Line height */
  402. .lh-0px {
  403. line-height: 0px;
  404. }
  405. .lh-10 {
  406. line-height: 10px;
  407. }
  408. .lh-11 {
  409. line-height: 11px;
  410. }
  411. .lh-12 {
  412. line-height: 12px;
  413. }
  414. .lh-13 {
  415. line-height: 13px;
  416. }
  417. .lh-14 {
  418. line-height: 14px;
  419. }
  420. .lh-15 {
  421. line-height: 15px;
  422. }
  423. .lh-16 {
  424. line-height: 16px;
  425. }
  426. .lh-18 {
  427. line-height: 18px;
  428. }
  429. .lh-19 {
  430. line-height: 19px;
  431. }
  432. .lh-20 {
  433. line-height: 20px;
  434. }
  435. .lh-22 {
  436. line-height: 22px;
  437. }
  438. .lh-24 {
  439. line-height: 24px;
  440. }
  441. .lh-26 {
  442. line-height: 26px;
  443. }
  444. .lh-28 {
  445. line-height: 28px;
  446. }
  447. .lh-30 {
  448. line-height: 30px;
  449. }
  450. .lh-32 {
  451. line-height: 2rem;
  452. }
  453. .lh-34 {
  454. line-height: 2.125rem;
  455. }
  456. .lh-36 {
  457. line-height: 2.25rem;
  458. }
  459. .lh-38 {
  460. line-height: 2.375rem;
  461. }
  462. .lh-40 {
  463. line-height: 2.5rem;
  464. }
  465. .lh-42 {
  466. line-height: 2.625rem;
  467. }
  468. .lh-44 {
  469. line-height: 2.75rem;
  470. }
  471. .lh-46 {
  472. line-height: 2.875rem;
  473. }
  474. .lh-48 {
  475. line-height: 3rem;
  476. }
  477. .lh-50 {
  478. line-height: 3.125rem;
  479. }
  480. .lh-55 {
  481. line-height: 3.438rem;
  482. }
  483. .lh-60 {
  484. line-height: 3.75rem;
  485. }
  486. .lh-65 {
  487. line-height: 4.063rem;
  488. }
  489. .lh-70 {
  490. line-height: 4.375rem;
  491. }
  492. .lh-75 {
  493. line-height: 4.688rem;
  494. }
  495. .lh-80 {
  496. line-height: 5rem;
  497. }
  498. .lh-85 {
  499. line-height: 5.313rem;
  500. }
  501. .lh-90 {
  502. line-height: 5.625rem;
  503. }
  504. .lh-95 {
  505. line-height: 5.938rem;
  506. }
  507. .lh-100 {
  508. line-height: 6.25rem;
  509. }
  510. .lh-105 {
  511. line-height: 6.563rem;
  512. }
  513. .lh-110 {
  514. line-height: 6.875rem;
  515. }
  516. .lh-115 {
  517. line-height: 7.188rem;
  518. }
  519. .lh-120 {
  520. line-height: 7.5rem;
  521. }
  522. .lh-0 {
  523. line-height: 0;
  524. }
  525. .lh-normal {
  526. line-height: normal;
  527. }
  528. .lh-initial {
  529. line-height: initial;
  530. }
  531. .lh-inherit {
  532. line-height: inherit;
  533. }
  534. /* Text color */
  535. .text-white, .btn-link.text-white, a.text-white-hover:hover {
  536. color: var(--white);
  537. }
  538. .text-base-color-hover:hover {
  539. color: var(--base-color) !important;
  540. }
  541. .text-base-color, .btn-link.text-base-color {
  542. background: #ED1F25;
  543. background: linear-gradient(to right, #ED1F25 0%, #FE5924 100%);
  544. -webkit-background-clip: text;
  545. -webkit-text-fill-color: transparent;
  546. }
  547. .text-black, .btn-link.text-black, a.text-black-hover:hover {
  548. color: var(--black);
  549. }
  550. .text-dark-gray, .btn-link.text-dark-gray, a.text-dark-gray-hover:hover {
  551. color: var(--dark-gray);
  552. }
  553. .text-medium-gray, .btn-link.text-medium-gray, a.text-medium-gray-hover:hover {
  554. color: var(--medium-gray);
  555. }
  556. .text-extra-medium-gray, .btn-link.text-extra-medium-gray, a.text-extra-medium-gray-hover:hover {
  557. color: var(--extra-medium-gray);
  558. }
  559. .text-light-medium-gray, .btn-link.text-light-medium-gray, a.text-light-medium-gray:hover {
  560. color: var(--light-medium-gray);
  561. }
  562. .text-light-gray, .btn-link.text-light-gray, a.text-light-gray-hover:hover {
  563. color: var(--light-gray);
  564. }
  565. .text-very-light-gray, .btn-link.text-very-light-gray, a.text-very-light-gray-hover:hover {
  566. color: var(--very-light-gray);
  567. }
  568. .text-red, .btn-link.text-red, a.text-red-hover:hover {
  569. color: var(--red);
  570. }
  571. .text-green, .btn-link.text-green, a.text-green-hover:hover {
  572. color: var(--green);
  573. }
  574. .text-yellow, .btn-link.text-yellow, a.text-yellow-hover:hover {
  575. color: var(--yellow);
  576. }
  577. .text-golden-yellow, .btn-link.text-golden-yellow, a.text-golden-yellow-hover:hover {
  578. color: var(--golden-yellow);
  579. }
  580. .text-tussock-yellow, .btn-link.text-tussock-yellow, a.text-tussock-yellow-hover:hover {
  581. color: var(--tussock-yellow);
  582. }
  583. .text-cornflower-blue, .btn-link.text-cornflower-blue, a.text-cornflower-blue-hover:hover {
  584. color: var(--cornflower-blue);
  585. }
  586. .text-jade, .btn-link.text-jade, a.text-jade-hover:hover {
  587. color: var(--jade);
  588. }
  589. .text-majorelle-blue {
  590. color: var(--majorelle-blue);
  591. }
  592. .text-orange {
  593. color: var(--orange);
  594. }
  595. .text-crusoe-green {
  596. color: var(--crusoe-green);
  597. }
  598. .text-tropical-blue {
  599. color: var(--tropical-blue);
  600. }
  601. .text-camarone {
  602. color: var(--camarone);
  603. }
  604. .text-seal-brown {
  605. color: var(--seal-brown);
  606. }
  607. .text-Wasabi {
  608. color: var(--Wasabi);
  609. }
  610. /* Text gradient color */
  611. .text-gradient-blue-magenta-orange, .text-gradient-light-gray-white, .text-gradient-light-purple-light-orange, .text-gradient-sky-blue-pink, .text-gradient-light-blue-light-turquoise, .text-gradient-fast-blue-purple-light-orange, .text-gradient-light-pink-light-purple, .text-gradient-fast-blue-purple, .text-gradient-pink-orange, .text-gradient-fast-pink-light-yellow, .text-gradient-purple-pink, .text-gradient-light-pink-light-orange {
  612. -webkit-background-clip: text;
  613. -webkit-text-fill-color: transparent;
  614. }
  615. .text-gradient-light-pink-light-orange {
  616. background-image: linear-gradient(to right, #ffafbd, #ffb3b4, #ffb7ac, #ffbda5, #ffc3a0);
  617. }
  618. .text-gradient-purple-pink {
  619. background-image: linear-gradient(to right, #8b14b1, #ab019e, #c00c8b, #cd267b, #d53d6e);
  620. }
  621. .text-gradient-fast-pink-light-yellow {
  622. background-image: linear-gradient(to right, #f7567f, #fe7177, #ff8a74, #ffa378, #ffba83);
  623. }
  624. .text-gradient-pink-orange {
  625. background-image: linear-gradient(to right, #de347f, #e73a70, #ed4461, #f05152, #ef5f43);
  626. }
  627. .text-gradient-fast-blue-purple {
  628. background-image: linear-gradient(to right, #2a46f4, #5f42f9, #833cfc, #a233fe, #bf25ff);
  629. }
  630. .text-gradient-light-pink-light-purple {
  631. background-image: linear-gradient(to right, #ed579b, #e855ad, #df57c0, #d15cd4, #bc63e8);
  632. }
  633. .text-gradient-fast-blue-purple-light-orange {
  634. background-image: linear-gradient(to right top, #183fb9, #4f41df, #ae2eb9, #ef3f59, #e9522d);
  635. }
  636. .text-gradient-light-blue-light-turquoise {
  637. background-image: linear-gradient(to right, #18cdbb, #22d2ae, #3cd69d, #57da89, #73dc73);
  638. }
  639. .text-gradient-sky-blue-pink {
  640. background-image: linear-gradient(to right, #556fff, #556fff, #e05fc4, #f767a6, #ff798e);
  641. }
  642. .text-gradient-light-purple-light-orange {
  643. background-image: linear-gradient(to right, #b783ff, #b783ff, #fa7cc1, #ff85a6, #ff9393);
  644. }
  645. .text-gradient-light-gray-white {
  646. background-image: linear-gradient(to bottom, #efefef, #efefef, #f7f7f7, #fdfdfc, #ffffff);
  647. }
  648. .text-gradient-blue-magenta-orange {
  649. background-image: linear-gradient(to right, #002fff, #ab00ff, #ff137d, #ff562f, #ee8502);
  650. }
  651. /* Text shadow */
  652. .text-shadow-large {
  653. text-shadow: 0 0 50px rgba(0, 0, 0, 0.9);
  654. }
  655. .text-shadow-extra-large {
  656. text-shadow: 0 0 60px rgba(0, 0, 0, 0.9);
  657. }
  658. .text-shadow-double-large {
  659. text-shadow: 0 0 100px rgba(0, 0, 0, 0.9);
  660. }
  661. /* Text bottom line */
  662. .text-decoration-line-bottom {
  663. border-bottom: 1px solid;
  664. }
  665. .text-decoration-line-bottom-medium {
  666. border-bottom: 2px solid;
  667. }
  668. .text-decoration-line-bottom-thick {
  669. border-bottom: 3px solid;
  670. }
  671. .text-decoration-line-through {
  672. text-decoration: line-through;
  673. }
  674. /* Text outline*/
  675. .text-outline {
  676. -webkit-text-fill-color: transparent;
  677. -webkit-text-stroke-width: 1px;
  678. -webkit-text-stroke-color: var(--white);
  679. }
  680. /* Text stroke width */
  681. .text-outline-width-1px {
  682. -webkit-text-stroke-width: 1px;
  683. }
  684. .text-outline-width-2px {
  685. -webkit-text-stroke-width: 2px;
  686. }
  687. .text-outline-width-3px {
  688. -webkit-text-stroke-width: 3px;
  689. }
  690. .text-outline-width-4px {
  691. -webkit-text-stroke-width: 4px;
  692. }
  693. .text-outline-width-5px {
  694. -webkit-text-stroke-width: 5px;
  695. }
  696. /* Text stroke color */
  697. .text-outline-color-black {
  698. -webkit-text-stroke-color: var(--black);
  699. }
  700. .text-outline-color-base-color {
  701. -webkit-text-stroke-color: var(--base-color);
  702. }
  703. .text-outline-color-red {
  704. -webkit-text-stroke-color: var(--red);
  705. }
  706. .text-outline-color-dark-gray {
  707. -webkit-text-stroke-color: var(--dark-gray);
  708. }
  709. .text-outline-color-medium-gray {
  710. -webkit-text-stroke-color: var(--medium-gray);
  711. }
  712. .text-outline-color-extra-medium-gray {
  713. -webkit-text-stroke-color: var(--extra-medium-gray);
  714. }
  715. /* Letter spacing */
  716. .ls-0px {
  717. letter-spacing: 0px !important;
  718. }
  719. .ls-05px {
  720. letter-spacing: 0.5px !important;
  721. }
  722. .ls-1px {
  723. letter-spacing: 1px !important;
  724. }
  725. .ls-2px {
  726. letter-spacing: 2px !important;
  727. }
  728. .ls-3px {
  729. letter-spacing: 3px !important;
  730. }
  731. .ls-4px {
  732. letter-spacing: 4px !important;
  733. }
  734. .ls-5px {
  735. letter-spacing: 5px !important;
  736. }
  737. .ls-6px {
  738. letter-spacing: 6px !important;
  739. }
  740. .ls-7px {
  741. letter-spacing: 7px !important;
  742. }
  743. .ls-8px {
  744. letter-spacing: 8px !important;
  745. }
  746. .ls-9px {
  747. letter-spacing: 9px !important;
  748. }
  749. .ls-10px {
  750. letter-spacing: 10px !important;
  751. }
  752. .ls-minus-05px {
  753. letter-spacing: -0.5px !important;
  754. }
  755. .ls-minus-1px {
  756. letter-spacing: -1px !important;
  757. }
  758. .ls-minus-2px {
  759. letter-spacing: -2px !important;
  760. }
  761. .ls-minus-3px {
  762. letter-spacing: -3px !important;
  763. }
  764. .ls-minus-4px {
  765. letter-spacing: -4px !important;
  766. }
  767. .ls-minus-5px {
  768. letter-spacing: -5px !important;
  769. }
  770. .ls-minus-6px {
  771. letter-spacing: -6px !important;
  772. }
  773. .ls-minus-7px {
  774. letter-spacing: -7px !important;
  775. }
  776. .ls-minus-8px {
  777. letter-spacing: -8px !important;
  778. }
  779. .ls-minus-9px {
  780. letter-spacing: -9px !important;
  781. }
  782. .ls-minus-10px {
  783. letter-spacing: -10px !important;
  784. }
  785. /* Icon size */
  786. .icon-extra-double-large {
  787. font-size: 80px;
  788. }
  789. .icon-double-large {
  790. font-size: 60px;
  791. }
  792. .icon-extra-large {
  793. font-size: 50px;
  794. }
  795. .icon-large {
  796. font-size: 42px;
  797. }
  798. .icon-medium {
  799. font-size: 34px;
  800. }
  801. .icon-very-medium {
  802. font-size: 28px;
  803. }
  804. .icon-extra-medium {
  805. font-size: 24px;
  806. }
  807. .icon-small {
  808. font-size: 18px;
  809. }
  810. .icon-very-small {
  811. font-size: 14px;
  812. }
  813. /* ===================================
  814. 05. General
  815. ====================================== */
  816. /* Separator line */
  817. .separator-line-1px {
  818. height: 1px;
  819. }
  820. .separator-line-2px {
  821. height: 2px;
  822. }
  823. .separator-line-3px {
  824. height: 3px;
  825. }
  826. .separator-line-4px {
  827. height: 4px;
  828. }
  829. .separator-line-5px {
  830. height: 5px;
  831. }
  832. /* Separator vertical line */
  833. .separator-line-vertical {
  834. -webkit-transform: rotate(-90deg);
  835. transform: rotate(-90deg);
  836. }
  837. /* Separator line size */
  838. .separator-line-small {
  839. width: 35px;
  840. height: 1px;
  841. display: inline-block;
  842. margin-right: 7px;
  843. }
  844. .separator-line-extra-small {
  845. width: 18px;
  846. height: 1px;
  847. display: inline-block;
  848. margin-right: 8px;
  849. vertical-align: middle;
  850. }
  851. .separator-line-very-small {
  852. width: 12px;
  853. height: 1px;
  854. display: inline-block;
  855. margin-right: 9px;
  856. vertical-align: middle;
  857. }
  858. /* Opacity */
  859. .opacity-full-dark, .opacity-full, .opacity-medium, .opacity-extra-medium, .opacity-light, .opacity-very-light {
  860. position: absolute;
  861. height: 100%;
  862. width: 100%;
  863. top: 0;
  864. left: 0;
  865. }
  866. .opacity-very-light {
  867. opacity: 0.2;
  868. }
  869. .opacity-light {
  870. opacity: 0.3;
  871. }
  872. .opacity-extra-medium {
  873. opacity: 0.5;
  874. }
  875. .opacity-medium {
  876. opacity: 0.75;
  877. }
  878. .opacity-full {
  879. opacity: 0.8;
  880. }
  881. .opacity-full-dark {
  882. opacity: 0.9;
  883. }
  884. /* Position */
  885. .position-inherit {
  886. position: inherit !important;
  887. }
  888. .position-initial {
  889. position: initial !important;
  890. }
  891. .absolute-middle-center {
  892. left: 50%;
  893. top: 50%;
  894. position: absolute;
  895. -webkit-transform: translate(-50%, -50%);
  896. transform: translate(-50%, -50%);
  897. }
  898. .absolute-middle-left {
  899. left: 0;
  900. top: 50%;
  901. position: absolute;
  902. -webkit-transform: translateY(-50%);
  903. transform: translateY(-50%);
  904. }
  905. .absolute-middle-right {
  906. right: 0;
  907. top: 50%;
  908. position: absolute;
  909. -webkit-transform: translateY(-50%);
  910. transform: translateY(-50%);
  911. }
  912. .absolute-top-center {
  913. left: 50%;
  914. top: 0;
  915. position: absolute;
  916. -webkit-transform: translateX(-50%);
  917. transform: translateX(-50%);
  918. }
  919. .absolute-bottom-center {
  920. left: 50%;
  921. bottom: 0;
  922. position: absolute;
  923. -webkit-transform: translateX(-50%);
  924. transform: translateX(-50%);
  925. }
  926. .absolute-bottom-left {
  927. left: 0;
  928. bottom: 0;
  929. position: absolute;
  930. }
  931. .absolute-bottom-right {
  932. right: 0;
  933. bottom: 0;
  934. position: absolute;
  935. }
  936. /* Vertical title center */
  937. .vertical-title-center {
  938. display: flex;
  939. height: 100%;
  940. }
  941. .vertical-title-center .title {
  942. -webkit-transform: rotate(180deg);
  943. transform: rotate(180deg);
  944. writing-mode: vertical-lr;
  945. }
  946. /* Skrollr */
  947. .skrollr-parallax {
  948. position: relative !important;
  949. background-size: cover !important;
  950. background-attachment: fixed !important;
  951. transition-timing-function: none;
  952. -webkit-transition-timing-function: none;
  953. transition-duration: 0s;
  954. -webkit-transition-duration: 0s;
  955. }
  956. .skrollr-zoom {
  957. transition: none !important;
  958. }
  959. .blur-box {
  960. backdrop-filter: blur(5px);
  961. -webkit-backdrop-filter: blur(3px);
  962. }
  963. /* Transform */
  964. .transform-origin-right {
  965. transform-origin: right;
  966. }
  967. .transform-origin-left {
  968. transform-origin: left;
  969. }
  970. .btn.btn-none-transform, .btn.btn-none-transform:hover {
  971. -webkit-transform: translate3d(0, 0, 0);
  972. transform: translate3d(0, 0, 0);
  973. }
  974. /* Transition */
  975. .transition {
  976. -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  977. transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  978. }
  979. .transition-inner-all * {
  980. -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  981. transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  982. }
  983. .no-transition {
  984. -webkit-transition: 0s;
  985. transition: 0s;
  986. }
  987. /* Pointer events */
  988. .pointer-events-none {
  989. pointer-events: none;
  990. }
  991. .pointer-events-all {
  992. pointer-events: all;
  993. }
  994. /* Sticky column */
  995. .sticky-wrap {
  996. position: fixed;
  997. top: 50%;
  998. left: 0;
  999. opacity: 0;
  1000. z-index: 1;
  1001. -webkit-transform: rotate(-90deg) translate(-50%, 50%);
  1002. transform: rotate(-90deg) translate(-50%, 50%);
  1003. transform-origin: 0 50%;
  1004. transition: 1s cubic-bezier(0.7, 0, 0.3, 1) !important;
  1005. }
  1006. .sticky-wrap.shadow-in {
  1007. left: 50px;
  1008. opacity: 1;
  1009. box-shadow: none !important;
  1010. }
  1011. .sticky-wrap.sticky-hidden {
  1012. left: 0;
  1013. opacity: 0;
  1014. }
  1015. .sticky-wrap a {
  1016. color: var(--dark-gray) !important;
  1017. }
  1018. .sticky-wrap a:hover {
  1019. color: var(--dark-gray) !important;
  1020. }
  1021. .sticky-wrap div, .sticky-wrap span, .sticky-wrap p {
  1022. color: var(--dark-gray) !important;
  1023. }
  1024. .sticky-wrap .social-icon-style-10 ul li a:hover {
  1025. color: var(--dark-gray) !important;
  1026. }
  1027. .sticky-wrap.sticky-highlight a {
  1028. color: var(--white) !important;
  1029. }
  1030. .sticky-wrap.sticky-highlight a:hover {
  1031. color: var(--white) !important;
  1032. }
  1033. .sticky-wrap.sticky-highlight div, .sticky-wrap.sticky-highlight span, .sticky-wrap.sticky-highlight p {
  1034. color: var(--white) !important;
  1035. }
  1036. .sticky-wrap.sticky-highlight .separator-line-1px {
  1037. background-color: var(--white) !important;
  1038. }
  1039. .sticky-wrap.sticky-highlight .social-icon-style-10 ul li a:hover {
  1040. color: var(--white) !important;
  1041. }
  1042. .sticky-wrap-right {
  1043. position: fixed;
  1044. top: 50%;
  1045. right: 110px;
  1046. z-index: 1;
  1047. -webkit-transform: rotate(-90deg) translate(50%, 100%);
  1048. transform: rotate(-90deg) translate(50%, 100%);
  1049. transform-origin: 100% 0%;
  1050. }
  1051. /* Overflow */
  1052. .overflow-visible {
  1053. overflow: visible !important;
  1054. }
  1055. .overflow-x-hidden {
  1056. overflow-x: hidden !important;
  1057. }
  1058. .overflow-y-hidden {
  1059. overflow-y: hidden !important;
  1060. }
  1061. /* Overlap section */
  1062. .overlap-section {
  1063. position: relative;
  1064. }
  1065. .overlap-height {
  1066. transition: 0.3s height;
  1067. }
  1068. /* Outside box */
  1069. .outside-box-top-15 {
  1070. margin-top: -15vw;
  1071. }
  1072. .outside-box-top-18 {
  1073. margin-top: -18vw;
  1074. }
  1075. .outside-box-left-1 {
  1076. margin-left: -1vw;
  1077. }
  1078. .outside-box-left-2 {
  1079. margin-left: -2vw;
  1080. }
  1081. .outside-box-left-5 {
  1082. margin-left: -5vw;
  1083. }
  1084. .outside-box-left-7 {
  1085. margin-left: -7vw;
  1086. }
  1087. .outside-box-left-8 {
  1088. margin-left: -8vw;
  1089. }
  1090. .outside-box-left-10 {
  1091. margin-left: -10vw;
  1092. }
  1093. .outside-box-left-15 {
  1094. margin-left: -15vw;
  1095. }
  1096. .outside-box-left-20 {
  1097. margin-left: -20vw;
  1098. }
  1099. .outside-box-left-25 {
  1100. margin-left: -25vw;
  1101. }
  1102. .outside-box-left-30 {
  1103. margin-left: -30vw;
  1104. }
  1105. .outside-box-left-35 {
  1106. margin-left: -35vw;
  1107. }
  1108. .outside-box-left-40 {
  1109. margin-left: -40vw;
  1110. }
  1111. .outside-box-left-50 {
  1112. margin-left: -50vw;
  1113. }
  1114. .outside-box-left-60 {
  1115. margin-left: -60vw;
  1116. }
  1117. .outside-box-left-65 {
  1118. margin-left: -65vw;
  1119. }
  1120. .outside-box-right-1 {
  1121. margin-right: -1vw;
  1122. }
  1123. .outside-box-right-2 {
  1124. margin-right: -2vw;
  1125. }
  1126. .outside-box-right-5 {
  1127. margin-right: -5vw;
  1128. }
  1129. .outside-box-right-7 {
  1130. margin-right: -7vw;
  1131. }
  1132. .outside-box-right-10 {
  1133. margin-right: -10vw;
  1134. }
  1135. .outside-box-right-15 {
  1136. margin-right: -15vw;
  1137. }
  1138. .outside-box-right-20 {
  1139. margin-right: -20vw;
  1140. }
  1141. .outside-box-right-25 {
  1142. margin-right: -25vw;
  1143. }
  1144. .outside-box-right-30 {
  1145. margin-right: -30vw;
  1146. }
  1147. .outside-box-right-35 {
  1148. margin-right: -35vw;
  1149. }
  1150. .outside-box-right-40 {
  1151. margin-right: -40vw;
  1152. }
  1153. .outside-box-right-45 {
  1154. margin-right: -45vw;
  1155. }
  1156. .outside-box-right-50 {
  1157. margin-right: -50vw;
  1158. }
  1159. .outside-box-right-60 {
  1160. margin-right: -60vw;
  1161. }
  1162. .outside-box-right-65 {
  1163. margin-right: -65vw;
  1164. }
  1165. /* CSS filter */
  1166. .filter-mix-100 {
  1167. filter: grayscale(100%) invert(100%);
  1168. }
  1169. .filter-grayscale-100 {
  1170. filter: grayscale(100%);
  1171. }
  1172. /* Box shadow */
  1173. .box-shadow, .box-shadow-hover:hover {
  1174. -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  1175. box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  1176. -webkit-transition: 350ms ease-in-out;
  1177. transition: 350ms ease-in-out;
  1178. }
  1179. .box-shadow-small, .box-shadow-small-hover:hover {
  1180. -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  1181. box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  1182. -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  1183. transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  1184. }
  1185. .box-shadow-medium, .box-shadow-medium-hover:hover {
  1186. -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  1187. box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  1188. -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  1189. transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  1190. }
  1191. .box-shadow-medium-bottom, .box-shadow-medium-bottom-hover:hover {
  1192. -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  1193. box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  1194. -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  1195. transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  1196. }
  1197. .box-shadow-large, .box-shadow-large-hover:hover {
  1198. -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
  1199. box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
  1200. -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  1201. transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  1202. }
  1203. .box-shadow-extra-large, .box-shadow-extra-large-hover:hover {
  1204. -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  1205. box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  1206. -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  1207. transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  1208. }
  1209. .box-shadow-double-large, .box-shadow-double-large-hover:hover {
  1210. -webkit-box-shadow: 0 0 45px rgba(0, 0, 0, 0.09);
  1211. box-shadow: 0 0 45px rgba(0, 0, 0, 0.09);
  1212. -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  1213. transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  1214. }
  1215. .box-shadow-triple-large, .box-shadow-triple-large-hover:hover {
  1216. -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
  1217. box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
  1218. -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  1219. transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  1220. }
  1221. .box-shadow-quadruple-large, .box-shadow-quadruple-large-hover:hover {
  1222. -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
  1223. box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
  1224. -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  1225. transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  1226. }
  1227. .box-shadow-hover:hover, .box-shadow-large-hover:hover, .box-shadow-extra-large-hover:hover, .box-shadow-medium-hover:hover, .box-shadow-small-hover:hover, .box-shadow-double-large-hover:hover, .box-shadow-quadruple-large-hover:hover {
  1228. -webkit-transform: translate3d(0, -3px, 0);
  1229. transform: translate3d(0, -3px, 0);
  1230. }
  1231. .box-shadow-bottom {
  1232. -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
  1233. box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);
  1234. }
  1235. /* Input */
  1236. input, select, textarea, .form-control, .form-select {
  1237. padding: 12px 25px;
  1238. width: 100%;
  1239. max-width: 100%;
  1240. resize: none;
  1241. outline: none;
  1242. font-size: 16px;
  1243. border: 1px solid #e4e4e4;
  1244. color: var(--medium-gray);
  1245. line-height: inherit;
  1246. word-break: normal;
  1247. -webkit-transition: 0.3s;
  1248. transition: 0.3s;
  1249. }
  1250. .form-select {
  1251. color: var(--medium-gray);
  1252. }
  1253. .form-select:focus {
  1254. border-color: #dfdfdf;
  1255. }
  1256. input:focus, select:focus, textarea:focus, .form-control:focus {
  1257. border: 1px solid #c2c2c2;
  1258. box-shadow: none !important;
  1259. color: var(--medium-gray);
  1260. }
  1261. ::-webkit-input-placeholder {
  1262. color: var(--medium-gray) !important;
  1263. text-overflow: ellipsis;
  1264. }
  1265. ::-moz-placeholder {
  1266. color: var(--medium-gray) !important;
  1267. text-overflow: ellipsis;
  1268. opacity: 1;
  1269. }
  1270. :-ms-input-placeholder {
  1271. color: var(--medium-gray) !important;
  1272. text-overflow: ellipsis;
  1273. opacity: 1;
  1274. }
  1275. .placeholder-light::-webkit-input-placeholder {
  1276. color: var(--white) !important;
  1277. text-overflow: ellipsis;
  1278. }
  1279. .placeholder-light::-moz-placeholder {
  1280. color: var(--white) !important;
  1281. text-overflow: ellipsis;
  1282. opacity: 1;
  1283. }
  1284. .placeholder-light:-ms-input-placeholder {
  1285. color: var(--white) !important;
  1286. text-overflow: ellipsis;
  1287. opacity: 1;
  1288. }
  1289. .search-error {
  1290. border-color: var(--red) !important;
  1291. }
  1292. /* Select */
  1293. .select {
  1294. position: relative;
  1295. }
  1296. .select:after {
  1297. content: "\e842";
  1298. font-family: feather !important;
  1299. right: 20px;
  1300. top: 50%;
  1301. height: 34px;
  1302. position: absolute;
  1303. pointer-events: none;
  1304. font-size: 22px;
  1305. margin-top: -15px;
  1306. }
  1307. /* Date icon */
  1308. .date-time {
  1309. position: relative;
  1310. }
  1311. .date-icon {
  1312. position: relative;
  1313. }
  1314. .date-icon input[type=date]::-webkit-inner-spin-button, .date-icon input[type=date]::-webkit-calendar-picker-indicator {
  1315. -webkit-appearance: none;
  1316. opacity: 0;
  1317. -moz-appearance: none;
  1318. appearance: none;
  1319. }
  1320. .date-icon:after {
  1321. content: "\e83a";
  1322. font-family: feather !important;
  1323. right: 28px;
  1324. top: 50%;
  1325. height: 34px;
  1326. position: absolute;
  1327. pointer-events: none;
  1328. font-size: 22px;
  1329. margin-top: -15px;
  1330. }
  1331. .date-icon input[type=date]::-webkit-date-and-time-value {
  1332. text-align: left !important;
  1333. }
  1334. /* Mozilla firefox */
  1335. @-moz-document url-prefix() {
  1336. .date-icon:after {
  1337. display: none;
  1338. }
  1339. }
  1340. /* Time icon */
  1341. .time-icon {
  1342. position: relative;
  1343. }
  1344. .time-icon input[type=time]::-webkit-inner-spin-button, .time-icon input[type=time]::-webkit-calendar-picker-indicator {
  1345. -webkit-appearance: none;
  1346. opacity: 0;
  1347. -moz-appearance: none;
  1348. appearance: none;
  1349. }
  1350. .time-icon:after {
  1351. content: "\e84d";
  1352. font-family: feather !important;
  1353. right: 28px;
  1354. top: 50%;
  1355. height: 34px;
  1356. position: absolute;
  1357. pointer-events: none;
  1358. font-size: 22px;
  1359. margin-top: -15px;
  1360. }
  1361. /* Input size */
  1362. .input-small, .textarea-small, .select-small {
  1363. padding: 7px 15px;
  1364. font-size: 12px;
  1365. }
  1366. .input-medium, .textarea-medium, .select-medium {
  1367. padding: 14px 28px;
  1368. }
  1369. .input-large {
  1370. padding: 16px 32px;
  1371. }
  1372. .form-control.is-invalid:focus {
  1373. box-shadow: none;
  1374. }
  1375. /* Box overlay */
  1376. .box-overlay {
  1377. position: absolute;
  1378. top: 0px;
  1379. left: 0px;
  1380. width: 100%;
  1381. height: 100%;
  1382. opacity: 0;
  1383. visibility: hidden;
  1384. -webkit-transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1);
  1385. transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1);
  1386. }
  1387. .hover-box {
  1388. z-index: 1;
  1389. }
  1390. .hover-box * {
  1391. -webkit-transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1);
  1392. transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1);
  1393. will-change: transform;
  1394. }
  1395. .hover-box:hover .box-overlay {
  1396. opacity: 1;
  1397. visibility: visible;
  1398. }
  1399. .hover-box.dark-hover .border-dark-opacity {
  1400. border-color: rgba(35, 35, 35, 0.15) !important;
  1401. }
  1402. .hover-box.dark-hover:hover a, .hover-box.dark-hover:hover p, .hover-box.dark-hover:hover span, .hover-box.dark-hover:hover .btn, .hover-box.dark-hover:hover i, .hover-box.dark-hover:hover b, .hover-box.dark-hover:hover u, .hover-box.dark-hover:hover p, .hover-box.dark-hover:hover h1, .hover-box.dark-hover:hover h2, .hover-box.dark-hover:hover h3, .hover-box.dark-hover:hover h4, .hover-box.dark-hover:hover h5, .hover-box.dark-hover:hover h6 {
  1403. color: var(--white) !important;
  1404. -webkit-text-stroke-color: var(--white);
  1405. }
  1406. .hover-box.dark-hover:hover [class*=separator-line] {
  1407. background-color: var(--white);
  1408. }
  1409. .hover-box.dark-hover:hover [class*=btn-link-gradient] span {
  1410. background: var(--white);
  1411. background-image: none;
  1412. }
  1413. .hover-box.dark-hover:hover [class*=btn-transparent] {
  1414. background-color: var(--white);
  1415. border-color: var(--white);
  1416. color: var(--dark-gray) !important;
  1417. }
  1418. .hover-box.dark-hover:hover .text-light-opacity {
  1419. opacity: 0.7;
  1420. }
  1421. .hover-box.dark-hover:hover .text-medium-opacity {
  1422. opacity: 0.5;
  1423. }
  1424. .hover-box.dark-hover:hover .border-dark-opacity {
  1425. border-color: rgba(255, 255, 255, 0.3) !important;
  1426. }
  1427. .hover-box.dark-hover:hover .content-slide-up .text-light-opacity {
  1428. opacity: 0.7;
  1429. }
  1430. .hover-box.dark-hover:hover .btn-link {
  1431. border-color: var(--white);
  1432. }
  1433. .hover-box.dark-hover:hover [class*=text-gradient-] {
  1434. color: var(--white);
  1435. background-image: none;
  1436. -webkit-background-clip: inherit;
  1437. -webkit-text-fill-color: var(--white);
  1438. -webkit-text-fill-color: var(--white);
  1439. }
  1440. .hover-box.light-hover .border-light-opacity {
  1441. border-color: rgba(255, 255, 255, 0.25) !important;
  1442. }
  1443. .hover-box.light-hover:hover a, .hover-box.light-hover:hover span, .hover-box.light-hover:hover .btn, .hover-box.light-hover:hover i, .hover-box.light-hover:hover b, .hover-box.light-hover:hover u, .hover-box.light-hover:hover p, .hover-box.light-hover:hover h1, .hover-box.light-hover:hover h2, .hover-box.light-hover:hover h3, .hover-box.light-hover:hover h4, .hover-box.light-hover:hover h5, .hover-box.light-hover:hover h6 {
  1444. color: var(--dark-gray) !important;
  1445. }
  1446. .hover-box.light-hover:hover .text-light-opacity {
  1447. opacity: 0.7;
  1448. }
  1449. .hover-box.light-hover:hover .text-medium-opacity {
  1450. opacity: 0.5;
  1451. }
  1452. .hover-box.light-hover:hover .border-light-opacity {
  1453. border-color: rgba(35, 35, 35, 0.15) !important;
  1454. }
  1455. .hover-box.light-hover:hover .content-slide-up .text-light-opacity {
  1456. opacity: 0.7;
  1457. }
  1458. .hover-box.light-hover:hover .btn-link {
  1459. border-color: var(--dark-gray);
  1460. }
  1461. .hover-box.light-hover:hover [class*=separator-line] {
  1462. background-color: var(--dark-gray);
  1463. }
  1464. .hover-box.light-hover:hover [class*=text-gradient-] {
  1465. color: var(--dark-gray);
  1466. background-image: none;
  1467. -webkit-background-clip: var(--dark-gray);
  1468. -webkit-text-fill-color: var(--dark-gray);
  1469. }
  1470. /* Swiper slider pagination */
  1471. .swiper-horizontal > .swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  1472. bottom: 45px;
  1473. left: 50%;
  1474. width: auto;
  1475. cursor: default;
  1476. -webkit-transform: translateX(-50%);
  1477. transform: translateX(-50%);
  1478. }
  1479. .swiper-horizontal > .swiper-pagination-bullets-right, .swiper-vertical > .swiper-pagination-bullets-right {
  1480. bottom: auto;
  1481. top: 50%;
  1482. right: 60px;
  1483. left: auto;
  1484. width: auto;
  1485. -webkit-transform: translateY(-50%);
  1486. transform: translateY(-50%);
  1487. text-align: right;
  1488. }
  1489. .swiper-horizontal > .swiper-pagination-bullets-right .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets-right .swiper-pagination-bullet {
  1490. display: block;
  1491. margin: 25px 0 !important;
  1492. }
  1493. .swiper-dark-pagination .swiper-pagination-bullet {
  1494. width: 8px;
  1495. height: 8px;
  1496. margin: 0 15px !important;
  1497. opacity: 1;
  1498. background-color: var(--light-gray);
  1499. -webkit-transition: 0.3s;
  1500. transition: 0.3s;
  1501. outline: none;
  1502. }
  1503. .swiper-dark-pagination .swiper-pagination-bullet:before {
  1504. content: "";
  1505. width: 30px;
  1506. height: 30px;
  1507. border: 1px solid var(--dark-gray);
  1508. background: transparent;
  1509. display: inline-block;
  1510. border-radius: 50%;
  1511. position: relative;
  1512. top: 50%;
  1513. left: 50%;
  1514. -webkit-transform: translate(-50%, -50%);
  1515. transform: translate(-50%, -50%);
  1516. -webkit-transition: 0.3s;
  1517. transition: 0.3s;
  1518. opacity: 0;
  1519. }
  1520. .swiper-dark-pagination .swiper-pagination-bullet:hover {
  1521. background-color: var(--dark-gray);
  1522. }
  1523. .swiper-dark-pagination .swiper-pagination-bullet:hover:before {
  1524. opacity: 1;
  1525. }
  1526. .swiper-dark-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  1527. background-color: var(--dark-gray);
  1528. }
  1529. .swiper-dark-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  1530. opacity: 1;
  1531. }
  1532. .swiper-light-pagination .swiper-pagination-bullet {
  1533. width: 8px;
  1534. height: 8px;
  1535. margin: 0 15px !important;
  1536. display: inline-block;
  1537. vertical-align: middle;
  1538. background-color: var(--white);
  1539. -webkit-transition: 0.3s;
  1540. transition: 0.3s;
  1541. outline: none;
  1542. opacity: 0.5;
  1543. }
  1544. .swiper-light-pagination .swiper-pagination-bullet:before {
  1545. content: "";
  1546. width: 30px;
  1547. height: 30px;
  1548. border: 2px solid rgba(255, 255, 255, 0.2);
  1549. background: transparent;
  1550. display: inline-block;
  1551. border-radius: 50%;
  1552. position: relative;
  1553. top: 50%;
  1554. left: 50%;
  1555. -webkit-transform: translate(-50%, -50%);
  1556. transform: translate(-50%, -50%);
  1557. -webkit-transition: 0.3s;
  1558. transition: 0.3s;
  1559. opacity: 0;
  1560. }
  1561. .swiper-light-pagination .swiper-pagination-bullet:hover {
  1562. background-color: var(--white);
  1563. opacity: 1;
  1564. }
  1565. .swiper-light-pagination .swiper-pagination-bullet:hover:before {
  1566. opacity: 1;
  1567. }
  1568. .swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  1569. background-color: var(--white);
  1570. opacity: 1;
  1571. }
  1572. .swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  1573. opacity: 1;
  1574. }
  1575. /* Swiper pagination style 02 */
  1576. .swiper-pagination-style-2 .swiper-pagination-bullet {
  1577. width: 8px;
  1578. height: 8px;
  1579. margin: 0 6px !important;
  1580. }
  1581. .swiper-pagination-style-2 .swiper-pagination-bullet:before {
  1582. display: none;
  1583. }
  1584. /* Swiper pagination style 03 */
  1585. .swiper-pagination-style-3 .swiper-pagination-bullet {
  1586. width: 14px;
  1587. height: 14px;
  1588. background: transparent;
  1589. opacity: 0.4;
  1590. margin: 0 7px !important;
  1591. border: 2px solid var(--white);
  1592. }
  1593. .swiper-pagination-style-3 .swiper-pagination-bullet:hover, .swiper-pagination-style-3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  1594. background-color: var(--white);
  1595. opacity: 1;
  1596. -webkit-transform: scale(1.3);
  1597. transform: scale(1.3);
  1598. }
  1599. .swiper-pagination-style-3 .swiper-pagination-bullet:before {
  1600. display: none;
  1601. }
  1602. .swiper-pagination-style-3.dark .swiper-pagination-bullet {
  1603. border: 2px solid var(--dark-gray);
  1604. }
  1605. .swiper-pagination-style-3.dark .swiper-pagination-bullet.swiper-pagination-bullet-active {
  1606. background-color: var(--dark-gray);
  1607. }
  1608. /* Swiper pagination style 04 */
  1609. .swiper-pagination-style-4 .swiper-pagination-bullet {
  1610. width: 8px;
  1611. height: 8px;
  1612. background: var(--white);
  1613. opacity: 1;
  1614. position: relative;
  1615. margin: 0 25px !important;
  1616. border: 0;
  1617. }
  1618. .swiper-pagination-style-4 .swiper-pagination-bullet:hover, .swiper-pagination-style-4 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  1619. background-color: var(--base-color);
  1620. opacity: 1;
  1621. border: 0;
  1622. }
  1623. .swiper-pagination-style-4.dark .swiper-pagination-bullet {
  1624. background: var(--dark-gray);
  1625. }
  1626. .swiper-pagination-style-4.dark .swiper-pagination-bullet:hover, .swiper-pagination-style-4.dark .swiper-pagination-bullet.swiper-pagination-bullet-active {
  1627. background-color: var(--base-color);
  1628. }
  1629. /* Custom image pagination */
  1630. .slider-custom-image .slider-custom-image-pagination {
  1631. display: flex;
  1632. align-items: center;
  1633. bottom: 0;
  1634. }
  1635. .slider-custom-image .slider-custom-image-pagination .swiper-pagination-bullet {
  1636. margin: 0 15px !important;
  1637. outline: none;
  1638. opacity: 0.8;
  1639. width: 100px;
  1640. height: 100px;
  1641. margin: 0 15px !important;
  1642. background-size: cover;
  1643. -webkit-transition: 0.3s;
  1644. transition: 0.3s;
  1645. -webkit-filter: grayscale(1);
  1646. filter: grayscale(1);
  1647. }
  1648. .slider-custom-image .slider-custom-image-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  1649. -webkit-filter: grayscale(0);
  1650. filter: grayscale(0);
  1651. -webkit-transform: scale(1.2);
  1652. transform: scale(1.2);
  1653. opacity: 1;
  1654. }
  1655. .slider-custom-image .slider-custom-image-pagination.slider-custom-image-pagination-top {
  1656. top: 0;
  1657. bottom: auto;
  1658. }
  1659. /* Swiper number pagination style 01 */
  1660. .swiper-number-pagination-style-01 .swiper-number {
  1661. text-align: left;
  1662. bottom: 70px;
  1663. }
  1664. .swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet {
  1665. position: relative;
  1666. padding-right: 10px;
  1667. padding-left: 8px;
  1668. margin: 0;
  1669. color: var(--white);
  1670. opacity: 0.7;
  1671. width: auto;
  1672. -webkit-transition: 0.5s;
  1673. transition: 0.5s;
  1674. height: auto;
  1675. background: transparent;
  1676. border-radius: 0;
  1677. outline: none;
  1678. }
  1679. .swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active {
  1680. opacity: 1;
  1681. }
  1682. .swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  1683. width: 70px;
  1684. }
  1685. .swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet:after {
  1686. width: 0;
  1687. height: 1px;
  1688. content: "";
  1689. margin-left: 15px;
  1690. display: inline-block;
  1691. background: var(--white);
  1692. vertical-align: middle;
  1693. -webkit-transition: 0.5s;
  1694. transition: 0.5s;
  1695. }
  1696. /* Swiper number pagination style 02 */
  1697. .swiper-number-pagination-style-02 .swiper-number {
  1698. width: auto;
  1699. left: inherit;
  1700. right: 60px;
  1701. padding: 0;
  1702. }
  1703. .swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet {
  1704. position: relative;
  1705. font-family: var(--alt-font);
  1706. font-size: 15px;
  1707. display: block;
  1708. color: var(--white);
  1709. margin: 10px 0 !important;
  1710. opacity: 0.7;
  1711. width: 56px;
  1712. -webkit-transition: 0.4s;
  1713. transition: 0.4s;
  1714. height: 56px;
  1715. background: transparent;
  1716. border-radius: 100%;
  1717. text-align: center;
  1718. line-height: 56px;
  1719. outline: none;
  1720. }
  1721. .swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active {
  1722. opacity: 1;
  1723. }
  1724. .swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  1725. opacity: 1;
  1726. -webkit-transform: scale(1);
  1727. transform: scale(1);
  1728. -webkit-transition: 0.4s;
  1729. transition: 0.4s;
  1730. background: rgba(0, 0, 0, 0.45);
  1731. z-index: -1;
  1732. }
  1733. .swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet:before {
  1734. width: 56px;
  1735. height: 56px;
  1736. border-radius: 100%;
  1737. content: "";
  1738. position: absolute;
  1739. top: 0;
  1740. left: 0;
  1741. -webkit-transform: scale(0.7);
  1742. transform: scale(0.7);
  1743. }
  1744. /* Swiper line pagination style 01 */
  1745. .swiper-line-pagination-style-01 .swiper-line-pagination {
  1746. text-align: center;
  1747. bottom: 0;
  1748. width: 100%;
  1749. left: 0;
  1750. }
  1751. .swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet {
  1752. width: 100px;
  1753. height: 2px;
  1754. margin: 0 !important;
  1755. border-radius: 0;
  1756. }
  1757. .swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet:before {
  1758. display: none;
  1759. }
  1760. .swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  1761. background-color: var(--base-color);
  1762. }
  1763. .swiper-h-pagination:after {
  1764. display: none;
  1765. }
  1766. /* Swiper number line pagination style */
  1767. .swiper-number-pagination-progress .swiper-pagination-wrapper .number-prev, .swiper-number-pagination-progress .swiper-pagination-wrapper .number-next {
  1768. width: 50px;
  1769. text-align: center;
  1770. }
  1771. .swiper-number-pagination-progress .swiper-pagination-wrapper .swiper-pagination {
  1772. position: inherit;
  1773. width: auto;
  1774. }
  1775. .swiper-number-pagination-progress .swiper-pagination-wrapper .swiper-pagination .swiper-pagination-bullet {
  1776. width: 60px;
  1777. height: 1px;
  1778. vertical-align: middle;
  1779. margin: 0;
  1780. background-color: var(--medium-gray);
  1781. }
  1782. /* Swiper number navigation style */
  1783. .swiper-number-navigation-style .swiper-button-prev, .swiper-number-navigation-style .swiper-button-next {
  1784. top: inherit;
  1785. bottom: 0;
  1786. position: inherit;
  1787. display: inline-block;
  1788. vertical-align: middle;
  1789. transform: none;
  1790. width: auto;
  1791. height: auto;
  1792. }
  1793. .swiper-number-navigation-style .swiper-button-prev i, .swiper-number-navigation-style .swiper-button-prev .number-prev, .swiper-number-navigation-style .swiper-button-prev .number-next, .swiper-number-navigation-style .swiper-button-next i, .swiper-number-navigation-style .swiper-button-next .number-prev, .swiper-number-navigation-style .swiper-button-next .number-next {
  1794. display: inline-block;
  1795. vertical-align: middle;
  1796. }
  1797. .swiper-number-navigation-style .swiper-button-prev .number-prev, .swiper-number-navigation-style .swiper-button-prev .number-next, .swiper-number-navigation-style .swiper-button-next .number-prev, .swiper-number-navigation-style .swiper-button-next .number-next {
  1798. width: 50px;
  1799. text-align: center;
  1800. }
  1801. /* Swiper pagination progress style */
  1802. .swiper-pagination-progress {
  1803. width: 220px;
  1804. height: 1px;
  1805. position: relative;
  1806. }
  1807. .swiper-pagination-progress .swiper-progress {
  1808. position: absolute;
  1809. top: 0;
  1810. left: 0;
  1811. height: 100%;
  1812. width: var(--swiper-progress, 0);
  1813. background-color: var(--base-color);
  1814. -webkit-transition: 0.4s;
  1815. transition: 0.4s;
  1816. }
  1817. /* Swiper pagination progress style */
  1818. .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper {
  1819. position: absolute;
  1820. right: 40px;
  1821. top: 50%;
  1822. -webkit-transform: translateY(-50%);
  1823. transform: translateY(-50%);
  1824. z-index: 99;
  1825. }
  1826. .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .swiper-progress {
  1827. position: absolute;
  1828. top: 0;
  1829. left: 0;
  1830. width: 2px;
  1831. height: var(--swiper-progress, 0);
  1832. background-color: var(--dark-gray);
  1833. -webkit-transition: 0.4s;
  1834. transition: 0.4s;
  1835. }
  1836. .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .pagination-progress-vertical {
  1837. transform: rotate(180deg);
  1838. writing-mode: vertical-lr;
  1839. }
  1840. .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .swiper-pagination-progress {
  1841. width: 2px;
  1842. height: 100px;
  1843. background-color: var(--extra-medium-gray);
  1844. }
  1845. .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-next {
  1846. margin-top: 15px;
  1847. width: auto;
  1848. }
  1849. .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-prev {
  1850. margin-bottom: 15px;
  1851. width: auto;
  1852. }
  1853. /* Swiper pagination bottom */
  1854. .swiper-pagination-bottom .swiper-button-prev, .swiper-pagination-bottom .swiper-button-next {
  1855. top: inherit;
  1856. bottom: 0;
  1857. }
  1858. /* Swiper navigation */
  1859. .swiper-button-prev, .swiper-button-next {
  1860. outline: none;
  1861. cursor: pointer;
  1862. height: 45px;
  1863. width: 45px;
  1864. margin-top: 0;
  1865. text-align: center;
  1866. display: -webkit-box;
  1867. display: -ms-flexbox;
  1868. display: flex;
  1869. -webkit-box-align: center;
  1870. -ms-flex-align: center;
  1871. align-items: center;
  1872. -webkit-box-pack: center;
  1873. -ms-flex-pack: center;
  1874. justify-content: center;
  1875. -webkit-transform: translateY(-50%);
  1876. transform: translateY(-50%);
  1877. -webkit-transition: 0.3s;
  1878. transition: 0.3s;
  1879. }
  1880. .swiper-button-prev:hover, .swiper-button-next:hover {
  1881. opacity: 0.8;
  1882. }
  1883. .swiper-button-next {
  1884. left: inherit;
  1885. }
  1886. /* Swiper navigation style 01 */
  1887. .slider-navigation-style-01 {
  1888. position: absolute;
  1889. top: 50%;
  1890. left: 65px;
  1891. -webkit-border-radius: 100%;
  1892. border-radius: 100%;
  1893. -webkit-transform: translateY(-50%);
  1894. transform: translateY(-50%);
  1895. -webkit-transition: 0.3s;
  1896. transition: 0.3s;
  1897. }
  1898. .slider-navigation-style-01.swiper-button-next {
  1899. right: 65px;
  1900. left: inherit;
  1901. }
  1902. .slider-navigation-style-01:hover {
  1903. opacity: 0.8;
  1904. }
  1905. /* Swiper navigation style 02 */
  1906. .slider-navigation-style-02 {
  1907. position: absolute;
  1908. top: 50%;
  1909. left: 0;
  1910. -webkit-transform: translateY(-50%);
  1911. transform: translateY(-50%);
  1912. z-index: 99;
  1913. }
  1914. .slider-navigation-style-02.swiper-button-next {
  1915. right: 0;
  1916. left: auto;
  1917. }
  1918. /* Swiper navigation style 03 */
  1919. .slider-navigation-style-03 {
  1920. position: absolute;
  1921. top: 50%;
  1922. left: -60px;
  1923. width: 40px;
  1924. height: 40px;
  1925. background: var(--white);
  1926. -webkit-border-radius: 100%;
  1927. border-radius: 100%;
  1928. -webkit-transform: translateY(-50%);
  1929. transform: translateY(-50%);
  1930. -webkit-transition: 0.3s;
  1931. transition: 0.3s;
  1932. }
  1933. .slider-navigation-style-03.swiper-button-next {
  1934. right: -60px;
  1935. left: inherit;
  1936. }
  1937. .slider-navigation-style-03:hover {
  1938. -webkit-box-shadow: 0px 0 20px rgba(35, 35, 35, 0.1);
  1939. box-shadow: 0px 0 20px rgba(35, 35, 35, 0.1);
  1940. }
  1941. /* Swiper navigation style 04 */
  1942. .slider-navigation-style-04 {
  1943. height: 56px;
  1944. width: 56px;
  1945. border-radius: 100%;
  1946. position: relative;
  1947. bottom: inherit;
  1948. left: 0;
  1949. top: inherit;
  1950. -webkit-transform: translateY(0px);
  1951. transform: translateY(0px);
  1952. -webkit-transition: 0.3s;
  1953. transition: 0.3s;
  1954. }
  1955. .slider-navigation-style-04 i {
  1956. -webkit-transition: 0.3s;
  1957. transition: 0.3s;
  1958. display: -webkit-box;
  1959. display: -ms-flexbox;
  1960. display: flex;
  1961. }
  1962. .slider-navigation-style-04:hover i {
  1963. opacity: 0.5;
  1964. }
  1965. .slider-navigation-style-04.swiper-button-prev {
  1966. margin-right: 5px;
  1967. }
  1968. .slider-navigation-style-04.swiper-button-next {
  1969. margin-left: 5px;
  1970. }
  1971. /* Swiper navigation style 05 */
  1972. .slider-navigation-style-05 {
  1973. left: -30%;
  1974. }
  1975. .slider-navigation-style-05.swiper-button-next {
  1976. right: -30%;
  1977. left: inherit;
  1978. }
  1979. /* Swiper navigation style 06 */
  1980. .slider-navigation-style-06 {
  1981. width: auto;
  1982. height: auto;
  1983. left: 60px;
  1984. }
  1985. .slider-navigation-style-06.swiper-button-next {
  1986. right: 60px;
  1987. left: inherit;
  1988. }
  1989. /* Swiper navigation style 07 */
  1990. .slider-navigation-style-07 {
  1991. left: 50%;
  1992. bottom: 0;
  1993. top: inherit;
  1994. width: 75px;
  1995. height: 75px;
  1996. -webkit-transform: translateX(-100%);
  1997. transform: translateX(-100%);
  1998. }
  1999. .slider-navigation-style-07.swiper-button-next {
  2000. bottom: 1px;
  2001. -webkit-transform: translate(-100%, -100%);
  2002. transform: translate(-100%, -100%);
  2003. }
  2004. /* Swiper navigation style 08 */
  2005. .slider-navigation-style-08 {
  2006. width: auto;
  2007. height: auto;
  2008. position: relative;
  2009. -webkit-transform: translateX(0px);
  2010. transform: translateX(0px);
  2011. left: 0;
  2012. }
  2013. .slider-navigation-style-08.swiper-button-next {
  2014. right: 0;
  2015. left: inherit;
  2016. }
  2017. /* Slider custom text */
  2018. .slider-custom-verticle-text > span {
  2019. -webkit-transform: rotate(-90deg);
  2020. transform: rotate(-90deg);
  2021. }
  2022. .swiper-button-prev.slider-custom-text-prev, .swiper-button-prev.slider-custom-text-next, .swiper-button-next.slider-custom-text-prev, .swiper-button-next.slider-custom-text-next {
  2023. width: auto;
  2024. height: auto;
  2025. min-height: 125px;
  2026. -webkit-transition: 0.3s;
  2027. transition: 0.3s;
  2028. -webkit-user-select: none;
  2029. -ms-user-select: none;
  2030. user-select: none;
  2031. }
  2032. .swiper-button-prev.slider-custom-text-prev:hover, .swiper-button-prev.slider-custom-text-next:hover, .swiper-button-next.slider-custom-text-prev:hover, .swiper-button-next.slider-custom-text-next:hover {
  2033. opacity: 0.5;
  2034. }
  2035. .swiper-button-prev.slider-custom-text-prev {
  2036. border-right: 1px solid var(--extra-medium-gray);
  2037. padding-right: 50px;
  2038. }
  2039. .swiper-button-next.slider-custom-text-next {
  2040. border-left: 1px solid var(--extra-medium-gray);
  2041. padding-left: 50px;
  2042. }
  2043. /* Swiper width auto */
  2044. .swiper-width-auto .swiper-slide {
  2045. width: auto;
  2046. }
  2047. /* Slider shadow */
  2048. .slider-shadow-right {
  2049. mask-image: linear-gradient(to right, transparent 0%, #000000 0%, #000000 50%, transparent 80%);
  2050. -webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 0%, #000000 50%, transparent 80%);
  2051. }
  2052. .slider-shadow-left {
  2053. mask-image: linear-gradient(to right, transparent 50%, #000000 80%, #000000 0%, transparent 0%);
  2054. -webkit-mask-image: linear-gradient(to right, transparent 50%, #000000 80%, #000000 0%, transparent 0%);
  2055. }
  2056. .slider-shadow-left-right {
  2057. mask-image: linear-gradient(to right, transparent 18%, #000000 22%, #000000 78%, transparent 82%);
  2058. -webkit-mask-image: linear-gradient(to right, transparent 18%, #000000 22%, #000000 78%, transparent 82%);
  2059. }
  2060. .slider-shadow-none .swiper {
  2061. mask-image: none !important;
  2062. -webkit-mask-image: none !important;
  2063. }
  2064. /* Highlight separator */
  2065. .highlight-separator {
  2066. position: relative;
  2067. padding-bottom: 20px;
  2068. }
  2069. .highlight-separator[data-shadow-animation] {
  2070. box-shadow: none !important;
  2071. display: inline-block;
  2072. }
  2073. .highlight-separator[data-shadow-animation] span {
  2074. clip-path: inset(0px 100% 0px 0px);
  2075. float: left;
  2076. width: 100%;
  2077. height: 20px;
  2078. transition: clip-path 1s;
  2079. transition-timing-function: cubic-bezier(0.4, 0.6, 0.4, 1);
  2080. position: absolute;
  2081. left: 0;
  2082. bottom: 0;
  2083. }
  2084. .highlight-separator[data-shadow-animation] span img {
  2085. position: absolute;
  2086. left: 0;
  2087. bottom: 0;
  2088. transition: none;
  2089. width: 100%;
  2090. height: 14px;
  2091. }
  2092. .highlight-separator.shadow-in[data-shadow-animation] span {
  2093. clip-path: inset(0px 0 0px 0px);
  2094. }
  2095. /* Full screen */
  2096. .full-screen {
  2097. height: 100vh;
  2098. }
  2099. .full-screen.top-space-margin {
  2100. height: calc(100vh - 96px);
  2101. }
  2102. /* Video icons */
  2103. @-webkit-keyframes video-icon-sonar {
  2104. 0% {
  2105. opacity: 1;
  2106. -webkit-transform: scale(0.1);
  2107. transform: scale(0.1);
  2108. }
  2109. 100% {
  2110. opacity: 0;
  2111. -webkit-transform: scale(1.1);
  2112. transform: scale(1.1);
  2113. }
  2114. }
  2115. @keyframes video-icon-sonar {
  2116. 0% {
  2117. opacity: 1;
  2118. -webkit-transform: scale(0.1);
  2119. transform: scale(0.1);
  2120. }
  2121. 100% {
  2122. opacity: 0;
  2123. -webkit-transform: scale(1.1);
  2124. transform: scale(1.1);
  2125. }
  2126. }
  2127. .video-icon-box {
  2128. z-index: 1;
  2129. }
  2130. .video-icon-box > span {
  2131. display: -webkit-inline-box;
  2132. display: inline-flex;
  2133. -webkit-box-orient: horizontal;
  2134. -webkit-box-direction: normal;
  2135. flex-flow: row wrap;
  2136. -webkit-box-align: center;
  2137. align-items: center;
  2138. -webkit-box-pack: center;
  2139. -ms-flex-pack: center;
  2140. justify-content: center;
  2141. }
  2142. /* HTML video play */
  2143. .html-video-play .video-icon .play-icon, .html-video-play .video-icon .pause-icon {
  2144. position: absolute;
  2145. left: 50%;
  2146. -webkit-transform: translate(-50%, -50%);
  2147. transform: translate(-50%, -50%);
  2148. }
  2149. .html-video-play .video-icon .play-icon, .html-video-play .video-icon .pause-icon {
  2150. opacity: 1;
  2151. top: 50%;
  2152. padding-left: 5px;
  2153. visibility: visible;
  2154. -webkit-transition: all 0.4s linear;
  2155. transition: all 0.4s linear;
  2156. }
  2157. .html-video-play .video-icon .pause-icon {
  2158. top: 100%;
  2159. padding-left: 0;
  2160. opacity: 0;
  2161. }
  2162. .html-video-play[playing=true] .video-icon .pause-icon {
  2163. top: 50%;
  2164. opacity: 1;
  2165. }
  2166. .html-video-play[playing=true] .video-icon .play-icon {
  2167. top: 0%;
  2168. opacity: 0;
  2169. }
  2170. .video-play-icon {
  2171. z-index: 1 !important;
  2172. }
  2173. .video-play-icon.remove-play-icon + .html-video-play {
  2174. opacity: 0 !important;
  2175. }
  2176. .video-play-icon.remove-play-icon + .html-video-play:hover {
  2177. opacity: 1 !important;
  2178. }
  2179. .video-play-icon.remove-play-icon:hover + .html-video-play {
  2180. opacity: 1 !important;
  2181. }
  2182. .video-icon {
  2183. position: relative;
  2184. display: -webkit-inline-box;
  2185. display: inline-flex;
  2186. -webkit-box-align: center;
  2187. align-items: center;
  2188. -webkit-box-pack: center;
  2189. justify-content: center;
  2190. border-radius: 50%;
  2191. }
  2192. .video-icon i {
  2193. margin-left: 5px;
  2194. }
  2195. .video-icon .video-icon-sonar {
  2196. position: absolute;
  2197. width: 100%;
  2198. height: 100%;
  2199. border-radius: 50%;
  2200. top: 0;
  2201. left: 0;
  2202. z-index: -10;
  2203. -webkit-animation: video-icon-sonar 2s linear infinite;
  2204. animation: video-icon-sonar 2s linear infinite;
  2205. }
  2206. .video-icon .video-icon-sonar .video-icon-sonar-bfr {
  2207. content: "";
  2208. position: absolute;
  2209. border-radius: 50%;
  2210. top: -25px;
  2211. left: -25px;
  2212. z-index: -100;
  2213. }
  2214. .video-icon .video-icon-sonar .video-icon-sonar-afr {
  2215. content: "";
  2216. position: absolute;
  2217. border-radius: 50%;
  2218. top: -10px;
  2219. left: -10px;
  2220. z-index: -50;
  2221. }
  2222. .video-icon-small .video-icon {
  2223. width: 40px;
  2224. height: 40px;
  2225. font-size: 11px;
  2226. }
  2227. .video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-bfr {
  2228. top: -15px;
  2229. left: -15px;
  2230. width: 70px;
  2231. height: 70px;
  2232. }
  2233. .video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-afr {
  2234. top: 0px;
  2235. left: 0px;
  2236. width: 40px;
  2237. height: 40px;
  2238. }
  2239. .video-icon-medium .video-icon {
  2240. width: 50px;
  2241. height: 50px;
  2242. font-size: 14px;
  2243. }
  2244. .video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-bfr {
  2245. width: 100px;
  2246. height: 100px;
  2247. }
  2248. .video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-afr {
  2249. width: 70px;
  2250. height: 70px;
  2251. }
  2252. .video-icon-large.video-icon-box .video-icon i {
  2253. margin-left: 5px;
  2254. }
  2255. .video-icon-large .video-icon {
  2256. width: 85px;
  2257. height: 85px;
  2258. font-size: 20px;
  2259. }
  2260. .video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-bfr {
  2261. width: 135px;
  2262. height: 135px;
  2263. }
  2264. .video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-afr {
  2265. width: 105px;
  2266. height: 105px;
  2267. }
  2268. .video-icon-extra-large.video-icon-box .video-icon i {
  2269. margin-left: 10px;
  2270. }
  2271. .video-icon-extra-large .video-icon {
  2272. width: 120px;
  2273. height: 120px;
  2274. font-size: 30px;
  2275. }
  2276. .video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-bfr {
  2277. width: 170px;
  2278. height: 170px;
  2279. }
  2280. .video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-afr {
  2281. width: 140px;
  2282. height: 140px;
  2283. }
  2284. /* Will change */
  2285. .will-change-transform * {
  2286. will-change: transform;
  2287. }
  2288. .will-change-inherit * {
  2289. will-change: inherit !important;
  2290. }
  2291. .animation-rotation {
  2292. -webkit-animation: rotation 8s infinite linear;
  2293. }
  2294. @-webkit-keyframes rotation {
  2295. from {
  2296. -webkit-transform: rotate(0deg);
  2297. }
  2298. to {
  2299. -webkit-transform: rotate(359deg);
  2300. }
  2301. }
  2302. /* Float animation */
  2303. .animation-float {
  2304. animation: float 2000ms linear 500ms infinite alternate both;
  2305. }
  2306. @keyframes float {
  2307. 0% {
  2308. transform: translateY(0px);
  2309. }
  2310. 50% {
  2311. transform: translateY(15px);
  2312. }
  2313. 100% {
  2314. transform: translateY(30px);
  2315. }
  2316. }
  2317. .animation-float-small {
  2318. animation: float 2000ms linear 500ms infinite alternate both;
  2319. }
  2320. @keyframes float {
  2321. 0% {
  2322. transform: translateY(0px);
  2323. }
  2324. 50% {
  2325. transform: translateY(5px);
  2326. }
  2327. 100% {
  2328. transform: translateY(10px);
  2329. }
  2330. }
  2331. /* Zoom animation */
  2332. .animation-zoom {
  2333. animation: zoom-in-zoom-out 2000ms linear 500ms infinite alternate both;
  2334. }
  2335. @keyframes zoom-in-zoom-out {
  2336. 0% {
  2337. transform: scale(1, 1);
  2338. }
  2339. 50% {
  2340. transform: scale(1.2, 1.2);
  2341. }
  2342. 100% {
  2343. transform: scale(1, 1);
  2344. }
  2345. }
  2346. /* Box shadow animation */
  2347. [data-shadow-animation] {
  2348. box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  2349. transition: box-shadow 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  2350. }
  2351. [data-shadow-animation].shadow-in {
  2352. box-shadow: 0 20px 100px rgba(0, 0, 0, 0.1);
  2353. }
  2354. [data-shadow-animation].shadow-in img {
  2355. opacity: 1;
  2356. transition-delay: 0.35s;
  2357. }
  2358. [data-shadow-animation] img {
  2359. opacity: 0;
  2360. transition: opacity 0.65s cubic-bezier(0.5, 1, 0.5, 1);
  2361. }
  2362. /* Parallax liquid */
  2363. [data-parallax-liquid] {
  2364. overflow: hidden;
  2365. will-change: transform;
  2366. -webkit-transform: translateY(0);
  2367. transform: translateY(0);
  2368. transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  2369. }
  2370. [data-parallax-liquid] .liquid-parallax {
  2371. will-change: transform;
  2372. transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  2373. transform: translateY(0px) scale(1.201);
  2374. position: relative;
  2375. top: 50px;
  2376. }
  2377. /* Masked image animation */
  2378. .masked-image {
  2379. position: absolute;
  2380. top: -100px;
  2381. right: 0;
  2382. }
  2383. .masked-image svg {
  2384. width: 100%;
  2385. height: 100%;
  2386. position: absolute;
  2387. top: 0;
  2388. left: 0;
  2389. -o-object-fit: cover;
  2390. object-fit: cover;
  2391. }
  2392. .masked-image figure {
  2393. background-position: center;
  2394. background-size: cover;
  2395. background-repeat: no-repeat;
  2396. }
  2397. .masked-image img {
  2398. width: 100%;
  2399. height: auto;
  2400. visibility: visible;
  2401. }
  2402. /* Shape image animation */
  2403. .shape-image-animation {
  2404. position: absolute;
  2405. bottom: 0;
  2406. left: 0;
  2407. }
  2408. .shape-image-animation svg {
  2409. height: 100%;
  2410. width: 100%;
  2411. }
  2412. .shape-image-animation svg path {
  2413. width: 100%;
  2414. }
  2415. .page-divider-wrapper {
  2416. margin-bottom: -1px;
  2417. }
  2418. .page-divider-wrapper svg {
  2419. width: 100%;
  2420. }
  2421. /* Magic cursor */
  2422. .magic-cursor {
  2423. cursor: none;
  2424. }
  2425. #ball-cursor {
  2426. position: fixed;
  2427. width: 70px;
  2428. height: 70px;
  2429. border: 0 !important;
  2430. background-color: var(--dark-gray);
  2431. box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
  2432. border-radius: 100%;
  2433. opacity: 0 !important;
  2434. overflow: hidden;
  2435. transition: opacity 0.3s ease-in-out 0.1s;
  2436. text-align: center;
  2437. }
  2438. #ball-cursor:before, #ball-cursor:after {
  2439. content: "\e843";
  2440. font-family: feather !important;
  2441. color: var(--white);
  2442. font-size: 20px;
  2443. line-height: 70px;
  2444. position: absolute;
  2445. left: 12px;
  2446. top: 0px;
  2447. }
  2448. #ball-cursor:after {
  2449. content: "\e844";
  2450. right: 12px;
  2451. left: auto;
  2452. }
  2453. .magic-cursor-wrapper {
  2454. position: absolute;
  2455. left: 0;
  2456. top: 0;
  2457. width: 30px;
  2458. height: 30px;
  2459. pointer-events: none;
  2460. z-index: 10000;
  2461. transition: opacity 0.2s ease-in-out 0.2s;
  2462. }
  2463. .magic-cursor-wrapper.sliderhover #ball-cursor {
  2464. opacity: 1 !important;
  2465. }
  2466. .magic-cursor-wrapper.vertical #ball-cursor:before, .magic-cursor-wrapper.vertical #ball-cursor:after {
  2467. content: "\e845";
  2468. left: 50%;
  2469. top: 10px;
  2470. line-height: normal;
  2471. -webkit-transform: translateX(-50%);
  2472. transform: translateX(-50%);
  2473. }
  2474. .magic-cursor-wrapper.vertical #ball-cursor:after {
  2475. content: "\e842";
  2476. right: auto;
  2477. bottom: 10px;
  2478. top: auto;
  2479. }
  2480. @media (hover: none) {
  2481. .magic-cursor-wrapper {
  2482. display: none;
  2483. }
  2484. }
  2485. .magic-cursor-light #ball-cursor {
  2486. background-color: var(--white);
  2487. }
  2488. .magic-cursor-light #ball-cursor:before {
  2489. color: var(--dark-gray);
  2490. }
  2491. .magic-cursor-light #ball-cursor:after {
  2492. color: var(--dark-gray);
  2493. }
  2494. .magic-cursor-base-color #ball-cursor {
  2495. background-color: var(--base-color);
  2496. }
  2497. .magic-cursor-base-color #ball-cursor:before {
  2498. color: var(--white);
  2499. }
  2500. .magic-cursor-base-color #ball-cursor:after {
  2501. color: var(--white);
  2502. }
  2503. .magic-view-cursor #ball-cursor {
  2504. -webkit-backdrop-filter: blur(10px);
  2505. backdrop-filter: blur(10px);
  2506. background-color: rgba(0, 0, 0, 0.2);
  2507. width: 180px;
  2508. height: 180px;
  2509. box-shadow: none;
  2510. }
  2511. .magic-view-cursor #ball-cursor:after {
  2512. display: none;
  2513. }
  2514. .magic-view-cursor #ball-cursor:before {
  2515. content: "Explore";
  2516. font-size: 16px;
  2517. color: var(--white) !important;
  2518. font-weight: 400;
  2519. font-family: var(--alt-font) !important;
  2520. text-shadow: 0 0 20px rgba(0, 0, 0, 0.9);
  2521. top: 50%;
  2522. left: 50%;
  2523. transform: translate(-50%, -50%);
  2524. }
  2525. .magic-drag-cursor #ball-cursor {
  2526. -webkit-backdrop-filter: blur(10px);
  2527. backdrop-filter: blur(10px);
  2528. background-color: rgba(0, 0, 0, 0.2);
  2529. width: 140px;
  2530. height: 140px;
  2531. box-shadow: none;
  2532. }
  2533. .magic-drag-cursor #ball-cursor:after {
  2534. display: none;
  2535. }
  2536. .magic-drag-cursor #ball-cursor:before {
  2537. content: "< DRAG >";
  2538. font-size: 14px;
  2539. color: var(--white) !important;
  2540. font-weight: 600;
  2541. font-family: var(--alt-font) !important;
  2542. text-shadow: 0 0 20px rgba(0, 0, 0, 0.9);
  2543. top: 50%;
  2544. left: 50%;
  2545. transform: translate(-50%, -50%);
  2546. word-spacing: 4px;
  2547. width: inherit;
  2548. }
  2549. .magic-drag-cursor.magic-cursor-light #ball-cursor {
  2550. background-color: rgba(255, 255, 255, 0.2);
  2551. }
  2552. .magic-drag-cursor.magic-cursor-light #ball-cursor:before {
  2553. color: var(--dark-gray);
  2554. }
  2555. .magic-drag-cursor.magic-cursor-light #ball-cursor:after {
  2556. color: var(--dark-gray);
  2557. }
  2558. .magic-round-cursor #ball-cursor {
  2559. -webkit-backdrop-filter: blur(6px);
  2560. backdrop-filter: blur(6px);
  2561. background-color: rgba(0, 0, 0, 0.2);
  2562. width: 220px;
  2563. height: 220px;
  2564. box-shadow: none;
  2565. }
  2566. .magic-round-cursor #ball-cursor:before {
  2567. display: none;
  2568. }
  2569. .magic-round-cursor #ball-cursor:after {
  2570. display: none;
  2571. }
  2572. /* Anime animation */
  2573. [data-anime] {
  2574. opacity: 0;
  2575. transition: none;
  2576. }
  2577. [data-anime].appear {
  2578. opacity: 1;
  2579. }
  2580. [data-anime].btn {
  2581. transition: none;
  2582. }
  2583. [data-anime].btn.anime-complete {
  2584. -webkit-transition: all 300ms ease-in-out;
  2585. transition: all 300ms ease-in-out;
  2586. }
  2587. /* Atropos box */
  2588. .atropos-shadow {
  2589. background-color: transparent !important;
  2590. filter: inherit;
  2591. }
  2592. .atropos-highlight {
  2593. background-image: inherit !important;
  2594. }
  2595. /* Only for safari browser */
  2596. @media not all and (min-resolution: 0.001dpcm) {
  2597. [data-anime] [class*=text-shadow-] {
  2598. text-shadow: none;
  2599. }
  2600. [data-anime][class*=text-shadow-] {
  2601. text-shadow: none;
  2602. }
  2603. [data-fancy-text] [class*=text-shadow-] {
  2604. text-shadow: none;
  2605. }
  2606. [data-fancy-text][class*=text-shadow-] {
  2607. text-shadow: none;
  2608. }
  2609. /* font awesome icon gradient color */
  2610. .review-star-icon i {
  2611. display: inline;
  2612. }
  2613. }
  2614. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  2615. /* color issue */
  2616. .text-white a[href^=tel] {
  2617. color: var(--white);
  2618. }
  2619. .text-dark-gray a[href^=tel] {
  2620. color: var(--text-dark-gray);
  2621. }
  2622. }
  2623. .swiper-slide [data-fancy-text] {
  2624. opacity: 0;
  2625. }
  2626. .swiper-slide [data-fancy-text].appear {
  2627. opacity: 1;
  2628. }
  2629. .swiper-slide.swiper-slide-active [data-fancy-text] {
  2630. opacity: 1;
  2631. }
  2632. .swiper-slide.swiper-slide-active [data-anime] {
  2633. opacity: 1;
  2634. }
  2635. .swiper-slide [data-anime] {
  2636. opacity: 0;
  2637. transition: 0.3s ease-in-out;
  2638. }
  2639. .no-animation .anime-text .whitespace {
  2640. display: inline-block;
  2641. }
  2642. .no-animation .anime-text .whitespace::after {
  2643. content: "r";
  2644. opacity: 0;
  2645. font-size: 70%;
  2646. }
  2647. .no-animation [data-anime], .no-animation [data-fancy-text] {
  2648. opacity: 1;
  2649. transition: none;
  2650. }
  2651. /* Data top bottom transition animation */
  2652. [data-top-bottom] {
  2653. transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);
  2654. }
  2655. /* Custom cursor */
  2656. @media (hover: hover) and (pointer: fine) {
  2657. .custom-cursor .circle-cursor {
  2658. position: fixed;
  2659. left: 0;
  2660. top: 0;
  2661. pointer-events: none;
  2662. -webkit-border-radius: 50%;
  2663. border-radius: 50%;
  2664. -webkit-transform: translateZ(0);
  2665. transform: translateZ(0);
  2666. visibility: hidden;
  2667. opacity: 0;
  2668. transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1);
  2669. }
  2670. .custom-cursor .circle-cursor-inner {
  2671. margin-left: -3px;
  2672. margin-top: -3px;
  2673. width: 6px;
  2674. height: 6px;
  2675. z-index: 10000001;
  2676. background-color: var(--base-color);
  2677. }
  2678. .custom-cursor .circle-cursor-inner.cursor-link-hover {
  2679. margin-left: -10px;
  2680. margin-top: -10px;
  2681. width: 20px;
  2682. height: 20px;
  2683. background-color: var(--base-color);
  2684. opacity: 0.8;
  2685. }
  2686. .custom-cursor .circle-cursor-outer {
  2687. margin-left: -15px;
  2688. margin-top: -15px;
  2689. width: 30px;
  2690. height: 30px;
  2691. border: 1px solid var(--base-color);
  2692. z-index: 10000000;
  2693. opacity: 0.8;
  2694. -webkit-transition: 0.1s;
  2695. transition: 0.1s;
  2696. }
  2697. .custom-cursor .cursor-link.circle-cursor-inner .cursor-link-hover {
  2698. opacity: 1;
  2699. }
  2700. }
  2701. .is-touchable .cursor-page-inner {
  2702. display: none !important;
  2703. }
  2704. /* Stack box */
  2705. .stack-box {
  2706. position: relative;
  2707. z-index: 1;
  2708. height: 300vh;
  2709. }
  2710. .stack-box .stack-box-contain {
  2711. height: 100vh;
  2712. position: -webkit-sticky;
  2713. position: sticky;
  2714. top: 0;
  2715. }
  2716. .stack-box .stack-item {
  2717. height: 100vh;
  2718. width: 100%;
  2719. position: absolute;
  2720. overflow: hidden;
  2721. z-index: 999;
  2722. display: flex;
  2723. align-items: center;
  2724. }
  2725. .stack-box .stack-item.stack-item-02 {
  2726. z-index: 99;
  2727. }
  2728. .stack-box .stack-item.stack-item-03 {
  2729. z-index: 9;
  2730. }
  2731. .stack-box .stack-item .stack-item-wrapper {
  2732. position: absolute;
  2733. top: 0;
  2734. left: 0;
  2735. right: 0;
  2736. bottom: 0;
  2737. z-index: -1;
  2738. display: flex;
  2739. align-items: center;
  2740. height: 100vh;
  2741. }
  2742. .transform-3d {
  2743. transform: translate3d(0px, 0px, 100px);
  2744. }
  2745. /* Scrolling text */
  2746. .marquees-text {
  2747. -webkit-transform: translateX(100%);
  2748. transform: translateX(100%);
  2749. -webkit-animation: example1 50s linear infinite;
  2750. animation: example1 50s linear infinite;
  2751. width: 100%;
  2752. }
  2753. .looping-wrapper {
  2754. position: absolute;
  2755. display: flex;
  2756. align-items: center;
  2757. flex-wrap: wrap;
  2758. width: 1px;
  2759. height: 100vh;
  2760. left: 50%;
  2761. top: 0;
  2762. }
  2763. .looping-wrapper .el {
  2764. position: absolute;
  2765. opacity: 1;
  2766. width: 2px;
  2767. height: 24vh;
  2768. margin-top: -18vh;
  2769. transform-origin: 50% 100%;
  2770. background: var(--base-color);
  2771. }
  2772. .looping-wrapper-gray {
  2773. position: absolute;
  2774. display: flex;
  2775. align-items: center;
  2776. flex-wrap: wrap;
  2777. width: 1px;
  2778. height: 100vh;
  2779. left: 50%;
  2780. top: 0;
  2781. }
  2782. .looping-wrapper-gray .el {
  2783. position: absolute;
  2784. opacity: 1;
  2785. width: 2px;
  2786. height: 24vh;
  2787. margin-top: -18vh;
  2788. transform-origin: 50% 100%;
  2789. background: #292929;
  2790. }
  2791. /* Marquee slide */
  2792. .marquee-slide {
  2793. -webkit-transition-timing-function: linear !important;
  2794. transition-timing-function: linear !important;
  2795. position: relative;
  2796. }
  2797. /* Father shadow */
  2798. .feather-shadow {
  2799. mask-image: linear-gradient(to right, transparent 0%, #000000 20%, #000000 80%, transparent 100%);
  2800. -webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 20%, #000000 80%, transparent 100%);
  2801. }
  2802. /* Text sliding line */
  2803. .text-sliding-line {
  2804. display: inline-block;
  2805. position: relative;
  2806. padding: 0;
  2807. z-index: 1;
  2808. background-image: linear-gradient(135deg, transparent 45%, var(--white) 45%, var(--white) 55%, transparent 0);
  2809. background-size: 4px 4px;
  2810. -webkit-background-clip: text;
  2811. background-clip: text;
  2812. -webkit-text-fill-color: transparent;
  2813. }
  2814. /* Sliding line */
  2815. .bg-sliding-line {
  2816. background-image: linear-gradient(45deg, transparent 45%, var(--white) 45%, var(--white) 55%, transparent 0);
  2817. background-size: 0.1em 0.1em;
  2818. }
  2819. /* Feature box slider */
  2820. .feature-box-slider .feature-box {
  2821. display: flex;
  2822. flex-direction: row;
  2823. align-items: center;
  2824. padding: 24px 40px;
  2825. background: var(--white);
  2826. box-shadow: 0 5px 25px rgba(89, 101, 124, 0.15);
  2827. border-radius: 10px;
  2828. color: var(--dark-gray);
  2829. font-weight: 500;
  2830. font-size: 17px;
  2831. }
  2832. .feature-box-slider .feature-box i {
  2833. font-size: 24px;
  2834. margin-right: 10px;
  2835. }
  2836. .feature-box-slider .swiper-slide {
  2837. width: auto;
  2838. padding-top: 15px;
  2839. padding-bottom: 15px;
  2840. }
  2841. /* Page loader */
  2842. .page-loader {
  2843. position: absolute;
  2844. width: 100%;
  2845. height: 100%;
  2846. left: 0;
  2847. top: 0;
  2848. background-color: var(--white) !important;
  2849. opacity: 1 !important;
  2850. z-index: 99999;
  2851. }
  2852. .page-loader::after {
  2853. background: 0 0;
  2854. content: "" !important;
  2855. position: absolute;
  2856. left: calc(50% - 25px) !important;
  2857. top: calc(50% - 25px) !important;
  2858. width: 50px !important;
  2859. height: 50px !important;
  2860. opacity: 1 !important;
  2861. right: inherit !important;
  2862. z-index: 9;
  2863. text-align: center;
  2864. border: 2px solid rgba(23, 23, 23, 0.2);
  2865. border-top-color: rgba(23, 23, 23, 0.7);
  2866. border-radius: 50%;
  2867. -webkit-animation: rotation 8s infinite linear;
  2868. animation: rotation 1.5s infinite linear;
  2869. }
  2870. /* Cookie message */
  2871. .cookie-message {
  2872. position: fixed;
  2873. bottom: 20px;
  2874. right: 20px;
  2875. max-width: 370px;
  2876. z-index: 999999;
  2877. padding: 40px;
  2878. display: none;
  2879. }
  2880. /* Scroll progress */
  2881. .scroll-progress {
  2882. position: fixed;
  2883. right: 20px;
  2884. z-index: 111;
  2885. top: 50%;
  2886. -webkit-transition: all 0.3s linear;
  2887. transition: all 0.3s linear;
  2888. opacity: 0;
  2889. -webkit-transform: translateY(-50%);
  2890. transform: translateY(-50%);
  2891. mix-blend-mode: difference;
  2892. }
  2893. .scroll-progress.visible {
  2894. opacity: 1;
  2895. }
  2896. .scroll-progress .scroll-top {
  2897. display: flex;
  2898. flex-direction: column;
  2899. justify-content: center;
  2900. align-items: center;
  2901. }
  2902. .scroll-progress .scroll-line {
  2903. width: 2px;
  2904. height: 60px;
  2905. position: relative;
  2906. background-color: rgba(255, 255, 255, 0.15);
  2907. color: inherit;
  2908. display: block;
  2909. }
  2910. .scroll-progress .scroll-point {
  2911. display: inline-block;
  2912. width: 2px;
  2913. position: absolute;
  2914. background-color: var(--white);
  2915. top: 0px;
  2916. left: 0px;
  2917. }
  2918. .scroll-progress .scroll-text {
  2919. -webkit-transform: rotate(180deg);
  2920. transform: rotate(180deg);
  2921. writing-mode: vertical-lr;
  2922. margin-bottom: 15px;
  2923. color: var(--white);
  2924. font-size: 11px;
  2925. text-transform: uppercase;
  2926. }
  2927. /* for buy and demo button */
  2928. .theme-demos {
  2929. display: none;
  2930. width: 100%;
  2931. height: 100%;
  2932. min-height: 100%;
  2933. position: fixed;
  2934. background-color: var(--white);
  2935. right: -100%;
  2936. top: 0;
  2937. z-index: 1050;
  2938. -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  2939. transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  2940. }
  2941. .theme-demos section {
  2942. height: 100%;
  2943. min-height: 100%;
  2944. position: relative;
  2945. z-index: 11;
  2946. padding: 0;
  2947. width: 100%;
  2948. }
  2949. .theme-demos .demos-wrapper {
  2950. height: 100%;
  2951. overflow-y: hidden;
  2952. background-color: var(--very-light-gray);
  2953. width: 100%;
  2954. }
  2955. .theme-demos .demos-wrapper .demos-wrapper-inner {
  2956. padding: 60px 50px;
  2957. }
  2958. .theme-demos.active {
  2959. -webkit-transform: translateX(-100%);
  2960. transform: translateX(-100%);
  2961. box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.25);
  2962. }
  2963. .theme-demos .grid {
  2964. padding: 0 20px;
  2965. display: flex;
  2966. flex-wrap: wrap;
  2967. }
  2968. .theme-demos .demo-button-wrapper {
  2969. width: auto;
  2970. white-space: nowrap;
  2971. position: absolute;
  2972. right: 100%;
  2973. display: block;
  2974. bottom: 250px;
  2975. cursor: pointer;
  2976. z-index: 10;
  2977. -webkit-transform: rotate(-90deg) translateY(-100%);
  2978. -ms-transform: rotate(-90deg) translateY(-100%);
  2979. transform: rotate(-90deg) translateY(-100%);
  2980. -webkit-transform-origin: 100% 0% 0;
  2981. -ms-transform-origin: 100% 0% 0;
  2982. transform-origin: 100% 0% 0;
  2983. margin-right: -1px;
  2984. display: flex;
  2985. }
  2986. .theme-demos .buy-theme a, .theme-demos .all-demo a {
  2987. color: var(--dark-gray);
  2988. font-size: 11px;
  2989. padding: 15px;
  2990. display: block;
  2991. text-decoration: none;
  2992. font-weight: 500;
  2993. }
  2994. .theme-demos .buy-theme a > i, .theme-demos .all-demo a > i {
  2995. position: absolute;
  2996. left: 0;
  2997. top: 0;
  2998. height: 100%;
  2999. width: 59px;
  3000. line-height: 55px;
  3001. text-align: center;
  3002. opacity: 0;
  3003. font-size: 24px;
  3004. transition-delay: 0.3s;
  3005. }
  3006. .theme-demos .all-demo {
  3007. background-color: #1f242e;
  3008. }
  3009. .theme-demos .all-demo .theme-wrapper {
  3010. padding: 0 9px;
  3011. position: relative;
  3012. top: 0;
  3013. opacity: 1;
  3014. transition-delay: 0.3s;
  3015. line-height: 0;
  3016. }
  3017. .theme-demos .all-demo .theme-wrapper > div {
  3018. display: inline-block;
  3019. vertical-align: middle;
  3020. font-size: 15px;
  3021. line-height: 15px;
  3022. color: var(--white);
  3023. font-size: 14px;
  3024. text-transform: uppercase;
  3025. line-height: 21px;
  3026. }
  3027. .theme-demos .buy-theme {
  3028. text-align: center;
  3029. background-color: #48a133;
  3030. position: relative;
  3031. z-index: 1;
  3032. }
  3033. .theme-demos .buy-theme .theme-wrapper {
  3034. padding: 0;
  3035. position: relative;
  3036. top: 0;
  3037. opacity: 1;
  3038. transition-delay: 0.3s;
  3039. line-height: 0;
  3040. }
  3041. .theme-demos .buy-theme .theme-wrapper span {
  3042. font-size: 15px;
  3043. font-weight: 600;
  3044. margin-right: 0;
  3045. }
  3046. .theme-demos .buy-theme .theme-wrapper i {
  3047. margin-right: 10px;
  3048. font-size: 21px;
  3049. }
  3050. .theme-demos .buy-theme .theme-wrapper > div svg {
  3051. margin: 0;
  3052. }
  3053. .theme-demos .mCustomScrollBox {
  3054. display: -webkit-box;
  3055. display: -ms-flexbox;
  3056. display: flex;
  3057. width: 100%;
  3058. }
  3059. .theme-demos .mCustomScrollBox .mCSB_container {
  3060. width: 100%;
  3061. -ms-flex-item-align: start;
  3062. align-self: flex-start;
  3063. margin: 0;
  3064. padding-right: 15px !important;
  3065. }
  3066. .theme-demos .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y {
  3067. -ms-flex-item-align: center;
  3068. align-self: center;
  3069. }
  3070. .theme-demos .mCustomScrollBox .mCSB_draggerRail {
  3071. display: none;
  3072. }
  3073. .theme-demos .clearfix {
  3074. clear: both;
  3075. }
  3076. .theme-demos .portfolio-wrapper .grid-item {
  3077. flex: 0 0 auto;
  3078. }
  3079. .theme-demos .close-popup {
  3080. position: absolute;
  3081. top: 10px;
  3082. right: 10px;
  3083. z-index: 99;
  3084. cursor: pointer;
  3085. -webkit-transition: -webkit-transform 0.3s ease;
  3086. -ms-transition: -ms-transform 0.3s ease;
  3087. transition: transform 0.3s ease;
  3088. -webkit-transform-origin: 50% 50%;
  3089. -ms-transform-origin: 50% 50%;
  3090. transform-origin: 50% 50%;
  3091. }
  3092. .theme-demos .close-popup:hover {
  3093. -webkit-transform: rotate(-180deg);
  3094. -ms-transform: rotate(-180deg);
  3095. transform: rotate(-180deg);
  3096. }
  3097. .show-search-popup .theme-demos .theme-demos, .show-search-popup .show-menu .theme-demos {
  3098. z-index: 1;
  3099. }
  3100. /* Move it (define the animation) */
  3101. @-moz-keyframes example1 {
  3102. 0% {
  3103. -moz-transform: translateX(100%);
  3104. }
  3105. 100% {
  3106. -moz-transform: translateX(-100%);
  3107. }
  3108. }
  3109. @-webkit-keyframes example1 {
  3110. 0% {
  3111. -webkit-transform: translateX(100%);
  3112. }
  3113. 100% {
  3114. -webkit-transform: translateX(-100%);
  3115. }
  3116. }
  3117. @keyframes example1 {
  3118. 0% {
  3119. -moz-transform: translateX(100%); /* Firefox bug fix */
  3120. -webkit-transform: translateX(100%); /* Firefox bug fix */
  3121. transform: translateX(100%);
  3122. }
  3123. 100% {
  3124. -moz-transform: translateX(-100%); /* Firefox bug fix */
  3125. -webkit-transform: translateX(-100%); /* Firefox bug fix */
  3126. transform: translateX(-100%);
  3127. }
  3128. }
  3129. /* ===================================
  3130. 06. Background and border
  3131. ====================================== */
  3132. /* Background color */
  3133. .bg-base-color {
  3134. background-color: var(--base-color);
  3135. }
  3136. .bg-base-color-opacity {
  3137. background-color: #ff36398f;
  3138. }
  3139. .bg-dark-gray, .bg-dark-gray:focus {
  3140. background-color: var(--dark-gray);
  3141. }
  3142. .bg-black {
  3143. background-color: var(--black);
  3144. }
  3145. .bg-medium-gray {
  3146. background-color: var(--medium-gray);
  3147. }
  3148. .bg-light-medium-gray {
  3149. background-color: var(--light-medium-gray);
  3150. }
  3151. .bg-extra-medium-gray {
  3152. background-color: var(--extra-medium-gray);
  3153. }
  3154. .bg-light-gray {
  3155. background-color: var(--light-gray);
  3156. }
  3157. .bg-very-light-gray {
  3158. background-color: var(--very-light-gray);
  3159. }
  3160. .bg-red {
  3161. background-color: var(--red);
  3162. }
  3163. .bg-light-red {
  3164. background-color: var(--light-red);
  3165. }
  3166. .bg-green {
  3167. background-color: var(--green);
  3168. }
  3169. .bg-crusoe-green {
  3170. background-color: var(--crusoe-green);
  3171. }
  3172. .bg-yellow {
  3173. background-color: var(--yellow);
  3174. }
  3175. .bg-charcoal-blue {
  3176. background-color: var(--charcoal-blue);
  3177. }
  3178. .bg-slate-blue {
  3179. background-color: var(--slate-blue);
  3180. }
  3181. .bg-medium-slate-blue {
  3182. background-color: var(--medium-slate-blue);
  3183. }
  3184. .bg-extra-medium-slate-blue {
  3185. background-color: var(--extra-medium-slate-blue);
  3186. }
  3187. .bg-dark-slate-blue {
  3188. background-color: var(--dark-slate-blue);
  3189. }
  3190. .bg-extra-dark-slate-blue {
  3191. background-color: var(--extra-dark-slate-blue);
  3192. }
  3193. .bg-extra-very-slate-blue {
  3194. background-color: var(--extra-very-slate-blue);
  3195. }
  3196. .bg-tussock-yellow {
  3197. background-color: var(--tussock-yellow);
  3198. }
  3199. .bg-solitude-blue {
  3200. background-color: var(--solitude-blue);
  3201. }
  3202. .bg-aluminium-grey {
  3203. background-color: var(--aluminium-grey);
  3204. }
  3205. .bg-selago {
  3206. background-color: var(--selago);
  3207. }
  3208. .bg-white-ice {
  3209. background-color: var(--white-ice);
  3210. }
  3211. .bg-golden-yellow {
  3212. background-color: var(--golden-yellow);
  3213. }
  3214. .bg-jade {
  3215. background-color: var(--jade);
  3216. }
  3217. .bg-orange {
  3218. background-color: var(--orange);
  3219. }
  3220. .bg-light-majorelle-blue {
  3221. background-color: var(--light-majorelle-blue);
  3222. }
  3223. .bg-majorelle-blue {
  3224. background-color: var(--majorelle-blue);
  3225. }
  3226. .bg-spring-wood {
  3227. background-color: var(--spring-wood);
  3228. }
  3229. .bg-tropical-blue {
  3230. background-color: var(--tropical-blue);
  3231. }
  3232. .bg-cornflower-blue {
  3233. background-color: var(--cornflower-blue);
  3234. }
  3235. .bg-camarone {
  3236. background-color: var(--camarone);
  3237. }
  3238. .bg-seal-brown {
  3239. background-color: var(--seal-brown);
  3240. }
  3241. .bg-Wasabi {
  3242. background-color: var(--Wasabi);
  3243. }
  3244. /* Gradient background color */
  3245. .bg-gradient-light-pink-light-orange {
  3246. background-image: linear-gradient(to right top, #ffafbd, #ffb3b4, #ffb7ac, #ffbda5, #ffc3a0);
  3247. }
  3248. .bg-gradient-purple-pink {
  3249. background-image: linear-gradient(to right top, #8b14b1, #ab019e, #c00c8b, #cd267b, #d53d6e);
  3250. }
  3251. .bg-gradient-fast-pink-light-yellow {
  3252. background-image: linear-gradient(to right top, #f7567f, #fe7177, #ff8a74, #ffa378, #ffba83);
  3253. }
  3254. .bg-gradient-pink-orange {
  3255. background-image: linear-gradient(to right top, #de347f, #e73a70, #ed4461, #f05152, #ef5f43);
  3256. }
  3257. .bg-gradient-fast-blue-purple {
  3258. background-image: linear-gradient(to right top, #2a46f4, #5f42f9, #833cfc, #a233fe, #bf25ff);
  3259. }
  3260. .bg-gradient-light-pink-light-purple {
  3261. background-image: linear-gradient(to right top, #ed579b, #e855ad, #df57c0, #d15cd4, #bc63e8);
  3262. }
  3263. .bg-gradient-purple-magento {
  3264. background-image: linear-gradient(to right top, #5553e1, #a34dcc, #ce4fb5, #e75ca1, #f47291);
  3265. }
  3266. .bg-gradient-blue-green {
  3267. background-image: linear-gradient(to right top, #18cdbb, #22d2ae, #3cd69d, #57da89, #73dc73);
  3268. }
  3269. .bg-gradient-light-purple-light-orange {
  3270. background-image: linear-gradient(to right top, #b783ff, #e37be0, #fa7cc1, #ff85a6, #ff9393);
  3271. }
  3272. .bg-gradient-sky-blue-pink {
  3273. background-image: linear-gradient(to right top, #5758df, #a553cb, #d055b5, #ea63a0, #f77991);
  3274. }
  3275. .bg-gradient-dark-gray-brown {
  3276. background-image: linear-gradient(to right top, #0f130f, #1e1d15, #3d2f20, #4e3b27, #664a2f);
  3277. }
  3278. .bg-gradient-tan-geraldine {
  3279. background-image: linear-gradient(to right top, #fb7f87, #fc8a82, #fb957f, #fa9f7f, #f7aa80);
  3280. }
  3281. .bg-gradient-very-light-gray {
  3282. background-image: linear-gradient(to bottom, #f7f8f9, #f9fafb, #fbfbfc, #fdfdfd, #ffffff);
  3283. }
  3284. .bg-gradient-top-very-light-gray {
  3285. background-image: linear-gradient(to top, #f7f7f7, #f7f7f7, #fcfafa, #fcfafa, #ffffff);
  3286. }
  3287. .bg-gradient-orange-transparent {
  3288. background: linear-gradient(to right, rgb(233, 117, 34) 10%, rgba(255, 255, 255, 0) 95%);
  3289. }
  3290. .bg-gradient-blue-transparent {
  3291. background: linear-gradient(to right, rgb(30, 163, 177) 10%, rgba(255, 255, 255, 0) 95%);
  3292. }
  3293. .bg-gradient-emerald-blue-emerald-green {
  3294. background-image: linear-gradient(50deg, #09afea 0, #19e089 100%);
  3295. }
  3296. .bg-gradient-very-ghost-white {
  3297. background-image: linear-gradient(to bottom, #f4f6ff, #f7f8ff, #fafaff, #fdfdff, #ffffff);
  3298. }
  3299. /* Transparent background color */
  3300. .bg-transparent {
  3301. background-color: transparent;
  3302. }
  3303. .bg-gradient-fast-blue-purple-transparent {
  3304. background-image: linear-gradient(to right top, rgb(42, 70, 244), rgba(95, 66, 249, 0.9), rgba(131, 60, 252, 0.9), rgba(162, 51, 254, 0.9), rgba(191, 37, 255, 0.9));
  3305. }
  3306. .bg-gradient-fast-pink-light-yellow-transparent {
  3307. background-image: linear-gradient(to right top, rgba(247, 86, 127, 0.9), rgba(254, 113, 119, 0.9), rgba(255, 138, 116, 0.9), rgba(255, 163, 120, 0.9), rgba(255, 186, 131, 0.9));
  3308. }
  3309. .bg-gradient-sky-blue-pink-transparent {
  3310. background-image: linear-gradient(to right top, rgba(87, 88, 223, 0.9), rgba(165, 83, 203, 0.9), rgba(208, 85, 181, 0.9), rgba(234, 99, 160, 0.9), rgba(247, 121, 145, 0.9));
  3311. }
  3312. .bg-gradient-gray-light-dark-transparent {
  3313. background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 35, 41, 0.8)), to(transparent));
  3314. background-image: linear-gradient(to top, rgba(32, 35, 41, 0.8) 0%, transparent 100%);
  3315. }
  3316. .bg-gradient-dark-transparent {
  3317. background: -webkit-gradient(linear, left bottom, left top, color-stop(7%, #141622), to(transparent));
  3318. background: linear-gradient(to top, #141622 7%, transparent 100%);
  3319. }
  3320. .bg-gradient-dark-gray-left-transparent {
  3321. background: -webkit-linear-gradient(right, rgba(24, 25, 28, 0.5), rgba(255, 255, 255, 0));
  3322. background: linear-gradient(to right, rgba(24, 25, 28, 0.5), rgba(255, 255, 255, 0));
  3323. }
  3324. .bg-gradient-white-transparent {
  3325. background: linear-gradient(to top, #ffffff 20%, rgba(255, 255, 255, 0) 80%);
  3326. }
  3327. .bg-gradient-white-dark-transparent {
  3328. background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, #ffffff), to(transparent));
  3329. background: linear-gradient(to top, #ffffff 30%, rgba(255, 255, 255, 0) 70%);
  3330. }
  3331. .bg-gradient-white-bottom-transparent {
  3332. background: rgb(0, 0, 0);
  3333. background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(255, 255, 255) 60%);
  3334. }
  3335. .bg-gradient-black-bottom-transparent {
  3336. background: rgb(255, 255, 255);
  3337. background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  3338. }
  3339. .bg-gradient-solitude-blue-transparent {
  3340. background: -webkit-linear-gradient(bottom, rgb(240, 244, 253), rgba(255, 255, 255, 0));
  3341. background: linear-gradient(to top, rgb(240, 244, 253), rgba(255, 255, 255, 0));
  3342. }
  3343. .bg-gradient-extra-midium-gray-transparent {
  3344. background: -webkit-gradient(left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0.5)), color-stop(150%, rgba(20, 20, 20, 0.3)));
  3345. background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(20, 20, 20, 0.3) 150%);
  3346. }
  3347. .bg-dark-gray-transparent {
  3348. background-color: rgba(35, 35, 35, 0.8);
  3349. }
  3350. .bg-dark-gray-transparent-light {
  3351. background-color: rgba(35, 35, 35, 0.2);
  3352. }
  3353. .bg-dark-gray-transparent-medium {
  3354. background-color: rgba(35, 35, 35, 0.4);
  3355. }
  3356. .bg-medium-gray-transparent {
  3357. background-color: rgba(111, 111, 111, 0.1);
  3358. }
  3359. .bg-light-gray-transparent {
  3360. background-color: rgb(251, 251, 251);
  3361. }
  3362. .bg-medium-gray-transparent {
  3363. background-color: rgba(136, 136, 136, 0.3);
  3364. }
  3365. .bg-black-transparent-light {
  3366. background-color: rgba(0, 0, 0, 0.2);
  3367. }
  3368. .bg-black-transparent-medium {
  3369. background-color: rgba(0, 0, 0, 0.5);
  3370. }
  3371. .bg-black-transparent {
  3372. background-color: rgba(0, 0, 0, 0.8);
  3373. }
  3374. .bg-white-transparent-extra-light, .bg-white-transparent-extra-light:focus {
  3375. background-color: rgba(255, 255, 255, 0.1);
  3376. }
  3377. .bg-white-transparent-very-light {
  3378. background-color: rgba(255, 255, 255, 0.2);
  3379. }
  3380. .bg-white-transparent-light {
  3381. background-color: rgba(255, 255, 255, 0.4);
  3382. }
  3383. .bg-white-transparent {
  3384. background-color: rgba(255, 255, 255, 0.7);
  3385. }
  3386. /* Background image */
  3387. .contain-background {
  3388. background-size: contain;
  3389. }
  3390. .cover-background {
  3391. background-repeat: no-repeat !important;
  3392. background-size: cover;
  3393. overflow: hidden;
  3394. position: relative;
  3395. background-position: center center !important;
  3396. }
  3397. .fix-background {
  3398. position: relative;
  3399. background-size: cover !important;
  3400. -webkit-animation-duration: 0s;
  3401. -webkit-animation-fill-mode: none;
  3402. overflow: hidden;
  3403. background-position: center center;
  3404. background-repeat: no-repeat !important;
  3405. background-attachment: fixed !important;
  3406. }
  3407. .background-size-inherit {
  3408. background-size: inherit !important;
  3409. }
  3410. .background-attachment-inherit {
  3411. background-attachment: inherit !important;
  3412. }
  3413. .background-position-left {
  3414. background-position: left center !important;
  3415. }
  3416. .background-position-left-bottom {
  3417. background-position: left bottom !important;
  3418. }
  3419. .background-position-left-center {
  3420. background-position: left center !important;
  3421. }
  3422. .background-position-right {
  3423. background-position: right center !important;
  3424. }
  3425. .background-position-right-top {
  3426. background-position: right top !important;
  3427. }
  3428. .background-position-center-top {
  3429. background-position: center top !important;
  3430. }
  3431. .background-position-left-top {
  3432. background-position: left top !important;
  3433. }
  3434. .background-position-right-bottom {
  3435. background-position: right bottom !important;
  3436. }
  3437. .background-position-center-bottom {
  3438. background-position: center bottom 0px !important;
  3439. }
  3440. .background-repeat {
  3441. background-repeat: repeat;
  3442. }
  3443. .background-no-repeat {
  3444. background-repeat: no-repeat;
  3445. }
  3446. .background-no-repeat-y {
  3447. background-repeat-y: no-repeat;
  3448. }
  3449. .background-position-center {
  3450. background-position: center !important;
  3451. }
  3452. /* Background size */
  3453. .background-size-100 {
  3454. background-size: 100% !important;
  3455. }
  3456. .background-size-auto-100 {
  3457. background-size: auto 100% !important;
  3458. }
  3459. .background-size-contain {
  3460. background-size: contain !important;
  3461. }
  3462. /* Border width */
  3463. .border-6 {
  3464. border-width: 6px !important;
  3465. }
  3466. .border-7 {
  3467. border-width: 7px !important;
  3468. }
  3469. .border-8 {
  3470. border-width: 8px !important;
  3471. }
  3472. .border-9 {
  3473. border-width: 9px !important;
  3474. }
  3475. .border-10 {
  3476. border-width: 10px !important;
  3477. }
  3478. /* Border style */
  3479. .border-dotted {
  3480. border-style: dotted !important;
  3481. }
  3482. .border-dashed {
  3483. border-style: dashed !important;
  3484. }
  3485. .border-solid {
  3486. border-style: solid !important;
  3487. }
  3488. .border-double {
  3489. border-style: double !important;
  3490. }
  3491. .border-groove {
  3492. border-style: groove !important;
  3493. }
  3494. .border-ridge {
  3495. border-style: ridge !important;
  3496. }
  3497. .border-inset {
  3498. border-style: inset !important;
  3499. }
  3500. .border-outset {
  3501. border-style: outset !important;
  3502. }
  3503. .border-none {
  3504. border-style: none !important;
  3505. }
  3506. .border-hidden {
  3507. border-style: hidden !important;
  3508. }
  3509. /* Border color */
  3510. .border-color-base-color {
  3511. border-color: var(--base-color) !important;
  3512. }
  3513. .border-color-white {
  3514. border-color: var(--white) !important;
  3515. }
  3516. .border-color-dark-gray {
  3517. border-color: var(--dark-gray) !important;
  3518. }
  3519. .border-color-medium-gray {
  3520. border-color: var(--medium-gray) !important;
  3521. }
  3522. .border-color-light-gray {
  3523. border-color: var(--light-gray) !important;
  3524. }
  3525. .border-color-very-light-gray {
  3526. border-color: var(--very-light-gray) !important;
  3527. }
  3528. .border-color-light-medium-gray {
  3529. border-color: var(--light-medium-gray) !important;
  3530. }
  3531. .border-color-extra-medium-gray {
  3532. border-color: var(--extra-medium-gray) !important;
  3533. }
  3534. .border-color-yellow {
  3535. border-color: var(--yellow) !important;
  3536. }
  3537. .border-color-orange {
  3538. border-color: var(--orange) !important;
  3539. }
  3540. .border-color-red {
  3541. border-color: var(--red) !important;
  3542. }
  3543. .border-color-transparent-dark-very-light {
  3544. border-color: rgba(35, 35, 35, 0.1) !important;
  3545. }
  3546. .border-color-transparent-dark-light {
  3547. border-color: rgba(35, 35, 35, 0.2) !important;
  3548. }
  3549. .border-color-transparent-white-very-light {
  3550. border-color: rgba(255, 255, 255, 0.3) !important;
  3551. }
  3552. .border-color-transparent-white-light {
  3553. border-color: rgba(255, 255, 255, 0.1) !important;
  3554. }
  3555. .border-color-transparent-white {
  3556. border-color: rgba(255, 255, 255, 0.6) !important;
  3557. }
  3558. .border-color-transparent {
  3559. border-color: transparent !important;
  3560. }
  3561. .border-color-transparent-on-hover:hover {
  3562. border-color: transparent !important;
  3563. }
  3564. /* Gradient border color */
  3565. .border-gradient-light-pink-light-orange {
  3566. border-image: linear-gradient(to right top, #ffafbd, #ffb3b4, #ffb7ac, #ffbda5, #ffc3a0);
  3567. border-image-slice: 1;
  3568. }
  3569. .border-gradient-purple-pink {
  3570. border-image: linear-gradient(to right, #8b14b1, #ab019e, #c00c8b, #cd267b, #d53d6e);
  3571. border-image-slice: 1;
  3572. }
  3573. .border-gradient-fast-pink-light-yellow {
  3574. border-image: linear-gradient(to right top, #f7567f, #fe7177, #ff8a74, #ffa378, #ffba83);
  3575. border-image-slice: 1;
  3576. }
  3577. .border-gradient-pink-orange {
  3578. border-image: linear-gradient(to right top, #de347f, #e73a70, #ed4461, #f05152, #ef5f43);
  3579. border-image-slice: 1;
  3580. }
  3581. .border-gradient-fast-blue-purple {
  3582. border-image: linear-gradient(to right top, #2a46f4, #5f42f9, #833cfc, #a233fe, #bf25ff);
  3583. border-image-slice: 1;
  3584. }
  3585. .border-gradient-light-pink-light-purple {
  3586. border-image: linear-gradient(to right top, #ed579b, #e855ad, #df57c0, #d15cd4, #bc63e8);
  3587. border-image-slice: 1;
  3588. }
  3589. .border-gradient-light-green-light-perotgreen {
  3590. border-image: linear-gradient(to right top, #5553e1, #a34dcc, #ce4fb5, #e75ca1, #f47291);
  3591. border-image-slice: 1;
  3592. }
  3593. .border-gradient-sky-blue-pink {
  3594. border-image: linear-gradient(to right top, #556fff, #556fff, #e05fc4, #f767a6, #ff798e);
  3595. border-image-slice: 1;
  3596. }
  3597. /* Border radius */
  3598. .border-radius-0px {
  3599. border-radius: 0 !important;
  3600. }
  3601. .border-radius-1px {
  3602. border-radius: 1px !important;
  3603. }
  3604. .border-radius-2px {
  3605. border-radius: 2px !important;
  3606. }
  3607. .border-radius-3px {
  3608. border-radius: 3px !important;
  3609. }
  3610. .border-radius-4px {
  3611. border-radius: 4px !important;
  3612. }
  3613. .border-radius-5px {
  3614. border-radius: 5px !important;
  3615. }
  3616. .border-radius-6px {
  3617. border-radius: 6px !important;
  3618. }
  3619. .border-radius-7px {
  3620. border-radius: 7px !important;
  3621. }
  3622. .border-radius-8px {
  3623. border-radius: 8px !important;
  3624. }
  3625. .border-radius-9px {
  3626. border-radius: 9px !important;
  3627. }
  3628. .border-radius-10px {
  3629. border-radius: 10px !important;
  3630. }
  3631. .border-radius-15px {
  3632. border-radius: 15px !important;
  3633. }
  3634. .border-radius-18px {
  3635. border-radius: 18px !important;
  3636. }
  3637. .border-radius-20px {
  3638. border-radius: 20px !important;
  3639. }
  3640. .border-radius-22px {
  3641. border-radius: 22px !important;
  3642. }
  3643. .border-radius-24px {
  3644. border-radius: 24px !important;
  3645. }
  3646. .border-radius-26px {
  3647. border-radius: 26px !important;
  3648. }
  3649. .border-radius-30px {
  3650. border-radius: 30px !important;
  3651. }
  3652. .border-radius-40px {
  3653. border-radius: 40px !important;
  3654. }
  3655. .border-radius-50px {
  3656. border-radius: 50px !important;
  3657. }
  3658. .border-radius-100px {
  3659. border-radius: 100px !important;
  3660. }
  3661. .border-radius-50 {
  3662. border-radius: 50% !important;
  3663. }
  3664. .border-radius-100 {
  3665. border-radius: 100% !important;
  3666. }
  3667. .no-border-radius {
  3668. border-radius: 0 !important;
  3669. }
  3670. .border-radius-top-left {
  3671. border-radius: 10px 0 0 10px !important;
  3672. }
  3673. /* Parallax background */
  3674. .parallax {
  3675. position: relative !important;
  3676. background-size: cover !important;
  3677. overflow: hidden;
  3678. background-attachment: fixed !important;
  3679. transition-timing-function: none;
  3680. -webkit-transition-timing-function: none;
  3681. transition-duration: 0s;
  3682. -webkit-transition-duration: 0s;
  3683. }
  3684. /* ===================================
  3685. 07. Width
  3686. ====================================== */
  3687. .w-1px {
  3688. width: 1px !important;
  3689. }
  3690. .w-2px {
  3691. width: 2px !important;
  3692. }
  3693. .w-3px {
  3694. width: 3px !important;
  3695. }
  3696. .w-4px {
  3697. width: 4px !important;
  3698. }
  3699. .w-5px {
  3700. width: 5px !important;
  3701. }
  3702. .w-6px {
  3703. width: 6px !important;
  3704. }
  3705. .w-7px {
  3706. width: 7px !important;
  3707. }
  3708. .w-8px {
  3709. width: 8px !important;
  3710. }
  3711. .w-9px {
  3712. width: 9px !important;
  3713. }
  3714. .w-10px {
  3715. width: 10px !important;
  3716. }
  3717. .w-15px {
  3718. width: 15px !important;
  3719. }
  3720. .w-20px {
  3721. width: 20px !important;
  3722. }
  3723. .w-25px {
  3724. width: 25px !important;
  3725. }
  3726. .w-30px {
  3727. width: 30px !important;
  3728. }
  3729. .w-35px {
  3730. width: 35px !important;
  3731. }
  3732. .w-40px {
  3733. width: 40px !important;
  3734. }
  3735. .w-45px {
  3736. width: 45px !important;
  3737. }
  3738. .w-50px {
  3739. width: 50px !important;
  3740. }
  3741. .w-55px {
  3742. width: 55px !important;
  3743. }
  3744. .w-60px {
  3745. width: 60px !important;
  3746. }
  3747. .w-65px {
  3748. width: 65px !important;
  3749. }
  3750. .w-70px {
  3751. width: 70px !important;
  3752. }
  3753. .w-75px {
  3754. width: 75px !important;
  3755. }
  3756. .w-80px {
  3757. width: 80px !important;
  3758. }
  3759. .w-85px {
  3760. width: 85px !important;
  3761. }
  3762. .w-90px {
  3763. width: 90px !important;
  3764. }
  3765. .w-95px {
  3766. width: 95px !important;
  3767. }
  3768. .w-100px {
  3769. width: 100px !important;
  3770. }
  3771. .w-110px {
  3772. width: 110px !important;
  3773. }
  3774. .w-120px {
  3775. width: 120px !important;
  3776. }
  3777. .w-130px {
  3778. width: 130px !important;
  3779. }
  3780. .w-140px {
  3781. width: 140px !important;
  3782. }
  3783. .w-150px {
  3784. width: 150px !important;
  3785. }
  3786. .w-160px {
  3787. width: 160px !important;
  3788. }
  3789. .w-170px {
  3790. width: 170px !important;
  3791. }
  3792. .w-180px {
  3793. width: 180px !important;
  3794. }
  3795. .w-190px {
  3796. width: 190px !important;
  3797. }
  3798. .w-200px {
  3799. width: 200px !important;
  3800. }
  3801. .w-210px {
  3802. width: 210px !important;
  3803. }
  3804. .w-220px {
  3805. width: 220px !important;
  3806. }
  3807. .w-230px {
  3808. width: 230px !important;
  3809. }
  3810. .w-240px {
  3811. width: 240px !important;
  3812. }
  3813. .w-250px {
  3814. width: 250px !important;
  3815. }
  3816. .w-260px {
  3817. width: 260px !important;
  3818. }
  3819. .w-270px {
  3820. width: 270px !important;
  3821. }
  3822. .w-280px {
  3823. width: 280px !important;
  3824. }
  3825. .w-290px {
  3826. width: 290px !important;
  3827. }
  3828. .w-300px {
  3829. width: 300px !important;
  3830. }
  3831. .w-310px {
  3832. width: 310px !important;
  3833. }
  3834. .w-320px {
  3835. width: 320px !important;
  3836. }
  3837. .w-330px {
  3838. width: 330px !important;
  3839. }
  3840. .w-340px {
  3841. width: 340px !important;
  3842. }
  3843. .w-350px {
  3844. width: 350px !important;
  3845. }
  3846. .w-360px {
  3847. width: 360px !important;
  3848. }
  3849. .w-370px {
  3850. width: 370px !important;
  3851. }
  3852. .w-380px {
  3853. width: 380px !important;
  3854. }
  3855. .w-390px {
  3856. width: 390px !important;
  3857. }
  3858. .w-400px {
  3859. width: 400px !important;
  3860. }
  3861. .w-450px {
  3862. width: 450px !important;
  3863. }
  3864. .w-500px {
  3865. width: 500px !important;
  3866. }
  3867. .w-550px {
  3868. width: 550px !important;
  3869. }
  3870. .w-600px {
  3871. width: 600px !important;
  3872. }
  3873. .w-650px {
  3874. width: 650px !important;
  3875. }
  3876. .w-700px {
  3877. width: 700px !important;
  3878. }
  3879. .w-750px {
  3880. width: 750px !important;
  3881. }
  3882. .w-800px {
  3883. width: 800px !important;
  3884. }
  3885. .w-850px {
  3886. width: 850px !important;
  3887. }
  3888. .w-900px {
  3889. width: 900px !important;
  3890. }
  3891. .w-950px {
  3892. width: 950px !important;
  3893. }
  3894. .w-1000px {
  3895. width: 1000px !important;
  3896. }
  3897. .w-10 {
  3898. width: 10% !important;
  3899. }
  3900. .w-15 {
  3901. width: 15% !important;
  3902. }
  3903. .w-20 {
  3904. width: 20% !important;
  3905. }
  3906. .w-25 {
  3907. width: 25% !important;
  3908. }
  3909. .w-30 {
  3910. width: 30% !important;
  3911. }
  3912. .w-35 {
  3913. width: 35% !important;
  3914. }
  3915. .w-40 {
  3916. width: 40% !important;
  3917. }
  3918. .w-45 {
  3919. width: 45% !important;
  3920. }
  3921. .w-50 {
  3922. width: 50% !important;
  3923. }
  3924. .w-55 {
  3925. width: 55% !important;
  3926. }
  3927. .w-60 {
  3928. width: 60% !important;
  3929. }
  3930. .w-65 {
  3931. width: 65% !important;
  3932. }
  3933. .w-70 {
  3934. width: 70% !important;
  3935. }
  3936. .w-75 {
  3937. width: 75% !important;
  3938. }
  3939. .w-80 {
  3940. width: 80% !important;
  3941. }
  3942. .w-85 {
  3943. width: 85% !important;
  3944. }
  3945. .w-90 {
  3946. width: 90% !important;
  3947. }
  3948. .w-95 {
  3949. width: 95% !important;
  3950. }
  3951. .w-100 {
  3952. width: 100% !important;
  3953. }
  3954. .w-auto {
  3955. width: auto !important;
  3956. }
  3957. /* ===================================
  3958. 08. Height
  3959. ====================================== */
  3960. .h-1px {
  3961. height: 1px !important;
  3962. }
  3963. .h-2px {
  3964. height: 2px !important;
  3965. }
  3966. .h-3px {
  3967. height: 3px !important;
  3968. }
  3969. .h-4px {
  3970. height: 4px !important;
  3971. }
  3972. .h-5px {
  3973. height: 5px !important;
  3974. }
  3975. .h-6px {
  3976. height: 6px !important;
  3977. }
  3978. .h-7px {
  3979. height: 7px !important;
  3980. }
  3981. .h-8px {
  3982. height: 8px !important;
  3983. }
  3984. .h-9px {
  3985. height: 9px !important;
  3986. }
  3987. .h-10px {
  3988. height: 10px !important;
  3989. }
  3990. .h-11px {
  3991. height: 11px !important;
  3992. }
  3993. .h-12px {
  3994. height: 12px !important;
  3995. }
  3996. .h-13px {
  3997. height: 13px !important;
  3998. }
  3999. .h-14px {
  4000. height: 14px !important;
  4001. }
  4002. .h-15px {
  4003. height: 15px !important;
  4004. }
  4005. .h-20px {
  4006. height: 20px !important;
  4007. }
  4008. .h-25px {
  4009. height: 25px !important;
  4010. }
  4011. .h-30px {
  4012. height: 30px !important;
  4013. }
  4014. .h-35px {
  4015. height: 35px !important;
  4016. }
  4017. .h-40px {
  4018. height: 40px !important;
  4019. }
  4020. .h-42px {
  4021. height: 42px !important;
  4022. }
  4023. .h-45px {
  4024. height: 45px !important;
  4025. }
  4026. .h-50px {
  4027. height: 50px !important;
  4028. }
  4029. .h-55px {
  4030. height: 55px !important;
  4031. }
  4032. .h-60px {
  4033. height: 60px !important;
  4034. }
  4035. .h-65px {
  4036. height: 65px !important;
  4037. }
  4038. .h-70px {
  4039. height: 70px !important;
  4040. }
  4041. .h-75px {
  4042. height: 75px !important;
  4043. }
  4044. .h-80px {
  4045. height: 80px !important;
  4046. }
  4047. .h-85px {
  4048. height: 85px !important;
  4049. }
  4050. .h-90px {
  4051. height: 90px !important;
  4052. }
  4053. .h-95px {
  4054. height: 95px !important;
  4055. }
  4056. .h-100px {
  4057. height: 100px !important;
  4058. }
  4059. .h-110px {
  4060. height: 110px !important;
  4061. }
  4062. .h-120px {
  4063. height: 120px !important;
  4064. }
  4065. .h-130px {
  4066. height: 130px !important;
  4067. }
  4068. .h-140px {
  4069. height: 140px !important;
  4070. }
  4071. .h-150px {
  4072. height: 150px !important;
  4073. }
  4074. .h-160px {
  4075. height: 160px !important;
  4076. }
  4077. .h-170px {
  4078. height: 170px !important;
  4079. }
  4080. .h-180px {
  4081. height: 180px !important;
  4082. }
  4083. .h-190px {
  4084. height: 190px !important;
  4085. }
  4086. .h-200px {
  4087. height: 200px !important;
  4088. }
  4089. .h-210px {
  4090. height: 210px !important;
  4091. }
  4092. .h-220px {
  4093. height: 220px !important;
  4094. }
  4095. .h-230px {
  4096. height: 230px !important;
  4097. }
  4098. .h-240px {
  4099. height: 240px !important;
  4100. }
  4101. .h-250px {
  4102. height: 250px !important;
  4103. }
  4104. .h-260px {
  4105. height: 260px !important;
  4106. }
  4107. .h-270px {
  4108. height: 270px !important;
  4109. }
  4110. .h-280px {
  4111. height: 280px !important;
  4112. }
  4113. .h-290px {
  4114. height: 290px !important;
  4115. }
  4116. .h-300px {
  4117. height: 300px !important;
  4118. }
  4119. .h-350px {
  4120. height: 350px !important;
  4121. }
  4122. .h-400px {
  4123. height: 400px !important;
  4124. }
  4125. .h-450px {
  4126. height: 450px !important;
  4127. }
  4128. .h-480px {
  4129. height: 480px !important;
  4130. }
  4131. .h-500px {
  4132. height: 500px !important;
  4133. }
  4134. .h-550px {
  4135. height: 550px !important;
  4136. }
  4137. .h-580px {
  4138. height: 580px !important;
  4139. }
  4140. .h-600px {
  4141. height: 600px !important;
  4142. }
  4143. .h-650px {
  4144. height: 650px !important;
  4145. }
  4146. .h-700px {
  4147. height: 700px !important;
  4148. }
  4149. .h-750px {
  4150. height: 750px !important;
  4151. }
  4152. .h-800px {
  4153. height: 800px !important;
  4154. }
  4155. .h-850px {
  4156. height: 850px !important;
  4157. }
  4158. .h-auto {
  4159. height: auto !important;
  4160. }
  4161. /* Screen height */
  4162. .extra-very-small-screen {
  4163. height: 250px !important;
  4164. }
  4165. .extra-small-screen {
  4166. height: 300px !important;
  4167. }
  4168. .small-screen {
  4169. height: 400px !important;
  4170. }
  4171. .one-half-screen {
  4172. height: 600px !important;
  4173. }
  4174. .one-third-screen {
  4175. height: 700px !important;
  4176. }
  4177. .one-fourth-screen {
  4178. height: 800px !important;
  4179. }
  4180. .one-fifth-screen {
  4181. height: 900px !important;
  4182. }
  4183. .one-sixth-screen {
  4184. height: 1000px !important;
  4185. }
  4186. .one-seventh-screen {
  4187. height: 1200px !important;
  4188. }
  4189. @media (prefers-reduced-motion: no-preference) {
  4190. :root {
  4191. scroll-behavior: auto;
  4192. }
  4193. }
  4194. /* ===================================
  4195. 09. Loop - Padding, margin, position, font weight, min height, opacity and z-index
  4196. ====================================== */
  4197. /* Padding and margin */
  4198. .p-5px {
  4199. padding: 5px !important;
  4200. }
  4201. .p-10px {
  4202. padding: 10px !important;
  4203. }
  4204. .p-15px {
  4205. padding: 15px !important;
  4206. }
  4207. .p-20px {
  4208. padding: 20px !important;
  4209. }
  4210. .p-25px {
  4211. padding: 25px !important;
  4212. }
  4213. .p-30px {
  4214. padding: 30px !important;
  4215. }
  4216. .p-35px {
  4217. padding: 35px !important;
  4218. }
  4219. .p-40px {
  4220. padding: 40px !important;
  4221. }
  4222. .p-45px {
  4223. padding: 45px !important;
  4224. }
  4225. .p-50px {
  4226. padding: 50px !important;
  4227. }
  4228. .p-55px {
  4229. padding: 55px !important;
  4230. }
  4231. .p-60px {
  4232. padding: 60px !important;
  4233. }
  4234. .p-65px {
  4235. padding: 65px !important;
  4236. }
  4237. .p-70px {
  4238. padding: 70px !important;
  4239. }
  4240. .p-1 {
  4241. padding: 1% !important;
  4242. }
  4243. .p-2 {
  4244. padding: 2% !important;
  4245. }
  4246. .p-3 {
  4247. padding: 3% !important;
  4248. }
  4249. .p-4 {
  4250. padding: 4% !important;
  4251. }
  4252. .p-5 {
  4253. padding: 5% !important;
  4254. }
  4255. .p-6 {
  4256. padding: 6% !important;
  4257. }
  4258. .p-7 {
  4259. padding: 7% !important;
  4260. }
  4261. .p-8 {
  4262. padding: 8% !important;
  4263. }
  4264. .p-9 {
  4265. padding: 9% !important;
  4266. }
  4267. .p-10 {
  4268. padding: 10% !important;
  4269. }
  4270. .p-11 {
  4271. padding: 11% !important;
  4272. }
  4273. .p-12 {
  4274. padding: 12% !important;
  4275. }
  4276. .p-13 {
  4277. padding: 13% !important;
  4278. }
  4279. .p-14 {
  4280. padding: 14% !important;
  4281. }
  4282. .p-15 {
  4283. padding: 15% !important;
  4284. }
  4285. .p-16 {
  4286. padding: 16% !important;
  4287. }
  4288. .p-17 {
  4289. padding: 17% !important;
  4290. }
  4291. .p-18 {
  4292. padding: 18% !important;
  4293. }
  4294. .p-19 {
  4295. padding: 19% !important;
  4296. }
  4297. .p-20 {
  4298. padding: 20% !important;
  4299. }
  4300. .p-21 {
  4301. padding: 21% !important;
  4302. }
  4303. .p-22 {
  4304. padding: 22% !important;
  4305. }
  4306. .p-23 {
  4307. padding: 23% !important;
  4308. }
  4309. .p-24 {
  4310. padding: 24% !important;
  4311. }
  4312. .p-25 {
  4313. padding: 25% !important;
  4314. }
  4315. .p-26 {
  4316. padding: 26% !important;
  4317. }
  4318. .p-27 {
  4319. padding: 27% !important;
  4320. }
  4321. .p-28 {
  4322. padding: 28% !important;
  4323. }
  4324. .p-29 {
  4325. padding: 29% !important;
  4326. }
  4327. .p-30 {
  4328. padding: 30% !important;
  4329. }
  4330. .pt-5px {
  4331. padding-top: 5px !important;
  4332. }
  4333. .pt-10px {
  4334. padding-top: 10px !important;
  4335. }
  4336. .pt-15px {
  4337. padding-top: 15px !important;
  4338. }
  4339. .pt-20px {
  4340. padding-top: 20px !important;
  4341. }
  4342. .pt-25px {
  4343. padding-top: 25px !important;
  4344. }
  4345. .pt-30px {
  4346. padding-top: 30px !important;
  4347. }
  4348. .pt-35px {
  4349. padding-top: 35px !important;
  4350. }
  4351. .pt-40px {
  4352. padding-top: 40px !important;
  4353. }
  4354. .pt-45px {
  4355. padding-top: 45px !important;
  4356. }
  4357. .pt-50px {
  4358. padding-top: 50px !important;
  4359. }
  4360. .pt-55px {
  4361. padding-top: 55px !important;
  4362. }
  4363. .pt-60px {
  4364. padding-top: 60px !important;
  4365. }
  4366. .pt-65px {
  4367. padding-top: 65px !important;
  4368. }
  4369. .pt-70px {
  4370. padding-top: 70px !important;
  4371. }
  4372. .pt-1 {
  4373. padding-top: 1% !important;
  4374. }
  4375. .pt-2 {
  4376. padding-top: 2% !important;
  4377. }
  4378. .pt-3 {
  4379. padding-top: 3% !important;
  4380. }
  4381. .pt-4 {
  4382. padding-top: 4% !important;
  4383. }
  4384. .pt-5 {
  4385. padding-top: 5% !important;
  4386. }
  4387. .pt-6 {
  4388. padding-top: 6% !important;
  4389. }
  4390. .pt-7 {
  4391. padding-top: 7% !important;
  4392. }
  4393. .pt-8 {
  4394. padding-top: 8% !important;
  4395. }
  4396. .pt-9 {
  4397. padding-top: 9% !important;
  4398. }
  4399. .pt-10 {
  4400. padding-top: 10% !important;
  4401. }
  4402. .pt-11 {
  4403. padding-top: 11% !important;
  4404. }
  4405. .pt-12 {
  4406. padding-top: 12% !important;
  4407. }
  4408. .pt-13 {
  4409. padding-top: 13% !important;
  4410. }
  4411. .pt-14 {
  4412. padding-top: 14% !important;
  4413. }
  4414. .pt-15 {
  4415. padding-top: 15% !important;
  4416. }
  4417. .pt-16 {
  4418. padding-top: 16% !important;
  4419. }
  4420. .pt-17 {
  4421. padding-top: 17% !important;
  4422. }
  4423. .pt-18 {
  4424. padding-top: 18% !important;
  4425. }
  4426. .pt-19 {
  4427. padding-top: 19% !important;
  4428. }
  4429. .pt-20 {
  4430. padding-top: 20% !important;
  4431. }
  4432. .pt-21 {
  4433. padding-top: 21% !important;
  4434. }
  4435. .pt-22 {
  4436. padding-top: 22% !important;
  4437. }
  4438. .pt-23 {
  4439. padding-top: 23% !important;
  4440. }
  4441. .pt-24 {
  4442. padding-top: 24% !important;
  4443. }
  4444. .pt-25 {
  4445. padding-top: 25% !important;
  4446. }
  4447. .pt-26 {
  4448. padding-top: 26% !important;
  4449. }
  4450. .pt-27 {
  4451. padding-top: 27% !important;
  4452. }
  4453. .pt-28 {
  4454. padding-top: 28% !important;
  4455. }
  4456. .pt-29 {
  4457. padding-top: 29% !important;
  4458. }
  4459. .pt-30 {
  4460. padding-top: 30% !important;
  4461. }
  4462. .pe-5px {
  4463. padding-right: 5px !important;
  4464. }
  4465. .pe-10px {
  4466. padding-right: 10px !important;
  4467. }
  4468. .pe-15px {
  4469. padding-right: 15px !important;
  4470. }
  4471. .pe-20px {
  4472. padding-right: 20px !important;
  4473. }
  4474. .pe-25px {
  4475. padding-right: 25px !important;
  4476. }
  4477. .pe-30px {
  4478. padding-right: 30px !important;
  4479. }
  4480. .pe-35px {
  4481. padding-right: 35px !important;
  4482. }
  4483. .pe-40px {
  4484. padding-right: 40px !important;
  4485. }
  4486. .pe-45px {
  4487. padding-right: 45px !important;
  4488. }
  4489. .pe-50px {
  4490. padding-right: 50px !important;
  4491. }
  4492. .pe-55px {
  4493. padding-right: 55px !important;
  4494. }
  4495. .pe-60px {
  4496. padding-right: 60px !important;
  4497. }
  4498. .pe-65px {
  4499. padding-right: 65px !important;
  4500. }
  4501. .pe-70px {
  4502. padding-right: 70px !important;
  4503. }
  4504. .pe-1 {
  4505. padding-right: 1% !important;
  4506. }
  4507. .pe-2 {
  4508. padding-right: 2% !important;
  4509. }
  4510. .pe-3 {
  4511. padding-right: 3% !important;
  4512. }
  4513. .pe-4 {
  4514. padding-right: 4% !important;
  4515. }
  4516. .pe-5 {
  4517. padding-right: 5% !important;
  4518. }
  4519. .pe-6 {
  4520. padding-right: 6% !important;
  4521. }
  4522. .pe-7 {
  4523. padding-right: 7% !important;
  4524. }
  4525. .pe-8 {
  4526. padding-right: 8% !important;
  4527. }
  4528. .pe-9 {
  4529. padding-right: 9% !important;
  4530. }
  4531. .pe-10 {
  4532. padding-right: 10% !important;
  4533. }
  4534. .pe-11 {
  4535. padding-right: 11% !important;
  4536. }
  4537. .pe-12 {
  4538. padding-right: 12% !important;
  4539. }
  4540. .pe-13 {
  4541. padding-right: 13% !important;
  4542. }
  4543. .pe-14 {
  4544. padding-right: 14% !important;
  4545. }
  4546. .pe-15 {
  4547. padding-right: 15% !important;
  4548. }
  4549. .pe-16 {
  4550. padding-right: 16% !important;
  4551. }
  4552. .pe-17 {
  4553. padding-right: 17% !important;
  4554. }
  4555. .pe-18 {
  4556. padding-right: 18% !important;
  4557. }
  4558. .pe-19 {
  4559. padding-right: 19% !important;
  4560. }
  4561. .pe-20 {
  4562. padding-right: 20% !important;
  4563. }
  4564. .pe-21 {
  4565. padding-right: 21% !important;
  4566. }
  4567. .pe-22 {
  4568. padding-right: 22% !important;
  4569. }
  4570. .pe-23 {
  4571. padding-right: 23% !important;
  4572. }
  4573. .pe-24 {
  4574. padding-right: 24% !important;
  4575. }
  4576. .pe-25 {
  4577. padding-right: 25% !important;
  4578. }
  4579. .pe-26 {
  4580. padding-right: 26% !important;
  4581. }
  4582. .pe-27 {
  4583. padding-right: 27% !important;
  4584. }
  4585. .pe-28 {
  4586. padding-right: 28% !important;
  4587. }
  4588. .pe-29 {
  4589. padding-right: 29% !important;
  4590. }
  4591. .pe-30 {
  4592. padding-right: 30% !important;
  4593. }
  4594. .pb-5px {
  4595. padding-bottom: 5px !important;
  4596. }
  4597. .pb-10px {
  4598. padding-bottom: 10px !important;
  4599. }
  4600. .pb-15px {
  4601. padding-bottom: 15px !important;
  4602. }
  4603. .pb-20px {
  4604. padding-bottom: 20px !important;
  4605. }
  4606. .pb-25px {
  4607. padding-bottom: 25px !important;
  4608. }
  4609. .pb-30px {
  4610. padding-bottom: 30px !important;
  4611. }
  4612. .pb-35px {
  4613. padding-bottom: 35px !important;
  4614. }
  4615. .pb-40px {
  4616. padding-bottom: 40px !important;
  4617. }
  4618. .pb-45px {
  4619. padding-bottom: 45px !important;
  4620. }
  4621. .pb-50px {
  4622. padding-bottom: 50px !important;
  4623. }
  4624. .pb-55px {
  4625. padding-bottom: 55px !important;
  4626. }
  4627. .pb-60px {
  4628. padding-bottom: 60px !important;
  4629. }
  4630. .pb-65px {
  4631. padding-bottom: 65px !important;
  4632. }
  4633. .pb-70px {
  4634. padding-bottom: 70px !important;
  4635. }
  4636. .pb-1 {
  4637. padding-bottom: 1% !important;
  4638. }
  4639. .pb-2 {
  4640. padding-bottom: 2% !important;
  4641. }
  4642. .pb-3 {
  4643. padding-bottom: 3% !important;
  4644. }
  4645. .pb-4 {
  4646. padding-bottom: 4% !important;
  4647. }
  4648. .pb-5 {
  4649. padding-bottom: 5% !important;
  4650. }
  4651. .pb-6 {
  4652. padding-bottom: 6% !important;
  4653. }
  4654. .pb-7 {
  4655. padding-bottom: 7% !important;
  4656. }
  4657. .pb-8 {
  4658. padding-bottom: 8% !important;
  4659. }
  4660. .pb-9 {
  4661. padding-bottom: 9% !important;
  4662. }
  4663. .pb-10 {
  4664. padding-bottom: 10% !important;
  4665. }
  4666. .pb-11 {
  4667. padding-bottom: 11% !important;
  4668. }
  4669. .pb-12 {
  4670. padding-bottom: 12% !important;
  4671. }
  4672. .pb-13 {
  4673. padding-bottom: 13% !important;
  4674. }
  4675. .pb-14 {
  4676. padding-bottom: 14% !important;
  4677. }
  4678. .pb-15 {
  4679. padding-bottom: 15% !important;
  4680. }
  4681. .pb-16 {
  4682. padding-bottom: 16% !important;
  4683. }
  4684. .pb-17 {
  4685. padding-bottom: 17% !important;
  4686. }
  4687. .pb-18 {
  4688. padding-bottom: 18% !important;
  4689. }
  4690. .pb-19 {
  4691. padding-bottom: 19% !important;
  4692. }
  4693. .pb-20 {
  4694. padding-bottom: 20% !important;
  4695. }
  4696. .pb-21 {
  4697. padding-bottom: 21% !important;
  4698. }
  4699. .pb-22 {
  4700. padding-bottom: 22% !important;
  4701. }
  4702. .pb-23 {
  4703. padding-bottom: 23% !important;
  4704. }
  4705. .pb-24 {
  4706. padding-bottom: 24% !important;
  4707. }
  4708. .pb-25 {
  4709. padding-bottom: 25% !important;
  4710. }
  4711. .pb-26 {
  4712. padding-bottom: 26% !important;
  4713. }
  4714. .pb-27 {
  4715. padding-bottom: 27% !important;
  4716. }
  4717. .pb-28 {
  4718. padding-bottom: 28% !important;
  4719. }
  4720. .pb-29 {
  4721. padding-bottom: 29% !important;
  4722. }
  4723. .pb-30 {
  4724. padding-bottom: 30% !important;
  4725. }
  4726. .ps-5px {
  4727. padding-left: 5px !important;
  4728. }
  4729. .ps-10px {
  4730. padding-left: 10px !important;
  4731. }
  4732. .ps-15px {
  4733. padding-left: 15px !important;
  4734. }
  4735. .ps-20px {
  4736. padding-left: 20px !important;
  4737. }
  4738. .ps-25px {
  4739. padding-left: 25px !important;
  4740. }
  4741. .ps-30px {
  4742. padding-left: 30px !important;
  4743. }
  4744. .ps-35px {
  4745. padding-left: 35px !important;
  4746. }
  4747. .ps-40px {
  4748. padding-left: 40px !important;
  4749. }
  4750. .ps-45px {
  4751. padding-left: 45px !important;
  4752. }
  4753. .ps-50px {
  4754. padding-left: 50px !important;
  4755. }
  4756. .ps-55px {
  4757. padding-left: 55px !important;
  4758. }
  4759. .ps-60px {
  4760. padding-left: 60px !important;
  4761. }
  4762. .ps-65px {
  4763. padding-left: 65px !important;
  4764. }
  4765. .ps-70px {
  4766. padding-left: 70px !important;
  4767. }
  4768. .ps-1 {
  4769. padding-left: 1% !important;
  4770. }
  4771. .ps-2 {
  4772. padding-left: 2% !important;
  4773. }
  4774. .ps-3 {
  4775. padding-left: 3% !important;
  4776. }
  4777. .ps-4 {
  4778. padding-left: 4% !important;
  4779. }
  4780. .ps-5 {
  4781. padding-left: 5% !important;
  4782. }
  4783. .ps-6 {
  4784. padding-left: 6% !important;
  4785. }
  4786. .ps-7 {
  4787. padding-left: 7% !important;
  4788. }
  4789. .ps-8 {
  4790. padding-left: 8% !important;
  4791. }
  4792. .ps-9 {
  4793. padding-left: 9% !important;
  4794. }
  4795. .ps-10 {
  4796. padding-left: 10% !important;
  4797. }
  4798. .ps-11 {
  4799. padding-left: 11% !important;
  4800. }
  4801. .ps-12 {
  4802. padding-left: 12% !important;
  4803. }
  4804. .ps-13 {
  4805. padding-left: 13% !important;
  4806. }
  4807. .ps-14 {
  4808. padding-left: 14% !important;
  4809. }
  4810. .ps-15 {
  4811. padding-left: 15% !important;
  4812. }
  4813. .ps-16 {
  4814. padding-left: 16% !important;
  4815. }
  4816. .ps-17 {
  4817. padding-left: 17% !important;
  4818. }
  4819. .ps-18 {
  4820. padding-left: 18% !important;
  4821. }
  4822. .ps-19 {
  4823. padding-left: 19% !important;
  4824. }
  4825. .ps-20 {
  4826. padding-left: 20% !important;
  4827. }
  4828. .ps-21 {
  4829. padding-left: 21% !important;
  4830. }
  4831. .ps-22 {
  4832. padding-left: 22% !important;
  4833. }
  4834. .ps-23 {
  4835. padding-left: 23% !important;
  4836. }
  4837. .ps-24 {
  4838. padding-left: 24% !important;
  4839. }
  4840. .ps-25 {
  4841. padding-left: 25% !important;
  4842. }
  4843. .ps-26 {
  4844. padding-left: 26% !important;
  4845. }
  4846. .ps-27 {
  4847. padding-left: 27% !important;
  4848. }
  4849. .ps-28 {
  4850. padding-left: 28% !important;
  4851. }
  4852. .ps-29 {
  4853. padding-left: 29% !important;
  4854. }
  4855. .ps-30 {
  4856. padding-left: 30% !important;
  4857. }
  4858. .m-5px {
  4859. margin: 5px !important;
  4860. }
  4861. .m-10px {
  4862. margin: 10px !important;
  4863. }
  4864. .m-15px {
  4865. margin: 15px !important;
  4866. }
  4867. .m-20px {
  4868. margin: 20px !important;
  4869. }
  4870. .m-25px {
  4871. margin: 25px !important;
  4872. }
  4873. .m-30px {
  4874. margin: 30px !important;
  4875. }
  4876. .m-35px {
  4877. margin: 35px !important;
  4878. }
  4879. .m-40px {
  4880. margin: 40px !important;
  4881. }
  4882. .m-45px {
  4883. margin: 45px !important;
  4884. }
  4885. .m-50px {
  4886. margin: 50px !important;
  4887. }
  4888. .m-55px {
  4889. margin: 55px !important;
  4890. }
  4891. .m-60px {
  4892. margin: 60px !important;
  4893. }
  4894. .m-65px {
  4895. margin: 65px !important;
  4896. }
  4897. .m-70px {
  4898. margin: 70px !important;
  4899. }
  4900. .m-1 {
  4901. margin: 1% !important;
  4902. }
  4903. .m-2 {
  4904. margin: 2% !important;
  4905. }
  4906. .m-3 {
  4907. margin: 3% !important;
  4908. }
  4909. .m-4 {
  4910. margin: 4% !important;
  4911. }
  4912. .m-5 {
  4913. margin: 5% !important;
  4914. }
  4915. .m-6 {
  4916. margin: 6% !important;
  4917. }
  4918. .m-7 {
  4919. margin: 7% !important;
  4920. }
  4921. .m-8 {
  4922. margin: 8% !important;
  4923. }
  4924. .m-9 {
  4925. margin: 9% !important;
  4926. }
  4927. .m-10 {
  4928. margin: 10% !important;
  4929. }
  4930. .m-11 {
  4931. margin: 11% !important;
  4932. }
  4933. .m-12 {
  4934. margin: 12% !important;
  4935. }
  4936. .m-13 {
  4937. margin: 13% !important;
  4938. }
  4939. .m-14 {
  4940. margin: 14% !important;
  4941. }
  4942. .m-15 {
  4943. margin: 15% !important;
  4944. }
  4945. .m-16 {
  4946. margin: 16% !important;
  4947. }
  4948. .m-17 {
  4949. margin: 17% !important;
  4950. }
  4951. .m-18 {
  4952. margin: 18% !important;
  4953. }
  4954. .m-19 {
  4955. margin: 19% !important;
  4956. }
  4957. .m-20 {
  4958. margin: 20% !important;
  4959. }
  4960. .m-21 {
  4961. margin: 21% !important;
  4962. }
  4963. .m-22 {
  4964. margin: 22% !important;
  4965. }
  4966. .m-23 {
  4967. margin: 23% !important;
  4968. }
  4969. .m-24 {
  4970. margin: 24% !important;
  4971. }
  4972. .m-25 {
  4973. margin: 25% !important;
  4974. }
  4975. .m-26 {
  4976. margin: 26% !important;
  4977. }
  4978. .m-27 {
  4979. margin: 27% !important;
  4980. }
  4981. .m-28 {
  4982. margin: 28% !important;
  4983. }
  4984. .m-29 {
  4985. margin: 29% !important;
  4986. }
  4987. .m-30 {
  4988. margin: 30% !important;
  4989. }
  4990. .mt-5px {
  4991. margin-top: 5px !important;
  4992. }
  4993. .mt-5 {
  4994. margin-top: 5% !important;
  4995. }
  4996. .mt-10px {
  4997. margin-top: 10px !important;
  4998. }
  4999. .mt-15px {
  5000. margin-top: 15px !important;
  5001. }
  5002. .mt-20px {
  5003. margin-top: 20px !important;
  5004. }
  5005. .mt-25px {
  5006. margin-top: 25px !important;
  5007. }
  5008. .mt-30px {
  5009. margin-top: 30px !important;
  5010. }
  5011. .mt-35px {
  5012. margin-top: 35px !important;
  5013. }
  5014. .mt-40px {
  5015. margin-top: 40px !important;
  5016. }
  5017. .mt-45px {
  5018. margin-top: 45px !important;
  5019. }
  5020. .mt-50px {
  5021. margin-top: 50px !important;
  5022. }
  5023. .mt-55px {
  5024. margin-top: 55px !important;
  5025. }
  5026. .mt-60px {
  5027. margin-top: 60px !important;
  5028. }
  5029. .mt-65px {
  5030. margin-top: 65px !important;
  5031. }
  5032. .mt-70px {
  5033. margin-top: 70px !important;
  5034. }
  5035. .mt-1 {
  5036. margin-top: 1% !important;
  5037. }
  5038. .mt-2 {
  5039. margin-top: 2% !important;
  5040. }
  5041. .mt-3 {
  5042. margin-top: 3% !important;
  5043. }
  5044. .mt-4 {
  5045. margin-top: 4% !important;
  5046. }
  5047. .mt-5 {
  5048. margin-top: 5% !important;
  5049. }
  5050. .mt-6 {
  5051. margin-top: 6% !important;
  5052. }
  5053. .mt-7 {
  5054. margin-top: 7% !important;
  5055. }
  5056. .mt-8 {
  5057. margin-top: 8% !important;
  5058. }
  5059. .mt-9 {
  5060. margin-top: 9% !important;
  5061. }
  5062. .mt-10 {
  5063. margin-top: 10% !important;
  5064. }
  5065. .mt-11 {
  5066. margin-top: 11% !important;
  5067. }
  5068. .mt-12 {
  5069. margin-top: 12% !important;
  5070. }
  5071. .mt-13 {
  5072. margin-top: 13% !important;
  5073. }
  5074. .mt-14 {
  5075. margin-top: 14% !important;
  5076. }
  5077. .mt-15 {
  5078. margin-top: 15% !important;
  5079. }
  5080. .mt-16 {
  5081. margin-top: 16% !important;
  5082. }
  5083. .mt-17 {
  5084. margin-top: 17% !important;
  5085. }
  5086. .mt-18 {
  5087. margin-top: 18% !important;
  5088. }
  5089. .mt-19 {
  5090. margin-top: 19% !important;
  5091. }
  5092. .mt-20 {
  5093. margin-top: 20% !important;
  5094. }
  5095. .mt-21 {
  5096. margin-top: 21% !important;
  5097. }
  5098. .mt-22 {
  5099. margin-top: 22% !important;
  5100. }
  5101. .mt-23 {
  5102. margin-top: 23% !important;
  5103. }
  5104. .mt-24 {
  5105. margin-top: 24% !important;
  5106. }
  5107. .mt-25 {
  5108. margin-top: 25% !important;
  5109. }
  5110. .mt-26 {
  5111. margin-top: 26% !important;
  5112. }
  5113. .mt-27 {
  5114. margin-top: 27% !important;
  5115. }
  5116. .mt-28 {
  5117. margin-top: 28% !important;
  5118. }
  5119. .mt-29 {
  5120. margin-top: 29% !important;
  5121. }
  5122. .mt-30 {
  5123. margin-top: 30% !important;
  5124. }
  5125. .me-5px {
  5126. margin-right: 5px !important;
  5127. }
  5128. .me-10px {
  5129. margin-right: 10px !important;
  5130. }
  5131. .me-15px {
  5132. margin-right: 15px !important;
  5133. }
  5134. .me-20px {
  5135. margin-right: 20px !important;
  5136. }
  5137. .me-25px {
  5138. margin-right: 25px !important;
  5139. }
  5140. .me-30px {
  5141. margin-right: 30px !important;
  5142. }
  5143. .me-35px {
  5144. margin-right: 35px !important;
  5145. }
  5146. .me-40px {
  5147. margin-right: 40px !important;
  5148. }
  5149. .me-45px {
  5150. margin-right: 45px !important;
  5151. }
  5152. .me-50px {
  5153. margin-right: 50px !important;
  5154. }
  5155. .me-55px {
  5156. margin-right: 55px !important;
  5157. }
  5158. .me-60px {
  5159. margin-right: 60px !important;
  5160. }
  5161. .me-65px {
  5162. margin-right: 65px !important;
  5163. }
  5164. .me-70px {
  5165. margin-right: 70px !important;
  5166. }
  5167. .me-1 {
  5168. margin-right: 1% !important;
  5169. }
  5170. .me-2 {
  5171. margin-right: 2% !important;
  5172. }
  5173. .me-3 {
  5174. margin-right: 3% !important;
  5175. }
  5176. .me-4 {
  5177. margin-right: 4% !important;
  5178. }
  5179. .me-5 {
  5180. margin-right: 5% !important;
  5181. }
  5182. .me-6 {
  5183. margin-right: 6% !important;
  5184. }
  5185. .me-7 {
  5186. margin-right: 7% !important;
  5187. }
  5188. .me-8 {
  5189. margin-right: 8% !important;
  5190. }
  5191. .me-9 {
  5192. margin-right: 9% !important;
  5193. }
  5194. .me-10 {
  5195. margin-right: 10% !important;
  5196. }
  5197. .me-11 {
  5198. margin-right: 11% !important;
  5199. }
  5200. .me-12 {
  5201. margin-right: 12% !important;
  5202. }
  5203. .me-13 {
  5204. margin-right: 13% !important;
  5205. }
  5206. .me-14 {
  5207. margin-right: 14% !important;
  5208. }
  5209. .me-15 {
  5210. margin-right: 15% !important;
  5211. }
  5212. .me-16 {
  5213. margin-right: 16% !important;
  5214. }
  5215. .me-17 {
  5216. margin-right: 17% !important;
  5217. }
  5218. .me-18 {
  5219. margin-right: 18% !important;
  5220. }
  5221. .me-19 {
  5222. margin-right: 19% !important;
  5223. }
  5224. .me-20 {
  5225. margin-right: 20% !important;
  5226. }
  5227. .me-21 {
  5228. margin-right: 21% !important;
  5229. }
  5230. .me-22 {
  5231. margin-right: 22% !important;
  5232. }
  5233. .me-23 {
  5234. margin-right: 23% !important;
  5235. }
  5236. .me-24 {
  5237. margin-right: 24% !important;
  5238. }
  5239. .me-25 {
  5240. margin-right: 25% !important;
  5241. }
  5242. .me-26 {
  5243. margin-right: 26% !important;
  5244. }
  5245. .me-27 {
  5246. margin-right: 27% !important;
  5247. }
  5248. .me-28 {
  5249. margin-right: 28% !important;
  5250. }
  5251. .me-29 {
  5252. margin-right: 29% !important;
  5253. }
  5254. .me-30 {
  5255. margin-right: 30% !important;
  5256. }
  5257. .mb-5px {
  5258. margin-bottom: 5px !important;
  5259. }
  5260. .mb-10px {
  5261. margin-bottom: 10px !important;
  5262. }
  5263. .mb-15px {
  5264. margin-bottom: 15px !important;
  5265. }
  5266. .mb-20px {
  5267. margin-bottom: 20px !important;
  5268. }
  5269. .mb-25px {
  5270. margin-bottom: 25px !important;
  5271. }
  5272. .mb-30px {
  5273. margin-bottom: 30px !important;
  5274. }
  5275. .mb-35px {
  5276. margin-bottom: 35px !important;
  5277. }
  5278. .mb-40px {
  5279. margin-bottom: 40px !important;
  5280. }
  5281. .mb-45px {
  5282. margin-bottom: 45px !important;
  5283. }
  5284. .mb-50px {
  5285. margin-bottom: 50px !important;
  5286. }
  5287. .mb-55px {
  5288. margin-bottom: 55px !important;
  5289. }
  5290. .mb-60px {
  5291. margin-bottom: 60px !important;
  5292. }
  5293. .mb-65px {
  5294. margin-bottom: 65px !important;
  5295. }
  5296. .mb-70px {
  5297. margin-bottom: 70px !important;
  5298. }
  5299. .mb-1 {
  5300. margin-bottom: 1% !important;
  5301. }
  5302. .mb-2 {
  5303. margin-bottom: 2% !important;
  5304. }
  5305. .mb-3 {
  5306. margin-bottom: 3% !important;
  5307. }
  5308. .mb-4 {
  5309. margin-bottom: 4% !important;
  5310. }
  5311. .mb-5 {
  5312. margin-bottom: 5% !important;
  5313. }
  5314. .mb-6 {
  5315. margin-bottom: 6% !important;
  5316. }
  5317. .mb-7 {
  5318. margin-bottom: 7% !important;
  5319. }
  5320. .mb-8 {
  5321. margin-bottom: 8% !important;
  5322. }
  5323. .mb-9 {
  5324. margin-bottom: 9% !important;
  5325. }
  5326. .mb-10 {
  5327. margin-bottom: 10% !important;
  5328. }
  5329. .mb-11 {
  5330. margin-bottom: 11% !important;
  5331. }
  5332. .mb-12 {
  5333. margin-bottom: 12% !important;
  5334. }
  5335. .mb-13 {
  5336. margin-bottom: 13% !important;
  5337. }
  5338. .mb-14 {
  5339. margin-bottom: 14% !important;
  5340. }
  5341. .mb-15 {
  5342. margin-bottom: 15% !important;
  5343. }
  5344. .mb-16 {
  5345. margin-bottom: 16% !important;
  5346. }
  5347. .mb-17 {
  5348. margin-bottom: 17% !important;
  5349. }
  5350. .mb-18 {
  5351. margin-bottom: 18% !important;
  5352. }
  5353. .mb-19 {
  5354. margin-bottom: 19% !important;
  5355. }
  5356. .mb-20 {
  5357. margin-bottom: 20% !important;
  5358. }
  5359. .mb-21 {
  5360. margin-bottom: 21% !important;
  5361. }
  5362. .mb-22 {
  5363. margin-bottom: 22% !important;
  5364. }
  5365. .mb-23 {
  5366. margin-bottom: 23% !important;
  5367. }
  5368. .mb-24 {
  5369. margin-bottom: 24% !important;
  5370. }
  5371. .mb-25 {
  5372. margin-bottom: 25% !important;
  5373. }
  5374. .mb-26 {
  5375. margin-bottom: 26% !important;
  5376. }
  5377. .mb-27 {
  5378. margin-bottom: 27% !important;
  5379. }
  5380. .mb-28 {
  5381. margin-bottom: 28% !important;
  5382. }
  5383. .mb-29 {
  5384. margin-bottom: 29% !important;
  5385. }
  5386. .mb-30 {
  5387. margin-bottom: 30% !important;
  5388. }
  5389. .ms-5px {
  5390. margin-left: 5px !important;
  5391. }
  5392. .ms-10px {
  5393. margin-left: 10px !important;
  5394. }
  5395. .ms-15px {
  5396. margin-left: 15px !important;
  5397. }
  5398. .ms-20px {
  5399. margin-left: 20px !important;
  5400. }
  5401. .ms-25px {
  5402. margin-left: 25px !important;
  5403. }
  5404. .ms-30px {
  5405. margin-left: 30px !important;
  5406. }
  5407. .ms-35px {
  5408. margin-left: 35px !important;
  5409. }
  5410. .ms-40px {
  5411. margin-left: 40px !important;
  5412. }
  5413. .ms-45px {
  5414. margin-left: 45px !important;
  5415. }
  5416. .ms-50px {
  5417. margin-left: 50px !important;
  5418. }
  5419. .ms-55px {
  5420. margin-left: 55px !important;
  5421. }
  5422. .ms-60px {
  5423. margin-left: 60px !important;
  5424. }
  5425. .ms-65px {
  5426. margin-left: 65px !important;
  5427. }
  5428. .ms-70px {
  5429. margin-left: 70px !important;
  5430. }
  5431. .ms-1 {
  5432. margin-left: 1% !important;
  5433. }
  5434. .ms-2 {
  5435. margin-left: 2% !important;
  5436. }
  5437. .ms-3 {
  5438. margin-left: 3% !important;
  5439. }
  5440. .ms-4 {
  5441. margin-left: 4% !important;
  5442. }
  5443. .ms-5 {
  5444. margin-left: 5% !important;
  5445. }
  5446. .ms-6 {
  5447. margin-left: 6% !important;
  5448. }
  5449. .ms-7 {
  5450. margin-left: 7% !important;
  5451. }
  5452. .ms-8 {
  5453. margin-left: 8% !important;
  5454. }
  5455. .ms-9 {
  5456. margin-left: 9% !important;
  5457. }
  5458. .ms-10 {
  5459. margin-left: 10% !important;
  5460. }
  5461. .ms-11 {
  5462. margin-left: 11% !important;
  5463. }
  5464. .ms-12 {
  5465. margin-left: 12% !important;
  5466. }
  5467. .ms-13 {
  5468. margin-left: 13% !important;
  5469. }
  5470. .ms-14 {
  5471. margin-left: 14% !important;
  5472. }
  5473. .ms-15 {
  5474. margin-left: 15% !important;
  5475. }
  5476. .ms-16 {
  5477. margin-left: 16% !important;
  5478. }
  5479. .ms-17 {
  5480. margin-left: 17% !important;
  5481. }
  5482. .ms-18 {
  5483. margin-left: 18% !important;
  5484. }
  5485. .ms-19 {
  5486. margin-left: 19% !important;
  5487. }
  5488. .ms-20 {
  5489. margin-left: 20% !important;
  5490. }
  5491. .ms-21 {
  5492. margin-left: 21% !important;
  5493. }
  5494. .ms-22 {
  5495. margin-left: 22% !important;
  5496. }
  5497. .ms-23 {
  5498. margin-left: 23% !important;
  5499. }
  5500. .ms-24 {
  5501. margin-left: 24% !important;
  5502. }
  5503. .ms-25 {
  5504. margin-left: 25% !important;
  5505. }
  5506. .ms-26 {
  5507. margin-left: 26% !important;
  5508. }
  5509. .ms-27 {
  5510. margin-left: 27% !important;
  5511. }
  5512. .ms-28 {
  5513. margin-left: 28% !important;
  5514. }
  5515. .ms-29 {
  5516. margin-left: 29% !important;
  5517. }
  5518. .ms-30 {
  5519. margin-left: 30% !important;
  5520. }
  5521. /* Position */
  5522. .top-0px {
  5523. top: 0px;
  5524. }
  5525. .top-1px {
  5526. top: 1px;
  5527. }
  5528. .top-2px {
  5529. top: 2px;
  5530. }
  5531. .top-3px {
  5532. top: 3px;
  5533. }
  5534. .top-4px {
  5535. top: 4px;
  5536. }
  5537. .top-5px {
  5538. top: 5px;
  5539. }
  5540. .top-6px {
  5541. top: 6px;
  5542. }
  5543. .top-7px {
  5544. top: 7px;
  5545. }
  5546. .top-8px {
  5547. top: 8px;
  5548. }
  5549. .top-9px {
  5550. top: 9px;
  5551. }
  5552. .top-10px {
  5553. top: 10px;
  5554. }
  5555. .top-11px {
  5556. top: 11px;
  5557. }
  5558. .top-12px {
  5559. top: 12px;
  5560. }
  5561. .top-13px {
  5562. top: 13px;
  5563. }
  5564. .top-14px {
  5565. top: 14px;
  5566. }
  5567. .top-15px {
  5568. top: 15px;
  5569. }
  5570. .top-16px {
  5571. top: 16px;
  5572. }
  5573. .top-17px {
  5574. top: 17px;
  5575. }
  5576. .top-18px {
  5577. top: 18px;
  5578. }
  5579. .top-19px {
  5580. top: 19px;
  5581. }
  5582. .top-20px {
  5583. top: 20px;
  5584. }
  5585. .top-21px {
  5586. top: 21px;
  5587. }
  5588. .top-22px {
  5589. top: 22px;
  5590. }
  5591. .top-23px {
  5592. top: 23px;
  5593. }
  5594. .top-24px {
  5595. top: 24px;
  5596. }
  5597. .top-25px {
  5598. top: 25px;
  5599. }
  5600. .top-26px {
  5601. top: 26px;
  5602. }
  5603. .top-27px {
  5604. top: 27px;
  5605. }
  5606. .top-28px {
  5607. top: 28px;
  5608. }
  5609. .top-29px {
  5610. top: 29px;
  5611. }
  5612. .top-30px {
  5613. top: 30px;
  5614. }
  5615. .top-40px {
  5616. top: 40px;
  5617. }
  5618. .top-50px {
  5619. top: 50px;
  5620. }
  5621. .top-60px {
  5622. top: 60px;
  5623. }
  5624. .top-70px {
  5625. top: 70px;
  5626. }
  5627. .top-80px {
  5628. top: 80px;
  5629. }
  5630. .top-90px {
  5631. top: 90px;
  5632. }
  5633. .top-100px {
  5634. top: 100px;
  5635. }
  5636. .top-110px {
  5637. top: 110px;
  5638. }
  5639. .top-120px {
  5640. top: 120px;
  5641. }
  5642. .top-130px {
  5643. top: 130px;
  5644. }
  5645. .top-140px {
  5646. top: 140px;
  5647. }
  5648. .top-150px {
  5649. top: 150px;
  5650. }
  5651. .right-0px {
  5652. right: 0px;
  5653. }
  5654. .right-1px {
  5655. right: 1px;
  5656. }
  5657. .right-2px {
  5658. right: 2px;
  5659. }
  5660. .right-3px {
  5661. right: 3px;
  5662. }
  5663. .right-4px {
  5664. right: 4px;
  5665. }
  5666. .right-5px {
  5667. right: 5px;
  5668. }
  5669. .right-6px {
  5670. right: 6px;
  5671. }
  5672. .right-7px {
  5673. right: 7px;
  5674. }
  5675. .right-8px {
  5676. right: 8px;
  5677. }
  5678. .right-9px {
  5679. right: 9px;
  5680. }
  5681. .right-10px {
  5682. right: 10px;
  5683. }
  5684. .right-11px {
  5685. right: 11px;
  5686. }
  5687. .right-12px {
  5688. right: 12px;
  5689. }
  5690. .right-13px {
  5691. right: 13px;
  5692. }
  5693. .right-14px {
  5694. right: 14px;
  5695. }
  5696. .right-15px {
  5697. right: 15px;
  5698. }
  5699. .right-16px {
  5700. right: 16px;
  5701. }
  5702. .right-17px {
  5703. right: 17px;
  5704. }
  5705. .right-18px {
  5706. right: 18px;
  5707. }
  5708. .right-19px {
  5709. right: 19px;
  5710. }
  5711. .right-20px {
  5712. right: 20px;
  5713. }
  5714. .right-21px {
  5715. right: 21px;
  5716. }
  5717. .right-22px {
  5718. right: 22px;
  5719. }
  5720. .right-23px {
  5721. right: 23px;
  5722. }
  5723. .right-24px {
  5724. right: 24px;
  5725. }
  5726. .right-25px {
  5727. right: 25px;
  5728. }
  5729. .right-26px {
  5730. right: 26px;
  5731. }
  5732. .right-27px {
  5733. right: 27px;
  5734. }
  5735. .right-28px {
  5736. right: 28px;
  5737. }
  5738. .right-29px {
  5739. right: 29px;
  5740. }
  5741. .right-30px {
  5742. right: 30px;
  5743. }
  5744. .right-40px {
  5745. right: 40px;
  5746. }
  5747. .right-50px {
  5748. right: 50px;
  5749. }
  5750. .right-60px {
  5751. right: 60px;
  5752. }
  5753. .right-70px {
  5754. right: 70px;
  5755. }
  5756. .right-80px {
  5757. right: 80px;
  5758. }
  5759. .right-90px {
  5760. right: 90px;
  5761. }
  5762. .right-100px {
  5763. right: 100px;
  5764. }
  5765. .right-110px {
  5766. right: 110px;
  5767. }
  5768. .right-120px {
  5769. right: 120px;
  5770. }
  5771. .right-130px {
  5772. right: 130px;
  5773. }
  5774. .right-140px {
  5775. right: 140px;
  5776. }
  5777. .right-150px {
  5778. right: 150px;
  5779. }
  5780. .bottom-0px {
  5781. bottom: 0px;
  5782. }
  5783. .bottom-1px {
  5784. bottom: 1px;
  5785. }
  5786. .bottom-2px {
  5787. bottom: 2px;
  5788. }
  5789. .bottom-3px {
  5790. bottom: 3px;
  5791. }
  5792. .bottom-4px {
  5793. bottom: 4px;
  5794. }
  5795. .bottom-5px {
  5796. bottom: 5px;
  5797. }
  5798. .bottom-6px {
  5799. bottom: 6px;
  5800. }
  5801. .bottom-7px {
  5802. bottom: 7px;
  5803. }
  5804. .bottom-8px {
  5805. bottom: 8px;
  5806. }
  5807. .bottom-9px {
  5808. bottom: 9px;
  5809. }
  5810. .bottom-10px {
  5811. bottom: 10px;
  5812. }
  5813. .bottom-11px {
  5814. bottom: 11px;
  5815. }
  5816. .bottom-12px {
  5817. bottom: 12px;
  5818. }
  5819. .bottom-13px {
  5820. bottom: 13px;
  5821. }
  5822. .bottom-14px {
  5823. bottom: 14px;
  5824. }
  5825. .bottom-15px {
  5826. bottom: 15px;
  5827. }
  5828. .bottom-16px {
  5829. bottom: 16px;
  5830. }
  5831. .bottom-17px {
  5832. bottom: 17px;
  5833. }
  5834. .bottom-18px {
  5835. bottom: 18px;
  5836. }
  5837. .bottom-19px {
  5838. bottom: 19px;
  5839. }
  5840. .bottom-20px {
  5841. bottom: 20px;
  5842. }
  5843. .bottom-21px {
  5844. bottom: 21px;
  5845. }
  5846. .bottom-22px {
  5847. bottom: 22px;
  5848. }
  5849. .bottom-23px {
  5850. bottom: 23px;
  5851. }
  5852. .bottom-24px {
  5853. bottom: 24px;
  5854. }
  5855. .bottom-25px {
  5856. bottom: 25px;
  5857. }
  5858. .bottom-26px {
  5859. bottom: 26px;
  5860. }
  5861. .bottom-27px {
  5862. bottom: 27px;
  5863. }
  5864. .bottom-28px {
  5865. bottom: 28px;
  5866. }
  5867. .bottom-29px {
  5868. bottom: 29px;
  5869. }
  5870. .bottom-30px {
  5871. bottom: 30px;
  5872. }
  5873. .bottom-40px {
  5874. bottom: 40px;
  5875. }
  5876. .bottom-50px {
  5877. bottom: 50px;
  5878. }
  5879. .bottom-60px {
  5880. bottom: 60px;
  5881. }
  5882. .bottom-70px {
  5883. bottom: 70px;
  5884. }
  5885. .bottom-80px {
  5886. bottom: 80px;
  5887. }
  5888. .bottom-90px {
  5889. bottom: 90px;
  5890. }
  5891. .bottom-100px {
  5892. bottom: 100px;
  5893. }
  5894. .bottom-110px {
  5895. bottom: 110px;
  5896. }
  5897. .bottom-120px {
  5898. bottom: 120px;
  5899. }
  5900. .bottom-130px {
  5901. bottom: 130px;
  5902. }
  5903. .bottom-140px {
  5904. bottom: 140px;
  5905. }
  5906. .bottom-150px {
  5907. bottom: 150px;
  5908. }
  5909. .left-0px {
  5910. left: 0px;
  5911. }
  5912. .left-1px {
  5913. left: 1px;
  5914. }
  5915. .left-2px {
  5916. left: 2px;
  5917. }
  5918. .left-3px {
  5919. left: 3px;
  5920. }
  5921. .left-4px {
  5922. left: 4px;
  5923. }
  5924. .left-5px {
  5925. left: 5px;
  5926. }
  5927. .left-6px {
  5928. left: 6px;
  5929. }
  5930. .left-7px {
  5931. left: 7px;
  5932. }
  5933. .left-8px {
  5934. left: 8px;
  5935. }
  5936. .left-9px {
  5937. left: 9px;
  5938. }
  5939. .left-10px {
  5940. left: 10px;
  5941. }
  5942. .left-11px {
  5943. left: 11px;
  5944. }
  5945. .left-12px {
  5946. left: 12px;
  5947. }
  5948. .left-13px {
  5949. left: 13px;
  5950. }
  5951. .left-14px {
  5952. left: 14px;
  5953. }
  5954. .left-15px {
  5955. left: 15px;
  5956. }
  5957. .left-16px {
  5958. left: 16px;
  5959. }
  5960. .left-17px {
  5961. left: 17px;
  5962. }
  5963. .left-18px {
  5964. left: 18px;
  5965. }
  5966. .left-19px {
  5967. left: 19px;
  5968. }
  5969. .left-20px {
  5970. left: 20px;
  5971. }
  5972. .left-21px {
  5973. left: 21px;
  5974. }
  5975. .left-22px {
  5976. left: 22px;
  5977. }
  5978. .left-23px {
  5979. left: 23px;
  5980. }
  5981. .left-24px {
  5982. left: 24px;
  5983. }
  5984. .left-25px {
  5985. left: 25px;
  5986. }
  5987. .left-26px {
  5988. left: 26px;
  5989. }
  5990. .left-27px {
  5991. left: 27px;
  5992. }
  5993. .left-28px {
  5994. left: 28px;
  5995. }
  5996. .left-29px {
  5997. left: 29px;
  5998. }
  5999. .left-30px {
  6000. left: 30px;
  6001. }
  6002. .left-40px {
  6003. left: 40px;
  6004. }
  6005. .left-50px {
  6006. left: 50px;
  6007. }
  6008. .left-60px {
  6009. left: 60px;
  6010. }
  6011. .left-70px {
  6012. left: 70px;
  6013. }
  6014. .left-80px {
  6015. left: 80px;
  6016. }
  6017. .left-90px {
  6018. left: 90px;
  6019. }
  6020. .left-100px {
  6021. left: 100px;
  6022. }
  6023. .left-110px {
  6024. left: 110px;
  6025. }
  6026. .left-120px {
  6027. left: 120px;
  6028. }
  6029. .left-130px {
  6030. left: 130px;
  6031. }
  6032. .left-140px {
  6033. left: 140px;
  6034. }
  6035. .left-150px {
  6036. left: 150px;
  6037. }
  6038. .top-minus-0px {
  6039. top: -0px;
  6040. }
  6041. .top-minus-1px {
  6042. top: -1px;
  6043. }
  6044. .top-minus-2px {
  6045. top: -2px;
  6046. }
  6047. .top-minus-3px {
  6048. top: -3px;
  6049. }
  6050. .top-minus-4px {
  6051. top: -4px;
  6052. }
  6053. .top-minus-5px {
  6054. top: -5px;
  6055. }
  6056. .top-minus-6px {
  6057. top: -6px;
  6058. }
  6059. .top-minus-7px {
  6060. top: -7px;
  6061. }
  6062. .top-minus-8px {
  6063. top: -8px;
  6064. }
  6065. .top-minus-9px {
  6066. top: -9px;
  6067. }
  6068. .top-minus-10px {
  6069. top: -10px;
  6070. }
  6071. .top-minus-11px {
  6072. top: -11px;
  6073. }
  6074. .top-minus-12px {
  6075. top: -12px;
  6076. }
  6077. .top-minus-13px {
  6078. top: -13px;
  6079. }
  6080. .top-minus-14px {
  6081. top: -14px;
  6082. }
  6083. .top-minus-15px {
  6084. top: -15px;
  6085. }
  6086. .top-minus-16px {
  6087. top: -16px;
  6088. }
  6089. .top-minus-17px {
  6090. top: -17px;
  6091. }
  6092. .top-minus-18px {
  6093. top: -18px;
  6094. }
  6095. .top-minus-19px {
  6096. top: -19px;
  6097. }
  6098. .top-minus-20px {
  6099. top: -20px;
  6100. }
  6101. .top-minus-21px {
  6102. top: -21px;
  6103. }
  6104. .top-minus-22px {
  6105. top: -22px;
  6106. }
  6107. .top-minus-23px {
  6108. top: -23px;
  6109. }
  6110. .top-minus-24px {
  6111. top: -24px;
  6112. }
  6113. .top-minus-25px {
  6114. top: -25px;
  6115. }
  6116. .top-minus-26px {
  6117. top: -26px;
  6118. }
  6119. .top-minus-27px {
  6120. top: -27px;
  6121. }
  6122. .top-minus-28px {
  6123. top: -28px;
  6124. }
  6125. .top-minus-29px {
  6126. top: -29px;
  6127. }
  6128. .top-minus-30px {
  6129. top: -30px;
  6130. }
  6131. .top-minus-40px {
  6132. top: -40px;
  6133. }
  6134. .top-minus-50px {
  6135. top: -50px;
  6136. }
  6137. .top-minus-60px {
  6138. top: -60px;
  6139. }
  6140. .top-minus-70px {
  6141. top: -70px;
  6142. }
  6143. .top-minus-80px {
  6144. top: -80px;
  6145. }
  6146. .top-minus-90px {
  6147. top: -90px;
  6148. }
  6149. .top-minus-100px {
  6150. top: -100px;
  6151. }
  6152. .top-minus-110px {
  6153. top: -110px;
  6154. }
  6155. .top-minus-120px {
  6156. top: -120px;
  6157. }
  6158. .top-minus-130px {
  6159. top: -130px;
  6160. }
  6161. .top-minus-140px {
  6162. top: -140px;
  6163. }
  6164. .top-minus-150px {
  6165. top: -150px;
  6166. }
  6167. .right-minus-0px {
  6168. right: -0px;
  6169. }
  6170. .right-minus-1px {
  6171. right: -1px;
  6172. }
  6173. .right-minus-2px {
  6174. right: -2px;
  6175. }
  6176. .right-minus-3px {
  6177. right: -3px;
  6178. }
  6179. .right-minus-4px {
  6180. right: -4px;
  6181. }
  6182. .right-minus-5px {
  6183. right: -5px;
  6184. }
  6185. .right-minus-6px {
  6186. right: -6px;
  6187. }
  6188. .right-minus-7px {
  6189. right: -7px;
  6190. }
  6191. .right-minus-8px {
  6192. right: -8px;
  6193. }
  6194. .right-minus-9px {
  6195. right: -9px;
  6196. }
  6197. .right-minus-10px {
  6198. right: -10px;
  6199. }
  6200. .right-minus-11px {
  6201. right: -11px;
  6202. }
  6203. .right-minus-12px {
  6204. right: -12px;
  6205. }
  6206. .right-minus-13px {
  6207. right: -13px;
  6208. }
  6209. .right-minus-14px {
  6210. right: -14px;
  6211. }
  6212. .right-minus-15px {
  6213. right: -15px;
  6214. }
  6215. .right-minus-16px {
  6216. right: -16px;
  6217. }
  6218. .right-minus-17px {
  6219. right: -17px;
  6220. }
  6221. .right-minus-18px {
  6222. right: -18px;
  6223. }
  6224. .right-minus-19px {
  6225. right: -19px;
  6226. }
  6227. .right-minus-20px {
  6228. right: -20px;
  6229. }
  6230. .right-minus-21px {
  6231. right: -21px;
  6232. }
  6233. .right-minus-22px {
  6234. right: -22px;
  6235. }
  6236. .right-minus-23px {
  6237. right: -23px;
  6238. }
  6239. .right-minus-24px {
  6240. right: -24px;
  6241. }
  6242. .right-minus-25px {
  6243. right: -25px;
  6244. }
  6245. .right-minus-26px {
  6246. right: -26px;
  6247. }
  6248. .right-minus-27px {
  6249. right: -27px;
  6250. }
  6251. .right-minus-28px {
  6252. right: -28px;
  6253. }
  6254. .right-minus-29px {
  6255. right: -29px;
  6256. }
  6257. .right-minus-30px {
  6258. right: -30px;
  6259. }
  6260. .right-minus-40px {
  6261. right: -40px;
  6262. }
  6263. .right-minus-50px {
  6264. right: -50px;
  6265. }
  6266. .right-minus-60px {
  6267. right: -60px;
  6268. }
  6269. .right-minus-70px {
  6270. right: -70px;
  6271. }
  6272. .right-minus-80px {
  6273. right: -80px;
  6274. }
  6275. .right-minus-90px {
  6276. right: -90px;
  6277. }
  6278. .right-minus-100px {
  6279. right: -100px;
  6280. }
  6281. .right-minus-110px {
  6282. right: -110px;
  6283. }
  6284. .right-minus-120px {
  6285. right: -120px;
  6286. }
  6287. .right-minus-130px {
  6288. right: -130px;
  6289. }
  6290. .right-minus-140px {
  6291. right: -140px;
  6292. }
  6293. .right-minus-150px {
  6294. right: -150px;
  6295. }
  6296. .bottom-minus-0px {
  6297. bottom: -0px;
  6298. }
  6299. .bottom-minus-1px {
  6300. bottom: -1px;
  6301. }
  6302. .bottom-minus-2px {
  6303. bottom: -2px;
  6304. }
  6305. .bottom-minus-3px {
  6306. bottom: -3px;
  6307. }
  6308. .bottom-minus-4px {
  6309. bottom: -4px;
  6310. }
  6311. .bottom-minus-5px {
  6312. bottom: -5px;
  6313. }
  6314. .bottom-minus-6px {
  6315. bottom: -6px;
  6316. }
  6317. .bottom-minus-7px {
  6318. bottom: -7px;
  6319. }
  6320. .bottom-minus-8px {
  6321. bottom: -8px;
  6322. }
  6323. .bottom-minus-9px {
  6324. bottom: -9px;
  6325. }
  6326. .bottom-minus-10px {
  6327. bottom: -10px;
  6328. }
  6329. .bottom-minus-11px {
  6330. bottom: -11px;
  6331. }
  6332. .bottom-minus-12px {
  6333. bottom: -12px;
  6334. }
  6335. .bottom-minus-13px {
  6336. bottom: -13px;
  6337. }
  6338. .bottom-minus-14px {
  6339. bottom: -14px;
  6340. }
  6341. .bottom-minus-15px {
  6342. bottom: -15px;
  6343. }
  6344. .bottom-minus-16px {
  6345. bottom: -16px;
  6346. }
  6347. .bottom-minus-17px {
  6348. bottom: -17px;
  6349. }
  6350. .bottom-minus-18px {
  6351. bottom: -18px;
  6352. }
  6353. .bottom-minus-19px {
  6354. bottom: -19px;
  6355. }
  6356. .bottom-minus-20px {
  6357. bottom: -20px;
  6358. }
  6359. .bottom-minus-21px {
  6360. bottom: -21px;
  6361. }
  6362. .bottom-minus-22px {
  6363. bottom: -22px;
  6364. }
  6365. .bottom-minus-23px {
  6366. bottom: -23px;
  6367. }
  6368. .bottom-minus-24px {
  6369. bottom: -24px;
  6370. }
  6371. .bottom-minus-25px {
  6372. bottom: -25px;
  6373. }
  6374. .bottom-minus-26px {
  6375. bottom: -26px;
  6376. }
  6377. .bottom-minus-27px {
  6378. bottom: -27px;
  6379. }
  6380. .bottom-minus-28px {
  6381. bottom: -28px;
  6382. }
  6383. .bottom-minus-29px {
  6384. bottom: -29px;
  6385. }
  6386. .bottom-minus-30px {
  6387. bottom: -30px;
  6388. }
  6389. .bottom-minus-40px {
  6390. bottom: -40px;
  6391. }
  6392. .bottom-minus-50px {
  6393. bottom: -50px;
  6394. }
  6395. .bottom-minus-60px {
  6396. bottom: -60px;
  6397. }
  6398. .bottom-minus-70px {
  6399. bottom: -70px;
  6400. }
  6401. .bottom-minus-80px {
  6402. bottom: -80px;
  6403. }
  6404. .bottom-minus-90px {
  6405. bottom: -90px;
  6406. }
  6407. .bottom-minus-100px {
  6408. bottom: -100px;
  6409. }
  6410. .bottom-minus-110px {
  6411. bottom: -110px;
  6412. }
  6413. .bottom-minus-120px {
  6414. bottom: -120px;
  6415. }
  6416. .bottom-minus-130px {
  6417. bottom: -130px;
  6418. }
  6419. .bottom-minus-140px {
  6420. bottom: -140px;
  6421. }
  6422. .bottom-minus-150px {
  6423. bottom: -150px;
  6424. }
  6425. .left-minus-0px {
  6426. left: -0px;
  6427. }
  6428. .left-minus-1px {
  6429. left: -1px;
  6430. }
  6431. .left-minus-2px {
  6432. left: -2px;
  6433. }
  6434. .left-minus-3px {
  6435. left: -3px;
  6436. }
  6437. .left-minus-4px {
  6438. left: -4px;
  6439. }
  6440. .left-minus-5px {
  6441. left: -5px;
  6442. }
  6443. .left-minus-6px {
  6444. left: -6px;
  6445. }
  6446. .left-minus-7px {
  6447. left: -7px;
  6448. }
  6449. .left-minus-8px {
  6450. left: -8px;
  6451. }
  6452. .left-minus-9px {
  6453. left: -9px;
  6454. }
  6455. .left-minus-10px {
  6456. left: -10px;
  6457. }
  6458. .left-minus-11px {
  6459. left: -11px;
  6460. }
  6461. .left-minus-12px {
  6462. left: -12px;
  6463. }
  6464. .left-minus-13px {
  6465. left: -13px;
  6466. }
  6467. .left-minus-14px {
  6468. left: -14px;
  6469. }
  6470. .left-minus-15px {
  6471. left: -15px;
  6472. }
  6473. .left-minus-16px {
  6474. left: -16px;
  6475. }
  6476. .left-minus-17px {
  6477. left: -17px;
  6478. }
  6479. .left-minus-18px {
  6480. left: -18px;
  6481. }
  6482. .left-minus-19px {
  6483. left: -19px;
  6484. }
  6485. .left-minus-20px {
  6486. left: -20px;
  6487. }
  6488. .left-minus-21px {
  6489. left: -21px;
  6490. }
  6491. .left-minus-22px {
  6492. left: -22px;
  6493. }
  6494. .left-minus-23px {
  6495. left: -23px;
  6496. }
  6497. .left-minus-24px {
  6498. left: -24px;
  6499. }
  6500. .left-minus-25px {
  6501. left: -25px;
  6502. }
  6503. .left-minus-26px {
  6504. left: -26px;
  6505. }
  6506. .left-minus-27px {
  6507. left: -27px;
  6508. }
  6509. .left-minus-28px {
  6510. left: -28px;
  6511. }
  6512. .left-minus-29px {
  6513. left: -29px;
  6514. }
  6515. .left-minus-30px {
  6516. left: -30px;
  6517. }
  6518. .left-minus-40px {
  6519. left: -40px;
  6520. }
  6521. .left-minus-50px {
  6522. left: -50px;
  6523. }
  6524. .left-minus-60px {
  6525. left: -60px;
  6526. }
  6527. .left-minus-70px {
  6528. left: -70px;
  6529. }
  6530. .left-minus-80px {
  6531. left: -80px;
  6532. }
  6533. .left-minus-90px {
  6534. left: -90px;
  6535. }
  6536. .left-minus-100px {
  6537. left: -100px;
  6538. }
  6539. .left-minus-110px {
  6540. left: -110px;
  6541. }
  6542. .left-minus-120px {
  6543. left: -120px;
  6544. }
  6545. .left-minus-130px {
  6546. left: -130px;
  6547. }
  6548. .left-minus-140px {
  6549. left: -140px;
  6550. }
  6551. .left-minus-150px {
  6552. left: -150px;
  6553. }
  6554. /* Font weight */
  6555. .fw-100 {
  6556. font-weight: 100 !important;
  6557. }
  6558. .fw-200 {
  6559. font-weight: 200 !important;
  6560. }
  6561. .fw-300 {
  6562. font-weight: 300 !important;
  6563. }
  6564. .fw-400 {
  6565. font-weight: 400 !important;
  6566. }
  6567. .fw-500 {
  6568. font-weight: 500 !important;
  6569. }
  6570. .fw-600 {
  6571. font-weight: 600 !important;
  6572. }
  6573. .fw-700 {
  6574. font-weight: 700 !important;
  6575. }
  6576. .fw-800 {
  6577. font-weight: 800 !important;
  6578. }
  6579. .fw-900 {
  6580. font-weight: 900 !important;
  6581. }
  6582. /* Min height */
  6583. .min-h-100px {
  6584. min-height: 100px !important;
  6585. }
  6586. .min-h-150px {
  6587. min-height: 150px !important;
  6588. }
  6589. .min-h-200px {
  6590. min-height: 200px !important;
  6591. }
  6592. .min-h-250px {
  6593. min-height: 250px !important;
  6594. }
  6595. .min-h-300px {
  6596. min-height: 300px !important;
  6597. }
  6598. .min-h-350px {
  6599. min-height: 350px !important;
  6600. }
  6601. .min-h-400px {
  6602. min-height: 400px !important;
  6603. }
  6604. .min-h-450px {
  6605. min-height: 450px !important;
  6606. }
  6607. .min-h-500px {
  6608. min-height: 500px !important;
  6609. }
  6610. .min-h-550px {
  6611. min-height: 550px !important;
  6612. }
  6613. .min-h-600px {
  6614. min-height: 600px !important;
  6615. }
  6616. .min-h-650px {
  6617. min-height: 650px !important;
  6618. }
  6619. .min-h-700px {
  6620. min-height: 700px !important;
  6621. }
  6622. .min-h-750px {
  6623. min-height: 750px !important;
  6624. }
  6625. .min-h-800px {
  6626. min-height: 800px !important;
  6627. }
  6628. .min-h-850px {
  6629. min-height: 850px !important;
  6630. }
  6631. .min-h-900px {
  6632. min-height: 900px !important;
  6633. }
  6634. .min-h-950px {
  6635. min-height: 950px !important;
  6636. }
  6637. /* Opacity */
  6638. .opacity-0 {
  6639. opacity: .0;
  6640. }
  6641. .opacity-1 {
  6642. opacity: .1;
  6643. }
  6644. .opacity-2 {
  6645. opacity: .2;
  6646. }
  6647. .opacity-3 {
  6648. opacity: .3;
  6649. }
  6650. .opacity-4 {
  6651. opacity: .4;
  6652. }
  6653. .opacity-5 {
  6654. opacity: .5;
  6655. }
  6656. .opacity-6 {
  6657. opacity: .6;
  6658. }
  6659. .opacity-7 {
  6660. opacity: .7;
  6661. }
  6662. .opacity-8 {
  6663. opacity: .8;
  6664. }
  6665. .opacity-9 {
  6666. opacity: .9;
  6667. }
  6668. /* Z-index */
  6669. .z-index-0 {
  6670. z-index: 0;
  6671. }
  6672. .z-index-1 {
  6673. z-index: 1;
  6674. }
  6675. .z-index-2 {
  6676. z-index: 2;
  6677. }
  6678. .z-index-3 {
  6679. z-index: 3;
  6680. }
  6681. .z-index-4 {
  6682. z-index: 4;
  6683. }
  6684. .z-index-5 {
  6685. z-index: 5;
  6686. }
  6687. .z-index-6 {
  6688. z-index: 6;
  6689. }
  6690. .z-index-7 {
  6691. z-index: 7;
  6692. }
  6693. .z-index-8 {
  6694. z-index: 8;
  6695. }
  6696. .z-index-9 {
  6697. z-index: 9;
  6698. }
  6699. .z-index-minus-1 {
  6700. z-index: -1;
  6701. }
  6702. .z-index-minus-2 {
  6703. z-index: -2;
  6704. }
  6705. /* ===================================
  6706. 10. Header
  6707. ====================================== */
  6708. header .header-top-bar [class*=col-] {
  6709. display: -webkit-box;
  6710. display: -ms-flexbox;
  6711. display: flex;
  6712. -ms-flex-item-align: stretch;
  6713. -ms-grid-row-align: stretch;
  6714. align-self: stretch;
  6715. -webkit-box-align: center;
  6716. -ms-flex-align: center;
  6717. align-items: center;
  6718. }
  6719. header .header-top-bar [class*=col-].text-end {
  6720. justify-content: flex-end !important;
  6721. }
  6722. header .header-top-bar [class*=col-] .header-icon {
  6723. -ms-flex-item-align: stretch;
  6724. -ms-grid-row-align: stretch;
  6725. align-self: stretch;
  6726. }
  6727. header .navbar {
  6728. position: fixed;
  6729. top: 0;
  6730. right: 0;
  6731. left: 0;
  6732. z-index: 99;
  6733. }
  6734. header .navbar [class*=col-] {
  6735. padding: 0 15px;
  6736. display: -webkit-box;
  6737. display: -ms-flexbox;
  6738. display: flex;
  6739. -ms-flex-item-align: stretch;
  6740. -ms-grid-row-align: stretch;
  6741. align-self: stretch;
  6742. }
  6743. header .navbar [class*=col-].text-end {
  6744. justify-content: flex-end !important;
  6745. }
  6746. header .navbar [class*=col-] .navbar-nav {
  6747. -ms-flex-item-align: stretch;
  6748. -ms-grid-row-align: stretch;
  6749. align-self: stretch;
  6750. -webkit-box-align: center;
  6751. -ms-flex-align: center;
  6752. align-items: center;
  6753. }
  6754. header .navbar [class*=col-] .navbar-nav .nav-item {
  6755. display: -webkit-box;
  6756. display: -ms-flexbox;
  6757. display: flex;
  6758. -ms-flex-item-align: stretch;
  6759. -ms-grid-row-align: stretch;
  6760. align-self: stretch;
  6761. -webkit-box-align: center;
  6762. -ms-flex-align: center;
  6763. align-items: center;
  6764. }
  6765. header .navbar [class*=col-] .navbar-nav .nav-item a {
  6766. display: -webkit-box;
  6767. display: -ms-flexbox;
  6768. display: flex;
  6769. -ms-flex-item-align: stretch;
  6770. -ms-grid-row-align: stretch;
  6771. align-self: stretch;
  6772. -webkit-box-align: center;
  6773. -ms-flex-align: center;
  6774. align-items: center;
  6775. }
  6776. header .container-fluid {
  6777. padding-left: 45px;
  6778. padding-right: 45px;
  6779. }
  6780. header.sticky .navbar-brand {
  6781. padding: 20px 0;
  6782. }
  6783. header.sticky .navbar {
  6784. -webkit-transform: translateY(-100%);
  6785. transform: translateY(-100%);
  6786. }
  6787. header.sticky .navbar.sticky-header {
  6788. -webkit-transform: translateY(0);
  6789. transform: translateY(0);
  6790. }
  6791. header.sticky .navbar.fixed-header {
  6792. -webkit-transform: translateY(0);
  6793. transform: translateY(0);
  6794. }
  6795. header.sticky .header-light:not(.disable-fixed) {
  6796. box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);
  6797. }
  6798. header.sticky.sticky-active .header-reverse {
  6799. -webkit-transform: translateY(0);
  6800. transform: translateY(0);
  6801. border-color: transparent !important;
  6802. }
  6803. header.sticky.sticky-active .header-reverse.glass-effect {
  6804. -webkit-backdrop-filter: blur(5px);
  6805. backdrop-filter: blur(5px);
  6806. background-color: rgba(255, 255, 255, 0.85) !important;
  6807. }
  6808. header.sticky.sticky-active .header-reverse.header-dark.glass-effect {
  6809. background-color: rgba(35, 35, 35, 0.7) !important;
  6810. }
  6811. header.sticky.sticky-active .navbar-brand .alt-logo {
  6812. visibility: visible;
  6813. opacity: 1;
  6814. width: auto;
  6815. }
  6816. header.sticky.sticky-active .navbar-brand .default-logo {
  6817. visibility: hidden;
  6818. display: none;
  6819. opacity: 0;
  6820. width: 0;
  6821. }
  6822. header.sticky.sticky-active [data-header-hover=dark] {
  6823. background-color: var(--dark-gray) !important;
  6824. }
  6825. header.sticky.sticky-active [data-header-hover=dark] .navbar-nav .nav-item:hover .nav-link {
  6826. color: var(--white);
  6827. opacity: 0.6;
  6828. }
  6829. header.sticky.sticky-active [data-header-hover=dark] .navbar-nav .nav-link {
  6830. color: var(--white);
  6831. }
  6832. header.sticky.sticky-active [data-header-hover=dark] .icon > a {
  6833. color: var(--white);
  6834. }
  6835. header.sticky.sticky-active [data-header-hover=dark] .icon > a:hover {
  6836. color: var(--white);
  6837. opacity: 0.6;
  6838. }
  6839. header.sticky.sticky-active [data-header-hover=dark] .icon .push-button span {
  6840. background-color: var(--white);
  6841. }
  6842. header.sticky.sticky-active [data-header-hover=dark] .icon .header-language > a, header.sticky.sticky-active [data-header-hover=dark] .icon .header-cart > a {
  6843. color: var(--white);
  6844. }
  6845. header.sticky.sticky-active [data-header-hover=dark] .icon .header-language > a:hover, header.sticky.sticky-active [data-header-hover=dark] .icon .header-cart > a:hover {
  6846. color: var(--white);
  6847. }
  6848. header.sticky.sticky-active [data-header-hover=dark] .header-search-style i {
  6849. color: var(--white);
  6850. }
  6851. header.sticky.sticky-active [data-header-hover=dark] .header-language-icon .header-language .language-dropdown {
  6852. background-color: var(--dark-gray);
  6853. }
  6854. header.sticky.sticky-active [data-header-hover=dark] .header-language-icon .header-language .language-dropdown a {
  6855. color: var(--light-gray);
  6856. }
  6857. header.sticky.sticky-active [data-header-hover=dark] .header-language-icon .header-language .language-dropdown a:hover {
  6858. color: var(--white);
  6859. opacity: 1;
  6860. }
  6861. header.sticky.sticky-active [data-header-hover=light] {
  6862. background-color: var(--white) !important;
  6863. box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
  6864. }
  6865. header.sticky.sticky-active [data-header-hover=light] .navbar-nav .nav-link {
  6866. color: var(--dark-gray);
  6867. }
  6868. header.sticky.sticky-active [data-header-hover=light] .icon > a {
  6869. color: var(--dark-gray);
  6870. }
  6871. header.sticky.sticky-active [data-header-hover=light] .icon > a:hover {
  6872. color: var(--medium-gray);
  6873. opacity: 1;
  6874. }
  6875. header.sticky.sticky-active [data-header-hover=light] .icon .push-button span {
  6876. background-color: var(--dark-gray);
  6877. }
  6878. header.sticky.sticky-active [data-header-hover=light] .icon .header-language > a, header.sticky.sticky-active [data-header-hover=light] .icon .header-cart > a {
  6879. color: var(--dark-gray);
  6880. }
  6881. header.sticky.sticky-active [data-header-hover=light] .icon .header-language > a:hover, header.sticky.sticky-active [data-header-hover=light] .icon .header-cart > a:hover {
  6882. color: var(--medium-gray);
  6883. opacity: 1;
  6884. }
  6885. header.sticky.sticky-active [data-header-hover=light] .header-search-style i {
  6886. color: var(--dark-gray);
  6887. }
  6888. header.sticky.sticky-active [data-header-hover=light] .header-language-icon .language-dropdown li a {
  6889. color: var(--medium-gray);
  6890. }
  6891. header.sticky.sticky-active [data-header-hover=light] .header-language-icon .language-dropdown li a:hover {
  6892. color: var(--dark-gray);
  6893. opacity: 1;
  6894. }
  6895. header.sticky.sticky-active [data-header-hover=light] .widget-text {
  6896. color: var(--dark-gray);
  6897. }
  6898. header.sticky.sticky-active [data-header-hover=light] .widget-text a {
  6899. color: var(--dark-gray);
  6900. }
  6901. header.sticky.sticky-active [data-header-hover=light].disable-fixed.header-demo {
  6902. background-color: transparent !important;
  6903. }
  6904. header.sticky .header-icon .push-button {
  6905. padding: 0;
  6906. }
  6907. header.sticky .center-logo .navbar-nav .nav-link {
  6908. padding: 26px 20px;
  6909. }
  6910. header.sticky .top-logo .navbar-brand {
  6911. padding: 15px 0;
  6912. }
  6913. header.sticky .top-logo.fixed-header .navbar-brand, header.sticky .top-logo.disable-fixed .navbar-brand {
  6914. padding: 22px 0;
  6915. }
  6916. header.sticky .top-logo.responsive-sticky .navbar-nav .nav-link {
  6917. padding-top: 18px !important;
  6918. padding-bottom: 18px !important;
  6919. }
  6920. header.sticky .top-logo.responsive-sticky .header-icon .header-cart-icon .header-cart a i {
  6921. padding-top: 22px;
  6922. padding-bottom: 22px;
  6923. }
  6924. header.sticky .top-logo.responsive-sticky .header-icon .header-language-icon .header-cart > a i {
  6925. padding-top: 22px;
  6926. padding-bottom: 22px;
  6927. }
  6928. header.sticky .mini-header .header-icon .header-language a i {
  6929. padding-top: 16px;
  6930. padding-bottom: 16px;
  6931. }
  6932. header.sticky .mini-header .header-icon .header-cart-icon .header-cart a i {
  6933. padding-top: 16px;
  6934. padding-bottom: 16px;
  6935. }
  6936. header.sticky .fixed-header .navbar-brand, header.sticky .disable-fixed .navbar-brand {
  6937. padding: 30px 0;
  6938. }
  6939. header .navbar {
  6940. -webkit-transition: 0.3s;
  6941. transition: 0.3s;
  6942. }
  6943. header .navbar.mini-header .navbar-brand {
  6944. padding: 20px 0;
  6945. }
  6946. header .navbar.mini-header .navbar-brand img {
  6947. max-height: 22px;
  6948. }
  6949. header .navbar-brand {
  6950. margin-right: 0;
  6951. vertical-align: middle;
  6952. padding: 30px 0;
  6953. display: inline-block;
  6954. font-size: 0;
  6955. }
  6956. header .navbar-brand .default-logo {
  6957. visibility: visible;
  6958. opacity: 1;
  6959. width: auto;
  6960. }
  6961. header .navbar-brand .alt-logo, header .navbar-brand .mobile-logo {
  6962. visibility: hidden;
  6963. opacity: 0;
  6964. width: 0;
  6965. }
  6966. header .navbar-brand img {
  6967. max-height: 46px;
  6968. }
  6969. header .header-top-bar {
  6970. position: fixed;
  6971. top: 0;
  6972. right: 0;
  6973. width: 100%;
  6974. left: 0;
  6975. z-index: 100;
  6976. -webkit-transition: 0.3s;
  6977. transition: 0.3s;
  6978. }
  6979. header .header-top-bar + .navbar {
  6980. -webkit-transition: 0.3s;
  6981. transition: 0.3s;
  6982. top: 40px;
  6983. }
  6984. header .header-top-bar + .navbar.disable-fixed {
  6985. top: 0;
  6986. }
  6987. header .header-top-bar .widget {
  6988. display: inline-block;
  6989. }
  6990. header .header-top-bar .widget i {
  6991. padding-right: 5px;
  6992. }
  6993. header .header-top-bar .header-icon .header-social-icon {
  6994. top: 0;
  6995. }
  6996. header .header-top-bar .header-icon .header-social-icon ul {
  6997. list-style: none;
  6998. padding: 0;
  6999. margin: 0;
  7000. }
  7001. header .header-top-bar .header-icon .header-social-icon ul li {
  7002. display: inline-block;
  7003. margin: 0 15px 0 0;
  7004. }
  7005. header .header-top-bar .header-icon .header-social-icon ul li:last-child {
  7006. margin-right: 0;
  7007. }
  7008. header .header-top-bar .header-icon .header-social-icon a {
  7009. font-size: 12px;
  7010. }
  7011. header .header-top-bar .header-icon .header-social-text {
  7012. top: 0;
  7013. }
  7014. header .header-top-bar .header-icon .header-social-text ul {
  7015. list-style: none;
  7016. padding: 0;
  7017. margin: 0;
  7018. }
  7019. header .header-top-bar .header-icon .header-social-text ul li {
  7020. display: inline-block;
  7021. margin: 0 30px 0 0;
  7022. }
  7023. header .header-top-bar .header-icon .header-social-text ul li:last-child {
  7024. margin-right: 0;
  7025. }
  7026. header .left-nav .navbar-nav:before {
  7027. height: 20px;
  7028. width: 1px;
  7029. background-color: var(--medium-gray);
  7030. opacity: 0.5;
  7031. content: "";
  7032. -webkit-transform: translate(-7px, 0px);
  7033. transform: translate(-7px, 0px);
  7034. -webkit-transition: 0.3s;
  7035. transition: 0.3s;
  7036. }
  7037. header .disable-fixed {
  7038. position: absolute;
  7039. }
  7040. header.sticky .responsive-sticky {
  7041. -webkit-transform: translateY(0);
  7042. transform: translateY(0);
  7043. }
  7044. header.sticky .navbar.disable-fixed {
  7045. -webkit-transform: translateY(0);
  7046. transform: translateY(0);
  7047. box-shadow: none;
  7048. }
  7049. /* Navbar */
  7050. .navbar {
  7051. padding: 0;
  7052. }
  7053. .navbar .navbar-nav .nav-item > i {
  7054. display: none;
  7055. }
  7056. .navbar .navbar-nav .nav-item:hover .nav-link, .navbar .navbar-nav .nav-item.active .nav-link {
  7057. opacity: 0.6;
  7058. }
  7059. .navbar .navbar-nav .nav-item .nav-link.active {
  7060. opacity: 0.6;
  7061. }
  7062. .navbar .navbar-nav .nav-link {
  7063. font-size: 16px;
  7064. line-height: 20px;
  7065. padding: 10px 20px;
  7066. position: relative;
  7067. font-weight: 500;
  7068. opacity: 1;
  7069. word-break: normal;
  7070. -webkit-transition: 0.3s;
  7071. transition: 0.3s;
  7072. color: var(--white);
  7073. }
  7074. .navbar .navbar-nav .nav-link .label {
  7075. display: inline-block;
  7076. padding: 1px 11px;
  7077. font-size: 12px;
  7078. margin-left: 8px;
  7079. margin-top: 0px;
  7080. vertical-align: middle;
  7081. }
  7082. .navbar .navbar-nav .dropdown.submenu {
  7083. position: inherit;
  7084. }
  7085. .navbar .navbar-nav .dropdown .dropdown-menu {
  7086. margin: 0;
  7087. padding: 60px 0 65px;
  7088. border: 0;
  7089. top: 100%;
  7090. background-color: var(--white);
  7091. box-shadow: 0 45px 45px 0 rgba(0, 0, 0, 0.05);
  7092. -webkit-animation: hide-animation 0.5s;
  7093. animation: hide-animation 0.5s;
  7094. -webkit-border-radius: 0;
  7095. border-radius: 0;
  7096. }
  7097. .navbar .navbar-nav .dropdown .dropdown-menu li:last-child > a {
  7098. padding-bottom: 0;
  7099. }
  7100. .navbar .navbar-nav .dropdown .dropdown-menu li.active > a {
  7101. color: var(--dark-gray);
  7102. }
  7103. .navbar .navbar-nav .dropdown .dropdown-menu li a:hover {
  7104. padding-left: 3px;
  7105. }
  7106. .navbar .navbar-nav .dropdown .dropdown-menu a {
  7107. color: var(--medium-gray);
  7108. font-size: 15px;
  7109. line-height: 24px;
  7110. font-weight: 400;
  7111. padding-bottom: 10px;
  7112. display: block;
  7113. }
  7114. .navbar .navbar-nav .dropdown .dropdown-menu a:hover {
  7115. color: var(--dark-gray);
  7116. }
  7117. .navbar .navbar-nav .dropdown .dropdown-menu a i {
  7118. width: 25px;
  7119. display: inline-block;
  7120. vertical-align: middle;
  7121. margin-right: 7px;
  7122. text-align: center;
  7123. }
  7124. .navbar .navbar-nav .dropdown .dropdown-menu a .label {
  7125. display: inline-block;
  7126. padding: 5px 10px;
  7127. font-size: 10px;
  7128. line-height: initial;
  7129. margin-left: 8px;
  7130. margin-top: 0px;
  7131. vertical-align: middle;
  7132. font-weight: 700;
  7133. text-transform: uppercase;
  7134. white-space: nowrap;
  7135. }
  7136. .navbar .navbar-nav .dropdown.open .dropdown-menu {
  7137. display: block;
  7138. -webkit-animation: show-animation 0.5s;
  7139. animation: show-animation 0.5s;
  7140. }
  7141. .navbar .navbar-nav .submenu-content {
  7142. width: 100%;
  7143. border-top: 1px solid #e7e7e7 !important;
  7144. left: 0;
  7145. }
  7146. .navbar .navbar-nav .submenu-content ul {
  7147. padding: 0 30px 0 0;
  7148. list-style: none;
  7149. }
  7150. .navbar .navbar-nav .submenu-content ul:nth-child(4n+1) {
  7151. clear: both;
  7152. }
  7153. .navbar .navbar-nav .submenu-content ul .sub-title {
  7154. color: var(--dark-gray);
  7155. font-size: 16px;
  7156. font-weight: 600;
  7157. margin-bottom: 10px;
  7158. }
  7159. .navbar .navbar-nav .submenu-content ul:last-child:before {
  7160. display: none;
  7161. }
  7162. .navbar .navbar-nav .submenu-content .mega-menu {
  7163. width: 1190px;
  7164. }
  7165. .navbar .navbar-nav .simple-dropdown .dropdown-menu {
  7166. display: none;
  7167. width: 245px;
  7168. padding: 35px 0;
  7169. -webkit-border-radius: 0;
  7170. border-radius: 0;
  7171. box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.1);
  7172. }
  7173. .navbar .navbar-nav .simple-dropdown .dropdown-menu li {
  7174. padding: 0 45px 0 40px;
  7175. }
  7176. .navbar .navbar-nav .simple-dropdown .dropdown-menu li a {
  7177. padding-bottom: 12px;
  7178. }
  7179. .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown {
  7180. position: relative;
  7181. }
  7182. .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown i {
  7183. position: absolute;
  7184. right: 35px;
  7185. top: 6px;
  7186. width: auto;
  7187. font-size: 13px;
  7188. }
  7189. .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open > a {
  7190. color: var(--dark-gray);
  7191. }
  7192. .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open > .dropdown-menu {
  7193. display: block;
  7194. }
  7195. .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.menu-left .dropdown-menu {
  7196. left: calc(-100% - 1px);
  7197. }
  7198. .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown .dropdown-menu {
  7199. -webkit-animation: none;
  7200. animation: none;
  7201. }
  7202. .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu {
  7203. display: none;
  7204. position: absolute;
  7205. left: calc(100% + 1px);
  7206. top: -35px;
  7207. }
  7208. .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
  7209. border-radius: 5px;
  7210. padding: 0;
  7211. overflow: hidden;
  7212. width: 260px;
  7213. }
  7214. .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li {
  7215. padding: 0;
  7216. }
  7217. .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
  7218. font-size: 15px;
  7219. line-height: 26px;
  7220. border-bottom: 1px solid rgba(23, 23, 23, 0.1);
  7221. padding: 17px 20px;
  7222. }
  7223. .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i {
  7224. font-size: 19px;
  7225. }
  7226. .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a img {
  7227. width: 35px;
  7228. margin-right: 15px;
  7229. }
  7230. .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a {
  7231. border-bottom: 0;
  7232. }
  7233. .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu {
  7234. box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.1);
  7235. border-radius: 5px;
  7236. width: 310px;
  7237. padding: 20px 35px;
  7238. }
  7239. .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li {
  7240. justify-content: center;
  7241. display: flex;
  7242. border-bottom: 0;
  7243. padding: 0;
  7244. }
  7245. .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li:first-child a {
  7246. border-top: 0;
  7247. }
  7248. .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a {
  7249. margin: 0;
  7250. border-top: 1px solid rgba(23, 23, 23, 0.1);
  7251. padding: 15px 30px 15px 0;
  7252. font-size: 16px;
  7253. line-height: 28px;
  7254. font-weight: 500;
  7255. width: 100%;
  7256. position: relative;
  7257. display: -webkit-box;
  7258. display: -ms-flexbox;
  7259. display: flex;
  7260. }
  7261. .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a i {
  7262. width: 40px;
  7263. font-size: 36px;
  7264. margin-right: 15px;
  7265. color: var(--base-color);
  7266. flex-shrink: 0;
  7267. text-align: left;
  7268. }
  7269. .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span {
  7270. color: var(--dark-gray);
  7271. font-weight: 600;
  7272. }
  7273. .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a p {
  7274. margin: 0;
  7275. font-size: 13px;
  7276. color: var(--medium-gray);
  7277. }
  7278. .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a img {
  7279. border-radius: 100%;
  7280. width: 45px;
  7281. margin-right: 15px;
  7282. }
  7283. .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before {
  7284. content: "\f135";
  7285. color: var(--black);
  7286. font-family: bootstrap-icons;
  7287. font-weight: 400;
  7288. font-size: 23px;
  7289. position: absolute;
  7290. right: 6px;
  7291. opacity: 0;
  7292. -webkit-transition: all 300ms cubic-bezier(0.61, 1, 0.88, 1);
  7293. transition: all 300ms cubic-bezier(0.61, 1, 0.88, 1);
  7294. }
  7295. .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:hover:before {
  7296. right: 0px;
  7297. opacity: 1;
  7298. }
  7299. .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a.btn {
  7300. padding: 15px 20px;
  7301. justify-content: center;
  7302. margin-top: 10px;
  7303. line-height: normal;
  7304. border-top: 0;
  7305. font-size: 14px;
  7306. margin-bottom: 5px;
  7307. }
  7308. .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a.btn:before {
  7309. display: none;
  7310. }
  7311. /* Header hover submenu dark */
  7312. [data-header-hover=dark] .navbar-nav .dropdown .dropdown-menu li.active > a {
  7313. color: var(--white);
  7314. }
  7315. [data-header-hover=dark] .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
  7316. border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  7317. }
  7318. [data-header-hover=dark] .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a {
  7319. border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  7320. }
  7321. [data-header-hover=dark] .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span {
  7322. color: var(--white) !important;
  7323. }
  7324. [data-header-hover=dark] .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before {
  7325. color: var(--white);
  7326. }
  7327. [data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu, [data-header-hover=dark] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu, [data-header-hover=dark] .navbar-nav .dropdown-with-icon .dropdown-menu {
  7328. background-color: var(--dark-gray);
  7329. }
  7330. [data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu a, [data-header-hover=dark] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu a, [data-header-hover=dark] .navbar-nav .dropdown-with-icon .dropdown-menu a {
  7331. color: var(--light-gray);
  7332. }
  7333. [data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu a:hover, [data-header-hover=dark] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu a:hover, [data-header-hover=dark] .navbar-nav .dropdown-with-icon .dropdown-menu a:hover {
  7334. color: var(--white);
  7335. }
  7336. [data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover > a, [data-header-hover=dark] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu .dropdown:hover > a, [data-header-hover=dark] .navbar-nav .dropdown-with-icon .dropdown-menu .dropdown:hover > a {
  7337. color: var(--white);
  7338. }
  7339. [data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list {
  7340. background-color: var(--dark-gray);
  7341. }
  7342. [data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item {
  7343. border-color: #3e3e3e;
  7344. }
  7345. [data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total {
  7346. background-color: var(--black);
  7347. }
  7348. [data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total span {
  7349. color: var(--white);
  7350. }
  7351. [data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a {
  7352. color: var(--medium-gray);
  7353. }
  7354. [data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a:hover {
  7355. color: var(--white);
  7356. }
  7357. [data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item .close {
  7358. color: var(--white);
  7359. }
  7360. [data-header-hover=dark] .header-language-icon .header-language .language-dropdown {
  7361. background-color: var(--dark-gray);
  7362. }
  7363. [data-header-hover=dark] .header-language-icon .header-language .language-dropdown a {
  7364. color: var(--light-gray);
  7365. }
  7366. [data-header-hover=dark] .header-language-icon .header-language .language-dropdown a:hover {
  7367. color: var(--white);
  7368. opacity: 1;
  7369. }
  7370. .submenu-dark {
  7371. background-color: var(--dark-gray) !important;
  7372. }
  7373. .submenu-dark .navbar-brand .alt-logo {
  7374. visibility: visible;
  7375. opacity: 1;
  7376. width: auto;
  7377. }
  7378. .submenu-dark .navbar-brand .default-logo {
  7379. visibility: hidden;
  7380. opacity: 0;
  7381. width: 0;
  7382. }
  7383. .submenu-dark .navbar-nav .dropdown .dropdown-menu {
  7384. background-color: var(--dark-gray);
  7385. }
  7386. .submenu-dark .navbar-nav .dropdown .dropdown-menu a {
  7387. color: var(--light-gray);
  7388. }
  7389. .submenu-dark .navbar-nav .dropdown .dropdown-menu a:hover {
  7390. color: var(--white);
  7391. }
  7392. .submenu-dark .navbar-nav .dropdown .dropdown-menu li.active > a {
  7393. color: var(--white);
  7394. }
  7395. .submenu-dark .navbar-nav .submenu-content {
  7396. border-color: #424242 !important;
  7397. }
  7398. .submenu-dark .navbar-nav .submenu-content ul .sub-title {
  7399. color: var(--white);
  7400. }
  7401. .submenu-dark .navbar-nav .submenu-content ul:before {
  7402. background-color: var(--medium-gray);
  7403. }
  7404. .submenu-dark .navbar-nav .simple-dropdown .dropdown-menu {
  7405. background-color: var(--dark-gray);
  7406. }
  7407. .submenu-dark .navbar-nav .simple-dropdown .dropdown-menu a {
  7408. color: var(--light-gray);
  7409. }
  7410. .submenu-dark .navbar-nav .simple-dropdown .dropdown-menu a:hover {
  7411. color: var(--white);
  7412. }
  7413. .submenu-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover > a {
  7414. color: var(--white);
  7415. }
  7416. .submenu-dark .header-cart-icon .header-cart .cart-item-list {
  7417. background-color: var(--dark-gray);
  7418. }
  7419. .submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item {
  7420. border-color: #3e3e3e;
  7421. }
  7422. .submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total {
  7423. background-color: var(--black);
  7424. }
  7425. .submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total span {
  7426. color: var(--white);
  7427. }
  7428. .submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a {
  7429. color: var(--medium-gray);
  7430. }
  7431. .submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a:hover {
  7432. color: var(--white);
  7433. }
  7434. .submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item .close {
  7435. color: var(--white);
  7436. }
  7437. .submenu-dark .header-cart-icon .header-language .language-dropdown {
  7438. background-color: var(--dark-gray);
  7439. }
  7440. .submenu-dark .header-cart-icon .header-language .language-dropdown a {
  7441. color: var(--light-gray);
  7442. }
  7443. .submenu-dark .header-cart-icon .header-language .language-dropdown a:hover {
  7444. color: var(--white);
  7445. opacity: 1;
  7446. }
  7447. /* Header hover submenu light */
  7448. .submenu-light {
  7449. background-color: var(--white) !important;
  7450. }
  7451. .submenu-light .navbar-brand .alt-logo {
  7452. visibility: visible;
  7453. opacity: 1;
  7454. width: auto;
  7455. }
  7456. .submenu-light .navbar-brand .default-logo {
  7457. visibility: hidden;
  7458. opacity: 0;
  7459. width: 0;
  7460. }
  7461. .submenu-light .navbar-nav .nav-link {
  7462. color: var(--dark-gray);
  7463. }
  7464. .submenu-light .header-icon .icon > a {
  7465. color: var(--dark-gray);
  7466. }
  7467. .submenu-light .header-icon .icon > a:hover {
  7468. color: var(--medium-gray);
  7469. }
  7470. .submenu-light .header-icon .icon .push-button span {
  7471. background-color: var(--dark-gray);
  7472. }
  7473. .submenu-light .header-icon .icon .header-language > a, .submenu-light .header-icon .icon .header-cart > a {
  7474. color: var(--dark-gray);
  7475. }
  7476. .submenu-light .header-icon .icon .header-language > a:hover, .submenu-light .header-icon .icon .header-cart > a:hover {
  7477. color: var(--medium-gray);
  7478. }
  7479. .submenu-light .menu-item-list .nav-link {
  7480. color: var(--dark-gray);
  7481. }
  7482. .submenu-light .menu-item-list .nav-link:hover {
  7483. color: var(--dark-gray);
  7484. opacity: 0.6;
  7485. }
  7486. .submenu-light .menu-item-list .sub-menu a {
  7487. color: var(--dark-gray);
  7488. opacity: 0.6;
  7489. }
  7490. .submenu-light .menu-item-list .menu-item .toggle {
  7491. color: var(--dark-gray);
  7492. }
  7493. .submenu-light .widget-text {
  7494. color: var(--dark-gray);
  7495. }
  7496. .submenu-light .widget-text a {
  7497. color: var(--dark-gray);
  7498. }
  7499. /* Header dark */
  7500. .header-dark .navbar-nav .dropdown .dropdown-menu {
  7501. background-color: var(--dark-gray);
  7502. }
  7503. .header-dark .navbar-nav .dropdown .dropdown-menu a {
  7504. color: var(--light-gray);
  7505. }
  7506. .header-dark .navbar-nav .dropdown .dropdown-menu a:hover {
  7507. color: var(--white);
  7508. }
  7509. .header-dark .navbar-nav .dropdown .dropdown-menu li.active > a {
  7510. color: var(--white);
  7511. }
  7512. .header-dark .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
  7513. border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  7514. }
  7515. .header-dark .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a {
  7516. border-bottom: 0;
  7517. }
  7518. .header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a {
  7519. border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  7520. }
  7521. .header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span {
  7522. color: var(--white);
  7523. }
  7524. .header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a p {
  7525. color: var(--light-gray);
  7526. }
  7527. .header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before {
  7528. color: var(--white);
  7529. }
  7530. .header-dark .navbar-nav .submenu-content {
  7531. border-color: #424242 !important;
  7532. }
  7533. .header-dark .navbar-nav .submenu-content ul .sub-title {
  7534. color: var(--white);
  7535. }
  7536. .header-dark .navbar-nav .submenu-content ul:before {
  7537. background-color: var(--medium-gray);
  7538. }
  7539. .header-dark .navbar-nav .simple-dropdown .dropdown-menu {
  7540. background-color: var(--dark-gray);
  7541. }
  7542. .header-dark .navbar-nav .simple-dropdown .dropdown-menu a {
  7543. color: var(--light-gray);
  7544. }
  7545. .header-dark .navbar-nav .simple-dropdown .dropdown-menu a:hover {
  7546. color: var(--white);
  7547. }
  7548. .header-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open > a {
  7549. color: var(--white);
  7550. }
  7551. .header-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover > a {
  7552. color: var(--white);
  7553. }
  7554. .header-dark .header-cart-icon .header-cart .cart-item-list {
  7555. background-color: var(--dark-gray);
  7556. }
  7557. .header-dark .header-cart-icon .header-cart .cart-item-list .cart-item {
  7558. border-color: #3e3e3e;
  7559. }
  7560. .header-dark .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total {
  7561. background-color: var(--black);
  7562. }
  7563. .header-dark .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total span {
  7564. color: var(--white);
  7565. }
  7566. .header-dark .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a {
  7567. color: var(--medium-gray);
  7568. }
  7569. .header-dark .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a:hover {
  7570. color: var(--white);
  7571. }
  7572. .header-dark .header-cart-icon .header-cart .cart-item-list .cart-item .close {
  7573. color: var(--white);
  7574. }
  7575. .header-dark .header-language-icon .header-language .language-dropdown {
  7576. background-color: var(--dark-gray);
  7577. }
  7578. .header-dark .header-language-icon .header-language .language-dropdown a {
  7579. color: var(--light-gray);
  7580. }
  7581. .header-dark .header-language-icon .header-language .language-dropdown a:hover {
  7582. color: var(--white);
  7583. opacity: 1;
  7584. }
  7585. /* Header light */
  7586. .header-light .navbar-nav .nav-link {
  7587. color: var(--dark-gray);
  7588. }
  7589. .header-light .header-icon .icon > a {
  7590. color: var(--dark-gray);
  7591. }
  7592. .header-light .header-icon .icon > a:hover {
  7593. color: var(--dark-gray);
  7594. opacity: 0.6;
  7595. }
  7596. .header-light .header-icon .icon .push-button span {
  7597. background-color: var(--dark-gray);
  7598. }
  7599. .header-light .header-icon .icon .header-language > a, .header-light .header-icon .icon .header-cart > a {
  7600. color: var(--dark-gray);
  7601. }
  7602. .header-light .header-icon .icon .header-language > a:hover, .header-light .header-icon .icon .header-cart > a:hover {
  7603. color: var(--dark-gray);
  7604. opacity: 0.6;
  7605. }
  7606. .header-light .menu-item-list .nav-link {
  7607. color: var(--dark-gray);
  7608. }
  7609. .header-light .menu-item-list .nav-link:hover {
  7610. color: var(--dark-gray);
  7611. opacity: 0.6;
  7612. }
  7613. .header-light .menu-item-list .sub-menu a {
  7614. color: var(--medium-gray);
  7615. opacity: 1;
  7616. }
  7617. .header-light .menu-item-list .sub-menu a:hover {
  7618. color: var(--dark-gray);
  7619. }
  7620. .header-light .menu-item-list .sub-menu .active > a {
  7621. color: var(--dark-gray);
  7622. }
  7623. .header-light .menu-item-list .menu-item .menu-toggle:before, .header-light .menu-item-list .menu-item .menu-toggle:after {
  7624. background-color: var(--dark-gray);
  7625. }
  7626. .header-light .widget-text {
  7627. color: var(--dark-gray);
  7628. }
  7629. .header-light .widget-text a {
  7630. color: var(--dark-gray);
  7631. }
  7632. /* Header icon */
  7633. .header-icon {
  7634. display: flex;
  7635. align-items: center;
  7636. }
  7637. .header-icon .icon {
  7638. position: relative;
  7639. line-height: 0;
  7640. display: -webkit-box;
  7641. display: -ms-flexbox;
  7642. display: flex;
  7643. -ms-flex-item-align: stretch;
  7644. -ms-grid-row-align: stretch;
  7645. align-self: stretch;
  7646. -webkit-box-align: center;
  7647. -ms-flex-align: center;
  7648. align-items: center;
  7649. }
  7650. .header-icon .icon > a {
  7651. padding-left: 16px;
  7652. font-size: 17px;
  7653. color: var(--white);
  7654. }
  7655. .header-icon .icon > a:hover {
  7656. color: var(--white);
  7657. opacity: 0.6;
  7658. }
  7659. .header-icon .icon:first-child a:first-child {
  7660. padding-left: 0;
  7661. }
  7662. .header-icon .icon .header-language, .header-icon .icon .header-cart {
  7663. display: -webkit-box;
  7664. display: -ms-flexbox;
  7665. display: flex;
  7666. -ms-flex-item-align: stretch;
  7667. -ms-grid-row-align: stretch;
  7668. align-self: stretch;
  7669. -webkit-box-align: center;
  7670. -ms-flex-align: center;
  7671. align-items: center;
  7672. }
  7673. .header-icon .icon .header-language > a, .header-icon .icon .header-cart > a {
  7674. padding-left: 14px;
  7675. color: var(--white);
  7676. font-size: 17px;
  7677. }
  7678. .header-icon .icon .header-language > a:hover, .header-icon .icon .header-cart > a:hover {
  7679. color: var(--white);
  7680. opacity: 0.6;
  7681. }
  7682. .header-icon .header-mail {
  7683. padding-right: 35px;
  7684. top: 0;
  7685. }
  7686. .header-icon .header-mail .mail {
  7687. font-size: 14px;
  7688. }
  7689. .header-icon .header-mail .mail i {
  7690. vertical-align: middle;
  7691. padding-right: 5px;
  7692. }
  7693. .header-icon .header-social-icon a {
  7694. font-size: 17px;
  7695. padding-left: 20px;
  7696. flex-shrink: 0;
  7697. }
  7698. /* Header cart */
  7699. .header-cart-icon .header-cart {
  7700. display: inline-block;
  7701. }
  7702. .header-cart-icon .header-cart .cart-item-list {
  7703. display: none;
  7704. left: auto;
  7705. right: 0;
  7706. box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  7707. border-radius: 0;
  7708. background-color: var(--white);
  7709. border: 0;
  7710. padding: 0;
  7711. min-width: 250px;
  7712. margin: 0;
  7713. position: absolute;
  7714. z-index: 1;
  7715. top: 100%;
  7716. }
  7717. .header-cart-icon .header-cart .cart-item-list .cart-item {
  7718. display: flex;
  7719. padding: 17px;
  7720. border-top: 1px solid #ededed;
  7721. position: relative;
  7722. }
  7723. .header-cart-icon .header-cart .cart-item-list .cart-item .close {
  7724. font-size: 16px;
  7725. position: absolute;
  7726. right: 15px;
  7727. top: 15px;
  7728. font-weight: 400;
  7729. color: var(--dark-gray);
  7730. }
  7731. .header-cart-icon .header-cart .cart-item-list .cart-item .product-image {
  7732. max-width: 50px;
  7733. width: 30%;
  7734. display: inline-block;
  7735. }
  7736. .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail {
  7737. padding-left: 15px;
  7738. width: 70%;
  7739. text-align: left;
  7740. display: inline-block;
  7741. }
  7742. .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a {
  7743. color: var(--dark-gray);
  7744. font-size: 12px;
  7745. display: inline-block;
  7746. line-height: 16px;
  7747. padding: 0;
  7748. }
  7749. .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail .item-ammount {
  7750. display: block;
  7751. font-size: 11px;
  7752. color: var(--medium-gray);
  7753. line-height: normal;
  7754. }
  7755. .header-cart-icon .header-cart .cart-item-list .cart-item:first-child {
  7756. border-top: 0;
  7757. }
  7758. .header-cart-icon .header-cart .cart-item-list .cart-total {
  7759. background-color: var(--very-light-gray);
  7760. flex-direction: column !important;
  7761. color: var(--dark-gray);
  7762. }
  7763. .header-cart-icon .header-cart .cart-item-list .cart-total span {
  7764. line-height: 20px;
  7765. display: inline-block;
  7766. }
  7767. .header-cart-icon .header-cart .cart-item-list .cart-total .btn {
  7768. width: 100%;
  7769. display: block;
  7770. margin: 8px 0;
  7771. }
  7772. .header-cart-icon .header-cart.open .cart-item-list {
  7773. display: block;
  7774. -webkit-animation: show-animation 0.5s;
  7775. animation: show-animation 0.5s;
  7776. }
  7777. .header-cart-icon a {
  7778. position: relative;
  7779. }
  7780. .header-cart-icon .cart-count {
  7781. position: absolute;
  7782. top: -7px;
  7783. right: -11px;
  7784. width: 17px;
  7785. height: 17px;
  7786. font-weight: 600;
  7787. text-align: center;
  7788. font-size: 10px;
  7789. line-height: 18px;
  7790. background-color: var(--base-color);
  7791. color: var(--white);
  7792. -webkit-border-radius: 100%;
  7793. border-radius: 100%;
  7794. -webkit-transition: 0.5s;
  7795. transition: 0.5s;
  7796. }
  7797. /* Header language */
  7798. .header-language-icon .header-language {
  7799. display: inline-block;
  7800. }
  7801. .header-language-icon .header-language .language-dropdown {
  7802. position: absolute;
  7803. right: 0;
  7804. top: 100%;
  7805. padding: 20px;
  7806. list-style: none;
  7807. background-color: var(--white);
  7808. display: none;
  7809. box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  7810. -webkit-animation: hide-animation 0.5s;
  7811. animation: hide-animation 0.5s;
  7812. z-index: 9;
  7813. text-align: left;
  7814. margin: 0;
  7815. min-width: 140px;
  7816. }
  7817. .header-language-icon .header-language .language-dropdown li a {
  7818. color: var(--medium-gray);
  7819. font-size: 12px;
  7820. line-height: 28px;
  7821. padding: 0;
  7822. }
  7823. .header-language-icon .header-language .language-dropdown li a .icon-country {
  7824. width: 16px;
  7825. height: 16px;
  7826. display: inline-block;
  7827. margin: 0 10px 0 5px;
  7828. }
  7829. .header-language-icon .header-language .language-dropdown li a:hover {
  7830. color: var(--dark-gray);
  7831. opacity: 1;
  7832. }
  7833. .header-language-icon .header-language.open .language-dropdown {
  7834. display: block;
  7835. -webkit-animation: show-animation 0.5s;
  7836. animation: show-animation 0.5s;
  7837. }
  7838. /* Header widget */
  7839. .widget-text {
  7840. color: var(--white);
  7841. }
  7842. header a.widget-text:hover {
  7843. opacity: 0.6;
  7844. }
  7845. /* Header push button */
  7846. .header-push-button {
  7847. padding-left: 16px;
  7848. }
  7849. .header-push-button .push-button {
  7850. position: relative;
  7851. display: block;
  7852. width: 22px;
  7853. height: 14px;
  7854. padding: 0;
  7855. cursor: pointer;
  7856. -webkit-transition: 0.3s;
  7857. transition: 0.3s;
  7858. }
  7859. .header-push-button .push-button span {
  7860. background: var(--white);
  7861. height: 2px;
  7862. width: 22px;
  7863. content: "";
  7864. display: block;
  7865. border-radius: 0;
  7866. position: absolute;
  7867. left: 0;
  7868. right: 0;
  7869. margin-left: auto;
  7870. margin-right: auto;
  7871. -webkit-transform: rotate(0deg);
  7872. transform: rotate(0deg);
  7873. -webkit-transition: 0.25s;
  7874. transition: 0.25s;
  7875. }
  7876. .header-push-button .push-button span:nth-child(2) {
  7877. top: 6px;
  7878. }
  7879. .header-push-button .push-button span:nth-child(3) {
  7880. top: 6px;
  7881. }
  7882. .header-push-button .push-button span:nth-child(4) {
  7883. top: 12px;
  7884. width: 14px;
  7885. left: -8px;
  7886. }
  7887. .header-push-button .push-button:hover {
  7888. opacity: 0.6;
  7889. }
  7890. .show-menu .header-push-button .push-button span:nth-child(1) {
  7891. top: 7px;
  7892. width: 0%;
  7893. }
  7894. .show-menu .header-push-button .push-button span:nth-child(2) {
  7895. -webkit-transform: rotate(45deg);
  7896. transform: rotate(45deg);
  7897. }
  7898. .show-menu .header-push-button .push-button span:nth-child(3) {
  7899. -webkit-transform: rotate(-45deg);
  7900. transform: rotate(-45deg);
  7901. }
  7902. .show-menu .header-push-button .push-button span:nth-child(4) {
  7903. top: 7px;
  7904. width: 0%;
  7905. }
  7906. .navbar-modern-inner {
  7907. display: none;
  7908. }
  7909. .navbar-modern-inner .navbar-toggler {
  7910. display: none;
  7911. }
  7912. /* Header push menu */
  7913. .show-menu {
  7914. overflow: hidden;
  7915. }
  7916. .show-menu .push-menu {
  7917. right: 0;
  7918. -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.3);
  7919. box-shadow: 0 0 60px rgba(0, 0, 0, 0.3);
  7920. }
  7921. .show-menu .push-menu .close-menu {
  7922. opacity: 1;
  7923. -webkit-transform: scale(1);
  7924. transform: scale(1);
  7925. -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  7926. transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  7927. -webkit-transition-delay: 0.5s;
  7928. transition-delay: 0.5s;
  7929. visibility: visible;
  7930. cursor: pointer;
  7931. }
  7932. .show-menu .push-menu.push-menu-left {
  7933. right: auto;
  7934. left: 0;
  7935. }
  7936. .push-menu {
  7937. position: fixed;
  7938. top: 0;
  7939. right: -100%;
  7940. width: 400px;
  7941. height: 100%;
  7942. z-index: 1031;
  7943. overflow-y: auto;
  7944. -webkit-transition: 0.5s;
  7945. transition: 0.5s;
  7946. }
  7947. .push-menu.push-menu-left {
  7948. right: auto;
  7949. left: -100%;
  7950. }
  7951. .push-menu .left-circle {
  7952. width: 500px !important;
  7953. height: 500px;
  7954. position: absolute;
  7955. left: -160px;
  7956. top: -80px;
  7957. -webkit-border-radius: 100%;
  7958. border-radius: 100%;
  7959. }
  7960. .push-menu .left-circle:before, .push-menu .left-circle:after {
  7961. width: 100%;
  7962. height: 100%;
  7963. border: 1px solid var(--light-medium-gray);
  7964. content: "";
  7965. display: block;
  7966. position: absolute;
  7967. top: 0;
  7968. left: 0;
  7969. transform: translate(10px, 5px);
  7970. -webkit-border-radius: 100%;
  7971. border-radius: 100%;
  7972. }
  7973. .push-menu .left-circle:after {
  7974. transform: translate(5px, 5px);
  7975. }
  7976. .push-menu .close-menu {
  7977. height: 40px;
  7978. width: 40px;
  7979. text-align: center;
  7980. position: absolute;
  7981. right: 50px;
  7982. top: 50px;
  7983. z-index: 9;
  7984. display: flex;
  7985. border-radius: 100%;
  7986. align-items: center;
  7987. justify-content: center;
  7988. opacity: 0;
  7989. visibility: hidden;
  7990. -webkit-transform: scale(0.8);
  7991. transform: scale(0.8);
  7992. }
  7993. .push-menu .push-menu-wrapper {
  7994. height: 100%;
  7995. overflow-y: hidden;
  7996. padding: 20px 0;
  7997. }
  7998. .push-menu .push-menu-wrapper .mCustomScrollBox {
  7999. display: flex;
  8000. }
  8001. .push-menu .push-menu-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y {
  8002. align-self: center;
  8003. }
  8004. .push-menu .push-menu-wrapper .mCustomScrollBox .mCSB_container {
  8005. width: 100%;
  8006. align-self: flex-start;
  8007. }
  8008. .push-menu .push-menu-wrapper .mCSB_inside > .mCSB_container {
  8009. margin: 0 !important;
  8010. padding: 0 15px !important;
  8011. }
  8012. .push-menu.push-menu-style-2 .push-menu-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y {
  8013. align-self: start;
  8014. }
  8015. .push-menu.push-menu-style-3 .push-menu-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y {
  8016. height: 100%;
  8017. display: flex;
  8018. flex-wrap: wrap;
  8019. align-content: space-between;
  8020. }
  8021. /* Header center logo */
  8022. .center-logo .navbar-nav .nav-link {
  8023. padding: 38px 20px;
  8024. }
  8025. .center-logo .menu-logo .d-none {
  8026. -ms-flex-item-align: center;
  8027. -ms-grid-row-align: center;
  8028. align-self: center;
  8029. }
  8030. .center-logo .navbar-brand {
  8031. position: absolute;
  8032. left: 50%;
  8033. top: 50%;
  8034. -webkit-transform: translate(-50%, -50%);
  8035. transform: translate(-50%, -50%);
  8036. transition: none;
  8037. }
  8038. .center-logo .navbar-left, .center-logo .navbar-right {
  8039. width: 42%;
  8040. }
  8041. /* Header top logo */
  8042. .top-logo .navbar-brand {
  8043. padding: 22px 0;
  8044. }
  8045. .top-logo .navbar-nav .nav-link {
  8046. padding-top: 25px !important;
  8047. padding-bottom: 25px !important;
  8048. }
  8049. /* Header left menu simple */
  8050. .left-sidebar-wrapper {
  8051. padding-left: 300px;
  8052. position: relative;
  8053. min-height: 300px;
  8054. width: 100%;
  8055. }
  8056. .left-sidebar-wrapper .collapse:not(.show) {
  8057. display: block !important;
  8058. }
  8059. header.sticky .left-sidebar-nav .navbar-nav .nav-link {
  8060. padding: 0;
  8061. }
  8062. .left-sidebar-header {
  8063. position: absolute;
  8064. left: 0;
  8065. width: 301px;
  8066. top: -100%;
  8067. bottom: 0;
  8068. z-index: 999;
  8069. display: block;
  8070. }
  8071. .left-sidebar-header .menu-item-list .menu-item .nav-link {
  8072. font-size: 16px;
  8073. line-height: 20px;
  8074. }
  8075. .left-sidebar-header .menu-item-list .menu-item .menu-toggle {
  8076. top: 10px;
  8077. }
  8078. .left-sidebar-header .menu-item-list .menu-item .sub-menu .menu-toggle {
  8079. top: 0;
  8080. }
  8081. .left-sidebar-nav {
  8082. width: 300px;
  8083. padding: 80px 50px;
  8084. left: 0;
  8085. position: fixed;
  8086. overflow: hidden;
  8087. display: block;
  8088. height: inherit;
  8089. -webkit-transition: 0.3s;
  8090. transition: 0.3s;
  8091. }
  8092. .left-sidebar-nav .left-menu-bottom {
  8093. width: 100%;
  8094. }
  8095. .left-sidebar-nav .left-menu-bottom .header-icon .icon a {
  8096. padding: 0 15px;
  8097. }
  8098. .left-sidebar-nav .navbar-brand {
  8099. padding: 0 !important;
  8100. }
  8101. .left-sidebar-nav .side-menu {
  8102. margin-top: 10.5rem;
  8103. margin-bottom: 10.5rem;
  8104. width: 100%;
  8105. }
  8106. .left-sidebar-nav .navbar-toggler {
  8107. display: none;
  8108. }
  8109. .social-text {
  8110. width: 100%;
  8111. display: inline-block;
  8112. color: var(--medium-gray);
  8113. font-size: 13px;
  8114. line-height: 16px;
  8115. }
  8116. .connect-me a {
  8117. color: var(--dark-gray);
  8118. display: table;
  8119. }
  8120. .connect-me a:hover {
  8121. opacity: 0.6;
  8122. }
  8123. .connect-me .widget-text {
  8124. color: var(--dark-gray);
  8125. display: table;
  8126. }
  8127. /* Menu list */
  8128. .menu-item-list {
  8129. display: block;
  8130. width: 100%;
  8131. list-style: none;
  8132. padding: 0;
  8133. margin-bottom: 0;
  8134. }
  8135. .menu-item-list .menu-item {
  8136. position: relative;
  8137. margin: 0;
  8138. }
  8139. .menu-item-list .menu-item ul {
  8140. list-style: none;
  8141. padding: 0;
  8142. }
  8143. .menu-item-list .menu-item .menu-toggle {
  8144. display: block;
  8145. position: absolute;
  8146. right: 0;
  8147. top: 14px;
  8148. cursor: pointer;
  8149. z-index: 1;
  8150. width: 30px;
  8151. height: 30px;
  8152. line-height: 30px;
  8153. }
  8154. .menu-item-list .menu-item .menu-toggle:before, .menu-item-list .menu-item .menu-toggle:after {
  8155. content: "";
  8156. display: block;
  8157. position: absolute;
  8158. right: 10px;
  8159. top: 15px;
  8160. height: 1px;
  8161. width: 11px;
  8162. background-color: var(--white);
  8163. }
  8164. .menu-item-list .menu-item .menu-toggle:after {
  8165. -webkit-transform: rotate(-90deg);
  8166. transform: rotate(-90deg);
  8167. }
  8168. .menu-item-list .menu-item .menu-toggle.show:after {
  8169. -webkit-transform: rotate(0deg);
  8170. transform: rotate(0deg);
  8171. }
  8172. .menu-item-list .menu-item .sub-menu .menu-toggle {
  8173. top: 0;
  8174. }
  8175. .menu-item-list .menu-item .sub-menu .menu-toggle:before, .menu-item-list .menu-item .sub-menu .menu-toggle:after {
  8176. width: 7px;
  8177. }
  8178. .menu-item-list .menu-item .sub-menu .active > a {
  8179. opacity: 1;
  8180. }
  8181. .menu-item-list .active .nav-link {
  8182. opacity: 0.6;
  8183. }
  8184. .menu-item-list .nav-link {
  8185. padding: 5px 20px 5px 0;
  8186. font-size: 20px;
  8187. line-height: 28px;
  8188. display: inline-block;
  8189. width: 100%;
  8190. margin: 9px 0;
  8191. color: var(--white);
  8192. -webkit-transition: 0.3s;
  8193. transition: 0.3s;
  8194. }
  8195. .menu-item-list .nav-link:hover {
  8196. color: var(--white);
  8197. opacity: 0.6;
  8198. }
  8199. .menu-item-list .sub-menu {
  8200. padding: 0;
  8201. display: block;
  8202. height: 0;
  8203. overflow: hidden;
  8204. list-style: none;
  8205. margin: 0;
  8206. position: relative !important;
  8207. transform: none !important;
  8208. background-color: transparent;
  8209. border: 0;
  8210. }
  8211. .menu-item-list .sub-menu li {
  8212. position: relative;
  8213. margin: 0;
  8214. padding: 5px 0;
  8215. }
  8216. .menu-item-list .sub-menu li .sub-menu {
  8217. margin: 0;
  8218. padding-left: 15px;
  8219. }
  8220. .menu-item-list .sub-menu li .sub-menu li {
  8221. padding: 10px 0 0;
  8222. }
  8223. .menu-item-list .sub-menu li .sub-menu li a {
  8224. padding: 0;
  8225. }
  8226. .menu-item-list .sub-menu li .sub-menu li a i {
  8227. margin-right: 10px;
  8228. }
  8229. .menu-item-list .sub-menu li .sub-menu li:first-child {
  8230. margin-top: 10px;
  8231. }
  8232. .menu-item-list .sub-menu li .sub-menu li:last-child {
  8233. margin-bottom: 10px;
  8234. }
  8235. .menu-item-list .sub-menu li:last-child {
  8236. margin-bottom: 0;
  8237. }
  8238. .menu-item-list .sub-menu li:last-child .sub-menu li:last-child {
  8239. margin-bottom: 0;
  8240. }
  8241. .menu-item-list .sub-menu a {
  8242. font-size: 15px;
  8243. line-height: 22px;
  8244. display: block;
  8245. color: var(--light-gray);
  8246. margin: 0;
  8247. padding-right: 20px;
  8248. }
  8249. .menu-item-list .sub-menu a:hover {
  8250. color: var(--white);
  8251. }
  8252. .menu-item-list .sub-menu a .label {
  8253. display: inline-block;
  8254. padding: 5px 10px;
  8255. font-size: 10px;
  8256. line-height: initial;
  8257. margin-left: 8px;
  8258. margin-top: 0px;
  8259. vertical-align: middle;
  8260. font-weight: 700;
  8261. text-transform: uppercase;
  8262. white-space: nowrap;
  8263. }
  8264. .menu-item-list .sub-menu.show {
  8265. height: auto;
  8266. overflow: visible;
  8267. }
  8268. /* Header left menu modern */
  8269. .left-modern-menu {
  8270. padding-left: 75px;
  8271. }
  8272. .left-modern-menu .collapse:not(.show) {
  8273. display: block !important;
  8274. }
  8275. .left-modern-menu .left-modern-header .navbar-brand {
  8276. position: relative;
  8277. z-index: 9;
  8278. width: 100%;
  8279. padding: 0 !important;
  8280. text-align: center;
  8281. }
  8282. .left-modern-menu .left-modern-header .navbar-brand img {
  8283. max-height: 45px;
  8284. }
  8285. .left-modern-menu .left-modern-header .modern-sidebar-nav {
  8286. position: fixed;
  8287. height: 100%;
  8288. width: 380px;
  8289. overflow-y: auto;
  8290. top: 0;
  8291. left: -400px;
  8292. transition-duration: 0.3s;
  8293. z-index: 9;
  8294. }
  8295. .left-modern-menu .left-modern-header .modern-sidebar-nav:hover .side-menu-hover-background-color {
  8296. opacity: 1;
  8297. }
  8298. .left-modern-menu .left-modern-header .modern-side-menu {
  8299. padding: 75px 40px;
  8300. height: 100%;
  8301. overflow-y: hidden;
  8302. }
  8303. .left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox {
  8304. display: flex;
  8305. width: 100%;
  8306. }
  8307. .left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox .mCSB_container {
  8308. align-self: flex-start;
  8309. width: 100%;
  8310. margin: 0;
  8311. padding: 0 30px;
  8312. }
  8313. .left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox .mCSB_container.mCS_no_scrollbar_y {
  8314. align-self: center;
  8315. }
  8316. .left-modern-menu .left-modern-header.show .modern-sidebar-nav {
  8317. left: 75px;
  8318. box-shadow: 0 0 150px rgba(0, 0, 0, 0.2);
  8319. }
  8320. .left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(1) {
  8321. top: 7px;
  8322. width: 0%;
  8323. }
  8324. .left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(2) {
  8325. -webkit-transform: rotate(45deg);
  8326. transform: rotate(45deg);
  8327. }
  8328. .left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(3) {
  8329. -webkit-transform: rotate(-45deg);
  8330. transform: rotate(-45deg);
  8331. }
  8332. .left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(4) {
  8333. top: 7px;
  8334. width: 0%;
  8335. }
  8336. .side-menu-hover-background-color {
  8337. position: absolute;
  8338. width: 100%;
  8339. height: 100%;
  8340. opacity: 0;
  8341. -webkit-transition-duration: 0.6s;
  8342. transition-duration: 0.6s;
  8343. }
  8344. /* Header left menu modern dark */
  8345. .header-dark .social-text {
  8346. color: var(--white);
  8347. }
  8348. .header-dark .connect-me .widget-text {
  8349. color: var(--white);
  8350. }
  8351. .header-dark .connect-me a {
  8352. color: var(--white);
  8353. }
  8354. .header-dark .connect-me a:hover {
  8355. opacity: 0.6;
  8356. }
  8357. .header-dark.left-modern-sidebar .navbar-toggler-line {
  8358. background-color: var(--white);
  8359. }
  8360. .vertical-title {
  8361. display: flex;
  8362. height: 100%;
  8363. flex: 1;
  8364. justify-content: flex-end;
  8365. flex-direction: column;
  8366. -webkit-transform: translateY(-75px);
  8367. transform: translateY(-75px);
  8368. }
  8369. .vertical-title .title {
  8370. -webkit-transform: rotate(-90deg);
  8371. transform: rotate(-90deg);
  8372. white-space: nowrap;
  8373. text-transform: uppercase;
  8374. }
  8375. .menu-list-wrapper {
  8376. overflow: auto;
  8377. height: calc(100vh - 150px);
  8378. padding: 50px 0;
  8379. }
  8380. .menu-list-wrapper .mCustomScrollBox {
  8381. display: flex;
  8382. width: 100%;
  8383. }
  8384. .menu-list-wrapper .mCustomScrollBox .mCSB_container {
  8385. align-self: flex-start;
  8386. width: 100%;
  8387. margin: 0;
  8388. }
  8389. .menu-list-wrapper .mCustomScrollBox .mCSB_container.mCS_no_scrollbar_y {
  8390. align-self: center;
  8391. }
  8392. .left-modern-sidebar {
  8393. position: fixed;
  8394. top: 0;
  8395. left: 0;
  8396. z-index: 999;
  8397. height: 100%;
  8398. width: 75px;
  8399. padding: 35px 0;
  8400. }
  8401. .left-modern-sidebar .toggle-icon {
  8402. position: absolute;
  8403. top: 50%;
  8404. left: 50%;
  8405. z-index: 9;
  8406. -webkit-transform: translate(-12px, -50%);
  8407. transform: translate(-12px, -50%);
  8408. }
  8409. .left-modern-sidebar .toggle-icon .navbar-toggler {
  8410. margin: 0;
  8411. position: relative;
  8412. margin: 0 auto;
  8413. z-index: 99;
  8414. cursor: pointer;
  8415. }
  8416. /* Hamburger menu */
  8417. .hamburger-nav {
  8418. width: 50%;
  8419. -webkit-transition: 0.5s;
  8420. transition: 0.5s;
  8421. }
  8422. .hamburger-nav .menu-item-list {
  8423. margin-bottom: 0;
  8424. padding: 0 30px;
  8425. }
  8426. .hamburger-nav .menu-item-list .menu-item {
  8427. margin: 0;
  8428. }
  8429. .hamburger-menu .header-icon {
  8430. position: absolute;
  8431. left: 0;
  8432. bottom: -50px;
  8433. }
  8434. /* Hamburger menu half */
  8435. .show-menu .hamburger-menu-half .hamburger-logo {
  8436. transform: translateY(0px);
  8437. opacity: 1;
  8438. transition-delay: 0.2s;
  8439. }
  8440. .show-menu .hamburger-menu-half .menu-address {
  8441. transform: translateY(0px);
  8442. opacity: 1;
  8443. transition-delay: 0.4s;
  8444. }
  8445. .show-menu .hamburger-menu-half .menu-text {
  8446. transform: translateY(0px);
  8447. opacity: 1;
  8448. transition-delay: 0.8s;
  8449. }
  8450. .show-menu .hamburger-menu-half .elements-social {
  8451. transform: translateY(0px);
  8452. opacity: 1;
  8453. transition-delay: 0.8s;
  8454. }
  8455. .show-menu .hamburger-menu-half .menu-item-list .menu-item {
  8456. transform: translateY(0px);
  8457. -webkit-transform: translateY(0px);
  8458. opacity: 1;
  8459. }
  8460. .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(1) {
  8461. transition-delay: 0.27s;
  8462. }
  8463. .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(2) {
  8464. transition-delay: 0.34s;
  8465. }
  8466. .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(3) {
  8467. transition-delay: 0.41s;
  8468. }
  8469. .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(4) {
  8470. transition-delay: 0.48s;
  8471. }
  8472. .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(5) {
  8473. transition-delay: 0.55s;
  8474. }
  8475. .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(6) {
  8476. transition-delay: 0.62s;
  8477. }
  8478. .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(7) {
  8479. transition-delay: 0.69s;
  8480. }
  8481. .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(8) {
  8482. transition-delay: 0.76s;
  8483. }
  8484. .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(9) {
  8485. transition-delay: 0.83s;
  8486. }
  8487. .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(10) {
  8488. transition-delay: 0.9s;
  8489. }
  8490. .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(11) {
  8491. transition-delay: 0.97s;
  8492. }
  8493. .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(12) {
  8494. transition-delay: 1.04s;
  8495. }
  8496. .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(13) {
  8497. transition-delay: 1.11s;
  8498. }
  8499. .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(14) {
  8500. transition-delay: 1.18s;
  8501. }
  8502. .show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(15) {
  8503. transition-delay: 1.25s;
  8504. }
  8505. .hamburger-menu-half .hamburger-logo {
  8506. transform: translateY(30px);
  8507. opacity: 0;
  8508. transition: transform 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  8509. }
  8510. .hamburger-menu-half .menu-address {
  8511. transform: translateY(30px);
  8512. opacity: 0;
  8513. transition: transform 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  8514. }
  8515. .hamburger-menu-half .elements-social {
  8516. transform: translateY(30px);
  8517. opacity: 0;
  8518. transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  8519. }
  8520. .hamburger-menu-half .menu-item-list .menu-item {
  8521. transform: translateY(30px);
  8522. opacity: 0;
  8523. transition: transform 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.4s cubic-bezier(0.8, 0.01, 0.165, 0.99);
  8524. }
  8525. .hamburger-menu-half .menu-item-list .menu-item:nth-child(1) {
  8526. transition-delay: 0.49s;
  8527. }
  8528. .hamburger-menu-half .menu-item-list .menu-item:nth-child(2) {
  8529. transition-delay: 0.42s;
  8530. }
  8531. .hamburger-menu-half .menu-item-list .menu-item:nth-child(3) {
  8532. transition-delay: 0.35s;
  8533. }
  8534. .hamburger-menu-half .menu-item-list .menu-item:nth-child(4) {
  8535. transition-delay: 0.28s;
  8536. }
  8537. .hamburger-menu-half .menu-item-list .menu-item:nth-child(5) {
  8538. transition-delay: 0.21s;
  8539. }
  8540. .hamburger-menu-half .menu-item-list .menu-item:nth-child(6) {
  8541. transition-delay: 0.14s;
  8542. }
  8543. .hamburger-menu-half .menu-item-list .menu-item:nth-child(7) {
  8544. transition-delay: 0.07s;
  8545. }
  8546. .hamburger-menu-half .menu-item-list .menu-item:nth-child(8) {
  8547. transition-delay: 0s;
  8548. }
  8549. .hamburger-menu-half .menu-item-list .menu-item:nth-child(9) {
  8550. transition-delay: -0.07s;
  8551. }
  8552. .hamburger-menu-half .menu-item-list .menu-item:nth-child(10) {
  8553. transition-delay: -0.14s;
  8554. }
  8555. .hamburger-menu-half .menu-item-list .menu-item:nth-child(11) {
  8556. transition-delay: -0.21s;
  8557. }
  8558. .hamburger-menu-half .menu-item-list .menu-item:nth-child(12) {
  8559. transition-delay: -0.28s;
  8560. }
  8561. .hamburger-menu-half .menu-item-list .menu-item:nth-child(13) {
  8562. transition-delay: -0.35s;
  8563. }
  8564. .hamburger-menu-half .menu-item-list .menu-item:nth-child(14) {
  8565. transition-delay: -0.42s;
  8566. }
  8567. .hamburger-menu-half .menu-item-list .menu-item:nth-child(15) {
  8568. transition-delay: -0.49s;
  8569. }
  8570. /* Hamburger menu simple */
  8571. .show-menu .hamburger-menu-simple {
  8572. opacity: 1;
  8573. visibility: visible;
  8574. top: 0px;
  8575. }
  8576. .show-menu .hamburger-menu-simple .hamburger-menu {
  8577. opacity: 1;
  8578. }
  8579. .show-menu .hamburger-menu-simple .hamburger-logo {
  8580. transform: translateY(0px);
  8581. opacity: 1;
  8582. transition-delay: 0.2s;
  8583. }
  8584. .show-menu .hamburger-menu-simple .menu-address {
  8585. transform: translateY(0px);
  8586. opacity: 1;
  8587. transition-delay: 0.4s;
  8588. }
  8589. .show-menu .hamburger-menu-simple .menu-text {
  8590. transform: translateY(0px);
  8591. opacity: 1;
  8592. transition-delay: 0.8s;
  8593. }
  8594. .show-menu .hamburger-menu-simple .elements-social {
  8595. transform: translateY(0px);
  8596. opacity: 1;
  8597. transition-delay: 0.8s;
  8598. }
  8599. .show-menu .hamburger-menu-simple .menu-item-list .menu-item {
  8600. transform: scale(1) translateY(0px);
  8601. -webkit-transform: scale(1) translateY(0px);
  8602. opacity: 1;
  8603. }
  8604. .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(1) {
  8605. transition-delay: 0.27s;
  8606. }
  8607. .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(2) {
  8608. transition-delay: 0.34s;
  8609. }
  8610. .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(3) {
  8611. transition-delay: 0.41s;
  8612. }
  8613. .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(4) {
  8614. transition-delay: 0.48s;
  8615. }
  8616. .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(5) {
  8617. transition-delay: 0.55s;
  8618. }
  8619. .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(6) {
  8620. transition-delay: 0.62s;
  8621. }
  8622. .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(7) {
  8623. transition-delay: 0.69s;
  8624. }
  8625. .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(8) {
  8626. transition-delay: 0.76s;
  8627. }
  8628. .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(9) {
  8629. transition-delay: 0.83s;
  8630. }
  8631. .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(10) {
  8632. transition-delay: 0.9s;
  8633. }
  8634. .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(11) {
  8635. transition-delay: 0.97s;
  8636. }
  8637. .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(12) {
  8638. transition-delay: 1.04s;
  8639. }
  8640. .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(13) {
  8641. transition-delay: 1.11s;
  8642. }
  8643. .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(14) {
  8644. transition-delay: 1.18s;
  8645. }
  8646. .show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(15) {
  8647. transition-delay: 1.25s;
  8648. }
  8649. .hamburger-menu-simple {
  8650. width: 100%;
  8651. right: 0;
  8652. opacity: 1;
  8653. visibility: collapse;
  8654. height: 100vh;
  8655. max-height: 100dvh;
  8656. top: -100%;
  8657. -webkit-transition: 0.3s;
  8658. transition: 0.3s;
  8659. }
  8660. .hamburger-menu-simple .navbar-brand {
  8661. position: absolute;
  8662. top: 100px;
  8663. left: 0;
  8664. right: 0;
  8665. }
  8666. .hamburger-menu-simple .hamburger-menu {
  8667. padding: 30px 0;
  8668. transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  8669. transition-delay: 0.4s;
  8670. opacity: 0;
  8671. }
  8672. .hamburger-menu-simple .hamburger-menu .header-icon {
  8673. bottom: 100px;
  8674. }
  8675. .hamburger-menu-simple .hamburger-logo {
  8676. transform: translateY(-50px);
  8677. opacity: 0;
  8678. transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  8679. }
  8680. .hamburger-menu-simple .menu-address {
  8681. transform: translateY(-50px);
  8682. opacity: 0;
  8683. transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  8684. }
  8685. .hamburger-menu-simple .menu-text {
  8686. transform: translateY(-50px);
  8687. opacity: 0;
  8688. transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  8689. }
  8690. .hamburger-menu-simple .elements-social {
  8691. transform: translateY(-50px);
  8692. opacity: 0;
  8693. transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  8694. }
  8695. .hamburger-menu-simple .menu-item-list .menu-item {
  8696. transform: scale(1.15) translateY(-30px);
  8697. opacity: 0;
  8698. transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  8699. }
  8700. .hamburger-menu-simple .menu-item-list .menu-item:nth-child(1) {
  8701. transition-delay: 0.49s;
  8702. }
  8703. .hamburger-menu-simple .menu-item-list .menu-item:nth-child(2) {
  8704. transition-delay: 0.42s;
  8705. }
  8706. .hamburger-menu-simple .menu-item-list .menu-item:nth-child(3) {
  8707. transition-delay: 0.35s;
  8708. }
  8709. .hamburger-menu-simple .menu-item-list .menu-item:nth-child(4) {
  8710. transition-delay: 0.28s;
  8711. }
  8712. .hamburger-menu-simple .menu-item-list .menu-item:nth-child(5) {
  8713. transition-delay: 0.21s;
  8714. }
  8715. .hamburger-menu-simple .menu-item-list .menu-item:nth-child(6) {
  8716. transition-delay: 0.14s;
  8717. }
  8718. .hamburger-menu-simple .menu-item-list .menu-item:nth-child(7) {
  8719. transition-delay: 0.07s;
  8720. }
  8721. .hamburger-menu-simple .menu-item-list .menu-item:nth-child(8) {
  8722. transition-delay: 0s;
  8723. }
  8724. .hamburger-menu-simple .menu-item-list .menu-item:nth-child(9) {
  8725. transition-delay: -0.07s;
  8726. }
  8727. .hamburger-menu-simple .menu-item-list .menu-item:nth-child(10) {
  8728. transition-delay: -0.14s;
  8729. }
  8730. .hamburger-menu-simple .menu-item-list .menu-item:nth-child(11) {
  8731. transition-delay: -0.21s;
  8732. }
  8733. .hamburger-menu-simple .menu-item-list .menu-item:nth-child(12) {
  8734. transition-delay: -0.28s;
  8735. }
  8736. .hamburger-menu-simple .menu-item-list .menu-item:nth-child(13) {
  8737. transition-delay: -0.35s;
  8738. }
  8739. .hamburger-menu-simple .menu-item-list .menu-item:nth-child(14) {
  8740. transition-delay: -0.42s;
  8741. }
  8742. .hamburger-menu-simple .menu-item-list .menu-item:nth-child(15) {
  8743. transition-delay: -0.49s;
  8744. }
  8745. .hamburger-menu-simple .menu-item-list .nav-link {
  8746. font-size: 20px;
  8747. width: auto;
  8748. position: relative;
  8749. }
  8750. .hamburger-menu-simple .menu-item-list .nav-link:hover {
  8751. opacity: 0.6;
  8752. }
  8753. .hamburger-logo img {
  8754. max-height: 45px;
  8755. }
  8756. /* Right push menu */
  8757. .right-push-menu .menu-item-list .menu-item .toggle {
  8758. top: 18px;
  8759. }
  8760. .right-push-menu .menu-item-list .sub-menu li .toggle {
  8761. top: 4px;
  8762. }
  8763. .right-push-menu .menu-item-list .nav-link {
  8764. font-size: 1.5rem;
  8765. line-height: 2.5rem;
  8766. }
  8767. .right-push-menu .left-menu-bottom {
  8768. margin-top: 30px;
  8769. }
  8770. .right-push-menu .left-menu-bottom .header-icon {
  8771. position: relative;
  8772. bottom: 0;
  8773. }
  8774. /* Header search popup */
  8775. .show-search-popup {
  8776. overflow: hidden;
  8777. }
  8778. .show-search-popup header .navbar {
  8779. z-index: 110;
  8780. }
  8781. .show-search-popup .search-form-wrapper {
  8782. opacity: 1;
  8783. visibility: visible;
  8784. cursor: url(../images/mfg-close.png), auto;
  8785. }
  8786. .show-search-popup .search-form-wrapper .search-form {
  8787. height: 50%;
  8788. cursor: default;
  8789. visibility: visible;
  8790. opacity: 1;
  8791. }
  8792. .search-form-wrapper {
  8793. background: rgba(35, 35, 35, 0.9);
  8794. width: 100%;
  8795. left: 0;
  8796. top: 0;
  8797. overflow: hidden !important;
  8798. display: block !important;
  8799. height: 100vh;
  8800. position: fixed;
  8801. visibility: hidden;
  8802. opacity: 0;
  8803. z-index: 999;
  8804. -webkit-transition: 0.2s;
  8805. transition: 0.2s;
  8806. }
  8807. .search-form-wrapper .search-form {
  8808. height: 0;
  8809. background-color: var(--white);
  8810. width: 100%;
  8811. left: 0;
  8812. top: 0;
  8813. display: flex;
  8814. align-items: center;
  8815. justify-content: center;
  8816. position: absolute;
  8817. opacity: 0;
  8818. visibility: hidden;
  8819. -webkit-transition: 0.6s;
  8820. transition: 0.6s;
  8821. }
  8822. .search-form-wrapper .search-form .search-input {
  8823. outline: none;
  8824. border: 0;
  8825. border-bottom: 1px solid rgba(23, 23, 23, 0.2);
  8826. color: var(--dark-gray);
  8827. font-size: 18px;
  8828. padding: 20px 0;
  8829. background: transparent;
  8830. line-height: 2.5rem;
  8831. -webkit-border-radius: 0px;
  8832. border-radius: 0px;
  8833. height: 80px;
  8834. width: 100%;
  8835. }
  8836. .search-form-wrapper .search-form .search-input::-moz-placeholder {
  8837. color: var(--light-gray);
  8838. opacity: 1;
  8839. }
  8840. .search-form-wrapper .search-form .search-input::-webkit-input-placeholder {
  8841. color: var(--light-gray);
  8842. }
  8843. .search-form-wrapper .search-form .search-button {
  8844. color: var(--dark-gray);
  8845. bottom: 24px;
  8846. position: absolute;
  8847. font-size: 25px;
  8848. right: 0;
  8849. line-height: normal;
  8850. outline: none;
  8851. cursor: pointer;
  8852. z-index: 0;
  8853. margin-right: 0;
  8854. border: none;
  8855. background: none;
  8856. }
  8857. .search-form-wrapper .search-form:hover {
  8858. color: var(--light-gray);
  8859. }
  8860. .search-form-wrapper .search-close {
  8861. color: var(--black);
  8862. position: fixed;
  8863. top: 30px;
  8864. right: 35px;
  8865. overflow: visible;
  8866. cursor: pointer;
  8867. background: transparent;
  8868. border: 0;
  8869. -webkit-appearance: none;
  8870. display: block;
  8871. outline: none;
  8872. padding: 0;
  8873. z-index: 1046;
  8874. box-shadow: none;
  8875. font-size: 40px;
  8876. font-weight: 300;
  8877. width: 44px;
  8878. height: 44px;
  8879. line-height: 44px;
  8880. }
  8881. .search-form-wrapper .search-form-box {
  8882. position: relative;
  8883. width: 45%;
  8884. }
  8885. /* Custom hide animation */
  8886. @-webkit-keyframes hide-animation {
  8887. 0% {
  8888. opacity: 1;
  8889. }
  8890. to {
  8891. opacity: 0;
  8892. }
  8893. }
  8894. /* Custom slide animation */
  8895. @-webkit-keyframes show-animation {
  8896. 0% {
  8897. opacity: 0;
  8898. }
  8899. to {
  8900. opacity: 1;
  8901. }
  8902. }
  8903. button:focus {
  8904. outline: none;
  8905. }
  8906. /* Header toggle button */
  8907. .navbar-toggler {
  8908. font-size: 24px;
  8909. width: 22px;
  8910. height: 14px;
  8911. display: inline-block;
  8912. position: relative;
  8913. padding: 0;
  8914. margin: 0;
  8915. border: none;
  8916. vertical-align: middle;
  8917. border-radius: 0;
  8918. -webkit-transition: 0.3s;
  8919. transition: 0.3s;
  8920. }
  8921. .navbar-toggler:focus {
  8922. box-shadow: none;
  8923. }
  8924. .navbar-toggler-line {
  8925. background: var(--dark-gray);
  8926. height: 2px;
  8927. width: 22px;
  8928. content: "";
  8929. display: block;
  8930. border-radius: 0;
  8931. position: absolute;
  8932. left: 0;
  8933. right: 0;
  8934. margin-left: auto;
  8935. margin-right: auto;
  8936. -webkit-transform: rotate(0deg);
  8937. transform: rotate(0deg);
  8938. -webkit-transition: 0.25s;
  8939. transition: 0.25s;
  8940. }
  8941. .navbar-toggler-line:nth-child(1) {
  8942. top: 0px;
  8943. width: 14px;
  8944. }
  8945. .navbar-toggler-line:nth-child(2) {
  8946. top: 6px;
  8947. }
  8948. .navbar-toggler-line:nth-child(3) {
  8949. top: 6px;
  8950. }
  8951. .navbar-toggler-line:nth-child(4) {
  8952. top: 12px;
  8953. width: 14px;
  8954. }
  8955. .navbar-collapse-show .navbar-toggler-line:nth-child(1) {
  8956. top: 7px;
  8957. width: 0%;
  8958. }
  8959. .navbar-collapse-show .navbar-toggler-line:nth-child(2) {
  8960. -webkit-transform: rotate(45deg);
  8961. transform: rotate(45deg);
  8962. }
  8963. .navbar-collapse-show .navbar-toggler-line:nth-child(3) {
  8964. -webkit-transform: rotate(-45deg);
  8965. transform: rotate(-45deg);
  8966. }
  8967. .navbar-collapse-show .navbar-toggler-line:nth-child(4) {
  8968. top: 7px;
  8969. width: 0%;
  8970. }
  8971. .navbar-modern-inner {
  8972. display: none;
  8973. }
  8974. .navbar-modern-inner .navbar-toggler {
  8975. display: none;
  8976. }
  8977. .header-with-topbar + .top-space-margin {
  8978. margin-top: 136px;
  8979. }
  8980. .header-with-topbar + .top-space-padding {
  8981. padding-top: 136px;
  8982. }
  8983. .navbar-modern-inner, .navbar-full-screen-menu-inner {
  8984. display: none;
  8985. }
  8986. .top-space-margin {
  8987. margin-top: 96px;
  8988. }
  8989. .top-space-padding {
  8990. padding-top: 96px;
  8991. }
  8992. /* Landing page header */
  8993. .header-demo.navbar .navbar-nav .premium-element {
  8994. padding: 35px 40px;
  8995. border-radius: 13px;
  8996. }
  8997. .header-demo.navbar .navbar-nav .premium-element a {
  8998. color: #585858;
  8999. padding-bottom: 8px;
  9000. }
  9001. .header-demo.navbar .navbar-nav .premium-element .sub-title {
  9002. font-size: 18px;
  9003. }
  9004. .header-demo.navbar .navbar-nav .nav-item:first-child .dropdown-menu a {
  9005. color: var(--dark-gray);
  9006. }
  9007. .header-demo.navbar .navbar-nav .nav-link {
  9008. font-weight: 600;
  9009. }
  9010. .header-demo.navbar .navbar-nav .dropdown .dropdown-menu a {
  9011. font-weight: 500;
  9012. }
  9013. .header-demo.navbar.header-dark .navbar-nav .nav-item:first-child .dropdown-menu a {
  9014. color: var(--white);
  9015. }
  9016. /* ===================================
  9017. 11. Page title
  9018. ====================================== */
  9019. /* Breadcrumb */
  9020. .breadcrumb {
  9021. margin: 0;
  9022. }
  9023. .breadcrumb ul {
  9024. margin: 0;
  9025. padding: 0;
  9026. }
  9027. .breadcrumb-style-01 ul li {
  9028. display: inline-block;
  9029. }
  9030. .breadcrumb-style-01 ul li:after {
  9031. content: "\e844";
  9032. font-family: "feather";
  9033. font-size: 13px;
  9034. font-weight: 900;
  9035. display: inline-block;
  9036. vertical-align: middle;
  9037. padding: 0 8px 0 10px;
  9038. }
  9039. .breadcrumb-style-01 ul li:last-child:after {
  9040. content: "";
  9041. padding: 0;
  9042. }
  9043. /* Page title style */
  9044. .page-title-double-large h1 {
  9045. font-size: 3.6rem;
  9046. line-height: 3.3rem;
  9047. }
  9048. .page-title-double-large h2 {
  9049. font-size: 17px;
  9050. line-height: 26px;
  9051. }
  9052. .page-title-extra-large h1 {
  9053. font-size: 3.3rem;
  9054. line-height: 3.3rem;
  9055. }
  9056. .page-title-extra-large h2 {
  9057. font-size: 18px;
  9058. line-height: 26px;
  9059. }
  9060. .page-title-large h1 {
  9061. font-size: 2.8rem;
  9062. line-height: 3rem;
  9063. }
  9064. .page-title-large h2 {
  9065. font-size: 16px;
  9066. line-height: 22px;
  9067. }
  9068. .page-title-medium h1 {
  9069. font-size: 2rem;
  9070. line-height: 2.2rem;
  9071. }
  9072. .page-title-medium h2 {
  9073. font-size: 16px;
  9074. line-height: 22px;
  9075. }
  9076. .page-title-small h1 {
  9077. font-size: 1.625rem;
  9078. line-height: 1.875rem;
  9079. }
  9080. .page-title-small h2 {
  9081. font-size: 16px;
  9082. line-height: 22px;
  9083. }
  9084. .page-title-extra-small h1 {
  9085. font-size: 17px;
  9086. line-height: 20px;
  9087. }
  9088. .page-title-extra-small h2 {
  9089. font-size: 3.8rem;
  9090. line-height: 3.8rem;
  9091. }
  9092. .page-title-button-style.page-title-button-style {
  9093. -webkit-transition: all 0.3s;
  9094. transition: all 0.3s;
  9095. }
  9096. .page-title-button-style h1 {
  9097. padding: 13px 30px;
  9098. display: inline-block;
  9099. }
  9100. .page-title-mini-version h1 {
  9101. font-size: 20px;
  9102. line-height: 30px;
  9103. }
  9104. /* Down section icon */
  9105. .down-section {
  9106. position: absolute;
  9107. bottom: 60px;
  9108. left: 0;
  9109. right: 0;
  9110. width: 100%;
  9111. }
  9112. .down-section a {
  9113. display: inline-block;
  9114. }
  9115. .down-section.down-bottom {
  9116. bottom: 0;
  9117. -webkit-transform: translateY(50%);
  9118. transform: translateY(50%);
  9119. }
  9120. /* Down section line */
  9121. .down-section-line .section-line {
  9122. position: relative;
  9123. }
  9124. .down-section-line .section-line:before {
  9125. position: absolute;
  9126. left: 0;
  9127. top: 0;
  9128. content: "";
  9129. height: 0;
  9130. width: 100%;
  9131. -webkit-transition: all 0.5s;
  9132. transition: all 0.5s;
  9133. background-color: var(--base-color);
  9134. }
  9135. .down-section-line:hover .section-line:before {
  9136. height: 100%;
  9137. }
  9138. /* ===================================
  9139. 12. Layout
  9140. ====================================== */
  9141. /* Sidebar */
  9142. .sidebar-list li {
  9143. position: relative;
  9144. display: inline-block;
  9145. width: 100%;
  9146. margin-bottom: 15px;
  9147. line-height: 18px;
  9148. }
  9149. .sidebar-list li a {
  9150. display: inline-block;
  9151. text-align: left;
  9152. }
  9153. .sidebar-list li a:hover {
  9154. color: var(--base-color) !important;
  9155. }
  9156. .sidebar-list li .item-qty {
  9157. font-size: 14px;
  9158. position: absolute;
  9159. top: 1px;
  9160. right: 0;
  9161. text-align: right;
  9162. }
  9163. .sidebar-list li:last-child {
  9164. margin-bottom: 0;
  9165. }
  9166. .latest-post-sidebar {
  9167. list-style: none;
  9168. padding: 0;
  9169. margin: 0;
  9170. }
  9171. .latest-post-sidebar li {
  9172. margin-bottom: 25px;
  9173. }
  9174. .latest-post-sidebar li figure {
  9175. height: 65px;
  9176. width: 80px;
  9177. margin: 0;
  9178. }
  9179. .latest-post-sidebar li .media-body {
  9180. line-height: normal;
  9181. padding-left: 30px;
  9182. position: relative;
  9183. top: -3px;
  9184. }
  9185. .latest-post-sidebar li:last-child {
  9186. margin-bottom: 0;
  9187. }
  9188. .popular-post-sidebar {
  9189. list-style: none;
  9190. padding: 0;
  9191. margin: 0;
  9192. }
  9193. .popular-post-sidebar li {
  9194. margin-bottom: 25px;
  9195. }
  9196. .popular-post-sidebar li figure {
  9197. height: 100px;
  9198. width: 100px;
  9199. margin: 0;
  9200. }
  9201. .popular-post-sidebar li .media-body {
  9202. line-height: normal;
  9203. padding-left: 30px;
  9204. position: relative;
  9205. }
  9206. .popular-post-sidebar li:last-child {
  9207. margin-bottom: 0;
  9208. }
  9209. .category-list-sidebar {
  9210. list-style: none;
  9211. padding: 0;
  9212. margin: 0;
  9213. }
  9214. .category-list-sidebar li {
  9215. margin-bottom: 15px;
  9216. }
  9217. .category-list-sidebar li .btn {
  9218. right: -10%;
  9219. opacity: 0;
  9220. -webkit-transform: scale(0.9);
  9221. transform: scale(0.9);
  9222. -webkit-transition: all 300ms cubic-bezier(0.37, 0.8, 0.63, 1);
  9223. transition: all 300ms cubic-bezier(0.37, 0.8, 0.63, 1);
  9224. }
  9225. .category-list-sidebar li:last-child {
  9226. margin-bottom: 0;
  9227. }
  9228. .category-list-sidebar li:hover .btn {
  9229. right: -8%;
  9230. opacity: 1;
  9231. -webkit-transform: scale(1);
  9232. transform: scale(1);
  9233. }
  9234. .post-sidebar.blog-side-image li {
  9235. margin-bottom: 35px;
  9236. width: 100%;
  9237. }
  9238. .post-sidebar.blog-side-image li .blog-box .blog-image {
  9239. min-height: 1px;
  9240. }
  9241. .post-sidebar.blog-side-image li:last-child {
  9242. margin-bottom: 0;
  9243. }
  9244. .tag-cloud a {
  9245. display: inline-block;
  9246. text-align: center;
  9247. font-size: 14px;
  9248. line-height: 20px;
  9249. margin: 0 6px 10px 0;
  9250. padding: 7px 18px;
  9251. border-radius: 4px;
  9252. border: 1px solid var(--extra-medium-gray);
  9253. }
  9254. .tag-cloud a:hover, .tag-cloud a.active {
  9255. box-shadow: 0 0 10px rgba(23, 23, 23, 0.1);
  9256. color: var(--dark-gray);
  9257. background-color: var(--white);
  9258. }
  9259. /* Grid */
  9260. .grid {
  9261. list-style: none;
  9262. padding: 0;
  9263. margin: 0;
  9264. }
  9265. /* Grid column and gutter spacing */
  9266. .grid li img {
  9267. width: 100%;
  9268. }
  9269. .grid .grid-sizer {
  9270. padding: 0 !important;
  9271. margin: 0 !important;
  9272. }
  9273. .grid.gutter-very-small li {
  9274. padding: 3px 3px;
  9275. }
  9276. .grid.gutter-small li {
  9277. padding: 5px 5px;
  9278. }
  9279. .grid.gutter-medium li {
  9280. padding: 7px 7px;
  9281. }
  9282. .grid.gutter-large li {
  9283. padding: 10px 10px;
  9284. }
  9285. .grid.gutter-extra-large li {
  9286. padding: 15px;
  9287. }
  9288. .grid.gutter-double-extra-large li {
  9289. padding: 20px;
  9290. }
  9291. .grid.gutter-triple-extra-large li {
  9292. padding: 30px;
  9293. }
  9294. .grid.grid-6col li {
  9295. width: 16.67%;
  9296. }
  9297. .grid.grid-6col li.grid-item-double {
  9298. width: 33.33%;
  9299. }
  9300. .grid.grid-6col li.grid-item-single {
  9301. width: 100%;
  9302. }
  9303. .grid.grid-5col li {
  9304. width: 20%;
  9305. }
  9306. .grid.grid-5col li.grid-item-double {
  9307. width: 40%;
  9308. }
  9309. .grid.grid-5col li.grid-item-single {
  9310. width: 100%;
  9311. }
  9312. .grid.grid-4col li {
  9313. width: 25%;
  9314. }
  9315. .grid.grid-4col li.grid-item-double {
  9316. width: 50%;
  9317. }
  9318. .grid.grid-4col li.grid-item-single {
  9319. width: 100%;
  9320. }
  9321. .grid.grid-3col li {
  9322. width: 33.33%;
  9323. }
  9324. .grid.grid-3col li.grid-item-double {
  9325. width: 66.67%;
  9326. }
  9327. .grid.grid-3col li.grid-item-single {
  9328. width: 100%;
  9329. }
  9330. .grid.grid-2col li {
  9331. width: 50%;
  9332. }
  9333. .grid.grid-2col li.grid-item-double {
  9334. width: 100%;
  9335. }
  9336. .grid.grid-2col li.grid-item-single {
  9337. width: 100%;
  9338. }
  9339. .grid .gutter-large {
  9340. margin-left: 10px;
  9341. margin-right: 10px;
  9342. margin: 0 10px;
  9343. }
  9344. /* ===================================
  9345. 13. Elements
  9346. ====================================== */
  9347. /* Accordion */
  9348. .accordion .accordion-item {
  9349. color: inherit;
  9350. border: none;
  9351. }
  9352. .accordion .accordion-item .accordion-header {
  9353. background-color: transparent;
  9354. border: none;
  9355. padding: 0;
  9356. margin-bottom: 0;
  9357. }
  9358. .accordion .accordion-item .accordion-header .accordion-title {
  9359. cursor: pointer;
  9360. padding-right: 25px;
  9361. }
  9362. .accordion .accordion-item .accordion-header .accordion-title i {
  9363. position: absolute;
  9364. top: 50%;
  9365. right: 0;
  9366. -webkit-transform: translateY(-50%);
  9367. transform: translateY(-50%);
  9368. }
  9369. .accordion .accordion-item .accordion-collapse {
  9370. border: 0;
  9371. }
  9372. /* Accordion style 01 */
  9373. .accordion-style-01 .accordion-item {
  9374. margin-bottom: 20px;
  9375. overflow: inherit;
  9376. padding: 20px 35px;
  9377. -webkit-border-radius: 4px !important;
  9378. border-radius: 4px !important;
  9379. -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  9380. transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  9381. -webkit-box-shadow: 0px 0px 20px 0px rgba(111, 111, 111, 0.15);
  9382. box-shadow: 0px 0px 20px 0px rgba(111, 111, 111, 0.15);
  9383. }
  9384. .accordion-style-01 .accordion-item:last-child {
  9385. margin-bottom: 0;
  9386. }
  9387. .accordion-style-01 .accordion-item .collapse {
  9388. overflow: hidden;
  9389. }
  9390. .accordion-style-01 .accordion-item .accordion-body {
  9391. padding: 12px 45px 10px 0px;
  9392. }
  9393. .accordion-style-01 .accordion-item .accordion-header .accordion-title > i {
  9394. position: static;
  9395. -webkit-transform: none;
  9396. transform: none;
  9397. }
  9398. /* Accordion style 02 */
  9399. .accordion-style-02 .accordion-item {
  9400. background-color: transparent;
  9401. }
  9402. .accordion-style-02 .accordion-item .accordion-header {
  9403. margin-bottom: 0;
  9404. padding: 15px 0;
  9405. }
  9406. .accordion-style-02 .accordion-item .accordion-header .accordion-title i {
  9407. right: 0;
  9408. }
  9409. .accordion-style-02 .accordion-item.active-accordion .accordion-header {
  9410. border-bottom-color: transparent !important;
  9411. }
  9412. .accordion-style-02 .accordion-item .accordion-body {
  9413. padding: 0 25px 30px 0;
  9414. }
  9415. .accordion-style-02 .right-icon {
  9416. background-color: var(--white);
  9417. color: var(--dark-gray);
  9418. }
  9419. .accordion-style-02 .right-icon:hover {
  9420. background-color: var(--base-color);
  9421. color: var(--white);
  9422. }
  9423. /* Accordion style 03 */
  9424. .accordion-style-03 .accordion-item {
  9425. margin-bottom: 20px;
  9426. border: 1px solid rgba(255, 255, 255, 0.15) !important;
  9427. -webkit-border-radius: 0;
  9428. border-radius: 0;
  9429. background-color: transparent;
  9430. }
  9431. .accordion-style-03 .accordion-item .accordion-header {
  9432. padding: 15px 30px;
  9433. -webkit-border-radius: 0;
  9434. border-radius: 0;
  9435. }
  9436. .accordion-style-03 .accordion-item .accordion-body {
  9437. padding: 30px;
  9438. border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
  9439. }
  9440. /* Accordion style 04 */
  9441. .accordion-style-04 .accordion-item {
  9442. -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  9443. transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  9444. -webkit-border-radius: 0;
  9445. border-radius: 0;
  9446. background-color: transparent;
  9447. }
  9448. .accordion-style-04 .accordion-item .accordion-header {
  9449. padding: 18px 35px;
  9450. }
  9451. .accordion-style-04 .accordion-item .accordion-body {
  9452. padding: 25px 40px 30px;
  9453. }
  9454. .accordion-style-04 .accordion-item.active-accordion {
  9455. -webkit-box-shadow: 0px 5px 25px 0px rgba(111, 111, 111, 0.15);
  9456. box-shadow: 0px 5px 25px 0px rgba(111, 111, 111, 0.15);
  9457. background: var(--white);
  9458. }
  9459. /* Accordion style 05 */
  9460. .accordion-style-05 .accordion-item {
  9461. margin-bottom: 20px;
  9462. overflow: hidden;
  9463. padding: 22px 35px 22px 65px;
  9464. position: relative;
  9465. -webkit-border-radius: 4px !important;
  9466. border-radius: 4px !important;
  9467. -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  9468. transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  9469. -webkit-box-shadow: 0px 0px 45px 0px rgba(111, 111, 111, 0.15);
  9470. box-shadow: 0px 0px 45px 0px rgba(111, 111, 111, 0.15);
  9471. }
  9472. .accordion-style-05 .accordion-item:last-child {
  9473. margin-bottom: 0;
  9474. }
  9475. .accordion-style-05 .accordion-item .collapse {
  9476. overflow: hidden;
  9477. }
  9478. .accordion-style-05 .accordion-item .accordion-body {
  9479. padding: 10px 45px 10px 0px;
  9480. }
  9481. .accordion-style-05 .accordion-item .number {
  9482. position: absolute;
  9483. left: -13px;
  9484. top: 15px;
  9485. }
  9486. .accordion-style-05 .accordion-item.active-accordion {
  9487. -webkit-box-shadow: 0px 15px 40px 5px rgba(111, 111, 111, 0.15);
  9488. box-shadow: 0px 15px 40px 5px rgba(111, 111, 111, 0.15);
  9489. }
  9490. .accordion-style-05 .accordion-item.active-accordion .number {
  9491. -webkit-text-fill-color: var(--base-color);
  9492. -webkit-text-stroke-color: var(--base-color);
  9493. }
  9494. /* Accordion style 06 */
  9495. .accordion-style-06 .accordion-item {
  9496. margin-bottom: 0;
  9497. overflow: hidden;
  9498. padding: 15px 100px 15px 45px;
  9499. position: relative;
  9500. -webkit-border-radius: 4px !important;
  9501. border-radius: 4px !important;
  9502. }
  9503. .accordion-style-06 .accordion-item:last-child {
  9504. margin-bottom: 0;
  9505. }
  9506. .accordion-style-06 .accordion-item .collapse {
  9507. overflow: hidden;
  9508. border-radius: 0;
  9509. }
  9510. .accordion-style-06 .accordion-item .accordion-body {
  9511. padding: 10px 0 10px 0px;
  9512. }
  9513. .accordion-style-06 .accordion-item i {
  9514. position: absolute;
  9515. right: -32px;
  9516. top: 50%;
  9517. opacity: 0;
  9518. -webkit-transition: 0.3s;
  9519. transition: 0.3s;
  9520. color: var(--dark-gray);
  9521. -webkit-transform: rotate(-35deg) translateY(-50%);
  9522. transform: rotate(-35deg) translateY(-50%);
  9523. }
  9524. .accordion-style-06 .accordion-item .collapsing i {
  9525. opacity: 0;
  9526. }
  9527. .accordion-style-06 .accordion-item.active-accordion {
  9528. padding-top: 30px;
  9529. padding-bottom: 30px;
  9530. background-image: linear-gradient(to bottom, #f2f8f7, #f5fafa, #f9fbfd, #fcfdfe, #ffffff);
  9531. }
  9532. .accordion-style-06 .accordion-item.active-accordion i {
  9533. opacity: 0.15;
  9534. }
  9535. /* Alert box */
  9536. .alert-success {
  9537. background-color: #f1fbec;
  9538. color: #54b783;
  9539. border-color: #cce8b3;
  9540. padding: 10px 20px 10px 20px;
  9541. }
  9542. .alert {
  9543. padding: 20px 25px 20px 30px;
  9544. margin-bottom: 30px;
  9545. line-height: 22px;
  9546. position: relative;
  9547. z-index: 1;
  9548. -webkit-border-radius: 4px;
  9549. border-radius: 4px;
  9550. }
  9551. .alert.alert-success {
  9552. background-color: #f1fbec;
  9553. color: #54b783;
  9554. border-color: #cce8b3;
  9555. }
  9556. .alert.alert-info {
  9557. background-color: #ebf5f9;
  9558. color: #4278bb;
  9559. border-color: #bce8f1;
  9560. }
  9561. .alert.alert-warning {
  9562. background-color: #fcf8e3;
  9563. color: #e2ad4b;
  9564. border-color: #faebcc;
  9565. }
  9566. .alert.alert-danger {
  9567. background-color: #fbf1f1;
  9568. color: #e65656;
  9569. border-color: #efe1e3;
  9570. }
  9571. .alert strong {
  9572. font-weight: 500;
  9573. }
  9574. @keyframes hvr-icon-push {
  9575. 50% {
  9576. -webkit-trasfrom: scale(0.5);
  9577. trasfrom: scale(0.5);
  9578. }
  9579. }
  9580. .alert .close {
  9581. opacity: 1;
  9582. font-size: 16px;
  9583. line-height: 22px;
  9584. color: rgba(0, 0, 0, 0.34);
  9585. text-shadow: none;
  9586. float: right;
  9587. }
  9588. .alert .close i {
  9589. -webkit-transform: translateZ(0);
  9590. transform: translateZ(0);
  9591. -webkit-transition-duration: 0.3s;
  9592. transition-duration: 0.3s;
  9593. -webkit-transition-property: transform;
  9594. transition-property: transform;
  9595. -webkit-transition-timing-function: ease-out;
  9596. transition-timing-function: ease-out;
  9597. }
  9598. .alert .close:hover i {
  9599. -webkit-animation-name: hvr-icon-push;
  9600. animation-name: hvr-icon-push;
  9601. -webkit-animation-duration: 0.3s;
  9602. animation-duration: 0.3s;
  9603. -webkit-animation-timing-function: linear;
  9604. animation-timing-function: linear;
  9605. -webkit-animation-iteration-count: 1;
  9606. animation-iteration-count: 1;
  9607. }
  9608. .alert .close:not(:disabled), .alert .close:not(.disabled):focus, .alert .close:not(.disabled):hover {
  9609. opacity: 1;
  9610. }
  9611. /* Alert box style 02 */
  9612. .alert-box-style-02 .alert {
  9613. padding: 22px 60px 22px 30px;
  9614. border: none;
  9615. line-height: 22px;
  9616. -webkit-box-shadow: 0px 0 10px 0 rgba(111, 111, 111, 0.1);
  9617. box-shadow: 0px 0 10px 0 rgba(111, 111, 111, 0.1);
  9618. }
  9619. .alert-box-style-02 .alert.alert-success {
  9620. color: #54b783;
  9621. }
  9622. .alert-box-style-02 .alert.alert-info {
  9623. color: #4278bb;
  9624. }
  9625. .alert-box-style-02 .alert.alert-warning {
  9626. color: #e2ad4b;
  9627. }
  9628. .alert-box-style-02 .alert.alert-danger {
  9629. color: #e65656;
  9630. }
  9631. .alert-box-style-02 .alert .close {
  9632. height: 100%;
  9633. position: absolute;
  9634. right: 0;
  9635. width: 60px;
  9636. text-align: center;
  9637. top: 0;
  9638. display: flex;
  9639. justify-content: center;
  9640. align-items: center;
  9641. border-left: 1px solid var(--light-medium-gray);
  9642. font-size: 18px;
  9643. }
  9644. /* Alert box style 03 */
  9645. .alert-box-style-03 .alert {
  9646. padding: 20px 30px 20px 55px;
  9647. border: 0;
  9648. }
  9649. .alert-box-style-03 .alert:before {
  9650. font-family: bootstrap-icons;
  9651. display: inline-block;
  9652. position: absolute;
  9653. left: 25px;
  9654. font-size: 18px;
  9655. }
  9656. .alert-box-style-03 .alert.alert-success {
  9657. background-color: #54b783;
  9658. }
  9659. .alert-box-style-03 .alert.alert-success:before {
  9660. content: "\f26b";
  9661. }
  9662. .alert-box-style-03 .alert.alert-info {
  9663. background-color: #4278bb;
  9664. }
  9665. .alert-box-style-03 .alert.alert-info:before {
  9666. content: "\f431";
  9667. }
  9668. .alert-box-style-03 .alert.alert-warning {
  9669. background-color: #e2ad4b;
  9670. }
  9671. .alert-box-style-03 .alert.alert-warning:before {
  9672. content: "\f567";
  9673. }
  9674. .alert-box-style-03 .alert.alert-danger {
  9675. background-color: #e65656;
  9676. }
  9677. .alert-box-style-03 .alert.alert-danger:before {
  9678. content: "\f623";
  9679. }
  9680. .alert-box-style-03 .alert .close {
  9681. right: -10px;
  9682. position: relative;
  9683. }
  9684. /* Alert box style 04 */
  9685. .alert-box-style-04 .alert {
  9686. padding: 20px 25px 20px 30px;
  9687. border-radius: 0;
  9688. border: none;
  9689. border-left: 3px solid;
  9690. }
  9691. .alert-box-style-04 .alert:hover {
  9692. -webkit-box-shadow: 0px 0 10px 0 rgba(111, 111, 111, 0.1);
  9693. box-shadow: 0px 0 10px 0 rgba(111, 111, 111, 0.1);
  9694. }
  9695. .alert-box-style-04 .alert.alert-success {
  9696. color: #54b783;
  9697. border-color: #54b783;
  9698. }
  9699. .alert-box-style-04 .alert.alert-info {
  9700. color: #4278bb;
  9701. border-color: #4278bb;
  9702. }
  9703. .alert-box-style-04 .alert.alert-warning {
  9704. color: #e2ad4b;
  9705. border-color: #e2ad4b;
  9706. }
  9707. .alert-box-style-04 .alert.alert-danger {
  9708. color: #e65656;
  9709. border-color: #e65656;
  9710. }
  9711. /* Alert box style 05 */
  9712. .alert-box-style-05 .alert {
  9713. background-color: transparent;
  9714. padding-left: 0;
  9715. padding-right: 0;
  9716. border: none;
  9717. border-bottom: 2px solid;
  9718. color: var(--dark-gray);
  9719. padding: 10px 0;
  9720. -webkit-border-radius: 0px;
  9721. border-radius: 0px;
  9722. }
  9723. .alert-box-style-05 .alert.alert-success {
  9724. border-color: #54b783;
  9725. }
  9726. .alert-box-style-05 .alert.alert-info {
  9727. border-color: #4278bb;
  9728. }
  9729. .alert-box-style-05 .alert.alert-warning {
  9730. border-color: #e2ad4b;
  9731. }
  9732. .alert-box-style-05 .alert.alert-danger {
  9733. border-color: #e65656;
  9734. }
  9735. /* Blockquote */
  9736. blockquote footer {
  9737. padding: 0;
  9738. }
  9739. /* Blockquote style 05 */
  9740. .blockquote-style-04 .blockquote-img img {
  9741. margin-top: -114px;
  9742. }
  9743. .blockquote-style-04 .blockquote-content {
  9744. padding: 5% 0 5% 26%;
  9745. margin-left: -8vw;
  9746. -webkit-border-radius: 50px 50px 125px 50px;
  9747. border-radius: 50px 50px 125px 50px;
  9748. }
  9749. /* Use for mac desktop pc */
  9750. @media only screen and (min-width: 1921px) {
  9751. .blockquote-style-04 .blockquote-content {
  9752. margin-left: -6vw;
  9753. }
  9754. }
  9755. /* Button */
  9756. .btn-box-shadow {
  9757. -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  9758. box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  9759. -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  9760. transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  9761. }
  9762. .btn-box-shadow:hover {
  9763. -webkit-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
  9764. box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
  9765. -webkit-transform: translate3d(0, -2px, 0);
  9766. transform: translate3d(0, -2px, 0);
  9767. }
  9768. .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  9769. border-color: initial;
  9770. color: initial;
  9771. }
  9772. .btn {
  9773. display: inline-block;
  9774. border: 2px solid transparent;
  9775. border-radius: 0;
  9776. text-transform: uppercase;
  9777. letter-spacing: 0.5px;
  9778. width: auto;
  9779. font-family: var(--alt-font);
  9780. font-weight: 500;
  9781. -webkit-transition: all 300ms ease-in-out;
  9782. transition: all 300ms ease-in-out;
  9783. }
  9784. .btn:focus {
  9785. -webkit-box-shadow: none;
  9786. box-shadow: none;
  9787. }
  9788. .btn:hover {
  9789. background-color: inherit;
  9790. }
  9791. .btn i {
  9792. position: relative;
  9793. margin-left: 6px;
  9794. }
  9795. .btn.btn-extra-large {
  9796. font-size: 16px;
  9797. padding: 16px 30px;
  9798. }
  9799. .btn.btn-large {
  9800. font-size: 14px;
  9801. padding: 18px 34px;
  9802. }
  9803. .btn.btn-medium {
  9804. font-size: 13px;
  9805. padding: 16px 30px;
  9806. }
  9807. .btn.btn-small {
  9808. font-size: 14px;
  9809. padding: 13px 26px;
  9810. }
  9811. .btn.btn-very-small {
  9812. font-size: 11px;
  9813. padding: 10px 20px;
  9814. }
  9815. .btn.btn-rounded.btn-extra-large {
  9816. padding: 18px 46px;
  9817. }
  9818. .btn.btn-rounded.btn-large {
  9819. padding: 14px 36px;
  9820. }
  9821. .btn.btn-rounded.btn-medium {
  9822. padding: 12px 32px;
  9823. }
  9824. .btn.btn-rounded.btn-small {
  9825. padding: 10px 26px;
  9826. }
  9827. .btn.btn-rounded.btn-very-small {
  9828. padding: 8px 20px;
  9829. }
  9830. .btn.btn-rounded.btn-rounded {
  9831. -webkit-border-radius: 50px;
  9832. border-radius: 50px;
  9833. }
  9834. .btn.btn-round-edge {
  9835. -webkit-border-radius: 4px;
  9836. border-radius: 4px;
  9837. }
  9838. .btn.btn-round-edge-small {
  9839. -webkit-border-radius: 2px;
  9840. border-radius: 2px;
  9841. }
  9842. .btn.btn-link {
  9843. padding: 0 0 2px;
  9844. position: relative;
  9845. text-decoration: none;
  9846. border: 0;
  9847. border-bottom: 2px solid;
  9848. letter-spacing: 0;
  9849. background-color: transparent;
  9850. }
  9851. .btn.btn-link.thin {
  9852. border-bottom: 1px solid;
  9853. }
  9854. .btn.btn-link:hover {
  9855. opacity: 0.7;
  9856. }
  9857. .btn.btn-link:focus-visible {
  9858. box-shadow: none;
  9859. }
  9860. .btn.btn-link-gradient {
  9861. padding: 0 0 3px !important;
  9862. position: relative;
  9863. border: 0;
  9864. background-color: transparent;
  9865. }
  9866. .btn.btn-link-gradient > span {
  9867. position: absolute;
  9868. bottom: 0;
  9869. left: 0;
  9870. height: 2px;
  9871. width: 100%;
  9872. }
  9873. .btn.btn-link-gradient.thin span {
  9874. height: 1px;
  9875. }
  9876. .btn.btn-link-gradient.expand span {
  9877. width: 50%;
  9878. -webkit-transition: all 0.3s ease;
  9879. transition: all 0.3s ease;
  9880. }
  9881. .btn.btn-link-gradient:hover {
  9882. opacity: 0.7;
  9883. }
  9884. .btn.btn-link-gradient:hover.expand:hover span {
  9885. width: 100%;
  9886. }
  9887. .btn.btn-expand {
  9888. position: relative;
  9889. z-index: 1;
  9890. }
  9891. .btn.btn-expand span {
  9892. position: absolute;
  9893. top: 0;
  9894. left: 0;
  9895. width: 50%;
  9896. height: 100%;
  9897. z-index: -1;
  9898. -webkit-transition: 0.3s;
  9899. transition: 0.3s;
  9900. }
  9901. .btn.btn-expand:hover, .btn.btn-expand:active {
  9902. border-color: transparent;
  9903. }
  9904. .btn.btn-expand:hover span, .btn.btn-expand:active span {
  9905. width: 100%;
  9906. }
  9907. .btn.btn-expand-ltr {
  9908. position: relative;
  9909. z-index: 1;
  9910. background-color: transparent;
  9911. border: 0;
  9912. color: initial;
  9913. }
  9914. .btn.btn-expand-ltr:active {
  9915. background-color: transparent;
  9916. border: 0;
  9917. color: initial;
  9918. }
  9919. .btn.btn-expand-ltr span {
  9920. border-radius: 50px;
  9921. position: absolute;
  9922. top: 50%;
  9923. left: 0;
  9924. z-index: -1;
  9925. -webkit-transition: 0.3s;
  9926. transition: 0.3s;
  9927. -webkit-transform: translateY(-50%);
  9928. transform: translateY(-50%);
  9929. }
  9930. .btn.btn-expand-ltr:hover span {
  9931. width: 100% !important;
  9932. }
  9933. .btn.btn-expand-ltr.btn-extra-large {
  9934. padding: 18px 28px;
  9935. }
  9936. .btn.btn-expand-ltr.btn-extra-large span {
  9937. width: 60px;
  9938. height: 60px;
  9939. }
  9940. .btn.btn-expand-ltr.btn-large {
  9941. padding: 14px 26px;
  9942. }
  9943. .btn.btn-expand-ltr.btn-large span {
  9944. width: 50px;
  9945. height: 50px;
  9946. }
  9947. .btn.btn-expand-ltr.btn-medium {
  9948. padding: 12px 24px;
  9949. }
  9950. .btn.btn-expand-ltr.btn-medium span {
  9951. width: 44px;
  9952. height: 44px;
  9953. }
  9954. .btn.btn-expand-ltr.btn-small {
  9955. padding: 10px 22px;
  9956. }
  9957. .btn.btn-expand-ltr.btn-small span {
  9958. width: 40px;
  9959. height: 40px;
  9960. }
  9961. .btn.btn-expand-ltr.btn-very-small {
  9962. padding: 8px 18px;
  9963. }
  9964. .btn.btn-expand-ltr.btn-very-small span {
  9965. width: 38px;
  9966. height: 38px;
  9967. }
  9968. .btn.btn-hover-animation-switch.btn-link {
  9969. border-bottom: 0;
  9970. padding-bottom: 0;
  9971. }
  9972. .btn.btn-hover-animation-switch.btn-link:hover {
  9973. opacity: 1;
  9974. }
  9975. .btn.btn-hover-animation-switch > span {
  9976. display: inline-flex;
  9977. align-items: center;
  9978. }
  9979. .btn.btn-hover-animation-switch .btn-text {
  9980. margin-left: -13px;
  9981. position: relative;
  9982. z-index: 3;
  9983. transition: transform 0.6s 0.125s cubic-bezier(0.1, 0.75, 0.25, 1);
  9984. }
  9985. .btn.btn-hover-animation-switch .btn-icon {
  9986. margin-left: 6px;
  9987. position: relative;
  9988. transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
  9989. transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
  9990. line-height: 0;
  9991. z-index: 3;
  9992. }
  9993. .btn.btn-hover-animation-switch .btn-icon i {
  9994. margin: 0;
  9995. line-height: 0;
  9996. }
  9997. .btn.btn-hover-animation-switch .btn-icon + .btn-icon {
  9998. order: -2;
  9999. opacity: 0;
  10000. transition-delay: 0s;
  10001. margin-left: 0;
  10002. -webkit-transform: translateX(-10px);
  10003. transform: translateX(-10px);
  10004. }
  10005. .btn.btn-hover-animation-switch:hover .btn-text {
  10006. transition-delay: 0.1s;
  10007. transform: translateX(23px);
  10008. }
  10009. .btn.btn-hover-animation-switch:hover .btn-icon {
  10010. transition-delay: 0s;
  10011. transform: translateX(10px);
  10012. opacity: 0;
  10013. }
  10014. .btn.btn-hover-animation-switch:hover .btn-icon + .btn-icon {
  10015. opacity: 1;
  10016. transform: translateX(0);
  10017. transition-delay: 0.225s;
  10018. }
  10019. .btn.btn-hover-animation-switch.btn-icon-left .btn-text {
  10020. margin-right: -15px;
  10021. margin-left: 0px;
  10022. position: relative;
  10023. z-index: 3;
  10024. }
  10025. .btn.btn-hover-animation-switch.btn-icon-left .btn-icon {
  10026. opacity: 0;
  10027. margin-left: 0;
  10028. transition-delay: 0s;
  10029. -webkit-transform: translateX(10px);
  10030. transform: translateX(10px);
  10031. }
  10032. .btn.btn-hover-animation-switch.btn-icon-left .btn-icon + .btn-icon {
  10033. opacity: 1;
  10034. margin-left: 0;
  10035. margin-right: 6px;
  10036. transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
  10037. transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
  10038. -webkit-transform: translateX(0px);
  10039. transform: translateX(0px);
  10040. }
  10041. .btn.btn-hover-animation-switch.btn-icon-left:hover .btn-text {
  10042. transition-delay: 0.1s;
  10043. transform: translateX(-20px);
  10044. }
  10045. .btn.btn-hover-animation-switch.btn-icon-left:hover .btn-icon {
  10046. transform: translateX(0px);
  10047. opacity: 1;
  10048. transition-delay: 0.225s;
  10049. }
  10050. .btn.btn-hover-animation-switch.btn-icon-left:hover .btn-icon + .btn-icon {
  10051. opacity: 0;
  10052. transition-delay: 0s;
  10053. transform: translateX(-10px);
  10054. }
  10055. .btn.btn-hover-animation.btn-link {
  10056. border-bottom: 0;
  10057. padding-bottom: 0;
  10058. }
  10059. .btn.btn-hover-animation.btn-link:hover {
  10060. opacity: 1;
  10061. }
  10062. .btn.btn-hover-animation > span {
  10063. display: inline-flex;
  10064. align-items: center;
  10065. }
  10066. .btn.btn-hover-animation .btn-text {
  10067. margin-left: 0px;
  10068. position: relative;
  10069. z-index: 3;
  10070. transition: transform 0.5s;
  10071. }
  10072. .btn.btn-hover-animation .btn-icon {
  10073. display: inline-flex;
  10074. align-items: center;
  10075. margin-left: -24px;
  10076. }
  10077. .btn.btn-hover-animation .btn-icon i {
  10078. display: inline-block;
  10079. opacity: 0;
  10080. top: 0;
  10081. transform: translateX(0.24px);
  10082. transition: opacity 0.25s, transform 0.5s;
  10083. }
  10084. .btn.btn-hover-animation:hover .btn-text {
  10085. -webkit-transform: translateX(-12px);
  10086. transform: translateX(-12px);
  10087. }
  10088. .btn.btn-hover-animation:hover .btn-icon i {
  10089. opacity: 1;
  10090. -webkit-transform: translateX(12px);
  10091. transform: translateX(12px);
  10092. }
  10093. .btn.btn-hover-animation:active {
  10094. border-color: transparent !important;
  10095. }
  10096. .btn.btn-hover-animation.btn-icon-left .btn-icon {
  10097. margin-right: -24px;
  10098. margin-left: 0;
  10099. }
  10100. .btn.btn-hover-animation.btn-icon-left .btn-icon i {
  10101. transform: translateX(0.24px);
  10102. }
  10103. .btn.btn-hover-animation.btn-icon-left .btn-text {
  10104. margin-right: 0;
  10105. margin-left: 0;
  10106. }
  10107. .btn.btn-hover-animation.btn-icon-left:hover .btn-text {
  10108. -webkit-transform: translateX(15px);
  10109. transform: translateX(15px);
  10110. }
  10111. .btn.btn-hover-animation.btn-icon-left:hover .btn-icon i {
  10112. opacity: 1;
  10113. -webkit-transform: translateX(-20px);
  10114. transform: translateX(-20px);
  10115. }
  10116. .btn.btn-slide-up span {
  10117. -webkit-transform: translateY(100%);
  10118. transform: translateY(100%);
  10119. }
  10120. .btn.btn-slide-down span {
  10121. -webkit-transform: translateY(-100%);
  10122. transform: translateY(-100%);
  10123. }
  10124. .btn.btn-slide-left span {
  10125. -webkit-transform: translateX(100%);
  10126. transform: translateX(100%);
  10127. }
  10128. .btn.btn-slide-right span {
  10129. -webkit-transform: translateX(-100%);
  10130. transform: translateX(-100%);
  10131. }
  10132. .btn.btn-slide-up, .btn.btn-slide-down, .btn.btn-slide-left, .btn.btn-slide-right {
  10133. position: relative;
  10134. z-index: 1;
  10135. overflow: hidden;
  10136. }
  10137. .btn.btn-slide-up span, .btn.btn-slide-down span, .btn.btn-slide-left span, .btn.btn-slide-right span {
  10138. position: absolute;
  10139. height: 100%;
  10140. width: 102%;
  10141. z-index: -1;
  10142. left: -2px;
  10143. top: 0;
  10144. -webkit-transition: 0.3s;
  10145. transition: 0.3s;
  10146. }
  10147. .btn.btn-slide-up:hover span, .btn.btn-slide-down:hover span, .btn.btn-slide-left:hover span, .btn.btn-slide-right:hover span {
  10148. -webkit-transform: translateY(0);
  10149. transform: translateY(0);
  10150. }
  10151. .btn.btn-radius {
  10152. -webkit-transition: all 0.5s;
  10153. transition: all 0.5s;
  10154. }
  10155. .btn.btn-radius:hover {
  10156. -webkit-border-radius: 10px;
  10157. border-radius: 10px;
  10158. }
  10159. .btn.arrow-bounce-right {
  10160. position: relative;
  10161. }
  10162. .btn.arrow-bounce-right:before {
  10163. content: "\f108";
  10164. font-family: "Font Awesome 5 Free";
  10165. position: absolute;
  10166. top: inherit;
  10167. left: 80%;
  10168. transition: all 0.3s;
  10169. opacity: 0;
  10170. font-weight: 900;
  10171. margin-top: 3px;
  10172. }
  10173. .btn.arrow-bounce-right:hover:before {
  10174. left: 85%;
  10175. opacity: 1;
  10176. }
  10177. .btn.underline-on-hover {
  10178. position: relative;
  10179. padding: 0 0 2px;
  10180. border: none;
  10181. opacity: 1 !important;
  10182. }
  10183. .btn.underline-on-hover:after {
  10184. position: absolute;
  10185. top: 100%;
  10186. left: 0;
  10187. width: 100%;
  10188. border-bottom: 2px solid;
  10189. content: "";
  10190. opacity: 0;
  10191. -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  10192. transition: opacity 0.3s, transform 0.3s;
  10193. -webkit-transform: translateY(7px);
  10194. transform: translateY(7px);
  10195. }
  10196. .btn.underline-on-hover:hover:after {
  10197. opacity: 1;
  10198. -webkit-transform: translateY(0);
  10199. transform: translateY(0);
  10200. }
  10201. .btn.underline-on-hover.btn-medium, .btn.underline-on-hover.btn-small, .btn.underline-on-hover.btn-very-small {
  10202. padding: 0 0 3px;
  10203. }
  10204. .btn.hover-text-dark {
  10205. -webkit-transition: all 0.3s linear;
  10206. transition: all 0.3s linear;
  10207. margin: 0;
  10208. padding: 0;
  10209. position: relative;
  10210. border-bottom: none;
  10211. opacity: 0.4;
  10212. display: inline-block;
  10213. }
  10214. .btn.hover-text-dark:after {
  10215. position: absolute;
  10216. top: 0;
  10217. left: 0;
  10218. width: 100%;
  10219. display: block;
  10220. content: attr(data-hover);
  10221. max-height: 0;
  10222. overflow: hidden;
  10223. -webkit-transition: max-height 0.5s;
  10224. transition: max-height 0.5s;
  10225. }
  10226. .btn.hover-text-dark:hover {
  10227. opacity: 1;
  10228. }
  10229. .btn.hover-text-dark:hover:after {
  10230. max-height: 100%;
  10231. }
  10232. .btn.hover-text-light {
  10233. -webkit-transition: all 0.3s linear;
  10234. transition: all 0.3s linear;
  10235. margin: 0;
  10236. padding: 0;
  10237. position: relative;
  10238. border-bottom: none;
  10239. opacity: 1;
  10240. display: inline-block;
  10241. }
  10242. .btn.hover-text-light:after {
  10243. position: absolute;
  10244. top: 0;
  10245. left: 0;
  10246. width: 100%;
  10247. display: block;
  10248. content: attr(data-hover);
  10249. max-height: 0;
  10250. overflow: hidden;
  10251. -webkit-transition: max-height 0.5s;
  10252. transition: max-height 0.5s;
  10253. }
  10254. .btn.hover-text-light:hover {
  10255. opacity: 0.6;
  10256. }
  10257. .btn.hover-text-light:hover:after {
  10258. max-height: 100%;
  10259. }
  10260. .btn.btn-base-color {
  10261. background-color: #ff363970;
  10262. border-color: var(--base-color);
  10263. color: var(--white);
  10264. }
  10265. .btn.btn-base-color:hover, .btn.btn-base-color:active {
  10266. background-color: transparent;
  10267. border-color: var(--base-color);
  10268. color: var(--base-color);
  10269. }
  10270. .btn.btn-dark-gray {
  10271. background-color: var(--dark-gray);
  10272. color: var(--white);
  10273. }
  10274. .btn.btn-dark-gray:hover, .btn.btn-dark-gray:active {
  10275. background-color: transparent;
  10276. border-color: var(--dark-gray);
  10277. color: var(--dark-gray);
  10278. }
  10279. .btn.btn-black {
  10280. background-color: var(--black);
  10281. color: var(--white);
  10282. }
  10283. .btn.btn-black:hover, .btn.btn-black:active {
  10284. background-color: transparent;
  10285. border-color: var(--black);
  10286. color: var(--black);
  10287. }
  10288. .btn.btn-white {
  10289. background-color: var(--white);
  10290. color: var(--dark-gray);
  10291. }
  10292. .btn.btn-white:hover, .btn.btn-white:active {
  10293. background-color: transparent;
  10294. border-color: var(--white);
  10295. color: var(--white);
  10296. }
  10297. .btn.btn-cornflower-blue {
  10298. background-color: var(--cornflower-blue);
  10299. color: var(--white);
  10300. }
  10301. .btn.btn-cornflower-blue:hover, .btn.btn-cornflower-blue:active {
  10302. background-color: transparent;
  10303. border-color: var(--cornflower-blue);
  10304. color: var(--cornflower-blue);
  10305. }
  10306. .btn.btn-jade {
  10307. background-color: var(--jade);
  10308. color: var(--white);
  10309. }
  10310. .btn.btn-jade:hover, .btn.btn-jade:active {
  10311. background-color: transparent;
  10312. border-color: var(--jade);
  10313. color: var(--jade);
  10314. }
  10315. .btn.btn-transparent-black {
  10316. background-color: transparent;
  10317. border-color: var(--black);
  10318. color: var(--black);
  10319. }
  10320. .btn.btn-transparent-black:hover, .btn.btn-transparent-black:active {
  10321. background-color: var(--black);
  10322. border-color: var(--black);
  10323. color: var(--white);
  10324. }
  10325. .btn.btn-transparent-white {
  10326. background-color: transparent;
  10327. border-color: var(--white);
  10328. color: var(--white);
  10329. }
  10330. .btn.btn-transparent-white:hover, .btn.btn-transparent-white:active {
  10331. background-color: var(--white);
  10332. border-color: var(--white);
  10333. color: var(--dark-gray);
  10334. }
  10335. .btn.btn-transparent-white-light {
  10336. background-color: transparent;
  10337. border-color: rgba(255, 255, 255, 0.3);
  10338. color: var(--white);
  10339. }
  10340. .btn.btn-transparent-white-light:hover, .btn.btn-transparent-white-light:active {
  10341. background-color: var(--white);
  10342. border-color: rgba(255, 255, 255, 0.3);
  10343. color: var(--dark-gray);
  10344. }
  10345. .btn.btn-transparent-base-color {
  10346. background-color: transparent;
  10347. border-color: var(--base-color);
  10348. color: var(--base-color);
  10349. }
  10350. .btn.btn-transparent-base-color:hover, .btn.btn-transparent-base-color:active {
  10351. background-color: var(--base-color);
  10352. border-color: var(--base-color);
  10353. color: var(--white);
  10354. }
  10355. .btn.btn-transparent-dark-gray {
  10356. background-color: transparent;
  10357. border-color: var(--dark-gray);
  10358. color: var(--dark-gray);
  10359. }
  10360. .btn.btn-transparent-dark-gray:hover, .btn.btn-transparent-dark-gray:active {
  10361. background-color: var(--dark-gray);
  10362. border-color: var(--dark-gray);
  10363. color: var(--white);
  10364. }
  10365. .btn.btn-transparent-light-gray {
  10366. background-color: transparent;
  10367. border-color: var(--extra-medium-gray);
  10368. color: var(--dark-gray);
  10369. }
  10370. .btn.btn-transparent-light-gray:hover, .btn.btn-transparent-light-gray:active {
  10371. background-color: var(--dark-gray);
  10372. border-color: var(--dark-gray);
  10373. color: var(--white);
  10374. }
  10375. .btn.btn-double-border.btn-extra-large {
  10376. padding: 0;
  10377. }
  10378. .btn.btn-double-border.btn-extra-large > span {
  10379. padding: 24px 50px;
  10380. }
  10381. .btn.btn-double-border.btn-large {
  10382. padding: 0;
  10383. }
  10384. .btn.btn-double-border.btn-large > span {
  10385. padding: 18px 42px;
  10386. }
  10387. .btn.btn-double-border.btn-medium {
  10388. padding: 0;
  10389. }
  10390. .btn.btn-double-border.btn-medium > span {
  10391. padding: 16px 34px;
  10392. }
  10393. .btn.btn-double-border.btn-small {
  10394. padding: 0;
  10395. }
  10396. .btn.btn-double-border.btn-small > span {
  10397. padding: 13px 32px;
  10398. }
  10399. .btn.btn-double-border.btn-very-small {
  10400. padding: 0;
  10401. }
  10402. .btn.btn-double-border.btn-very-small > span {
  10403. padding: 10px 22px;
  10404. }
  10405. .btn.btn-double-border > span {
  10406. display: inline-flex;
  10407. align-items: center;
  10408. position: relative;
  10409. overflow: hidden;
  10410. }
  10411. .btn.btn-double-border .btn-double-text {
  10412. transition: opacity 0.65s, transform 0.65s;
  10413. transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  10414. }
  10415. .btn.btn-double-border .btn-double-text:before {
  10416. content: attr(data-text);
  10417. display: inline-block;
  10418. position: absolute;
  10419. white-space: nowrap;
  10420. top: 50%;
  10421. opacity: 0;
  10422. left: 50%;
  10423. transform: translate(-50%, 100%);
  10424. transition: opacity 0.5s, transform 0.8s;
  10425. transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  10426. }
  10427. .btn.btn-double-border:hover .btn-double-text {
  10428. transform: translateY(-200%);
  10429. }
  10430. .btn.btn-double-border:hover .btn-double-text:before {
  10431. transform: translate(-50%, 150%);
  10432. opacity: 1;
  10433. }
  10434. .btn.btn-double-border:after {
  10435. display: inline-block;
  10436. content: "";
  10437. position: absolute;
  10438. border: 1px solid;
  10439. width: calc(100% - 8px);
  10440. height: calc(100% + 12px);
  10441. top: -6px;
  10442. left: 4px;
  10443. transform: translateX(0) translateY(0);
  10444. z-index: 0;
  10445. }
  10446. .btn.btn-double-border.btn-border-base-color {
  10447. position: relative;
  10448. border: 1px solid var(--base-color);
  10449. color: var(--base-color);
  10450. }
  10451. .btn.btn-double-border.btn-border-base-color:hover {
  10452. border-color: var(--dark-gray);
  10453. color: var(--dark-gray);
  10454. }
  10455. .btn.btn-double-border.btn-border-base-color:hover:after {
  10456. border-color: var(--dark-gray);
  10457. -webkit-transition: all 0.3s ease;
  10458. transition: all 0.3s ease;
  10459. }
  10460. .btn.btn-double-border.btn-border-base-color.hover-border-color-white:hover {
  10461. border-color: var(--white);
  10462. color: var(--white);
  10463. }
  10464. .btn.btn-double-border.btn-border-base-color.hover-border-color-white:hover:after {
  10465. border-color: var(--white);
  10466. -webkit-transition: all 0.3s ease;
  10467. transition: all 0.3s ease;
  10468. }
  10469. .btn.btn-double-border.btn-border-color-dark-gray {
  10470. position: relative;
  10471. border: 1px solid var(--dark-gray);
  10472. color: var(--dark-gray);
  10473. }
  10474. .btn.btn-double-border.btn-border-color-dark-gray:hover {
  10475. border-color: var(--base-color);
  10476. color: var(--base-color);
  10477. }
  10478. .btn.btn-double-border.btn-border-color-dark-gray:hover:after {
  10479. border-color: var(--base-color);
  10480. -webkit-transition: all 0.3s ease;
  10481. transition: all 0.3s ease;
  10482. }
  10483. .btn.btn-double-border.btn-border-color-white {
  10484. position: relative;
  10485. border: 1px solid var(--white);
  10486. color: var(--white);
  10487. }
  10488. .btn.btn-double-border.btn-border-color-white:hover {
  10489. border-color: var(--base-color);
  10490. color: var(--base-color);
  10491. }
  10492. .btn.btn-double-border.btn-border-color-white:hover:after {
  10493. border-color: var(--base-color);
  10494. -webkit-transition: all 0.3s ease;
  10495. transition: all 0.3s ease;
  10496. }
  10497. .btn.btn-double-border.btn-border-color-transparent-white {
  10498. position: relative;
  10499. border: 1px solid rgba(255, 255, 255, 0.2);
  10500. color: var(--white);
  10501. }
  10502. .btn.btn-double-border.btn-border-color-transparent-white:after {
  10503. border: 1px solid rgba(255, 255, 255, 0.2);
  10504. }
  10505. .btn.btn-double-border.btn-border-color-transparent-white:hover {
  10506. border-color: rgb(255, 255, 255);
  10507. color: var(--white);
  10508. }
  10509. .btn.btn-double-border.btn-border-color-transparent-white:hover:after {
  10510. border-color: rgb(255, 255, 255);
  10511. -webkit-transition: all 0.3s ease;
  10512. transition: all 0.3s ease;
  10513. }
  10514. .btn.btn-double-border.btn-border-color-transparent-dark {
  10515. position: relative;
  10516. border: 1px solid rgba(35, 35, 35, 0.2);
  10517. color: var(--dark-gray);
  10518. }
  10519. .btn.btn-double-border.btn-border-color-transparent-dark:after {
  10520. border: 1px solid rgba(35, 35, 35, 0.2);
  10521. }
  10522. .btn.btn-double-border.btn-border-color-transparent-dark:hover {
  10523. border-color: rgb(35, 35, 35);
  10524. color: var(--dark-gray);
  10525. }
  10526. .btn.btn-double-border.btn-border-color-transparent-dark:hover:after {
  10527. border-color: rgb(35, 35, 35);
  10528. -webkit-transition: all 0.3s ease;
  10529. transition: all 0.3s ease;
  10530. }
  10531. .btn.btn-switch-text.btn-extra-large {
  10532. padding: 0;
  10533. }
  10534. .btn.btn-switch-text.btn-extra-large > span {
  10535. padding: 22px 40px;
  10536. }
  10537. .btn.btn-switch-text.btn-large {
  10538. padding: 0;
  10539. }
  10540. .btn.btn-switch-text.btn-large > span {
  10541. padding: 18px 34px;
  10542. }
  10543. .btn.btn-switch-text.btn-medium {
  10544. padding: 0;
  10545. }
  10546. .btn.btn-switch-text.btn-medium > span {
  10547. padding: 16px 30px;
  10548. }
  10549. .btn.btn-switch-text.btn-small {
  10550. padding: 0;
  10551. }
  10552. .btn.btn-switch-text.btn-small > span {
  10553. padding: 13px 24px;
  10554. }
  10555. .btn.btn-switch-text.btn-very-small {
  10556. padding: 0;
  10557. }
  10558. .btn.btn-switch-text.btn-very-small > span {
  10559. padding: 10px 20px;
  10560. }
  10561. .btn.btn-switch-text > span {
  10562. display: inline-flex;
  10563. align-items: center;
  10564. position: relative;
  10565. overflow: hidden;
  10566. }
  10567. .btn.btn-switch-text .btn-double-text {
  10568. transition: opacity 0.65s, transform 0.85s;
  10569. transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  10570. }
  10571. .btn.btn-switch-text .btn-double-text:before {
  10572. content: attr(data-text);
  10573. display: inline-block;
  10574. position: absolute;
  10575. white-space: nowrap;
  10576. top: 50%;
  10577. opacity: 0;
  10578. left: 50%;
  10579. transform: translate(-50%, 100%);
  10580. transition: opacity 0.5s, transform 0.8s;
  10581. transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1);
  10582. }
  10583. .btn.btn-switch-text:hover .btn-double-text, .btn.btn-switch-text:active .btn-double-text {
  10584. transform: translateY(-200%);
  10585. }
  10586. .btn.btn-switch-text:hover .btn-double-text:before, .btn.btn-switch-text:active .btn-double-text:before {
  10587. transform: translate(-50%, 150%);
  10588. opacity: 1;
  10589. }
  10590. .btn.btn-switch-text.purchase-envato.btn-small {
  10591. padding: 0;
  10592. }
  10593. .btn.btn-switch-text.purchase-envato.btn-small > span {
  10594. padding: 11px 30px;
  10595. }
  10596. .btn.base-color-hover:hover, .btn.base-color-hover:active {
  10597. background-color: var(--base-color);
  10598. color: var(--white);
  10599. }
  10600. .btn.white-hover:hover, .btn.white-hover:active {
  10601. background-color: var(--white);
  10602. color: var(--dark-gray);
  10603. }
  10604. .btn.black-hover:hover, .btn.black-hover:active {
  10605. background-color: var(--dark-gray);
  10606. color: var(--white);
  10607. }
  10608. .btn.btn-box-shadow.btn-white:hover, .btn.btn-box-shadow.btn-white:active {
  10609. background: var(--white);
  10610. color: var(--dark-gray);
  10611. }
  10612. .btn.btn-box-shadow.btn-black:hover, .btn.btn-box-shadow.btn-black:active {
  10613. background: var(--black);
  10614. color: var(--white);
  10615. }
  10616. .btn.btn-box-shadow.btn-dark-gray:hover, .btn.btn-box-shadow.btn-dark-gray:active {
  10617. background: var(--dark-gray);
  10618. color: var(--white);
  10619. }
  10620. .btn.btn-box-shadow.btn-base-color:hover, .btn.btn-box-shadow.btn-base-color:active {
  10621. background: var(--base-color);
  10622. color: var(--white);
  10623. }
  10624. .btn.btn-box-shadow.btn-cornflower-blue:hover, .btn.btn-box-shadow.btn-cornflower-blue:active {
  10625. background-color: var(--cornflower-blue);
  10626. color: var(--white);
  10627. }
  10628. .btn.btn-box-shadow.btn-jade:hover, .btn.btn-box-shadow.btn-jade:active {
  10629. background-color: var(--jade);
  10630. color: var(--white);
  10631. }
  10632. .btn.with-rounded {
  10633. position: relative;
  10634. }
  10635. .btn.with-rounded > span {
  10636. display: flex;
  10637. align-items: center;
  10638. justify-content: center;
  10639. width: 42px;
  10640. height: 42px;
  10641. position: absolute;
  10642. border-radius: 100%;
  10643. right: 8px;
  10644. top: 50%;
  10645. -webkit-transform: translateY(-50%);
  10646. transform: translateY(-50%);
  10647. -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
  10648. box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35);
  10649. }
  10650. .btn.with-rounded > span i {
  10651. margin: 0;
  10652. }
  10653. .btn.with-rounded.btn-extra-large {
  10654. padding-right: 70px;
  10655. }
  10656. .btn.with-rounded.btn-large {
  10657. padding-right: 55px;
  10658. }
  10659. .btn.with-rounded.btn-large > span {
  10660. width: 34px;
  10661. height: 34px;
  10662. right: 8px;
  10663. }
  10664. .btn.with-rounded.btn-medium {
  10665. padding-right: 50px;
  10666. }
  10667. .btn.with-rounded.btn-medium > span {
  10668. width: 32px;
  10669. height: 32px;
  10670. right: 8px;
  10671. }
  10672. .btn.with-rounded.btn-small {
  10673. padding-right: 45px;
  10674. }
  10675. .btn.with-rounded.btn-small > span {
  10676. width: 28px;
  10677. height: 28px;
  10678. right: 6px;
  10679. }
  10680. .btn.with-rounded.btn-very-small {
  10681. padding-right: 37px;
  10682. }
  10683. .btn.with-rounded.btn-very-small > span {
  10684. width: 26px;
  10685. height: 26px;
  10686. right: 5px;
  10687. }
  10688. /* Button icon position */
  10689. .left-icon i {
  10690. margin-right: 6px;
  10691. margin-left: 0;
  10692. }
  10693. [class*=btn-transparent], [class*=" btn-transparent"] {
  10694. font-weight: 600;
  10695. }
  10696. /* Gradient button */
  10697. [class*=btn-gradient-] {
  10698. background-color: transparent;
  10699. border-color: transparent;
  10700. }
  10701. [class*=btn-gradient-]:active {
  10702. background-color: transparent;
  10703. border-color: transparent !important;
  10704. color: var(--white) !important;
  10705. }
  10706. [class*=btn-gradient-]:hover {
  10707. background-position: right center;
  10708. color: var(--white);
  10709. }
  10710. .btn-gradient-purple-pink {
  10711. background-image: linear-gradient(to right, #8b14b1, #d53d6e, #8b14b1);
  10712. background-size: 200% auto;
  10713. color: var(--white);
  10714. }
  10715. .btn-gradient-fast-pink-light-yellow {
  10716. background-image: linear-gradient(to right, #f7567f, #ffba83, #f7567f);
  10717. background-size: 200% auto;
  10718. color: var(--white);
  10719. }
  10720. .btn-gradient-pink-orange {
  10721. background-image: linear-gradient(to right, #de347f, #ef5f43, #de347f);
  10722. background-size: 200% auto;
  10723. color: var(--white);
  10724. }
  10725. .btn-gradient-fast-blue-purple {
  10726. background-image: linear-gradient(to right, #2a46f4, #bf25ff, #2a46f4);
  10727. background-size: 200% auto;
  10728. color: var(--white);
  10729. }
  10730. .btn-gradient-light-pink-light-purple {
  10731. background-image: linear-gradient(to right, #ed579b, #bc63e8, #ed579b);
  10732. background-size: 200% auto;
  10733. color: var(--white);
  10734. }
  10735. .btn-gradient-sky-blue-pink {
  10736. background-image: linear-gradient(to right, #5758df, #f77991, #5758df);
  10737. background-size: 200% auto;
  10738. color: var(--white);
  10739. }
  10740. .btn-dual .btn {
  10741. margin-left: 10px;
  10742. margin-right: 10px;
  10743. }
  10744. .btn-dual .btn.btn-link, .btn-dual .btn.btn-underline, .btn-dual .btn.btn-zoom, .btn-dual .btn.btn-link-gradient {
  10745. margin-left: 30px;
  10746. margin-right: 30px;
  10747. }
  10748. /* Blog button */
  10749. .categories-btn {
  10750. padding: 4px 12px;
  10751. -webkit-border-radius: 2px;
  10752. border-radius: 2px;
  10753. -webkit-transition: 0.3s;
  10754. transition: 0.3s;
  10755. margin-left: 5px;
  10756. display: inline-block;
  10757. font-size: 12px;
  10758. line-height: 20px;
  10759. }
  10760. /* Clients style 01 */
  10761. .clients-style-01 .client-image:hover > img {
  10762. -webkit-transform: scale(1.1);
  10763. transform: scale(1.1);
  10764. -webkit-filter: blur(3px);
  10765. filter: blur(3px);
  10766. }
  10767. /* Clients style 02 */
  10768. .clients-style-02 .swiper-slide {
  10769. -webkit-transition: all 350ms ease-in-out;
  10770. transition: all 350ms ease-in-out;
  10771. }
  10772. .clients-style-02 .swiper-slide:hover {
  10773. -webkit-filter: grayscale(1);
  10774. filter: grayscale(1);
  10775. }
  10776. .clients-style-02 .swiper-button-prev {
  10777. left: -110px;
  10778. }
  10779. .clients-style-02 .swiper-button-next {
  10780. right: -110px;
  10781. }
  10782. /* Clients style 03 */
  10783. .clients-style-03 .client-box {
  10784. -webkit-transition: all 350ms cubic-bezier(0.12, 0, 0.39, 0);
  10785. transition: all 350ms cubic-bezier(0.12, 0, 0.39, 0);
  10786. will-change: transform;
  10787. }
  10788. .clients-style-03 .client-box:hover {
  10789. -webkit-transform: scale(1.1);
  10790. transform: scale(1.1);
  10791. }
  10792. /* Clients style 04 */
  10793. .clients-style-04 .client-box:hover {
  10794. opacity: 0.5;
  10795. }
  10796. /* Clients style 05 */
  10797. .clients-style-05 .client-box {
  10798. position: relative;
  10799. -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  10800. transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  10801. }
  10802. .clients-style-05 .client-box img {
  10803. z-index: 2;
  10804. position: relative;
  10805. }
  10806. .clients-style-05 .client-box:hover {
  10807. opacity: 0.5;
  10808. -webkit-transform: translateY(-8px);
  10809. transform: translateY(-8px);
  10810. }
  10811. /* Clients style 06 */
  10812. .clients-style-06 .client-box {
  10813. -webkit-transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  10814. transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  10815. }
  10816. .clients-style-06 .client-box img {
  10817. max-width: inherit;
  10818. }
  10819. .clients-style-06:hover .client-box {
  10820. opacity: 0.4;
  10821. }
  10822. .clients-style-06:hover .client-box:hover {
  10823. opacity: 1;
  10824. }
  10825. /* Clients style 07 */
  10826. .clients-style-07 .client-box .client-info {
  10827. position: absolute;
  10828. top: 0;
  10829. right: 0;
  10830. width: 100%;
  10831. height: 100%;
  10832. }
  10833. .clients-style-07 .client-box .client-info .client-content {
  10834. position: absolute;
  10835. bottom: 0;
  10836. right: 0;
  10837. -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  10838. transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  10839. overflow: hidden;
  10840. }
  10841. .clients-style-07 .client-box .client-info .client-content .client-link {
  10842. position: absolute;
  10843. opacity: 0;
  10844. width: 100%;
  10845. height: 100%;
  10846. z-index: 2;
  10847. left: 0;
  10848. right: 0;
  10849. }
  10850. .clients-style-07 .client-box .client-info:hover .client-content {
  10851. margin: 0;
  10852. width: 100% !important;
  10853. height: 100% !important;
  10854. border-radius: 0;
  10855. }
  10856. .clients-style-07 .client-box .client-info:hover .client-content .client-icon {
  10857. opacity: 0;
  10858. visibility: hidden;
  10859. }
  10860. .clients-style-07 .client-box .client-info:hover .client-content .client-link {
  10861. opacity: 1;
  10862. -webkit-transition-delay: 0.5s;
  10863. transition-delay: 0.5s;
  10864. }
  10865. .clients-style-07 .client-box .client-info:hover .client-content .box-overlay {
  10866. opacity: 1;
  10867. visibility: visible;
  10868. }
  10869. /* Clients style 08 */
  10870. .clients-style-08 .client-box {
  10871. -webkit-transition: all 0.3s ease;
  10872. transition: all 0.3s ease;
  10873. opacity: 0.5;
  10874. }
  10875. .clients-style-08 .client-box:hover {
  10876. opacity: 1;
  10877. }
  10878. /* Columns */
  10879. .show-grid [class^=col-] {
  10880. background-color: #f5f5f5;
  10881. border: 1px solid rgba(0, 0, 0, 0.2);
  10882. margin-bottom: 15px;
  10883. padding-top: 10px;
  10884. padding-bottom: 10px;
  10885. text-align: center;
  10886. }
  10887. /* Contact form */
  10888. .select-style select {
  10889. background-image: url("../images/contact-form-down-arrow.jpg");
  10890. background-repeat: no-repeat;
  10891. background-position: top 25px right 30px;
  10892. cursor: pointer;
  10893. -webkit-appearance: none;
  10894. background-color: transparent;
  10895. }
  10896. .terms-condition-box label {
  10897. display: block;
  10898. }
  10899. .terms-condition-box input[type=checkbox] {
  10900. opacity: 0;
  10901. visibility: hidden;
  10902. position: absolute;
  10903. top: 4px;
  10904. left: 0;
  10905. }
  10906. .terms-condition-box input[type=checkbox]:checked + .box:after {
  10907. display: block;
  10908. }
  10909. .terms-condition-box input[type=checkbox].is-invalid + .box:before {
  10910. border-color: #dc3545;
  10911. }
  10912. .terms-condition-box .box {
  10913. position: relative;
  10914. padding-left: 30px;
  10915. cursor: pointer;
  10916. display: inline-block;
  10917. }
  10918. .terms-condition-box .box:before {
  10919. content: "";
  10920. width: 20px;
  10921. height: 20px;
  10922. background-color: transparent;
  10923. border: 1px solid var(--extra-medium-gray);
  10924. position: absolute;
  10925. top: 5px;
  10926. left: 0;
  10927. -webkit-border-radius: 4px;
  10928. border-radius: 4px;
  10929. }
  10930. .terms-condition-box .box:after {
  10931. position: absolute;
  10932. left: 7px;
  10933. top: 9px;
  10934. content: "";
  10935. width: 6px;
  10936. height: 10px;
  10937. display: none;
  10938. border: solid var(--dark-gray);
  10939. border-width: 0 2px 2px 0;
  10940. -webkit-transform: rotate(45deg);
  10941. -ms-transform: rotate(45deg);
  10942. transform: rotate(45deg);
  10943. }
  10944. /* Contact form style 01 */
  10945. .contact-form-style-01 input, .contact-form-style-01 textarea {
  10946. padding-left: 55px;
  10947. }
  10948. .contact-form-style-01 .form-group .form-icon {
  10949. position: absolute;
  10950. top: 50%;
  10951. -webkit-transform: translateY(-50%);
  10952. transform: translateY(-50%);
  10953. padding-top: 2px;
  10954. left: 25px;
  10955. }
  10956. .contact-form-style-01 .form-group.form-textarea .form-icon {
  10957. top: 12px;
  10958. -webkit-transform: translateY(0);
  10959. transform: translateY(0);
  10960. }
  10961. /* Contact form style 03 */
  10962. .contact-form-style-03 input, .contact-form-style-03 textarea {
  10963. outline: none;
  10964. border: none;
  10965. border-bottom: 1px solid;
  10966. background: transparent;
  10967. }
  10968. .contact-form-style-03 select {
  10969. outline: none;
  10970. border: none;
  10971. border-bottom: 1px solid;
  10972. }
  10973. .contact-form-style-03 input:focus, .contact-form-style-03 select:focus, .contact-form-style-03 textarea:focus, .contact-form-style-03 .form-control:focus {
  10974. border: 0;
  10975. border-bottom: 1px solid #c2c2c2;
  10976. }
  10977. .contact-form-style-03 textarea {
  10978. resize: none;
  10979. }
  10980. .contact-form-style-03 .form-group .form-icon {
  10981. position: absolute;
  10982. top: 50%;
  10983. right: 5px;
  10984. -webkit-transform: translateY(-50%);
  10985. transform: translateY(-50%);
  10986. }
  10987. .contact-form-style-03 .form-group.form-textarea .form-icon {
  10988. top: 10px;
  10989. -webkit-transform: translateY(0);
  10990. transform: translateY(0);
  10991. }
  10992. .contact-form-style-03 .form-control, .contact-form-style-03 .form-control.is-invalid, .contact-form-style-03 .was-validated .form-control:invalid {
  10993. background-position: right 35px center !important;
  10994. }
  10995. /* Contact form style 06 */
  10996. .contact-form-style-06 input, .contact-form-style-06 textarea {
  10997. color: var(--white);
  10998. }
  10999. .contact-form-style-06 input:focus, .contact-form-style-06 textarea:focus {
  11000. color: var(--white);
  11001. }
  11002. .contact-form-style-06 input::placeholder, .contact-form-style-06 textarea::placeholder {
  11003. color: var(--light-medium-gray);
  11004. }
  11005. .contact-form-style-06 .select-style select {
  11006. color: var(--light-medium-gray);
  11007. background-image: url("../images/contact-form-arrow-white.png");
  11008. background-position: top 25px right 20px;
  11009. padding-right: 45px;
  11010. }
  11011. .contact-form-style-06 .select-style select option {
  11012. color: var(--dark-gray);
  11013. }
  11014. /* Contact form style 07 */
  11015. .contact-form-style-07 input, .contact-form-style-07 textarea {
  11016. outline: none;
  11017. border: none;
  11018. border-bottom: 1px solid;
  11019. background: transparent;
  11020. }
  11021. .contact-form-style-07 select {
  11022. outline: none;
  11023. border: none;
  11024. border-bottom: 1px solid;
  11025. }
  11026. .contact-form-style-07 input:focus, .contact-form-style-07 select:focus, .contact-form-style-07 textarea:focus, .contact-form-style-07 .form-control:focus {
  11027. border: 0;
  11028. border-bottom: 1px solid #c2c2c2;
  11029. }
  11030. .contact-form-style-07 textarea {
  11031. resize: none;
  11032. }
  11033. .contact-form-style-07 .form-group .form-icon {
  11034. position: absolute;
  11035. top: 50%;
  11036. right: 5px;
  11037. -webkit-transform: translateY(-50%);
  11038. transform: translateY(-50%);
  11039. }
  11040. .contact-form-style-07 .form-group.form-textarea .form-icon {
  11041. top: 10px;
  11042. -webkit-transform: translateY(0);
  11043. transform: translateY(0);
  11044. }
  11045. .contact-form-style-07 .form-control, .contact-form-style-07 .form-control.is-invalid, .contact-form-style-07 .was-validated .form-control:invalid {
  11046. background-position: right 35px center !important;
  11047. }
  11048. .swiper-button-next, .swiper-button-prev {
  11049. color: var(--dark-gray);
  11050. }
  11051. .swiper-button-next:after, .swiper-button-prev:after {
  11052. display: none;
  11053. content: "";
  11054. }
  11055. /* Text slider 02 */
  11056. .text-slider-style-02 .swiper-slide {
  11057. opacity: 0.2;
  11058. -webkit-transition: 0.4s;
  11059. transition: 0.4s;
  11060. }
  11061. .text-slider-style-02 .swiper-slide.swiper-slide-active {
  11062. opacity: 1;
  11063. }
  11064. /* Text slider 03 */
  11065. .text-slider-style-03 .swiper-slide > img {
  11066. object-fit: cover;
  11067. height: 100%;
  11068. width: 100%;
  11069. }
  11070. /* Text slider 05 */
  11071. .text-slider-style-05 .swiper-slide {
  11072. -webkit-filter: grayscale(100%);
  11073. filter: grayscale(100%);
  11074. opacity: 0.3;
  11075. -webkit-transition: 0.4s;
  11076. transition: 0.4s;
  11077. }
  11078. .text-slider-style-05 .swiper-slide .services-box-style-01:hover img {
  11079. -webkit-transform: scale(1);
  11080. transform: scale(1);
  11081. }
  11082. .text-slider-style-05 .swiper-slide .services-box-style-01:hover .icon-box {
  11083. opacity: 0;
  11084. }
  11085. .text-slider-style-05 .swiper-slide.swiper-slide-next {
  11086. -webkit-filter: grayscale(0);
  11087. filter: grayscale(0);
  11088. opacity: 1;
  11089. }
  11090. .text-slider-style-05 .swiper-slide.swiper-slide-next .services-box-style-01 .icon-box {
  11091. opacity: 1;
  11092. }
  11093. /* Countdown style 01 */
  11094. .countdown-style-01 .counter-container {
  11095. display: -webkit-box;
  11096. display: -ms-flexbox;
  11097. display: flex;
  11098. }
  11099. .countdown-style-01 .counter-container .countdown-box {
  11100. font-family: var(--alt-font);
  11101. color: var(--dark-gray);
  11102. background-color: var(--white);
  11103. width: 130px;
  11104. min-height: 130px;
  11105. padding: 25px 20px 20px;
  11106. margin: 0 15px;
  11107. text-align: center;
  11108. -webkit-border-radius: 6px;
  11109. border-radius: 6px;
  11110. -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  11111. box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
  11112. display: -webkit-box;
  11113. display: -ms-flexbox;
  11114. display: flex;
  11115. -webkit-box-orient: vertical;
  11116. -webkit-box-direction: normal;
  11117. -ms-flex-direction: column;
  11118. flex-direction: column;
  11119. -webkit-box-align: center;
  11120. -ms-flex-align: center;
  11121. align-items: center;
  11122. -webkit-box-pack: center;
  11123. -ms-flex-pack: center;
  11124. justify-content: center;
  11125. }
  11126. .countdown-style-01 .counter-container .countdown-box .number {
  11127. font-size: 2.375rem;
  11128. line-height: 2.5rem;
  11129. font-weight: 600;
  11130. margin-bottom: 5px;
  11131. letter-spacing: -1px;
  11132. }
  11133. .countdown-style-01 .counter-container .countdown-box span {
  11134. font-size: 14px;
  11135. line-height: 14px;
  11136. color: var(--medium-gray);
  11137. text-transform: uppercase;
  11138. }
  11139. /* Countdown style 02 */
  11140. .countdown-style-02 .countdown-box {
  11141. position: relative;
  11142. width: 165px;
  11143. padding: 0 15px;
  11144. color: var(--white);
  11145. font-family: var(--alt-font);
  11146. display: inline-block;
  11147. text-align: center;
  11148. }
  11149. .countdown-style-02 .countdown-box:before {
  11150. content: ":";
  11151. position: absolute;
  11152. top: 50%;
  11153. right: -5px;
  11154. -webkit-transform: translateY(-50%);
  11155. transform: translateY(-50%);
  11156. color: var(--white);
  11157. text-align: center;
  11158. font-size: 3rem;
  11159. margin-top: -4px;
  11160. }
  11161. .countdown-style-02 .countdown-box:last-child:before {
  11162. display: none;
  11163. }
  11164. .countdown-style-02 .countdown-box .number {
  11165. font-size: 3.5rem;
  11166. line-height: 3.75rem;
  11167. font-weight: 600;
  11168. letter-spacing: -1px;
  11169. }
  11170. .countdown-style-02 .countdown-box span {
  11171. font-size: 15px;
  11172. line-height: 14px;
  11173. text-transform: uppercase;
  11174. position: absolute;
  11175. top: -26px;
  11176. left: 0;
  11177. right: 0;
  11178. color: var(--white);
  11179. font-weight: 500;
  11180. }
  11181. /* Countdown style 03 */
  11182. .countdown-style-03 .countdown-box {
  11183. width: 130px;
  11184. display: inline-block;
  11185. margin: 0 15px;
  11186. text-align: center;
  11187. }
  11188. .countdown-style-03 .countdown-box .number {
  11189. color: var(--dark-gray);
  11190. font-size: 4.3rem;
  11191. line-height: 4.3rem;
  11192. font-family: var(--alt-font);
  11193. letter-spacing: -1px;
  11194. font-weight: 700;
  11195. }
  11196. .countdown-style-03 .countdown-box span {
  11197. color: var(--medium-gray);
  11198. text-transform: uppercase;
  11199. font-size: 14px;
  11200. line-height: 16px;
  11201. font-weight: 500;
  11202. }
  11203. /* Countdown style 04 */
  11204. .countdown-style-04 .countdown-box {
  11205. width: 160px;
  11206. display: inline-block;
  11207. margin: 0 7px;
  11208. text-align: center;
  11209. position: relative;
  11210. }
  11211. .countdown-style-04 .countdown-box:before {
  11212. content: ":";
  11213. position: absolute;
  11214. top: 20px;
  11215. font-size: 2rem;
  11216. color: var(--white);
  11217. right: -10px;
  11218. margin-top: -5px;
  11219. font-weight: 400;
  11220. opacity: 0.7;
  11221. }
  11222. .countdown-style-04 .countdown-box:last-child:before {
  11223. display: none;
  11224. }
  11225. .countdown-style-04 .countdown-box .number {
  11226. color: #ffffff;
  11227. font-size: 4.5rem;
  11228. line-height: 4.5rem;
  11229. font-family: var(--alt-font);
  11230. font-weight: 600;
  11231. }
  11232. .countdown-style-04 .countdown-box span {
  11233. color: var(--very-light-gray);
  11234. font-size: 15px;
  11235. }
  11236. /* Counter style 03 */
  11237. .counter-style-03 .feature-box i {
  11238. -webkit-transition: 0.4s;
  11239. transition: 0.4s;
  11240. }
  11241. .counter-style-03 .feature-box:hover i {
  11242. -webkit-transform: translateY(-7px);
  11243. transform: translateY(-7px);
  11244. }
  11245. /* Counter style 04 */
  11246. .counter-style-04 .vertical-counter:after {
  11247. content: attr(data-text);
  11248. display: inline-block;
  11249. margin-left: 3px;
  11250. word-break: normal;
  11251. }
  11252. /* Counter style 06 */
  11253. .counter-style-06 .feature-box-content .counter-title {
  11254. position: absolute;
  11255. top: 50%;
  11256. left: 50%;
  11257. width: 100%;
  11258. -webkit-transform: translate(-50%, -50%);
  11259. transform: translate(-50%, -50%);
  11260. }
  11261. .counter-style-06 .feature-box-content:after {
  11262. content: "";
  11263. display: block;
  11264. height: 40%;
  11265. right: 0;
  11266. top: 50%;
  11267. width: 1px;
  11268. position: absolute;
  11269. -webkit-transform: translateY(-50%);
  11270. transform: translateY(-50%);
  11271. background-color: var(--extra-medium-gray);
  11272. }
  11273. .counter-style-06 .feature-box:last-child .feature-box-content:after {
  11274. display: none;
  11275. }
  11276. /* Counter style 07 */
  11277. .counter-style-07 .vertical-counter-number {
  11278. z-index: 1;
  11279. }
  11280. /* Vertical counter */
  11281. .vertical-counter-number {
  11282. overflow: hidden;
  11283. width: 100%;
  11284. height: auto;
  11285. }
  11286. .vertical-counter-number ul {
  11287. text-align: center;
  11288. margin: 0;
  11289. padding: 0;
  11290. list-style: none;
  11291. will-change: transform;
  11292. -webkit-transform: translateY(0);
  11293. transform: translateY(0);
  11294. }
  11295. /* Divider style 01 */
  11296. .divider-style-01 .divider-shadow:after, .divider-style-01 .divider-shadow:before {
  11297. flex: 1 1 auto;
  11298. -webkit-box-flex: 1 1 auto;
  11299. -ms-flex: 1 1 auto;
  11300. content: "";
  11301. height: 10px;
  11302. margin-top: 7px;
  11303. box-shadow: 0 6px 10px -10px #8c8b8b inset;
  11304. }
  11305. .divider-style-01 .divider-border:after, .divider-style-01 .divider-border:before {
  11306. flex: 1 1 auto;
  11307. -webkit-box-flex: 1 1 auto;
  11308. -ms-flex: 1 1 auto;
  11309. content: "";
  11310. height: 10px;
  11311. margin-top: 7px;
  11312. border-top: 1px solid #E4E4E4;
  11313. }
  11314. /* Divider style 02 */
  11315. .divider-style-02 .divider-dot {
  11316. position: relative;
  11317. }
  11318. .divider-style-02 .divider-dot span {
  11319. content: "";
  11320. position: absolute;
  11321. z-index: 1;
  11322. top: 50%;
  11323. left: 50%;
  11324. margin: -10px 0 0 -13px;
  11325. width: 25px;
  11326. height: 25px;
  11327. box-shadow: inset 0 0 0 6px white;
  11328. }
  11329. .divider-style-02 .divider-dot:after {
  11330. top: 0;
  11331. content: "";
  11332. height: 100%;
  11333. width: 1px;
  11334. flex: 1 1 auto;
  11335. -webkit-box-flex: 1 1 1px;
  11336. -ms-flex: 1 1 1px;
  11337. border-left: 1px solid #E4E4E4;
  11338. position: absolute;
  11339. left: 0;
  11340. right: 0;
  11341. margin: 0 auto;
  11342. }
  11343. /* Divider style 03 */
  11344. .divider-style-03.divider-style-03-01 {
  11345. border-top: 1px solid;
  11346. width: 100%;
  11347. }
  11348. .divider-style-03.divider-style-03-02 {
  11349. border-top: 1px dashed;
  11350. }
  11351. .divider-style-03.divider-style-03-03 {
  11352. border-top: 4px double;
  11353. }
  11354. .divider-style-03.divider-style-03-04 {
  11355. border-top: 2px dashed;
  11356. }
  11357. .divider-style-03.divider-style-03-05 {
  11358. border-top: 2px dotted;
  11359. }
  11360. /* First letter */
  11361. .first-letter {
  11362. float: left;
  11363. font-size: 4.5rem;
  11364. line-height: 4.5rem;
  11365. font-weight: 600;
  11366. text-align: center;
  11367. margin: 0 25px 0 0;
  11368. }
  11369. /* First letter block */
  11370. .first-letter-block {
  11371. font-size: 4.5rem;
  11372. line-height: 100px;
  11373. font-weight: 600;
  11374. width: 100px;
  11375. height: 100px;
  11376. margin: 8px 35px 0 0;
  11377. }
  11378. /* First letter round */
  11379. .first-letter-round {
  11380. -webkit-border-radius: 50%;
  11381. border-radius: 50%;
  11382. font-size: 3.5rem;
  11383. }
  11384. /* First letter big */
  11385. .first-letter-big {
  11386. float: left;
  11387. font-size: 9rem;
  11388. line-height: 9rem;
  11389. padding: 0;
  11390. text-align: center;
  11391. position: relative;
  11392. }
  11393. /* First letter small */
  11394. .first-letter-small {
  11395. font-size: 3.438rem;
  11396. line-height: 4rem;
  11397. font-weight: 600;
  11398. width: 65px;
  11399. height: 65px;
  11400. margin: 8px 30px 0 0;
  11401. }
  11402. /* Event style 02 */
  11403. .time-table {
  11404. display: -webkit-box;
  11405. display: flex;
  11406. -webkit-box-orient: horizontal;
  11407. -webkit-box-direction: normal;
  11408. flex-flow: row nowrap;
  11409. -webkit-box-align: stretch;
  11410. align-items: stretch;
  11411. -webkit-box-flex: 1;
  11412. flex: 1 0;
  11413. }
  11414. .time-table + .time-table .time-table-box {
  11415. border-top-width: 0 !important;
  11416. }
  11417. .time-table-box {
  11418. -webkit-box-align: stretch;
  11419. align-items: stretch;
  11420. text-align: center;
  11421. flex-basis: 12.5%;
  11422. padding: 30px 10px;
  11423. position: relative;
  11424. display: -webkit-box;
  11425. display: flex;
  11426. -webkit-box-orient: vertical;
  11427. -webkit-box-direction: normal;
  11428. flex-direction: column;
  11429. -webkit-box-pack: center;
  11430. justify-content: center;
  11431. min-height: 100px;
  11432. }
  11433. .time-table-box .inner-box {
  11434. display: -webkit-box;
  11435. display: flex;
  11436. -webkit-box-orient: vertical;
  11437. -webkit-box-direction: normal;
  11438. flex-direction: column;
  11439. -webkit-box-pack: center;
  11440. justify-content: center;
  11441. -webkit-box-flex: 1;
  11442. flex: 1 auto;
  11443. z-index: 9;
  11444. }
  11445. .time-table-box .inner-box > div {
  11446. line-height: initial;
  11447. margin-top: 7px;
  11448. }
  11449. .time-table-box + .time-table-box {
  11450. border-left-width: 0 !important;
  11451. }
  11452. .time-table-box + .time-table-box.name-box:before {
  11453. position: absolute;
  11454. content: "";
  11455. transition: opacity 0.3s;
  11456. opacity: 0;
  11457. display: inline-block;
  11458. width: 100%;
  11459. height: 100%;
  11460. top: 0;
  11461. left: 0;
  11462. background-color: var(--base-color);
  11463. }
  11464. .time-table-box + .time-table-box.name-box:hover .inner-box span, .time-table-box + .time-table-box.name-box:hover .inner-box div {
  11465. color: var(--white);
  11466. }
  11467. .time-table-box + .time-table-box.name-box:hover:before {
  11468. opacity: 1;
  11469. }
  11470. .time-table-box + .time-table-box.name-box:hover .hover-detail {
  11471. visibility: visible;
  11472. opacity: 1;
  11473. }
  11474. .time-table-box.day {
  11475. padding: 15px 10px;
  11476. min-height: 1px;
  11477. }
  11478. .time-table-box .hover-detail {
  11479. position: absolute;
  11480. left: 50%;
  11481. top: 100%;
  11482. padding: 25px 30px;
  11483. border-radius: 6px;
  11484. width: 250px;
  11485. z-index: 111;
  11486. opacity: 0;
  11487. visibility: hidden;
  11488. -webkit-transform: translateX(-50%);
  11489. -ms-transform: translateX(-50%);
  11490. transform: translateX(-50%);
  11491. -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.14);
  11492. box-shadow: 0 0 60px rgba(0, 0, 0, 0.14);
  11493. -webkit-transition: 0.05s;
  11494. transition: 0.05s;
  11495. }
  11496. .time-table-box .hover-detail:after {
  11497. content: "";
  11498. top: -21px;
  11499. left: 50%;
  11500. height: 0;
  11501. width: 0;
  11502. z-index: 9;
  11503. margin-left: -14px;
  11504. position: absolute;
  11505. pointer-events: none;
  11506. border: solid transparent;
  11507. border-width: 11px;
  11508. border-bottom-color: var(--white);
  11509. }
  11510. .time-table-box .hover-detail.hover-detail-left {
  11511. left: auto;
  11512. right: 0;
  11513. -webkit-transform: none;
  11514. -ms-transform: none;
  11515. transform: none;
  11516. }
  11517. .time-table-box .hover-detail.hover-detail-left:after {
  11518. right: 60px;
  11519. left: auto;
  11520. }
  11521. .time-table-box .hover-detail.hover-detail-top {
  11522. top: auto;
  11523. bottom: 100%;
  11524. }
  11525. .time-table-box .hover-detail.hover-detail-top:after {
  11526. top: auto;
  11527. bottom: -21px;
  11528. border-top-color: var(--white);
  11529. border-bottom-color: transparent;
  11530. }
  11531. .name-box span {
  11532. line-height: 26px;
  11533. transition: 0.2s;
  11534. }
  11535. .name-box div {
  11536. line-height: 26px;
  11537. transition: 0.2s;
  11538. }
  11539. /* Event style 03 */
  11540. .event-style-03 .nav-tabs {
  11541. border-radius: 6px 6px 0 0px;
  11542. }
  11543. .event-style-03 .nav-tabs .nav-link {
  11544. color: var(--white);
  11545. line-height: normal;
  11546. padding: 17px 15px 20px;
  11547. border: 0;
  11548. border-radius: 0;
  11549. }
  11550. .event-style-03 .nav-tabs .nav-link.active, .event-style-03 .nav-tabs .nav-link.show, .event-style-03 .nav-tabs .nav-link:hover {
  11551. color: var(--dark-gray);
  11552. background-color: var(--white);
  11553. }
  11554. .event-style-03 .nav-tabs > li.nav-item {
  11555. padding: 0;
  11556. width: 100%;
  11557. }
  11558. .event-style-03 .nav-tabs > li.nav-item:not(:last-child) {
  11559. border-right: 1px solid rgba(0, 0, 0, 0.1);
  11560. }
  11561. .event-style-03 .accordion .accordion-title .event-time {
  11562. min-width: 354px;
  11563. }
  11564. .event-style-03 .accordion .accordion-title .event-time i {
  11565. position: static;
  11566. -webkit-transform: none;
  11567. transform: none;
  11568. }
  11569. .event-style-03 .accordion .trainer-box {
  11570. flex: 0 0 auto;
  11571. width: 270px;
  11572. margin-right: 85px;
  11573. margin-top: 15px;
  11574. }
  11575. /* Text image mask */
  11576. .image-mask {
  11577. -webkit-text-fill-color: transparent;
  11578. -webkit-background-clip: text;
  11579. }
  11580. /* Fancy text box style 01 */
  11581. .fancy-text-box-style-01 {
  11582. border-bottom: 1px solid;
  11583. border-right: 1px solid;
  11584. overflow: hidden;
  11585. }
  11586. .fancy-text-box-style-01 .text-box-wrapper .text-box, .fancy-text-box-style-01 .text-box-wrapper .text-box-hover {
  11587. display: block;
  11588. width: 100%;
  11589. -webkit-transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0);
  11590. transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0);
  11591. }
  11592. .fancy-text-box-style-01 .text-box-wrapper .text-box-hover {
  11593. opacity: 0;
  11594. position: absolute;
  11595. }
  11596. .fancy-text-box-style-01 .text-box-wrapper:hover .text-box {
  11597. opacity: 0;
  11598. visibility: hidden;
  11599. -webkit-transform: translateY(-100%);
  11600. transform: translateY(-100%);
  11601. -webkit-transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0);
  11602. transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0);
  11603. }
  11604. .fancy-text-box-style-01 .text-box-wrapper:hover .text-box-hover {
  11605. opacity: 1;
  11606. -webkit-transform: translateY(-100%);
  11607. transform: translateY(-100%);
  11608. -webkit-transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0);
  11609. transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0);
  11610. }
  11611. .fancy-text-box-style-01:last-child {
  11612. border-right: 0;
  11613. }
  11614. /* Google map */
  11615. #map {
  11616. height: 550px;
  11617. }
  11618. .arrow_box {
  11619. width: 22px;
  11620. height: 22px;
  11621. border-radius: 100%;
  11622. -webkit-border-top-left-radius: 100%;
  11623. -webkit-border-top-right-radius: 100%;
  11624. -webkit-border-bottom-right-radius: 100%;
  11625. -webkit-border-bottom-left-radius: 100%;
  11626. position: relative;
  11627. opacity: 0.8;
  11628. cursor: pointer;
  11629. }
  11630. .arrow_box span {
  11631. width: 100%;
  11632. height: 100%;
  11633. border: 1px solid;
  11634. opacity: 0.2;
  11635. display: inline-block;
  11636. border-radius: 100%;
  11637. -webkit-border-top-left-radius: 100%;
  11638. -webkit-border-top-right-radius: 100%;
  11639. -webkit-border-bottom-right-radius: 100%;
  11640. -webkit-border-bottom-left-radius: 100%;
  11641. position: absolute;
  11642. top: 0;
  11643. left: 0;
  11644. }
  11645. .arrow_box span:first-child {
  11646. animation: markerWave 1.5s 0.45s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;
  11647. -webkit-animation: markerWave 1.5s 0.45s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards;
  11648. }
  11649. .arrow_box span:first-child + span {
  11650. animation: markerWave 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards;
  11651. -webkit-animation: markerWave 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards;
  11652. }
  11653. .arrow_box span:last-child {
  11654. opacity: 0.1;
  11655. }
  11656. .arrow_box.marker02 {
  11657. width: 18px;
  11658. height: 18px;
  11659. }
  11660. .arrow_box.marker02 span {
  11661. border: 0;
  11662. }
  11663. .arrow_box.marker02:after {
  11664. content: "";
  11665. width: 45px;
  11666. height: 62px;
  11667. background: url("../images/marker02.png") left center no-repeat;
  11668. background-size: cover;
  11669. position: absolute;
  11670. left: -15px;
  11671. top: -58px;
  11672. float: left;
  11673. }
  11674. .arrow_box.marker03 {
  11675. width: 16px;
  11676. height: 16px;
  11677. -webkit-transform: rotateX(0deg);
  11678. transform: rotateX(0deg);
  11679. }
  11680. .arrow_box.marker03 span {
  11681. background-color: transparent !important;
  11682. }
  11683. @keyframes markerWave {
  11684. 0% {
  11685. transform: scale(1);
  11686. opacity: 0.8;
  11687. }
  11688. 20% {
  11689. opacity: 0.8;
  11690. }
  11691. 100% {
  11692. transform: scale(5.5);
  11693. opacity: 0;
  11694. }
  11695. }
  11696. @-webkit-keyframes markerWave {
  11697. 0% {
  11698. -webkit-transform: scale(1);
  11699. opacity: 0.8;
  11700. }
  11701. 20% {
  11702. opacity: 0.8;
  11703. }
  11704. 100% {
  11705. -webkit-transform: scale(5.5);
  11706. opacity: 0;
  11707. }
  11708. }
  11709. .infowindow {
  11710. color: var(--dark-gray);
  11711. font-weight: 400;
  11712. line-height: 26px;
  11713. font-size: 15px;
  11714. letter-spacing: -0.5px;
  11715. padding: 25px 25px 25px 25px !important;
  11716. text-align: center;
  11717. }
  11718. .infowindow .mb-3 {
  11719. margin-bottom: 5px !important;
  11720. font-weight: 600;
  11721. font-size: 16px;
  11722. letter-spacing: -0.25px;
  11723. }
  11724. .infowindow p {
  11725. color: var(--medium-gray);
  11726. font-size: 15px;
  11727. margin-bottom: 5px;
  11728. letter-spacing: -0.25px;
  11729. line-height: 24px;
  11730. }
  11731. .infowindow :last-child {
  11732. margin-bottom: 0;
  11733. }
  11734. .gm-style .gm-style-iw-c {
  11735. padding: 0 !important;
  11736. border-radius: 0;
  11737. max-width: 230px !important;
  11738. -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
  11739. box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
  11740. }
  11741. .gm-style .gm-style-iw-d {
  11742. overflow: auto !important;
  11743. }
  11744. .gm-style .gm-style-iw-t::after {
  11745. background: var(--dark-gray);
  11746. -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
  11747. box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
  11748. }
  11749. .gm-ui-hover-effect {
  11750. opacity: 0.8;
  11751. top: -2px !important;
  11752. right: 2px !important;
  11753. width: 25px !important;
  11754. display: none !important;
  11755. height: 25px !important;
  11756. }
  11757. .gm-ui-hover-effect img {
  11758. width: 17px !important;
  11759. height: 17px !important;
  11760. margin: 6px !important;
  11761. }
  11762. .google-maps-link {
  11763. text-align: center;
  11764. }
  11765. .google-maps-link a {
  11766. font-size: 12px;
  11767. font-weight: 400;
  11768. display: block;
  11769. background-color: var(--dark-gray);
  11770. color: var(--white);
  11771. padding: 15px;
  11772. letter-spacing: 0.5px;
  11773. }
  11774. .google-maps-link a:hover {
  11775. text-decoration: none;
  11776. }
  11777. .gmnoprint .gm-style-mtc, .gmnoprint .gm-svpc {
  11778. display: none;
  11779. }
  11780. .gm-style a[title] {
  11781. display: none !important;
  11782. }
  11783. .gmnoprint .gm-style-cc, .gmnoprint.gm-style-cc, .gm-style-cc, .gmnoscreen {
  11784. display: none !important;
  11785. }
  11786. .gm-style .gm-style-iw-tc::after {
  11787. background: var(--dark-gray);
  11788. }
  11789. @media screen {
  11790. .gm-style .gmnoscreen, .gmnoscreen {
  11791. display: none;
  11792. }
  11793. }
  11794. /* Text highlight */
  11795. .text-highlight {
  11796. position: relative;
  11797. z-index: 1;
  11798. }
  11799. .text-highlight span {
  11800. display: inline-block;
  11801. left: -3px;
  11802. position: absolute;
  11803. z-index: -1;
  11804. width: calc(100% + 6px);
  11805. }
  11806. /* Separator animation */
  11807. .separator-animation {
  11808. width: 0 !important;
  11809. -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  11810. transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  11811. }
  11812. .shadow-in .separator-animation {
  11813. width: calc(100% + 6px) !important;
  11814. }
  11815. /* Feature box style */
  11816. .feature-box {
  11817. display: -webkit-box;
  11818. display: -ms-flexbox;
  11819. display: flex;
  11820. -webkit-box-align: center;
  11821. -ms-flex-align: center;
  11822. align-items: center;
  11823. -webkit-box-pack: center;
  11824. -ms-flex-pack: center;
  11825. justify-content: center;
  11826. -webkit-box-orient: vertical;
  11827. -webkit-box-direction: normal;
  11828. -ms-flex-direction: column;
  11829. flex-direction: column;
  11830. text-align: center;
  11831. position: relative;
  11832. z-index: 1;
  11833. }
  11834. .feature-box .feature-box-icon i:not([class*=text-gradient-]) {
  11835. display: -webkit-box;
  11836. display: -ms-flexbox;
  11837. display: flex;
  11838. }
  11839. .feature-box.feature-box-left-icon, .feature-box.feature-box-left-icon-middle {
  11840. -webkit-box-orient: horizontal;
  11841. -webkit-box-direction: normal;
  11842. -ms-flex-flow: row wrap;
  11843. flex-flow: row wrap;
  11844. -webkit-box-align: stretch !important;
  11845. -ms-flex-align: stretch !important;
  11846. align-items: stretch !important;
  11847. -webkit-box-pack: start;
  11848. -ms-flex-pack: start;
  11849. justify-content: flex-start;
  11850. text-align: left;
  11851. }
  11852. .feature-box.feature-box-left-icon .feature-box-icon, .feature-box.feature-box-left-icon-middle .feature-box-icon {
  11853. margin-right: 30px;
  11854. }
  11855. .feature-box.feature-box-left-icon .feature-box-content, .feature-box.feature-box-left-icon-middle .feature-box-content {
  11856. -webkit-box-flex: 1;
  11857. -ms-flex: 1;
  11858. flex: 1;
  11859. }
  11860. .feature-box.feature-box-left-icon .content-slide-up, .feature-box.feature-box-left-icon-middle .content-slide-up {
  11861. display: -webkit-box;
  11862. display: -ms-flexbox;
  11863. display: flex;
  11864. }
  11865. .feature-box.feature-box-left-icon-middle {
  11866. -webkit-flex-flow: row wrap;
  11867. -ms-flex-flow: row wrap;
  11868. -webkit-box-align: center !important;
  11869. -ms-flex-align: center !important;
  11870. align-items: center !important;
  11871. -webkit-box-align: center;
  11872. -ms-flex-pack: center;
  11873. justify-content: flex-start;
  11874. text-align: left;
  11875. }
  11876. .feature-box.feature-box-left-icon-middle .content-slide-up {
  11877. flex-flow: row wrap;
  11878. align-items: center;
  11879. justify-content: flex-start;
  11880. text-align: left;
  11881. }
  11882. .feature-box.text-start {
  11883. -webkit-box-align: start;
  11884. -ms-flex-align: start;
  11885. align-items: start;
  11886. }
  11887. .feature-box.text-end {
  11888. -webkit-box-align: end;
  11889. -ms-flex-align: end;
  11890. align-items: flex-end;
  11891. }
  11892. .feature-box .feature-box-overlay {
  11893. position: absolute;
  11894. top: 0;
  11895. left: 0;
  11896. width: 100%;
  11897. height: 100%;
  11898. z-index: -1;
  11899. opacity: 0;
  11900. -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  11901. transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  11902. }
  11903. .feature-box .content-slide-up {
  11904. will-change: transform;
  11905. -webkit-transform: translateY(30px);
  11906. transform: translateY(30px);
  11907. }
  11908. .feature-box .content-slide-up .text-visible {
  11909. opacity: 0;
  11910. }
  11911. .feature-box .border-hover {
  11912. left: 0;
  11913. bottom: -1px;
  11914. width: calc(100% + 0px);
  11915. height: 5px;
  11916. position: absolute;
  11917. -webkit-transform: scaleX(0);
  11918. transform: scaleX(0);
  11919. -webkit-transition: transform 0.5s ease;
  11920. transition: transform 0.5s ease;
  11921. will-change: transform;
  11922. }
  11923. .feature-box .feature-box-bg-overlay {
  11924. position: absolute;
  11925. top: 0;
  11926. left: 0;
  11927. width: 100%;
  11928. height: 100%;
  11929. z-index: -9;
  11930. opacity: 0;
  11931. -webkit-transform: scale(0.8);
  11932. transform: scale(0.8);
  11933. -webkit-transition: 0.5s;
  11934. transition: 0.5s;
  11935. }
  11936. .feature-box .feature-box-icon-rounded {
  11937. display: -webkit-box;
  11938. display: -ms-flexbox;
  11939. display: flex;
  11940. -webkit-box-pack: center;
  11941. -ms-flex-pack: center;
  11942. justify-content: center;
  11943. -webkit-box-align: center;
  11944. -ms-flex-align: center;
  11945. align-items: center;
  11946. position: relative;
  11947. overflow: hidden;
  11948. -webkit-transition: 0.3s;
  11949. transition: 0.3s;
  11950. }
  11951. .feature-box .feature-box-icon-rounded .feature-box-icon-hover {
  11952. position: absolute;
  11953. top: 0px;
  11954. left: 0px;
  11955. width: 100%;
  11956. height: 100%;
  11957. opacity: 0;
  11958. -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  11959. transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  11960. }
  11961. .feature-box .feature-box-icon-rounded i {
  11962. position: relative;
  11963. z-index: 1;
  11964. -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  11965. transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  11966. }
  11967. .feature-box .box-move-bottom-top {
  11968. -webkit-transform: translateY(28px);
  11969. transform: translateY(28px);
  11970. -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  11971. transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  11972. }
  11973. .feature-box .move-bottom-top {
  11974. -webkit-transform: translateY(20px);
  11975. transform: translateY(20px);
  11976. -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  11977. transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  11978. opacity: 0;
  11979. }
  11980. .feature-box:hover .box-move-bottom-top {
  11981. -webkit-transform: translateY(0px);
  11982. transform: translateY(0px);
  11983. }
  11984. .feature-box:hover .box-move-bottom-top .move-bottom-top {
  11985. -webkit-transform: translateY(0px);
  11986. transform: translateY(0px);
  11987. opacity: 1;
  11988. }
  11989. .feature-box:hover .border-hover {
  11990. -webkit-transform: scaleX(1);
  11991. transform: scaleX(1);
  11992. }
  11993. .feature-box:hover .feature-box-overlay {
  11994. opacity: 1;
  11995. }
  11996. .feature-box:hover .content-slide-up {
  11997. -webkit-transform: translateY(0);
  11998. transform: translateY(0);
  11999. }
  12000. .feature-box:hover .content-slide-up .text-visible {
  12001. opacity: 1;
  12002. }
  12003. .feature-box:hover .content-slide-up.content-scale .feature-box-overlay {
  12004. -webkit-transform: scale(1.1);
  12005. transform: scale(1.1);
  12006. }
  12007. .feature-box:hover .feature-box-bg-overlay {
  12008. opacity: 1;
  12009. -webkit-transform: scale(1);
  12010. transform: scale(1);
  12011. }
  12012. .feature-box:hover .feature-box-icon-rounded.border-color-transparent-on-hover {
  12013. border-color: transparent !important;
  12014. }
  12015. .feature-box:hover .feature-box-icon-rounded .feature-box-icon-hover {
  12016. opacity: 1;
  12017. }
  12018. .feature-box:hover .feature-box-content .underline-on-hover {
  12019. color: var(--base-color);
  12020. }
  12021. .feature-box:hover .feature-box-content .underline-on-hover:after {
  12022. opacity: 1;
  12023. -webkit-transform: translateY(0);
  12024. transform: translateY(0);
  12025. }
  12026. .feature-box:hover .dark-hover i, .feature-box:hover .dark-hover span {
  12027. color: #fff;
  12028. }
  12029. .feature-box:hover .dark-hover [class*=text-gradient-] {
  12030. color: var(--white);
  12031. background-image: none;
  12032. -webkit-background-clip: inherit;
  12033. -webkit-text-fill-color: var(--white);
  12034. -webkit-text-fill-color: var(--white);
  12035. }
  12036. .feature-box.border-bottom .feature-box-overlay {
  12037. height: calc(100% + 1px);
  12038. }
  12039. .feature-box.border-top .feature-box-overlay {
  12040. height: calc(100% + 1px);
  12041. }
  12042. /* Icon with text style 03 */
  12043. .icon-with-text-style-03 * {
  12044. word-break: initial;
  12045. }
  12046. /* Icon with text style 05 */
  12047. .icon-with-text-style-05 .feature-box {
  12048. height: 100%;
  12049. }
  12050. /* Icon with text style 07 */
  12051. .icon-with-text-style-07 .hover-box:hover .feature-box-title {
  12052. left: -25%;
  12053. }
  12054. .icon-with-text-style-07 .hover-box:hover .feature-box-title.text-outline-color-dark-gray {
  12055. -webkit-text-stroke-color: var(--base-color);
  12056. opacity: 1;
  12057. }
  12058. .icon-with-text-style-07 .feature-box-title {
  12059. position: absolute;
  12060. top: 30px;
  12061. left: 50%;
  12062. word-break: normal;
  12063. width: 100%;
  12064. -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  12065. transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  12066. }
  12067. /* Icon with text style 10 */
  12068. .icon-with-text-style-10 .feature-box-icon:before {
  12069. width: 100%;
  12070. height: 50%;
  12071. background-color: var(--base-color);
  12072. opacity: 0.12;
  12073. z-index: -1;
  12074. content: "";
  12075. position: absolute;
  12076. left: 0;
  12077. top: 0;
  12078. -webkit-transform: rotate(-40deg);
  12079. -ms-transform: rotate(-40deg);
  12080. transform: rotate(-40deg);
  12081. -webkit-transform-origin: bottom center;
  12082. -ms-transform-origin: bottom center;
  12083. transform-origin: bottom center;
  12084. -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  12085. transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  12086. }
  12087. .icon-with-text-style-10:nth-child(even) .feature-box-icon:before {
  12088. -webkit-transform: rotate(140deg);
  12089. -ms-transform: rotate(140deg);
  12090. transform: rotate(140deg);
  12091. }
  12092. .icon-with-text-style-10:hover .feature-box-icon {
  12093. -webkit-transform: scale(1.1);
  12094. transform: scale(1.1);
  12095. -webkit-transition: all 300ms cubic-bezier(0.37, 0.8, 0.63, 1.2);
  12096. transition: all 300ms cubic-bezier(0.37, 0.8, 0.63, 1.2);
  12097. }
  12098. .icon-with-text-style-10:hover .feature-box-icon i {
  12099. color: var(--white);
  12100. }
  12101. .icon-with-text-style-10:hover .feature-box-icon:before {
  12102. height: 100%;
  12103. -webkit-transform-origin: center;
  12104. -ms-transform-origin: center;
  12105. transform-origin: center;
  12106. opacity: 1;
  12107. }
  12108. /* Icon with text style 11 */
  12109. .icon-with-text-style-11 {
  12110. -webkit-transform: translateY(0px);
  12111. transform: translateY(0px);
  12112. -webkit-transition: all 0.3s linear;
  12113. transition: all 0.3s linear;
  12114. }
  12115. .icon-with-text-style-11 .text-box {
  12116. opacity: 1;
  12117. }
  12118. .icon-with-text-style-11 .text-box-hover {
  12119. position: absolute;
  12120. top: 0;
  12121. left: 0;
  12122. opacity: 0;
  12123. -webkit-transition: all 0.3s linear;
  12124. transition: all 0.3s linear;
  12125. }
  12126. .icon-with-text-style-11:hover {
  12127. -webkit-transform: translateY(-15px);
  12128. transform: translateY(-15px);
  12129. }
  12130. .icon-with-text-style-11:hover .text-box-hover {
  12131. opacity: 1;
  12132. }
  12133. .icon-with-text-style-11:hover .text-box {
  12134. opacity: 0;
  12135. }
  12136. /* Image gallery style 01 */
  12137. .image-gallery-style-01 .gallery-box .gallery-image {
  12138. will-change: transform;
  12139. }
  12140. .image-gallery-style-01 .gallery-box:hover img {
  12141. opacity: 0.5;
  12142. -webkit-filter: blur(2px);
  12143. filter: blur(2px);
  12144. -webkit-transform: scale(1.1);
  12145. transform: scale(1.1);
  12146. }
  12147. /* Image gallery style 02 */
  12148. .image-gallery-style-02 .gallery-box:hover img {
  12149. -webkit-filter: grayscale(1);
  12150. filter: grayscale(1);
  12151. opacity: 0.3;
  12152. }
  12153. /* Image gallery style 03 */
  12154. .image-gallery-style-03 .gallery-box i {
  12155. opacity: 0;
  12156. visibility: hidden;
  12157. }
  12158. .image-gallery-style-03 .gallery-box img {
  12159. -webkit-transform: scale(1.13) translateZ(0);
  12160. transform: scale(1.13) translateZ(0);
  12161. }
  12162. .image-gallery-style-03 .gallery-box:hover i {
  12163. opacity: 1;
  12164. visibility: visible;
  12165. }
  12166. .image-gallery-style-03 .gallery-box:hover img {
  12167. opacity: 0.2;
  12168. -webkit-transform: scale(1) translateZ(0);
  12169. transform: scale(1) translateZ(0);
  12170. }
  12171. /* Image gallery style 04 */
  12172. .image-gallery-style-04 .gallery-box {
  12173. will-change: transform;
  12174. }
  12175. .image-gallery-style-04 .gallery-box img {
  12176. width: 100%;
  12177. }
  12178. .image-gallery-style-04 .gallery-box:hover img {
  12179. opacity: 0.2;
  12180. }
  12181. /* Image gallery style 05 */
  12182. .image-gallery-style-05 .gallery-box {
  12183. will-change: transform;
  12184. }
  12185. .image-gallery-style-05 .gallery-box:hover img {
  12186. opacity: 0.2;
  12187. }
  12188. /* Image gallery style 06 */
  12189. .image-gallery-style-06 .gallery-box {
  12190. will-change: transform;
  12191. }
  12192. .image-gallery-style-06 .gallery-box img {
  12193. width: 100%;
  12194. }
  12195. .image-gallery-style-06 .gallery-box .gallery-hover {
  12196. position: absolute;
  12197. top: 0;
  12198. left: 0;
  12199. opacity: 0;
  12200. visibility: hidden;
  12201. }
  12202. .image-gallery-style-06 .gallery-box .gallery-hover .gallery-title {
  12203. -webkit-transform: scale(1.5);
  12204. transform: scale(1.5);
  12205. }
  12206. .image-gallery-style-06 .gallery-box:hover img {
  12207. opacity: 0.2;
  12208. -webkit-transform: scale(1.15);
  12209. transform: scale(1.15);
  12210. }
  12211. .image-gallery-style-06 .gallery-box:hover .gallery-hover {
  12212. opacity: 1;
  12213. visibility: visible;
  12214. }
  12215. .image-gallery-style-06 .gallery-box:hover .gallery-hover .gallery-title {
  12216. -webkit-transform: scale(1);
  12217. transform: scale(1);
  12218. }
  12219. /* Instagram */
  12220. .instafeed-grid {
  12221. list-style: none;
  12222. text-align: center;
  12223. }
  12224. .instafeed-grid figure {
  12225. position: relative;
  12226. overflow: hidden;
  12227. margin-bottom: 0;
  12228. border-radius: 4px;
  12229. }
  12230. .instafeed-grid figure a .insta-icon {
  12231. opacity: 0;
  12232. position: absolute;
  12233. top: 0;
  12234. left: 0;
  12235. text-align: center;
  12236. background: rgba(35, 35, 35, 0.7);
  12237. width: 100%;
  12238. height: 100%;
  12239. -webkit-transition: 0.3s;
  12240. transition: 0.3s;
  12241. }
  12242. .instafeed-grid figure a .insta-icon i {
  12243. margin-right: 5px;
  12244. margin-left: 5px;
  12245. position: relative;
  12246. display: block;
  12247. font-size: 26px;
  12248. color: var(--white);
  12249. top: 50%;
  12250. -webkit-transform: translateY(-50%) scale(1.5, 1.5);
  12251. transform: translateY(-50%) scale(1.5, 1.5);
  12252. -webkit-transition: all 200ms cubic-bezier(0.37, 0.8, 0.63, 1);
  12253. transition: all 200ms cubic-bezier(0.37, 0.8, 0.63, 1);
  12254. }
  12255. .instafeed-grid figure:hover a .insta-icon {
  12256. opacity: 1;
  12257. }
  12258. .instafeed-grid figure:hover a .insta-icon i {
  12259. -webkit-transform: translateY(-50%) scale(1, 1);
  12260. transform: translateY(-50%) scale(1, 1);
  12261. }
  12262. .instagram-follow-api .instagram-button {
  12263. z-index: 1;
  12264. white-space: nowrap;
  12265. padding: 12px 32px;
  12266. box-shadow: 0 0 35px rgba(23, 23, 23, 0.4);
  12267. }
  12268. /* Interactive banner style 01 */
  12269. .interactive-banner-style-01 figure {
  12270. -webkit-transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1);
  12271. transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1);
  12272. }
  12273. .interactive-banner-style-01 figure .icon-box {
  12274. opacity: 0;
  12275. position: relative;
  12276. top: 15px;
  12277. }
  12278. .interactive-banner-style-01 figure figcaption {
  12279. position: absolute;
  12280. bottom: 0;
  12281. }
  12282. .interactive-banner-style-01 figure:hover {
  12283. -webkit-transform: translateY(-5px);
  12284. transform: translateY(-5px);
  12285. }
  12286. .interactive-banner-style-01 figure:hover img {
  12287. -webkit-transform: scale(1.1);
  12288. transform: scale(1.1);
  12289. -webkit-transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1);
  12290. transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1);
  12291. }
  12292. .interactive-banner-style-01 figure:hover .icon-box {
  12293. opacity: 1;
  12294. top: 0;
  12295. }
  12296. .interactive-banner-style-01 figure:hover .box-overlay {
  12297. opacity: 0.5;
  12298. }
  12299. /* Interactive banner style 02 */
  12300. .interactive-banner-style-02.hover-box * {
  12301. will-change: auto !important;
  12302. }
  12303. .interactive-banner-style-02 figure figcaption .features-icon {
  12304. margin-bottom: -45px;
  12305. opacity: 0;
  12306. visibility: hidden;
  12307. }
  12308. .interactive-banner-style-02:hover figure img {
  12309. -webkit-transform: scale(1.1);
  12310. transform: scale(1.1);
  12311. }
  12312. .interactive-banner-style-02:hover figure figcaption .features-icon {
  12313. margin-bottom: 20px;
  12314. opacity: 1;
  12315. visibility: visible;
  12316. }
  12317. /* Interactive banner style 03 */
  12318. .interactive-banner-style-03 figure {
  12319. position: relative;
  12320. }
  12321. .interactive-banner-style-03 figure img {
  12322. -webkit-transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1);
  12323. transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1);
  12324. }
  12325. .interactive-banner-style-03 figure figcaption {
  12326. position: absolute;
  12327. bottom: 0;
  12328. top: 0;
  12329. background-color: rgba(0, 0, 0, 0.2);
  12330. }
  12331. .interactive-banner-style-03 figure:hover img {
  12332. -webkit-transform: scale(1.08);
  12333. transform: scale(1.08);
  12334. }
  12335. /* Interactive banner style 04 */
  12336. .interactive-banner-style-04 figure {
  12337. -webkit-transition: all 700ms cubic-bezier(0.5, 1, 0.89, 1);
  12338. transition: all 700ms cubic-bezier(0.5, 1, 0.89, 1);
  12339. }
  12340. .interactive-banner-style-04 figure * {
  12341. -webkit-transition: all 700ms cubic-bezier(0.5, 1, 0.89, 1);
  12342. transition: all 700ms cubic-bezier(0.5, 1, 0.89, 1);
  12343. }
  12344. .interactive-banner-style-04 figure figcaption {
  12345. position: absolute;
  12346. bottom: 0;
  12347. }
  12348. .interactive-banner-style-04 figure figcaption .features-content {
  12349. position: absolute;
  12350. left: 25px;
  12351. top: 25px;
  12352. width: calc(100% - 50px);
  12353. height: calc(100% - 50px);
  12354. opacity: 0;
  12355. visibility: hidden;
  12356. -webkit-transform: translateY(20px);
  12357. transform: translateY(20px);
  12358. -webkit-transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1);
  12359. transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1);
  12360. }
  12361. .interactive-banner-style-04 figure figcaption .features-content .box-overlay {
  12362. height: 0%;
  12363. -webkit-transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1);
  12364. transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1);
  12365. }
  12366. .interactive-banner-style-04 figure figcaption .box-button {
  12367. opacity: 1;
  12368. visibility: visible;
  12369. position: relative;
  12370. bottom: 0;
  12371. -webkit-transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1);
  12372. transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1);
  12373. }
  12374. .interactive-banner-style-04 figure:hover {
  12375. -webkit-transform: translateY(-5px);
  12376. transform: translateY(-5px);
  12377. }
  12378. .interactive-banner-style-04 figure:hover figcaption .features-content {
  12379. opacity: 1;
  12380. visibility: visible;
  12381. -webkit-transform: translateY(0);
  12382. transform: translateY(0);
  12383. }
  12384. .interactive-banner-style-04 figure:hover figcaption .box-overlay {
  12385. height: 100%;
  12386. }
  12387. .interactive-banner-style-04 figure:hover figcaption .box-button {
  12388. opacity: 0;
  12389. visibility: hidden;
  12390. position: relative;
  12391. bottom: -70px;
  12392. }
  12393. /* Interactive banner style 05 */
  12394. .interactive-banner-style-05 figure img {
  12395. -webkit-transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1);
  12396. transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1);
  12397. }
  12398. .interactive-banner-style-05 figure figcaption .btn {
  12399. margin-bottom: -50px;
  12400. visibility: hidden;
  12401. opacity: 0;
  12402. transition-timing-function: linear;
  12403. -webkit-transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1);
  12404. transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1);
  12405. }
  12406. .interactive-banner-style-05 figure figcaption .content-arrow {
  12407. position: absolute;
  12408. right: 0;
  12409. opacity: 0;
  12410. top: 50%;
  12411. -webkit-transform: translateY(5px);
  12412. transform: translateY(5px);
  12413. }
  12414. .interactive-banner-style-05 figure:hover img {
  12415. -webkit-transform: scale(1.08);
  12416. transform: scale(1.08);
  12417. }
  12418. .interactive-banner-style-05 figure:hover figcaption img {
  12419. -webkit-transform: scale(1);
  12420. transform: scale(1);
  12421. }
  12422. .interactive-banner-style-05 figure:hover figcaption .content-arrow {
  12423. opacity: 1;
  12424. -webkit-transform: translateY(-50%);
  12425. transform: translateY(-50%);
  12426. }
  12427. .interactive-banner-style-05 figure:hover figcaption .btn {
  12428. margin-bottom: 0;
  12429. visibility: visible;
  12430. opacity: 1;
  12431. }
  12432. .interactive-banner-style-05 .atropos:hover .box-overlay {
  12433. opacity: 1;
  12434. visibility: visible;
  12435. }
  12436. .interactive-banner-style-05 .atropos:hover img {
  12437. -webkit-transform: scale(1.08);
  12438. transform: scale(1.08);
  12439. }
  12440. /* Interactive banner style 06 */
  12441. .interactive-banner-style-06 {
  12442. position: relative;
  12443. overflow: hidden;
  12444. }
  12445. .interactive-banner-style-06 .banners-icon {
  12446. z-index: 9;
  12447. -webkit-transition: 350ms cubic-bezier(0.12, 0, 0.39, 0);
  12448. transition: 350ms cubic-bezier(0.12, 0, 0.39, 0);
  12449. }
  12450. .interactive-banner-style-06 img {
  12451. -webkit-transition: 1s cubic-bezier(0.12, 0, 0.39, 0);
  12452. transition: 1s cubic-bezier(0.12, 0, 0.39, 0);
  12453. width: 100%;
  12454. }
  12455. .interactive-banner-style-06 .interactive-banners-content {
  12456. position: absolute;
  12457. bottom: 0;
  12458. left: 0;
  12459. width: 100%;
  12460. z-index: 1;
  12461. transform: translateY(calc(100% - 155px));
  12462. -webkit-transition: 550ms cubic-bezier(0.12, 0, 0.1, 0);
  12463. transition: 550ms cubic-bezier(0.12, 0, 0.1, 0);
  12464. }
  12465. .interactive-banner-style-06 .interactive-banners-content .interactive-banners-content-text {
  12466. opacity: 0;
  12467. visibility: hidden;
  12468. -webkit-transition: 350ms cubic-bezier(0.12, 0, 0.39, 0);
  12469. transition: 350ms cubic-bezier(0.12, 0, 0.39, 0);
  12470. }
  12471. .interactive-banner-style-06 .box-overlay {
  12472. height: 25%;
  12473. bottom: 0;
  12474. top: auto;
  12475. visibility: visible;
  12476. opacity: 0;
  12477. -webkit-transition: 350ms cubic-bezier(0.12, 0, 0.39, 0);
  12478. transition: 350ms cubic-bezier(0.12, 0, 0.39, 0);
  12479. }
  12480. .interactive-banner-style-06:hover img {
  12481. -webkit-transform: scale(1.3);
  12482. transform: scale(1.3);
  12483. -webkit-transition: 3s cubic-bezier(0.12, 0, 0.39, 0);
  12484. transition: 3s cubic-bezier(0.12, 0, 0.39, 0);
  12485. }
  12486. .interactive-banner-style-06:hover .icon-hover-base-color {
  12487. color: var(--base-color) !important;
  12488. }
  12489. .interactive-banner-style-06:hover .interactive-banners-content {
  12490. transform: translateY(0);
  12491. }
  12492. .interactive-banner-style-06:hover .interactive-banners-content .interactive-banners-content-text {
  12493. opacity: 1;
  12494. visibility: visible;
  12495. }
  12496. .interactive-banner-style-06:hover .box-overlay {
  12497. height: 100%;
  12498. visibility: visible;
  12499. opacity: 1;
  12500. }
  12501. /* Interactive banner style 07 */
  12502. .interactive-banner-style-07 figure {
  12503. position: relative;
  12504. overflow: hidden;
  12505. }
  12506. .interactive-banner-style-07 figure > img {
  12507. -webkit-transition: 0.6s cubic-bezier(0.12, 0, 0.39, 0);
  12508. transition: 0.6s cubic-bezier(0.12, 0, 0.39, 0);
  12509. -webkit-transform: scale(1);
  12510. transform: scale(1);
  12511. }
  12512. .interactive-banner-style-07 figure .overlay-bg {
  12513. -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  12514. transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  12515. }
  12516. .interactive-banner-style-07 figure figcaption {
  12517. position: absolute;
  12518. top: 0;
  12519. left: 0;
  12520. width: 100%;
  12521. height: 100%;
  12522. z-index: 1;
  12523. }
  12524. .interactive-banner-style-07 figure .hover-hide-content {
  12525. position: absolute;
  12526. bottom: 50px;
  12527. left: 0;
  12528. width: 100%;
  12529. -webkit-transition: 1s;
  12530. transition: 1s;
  12531. }
  12532. .interactive-banner-style-07 figure .hover-show-content {
  12533. opacity: 0;
  12534. visibility: hidden;
  12535. position: absolute;
  12536. bottom: 50px;
  12537. -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  12538. transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  12539. -webkit-transform: scale(1);
  12540. transform: scale(1);
  12541. }
  12542. .interactive-banner-style-07 figure:hover > img {
  12543. -webkit-transform: scale(1.1);
  12544. transform: scale(1.1);
  12545. }
  12546. .interactive-banner-style-07 figure:hover .overlay-bg {
  12547. opacity: 0.7;
  12548. }
  12549. .interactive-banner-style-07 figure:hover .hover-hide-content {
  12550. opacity: 0;
  12551. visibility: hidden;
  12552. -webkit-transition: 0.1s;
  12553. transition: 0.1s;
  12554. }
  12555. .interactive-banner-style-07 figure:hover .hover-show-content {
  12556. opacity: 1;
  12557. visibility: visible;
  12558. -webkit-transform: scale(1.2);
  12559. transform: scale(1.2);
  12560. }
  12561. /* Interactive banner style 08 */
  12562. .interactive-banner-style-08 figure:hover img {
  12563. -webkit-transform: scale(1.08);
  12564. transform: scale(1.08);
  12565. -webkit-transition: 1.5s;
  12566. transition: 1.5s;
  12567. }
  12568. .interactive-banner-style-08 figure:hover .box-overlay {
  12569. opacity: 1;
  12570. visibility: visible;
  12571. }
  12572. .interactive-banner-style-08 figure:hover figcaption .circle-box {
  12573. background-color: var(--white) !important;
  12574. -webkit-transform: scale(1.1);
  12575. transform: scale(1.1);
  12576. -webkit-transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1.5);
  12577. transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1.5);
  12578. }
  12579. /* Interactive banner style 09 */
  12580. .interactive-banner-style-09 img {
  12581. -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  12582. transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  12583. }
  12584. .interactive-banner-style-09 .image-content {
  12585. position: absolute;
  12586. top: 0;
  12587. }
  12588. .interactive-banner-style-09 .image-content .content-title {
  12589. -webkit-box-flex: 1;
  12590. -ms-flex: 1;
  12591. flex: 1;
  12592. position: relative;
  12593. opacity: 0.6;
  12594. visibility: visible;
  12595. will-change: transform;
  12596. -webkit-transform: translateY(0);
  12597. transform: translateY(0);
  12598. -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  12599. transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  12600. }
  12601. .interactive-banner-style-09 .image-content .content-title-hover {
  12602. position: absolute;
  12603. width: auto;
  12604. left: 0;
  12605. bottom: 0;
  12606. visibility: hidden;
  12607. will-change: transform;
  12608. -webkit-transform: translateY(20px);
  12609. transform: translateY(20px);
  12610. -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  12611. transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  12612. }
  12613. .interactive-banner-style-09 .image-content .content-arrow {
  12614. will-change: transform;
  12615. position: absolute;
  12616. right: 0;
  12617. opacity: 0;
  12618. top: 50%;
  12619. -webkit-transform: translateY(10px);
  12620. transform: translateY(10px);
  12621. -webkit-transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  12622. transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  12623. display: flex;
  12624. align-items: center;
  12625. justify-content: center;
  12626. }
  12627. .interactive-banner-style-09 .image-content .label {
  12628. -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  12629. transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  12630. }
  12631. .interactive-banner-style-09 .image-content .hover-label-icon i {
  12632. opacity: 0;
  12633. position: absolute;
  12634. top: 20px;
  12635. left: 0;
  12636. -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  12637. transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  12638. }
  12639. .interactive-banner-style-09 .image-content:hover .content-arrow {
  12640. opacity: 1;
  12641. -webkit-transform: translateY(-42%);
  12642. transform: translateY(-42%);
  12643. }
  12644. .interactive-banner-style-09 .image-content:hover .content-title {
  12645. opacity: 0;
  12646. visibility: hidden;
  12647. -webkit-transform: translateY(-20px);
  12648. transform: translateY(-20px);
  12649. }
  12650. .interactive-banner-style-09 .image-content:hover .content-title-hover {
  12651. visibility: visible;
  12652. -webkit-transform: translateY(-3px);
  12653. transform: translateY(-3px);
  12654. }
  12655. .interactive-banner-style-09 .image-content:hover .box-overlay {
  12656. opacity: 1;
  12657. visibility: visible;
  12658. }
  12659. .interactive-banner-style-09 .image-content:hover .hover-label-icon .label {
  12660. opacity: 0;
  12661. margin-top: -20px;
  12662. }
  12663. .interactive-banner-style-09 .image-content:hover .hover-label-icon i {
  12664. opacity: 1;
  12665. top: 0;
  12666. }
  12667. .interactive-banner-style-09:hover img {
  12668. -webkit-transform: scale(1.1);
  12669. transform: scale(1.1);
  12670. }
  12671. /* List style 01 */
  12672. .list-style-01 {
  12673. list-style: none;
  12674. }
  12675. .list-style-01 li {
  12676. border-bottom: 1px solid;
  12677. }
  12678. .list-style-01 li:last-child {
  12679. border-bottom: 0px;
  12680. }
  12681. /* List style 02 */
  12682. .list-style-02 {
  12683. list-style: none;
  12684. }
  12685. .list-style-02 li {
  12686. display: -webkit-box;
  12687. display: -ms-flexbox;
  12688. display: flex;
  12689. -webkit-box-orient: horizontal;
  12690. -webkit-box-direction: normal;
  12691. -ms-flex-direction: row;
  12692. flex-direction: row;
  12693. -webkit-box-align: start;
  12694. -ms-flex-align: start;
  12695. align-items: start;
  12696. }
  12697. .list-style-02 li:last-child {
  12698. margin-bottom: 0;
  12699. }
  12700. .list-style-02 li i {
  12701. line-height: 32px;
  12702. }
  12703. /* List style 03 */
  12704. .list-style-03 {
  12705. counter-reset: li;
  12706. list-style-type: none;
  12707. }
  12708. .list-style-03 li {
  12709. position: relative;
  12710. padding: 0 0 0 38px;
  12711. margin: 0 0 9px 0;
  12712. }
  12713. .list-style-03 li:before {
  12714. content: counter(li, decimal-leading-zero) ".";
  12715. counter-increment: li;
  12716. display: inline-block;
  12717. position: absolute;
  12718. left: 0;
  12719. }
  12720. /* List style 04 */
  12721. .list-style-04 {
  12722. padding-left: 16px;
  12723. }
  12724. .list-style-04 li {
  12725. margin: 0 0 10px;
  12726. list-style: disc;
  12727. }
  12728. /* List style 05 */
  12729. .list-style-05 {
  12730. padding: 0;
  12731. margin: 0;
  12732. }
  12733. .list-style-05 li {
  12734. margin: 0;
  12735. display: inline-block;
  12736. }
  12737. .list-style-05 li:before {
  12738. border-radius: 100%;
  12739. content: "";
  12740. background-color: var(--medium-gray);
  12741. display: inline-block;
  12742. width: 6px;
  12743. height: 6px;
  12744. margin: 0 15px;
  12745. vertical-align: middle;
  12746. position: relative;
  12747. top: -2px;
  12748. }
  12749. .list-style-05 li:first-child:before {
  12750. display: none;
  12751. }
  12752. /* HTML video */
  12753. .html-video {
  12754. background-color: #000;
  12755. left: 0%;
  12756. position: absolute;
  12757. top: 50%;
  12758. z-index: -3;
  12759. object-fit: cover;
  12760. -webkit-transform: translateY(-50%);
  12761. transform: translateY(-50%);
  12762. }
  12763. /* Background video */
  12764. .bg-video-wrapper {
  12765. position: absolute;
  12766. top: 0;
  12767. left: 0;
  12768. width: 100%;
  12769. height: 100%;
  12770. z-index: -1;
  12771. pointer-events: none;
  12772. overflow: hidden;
  12773. }
  12774. .bg-video-wrapper iframe {
  12775. width: 100vw;
  12776. height: 56.25vw;
  12777. min-height: 100vh;
  12778. min-width: 177.77vh;
  12779. position: absolute;
  12780. top: 50%;
  12781. left: 50%;
  12782. transform: translate(-50%, -50%);
  12783. }
  12784. /* Modal popup */
  12785. #popup-form {
  12786. cursor: default;
  12787. }
  12788. .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  12789. color: var(--white);
  12790. background: transparent;
  12791. }
  12792. .mfp-iframe-holder .mfp-content {
  12793. max-width: 1050px;
  12794. }
  12795. .mfp-close, .mfp-close:active {
  12796. opacity: 1;
  12797. background-color: transparent;
  12798. right: 20px;
  12799. top: 20px;
  12800. height: 30px;
  12801. width: 30px;
  12802. font-size: 13px;
  12803. line-height: 31px;
  12804. position: absolute;
  12805. color: var(--dark-gray);
  12806. }
  12807. .lightbox-gallery a {
  12808. position: relative;
  12809. display: block;
  12810. }
  12811. .lightbox-gallery .gallary-over-layer {
  12812. position: absolute;
  12813. top: 0;
  12814. left: 0;
  12815. }
  12816. .show-search-popup > section {
  12817. filter: grayscale(100%);
  12818. }
  12819. .show-search-popup .mfp-search.mfp-bg.mfp-ready {
  12820. opacity: 0.5;
  12821. }
  12822. .mfp-arrow {
  12823. opacity: 1;
  12824. }
  12825. .mfp-wrap {
  12826. cursor: url("../images/mfg-close.png"), auto;
  12827. }
  12828. .mfp-wrap .mfp-container {
  12829. cursor: auto;
  12830. }
  12831. .show-search-popup .mfp-close, .show-search-popup .mfp-close:active {
  12832. color: var(--dark-gray);
  12833. }
  12834. .show-search-popup .search-form .search-input {
  12835. border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  12836. }
  12837. .show-search-popup .search-form .search-button {
  12838. color: var(--dark-gray);
  12839. }
  12840. .show-search-popup .mfp-container {
  12841. position: fixed;
  12842. height: 300px;
  12843. background-color: var(--white);
  12844. -webkit-animation-name: "ani-mfp";
  12845. animation-name: "ani-mfp";
  12846. -webkit-animation-duration: 0.2s;
  12847. -moz-animation-duration: 0.2s;
  12848. -o-animation-duration: 0.2s;
  12849. animation-duration: 0.2s;
  12850. }
  12851. .show-search-popup .mfp-removing .mfp-container {
  12852. -webkit-animation-name: "ani-mfp-close";
  12853. animation-name: "ani-mfp-close";
  12854. -webkit-animation-duration: 0.2s;
  12855. -moz-animation-duration: 0.2s;
  12856. -o-animation-duration: 0.2s;
  12857. animation-duration: 0.2s;
  12858. }
  12859. .show-search-popup .search-form .search-input {
  12860. color: var(--dark-gray);
  12861. }
  12862. .lightbox-gallery a {
  12863. position: relative;
  12864. display: block;
  12865. }
  12866. .lightbox-gallery .gallary-over-layer {
  12867. position: absolute;
  12868. top: 0;
  12869. left: 0;
  12870. }
  12871. .mfp-arrow-right:after, .mfp-arrow-left:after {
  12872. display: none;
  12873. }
  12874. .mfp-arrow-left {
  12875. left: 30px;
  12876. }
  12877. .mfp-arrow-right {
  12878. right: 30px;
  12879. }
  12880. .mfp-arrow-left:before {
  12881. border-right: none;
  12882. content: "\e629";
  12883. font-size: 20px;
  12884. font-family: "themify";
  12885. color: var(--white);
  12886. line-height: 60px;
  12887. width: 100%;
  12888. height: 100%;
  12889. border: none;
  12890. margin: 0;
  12891. opacity: 1;
  12892. }
  12893. .mfp-arrow-right:before {
  12894. border-left: none;
  12895. content: "\e628";
  12896. font-size: 20px;
  12897. font-family: "themify";
  12898. color: var(--white);
  12899. line-height: 60px;
  12900. width: 100%;
  12901. height: 100%;
  12902. border: none;
  12903. margin: 0;
  12904. opacity: 1;
  12905. }
  12906. .mfp-bottom-bar {
  12907. margin-top: -24px;
  12908. font-size: 12px;
  12909. }
  12910. .mfp-close {
  12911. font-size: 28px;
  12912. font-family: var(--alt-font);
  12913. }
  12914. .mfp-figure {
  12915. -webkit-animation-name: fadeIn;
  12916. -moz-animation-name: fadeIn;
  12917. -o-animation-name: fadeIn;
  12918. -ms-animation-name: fadeIn;
  12919. animation-name: fadeIn;
  12920. -webkit-animation-duration: 0.4s;
  12921. -moz-animation-duration: 0.4s;
  12922. -ms-animation-duration: 0.4s;
  12923. -o-animation-duration: 0.4s;
  12924. animation-duration: 0.4s;
  12925. -webkit-animation-fill-mode: both;
  12926. -moz-animation-fill-mode: both;
  12927. -ms-animation-fill-mode: both;
  12928. -o-animation-fill-mode: both;
  12929. animation-fill-mode: both;
  12930. webkit-backface-visibility: hidden;
  12931. -moz-backface-visibility: hidden;
  12932. -ms-backface-visibility: hidden;
  12933. }
  12934. /* Zoom animation */
  12935. .my-mfp-zoom-in .zoom-anim-dialog {
  12936. opacity: 0;
  12937. -webkit-transform: scale3d(0.9, 0.9, 1);
  12938. -o-transform: scale3d(0.9, 0.9, 1);
  12939. transform: scale3d(0.9, 0.9, 1);
  12940. -webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
  12941. transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
  12942. }
  12943. .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  12944. opacity: 1;
  12945. -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  12946. -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  12947. transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  12948. }
  12949. .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  12950. -webkit-transform: scale(0.8);
  12951. transform: scale(0.8);
  12952. opacity: 0;
  12953. }
  12954. .my-mfp-zoom-in.mfp-bg {
  12955. opacity: 0;
  12956. -webkit-transition: opacity 0.3s ease-out;
  12957. transition: opacity 0.3s ease-out;
  12958. }
  12959. .my-mfp-zoom-in.mfp-ready.mfp-bg {
  12960. opacity: 0.8;
  12961. }
  12962. .my-mfp-zoom-in.mfp-removing.mfp-bg {
  12963. opacity: 0;
  12964. }
  12965. /* Fade animation */
  12966. .my-mfp-slide-bottom .zoom-anim-dialog {
  12967. opacity: 0;
  12968. -webkit-transition: all 0.3s ease-out;
  12969. transition: all 0.3s ease-out;
  12970. -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  12971. -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  12972. transform: translateY(-20px) perspective(600px) rotateX(10deg);
  12973. }
  12974. .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  12975. opacity: 1;
  12976. -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  12977. -o-transform: translateY(0) perspective(600px) rotateX(0);
  12978. transform: translateY(0) perspective(600px) rotateX(0);
  12979. }
  12980. .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  12981. opacity: 0;
  12982. -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  12983. -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  12984. transform: translateY(-10px) perspective(600px) rotateX(10deg);
  12985. }
  12986. .my-mfp-slide-bottom.mfp-bg {
  12987. opacity: 0;
  12988. -webkit-transition: opacity 0.3s ease-out;
  12989. transition: opacity 0.3s ease-out;
  12990. }
  12991. .my-mfp-slide-bottom.mfp-ready.mfp-bg {
  12992. opacity: 0.8;
  12993. }
  12994. .my-mfp-slide-bottom.mfp-removing.mfp-bg {
  12995. opacity: 0;
  12996. }
  12997. /* Slide up animation */
  12998. .my-mfp-slide-up .slide-up-popup {
  12999. -webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
  13000. transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
  13001. -webkit-transform: translate3d(0, 30px, 0);
  13002. transform: translate3d(0, 30px, 0);
  13003. }
  13004. .my-mfp-slide-up.mfp-ready .slide-up-popup {
  13005. -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  13006. -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  13007. transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  13008. }
  13009. .my-mfp-slide-up.mfp-removing .slide-up-popup {
  13010. opacity: 0;
  13011. -webkit-transform: translate3d(0, 30px, 0);
  13012. transform: translate3d(0, 30px, 0);
  13013. }
  13014. .my-mfp-slide-up.mfp-bg {
  13015. opacity: 0;
  13016. -webkit-transition: opacity 0.3s ease-out;
  13017. transition: opacity 0.3s ease-out;
  13018. }
  13019. .my-mfp-slide-up.mfp-ready.mfp-bg {
  13020. opacity: 0.8;
  13021. }
  13022. .my-mfp-slide-up.mfp-removing.mfp-bg {
  13023. opacity: 0;
  13024. }
  13025. .mfp-bg {
  13026. background: var(--dark-gray);
  13027. opacity: 0.9;
  13028. }
  13029. .mfp-bg, .mfp-wrap {
  13030. z-index: 10007;
  13031. }
  13032. .mfp-fade.mfp-bg {
  13033. opacity: 0;
  13034. -webkit-transition: all 0.3s ease-out;
  13035. -o-transition: all 0.3s ease-out;
  13036. transition: all 0.3s ease-out;
  13037. }
  13038. .mfp-fade.mfp-bg.mfp-ready {
  13039. opacity: 0.93;
  13040. }
  13041. .mfp-fade.mfp-bg.mfp-removing {
  13042. opacity: 0;
  13043. }
  13044. .mfp-fade.mfp-wrap .mfp-content {
  13045. opacity: 0;
  13046. -webkit-transition: all 0.3s ease-out;
  13047. -o-transition: all 0.3s ease-out;
  13048. transition: all 0.3s ease-out;
  13049. }
  13050. .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  13051. opacity: 1;
  13052. }
  13053. .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  13054. opacity: 0;
  13055. }
  13056. .mfp-ajax-holder {
  13057. width: 70%;
  13058. height: calc(100% - 100px);
  13059. margin: 0 auto;
  13060. position: relative;
  13061. top: 50%;
  13062. -webkit-transform: translateY(-50%);
  13063. transform: translateY(-50%);
  13064. }
  13065. button.mfp-close, button.mfp-close:active {
  13066. height: 40px;
  13067. width: 40px;
  13068. position: absolute;
  13069. right: 20px;
  13070. top: 20px;
  13071. border-radius: 100%;
  13072. display: flex;
  13073. align-items: center;
  13074. justify-content: center;
  13075. font-size: 0;
  13076. }
  13077. button.mfp-close:before, button.mfp-close:active:before {
  13078. content: "\f00d";
  13079. color: var(--black);
  13080. font-family: "Font Awesome 6 Free";
  13081. font-size: 20px;
  13082. font-weight: 900;
  13083. }
  13084. /* Images gallery */
  13085. .mfp-gallery button.mfp-close, .mfp-iframe-holder ~ button.mfp-close {
  13086. right: 40px;
  13087. top: 40px;
  13088. background-color: var(--white);
  13089. }
  13090. .mfp-gallery button.mfp-close:before, .mfp-iframe-holder ~ button.mfp-close:before {
  13091. color: var(--dark-gray);
  13092. }
  13093. /* Modal popup */
  13094. .modal-popup-main {
  13095. position: relative;
  13096. }
  13097. /* Auto newsletter popup */
  13098. .subscribe-popup .mfp-close, .subscribe-popup .mfp-close:active {
  13099. background-color: transparent;
  13100. font-size: 13px;
  13101. line-height: 30px;
  13102. top: 20px;
  13103. right: 20px;
  13104. }
  13105. .subscribe-popup .mfp-close:before {
  13106. color: var(--dark-gray);
  13107. }
  13108. .subscribe-popup .newsletter-style-02 input {
  13109. padding-right: 70px;
  13110. }
  13111. .subscribe-popup .newsletter-style-02 .btn {
  13112. padding: 6px 25px 9px 25px;
  13113. }
  13114. .newsletter-popup label {
  13115. cursor: pointer;
  13116. }
  13117. /* Parallax background */
  13118. [data-parallax-background-ratio] {
  13119. position: relative !important;
  13120. background-size: cover !important;
  13121. overflow: hidden;
  13122. background-attachment: fixed !important;
  13123. transition-duration: 0s;
  13124. -webkit-transition-duration: 0s;
  13125. }
  13126. /* Video icon effect */
  13127. .video-icon-effect {
  13128. position: relative;
  13129. width: 65px;
  13130. height: 65px;
  13131. border-radius: 50%;
  13132. background-color: var(--white);
  13133. }
  13134. .video-icon-effect:before {
  13135. position: absolute;
  13136. content: "";
  13137. animation: border-transform 7s linear infinite alternate forwards;
  13138. background-color: var(--white);
  13139. width: 100px;
  13140. height: 100px;
  13141. top: -15px;
  13142. left: -15px;
  13143. opacity: 0.2;
  13144. }
  13145. @-webkit-keyframes border-transform {
  13146. 0%, 100% {
  13147. border-radius: 36% 64% 59% 41%/40% 45% 55% 60%;
  13148. }
  13149. 24% {
  13150. border-radius: 37% 63% 60% 40%/46% 52% 48% 54%;
  13151. }
  13152. 32% {
  13153. border-radius: 40% 60% 54% 46%/52% 56% 44% 48%;
  13154. }
  13155. 42% {
  13156. border-radius: 52% 48% 62% 38%/54% 54% 46% 46%;
  13157. }
  13158. 56% {
  13159. border-radius: 60% 40% 65% 35%/54% 50% 50% 46%;
  13160. }
  13161. 70% {
  13162. border-radius: 44% 56% 43% 57%/42% 50% 50% 58%;
  13163. }
  13164. }
  13165. @keyframes border-transform {
  13166. 0%, 100% {
  13167. border-radius: 36% 64% 59% 41%/40% 45% 55% 60%;
  13168. }
  13169. 24% {
  13170. border-radius: 37% 63% 60% 40%/46% 52% 48% 54%;
  13171. }
  13172. 32% {
  13173. border-radius: 40% 60% 54% 46%/52% 56% 44% 48%;
  13174. }
  13175. 42% {
  13176. border-radius: 52% 48% 62% 38%/54% 54% 46% 46%;
  13177. }
  13178. 56% {
  13179. border-radius: 60% 40% 65% 35%/54% 50% 50% 46%;
  13180. }
  13181. 70% {
  13182. border-radius: 44% 56% 43% 57%/42% 50% 50% 58%;
  13183. }
  13184. }
  13185. /* Particles */
  13186. canvas {
  13187. display: block;
  13188. vertical-align: bottom;
  13189. }
  13190. /* Pie chart style 01 */
  13191. .pie-chart-style-01 {
  13192. position: relative;
  13193. display: inline-block;
  13194. }
  13195. .pie-chart-style-01 .percent {
  13196. position: absolute;
  13197. left: 0;
  13198. right: 0;
  13199. margin: 0 auto;
  13200. top: 50%;
  13201. -webkit-transform: translateY(-50%);
  13202. transform: translateY(-50%);
  13203. }
  13204. /* Pricing table style 01 */
  13205. .pricing-table-style-01.popular-item {
  13206. margin-top: -30px;
  13207. }
  13208. /* Pricing table style 02 */
  13209. .pricing-table-style-02 .popular-item {
  13210. left: -10px;
  13211. position: relative;
  13212. z-index: 1;
  13213. width: calc(100% + 20px);
  13214. }
  13215. .pricing-table-style-02 .popular-label {
  13216. position: absolute;
  13217. top: 0;
  13218. left: 50%;
  13219. padding: 1px 20px;
  13220. -webkit-transform: translate(-50%, -50%);
  13221. transform: translate(-50%, -50%);
  13222. }
  13223. /* Pricing table style 04 */
  13224. .pricing-table-style-04 .accordion-item {
  13225. border-radius: 5px !important;
  13226. padding: 16px 35px;
  13227. }
  13228. .pricing-table-style-04 .accordion-item .accordion-body {
  13229. padding: 10px 0;
  13230. }
  13231. .pricing-table-style-04 .accordion-item .icon-round {
  13232. position: absolute;
  13233. top: 50%;
  13234. right: 0;
  13235. text-align: center;
  13236. -webkit-border-radius: 100%;
  13237. border-radius: 100%;
  13238. -webkit-transform: translateY(-50%);
  13239. transform: translateY(-50%);
  13240. }
  13241. .pricing-table-style-04 .accordion-item .icon-round i {
  13242. left: 0;
  13243. font-size: 13px;
  13244. }
  13245. .pricing-table-style-04 .accordion-item.active-accordion {
  13246. padding: 30px 40px;
  13247. background-color: var(--base-color) !important;
  13248. color: var(--white) !important;
  13249. }
  13250. .pricing-table-style-04 .accordion-item.active-accordion .accordion-header .accordion-title {
  13251. color: var(--white) !important;
  13252. }
  13253. .pricing-table-style-04 .accordion-item.active-accordion .icon-round {
  13254. background-color: rgba(0, 0, 0, 0.4);
  13255. color: var(--white) !important;
  13256. }
  13257. /* Pricing table style 07 */
  13258. .pricing-table-style-07 .nav-tabs {
  13259. padding: 0;
  13260. }
  13261. .pricing-table-style-07 .nav-tabs .nav-item {
  13262. width: 100%;
  13263. padding: 0 15px;
  13264. }
  13265. .pricing-table-style-07 .nav-tabs .nav-item .nav-link {
  13266. border: 0;
  13267. color: var(--medium-gray);
  13268. }
  13269. .pricing-table-style-07 .nav-tabs .nav-item .nav-link .icon {
  13270. border-color: rgba(23, 23, 23, 0.2) !important;
  13271. }
  13272. .pricing-table-style-07 .nav-tabs .nav-item .nav-link .icon i {
  13273. opacity: 0;
  13274. }
  13275. .pricing-table-style-07 .nav-tabs .nav-item .nav-link .text-dark-gray {
  13276. -webkit-transition: 0.3s;
  13277. transition: 0.3s;
  13278. }
  13279. .pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover, .pricing-table-style-07 .nav-tabs .nav-item .nav-link.active {
  13280. box-shadow: none;
  13281. background-color: var(--base-color);
  13282. color: var(--white) !important;
  13283. }
  13284. .pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover .text-dark-gray, .pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .text-dark-gray {
  13285. color: var(--white) !important;
  13286. }
  13287. .pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover .icon i, .pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .icon i {
  13288. opacity: 1;
  13289. }
  13290. .pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover .offer, .pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .offer {
  13291. background-color: var(--dark-gray);
  13292. border-color: var(--dark-gray) !important;
  13293. }
  13294. .pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .icon {
  13295. border-color: rgb(255, 255, 255) !important;
  13296. }
  13297. .pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .offer {
  13298. background-color: var(--dark-gray);
  13299. border-color: var(--dark-gray) !important;
  13300. }
  13301. /* Pricing table style 08 */
  13302. .pricing-table-style-08 .nav-tabs {
  13303. position: relative;
  13304. }
  13305. .pricing-table-style-08 .nav-tabs > li.nav-item {
  13306. padding: 0;
  13307. margin: 0;
  13308. }
  13309. .pricing-table-style-08 .nav-tabs > li.nav-item > a.nav-link {
  13310. position: relative;
  13311. padding: 0;
  13312. border: 0;
  13313. color: var(--medium-gray);
  13314. }
  13315. .pricing-table-style-08 .nav-tabs > li.nav-item > a.nav-link .tab-nav-text {
  13316. margin: 0 15px;
  13317. }
  13318. .pricing-table-style-08 .nav-tabs > li.nav-item > a:before {
  13319. content: "";
  13320. display: inline-block;
  13321. width: 22px;
  13322. height: 22px;
  13323. position: absolute;
  13324. bottom: 5px;
  13325. left: calc(50% - 15px);
  13326. opacity: 0;
  13327. border-radius: 50em;
  13328. background-color: #fff;
  13329. -webkit-transform: scale(0.5);
  13330. transform: scale(0.5);
  13331. transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1);
  13332. -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  13333. box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  13334. }
  13335. .pricing-table-style-08 .nav-tabs > li.nav-item > a:after {
  13336. content: "";
  13337. display: inline-block;
  13338. width: 100%;
  13339. height: 32px;
  13340. background-color: #152bca;
  13341. }
  13342. .pricing-table-style-08 .nav-tabs > li.nav-item > a.active {
  13343. color: var(--dark-gray);
  13344. background-color: transparent;
  13345. }
  13346. .pricing-table-style-08 .nav-tabs > li.nav-item > a.active:before {
  13347. opacity: 1;
  13348. -webkit-transform: scale(1);
  13349. transform: scale(1);
  13350. }
  13351. .pricing-table-style-08 .nav-tabs > li.nav-item:first-child a {
  13352. flex-direction: row;
  13353. }
  13354. .pricing-table-style-08 .nav-tabs > li.nav-item:first-child a:before {
  13355. left: auto;
  13356. right: 0px;
  13357. }
  13358. .pricing-table-style-08 .nav-tabs > li.nav-item:first-child a:after {
  13359. border-radius: 50em 0 0 50em;
  13360. width: 28px;
  13361. }
  13362. .pricing-table-style-08 .nav-tabs > li.nav-item:last-child a {
  13363. flex-direction: row-reverse;
  13364. }
  13365. .pricing-table-style-08 .nav-tabs > li.nav-item:last-child a:after {
  13366. width: 30px;
  13367. border-radius: 0 50em 50em 0;
  13368. }
  13369. .pricing-table-style-08 .nav-tabs > li.nav-item:last-child a:before {
  13370. left: 2px;
  13371. }
  13372. /* Pricing table style 09 */
  13373. .pricing-table-style-09 .row {
  13374. -webkit-transition: all 400ms cubic-bezier(0.61, 1, 0.88, 1);
  13375. transition: all 400ms cubic-bezier(0.61, 1, 0.88, 1);
  13376. }
  13377. .pricing-table-style-09 .row img, .pricing-table-style-09 .row i {
  13378. -webkit-transition: all 400ms cubic-bezier(0.61, 1, 0.88, 1);
  13379. transition: all 400ms cubic-bezier(0.61, 1, 0.88, 1);
  13380. }
  13381. .pricing-table-style-09 .row:hover {
  13382. -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
  13383. box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
  13384. }
  13385. .pricing-table-style-09 .row:hover img, .pricing-table-style-09 .row:hover i {
  13386. -webkit-transform: scale(1.1);
  13387. transform: scale(1.1);
  13388. }
  13389. .pricing-table-style-09 .action {
  13390. -webkit-transition: 0.3s;
  13391. transition: 0.3s;
  13392. }
  13393. .pricing-table-style-09 .action:hover {
  13394. margin-right: -5px;
  13395. }
  13396. /* Pricing table style 10 */
  13397. .pricing-table-style-10 .cover-background {
  13398. filter: grayscale(0);
  13399. -webkit-transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1);
  13400. transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1);
  13401. }
  13402. .pricing-table-style-10 .popular-label {
  13403. position: absolute;
  13404. top: 0;
  13405. right: 50px;
  13406. z-index: 1;
  13407. height: 100px;
  13408. width: 100px;
  13409. display: flex;
  13410. align-items: center;
  13411. justify-content: center;
  13412. -webkit-transform: translate(0, -50%);
  13413. transform: translate(0, -50%);
  13414. }
  13415. .pricing-table-style-10:hover .cover-background {
  13416. filter: grayscale(100%);
  13417. }
  13418. /* Pricing table style 11 */
  13419. .pricing-table-style-11 li {
  13420. list-style: none;
  13421. padding: 25px 0;
  13422. position: relative;
  13423. -webkit-transition: all 200ms cubic-bezier(0.37, 0.8, 0.63, 1);
  13424. transition: all 200ms cubic-bezier(0.37, 0.8, 0.63, 1);
  13425. }
  13426. .pricing-table-style-11 li .popular-label {
  13427. position: absolute;
  13428. border-radius: 100%;
  13429. display: flex;
  13430. align-items: center;
  13431. justify-content: center;
  13432. }
  13433. .pricing-table-style-11 li:hover {
  13434. -webkit-transform: scale(1.03);
  13435. transform: scale(1.03);
  13436. }
  13437. /* Pricing table style 12 */
  13438. .pricing-table-style-12 {
  13439. padding: 0;
  13440. margin: 0;
  13441. list-style: none;
  13442. }
  13443. .pricing-table-style-12 li {
  13444. display: -webkit-box;
  13445. display: -ms-flexbox;
  13446. display: flex;
  13447. -webkit-box-align: center;
  13448. -ms-flex-align: center;
  13449. align-items: center;
  13450. padding: 15px 0;
  13451. -webkit-transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1);
  13452. transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1);
  13453. }
  13454. .pricing-table-style-12 li:last-child {
  13455. padding-bottom: 0;
  13456. }
  13457. .pricing-table-style-12 li:hover {
  13458. -webkit-transform: translateX(15px);
  13459. transform: translateX(15px);
  13460. }
  13461. /* Pricing table style 13 */
  13462. .pricing-table-style-13 {
  13463. padding: 0;
  13464. margin: 0;
  13465. list-style: none;
  13466. }
  13467. .pricing-table-style-13 li {
  13468. display: -webkit-box;
  13469. display: -ms-flexbox;
  13470. display: flex;
  13471. -webkit-box-align: center;
  13472. -ms-flex-align: center;
  13473. align-items: center;
  13474. padding: 25px 0;
  13475. -webkit-transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1);
  13476. transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1);
  13477. }
  13478. .pricing-table-style-13 li:last-child {
  13479. padding-bottom: 0;
  13480. }
  13481. .pricing-table-style-13 li:hover {
  13482. -webkit-transform: translateX(15px);
  13483. transform: translateX(15px);
  13484. }
  13485. /* Process step style 01 */
  13486. .process-step-style-01 .progress-step-separator {
  13487. position: absolute;
  13488. top: 50%;
  13489. left: calc(100% + 20px);
  13490. -webkit-transform: translateX(-50%);
  13491. transform: translateX(-50%);
  13492. }
  13493. .process-step-style-01 .process-step-icon {
  13494. position: relative;
  13495. text-align: center;
  13496. display: inline-block;
  13497. vertical-align: middle;
  13498. }
  13499. .process-step-style-01:hover .box-overlay {
  13500. -webkit-transform: scale(1.2);
  13501. transform: scale(1.2);
  13502. }
  13503. .process-step-style-01:hover .number, .process-step-style-01:hover .icon {
  13504. color: var(--white);
  13505. }
  13506. .process-step-style-01:hover .border-color-transparent-on-hover {
  13507. border-color: transparent !important;
  13508. }
  13509. /* Process step style 02 */
  13510. .process-step-style-02 .process-step-icon {
  13511. overflow: hidden;
  13512. position: relative;
  13513. text-align: center;
  13514. display: inline-block;
  13515. vertical-align: middle;
  13516. will-change: transform;
  13517. }
  13518. .process-step-style-02 .progress-step-separator {
  13519. position: absolute;
  13520. top: 50%;
  13521. left: calc(100% + 15px);
  13522. -webkit-transform: translateX(-50%);
  13523. transform: translateX(-50%);
  13524. }
  13525. .process-step-style-02:hover .process-step-icon {
  13526. -webkit-transform: scale(1.1);
  13527. transform: scale(1.1);
  13528. will-change: transform;
  13529. }
  13530. /* Process step style 03 */
  13531. .process-step-style-03.hover-box * {
  13532. will-change: auto;
  13533. vertical-align: top;
  13534. }
  13535. .process-step-style-03 .process-step-icon-box .progress-step-separator {
  13536. position: absolute;
  13537. top: 50%;
  13538. left: calc(100% + 15px);
  13539. -webkit-transform: translateX(-50%);
  13540. transform: translateX(-50%);
  13541. -webkit-transition: 0.4s;
  13542. transition: 0.4s;
  13543. }
  13544. .process-step-style-03 .process-step-icon-box .number {
  13545. opacity: 0;
  13546. visibility: hidden;
  13547. -webkit-transition: 0.4s;
  13548. transition: 0.4s;
  13549. top: 55%;
  13550. }
  13551. .process-step-style-03:hover .process-step-icon-box .box-overlay {
  13552. opacity: 0.9;
  13553. }
  13554. .process-step-style-03:hover .process-step-icon-box .number {
  13555. opacity: 1;
  13556. visibility: visible;
  13557. top: 50%;
  13558. }
  13559. .process-step-style-03:hover .process-step-icon-box img {
  13560. -webkit-transform: scale(1.1);
  13561. transform: scale(1.1);
  13562. }
  13563. .process-step-style-03:hover .process-step-icon-box .progress-image {
  13564. -webkit-transform: scale(1.1);
  13565. transform: scale(1.1);
  13566. }
  13567. /* Process step style 04 */
  13568. .process-step-style-04 .process-step-icon-box {
  13569. will-change: transform;
  13570. }
  13571. .process-step-style-04 .process-step-icon-box .progress-step-separator {
  13572. position: absolute;
  13573. top: 50%;
  13574. left: calc(100% + 15px);
  13575. -webkit-transform: translateX(-50%);
  13576. transform: translateX(-50%);
  13577. }
  13578. .process-step-style-04:hover .process-step-icon-box .number, .process-step-style-04:hover .process-step-icon-box .icon {
  13579. -webkit-transform: scale(1.3);
  13580. transform: scale(1.3);
  13581. }
  13582. /* Process step style 05 */
  13583. .process-step-style-05 .process-step-item {
  13584. display: flex;
  13585. position: relative;
  13586. flex-flow: row wrap;
  13587. align-items: stretch;
  13588. justify-content: flex-start;
  13589. text-align: left;
  13590. }
  13591. .process-step-style-05 .process-content {
  13592. overflow: hidden;
  13593. flex: 1;
  13594. max-width: 100%;
  13595. }
  13596. .process-step-style-05 .progress-step-separator {
  13597. position: absolute;
  13598. bottom: 15px;
  13599. width: 1px;
  13600. left: 50%;
  13601. height: calc(100% - 100px);
  13602. }
  13603. .process-step-style-05 .process-step-icon {
  13604. will-change: transform;
  13605. -webkit-transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1.7);
  13606. transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1.7);
  13607. }
  13608. .process-step-style-05:hover .process-step-icon {
  13609. -webkit-transform: scale(1.1);
  13610. transform: scale(1.1);
  13611. }
  13612. .process-step-style-05:hover .number, .process-step-style-05:hover .icon {
  13613. color: var(--white);
  13614. }
  13615. /* Process step style 07 */
  13616. .process-step-style-06 .process-step-icon-box .progress-step-separator {
  13617. position: absolute;
  13618. top: 50%;
  13619. left: 0;
  13620. }
  13621. .process-step-style-06:hover .process-step-icon-box .step-box {
  13622. -webkit-transform: scale(1.3);
  13623. transform: scale(1.3);
  13624. }
  13625. /* Process step style 08 */
  13626. .process-step-style-08 .process-step-item {
  13627. -webkit-transform: translateY(0);
  13628. transform: translateY(0);
  13629. -webkit-transition: all 350ms cubic-bezier(0.23, 1, 0.32, 1);
  13630. transition: all 350ms cubic-bezier(0.23, 1, 0.32, 1);
  13631. }
  13632. .process-step-style-08 .process-step-item:hover {
  13633. -webkit-transform: translateY(-8px);
  13634. transform: translateY(-8px);
  13635. }
  13636. /* Process step style 09 */
  13637. .process-step-style-09 .progress-right-icon {
  13638. position: absolute;
  13639. top: 50%;
  13640. left: 100%;
  13641. -webkit-transform: translateY(-50%);
  13642. transform: translateY(-50%);
  13643. }
  13644. .process-step-style-09 .process-step-icon {
  13645. position: relative;
  13646. text-align: center;
  13647. display: inline-block;
  13648. vertical-align: middle;
  13649. }
  13650. .process-step-style-09:hover .box-overlay {
  13651. -webkit-transform: scale(1.2);
  13652. transform: scale(1.2);
  13653. }
  13654. .process-step-style-09:hover .border-color-transparent-on-hover {
  13655. border-color: transparent !important;
  13656. }
  13657. /* Process step style 10 */
  13658. .process-step-style-10 .process-step-icon-box {
  13659. -webkit-transition: all 650ms cubic-bezier(0.23, 1, 0.32, 1);
  13660. transition: all 650ms cubic-bezier(0.23, 1, 0.32, 1);
  13661. }
  13662. .process-step-style-10:hover .process-step-icon-box {
  13663. -webkit-transform: translateX(20px) scale(1.1);
  13664. transform: translateX(20px) scale(1.1);
  13665. }
  13666. .process-step-style-10.hover-box .hover-content {
  13667. opacity: 0;
  13668. position: absolute;
  13669. left: 0;
  13670. bottom: -15px;
  13671. }
  13672. .process-step-style-10.hover-box:hover .hover-content {
  13673. opacity: 1;
  13674. bottom: -5px;
  13675. }
  13676. /* Process step style 11 */
  13677. .process-step-style-11 .process-step-icon-wrap {
  13678. z-index: 1;
  13679. background-color: var(--base-color);
  13680. background-size: 4px 4px;
  13681. -webkit-transition: all 650ms cubic-bezier(0.23, 1, 0.32, 1);
  13682. transition: all 650ms cubic-bezier(0.23, 1, 0.32, 1);
  13683. }
  13684. .process-step-style-11:hover .process-step-icon-wrap {
  13685. background-color: var(--dark-gray);
  13686. background-image: none;
  13687. -webkit-transform: scale(1.1);
  13688. transform: scale(1.1);
  13689. -webkit-transition: all 650ms cubic-bezier(0.23, 1, 0.32, 1);
  13690. transition: all 650ms cubic-bezier(0.23, 1, 0.32, 1);
  13691. }
  13692. /* Progress bar */
  13693. .progress {
  13694. position: relative;
  13695. overflow: visible;
  13696. }
  13697. .progress .progress-bar {
  13698. width: 0px;
  13699. position: absolute;
  13700. top: 0;
  13701. left: 0;
  13702. overflow: visible;
  13703. -webkit-transition: all 1s cubic-bezier(0.5, 1, 0.5, 1);
  13704. transition: all 1s cubic-bezier(0.5, 1, 0.5, 1);
  13705. }
  13706. .progress .progress-bar.appear .progress-bar-percent {
  13707. opacity: 1;
  13708. }
  13709. .progress-bar-percent {
  13710. opacity: 0;
  13711. }
  13712. /* Progress bar style 01 */
  13713. .progress-bar-style-01 .progress {
  13714. height: 4px;
  13715. border-radius: 0;
  13716. }
  13717. .progress-bar-style-01 .progress .progress-bar-title {
  13718. position: absolute;
  13719. bottom: 10px;
  13720. }
  13721. .progress-bar-style-01 .progress .progress-bar-percent {
  13722. position: absolute;
  13723. bottom: 17px;
  13724. right: -20px;
  13725. padding: 7px;
  13726. min-width: 40px;
  13727. min-height: 26px;
  13728. border-radius: 3px;
  13729. }
  13730. .progress-bar-style-01 .progress .progress-bar-percent:after {
  13731. content: "";
  13732. top: 100%;
  13733. left: 50%;
  13734. height: 0;
  13735. width: 0;
  13736. z-index: 9;
  13737. margin-left: -4px;
  13738. border-width: 4px;
  13739. position: absolute;
  13740. pointer-events: none;
  13741. border: solid transparent;
  13742. border-top-color: #232323;
  13743. }
  13744. .progress-bar-style-01 .progress .progress-bar {
  13745. height: 100%;
  13746. }
  13747. /* Progress bar style 02 */
  13748. .progress-bar-style-02 .progress {
  13749. height: 30px;
  13750. overflow: hidden;
  13751. }
  13752. .progress-bar-style-02 .progress .progress-bar-percent {
  13753. position: absolute;
  13754. top: 9px;
  13755. right: 20px;
  13756. min-width: 26px;
  13757. }
  13758. .progress-bar-style-02 .progress .progress-bar-title {
  13759. position: absolute;
  13760. top: 9px;
  13761. left: 20px;
  13762. }
  13763. .progress-bar-style-02 .progress .progress-bar {
  13764. width: 0px;
  13765. height: 100%;
  13766. position: absolute;
  13767. }
  13768. /* Progress bar style 03 */
  13769. .progress-bar-style-03 .progress {
  13770. height: 4px;
  13771. }
  13772. .progress-bar-style-03 .progress .progress-bar-title {
  13773. position: absolute;
  13774. bottom: 14px;
  13775. }
  13776. .progress-bar-style-03 .progress .progress-bar {
  13777. height: 100%;
  13778. }
  13779. .progress-bar-style-03 .progress .progress-bar-percent {
  13780. position: absolute;
  13781. bottom: 14px;
  13782. right: 0;
  13783. opacity: 1;
  13784. }
  13785. /* Progress bar style 04 */
  13786. .progress-bar-style-04 .progress {
  13787. height: 8px;
  13788. border-radius: 6px;
  13789. }
  13790. .progress-bar-style-04 .progress .progress-bar-title {
  13791. position: absolute;
  13792. bottom: 15px;
  13793. }
  13794. .progress-bar-style-04 .progress .progress-bar {
  13795. height: 100%;
  13796. border-radius: 6px;
  13797. }
  13798. .progress-bar-style-04 .progress .progress-bar-percent {
  13799. position: absolute;
  13800. bottom: 15px;
  13801. right: 0px;
  13802. }
  13803. .review-star-icon i {
  13804. color: #fd961e;
  13805. letter-spacing: 1px;
  13806. }
  13807. .review-star-icon.review-star-icon-white i {
  13808. color: var(--white);
  13809. }
  13810. /* Review style 03 */
  13811. .review-style-03 .slider-review-image-thumbs {
  13812. padding: 10px;
  13813. height: auto;
  13814. }
  13815. .review-style-03 .slider-review-image-thumbs .swiper-slide:not(.swiper-slide-thumb-active) img {
  13816. -webkit-transform: scale(0.8);
  13817. transform: scale(0.8);
  13818. }
  13819. .review-style-03 .slider-review-image-thumbs img {
  13820. border: 6px solid transparent;
  13821. margin: 0 auto;
  13822. -webkit-transition: all 0.3s ease-in-out;
  13823. transition: all 0.3s ease-in-out;
  13824. }
  13825. .review-style-03 .slider-review-image-thumbs .swiper-slide-thumb-active img {
  13826. box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  13827. border: 6px solid #ffffff;
  13828. }
  13829. .review-style-03 .slider-review-image-thumbs .swiper-slide {
  13830. cursor: pointer;
  13831. }
  13832. /* Review style 08 */
  13833. .swiper-fade .review-style-08.swiper-slide {
  13834. opacity: 0 !important;
  13835. }
  13836. .swiper-fade .review-style-08.swiper-slide.swiper-slide-active {
  13837. opacity: 1 !important;
  13838. }
  13839. /* Rotate box */
  13840. .rotate-box {
  13841. will-change: transform;
  13842. min-height: 250px;
  13843. -webkit-perspective: 1000;
  13844. perspective: 1000;
  13845. -webkit-transform-style: preserve-3d;
  13846. transform-style: preserve-3d;
  13847. }
  13848. .rotate-box p {
  13849. color: rgba(255, 255, 255, 0.7);
  13850. }
  13851. .rotate-box .front-side, .rotate-box .back-side {
  13852. position: absolute;
  13853. top: 0;
  13854. -webkit-backface-visibility: hidden;
  13855. backface-visibility: hidden;
  13856. -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  13857. transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  13858. }
  13859. .rotate-box .rotate-content-front, .rotate-box .rotate-content-back {
  13860. position: relative;
  13861. top: 50%;
  13862. -webkit-transform-style: preserve-3d;
  13863. transform-style: preserve-3d;
  13864. -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  13865. transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  13866. }
  13867. .rotate-box.to-left .front-side, .rotate-box.to-right .front-side {
  13868. z-index: 1;
  13869. -webkit-transform: rotateY(0deg);
  13870. transform: rotateY(0deg);
  13871. -webkit-transform-style: preserve-3d;
  13872. transform-style: preserve-3d;
  13873. }
  13874. .rotate-box.to-left .rotate-content-front, .rotate-box.to-right .rotate-content-front {
  13875. -webkit-transform: translateY(-50%) translateX(0px) scale(1);
  13876. transform: translateY(-50%) translateX(0px) scale(1);
  13877. }
  13878. .rotate-box.to-left:hover .back-side, .rotate-box.to-right:hover .back-side {
  13879. -webkit-transform: rotateY(0deg);
  13880. transform: rotateY(0deg);
  13881. -webkit-transform-style: preserve-3d;
  13882. transform-style: preserve-3d;
  13883. }
  13884. .rotate-box.to-left:hover .rotate-content-back, .rotate-box.to-right:hover .rotate-content-back {
  13885. -webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  13886. transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  13887. -webkit-transform-style: preserve-3d;
  13888. transform-style: preserve-3d;
  13889. }
  13890. .rotate-box.to-left .back-side {
  13891. -webkit-transform: rotateY(180deg);
  13892. transform: rotateY(180deg);
  13893. -webkit-transform-style: preserve-3d;
  13894. transform-style: preserve-3d;
  13895. z-index: 1;
  13896. }
  13897. .rotate-box.to-left .rotate-content-back {
  13898. -webkit-transform: translateY(-50%) translateX(400px) translateZ(60px) scale(0.88);
  13899. transform: translateY(-50%) translateX(400px) translateZ(60px) scale(0.88);
  13900. }
  13901. .rotate-box.to-left:hover .front-side {
  13902. -webkit-transform: rotateY(-180deg);
  13903. transform: rotateY(-180deg);
  13904. -webkit-transform-style: preserve-3d;
  13905. transform-style: preserve-3d;
  13906. }
  13907. .rotate-box.to-left:hover .rotate-content-front {
  13908. -webkit-transform: translateY(-50%) translateX(-400px) scale(0.88);
  13909. transform: translateY(-50%) translateX(-400px) scale(0.88);
  13910. -webkit-transform-style: preserve-3d;
  13911. transform-style: preserve-3d;
  13912. }
  13913. .rotate-box.to-right .back-side {
  13914. -webkit-transform: rotateY(-180deg);
  13915. transform: rotateY(-180deg);
  13916. -webkit-transform-style: preserve-3d;
  13917. transform-style: preserve-3d;
  13918. z-index: 1;
  13919. }
  13920. .rotate-box.to-right .rotate-content-back {
  13921. -webkit-transform: translateY(-50%) translateX(-400px) translateZ(60px) scale(0.88);
  13922. transform: translateY(-50%) translateX(-400px) translateZ(60px) scale(0.88);
  13923. }
  13924. .rotate-box.to-right:hover .front-side {
  13925. -webkit-transform: rotateY(180deg);
  13926. transform: rotateY(180deg);
  13927. -webkit-transform-style: preserve-3d;
  13928. transform-style: preserve-3d;
  13929. }
  13930. .rotate-box.to-right:hover .rotate-content-front {
  13931. -webkit-transform: translateY(-50%) translateX(400px) scale(0.88);
  13932. transform: translateY(-50%) translateX(400px) scale(0.88);
  13933. -webkit-transform-style: preserve-3d;
  13934. transform-style: preserve-3d;
  13935. }
  13936. .rotate-box.to-top .front-side, .rotate-box.to-bottom .front-side {
  13937. -webkit-transform: rotateX(0deg);
  13938. transform: rotateX(0deg);
  13939. -webkit-transform-style: preserve-3d;
  13940. transform-style: preserve-3d;
  13941. }
  13942. .rotate-box.to-top .rotate-content-front, .rotate-box.to-bottom .rotate-content-front {
  13943. -webkit-transform: translateY(-50%) translateX(0px) scale(1);
  13944. transform: translateY(-50%) translateX(0px) scale(1);
  13945. }
  13946. .rotate-box.to-top:hover .back-side, .rotate-box.to-bottom:hover .back-side {
  13947. -webkit-transform: rotateX(0deg);
  13948. transform: rotateX(0deg);
  13949. -webkit-transform-style: preserve-3d;
  13950. transform-style: preserve-3d;
  13951. z-index: 1;
  13952. }
  13953. .rotate-box.to-top:hover .rotate-content-front, .rotate-box.to-bottom:hover .rotate-content-front {
  13954. -webkit-transform: translateY(-50%) translateY(400px) scale(0.88);
  13955. transform: translateY(-50%) translateY(400px) scale(0.88);
  13956. -webkit-transform-style: preserve-3d;
  13957. transform-style: preserve-3d;
  13958. }
  13959. .rotate-box.to-top:hover .rotate-content-back, .rotate-box.to-bottom:hover .rotate-content-back {
  13960. -webkit-transform: translateY(-50%) translateY(0px) translateZ(0px) scale(1);
  13961. transform: translateY(-50%) translateY(0px) translateZ(0px) scale(1);
  13962. -webkit-transform-style: preserve-3d;
  13963. transform-style: preserve-3d;
  13964. }
  13965. .rotate-box.to-top .back-side {
  13966. -webkit-transform: rotateX(180deg);
  13967. transform: rotateX(180deg);
  13968. -webkit-transform-style: preserve-3d;
  13969. transform-style: preserve-3d;
  13970. z-index: 1;
  13971. }
  13972. .rotate-box.to-top .rotate-content-back {
  13973. -webkit-transform: translateY(-50%) translateY(-400px) translateZ(60px) scale(0.88);
  13974. transform: translateY(-50%) translateY(-400px) translateZ(60px) scale(0.88);
  13975. }
  13976. .rotate-box.to-top:hover .front-side {
  13977. -webkit-transform: rotateX(-180deg);
  13978. transform: rotateX(-180deg);
  13979. -webkit-transform-style: preserve-3d;
  13980. transform-style: preserve-3d;
  13981. }
  13982. .rotate-box.to-bottom .back-side {
  13983. -webkit-transform: rotateX(-180deg);
  13984. transform: rotateX(-180deg);
  13985. -webkit-transform-style: preserve-3d;
  13986. transform-style: preserve-3d;
  13987. z-index: 1;
  13988. }
  13989. .rotate-box.to-bottom .rotate-content-back {
  13990. -webkit-transform: translateY(-50%) translateY(400px) translateZ(60px) scale(0.88);
  13991. transform: translateY(-50%) translateY(400px) translateZ(60px) scale(0.88);
  13992. }
  13993. .rotate-box.to-bottom:hover .front-side {
  13994. -webkit-transform: rotateX(180deg);
  13995. transform: rotateX(180deg);
  13996. -webkit-transform-style: preserve-3d;
  13997. transform-style: preserve-3d;
  13998. }
  13999. .to-top {
  14000. animation: toTop 0.3s linear forwards;
  14001. }
  14002. .to-right {
  14003. animation: toRight 0.3s linear forwards;
  14004. }
  14005. .to-bottom {
  14006. animation: toBottom 0.3s linear forwards;
  14007. }
  14008. .to-left {
  14009. animation: toLeft 0.3s linear forwards;
  14010. }
  14011. /* Rotate box style 01 */
  14012. .rotate-box-style-01 * {
  14013. will-change: transform;
  14014. }
  14015. .rotate-box-style-01 .rm-rotate-box {
  14016. position: relative;
  14017. }
  14018. .rotate-box-style-01 .flipper {
  14019. position: relative;
  14020. }
  14021. .rotate-box-style-01 .flipper:hover .front {
  14022. -webkit-transform: rotateY(-180deg);
  14023. transform: rotateY(-180deg);
  14024. }
  14025. .rotate-box-style-01 .flipper:hover .back {
  14026. -webkit-transform: rotateY(0deg);
  14027. transform: rotateY(0deg);
  14028. }
  14029. .rotate-box-style-01 .flipper.to-right .front {
  14030. -webkit-transform: rotateY(0deg);
  14031. transform: rotateY(0deg);
  14032. }
  14033. .rotate-box-style-01 .flipper.to-right .back {
  14034. -webkit-transform: rotateY(-180deg);
  14035. transform: rotateY(-180deg);
  14036. }
  14037. .rotate-box-style-01 .flipper.to-right:hover .front {
  14038. -webkit-transform: rotateY(180deg);
  14039. transform: rotateY(180deg);
  14040. }
  14041. .rotate-box-style-01 .flipper.to-right:hover .back {
  14042. -webkit-transform: rotateY(0deg);
  14043. transform: rotateY(0deg);
  14044. }
  14045. .rotate-box-style-01 .flipper.to-top .front {
  14046. -webkit-transform: rotateX(0deg);
  14047. transform: rotateX(0deg);
  14048. }
  14049. .rotate-box-style-01 .flipper.to-top .back {
  14050. -webkit-transform: rotateX(-180deg);
  14051. transform: rotateX(-180deg);
  14052. }
  14053. .rotate-box-style-01 .flipper.to-top:hover .front {
  14054. -webkit-transform: rotateX(180deg);
  14055. transform: rotateX(180deg);
  14056. }
  14057. .rotate-box-style-01 .flipper.to-top:hover .back {
  14058. -webkit-transform: rotateX(0deg);
  14059. transform: rotateX(0deg);
  14060. }
  14061. .rotate-box-style-01 .flipper.to-bottom .front {
  14062. -webkit-transform: rotateX(0deg);
  14063. transform: rotateX(0deg);
  14064. }
  14065. .rotate-box-style-01 .flipper.to-bottom .back {
  14066. -webkit-transform: rotateX(180deg);
  14067. transform: rotateX(180deg);
  14068. }
  14069. .rotate-box-style-01 .flipper.to-bottom:hover .front {
  14070. -webkit-transform: rotateX(-180deg);
  14071. transform: rotateX(-180deg);
  14072. }
  14073. .rotate-box-style-01 .flipper.to-bottom:hover .back {
  14074. -webkit-transform: rotateX(0deg);
  14075. transform: rotateX(0deg);
  14076. }
  14077. .rotate-box-style-01 .thumb-wrap {
  14078. perspective: 1000px;
  14079. }
  14080. .rotate-box-style-01 .content-wrap {
  14081. position: absolute;
  14082. width: 100%;
  14083. display: block;
  14084. transform-style: preserve-3d;
  14085. perspective: inherit;
  14086. backface-visibility: hidden;
  14087. -webkit-backface-visibility: hidden;
  14088. z-index: 2;
  14089. bottom: 55px;
  14090. left: 0;
  14091. transform: translate3d(0, 0, 0) scale(1);
  14092. }
  14093. .rotate-box-style-01 .front {
  14094. -webkit-transform: rotateY(0deg);
  14095. transform: rotateY(0deg);
  14096. background-size: cover;
  14097. z-index: 1;
  14098. transform-style: preserve-3d;
  14099. -webkit-transform-style: preserve-3d;
  14100. backface-visibility: hidden;
  14101. -webkit-backface-visibility: hidden;
  14102. perspective: inherit;
  14103. transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8);
  14104. }
  14105. .rotate-box-style-01 .back {
  14106. -webkit-transform: rotateY(180deg);
  14107. transform: rotateY(180deg);
  14108. position: absolute;
  14109. display: block;
  14110. top: 0;
  14111. left: 0;
  14112. width: 100%;
  14113. height: 100%;
  14114. transform-style: preserve-3d;
  14115. -webkit-transform-style: preserve-3d;
  14116. backface-visibility: hidden;
  14117. -webkit-backface-visibility: hidden;
  14118. perspective: inherit;
  14119. transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8);
  14120. }
  14121. .rotate-box-style-01 .back .content-wrap {
  14122. top: 50%;
  14123. bottom: inherit;
  14124. left: 0;
  14125. transform: translate3d(0, -50%, 0) scale(1);
  14126. }
  14127. .rotate-box-style-01 .back .box-overlay {
  14128. visibility: visible;
  14129. opacity: 1;
  14130. }
  14131. /* Rotate box style 02 */
  14132. .rotate-box-style-02 .rotate-box {
  14133. min-height: 350px;
  14134. }
  14135. /* Services box style 01 */
  14136. .services-box-style-01 .icon-box {
  14137. opacity: 0;
  14138. margin-top: 15px;
  14139. }
  14140. .services-box-style-01 .box-image {
  14141. overflow: hidden;
  14142. }
  14143. .services-box-style-01 .box-image img {
  14144. width: 100%;
  14145. }
  14146. .services-box-style-01 .box-overlay {
  14147. z-index: 1;
  14148. -webkit-transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1);
  14149. transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1);
  14150. }
  14151. .services-box-style-01:hover img {
  14152. -webkit-transform: scale(1.1);
  14153. transform: scale(1.1);
  14154. -webkit-transition: all 500ms cubic-bezier(61, 10, 88, 10);
  14155. transition: all 500ms cubic-bezier(61, 10, 88, 10);
  14156. }
  14157. .services-box-style-01:hover .icon-box {
  14158. opacity: 1;
  14159. margin-top: 0;
  14160. }
  14161. .services-box-style-01:hover .box-overlay {
  14162. opacity: 0.8;
  14163. }
  14164. /* Services box style 02 */
  14165. .services-box-style-02 .box-overlay {
  14166. z-index: 1;
  14167. -webkit-transition: all 450ms ease-in-out;
  14168. transition: all 450ms ease-in-out;
  14169. }
  14170. .services-box-style-02.hover-box:hover .box-overlay {
  14171. opacity: 1;
  14172. }
  14173. /* Services box style 05 */
  14174. .services-box-style-05 img {
  14175. -webkit-transition: 0.3s;
  14176. transition: 0.3s;
  14177. width: 100%;
  14178. }
  14179. .services-box-style-05 figure {
  14180. position: relative;
  14181. }
  14182. .services-box-style-05 figure figcaption {
  14183. position: absolute;
  14184. top: 0;
  14185. }
  14186. .services-box-style-05 figure figcaption a {
  14187. display: inline-block;
  14188. color: var(--dark-gray);
  14189. }
  14190. .services-box-style-05 figure figcaption .content-box {
  14191. margin-bottom: -80px;
  14192. }
  14193. .services-box-style-05 figure:hover figcaption .btn-link {
  14194. color: var(--white);
  14195. border-color: var(--white);
  14196. }
  14197. .services-box-style-05 figure:hover figcaption .box-title {
  14198. color: var(--white);
  14199. }
  14200. .services-box-style-05 figure:hover figcaption .box-overlay {
  14201. opacity: 1;
  14202. visibility: visible;
  14203. }
  14204. /* Services box style 06 */
  14205. .services-box-style-06 .services-text:after {
  14206. content: "\f309";
  14207. display: inline-block;
  14208. font-family: bootstrap-icons;
  14209. vertical-align: middle;
  14210. margin: -2px 2px 0;
  14211. font-size: 22px;
  14212. color: var(--medium-gray);
  14213. opacity: 0.7;
  14214. }
  14215. .services-box-style-06:hover img {
  14216. -webkit-transform: scale(1.1);
  14217. transform: scale(1.1);
  14218. -webkit-transition: all 500ms cubic-bezier(61, 10, 88, 10);
  14219. transition: all 500ms cubic-bezier(61, 10, 88, 10);
  14220. }
  14221. /* Services box style 07 */
  14222. .services-box-style-07 .btn-hover {
  14223. position: absolute;
  14224. left: 0;
  14225. top: 100%;
  14226. width: 100%;
  14227. height: 100%;
  14228. -webkit-transition: all 0.3s linear;
  14229. transition: all 0.3s linear;
  14230. }
  14231. .services-box-style-07 .text-down {
  14232. -webkit-transition: all 0.3s linear;
  14233. transition: all 0.3s linear;
  14234. }
  14235. .services-box-style-07:hover .btn-hover {
  14236. top: 0;
  14237. }
  14238. .services-box-style-07:hover .text-down {
  14239. -webkit-transform: translateY(20px);
  14240. transform: translateY(20px);
  14241. }
  14242. /* Sliding box zoom effect */
  14243. @keyframes scale-effect {
  14244. 0% {
  14245. -webkit-transform: scale(0.9);
  14246. transform: scale(0.9);
  14247. }
  14248. to {
  14249. -webkit-transform: scale(1);
  14250. transform: scale(1);
  14251. }
  14252. }
  14253. @-webkit-keyframes scale-effect {
  14254. 0% {
  14255. -webkit-transform: scale(0.9);
  14256. transform: scale(0.9);
  14257. }
  14258. to {
  14259. -webkit-transform: scale(1);
  14260. transform: scale(1);
  14261. }
  14262. }
  14263. /* Sliding box fade effect */
  14264. @keyframes fade {
  14265. 0% {
  14266. opacity: 0.2;
  14267. }
  14268. to {
  14269. opacity: 1;
  14270. }
  14271. }
  14272. @-webkit-keyframes fade {
  14273. 0% {
  14274. opacity: 0.2;
  14275. }
  14276. to {
  14277. opacity: 1;
  14278. }
  14279. }
  14280. /* Sliding box right effect */
  14281. @keyframes slide-right {
  14282. 0% {
  14283. -webkit-transform: translateX(-25px);
  14284. transform: translateX(-25px);
  14285. }
  14286. to {
  14287. -webkit-transform: translateX(0);
  14288. transform: translateX(0);
  14289. }
  14290. }
  14291. @-webkit-keyframes slide-right {
  14292. 0% {
  14293. -webkit-transform: translateX(-25px);
  14294. transform: translateX(-25px);
  14295. }
  14296. to {
  14297. -webkit-transform: translateX(0);
  14298. transform: translateX(0);
  14299. }
  14300. }
  14301. /* Sliding box */
  14302. .sliding-box * {
  14303. will-change: transform;
  14304. }
  14305. .sliding-box .sliding-box-item {
  14306. margin-left: 15px;
  14307. margin-right: 15px;
  14308. float: left;
  14309. overflow: hidden;
  14310. position: relative;
  14311. -webkit-transition: width 0.7s;
  14312. transition: width 0.7s;
  14313. }
  14314. .sliding-box .sliding-box-item .sliding-box-content {
  14315. top: 0;
  14316. height: 100%;
  14317. position: absolute;
  14318. }
  14319. /* Sliding box style 01 */
  14320. .sliding-box-style-01 .sliding-box-item .sliding-box-content:after {
  14321. content: "";
  14322. right: 100%;
  14323. top: 50%;
  14324. height: 0;
  14325. width: 0;
  14326. opacity: 0;
  14327. z-index: 9;
  14328. margin-top: -10px;
  14329. position: absolute;
  14330. border: solid transparent;
  14331. border-right-color: var(--white);
  14332. border-width: 12px;
  14333. pointer-events: none;
  14334. -webkit-transition: all 0.2s linear;
  14335. transition: all 0.2s linear;
  14336. }
  14337. .sliding-box-style-01 .sliding-box-item.active .sliding-box-content:after, .sliding-box-style-01 .sliding-box-item:hover .sliding-box-content:after {
  14338. opacity: 1;
  14339. }
  14340. /* Sliding box style 02 */
  14341. .sliding-box-style-02 .sliding-box-item .sliding-box-img {
  14342. border-radius: 4px;
  14343. -webkit-transition: all 0.2s linear;
  14344. transition: all 0.2s linear;
  14345. }
  14346. .sliding-box-style-02 .sliding-box-item.active .sliding-box-img {
  14347. border-radius: 4px 0 0 4px;
  14348. }
  14349. .sliding-box-style-02 .sliding-box-item.active .sliding-box-content {
  14350. border-radius: 0 4px 4px 0;
  14351. }
  14352. .sliding-box-style-02 .sliding-box-item.active .content-hover {
  14353. animation: fade 1s;
  14354. }
  14355. /* Sliding box style 03 */
  14356. .sliding-box-style-03 .overlay {
  14357. position: absolute;
  14358. top: 0px;
  14359. left: 0px;
  14360. width: 100%;
  14361. height: 100%;
  14362. opacity: 0.5;
  14363. z-index: 1;
  14364. -webkit-transition: all 0.3s linear;
  14365. transition: all 0.3s linear;
  14366. }
  14367. .sliding-box-style-03 .overlay-contnet {
  14368. position: absolute;
  14369. left: 0;
  14370. top: 0;
  14371. opacity: 1;
  14372. visibility: visible;
  14373. -webkit-transition: all 0.4s linear;
  14374. transition: all 0.4s linear;
  14375. }
  14376. .sliding-box-style-03 .number {
  14377. position: absolute;
  14378. bottom: -30px;
  14379. left: 0;
  14380. right: 0;
  14381. text-align: center;
  14382. }
  14383. .sliding-box-style-03 .sliding-box-content:after {
  14384. display: none;
  14385. }
  14386. .sliding-box-style-03.active .overlay {
  14387. opacity: 0;
  14388. visibility: hidden;
  14389. }
  14390. .sliding-box-style-03.active .overlay-contnet {
  14391. opacity: 0;
  14392. visibility: hidden;
  14393. }
  14394. /* Social media icon */
  14395. .elements-social .behance:hover {
  14396. color: #1769ff;
  14397. }
  14398. .elements-social .behance-square:hover {
  14399. color: #1769ff;
  14400. }
  14401. .elements-social .blogger:hover {
  14402. color: #ff8000;
  14403. }
  14404. .elements-social .codepen:hover {
  14405. color: #0ebeff;
  14406. }
  14407. .elements-social .deviantart:hover {
  14408. color: #05cc47;
  14409. }
  14410. .elements-social .digg:hover {
  14411. color: #262626;
  14412. }
  14413. .elements-social .dribbble:hover {
  14414. color: #ea4c89;
  14415. }
  14416. .elements-social .delicious:hover {
  14417. color: #205cc0;
  14418. }
  14419. .elements-social .email:hover {
  14420. color: #7d7d7d;
  14421. }
  14422. .elements-social .facebook:hover {
  14423. color: #3b5998;
  14424. }
  14425. .elements-social .facebook-square:hover {
  14426. color: #3b5998;
  14427. }
  14428. .elements-social .flickr:hover {
  14429. color: #ff0084;
  14430. }
  14431. .elements-social .flipboard:hover {
  14432. color: #e12828;
  14433. }
  14434. .elements-social .github:hover {
  14435. color: #4078c0;
  14436. }
  14437. .elements-social .google:hover {
  14438. color: #dc4a38;
  14439. }
  14440. .elements-social .google-plus:hover {
  14441. color: #dd4b39;
  14442. }
  14443. .elements-social .instagram:hover {
  14444. color: #FE1F49;
  14445. }
  14446. .elements-social .jsfiddle:hover {
  14447. color: #0084FF;
  14448. }
  14449. .elements-social .linkedin:hover {
  14450. color: #0077b5;
  14451. }
  14452. .elements-social .livejournal:hover {
  14453. color: #00b0ea;
  14454. }
  14455. .elements-social .medium:hover {
  14456. color: #00ab6c;
  14457. }
  14458. .elements-social .meneame:hover {
  14459. color: #ff6400;
  14460. }
  14461. .elements-social .mailru:hover {
  14462. color: #168de2;
  14463. }
  14464. .elements-social .odnoklassniki:hover {
  14465. color: #d7772d;
  14466. }
  14467. .elements-social .paypal:hover {
  14468. color: #003087;
  14469. }
  14470. .elements-social .pinterest:hover {
  14471. color: #CB2027;
  14472. }
  14473. .elements-social .pinterest-p:hover {
  14474. color: #CB2027;
  14475. }
  14476. .elements-social .print:hover {
  14477. color: #222222;
  14478. }
  14479. .elements-social .reddit:hover {
  14480. color: #ff4500;
  14481. }
  14482. .elements-social .reddit-square:hover {
  14483. color: #ff4500;
  14484. }
  14485. .elements-social .rss:hover {
  14486. color: #f2890a;
  14487. }
  14488. .elements-social .skype:hover {
  14489. color: #00aff0;
  14490. }
  14491. .elements-social .slack:hover {
  14492. color: #6ecadc;
  14493. }
  14494. .elements-social .snapchat:hover {
  14495. color: #fffc00;
  14496. }
  14497. .elements-social .soundcloud:hover {
  14498. color: #ff8800;
  14499. }
  14500. .elements-social .spotify:hover {
  14501. color: #1db954;
  14502. }
  14503. .elements-social .sms:hover {
  14504. color: #ffbd00;
  14505. }
  14506. .elements-social .sharethis:hover {
  14507. color: #95D03A;
  14508. }
  14509. .elements-social .stack-overflow:hover {
  14510. color: #f48024;
  14511. }
  14512. .elements-social .stumbleupon:hover {
  14513. color: #eb4924;
  14514. }
  14515. .elements-social .telegram:hover {
  14516. color: #0088cc;
  14517. }
  14518. .elements-social .trello:hover {
  14519. color: #0079bf;
  14520. }
  14521. .elements-social .tumblr:hover {
  14522. color: #32506d;
  14523. }
  14524. .elements-social .twitch:hover {
  14525. color: #6441a5;
  14526. }
  14527. .elements-social .twitter:hover {
  14528. color: #00aced;
  14529. }
  14530. .elements-social .twitter-square:hover {
  14531. color: #00aced;
  14532. }
  14533. .elements-social .vimeo:hover {
  14534. color: #1ab7ea;
  14535. }
  14536. .elements-social .vine:hover {
  14537. color: #00bf8f;
  14538. }
  14539. .elements-social .vk:hover {
  14540. color: #4c6c91;
  14541. }
  14542. .elements-social .wordpress:hover {
  14543. color: #21759b;
  14544. }
  14545. .elements-social .weibo:hover {
  14546. color: #ff9933;
  14547. }
  14548. .elements-social .whatsapp:hover {
  14549. color: #25d366;
  14550. }
  14551. .elements-social .xing:hover {
  14552. color: #1a7576;
  14553. }
  14554. .elements-social .youtube:hover {
  14555. color: #ff0000;
  14556. }
  14557. .elements-social .youtube-play:hover {
  14558. color: #ff0000;
  14559. }
  14560. .elements-social ul {
  14561. margin-bottom: 0;
  14562. list-style: none;
  14563. padding: 0;
  14564. }
  14565. .elements-social ul li {
  14566. display: inline-block;
  14567. }
  14568. .elements-social ul li:first-child {
  14569. margin-left: 0 !important;
  14570. }
  14571. .elements-social ul li:last-child {
  14572. margin-right: 0 !important;
  14573. }
  14574. .elements-social ul li a {
  14575. text-align: center;
  14576. display: flex;
  14577. align-items: center;
  14578. justify-content: center;
  14579. -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  14580. transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  14581. }
  14582. .extra-small-icon li {
  14583. margin: 0 2px;
  14584. }
  14585. .extra-small-icon a {
  14586. font-size: 14px;
  14587. width: 30px;
  14588. height: 30px;
  14589. }
  14590. .small-icon li {
  14591. margin: 0 5px;
  14592. }
  14593. .small-icon a {
  14594. font-size: 18px;
  14595. width: 40px;
  14596. height: 40px;
  14597. }
  14598. .medium-icon li {
  14599. margin: 0 8px;
  14600. }
  14601. .medium-icon a {
  14602. font-size: 20px;
  14603. width: 50px;
  14604. height: 50px;
  14605. }
  14606. .large-icon li {
  14607. margin: 0 10px;
  14608. }
  14609. .large-icon a {
  14610. font-size: 24px;
  14611. width: 60px;
  14612. height: 60px;
  14613. }
  14614. .extra-large-icon li {
  14615. margin: 0 12px;
  14616. }
  14617. .extra-large-icon a {
  14618. font-size: 30px;
  14619. width: 70px;
  14620. height: 70px;
  14621. }
  14622. .social-icon a {
  14623. margin: 0 15px;
  14624. }
  14625. .social-icon a:first-child {
  14626. margin-left: 0;
  14627. }
  14628. .social-icon a:last-child {
  14629. margin-right: 0;
  14630. }
  14631. [class^=social-icon-] ul, [class*=" social-icon-"] ul {
  14632. list-style: none;
  14633. }
  14634. /* Social icon dark and light */
  14635. .elements-social .light li a {
  14636. color: var(--white);
  14637. }
  14638. .elements-social .dark li a {
  14639. color: var(--dark-gray);
  14640. }
  14641. .elements-social .icon-with-animation a:hover {
  14642. -webkit-transform: translateY(-8px);
  14643. transform: translateY(-8px);
  14644. }
  14645. /* Social icon style 01 */
  14646. .social-icon-style-01 ul li a:hover {
  14647. color: var(--base-color) !important;
  14648. }
  14649. /* Social icon style 03 */
  14650. .social-icon-style-03 ul li a {
  14651. color: var(--white);
  14652. border-radius: 100%;
  14653. -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  14654. transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  14655. }
  14656. .social-icon-style-03 ul li a:hover {
  14657. background-color: var(--white) !important;
  14658. box-shadow: 0 0 30px rgba(23, 23, 23, 0.25);
  14659. transform: translate3d(0, -3px, 0);
  14660. }
  14661. .social-icon-style-03 ul li a.behance {
  14662. background-color: #1769ff;
  14663. }
  14664. .social-icon-style-03 ul li a.behance-square {
  14665. background-color: #1769ff;
  14666. }
  14667. .social-icon-style-03 ul li a.blogger {
  14668. background-color: #ff8000;
  14669. }
  14670. .social-icon-style-03 ul li a.codepen {
  14671. background-color: #0ebeff;
  14672. }
  14673. .social-icon-style-03 ul li a.deviantart {
  14674. background-color: #05cc47;
  14675. }
  14676. .social-icon-style-03 ul li a.digg {
  14677. background-color: #262626;
  14678. }
  14679. .social-icon-style-03 ul li a.dribbble {
  14680. background-color: #ea4c89;
  14681. }
  14682. .social-icon-style-03 ul li a.delicious {
  14683. background-color: #205cc0;
  14684. }
  14685. .social-icon-style-03 ul li a.email {
  14686. background-color: #7d7d7d;
  14687. }
  14688. .social-icon-style-03 ul li a.facebook {
  14689. background-color: #3b5998;
  14690. }
  14691. .social-icon-style-03 ul li a.facebook-square {
  14692. background-color: #3b5998;
  14693. }
  14694. .social-icon-style-03 ul li a.flickr {
  14695. background-color: #ff0084;
  14696. }
  14697. .social-icon-style-03 ul li a.flipboard {
  14698. background-color: #e12828;
  14699. }
  14700. .social-icon-style-03 ul li a.github {
  14701. background-color: #4078c0;
  14702. }
  14703. .social-icon-style-03 ul li a.google {
  14704. background-color: #dc4a38;
  14705. }
  14706. .social-icon-style-03 ul li a.google-plus {
  14707. background-color: #dd4b39;
  14708. }
  14709. .social-icon-style-03 ul li a.instagram {
  14710. background-color: #FE1F49;
  14711. }
  14712. .social-icon-style-03 ul li a.jsfiddle {
  14713. background-color: #0084FF;
  14714. }
  14715. .social-icon-style-03 ul li a.linkedin {
  14716. background-color: #0077b5;
  14717. }
  14718. .social-icon-style-03 ul li a.livejournal {
  14719. background-color: #00b0ea;
  14720. }
  14721. .social-icon-style-03 ul li a.medium {
  14722. background-color: #00ab6c;
  14723. }
  14724. .social-icon-style-03 ul li a.meneame {
  14725. background-color: #ff6400;
  14726. }
  14727. .social-icon-style-03 ul li a.mailru {
  14728. background-color: #168de2;
  14729. }
  14730. .social-icon-style-03 ul li a.odnoklassniki {
  14731. background-color: #d7772d;
  14732. }
  14733. .social-icon-style-03 ul li a.paypal {
  14734. background-color: #003087;
  14735. }
  14736. .social-icon-style-03 ul li a.pinterest {
  14737. background-color: #CB2027;
  14738. }
  14739. .social-icon-style-03 ul li a.pinterest-p {
  14740. background-color: #CB2027;
  14741. }
  14742. .social-icon-style-03 ul li a.print {
  14743. background-color: #222222;
  14744. }
  14745. .social-icon-style-03 ul li a.reddit {
  14746. background-color: #ff4500;
  14747. }
  14748. .social-icon-style-03 ul li a.reddit-square {
  14749. background-color: #ff4500;
  14750. }
  14751. .social-icon-style-03 ul li a.rss {
  14752. background-color: #f2890a;
  14753. }
  14754. .social-icon-style-03 ul li a.skype {
  14755. background-color: #00aff0;
  14756. }
  14757. .social-icon-style-03 ul li a.slack {
  14758. background-color: #6ecadc;
  14759. }
  14760. .social-icon-style-03 ul li a.snapchat {
  14761. background-color: #fffc00;
  14762. }
  14763. .social-icon-style-03 ul li a.soundcloud {
  14764. background-color: #ff8800;
  14765. }
  14766. .social-icon-style-03 ul li a.spotify {
  14767. background-color: #1db954;
  14768. }
  14769. .social-icon-style-03 ul li a.sms {
  14770. background-color: #ffbd00;
  14771. }
  14772. .social-icon-style-03 ul li a.sharethis {
  14773. background-color: #95D03A;
  14774. }
  14775. .social-icon-style-03 ul li a.stack-overflow {
  14776. background-color: #f48024;
  14777. }
  14778. .social-icon-style-03 ul li a.stumbleupon {
  14779. background-color: #eb4924;
  14780. }
  14781. .social-icon-style-03 ul li a.telegram {
  14782. background-color: #0088cc;
  14783. }
  14784. .social-icon-style-03 ul li a.trello {
  14785. background-color: #0079bf;
  14786. }
  14787. .social-icon-style-03 ul li a.tumblr {
  14788. background-color: #32506d;
  14789. }
  14790. .social-icon-style-03 ul li a.twitch {
  14791. background-color: #6441a5;
  14792. }
  14793. .social-icon-style-03 ul li a.twitter {
  14794. background-color: #00aced;
  14795. }
  14796. .social-icon-style-03 ul li a.twitter-square {
  14797. background-color: #00aced;
  14798. }
  14799. .social-icon-style-03 ul li a.vimeo {
  14800. background-color: #1ab7ea;
  14801. }
  14802. .social-icon-style-03 ul li a.vine {
  14803. background-color: #00bf8f;
  14804. }
  14805. .social-icon-style-03 ul li a.vk {
  14806. background-color: #4c6c91;
  14807. }
  14808. .social-icon-style-03 ul li a.wordpress {
  14809. background-color: #21759b;
  14810. }
  14811. .social-icon-style-03 ul li a.weibo {
  14812. background-color: #ff9933;
  14813. }
  14814. .social-icon-style-03 ul li a.whatsapp {
  14815. background-color: #25d366;
  14816. }
  14817. .social-icon-style-03 ul li a.xing {
  14818. background-color: #1a7576;
  14819. }
  14820. .social-icon-style-03 ul li a.youtube {
  14821. background-color: #ff0000;
  14822. }
  14823. .social-icon-style-03 ul li a.youtube-play {
  14824. background-color: #ff0000;
  14825. }
  14826. /* Social icon style 04 */
  14827. .social-icon-style-04 ul li a {
  14828. z-index: 9;
  14829. position: relative;
  14830. }
  14831. .social-icon-style-04 ul li a:hover {
  14832. color: var(--white) !important;
  14833. }
  14834. .social-icon-style-04 ul li a:hover span {
  14835. width: 100%;
  14836. height: 100%;
  14837. border-radius: 100%;
  14838. top: 0;
  14839. left: 0;
  14840. }
  14841. .social-icon-style-04 ul li a span {
  14842. border-radius: 0;
  14843. display: block;
  14844. height: 0;
  14845. width: 0;
  14846. left: 50%;
  14847. margin: 0;
  14848. position: absolute;
  14849. top: 50%;
  14850. -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  14851. transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  14852. z-index: -1;
  14853. background-color: var(--dark-gray);
  14854. }
  14855. .social-icon-style-04 ul li a.behance span {
  14856. background-color: #1769ff;
  14857. }
  14858. .social-icon-style-04 ul li a.behance-square span {
  14859. background-color: #1769ff;
  14860. }
  14861. .social-icon-style-04 ul li a.blogger span {
  14862. background-color: #ff8000;
  14863. }
  14864. .social-icon-style-04 ul li a.codepen span {
  14865. background-color: #0ebeff;
  14866. }
  14867. .social-icon-style-04 ul li a.deviantart span {
  14868. background-color: #05cc47;
  14869. }
  14870. .social-icon-style-04 ul li a.digg span {
  14871. background-color: #262626;
  14872. }
  14873. .social-icon-style-04 ul li a.dribbble span {
  14874. background-color: #ea4c89;
  14875. }
  14876. .social-icon-style-04 ul li a.delicious span {
  14877. background-color: #205cc0;
  14878. }
  14879. .social-icon-style-04 ul li a.email span {
  14880. background-color: #7d7d7d;
  14881. }
  14882. .social-icon-style-04 ul li a.facebook span {
  14883. background-color: #3b5998;
  14884. }
  14885. .social-icon-style-04 ul li a.facebook-square span {
  14886. background-color: #3b5998;
  14887. }
  14888. .social-icon-style-04 ul li a.flickr span {
  14889. background-color: #ff0084;
  14890. }
  14891. .social-icon-style-04 ul li a.flipboard span {
  14892. background-color: #e12828;
  14893. }
  14894. .social-icon-style-04 ul li a.github span {
  14895. background-color: #4078c0;
  14896. }
  14897. .social-icon-style-04 ul li a.google span {
  14898. background-color: #dc4a38;
  14899. }
  14900. .social-icon-style-04 ul li a.google-plus span {
  14901. background-color: #dd4b39;
  14902. }
  14903. .social-icon-style-04 ul li a.instagram span {
  14904. background-color: #FE1F49;
  14905. }
  14906. .social-icon-style-04 ul li a.jsfiddle span {
  14907. background-color: #0084FF;
  14908. }
  14909. .social-icon-style-04 ul li a.linkedin span {
  14910. background-color: #0077b5;
  14911. }
  14912. .social-icon-style-04 ul li a.livejournal span {
  14913. background-color: #00b0ea;
  14914. }
  14915. .social-icon-style-04 ul li a.medium span {
  14916. background-color: #00ab6c;
  14917. }
  14918. .social-icon-style-04 ul li a.meneame span {
  14919. background-color: #ff6400;
  14920. }
  14921. .social-icon-style-04 ul li a.mailru span {
  14922. background-color: #168de2;
  14923. }
  14924. .social-icon-style-04 ul li a.odnoklassniki span {
  14925. background-color: #d7772d;
  14926. }
  14927. .social-icon-style-04 ul li a.paypal span {
  14928. background-color: #003087;
  14929. }
  14930. .social-icon-style-04 ul li a.pinterest span {
  14931. background-color: #CB2027;
  14932. }
  14933. .social-icon-style-04 ul li a.pinterest-p span {
  14934. background-color: #CB2027;
  14935. }
  14936. .social-icon-style-04 ul li a.print span {
  14937. background-color: #222222;
  14938. }
  14939. .social-icon-style-04 ul li a.reddit span {
  14940. background-color: #ff4500;
  14941. }
  14942. .social-icon-style-04 ul li a.reddit-square span {
  14943. background-color: #ff4500;
  14944. }
  14945. .social-icon-style-04 ul li a.rss span {
  14946. background-color: #f2890a;
  14947. }
  14948. .social-icon-style-04 ul li a.skype span {
  14949. background-color: #00aff0;
  14950. }
  14951. .social-icon-style-04 ul li a.slack span {
  14952. background-color: #6ecadc;
  14953. }
  14954. .social-icon-style-04 ul li a.snapchat span {
  14955. background-color: #fffc00;
  14956. }
  14957. .social-icon-style-04 ul li a.soundcloud span {
  14958. background-color: #ff8800;
  14959. }
  14960. .social-icon-style-04 ul li a.spotify span {
  14961. background-color: #1db954;
  14962. }
  14963. .social-icon-style-04 ul li a.sms span {
  14964. background-color: #ffbd00;
  14965. }
  14966. .social-icon-style-04 ul li a.sharethis span {
  14967. background-color: #95D03A;
  14968. }
  14969. .social-icon-style-04 ul li a.stack-overflow span {
  14970. background-color: #f48024;
  14971. }
  14972. .social-icon-style-04 ul li a.stumbleupon span {
  14973. background-color: #eb4924;
  14974. }
  14975. .social-icon-style-04 ul li a.telegram span {
  14976. background-color: #0088cc;
  14977. }
  14978. .social-icon-style-04 ul li a.trello span {
  14979. background-color: #0079bf;
  14980. }
  14981. .social-icon-style-04 ul li a.tumblr span {
  14982. background-color: #32506d;
  14983. }
  14984. .social-icon-style-04 ul li a.twitch span {
  14985. background-color: #6441a5;
  14986. }
  14987. .social-icon-style-04 ul li a.twitter span {
  14988. background-color: #00aced;
  14989. }
  14990. .social-icon-style-04 ul li a.twitter-square span {
  14991. background-color: #00aced;
  14992. }
  14993. .social-icon-style-04 ul li a.vimeo span {
  14994. background-color: #1ab7ea;
  14995. }
  14996. .social-icon-style-04 ul li a.vine span {
  14997. background-color: #00bf8f;
  14998. }
  14999. .social-icon-style-04 ul li a.vk span {
  15000. background-color: #4c6c91;
  15001. }
  15002. .social-icon-style-04 ul li a.wordpress span {
  15003. background-color: #21759b;
  15004. }
  15005. .social-icon-style-04 ul li a.weibo span {
  15006. background-color: #ff9933;
  15007. }
  15008. .social-icon-style-04 ul li a.whatsapp span {
  15009. background-color: #25d366;
  15010. }
  15011. .social-icon-style-04 ul li a.xing span {
  15012. background-color: #1a7576;
  15013. }
  15014. .social-icon-style-04 ul li a.youtube span {
  15015. background-color: #ff0000;
  15016. }
  15017. .social-icon-style-04 ul li a.youtube-play span {
  15018. background-color: #ff0000;
  15019. }
  15020. /* Social icon style 05 */
  15021. .social-icon-style-05 ul li a:hover {
  15022. color: var(--white) !important;
  15023. }
  15024. .social-icon-style-05 ul li a.behance {
  15025. color: #1769ff;
  15026. }
  15027. .social-icon-style-05 ul li a.behance-square {
  15028. color: #1769ff;
  15029. }
  15030. .social-icon-style-05 ul li a.blogger {
  15031. color: #ff8000;
  15032. }
  15033. .social-icon-style-05 ul li a.codepen {
  15034. color: #0ebeff;
  15035. }
  15036. .social-icon-style-05 ul li a.deviantart {
  15037. color: #05cc47;
  15038. }
  15039. .social-icon-style-05 ul li a.digg {
  15040. color: #262626;
  15041. }
  15042. .social-icon-style-05 ul li a.dribbble {
  15043. color: #ea4c89;
  15044. }
  15045. .social-icon-style-05 ul li a.delicious {
  15046. color: #205cc0;
  15047. }
  15048. .social-icon-style-05 ul li a.email {
  15049. color: #7d7d7d;
  15050. }
  15051. .social-icon-style-05 ul li a.facebook {
  15052. color: #3b5998;
  15053. }
  15054. .social-icon-style-05 ul li a.facebook-square {
  15055. color: #3b5998;
  15056. }
  15057. .social-icon-style-05 ul li a.flickr {
  15058. color: #ff0084;
  15059. }
  15060. .social-icon-style-05 ul li a.flipboard {
  15061. color: #e12828;
  15062. }
  15063. .social-icon-style-05 ul li a.github {
  15064. color: #4078c0;
  15065. }
  15066. .social-icon-style-05 ul li a.google {
  15067. color: #dc4a38;
  15068. }
  15069. .social-icon-style-05 ul li a.google-plus {
  15070. color: #dd4b39;
  15071. }
  15072. .social-icon-style-05 ul li a.instagram {
  15073. color: #FE1F49;
  15074. }
  15075. .social-icon-style-05 ul li a.jsfiddle {
  15076. color: #0084FF;
  15077. }
  15078. .social-icon-style-05 ul li a.linkedin {
  15079. color: #0077b5;
  15080. }
  15081. .social-icon-style-05 ul li a.livejournal {
  15082. color: #00b0ea;
  15083. }
  15084. .social-icon-style-05 ul li a.medium {
  15085. color: #00ab6c;
  15086. }
  15087. .social-icon-style-05 ul li a.meneame {
  15088. color: #ff6400;
  15089. }
  15090. .social-icon-style-05 ul li a.mailru {
  15091. color: #168de2;
  15092. }
  15093. .social-icon-style-05 ul li a.odnoklassniki {
  15094. color: #d7772d;
  15095. }
  15096. .social-icon-style-05 ul li a.paypal {
  15097. color: #003087;
  15098. }
  15099. .social-icon-style-05 ul li a.pinterest {
  15100. color: #CB2027;
  15101. }
  15102. .social-icon-style-05 ul li a.pinterest-p {
  15103. color: #CB2027;
  15104. }
  15105. .social-icon-style-05 ul li a.print {
  15106. color: #222222;
  15107. }
  15108. .social-icon-style-05 ul li a.reddit {
  15109. color: #ff4500;
  15110. }
  15111. .social-icon-style-05 ul li a.reddit-square {
  15112. color: #ff4500;
  15113. }
  15114. .social-icon-style-05 ul li a.rss {
  15115. color: #f2890a;
  15116. }
  15117. .social-icon-style-05 ul li a.skype {
  15118. color: #00aff0;
  15119. }
  15120. .social-icon-style-05 ul li a.slack {
  15121. color: #6ecadc;
  15122. }
  15123. .social-icon-style-05 ul li a.snapchat {
  15124. color: #fffc00;
  15125. }
  15126. .social-icon-style-05 ul li a.soundcloud {
  15127. color: #ff8800;
  15128. }
  15129. .social-icon-style-05 ul li a.spotify {
  15130. color: #1db954;
  15131. }
  15132. .social-icon-style-05 ul li a.sms {
  15133. color: #ffbd00;
  15134. }
  15135. .social-icon-style-05 ul li a.sharethis {
  15136. color: #95D03A;
  15137. }
  15138. .social-icon-style-05 ul li a.stack-overflow {
  15139. color: #f48024;
  15140. }
  15141. .social-icon-style-05 ul li a.stumbleupon {
  15142. color: #eb4924;
  15143. }
  15144. .social-icon-style-05 ul li a.telegram {
  15145. color: #0088cc;
  15146. }
  15147. .social-icon-style-05 ul li a.trello {
  15148. color: #0079bf;
  15149. }
  15150. .social-icon-style-05 ul li a.tumblr {
  15151. color: #32506d;
  15152. }
  15153. .social-icon-style-05 ul li a.twitch {
  15154. color: #6441a5;
  15155. }
  15156. .social-icon-style-05 ul li a.twitter {
  15157. color: #00aced;
  15158. }
  15159. .social-icon-style-05 ul li a.twitter-square {
  15160. color: #00aced;
  15161. }
  15162. .social-icon-style-05 ul li a.vimeo {
  15163. color: #1ab7ea;
  15164. }
  15165. .social-icon-style-05 ul li a.vine {
  15166. color: #00bf8f;
  15167. }
  15168. .social-icon-style-05 ul li a.vk {
  15169. color: #4c6c91;
  15170. }
  15171. .social-icon-style-05 ul li a.wordpress {
  15172. color: #21759b;
  15173. }
  15174. .social-icon-style-05 ul li a.weibo {
  15175. color: #ff9933;
  15176. }
  15177. .social-icon-style-05 ul li a.whatsapp {
  15178. color: #25d366;
  15179. }
  15180. .social-icon-style-05 ul li a.xing {
  15181. color: #1a7576;
  15182. }
  15183. .social-icon-style-05 ul li a.youtube {
  15184. color: #ff0000;
  15185. }
  15186. .social-icon-style-05 ul li a.youtube-play {
  15187. color: #ff0000;
  15188. }
  15189. .social-icon-style-05 ul.dark li a:hover {
  15190. color: var(--dark-gray) !important;
  15191. }
  15192. /* Social icon style 06 */
  15193. .social-icon-style-06 ul li a {
  15194. display: inline-block;
  15195. height: auto;
  15196. width: auto;
  15197. padding: 0 24px;
  15198. position: relative;
  15199. vertical-align: middle;
  15200. overflow: hidden;
  15201. }
  15202. .social-icon-style-06 ul li a .brand-icon {
  15203. position: absolute;
  15204. height: 100%;
  15205. width: 100%;
  15206. left: 0;
  15207. top: 100%;
  15208. transition-duration: 0.3s;
  15209. }
  15210. .social-icon-style-06 ul li a > span {
  15211. line-height: inherit;
  15212. top: 0px;
  15213. position: relative;
  15214. transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
  15215. }
  15216. .social-icon-style-06 ul li a:hover .brand-label {
  15217. top: -50px;
  15218. transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
  15219. }
  15220. .social-icon-style-06 ul li a:hover .brand-icon {
  15221. top: 0;
  15222. transition-duration: 0.3s;
  15223. }
  15224. .social-icon-style-06 ul li a.behance {
  15225. color: #1769ff;
  15226. }
  15227. .social-icon-style-06 ul li a.behance-square {
  15228. color: #1769ff;
  15229. }
  15230. .social-icon-style-06 ul li a.blogger {
  15231. color: #ff8000;
  15232. }
  15233. .social-icon-style-06 ul li a.codepen {
  15234. color: #0ebeff;
  15235. }
  15236. .social-icon-style-06 ul li a.deviantart {
  15237. color: #05cc47;
  15238. }
  15239. .social-icon-style-06 ul li a.digg {
  15240. color: #262626;
  15241. }
  15242. .social-icon-style-06 ul li a.dribbble {
  15243. color: #ea4c89;
  15244. }
  15245. .social-icon-style-06 ul li a.delicious {
  15246. color: #205cc0;
  15247. }
  15248. .social-icon-style-06 ul li a.email {
  15249. color: #7d7d7d;
  15250. }
  15251. .social-icon-style-06 ul li a.facebook {
  15252. color: #3b5998;
  15253. }
  15254. .social-icon-style-06 ul li a.facebook-square {
  15255. color: #3b5998;
  15256. }
  15257. .social-icon-style-06 ul li a.flickr {
  15258. color: #ff0084;
  15259. }
  15260. .social-icon-style-06 ul li a.flipboard {
  15261. color: #e12828;
  15262. }
  15263. .social-icon-style-06 ul li a.github {
  15264. color: #4078c0;
  15265. }
  15266. .social-icon-style-06 ul li a.google {
  15267. color: #dc4a38;
  15268. }
  15269. .social-icon-style-06 ul li a.google-plus {
  15270. color: #dd4b39;
  15271. }
  15272. .social-icon-style-06 ul li a.instagram {
  15273. color: #FE1F49;
  15274. }
  15275. .social-icon-style-06 ul li a.jsfiddle {
  15276. color: #0084FF;
  15277. }
  15278. .social-icon-style-06 ul li a.linkedin {
  15279. color: #0077b5;
  15280. }
  15281. .social-icon-style-06 ul li a.livejournal {
  15282. color: #00b0ea;
  15283. }
  15284. .social-icon-style-06 ul li a.medium {
  15285. color: #00ab6c;
  15286. }
  15287. .social-icon-style-06 ul li a.meneame {
  15288. color: #ff6400;
  15289. }
  15290. .social-icon-style-06 ul li a.mailru {
  15291. color: #168de2;
  15292. }
  15293. .social-icon-style-06 ul li a.odnoklassniki {
  15294. color: #d7772d;
  15295. }
  15296. .social-icon-style-06 ul li a.paypal {
  15297. color: #003087;
  15298. }
  15299. .social-icon-style-06 ul li a.pinterest {
  15300. color: #CB2027;
  15301. }
  15302. .social-icon-style-06 ul li a.pinterest-p {
  15303. color: #CB2027;
  15304. }
  15305. .social-icon-style-06 ul li a.print {
  15306. color: #222222;
  15307. }
  15308. .social-icon-style-06 ul li a.reddit {
  15309. color: #ff4500;
  15310. }
  15311. .social-icon-style-06 ul li a.reddit-square {
  15312. color: #ff4500;
  15313. }
  15314. .social-icon-style-06 ul li a.rss {
  15315. color: #f2890a;
  15316. }
  15317. .social-icon-style-06 ul li a.skype {
  15318. color: #00aff0;
  15319. }
  15320. .social-icon-style-06 ul li a.slack {
  15321. color: #6ecadc;
  15322. }
  15323. .social-icon-style-06 ul li a.snapchat {
  15324. color: #fffc00;
  15325. }
  15326. .social-icon-style-06 ul li a.soundcloud {
  15327. color: #ff8800;
  15328. }
  15329. .social-icon-style-06 ul li a.spotify {
  15330. color: #1db954;
  15331. }
  15332. .social-icon-style-06 ul li a.sms {
  15333. color: #ffbd00;
  15334. }
  15335. .social-icon-style-06 ul li a.sharethis {
  15336. color: #95D03A;
  15337. }
  15338. .social-icon-style-06 ul li a.stack-overflow {
  15339. color: #f48024;
  15340. }
  15341. .social-icon-style-06 ul li a.stumbleupon {
  15342. color: #eb4924;
  15343. }
  15344. .social-icon-style-06 ul li a.telegram {
  15345. color: #0088cc;
  15346. }
  15347. .social-icon-style-06 ul li a.trello {
  15348. color: #0079bf;
  15349. }
  15350. .social-icon-style-06 ul li a.tumblr {
  15351. color: #32506d;
  15352. }
  15353. .social-icon-style-06 ul li a.twitch {
  15354. color: #6441a5;
  15355. }
  15356. .social-icon-style-06 ul li a.twitter {
  15357. color: #00aced;
  15358. }
  15359. .social-icon-style-06 ul li a.twitter-square {
  15360. color: #00aced;
  15361. }
  15362. .social-icon-style-06 ul li a.vimeo {
  15363. color: #1ab7ea;
  15364. }
  15365. .social-icon-style-06 ul li a.vine {
  15366. color: #00bf8f;
  15367. }
  15368. .social-icon-style-06 ul li a.vk {
  15369. color: #4c6c91;
  15370. }
  15371. .social-icon-style-06 ul li a.wordpress {
  15372. color: #21759b;
  15373. }
  15374. .social-icon-style-06 ul li a.weibo {
  15375. color: #ff9933;
  15376. }
  15377. .social-icon-style-06 ul li a.whatsapp {
  15378. color: #25d366;
  15379. }
  15380. .social-icon-style-06 ul li a.xing {
  15381. color: #1a7576;
  15382. }
  15383. .social-icon-style-06 ul li a.youtube {
  15384. color: #ff0000;
  15385. }
  15386. .social-icon-style-06 ul li a.youtube-play {
  15387. color: #ff0000;
  15388. }
  15389. /* Social icon style 07 */
  15390. .social-icon-style-07 ul li a {
  15391. position: relative;
  15392. z-index: 3;
  15393. overflow: hidden;
  15394. vertical-align: middle;
  15395. }
  15396. .social-icon-style-07 ul li a:hover {
  15397. color: var(--white) !important;
  15398. }
  15399. .social-icon-style-07 ul li a:hover > span {
  15400. top: 0;
  15401. }
  15402. .social-icon-style-07 ul li a > span {
  15403. position: absolute;
  15404. top: -100%;
  15405. left: 0;
  15406. height: 100%;
  15407. width: 100%;
  15408. z-index: -1;
  15409. -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  15410. transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  15411. }
  15412. .social-icon-style-07 ul li a.behance {
  15413. color: #1769ff;
  15414. }
  15415. .social-icon-style-07 ul li a.behance span {
  15416. background-color: #1769ff;
  15417. }
  15418. .social-icon-style-07 ul li a.behance-square {
  15419. color: #1769ff;
  15420. }
  15421. .social-icon-style-07 ul li a.behance-square span {
  15422. background-color: #1769ff;
  15423. }
  15424. .social-icon-style-07 ul li a.blogger {
  15425. color: #ff8000;
  15426. }
  15427. .social-icon-style-07 ul li a.blogger span {
  15428. background-color: #ff8000;
  15429. }
  15430. .social-icon-style-07 ul li a.codepen {
  15431. color: #0ebeff;
  15432. }
  15433. .social-icon-style-07 ul li a.codepen span {
  15434. background-color: #0ebeff;
  15435. }
  15436. .social-icon-style-07 ul li a.deviantart {
  15437. color: #05cc47;
  15438. }
  15439. .social-icon-style-07 ul li a.deviantart span {
  15440. background-color: #05cc47;
  15441. }
  15442. .social-icon-style-07 ul li a.digg {
  15443. color: #262626;
  15444. }
  15445. .social-icon-style-07 ul li a.digg span {
  15446. background-color: #262626;
  15447. }
  15448. .social-icon-style-07 ul li a.dribbble {
  15449. color: #ea4c89;
  15450. }
  15451. .social-icon-style-07 ul li a.dribbble span {
  15452. background-color: #ea4c89;
  15453. }
  15454. .social-icon-style-07 ul li a.delicious {
  15455. color: #205cc0;
  15456. }
  15457. .social-icon-style-07 ul li a.delicious span {
  15458. background-color: #205cc0;
  15459. }
  15460. .social-icon-style-07 ul li a.email {
  15461. color: #7d7d7d;
  15462. }
  15463. .social-icon-style-07 ul li a.email span {
  15464. background-color: #7d7d7d;
  15465. }
  15466. .social-icon-style-07 ul li a.facebook {
  15467. color: #3b5998;
  15468. }
  15469. .social-icon-style-07 ul li a.facebook span {
  15470. background-color: #3b5998;
  15471. }
  15472. .social-icon-style-07 ul li a.facebook-square {
  15473. color: #3b5998;
  15474. }
  15475. .social-icon-style-07 ul li a.facebook-square span {
  15476. background-color: #3b5998;
  15477. }
  15478. .social-icon-style-07 ul li a.flickr {
  15479. color: #ff0084;
  15480. }
  15481. .social-icon-style-07 ul li a.flickr span {
  15482. background-color: #ff0084;
  15483. }
  15484. .social-icon-style-07 ul li a.flipboard {
  15485. color: #e12828;
  15486. }
  15487. .social-icon-style-07 ul li a.flipboard span {
  15488. background-color: #e12828;
  15489. }
  15490. .social-icon-style-07 ul li a.github {
  15491. color: #4078c0;
  15492. }
  15493. .social-icon-style-07 ul li a.github span {
  15494. background-color: #4078c0;
  15495. }
  15496. .social-icon-style-07 ul li a.google {
  15497. color: #dc4a38;
  15498. }
  15499. .social-icon-style-07 ul li a.google span {
  15500. background-color: #dc4a38;
  15501. }
  15502. .social-icon-style-07 ul li a.google-plus {
  15503. color: #dd4b39;
  15504. }
  15505. .social-icon-style-07 ul li a.google-plus span {
  15506. background-color: #dd4b39;
  15507. }
  15508. .social-icon-style-07 ul li a.instagram {
  15509. color: #FE1F49;
  15510. }
  15511. .social-icon-style-07 ul li a.instagram span {
  15512. background-color: #FE1F49;
  15513. }
  15514. .social-icon-style-07 ul li a.jsfiddle {
  15515. color: #0084FF;
  15516. }
  15517. .social-icon-style-07 ul li a.jsfiddle span {
  15518. background-color: #0084FF;
  15519. }
  15520. .social-icon-style-07 ul li a.linkedin {
  15521. color: #0077b5;
  15522. }
  15523. .social-icon-style-07 ul li a.linkedin span {
  15524. background-color: #0077b5;
  15525. }
  15526. .social-icon-style-07 ul li a.livejournal {
  15527. color: #00b0ea;
  15528. }
  15529. .social-icon-style-07 ul li a.livejournal span {
  15530. background-color: #00b0ea;
  15531. }
  15532. .social-icon-style-07 ul li a.medium {
  15533. color: #00ab6c;
  15534. }
  15535. .social-icon-style-07 ul li a.medium span {
  15536. background-color: #00ab6c;
  15537. }
  15538. .social-icon-style-07 ul li a.meneame {
  15539. color: #ff6400;
  15540. }
  15541. .social-icon-style-07 ul li a.meneame span {
  15542. background-color: #ff6400;
  15543. }
  15544. .social-icon-style-07 ul li a.mailru {
  15545. color: #168de2;
  15546. }
  15547. .social-icon-style-07 ul li a.mailru span {
  15548. background-color: #168de2;
  15549. }
  15550. .social-icon-style-07 ul li a.odnoklassniki {
  15551. color: #d7772d;
  15552. }
  15553. .social-icon-style-07 ul li a.odnoklassniki span {
  15554. background-color: #d7772d;
  15555. }
  15556. .social-icon-style-07 ul li a.paypal {
  15557. color: #003087;
  15558. }
  15559. .social-icon-style-07 ul li a.paypal span {
  15560. background-color: #003087;
  15561. }
  15562. .social-icon-style-07 ul li a.pinterest {
  15563. color: #CB2027;
  15564. }
  15565. .social-icon-style-07 ul li a.pinterest span {
  15566. background-color: #CB2027;
  15567. }
  15568. .social-icon-style-07 ul li a.pinterest-p {
  15569. color: #CB2027;
  15570. }
  15571. .social-icon-style-07 ul li a.pinterest-p span {
  15572. background-color: #CB2027;
  15573. }
  15574. .social-icon-style-07 ul li a.print {
  15575. color: #222222;
  15576. }
  15577. .social-icon-style-07 ul li a.print span {
  15578. background-color: #222222;
  15579. }
  15580. .social-icon-style-07 ul li a.reddit {
  15581. color: #ff4500;
  15582. }
  15583. .social-icon-style-07 ul li a.reddit span {
  15584. background-color: #ff4500;
  15585. }
  15586. .social-icon-style-07 ul li a.reddit-square {
  15587. color: #ff4500;
  15588. }
  15589. .social-icon-style-07 ul li a.reddit-square span {
  15590. background-color: #ff4500;
  15591. }
  15592. .social-icon-style-07 ul li a.rss {
  15593. color: #f2890a;
  15594. }
  15595. .social-icon-style-07 ul li a.rss span {
  15596. background-color: #f2890a;
  15597. }
  15598. .social-icon-style-07 ul li a.skype {
  15599. color: #00aff0;
  15600. }
  15601. .social-icon-style-07 ul li a.skype span {
  15602. background-color: #00aff0;
  15603. }
  15604. .social-icon-style-07 ul li a.slack {
  15605. color: #6ecadc;
  15606. }
  15607. .social-icon-style-07 ul li a.slack span {
  15608. background-color: #6ecadc;
  15609. }
  15610. .social-icon-style-07 ul li a.snapchat {
  15611. color: #fffc00;
  15612. }
  15613. .social-icon-style-07 ul li a.snapchat span {
  15614. background-color: #fffc00;
  15615. }
  15616. .social-icon-style-07 ul li a.soundcloud {
  15617. color: #ff8800;
  15618. }
  15619. .social-icon-style-07 ul li a.soundcloud span {
  15620. background-color: #ff8800;
  15621. }
  15622. .social-icon-style-07 ul li a.spotify {
  15623. color: #1db954;
  15624. }
  15625. .social-icon-style-07 ul li a.spotify span {
  15626. background-color: #1db954;
  15627. }
  15628. .social-icon-style-07 ul li a.sms {
  15629. color: #ffbd00;
  15630. }
  15631. .social-icon-style-07 ul li a.sms span {
  15632. background-color: #ffbd00;
  15633. }
  15634. .social-icon-style-07 ul li a.sharethis {
  15635. color: #95D03A;
  15636. }
  15637. .social-icon-style-07 ul li a.sharethis span {
  15638. background-color: #95D03A;
  15639. }
  15640. .social-icon-style-07 ul li a.stack-overflow {
  15641. color: #f48024;
  15642. }
  15643. .social-icon-style-07 ul li a.stack-overflow span {
  15644. background-color: #f48024;
  15645. }
  15646. .social-icon-style-07 ul li a.stumbleupon {
  15647. color: #eb4924;
  15648. }
  15649. .social-icon-style-07 ul li a.stumbleupon span {
  15650. background-color: #eb4924;
  15651. }
  15652. .social-icon-style-07 ul li a.telegram {
  15653. color: #0088cc;
  15654. }
  15655. .social-icon-style-07 ul li a.telegram span {
  15656. background-color: #0088cc;
  15657. }
  15658. .social-icon-style-07 ul li a.trello {
  15659. color: #0079bf;
  15660. }
  15661. .social-icon-style-07 ul li a.trello span {
  15662. background-color: #0079bf;
  15663. }
  15664. .social-icon-style-07 ul li a.tumblr {
  15665. color: #32506d;
  15666. }
  15667. .social-icon-style-07 ul li a.tumblr span {
  15668. background-color: #32506d;
  15669. }
  15670. .social-icon-style-07 ul li a.twitch {
  15671. color: #6441a5;
  15672. }
  15673. .social-icon-style-07 ul li a.twitch span {
  15674. background-color: #6441a5;
  15675. }
  15676. .social-icon-style-07 ul li a.twitter {
  15677. color: #00aced;
  15678. }
  15679. .social-icon-style-07 ul li a.twitter span {
  15680. background-color: #00aced;
  15681. }
  15682. .social-icon-style-07 ul li a.twitter-square {
  15683. color: #00aced;
  15684. }
  15685. .social-icon-style-07 ul li a.twitter-square span {
  15686. background-color: #00aced;
  15687. }
  15688. .social-icon-style-07 ul li a.vimeo {
  15689. color: #1ab7ea;
  15690. }
  15691. .social-icon-style-07 ul li a.vimeo span {
  15692. background-color: #1ab7ea;
  15693. }
  15694. .social-icon-style-07 ul li a.vine {
  15695. color: #00bf8f;
  15696. }
  15697. .social-icon-style-07 ul li a.vine span {
  15698. background-color: #00bf8f;
  15699. }
  15700. .social-icon-style-07 ul li a.vk {
  15701. color: #4c6c91;
  15702. }
  15703. .social-icon-style-07 ul li a.vk span {
  15704. background-color: #4c6c91;
  15705. }
  15706. .social-icon-style-07 ul li a.wordpress {
  15707. color: #21759b;
  15708. }
  15709. .social-icon-style-07 ul li a.wordpress span {
  15710. background-color: #21759b;
  15711. }
  15712. .social-icon-style-07 ul li a.weibo {
  15713. color: #ff9933;
  15714. }
  15715. .social-icon-style-07 ul li a.weibo span {
  15716. background-color: #ff9933;
  15717. }
  15718. .social-icon-style-07 ul li a.whatsapp {
  15719. color: #25d366;
  15720. }
  15721. .social-icon-style-07 ul li a.whatsapp span {
  15722. background-color: #25d366;
  15723. }
  15724. .social-icon-style-07 ul li a.xing {
  15725. color: #1a7576;
  15726. }
  15727. .social-icon-style-07 ul li a.xing span {
  15728. background-color: #1a7576;
  15729. }
  15730. .social-icon-style-07 ul li a.youtube {
  15731. color: #ff0000;
  15732. }
  15733. .social-icon-style-07 ul li a.youtube span {
  15734. background-color: #ff0000;
  15735. }
  15736. .social-icon-style-07 ul li a.youtube-play {
  15737. color: #ff0000;
  15738. }
  15739. .social-icon-style-07 ul li a.youtube-play span {
  15740. background-color: #ff0000;
  15741. }
  15742. /* Social icon style 08 */
  15743. .social-icon-style-08 ul li a:hover {
  15744. opacity: 0.5;
  15745. color: var(--dark-gray) !important;
  15746. }
  15747. .social-icon-style-08 ul.light li a:hover {
  15748. opacity: 0.5;
  15749. color: var(--white) !important;
  15750. }
  15751. /* Social icon style 09 */
  15752. .social-icon-style-09 ul li a {
  15753. z-index: 9;
  15754. border: 1px solid rgba(35, 35, 35, 0.15);
  15755. border-radius: 100%;
  15756. position: relative;
  15757. }
  15758. .social-icon-style-09 ul li a:hover {
  15759. color: var(--white) !important;
  15760. }
  15761. .social-icon-style-09 ul li a:hover span {
  15762. -webkit-transform: scale(1);
  15763. transform: scale(1);
  15764. opacity: 1;
  15765. }
  15766. .social-icon-style-09 ul li a span {
  15767. display: block;
  15768. border-radius: 100%;
  15769. height: 100%;
  15770. width: 100%;
  15771. top: -1px;
  15772. left: -1px;
  15773. padding: 1px;
  15774. box-sizing: content-box;
  15775. margin: 0;
  15776. position: absolute;
  15777. -webkit-transform: scale(1.2);
  15778. transform: scale(1.2);
  15779. opacity: 0;
  15780. -webkit-transition: 0.5s cubic-bezier(0.12, 0, 0.39, 0);
  15781. transition: 0.5s cubic-bezier(0.12, 0, 0.39, 0);
  15782. pointer-events: none;
  15783. z-index: -1;
  15784. background-color: var(--dark-gray);
  15785. }
  15786. .social-icon-style-09 ul.light li a {
  15787. border-color: rgba(255, 255, 255, 0.3);
  15788. }
  15789. .social-icon-style-09 ul.light li a:hover {
  15790. color: var(--dark-gray) !important;
  15791. }
  15792. .social-icon-style-09 ul.light li a span {
  15793. background-color: var(--white);
  15794. }
  15795. /* Social icon style 10 */
  15796. .social-icon-style-10 ul li a {
  15797. color: var(--dark-gray);
  15798. }
  15799. .social-icon-style-10 ul li a:hover {
  15800. color: var(--base-color) !important;
  15801. }
  15802. .social-icon-style-10 .default-color a.behance {
  15803. color: #1769ff;
  15804. }
  15805. .social-icon-style-10 .default-color a.behance-square {
  15806. color: #1769ff;
  15807. }
  15808. .social-icon-style-10 .default-color a.blogger {
  15809. color: #ff8000;
  15810. }
  15811. .social-icon-style-10 .default-color a.codepen {
  15812. color: #0ebeff;
  15813. }
  15814. .social-icon-style-10 .default-color a.deviantart {
  15815. color: #05cc47;
  15816. }
  15817. .social-icon-style-10 .default-color a.digg {
  15818. color: #262626;
  15819. }
  15820. .social-icon-style-10 .default-color a.dribbble {
  15821. color: #ea4c89;
  15822. }
  15823. .social-icon-style-10 .default-color a.delicious {
  15824. color: #205cc0;
  15825. }
  15826. .social-icon-style-10 .default-color a.email {
  15827. color: #7d7d7d;
  15828. }
  15829. .social-icon-style-10 .default-color a.facebook {
  15830. color: #3b5998;
  15831. }
  15832. .social-icon-style-10 .default-color a.facebook-square {
  15833. color: #3b5998;
  15834. }
  15835. .social-icon-style-10 .default-color a.flickr {
  15836. color: #ff0084;
  15837. }
  15838. .social-icon-style-10 .default-color a.flipboard {
  15839. color: #e12828;
  15840. }
  15841. .social-icon-style-10 .default-color a.github {
  15842. color: #4078c0;
  15843. }
  15844. .social-icon-style-10 .default-color a.google {
  15845. color: #dc4a38;
  15846. }
  15847. .social-icon-style-10 .default-color a.google-plus {
  15848. color: #dd4b39;
  15849. }
  15850. .social-icon-style-10 .default-color a.instagram {
  15851. color: #FE1F49;
  15852. }
  15853. .social-icon-style-10 .default-color a.jsfiddle {
  15854. color: #0084FF;
  15855. }
  15856. .social-icon-style-10 .default-color a.linkedin {
  15857. color: #0077b5;
  15858. }
  15859. .social-icon-style-10 .default-color a.livejournal {
  15860. color: #00b0ea;
  15861. }
  15862. .social-icon-style-10 .default-color a.medium {
  15863. color: #00ab6c;
  15864. }
  15865. .social-icon-style-10 .default-color a.meneame {
  15866. color: #ff6400;
  15867. }
  15868. .social-icon-style-10 .default-color a.mailru {
  15869. color: #168de2;
  15870. }
  15871. .social-icon-style-10 .default-color a.odnoklassniki {
  15872. color: #d7772d;
  15873. }
  15874. .social-icon-style-10 .default-color a.paypal {
  15875. color: #003087;
  15876. }
  15877. .social-icon-style-10 .default-color a.pinterest {
  15878. color: #CB2027;
  15879. }
  15880. .social-icon-style-10 .default-color a.pinterest-p {
  15881. color: #CB2027;
  15882. }
  15883. .social-icon-style-10 .default-color a.print {
  15884. color: #222222;
  15885. }
  15886. .social-icon-style-10 .default-color a.reddit {
  15887. color: #ff4500;
  15888. }
  15889. .social-icon-style-10 .default-color a.reddit-square {
  15890. color: #ff4500;
  15891. }
  15892. .social-icon-style-10 .default-color a.rss {
  15893. color: #f2890a;
  15894. }
  15895. .social-icon-style-10 .default-color a.skype {
  15896. color: #00aff0;
  15897. }
  15898. .social-icon-style-10 .default-color a.slack {
  15899. color: #6ecadc;
  15900. }
  15901. .social-icon-style-10 .default-color a.snapchat {
  15902. color: #fffc00;
  15903. }
  15904. .social-icon-style-10 .default-color a.soundcloud {
  15905. color: #ff8800;
  15906. }
  15907. .social-icon-style-10 .default-color a.spotify {
  15908. color: #1db954;
  15909. }
  15910. .social-icon-style-10 .default-color a.sms {
  15911. color: #ffbd00;
  15912. }
  15913. .social-icon-style-10 .default-color a.sharethis {
  15914. color: #95D03A;
  15915. }
  15916. .social-icon-style-10 .default-color a.stack-overflow {
  15917. color: #f48024;
  15918. }
  15919. .social-icon-style-10 .default-color a.stumbleupon {
  15920. color: #eb4924;
  15921. }
  15922. .social-icon-style-10 .default-color a.telegram {
  15923. color: #0088cc;
  15924. }
  15925. .social-icon-style-10 .default-color a.trello {
  15926. color: #0079bf;
  15927. }
  15928. .social-icon-style-10 .default-color a.tumblr {
  15929. color: #32506d;
  15930. }
  15931. .social-icon-style-10 .default-color a.twitch {
  15932. color: #6441a5;
  15933. }
  15934. .social-icon-style-10 .default-color a.twitter {
  15935. color: #00aced;
  15936. }
  15937. .social-icon-style-10 .default-color a.twitter-square {
  15938. color: #00aced;
  15939. }
  15940. .social-icon-style-10 .default-color a.vimeo {
  15941. color: #1ab7ea;
  15942. }
  15943. .social-icon-style-10 .default-color a.vine {
  15944. color: #00bf8f;
  15945. }
  15946. .social-icon-style-10 .default-color a.vk {
  15947. color: #4c6c91;
  15948. }
  15949. .social-icon-style-10 .default-color a.wordpress {
  15950. color: #21759b;
  15951. }
  15952. .social-icon-style-10 .default-color a.weibo {
  15953. color: #ff9933;
  15954. }
  15955. .social-icon-style-10 .default-color a.whatsapp {
  15956. color: #25d366;
  15957. }
  15958. .social-icon-style-10 .default-color a.xing {
  15959. color: #1a7576;
  15960. }
  15961. .social-icon-style-10 .default-color a.youtube {
  15962. color: #ff0000;
  15963. }
  15964. .social-icon-style-10 .default-color a.youtube-play {
  15965. color: #ff0000;
  15966. }
  15967. .social-icon-style-10 .default-color a:hover {
  15968. color: var(--dark-gray) !important;
  15969. }
  15970. /* Social text style 01 */
  15971. .social-text-style-01 ul li a {
  15972. width: auto;
  15973. height: auto;
  15974. line-height: normal;
  15975. }
  15976. /* Subcribe style 01 */
  15977. .newsletter-style-01 input {
  15978. border-radius: 4px;
  15979. padding-right: 160px;
  15980. }
  15981. .newsletter-style-01 input.is-invalid {
  15982. padding-right: 160px;
  15983. }
  15984. .newsletter-style-01 .btn {
  15985. position: absolute;
  15986. right: 0;
  15987. top: 0;
  15988. height: 100%;
  15989. border-radius: 0 4px 4px 0;
  15990. }
  15991. .newsletter-style-01 .btn i {
  15992. top: 1px;
  15993. }
  15994. /* Subcribe style 02 */
  15995. .newsletter-style-02 input {
  15996. border-radius: 4px;
  15997. padding-right: 60px !important;
  15998. }
  15999. .newsletter-style-02 .btn {
  16000. position: absolute;
  16001. right: 0;
  16002. top: 0;
  16003. height: 100%;
  16004. border-radius: 0 4px 4px 0;
  16005. padding: 10px 25px 9px 25px;
  16006. display: inline-block;
  16007. }
  16008. .newsletter-style-02 .btn i {
  16009. margin-left: 0;
  16010. top: inherit;
  16011. }
  16012. .newsletter-style-02 .btn:active {
  16013. border-color: transparent;
  16014. }
  16015. /* Subcribe style 03 */
  16016. .newsletter-style-03 input {
  16017. padding-right: 165px !important;
  16018. padding-left: 30px !important;
  16019. }
  16020. .newsletter-style-03 .btn {
  16021. position: absolute;
  16022. right: 0;
  16023. top: 0;
  16024. border-radius: 0 100px 100px 0;
  16025. height: 100%;
  16026. padding: 12px 35px 12px 30px;
  16027. }
  16028. .newsletter-style-03 .btn:active {
  16029. border-color: transparent;
  16030. }
  16031. /* Subcribe style 04 */
  16032. .newsletter-style-04 input {
  16033. padding-left: 0;
  16034. padding-right: 40px;
  16035. border-radius: 0;
  16036. }
  16037. .newsletter-style-04 .btn {
  16038. position: absolute;
  16039. right: 0;
  16040. top: 0;
  16041. height: 100%;
  16042. padding: 0;
  16043. border: none;
  16044. }
  16045. .newsletter-style-04 .btn i {
  16046. margin-left: 0;
  16047. }
  16048. .newsletter-style-01 .form-control, .newsletter-style-01 .form-control.is-invalid, .newsletter-style-01 .was-validated .form-control:invalid, .newsletter-style-02 .form-control, .newsletter-style-02 .form-control.is-invalid, .newsletter-style-02 .was-validated .form-control:invalid, .newsletter-style-03 .form-control, .newsletter-style-03 .form-control.is-invalid, .newsletter-style-03 .was-validated .form-control:invalid, .newsletter-style-04 .form-control, .newsletter-style-04 .form-control.is-invalid, .newsletter-style-04 .was-validated .form-control:invalid {
  16049. background-image: inherit;
  16050. }
  16051. /* Tab */
  16052. .nav-tabs > li.nav-item {
  16053. display: inline-block;
  16054. float: none;
  16055. margin: 0;
  16056. padding: 0 17px;
  16057. }
  16058. /* Tab style 03 */
  16059. .tab-style-03 .nav-tabs .nav-link {
  16060. padding: 10px 33px;
  16061. color: var(--medium-gray);
  16062. border: 1px solid var(--light-medium-gray);
  16063. border-bottom: none;
  16064. -webkit-border-radius: 6px 6px 0 0;
  16065. border-radius: 6px 6px 0 0;
  16066. }
  16067. .tab-style-03 .nav-tabs .nav-link.active, .tab-style-03 .nav-tabs .nav-link.show, .tab-style-03 .nav-tabs .nav-link:hover {
  16068. color: var(--dark-gray);
  16069. background-color: var(--white);
  16070. }
  16071. .tab-style-03 .nav-tabs > li.nav-item {
  16072. padding: 0 8px;
  16073. }
  16074. /* Tab style 02 */
  16075. .tab-style-02 .nav-tabs {
  16076. border-bottom: none;
  16077. }
  16078. .tab-style-02 .nav-tabs > li.nav-item {
  16079. margin: 0 34px;
  16080. }
  16081. .tab-style-02 .nav-tabs > li.nav-item > a.nav-link {
  16082. border: none;
  16083. padding: 0;
  16084. color: var(--medium-gray);
  16085. border-bottom: 2px solid transparent;
  16086. -webkit-transition: all 0.3s linear;
  16087. transition: all 0.3s linear;
  16088. }
  16089. .tab-style-02 .nav-tabs > li.nav-item > a.nav-link i {
  16090. -webkit-transition: all 0.3s linear;
  16091. transition: all 0.3s linear;
  16092. -webkit-transform: translateY(0);
  16093. transform: translateY(0);
  16094. will-change: transform;
  16095. }
  16096. .tab-style-02 .nav-tabs > li.nav-item > a.nav-link:hover {
  16097. color: var(--dark-gray);
  16098. border-bottom: 2px solid;
  16099. }
  16100. .tab-style-02 .nav-tabs > li.nav-item > a.nav-link:hover i {
  16101. color: var(--base-color);
  16102. -webkit-transform: translateY(-5px);
  16103. transform: translateY(-5px);
  16104. -webkit-transform: scale(1.1);
  16105. transform: scale(1.1);
  16106. }
  16107. .tab-style-02 .nav-tabs > li.nav-item > a.nav-link.active {
  16108. color: var(--dark-gray);
  16109. border-bottom: 2px solid;
  16110. background: transparent;
  16111. }
  16112. .tab-style-02 .nav-tabs > li.nav-item > a.nav-link.active i {
  16113. color: var(--base-color);
  16114. }
  16115. /* Tab style 03 */
  16116. .tab-style-01 .nav-tabs .nav-link {
  16117. border: none;
  16118. -webkit-border-radius: 50px;
  16119. border-radius: 50px;
  16120. padding: 10px 40px;
  16121. color: var(--medium-gray);
  16122. -webkit-transition: all 0.3s linear;
  16123. transition: all 0.3s linear;
  16124. }
  16125. .tab-style-01 .nav-tabs .nav-link.show, .tab-style-01 .nav-tabs .nav-link.active, .tab-style-01 .nav-tabs .nav-link:hover {
  16126. color: var(--dark-gray);
  16127. background-color: var(--white);
  16128. -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  16129. box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  16130. -webkit-transform: translate3d(0, -3px, 0);
  16131. transform: translate3d(0, -3px, 0);
  16132. }
  16133. .tab-style-01 .nav-tabs > li.nav-item {
  16134. padding: 0 4px;
  16135. }
  16136. /* Tab style 04 */
  16137. .tab-style-04 .nav-tabs .nav-item {
  16138. padding: 0 35px;
  16139. }
  16140. .tab-style-04 .nav-tabs .nav-item .nav-link {
  16141. padding: 0;
  16142. border: none;
  16143. background: transparent;
  16144. position: relative;
  16145. color: var(--medium-gray);
  16146. }
  16147. .tab-style-04 .nav-tabs .nav-item .nav-link .tab-border {
  16148. width: 100%;
  16149. height: 2px;
  16150. display: block;
  16151. -wekit-transform: scaleX(0);
  16152. -moz-transform: scaleX(0);
  16153. -ms-transform: scaleX(0);
  16154. transform: scaleX(0);
  16155. -webkit-transition: transform 0.5s ease;
  16156. transition: transform 0.5s ease;
  16157. }
  16158. .tab-style-04 .nav-tabs .nav-item .nav-link.active, .tab-style-04 .nav-tabs .nav-item .nav-link.show, .tab-style-04 .nav-tabs .nav-item .nav-link:hover {
  16159. color: var(--dark-gray);
  16160. }
  16161. .tab-style-04 .nav-tabs .nav-item .nav-link.active .tab-border, .tab-style-04 .nav-tabs .nav-item .nav-link.show .tab-border, .tab-style-04 .nav-tabs .nav-item .nav-link:hover .tab-border {
  16162. -webkit-transform: scaleX(1);
  16163. transform: scaleX(1);
  16164. }
  16165. /* Tab style 05 */
  16166. .tab-style-05 .nav-tabs > li {
  16167. width: 100%;
  16168. }
  16169. .tab-style-05 .nav-tabs > li.nav-item {
  16170. padding: 0;
  16171. }
  16172. .tab-style-05 .nav-tabs .nav-item .nav-link {
  16173. border: none;
  16174. padding: 20px 28px 22px;
  16175. margin-bottom: 15px;
  16176. background: transparent;
  16177. -webkit-border-radius: 4px;
  16178. border-radius: 4px;
  16179. -webkit-transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  16180. transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  16181. display: flex;
  16182. align-items: center;
  16183. }
  16184. .tab-style-05 .nav-tabs .nav-item .nav-link i {
  16185. vertical-align: middle;
  16186. display: inline-block;
  16187. margin-right: 10px;
  16188. }
  16189. .tab-style-05 .nav-tabs .nav-item .nav-link span {
  16190. position: relative;
  16191. top: 1px;
  16192. color: var(--dark-gray);
  16193. -webkit-transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  16194. transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  16195. }
  16196. .tab-style-05 .nav-tabs .nav-item .nav-link:hover, .tab-style-05 .nav-tabs .nav-item .nav-link.show, .tab-style-05 .nav-tabs .nav-item .nav-link.active {
  16197. background: var(--white);
  16198. color: var(--base-color);
  16199. -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  16200. box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  16201. }
  16202. .tab-style-05 .nav-tabs .nav-item .nav-link:hover i, .tab-style-05 .nav-tabs .nav-item .nav-link.show i, .tab-style-05 .nav-tabs .nav-item .nav-link.active i {
  16203. color: var(--base-color);
  16204. }
  16205. .tab-style-05 .nav-tabs .nav-item .nav-link:hover span, .tab-style-05 .nav-tabs .nav-item .nav-link.show span, .tab-style-05 .nav-tabs .nav-item .nav-link.active span {
  16206. color: var(--base-color);
  16207. }
  16208. .tab-style-05 .nav-tabs .nav-item:last-child .nav-link {
  16209. border-bottom: none;
  16210. }
  16211. /* Tab style 06 */
  16212. .tab-style-06 .nav-tabs > li.nav-item {
  16213. position: relative;
  16214. z-index: 1;
  16215. padding: 0;
  16216. border: 1px solid;
  16217. overflow: hidden;
  16218. border-radius: 4px 0 0 4px;
  16219. }
  16220. .tab-style-06 .nav-tabs > li.nav-item:last-child {
  16221. border-radius: 0 4px 4px 0;
  16222. margin-left: -1px;
  16223. }
  16224. .tab-style-06 .nav-tabs > li.nav-item > a.nav-link {
  16225. border-bottom: none;
  16226. border-radius: 0;
  16227. line-height: 18px;
  16228. padding: 16px 40px;
  16229. text-transform: uppercase;
  16230. z-index: 1;
  16231. background-color: transparent;
  16232. color: var(--medium-gray);
  16233. border: 0;
  16234. }
  16235. .tab-style-06 .nav-tabs > li.nav-item > a.nav-link.active {
  16236. color: #fff !important;
  16237. }
  16238. .tab-style-06 .nav-tabs > li.nav-item > a.nav-link.active + .tab-bg-active {
  16239. opacity: 1;
  16240. }
  16241. .tab-style-06 .tab-bg-active {
  16242. position: absolute;
  16243. top: -1px;
  16244. left: -1px;
  16245. width: calc(100% + 2px);
  16246. height: calc(100% + 2px);
  16247. z-index: -1;
  16248. opacity: 0;
  16249. }
  16250. /* Tab style 07 */
  16251. .tab-style-07 .nav-tabs > li {
  16252. width: 100%;
  16253. }
  16254. .tab-style-07 .nav-tabs > li.nav-item {
  16255. padding: 0;
  16256. }
  16257. .tab-style-07 .nav-tabs .nav-item .nav-link {
  16258. border: none;
  16259. border-bottom: 1px solid;
  16260. border-color: var(--extra-medium-gray);
  16261. padding: 38px 60px 38px;
  16262. background: transparent;
  16263. -webkit-border-radius: 0;
  16264. border-radius: 0;
  16265. -webkit-transition: 0.4s;
  16266. transition: 0.4s;
  16267. position: relative;
  16268. }
  16269. .tab-style-07 .nav-tabs .nav-item .nav-link span {
  16270. color: var(--dark-gray);
  16271. z-index: 9;
  16272. position: relative;
  16273. -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  16274. transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  16275. }
  16276. .tab-style-07 .nav-tabs .nav-item .nav-link:hover, .tab-style-07 .nav-tabs .nav-item .nav-link.show, .tab-style-07 .nav-tabs .nav-item .nav-link.active {
  16277. color: var(--white);
  16278. isolation: inherit;
  16279. }
  16280. .tab-style-07 .nav-tabs .nav-item .nav-link:hover span, .tab-style-07 .nav-tabs .nav-item .nav-link.show span, .tab-style-07 .nav-tabs .nav-item .nav-link.active span {
  16281. color: var(--white);
  16282. -webkit-transition: 0.5s;
  16283. transition: 0.5s;
  16284. }
  16285. .tab-style-07 .nav-tabs .nav-item .nav-link:hover .number-box, .tab-style-07 .nav-tabs .nav-item .nav-link.show .number-box, .tab-style-07 .nav-tabs .nav-item .nav-link.active .number-box {
  16286. opacity: 1;
  16287. -webkit-transform: translate(50%, -50%);
  16288. transform: translate(50%, -50%);
  16289. transition: opacity 0.4s, transform 0.4s;
  16290. -webkit-transition-delay: 0.35s;
  16291. transition-delay: 0.35s;
  16292. }
  16293. .tab-style-07 .nav-tabs .nav-item .nav-link:hover .bg-hover, .tab-style-07 .nav-tabs .nav-item .nav-link.show .bg-hover, .tab-style-07 .nav-tabs .nav-item .nav-link.active .bg-hover {
  16294. -webkit-transform: scaleX(1);
  16295. transform: scaleX(1);
  16296. }
  16297. .tab-style-07 .nav-tabs .nav-item .nav-link .number-box {
  16298. position: absolute;
  16299. top: 50%;
  16300. z-index: 9;
  16301. right: 0;
  16302. opacity: 0;
  16303. -webkit-transform: translate(25%, -50%);
  16304. transform: translate(25%, -50%);
  16305. transition: opacity 0s, transform 0s;
  16306. -webkit-transition-delay: 0s;
  16307. transition-delay: 0s;
  16308. }
  16309. .tab-style-07 .nav-tabs .nav-item .nav-link .bg-hover {
  16310. position: absolute;
  16311. width: 100%;
  16312. height: 100%;
  16313. left: 0;
  16314. top: 0;
  16315. content: "";
  16316. -webkit-transform: scaleX(0);
  16317. transform: scaleX(0);
  16318. transform-origin: left;
  16319. -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  16320. transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  16321. z-index: 1;
  16322. }
  16323. .tab-style-07 .nav-tabs .nav-item:last-child .nav-link {
  16324. border-bottom: none;
  16325. }
  16326. /* Tab style 08 */
  16327. .tab-style-08 ul .nav-item {
  16328. padding: 0;
  16329. background-color: transparent;
  16330. border-right: 1px solid var(--light-medium-gray);
  16331. flex-grow: 1;
  16332. flex-basis: 0;
  16333. }
  16334. .tab-style-08 ul .nav-item .nav-link {
  16335. border: 0;
  16336. margin-bottom: 0;
  16337. padding: 30px 15px;
  16338. background-color: transparent;
  16339. position: relative;
  16340. color: var(--medium-gray);
  16341. }
  16342. .tab-style-08 ul .nav-item .nav-link.active, .tab-style-08 ul .nav-item .nav-link.show, .tab-style-08 ul .nav-item .nav-link:hover {
  16343. border: 0;
  16344. color: var(--base-color);
  16345. }
  16346. .tab-style-08 ul .nav-item .nav-link.active .tab-border, .tab-style-08 ul .nav-item .nav-link.show .tab-border, .tab-style-08 ul .nav-item .nav-link:hover .tab-border {
  16347. -wekit-transform: scaleX(1);
  16348. -moz-transform: scaleX(1);
  16349. -ms-transform: scaleX(1);
  16350. transform: scaleX(1);
  16351. }
  16352. .tab-style-08 ul .nav-item .tab-border {
  16353. width: calc(100% + 2px);
  16354. height: 3px;
  16355. display: block;
  16356. -wekit-transform: scaleX(0);
  16357. -moz-transform: scaleX(0);
  16358. -ms-transform: scaleX(0);
  16359. transform: scaleX(0);
  16360. -webkit-transition: transform 0.5s ease;
  16361. transition: transform 0.5s ease;
  16362. position: absolute;
  16363. left: -1px;
  16364. top: 0;
  16365. }
  16366. .tab-style-08 ul .nav-item:last-child {
  16367. border: 0;
  16368. }
  16369. .tab-style-08 ul.active-tab-border-bottom .nav-item .tab-border {
  16370. bottom: 0;
  16371. top: auto;
  16372. }
  16373. /* Team style 01 */
  16374. .team-style-01 figure figcaption {
  16375. position: absolute;
  16376. bottom: -1px;
  16377. }
  16378. .team-style-01 figure figcaption .social-icon {
  16379. display: block !important;
  16380. height: auto !important;
  16381. margin-bottom: -50px !important;
  16382. overflow: visible !important;
  16383. -webkit-transition: 0.4s;
  16384. transition: 0.4s;
  16385. }
  16386. .team-style-01 figure figcaption .social-icon a {
  16387. margin: 0 10px;
  16388. }
  16389. .team-style-01 figure figcaption .social-icon a:last-child {
  16390. margin-right: 0;
  16391. }
  16392. .team-style-01 figure figcaption .social-icon a:first-child {
  16393. margin-left: 0;
  16394. }
  16395. .team-style-01 figure .text-light-opacity:hover {
  16396. opacity: 1 !important;
  16397. }
  16398. .team-style-01 figure:hover figcaption .social-icon {
  16399. margin-bottom: 0px !important;
  16400. }
  16401. /* Team style 02 */
  16402. .team-style-02 figure figcaption {
  16403. position: absolute;
  16404. opacity: 0;
  16405. bottom: 0;
  16406. -webkit-transition: all 0.5s cubic-bezier(0.12, 0, 0.39, 0);
  16407. transition: all 0.5s cubic-bezier(0.12, 0, 0.39, 0);
  16408. }
  16409. .team-style-02 figure figcaption .social-icon a {
  16410. margin: 0 12px;
  16411. opacity: 0;
  16412. -webkit-transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  16413. transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  16414. -webkit-transform: translateY(-25px);
  16415. transform: translateY(-25px);
  16416. display: inline-block;
  16417. }
  16418. .team-style-02 figure figcaption .social-icon a:nth-child(1) {
  16419. -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  16420. transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  16421. }
  16422. .team-style-02 figure figcaption .social-icon a:nth-child(2) {
  16423. -webkit-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
  16424. transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
  16425. }
  16426. .team-style-02 figure figcaption .social-icon a:nth-child(3) {
  16427. -webkit-transition: all 0.6s cubic-bezier(0.2, 0, 0.3, 1);
  16428. transition: all 0.6s cubic-bezier(0.2, 0, 0.3, 1);
  16429. }
  16430. .team-style-02 figure figcaption .social-icon a:nth-child(4) {
  16431. -webkit-transition: all 0.8s cubic-bezier(0.2, 0, 0.3, 1);
  16432. transition: all 0.8s cubic-bezier(0.2, 0, 0.3, 1);
  16433. }
  16434. .team-style-02 figure figcaption .social-icon a:nth-child(5) {
  16435. -webkit-transition: all 1s cubic-bezier(0.2, 0, 0.3, 1);
  16436. transition: all 1s cubic-bezier(0.2, 0, 0.3, 1);
  16437. }
  16438. .team-style-02 figure figcaption .team-member-name {
  16439. opacity: 0;
  16440. -webkit-transform: translate3d(0, 15px, 0);
  16441. transform: translate3d(0, 15px, 0);
  16442. -webkit-transition: all 1s cubic-bezier(0.2, 0, 0.3, 1);
  16443. transition: all 1s cubic-bezier(0.2, 0, 0.3, 1);
  16444. }
  16445. .team-style-02 figure figcaption .member-designation {
  16446. opacity: 0;
  16447. -webkit-transform: translate3d(0, 15px, 0);
  16448. transform: translate3d(0, 15px, 0);
  16449. -webkit-transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);
  16450. transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);
  16451. }
  16452. .team-style-02 figure:hover figcaption {
  16453. opacity: 1;
  16454. }
  16455. .team-style-02 figure:hover figcaption .team-member-name {
  16456. opacity: 1;
  16457. -webkit-transform: translate3d(0, 0, 0);
  16458. transform: translate3d(0, 0, 0);
  16459. -webkit-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
  16460. transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
  16461. }
  16462. .team-style-02 figure:hover figcaption .member-designation {
  16463. opacity: 0.7;
  16464. -webkit-transform: translate3d(0, 0, 0);
  16465. transform: translate3d(0, 0, 0);
  16466. -webkit-transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);
  16467. transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);
  16468. }
  16469. .team-style-02 figure:hover figcaption a {
  16470. opacity: 1;
  16471. -webkit-transform: translateY(0);
  16472. transform: translateY(0);
  16473. }
  16474. .team-style-02 figure:hover figcaption a:nth-child(1) {
  16475. -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  16476. transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  16477. }
  16478. .team-style-02 figure:hover figcaption a:nth-child(2) {
  16479. -webkit-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
  16480. transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1);
  16481. }
  16482. .team-style-02 figure:hover figcaption a:nth-child(3) {
  16483. -webkit-transition: all 0.6s cubic-bezier(0.2, 0, 0.3, 1);
  16484. transition: all 0.6s cubic-bezier(0.2, 0, 0.3, 1);
  16485. }
  16486. .team-style-02 figure:hover figcaption a:nth-child(4) {
  16487. -webkit-transition: all 0.8s cubic-bezier(0.2, 0, 0.3, 1);
  16488. transition: all 0.8s cubic-bezier(0.2, 0, 0.3, 1);
  16489. }
  16490. .team-style-02 figure:hover figcaption a:nth-child(5) {
  16491. -webkit-transition: all 1s cubic-bezier(0.2, 0, 0.3, 1);
  16492. transition: all 1s cubic-bezier(0.2, 0, 0.3, 1);
  16493. }
  16494. /* Team style 04 */
  16495. .team-style-04 .team-content {
  16496. position: absolute;
  16497. bottom: 0;
  16498. -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  16499. transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  16500. }
  16501. .team-style-04 figure figcaption {
  16502. position: absolute;
  16503. bottom: -20px;
  16504. -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  16505. transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  16506. }
  16507. .team-style-04 figure figcaption .social-icon {
  16508. -webkit-transition: all 0s linear;
  16509. transition: all 0s linear;
  16510. }
  16511. .team-style-04 figure figcaption .social-icon a {
  16512. margin: 0 10px;
  16513. }
  16514. .team-style-04 figure:hover figcaption {
  16515. bottom: 0px;
  16516. }
  16517. /* Team style 05 */
  16518. .team-style-05 .team-content {
  16519. position: absolute;
  16520. bottom: 0;
  16521. opacity: 0;
  16522. -webkit-transition: all 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  16523. transition: all 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  16524. }
  16525. .team-style-05 .team-content p {
  16526. top: 55%;
  16527. -webkit-transition: all 0.5s ease;
  16528. transition: all 0.5s ease;
  16529. }
  16530. .team-style-05 .social-icon a {
  16531. opacity: 0;
  16532. -webkit-transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  16533. transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  16534. -webkit-transform: translateY(25px);
  16535. transform: translateY(25px);
  16536. margin: 0 10px;
  16537. display: inline-block;
  16538. }
  16539. .team-style-05 .social-icon a:nth-child(1) {
  16540. -webkit-transition: all 0.3s ease;
  16541. transition: all 0.3s ease;
  16542. }
  16543. .team-style-05 .social-icon a:nth-child(2) {
  16544. -webkit-transition: all 0.4s ease;
  16545. transition: all 0.4s ease;
  16546. }
  16547. .team-style-05 .social-icon a:nth-child(3) {
  16548. -webkit-transition: all 0.6s ease;
  16549. transition: all 0.6s ease;
  16550. }
  16551. .team-style-05 .social-icon a:nth-child(4) {
  16552. -webkit-transition: all 0.8s ease;
  16553. transition: all 0.8s ease;
  16554. }
  16555. .team-style-05 .social-icon a:nth-child(5) {
  16556. -webkit-transition: all 1s ease;
  16557. transition: all 1s ease;
  16558. }
  16559. .team-style-05:hover .team-content {
  16560. opacity: 1;
  16561. }
  16562. .team-style-05:hover .team-content p {
  16563. top: 50%;
  16564. }
  16565. .team-style-05:hover .social-icon a {
  16566. opacity: 1;
  16567. -webkit-transform: translateY(0);
  16568. transform: translateY(0);
  16569. }
  16570. .team-style-05:hover .social-icon a:nth-child(1) {
  16571. -webkit-transition: all 0.3s ease;
  16572. transition: all 0.3s ease;
  16573. }
  16574. .team-style-05:hover .social-icon a:nth-child(2) {
  16575. -webkit-transition: all 0.6s ease;
  16576. transition: all 0.6s ease;
  16577. }
  16578. .team-style-05:hover .social-icon a:nth-child(3) {
  16579. -webkit-transition: all 0.9s ease;
  16580. transition: all 0.9s ease;
  16581. }
  16582. .team-style-05:hover .social-icon a:nth-child(4) {
  16583. -webkit-transition: all 1.1s ease;
  16584. transition: all 1.1s ease;
  16585. }
  16586. .team-style-05:hover .social-icon a:nth-child(5) {
  16587. -webkit-transition: all 1.4s ease;
  16588. transition: all 1.4s ease;
  16589. }
  16590. /* Team style 08 */
  16591. .team-style-08 figure {
  16592. -webkit-transform: translate3d(0, 0, 0);
  16593. transform: translate3d(0, 0, 0);
  16594. -webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
  16595. transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
  16596. }
  16597. .team-style-08 figure figcaption {
  16598. position: absolute;
  16599. opacity: 0;
  16600. bottom: 0;
  16601. -webkit-transition: all 0.5s;
  16602. transition: all 0.5s;
  16603. }
  16604. .team-style-08 figure figcaption .social-icon a {
  16605. margin: 0 0 10px;
  16606. opacity: 0;
  16607. display: inline-block;
  16608. background-color: var(--dark-gray);
  16609. height: 50px;
  16610. width: 50px;
  16611. border-radius: 100%;
  16612. display: flex;
  16613. align-items: center;
  16614. justify-content: center;
  16615. -webkit-transform: translate3d(0, 15px, 0);
  16616. transform: translate3d(0, 15px, 0);
  16617. -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  16618. transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  16619. -webkit-transform: scale(1);
  16620. transform: scale(1);
  16621. }
  16622. .team-style-08 figure figcaption .social-icon a:last-child {
  16623. margin-bottom: 0;
  16624. }
  16625. .team-style-08 figure figcaption .team-member-name {
  16626. opacity: 0;
  16627. -webkit-transform: translate3d(0, 15px, 0);
  16628. transform: translate3d(0, 15px, 0);
  16629. -webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
  16630. transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
  16631. }
  16632. .team-style-08 figure figcaption .member-designation {
  16633. opacity: 0;
  16634. -webkit-transform: translate3d(0, 20px, 0);
  16635. transform: translate3d(0, 20px, 0);
  16636. -webkit-transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);
  16637. transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);
  16638. }
  16639. .team-style-08:hover figure {
  16640. -webkit-transform: translate3d(0, -8px, 0);
  16641. transform: translate3d(0, -8px, 0);
  16642. }
  16643. .team-style-08:hover figure figcaption {
  16644. opacity: 1;
  16645. }
  16646. .team-style-08:hover figure figcaption .social-icon a:hover {
  16647. -webkit-transform: scale(1.1);
  16648. transform: scale(1.1);
  16649. }
  16650. .team-style-08:hover figure figcaption .team-member-name {
  16651. opacity: 1;
  16652. -webkit-transform: translate3d(0, 0, 0);
  16653. transform: translate3d(0, 0, 0);
  16654. }
  16655. .team-style-08:hover figure figcaption .member-designation {
  16656. opacity: 0.6;
  16657. -webkit-transform: translate3d(0, 0, 0);
  16658. transform: translate3d(0, 0, 0);
  16659. }
  16660. .team-style-08:hover figure figcaption a {
  16661. -webkit-transform: translate3d(0, 0, 0);
  16662. transform: translate3d(0, 0, 0);
  16663. opacity: 1;
  16664. }
  16665. /* Team style 09 */
  16666. .team-style-09 .nav-tabs > li.nav-item {
  16667. padding: 0;
  16668. }
  16669. .team-style-09 .nav-tabs > li.nav-item .number {
  16670. color: var(--dark-gray);
  16671. -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  16672. transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
  16673. }
  16674. .team-style-09 .nav-tabs > li.nav-item:last-child .nav-link {
  16675. border-bottom: 0;
  16676. }
  16677. .team-style-09 .nav-tabs .nav-link {
  16678. border: 0;
  16679. display: flex;
  16680. border-bottom: 1px solid var(--extra-medium-gray);
  16681. padding: 20px 0;
  16682. margin-bottom: 0;
  16683. background-color: transparent;
  16684. -webkit-border-radius: 0;
  16685. border-radius: 0;
  16686. -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  16687. transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0);
  16688. }
  16689. .team-style-09 .nav-tabs .nav-link:hover {
  16690. -webkit-transform: translate3d(10px, 0, 0);
  16691. transform: translate3d(10px, 0, 0);
  16692. }
  16693. .team-style-09 .nav-tabs .nav-link.active, .team-style-09 .nav-tabs .nav-link:hover {
  16694. border-bottom: 1px solid var(--dark-gray);
  16695. }
  16696. /* Team style 10 */
  16697. .team-style-10 figure {
  16698. -webkit-transform: translate3d(0, 0, 0);
  16699. transform: translate3d(0, 0, 0);
  16700. -webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
  16701. transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
  16702. }
  16703. .team-style-10 figure .hover-switch-image {
  16704. position: absolute;
  16705. top: 0;
  16706. left: 0;
  16707. width: 100%;
  16708. height: 100%;
  16709. opacity: 0;
  16710. -webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
  16711. transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);
  16712. }
  16713. .team-style-10 figure figcaption {
  16714. position: absolute;
  16715. opacity: 0;
  16716. bottom: 0;
  16717. -webkit-transition: all 0.5s;
  16718. transition: all 0.5s;
  16719. }
  16720. .team-style-10 figure figcaption .social-icon a {
  16721. margin: 0 0 10px;
  16722. opacity: 0;
  16723. display: inline-block;
  16724. background-color: var(--dark-gray);
  16725. height: 50px;
  16726. width: 50px;
  16727. border-radius: 100%;
  16728. display: flex;
  16729. align-items: center;
  16730. justify-content: center;
  16731. will-change: transform;
  16732. -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  16733. transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
  16734. -webkit-transform: scale(1.1);
  16735. transform: scale(1.1);
  16736. }
  16737. .team-style-10 figure figcaption .social-icon a:last-child {
  16738. margin-bottom: 0;
  16739. }
  16740. .team-style-10 figure figcaption .team-member-strip {
  16741. -webkit-transform: translate3d(0, 20px, 0);
  16742. transform: translate3d(0, 20px, 0);
  16743. -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.8, 1);
  16744. transition: all 0.3s cubic-bezier(0.2, 0, 0.8, 1);
  16745. }
  16746. .team-style-10 figure figcaption .team-member-strip .team-member-name {
  16747. opacity: 0;
  16748. -webkit-transform: translate3d(0, 15px, 0);
  16749. transform: translate3d(0, 15px, 0);
  16750. -webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
  16751. transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);
  16752. }
  16753. .team-style-10 figure figcaption .team-member-strip .member-designation {
  16754. opacity: 0;
  16755. -webkit-transform: translate3d(0, 20px, 0);
  16756. transform: translate3d(0, 20px, 0);
  16757. -webkit-transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);
  16758. transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);
  16759. }
  16760. .team-style-10:hover figure .hover-switch-image {
  16761. left: 0;
  16762. opacity: 1;
  16763. }
  16764. .team-style-10:hover figure figcaption {
  16765. opacity: 1;
  16766. }
  16767. .team-style-10:hover figure figcaption .social-icon a {
  16768. -webkit-transform: scale(1);
  16769. transform: scale(1);
  16770. }
  16771. .team-style-10:hover figure figcaption .social-icon a:hover {
  16772. -webkit-transform: scale(1.1);
  16773. transform: scale(1.1);
  16774. }
  16775. .team-style-10:hover figure figcaption .team-member-strip {
  16776. -webkit-transform: translate3d(0, 0, 0);
  16777. transform: translate3d(0, 0, 0);
  16778. }
  16779. .team-style-10:hover figure figcaption .team-member-strip .team-member-name {
  16780. opacity: 1;
  16781. -webkit-transform: translate3d(0, 0, 0);
  16782. transform: translate3d(0, 0, 0);
  16783. }
  16784. .team-style-10:hover figure figcaption .team-member-strip .member-designation {
  16785. opacity: 1;
  16786. -webkit-transform: translate3d(0, 0, 0);
  16787. transform: translate3d(0, 0, 0);
  16788. }
  16789. .team-style-10:hover figure figcaption a {
  16790. -webkit-transform: translate3d(0, 0, 0);
  16791. transform: translate3d(0, 0, 0);
  16792. opacity: 1;
  16793. }
  16794. /* Testimonial style 01 */
  16795. .testimonials-style-01 .testimonial-arrow:after {
  16796. content: "";
  16797. top: 100%;
  16798. left: 50px;
  16799. height: 0;
  16800. width: 0;
  16801. z-index: 9;
  16802. margin-left: -14px;
  16803. position: absolute;
  16804. pointer-events: none;
  16805. border: solid transparent;
  16806. border-width: 14px;
  16807. border-top-color: var(--white);
  16808. }
  16809. .testimonials-style-01 .author-detail img {
  16810. width: 60px;
  16811. height: 60px;
  16812. }
  16813. /* Testimonial style 04 */
  16814. .testimonials-style-04.swiper-horizontal-3d.swiper {
  16815. margin-left: auto;
  16816. margin-right: auto;
  16817. position: relative;
  16818. overflow: hidden;
  16819. z-index: 1;
  16820. }
  16821. .testimonials-style-04.swiper-horizontal-3d .swiper-wrapper {
  16822. position: relative;
  16823. width: 100%;
  16824. height: 100%;
  16825. z-index: 1;
  16826. display: flex;
  16827. transition-property: transform;
  16828. transition-property: transform, -webkit-transform;
  16829. box-sizing: content-box;
  16830. }
  16831. .testimonials-style-04.swiper-horizontal-3d.swiper-pagination-bottom .swiper-wrapper {
  16832. margin-bottom: 0;
  16833. }
  16834. .testimonials-style-04.swiper-horizontal-3d .swiper-slide {
  16835. filter: grayscale(100%);
  16836. opacity: 0;
  16837. -webkit-flex-shrink: 0;
  16838. -ms-flex: 0 0 auto;
  16839. -ms-flex-negative: 0;
  16840. flex-shrink: 0;
  16841. width: 100%;
  16842. height: 100%;
  16843. position: relative;
  16844. }
  16845. .testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-prev, .testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-next {
  16846. opacity: 0.7;
  16847. }
  16848. .testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-active {
  16849. opacity: 1;
  16850. filter: grayscale(0);
  16851. box-shadow: 0 0 60px rgba(0, 0, 0, 0.17);
  16852. }
  16853. .testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-active .slider-image:hover .preview-icon {
  16854. opacity: 1;
  16855. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  16856. z-index: 1;
  16857. }
  16858. .testimonials-style-04.swiper-horizontal-3d .swiper-slide img {
  16859. opacity: 0;
  16860. }
  16861. .testimonials-style-04.swiper-horizontal-3d.swiper {
  16862. width: 100%;
  16863. padding-bottom: 60px;
  16864. }
  16865. .testimonials-style-04.swiper-horizontal-3d.swiper-3d .swiper-slide-shadow-left, .testimonials-style-04.swiper-horizontal-3d.swiper-3d .swiper-slide-shadow-right {
  16866. background-image: none;
  16867. }
  16868. .testimonials-style-04.swiper-horizontal-3d .swiper-slide-active img {
  16869. opacity: 1;
  16870. }
  16871. /* Testimonial style 05 */
  16872. .testimonials-style-05 .testimonials-bubble {
  16873. position: relative;
  16874. border: 1px solid;
  16875. -webkit-transition: 0.2s;
  16876. transition: 0.2s;
  16877. }
  16878. .testimonials-style-05 .testimonials-bubble:after, .testimonials-style-05 .testimonials-bubble:before {
  16879. top: 100%;
  16880. left: 50px;
  16881. border: solid transparent;
  16882. content: " ";
  16883. height: 0;
  16884. width: 0;
  16885. position: absolute;
  16886. pointer-events: none;
  16887. }
  16888. .testimonials-style-05 .testimonials-bubble:after {
  16889. border-color: rgba(255, 255, 255, 0);
  16890. border-top-color: var(--white);
  16891. border-width: 15px 15px 0 0;
  16892. margin-left: 1px;
  16893. }
  16894. .testimonials-style-05 .testimonials-bubble:before {
  16895. border-color: rgba(237, 237, 237, 0);
  16896. border-top-color: var(--extra-medium-gray);
  16897. border-width: 18px 18px 0 0;
  16898. }
  16899. /* Testimonial style 12 */
  16900. .testimonials-style-12 .swiper-button-next-nav {
  16901. right: -8px;
  16902. }
  16903. .testimonials-style-12 .swiper-button-next-nav:hover {
  16904. opacity: 1;
  16905. }
  16906. .testimonials-style-12 .swiper-button-previous-nav {
  16907. left: -8px;
  16908. }
  16909. .testimonials-style-12 .swiper-button-previous-nav:hover {
  16910. opacity: 1;
  16911. }
  16912. /* Testimonial style 13 */
  16913. .testimonials-style-13 .swiper-slide {
  16914. opacity: 0.1;
  16915. }
  16916. .testimonials-style-13 .swiper-slide.swiper-slide-active {
  16917. opacity: 1;
  16918. }
  16919. .testimonials-style-13 .swiper-slide.swiper-slide-next {
  16920. opacity: 0.4;
  16921. }
  16922. /* ===================================
  16923. 14. Blog
  16924. ====================================== */
  16925. /* Blog grid */
  16926. .blog-grid .card {
  16927. color: inherit;
  16928. -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  16929. transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  16930. }
  16931. .blog-grid .card .blog-image img {
  16932. -webkit-border-radius: 4px 4px 0 0;
  16933. border-radius: 4px 4px 0 0;
  16934. }
  16935. .blog-grid .card .card-body {
  16936. color: inherit;
  16937. }
  16938. .blog-grid .card .card-body p {
  16939. margin-bottom: 15px;
  16940. }
  16941. .blog-grid .card .card-body .author {
  16942. will-change: transform;
  16943. }
  16944. .blog-grid .card .card-body .author .blog-date {
  16945. opacity: 1;
  16946. visibility: visible;
  16947. -webkit-transform: translateY(0);
  16948. transform: translateY(0);
  16949. -webkit-transition: all 500ms cubic-bezier(0.37, 0, 0.63, 1);
  16950. transition: all 500ms cubic-bezier(0.37, 0, 0.63, 1);
  16951. }
  16952. .blog-grid .card .card-body .author .like-count a i {
  16953. margin-right: 4px;
  16954. vertical-align: middle;
  16955. -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  16956. transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  16957. }
  16958. .blog-grid .card .card-body .author .like-count a:hover i {
  16959. -webkit-transform: scale(1.2);
  16960. transform: scale(1.2);
  16961. }
  16962. .blog-grid .card .card-body .author .author-name {
  16963. position: absolute;
  16964. width: auto;
  16965. left: 0;
  16966. bottom: 0;
  16967. opacity: 1;
  16968. visibility: visible;
  16969. -webkit-transform: translateY(32px);
  16970. transform: translateY(32px);
  16971. -webkit-transition: all 500ms cubic-bezier(0.37, 0, 0.63, 1);
  16972. transition: all 500ms cubic-bezier(0.37, 0, 0.63, 1);
  16973. }
  16974. .blog-grid .card .blog-categories {
  16975. position: absolute;
  16976. top: 17px;
  16977. right: 20px;
  16978. }
  16979. .blog-grid .card .blog-categories .categories-btn {
  16980. -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  16981. box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  16982. }
  16983. .blog-grid .card:hover .author .blog-date {
  16984. position: relative;
  16985. opacity: 1;
  16986. visibility: visible;
  16987. -webkit-transform: translateY(-32px);
  16988. transform: translateY(-32px);
  16989. }
  16990. .blog-grid .card:hover .author .author-name {
  16991. opacity: 1;
  16992. visibility: visible;
  16993. -webkit-transform: translateY(0);
  16994. transform: translateY(0);
  16995. }
  16996. /* Blog classic */
  16997. .blog-classic .card {
  16998. color: inherit;
  16999. }
  17000. .blog-classic .card .blog-image img {
  17001. -webkit-transition: all 600ms cubic-bezier(0.37, 0, 0.63, 1);
  17002. transition: all 600ms cubic-bezier(0.37, 0, 0.63, 1);
  17003. will-change: transform;
  17004. }
  17005. .blog-classic .card .card-body {
  17006. color: inherit;
  17007. }
  17008. .blog-classic .card .card-body .categories-text:after {
  17009. content: "\f309";
  17010. display: inline-block;
  17011. font-family: bootstrap-icons;
  17012. vertical-align: middle;
  17013. margin: -2px 1px 0;
  17014. font-size: 22px;
  17015. color: var(--medium-gray);
  17016. opacity: 0.7;
  17017. }
  17018. .blog-classic .card .card-body .card-link i {
  17019. opacity: 0;
  17020. visibility: hidden;
  17021. transform-origin: center left;
  17022. -webkit-transform: translateX(-10px) scaleX(0);
  17023. transform: translateX(-10px) scaleX(0);
  17024. -webkit-transition: all 300ms cubic-bezier(0.5, 1, 0.89, 1);
  17025. transition: all 300ms cubic-bezier(0.5, 1, 0.89, 1);
  17026. vertical-align: middle;
  17027. margin-left: 3px;
  17028. }
  17029. .blog-classic .card:hover .blog-image img {
  17030. -webkit-transform: scale(1.07);
  17031. transform: scale(1.07);
  17032. }
  17033. .blog-classic .card:hover .card-body .card-link i {
  17034. opacity: 1;
  17035. visibility: visible;
  17036. -webkit-transform: translateX(0) scaleX(1);
  17037. transform: translateX(0) scaleX(1);
  17038. }
  17039. /* Blog only text */
  17040. .blog-only-text {
  17041. counter-reset: card-body;
  17042. }
  17043. .blog-only-text .card-body {
  17044. color: inherit;
  17045. position: relative;
  17046. overflow: hidden;
  17047. }
  17048. .blog-only-text .card-body .hover-img {
  17049. position: absolute;
  17050. left: 0;
  17051. top: 0;
  17052. -o-object-fit: cover;
  17053. object-fit: cover;
  17054. width: 100%;
  17055. height: 100%;
  17056. opacity: 0;
  17057. visibility: hidden;
  17058. -webkit-transition: all 300ms cubic-bezier(0.37, 0, 0.63, 1);
  17059. transition: all 300ms cubic-bezier(0.37, 0, 0.63, 1);
  17060. -webkit-transform: scale(1.1) rotate(-3deg);
  17061. transform: scale(1.1) rotate(-3deg);
  17062. }
  17063. .blog-only-text .card-body:after {
  17064. counter-increment: card-body;
  17065. content: counter(card-body, decimal-leading-zero);
  17066. position: absolute;
  17067. font-size: 70px;
  17068. line-height: 70px;
  17069. letter-spacing: -3px;
  17070. top: 30px;
  17071. right: -8px;
  17072. font-weight: 600;
  17073. opacity: 0.1;
  17074. color: var(--dark-gray);
  17075. -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  17076. transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  17077. }
  17078. .blog-only-text .card-body:hover .hover-img {
  17079. opacity: 1;
  17080. visibility: visible;
  17081. -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  17082. transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  17083. -webkit-transform: scale(1) rotate(0deg);
  17084. transform: scale(1) rotate(0deg);
  17085. }
  17086. .blog-only-text .card-body:hover:after {
  17087. opacity: 0.2;
  17088. color: var(--white);
  17089. right: 30px;
  17090. -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  17091. transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  17092. }
  17093. .blog-only-text .card-body:hover .card-title {
  17094. text-shadow: 0 0 50px rgba(0, 0, 0, 0.9);
  17095. }
  17096. .blog-only-text .card-body:hover .categories-btn {
  17097. background: var(--white);
  17098. color: var(--dark-gray) !important;
  17099. -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
  17100. box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
  17101. -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  17102. transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1);
  17103. }
  17104. /* Blog metro */
  17105. .blog-metro figure .blog-image .blog-overlay {
  17106. position: absolute;
  17107. top: 0;
  17108. left: 0;
  17109. height: 100%;
  17110. width: 100%;
  17111. background: #1f232c;
  17112. background: linear-gradient(0deg, rgba(23, 23, 23, 0.8) 0, rgba(23, 23, 23, 0) 70%);
  17113. -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  17114. transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  17115. }
  17116. .blog-metro figure .categories-btn {
  17117. border: 1px solid transparent;
  17118. }
  17119. .blog-metro figure img {
  17120. -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  17121. transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  17122. width: 100%;
  17123. }
  17124. .blog-metro figure figcaption {
  17125. position: absolute;
  17126. top: 0;
  17127. left: 0;
  17128. }
  17129. .blog-metro figure .card-title {
  17130. margin-bottom: 0;
  17131. }
  17132. .blog-metro figure:hover img {
  17133. -webkit-transform: scale(1.1);
  17134. transform: scale(1.1);
  17135. opacity: 0.5;
  17136. }
  17137. .blog-metro figure:hover .categories-btn {
  17138. background: transparent !important;
  17139. color: #fff;
  17140. border: 1px solid rgba(255, 255, 255, 0.3);
  17141. }
  17142. .blog-metro figure:hover .categories-btn.bg-base-color {
  17143. color: var(--base-color) !important;
  17144. border-color: var(--base-color);
  17145. }
  17146. /* Blog masonry */
  17147. .blog-masonry .card {
  17148. color: inherit;
  17149. }
  17150. .blog-masonry .card .card-top {
  17151. position: relative;
  17152. padding: 15px 20px;
  17153. }
  17154. .blog-masonry .card .card-top:after {
  17155. content: "";
  17156. position: absolute;
  17157. left: 25px;
  17158. top: 100%;
  17159. width: 0;
  17160. height: 0;
  17161. border-left: 8px solid transparent;
  17162. border-right: 8px solid transparent;
  17163. border-top: 8px solid #fff;
  17164. clear: both;
  17165. z-index: 1;
  17166. }
  17167. .blog-masonry .card .card-top .avtar {
  17168. height: 30px;
  17169. width: 30px;
  17170. margin-right: 10px;
  17171. position: relative;
  17172. border-radius: 100%;
  17173. }
  17174. .blog-masonry .card .blog-image img {
  17175. -webkit-transition: all 1000ms cubic-bezier(0.5, 1, 0.89, 1);
  17176. transition: all 1000ms cubic-bezier(0.5, 1, 0.89, 1);
  17177. }
  17178. .blog-masonry .card .blog-image .categories-btn {
  17179. -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  17180. box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  17181. }
  17182. .blog-masonry .card .like-count a i {
  17183. margin-right: 5px;
  17184. -webkit-transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1);
  17185. transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1);
  17186. will-change: transform;
  17187. }
  17188. .blog-masonry .card .like-count a:hover i {
  17189. -webkit-transform: scale(1.2);
  17190. transform: scale(1.2);
  17191. }
  17192. .blog-masonry .card .blog-date i {
  17193. margin-right: 8px;
  17194. }
  17195. .blog-masonry .card .blog-categories {
  17196. position: absolute;
  17197. bottom: 30px;
  17198. left: 30px;
  17199. }
  17200. .blog-masonry .card:hover {
  17201. -webkit-transform: translate3d(0, 0, 0);
  17202. transform: translate3d(0, 0, 0);
  17203. }
  17204. .blog-masonry .card:hover .blog-image img {
  17205. -webkit-transform: scale(1.1);
  17206. transform: scale(1.1);
  17207. }
  17208. /* Blog simple */
  17209. .blog-simple figure .blog-image {
  17210. overflow: hidden;
  17211. }
  17212. .blog-simple figure .blog-hover-icon {
  17213. -webkit-transform: scale(0);
  17214. transform: scale(0);
  17215. -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  17216. transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  17217. opacity: 0;
  17218. }
  17219. .blog-simple figure figcaption {
  17220. position: absolute;
  17221. bottom: 0;
  17222. top: 0;
  17223. width: 100%;
  17224. -webkit-transition: all 0.3s linear;
  17225. transition: all 0.3s linear;
  17226. }
  17227. .blog-simple figure:hover .blog-hover-icon {
  17228. opacity: 1;
  17229. visibility: visible;
  17230. -webkit-transform: scale(1);
  17231. transform: scale(1);
  17232. }
  17233. .blog-simple figure:hover .post-content .card-title a:hover {
  17234. color: var(--base-color);
  17235. }
  17236. .blog-simple figure:hover .blog-image img {
  17237. -webkit-filter: blur(2px);
  17238. filter: blur(2px);
  17239. -webkit-transition: 0.3s;
  17240. transition: 0.3s;
  17241. }
  17242. .blog-simple figure:hover .blog-image .box-overlay {
  17243. opacity: 0.3;
  17244. }
  17245. .blog-simple figure:hover .box-overlay {
  17246. opacity: 1;
  17247. visibility: visible;
  17248. }
  17249. /* Blog date */
  17250. .blog-date .feature-box {
  17251. -webkit-transform: translateY(0);
  17252. transform: translateY(0);
  17253. }
  17254. .blog-date .feature-box .feature-box-icon {
  17255. margin-right: 40px !important;
  17256. }
  17257. .blog-date .feature-box .post-date {
  17258. min-width: 75px;
  17259. padding: 20px 0 17px;
  17260. -webkit-transition: all 0.3s linear;
  17261. transition: all 0.3s linear;
  17262. }
  17263. .blog-date .feature-box .post-date span {
  17264. -webkit-transition: all 0.3s linear;
  17265. transition: all 0.3s linear;
  17266. }
  17267. .blog-date .feature-box:hover {
  17268. -webkit-transform: translateY(-5px);
  17269. transform: translateY(-5px);
  17270. }
  17271. /* Blog side image */
  17272. .blog-side-image .blog-box .blog-image {
  17273. min-height: 300px;
  17274. will-change: transform;
  17275. -webkit-transition: all 600ms cubic-bezier(0.5, 1, 0.89, 1);
  17276. transition: all 600ms cubic-bezier(0.5, 1, 0.89, 1);
  17277. }
  17278. .blog-side-image .blog-box .blog-image .blog-post-image-overlay {
  17279. opacity: 0;
  17280. position: absolute;
  17281. top: 0;
  17282. left: 0;
  17283. width: 100%;
  17284. height: 100%;
  17285. -webkit-transition: all 600ms cubic-bezier(0.5, 1, 0.89, 1);
  17286. transition: all 600ms cubic-bezier(0.5, 1, 0.89, 1);
  17287. }
  17288. .blog-side-image .blog-box .blog-content {
  17289. position: relative;
  17290. z-index: 1;
  17291. }
  17292. .blog-side-image .blog-box .blog-content .separator {
  17293. width: 10px;
  17294. height: 1px;
  17295. -webkit-transition: all 600ms cubic-bezier(0.5, 1, 0.89, 1);
  17296. transition: all 600ms cubic-bezier(0.5, 1, 0.89, 1);
  17297. display: inline-block;
  17298. vertical-align: middle;
  17299. margin-right: 7px;
  17300. }
  17301. .blog-side-image .blog-box .blog-content .categories-btn {
  17302. -webkit-border-radius: 50px;
  17303. border-radius: 50px;
  17304. margin-left: 0;
  17305. margin-right: 5px;
  17306. line-height: 20px;
  17307. padding: 4px 15px;
  17308. }
  17309. .blog-side-image .blog-box:hover .blog-image {
  17310. -webkit-transform: scale(1.1);
  17311. transform: scale(1.1);
  17312. }
  17313. .blog-side-image .blog-box:hover .blog-image .blog-post-image-overlay {
  17314. opacity: 0.4;
  17315. }
  17316. .blog-side-image .blog-box:hover .blog-content .separator {
  17317. width: 30px;
  17318. }
  17319. /* Blog modern */
  17320. .blog-modern figure .blog-image {
  17321. margin-bottom: 48px;
  17322. }
  17323. .blog-modern figure .blog-image img {
  17324. -webkit-transition: all 900ms cubic-bezier(0.5, 1, 0.89, 1);
  17325. transition: all 900ms cubic-bezier(0.5, 1, 0.89, 1);
  17326. }
  17327. .blog-modern figure .post-content-wrapper {
  17328. position: absolute;
  17329. bottom: -51px;
  17330. width: 85%;
  17331. margin: 0 auto;
  17332. left: 0;
  17333. right: 0;
  17334. -webkit-box-shadow: 0px 4px 10px rgba(111, 111, 111, 0.1);
  17335. box-shadow: 0px 4px 10px rgba(111, 111, 111, 0.1);
  17336. }
  17337. .blog-modern figure .post-content-wrapper .post-content {
  17338. -webkit-transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1);
  17339. transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1);
  17340. }
  17341. .blog-modern figure .post-content-wrapper .separator {
  17342. margin: 0 15px;
  17343. opacity: 0.7;
  17344. font-weight: 300;
  17345. }
  17346. .blog-modern figure:hover .blog-image img {
  17347. -webkit-transform: scale(1.1);
  17348. transform: scale(1.1);
  17349. }
  17350. .blog-modern figure:hover .post-content-wrapper .post-content .card-title {
  17351. color: var(--white);
  17352. }
  17353. .blog-modern figure:hover .post-content-wrapper .post-content .card-title:hover {
  17354. color: var(--white);
  17355. }
  17356. .blog-modern figure:hover .post-content-wrapper .post-content .box-overlay {
  17357. opacity: 1;
  17358. visibility: visible;
  17359. }
  17360. /* Blog standard */
  17361. .blog-standard .blog-image {
  17362. position: relative;
  17363. }
  17364. .blog-standard .blog-image .blog-categories {
  17365. position: absolute;
  17366. right: 40px;
  17367. top: 40px;
  17368. }
  17369. .blog-standard .entry-meta span {
  17370. position: relative;
  17371. margin-right: 20px;
  17372. }
  17373. .blog-standard .entry-meta span:last-child {
  17374. margin-right: 0;
  17375. }
  17376. .blog-standard .entry-meta span i {
  17377. margin-right: 7px;
  17378. }
  17379. /* Blog comment */
  17380. .blog-comment {
  17381. padding-left: 0;
  17382. margin-bottom: 0;
  17383. }
  17384. .blog-comment li {
  17385. padding-bottom: 65px;
  17386. position: relative;
  17387. list-style: none;
  17388. }
  17389. .blog-comment li:last-child {
  17390. border-bottom: medium none;
  17391. padding-bottom: 0;
  17392. }
  17393. .blog-comment li .btn-reply {
  17394. float: right;
  17395. font-size: 11px;
  17396. line-height: initial;
  17397. padding: 7px 20px 6px;
  17398. border-radius: 50px;
  17399. border: 1px solid rgba(44, 44, 44, 0.25);
  17400. background-color: var(--white);
  17401. }
  17402. .blog-comment li .btn-reply:hover {
  17403. border-color: var(--base-color);
  17404. background: var(--base-color);
  17405. color: var(--white);
  17406. }
  17407. .blog-comment li ul.child-comment {
  17408. list-style: outside none none;
  17409. margin-left: 70px;
  17410. }
  17411. .blog-comment li ul.child-comment li {
  17412. margin-top: 60px;
  17413. padding-bottom: 0;
  17414. }
  17415. .blog-comment > li:first-child {
  17416. padding-top: 0;
  17417. }
  17418. /* Pagination style 01 */
  17419. .pagination-style-01 .page-item .page-link {
  17420. border: 0;
  17421. padding: 0 2px;
  17422. margin: 0 7px;
  17423. background: 0 0;
  17424. color: var(--medium-gray);
  17425. min-width: 45px;
  17426. font-size: inherit;
  17427. text-align: center;
  17428. -webkit-border-radius: 100%;
  17429. border-radius: 100%;
  17430. line-height: 45px;
  17431. min-height: 45px;
  17432. }
  17433. .pagination-style-01 .page-item .page-link i {
  17434. line-height: 40px;
  17435. }
  17436. .pagination-style-01 .page-item .page-link:hover {
  17437. background: var(--white);
  17438. color: var(--dark-gray);
  17439. box-shadow: 0 0 10px rgba(23, 23, 23, 0.15) !important;
  17440. }
  17441. .pagination-style-01 .page-item .page-link:focus {
  17442. box-shadow: none;
  17443. }
  17444. .pagination-style-01 .page-item.active .page-link {
  17445. background: var(--dark-gray);
  17446. color: var(--white);
  17447. box-shadow: 0 0 10px rgba(23, 23, 23, 0.15) !important;
  17448. }
  17449. .pagination-style-01 .page-item:first-child .page-link, .pagination-style-01 .page-item:last-child .page-link {
  17450. background: transparent;
  17451. box-shadow: none !important;
  17452. }
  17453. .pagination-style-01.light .page-item:first-child .page-link, .pagination-style-01.light .page-item:last-child .page-link {
  17454. background: transparent;
  17455. box-shadow: none !important;
  17456. }
  17457. .pagination-style-01.light .page-item:first-child .page-link:hover, .pagination-style-01.light .page-item:last-child .page-link:hover {
  17458. color: var(--white);
  17459. }
  17460. /* Blog clean */
  17461. .blog-clean .card {
  17462. color: inherit;
  17463. }
  17464. .blog-clean .card .blog-image img {
  17465. -webkit-transition: all 0.3s linear;
  17466. transition: all 0.3s linear;
  17467. will-change: transform;
  17468. }
  17469. .blog-clean .card .card-body {
  17470. color: inherit;
  17471. }
  17472. .blog-clean .card .card-body .blog-categories {
  17473. top: -17px;
  17474. }
  17475. .blog-clean .card .card-body .blog-categories .categories-btn {
  17476. margin: 0 5px 0 0;
  17477. font-size: 12px;
  17478. border-radius: 0;
  17479. }
  17480. .blog-clean .card .card-body .card-link i {
  17481. opacity: 0;
  17482. visibility: hidden;
  17483. -webkit-transform: translateX(-10px);
  17484. transform: translateX(-10px);
  17485. -webkit-transition: all 0.3s linear;
  17486. transition: all 0.3s linear;
  17487. vertical-align: middle;
  17488. margin-left: 10px;
  17489. line-height: 11px;
  17490. }
  17491. .blog-clean .card:hover .blog-image img {
  17492. -webkit-transform: scale(1.07);
  17493. transform: scale(1.07);
  17494. }
  17495. .blog-clean .card:hover .card-body .card-link i {
  17496. opacity: 1;
  17497. visibility: visible;
  17498. -webkit-transform: translateX(0);
  17499. transform: translateX(0);
  17500. }
  17501. /* ===================================
  17502. 15. Portfolio
  17503. ====================================== */
  17504. /* Portfolio grid */
  17505. .grid-item .portfolio-image img {
  17506. width: 100%;
  17507. }
  17508. .portfolio-grid .work-1col li {
  17509. width: 100%;
  17510. }
  17511. /* Portfolio filter */
  17512. .portfolio-filter li {
  17513. padding: 0 25px;
  17514. }
  17515. .portfolio-filter li:first-child {
  17516. padding-left: 0;
  17517. }
  17518. .portfolio-filter li:last-child {
  17519. padding-right: 0;
  17520. }
  17521. .portfolio-filter li a {
  17522. color: var(--medium-gray);
  17523. border-bottom: 2px solid transparent;
  17524. }
  17525. .portfolio-filter li:hover a, .portfolio-filter li:focus a, .portfolio-filter li.active a {
  17526. color: var(--dark-gray);
  17527. border-color: var(--dark-gray);
  17528. }
  17529. .portfolio-filter.filter-btn li {
  17530. padding: 0 12px;
  17531. }
  17532. .portfolio-filter.filter-btn li a {
  17533. padding: 6px 30px;
  17534. border-radius: 40px;
  17535. }
  17536. .portfolio-filter.filter-btn li a:hover, .portfolio-filter.filter-btn li a:focus, .portfolio-filter.filter-btn li a.active {
  17537. background-color: var(--white);
  17538. color: var(--dark-gray);
  17539. -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
  17540. box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
  17541. }
  17542. .portfolio-filter.filter-btn li.active a {
  17543. background-color: var(--white);
  17544. color: var(--dark-gray);
  17545. -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  17546. box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  17547. }
  17548. /* Portfolio classic */
  17549. .portfolio-classic .portfolio-box {
  17550. -webkit-clip-path: inset(0 0 0 0);
  17551. clip-path: inset(0 0 0 0);
  17552. }
  17553. .portfolio-classic .portfolio-box .portfolio-hover {
  17554. opacity: 0;
  17555. transform: translate3d(0, 45px, 0) skewY(-15deg);
  17556. }
  17557. .portfolio-classic .portfolio-box:hover {
  17558. -webkit-clip-path: inset(2% 2% 2% 2%);
  17559. clip-path: inset(2% 2% 2% 2%);
  17560. }
  17561. .portfolio-classic .portfolio-box:hover .portfolio-image img {
  17562. opacity: 0.15;
  17563. -webkit-filter: blur(4px);
  17564. filter: blur(4px);
  17565. }
  17566. .portfolio-classic .portfolio-box:hover .portfolio-hover {
  17567. opacity: 1;
  17568. transform: translate3d(0, 0, 0);
  17569. }
  17570. /* Portfolio boxed */
  17571. .portfolio-boxed .portfolio-box {
  17572. will-change: transform;
  17573. }
  17574. .portfolio-boxed .portfolio-box .portfolio-icon a {
  17575. margin: 0 4px;
  17576. position: relative;
  17577. -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);
  17578. box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5);
  17579. }
  17580. .portfolio-boxed .portfolio-box .portfolio-overlay {
  17581. position: absolute;
  17582. top: 0px;
  17583. left: 0px;
  17584. width: 100%;
  17585. height: 100%;
  17586. z-index: -1;
  17587. opacity: 0;
  17588. visibility: hidden;
  17589. -webkit-transition: all 0.2s linear;
  17590. transition: all 0.2s linear;
  17591. }
  17592. .portfolio-boxed .portfolio-box:hover {
  17593. -webkit-box-shadow: 10px 0 70px rgba(0, 0, 0, 0.15);
  17594. box-shadow: 10px 0 70px rgba(0, 0, 0, 0.15);
  17595. -webkit-transform: translateY(-5px);
  17596. transform: translateY(-5px);
  17597. }
  17598. .portfolio-boxed .portfolio-box:hover .portfolio-image img {
  17599. opacity: 0.3;
  17600. }
  17601. .portfolio-boxed .portfolio-box:hover .portfolio-overlay {
  17602. opacity: 1;
  17603. visibility: visible;
  17604. }
  17605. /* Mousetip */
  17606. .mousetip-wrapper .caption {
  17607. opacity: 0;
  17608. visibility: hidden;
  17609. position: absolute;
  17610. top: 20px;
  17611. left: 20px;
  17612. z-index: 9;
  17613. }
  17614. .mousetip-wrapper:hover .caption {
  17615. opacity: 1;
  17616. visibility: visible;
  17617. display: block;
  17618. }
  17619. /* Portfolio transform */
  17620. .portfolio-transform .portfolio-box {
  17621. will-change: auto;
  17622. overflow: visible;
  17623. }
  17624. .portfolio-transform .portfolio-box .caption {
  17625. padding: 22px 28px 11px;
  17626. white-space: nowrap;
  17627. -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  17628. box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  17629. }
  17630. .portfolio-transform .portfolio-box .portfolio-image {
  17631. overflow: visible;
  17632. }
  17633. .portfolio-transform .portfolio-box .portfolio-image img {
  17634. -webkit-transition: all 0.6s linear;
  17635. transition: all 0.6s linear;
  17636. }
  17637. .portfolio-transform .portfolio-box:hover .portfolio-image img {
  17638. -webkit-transform: scale(1.1);
  17639. transform: scale(1.1);
  17640. }
  17641. /* Portfolio creative */
  17642. .portfolio-creative .portfolio-box {
  17643. will-change: transform;
  17644. }
  17645. .portfolio-creative .portfolio-box .portfolio-title {
  17646. -webkit-transform: scale(2);
  17647. transform: scale(2);
  17648. display: block;
  17649. width: 100%;
  17650. }
  17651. .portfolio-creative .portfolio-box .portfolio-title::before {
  17652. content: attr(data-text);
  17653. position: absolute;
  17654. top: 0;
  17655. left: 0;
  17656. width: 100%;
  17657. z-index: 1;
  17658. -webkit-transform: translateY(-50%);
  17659. transform: translateY(-50%);
  17660. }
  17661. .portfolio-creative .portfolio-box .portfolio-title::after {
  17662. content: attr(data-text);
  17663. position: absolute;
  17664. left: 0;
  17665. right: 0;
  17666. top: -20px;
  17667. font-size: 110px;
  17668. letter-spacing: -6px;
  17669. color: rgba(0, 0, 0, 0.1);
  17670. font-weight: 800;
  17671. white-space: nowrap;
  17672. text-align: center;
  17673. display: inline-block;
  17674. animation: glitch-skew 1s infinite linear alternate-reverse;
  17675. }
  17676. .portfolio-creative .portfolio-box .portfolio-hover span {
  17677. -webkit-transform: translateY(25px);
  17678. transform: translateY(25px);
  17679. }
  17680. .portfolio-creative .portfolio-box:hover .portfolio-image img {
  17681. opacity: 0;
  17682. }
  17683. .portfolio-creative .portfolio-box:hover .portfolio-title {
  17684. -webkit-transform: scale(1);
  17685. transform: scale(1);
  17686. }
  17687. .portfolio-creative .portfolio-box:hover .portfolio-hover span {
  17688. -webkit-transform: translateY(0);
  17689. transform: translateY(0);
  17690. }
  17691. /* Portfolio simple */
  17692. .portfolio-simple .portfolio-box .portfolio-icon a {
  17693. margin: 0 5px;
  17694. position: relative;
  17695. -webkit-transition-delay: 0.1s;
  17696. transition-delay: 0.1s;
  17697. -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  17698. box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  17699. }
  17700. .portfolio-simple .portfolio-box .portfolio-icon a:last-child {
  17701. -webkit-transition-delay: 0.2s;
  17702. transition-delay: 0.2s;
  17703. }
  17704. .portfolio-simple .portfolio-box:hover .portfolio-image img {
  17705. opacity: 0.5;
  17706. -webkit-transform: scale(1.1);
  17707. transform: scale(1.1);
  17708. }
  17709. /* Portfolio modern */
  17710. .portfolio-modern .portfolio-box {
  17711. position: relative;
  17712. will-change: transform;
  17713. }
  17714. .portfolio-modern .portfolio-box .portfolio-hover {
  17715. opacity: 0;
  17716. left: 20px;
  17717. bottom: 20px;
  17718. width: calc(100% - 40px);
  17719. height: auto;
  17720. top: inherit;
  17721. -webkit-transform: translateY(0) scale(1, 0);
  17722. transform: translateY(0) scale(1, 0);
  17723. transform-origin: bottom center;
  17724. }
  17725. .portfolio-modern .portfolio-box .portfolio-hover > * > * > * {
  17726. opacity: 0;
  17727. transition-delay: 0.25s;
  17728. transform: translateY(15px);
  17729. }
  17730. .portfolio-modern .portfolio-box .portfolio-hover > * > * > * + * {
  17731. opacity: 0;
  17732. transition-delay: 0.35s;
  17733. }
  17734. .portfolio-modern .portfolio-box .portfolio-hover > * > * + * {
  17735. opacity: 0;
  17736. transform: translateY(15px);
  17737. transition-delay: 0.45s;
  17738. }
  17739. .portfolio-modern .portfolio-box:hover {
  17740. opacity: 1;
  17741. -webkit-filter: blur(0);
  17742. filter: blur(0);
  17743. }
  17744. .portfolio-modern .portfolio-box:hover .portfolio-image img {
  17745. -webkit-transform: scale(1.1);
  17746. transform: scale(1.1);
  17747. }
  17748. .portfolio-modern .portfolio-box:hover .portfolio-hover {
  17749. -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  17750. box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  17751. -webkit-transform: translateY(0) scale(1, 1);
  17752. transform: translateY(0) scale(1, 1);
  17753. opacity: 1;
  17754. }
  17755. .portfolio-modern .portfolio-box:hover .portfolio-hover > * > * > * {
  17756. opacity: 1;
  17757. transform: translateY(0);
  17758. }
  17759. .portfolio-modern .portfolio-box:hover .portfolio-hover > * > * > * + * {
  17760. opacity: 1;
  17761. }
  17762. .portfolio-modern .portfolio-box:hover .portfolio-hover > * > * + * {
  17763. opacity: 1;
  17764. transform: translateY(0);
  17765. }
  17766. /* Portfolio attractive */
  17767. .portfolio-attractive .portfolio-link {
  17768. position: absolute;
  17769. left: 0;
  17770. top: 0;
  17771. width: 100%;
  17772. height: 100%;
  17773. content: "";
  17774. z-index: 9999;
  17775. cursor: pointer;
  17776. }
  17777. .portfolio-attractive .portfolio-box {
  17778. position: relative;
  17779. }
  17780. .portfolio-attractive .portfolio-box .portfolio-image img {
  17781. -webkit-transition: all 500ms cubic-bezier(0.37, 0, 0.63, 1);
  17782. transition: all 500ms cubic-bezier(0.37, 0, 0.63, 1);
  17783. }
  17784. .portfolio-attractive .portfolio-box .portfolio-hover .icon-box {
  17785. margin-top: 0px;
  17786. transform-style: inherit;
  17787. }
  17788. .portfolio-attractive .grid-item:hover .portfolio-hover {
  17789. opacity: 1;
  17790. }
  17791. .portfolio-attractive .grid-item:hover .portfolio-hover .icon-box {
  17792. margin-top: -10px;
  17793. }
  17794. .portfolio-attractive .grid-item:hover .portfolio-image img {
  17795. opacity: 0.3;
  17796. }
  17797. .portfolio-attractive .grid-item:hover .move-bottom-top-self span, .portfolio-attractive .grid-item:hover .move-top-bottom-self span {
  17798. -webkit-transform: translateY(0);
  17799. transform: translateY(0);
  17800. opacity: 1;
  17801. }
  17802. /* Portfolio simple */
  17803. .portfolio-slider .portfolio-box {
  17804. -webkit-transform: translateY(0);
  17805. transform: translateY(0);
  17806. -webkit-transition: all 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  17807. transition: all 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  17808. }
  17809. .portfolio-slider .portfolio-box .portfolio-image img {
  17810. -webkit-transition: all 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  17811. transition: all 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  17812. }
  17813. .portfolio-slider .portfolio-box .portfolio-hover {
  17814. opacity: 1;
  17815. }
  17816. .portfolio-slider .portfolio-box .portfolio-hover .portfolio-link .category {
  17817. -webkit-transform: translateY(0);
  17818. transform: translateY(0);
  17819. opacity: 1;
  17820. visibility: visible;
  17821. }
  17822. .portfolio-slider .portfolio-box .portfolio-hover .portfolio-link i {
  17823. position: absolute;
  17824. right: 0;
  17825. will-change: transform;
  17826. -webkit-transform: translateY(0);
  17827. transform: translateY(0);
  17828. opacity: 0;
  17829. }
  17830. .portfolio-slider .portfolio-box:hover {
  17831. -webkit-transform: translateY(-5px);
  17832. transform: translateY(-5px);
  17833. }
  17834. .portfolio-slider .portfolio-box:hover .portfolio-image img {
  17835. opacity: 0.6;
  17836. -webkit-transform: scale(1.1);
  17837. transform: scale(1.1);
  17838. }
  17839. .portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-title {
  17840. color: var(--white) !important;
  17841. }
  17842. .portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-link a, .portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-link i, .portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-link span, .portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-link div {
  17843. color: var(--white) !important;
  17844. }
  17845. .portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-title {
  17846. color: var(--dark-gray) !important;
  17847. }
  17848. .portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-link a, .portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-link i, .portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-link span, .portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-link div {
  17849. color: var(--dark-gray) !important;
  17850. }
  17851. .portfolio-slider .portfolio-box:hover .portfolio-hover .portfolio-link .category {
  17852. -webkit-transform: translateY(-20px);
  17853. transform: translateY(-20px);
  17854. opacity: 0;
  17855. visibility: hidden;
  17856. }
  17857. .portfolio-slider .portfolio-box:hover .portfolio-hover .portfolio-link i {
  17858. -webkit-transform: translateY(-28px);
  17859. transform: translateY(-28px);
  17860. opacity: 1;
  17861. }
  17862. .portfolio-slider .portfolio-box:hover .portfolio-hover .box-overlay {
  17863. opacity: 1;
  17864. visibility: visible;
  17865. }
  17866. /* Portfolio clean */
  17867. .portfolio-clean .portfolio-box {
  17868. position: relative;
  17869. }
  17870. .portfolio-clean .portfolio-box .portfolio-image {
  17871. -webkit-clip-path: inset(0 0 0 0);
  17872. clip-path: inset(0 0 0 0);
  17873. -webkit-transition: all 600ms cubic-bezier(0.37, 0, 0.63, 1);
  17874. transition: all 600ms cubic-bezier(0.37, 0, 0.63, 1);
  17875. }
  17876. .portfolio-clean .portfolio-box .portfolio-hover {
  17877. -webkit-transform: translateY(35px);
  17878. transform: translateY(35px);
  17879. -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  17880. transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1);
  17881. }
  17882. .portfolio-clean .portfolio-box .portfolio-hover .portfolio-title {
  17883. -webkit-box-flex: 1;
  17884. -ms-flex: 1;
  17885. flex: 1;
  17886. }
  17887. .portfolio-clean .portfolio-box:hover .portfolio-image {
  17888. -webkit-clip-path: inset(0 0 70px 0);
  17889. clip-path: inset(0 0 70px 0);
  17890. }
  17891. .portfolio-clean .portfolio-box:hover .portfolio-image img {
  17892. -webkit-transform: translateY(-40px);
  17893. transform: translateY(-40px);
  17894. }
  17895. .portfolio-clean .portfolio-box:hover .portfolio-hover {
  17896. -webkit-transform: translateY(0);
  17897. transform: translateY(0);
  17898. -webkit-transition: all 600ms cubic-bezier(0.37, 0, 0.63, 1);
  17899. transition: all 600ms cubic-bezier(0.37, 0, 0.63, 1);
  17900. }
  17901. /* Portfolio clean */
  17902. .portfolio-switch-image .portfolio-box .portfolio-image .hover-switch-image {
  17903. position: absolute;
  17904. top: 0;
  17905. left: 0;
  17906. width: 100%;
  17907. height: 100%;
  17908. opacity: 0;
  17909. -webkit-transform: scale3d(1.1, 1.1, 1.1);
  17910. transform: scale3d(1.1, 1.1, 1.1);
  17911. }
  17912. .portfolio-switch-image .portfolio-box:hover {
  17913. -webkit-transform: translateY(-5px);
  17914. transform: translateY(-5px);
  17915. }
  17916. .portfolio-switch-image .portfolio-box:hover .portfolio-image .hover-switch-image {
  17917. opacity: 1;
  17918. -webkit-transform: scale3d(1, 1, 1);
  17919. transform: scale3d(1, 1, 1);
  17920. }
  17921. /* Portfolio and gallery translate animation */
  17922. .portfolio-box, .gallery-box {
  17923. overflow: hidden;
  17924. will-change: transform;
  17925. }
  17926. .portfolio-box .move-top-bottom, .gallery-box .move-top-bottom {
  17927. -webkit-transform: translateY(-15px);
  17928. transform: translateY(-15px);
  17929. opacity: 0;
  17930. }
  17931. .portfolio-box .move-bottom-top, .gallery-box .move-bottom-top {
  17932. -webkit-transform: translateY(15px);
  17933. transform: translateY(15px);
  17934. opacity: 0;
  17935. }
  17936. .portfolio-box .move-left-right, .gallery-box .move-left-right {
  17937. -webkit-transform: translateX(-15px);
  17938. transform: translateX(-15px);
  17939. opacity: 0;
  17940. }
  17941. .portfolio-box .move-right-left, .gallery-box .move-right-left {
  17942. -webkit-transform: translateX(15px);
  17943. transform: translateX(15px);
  17944. opacity: 0;
  17945. }
  17946. .portfolio-box .move-bottom-top-self, .gallery-box .move-bottom-top-self {
  17947. overflow: hidden;
  17948. }
  17949. .portfolio-box .move-bottom-top-self span, .gallery-box .move-bottom-top-self span {
  17950. opacity: 0;
  17951. display: block;
  17952. will-change: transform;
  17953. -webkit-transform: translateY(50%);
  17954. transform: translateY(50%);
  17955. -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  17956. transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  17957. }
  17958. .portfolio-box .move-top-bottom-self, .gallery-box .move-top-bottom-self {
  17959. overflow: hidden;
  17960. }
  17961. .portfolio-box .move-top-bottom-self span, .gallery-box .move-top-bottom-self span {
  17962. opacity: 0;
  17963. display: block;
  17964. will-change: transform;
  17965. -webkit-transform: translateY(-50%);
  17966. transform: translateY(-50%);
  17967. -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  17968. transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  17969. }
  17970. .portfolio-box .move-left-right-self, .gallery-box .move-left-right-self {
  17971. overflow: hidden;
  17972. }
  17973. .portfolio-box .move-left-right-self span, .gallery-box .move-left-right-self span {
  17974. opacity: 0;
  17975. display: block;
  17976. will-change: transform;
  17977. -webkit-transform: translateX(-50%);
  17978. transform: translateX(-50%);
  17979. -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  17980. transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  17981. }
  17982. .portfolio-box .move-right-left-self, .gallery-box .move-right-left-self {
  17983. overflow: hidden;
  17984. }
  17985. .portfolio-box .move-right-left-self span, .gallery-box .move-right-left-self span {
  17986. opacity: 0;
  17987. display: block;
  17988. will-change: transform;
  17989. -webkit-transform: translateX(50%);
  17990. transform: translateX(50%);
  17991. -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  17992. transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  17993. }
  17994. .portfolio-box .portfolio-hover, .gallery-box .portfolio-hover {
  17995. position: absolute;
  17996. width: 100%;
  17997. height: 100%;
  17998. left: 0;
  17999. top: 0;
  18000. opacity: 0;
  18001. }
  18002. .portfolio-box .portfolio-image, .gallery-box .portfolio-image {
  18003. position: relative;
  18004. overflow: hidden;
  18005. }
  18006. .portfolio-box:hover .move-top-bottom, .gallery-box:hover .move-top-bottom {
  18007. -webkit-transform: translateY(0);
  18008. transform: translateY(0);
  18009. opacity: 1;
  18010. }
  18011. .portfolio-box:hover .move-bottom-top, .gallery-box:hover .move-bottom-top {
  18012. -webkit-transform: translateY(0);
  18013. transform: translateY(0);
  18014. opacity: 1;
  18015. }
  18016. .portfolio-box:hover .move-left-right, .gallery-box:hover .move-left-right {
  18017. -webkit-transform: translateX(0);
  18018. transform: translateX(0);
  18019. opacity: 1;
  18020. }
  18021. .portfolio-box:hover .move-right-left, .gallery-box:hover .move-right-left {
  18022. -webkit-transform: translateX(0);
  18023. transform: translateX(0);
  18024. opacity: 1;
  18025. }
  18026. .portfolio-box:hover .move-bottom-top-self span, .gallery-box:hover .move-bottom-top-self span {
  18027. -webkit-transform: translateY(0);
  18028. transform: translateY(0);
  18029. opacity: 1;
  18030. }
  18031. .portfolio-box:hover .move-top-bottom-self span, .gallery-box:hover .move-top-bottom-self span {
  18032. opacity: 1;
  18033. -webkit-transform: translateY(0);
  18034. transform: translateY(0);
  18035. }
  18036. .portfolio-box:hover .move-left-right-self span, .gallery-box:hover .move-left-right-self span {
  18037. -webkit-transform: translateX(0);
  18038. transform: translateX(0);
  18039. opacity: 1;
  18040. }
  18041. .portfolio-box:hover .move-right-left-self span, .gallery-box:hover .move-right-left-self span {
  18042. opacity: 1;
  18043. -webkit-transform: translateX(0);
  18044. transform: translateX(0);
  18045. }
  18046. .portfolio-box:hover .portfolio-hover, .gallery-box:hover .portfolio-hover {
  18047. opacity: 1;
  18048. }
  18049. /* Portfolio pagination */
  18050. .portfolio-pagination {
  18051. position: relative;
  18052. z-index: 1;
  18053. }
  18054. .portfolio-pagination .bg-fancy-image {
  18055. position: absolute;
  18056. top: 0;
  18057. left: 0;
  18058. opacity: 0;
  18059. height: 100%;
  18060. width: 100%;
  18061. z-index: -1;
  18062. visibility: hidden;
  18063. background-size: cover;
  18064. -webkit-transition: 0.5s;
  18065. transition: 0.5s;
  18066. }
  18067. .portfolio-pagination .btn-slide-icon-left .separator, .portfolio-pagination .btn-slide-icon-right .separator {
  18068. position: relative;
  18069. -webkit-transition: 0.5s;
  18070. transition: 0.5s;
  18071. }
  18072. .portfolio-pagination .btn-slide-icon-left .separator:after, .portfolio-pagination .btn-slide-icon-left .separator:before, .portfolio-pagination .btn-slide-icon-right .separator:after, .portfolio-pagination .btn-slide-icon-right .separator:before {
  18073. content: "";
  18074. display: block;
  18075. position: absolute;
  18076. left: -2px;
  18077. top: -4px;
  18078. height: 2px;
  18079. width: 11px;
  18080. background-color: var(--dark-gray);
  18081. -webkit-transition: 0.5s;
  18082. transition: 0.5s;
  18083. }
  18084. .portfolio-pagination .btn-slide-icon-left .separator:after, .portfolio-pagination .btn-slide-icon-right .separator:after {
  18085. -webkit-transform: rotate(132deg);
  18086. transform: rotate(132deg);
  18087. }
  18088. .portfolio-pagination .btn-slide-icon-left .separator:before, .portfolio-pagination .btn-slide-icon-right .separator:before {
  18089. -webkit-transform: rotate(228deg);
  18090. transform: rotate(228deg);
  18091. top: 4px !important;
  18092. }
  18093. .portfolio-pagination .btn-slide-icon-right .separator:after, .portfolio-pagination .btn-slide-icon-right .separator:before {
  18094. right: -2px;
  18095. left: auto;
  18096. }
  18097. .portfolio-pagination .btn-slide-icon-right .separator:before {
  18098. transform: rotate(132deg);
  18099. -webkit-transform: rotate(132deg);
  18100. transform: rotate(132deg);
  18101. }
  18102. .portfolio-pagination .btn-slide-icon-right .separator:after {
  18103. transform: rotate(48deg);
  18104. -webkit-transform: rotate(48deg);
  18105. transform: rotate(48deg);
  18106. }
  18107. .portfolio-pagination h6, .portfolio-pagination span {
  18108. -webkit-transition: 0.2s;
  18109. transition: 0.2s;
  18110. }
  18111. .portfolio-pagination:hover .bg-fancy-image {
  18112. opacity: 1;
  18113. visibility: visible;
  18114. }
  18115. .portfolio-pagination:hover .separator {
  18116. width: 100px !important;
  18117. background-color: var(--white);
  18118. }
  18119. .portfolio-pagination:hover .separator:after {
  18120. color: var(--white);
  18121. }
  18122. .portfolio-pagination:hover span {
  18123. color: var(--white);
  18124. }
  18125. .portfolio-pagination:hover .btn-slide-icon-left .separator:after, .portfolio-pagination:hover .btn-slide-icon-left .separator:before, .portfolio-pagination:hover .btn-slide-icon-right .separator:after, .portfolio-pagination:hover .btn-slide-icon-right .separator:before {
  18126. background-color: var(--white);
  18127. }
  18128. /* Grid loading */
  18129. @keyframes spin {
  18130. to {
  18131. -webkit-transform: rotate(360deg);
  18132. -ms-transform: rotate(360deg);
  18133. transform: rotate(360deg);
  18134. }
  18135. }
  18136. .grid-loading {
  18137. overflow: hidden;
  18138. position: relative;
  18139. opacity: 1 !important;
  18140. transition: all 0s ease-in-out !important;
  18141. -webkit-transition: all 0s ease-in-out !important;
  18142. z-index: 99;
  18143. }
  18144. .grid-loading::after {
  18145. background: none;
  18146. content: "" !important;
  18147. position: absolute;
  18148. top: 100px !important;
  18149. left: calc(50% - 25px) !important;
  18150. width: 50px !important;
  18151. height: 50px !important;
  18152. opacity: 1 !important;
  18153. right: inherit !important;
  18154. z-index: 9;
  18155. text-align: center;
  18156. border: 3px solid rgba(23, 23, 23, 0.2);
  18157. border-top-color: rgba(23, 23, 23, 0.7);
  18158. border-radius: 50%;
  18159. animation: spin 1s linear infinite;
  18160. -webkit-animation: spin 1s linear infinite;
  18161. }
  18162. .grid-loading:before {
  18163. content: "";
  18164. position: absolute;
  18165. right: 2px;
  18166. top: 1px;
  18167. width: calc(100% - 4px);
  18168. height: calc(100% - 2px);
  18169. border-radius: inherit;
  18170. z-index: 1;
  18171. }
  18172. .grid-loading.grid-loading-white::after {
  18173. border: 3px solid rgba(255, 255, 255, 0.2);
  18174. border-top-color: rgba(255, 255, 255, 0.7);
  18175. }
  18176. .grid-loading .grid-item {
  18177. visibility: hidden;
  18178. }
  18179. .grid-loading li .grid-item {
  18180. overflow: hidden;
  18181. opacity: 0;
  18182. }
  18183. /* Portfolio minimal */
  18184. .sticky-image-distortion-wrapper {
  18185. position: static;
  18186. display: flex;
  18187. height: 100%;
  18188. overflow: hidden;
  18189. width: 100%;
  18190. }
  18191. .sticky-image-distortion-wrapper .svg-wrapper {
  18192. position: fixed;
  18193. right: 55px;
  18194. height: 100%;
  18195. top: 0;
  18196. width: 50%;
  18197. z-index: -1;
  18198. }
  18199. .sticky-image-distortion-wrapper .menu {
  18200. width: 50%;
  18201. -ms-overflow-style: none;
  18202. scrollbar-width: none;
  18203. overflow-y: scroll;
  18204. overflow-x: hidden;
  18205. padding: 100px 0 100px 100px;
  18206. }
  18207. .sticky-image-distortion-wrapper .menu::-webkit-scrollbar {
  18208. display: none;
  18209. }
  18210. .sticky-image-distortion-wrapper .menu .menu__link {
  18211. display: flex;
  18212. align-items: center;
  18213. width: 100%;
  18214. }
  18215. .sticky-image-distortion-wrapper .menu .menu__link .sticky-image-title a:hover {
  18216. opacity: 1 !important;
  18217. }
  18218. .sticky-image-distortion-wrapper .menu .menu__link svg {
  18219. opacity: 0;
  18220. visibility: hidden;
  18221. -webkit-transition: 0.3s;
  18222. transition: 0.3s;
  18223. width: 100%;
  18224. height: 100%;
  18225. }
  18226. .sticky-image-distortion-wrapper .menu .menu__link.active svg {
  18227. opacity: 1;
  18228. visibility: visible;
  18229. }
  18230. .sticky-image-distortion-wrapper .menu .menu__link.active .sticky-image-title a {
  18231. padding-left: 70px;
  18232. -webkit-transition: 0.5s;
  18233. transition: 0.5s;
  18234. }
  18235. .sticky-image-distortion-wrapper .menu .menu__link.active .sticky-image-title .title {
  18236. opacity: 0.25;
  18237. left: 95px;
  18238. }
  18239. .sticky-image-distortion-wrapper .menu .menu__link.active .sticky-category {
  18240. opacity: 1;
  18241. color: var(--dark-gray);
  18242. left: 25px;
  18243. }
  18244. .sticky-image-distortion-wrapper .menu:hover .menu__link .sticky-image-title a {
  18245. opacity: 0.3;
  18246. }
  18247. .sticky-image-title {
  18248. position: relative;
  18249. display: flex;
  18250. -webkit-transition: 0.3s;
  18251. transition: 0.3s;
  18252. padding: 0;
  18253. width: 100%;
  18254. }
  18255. .sticky-image-title a {
  18256. padding: 25px 50px 25px;
  18257. width: 100%;
  18258. }
  18259. .sticky-image-title .title {
  18260. position: absolute;
  18261. left: 100px;
  18262. width: 100%;
  18263. top: 45%;
  18264. -webkit-transform: translateY(-50%);
  18265. transform: translateY(-50%);
  18266. word-break: normal;
  18267. z-index: -1;
  18268. opacity: 0;
  18269. -webkit-transition: 0.3s;
  18270. transition: 0.3s;
  18271. }
  18272. .sticky-category {
  18273. display: flex;
  18274. align-items: center;
  18275. position: absolute;
  18276. left: 32px;
  18277. height: 100%;
  18278. width: 50px;
  18279. justify-content: center;
  18280. top: 0;
  18281. opacity: 0;
  18282. -webkit-transition: 0.3s;
  18283. transition: 0.3s;
  18284. }
  18285. .sticky-category .category {
  18286. -webkit-transform: rotate(180deg);
  18287. transform: rotate(180deg);
  18288. writing-mode: vertical-lr;
  18289. }
  18290. /* Horizontal portfolio */
  18291. .threeD-letter-menu {
  18292. position: relative;
  18293. min-height: 100vh;
  18294. }
  18295. .threeD-letter-menu .menu-item .hover-reveal {
  18296. position: fixed;
  18297. z-index: 1;
  18298. width: 420px;
  18299. height: 420px;
  18300. top: 0;
  18301. left: 0;
  18302. pointer-events: none;
  18303. opacity: 0;
  18304. transform-origin: 100% 0%;
  18305. will-change: transform, filter;
  18306. border-radius: 100%;
  18307. }
  18308. .threeD-letter-menu .menu-item .hover-reveal .hover-reveal__inner {
  18309. width: 100%;
  18310. height: 100%;
  18311. position: relative;
  18312. overflow: hidden;
  18313. border-radius: 100%;
  18314. }
  18315. .threeD-letter-menu .menu-item .hover-reveal .hover-reveal__img {
  18316. height: 100%;
  18317. width: 100%;
  18318. background-size: cover;
  18319. background-position: 50% 50%;
  18320. will-change: transform;
  18321. border-radius: 100%;
  18322. }
  18323. .threeD-letter-menu .menu-item .text-white-linear:hover span {
  18324. color: var(--white);
  18325. -webkit-text-fill-color: #fff;
  18326. }
  18327. .threeD-letter-menu .menu-item .menu-item-text {
  18328. position: relative;
  18329. display: inline-block;
  18330. }
  18331. .threeD-letter-menu .menu-item .menu-item-text .word {
  18332. overflow: hidden;
  18333. line-height: 120%;
  18334. }
  18335. .threeD-letter-menu .menu-item .menu-item-text .words .char {
  18336. transition: 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
  18337. }
  18338. .threeD-letter-menu .menu-item .menu-item-text .clone {
  18339. position: absolute;
  18340. top: 0;
  18341. left: 0;
  18342. }
  18343. .threeD-letter-menu .menu-item .menu-item-text .clone .char {
  18344. -webkit-transform: translateY(-100px);
  18345. transform: translateY(-100px);
  18346. opacity: 0;
  18347. }
  18348. .threeD-letter-menu .menu-item .menu-item-text:hover .clone .char {
  18349. -webkit-transform: translateY(0);
  18350. transform: translateY(0);
  18351. opacity: 1;
  18352. }
  18353. .threeD-letter-menu .menu-item .menu-item-text:hover .words:not(.clone) .char {
  18354. -webkit-transform: translateY(100px);
  18355. transform: translateY(100px);
  18356. opacity: 0;
  18357. }
  18358. /* ===================================
  18359. 16. Shop
  18360. ====================================== */
  18361. /* Categories style 01 */
  18362. .categories-style-01 .categories-box {
  18363. display: -webkit-box;
  18364. display: -ms-flexbox;
  18365. display: flex;
  18366. -webkit-box-align: center;
  18367. -ms-flex-align: center;
  18368. align-items: center;
  18369. -webkit-box-pack: center;
  18370. -ms-flex-pack: center;
  18371. justify-content: center;
  18372. -webkit-box-orient: vertical;
  18373. -webkit-box-direction: normal;
  18374. -ms-flex-direction: column;
  18375. flex-direction: column;
  18376. text-align: center;
  18377. position: relative;
  18378. z-index: 1;
  18379. -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  18380. transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  18381. -webkit-backface-visibility: hidden;
  18382. backface-visibility: hidden;
  18383. }
  18384. .categories-style-01 a {
  18385. position: relative;
  18386. }
  18387. .categories-style-01 a:last-child:after {
  18388. content: "";
  18389. position: absolute;
  18390. border-bottom: 2px solid;
  18391. border-color: var(--dark-gray);
  18392. left: 0;
  18393. bottom: 0;
  18394. width: 0%;
  18395. -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  18396. transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  18397. }
  18398. .categories-style-01 .count-circle {
  18399. position: absolute;
  18400. top: -15px;
  18401. right: -10px;
  18402. opacity: 0;
  18403. -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  18404. transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  18405. -webkit-transform: scale(0.8);
  18406. transform: scale(0.8);
  18407. }
  18408. .categories-style-01:hover .categories-box {
  18409. -webkit-transform: translate3d(0, -7px, 0);
  18410. transform: translate3d(0, -7px, 0);
  18411. }
  18412. .categories-style-01:hover a:last-child:after {
  18413. border-color: var(--dark-gray);
  18414. color: var(--dark-gray);
  18415. width: 100%;
  18416. }
  18417. .categories-style-01:hover .count-circle {
  18418. opacity: 1;
  18419. -webkit-transform: scale(1.1);
  18420. transform: scale(1.1);
  18421. }
  18422. .categories-style-01:hover img {
  18423. opacity: 0.6;
  18424. }
  18425. /* Categories style 02 */
  18426. .categories-style-02 {
  18427. -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  18428. transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  18429. }
  18430. .categories-style-02 .categories-box {
  18431. position: relative;
  18432. }
  18433. .categories-style-02:hover {
  18434. transform: translate3d(0, -8px, 0);
  18435. }
  18436. /* Categories style 03 */
  18437. .categories-style-03 .categories-box {
  18438. position: relative;
  18439. -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  18440. transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  18441. }
  18442. .categories-style-03 .categories-box .category-title {
  18443. position: absolute;
  18444. left: 0;
  18445. bottom: 0;
  18446. padding: 30px;
  18447. width: 100%;
  18448. }
  18449. .categories-style-03 .categories-box .category-image {
  18450. -webkit-transform: scale(1);
  18451. transform: scale(1);
  18452. -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  18453. transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  18454. }
  18455. .categories-style-03 .categories-box:hover {
  18456. -webkit-transform: scale(1.05);
  18457. transform: scale(1.05);
  18458. }
  18459. .categories-style-03 .categories-box:hover .category-image {
  18460. -webkit-transform: scale(1.1);
  18461. transform: scale(1.1);
  18462. }
  18463. /* Shop boxed */
  18464. .shop-boxed {
  18465. margin-left: -10px;
  18466. margin-right: -10px;
  18467. }
  18468. .shop-boxed .shop-box {
  18469. border: 6px solid #fff;
  18470. -webkit-transition-duration: 0.4s;
  18471. transition-duration: 0.4s;
  18472. }
  18473. .shop-boxed .shop-box .shop-image {
  18474. overflow: hidden;
  18475. }
  18476. .shop-boxed .shop-box .shop-image a {
  18477. display: block;
  18478. overflow: hidden;
  18479. }
  18480. .shop-boxed .shop-box .shop-image .product-overlay {
  18481. position: absolute;
  18482. left: 0;
  18483. top: 0;
  18484. width: 100%;
  18485. height: 100%;
  18486. opacity: 0;
  18487. -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  18488. transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  18489. }
  18490. .shop-boxed .shop-box .shop-image .shop-hover {
  18491. position: absolute;
  18492. bottom: 0px;
  18493. width: 100%;
  18494. -webkit-transition-duration: 0.3s;
  18495. transition-duration: 0.3s;
  18496. }
  18497. .shop-boxed .shop-box .shop-image .shop-hover a {
  18498. -webkit-transform: translateY(15px);
  18499. transform: translateY(15px);
  18500. opacity: 0;
  18501. }
  18502. .shop-boxed .shop-box .shop-footer del {
  18503. margin-right: 8px;
  18504. }
  18505. .shop-boxed .shop-box:hover {
  18506. -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.08);
  18507. box-shadow: 0 0 50px rgba(0, 0, 0, 0.08);
  18508. border: 6px solid #fff;
  18509. }
  18510. .shop-boxed .shop-box:hover .shop-image .shop-hover {
  18511. bottom: 25px;
  18512. }
  18513. .shop-boxed .shop-box:hover .shop-image .shop-hover a {
  18514. -webkit-transform: translateY(0px);
  18515. transform: translateY(0px);
  18516. -webkit-transition-delay: 0.1s;
  18517. transition-delay: 0.1s;
  18518. opacity: 1;
  18519. }
  18520. .shop-boxed .shop-box:hover .shop-image .shop-hover a:nth-child(2) {
  18521. -webkit-transition-delay: 0.2s;
  18522. transition-delay: 0.2s;
  18523. }
  18524. .shop-boxed .shop-box:hover .shop-image .shop-hover a:nth-child(3) {
  18525. -webkit-transition-delay: 0.3s;
  18526. transition-delay: 0.3s;
  18527. }
  18528. .shop-boxed .shop-box:hover .shop-image .shop-hover a:nth-child(4) {
  18529. -webkit-transition-delay: 0.4s;
  18530. transition-delay: 0.4s;
  18531. }
  18532. /* Shop modern */
  18533. .shop-modern {
  18534. margin-left: -15px;
  18535. margin-right: -15px;
  18536. }
  18537. .shop-modern .grid-item .shop-box .shop-image {
  18538. overflow: hidden;
  18539. }
  18540. .shop-modern .grid-item .shop-box .shop-image img {
  18541. -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  18542. transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  18543. }
  18544. .shop-modern .grid-item .shop-box .shop-image .shop-overlay {
  18545. position: absolute;
  18546. left: 0;
  18547. top: 0;
  18548. width: 100%;
  18549. height: 100%;
  18550. opacity: 0;
  18551. -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  18552. transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  18553. }
  18554. .shop-modern .grid-item .shop-box .shop-image .shop-hover {
  18555. position: absolute;
  18556. top: 20px;
  18557. width: auto;
  18558. right: 12px;
  18559. opacity: 0;
  18560. -webkit-transition-duration: 0.3s;
  18561. transition-duration: 0.3s;
  18562. }
  18563. .shop-modern .grid-item .shop-box .shop-image .shop-hover ul {
  18564. padding: 0;
  18565. }
  18566. .shop-modern .grid-item .shop-box .shop-image .shop-hover ul li {
  18567. display: block;
  18568. width: auto;
  18569. margin: 0 0 8px;
  18570. padding: 0;
  18571. -webkit-transform: translateY(20px);
  18572. transform: translateY(20px);
  18573. -webkit-transition-duration: 0.3s;
  18574. transition-duration: 0.3s;
  18575. }
  18576. .shop-modern .grid-item .shop-box .shop-image .shop-hover ul li:nth-child(1) {
  18577. -webkit-transition-delay: 25ms;
  18578. transition-delay: 25ms;
  18579. }
  18580. .shop-modern .grid-item .shop-box .shop-image .shop-hover ul li:nth-child(2) {
  18581. -webkit-transition-delay: 50ms;
  18582. transition-delay: 50ms;
  18583. }
  18584. .shop-modern .grid-item .shop-box .shop-image .shop-hover ul li:nth-child(3) {
  18585. -webkit-transition-delay: 75ms;
  18586. transition-delay: 75ms;
  18587. }
  18588. .shop-modern .grid-item .shop-box .shop-image .shop-hover ul li :nth-child(4) {
  18589. -webkit-transition-delay: 1ms;
  18590. transition-delay: 1ms;
  18591. }
  18592. .shop-modern .grid-item .shop-box .shop-image .shop-hover ul li a:hover {
  18593. background-color: var(--base-color);
  18594. }
  18595. .shop-modern .grid-item .shop-box .shop-image .shop-buttons-wrap {
  18596. position: absolute;
  18597. left: 20px;
  18598. bottom: 20px;
  18599. width: calc(100% - 40px);
  18600. text-align: center;
  18601. }
  18602. .shop-modern .grid-item .shop-box .shop-image .shop-buttons-wrap .btn {
  18603. opacity: 0;
  18604. visibility: hidden;
  18605. width: 100%;
  18606. -webkit-transform: translateY(10px);
  18607. transform: translateY(10px);
  18608. -webkit-transition: all 0.3s ease-in-out;
  18609. transition: all 0.3s ease-in-out;
  18610. }
  18611. .shop-modern .grid-item .shop-box .shop-image .shop-buttons-wrap .btn.btn-large {
  18612. padding: 8px 20px;
  18613. }
  18614. .shop-modern .grid-item .shop-box .shop-footer del {
  18615. margin-right: 8px;
  18616. }
  18617. .shop-modern .grid-item .shop-box:hover .shop-image img {
  18618. -webkit-transform: scale(1.05);
  18619. transform: scale(1.05);
  18620. }
  18621. .shop-modern .grid-item .shop-box:hover .shop-image .shop-buttons-wrap .btn {
  18622. -webkit-transform: translateY(0px);
  18623. transform: translateY(0px);
  18624. opacity: 1;
  18625. visibility: visible;
  18626. }
  18627. .shop-modern .grid-item .shop-box:hover .shop-image .shop-overlay {
  18628. opacity: 1;
  18629. }
  18630. .shop-modern .grid-item .shop-box:hover .shop-image .shop-hover {
  18631. opacity: 1;
  18632. top: 20px;
  18633. }
  18634. .shop-modern .grid-item .shop-box:hover .shop-image .shop-hover ul li {
  18635. -webkit-transform: translateY(0px);
  18636. transform: translateY(0px);
  18637. }
  18638. /* Shop sidebar */
  18639. .shop-sidebar .shop-filter {
  18640. padding: 0;
  18641. margin: 0;
  18642. list-style: none;
  18643. }
  18644. .shop-sidebar .shop-filter li {
  18645. position: relative;
  18646. margin-bottom: 2px;
  18647. padding: 0 25px;
  18648. }
  18649. .shop-sidebar .shop-filter li a {
  18650. display: block;
  18651. }
  18652. .shop-sidebar .shop-filter li a:hover .product-cb {
  18653. border-color: var(--dark-gray);
  18654. }
  18655. .shop-sidebar .shop-filter li a:hover .product-cb:after {
  18656. opacity: 1;
  18657. }
  18658. .shop-sidebar .shop-filter li .product-cb {
  18659. width: 16px;
  18660. height: 16px;
  18661. border: 1px solid var(--medium-gray);
  18662. display: inline-block;
  18663. border-radius: 100%;
  18664. position: absolute;
  18665. left: 0;
  18666. top: 8px;
  18667. }
  18668. .shop-sidebar .shop-filter li .product-cb:after {
  18669. width: 8px;
  18670. height: 8px;
  18671. background-color: var(--dark-gray);
  18672. border-radius: 100%;
  18673. content: "";
  18674. position: absolute;
  18675. left: 50%;
  18676. top: 50%;
  18677. opacity: 0;
  18678. -webkit-transition: 0.4s;
  18679. transition: 0.4s;
  18680. -webkit-transform: translate(-50%, -50%);
  18681. transform: translate(-50%, -50%);
  18682. }
  18683. .shop-sidebar .shop-filter li .item-qty {
  18684. position: absolute;
  18685. right: 0;
  18686. top: 0;
  18687. background: var(--very-light-gray);
  18688. border-radius: 100%;
  18689. height: 30px;
  18690. width: 30px;
  18691. font-size: 11px;
  18692. text-align: center;
  18693. font-weight: 500;
  18694. color: var(--dark-gray);
  18695. line-height: 30px;
  18696. }
  18697. .shop-sidebar .shop-filter li:last-child {
  18698. margin-bottom: 0;
  18699. }
  18700. .shop-sidebar .shop-filter.color-filter li .product-cb {
  18701. border: 0;
  18702. }
  18703. .shop-sidebar .shop-filter.color-filter li .product-cb:after {
  18704. background-color: var(--white);
  18705. }
  18706. .shop-sidebar .shop-filter.fabric-filter li .product-cb {
  18707. line-height: 0;
  18708. overflow: hidden;
  18709. border: 0;
  18710. }
  18711. .shop-sidebar .shop-filter.fabric-filter li .product-cb:after {
  18712. background-color: var(--white);
  18713. }
  18714. .shop-sidebar .shop-filter.rating-filter li {
  18715. padding-left: 0;
  18716. }
  18717. .shop-sidebar .shop-filter.tag-cloud a {
  18718. padding: 5px 10px;
  18719. }
  18720. /* Toolbar wrapper */
  18721. .toolbar-wrapper a img {
  18722. -webkit-transition: 0.3s;
  18723. transition: 0.3s;
  18724. }
  18725. .toolbar-wrapper a:hover img {
  18726. opacity: 1;
  18727. }
  18728. /* Shop lable */
  18729. .shop-image {
  18730. position: relative;
  18731. }
  18732. .shop-image .lable {
  18733. padding: 0 8px;
  18734. position: absolute;
  18735. left: 17px;
  18736. top: 17px;
  18737. color: var(--white);
  18738. font-size: 9px;
  18739. line-height: 21px;
  18740. border-radius: 2px;
  18741. text-transform: uppercase;
  18742. font-weight: 700;
  18743. }
  18744. .shop-image .lable.new {
  18745. background-color: var(--green);
  18746. }
  18747. .shop-image .lable.hot {
  18748. background-color: var(--red);
  18749. }
  18750. /* Product detail */
  18751. .product-image-thumb .swiper-slide {
  18752. cursor: pointer;
  18753. border: 1px solid transparent;
  18754. }
  18755. .product-image-thumb .swiper-slide.swiper-slide-thumb-active {
  18756. border-color: var(--light-gray);
  18757. }
  18758. /* Single product thumb vertical */
  18759. .single-product-thumb .slider-vertical {
  18760. width: 100%;
  18761. height: 100%;
  18762. position: absolute;
  18763. left: 15px;
  18764. }
  18765. .single-product-thumb .slider-vertical .swiper-slide {
  18766. height: auto !important;
  18767. cursor: pointer;
  18768. }
  18769. .product-image-slider img {
  18770. cursor: crosshair;
  18771. }
  18772. /* Shop color */
  18773. .shop-color {
  18774. list-style: none;
  18775. padding: 0;
  18776. display: flex;
  18777. }
  18778. .shop-color li {
  18779. position: relative;
  18780. display: inline-block;
  18781. vertical-align: middle;
  18782. }
  18783. .shop-color li > input[type=radio] + label {
  18784. display: flex;
  18785. }
  18786. .shop-color li > input[type=radio] + label span {
  18787. height: 32px;
  18788. width: 32px;
  18789. border-radius: 100%;
  18790. margin-right: 6px;
  18791. display: inline-block;
  18792. position: relative;
  18793. vertical-align: middle;
  18794. cursor: pointer;
  18795. }
  18796. .shop-color li input[type=radio]:checked + label span:after {
  18797. position: absolute;
  18798. top: 2px;
  18799. left: 2px;
  18800. color: var(--white);
  18801. height: 28px;
  18802. width: 28px;
  18803. border: 2px solid var(--white);
  18804. border-radius: 100%;
  18805. text-align: center;
  18806. content: "";
  18807. font-weight: 900;
  18808. }
  18809. /* Shop size */
  18810. .shop-size {
  18811. list-style: none;
  18812. padding: 0;
  18813. display: flex;
  18814. }
  18815. .shop-size li {
  18816. position: relative;
  18817. display: inline-block;
  18818. vertical-align: middle;
  18819. margin-right: 6px;
  18820. }
  18821. .shop-size li > input[type=radio] + label {
  18822. display: flex;
  18823. }
  18824. .shop-size li > input[type=radio] + label span {
  18825. height: 37px;
  18826. width: 37px;
  18827. border-radius: 100%;
  18828. display: flex;
  18829. align-items: center;
  18830. justify-content: center;
  18831. position: relative;
  18832. cursor: pointer;
  18833. border: 1px solid var(--extra-medium-gray);
  18834. text-align: center;
  18835. font-size: 12px;
  18836. line-height: normal;
  18837. color: var(--dark-gray);
  18838. font-weight: 500;
  18839. }
  18840. .shop-size li input[type=radio]:checked + label span:after {
  18841. position: absolute;
  18842. top: -1px;
  18843. left: -1px;
  18844. height: 37px;
  18845. width: 37px;
  18846. border: 1px solid var(--dark-gray);
  18847. border-radius: 100%;
  18848. text-align: center;
  18849. content: "";
  18850. }
  18851. /* Shop quantity */
  18852. .quantity {
  18853. display: inline-block;
  18854. position: relative;
  18855. }
  18856. .quantity button {
  18857. border: 0;
  18858. background-color: transparent;
  18859. padding: 0;
  18860. margin: -9px 0 0 0;
  18861. font-size: 22px;
  18862. line-height: 18px;
  18863. position: absolute;
  18864. left: 15px;
  18865. top: 50%;
  18866. color: var(--dark-gray);
  18867. -webkit-transform: translateY(-3px);
  18868. transform: translateY(-3px);
  18869. }
  18870. .quantity button.qty-plus {
  18871. right: 15px;
  18872. left: auto;
  18873. }
  18874. .quantity .qty-text {
  18875. width: 115px;
  18876. height: 54px;
  18877. border: 1px solid var(--extra-medium-gray);
  18878. border-radius: 5px;
  18879. text-align: center;
  18880. color: var(--dark-gray);
  18881. }
  18882. .btn-cart.btn.btn-switch-text.btn-extra-large > span {
  18883. padding: 13px 48px;
  18884. }
  18885. .wishlist {
  18886. height: 54px;
  18887. width: 54px;
  18888. }
  18889. /* Cart */
  18890. .cart-products th {
  18891. border-top: 0;
  18892. border-bottom: 1px solid var(--extra-medium-gray) !important;
  18893. padding: 15px 10px;
  18894. font-weight: normal;
  18895. text-transform: capitalize;
  18896. color: var(--dark-gray);
  18897. }
  18898. .cart-products td {
  18899. vertical-align: middle;
  18900. border-bottom: 1px solid var(--extra-medium-gray);
  18901. border-top: 0;
  18902. padding: 25px 10px;
  18903. color: var(--medium-gray);
  18904. }
  18905. .cart-products .product-remove {
  18906. width: 25px;
  18907. }
  18908. .cart-products .product-thumbnail {
  18909. width: 100px;
  18910. }
  18911. .cart-products .quantity button {
  18912. color: var(--medium-gray);
  18913. }
  18914. .cart-products .quantity .qty-text {
  18915. color: var(--medium-gray);
  18916. height: 42px;
  18917. width: 100px;
  18918. }
  18919. .coupon-code-panel {
  18920. position: relative;
  18921. }
  18922. .coupon-code-panel:before {
  18923. content: "\e8bf";
  18924. font-family: feather;
  18925. position: absolute;
  18926. left: 20px;
  18927. z-index: 2;
  18928. line-height: 50px;
  18929. }
  18930. .coupon-code-panel input {
  18931. margin: 0;
  18932. border: none;
  18933. border: 1px dashed var(--extra-medium-gray);
  18934. padding: 8px 70px 9px 45px;
  18935. width: 100%;
  18936. position: relative;
  18937. font-size: 14px;
  18938. }
  18939. .coupon-code-panel .apply-coupon-btn {
  18940. position: absolute;
  18941. right: 5px;
  18942. top: 50%;
  18943. -webkit-transform: translateY(-50%);
  18944. -ms-transform: translateY(-50%);
  18945. transform: translateY(-50%);
  18946. color: var(--dark-gray);
  18947. line-height: 30px;
  18948. letter-spacing: 0;
  18949. }
  18950. .coupon-code-panel .apply-coupon-btn:active {
  18951. border-color: transparent;
  18952. }
  18953. .total-price-table th, .total-price-table td {
  18954. border-bottom: 1px solid #e4e4e4;
  18955. padding-top: 20px;
  18956. padding-bottom: 20px;
  18957. vertical-align: top;
  18958. }
  18959. .total-price-table .total-amount th, .total-price-table .total-amount td {
  18960. border-bottom: 0;
  18961. }
  18962. .calculate-shipping .form-select:focus {
  18963. border-color: #dfdfdf;
  18964. }
  18965. /* Checkout */
  18966. .your-order-table .product td {
  18967. padding-top: 15px;
  18968. padding-bottom: 15px;
  18969. vertical-align: middle;
  18970. }
  18971. .your-order-box .terms-condition .box:before {
  18972. background-color: var(--white);
  18973. }
  18974. /* Minicart */
  18975. .header-cart-icon .header-cart .cart-item-list {
  18976. border-radius: 6px;
  18977. padding: 10px 30px 25px;
  18978. min-width: 260px;
  18979. }
  18980. .header-cart-icon .header-cart .cart-item-list .cart-item {
  18981. padding: 15px 0;
  18982. }
  18983. .header-cart-icon .header-cart .cart-item-list .cart-item .close {
  18984. right: 0;
  18985. top: 50%;
  18986. font-size: 20px;
  18987. -webkit-transform: translateY(-50%);
  18988. transform: translateY(-50%);
  18989. }
  18990. .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a {
  18991. font-size: 15px;
  18992. line-height: 22px;
  18993. }
  18994. .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail .item-ammount {
  18995. font-size: 14px;
  18996. }
  18997. .header-cart-icon .header-cart .cart-item-list .cart-item:last-of-type {
  18998. border-bottom: 0;
  18999. }
  19000. .header-cart-icon .header-cart .cart-item-list .cart-total {
  19001. background-color: transparent;
  19002. border: 0;
  19003. padding-bottom: 0;
  19004. padding-top: 10px;
  19005. }
  19006. .header-cart-icon .header-cart .cart-item-list .cart-total .btn.btn-large {
  19007. font-size: 14px;
  19008. padding: 11px 20px;
  19009. border-width: 1px;
  19010. }
  19011. /* Shop category style 02 */
  19012. .shop-category-02 .category-box {
  19013. overflow: hidden;
  19014. position: relative;
  19015. }
  19016. .shop-category-02 .category-box .category-title {
  19017. padding: 0 15px;
  19018. width: 100%;
  19019. }
  19020. .shop-category-02 .category-box img {
  19021. -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  19022. transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  19023. }
  19024. .shop-category-02 .category-box .category-hover-content {
  19025. position: absolute;
  19026. left: 20px;
  19027. top: 20px;
  19028. height: calc(100% - 40px);
  19029. width: calc(100% - 40px);
  19030. opacity: 0;
  19031. visibility: hidden;
  19032. -webkit-transform: scale(0.9);
  19033. transform: scale(0.9);
  19034. }
  19035. .shop-category-02 .category-box .category-hover-content a {
  19036. opacity: 0;
  19037. -webkit-transition: 0.2s;
  19038. transition: 0.2s;
  19039. -webkit-transform: translateY(30px);
  19040. transform: translateY(30px);
  19041. }
  19042. .shop-category-02 .category-box .category-hover-content a:hover {
  19043. color: var(--dark-gray);
  19044. }
  19045. .shop-category-02 .category-box .category-hover-content .title {
  19046. opacity: 0;
  19047. -webkit-transition: 0.3s;
  19048. transition: 0.3s;
  19049. -webkit-transform: scale(0.8);
  19050. transform: scale(0.8);
  19051. }
  19052. .shop-category-02 .category-box:hover img {
  19053. -webkit-transform: scale(1.1);
  19054. transform: scale(1.1);
  19055. opacity: 0.6;
  19056. }
  19057. .shop-category-02 .category-box:hover .category-hover-content {
  19058. opacity: 1;
  19059. visibility: visible;
  19060. -webkit-transform: scale(1);
  19061. transform: scale(1);
  19062. }
  19063. .shop-category-02 .category-box:hover .category-hover-content .title {
  19064. opacity: 1;
  19065. -webkit-transform: scale(1);
  19066. transform: scale(1);
  19067. -webkit-transition-delay: 0.1s;
  19068. transition-delay: 0.1s;
  19069. }
  19070. .shop-category-02 .category-box:hover .category-hover-content a {
  19071. opacity: 1;
  19072. -webkit-transform: translateY(0px);
  19073. transform: translateY(0px);
  19074. -webkit-transition-delay: 0.2s;
  19075. transition-delay: 0.2s;
  19076. }
  19077. /* ===================================
  19078. 17. Footer
  19079. ====================================== */
  19080. footer {
  19081. padding-bottom: 110px;
  19082. }
  19083. footer.half-footer {
  19084. padding-top: 70px;
  19085. padding-bottom: 70px;
  19086. }
  19087. footer.big-footer {
  19088. padding-top: 140px;
  19089. padding-bottom: 140px;
  19090. }
  19091. footer .footer-logo img {
  19092. max-height: 30px;
  19093. }
  19094. footer ul {
  19095. padding: 0;
  19096. list-style: none;
  19097. margin: 0;
  19098. }
  19099. footer ul li {
  19100. margin-bottom: 5px;
  19101. }
  19102. footer .elements-social.social-icon-style-01 li, footer .elements-social.social-icon-style-02 li, footer .elements-social.social-icon-style-05 li, footer .elements-social.social-icon-style-08 li {
  19103. margin: 0 15px 0 0;
  19104. }
  19105. footer .elements-social.social-icon-style-01 li a, footer .elements-social.social-icon-style-02 li a, footer .elements-social.social-icon-style-05 li a, footer .elements-social.social-icon-style-08 li a {
  19106. width: auto;
  19107. height: auto;
  19108. }
  19109. footer .newsletter-style-05 .input-small {
  19110. font-size: 14px;
  19111. }
  19112. footer .nav-link {
  19113. color: var(--medium-gray);
  19114. padding: 0.5rem 1rem;
  19115. }
  19116. footer .footer-navbar .nav-item:last-child a {
  19117. padding-right: 0;
  19118. }
  19119. /* Footer dark */
  19120. .footer-dark {
  19121. color: var(--aluminium-grey);
  19122. }
  19123. .footer-dark p, .footer-dark a {
  19124. color: var(--aluminium-grey);
  19125. }
  19126. .footer-dark a:hover {
  19127. color: var(--base-color);
  19128. }
  19129. /* Footer light */
  19130. .footer-light a:hover {
  19131. color: var(--base-color);
  19132. }
  19133. /* Footer navbar */
  19134. .footer-navbar li {
  19135. display: inline-block;
  19136. margin-bottom: 0;
  19137. }
  19138. .footer-navbar li a:hover {
  19139. color: var(--base-color);
  19140. }
  19141. .footer-navbar li:last-child a {
  19142. padding-right: 0;
  19143. }
  19144. .footer-navbar li:first-child a {
  19145. padding-left: 0;
  19146. }
  19147. .footer-navbar .nav-link:focus {
  19148. color: inherit;
  19149. }
  19150. /* Footer sticky */
  19151. .main-content {
  19152. position: relative;
  19153. z-index: 2;
  19154. background: var(--white);
  19155. }
  19156. .footer-sticky {
  19157. position: -webkit-sticky;
  19158. position: sticky;
  19159. bottom: 0;
  19160. overflow: hidden;
  19161. }
  19162. /* Landing page footer */
  19163. .footer-demo ul li {
  19164. margin-bottom: 0;
  19165. line-height: 30px;
  19166. }
  19167. .footer-demo a:hover {
  19168. color: #fff;
  19169. }
  19170. .footer-demo img {
  19171. max-height: 55px !important;
  19172. }
  19173. video {
  19174. object-fit: cover;
  19175. width: 100vw;
  19176. height: 100vh;
  19177. top: 0;
  19178. left: 0;
  19179. position: absolute;
  19180. }