style.css 179 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690
  1. @import url("https://fonts.googleapis.com/css?family=Philosopher:400,400i,700,700i|Poppins:200,200i,300,300i,400,400i,500,600,700,800,900&display=swap");
  2. @import url("https://fonts.googleapis.com/css?family=Philosopher:400,400i,700,700i|Poppins:200,200i,300,300i,400,400i,500,600,700,800,900&display=swap");
  3. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_extend.scss */
  4. .flex-center-start {
  5. display: -webkit-box;
  6. display: -ms-flexbox;
  7. display: flex;
  8. -webkit-box-align: center;
  9. -ms-flex-align: center;
  10. align-items: center;
  11. -webkit-box-pack: start;
  12. -ms-flex-pack: start;
  13. justify-content: start;
  14. }
  15. /* Normal desktop :1200px. */
  16. /* Normal desktop :992px. */
  17. /* Tablet desktop :768px. */
  18. /* small mobile :320px. */
  19. /* Large Mobile :480px. */
  20. /* 1. Theme default css */
  21. /* Normal desktop :1200px. */
  22. /* Normal desktop :992px. */
  23. /* Tablet desktop :768px. */
  24. /* small mobile :320px. */
  25. /* Large Mobile :480px. */
  26. /* line 6, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  27. body {
  28. font-family: "Poppins", sans-serif;
  29. font-weight: normal;
  30. font-style: normal;
  31. }
  32. /* line 13, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  33. .img {
  34. max-width: 100%;
  35. -webkit-transition: 0.3s;
  36. -moz-transition: 0.3s;
  37. -o-transition: 0.3s;
  38. transition: 0.3s;
  39. }
  40. /* line 17, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  41. a,
  42. .button {
  43. -webkit-transition: 0.3s;
  44. -moz-transition: 0.3s;
  45. -o-transition: 0.3s;
  46. transition: 0.3s;
  47. }
  48. /* line 21, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  49. a:focus,
  50. .button:focus, button:focus {
  51. text-decoration: none;
  52. outline: none;
  53. }
  54. /* line 26, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  55. a:focus {
  56. text-decoration: none;
  57. }
  58. /* line 29, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  59. a:focus,
  60. a:hover,
  61. .portfolio-cat a:hover,
  62. .niz -menu li a:hover {
  63. text-decoration: none;
  64. }
  65. /* line 35, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  66. a,
  67. button {
  68. color: #1F1F1F;
  69. outline: medium none;
  70. }
  71. /* line 40, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  72. h1, h2, h3, h4, h5 {
  73. font-family: "Philosopher", sans-serif;
  74. color: #001D38;
  75. }
  76. /* line 44, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  77. h1 a,
  78. h2 a,
  79. h3 a,
  80. h4 a,
  81. h5 a,
  82. h6 a {
  83. color: inherit;
  84. }
  85. /* line 53, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  86. ul {
  87. margin: 0px;
  88. padding: 0px;
  89. }
  90. /* line 57, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  91. li {
  92. list-style: none;
  93. }
  94. /* line 60, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  95. p {
  96. font-size: 16px;
  97. font-weight: 400;
  98. line-height: 28px;
  99. color: #596672;
  100. margin-bottom: 0px;
  101. font-family: "Poppins", sans-serif;
  102. }
  103. /* line 69, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  104. label {
  105. color: #7e7e7e;
  106. cursor: pointer;
  107. font-size: 14px;
  108. font-weight: 400;
  109. }
  110. /* line 75, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  111. *::-moz-selection {
  112. background: #444;
  113. color: #fff;
  114. text-shadow: none;
  115. }
  116. /* line 80, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  117. ::-moz-selection {
  118. background: #444;
  119. color: #fff;
  120. text-shadow: none;
  121. }
  122. /* line 85, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  123. ::selection {
  124. background: #444;
  125. color: #fff;
  126. text-shadow: none;
  127. }
  128. /* line 90, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  129. *::-webkit-input-placeholder {
  130. color: #cccccc;
  131. font-size: 14px;
  132. opacity: 1;
  133. }
  134. /* line 95, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  135. *:-ms-input-placeholder {
  136. color: #cccccc;
  137. font-size: 14px;
  138. opacity: 1;
  139. }
  140. /* line 100, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  141. *::-ms-input-placeholder {
  142. color: #cccccc;
  143. font-size: 14px;
  144. opacity: 1;
  145. }
  146. /* line 105, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  147. *::placeholder {
  148. color: #cccccc;
  149. font-size: 14px;
  150. opacity: 1;
  151. }
  152. /* line 111, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  153. h3 {
  154. font-size: 24px;
  155. }
  156. /* line 115, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  157. .mb-65 {
  158. margin-bottom: 67px;
  159. }
  160. /* line 119, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  161. .black-bg {
  162. background: #020c26 !important;
  163. }
  164. /* line 123, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  165. .white-bg {
  166. background: #ffffff;
  167. }
  168. /* line 126, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  169. .gray-bg {
  170. background: #f5f5f5;
  171. }
  172. /* line 131, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  173. .overlay {
  174. position: relative;
  175. z-index: 0;
  176. }
  177. /* line 135, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  178. .overlay::before {
  179. position: absolute;
  180. content: "";
  181. /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001d38+0,1a0d01+100&0.7+0,0.6+100 */
  182. background: -moz-linear-gradient(left, rgba(0, 29, 56, 0.7) 0%, rgba(26, 13, 1, 0.6) 100%);
  183. /* FF3.6-15 */
  184. background: -webkit-linear-gradient(left, rgba(0, 29, 56, 0.7) 0%, rgba(26, 13, 1, 0.6) 100%);
  185. /* Chrome10-25,Safari5.1-6 */
  186. background: linear-gradient(to right, rgba(0, 29, 56, 0.7) 0%, rgba(26, 13, 1, 0.6) 100%);
  187. /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  188. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3001d38', endColorstr='#991a0d01',GradientType=1 );
  189. /* IE6-9 */
  190. top: 0;
  191. left: 0;
  192. width: 100%;
  193. height: 100%;
  194. z-index: -1;
  195. }
  196. /* line 151, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  197. .overlay2 {
  198. position: relative;
  199. z-index: 0;
  200. }
  201. /* line 155, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  202. .overlay2::before {
  203. position: absolute;
  204. content: "";
  205. background-color: #001D38;
  206. top: 0;
  207. left: 0;
  208. width: 100%;
  209. height: 100%;
  210. z-index: -1;
  211. opacity: 0.6;
  212. }
  213. /* line 167, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  214. .overlay_03 {
  215. position: relative;
  216. z-index: 0;
  217. }
  218. /* line 171, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  219. .overlay_03::before {
  220. position: absolute;
  221. width: 100%;
  222. height: 100%;
  223. left: 0;
  224. top: 0;
  225. background: #001D38;
  226. opacity: .6;
  227. content: '';
  228. z-index: -1;
  229. }
  230. /* line 184, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  231. .bradcam_overlay {
  232. position: relative;
  233. z-index: 0;
  234. }
  235. /* line 188, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  236. .bradcam_overlay::before {
  237. position: absolute;
  238. content: "";
  239. /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5db2ff+0,7db9e8+100&1+24,0+96 */
  240. background: -moz-linear-gradient(left, #5db2ff 0%, #65b4f9 24%, rgba(124, 185, 233, 0) 96%, rgba(125, 185, 232, 0) 100%);
  241. /* FF3.6-15 */
  242. background: -webkit-linear-gradient(left, #5db2ff 0%, #65b4f9 24%, rgba(124, 185, 233, 0) 96%, rgba(125, 185, 232, 0) 100%);
  243. /* Chrome10-25,Safari5.1-6 */
  244. background: linear-gradient(to right, #5db2ff 0%, #65b4f9 24%, rgba(124, 185, 233, 0) 96%, rgba(125, 185, 232, 0) 100%);
  245. /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  246. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5db2ff', endColorstr='#007db9e8',GradientType=1 );
  247. /* IE6-9 */
  248. top: 0;
  249. left: 0;
  250. width: 100%;
  251. height: 100%;
  252. z-index: -1;
  253. opacity: 1;
  254. }
  255. /* line 204, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  256. .section-padding {
  257. padding-top: 120px;
  258. padding-bottom: 120px;
  259. }
  260. /* line 208, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  261. .pt-120 {
  262. padding-top: 120px;
  263. }
  264. /* button style */
  265. /* line 214, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  266. .owl-carousel .owl-nav div {
  267. background: transparent;
  268. height: 50px;
  269. left: 0px;
  270. position: absolute;
  271. text-align: center;
  272. top: 50%;
  273. -webkit-transform: translateY(-50%);
  274. -ms-transform: translateY(-50%);
  275. transform: translateY(-50%);
  276. -webkit-transition: all 0.3s ease 0s;
  277. -o-transition: all 0.3s ease 0s;
  278. transition: all 0.3s ease 0s;
  279. width: 50px;
  280. color: #707070;
  281. background-color: transparent;
  282. -webkit-border-radius: 50%;
  283. -moz-border-radius: 50%;
  284. border-radius: 50%;
  285. left: 50px;
  286. font-size: 15px;
  287. line-height: 50px;
  288. border: 1px solid #4D6174;
  289. left: 150px;
  290. color: #fff;
  291. }
  292. /* line 242, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  293. .owl-carousel .owl-nav div.owl-next {
  294. left: auto;
  295. right: 150px;
  296. }
  297. /* line 247, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  298. .owl-carousel .owl-nav div.owl-next i {
  299. position: relative;
  300. right: 0;
  301. }
  302. /* line 254, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  303. .owl-carousel .owl-nav div.owl-prev i {
  304. position: relative;
  305. top: 0px;
  306. }
  307. /* line 264, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  308. .owl-carousel:hover .owl-nav div {
  309. opacity: 1;
  310. visibility: visible;
  311. }
  312. /* line 267, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  313. .owl-carousel:hover .owl-nav div:hover {
  314. color: #fff;
  315. background: #001D38;
  316. border: 1px solid transparent;
  317. }
  318. /* line 277, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  319. .mb-20px {
  320. margin-bottom: 20px;
  321. }
  322. /* line 281, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  323. .mb-55 {
  324. margin-bottom: 55px;
  325. }
  326. /* line 284, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  327. .mb-75 {
  328. margin-bottom: 75px;
  329. }
  330. @media (max-width: 767px) {
  331. /* line 284, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  332. .mb-75 {
  333. margin-bottom: 30px;
  334. }
  335. }
  336. @media (min-width: 768px) and (max-width: 991px) {
  337. /* line 284, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  338. .mb-75 {
  339. margin-bottom: 30px;
  340. }
  341. }
  342. /* line 293, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  343. .mb-40 {
  344. margin-bottom: 40px;
  345. }
  346. /* line 296, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  347. .mb-20 {
  348. margin-bottom: 20px;
  349. }
  350. /* line 301, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/theme-default.scss */
  351. .mb-60 {
  352. margin-bottom: 50px !important;
  353. }
  354. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  355. .boxed-btn {
  356. background: #fff;
  357. color: #DB9A64;
  358. display: inline-block;
  359. padding: 18px 44px;
  360. font-family: "Poppins", sans-serif;
  361. font-size: 14px;
  362. font-weight: 400;
  363. border: 0;
  364. border: 1px solid #DB9A64;
  365. letter-spacing: 3px;
  366. text-align: center;
  367. color: #DB9A64 !important;
  368. text-transform: uppercase;
  369. cursor: pointer;
  370. }
  371. /* line 17, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  372. .boxed-btn:hover {
  373. background: #DB9A64;
  374. color: #fff !important;
  375. border: 1px solid #DB9A64;
  376. }
  377. /* line 22, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  378. .boxed-btn:focus {
  379. outline: none;
  380. }
  381. /* line 25, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  382. .boxed-btn.large-width {
  383. width: 220px;
  384. }
  385. /* line 29, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  386. .boxed-btn3 {
  387. /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001D38+0,fd8e5e+100 */
  388. background: #DB9A64;
  389. /* IE6-9 */
  390. color: #fff;
  391. display: inline-block;
  392. padding: 19px 50px;
  393. font-family: "Poppins", sans-serif;
  394. font-size: 14px;
  395. font-weight: 500;
  396. border: 0;
  397. -webkit-border-radius: 0px;
  398. -moz-border-radius: 0px;
  399. border-radius: 0px;
  400. text-align: center;
  401. color: #fff;
  402. text-transform: capitalize;
  403. -webkit-transition: 0.3s;
  404. -moz-transition: 0.3s;
  405. -o-transition: 0.3s;
  406. transition: 0.3s;
  407. cursor: pointer;
  408. letter-spacing: 2px;
  409. }
  410. /* line 49, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  411. .boxed-btn3:hover {
  412. /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001D38+0,fd8e5e+100 */
  413. background: #001D38;
  414. /* IE6-9 */
  415. color: #fff !important;
  416. }
  417. /* line 55, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  418. .boxed-btn3:focus {
  419. outline: none;
  420. }
  421. /* line 58, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  422. .boxed-btn3.large-width {
  423. width: 220px;
  424. }
  425. /* line 63, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  426. .boxed-btn3-white {
  427. color: #fff;
  428. display: inline-block;
  429. padding: 13px 27px;
  430. font-family: "Poppins", sans-serif;
  431. font-size: 14px;
  432. font-weight: 400;
  433. border: 0;
  434. border: 1px solid #fff;
  435. -webkit-border-radius: 5px;
  436. -moz-border-radius: 5px;
  437. border-radius: 5px;
  438. text-align: center;
  439. color: #fff !important;
  440. text-transform: capitalize;
  441. -webkit-transition: 0.5s;
  442. -moz-transition: 0.5s;
  443. -o-transition: 0.5s;
  444. transition: 0.5s;
  445. cursor: pointer;
  446. letter-spacing: 2px;
  447. }
  448. /* line 80, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  449. .boxed-btn3-white:hover {
  450. background: #28AE61;
  451. color: #fff !important;
  452. border: 1px solid transparent;
  453. }
  454. /* line 85, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  455. .boxed-btn3-white i {
  456. margin-right: 2px;
  457. }
  458. /* line 88, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  459. .boxed-btn3-white:focus {
  460. outline: none;
  461. }
  462. /* line 91, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  463. .boxed-btn3-white.large-width {
  464. width: 220px;
  465. }
  466. /* line 96, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  467. .boxed-btn3-line {
  468. color: #fff !important;
  469. display: inline-block;
  470. padding: 14px 47px;
  471. font-family: "Poppins", sans-serif;
  472. font-size: 14px;
  473. font-weight: 500;
  474. border: 0;
  475. border: 1px solid #001D38;
  476. -webkit-border-radius: 0px;
  477. -moz-border-radius: 0px;
  478. border-radius: 0px;
  479. text-align: center;
  480. text-transform: capitalize;
  481. -webkit-transition: 0.5s;
  482. -moz-transition: 0.5s;
  483. -o-transition: 0.5s;
  484. transition: 0.5s;
  485. background: #001D38;
  486. cursor: pointer;
  487. letter-spacing: 2px;
  488. }
  489. /* line 113, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  490. .boxed-btn3-line:hover {
  491. color: #001D38 !important;
  492. border: 1px solid #001D38;
  493. /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001D38+0,fd8e5e+100 */
  494. background: #fff;
  495. }
  496. /* line 119, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  497. .boxed-btn3-line:focus {
  498. outline: none;
  499. }
  500. /* line 122, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  501. .boxed-btn3-line.large-width {
  502. width: 220px;
  503. }
  504. /* line 126, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  505. .boxed-btn2 {
  506. background: transparent;
  507. color: #fff;
  508. display: inline-block;
  509. padding: 18px 24px;
  510. font-family: "Poppins", sans-serif;
  511. font-size: 14px;
  512. font-weight: 400;
  513. border: 0;
  514. border: 1px solid #fff;
  515. letter-spacing: 2px;
  516. text-transform: uppercase;
  517. }
  518. /* line 138, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  519. .boxed-btn2:hover {
  520. background: #fff;
  521. color: #131313 !important;
  522. }
  523. /* line 142, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  524. .boxed-btn2:focus {
  525. outline: none;
  526. }
  527. /* line 146, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  528. .line-button {
  529. color: #919191;
  530. font-size: 16px;
  531. font-weight: 400;
  532. display: inline-block;
  533. position: relative;
  534. padding-right: 5px;
  535. padding-bottom: 2px;
  536. }
  537. /* line 154, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  538. .line-button::before {
  539. position: absolute;
  540. content: "";
  541. background: #919191;
  542. width: 100%;
  543. height: 1px;
  544. bottom: 0;
  545. left: 0;
  546. }
  547. /* line 163, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  548. .line-button:hover {
  549. color: #009DFF;
  550. }
  551. /* line 166, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  552. .line-button:hover::before {
  553. background: #009DFF;
  554. }
  555. /* line 170, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  556. .book_now {
  557. display: inline-block;
  558. font-size: 14px;
  559. color: #009DFF;
  560. border: 1px solid #009DFF;
  561. text-transform: capitalize;
  562. padding: 10px 25px;
  563. }
  564. /* line 177, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_btn.scss */
  565. .book_now:hover {
  566. background: #009DFF;
  567. color: #fff;
  568. }
  569. /* line 2, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_section_title.scss */
  570. .section_title h3 {
  571. font-size: 50px;
  572. font-weight: 700;
  573. color: #001D38;
  574. position: relative;
  575. z-index: 0;
  576. padding-bottom: 0;
  577. }
  578. @media (max-width: 767px) {
  579. /* line 2, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_section_title.scss */
  580. .section_title h3 {
  581. font-size: 30px;
  582. line-height: 36px;
  583. }
  584. }
  585. @media (min-width: 768px) and (max-width: 991px) {
  586. /* line 2, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_section_title.scss */
  587. .section_title h3 {
  588. font-size: 36px;
  589. line-height: 42px;
  590. }
  591. }
  592. @media (min-width: 992px) and (max-width: 1200px) {
  593. /* line 2, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_section_title.scss */
  594. .section_title h3 {
  595. font-size: 35px;
  596. line-height: 42px;
  597. }
  598. }
  599. @media (max-width: 767px) {
  600. /* line 22, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_section_title.scss */
  601. .section_title h3 br {
  602. display: none;
  603. }
  604. }
  605. @media (min-width: 768px) and (max-width: 991px) {
  606. /* line 22, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_section_title.scss */
  607. .section_title h3 br {
  608. display: none;
  609. }
  610. }
  611. @media (min-width: 992px) and (max-width: 1200px) {
  612. /* line 22, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_section_title.scss */
  613. .section_title h3 br {
  614. display: none;
  615. }
  616. }
  617. /* line 34, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_section_title.scss */
  618. .section_title p {
  619. font-size: 16px;
  620. color: #DB9A64;
  621. line-height: 28px;
  622. margin-bottom: 0;
  623. font-weight: 400;
  624. margin-bottom: 15px;
  625. }
  626. @media (max-width: 767px) {
  627. /* line 41, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_section_title.scss */
  628. .section_title p br {
  629. display: none;
  630. }
  631. }
  632. /* line 49, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_section_title.scss */
  633. .section_title h4 {
  634. font-size: 22px;
  635. font-weight: 500;
  636. color: #001D38;
  637. padding-bottom: 21px;
  638. }
  639. /* line 55, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_section_title.scss */
  640. .mb-50 {
  641. margin-bottom: 50px;
  642. }
  643. @media (max-width: 767px) {
  644. /* line 55, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_section_title.scss */
  645. .mb-50 {
  646. margin-bottom: 40px;
  647. }
  648. }
  649. /* line 62, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_section_title.scss */
  650. .mb-70 {
  651. margin-bottom: 70px;
  652. }
  653. @media (max-width: 767px) {
  654. /* line 62, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_section_title.scss */
  655. .mb-70 {
  656. margin-bottom: 40px;
  657. }
  658. }
  659. @media (min-width: 768px) and (max-width: 991px) {
  660. /* line 62, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_section_title.scss */
  661. .mb-70 {
  662. margin-bottom: 40px;
  663. }
  664. }
  665. @media (max-width: 767px) {
  666. /* line 4, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slick-nav.scss */
  667. .mobile_menu {
  668. position: absolute;
  669. right: 0px;
  670. width: 100%;
  671. z-index: 9;
  672. }
  673. }
  674. /* line 13, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slick-nav.scss */
  675. .slicknav_menu .slicknav_nav {
  676. background: #fff;
  677. float: right;
  678. margin-top: 0;
  679. padding: 0;
  680. width: 95%;
  681. padding: 0;
  682. border-radius: 0px;
  683. margin-top: 5px;
  684. position: absolute;
  685. left: 0;
  686. right: 0;
  687. margin: auto;
  688. top: 11px;
  689. }
  690. /* line 28, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slick-nav.scss */
  691. .slicknav_menu .slicknav_nav a:hover {
  692. background: transparent;
  693. color: #FDAE5C;
  694. }
  695. /* line 32, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slick-nav.scss */
  696. .slicknav_menu .slicknav_nav a.active {
  697. color: #FDAE5C;
  698. }
  699. @media (max-width: 767px) {
  700. /* line 35, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slick-nav.scss */
  701. .slicknav_menu .slicknav_nav a i {
  702. display: none;
  703. }
  704. }
  705. @media (min-width: 768px) and (max-width: 991px) {
  706. /* line 35, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slick-nav.scss */
  707. .slicknav_menu .slicknav_nav a i {
  708. display: none;
  709. }
  710. }
  711. /* line 44, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slick-nav.scss */
  712. .slicknav_menu .slicknav_nav .slicknav_btn {
  713. background-color: transparent;
  714. cursor: pointer;
  715. margin-bottom: 10px;
  716. margin-top: -40px;
  717. position: relative;
  718. z-index: 99;
  719. border: 1px solid #ddd;
  720. top: 3px;
  721. right: 5px;
  722. top: -36px;
  723. }
  724. /* line 55, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slick-nav.scss */
  725. .slicknav_menu .slicknav_nav .slicknav_btn .slicknav_icon {
  726. margin-right: 6px;
  727. margin-top: 3px;
  728. position: relative;
  729. padding-bottom: 3px;
  730. top: -11px;
  731. right: -5px;
  732. }
  733. @media (max-width: 767px) {
  734. /* line 12, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slick-nav.scss */
  735. .slicknav_menu {
  736. margin-right: 0px;
  737. }
  738. }
  739. /* line 72, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slick-nav.scss */
  740. .slicknav_nav .slicknav_arrow {
  741. float: right;
  742. font-size: 22px;
  743. position: relative;
  744. top: -9px;
  745. }
  746. /* line 78, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slick-nav.scss */
  747. .slicknav_btn {
  748. background-color: transparent;
  749. cursor: pointer;
  750. margin-bottom: 10px;
  751. position: relative;
  752. z-index: 99;
  753. border: none;
  754. border-radius: 3px;
  755. top: 5px;
  756. padding: 5px;
  757. right: 5px;
  758. margin-top: -5px;
  759. top: -31px;
  760. }
  761. /* line 92, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slick-nav.scss */
  762. .slicknav_btn {
  763. background-color: transparent;
  764. cursor: pointer;
  765. margin-bottom: 10px;
  766. position: relative;
  767. z-index: 99;
  768. border: none;
  769. border-radius: 3px;
  770. top: 5px;
  771. padding: 5px;
  772. right: 0;
  773. margin-top: -5px;
  774. top: -41px;
  775. }
  776. /* line 106, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slick-nav.scss */
  777. .slicknav_menu .slicknav_nav {
  778. top: -1px;
  779. }
  780. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  781. .verh-area {
  782. left: 0;
  783. right: 0;
  784. width: 100%;
  785. top: 0;
  786. z-index: 9;
  787. position: absolute;
  788. }
  789. @media (max-width: 767px) {
  790. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  791. .verh-area {
  792. padding-top: 0;
  793. }
  794. }
  795. @media (min-width: 768px) and (max-width: 991px) {
  796. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  797. .verh-area {
  798. padding-top: 0;
  799. }
  800. }
  801. /* line 17, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  802. .verh-area .main-verh-area {
  803. background: #fff;
  804. background: transparent;
  805. padding: 0 !important;
  806. }
  807. /* line 36, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  808. .verh-area .main-verh-area .logo {
  809. text-align: left;
  810. }
  811. @media (max-width: 767px) {
  812. /* line 36, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  813. .verh-area .main-verh-area .logo {
  814. text-align: left;
  815. }
  816. }
  817. @media (min-width: 768px) and (max-width: 991px) {
  818. /* line 36, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  819. .verh-area .main-verh-area .logo {
  820. text-align: left;
  821. }
  822. }
  823. @media (min-width: 992px) and (max-width: 1200px) {
  824. /* line 36, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  825. .verh-area .main-verh-area .logo {
  826. text-align: left;
  827. }
  828. }
  829. @media (max-width: 767px) {
  830. /* line 50, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  831. .verh-area .main-verh-area .logo img {
  832. width: 110px;
  833. }
  834. }
  835. @media (min-width: 768px) and (max-width: 991px) {
  836. /* line 50, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  837. .verh-area .main-verh-area .logo img {
  838. width: 110px;
  839. }
  840. }
  841. /* line 62, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  842. .verh-area .main-verh-area .say_hello {
  843. text-align: right;
  844. padding-right: 48px;
  845. }
  846. /* line 65, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  847. .verh-area .main-verh-area .say_hello a {
  848. font-size: 16px;
  849. font-weight: 500;
  850. color: #FFFFFF;
  851. position: relative;
  852. padding-bottom: 5px;
  853. }
  854. /* line 71, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  855. .verh-area .main-verh-area .say_hello a::before {
  856. position: absolute;
  857. background: #FFE8C3;
  858. width: 100%;
  859. height: 3px;
  860. left: 0;
  861. bottom: 0;
  862. content: '';
  863. }
  864. /* line 82, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  865. .verh-area .main-verh-area .Appointment {
  866. display: -webkit-box;
  867. display: -moz-box;
  868. display: -ms-flexbox;
  869. display: -webkit-flex;
  870. display: flex;
  871. -webkit-align-items: center;
  872. -moz-align-items: center;
  873. -ms-align-items: center;
  874. align-items: center;
  875. -webkit-justify-content: flex-end;
  876. -moz-justify-content: flex-end;
  877. -ms-justify-content: flex-end;
  878. justify-content: flex-end;
  879. -ms-flex-pack: flex-end;
  880. }
  881. @media (min-width: 992px) and (max-width: 1200px) {
  882. /* line 86, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  883. .verh-area .main-verh-area .Appointment .search_button {
  884. margin-right: 15px;
  885. }
  886. }
  887. @media (min-width: 1200px) and (max-width: 1500px) {
  888. /* line 86, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  889. .verh-area .main-verh-area .Appointment .search_button {
  890. margin-right: 15px;
  891. }
  892. }
  893. /* line 95, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  894. .verh-area .main-verh-area .Appointment .search_button a i {
  895. color: #E8E8E8;
  896. }
  897. /* line 102, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  898. .verh-area .main-verh-area .Appointment .socail_links ul li {
  899. display: inline-block;
  900. }
  901. /* line 105, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  902. .verh-area .main-verh-area .Appointment .socail_links ul li a {
  903. color: #A8A7A0;
  904. margin: 0 10px;
  905. font-size: 15px;
  906. }
  907. /* line 109, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  908. .verh-area .main-verh-area .Appointment .socail_links ul li a:hover {
  909. color: #fff;
  910. }
  911. /* line 116, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  912. .verh-area .main-verh-area .Appointment .book_btn {
  913. margin-left: 30px;
  914. }
  915. @media (min-width: 992px) and (max-width: 1200px) {
  916. /* line 116, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  917. .verh-area .main-verh-area .Appointment .book_btn {
  918. margin-left: 0;
  919. }
  920. }
  921. @media (min-width: 1200px) and (max-width: 1500px) {
  922. /* line 116, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  923. .verh-area .main-verh-area .Appointment .book_btn {
  924. margin-left: 0;
  925. }
  926. }
  927. /* line 124, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  928. .verh-area .main-verh-area .Appointment .book_btn a {
  929. /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdae5c+0,fd8e5e+100 */
  930. background: #fdae5c;
  931. /* Old browsers */
  932. background: -moz-linear-gradient(top, #fdae5c 0%, #fd8e5e 100%);
  933. /* FF3.6-15 */
  934. background: -webkit-linear-gradient(top, #fdae5c 0%, #fd8e5e 100%);
  935. /* Chrome10-25,Safari5.1-6 */
  936. background: linear-gradient(to bottom, #fdae5c 0%, #fd8e5e 100%);
  937. /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  938. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdae5c', endColorstr='#fd8e5e',GradientType=0 );
  939. /* IE6-9 */
  940. padding: 13px 26px;
  941. font-size: 14px;
  942. font-weight: 400;
  943. border: 1px solid transparent;
  944. color: #fff;
  945. -webkit-border-radius: 30px;
  946. -moz-border-radius: 30px;
  947. border-radius: 30px;
  948. }
  949. @media (min-width: 992px) and (max-width: 1200px) {
  950. /* line 124, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  951. .verh-area .main-verh-area .Appointment .book_btn a {
  952. padding: 12px 20px;
  953. }
  954. }
  955. /* line 142, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  956. .verh-area .main-verh-area .Appointment .book_btn a:hover {
  957. /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdae5c+0,fd8e5e+100 */
  958. background: #fdae5c;
  959. /* Old browsers */
  960. background: -moz-linear-gradient(top, #fdae5c 0%, #fd8e5e 100%);
  961. /* FF3.6-15 */
  962. background: -webkit-linear-gradient(top, #fdae5c 0%, #fd8e5e 100%);
  963. /* Chrome10-25,Safari5.1-6 */
  964. background: linear-gradient(to bottom, #fdae5c 0%, #fd8e5e 100%);
  965. /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  966. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdae5c', endColorstr='#fd8e5e',GradientType=0 );
  967. /* IE6-9 */
  968. }
  969. /* line 154, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  970. .verh-area .main-verh-area .main-menu {
  971. text-align: center;
  972. padding: 12px 0;
  973. }
  974. /* line 158, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  975. .verh-area .main-verh-area .main-menu ul li {
  976. display: inline-block;
  977. position: relative;
  978. margin: 0 20px;
  979. }
  980. /* line 168, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  981. .verh-area .main-verh-area .main-menu ul li a {
  982. color: #fff;
  983. font-size: 15px;
  984. text-transform: capitalize;
  985. font-weight: 500;
  986. display: inline-block;
  987. padding: 0px 0px 0px 0px;
  988. font-family: "Poppins", sans-serif;
  989. position: relative;
  990. text-transform: capitalize;
  991. }
  992. @media (min-width: 992px) and (max-width: 1200px) {
  993. /* line 168, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  994. .verh-area .main-verh-area .main-menu ul li a {
  995. font-size: 15px;
  996. }
  997. }
  998. @media (min-width: 1200px) and (max-width: 1500px) {
  999. /* line 168, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1000. .verh-area .main-verh-area .main-menu ul li a {
  1001. font-size: 15px;
  1002. }
  1003. }
  1004. /* line 187, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1005. .verh-area .main-verh-area .main-menu ul li a i {
  1006. font-size: 9px;
  1007. }
  1008. @media (max-width: 767px) {
  1009. /* line 187, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1010. .verh-area .main-verh-area .main-menu ul li a i {
  1011. display: none !important;
  1012. }
  1013. }
  1014. @media (min-width: 768px) and (max-width: 991px) {
  1015. /* line 187, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1016. .verh-area .main-verh-area .main-menu ul li a i {
  1017. display: none !important;
  1018. }
  1019. }
  1020. /* line 228, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1021. .verh-area .main-verh-area .main-menu ul li .submenu {
  1022. position: absolute;
  1023. left: 0;
  1024. top: 160%;
  1025. background: #fff;
  1026. width: 200px;
  1027. z-index: 2;
  1028. box-shadow: 0 0 10px rgba(0, 0, 0, 0.02);
  1029. opacity: 0;
  1030. visibility: hidden;
  1031. text-align: left;
  1032. -webkit-transition: 0.6s;
  1033. -moz-transition: 0.6s;
  1034. -o-transition: 0.6s;
  1035. transition: 0.6s;
  1036. }
  1037. /* line 240, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1038. .verh-area .main-verh-area .main-menu ul li .submenu li {
  1039. display: block;
  1040. }
  1041. /* line 242, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1042. .verh-area .main-verh-area .main-menu ul li .submenu li a {
  1043. padding: 10px 15px;
  1044. position: inherit;
  1045. -webkit-transition: 0.3s;
  1046. -moz-transition: 0.3s;
  1047. -o-transition: 0.3s;
  1048. transition: 0.3s;
  1049. display: block;
  1050. color: #000;
  1051. }
  1052. /* line 248, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1053. .verh-area .main-verh-area .main-menu ul li .submenu li a::before {
  1054. display: none;
  1055. }
  1056. /* line 252, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1057. .verh-area .main-verh-area .main-menu ul li .submenu li:hover a {
  1058. color: #000;
  1059. }
  1060. /* line 257, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1061. .verh-area .main-verh-area .main-menu ul li:hover > .submenu {
  1062. opacity: 1;
  1063. visibility: visible;
  1064. top: 150%;
  1065. }
  1066. /* line 262, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1067. .verh-area .main-verh-area .main-menu ul li:hover > a::before {
  1068. opacity: 1;
  1069. transform: scaleX(1);
  1070. }
  1071. /* line 266, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1072. .verh-area .main-verh-area .main-menu ul li:first-child a {
  1073. padding-left: 0;
  1074. }
  1075. /* line 272, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1076. .verh-area .main-verh-area.sticky {
  1077. box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
  1078. position: fixed;
  1079. width: 100%;
  1080. top: -70px;
  1081. left: 0;
  1082. right: 0;
  1083. z-index: 990;
  1084. transform: translateY(70px);
  1085. transition: transform 500ms ease, background 500ms ease;
  1086. -webkit-transition: transform 500ms ease, background 500ms ease;
  1087. box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
  1088. background: rgba(255, 255, 255, 0.96);
  1089. background: #1A0D01;
  1090. }
  1091. /* line 300, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1092. .verh-area .main-verh-area.sticky .main-menu {
  1093. padding: 0;
  1094. }
  1095. /* line 303, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1096. .verh-area .main-verh-area.sticky .verh_bottom_border {
  1097. border-bottom: none;
  1098. }
  1099. /* line 306, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1100. .verh-area .main-verh-area.sticky .verh_bottom_border.white_border {
  1101. border-bottom: none !important;
  1102. }
  1103. /* line 330, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1104. .verh-area .verh-top_area {
  1105. padding: 12px 0;
  1106. background: #001D38;
  1107. }
  1108. @media (max-width: 767px) {
  1109. /* line 333, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1110. .verh-area .verh-top_area .social_media_links {
  1111. text-align: center;
  1112. }
  1113. }
  1114. /* line 337, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1115. .verh-area .verh-top_area .social_media_links a {
  1116. font-size: 15px;
  1117. color: #C7C7C7;
  1118. margin-right: 12px;
  1119. }
  1120. /* line 341, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1121. .verh-area .verh-top_area .social_media_links a:hover {
  1122. color: #FDAE5C;
  1123. }
  1124. /* line 347, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1125. .verh-area .verh-top_area .verh_left p {
  1126. color: #727272;
  1127. font-weight: 400;
  1128. font-size: 13px;
  1129. margin-bottom: 0;
  1130. }
  1131. /* line 354, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1132. .verh-area .verh-top_area .short_contact_list {
  1133. text-align: right;
  1134. }
  1135. @media (max-width: 767px) {
  1136. /* line 354, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1137. .verh-area .verh-top_area .short_contact_list {
  1138. text-align: center;
  1139. }
  1140. }
  1141. /* line 360, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1142. .verh-area .verh-top_area .short_contact_list ul li {
  1143. display: inline-block;
  1144. }
  1145. /* line 362, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1146. .verh-area .verh-top_area .short_contact_list ul li a {
  1147. font-size: 13px;
  1148. color: #919191;
  1149. margin-right: 50px;
  1150. }
  1151. @media (max-width: 767px) {
  1152. /* line 362, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1153. .verh-area .verh-top_area .short_contact_list ul li a {
  1154. margin-left: 0;
  1155. margin: 0 5px;
  1156. }
  1157. }
  1158. /* line 371, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1159. .verh-area .verh-top_area .short_contact_list ul li a i {
  1160. color: #FDAE5C;
  1161. margin-right: 7px;
  1162. }
  1163. /* line 379, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1164. .verh-area .verh-top_area .verh_right.d-flex {
  1165. display: flex;
  1166. justify-content: flex-end;
  1167. }
  1168. /* line 384, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1169. .verh-area .search_btn i {
  1170. color: #fff;
  1171. font-size: 15px;
  1172. }
  1173. @media (min-width: 992px) and (max-width: 1200px) {
  1174. /* line 388, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1175. .verh-area .search_btn {
  1176. position: relative;
  1177. right: 10px;
  1178. }
  1179. }
  1180. @media (min-width: 1200px) and (max-width: 1500px) {
  1181. /* line 388, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_verh.scss */
  1182. .verh-area .search_btn {
  1183. position: relative;
  1184. right: 10px;
  1185. }
  1186. }
  1187. /* line 4, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1188. .slider_bg_2 {
  1189. background-image: url(../img/banner/Map.png);
  1190. }
  1191. /* line 20, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1192. .slider_area .single_slider {
  1193. height: 900px;
  1194. background-size: cover;
  1195. background-repeat: no-repeat;
  1196. background-position: center center;
  1197. }
  1198. /* line 25, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1199. .slider_area .single_slider.single_slider2 {
  1200. height: 450px;
  1201. }
  1202. @media (max-width: 767px) {
  1203. /* line 25, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1204. .slider_area .single_slider.single_slider2 {
  1205. height: auto;
  1206. }
  1207. }
  1208. /* line 30, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1209. .slider_area .single_slider.single_slider2 .property_wrap {
  1210. position: relative;
  1211. top: 166px;
  1212. }
  1213. @media (max-width: 767px) {
  1214. /* line 30, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1215. .slider_area .single_slider.single_slider2 .property_wrap {
  1216. top: 0;
  1217. }
  1218. }
  1219. /* line 37, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1220. .slider_area .single_slider.single_slider2 .property_wrap .slider_text h3 {
  1221. font-size: 42px;
  1222. margin-bottom: 51px;
  1223. }
  1224. /* line 42, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1225. .slider_area .single_slider.single_slider2 .property_wrap .property_form {
  1226. background: #001D38;
  1227. }
  1228. @media (max-width: 767px) {
  1229. /* line 20, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1230. .slider_area .single_slider {
  1231. height: auto;
  1232. }
  1233. }
  1234. @media (min-width: 768px) and (max-width: 991px) {
  1235. /* line 20, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1236. .slider_area .single_slider {
  1237. height: 600px;
  1238. }
  1239. }
  1240. @media (max-width: 767px) {
  1241. /* line 54, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1242. .slider_area .single_slider .slider_text {
  1243. margin: 100px 0 50px 0;
  1244. }
  1245. }
  1246. /* line 58, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1247. .slider_area .single_slider .slider_text h3 {
  1248. font-family: "Philosopher", sans-serif;
  1249. font-size: 60px;
  1250. text-transform: capitalize;
  1251. letter-spacing: 2px;
  1252. font-weight: 600;
  1253. line-height: 70px;
  1254. margin-bottom: 27px;
  1255. color: #fff;
  1256. }
  1257. /* line 67, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1258. .slider_area .single_slider .slider_text h3 span {
  1259. font-weight: 700;
  1260. }
  1261. @media (max-width: 767px) {
  1262. /* line 58, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1263. .slider_area .single_slider .slider_text h3 {
  1264. font-size: 30px;
  1265. line-height: 45px;
  1266. }
  1267. }
  1268. @media (min-width: 768px) and (max-width: 991px) {
  1269. /* line 58, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1270. .slider_area .single_slider .slider_text h3 {
  1271. font-size: 54px;
  1272. }
  1273. }
  1274. /* line 82, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1275. .slider_area .single_slider .slider_text p {
  1276. font-size: 20px;
  1277. font-weight: 400;
  1278. color: #FFF;
  1279. margin-bottom: 24px;
  1280. margin-top: 10px;
  1281. }
  1282. @media (min-width: 992px) and (max-width: 1200px) {
  1283. /* line 82, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1284. .slider_area .single_slider .slider_text p {
  1285. font-size: 16px;
  1286. }
  1287. }
  1288. @media (max-width: 767px) {
  1289. /* line 82, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1290. .slider_area .single_slider .slider_text p {
  1291. font-size: 16px;
  1292. }
  1293. }
  1294. /* line 95, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1295. .slider_area .single_slider .slider_text .video_service_btn > a {
  1296. margin-right: 15px;
  1297. }
  1298. @media (max-width: 767px) {
  1299. /* line 95, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1300. .slider_area .single_slider .slider_text .video_service_btn > a {
  1301. margin-bottom: 20px;
  1302. }
  1303. }
  1304. /* line 102, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1305. .slider_area .single_slider .property_form {
  1306. padding: 30px;
  1307. background: rgba(0, 28, 56, 0.6);
  1308. -webkit-border-radius: 10px;
  1309. -moz-border-radius: 10px;
  1310. border-radius: 10px;
  1311. }
  1312. @media (max-width: 767px) {
  1313. /* line 102, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1314. .slider_area .single_slider .property_form {
  1315. margin-bottom: 30px;
  1316. }
  1317. }
  1318. @media (max-width: 767px) {
  1319. /* line 109, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1320. .slider_area .single_slider .property_form .form_wrap {
  1321. display: block !important;
  1322. }
  1323. }
  1324. @media (min-width: 768px) and (max-width: 991px) {
  1325. /* line 109, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1326. .slider_area .single_slider .property_form .form_wrap {
  1327. -ms-flex-wrap: wrap;
  1328. flex-wrap: wrap;
  1329. }
  1330. }
  1331. /* line 120, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1332. .slider_area .serach_icon a {
  1333. width: 45px;
  1334. height: 45px;
  1335. background: #FD8E5E;
  1336. text-align: center;
  1337. line-height: 45px;
  1338. color: #fff;
  1339. border-radius: 5px;
  1340. display: inline-block;
  1341. }
  1342. @media (max-width: 767px) {
  1343. /* line 120, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1344. .slider_area .serach_icon a {
  1345. width: 100%;
  1346. margin-bottom: 15px;
  1347. }
  1348. }
  1349. @media (min-width: 768px) and (max-width: 991px) {
  1350. /* line 120, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1351. .slider_area .serach_icon a {
  1352. width: 50%;
  1353. }
  1354. }
  1355. /* line 137, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1356. .slider_area .serach_icon {
  1357. display: -webkit-box;
  1358. display: -moz-box;
  1359. display: -ms-flexbox;
  1360. display: -webkit-flex;
  1361. display: flex;
  1362. -webkit-align-items: end;
  1363. -moz-align-items: end;
  1364. -ms-align-items: end;
  1365. align-items: end;
  1366. }
  1367. @media (max-width: 767px) {
  1368. /* line 137, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1369. .slider_area .serach_icon {
  1370. display: block;
  1371. }
  1372. }
  1373. @media (min-width: 768px) and (max-width: 991px) {
  1374. /* line 137, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1375. .slider_area .serach_icon {
  1376. width: 50%;
  1377. align-items: center;
  1378. margin-top: 12px;
  1379. }
  1380. }
  1381. @media (min-width: 768px) and (max-width: 991px) {
  1382. /* line 149, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1383. .slider_area .single-field {
  1384. margin-bottom: 20px;
  1385. }
  1386. }
  1387. /* line 153, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1388. .slider_area .single-field.range_slider {
  1389. width: 100%;
  1390. }
  1391. /* line 155, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1392. .slider_area .single-field.range_slider #slider {
  1393. margin: 0;
  1394. }
  1395. /* line 161, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1396. .slider_area .single-field .nice-select .list {
  1397. color: #000;
  1398. border-radius: 0;
  1399. }
  1400. /* line 165, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1401. .slider_area .single-field.max_width {
  1402. margin-right: 24px;
  1403. }
  1404. @media (max-width: 767px) {
  1405. /* line 165, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1406. .slider_area .single-field.max_width {
  1407. margin-right: 0;
  1408. }
  1409. }
  1410. /* line 170, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1411. .slider_area .single-field.max_width label {
  1412. display: block;
  1413. font-size: 15px;
  1414. color: #FDAE5C;
  1415. }
  1416. /* line 176, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1417. .slider_area .single-field.max_width .nice-select.wide {
  1418. width: 166px;
  1419. background: transparent;
  1420. color: #C7C7C7;
  1421. font-size: 15px;
  1422. font-weight: 400;
  1423. border: 1px solid rgba(255, 255, 255, 0.4);
  1424. height: 45px;
  1425. line-height: 45px;
  1426. }
  1427. @media (max-width: 767px) {
  1428. /* line 176, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1429. .slider_area .single-field.max_width .nice-select.wide {
  1430. width: 100%;
  1431. margin-bottom: 15px;
  1432. }
  1433. }
  1434. /* line 190, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1435. .slider_area .single-field.max_width .nice-select::after {
  1436. content: "\e64b";
  1437. display: block;
  1438. height: 5px;
  1439. margin-top: -5px;
  1440. pointer-events: none;
  1441. position: absolute;
  1442. right: 30px;
  1443. top: 8px;
  1444. transition: all 0.15s ease-in-out;
  1445. width: 5px;
  1446. font-family: 'themify';
  1447. color: #ddd;
  1448. color: #FFFFFF;
  1449. top: 5px;
  1450. font-size: 12px;
  1451. }
  1452. /* line 208, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1453. .slider_area .single-field.min_width {
  1454. margin-right: 24px;
  1455. }
  1456. @media (max-width: 767px) {
  1457. /* line 208, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1458. .slider_area .single-field.min_width {
  1459. margin-right: 0;
  1460. margin-bottom: 20px;
  1461. }
  1462. }
  1463. /* line 214, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1464. .slider_area .single-field.min_width label {
  1465. display: block;
  1466. font-size: 15px;
  1467. color: #FDAE5C;
  1468. }
  1469. /* line 220, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1470. .slider_area .single-field.min_width .nice-select.wide {
  1471. width: 110px;
  1472. background: transparent;
  1473. color: #C7C7C7;
  1474. font-size: 15px;
  1475. font-weight: 400;
  1476. border: 1px solid rgba(255, 255, 255, 0.4);
  1477. height: 45px;
  1478. line-height: 45px;
  1479. }
  1480. @media (max-width: 767px) {
  1481. /* line 220, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1482. .slider_area .single-field.min_width .nice-select.wide {
  1483. width: 100%;
  1484. margin-bottom: 15px;
  1485. }
  1486. }
  1487. /* line 234, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1488. .slider_area .single-field.min_width .nice-select::after {
  1489. content: "\e64b";
  1490. display: block;
  1491. height: 5px;
  1492. margin-top: -5px;
  1493. pointer-events: none;
  1494. position: absolute;
  1495. right: 30px;
  1496. top: 8px;
  1497. transition: all 0.15s ease-in-out;
  1498. width: 5px;
  1499. font-family: 'themify';
  1500. color: #ddd;
  1501. color: #FFFFFF;
  1502. top: 5px;
  1503. font-size: 12px;
  1504. }
  1505. /* line 253, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1506. .slider_area .owl-carousel .owl-nav div {
  1507. height: 120px;
  1508. left: 0px;
  1509. width: 50px;
  1510. color: #fff;
  1511. background-color: transparent;
  1512. -webkit-border-radius: 0;
  1513. -moz-border-radius: 0;
  1514. border-radius: 0;
  1515. left: 50px;
  1516. font-size: 14px;
  1517. border: none;
  1518. left: 150px;
  1519. line-height: 120px;
  1520. background: rgba(81, 45, 36, 0.358);
  1521. left: 0;
  1522. border: none !important;
  1523. }
  1524. /* line 268, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1525. .slider_area .owl-carousel .owl-nav div.owl-next {
  1526. right: 0;
  1527. left: auto;
  1528. }
  1529. /* line 272, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1530. .slider_area .owl-carousel .owl-nav div:hover {
  1531. background: white;
  1532. color: #001D38;
  1533. border: none;
  1534. }
  1535. /* line 279, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_slider.scss */
  1536. .property_bg {
  1537. background-image: url(../img/banner/Map.png);
  1538. }
  1539. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1540. .about_area {
  1541. padding-top: 160px;
  1542. padding-bottom: 320px;
  1543. background: #FFFBF5;
  1544. position: relative;
  1545. }
  1546. @media (max-width: 767px) {
  1547. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1548. .about_area {
  1549. padding-top: 50px;
  1550. padding-bottom: 50px;
  1551. }
  1552. }
  1553. @media (min-width: 768px) and (max-width: 991px) {
  1554. /* line 10, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1555. .about_area .about_info_wrap {
  1556. margin-bottom: 30px;
  1557. }
  1558. }
  1559. /* line 14, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1560. .about_area .about_info_wrap h3 {
  1561. font-size: 50px;
  1562. font-family: "Philosopher", sans-serif;
  1563. color: #001D38;
  1564. line-height: 60px;
  1565. margin-bottom: 0;
  1566. }
  1567. @media (max-width: 767px) {
  1568. /* line 14, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1569. .about_area .about_info_wrap h3 {
  1570. font-size: 30px;
  1571. line-height: 38px;
  1572. }
  1573. }
  1574. @media (max-width: 767px) {
  1575. /* line 24, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1576. .about_area .about_info_wrap h3 br {
  1577. display: none;
  1578. }
  1579. }
  1580. @media (min-width: 768px) and (max-width: 991px) {
  1581. /* line 24, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1582. .about_area .about_info_wrap h3 br {
  1583. display: none;
  1584. }
  1585. }
  1586. /* line 33, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1587. .about_area .about_info_wrap .long_dash {
  1588. height: 3px;
  1589. width: 70px;
  1590. background: #DB9A64;
  1591. display: inline-block;
  1592. margin-bottom: 34px;
  1593. margin-top: 17px;
  1594. }
  1595. /* line 41, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1596. .about_area .about_info_wrap p {
  1597. font-size: 16px;
  1598. line-height: 28px;
  1599. color: #596672;
  1600. margin-bottom: 50px;
  1601. }
  1602. /* line 47, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1603. .about_area .about_info_wrap .food_list {
  1604. display: -webkit-box;
  1605. display: -moz-box;
  1606. display: -ms-flexbox;
  1607. display: -webkit-flex;
  1608. display: flex;
  1609. }
  1610. .food_list {
  1611. color:#c38c63;
  1612. }
  1613. @media (max-width: 767px) {
  1614. /* line 47, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1615. .about_area .about_info_wrap .food_list {
  1616. display: block;
  1617. }
  1618. }
  1619. /* line 52, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1620. .about_area .about_info_wrap .food_list li {
  1621. margin-right: 27px;
  1622. }
  1623. @media (max-width: 767px) {
  1624. /* line 52, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1625. .about_area .about_info_wrap .food_list li {
  1626. margin-right: 0;
  1627. margin-bottom: 30px;
  1628. }
  1629. }
  1630. /* line 58, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1631. .about_area .about_info_wrap .food_list li span {
  1632. padding-left: 14px;
  1633. color: #cd884f;
  1634. font-size: 11px;
  1635. font-weight: 400;
  1636. }
  1637. /* line 67, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1638. .about_area .about_img {
  1639. position: relative;
  1640. }
  1641. /* line 69, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1642. .about_area .about_img .img_1 {
  1643. padding-left: 80px;
  1644. -webkit-border-radius: 20px;
  1645. -moz-border-radius: 20px;
  1646. border-radius: 20px;
  1647. }
  1648. /* line 72, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1649. .about_area .about_img .img_1 img {
  1650. -webkit-border-radius: 20px;
  1651. -moz-border-radius: 20px;
  1652. border-radius: 20px;
  1653. width: 100%;
  1654. }
  1655. /* line 77, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1656. .about_area .about_img .small_img {
  1657. position: absolute;
  1658. margin-top: -170px;
  1659. -webkit-border-radius: 20px;
  1660. -moz-border-radius: 20px;
  1661. border-radius: 20px;
  1662. border: 10px solid #fff;
  1663. }
  1664. @media (max-width: 767px) {
  1665. /* line 77, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1666. .about_area .about_img .small_img {
  1667. position: absolute;
  1668. margin-top: -80px;
  1669. -webkit-border-radius: 20px;
  1670. -moz-border-radius: 20px;
  1671. border-radius: 20px;
  1672. border: 10px solid #fff;
  1673. width: 210px;
  1674. }
  1675. }
  1676. /* line 91, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1677. .about_area .about_img .small_img img {
  1678. -webkit-border-radius: 20px;
  1679. -moz-border-radius: 20px;
  1680. border-radius: 20px;
  1681. width: 100%;
  1682. }
  1683. /* line 97, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1684. .about_area .icon_1 {
  1685. position: absolute;
  1686. top: 7%;
  1687. left: 4%;
  1688. }
  1689. /* line 102, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1690. .about_area .icon_3 {
  1691. position: absolute;
  1692. right: 4%;
  1693. bottom: 10%;
  1694. }
  1695. /* line 107, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1696. .about_area .icon_2 {
  1697. position: absolute;
  1698. bottom: -12%;
  1699. left: 6%;
  1700. }
  1701. /* line 115, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1702. .main_about_wrap {
  1703. padding-top: 145px;
  1704. padding-bottom: 130px;
  1705. }
  1706. @media (max-width: 767px) {
  1707. /* line 115, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1708. .main_about_wrap {
  1709. padding-top: 50px;
  1710. padding-bottom: 40px;
  1711. }
  1712. }
  1713. @media (min-width: 768px) and (max-width: 991px) {
  1714. /* line 115, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1715. .main_about_wrap {
  1716. padding-top: 50px;
  1717. padding-bottom: 40px;
  1718. }
  1719. }
  1720. /* line 128, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1721. .main_about_wrap h3 {
  1722. font-weight: 700;
  1723. font-size: 50px;
  1724. margin-bottom: 0;
  1725. }
  1726. @media (max-width: 767px) {
  1727. /* line 128, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1728. .main_about_wrap h3 {
  1729. font-size: 30px;
  1730. }
  1731. }
  1732. @media (min-width: 768px) and (max-width: 991px) {
  1733. /* line 128, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1734. .main_about_wrap h3 {
  1735. font-size: 35px;
  1736. }
  1737. }
  1738. /* line 139, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1739. .main_about_wrap p {
  1740. font-size: 16px;
  1741. font-weight: 400;
  1742. line-height: 28px;
  1743. margin-bottom: 46px;
  1744. margin-top: 24px;
  1745. }
  1746. /* line 146, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1747. .main_about_wrap .about_thumb {
  1748. margin-bottom: 30px;
  1749. }
  1750. /* line 148, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_about.scss */
  1751. .main_about_wrap .about_thumb img {
  1752. width: 100%;
  1753. }
  1754. /* line 2, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1755. .testimonial_area {
  1756. background-image: url(../img/testimonial/background.jpg);
  1757. background-size: cover;
  1758. background-position: center center;
  1759. background-repeat: no-repeat;
  1760. position: relative;
  1761. padding: 160px 0;
  1762. }
  1763. /* line 9, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1764. .testimonial_area .owl-dots {
  1765. position: absolute;
  1766. left: 50%;
  1767. transform: translateX(-50%);
  1768. }
  1769. /* line 13, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1770. .testimonial_area .owl-dots div.owl-dot {
  1771. width: 7px;
  1772. height: 7px;
  1773. background: #596672;
  1774. display: inline-block;
  1775. margin: 0 7.5px;
  1776. border-radius: 50%;
  1777. }
  1778. /* line 20, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1779. .testimonial_area .owl-dots div.owl-dot.active {
  1780. position: relative;
  1781. background: #596672;
  1782. }
  1783. /* line 23, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1784. .testimonial_area .owl-dots div.owl-dot.active:before {
  1785. position: absolute;
  1786. border: 2px solid #001D38;
  1787. content: '';
  1788. left: -4px;
  1789. top: -4px;
  1790. bottom: -4px;
  1791. right: -4px;
  1792. -webkit-border-radius: 50%;
  1793. -moz-border-radius: 50%;
  1794. border-radius: 50%;
  1795. }
  1796. @media (max-width: 767px) {
  1797. /* line 2, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1798. .testimonial_area {
  1799. padding: 50px 0;
  1800. }
  1801. }
  1802. /* line 39, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1803. .testimonial_area.overlay::before {
  1804. opacity: .4;
  1805. background: #fff;
  1806. }
  1807. /* line 43, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1808. .testimonial_area .single_testmonial {
  1809. margin-bottom: 100px;
  1810. margin-top: 20px;
  1811. }
  1812. /* line 46, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1813. .testimonial_area .single_testmonial .author_opinion {
  1814. background: #fff;
  1815. padding: 50px 40px;
  1816. border-radius: 10px;
  1817. border: 2px solid #DB9A64;
  1818. margin-bottom: 30px;
  1819. position: relative;
  1820. }
  1821. /* line 53, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1822. .testimonial_area .single_testmonial .author_opinion:before {
  1823. position: absolute;
  1824. content: '';
  1825. bottom: 0;
  1826. left: 20px;
  1827. width: 20px;
  1828. height: 20px;
  1829. background: #fff;
  1830. -webkit-transform: rotate(45deg);
  1831. -moz-transform: rotate(45deg);
  1832. -ms-transform: rotate(45deg);
  1833. transform: rotate(45deg);
  1834. bottom: -11px;
  1835. border-bottom: 2px solid #DB9A64;
  1836. border-right: 2px solid #DB9A64;
  1837. }
  1838. /* line 66, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1839. .testimonial_area .single_testmonial .author_opinion:after {
  1840. position: absolute;
  1841. content: '';
  1842. background-image: url(../img/svg_icon/quote.svg);
  1843. top: -15px;
  1844. width: 39px;
  1845. height: 29px;
  1846. z-index: 999;
  1847. background-size: 100% 100%;
  1848. }
  1849. /* line 77, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1850. .testimonial_area .single_testmonial p {
  1851. color: #596672;
  1852. font-weight: 400;
  1853. font-size: 20px;
  1854. line-height: 32px;
  1855. margin-bottom: 0;
  1856. }
  1857. @media (min-width: 320px) and (max-width: 1500px) {
  1858. /* line 83, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1859. .testimonial_area .single_testmonial p br {
  1860. display: none;
  1861. }
  1862. }
  1863. /* line 91, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1864. .testimonial_area .single_testmonial .testmonial_author .name {
  1865. overflow: hidden;
  1866. padding-left: 15px;
  1867. position: relative;
  1868. top: 13px;
  1869. }
  1870. /* line 97, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1871. .testimonial_area .single_testmonial .testmonial_author .thumb {
  1872. width: 70px;
  1873. height: 70px;
  1874. -webkit-border-radius: 50%;
  1875. -moz-border-radius: 50%;
  1876. border-radius: 50%;
  1877. float: left;
  1878. }
  1879. /* line 101, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1880. .testimonial_area .single_testmonial .testmonial_author .thumb img {
  1881. width: auto;
  1882. }
  1883. /* line 106, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1884. .testimonial_area .single_testmonial .testmonial_author h3 {
  1885. color: #001D38;
  1886. font-family: "Poppins", sans-serif;
  1887. font-size: 16px;
  1888. font-weight: 500;
  1889. margin-bottom: 0;
  1890. }
  1891. /* line 114, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1892. .testimonial_area .single_testmonial .testmonial_author .icon a {
  1893. color: #DB9A64;
  1894. font-size: 13px;
  1895. margin-right: 3px;
  1896. }
  1897. /* line 120, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1898. .testimonial_area .single_testmonial .testmonial_author span {
  1899. font-size: 13px;
  1900. font-weight: 400;
  1901. color: #fff;
  1902. }
  1903. /* line 127, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1904. .testimonial_area .owl-carousel .owl-item img {
  1905. display: inline-block;
  1906. width: auto;
  1907. }
  1908. /* line 131, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1909. .testimonial_area .owl-carousel .owl-nav div.owl-next {
  1910. left: auto;
  1911. right: 0;
  1912. }
  1913. /* line 135, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1914. .testimonial_area .owl-carousel .owl-nav div {
  1915. left: 0;
  1916. }
  1917. /* line 141, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1918. .Information_area {
  1919. background-image: url(../img/banner/flags.jpg);
  1920. background-repeat: no-repeat;
  1921. background-size: cover;
  1922. background-position: center center;
  1923. padding: 162px 0;
  1924. }
  1925. @media (max-width: 767px) {
  1926. /* line 141, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1927. .Information_area {
  1928. padding: 100px 0;
  1929. }
  1930. }
  1931. /* line 151, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1932. .Information_area .info_text h3 {
  1933. font-size: 46px;
  1934. font-weight: 300;
  1935. color: #fff;
  1936. margin-bottom: 0;
  1937. }
  1938. @media (max-width: 767px) {
  1939. /* line 151, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1940. .Information_area .info_text h3 {
  1941. font-size: 30px;
  1942. }
  1943. }
  1944. /* line 160, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1945. .Information_area .info_text p {
  1946. font-size: 15px;
  1947. font-weight: 400;
  1948. color: #E8E8E8;
  1949. margin: 25px 0;
  1950. }
  1951. /* line 166, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1952. .Information_area .info_text a.boxed-btn3 {
  1953. padding: 14px 40px;
  1954. }
  1955. /* line 174, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1956. .newsletter_form {
  1957. position: relative;
  1958. margin-bottom: 20px;
  1959. }
  1960. /* line 177, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1961. .newsletter_form input {
  1962. width: 100%;
  1963. height: 45px;
  1964. background: #fff;
  1965. padding-left: 20px;
  1966. font-size: 16px;
  1967. color: #000;
  1968. border: none;
  1969. }
  1970. /* line 185, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1971. .newsletter_form input::placeholder {
  1972. font-size: 16px;
  1973. color: #919191;
  1974. }
  1975. /* line 190, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1976. .newsletter_form button {
  1977. position: absolute;
  1978. top: 0;
  1979. right: 0;
  1980. height: 100%;
  1981. border: none;
  1982. font-size: 14px;
  1983. color: #fff;
  1984. background: #A70000;
  1985. padding: 10px;
  1986. padding: 0 22px;
  1987. cursor: pointer;
  1988. }
  1989. /* line 204, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1990. .newsletter_text {
  1991. font-size: 16px;
  1992. color: #BABABA;
  1993. }
  1994. @media (max-width: 767px) {
  1995. /* line 209, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_testmonial.scss */
  1996. .custom_mt {
  1997. margin-top: 100px;
  1998. }
  1999. }
  2000. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2001. .gallery_area {
  2002. overflow: hidden;
  2003. padding-top: 160px;
  2004. }
  2005. @media (max-width: 767px) {
  2006. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2007. .gallery_area {
  2008. padding: 60px 10px;
  2009. }
  2010. }
  2011. @media (min-width: 768px) and (max-width: 991px) {
  2012. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2013. .gallery_area {
  2014. padding-top: 60px;
  2015. }
  2016. }
  2017. /* line 11, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2018. .gallery_area .single_gallery {
  2019. position: relative;
  2020. height: 500px;
  2021. float: left;
  2022. overflow: hidden;
  2023. border-right: 8px solid #fff;
  2024. border-bottom: 8px solid #fff;
  2025. }
  2026. @media (max-width: 767px) {
  2027. /* line 11, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2028. .gallery_area .single_gallery {
  2029. height: auto;
  2030. border: none;
  2031. margin-bottom: 10px;
  2032. }
  2033. }
  2034. @media (max-width: 767px) {
  2035. /* line 11, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2036. .gallery_area .single_gallery {
  2037. height: 300px;
  2038. }
  2039. }
  2040. @media (min-width: 992px) and (max-width: 1200px) {
  2041. /* line 11, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2042. .gallery_area .single_gallery {
  2043. height: 300px;
  2044. }
  2045. }
  2046. @media (min-width: 768px) and (max-width: 991px) {
  2047. /* line 11, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2048. .gallery_area .single_gallery {
  2049. height: 300px;
  2050. }
  2051. }
  2052. /* line 33, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2053. .gallery_area .single_gallery a {
  2054. position: absolute;
  2055. width: 100%;
  2056. height: 100%;
  2057. left: 0;
  2058. top: 0;
  2059. z-index: 12;
  2060. }
  2061. /* line 41, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2062. .gallery_area .single_gallery:before {
  2063. position: absolute;
  2064. width: 100%;
  2065. height: 100%;
  2066. left: 0;
  2067. top: 0;
  2068. content: '';
  2069. background: #BB8151;
  2070. opacity: 0;
  2071. -webkit-transform: scale(0.8);
  2072. -moz-transform: scale(0.8);
  2073. -ms-transform: scale(0.8);
  2074. transform: scale(0.8);
  2075. -webkit-transition: 0.3s;
  2076. -moz-transition: 0.3s;
  2077. -o-transition: 0.3s;
  2078. transition: 0.3s;
  2079. z-index: 8;
  2080. }
  2081. /* line 54, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2082. .gallery_area .single_gallery img {
  2083. width: 100%;
  2084. height: 100%;
  2085. -webkit-transform: scale(1.1);
  2086. -moz-transform: scale(1.1);
  2087. -ms-transform: scale(1.1);
  2088. transform: scale(1.1);
  2089. -webkit-transition: 0.3s;
  2090. -moz-transition: 0.3s;
  2091. -o-transition: 0.3s;
  2092. transition: 0.3s;
  2093. }
  2094. /* line 60, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2095. .gallery_area .single_gallery.small_img {
  2096. width: 30%;
  2097. }
  2098. @media (max-width: 767px) {
  2099. /* line 60, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2100. .gallery_area .single_gallery.small_img {
  2101. width: 100%;
  2102. }
  2103. }
  2104. @media (min-width: 768px) and (max-width: 991px) {
  2105. /* line 60, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2106. .gallery_area .single_gallery.small_img {
  2107. width: 50%;
  2108. }
  2109. }
  2110. /* line 69, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2111. .gallery_area .single_gallery.big_img {
  2112. width: 40%;
  2113. }
  2114. @media (max-width: 767px) {
  2115. /* line 69, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2116. .gallery_area .single_gallery.big_img {
  2117. width: 100%;
  2118. }
  2119. }
  2120. @media (min-width: 768px) and (max-width: 991px) {
  2121. /* line 69, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2122. .gallery_area .single_gallery.big_img {
  2123. width: 50%;
  2124. }
  2125. }
  2126. @media (max-width: 767px) {
  2127. /* line 69, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2128. .gallery_area .single_gallery.big_img {
  2129. width: 100%;
  2130. }
  2131. }
  2132. /* line 88, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2133. .gallery_area .single_gallery:hover::before {
  2134. opacity: .3;
  2135. -webkit-transform: scale(1.1);
  2136. -moz-transform: scale(1.1);
  2137. -ms-transform: scale(1.1);
  2138. transform: scale(1.1);
  2139. }
  2140. /* line 92, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_gallery.scss */
  2141. .gallery_area .single_gallery:hover img {
  2142. -webkit-transform: scale(1);
  2143. -moz-transform: scale(1);
  2144. -ms-transform: scale(1);
  2145. transform: scale(1);
  2146. }
  2147. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2148. .Reservation_area {
  2149. padding-top: 140px;
  2150. padding-bottom: 130px;
  2151. position: relative;
  2152. }
  2153. /* line 5, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2154. .Reservation_area .rev_icon_3 {
  2155. position: absolute;
  2156. left: 2%;
  2157. bottom: 4%;
  2158. }
  2159. /* line 10, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2160. .Reservation_area .rev_icon_1 {
  2161. position: absolute;
  2162. top: 2%;
  2163. right: 4%;
  2164. }
  2165. /* line 15, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2166. .Reservation_area .rev_icon_2 {
  2167. position: absolute;
  2168. bottom: -12%;
  2169. right: 4%;
  2170. }
  2171. @media (max-width: 767px) {
  2172. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2173. .Reservation_area {
  2174. padding: 50px 15px;
  2175. }
  2176. }
  2177. @media (min-width: 768px) and (max-width: 991px) {
  2178. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2179. .Reservation_area {
  2180. padding: 50px 0;
  2181. }
  2182. }
  2183. @media (min-width: 992px) and (max-width: 1200px) {
  2184. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2185. .Reservation_area {
  2186. padding: 80px 0;
  2187. }
  2188. }
  2189. /* line 29, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2190. .Reservation_area .book_Form {
  2191. margin-bottom: 30px;
  2192. background: #DB9A64;
  2193. padding: 34px 40px;
  2194. }
  2195. @media (max-width: 767px) {
  2196. /* line 29, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2197. .Reservation_area .book_Form {
  2198. padding: 20px;
  2199. }
  2200. }
  2201. /* line 36, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2202. .Reservation_area .book_Form h3 {
  2203. font-size: 35px;
  2204. font-family: "Philosopher", sans-serif;
  2205. font-weight: 700;
  2206. color: #fff;
  2207. margin-bottom: 40px;
  2208. }
  2209. /* line 45, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2210. .Reservation_area .book_Form .input_field input {
  2211. width: 100%;
  2212. height: 45px;
  2213. border: 1px solid rgba(255, 255, 255, 0.3);
  2214. background: transparent;
  2215. font-size: 14px;
  2216. color: #fff;
  2217. padding-left: 15px;
  2218. }
  2219. /* line 53, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2220. .Reservation_area .book_Form .input_field input:focus {
  2221. outline: none;
  2222. }
  2223. /* line 56, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2224. .Reservation_area .book_Form .input_field input::placeholder {
  2225. color: #fff;
  2226. font-size: 14px;
  2227. }
  2228. /* line 62, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2229. .Reservation_area .book_Form .sumbit_btn {
  2230. width: 100%;
  2231. background: #BB8151;
  2232. display: block;
  2233. padding: 11px;
  2234. color: #fff;
  2235. font-size: 14px;
  2236. font-weight: 500;
  2237. border: none;
  2238. cursor: pointer;
  2239. }
  2240. /* line 72, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2241. .Reservation_area .book_Form .sumbit_btn:hover {
  2242. background: #B08151;
  2243. }
  2244. /* line 76, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2245. .Reservation_area .book_Form .single_add {
  2246. margin-top: 30px;
  2247. }
  2248. /* line 78, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2249. .Reservation_area .book_Form .single_add .icon {
  2250. margin-right: 14px;
  2251. }
  2252. /* line 82, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2253. .Reservation_area .book_Form .single_add .ifno h4 {
  2254. font-weight: 300;
  2255. font-family: "Poppins", sans-serif;
  2256. color: #fff;
  2257. margin-bottom: 0;
  2258. }
  2259. /* line 88, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2260. .Reservation_area .book_Form .single_add .ifno p {
  2261. margin-bottom: 0;
  2262. color: #fff;
  2263. font-size: 14px;
  2264. font-weight: 400;
  2265. font-family: "Poppins", sans-serif;
  2266. }
  2267. /* line 98, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2268. .Reservation_area .map_area {
  2269. margin-bottom: 30px;
  2270. }
  2271. /* line 101, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2272. .Reservation_area .gj-datepicker.gj-datepicker-md.gj-unselectable span {
  2273. color: #fff;
  2274. top: 14px;
  2275. font-size: 14px;
  2276. }
  2277. /* line 106, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2278. .Reservation_area .nice-select {
  2279. width: auto;
  2280. height: 45px;
  2281. border-radius: 0;
  2282. border: 1px solid rgba(255, 255, 255, 0.3);
  2283. background: transparent;
  2284. color: #fff;
  2285. line-height: 45px;
  2286. width: 100%;
  2287. margin-bottom: 15px;
  2288. }
  2289. /* line 117, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2290. .Reservation_area .nice-select .option {
  2291. cursor: pointer;
  2292. font-weight: 400;
  2293. line-height: 40px;
  2294. list-style: none;
  2295. min-height: 40px;
  2296. outline: none;
  2297. padding-left: 18px;
  2298. padding-right: 29px;
  2299. text-align: left;
  2300. -webkit-transition: all 0.2s;
  2301. transition: all 0.2s;
  2302. color: #000;
  2303. font-size: 14px;
  2304. }
  2305. /* line 134, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2306. .mb_15 {
  2307. margin-bottom: 15px;
  2308. }
  2309. /* line 138, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_reservation.scss */
  2310. .gj-picker.gj-picker-md.datepicker.gj-unselectable .fa-chevron-left {
  2311. position: absolute;
  2312. left: 30px;
  2313. top: 16px;
  2314. }
  2315. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2316. .kursi_area {
  2317. padding-bottom: 110px;
  2318. padding-top: 150px;
  2319. }
  2320. /* line 4, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2321. .kursi_area .tablist_menu {
  2322. border-bottom: 1px solid #E5E8EA;
  2323. margin-bottom: 60px;
  2324. }
  2325. /* line 7, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2326. .kursi_area .tablist_menu .nav {
  2327. margin-bottom: 0px;
  2328. }
  2329. /* line 9, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2330. .kursi_area .tablist_menu .nav li {
  2331. margin: 0 25px;
  2332. }
  2333. @media (max-width: 767px) {
  2334. /* line 9, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2335. .kursi_area .tablist_menu .nav li {
  2336. margin: 0 4px;
  2337. }
  2338. }
  2339. /* line 14, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2340. .kursi_area .tablist_menu .nav li a {
  2341. padding: 0 12px 27px 12px;
  2342. -webkit-transition: 0.3s;
  2343. -moz-transition: 0.3s;
  2344. -o-transition: 0.3s;
  2345. transition: 0.3s;
  2346. }
  2347. /* line 19, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2348. .kursi_area .tablist_menu .nav li a .single_menu .icon i {
  2349. font-size: 50px;
  2350. color: #596672;
  2351. }
  2352. /* line 24, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2353. .kursi_area .tablist_menu .nav li a .single_menu h4 {
  2354. margin-bottom: 0;
  2355. font-size: 16px;
  2356. font-weight: 400;
  2357. color: #596672;
  2358. font-family: "Poppins", sans-serif;
  2359. }
  2360. /* line 32, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2361. .kursi_area .tablist_menu .nav li a.active {
  2362. position: relative;
  2363. }
  2364. /* line 36, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2365. .kursi_area .tablist_menu .nav li a.active .single_menu .icon i {
  2366. color: #DB9A64;
  2367. }
  2368. /* line 40, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2369. .kursi_area .tablist_menu .nav li a.active .single_menu h4 {
  2370. color: #DB9A64;
  2371. }
  2372. /* line 44, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2373. .kursi_area .tablist_menu .nav li a.active:before {
  2374. position: absolute;
  2375. left: 0;
  2376. width: 100%;
  2377. height: 2px;
  2378. content: '';
  2379. background: #DB9A64;
  2380. bottom: 0;
  2381. }
  2382. @media (max-width: 767px) {
  2383. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2384. .kursi_area {
  2385. padding-bottom: 50px;
  2386. }
  2387. }
  2388. /* line 61, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2389. .kursi_area .single_kursi {
  2390. margin-bottom: 50px;
  2391. }
  2392. @media (max-width: 767px) {
  2393. /* line 61, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2394. .kursi_area .single_kursi {
  2395. display: block !important;
  2396. }
  2397. }
  2398. @media (min-width: 768px) and (max-width: 991px) {
  2399. /* line 61, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2400. .kursi_area .single_kursi {
  2401. display: block !important;
  2402. }
  2403. }
  2404. /* line 69, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2405. .kursi_area .single_kursi .thumb {
  2406. -webkit-border-radius: 10px;
  2407. -moz-border-radius: 10px;
  2408. border-radius: 10px;
  2409. }
  2410. /* line 71, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2411. .kursi_area .single_kursi .thumb img {
  2412. -webkit-border-radius: 10px;
  2413. -moz-border-radius: 10px;
  2414. border-radius: 10px;
  2415. }
  2416. /* line 75, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2417. .kursi_area .single_kursi .info {
  2418. padding-left: 28px;
  2419. }
  2420. @media (max-width: 767px) {
  2421. /* line 75, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2422. .kursi_area .single_kursi .info {
  2423. padding-left: 0;
  2424. margin-bottom: 15px;
  2425. margin-top: 20px;
  2426. }
  2427. }
  2428. @media (min-width: 768px) and (max-width: 991px) {
  2429. /* line 75, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2430. .kursi_area .single_kursi .info {
  2431. padding-left: 0;
  2432. margin-top: 30px;
  2433. }
  2434. }
  2435. /* line 86, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2436. .kursi_area .single_kursi .info h3 {
  2437. font-size: 24px;
  2438. color: #001D38;
  2439. font-weight: 400;
  2440. font-family: "Poppins", sans-serif;
  2441. }
  2442. /* line 92, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2443. .kursi_area .single_kursi .info p {
  2444. font-size: 16px;
  2445. font-weight: 400;
  2446. line-height: 24px;
  2447. margin-bottom: 0;
  2448. margin-top: 15px;
  2449. margin-bottom: 16px;
  2450. }
  2451. /* line 100, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_kursi.scss */
  2452. .kursi_area .single_kursi .info span {
  2453. display: block;
  2454. font-weight: 400;
  2455. font-size: 26px;
  2456. color: #DB9A64;
  2457. }
  2458. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2459. .bradcam_bg_1 {
  2460. background-image: url(../img/banner/signs.png);
  2461. }
  2462. /* line 4, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2463. .bradcam_bg_2 {
  2464. background-image: url(../img/banner/languageschool.jpg);
  2465. }
  2466. /* line 7, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2467. .bradcam_bg_3 {
  2468. background-image: url(../img/banner/languageschool.jpg);
  2469. }
  2470. /* line 10, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2471. .bradcam_bg_4 {
  2472. background-image: url(../img/banner/languageschool.jpg);
  2473. }
  2474. /* line 13, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2475. .bradcam_area {
  2476. background-size: cover;
  2477. background-position: center center;
  2478. padding: 237px 0 178px 0;
  2479. background-repeat: no-repeat;
  2480. position: relative;
  2481. z-index: 0;
  2482. }
  2483. @media (min-width: 768px) and (max-width: 991px) {
  2484. /* line 13, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2485. .bradcam_area {
  2486. padding: 120px 0;
  2487. }
  2488. }
  2489. /* line 23, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2490. .bradcam_area::before {
  2491. position: absolute;
  2492. left: 0;
  2493. top: 0;
  2494. width: 100%;
  2495. height: 100%;
  2496. /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001d38+0,1a0d01+100&0.7+0,0.6+100 */
  2497. background: -moz-linear-gradient(left, rgba(0, 29, 56, 0.7) 0%, rgba(26, 13, 1, 0.6) 100%);
  2498. /* FF3.6-15 */
  2499. background: -webkit-linear-gradient(left, rgba(0, 29, 56, 0.7) 0%, rgba(26, 13, 1, 0.6) 100%);
  2500. /* Chrome10-25,Safari5.1-6 */
  2501. background: linear-gradient(to right, rgba(0, 29, 56, 0.7) 0%, rgba(26, 13, 1, 0.6) 100%);
  2502. /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  2503. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3001d38', endColorstr='#991a0d01',GradientType=1 );
  2504. /* IE6-9 */
  2505. z-index: -1;
  2506. content: '';
  2507. }
  2508. @media (max-width: 767px) {
  2509. /* line 13, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2510. .bradcam_area {
  2511. padding: 150px 0;
  2512. }
  2513. }
  2514. /* line 40, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2515. .bradcam_area h3 {
  2516. font-size: 70px;
  2517. color: #fff;
  2518. font-weight: 700;
  2519. margin-bottom: 0;
  2520. text-transform: capitalize;
  2521. }
  2522. @media (max-width: 767px) {
  2523. /* line 40, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2524. .bradcam_area h3 {
  2525. font-size: 30px;
  2526. }
  2527. }
  2528. /* line 50, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2529. .bradcam_area p {
  2530. font-size: 18px;
  2531. color: #fff;
  2532. font-weight: 400;
  2533. text-transform: capitalize;
  2534. }
  2535. /* line 55, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2536. .bradcam_area p a {
  2537. color: #fff;
  2538. }
  2539. /* line 57, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2540. .bradcam_area p a:hover {
  2541. color: #fff;
  2542. }
  2543. /* line 63, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2544. .bradcam_area .bradcam_text2 h3 {
  2545. font-size: 50px;
  2546. margin-bottom: 14px;
  2547. }
  2548. @media (max-width: 767px) {
  2549. /* line 63, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2550. .bradcam_area .bradcam_text2 h3 {
  2551. font-size: 30px;
  2552. }
  2553. }
  2554. /* line 70, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2555. .bradcam_area .bradcam_text2 p {
  2556. font-size: 20px;
  2557. margin-bottom: 0;
  2558. }
  2559. /* line 75, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2560. .bradcam_area.Extra_padding {
  2561. padding: 399px 0;
  2562. }
  2563. @media (max-width: 767px) {
  2564. /* line 75, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2565. .bradcam_area.Extra_padding {
  2566. padding: 150px 0;
  2567. }
  2568. }
  2569. @media (min-width: 768px) and (max-width: 991px) {
  2570. /* line 75, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2571. .bradcam_area.Extra_padding {
  2572. padding: 150px 0;
  2573. }
  2574. }
  2575. @media (min-width: 992px) and (max-width: 1200px) {
  2576. /* line 75, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2577. .bradcam_area.Extra_padding {
  2578. padding: 150px 0;
  2579. }
  2580. }
  2581. /* line 89, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2582. .popup_box {
  2583. background: #fff;
  2584. display: inline-block;
  2585. z-index: 9;
  2586. width: 558px;
  2587. }
  2588. /* line 96, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2589. .popup_box .boxed-btn3 {
  2590. width: 100%;
  2591. text-transform: capitalize;
  2592. }
  2593. /* line 100, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2594. .popup_box .popup_verh {
  2595. background: #F5FBFF;
  2596. padding: 28px 0;
  2597. display: block;
  2598. }
  2599. /* line 104, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2600. .popup_box .popup_verh h3 {
  2601. text-align: center;
  2602. font-size: 20px;
  2603. color: #2C2C2C;
  2604. margin-bottom: 0;
  2605. font-weight: 400;
  2606. }
  2607. /* line 112, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2608. .popup_box .custom_form {
  2609. padding: 60px 68px;
  2610. }
  2611. /* line 116, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2612. .popup_box input {
  2613. width: 100%;
  2614. height: 50px;
  2615. border: none;
  2616. border-bottom: 1px solid #C7C7C7;
  2617. padding: 15px 0;
  2618. margin-bottom: 20px;
  2619. }
  2620. /* line 123, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2621. .popup_box input::placeholder {
  2622. color: #919191;
  2623. font-weight: 400;
  2624. }
  2625. /* line 127, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2626. .popup_box input:focus {
  2627. outline: none;
  2628. }
  2629. /* line 131, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2630. .popup_box textarea {
  2631. width: 100%;
  2632. border: none;
  2633. margin-top: 112px;
  2634. border-bottom: 1px solid #C7C7C7;
  2635. padding: 15px 0;
  2636. margin-bottom: 20px;
  2637. height: 55px;
  2638. resize: none;
  2639. margin-bottom: 40px;
  2640. }
  2641. /* line 142, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2642. .popup_box textarea::placeholder {
  2643. color: #919191;
  2644. font-weight: 400;
  2645. }
  2646. /* line 146, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2647. .popup_box textarea:focus {
  2648. outline: none;
  2649. }
  2650. /* line 150, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2651. .popup_box .nice-select {
  2652. -webkit-tap-highlight-color: transparent;
  2653. background-color: #fff;
  2654. /* border-radius: 5px; */
  2655. border: solid 1px #E2E2E2;
  2656. box-sizing: border-box;
  2657. clear: both;
  2658. cursor: pointer;
  2659. display: block;
  2660. float: left;
  2661. font-family: "Poppins", sans-serif;
  2662. font-weight: normal;
  2663. width: 100% !important;
  2664. /* height: 42px; */
  2665. line-height: 50px;
  2666. outline: none;
  2667. padding-left: 18px;
  2668. padding-right: 30px;
  2669. position: relative;
  2670. text-align: left !important;
  2671. -webkit-transition: all 0.2s ease-in-out;
  2672. transition: all 0.2s ease-in-out;
  2673. -webkit-user-select: none;
  2674. -moz-user-select: none;
  2675. -ms-user-select: none;
  2676. user-select: none;
  2677. white-space: nowrap;
  2678. width: auto;
  2679. border-radius: 0;
  2680. margin-bottom: 30px;
  2681. height: 50px !important;
  2682. font-size: 16px;
  2683. font-weight: 400;
  2684. color: #919191;
  2685. }
  2686. /* line 184, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2687. .popup_box .nice-select::after {
  2688. content: "\f0d7";
  2689. display: block;
  2690. height: 5px;
  2691. margin-top: -5px;
  2692. pointer-events: none;
  2693. position: absolute;
  2694. right: 17px;
  2695. top: 3px;
  2696. transition: all 0.15s ease-in-out;
  2697. width: 5px;
  2698. font-family: fontawesome;
  2699. color: #919191;
  2700. font-size: 15px;
  2701. }
  2702. /* line 199, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2703. .popup_box .nice-select.open .list {
  2704. opacity: 1;
  2705. pointer-events: auto;
  2706. -webkit-transform: scale(1) translateY(0);
  2707. -ms-transform: scale(1) translateY(0);
  2708. transform: scale(1) translateY(0);
  2709. height: 200px;
  2710. overflow-y: scroll;
  2711. }
  2712. /* line 208, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2713. .popup_box .nice-select.list {
  2714. height: 200px;
  2715. overflow-y: scroll;
  2716. }
  2717. /* line 214, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2718. #test-form {
  2719. display: inline-block;
  2720. margin: auto;
  2721. text-align: center;
  2722. position: absolute;
  2723. left: 50%;
  2724. top: 50%;
  2725. -webkit-transform: translate(-50%, -50%);
  2726. -moz-transform: translate(-50%, -50%);
  2727. -ms-transform: translate(-50%, -50%);
  2728. transform: translate(-50%, -50%);
  2729. }
  2730. /* line 222, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2731. #test-form .mfp-close-btn-in .mfp-close {
  2732. color: #333;
  2733. display: none !important;
  2734. }
  2735. /* line 227, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2736. #test-form button.mfp-close {
  2737. display: none !important;
  2738. }
  2739. /* line 232, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_bradcam.scss */
  2740. .mfp-bg {
  2741. top: 0;
  2742. left: 0;
  2743. width: 100%;
  2744. height: 100%;
  2745. z-index: 1042;
  2746. overflow: hidden;
  2747. position: fixed;
  2748. background: #000000;
  2749. opacity: .7;
  2750. }
  2751. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_service.scss */
  2752. .service_area {
  2753. padding-top: 100px;
  2754. padding-bottom: 70px;
  2755. }
  2756. /* line 4, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_service.scss */
  2757. .service_area.minus_padding {
  2758. padding-bottom: 0;
  2759. }
  2760. /* line 7, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_service.scss */
  2761. .service_area .single_service {
  2762. padding: 30px;
  2763. border: 1px solid #E8E8E8;
  2764. -webkit-transition: 0.3s;
  2765. -moz-transition: 0.3s;
  2766. -o-transition: 0.3s;
  2767. transition: 0.3s;
  2768. margin-bottom: 30px;
  2769. }
  2770. /* line 13, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_service.scss */
  2771. .service_area .single_service .service_icon {
  2772. line-height: 94px;
  2773. text-align: center;
  2774. width: 98px;
  2775. height: 98px;
  2776. margin: auto;
  2777. -webkit-border-radius: 50%;
  2778. -moz-border-radius: 50%;
  2779. border-radius: 50%;
  2780. /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0181f5+0,5db2ff+100 */
  2781. background: #0181f5;
  2782. /* Old browsers */
  2783. background: -moz-linear-gradient(top, #0181f5 0%, #5db2ff 100%);
  2784. /* FF3.6-15 */
  2785. background: -webkit-linear-gradient(top, #0181f5 0%, #5db2ff 100%);
  2786. /* Chrome10-25,Safari5.1-6 */
  2787. background: linear-gradient(to bottom, #0181f5 0%, #5db2ff 100%);
  2788. /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  2789. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0181f5', endColorstr='#5db2ff',GradientType=0 );
  2790. /* IE6-9 */
  2791. }
  2792. /* line 27, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_service.scss */
  2793. .service_area .single_service h3 {
  2794. font-size: 22px;
  2795. color: #001D38;
  2796. font-weight: 300;
  2797. margin-top: 35px;
  2798. margin-bottom: 23px;
  2799. }
  2800. /* line 34, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_service.scss */
  2801. .service_area .single_service p {
  2802. font-size: 15px;
  2803. font-weight: 400;
  2804. color: #727272;
  2805. line-height: 28px;
  2806. margin-bottom: 6px;
  2807. }
  2808. /* line 41, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_service.scss */
  2809. .service_area .single_service a.learn_more {
  2810. color: #5DB2FF;
  2811. font-weight: 400;
  2812. font-size: 15px;
  2813. }
  2814. /* line 46, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_service.scss */
  2815. .service_area .single_service:hover {
  2816. box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04);
  2817. border-color: transparent;
  2818. }
  2819. /* line 51, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_service.scss */
  2820. .service_area .col-xl-4:nth-child(2) .single_service .service_icon {
  2821. /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00d363+0,37ef8d+100 */
  2822. background: #00d363;
  2823. /* Old browsers */
  2824. background: -moz-linear-gradient(top, #00d363 0%, #37ef8d 100%);
  2825. /* FF3.6-15 */
  2826. background: -webkit-linear-gradient(top, #00d363 0%, #37ef8d 100%);
  2827. /* Chrome10-25,Safari5.1-6 */
  2828. background: linear-gradient(to bottom, #00d363 0%, #37ef8d 100%);
  2829. /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  2830. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d363', endColorstr='#37ef8d',GradientType=0 );
  2831. /* IE6-9 */
  2832. }
  2833. /* line 60, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_service.scss */
  2834. .service_area .col-xl-4:nth-child(3) .single_service .service_icon {
  2835. /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fd8e5e+0,fd8e5e+100 */
  2836. background: #fd8e5e;
  2837. /* Old browsers */
  2838. background: -moz-linear-gradient(top, #fd8e5e 0%, #fd8e5e 100%);
  2839. /* FF3.6-15 */
  2840. background: -webkit-linear-gradient(top, #fd8e5e 0%, #fd8e5e 100%);
  2841. /* Chrome10-25,Safari5.1-6 */
  2842. background: linear-gradient(to bottom, #fd8e5e 0%, #fd8e5e 100%);
  2843. /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  2844. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8e5e', endColorstr='#fd8e5e',GradientType=0 );
  2845. /* IE6-9 */
  2846. }
  2847. /* line 69, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_service.scss */
  2848. .service_area .col-xl-4:nth-child(4) .single_service .service_icon {
  2849. /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#615cfd+0,d465ef+100 */
  2850. background: #615cfd;
  2851. /* Old browsers */
  2852. background: -moz-linear-gradient(top, #615cfd 0%, #d465ef 100%);
  2853. /* FF3.6-15 */
  2854. background: -webkit-linear-gradient(top, #615cfd 0%, #d465ef 100%);
  2855. /* Chrome10-25,Safari5.1-6 */
  2856. background: linear-gradient(to bottom, #615cfd 0%, #d465ef 100%);
  2857. /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  2858. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#615cfd', endColorstr='#d465ef',GradientType=0 );
  2859. /* IE6-9 */
  2860. }
  2861. /* line 81, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_service.scss */
  2862. .service_area .col-xl-4:nth-child(6) .single_service .service_icon {
  2863. /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a64eee+0,3c35ce+100 */
  2864. background: #a64eee;
  2865. /* Old browsers */
  2866. background: -moz-linear-gradient(top, #a64eee 0%, #3c35ce 100%);
  2867. /* FF3.6-15 */
  2868. background: -webkit-linear-gradient(top, #a64eee 0%, #3c35ce 100%);
  2869. /* Chrome10-25,Safari5.1-6 */
  2870. background: linear-gradient(to bottom, #a64eee 0%, #3c35ce 100%);
  2871. /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  2872. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a64eee', endColorstr='#3c35ce',GradientType=0 );
  2873. /* IE6-9 */
  2874. }
  2875. /* line 1, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2876. .niz {
  2877. background-repeat: no-repeat;
  2878. background-position: center center;
  2879. background-repeat: no-repeat;
  2880. background-size: cover;
  2881. background: #1A0D01;
  2882. position: relative;
  2883. z-index: 9;
  2884. }
  2885. /* line 9, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2886. .niz .niz_top {
  2887. padding-top: 145px;
  2888. padding-bottom: 129px;
  2889. }
  2890. @media (max-width: 767px) {
  2891. /* line 9, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2892. .niz .niz_top {
  2893. padding-top: 60px;
  2894. padding-bottom: 30px;
  2895. }
  2896. }
  2897. @media (max-width: 767px) {
  2898. /* line 16, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2899. .niz .niz_top .niz_widget {
  2900. margin-bottom: 30px;
  2901. }
  2902. }
  2903. @media (min-width: 768px) and (max-width: 991px) {
  2904. /* line 16, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2905. .niz .niz_top .niz_widget {
  2906. margin-bottom: 30px;
  2907. }
  2908. }
  2909. /* line 23, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2910. .niz .niz_top .niz_widget .niz_title {
  2911. font-size: 18px;
  2912. font-weight: 500;
  2913. color: #DB9A64;
  2914. text-transform: capitalize;
  2915. margin-bottom: 40px;
  2916. }
  2917. @media (max-width: 767px) {
  2918. /* line 23, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2919. .niz .niz_top .niz_widget .niz_title {
  2920. margin-bottom: 20px;
  2921. }
  2922. }
  2923. /* line 33, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2924. .niz .niz_top .niz_widget .niz_logo {
  2925. font-size: 22px;
  2926. font-weight: 400;
  2927. color: #fff;
  2928. text-transform: capitalize;
  2929. margin-bottom: 40px;
  2930. }
  2931. @media (max-width: 767px) {
  2932. /* line 33, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2933. .niz .niz_top .niz_widget .niz_logo {
  2934. margin-bottom: 20px;
  2935. }
  2936. }
  2937. /* line 43, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2938. .niz .niz_top .niz_widget p {
  2939. color: #919191;
  2940. font-size: 14px;
  2941. font-weight: 400;
  2942. line-height: 28px;
  2943. }
  2944. /* line 49, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2945. .niz .niz_top .niz_widget p a {
  2946. color: #919191;
  2947. }
  2948. /* line 51, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2949. .niz .niz_top .niz_widget p a:hover {
  2950. color: #DB9A64;
  2951. }
  2952. /* line 57, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2953. .niz .niz_top .niz_widget p.niz_text {
  2954. font-size: 16px;
  2955. color: #B2B2B2;
  2956. margin-bottom: 23px;
  2957. font-weight: 400;
  2958. line-height: 28px;
  2959. }
  2960. /* line 63, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2961. .niz .niz_top .niz_widget p.niz_text a.domain {
  2962. color: #B2B2B2;
  2963. font-weight: 400;
  2964. }
  2965. /* line 66, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2966. .niz .niz_top .niz_widget p.niz_text a.domain:hover {
  2967. color: #DB9A64;
  2968. border-bottom: 1px solid #DB9A64;
  2969. }
  2970. /* line 72, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2971. .niz .niz_top .niz_widget p.niz_text.doanar a {
  2972. font-weight: 500;
  2973. color: #B2B2B2;
  2974. }
  2975. /* line 76, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2976. .niz .niz_top .niz_widget p.niz_text.doanar a:hover {
  2977. color: #DB9A64;
  2978. border-bottom: 1px solid #DB9A64;
  2979. }
  2980. /* line 80, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2981. .niz .niz_top .niz_widget p.niz_text.doanar a.first {
  2982. margin-bottom: 10px;
  2983. }
  2984. /* line 88, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2985. .niz .niz_top .niz_widget ul li {
  2986. color: #ACACAC;
  2987. font-size: 14px;
  2988. line-height: 36px;
  2989. }
  2990. /* line 92, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2991. .niz .niz_top .niz_widget ul li a {
  2992. color: #919191;
  2993. font-weight: 400;
  2994. }
  2995. /* line 95, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  2996. .niz .niz_top .niz_widget ul li a:hover {
  2997. color: #DB9A64;
  2998. }
  2999. /* line 101, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  3000. .niz .niz_top .niz_widget .newsletter_form {
  3001. position: relative;
  3002. margin-bottom: 20px;
  3003. }
  3004. /* line 104, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  3005. .niz .niz_top .niz_widget .newsletter_form input {
  3006. width: 100%;
  3007. height: 50px;
  3008. background: #F5FBFF;
  3009. padding-left: 20px;
  3010. font-size: 15px;
  3011. color: #000;
  3012. border: none;
  3013. border: 1px solid #E8E8E8;
  3014. border-radius: 30px;
  3015. }
  3016. /* line 114, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  3017. .niz .niz_top .niz_widget .newsletter_form input::placeholder {
  3018. font-size: 15px;
  3019. color: #919191;
  3020. }
  3021. /* line 118, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  3022. .niz .niz_top .niz_widget .newsletter_form input:focus {
  3023. outline: none;
  3024. }
  3025. /* line 122, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  3026. .niz .niz_top .niz_widget .newsletter_form button {
  3027. position: absolute;
  3028. top: 0;
  3029. right: 0;
  3030. height: 40px;
  3031. border: none;
  3032. font-size: 14px;
  3033. color: #fff;
  3034. background: #DB9A64;
  3035. padding: 10px;
  3036. padding: 0 22px;
  3037. cursor: pointer;
  3038. border-radius: 30px;
  3039. top: 5px;
  3040. right: 5px;
  3041. font-size: 14px;
  3042. font-weight: 500;
  3043. }
  3044. /* line 141, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  3045. .niz .niz_top .niz_widget .newsletter_text {
  3046. font-size: 14px;
  3047. color: #919191;
  3048. line-height: 26px;
  3049. }
  3050. /* line 148, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  3051. .niz .copy-right_text {
  3052. padding-bottom: 30px;
  3053. }
  3054. /* line 150, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  3055. .niz .copy-right_text .niz_border {
  3056. border-top: 1px solid #31261B;
  3057. padding-bottom: 30px;
  3058. }
  3059. /* line 154, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  3060. .niz .copy-right_text .copy_right {
  3061. font-size: 15px;
  3062. color: #919191;
  3063. margin-bottom: 0;
  3064. font-weight: 500;
  3065. }
  3066. @media (max-width: 767px) {
  3067. /* line 154, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  3068. .niz .copy-right_text .copy_right {
  3069. font-size: 14px;
  3070. }
  3071. }
  3072. /* line 162, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  3073. .niz .copy-right_text .copy_right a {
  3074. color: #DB9A64;
  3075. }
  3076. /* line 167, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  3077. .niz .socail_links {
  3078. margin-top: 47px;
  3079. }
  3080. @media (max-width: 767px) {
  3081. /* line 167, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  3082. .niz .socail_links {
  3083. margin-top: 30px;
  3084. }
  3085. }
  3086. /* line 173, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  3087. .niz .socail_links ul li {
  3088. display: inline-block;
  3089. }
  3090. /* line 176, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  3091. .niz .socail_links ul li a {
  3092. font-size: 15px;
  3093. color: #C3B2F0;
  3094. width: 30px;
  3095. display: inline-block;
  3096. text-align: center;
  3097. background: transparent;
  3098. margin-right: 7px;
  3099. color: #FFFFFF;
  3100. line-height: 40px !important;
  3101. color: #E8E8E8;
  3102. }
  3103. /* line 191, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_niz.scss */
  3104. .niz .socail_links ul li a:hover {
  3105. color: #DB9A64 !important;
  3106. border-color: transparent;
  3107. }
  3108. /*=================== contact banner start ====================*/
  3109. /* line 3, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3110. .dropdown .dropdown-menu {
  3111. -webkit-transition: all 0.3s;
  3112. -moz-transition: all 0.3s;
  3113. -ms-transition: all 0.3s;
  3114. -o-transition: all 0.3s;
  3115. transition: all 0.3s;
  3116. }
  3117. /* line 10, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3118. .contact-info {
  3119. margin-bottom: 25px;
  3120. }
  3121. /* line 13, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3122. .contact-info__icon {
  3123. margin-right: 20px;
  3124. }
  3125. /* line 16, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3126. .contact-info__icon i, .contact-info__icon span {
  3127. color: #8f9195;
  3128. font-size: 27px;
  3129. }
  3130. /* line 24, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3131. .contact-info .media-body h3 {
  3132. font-size: 16px;
  3133. margin-bottom: 0;
  3134. font-size: 16px;
  3135. color: #2a2a2a;
  3136. }
  3137. /* line 30, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3138. .contact-info .media-body h3 a:hover {
  3139. color: #ff5e13;
  3140. }
  3141. /* line 36, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3142. .contact-info .media-body p {
  3143. color: #8a8a8a;
  3144. }
  3145. /*=================== contact banner end ====================*/
  3146. /*=================== contact form start ====================*/
  3147. /* line 45, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3148. .contact-title {
  3149. font-size: 27px;
  3150. font-weight: 600;
  3151. margin-bottom: 20px;
  3152. }
  3153. /* line 53, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3154. .form-contact label {
  3155. font-size: 14px;
  3156. }
  3157. /* line 57, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3158. .form-contact .form-group {
  3159. margin-bottom: 30px;
  3160. }
  3161. /* line 61, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3162. .form-contact .form-control {
  3163. border: 1px solid #e5e6e9;
  3164. border-radius: 0px;
  3165. height: 48px;
  3166. padding-left: 18px;
  3167. font-size: 13px;
  3168. background: transparent;
  3169. }
  3170. /* line 69, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3171. .form-contact .form-control:focus {
  3172. outline: 0;
  3173. box-shadow: none;
  3174. }
  3175. /* line 74, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3176. .form-contact .form-control::placeholder {
  3177. font-weight: 300;
  3178. color: #999999;
  3179. }
  3180. /* line 80, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3181. .form-contact textarea {
  3182. border-radius: 0px;
  3183. height: 100% !important;
  3184. }
  3185. /*=================== contact form end ====================*/
  3186. /* Contact Success and error Area css
  3187. ============================================================================================ */
  3188. /* line 97, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3189. .modal-message .modal-dialog {
  3190. position: absolute;
  3191. top: 36%;
  3192. left: 50%;
  3193. transform: translateX(-50%) translateY(-50%) !important;
  3194. margin: 0px;
  3195. max-width: 500px;
  3196. width: 100%;
  3197. }
  3198. /* line 106, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3199. .modal-message .modal-dialog .modal-content .modal-verh {
  3200. text-align: center;
  3201. display: block;
  3202. border-bottom: none;
  3203. padding-top: 50px;
  3204. padding-bottom: 50px;
  3205. }
  3206. /* line 112, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3207. .modal-message .modal-dialog .modal-content .modal-verh .close {
  3208. position: absolute;
  3209. right: -15px;
  3210. top: -15px;
  3211. padding: 0px;
  3212. color: #fff;
  3213. opacity: 1;
  3214. cursor: pointer;
  3215. }
  3216. /* line 121, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3217. .modal-message .modal-dialog .modal-content .modal-verh h2 {
  3218. display: block;
  3219. text-align: center;
  3220. padding-bottom: 10px;
  3221. }
  3222. /* line 126, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3223. .modal-message .modal-dialog .modal-content .modal-verh p {
  3224. display: block;
  3225. }
  3226. /* line 133, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3227. .contact-section {
  3228. padding: 130px 0 100px;
  3229. }
  3230. @media (max-width: 991px) {
  3231. /* line 133, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3232. .contact-section {
  3233. padding: 70px 0 40px;
  3234. }
  3235. }
  3236. @media only screen and (min-width: 992px) and (max-width: 1200px) {
  3237. /* line 133, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3238. .contact-section {
  3239. padding: 80px 0 50px;
  3240. }
  3241. }
  3242. /* line 141, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3243. .contact-section .btn_2 {
  3244. background-color: #191d34;
  3245. padding: 18px 60px;
  3246. border-radius: 50px;
  3247. margin-top: 0;
  3248. }
  3249. /* line 146, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_contact.scss */
  3250. .contact-section .btn_2:hover {
  3251. background-color: #ff5e13;
  3252. }
  3253. /* line 75, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3254. .sample-text-area {
  3255. background: #fff;
  3256. padding: 100px 0 70px 0;
  3257. }
  3258. /* line 80, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3259. .text-heading {
  3260. margin-bottom: 30px;
  3261. font-size: 24px;
  3262. }
  3263. /* line 85, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3264. b,
  3265. sup,
  3266. sub,
  3267. u,
  3268. del {
  3269. color: #ff5e13;
  3270. }
  3271. /* line 93, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3272. h1 {
  3273. font-size: 36px;
  3274. }
  3275. /* line 97, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3276. h2 {
  3277. font-size: 30px;
  3278. }
  3279. /* line 101, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3280. h3 {
  3281. font-size: 24px;
  3282. }
  3283. /* line 105, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3284. h4 {
  3285. font-size: 18px;
  3286. }
  3287. /* line 109, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3288. h5 {
  3289. font-size: 16px;
  3290. }
  3291. /* line 113, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3292. h6 {
  3293. font-size: 14px;
  3294. }
  3295. /* line 117, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3296. h1,
  3297. h2,
  3298. h3,
  3299. h4,
  3300. h5,
  3301. h6 {
  3302. line-height: 1.2em;
  3303. }
  3304. /* line 127, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3305. .typography h1,
  3306. .typography h2,
  3307. .typography h3,
  3308. .typography h4,
  3309. .typography h5,
  3310. .typography h6 {
  3311. color: #828bb2;
  3312. }
  3313. /* line 137, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3314. .button-area {
  3315. background: #fff;
  3316. }
  3317. /* line 138, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3318. .button-area .border-top-generic {
  3319. padding: 70px 15px;
  3320. border-top: 1px dotted #eee;
  3321. }
  3322. /* line 146, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3323. .button-group-area .genric-btn {
  3324. margin-right: 10px;
  3325. margin-top: 10px;
  3326. }
  3327. /* line 149, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3328. .button-group-area .genric-btn:last-child {
  3329. margin-right: 0;
  3330. }
  3331. /* line 155, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3332. .genric-btn {
  3333. display: inline-block;
  3334. outline: none;
  3335. line-height: 40px;
  3336. padding: 0 30px;
  3337. font-size: .8em;
  3338. text-align: center;
  3339. text-decoration: none;
  3340. font-weight: 500;
  3341. cursor: pointer;
  3342. -webkit-transition: all 0.3s ease 0s;
  3343. -moz-transition: all 0.3s ease 0s;
  3344. -o-transition: all 0.3s ease 0s;
  3345. transition: all 0.3s ease 0s;
  3346. }
  3347. /* line 166, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3348. .genric-btn:focus {
  3349. outline: none;
  3350. }
  3351. /* line 169, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3352. .genric-btn.e-large {
  3353. padding: 0 40px;
  3354. line-height: 50px;
  3355. }
  3356. /* line 173, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3357. .genric-btn.large {
  3358. line-height: 45px;
  3359. }
  3360. /* line 176, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3361. .genric-btn.medium {
  3362. line-height: 30px;
  3363. }
  3364. /* line 179, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3365. .genric-btn.small {
  3366. line-height: 25px;
  3367. }
  3368. /* line 182, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3369. .genric-btn.radius {
  3370. border-radius: 3px;
  3371. }
  3372. /* line 185, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3373. .genric-btn.circle {
  3374. border-radius: 20px;
  3375. }
  3376. /* line 188, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3377. .genric-btn.arrow {
  3378. display: -webkit-inline-box;
  3379. display: -ms-inline-flexbox;
  3380. display: inline-flex;
  3381. -webkit-box-align: center;
  3382. -ms-flex-align: center;
  3383. align-items: center;
  3384. }
  3385. /* line 195, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3386. .genric-btn.arrow span {
  3387. margin-left: 10px;
  3388. }
  3389. /* line 199, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3390. .genric-btn.default {
  3391. color: #415094;
  3392. background: #f9f9ff;
  3393. border: 1px solid transparent;
  3394. }
  3395. /* line 203, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3396. .genric-btn.default:hover {
  3397. border: 1px solid #f9f9ff;
  3398. background: #fff;
  3399. }
  3400. /* line 208, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3401. .genric-btn.default-border {
  3402. border: 1px solid #f9f9ff;
  3403. background: #fff;
  3404. }
  3405. /* line 211, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3406. .genric-btn.default-border:hover {
  3407. color: #415094;
  3408. background: #f9f9ff;
  3409. border: 1px solid transparent;
  3410. }
  3411. /* line 217, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3412. .genric-btn.primary {
  3413. color: #fff;
  3414. background: #ff5e13;
  3415. border: 1px solid transparent;
  3416. }
  3417. /* line 221, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3418. .genric-btn.primary:hover {
  3419. color: #ff5e13;
  3420. border: 1px solid #ff5e13;
  3421. background: #fff;
  3422. }
  3423. /* line 227, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3424. .genric-btn.primary-border {
  3425. color: #ff5e13;
  3426. border: 1px solid #ff5e13;
  3427. background: #fff;
  3428. }
  3429. /* line 231, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3430. .genric-btn.primary-border:hover {
  3431. color: #fff;
  3432. background: #ff5e13;
  3433. border: 1px solid transparent;
  3434. }
  3435. /* line 237, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3436. .genric-btn.success {
  3437. color: #fff;
  3438. background: #4cd3e3;
  3439. border: 1px solid transparent;
  3440. }
  3441. /* line 241, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3442. .genric-btn.success:hover {
  3443. color: #4cd3e3;
  3444. border: 1px solid #4cd3e3;
  3445. background: #fff;
  3446. }
  3447. /* line 247, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3448. .genric-btn.success-border {
  3449. color: #4cd3e3;
  3450. border: 1px solid #4cd3e3;
  3451. background: #fff;
  3452. }
  3453. /* line 251, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3454. .genric-btn.success-border:hover {
  3455. color: #fff;
  3456. background: #4cd3e3;
  3457. border: 1px solid transparent;
  3458. }
  3459. /* line 257, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3460. .genric-btn.info {
  3461. color: #fff;
  3462. background: #38a4ff;
  3463. border: 1px solid transparent;
  3464. }
  3465. /* line 261, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3466. .genric-btn.info:hover {
  3467. color: #38a4ff;
  3468. border: 1px solid #38a4ff;
  3469. background: #fff;
  3470. }
  3471. /* line 267, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3472. .genric-btn.info-border {
  3473. color: #38a4ff;
  3474. border: 1px solid #38a4ff;
  3475. background: #fff;
  3476. }
  3477. /* line 271, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3478. .genric-btn.info-border:hover {
  3479. color: #fff;
  3480. background: #38a4ff;
  3481. border: 1px solid transparent;
  3482. }
  3483. /* line 277, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3484. .genric-btn.warning {
  3485. color: #fff;
  3486. background: #f4e700;
  3487. border: 1px solid transparent;
  3488. }
  3489. /* line 281, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3490. .genric-btn.warning:hover {
  3491. color: #f4e700;
  3492. border: 1px solid #f4e700;
  3493. background: #fff;
  3494. }
  3495. /* line 287, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3496. .genric-btn.warning-border {
  3497. color: #f4e700;
  3498. border: 1px solid #f4e700;
  3499. background: #fff;
  3500. }
  3501. /* line 291, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3502. .genric-btn.warning-border:hover {
  3503. color: #fff;
  3504. background: #f4e700;
  3505. border: 1px solid transparent;
  3506. }
  3507. /* line 297, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3508. .genric-btn.danger {
  3509. color: #fff;
  3510. background: #f44a40;
  3511. border: 1px solid transparent;
  3512. }
  3513. /* line 301, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3514. .genric-btn.danger:hover {
  3515. color: #f44a40;
  3516. border: 1px solid #f44a40;
  3517. background: #fff;
  3518. }
  3519. /* line 307, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3520. .genric-btn.danger-border {
  3521. color: #f44a40;
  3522. border: 1px solid #f44a40;
  3523. background: #fff;
  3524. }
  3525. /* line 311, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3526. .genric-btn.danger-border:hover {
  3527. color: #fff;
  3528. background: #f44a40;
  3529. border: 1px solid transparent;
  3530. }
  3531. /* line 317, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3532. .genric-btn.link {
  3533. color: #415094;
  3534. background: #f9f9ff;
  3535. text-decoration: underline;
  3536. border: 1px solid transparent;
  3537. }
  3538. /* line 322, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3539. .genric-btn.link:hover {
  3540. color: #415094;
  3541. border: 1px solid #f9f9ff;
  3542. background: #fff;
  3543. }
  3544. /* line 328, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3545. .genric-btn.link-border {
  3546. color: #415094;
  3547. border: 1px solid #f9f9ff;
  3548. background: #fff;
  3549. text-decoration: underline;
  3550. }
  3551. /* line 333, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3552. .genric-btn.link-border:hover {
  3553. color: #415094;
  3554. background: #f9f9ff;
  3555. border: 1px solid transparent;
  3556. }
  3557. /* line 339, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3558. .genric-btn.disable {
  3559. color: #222222, 0.3;
  3560. background: #f9f9ff;
  3561. border: 1px solid transparent;
  3562. cursor: not-allowed;
  3563. }
  3564. /* line 347, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3565. .generic-blockquote {
  3566. padding: 30px 50px 30px 30px;
  3567. background: #f9f9ff;
  3568. border-left: 2px solid #ff5e13;
  3569. }
  3570. /* line 353, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3571. .progress-table-wrap {
  3572. overflow-x: scroll;
  3573. }
  3574. /* line 357, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3575. .progress-table {
  3576. background: #f9f9ff;
  3577. padding: 15px 0px 30px 0px;
  3578. min-width: 800px;
  3579. }
  3580. /* line 361, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3581. .progress-table .serial {
  3582. width: 11.83%;
  3583. padding-left: 30px;
  3584. }
  3585. /* line 365, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3586. .progress-table .country {
  3587. width: 28.07%;
  3588. }
  3589. /* line 368, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3590. .progress-table .visit {
  3591. width: 19.74%;
  3592. }
  3593. /* line 371, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3594. .progress-table .percentage {
  3595. width: 40.36%;
  3596. padding-right: 50px;
  3597. }
  3598. /* line 375, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3599. .progress-table .table-head {
  3600. display: flex;
  3601. }
  3602. /* line 377, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3603. .progress-table .table-head .serial,
  3604. .progress-table .table-head .country,
  3605. .progress-table .table-head .visit,
  3606. .progress-table .table-head .percentage {
  3607. color: #415094;
  3608. line-height: 40px;
  3609. text-transform: uppercase;
  3610. font-weight: 500;
  3611. }
  3612. /* line 387, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3613. .progress-table .table-row {
  3614. padding: 15px 0;
  3615. border-top: 1px solid #edf3fd;
  3616. display: flex;
  3617. }
  3618. /* line 391, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3619. .progress-table .table-row .serial,
  3620. .progress-table .table-row .country,
  3621. .progress-table .table-row .visit,
  3622. .progress-table .table-row .percentage {
  3623. display: flex;
  3624. align-items: center;
  3625. }
  3626. /* line 399, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3627. .progress-table .table-row .country img {
  3628. margin-right: 15px;
  3629. }
  3630. /* line 404, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3631. .progress-table .table-row .percentage .progress {
  3632. width: 80%;
  3633. border-radius: 0px;
  3634. background: transparent;
  3635. }
  3636. /* line 408, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3637. .progress-table .table-row .percentage .progress .progress-bar {
  3638. height: 5px;
  3639. line-height: 5px;
  3640. }
  3641. /* line 411, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3642. .progress-table .table-row .percentage .progress .progress-bar.color-1 {
  3643. background-color: #6382e6;
  3644. }
  3645. /* line 414, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3646. .progress-table .table-row .percentage .progress .progress-bar.color-2 {
  3647. background-color: #e66686;
  3648. }
  3649. /* line 417, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3650. .progress-table .table-row .percentage .progress .progress-bar.color-3 {
  3651. background-color: #f09359;
  3652. }
  3653. /* line 420, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3654. .progress-table .table-row .percentage .progress .progress-bar.color-4 {
  3655. background-color: #73fbaf;
  3656. }
  3657. /* line 423, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3658. .progress-table .table-row .percentage .progress .progress-bar.color-5 {
  3659. background-color: #73fbaf;
  3660. }
  3661. /* line 426, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3662. .progress-table .table-row .percentage .progress .progress-bar.color-6 {
  3663. background-color: #6382e6;
  3664. }
  3665. /* line 429, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3666. .progress-table .table-row .percentage .progress .progress-bar.color-7 {
  3667. background-color: #a367e7;
  3668. }
  3669. /* line 432, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3670. .progress-table .table-row .percentage .progress .progress-bar.color-8 {
  3671. background-color: #e66686;
  3672. }
  3673. /* line 441, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3674. .single-gallery-image {
  3675. margin-top: 30px;
  3676. background-repeat: no-repeat !important;
  3677. background-position: center center !important;
  3678. background-size: cover !important;
  3679. height: 200px;
  3680. }
  3681. /* line 449, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3682. .list-style {
  3683. width: 14px;
  3684. height: 14px;
  3685. }
  3686. /* line 455, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3687. .unordered-list li {
  3688. position: relative;
  3689. padding-left: 30px;
  3690. line-height: 1.82em !important;
  3691. }
  3692. /* line 459, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3693. .unordered-list li:before {
  3694. content: "";
  3695. position: absolute;
  3696. width: 14px;
  3697. height: 14px;
  3698. border: 3px solid #ff5e13;
  3699. background: #fff;
  3700. top: 4px;
  3701. left: 0;
  3702. border-radius: 50%;
  3703. }
  3704. /* line 473, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3705. .ordered-list {
  3706. margin-left: 30px;
  3707. }
  3708. /* line 475, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3709. .ordered-list li {
  3710. list-style-type: decimal-leading-zero;
  3711. color: #ff5e13;
  3712. font-weight: 500;
  3713. line-height: 1.82em !important;
  3714. }
  3715. /* line 480, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3716. .ordered-list li span {
  3717. font-weight: 300;
  3718. color: #828bb2;
  3719. }
  3720. /* line 488, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3721. .ordered-list-alpha li {
  3722. margin-left: 30px;
  3723. list-style-type: lower-alpha;
  3724. color: #ff5e13;
  3725. font-weight: 500;
  3726. line-height: 1.82em !important;
  3727. }
  3728. /* line 494, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3729. .ordered-list-alpha li span {
  3730. font-weight: 300;
  3731. color: #828bb2;
  3732. }
  3733. /* line 502, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3734. .ordered-list-roman li {
  3735. margin-left: 30px;
  3736. list-style-type: lower-roman;
  3737. color: #ff5e13;
  3738. font-weight: 500;
  3739. line-height: 1.82em !important;
  3740. }
  3741. /* line 508, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3742. .ordered-list-roman li span {
  3743. font-weight: 300;
  3744. color: #828bb2;
  3745. }
  3746. /* line 515, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3747. .single-input {
  3748. display: block;
  3749. width: 100%;
  3750. line-height: 40px;
  3751. border: none;
  3752. outline: none;
  3753. background: #f9f9ff;
  3754. padding: 0 20px;
  3755. }
  3756. /* line 523, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3757. .single-input:focus {
  3758. outline: none;
  3759. }
  3760. /* line 528, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3761. .input-group-icon {
  3762. position: relative;
  3763. }
  3764. /* line 530, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3765. .input-group-icon .icon {
  3766. position: absolute;
  3767. left: 20px;
  3768. top: 0;
  3769. line-height: 40px;
  3770. z-index: 3;
  3771. }
  3772. /* line 535, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3773. .input-group-icon .icon i {
  3774. color: #797979;
  3775. }
  3776. /* line 540, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3777. .input-group-icon .single-input {
  3778. padding-left: 45px;
  3779. }
  3780. /* line 545, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3781. .single-textarea {
  3782. display: block;
  3783. width: 100%;
  3784. line-height: 40px;
  3785. border: none;
  3786. outline: none;
  3787. background: #f9f9ff;
  3788. padding: 0 20px;
  3789. height: 100px;
  3790. resize: none;
  3791. }
  3792. /* line 555, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3793. .single-textarea:focus {
  3794. outline: none;
  3795. }
  3796. /* line 560, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3797. .single-input-primary {
  3798. display: block;
  3799. width: 100%;
  3800. line-height: 40px;
  3801. border: 1px solid transparent;
  3802. outline: none;
  3803. background: #f9f9ff;
  3804. padding: 0 20px;
  3805. }
  3806. /* line 568, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3807. .single-input-primary:focus {
  3808. outline: none;
  3809. border: 1px solid #ff5e13;
  3810. }
  3811. /* line 574, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3812. .single-input-accent {
  3813. display: block;
  3814. width: 100%;
  3815. line-height: 40px;
  3816. border: 1px solid transparent;
  3817. outline: none;
  3818. background: #f9f9ff;
  3819. padding: 0 20px;
  3820. }
  3821. /* line 582, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3822. .single-input-accent:focus {
  3823. outline: none;
  3824. border: 1px solid #eb6b55;
  3825. }
  3826. /* line 588, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3827. .single-input-secondary {
  3828. display: block;
  3829. width: 100%;
  3830. line-height: 40px;
  3831. border: 1px solid transparent;
  3832. outline: none;
  3833. background: #f9f9ff;
  3834. padding: 0 20px;
  3835. }
  3836. /* line 596, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3837. .single-input-secondary:focus {
  3838. outline: none;
  3839. border: 1px solid #f09359;
  3840. }
  3841. /* line 602, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3842. .default-switch {
  3843. width: 35px;
  3844. height: 17px;
  3845. border-radius: 8.5px;
  3846. background: #f9f9ff;
  3847. position: relative;
  3848. cursor: pointer;
  3849. }
  3850. /* line 609, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3851. .default-switch input {
  3852. position: absolute;
  3853. left: 0;
  3854. top: 0;
  3855. right: 0;
  3856. bottom: 0;
  3857. width: 100%;
  3858. height: 100%;
  3859. opacity: 0;
  3860. cursor: pointer;
  3861. }
  3862. /* line 619, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3863. .default-switch input + label {
  3864. position: absolute;
  3865. top: 1px;
  3866. left: 1px;
  3867. width: 15px;
  3868. height: 15px;
  3869. border-radius: 50%;
  3870. background: #ff5e13;
  3871. -webkit-transition: all 0.2s;
  3872. -moz-transition: all 0.2s;
  3873. -o-transition: all 0.2s;
  3874. transition: all 0.2s;
  3875. box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
  3876. cursor: pointer;
  3877. }
  3878. /* line 632, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3879. .default-switch input:checked + label {
  3880. left: 19px;
  3881. }
  3882. /* line 639, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3883. .primary-switch {
  3884. width: 35px;
  3885. height: 17px;
  3886. border-radius: 8.5px;
  3887. background: #f9f9ff;
  3888. position: relative;
  3889. cursor: pointer;
  3890. }
  3891. /* line 646, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3892. .primary-switch input {
  3893. position: absolute;
  3894. left: 0;
  3895. top: 0;
  3896. right: 0;
  3897. bottom: 0;
  3898. width: 100%;
  3899. height: 100%;
  3900. opacity: 0;
  3901. }
  3902. /* line 655, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3903. .primary-switch input + label {
  3904. position: absolute;
  3905. left: 0;
  3906. top: 0;
  3907. right: 0;
  3908. bottom: 0;
  3909. width: 100%;
  3910. height: 100%;
  3911. }
  3912. /* line 663, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3913. .primary-switch input + label:before {
  3914. content: "";
  3915. position: absolute;
  3916. left: 0;
  3917. top: 0;
  3918. right: 0;
  3919. bottom: 0;
  3920. width: 100%;
  3921. height: 100%;
  3922. background: transparent;
  3923. border-radius: 8.5px;
  3924. cursor: pointer;
  3925. -webkit-transition: all 0.2s;
  3926. -moz-transition: all 0.2s;
  3927. -o-transition: all 0.2s;
  3928. transition: all 0.2s;
  3929. }
  3930. /* line 677, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3931. .primary-switch input + label:after {
  3932. content: "";
  3933. position: absolute;
  3934. top: 1px;
  3935. left: 1px;
  3936. width: 15px;
  3937. height: 15px;
  3938. border-radius: 50%;
  3939. background: #fff;
  3940. -webkit-transition: all 0.2s;
  3941. -moz-transition: all 0.2s;
  3942. -o-transition: all 0.2s;
  3943. transition: all 0.2s;
  3944. box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
  3945. cursor: pointer;
  3946. }
  3947. /* line 693, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3948. .primary-switch input:checked + label:after {
  3949. left: 19px;
  3950. }
  3951. /* line 696, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3952. .primary-switch input:checked + label:before {
  3953. background: #ff5e13;
  3954. }
  3955. /* line 704, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3956. .confirm-switch {
  3957. width: 35px;
  3958. height: 17px;
  3959. border-radius: 8.5px;
  3960. background: #f9f9ff;
  3961. position: relative;
  3962. cursor: pointer;
  3963. }
  3964. /* line 711, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3965. .confirm-switch input {
  3966. position: absolute;
  3967. left: 0;
  3968. top: 0;
  3969. right: 0;
  3970. bottom: 0;
  3971. width: 100%;
  3972. height: 100%;
  3973. opacity: 0;
  3974. }
  3975. /* line 720, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3976. .confirm-switch input + label {
  3977. position: absolute;
  3978. left: 0;
  3979. top: 0;
  3980. right: 0;
  3981. bottom: 0;
  3982. width: 100%;
  3983. height: 100%;
  3984. }
  3985. /* line 728, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  3986. .confirm-switch input + label:before {
  3987. content: "";
  3988. position: absolute;
  3989. left: 0;
  3990. top: 0;
  3991. right: 0;
  3992. bottom: 0;
  3993. width: 100%;
  3994. height: 100%;
  3995. background: transparent;
  3996. border-radius: 8.5px;
  3997. -webkit-transition: all 0.2s;
  3998. -moz-transition: all 0.2s;
  3999. -o-transition: all 0.2s;
  4000. transition: all 0.2s;
  4001. cursor: pointer;
  4002. }
  4003. /* line 742, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4004. .confirm-switch input + label:after {
  4005. content: "";
  4006. position: absolute;
  4007. top: 1px;
  4008. left: 1px;
  4009. width: 15px;
  4010. height: 15px;
  4011. border-radius: 50%;
  4012. background: #fff;
  4013. -webkit-transition: all 0.2s;
  4014. -moz-transition: all 0.2s;
  4015. -o-transition: all 0.2s;
  4016. transition: all 0.2s;
  4017. box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
  4018. cursor: pointer;
  4019. }
  4020. /* line 758, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4021. .confirm-switch input:checked + label:after {
  4022. left: 19px;
  4023. }
  4024. /* line 761, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4025. .confirm-switch input:checked + label:before {
  4026. background: #4cd3e3;
  4027. }
  4028. /* line 769, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4029. .primary-checkbox {
  4030. width: 16px;
  4031. height: 16px;
  4032. border-radius: 3px;
  4033. background: #f9f9ff;
  4034. position: relative;
  4035. cursor: pointer;
  4036. }
  4037. /* line 776, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4038. .primary-checkbox input {
  4039. position: absolute;
  4040. left: 0;
  4041. top: 0;
  4042. right: 0;
  4043. bottom: 0;
  4044. width: 100%;
  4045. height: 100%;
  4046. opacity: 0;
  4047. }
  4048. /* line 785, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4049. .primary-checkbox input + label {
  4050. position: absolute;
  4051. left: 0;
  4052. top: 0;
  4053. right: 0;
  4054. bottom: 0;
  4055. width: 100%;
  4056. height: 100%;
  4057. border-radius: 3px;
  4058. cursor: pointer;
  4059. border: 1px solid #f1f1f1;
  4060. }
  4061. /* line 798, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4062. .primary-checkbox input:checked + label {
  4063. background: url(../img/elements/primary-check.png) no-repeat center center/cover;
  4064. border: none;
  4065. }
  4066. /* line 806, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4067. .confirm-checkbox {
  4068. width: 16px;
  4069. height: 16px;
  4070. border-radius: 3px;
  4071. background: #f9f9ff;
  4072. position: relative;
  4073. cursor: pointer;
  4074. }
  4075. /* line 813, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4076. .confirm-checkbox input {
  4077. position: absolute;
  4078. left: 0;
  4079. top: 0;
  4080. right: 0;
  4081. bottom: 0;
  4082. width: 100%;
  4083. height: 100%;
  4084. opacity: 0;
  4085. }
  4086. /* line 822, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4087. .confirm-checkbox input + label {
  4088. position: absolute;
  4089. left: 0;
  4090. top: 0;
  4091. right: 0;
  4092. bottom: 0;
  4093. width: 100%;
  4094. height: 100%;
  4095. border-radius: 3px;
  4096. cursor: pointer;
  4097. border: 1px solid #f1f1f1;
  4098. }
  4099. /* line 835, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4100. .confirm-checkbox input:checked + label {
  4101. background: url(../img/elements/success-check.png) no-repeat center center/cover;
  4102. border: none;
  4103. }
  4104. /* line 843, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4105. .disabled-checkbox {
  4106. width: 16px;
  4107. height: 16px;
  4108. border-radius: 3px;
  4109. background: #f9f9ff;
  4110. position: relative;
  4111. cursor: pointer;
  4112. }
  4113. /* line 850, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4114. .disabled-checkbox input {
  4115. position: absolute;
  4116. left: 0;
  4117. top: 0;
  4118. right: 0;
  4119. bottom: 0;
  4120. width: 100%;
  4121. height: 100%;
  4122. opacity: 0;
  4123. }
  4124. /* line 859, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4125. .disabled-checkbox input + label {
  4126. position: absolute;
  4127. left: 0;
  4128. top: 0;
  4129. right: 0;
  4130. bottom: 0;
  4131. width: 100%;
  4132. height: 100%;
  4133. border-radius: 3px;
  4134. cursor: pointer;
  4135. border: 1px solid #f1f1f1;
  4136. }
  4137. /* line 871, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4138. .disabled-checkbox input:disabled {
  4139. cursor: not-allowed;
  4140. z-index: 3;
  4141. }
  4142. /* line 876, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4143. .disabled-checkbox input:checked + label {
  4144. background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
  4145. border: none;
  4146. }
  4147. /* line 884, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4148. .primary-radio {
  4149. width: 16px;
  4150. height: 16px;
  4151. border-radius: 8px;
  4152. background: #f9f9ff;
  4153. position: relative;
  4154. cursor: pointer;
  4155. }
  4156. /* line 891, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4157. .primary-radio input {
  4158. position: absolute;
  4159. left: 0;
  4160. top: 0;
  4161. right: 0;
  4162. bottom: 0;
  4163. width: 100%;
  4164. height: 100%;
  4165. opacity: 0;
  4166. }
  4167. /* line 900, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4168. .primary-radio input + label {
  4169. position: absolute;
  4170. left: 0;
  4171. top: 0;
  4172. right: 0;
  4173. bottom: 0;
  4174. width: 100%;
  4175. height: 100%;
  4176. border-radius: 8px;
  4177. cursor: pointer;
  4178. border: 1px solid #f1f1f1;
  4179. }
  4180. /* line 913, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4181. .primary-radio input:checked + label {
  4182. background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
  4183. border: none;
  4184. }
  4185. /* line 921, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4186. .confirm-radio {
  4187. width: 16px;
  4188. height: 16px;
  4189. border-radius: 8px;
  4190. background: #f9f9ff;
  4191. position: relative;
  4192. cursor: pointer;
  4193. }
  4194. /* line 928, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4195. .confirm-radio input {
  4196. position: absolute;
  4197. left: 0;
  4198. top: 0;
  4199. right: 0;
  4200. bottom: 0;
  4201. width: 100%;
  4202. height: 100%;
  4203. opacity: 0;
  4204. }
  4205. /* line 937, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4206. .confirm-radio input + label {
  4207. position: absolute;
  4208. left: 0;
  4209. top: 0;
  4210. right: 0;
  4211. bottom: 0;
  4212. width: 100%;
  4213. height: 100%;
  4214. border-radius: 8px;
  4215. cursor: pointer;
  4216. border: 1px solid #f1f1f1;
  4217. }
  4218. /* line 950, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4219. .confirm-radio input:checked + label {
  4220. background: url(../img/elements/success-radio.png) no-repeat center center/cover;
  4221. border: none;
  4222. }
  4223. /* line 958, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4224. .disabled-radio {
  4225. width: 16px;
  4226. height: 16px;
  4227. border-radius: 8px;
  4228. background: #f9f9ff;
  4229. position: relative;
  4230. cursor: pointer;
  4231. }
  4232. /* line 965, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4233. .disabled-radio input {
  4234. position: absolute;
  4235. left: 0;
  4236. top: 0;
  4237. right: 0;
  4238. bottom: 0;
  4239. width: 100%;
  4240. height: 100%;
  4241. opacity: 0;
  4242. }
  4243. /* line 974, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4244. .disabled-radio input + label {
  4245. position: absolute;
  4246. left: 0;
  4247. top: 0;
  4248. right: 0;
  4249. bottom: 0;
  4250. width: 100%;
  4251. height: 100%;
  4252. border-radius: 8px;
  4253. cursor: pointer;
  4254. border: 1px solid #f1f1f1;
  4255. }
  4256. /* line 986, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4257. .disabled-radio input:disabled {
  4258. cursor: not-allowed;
  4259. z-index: 3;
  4260. }
  4261. /* line 991, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4262. .disabled-radio input:checked + label {
  4263. background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
  4264. border: none;
  4265. }
  4266. /* line 999, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4267. .default-select {
  4268. height: 40px;
  4269. }
  4270. /* line 1001, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4271. .default-select .nice-select {
  4272. border: none;
  4273. border-radius: 0px;
  4274. height: 40px;
  4275. background: #f9f9ff;
  4276. padding-left: 20px;
  4277. padding-right: 40px;
  4278. }
  4279. /* line 1008, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4280. .default-select .nice-select .list {
  4281. margin-top: 0;
  4282. border: none;
  4283. border-radius: 0px;
  4284. box-shadow: none;
  4285. width: 100%;
  4286. padding: 10px 0 10px 0px;
  4287. }
  4288. /* line 1015, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4289. .default-select .nice-select .list .option {
  4290. font-weight: 300;
  4291. -webkit-transition: all 0.3s ease 0s;
  4292. -moz-transition: all 0.3s ease 0s;
  4293. -o-transition: all 0.3s ease 0s;
  4294. transition: all 0.3s ease 0s;
  4295. line-height: 28px;
  4296. min-height: 28px;
  4297. font-size: 12px;
  4298. padding-left: 20px;
  4299. }
  4300. /* line 1022, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4301. .default-select .nice-select .list .option.selected {
  4302. color: #ff5e13;
  4303. background: transparent;
  4304. }
  4305. /* line 1026, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4306. .default-select .nice-select .list .option:hover {
  4307. color: #ff5e13;
  4308. background: transparent;
  4309. }
  4310. /* line 1033, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4311. .default-select .current {
  4312. margin-right: 50px;
  4313. font-weight: 300;
  4314. }
  4315. /* line 1037, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4316. .default-select .nice-select::after {
  4317. right: 20px;
  4318. }
  4319. /* line 1042, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4320. .form-select {
  4321. height: 40px;
  4322. width: 100%;
  4323. }
  4324. /* line 1045, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4325. .form-select .nice-select {
  4326. border: none;
  4327. border-radius: 0px;
  4328. height: 40px;
  4329. background: #f9f9ff;
  4330. padding-left: 45px;
  4331. padding-right: 40px;
  4332. width: 100%;
  4333. }
  4334. /* line 1053, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4335. .form-select .nice-select .list {
  4336. margin-top: 0;
  4337. border: none;
  4338. border-radius: 0px;
  4339. box-shadow: none;
  4340. width: 100%;
  4341. padding: 10px 0 10px 0px;
  4342. }
  4343. /* line 1060, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4344. .form-select .nice-select .list .option {
  4345. font-weight: 300;
  4346. -webkit-transition: all 0.3s ease 0s;
  4347. -moz-transition: all 0.3s ease 0s;
  4348. -o-transition: all 0.3s ease 0s;
  4349. transition: all 0.3s ease 0s;
  4350. line-height: 28px;
  4351. min-height: 28px;
  4352. font-size: 12px;
  4353. padding-left: 45px;
  4354. }
  4355. /* line 1067, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4356. .form-select .nice-select .list .option.selected {
  4357. color: #ff5e13;
  4358. background: transparent;
  4359. }
  4360. /* line 1071, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4361. .form-select .nice-select .list .option:hover {
  4362. color: #ff5e13;
  4363. background: transparent;
  4364. }
  4365. /* line 1078, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4366. .form-select .current {
  4367. margin-right: 50px;
  4368. font-weight: 300;
  4369. }
  4370. /* line 1082, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4371. .form-select .nice-select::after {
  4372. right: 20px;
  4373. }
  4374. /* line 1086, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4375. .mt-10 {
  4376. margin-top: 10px;
  4377. }
  4378. /* line 1089, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4379. .section-top-border {
  4380. padding: 50px 0;
  4381. border-top: 1px dotted #eee;
  4382. }
  4383. /* line 1093, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4384. .mb-30 {
  4385. margin-bottom: 30px;
  4386. }
  4387. /* line 1096, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4388. .mt-30 {
  4389. margin-top: 30px;
  4390. }
  4391. /* line 1099, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_elements.scss */
  4392. .switch-wrap {
  4393. margin-bottom: 10px;
  4394. }
  4395. /* Start Blog Area css
  4396. ============================================================================================ */
  4397. /* line 5, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4398. .latest-blog-area .area-heading {
  4399. margin-bottom: 70px;
  4400. }
  4401. /* line 10, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4402. .blog_area a {
  4403. color: #666666 !important;
  4404. text-decoration: none;
  4405. -webkit-transition: 0.5s;
  4406. transition: 0.5s;
  4407. }
  4408. /* line 14, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4409. .blog_area a:hover, .blog_area a :hover {
  4410. background: -webkit-linear-gradient(131deg, #DB9A64 0%, #DB9A64 99%);
  4411. -webkit-background-clip: text;
  4412. -webkit-text-fill-color: transparent;
  4413. text-decoration: none;
  4414. -webkit-transition: 0.5s;
  4415. transition: 0.5s;
  4416. }
  4417. /* line 24, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4418. .single-blog {
  4419. overflow: hidden;
  4420. margin-bottom: 30px;
  4421. }
  4422. /* line 28, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4423. .single-blog:hover {
  4424. box-shadow: 0px 10px 20px 0px rgba(42, 34, 123, 0.1);
  4425. }
  4426. /* line 32, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4427. .single-blog .thumb {
  4428. overflow: hidden;
  4429. position: relative;
  4430. }
  4431. /* line 36, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4432. .single-blog .thumb:after {
  4433. content: '';
  4434. position: absolute;
  4435. left: 0;
  4436. top: 0;
  4437. width: 100%;
  4438. height: 100%;
  4439. background: #000;
  4440. opacity: 0;
  4441. -webkit-transition: 0.5s;
  4442. transition: 0.5s;
  4443. }
  4444. /* line 49, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4445. .single-blog h4 {
  4446. border-bottom: 1px solid #dfdfdf;
  4447. padding-bottom: 34px;
  4448. margin-bottom: 25px;
  4449. }
  4450. /* line 56, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4451. .single-blog a {
  4452. font-size: 20px;
  4453. font-weight: 600;
  4454. }
  4455. /* line 66, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4456. .single-blog .date {
  4457. color: #666666;
  4458. text-align: left;
  4459. display: inline-block;
  4460. font-size: 13px;
  4461. font-weight: 300;
  4462. }
  4463. /* line 74, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4464. .single-blog .tag {
  4465. text-align: left;
  4466. display: inline-block;
  4467. float: left;
  4468. font-size: 13px;
  4469. font-weight: 300;
  4470. margin-right: 22px;
  4471. position: relative;
  4472. }
  4473. /* line 84, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4474. .single-blog .tag:after {
  4475. content: '';
  4476. position: absolute;
  4477. width: 1px;
  4478. height: 10px;
  4479. background: #acacac;
  4480. right: -12px;
  4481. top: 7px;
  4482. }
  4483. @media (max-width: 1199px) {
  4484. /* line 74, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4485. .single-blog .tag {
  4486. margin-right: 8px;
  4487. }
  4488. /* line 98, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4489. .single-blog .tag:after {
  4490. display: none;
  4491. }
  4492. }
  4493. /* line 104, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4494. .single-blog .likes {
  4495. margin-right: 16px;
  4496. }
  4497. @media (max-width: 800px) {
  4498. /* line 24, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4499. .single-blog {
  4500. margin-bottom: 30px;
  4501. }
  4502. }
  4503. /* line 112, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4504. .single-blog .single-blog-content {
  4505. padding: 30px;
  4506. }
  4507. /* line 116, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4508. .single-blog .single-blog-content .meta-bottom p {
  4509. font-size: 13px;
  4510. font-weight: 300;
  4511. }
  4512. /* line 121, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4513. .single-blog .single-blog-content .meta-bottom i {
  4514. color: #fdcb9e;
  4515. font-size: 13px;
  4516. margin-right: 7px;
  4517. }
  4518. @media (max-width: 1199px) {
  4519. /* line 112, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4520. .single-blog .single-blog-content {
  4521. padding: 15px;
  4522. }
  4523. }
  4524. /* line 135, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4525. .single-blog:hover .thumb:after {
  4526. opacity: .7;
  4527. -webkit-transition: 0.5s;
  4528. transition: 0.5s;
  4529. }
  4530. @media (max-width: 1199px) {
  4531. /* line 143, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4532. .single-blog h4 {
  4533. transition: all 300ms linear 0s;
  4534. border-bottom: 1px solid #dfdfdf;
  4535. padding-bottom: 14px;
  4536. margin-bottom: 12px;
  4537. }
  4538. /* line 149, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4539. .single-blog h4 a {
  4540. font-size: 18px;
  4541. }
  4542. }
  4543. /* line 157, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4544. .full_image.single-blog {
  4545. position: relative;
  4546. }
  4547. /* line 160, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4548. .full_image.single-blog .single-blog-content {
  4549. position: absolute;
  4550. left: 35px;
  4551. bottom: 0;
  4552. opacity: 0;
  4553. visibility: hidden;
  4554. -webkit-transition: 0.5s;
  4555. transition: 0.5s;
  4556. }
  4557. @media (min-width: 992px) {
  4558. /* line 160, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4559. .full_image.single-blog .single-blog-content {
  4560. bottom: 100px;
  4561. }
  4562. }
  4563. /* line 179, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4564. .full_image.single-blog h4 {
  4565. -webkit-transition: 0.5s;
  4566. transition: 0.5s;
  4567. border-bottom: none;
  4568. padding-bottom: 5px;
  4569. }
  4570. /* line 185, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4571. .full_image.single-blog a {
  4572. font-size: 20px;
  4573. font-weight: 600;
  4574. }
  4575. /* line 195, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4576. .full_image.single-blog .date {
  4577. color: #fff;
  4578. }
  4579. /* line 200, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4580. .full_image.single-blog:hover .single-blog-content {
  4581. opacity: 1;
  4582. visibility: visible;
  4583. -webkit-transition: 0.5s;
  4584. transition: 0.5s;
  4585. }
  4586. /* End Blog Area css
  4587. ============================================================================================ */
  4588. /* Latest Blog Area css
  4589. ============================================================================================ */
  4590. /* line 224, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4591. .l_blog_item .l_blog_text .date {
  4592. margin-top: 24px;
  4593. margin-bottom: 15px;
  4594. }
  4595. /* line 228, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4596. .l_blog_item .l_blog_text .date a {
  4597. font-size: 12px;
  4598. }
  4599. /* line 234, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4600. .l_blog_item .l_blog_text h4 {
  4601. font-size: 18px;
  4602. border-bottom: 1px solid #eeeeee;
  4603. margin-bottom: 0px;
  4604. padding-bottom: 20px;
  4605. -webkit-transition: 0.5s;
  4606. transition: 0.5s;
  4607. }
  4608. /* line 247, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4609. .l_blog_item .l_blog_text p {
  4610. margin-bottom: 0px;
  4611. padding-top: 20px;
  4612. }
  4613. /* End Latest Blog Area css
  4614. ============================================================================================ */
  4615. /* Causes Area css
  4616. ============================================================================================ */
  4617. /* line 263, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4618. .causes_slider .owl-dots {
  4619. text-align: center;
  4620. margin-top: 80px;
  4621. }
  4622. /* line 267, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4623. .causes_slider .owl-dots .owl-dot {
  4624. height: 14px;
  4625. width: 14px;
  4626. background: #eeeeee;
  4627. display: inline-block;
  4628. margin-right: 7px;
  4629. }
  4630. /* line 274, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4631. .causes_slider .owl-dots .owl-dot:last-child {
  4632. margin-right: 0px;
  4633. }
  4634. /* line 285, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4635. .causes_item {
  4636. background: #fff;
  4637. }
  4638. /* line 288, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4639. .causes_item .causes_img {
  4640. position: relative;
  4641. }
  4642. /* line 291, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4643. .causes_item .causes_img .c_parcent {
  4644. position: absolute;
  4645. bottom: 0px;
  4646. width: 100%;
  4647. left: 0px;
  4648. height: 3px;
  4649. background: rgba(255, 255, 255, 0.5);
  4650. }
  4651. /* line 299, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4652. .causes_item .causes_img .c_parcent span {
  4653. width: 70%;
  4654. height: 3px;
  4655. position: absolute;
  4656. left: 0px;
  4657. bottom: 0px;
  4658. }
  4659. /* line 307, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4660. .causes_item .causes_img .c_parcent span:before {
  4661. content: "75%";
  4662. position: absolute;
  4663. right: -10px;
  4664. bottom: 0px;
  4665. color: #fff;
  4666. padding: 0px 5px;
  4667. }
  4668. /* line 320, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4669. .causes_item .causes_text {
  4670. padding: 30px 35px 40px 30px;
  4671. }
  4672. /* line 323, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4673. .causes_item .causes_text h4 {
  4674. font-size: 18px;
  4675. font-weight: 600;
  4676. margin-bottom: 15px;
  4677. cursor: pointer;
  4678. }
  4679. /* line 336, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4680. .causes_item .causes_text p {
  4681. font-size: 14px;
  4682. line-height: 24px;
  4683. font-weight: 300;
  4684. margin-bottom: 0px;
  4685. }
  4686. /* line 346, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4687. .causes_item .causes_bottom a {
  4688. width: 50%;
  4689. border: 1px solid;
  4690. text-align: center;
  4691. float: left;
  4692. line-height: 50px;
  4693. color: #fff;
  4694. font-size: 14px;
  4695. font-weight: 500;
  4696. }
  4697. /* line 358, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4698. .causes_item .causes_bottom a + a {
  4699. border-color: #eeeeee;
  4700. background: #fff;
  4701. font-size: 14px;
  4702. }
  4703. /* End Causes Area css
  4704. ============================================================================================ */
  4705. /*================= latest_blog_area css =============*/
  4706. /* line 374, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4707. .latest_blog_area {
  4708. background: #f9f9ff;
  4709. }
  4710. /* line 378, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4711. .single-recent-blog-post {
  4712. margin-bottom: 30px;
  4713. }
  4714. /* line 381, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4715. .single-recent-blog-post .thumb {
  4716. overflow: hidden;
  4717. }
  4718. /* line 384, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4719. .single-recent-blog-post .thumb img {
  4720. transition: all 0.7s linear;
  4721. }
  4722. /* line 389, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4723. .single-recent-blog-post .details {
  4724. padding-top: 30px;
  4725. }
  4726. /* line 392, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4727. .single-recent-blog-post .details .sec_h4 {
  4728. line-height: 24px;
  4729. padding: 10px 0px 13px;
  4730. transition: all 0.3s linear;
  4731. }
  4732. /* line 403, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4733. .single-recent-blog-post .date {
  4734. font-size: 14px;
  4735. line-height: 24px;
  4736. font-weight: 400;
  4737. }
  4738. /* line 410, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4739. .single-recent-blog-post:hover img {
  4740. transform: scale(1.23) rotate(10deg);
  4741. }
  4742. /* line 417, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4743. .tags .tag_btn {
  4744. font-size: 12px;
  4745. font-weight: 500;
  4746. line-height: 20px;
  4747. border: 1px solid #eeeeee;
  4748. display: inline-block;
  4749. padding: 1px 18px;
  4750. text-align: center;
  4751. }
  4752. /* line 431, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4753. .tags .tag_btn + .tag_btn {
  4754. margin-left: 2px;
  4755. }
  4756. /*========= blog_categorie_area css ===========*/
  4757. /* line 438, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4758. .blog_categorie_area {
  4759. padding-top: 30px;
  4760. padding-bottom: 30px;
  4761. }
  4762. @media (min-width: 900px) {
  4763. /* line 438, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4764. .blog_categorie_area {
  4765. padding-top: 80px;
  4766. padding-bottom: 80px;
  4767. }
  4768. }
  4769. @media (min-width: 1100px) {
  4770. /* line 438, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4771. .blog_categorie_area {
  4772. padding-top: 120px;
  4773. padding-bottom: 120px;
  4774. }
  4775. }
  4776. /* line 454, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4777. .categories_post {
  4778. position: relative;
  4779. text-align: center;
  4780. cursor: pointer;
  4781. }
  4782. /* line 459, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4783. .categories_post img {
  4784. max-width: 100%;
  4785. }
  4786. /* line 463, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4787. .categories_post .categories_details {
  4788. position: absolute;
  4789. top: 20px;
  4790. left: 20px;
  4791. right: 20px;
  4792. bottom: 20px;
  4793. background: rgba(34, 34, 34, 0.75);
  4794. color: #fff;
  4795. transition: all 0.3s linear;
  4796. display: flex;
  4797. align-items: center;
  4798. justify-content: center;
  4799. }
  4800. /* line 476, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4801. .categories_post .categories_details h5 {
  4802. margin-bottom: 0px;
  4803. font-size: 18px;
  4804. line-height: 26px;
  4805. text-transform: uppercase;
  4806. color: #fff;
  4807. position: relative;
  4808. }
  4809. /* line 494, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4810. .categories_post .categories_details p {
  4811. font-weight: 300;
  4812. font-size: 14px;
  4813. line-height: 26px;
  4814. margin-bottom: 0px;
  4815. }
  4816. /* line 501, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4817. .categories_post .categories_details .border_line {
  4818. margin: 10px 0px;
  4819. background: #fff;
  4820. width: 100%;
  4821. height: 1px;
  4822. }
  4823. /* line 510, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4824. .categories_post:hover .categories_details {
  4825. background: rgba(222, 99, 32, 0.85);
  4826. }
  4827. /*============ blog_left_sidebar css ==============*/
  4828. /* line 525, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4829. .blog_item {
  4830. margin-bottom: 50px;
  4831. }
  4832. /* line 529, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4833. .blog_details {
  4834. padding: 30px 0 20px 10px;
  4835. box-shadow: 0px 10px 20px 0px rgba(221, 221, 221, 0.3);
  4836. }
  4837. @media (min-width: 768px) {
  4838. /* line 529, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4839. .blog_details {
  4840. padding: 60px 30px 35px 35px;
  4841. }
  4842. }
  4843. /* line 537, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4844. .blog_details p {
  4845. margin-bottom: 30px;
  4846. }
  4847. /* line 541, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4848. .blog_details a {
  4849. color: #ff8b23;
  4850. }
  4851. /* line 544, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4852. .blog_details a:hover {
  4853. color: #DB9A64;
  4854. }
  4855. /* line 549, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4856. .blog_details h2 {
  4857. font-size: 18px;
  4858. font-weight: 600;
  4859. margin-bottom: 8px;
  4860. }
  4861. @media (min-width: 768px) {
  4862. /* line 549, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4863. .blog_details h2 {
  4864. font-size: 24px;
  4865. margin-bottom: 15px;
  4866. }
  4867. }
  4868. /* line 563, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4869. .blog-info-link li {
  4870. float: left;
  4871. font-size: 14px;
  4872. }
  4873. /* line 567, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4874. .blog-info-link li a {
  4875. color: #999999;
  4876. }
  4877. /* line 571, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4878. .blog-info-link li i,
  4879. .blog-info-link li span {
  4880. font-size: 13px;
  4881. margin-right: 5px;
  4882. }
  4883. /* line 577, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4884. .blog-info-link li::after {
  4885. content: "|";
  4886. padding-left: 10px;
  4887. padding-right: 10px;
  4888. }
  4889. /* line 583, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4890. .blog-info-link li:last-child::after {
  4891. display: none;
  4892. }
  4893. /* line 588, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4894. .blog-info-link::after {
  4895. content: "";
  4896. display: block;
  4897. clear: both;
  4898. display: table;
  4899. }
  4900. /* line 596, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4901. .blog_item_img {
  4902. position: relative;
  4903. }
  4904. /* line 599, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4905. .blog_item_img .blog_item_date {
  4906. position: absolute;
  4907. bottom: -10px;
  4908. left: 10px;
  4909. display: block;
  4910. color: #fff;
  4911. background-color: #DB9A64;
  4912. padding: 8px 15px;
  4913. border-radius: 5px;
  4914. }
  4915. @media (min-width: 768px) {
  4916. /* line 599, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4917. .blog_item_img .blog_item_date {
  4918. bottom: -20px;
  4919. left: 40px;
  4920. padding: 13px 30px;
  4921. }
  4922. }
  4923. /* line 615, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4924. .blog_item_img .blog_item_date h3 {
  4925. font-size: 22px;
  4926. font-weight: 600;
  4927. color: #fff;
  4928. margin-bottom: 0;
  4929. line-height: 1.2;
  4930. }
  4931. @media (min-width: 768px) {
  4932. /* line 615, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4933. .blog_item_img .blog_item_date h3 {
  4934. font-size: 30px;
  4935. }
  4936. }
  4937. /* line 627, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4938. .blog_item_img .blog_item_date p {
  4939. font-size: 18px;
  4940. margin-bottom: 0;
  4941. color: #fff;
  4942. }
  4943. @media (min-width: 768px) {
  4944. /* line 627, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4945. .blog_item_img .blog_item_date p {
  4946. font-size: 18px;
  4947. }
  4948. }
  4949. /* line 647, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4950. .blog_right_sidebar .widget_title {
  4951. font-size: 20px;
  4952. margin-bottom: 40px;
  4953. }
  4954. /* line 652, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4955. .blog_right_sidebar .widget_title::after {
  4956. content: "";
  4957. display: block;
  4958. padding-top: 15px;
  4959. border-bottom: 1px solid #f0e9ff;
  4960. }
  4961. /* line 660, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4962. .blog_right_sidebar .single_sidebar_widget {
  4963. background: #fbf9ff;
  4964. padding: 30px;
  4965. margin-bottom: 30px;
  4966. }
  4967. /* line 664, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4968. .blog_right_sidebar .single_sidebar_widget .btn_1 {
  4969. margin-top: 0px;
  4970. }
  4971. /* line 672, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4972. .blog_right_sidebar .search_widget .form-control {
  4973. height: 50px;
  4974. border-color: #f0e9ff;
  4975. font-size: 13px;
  4976. color: #999999;
  4977. padding-left: 20px;
  4978. border-radius: 0;
  4979. border-right: 0;
  4980. }
  4981. /* line 681, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4982. .blog_right_sidebar .search_widget .form-control::placeholder {
  4983. color: #999999;
  4984. }
  4985. /* line 685, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4986. .blog_right_sidebar .search_widget .form-control:focus {
  4987. border-color: #f0e9ff;
  4988. outline: 0;
  4989. box-shadow: none;
  4990. }
  4991. /* line 694, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  4992. .blog_right_sidebar .search_widget .input-group button {
  4993. background: #fff;
  4994. border-left: 0;
  4995. border: 1px solid #f0e9ff;
  4996. padding: 4px 15px;
  4997. border-left: 0;
  4998. }
  4999. /* line 701, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5000. .blog_right_sidebar .search_widget .input-group button i,
  5001. .blog_right_sidebar .search_widget .input-group button span {
  5002. font-size: 14px;
  5003. color: #999999;
  5004. }
  5005. /* line 713, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5006. .blog_right_sidebar .newsletter_widget .form-control {
  5007. height: 50px;
  5008. border-color: #f0e9ff;
  5009. font-size: 13px;
  5010. color: #999999;
  5011. padding-left: 20px;
  5012. border-radius: 0;
  5013. }
  5014. /* line 722, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5015. .blog_right_sidebar .newsletter_widget .form-control::placeholder {
  5016. color: #999999;
  5017. }
  5018. /* line 726, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5019. .blog_right_sidebar .newsletter_widget .form-control:focus {
  5020. border-color: #f0e9ff;
  5021. outline: 0;
  5022. box-shadow: none;
  5023. }
  5024. /* line 735, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5025. .blog_right_sidebar .newsletter_widget .input-group button {
  5026. background: #fff;
  5027. border-left: 0;
  5028. border: 1px solid #f0e9ff;
  5029. padding: 4px 15px;
  5030. border-left: 0;
  5031. }
  5032. /* line 742, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5033. .blog_right_sidebar .newsletter_widget .input-group button i,
  5034. .blog_right_sidebar .newsletter_widget .input-group button span {
  5035. font-size: 14px;
  5036. color: #999999;
  5037. }
  5038. /* line 755, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5039. .blog_right_sidebar .post_category_widget .cat-list li {
  5040. border-bottom: 1px solid #f0e9ff;
  5041. transition: all 0.3s ease 0s;
  5042. padding-bottom: 12px;
  5043. }
  5044. /* line 760, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5045. .blog_right_sidebar .post_category_widget .cat-list li:last-child {
  5046. border-bottom: 0;
  5047. }
  5048. /* line 764, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5049. .blog_right_sidebar .post_category_widget .cat-list li a {
  5050. font-size: 14px;
  5051. line-height: 20px;
  5052. color: #888888;
  5053. }
  5054. /* line 769, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5055. .blog_right_sidebar .post_category_widget .cat-list li a p {
  5056. margin-bottom: 0px;
  5057. }
  5058. /* line 774, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5059. .blog_right_sidebar .post_category_widget .cat-list li + li {
  5060. padding-top: 15px;
  5061. }
  5062. /* line 791, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5063. .blog_right_sidebar .popular_post_widget .post_item .media-body {
  5064. justify-content: center;
  5065. align-self: center;
  5066. padding-left: 20px;
  5067. }
  5068. /* line 796, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5069. .blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
  5070. font-size: 16px;
  5071. line-height: 20px;
  5072. margin-bottom: 6px;
  5073. transition: all 0.3s linear;
  5074. }
  5075. /* line 807, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5076. .blog_right_sidebar .popular_post_widget .post_item .media-body a:hover {
  5077. color: #fff;
  5078. }
  5079. /* line 813, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5080. .blog_right_sidebar .popular_post_widget .post_item .media-body p {
  5081. font-size: 14px;
  5082. line-height: 21px;
  5083. margin-bottom: 0px;
  5084. }
  5085. /* line 820, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5086. .blog_right_sidebar .popular_post_widget .post_item + .post_item {
  5087. margin-top: 20px;
  5088. }
  5089. /* line 828, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5090. .blog_right_sidebar .tag_cloud_widget ul li {
  5091. display: inline-block;
  5092. }
  5093. /* line 831, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5094. .blog_right_sidebar .tag_cloud_widget ul li a {
  5095. display: inline-block;
  5096. border: 1px solid #eeeeee;
  5097. background: #fff;
  5098. padding: 4px 20px;
  5099. margin-bottom: 8px;
  5100. margin-right: 3px;
  5101. transition: all 0.3s ease 0s;
  5102. color: #888888;
  5103. font-size: 13px;
  5104. }
  5105. /* line 842, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5106. .blog_right_sidebar .tag_cloud_widget ul li a:hover {
  5107. background: #DB9A64;
  5108. color: #fff !important;
  5109. -webkit-text-fill-color: #fff;
  5110. text-decoration: none;
  5111. -webkit-transition: 0.5s;
  5112. transition: 0.5s;
  5113. }
  5114. /* line 857, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5115. .blog_right_sidebar .instagram_feeds .instagram_row {
  5116. display: flex;
  5117. margin-right: -6px;
  5118. margin-left: -6px;
  5119. }
  5120. /* line 863, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5121. .blog_right_sidebar .instagram_feeds .instagram_row li {
  5122. width: 33.33%;
  5123. float: left;
  5124. padding-right: 6px;
  5125. padding-left: 6px;
  5126. margin-bottom: 15px;
  5127. }
  5128. /* line 963, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5129. .blog_right_sidebar .br {
  5130. width: 100%;
  5131. height: 1px;
  5132. background: #eeeeee;
  5133. margin: 30px 0px;
  5134. }
  5135. /* line 984, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5136. .blog-pagination {
  5137. margin-top: 80px;
  5138. }
  5139. /* line 988, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5140. .blog-pagination .page-link {
  5141. font-size: 14px;
  5142. position: relative;
  5143. display: block;
  5144. padding: 0;
  5145. text-align: center;
  5146. margin-left: -1px;
  5147. line-height: 45px;
  5148. width: 45px;
  5149. height: 45px;
  5150. border-radius: 0 !important;
  5151. color: #8a8a8a;
  5152. border: 1px solid #f0e9ff;
  5153. margin-right: 10px;
  5154. }
  5155. /* line 1005, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5156. .blog-pagination .page-link i,
  5157. .blog-pagination .page-link span {
  5158. font-size: 13px;
  5159. }
  5160. /* line 1017, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5161. .blog-pagination .page-item.active .page-link {
  5162. background-color: #fbf9ff;
  5163. border-color: #f0e9ff;
  5164. color: #888888;
  5165. }
  5166. /* line 1024, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5167. .blog-pagination .page-item:last-child .page-link {
  5168. margin-right: 0;
  5169. }
  5170. /*============ Start Blog Single Styles =============*/
  5171. /* line 1049, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5172. .single-post-area .blog_details {
  5173. box-shadow: none;
  5174. padding: 0;
  5175. }
  5176. /* line 1054, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5177. .single-post-area .social-links {
  5178. padding-top: 10px;
  5179. }
  5180. /* line 1057, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5181. .single-post-area .social-links li {
  5182. display: inline-block;
  5183. margin-bottom: 10px;
  5184. }
  5185. /* line 1061, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5186. .single-post-area .social-links li a {
  5187. color: #cccccc;
  5188. padding: 7px;
  5189. font-size: 14px;
  5190. transition: all 0.2s linear;
  5191. }
  5192. /* line 1074, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5193. .single-post-area .blog_details {
  5194. padding-top: 26px;
  5195. }
  5196. /* line 1077, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5197. .single-post-area .blog_details p {
  5198. margin-bottom: 20px;
  5199. font-size: 15px;
  5200. }
  5201. /* line 1087, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5202. .single-post-area .quote-wrapper {
  5203. background: rgba(130, 139, 178, 0.1);
  5204. padding: 15px;
  5205. line-height: 1.733;
  5206. color: #888888;
  5207. font-style: italic;
  5208. margin-top: 25px;
  5209. margin-bottom: 25px;
  5210. }
  5211. @media (min-width: 768px) {
  5212. /* line 1087, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5213. .single-post-area .quote-wrapper {
  5214. padding: 30px;
  5215. }
  5216. }
  5217. /* line 1101, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5218. .single-post-area .quotes {
  5219. background: #fff;
  5220. padding: 15px 15px 15px 20px;
  5221. border-left: 2px solid;
  5222. }
  5223. @media (min-width: 768px) {
  5224. /* line 1101, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5225. .single-post-area .quotes {
  5226. padding: 25px 25px 25px 30px;
  5227. }
  5228. }
  5229. /* line 1111, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5230. .single-post-area .arrow {
  5231. position: absolute;
  5232. }
  5233. /* line 1114, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5234. .single-post-area .arrow .lnr {
  5235. font-size: 20px;
  5236. font-weight: 600;
  5237. }
  5238. /* line 1121, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5239. .single-post-area .thumb .overlay-bg {
  5240. background: rgba(0, 0, 0, 0.8);
  5241. }
  5242. /* line 1126, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5243. .single-post-area .navigation-top {
  5244. padding-top: 15px;
  5245. border-top: 1px solid #f0e9ff;
  5246. }
  5247. /* line 1130, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5248. .single-post-area .navigation-top p {
  5249. margin-bottom: 0;
  5250. }
  5251. /* line 1134, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5252. .single-post-area .navigation-top .like-info {
  5253. font-size: 14px;
  5254. }
  5255. /* line 1137, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5256. .single-post-area .navigation-top .like-info i,
  5257. .single-post-area .navigation-top .like-info span {
  5258. font-size: 16px;
  5259. margin-right: 5px;
  5260. }
  5261. /* line 1144, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5262. .single-post-area .navigation-top .comment-count {
  5263. font-size: 14px;
  5264. }
  5265. /* line 1147, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5266. .single-post-area .navigation-top .comment-count i,
  5267. .single-post-area .navigation-top .comment-count span {
  5268. font-size: 16px;
  5269. margin-right: 5px;
  5270. }
  5271. /* line 1156, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5272. .single-post-area .navigation-top .social-icons li {
  5273. display: inline-block;
  5274. margin-right: 15px;
  5275. }
  5276. /* line 1160, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5277. .single-post-area .navigation-top .social-icons li:last-child {
  5278. margin: 0;
  5279. }
  5280. /* line 1164, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5281. .single-post-area .navigation-top .social-icons li i,
  5282. .single-post-area .navigation-top .social-icons li span {
  5283. font-size: 14px;
  5284. color: #999999;
  5285. }
  5286. /* line 1182, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5287. .single-post-area .blog-author {
  5288. padding: 40px 30px;
  5289. background: #fbf9ff;
  5290. margin-top: 50px;
  5291. }
  5292. @media (max-width: 600px) {
  5293. /* line 1182, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5294. .single-post-area .blog-author {
  5295. padding: 20px 8px;
  5296. }
  5297. }
  5298. /* line 1191, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5299. .single-post-area .blog-author img {
  5300. width: 90px;
  5301. height: 90px;
  5302. border-radius: 50%;
  5303. margin-right: 30px;
  5304. }
  5305. @media (max-width: 600px) {
  5306. /* line 1191, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5307. .single-post-area .blog-author img {
  5308. margin-right: 15px;
  5309. width: 45px;
  5310. height: 45px;
  5311. }
  5312. }
  5313. /* line 1204, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5314. .single-post-area .blog-author a {
  5315. display: inline-block;
  5316. }
  5317. /* line 1208, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5318. .single-post-area .blog-author a:hover {
  5319. color: #DB9A64;
  5320. }
  5321. /* line 1213, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5322. .single-post-area .blog-author p {
  5323. margin-bottom: 0;
  5324. font-size: 15px;
  5325. }
  5326. /* line 1218, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5327. .single-post-area .blog-author h4 {
  5328. font-size: 16px;
  5329. }
  5330. /* line 1225, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5331. .single-post-area .navigation-area {
  5332. border-bottom: 1px solid #eee;
  5333. padding-bottom: 30px;
  5334. margin-top: 55px;
  5335. }
  5336. /* line 1230, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5337. .single-post-area .navigation-area p {
  5338. margin-bottom: 0px;
  5339. }
  5340. /* line 1234, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5341. .single-post-area .navigation-area h4 {
  5342. font-size: 18px;
  5343. line-height: 25px;
  5344. }
  5345. /* line 1240, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5346. .single-post-area .navigation-area .nav-left {
  5347. text-align: left;
  5348. }
  5349. /* line 1243, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5350. .single-post-area .navigation-area .nav-left .thumb {
  5351. margin-right: 20px;
  5352. background: #000;
  5353. }
  5354. /* line 1247, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5355. .single-post-area .navigation-area .nav-left .thumb img {
  5356. -webkit-transition: 0.5s;
  5357. transition: 0.5s;
  5358. }
  5359. /* line 1252, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5360. .single-post-area .navigation-area .nav-left .lnr {
  5361. margin-left: 20px;
  5362. opacity: 0;
  5363. -webkit-transition: 0.5s;
  5364. transition: 0.5s;
  5365. }
  5366. /* line 1259, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5367. .single-post-area .navigation-area .nav-left:hover .lnr {
  5368. opacity: 1;
  5369. }
  5370. /* line 1264, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5371. .single-post-area .navigation-area .nav-left:hover .thumb img {
  5372. opacity: .5;
  5373. }
  5374. @media (max-width: 767px) {
  5375. /* line 1240, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5376. .single-post-area .navigation-area .nav-left {
  5377. margin-bottom: 30px;
  5378. }
  5379. }
  5380. /* line 1275, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5381. .single-post-area .navigation-area .nav-right {
  5382. text-align: right;
  5383. }
  5384. /* line 1278, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5385. .single-post-area .navigation-area .nav-right .thumb {
  5386. margin-left: 20px;
  5387. background: #000;
  5388. }
  5389. /* line 1282, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5390. .single-post-area .navigation-area .nav-right .thumb img {
  5391. -webkit-transition: 0.5s;
  5392. transition: 0.5s;
  5393. }
  5394. /* line 1287, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5395. .single-post-area .navigation-area .nav-right .lnr {
  5396. margin-right: 20px;
  5397. opacity: 0;
  5398. -webkit-transition: 0.5s;
  5399. transition: 0.5s;
  5400. }
  5401. /* line 1294, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5402. .single-post-area .navigation-area .nav-right:hover .lnr {
  5403. opacity: 1;
  5404. }
  5405. /* line 1299, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5406. .single-post-area .navigation-area .nav-right:hover .thumb img {
  5407. opacity: .5;
  5408. }
  5409. @media (max-width: 991px) {
  5410. /* line 1307, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5411. .single-post-area .sidebar-widgets {
  5412. padding-bottom: 0px;
  5413. }
  5414. }
  5415. /* line 1314, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5416. .comments-area {
  5417. background: transparent;
  5418. border-top: 1px solid #eee;
  5419. padding: 45px 0;
  5420. margin-top: 50px;
  5421. }
  5422. @media (max-width: 414px) {
  5423. /* line 1314, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5424. .comments-area {
  5425. padding: 50px 8px;
  5426. }
  5427. }
  5428. /* line 1325, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5429. .comments-area h4 {
  5430. margin-bottom: 35px;
  5431. font-size: 18px;
  5432. }
  5433. /* line 1332, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5434. .comments-area h5 {
  5435. font-size: 16px;
  5436. margin-bottom: 0px;
  5437. }
  5438. /* line 1341, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5439. .comments-area .comment-list {
  5440. padding-bottom: 48px;
  5441. }
  5442. /* line 1344, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5443. .comments-area .comment-list:last-child {
  5444. padding-bottom: 0px;
  5445. }
  5446. /* line 1348, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5447. .comments-area .comment-list.left-padding {
  5448. padding-left: 25px;
  5449. }
  5450. @media (max-width: 413px) {
  5451. /* line 1354, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5452. .comments-area .comment-list .single-comment h5 {
  5453. font-size: 12px;
  5454. }
  5455. /* line 1358, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5456. .comments-area .comment-list .single-comment .date {
  5457. font-size: 11px;
  5458. }
  5459. /* line 1362, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5460. .comments-area .comment-list .single-comment .comment {
  5461. font-size: 10px;
  5462. }
  5463. }
  5464. /* line 1369, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5465. .comments-area .thumb {
  5466. margin-right: 20px;
  5467. }
  5468. /* line 1372, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5469. .comments-area .thumb img {
  5470. width: 70px;
  5471. border-radius: 50%;
  5472. }
  5473. /* line 1378, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5474. .comments-area .date {
  5475. font-size: 14px;
  5476. color: #999999;
  5477. margin-bottom: 0;
  5478. margin-left: 20px;
  5479. }
  5480. /* line 1385, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5481. .comments-area .comment {
  5482. margin-bottom: 10px;
  5483. color: #777777;
  5484. font-size: 15px;
  5485. }
  5486. /* line 1391, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5487. .comments-area .btn-reply {
  5488. background-color: transparent;
  5489. color: #888888;
  5490. padding: 5px 18px;
  5491. font-size: 14px;
  5492. display: block;
  5493. font-weight: 400;
  5494. }
  5495. /* line 1408, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5496. .comment-form {
  5497. border-top: 1px solid #eee;
  5498. padding-top: 45px;
  5499. margin-top: 50px;
  5500. margin-bottom: 20px;
  5501. }
  5502. /* line 1416, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5503. .comment-form .form-group {
  5504. margin-bottom: 30px;
  5505. }
  5506. /* line 1420, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5507. .comment-form h4 {
  5508. margin-bottom: 40px;
  5509. font-size: 18px;
  5510. line-height: 22px;
  5511. }
  5512. /* line 1428, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5513. .comment-form .name {
  5514. padding-left: 0px;
  5515. }
  5516. @media (max-width: 767px) {
  5517. /* line 1428, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5518. .comment-form .name {
  5519. padding-right: 0px;
  5520. margin-bottom: 1rem;
  5521. }
  5522. }
  5523. /* line 1437, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5524. .comment-form .email {
  5525. padding-right: 0px;
  5526. }
  5527. @media (max-width: 991px) {
  5528. /* line 1437, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5529. .comment-form .email {
  5530. padding-left: 0px;
  5531. }
  5532. }
  5533. /* line 1445, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5534. .comment-form .form-control {
  5535. border: 1px solid #f0e9ff;
  5536. border-radius: 5px;
  5537. height: 48px;
  5538. padding-left: 18px;
  5539. font-size: 13px;
  5540. background: transparent;
  5541. }
  5542. /* line 1453, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5543. .comment-form .form-control:focus {
  5544. outline: 0;
  5545. box-shadow: none;
  5546. }
  5547. /* line 1458, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5548. .comment-form .form-control::placeholder {
  5549. font-weight: 300;
  5550. color: #999999;
  5551. }
  5552. /* line 1463, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5553. .comment-form .form-control::placeholder {
  5554. color: #777777;
  5555. }
  5556. /* line 1468, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5557. .comment-form textarea {
  5558. padding-top: 18px;
  5559. border-radius: 12px;
  5560. height: 100% !important;
  5561. }
  5562. /* line 1474, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5563. .comment-form ::-webkit-input-placeholder {
  5564. /* Chrome/Opera/Safari */
  5565. font-size: 13px;
  5566. color: #777;
  5567. }
  5568. /* line 1480, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5569. .comment-form ::-moz-placeholder {
  5570. /* Firefox 19+ */
  5571. font-size: 13px;
  5572. color: #777;
  5573. }
  5574. /* line 1486, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5575. .comment-form :-ms-input-placeholder {
  5576. /* IE 10+ */
  5577. font-size: 13px;
  5578. color: #777;
  5579. }
  5580. /* line 1492, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog.scss */
  5581. .comment-form :-moz-placeholder {
  5582. /* Firefox 18- */
  5583. font-size: 13px;
  5584. color: #777;
  5585. }
  5586. /*============ End Blog Single Styles =============*/
  5587. /**************** blog part css start ****************/
  5588. /* line 2, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5589. .blog_part {
  5590. margin-bottom: 140px;
  5591. }
  5592. @media (max-width: 576px) {
  5593. /* line 2, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5594. .blog_part {
  5595. margin-bottom: 0px;
  5596. padding: 0px 0px 70px;
  5597. }
  5598. }
  5599. @media only screen and (min-width: 480px) and (max-width: 767px) {
  5600. /* line 2, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5601. .blog_part {
  5602. margin-bottom: 0px;
  5603. padding: 0px 0px 70px;
  5604. }
  5605. }
  5606. @media only screen and (min-width: 768px) and (max-width: 991px) {
  5607. /* line 2, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5608. .blog_part {
  5609. margin-bottom: 0px;
  5610. padding: 0px 0px 70px;
  5611. }
  5612. }
  5613. /* line 19, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5614. .blog_part .blog_right_sidebar .widget_title {
  5615. font-size: 20px;
  5616. margin-bottom: 40px;
  5617. font-style: inherit !important;
  5618. }
  5619. @media (max-width: 576px) {
  5620. /* line 24, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5621. .blog_part .single-home-blog {
  5622. margin-bottom: 140px;
  5623. margin-top: 20px;
  5624. }
  5625. }
  5626. @media only screen and (min-width: 480px) and (max-width: 767px) {
  5627. /* line 24, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5628. .blog_part .single-home-blog {
  5629. margin-bottom: 140px;
  5630. margin-top: 20px;
  5631. }
  5632. }
  5633. @media only screen and (min-width: 768px) and (max-width: 991px) {
  5634. /* line 24, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5635. .blog_part .single-home-blog {
  5636. margin-bottom: 140px;
  5637. margin-top: 20px;
  5638. }
  5639. }
  5640. /* line 40, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5641. .blog_part .single-home-blog .card-img-top {
  5642. border-radius: 0px;
  5643. }
  5644. /* line 43, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5645. .blog_part .single-home-blog .card {
  5646. border: 0px solid transparent;
  5647. border-radius: 0px;
  5648. background-color: transparent;
  5649. position: relative;
  5650. }
  5651. /* line 48, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5652. .blog_part .single-home-blog .card .card-body {
  5653. padding: 25px 10px 29px 40px;
  5654. background-color: #fff;
  5655. position: absolute;
  5656. left: 20px;
  5657. bottom: -140px;
  5658. box-shadow: -7.552px 9.326px 20px 0px rgba(1, 84, 85, 0.1);
  5659. border-radius: 10px;
  5660. }
  5661. @media (max-width: 576px) {
  5662. /* line 48, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5663. .blog_part .single-home-blog .card .card-body {
  5664. padding: 15px;
  5665. left: 10px;
  5666. bottom: -140px;
  5667. }
  5668. }
  5669. @media only screen and (min-width: 480px) and (max-width: 767px) {
  5670. /* line 48, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5671. .blog_part .single-home-blog .card .card-body {
  5672. padding: 15px;
  5673. left: 10px;
  5674. bottom: -140px;
  5675. }
  5676. }
  5677. @media only screen and (min-width: 992px) and (max-width: 1200px) {
  5678. /* line 48, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5679. .blog_part .single-home-blog .card .card-body {
  5680. padding: 20px;
  5681. }
  5682. }
  5683. /* line 72, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5684. .blog_part .single-home-blog .card .card-body a {
  5685. color: #DB9A64;
  5686. text-transform: uppercase;
  5687. -webkit-transition: 0.8s;
  5688. transition: 0.8s;
  5689. }
  5690. /* line 76, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5691. .blog_part .single-home-blog .card .card-body a:hover {
  5692. background: -webkit-linear-gradient(131deg, #ff7e5f 0%, #feb47b 99%);
  5693. -webkit-background-clip: text;
  5694. -webkit-text-fill-color: transparent;
  5695. }
  5696. /* line 83, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5697. .blog_part .single-home-blog .card .dot {
  5698. position: relative;
  5699. padding-left: 20px;
  5700. }
  5701. /* line 86, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5702. .blog_part .single-home-blog .card .dot:after {
  5703. position: absolute;
  5704. content: "";
  5705. width: 10px;
  5706. height: 10px;
  5707. top: 5px;
  5708. left: 0;
  5709. background-color: #DB9A64;
  5710. border-radius: 50%;
  5711. }
  5712. /* line 97, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5713. .blog_part .single-home-blog .card span {
  5714. color: #8a8a8a;
  5715. margin-bottom: 10px;
  5716. display: inline-block;
  5717. margin-top: 10px;
  5718. }
  5719. @media (max-width: 576px) {
  5720. /* line 97, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5721. .blog_part .single-home-blog .card span {
  5722. margin-bottom: 5px;
  5723. margin-top: 5px;
  5724. }
  5725. }
  5726. @media only screen and (min-width: 480px) and (max-width: 767px) {
  5727. /* line 97, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5728. .blog_part .single-home-blog .card span {
  5729. margin-bottom: 5px;
  5730. margin-top: 5px;
  5731. }
  5732. }
  5733. @media only screen and (min-width: 768px) and (max-width: 991px) {
  5734. /* line 97, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5735. .blog_part .single-home-blog .card span {
  5736. margin-bottom: 5px;
  5737. margin-top: 5px;
  5738. }
  5739. }
  5740. @media only screen and (min-width: 992px) and (max-width: 1200px) {
  5741. /* line 97, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5742. .blog_part .single-home-blog .card span {
  5743. margin-bottom: 5px;
  5744. margin-top: 5px;
  5745. }
  5746. }
  5747. /* line 119, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5748. .blog_part .single-home-blog .card h5 {
  5749. font-weight: 600;
  5750. line-height: 1.5;
  5751. font-size: 20px;
  5752. -webkit-transition: 0.8s;
  5753. transition: 0.8s;
  5754. text-transform: capitalize;
  5755. margin-bottom: 22px;
  5756. }
  5757. @media (max-width: 576px) {
  5758. /* line 119, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5759. .blog_part .single-home-blog .card h5 {
  5760. margin-bottom: 10px;
  5761. }
  5762. }
  5763. @media only screen and (min-width: 480px) and (max-width: 767px) {
  5764. /* line 119, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5765. .blog_part .single-home-blog .card h5 {
  5766. margin-bottom: 10px;
  5767. font-size: 16px;
  5768. }
  5769. }
  5770. @media only screen and (min-width: 768px) and (max-width: 991px) {
  5771. /* line 119, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5772. .blog_part .single-home-blog .card h5 {
  5773. margin-bottom: 10px;
  5774. }
  5775. }
  5776. @media only screen and (min-width: 992px) and (max-width: 1200px) {
  5777. /* line 119, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5778. .blog_part .single-home-blog .card h5 {
  5779. margin-bottom: 10px;
  5780. font-size: 18px;
  5781. }
  5782. }
  5783. /* line 140, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5784. .blog_part .single-home-blog .card h5:hover {
  5785. -webkit-transition: 0.8s;
  5786. transition: 0.8s;
  5787. background: -webkit-linear-gradient(131deg, #feb47b 0%, #ff7e5f 99%);
  5788. -webkit-background-clip: text;
  5789. -webkit-text-fill-color: transparent;
  5790. -webkit-animation: 1s;
  5791. }
  5792. /* line 150, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5793. .blog_part .single-home-blog .card ul li {
  5794. display: inline-block;
  5795. color: #8a8a8a;
  5796. margin-right: 14px;
  5797. }
  5798. @media (max-width: 576px) {
  5799. /* line 150, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5800. .blog_part .single-home-blog .card ul li {
  5801. margin-right: 10px;
  5802. }
  5803. }
  5804. @media only screen and (min-width: 480px) and (max-width: 767px) {
  5805. /* line 150, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5806. .blog_part .single-home-blog .card ul li {
  5807. margin-right: 10px;
  5808. }
  5809. }
  5810. @media only screen and (min-width: 768px) and (max-width: 991px) {
  5811. /* line 150, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5812. .blog_part .single-home-blog .card ul li {
  5813. margin-right: 10px;
  5814. }
  5815. }
  5816. @media only screen and (min-width: 992px) and (max-width: 1200px) {
  5817. /* line 150, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5818. .blog_part .single-home-blog .card ul li {
  5819. margin-right: 10px;
  5820. }
  5821. }
  5822. /* line 166, ../../Arafath/CL/Cl November/225. Restaurant-02/HTML/scss/_blog_part.scss */
  5823. .blog_part .single-home-blog .card ul li span {
  5824. margin-right: 10px;
  5825. font-size: 12px;
  5826. }
  5827. /*# sourceMappingURL=style.css.map */