index.css 224 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254925592569257925892599260926192629263926492659266926792689269927092719272927392749275927692779278927992809281928292839284928592869287928892899290929192929293929492959296929792989299930093019302930393049305930693079308930993109311931293139314931593169317931893199320932193229323932493259326932793289329933093319332933393349335933693379338933993409341934293439344934593469347934893499350935193529353935493559356935793589359936093619362936393649365936693679368936993709371937293739374937593769377937893799380938193829383938493859386938793889389939093919392939393949395939693979398939994009401940294039404940594069407940894099410941194129413941494159416941794189419942094219422942394249425942694279428942994309431943294339434943594369437943894399440944194429443944494459446944794489449945094519452945394549455945694579458945994609461946294639464946594669467946894699470947194729473947494759476947794789479948094819482948394849485948694879488948994909491949294939494949594969497949894999500950195029503950495059506950795089509951095119512951395149515951695179518951995209521952295239524952595269527952895299530953195329533953495359536953795389539954095419542954395449545954695479548954995509551955295539554955595569557955895599560956195629563956495659566956795689569957095719572957395749575957695779578957995809581958295839584958595869587958895899590959195929593959495959596959795989599960096019602960396049605960696079608960996109611961296139614961596169617961896199620962196229623962496259626962796289629963096319632963396349635963696379638963996409641964296439644964596469647964896499650965196529653965496559656965796589659966096619662966396649665966696679668966996709671967296739674967596769677967896799680968196829683968496859686968796889689969096919692969396949695969696979698969997009701970297039704970597069707970897099710971197129713971497159716971797189719972097219722972397249725972697279728972997309731973297339734973597369737973897399740974197429743974497459746974797489749975097519752975397549755975697579758975997609761976297639764976597669767976897699770977197729773977497759776977797789779978097819782978397849785978697879788978997909791979297939794979597969797979897999800980198029803980498059806980798089809981098119812981398149815981698179818981998209821982298239824982598269827982898299830983198329833983498359836983798389839984098419842984398449845984698479848984998509851985298539854985598569857985898599860986198629863986498659866986798689869987098719872987398749875987698779878987998809881988298839884988598869887988898899890989198929893989498959896989798989899990099019902990399049905990699079908990999109911991299139914991599169917991899199920992199229923992499259926992799289929993099319932993399349935993699379938993999409941994299439944994599469947994899499950995199529953995499559956995799589959996099619962996399649965996699679968996999709971997299739974997599769977997899799980998199829983998499859986998799889989999099919992999399949995999699979998999910000100011000210003100041000510006100071000810009100101001110012100131001410015100161001710018100191002010021100221002310024100251002610027100281002910030100311003210033100341003510036100371003810039100401004110042100431004410045100461004710048100491005010051100521005310054100551005610057100581005910060100611006210063100641006510066100671006810069100701007110072100731007410075100761007710078100791008010081100821008310084100851008610087100881008910090100911009210093100941009510096100971009810099101001010110102101031010410105101061010710108101091011010111101121011310114101151011610117101181011910120101211012210123101241012510126101271012810129101301013110132101331013410135101361013710138101391014010141101421014310144101451014610147101481014910150101511015210153101541015510156101571015810159101601016110162101631016410165101661016710168101691017010171101721017310174101751017610177101781017910180101811018210183101841018510186101871018810189101901019110192101931019410195101961019710198101991020010201102021020310204102051020610207102081020910210102111021210213102141021510216102171021810219102201022110222102231022410225102261022710228102291023010231102321023310234102351023610237102381023910240102411024210243102441024510246102471024810249102501025110252102531025410255102561025710258102591026010261102621026310264102651026610267102681026910270102711027210273102741027510276
  1. /*
  2. * Licensed to the Apache Software Foundation (ASF) under one
  3. * or more contributor license agreements. See the NOTICE file
  4. * distributed with this work for additional information
  5. * regarding copyright ownership. The ASF licenses this file
  6. * to you under the Apache License, Version 2.0 (the
  7. * "License"); you may not use this file except in compliance
  8. * with the License. You may obtain a copy of the License at
  9. *
  10. * http://www.apache.org/licenses/LICENSE-2.0
  11. *
  12. * Unless required by applicable law or agreed to in writing,
  13. * software distributed under the License is distributed on an
  14. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  15. * KIND, either express or implied. See the License for the
  16. * specific language governing permissions and limitations
  17. * under the License.
  18. */
  19. /* A bit custom styling */
  20. .ui-listview li .ui-btn p {
  21. color: #c0c0c0;
  22. }
  23. .ui-listview li .ui-btn .ui-li-aside {
  24. color: #eee;
  25. }
  26. /* First breakpoint is 48em (768px). 3 column layout. Tiles 250x250 pixels incl. margin at the breakpoint. */
  27. body{
  28. /*background: url("sfondo.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;*/
  29. }
  30. .ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
  31. background-color:rgba(255,255,255,0.6);
  32. }
  33. .ui-content {
  34. min-height:100% !important;
  35. padding: 0em; /* 9px */
  36. }
  37. @media ( min-width: 48em ) {
  38. .ui-content {
  39. padding: .5625em; /* 9px */
  40. }
  41. .ui-listview li {
  42. float: left;
  43. width: 30.9333%; /* 33.3333% incl. 2 x 1.2% margin */
  44. height: 14.5em; /* 232p */
  45. margin: .5625em 1.2%;
  46. }
  47. /*h2 chiari*/
  48. .ui-listview .ui-li-has-thumb h2 {
  49. bottom: 2%;/* posizione 35%*/
  50. color: #FFFFFF;
  51. text-shadow: none;
  52. }
  53. .ui-listview li > .ui-btn {
  54. -webkit-box-sizing: border-box; /* include padding and border in height so we can set it to 100% */
  55. -moz-box-sizing: border-box;
  56. -ms-box-sizing: border-box;
  57. box-sizing: border-box;
  58. height: 100%;
  59. }
  60. .ui-listview li.ui-li-has-thumb .ui-li-thumb {
  61. height: auto; /* To keep aspect ratio. */
  62. max-width: 100%;
  63. max-height: none;
  64. }
  65. /* Make all list items and anchors inherit the border-radius from the UL. */
  66. .ui-listview li,
  67. .ui-listview li .ui-btn,
  68. .ui-listview .ui-li-thumb {
  69. -webkit-border-radius: inherit;
  70. border-radius: inherit;
  71. }
  72. /* Hide the icon */
  73. .ui-listview .ui-btn-icon-right:after {
  74. display: none;
  75. }
  76. /* Make text wrap. */
  77. .ui-listview h2,
  78. .ui-listview p {
  79. white-space: normal;
  80. overflow: visible;
  81. position: absolute;
  82. left: 0;
  83. right: 0;
  84. }
  85. /* Text position */
  86. .ui-listview h2 {
  87. font-size: 1.25em;
  88. margin: 0;
  89. padding: .125em 1em;
  90. bottom: 2%; /* posizione 50%*/
  91. background: none repeat scroll 0 0 #32872d !important; /*verde!*/
  92. }
  93. .ui-listview p {
  94. font-size: 1em;
  95. margin: 0;
  96. padding: 0 1.25em;
  97. min-height: 50%;
  98. bottom: 0;
  99. }
  100. /* Semi transparent background and different position if there is a thumb. The button has overflow hidden so we don't need to set border-radius. */
  101. .ui-listview .ui-li-has-thumb h2,
  102. .ui-listview .ui-li-has-thumb p {
  103. background: #111;
  104. background: rgba(0,0,0,.8);
  105. }
  106. .ui-listview .ui-li-has-thumb h2 {
  107. bottom: 2%; /* posizione 35%*/
  108. }
  109. .ui-listview .ui-li-has-thumb p {
  110. min-height: 35%;
  111. }
  112. /* ui-li-aside has class .ui-li-desc as well so we have to override some things. */
  113. .ui-listview .ui-li-aside {
  114. padding: .125em .625em;
  115. width: auto;
  116. min-height: 0;
  117. top: 0;
  118. left: auto;
  119. bottom: auto;
  120. /* Custom styling. */
  121. background: #990099;
  122. background: rgba(153,0,153,.85);
  123. -webkit-border-top-right-radius: inherit;
  124. border-top-right-radius: inherit;
  125. -webkit-border-bottom-left-radius: inherit;
  126. border-bottom-left-radius: inherit;
  127. -webkit-border-bottom-right-radius: 0;
  128. border-bottom-right-radius: 0;
  129. }
  130. /* If you want to add shadow, don't kill the focus style. */
  131. .ui-listview li {
  132. -moz-box-shadow: 0px 0px 9px #888;
  133. -webkit-box-shadow: 0px 0px 9px #888;
  134. box-shadow: 0px 0px 9px #888;
  135. }
  136. /* Images mask the hover bg color so we give desktop users feedback by applying the focus style on hover as well. */
  137. .ui-listview li > .ui-btn:hover {
  138. -moz-box-shadow: 0px 0px 12px #33ccff;
  139. -webkit-box-shadow: 0px 0px 12px #33ccff;
  140. box-shadow: 0px 0px 12px #33ccff;
  141. }
  142. /* Animate focus and hover style, and resizing. */
  143. .ui-listview li,
  144. .ui-listview .ui-btn {
  145. -webkit-transition: all 500ms ease;
  146. -moz-transition: all 500ms ease;
  147. -o-transition: all 500ms ease;
  148. -ms-transition: all 500ms ease;
  149. transition: all 500ms ease;
  150. }
  151. }
  152. /* Second breakpoint is 63.75em (1020px). 4 column layout. Tiles will be 250x250 pixels incl. margin again at the breakpoint. */
  153. @media ( min-width: 63.75em ) {
  154. .ui-content {
  155. padding: .625em; /* 10px */
  156. }
  157. /* Set a max-width for the last breakpoint to prevent too much stretching on large screens.
  158. By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
  159. .ui-listview {
  160. max-width: 62.5em; /* 1000px */
  161. margin: 0 auto;
  162. }
  163. /* Because of the 1000px max-width the width will always be 230px (and margin left/right 10px),
  164. but we stick to percentage values for demo purposes. */
  165. .ui-listview li {
  166. width: 23%;
  167. height: 230px;
  168. margin: .625em 1%;
  169. }
  170. /*h2 chiari*/
  171. .ui-listview .ui-li-has-thumb h2 {
  172. bottom: 2%; /*position 35% scritte senza img*/
  173. color: #FFFFFF;
  174. text-shadow: none;
  175. }
  176. }
  177. /* For this demo we used images with a size of 310x310 pixels. Just before the second breakpoint the images reach their max width: 1019px - 2 x 9px padding = 1001px x 30.9333% = ~310px */
  178. /* Set a max-width for the last breakpoint to prevent too much stretching on large screens.
  179. By setting the max-width equal to the breakpoint width minus padding we keep square tiles. */
  180. /* Because of the 1000px max-width the width will always be 230px (and margin left/right 10px),
  181. but we stick to percentage values for demo purposes. */
  182. /*@media ( min-width: 0em ) {
  183. #pillole > .ui-listview {
  184. max-width: none;
  185. margin: 0 auto;
  186. }
  187. #pillole > .ui-listview li {
  188. width: 10%;
  189. height: 135px;
  190. margin: .625em 1%;
  191. }
  192. #pillole > .ui-btn-icon-right:after {
  193. margin-top: -17px !important;
  194. }
  195. }*/
  196. @media ( min-width: 3em ) {
  197. #pillole > .ui-listview li {
  198. float: left;
  199. width: 15%; /* 33.3333% incl. 2 x 1.2% margin */
  200. height: 110px; /* 232p */
  201. margin: .5625em 1.2%;
  202. }
  203. /*h2 chiari*/
  204. #pillole >.ui-listview .ui-li-has-thumb h2 {
  205. bottom: 35%;
  206. color: #FFFFFF;
  207. text-shadow: none;
  208. }
  209. #pillole > .ui-listview li > .ui-btn {
  210. -webkit-box-sizing: border-box; /* include padding and border in height so we can set it to 100% */
  211. -moz-box-sizing: border-box;
  212. -ms-box-sizing: border-box;
  213. box-sizing: border-box;
  214. height: 100%;
  215. }
  216. #pillole > .ui-listview li.ui-li-has-thumb .ui-li-thumb {
  217. height: auto; /* To keep aspect ratio. */
  218. max-width: 100%;
  219. max-height: none;
  220. }
  221. /* Make all list items and anchors inherit the border-radius from the UL. */
  222. #pillole > .ui-listview li,
  223. #pillole > .ui-listview li .ui-btn,
  224. #pillole > .ui-listview .ui-li-thumb {
  225. -webkit-border-radius: inherit;
  226. border-radius: inherit;
  227. }
  228. /* Hide the icon */
  229. #pillole > .ui-listview .ui-btn-icon-right:after {
  230. display: none;
  231. }
  232. /* Make text wrap. */
  233. #pillole > .ui-listview h2,
  234. #pillole > .ui-listview p {
  235. white-space: normal;
  236. overflow: visible;
  237. position: absolute;
  238. left: 0;
  239. right: 0;
  240. }
  241. /* Text position */
  242. #pillole > .ui-listview h2 {
  243. font-size: 1.25em;
  244. margin: 0;
  245. padding: .125em 1em;
  246. bottom: 50%;
  247. background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
  248. }
  249. #pillole > .ui-listview p {
  250. font-size: 1em;
  251. margin: 0;
  252. padding: 0 1.25em;
  253. min-height: 50%;
  254. bottom: 0;
  255. }
  256. /* Semi transparent background and different position if there is a thumb. The button has overflow hidden so we don't need to set border-radius. */
  257. #pillole > .ui-listview .ui-li-has-thumb h2,
  258. #pillole > .ui-listview .ui-li-has-thumb p {
  259. background: #111;
  260. background: rgba(0,0,0,.8);
  261. }
  262. #pillole > .ui-listview .ui-li-has-thumb h2 {
  263. bottom: 35%;
  264. }
  265. #pillole > .ui-listview .ui-li-has-thumb p {
  266. min-height: 35%;
  267. }
  268. /* ui-li-aside has class .ui-li-desc as well so we have to override some things. */
  269. #pillole > .ui-listview .ui-li-aside {
  270. padding: .125em .625em;
  271. width: auto;
  272. min-height: 0;
  273. top: 0;
  274. left: auto;
  275. bottom: auto;
  276. /* Custom styling. */
  277. background: #990099;
  278. background: rgba(153,0,153,.85);
  279. -webkit-border-top-right-radius: inherit;
  280. border-top-right-radius: inherit;
  281. -webkit-border-bottom-left-radius: inherit;
  282. border-bottom-left-radius: inherit;
  283. -webkit-border-bottom-right-radius: 0;
  284. border-bottom-right-radius: 0;
  285. }
  286. /* If you want to add shadow, don't kill the focus style. */
  287. #pillole > .ui-listview li {
  288. -moz-box-shadow: 0px 0px 9px #888;
  289. -webkit-box-shadow: 0px 0px 9px #888;
  290. box-shadow: 0px 0px 9px #888;
  291. }
  292. /* Images mask the hover bg color so we give desktop users feedback by applying the focus style on hover as well. */
  293. #pillole > .ui-listview li > .ui-btn:hover {
  294. -moz-box-shadow: 0px 0px 12px #33ccff;
  295. -webkit-box-shadow: 0px 0px 12px #33ccff;
  296. box-shadow: 0px 0px 12px #33ccff;
  297. }
  298. /* Animate focus and hover style, and resizing. */
  299. #pillole > .ui-listview li,
  300. #pillole > .ui-listview .ui-btn {
  301. -webkit-transition: all 500ms ease;
  302. -moz-transition: all 500ms ease;
  303. -o-transition: all 500ms ease;
  304. -ms-transition: all 500ms ease;
  305. transition: all 500ms ease;
  306. }
  307. }
  308. /*
  309. @media ( max-width: 480em ) {
  310. #pillole > .ui-listview {
  311. max-width: 62.5em;
  312. margin: 0 auto;
  313. }
  314. #pillole > .ui-btn-icon-right:after {
  315. margin-top: -17px !important;
  316. }
  317. #pillole > .ui-listview li {
  318. float: left;
  319. height: 35px;
  320. margin: 0.625em 1%;
  321. width: 100%;
  322. }
  323. }*/
  324. .ui-icon-home:after {
  325. background-image: url("iconahome.png") !important;
  326. background-color: #FFFFFF !important;
  327. }
  328. .ui-icon-comment:after {
  329. background-color: rgba(65, 158, 69, 0.9) !important;
  330. }
  331. .ui-icon-alert:after {
  332. background-color: rgba(255,04,04,0.9) !important;
  333. }
  334. #aggiornahome{
  335. padding:1em;
  336. }
  337. .overlaynero{
  338. width: 100%;
  339. position: fixed;
  340. overflow: hidden;
  341. background: #111;
  342. opacity: 0.5;
  343. z-index: 999;
  344. height: 100%;
  345. }
  346. /*
  347. * copertina
  348. */
  349. *, *:after, *:before {
  350. -moz-box-sizing: border-box;
  351. margin: 0;
  352. padding: 0;
  353. }
  354. .center {
  355. display: block;
  356. margin: auto;
  357. }
  358. .fit {
  359. max-height: 100%;
  360. max-width: 100%;
  361. }
  362. .ombra {
  363. box-shadow:10px 10px 15px #888;
  364. }
  365. /*
  366. .ui-navbar li:last-child .ui-btn {
  367. color: black !important;
  368. }
  369. */
  370. .ui-footer li:last-child .ui-btn {
  371. color: white !important;
  372. }
  373. .letterlink {
  374. background-color: white;
  375. border-bottom: solid 1px #666;
  376. box-shadow: 2px 2px 2px 0px #666;
  377. margin-top: -5px;
  378. }
  379. ul.letterlink li {
  380. display: inline-block;
  381. font-size: 2em;
  382. text-transform: uppercase;
  383. color: red;
  384. padding: 2px 0.2em;
  385. }
  386. ul.letterlink li a.ui-link {
  387. color: red !important;
  388. text-decoration: none;
  389. }
  390. .listatovirgole.listevoci ul li a {
  391. text-transform: initial;
  392. font-size: 1.4em !important;
  393. color: #000 !important;
  394. }
  395. .listatovirgole ul li small,
  396. .listatovirgole.listevoci ul li small {
  397. font-size: 0.8em !important;
  398. }
  399. .gifloader:nth-child(2) {
  400. display: none;
  401. }
  402. img.gifloader:nth-child(3) {
  403. display: none;
  404. }
  405. ul.aindex.downnav.ui-grid-b {
  406. height: 13px;
  407. }
  408. .letterlink {
  409. padding: 0px 1.5em;
  410. }
  411. /*paginazione*/
  412. .ui-link.next {
  413. display: inline-block;
  414. border: solid 2px red;
  415. padding: 0.2em 1em 0.5em;
  416. border-radius: 5px;
  417. float: right;
  418. margin-top:1em;
  419. }
  420. .ui-link.prev {
  421. display: inline-block;
  422. border: solid 2px red;
  423. padding: 0.2em 1em 0.5em;
  424. border-radius: 5px;
  425. float: left;
  426. margin-top:1em;
  427. }
  428. /*liste nelle pagine*/
  429. ul, ol {
  430. list-style-position: inside;
  431. }
  432. .listatovirgole ul li a,
  433. .listatovirgole ul li a.ui-link {
  434. color: black !important;
  435. }
  436. .listatovirgole ul li a.morelink,
  437. .listatovirgole.listevoci ul li a.morelink {
  438. font-size: 0.8em !important;
  439. color: #f00 !important;
  440. }
  441. /*
  442. * togliere per android
  443. .ui-title {
  444. padding-top: 20px !important;
  445. }*/
  446. /* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 5, 2017 */
  447. @font-face {
  448. font-family: 'bebas_neue_regularregular';
  449. src: url('bebasneue_regular-webfont.woff2') format('woff2'),
  450. url('bebasneue_regular-webfont.woff') format('woff');
  451. font-weight: normal;
  452. font-style: normal;
  453. }
  454. @font-face {
  455. font-family: 'bebas_neuelight';
  456. src: url('bebasneue_light-webfont.woff2') format('woff2'),
  457. url('bebasneue_light-webfont.woff') format('woff');
  458. font-weight: normal;
  459. font-style: normal;
  460. }
  461. @font-face {
  462. font-family: 'bebas_neuebook';
  463. src: url('bebasneue_book-webfont.woff2') format('woff2'),
  464. url('bebasneue_book-webfont.woff') format('woff');
  465. font-weight: normal;
  466. font-style: normal;
  467. }
  468. @font-face {
  469. font-family: 'bebas_neuebold';
  470. src: url('bebasneue_bold-webfont.woff2') format('woff2'),
  471. url('bebasneue_bold-webfont.woff') format('woff');
  472. font-weight: normal;
  473. font-style: normal;
  474. }
  475. @font-face {
  476. font-family: 'bebas_neuethin';
  477. src: url('bebasneue_thin-webfont.woff2') format('woff2'),
  478. url('bebasneue_thin-webfont.woff') format('woff');
  479. font-weight: normal;
  480. font-style: normal;
  481. }
  482. * {
  483. -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
  484. }
  485. body {
  486. /*-webkit-touch-callout: none; */ /* prevent callout to copy image, etc when tap to hold */
  487. -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
  488. /*-webkit-user-select: none; */ /* prevent copy paste, to allow, change 'none' to 'text' */
  489. font-size:0.8em;
  490. width:100%;
  491. text-align:justify;
  492. font-family: 'titilliumregular', sans-serif !important;
  493. }
  494. body, input, select, textarea, button, .ui-btn{
  495. font-family: 'titilliumregular', sans-serif !important;}
  496. /*barra in basso di glossario*/
  497. #testata > .ui-title, #refreshbutton
  498. {
  499. background:#ff0000 !important;
  500. background:linear-gradient(#ff0000,#800000) repeat scroll 0 0 #800000 !important;
  501. color:#ddd !important;
  502. text-shadow:none;
  503. }
  504. #refreshbutton{margin:2em 0px;}
  505. .ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit
  506. {
  507. font-weight:500 !important;
  508. }
  509. .ui-mobile .ui-page {
  510. /*padding: 2em !important;*/
  511. /*per menu lettere a sn*/
  512. min-height: 400px;
  513. }
  514. /*.ui-panel{
  515. width:100% !important;
  516. }*/
  517. .centro
  518. {
  519. text-align:center;
  520. }
  521. /*
  522. * icone search
  523. */
  524. .ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after {
  525. background-color: #FF0000 !important;
  526. }
  527. /*
  528. * bottone indietro
  529. */
  530. .indietro.ui-btn
  531. {
  532. background: #ff0000 !important;
  533. box-shadow: 5px 5px 5px #AAA;
  534. border:solid 2px #fff !important;
  535. text-shadow: none !important;
  536. /*color:#fff !important;*/
  537. }
  538. /* ricerca dentro alle lettere*/
  539. .ui-input-search
  540. {
  541. width:27% !important;
  542. /*float:right;*/
  543. margin-right:1em;
  544. }
  545. form.cercatesto {
  546. margin-left: 2em;
  547. }
  548. /*menulettere*/
  549. .menulettere {
  550. right: 0px;
  551. /*left:-40px;*/
  552. list-style: none outside none;
  553. position: absolute;
  554. top: 80px;
  555. /*
  556. * 69per android!
  557. */
  558. }
  559. .menulettere a {
  560. color: #FF0000 !important;
  561. font-size: 1.3em;
  562. line-height: 1;
  563. list-style: none outside none;
  564. text-decoration: none;
  565. text-shadow: none;
  566. font-family: 'bebas_neuebold';
  567. }
  568. .menulettere li{
  569. border-bottom: 2px solid #000000;
  570. color: #000000;
  571. list-style: none outside none;
  572. padding: 0.3em;
  573. text-align: center;
  574. }
  575. /*finemenulettere*/
  576. /*
  577. *
  578. * menu linguetta laterale*/
  579. .linguetta.ui-link {
  580. background: none repeat scroll 0 0 #FF0000;
  581. border: 2px solid #FFFFFF;
  582. box-shadow: 5px 5px 5px #AAAAAA;
  583. color: #FFFFFF !important;
  584. display: inline-block;
  585. font-size: 0.8em;
  586. font-weight: 500 !important;
  587. left: -2px;
  588. padding: 2em 0.5em;
  589. position: fixed;
  590. text-align: center;
  591. text-decoration: none;
  592. text-shadow: none;
  593. text-transform: uppercase;
  594. top: 7.2em;
  595. z-index: 800;
  596. }
  597. .indicelettera
  598. {
  599. font-weight:700;
  600. font-size:3em;
  601. }
  602. /*fine menu linguetta laterale*/
  603. /*
  604. *
  605. *titolo A come: dentro a introlettera */
  606. img.minilogo {
  607. float: right;
  608. }
  609. /*.introlettera OLD {
  610. display:inline-block;
  611. padding:0 2em;
  612. margin-top:0px;
  613. text-align:left;
  614. font-family: 'bebas_neuebold';
  615. } */
  616. .introlettera {
  617. display: inline-block;
  618. margin-top: 0px;
  619. text-align: left;
  620. font-family: 'titilliumlight';
  621. font-size: 1.8em;
  622. text-transform: uppercase;
  623. color: #c53f33;
  624. margin-bottom: 0.2em;
  625. }
  626. p.elements{margin:0px 1.5em !important;
  627. padding: 0em;
  628. }
  629. img.virgoleD {
  630. float: right;
  631. width: 1.5em;
  632. margin-top:-1em;
  633. margin-right: -0.1em;
  634. }
  635. img.virgoleS {
  636. width: 1.5em;
  637. margin-bottom: -1em;
  638. margin-left: -0.1em;
  639. }
  640. .lettera
  641. {
  642. color: #E60000;
  643. /*font-family: "PF Din Text Comp Pro Medium",sans-serif;*/
  644. font-size: 48px;
  645. font-style: normal;
  646. font-variant: normal;
  647. font-weight: 500;
  648. text-transform: uppercase;
  649. }
  650. .come
  651. {
  652. /*font-family: "PF Din Text Comp Pro Medium",sans-serif;*/
  653. font-size: 48px;
  654. font-style: normal;
  655. font-variant: normal;
  656. font-weight: 500;
  657. text-transform: uppercase;}
  658. /*fine a come*/
  659. /*inizio stile tab*/
  660. .hide{
  661. display:none !important;
  662. }
  663. .sottolettere
  664. {
  665. position:absolute;
  666. left:0px;
  667. top:0px;
  668. z-index: 1000;
  669. position:fixed;
  670. }
  671. /*fine tab*/
  672. /*bookmark*/
  673. /*.star
  674. */
  675. .star{
  676. font-size:0;
  677. background-color:#ff0000;
  678. display:inline-block;
  679. width:30px;
  680. height:30px;
  681. overflow:hidden;
  682. position:relative;
  683. background-image:
  684. url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=' ) ;
  685. /*left:-25px;*/
  686. background-size: contain;
  687. left: 80%;
  688. top: -52px;
  689. border:solid 4px red;
  690. }
  691. .starred
  692. {
  693. font-size:0;
  694. background-color:#ff0000;
  695. /*white-space:nowrap;*/
  696. display:inline-block;
  697. width:30px;
  698. height:30px;
  699. overflow:hidden;
  700. position:relative;
  701. background-image:
  702. url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
  703. background-size: contain;
  704. z-index:1;
  705. border:solid 4px red;
  706. /* margin-left:50%;
  707. left:-25px;*/
  708. }
  709. .segnato
  710. {
  711. color:red !important;
  712. line-height:2;
  713. }
  714. /*fine bookmark*/
  715. div.posizionefrecce
  716. {
  717. position:relative;
  718. top:20%;
  719. }
  720. .testo {
  721. margin: 0 1em;
  722. padding:0 1em;
  723. }
  724. .titolotesto
  725. {
  726. color: #E60000;
  727. font-family: 'bebas_neuebold'; font-size: 1.2em;
  728. font-style: normal;
  729. font-variant: normal;
  730. text-transform: uppercase;
  731. text-align:center;
  732. }
  733. .indicelettera
  734. {
  735. font-weight:700;
  736. font-size:3em;
  737. }
  738. /*avvisi e tabelle*/
  739. .avviso {
  740. border-bottom: 3px dotted #FF0000;
  741. border-top: 3px dotted #FF0000;
  742. }
  743. .avviso > img {
  744. padding: 1em;
  745. }
  746. /*
  747. *
  748. *
  749. * mediaqueries
  750. *
  751. *
  752. *
  753. * */
  754. @media screen and (max-width: 980px) {
  755. .ui-input-search
  756. {
  757. width:20% !important; }
  758. }
  759. @media screen and (max-width: 650px) {
  760. .ui-input-search
  761. {
  762. width:30% !important;
  763. }
  764. }
  765. @media screen and (max-width: 480px) {
  766. .indicelettera
  767. {
  768. font-size: 2em;}
  769. .ui-input-search
  770. {
  771. width:50% !important;
  772. }
  773. .ui.body {
  774. font-size:0.9em;
  775. }
  776. .testo {
  777. text-align:left;
  778. }
  779. .star{
  780. left: 50%;
  781. top: -4px;
  782. }
  783. }
  784. /* solo per lista collassabile
  785. * */
  786. /* Adjust the width of the left reveal menu. */
  787. #a1 #sottolettera.ui-panel {
  788. width: 15em;
  789. }
  790. #a1 #sottolettera.ui-panel-closed {
  791. width: 0;
  792. }
  793. #a1 .ui-panel-page-content-position-left,
  794. .ui-panel-dismiss-open.ui-panel-dismiss-position-left {
  795. left: 15em;
  796. right: -15em;
  797. }
  798. #a1 .ui-panel-animate.ui-panel-page-content-position-left.ui-panel-page-content-display-reveal {
  799. left: 0;
  800. right: 0;
  801. -webkit-transform: translate3d(15em,0,0);
  802. -moz-transform: translate3d(15em,0,0);
  803. transform: translate3d(15em,0,0);
  804. }
  805. /* Listview with collapsible list items. */
  806. .ui-listview > li .ui-collapsible-heading {
  807. margin: 0;
  808. }
  809. .ui-collapsible.ui-li-static {
  810. padding: 0;
  811. border: none !important;
  812. }
  813. .ui-collapsible + .ui-collapsible > .ui-collapsible-heading > .ui-btn {
  814. border-top: none !important;
  815. }
  816. /* Nested list button colors */
  817. .ui-listview .ui-listview .ui-btn {
  818. background: #fff;
  819. }
  820. .ui-listview .ui-listview .ui-btn:hover {
  821. background: #f5f5f5;
  822. }
  823. .ui-listview .ui-listview .ui-btn:active {
  824. background: #f1f1f1;
  825. }
  826. /* Reveal panel shadow on top of the listview menu (only to be used if you don't use fixed toolbars) */
  827. #a1 .ui-panel-display-reveal {
  828. -webkit-box-shadow: none;
  829. -moz-box-shadow: none;
  830. box-shadow: none;
  831. }
  832. #a1 .ui-panel-page-content-position-left {
  833. -webkit-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
  834. -moz-box-shadow: -5px 0px 5px rgba(0,0,0,.15);
  835. box-shadow: -5px 0px 5px rgba(0,0,0,.15);
  836. }
  837. /*logo apertura APP */
  838. #logohome {
  839. width: 15%;
  840. position: relative;
  841. margin-top: 5%;
  842. }
  843. a.minibox{ display:inline-block;float:left;margin:0.4%;}
  844. a.minibox img{ transform: translate(-50%, -50%);
  845. position: relative;
  846. margin-top: 50%;
  847. margin-left: 50%;
  848. width:100%;
  849. min-width:100%;
  850. max-width:600px;
  851. }
  852. a.minibox.red{ height: 49%; width: 49%;background-color:rgba(196,63,51,1);}
  853. a.minibox.green{height: 49%; width: 49%;background-color:rgba(131,174,104,1);}
  854. #box4{
  855. height: 300px;
  856. width: 300px;
  857. position: absolute;
  858. left: 50%;
  859. top: 50%;
  860. transform: translate(-50%, -50%);
  861. text-align: center;
  862. padding: 10px;
  863. margin: 0;
  864. }
  865. /*@media screen and (min-aspect-ratio: 1/1) and (min-width:400px)*/
  866. /*@media screen and (min-aspect-ratio: 1/1) and (min-width:400px)and (min-height:400px) {
  867. #box4 {height: 600px;
  868. width: 600px;}
  869. body, input, select, textarea, button, .ui-btn, a{
  870. font-size:1.3em !important ;
  871. }
  872. ul#upnav > li > a > span {
  873. line-height: 2em !important;}
  874. }*/
  875. /*#box4 {
  876. position: absolute;
  877. left: 50%;
  878. top: 50%;
  879. transform: translate(-50%, -50%);
  880. text-align: center;
  881. padding: 20px;
  882. margin: 0;
  883. height: 600px;
  884. width: 600px;
  885. }
  886. #logohome {
  887. height: 15%;
  888. top: 5px;
  889. }
  890. p.elements{margin:0px 50px !important;}
  891. img.virgoleS , img.virgoleD{width:50px;}
  892. img.virgoleS {margin-bottom: -30px;}
  893. img.virgoleD {margin-top:-30px;}
  894. }*/
  895. p{margin: 0.8em 0px ;}
  896. /*navigazione in cima
  897. a.ui-btn span.deepblack, a.ui-link span.deepblack , a.ui-link span.deepblack:focus,a.ui-link span.deepblack:visited{
  898. color: black !important;
  899. }
  900. a.ui-btn span.deepwhite, a.ui-link span.deepwhite, span.deepwhite:focus, a.ui-link span.deepwhite:visited ,a.ui-btn.ui-link, a.ui-btn.ui-link:focus, a.ui-btn.ui-link:visited {
  901. color: white !important;
  902. }
  903. a.ui-btn-activeui-btn.ui-link{}
  904. ul#upnav > li.attivissima {
  905. display: inline-block;
  906. width:50.1% !important;
  907. overflow:hidden;
  908. }
  909. ul#upnav > li.attivissima > a > img {
  910. top:12%;
  911. float: left;
  912. left:2%;
  913. transform: initial;
  914. }
  915. ul#upnav > li {
  916. display: inline-block;
  917. width:12.5%;
  918. height:3em;
  919. overflow:hidden;
  920. margin-top:-0.2em;
  921. margin-right:-0.24em;
  922. }
  923. ul#upnav > li > a > span {
  924. font-family: 'titilliumlight' !important;
  925. font-size: 1em;
  926. text-shadow: none;
  927. color: white;
  928. text-transform: uppercase;
  929. display: inline-block;
  930. vertical-align: middle;
  931. line-height: 3.5em;
  932. height: 100%;
  933. padding-left: 0.2em;
  934. }
  935. ul#upnav > li >a >img {
  936. display: inline-block;
  937. width: auto;
  938. height: 80%;
  939. position: relative;
  940. padding: 0.1em;
  941. left: 40%;
  942. transform: translate(-50%, -50%);
  943. top: 50%;
  944. }
  945. #upnav>.uindex{background-color:rgba(89,169,196,1);}
  946. #upnav>.aindex{background-color:rgba(196,63,51,1);}
  947. #upnav>li.isindex, li.isindex .ui-btn{background-color:rgba(228,159,83,1);
  948. text-shadow: none;color:white;}
  949. #upnav>.esindex{background-color:rgba(131,174,104,1);}
  950. #upnav>.cercalink{background-color:#d1cdcb;}
  951. .downnav {
  952. top: -5px;}
  953. .ui-navbar li .ui-btn {
  954. font-size:0.7em !important;
  955. }
  956. #nav2 .ui-grid-a > .ui-block-a, #nav2 .ui-grid-a > .ui-block-b {
  957. height:2em;
  958. }
  959. .uindex.ui-link.ui-btn.ui-mini{background-color:rgba(165,212,226,1);text-shadow: none;color:white;text-transform: uppercase;}
  960. .aindex.ui-link.ui-btn.ui-mini{background-color:rgba(226,156,143,1);text-shadow: none;color:white;text-transform: uppercase;}
  961. .ui-mini.isindex.ui-link.ui-btn{background-color:rgba(243,208,170,1);
  962. text-shadow: none;color:white;text-transform: uppercase;}
  963. .esindex.ui-link.ui-btn.ui-mini{background-color:rgba(189,214,180,1);text-shadow: none;color:white;text-transform: uppercase;}
  964. .cercalink.ui-link.ui-btn.ui-mini{background-color:#d1cdcb;text-shadow: none;color:white;text-transform: uppercase;}
  965. a.ui-btn-active.ui-btn.ui-link.uindex{background-color:rgba(89,169,196,1);!important;
  966. text-shadow: none;color:black;}
  967. a.ui-btn-active.ui-btn.ui-link.aindex{background-color:rgba(196,63,51,1);!important;
  968. text-shadow: none;color:black;}
  969. a.ui-btn-active.isindex.ui-btn.ui-link{
  970. background:rgba(228,159,83,1) !important;
  971. text-shadow: none;color:black;}
  972. a.ui-btn-active.ui-btn.ui-link.esindex{background-color:rgba(131,174,104,1);!important;
  973. text-shadow: none;color:black;}
  974. .ui-page-theme-a .ui-btn:hover{
  975. background-color:rgba(255,255,255,1)!important;text-shadow: none;color:black;}
  976. #nav2 {
  977. margin-top: -1px;
  978. max-width:798px;
  979. }
  980. */
  981. .gifloader{left:50%;position:relative;margin-left: -75px;
  982. width: 150px;}
  983. /*contenuto della pagina presentazioni e come si usa*/
  984. .ui-content{
  985. margin-top: 0.7em !important;
  986. padding: 0.7em !important;
  987. }
  988. p:has(> img.panel_logo){
  989. margin: 0.9em 0px;
  990. }
  991. .panel_logo {
  992. margin: 0 50% 10%;
  993. transform: translate(-50%, 0);
  994. -webkit-transform: translate(-50%, 0);
  995. -moz-transform: translate(-50%, 0);
  996. }
  997. /*footer*/
  998. #navfooter{ /*max-width: 800px;
  999. margin: 0 auto -34px;*/
  1000. }
  1001. #navfooter ul {
  1002. /*margin-top: -2em !important;*/
  1003. max-width: 797px;
  1004. margin-left: -1px;
  1005. }
  1006. #navheader {
  1007. padding-top: 0;
  1008. top: 0;
  1009. }
  1010. #nav2 {
  1011. background-color: orange;
  1012. max-height: 70px;
  1013. }
  1014. .rwd {
  1015. /*max-width: auto;*/
  1016. max-height: 30px;
  1017. }
  1018. hr.post-divider {
  1019. margin-left: 15%;
  1020. width: 70%;
  1021. color: #c53f33;
  1022. border-style: dashed;
  1023. border-width: 1px;
  1024. margin-bottom: 2px;
  1025. }
  1026. #outside, .ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a {
  1027. /*background-color: purple !important;*/
  1028. }
  1029. /*BLOCCO DI TUTTO A MAX WIDTH:(800)
  1030. .ui-mobile .ui-page, body {
  1031. max-width: 800px;margin: 0 auto;
  1032. }
  1033. body{background-color:#000 !important;}
  1034. #navheader {
  1035. max-width: 800px;
  1036. margin: 0 auto;
  1037. }
  1038. .ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page {
  1039. left: 50% !important;
  1040. transform: translate(-50%,0px);
  1041. background-color:white !important;
  1042. }
  1043. .ui-header{
  1044. border-width:0px !important;
  1045. }
  1046. */
  1047. /*pagina dinamica*/
  1048. .listatovirgole ul {
  1049. font-family: "titilliumregular";
  1050. list-style: none;
  1051. text-align: left;
  1052. text-transform: uppercase;
  1053. font-weight: 500;
  1054. }
  1055. img.epuntato{
  1056. width:1.4em;
  1057. display:inline-block;
  1058. }
  1059. .listatovirgole ul li a, .listatovirgole ul li a.ui-link{
  1060. color:black;
  1061. font-family:"bebas_neuebold";
  1062. font-size: 1.5em !important;
  1063. text-decoration: none;
  1064. padding: 0px 2px;
  1065. display:inline;
  1066. }
  1067. .listatovirgole ul li small{
  1068. color: black;
  1069. font-family: "titilliumregular";
  1070. display: inline-block;
  1071. margin-bottom: 0.5em;
  1072. font-size: 1em !important;
  1073. }
  1074. .listatovirgole ul li a.morelink{
  1075. display:inline-block;
  1076. color:red;
  1077. font-family: "titilliumregular";
  1078. font-size: 1em !important;
  1079. }
  1080. .listacategorie li a.ui-link {
  1081. color: red;
  1082. text-decoration: none;
  1083. list-style: none;
  1084. display: inline-block;
  1085. padding: 0.2em 0.2em 0.5em 0.2em;
  1086. }
  1087. .ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
  1088. color: #f00 !important;
  1089. font-weight: 700;
  1090. }
  1091. /*home*/
  1092. div#index.ui-page.ui-page-active {
  1093. height: 100% !important;
  1094. }
  1095. /*import dal sito xm24*/
  1096. @charset "UTF-8";
  1097. /***************************************
  1098. Theme Name: Sahifa
  1099. Theme URI: http://themes.tielabs.com/sahifa/
  1100. Description: The Ultimate WordPress News Theme you have been waiting for!
  1101. Author: TieLabs
  1102. Author URI: http://tielabs.com/
  1103. Version: 5.5.1
  1104. License: license purchased
  1105. License URI: http://themeforest.net/licenses/regular_extended
  1106. Tags: two-columns, fluid-layout, fixed-layout, custom-background, threaded-comments, translation-ready, custom-menu
  1107. ***************************************/
  1108. /**
  1109. * Main Styles
  1110. * -----------------------------------------------------------------------------
  1111. */
  1112. * {
  1113. padding: 0;
  1114. margin: 0;
  1115. outline: none;
  1116. list-style: none;
  1117. border: 0 none;
  1118. }
  1119. *,
  1120. *:before,
  1121. *:after {
  1122. -webkit-box-sizing: border-box;
  1123. -moz-box-sizing: border-box;
  1124. -ms-box-sizing: border-box;
  1125. box-sizing: border-box;
  1126. }
  1127. html {
  1128. -ms-touch-action: manipulation;
  1129. touch-action: manipulation;
  1130. }
  1131. body {
  1132. background: #FFF url(images/patterns/body-bg7.png);
  1133. color: #333;
  1134. font-family: 'Droid Sans', Arial, Verdana, sans-serif;
  1135. font-size: 13px;
  1136. }
  1137. pre,
  1138. code {
  1139. direction: ltr;
  1140. background: url(images/code-bg.png);
  1141. font: 11px/19px'andale mono', 'lucida console', monospace;
  1142. padding: 3px;
  1143. display: block;
  1144. overflow-x: visible;
  1145. overflow-y: hidden;
  1146. margin: 0 0 20px 0;
  1147. color: #666;
  1148. border-top: 1px solid #E1E1E1;
  1149. border-left: 1px solid #E1E1E1;
  1150. border-bottom: 1px solid #F0F0F0;
  1151. border-right: 1px solid #F0F0F0;
  1152. }
  1153. h1,
  1154. h2,
  1155. h3,
  1156. h4,
  1157. h5,
  1158. h6 {
  1159. font-weight: normal;
  1160. }
  1161. .alignright {
  1162. float: right;
  1163. }
  1164. .alignleft {
  1165. float: left;
  1166. }
  1167. .aligncenter {
  1168. clear: both;
  1169. margin-left: auto;
  1170. margin-right: auto;
  1171. }
  1172. a {
  1173. color: #444;
  1174. text-decoration: none;
  1175. }
  1176. a:hover {
  1177. color: #000;
  1178. }
  1179. .clear {
  1180. clear: both;
  1181. }
  1182. #theme-header:after,
  1183. #signup_form:after,
  1184. #buddypress:after,
  1185. #main-nav:after,
  1186. .gallery:after,
  1187. #respond:before {
  1188. display: block;
  1189. visibility: hidden;
  1190. clear: both;
  1191. height: 0;
  1192. content: " ";
  1193. }
  1194. a,
  1195. .post-title a,
  1196. ul.slider-navigation li,
  1197. .pagenavi a,
  1198. a.more-link,
  1199. .main-menu li a,
  1200. .subscribe-icons a,
  1201. .flickr_badge_image img,
  1202. .mega-menu-item img,
  1203. .arqam-lite-widget-counter a i,
  1204. .arqam-lite-widget-counter a span,
  1205. .arqam-lite-widget-counter a small,
  1206. .search-block-large .search-button,
  1207. .search-block-large #s,
  1208. .widget.timeline-posts li span.tie-date,
  1209. .widget.timeline-posts li span.tie-date:before {
  1210. -webkit-transition: all .2s ease-in-out;
  1211. -moz-transition: all .2s ease-in-out;
  1212. -ms-transition: all .2s ease-in-out;
  1213. -o-transition: all .2s ease-in-out;
  1214. transition: all .2s ease-in-out;
  1215. }
  1216. iframe {
  1217. max-width: 100%;
  1218. }
  1219. textarea,
  1220. input,
  1221. select {
  1222. border: 1px solid #ccc;
  1223. background: #fff;
  1224. font-size: inherit;
  1225. }
  1226. textarea {
  1227. overflow: auto;
  1228. width: 100%;
  1229. }
  1230. textarea,
  1231. input {
  1232. padding: 5px;
  1233. outline: none;
  1234. }
  1235. select {
  1236. padding: 2px;
  1237. }
  1238. option {
  1239. padding: 0 4px;
  1240. }
  1241. input[type=button],
  1242. button {
  1243. padding: 4px;
  1244. cursor: pointer;
  1245. vertical-align: middle;
  1246. }
  1247. input.text_input,
  1248. textarea.textarea {
  1249. border: 1px solid #ccc;
  1250. -webkit-border-radius: 1px;
  1251. -moz-border-radius: 1px;
  1252. border-radius: 1px;
  1253. }
  1254. textarea,
  1255. input[type=text],
  1256. input[type=password],
  1257. input[type=email],
  1258. input[type=url],
  1259. input[type=tel],
  1260. input[type=number],
  1261. input[type=date],
  1262. input[type=file],
  1263. input[type=search],
  1264. input[type=color],
  1265. input[type=datetime],
  1266. input[type=datetime-local],
  1267. input[type=month],
  1268. input[type=range],
  1269. input[type=time],
  1270. input[type=week],
  1271. select {
  1272. border-color: #F1F1F1;
  1273. border-top-color: #DDD;
  1274. border-left-color: #DDD;
  1275. background-color: #F9F9F9;
  1276. color: #515151;
  1277. font: 12px Tahoma;
  1278. padding: 8px;
  1279. margin-bottom: 7px;
  1280. -webkit-border-radius: 3px;
  1281. -moz-border-radius: 3px;
  1282. border-radius: 3px;
  1283. webkit-transition: all 0.3s ease-in-out;
  1284. -moz-transition: all 0.3s ease-in-out;
  1285. -o-transition: all 0.3s ease-in-out;
  1286. -ms-transition: all 0.3s ease-in-out;
  1287. transition: all 0.3s ease-in-out;
  1288. }
  1289. textarea:hover,
  1290. input[type=text]:hover,
  1291. input[type=password]:hover,
  1292. input[type=email]:hover,
  1293. input[type=url]:hover,
  1294. input[type=tel]:hover,
  1295. input[type=number]:hover,
  1296. input[type=date]:hover,
  1297. input[type=file]:hover,
  1298. input[type=search]:hover,
  1299. input[type=color]:hover,
  1300. input[type=datetime]:hover,
  1301. input[type=datetime-local]:hover,
  1302. input[type=month]:hover,
  1303. input[type=range]:hover,
  1304. input[type=time]:hover,
  1305. input[type=week]:hover,
  1306. select:focus {
  1307. background-color: #F5F5F5;
  1308. }
  1309. textarea:focus,
  1310. input[type=text]:focus,
  1311. input[type=password]:focus,
  1312. input[type=email]:focus,
  1313. input[type=url]:focus,
  1314. input[type=tel]:focus,
  1315. input[type=number]:focus,
  1316. input[type=date]:focus,
  1317. input[type=file]:focus,
  1318. input[type=search]:focus,
  1319. input[type=color]:focus,
  1320. input[type=datetime]:focus,
  1321. input[type=datetime-local]:focus,
  1322. input[type=month]:focus,
  1323. input[type=range]:focus,
  1324. input[type=time]:focus,
  1325. input[type=week]:focus,
  1326. select:focus {
  1327. background-color: #fff;
  1328. }
  1329. .button,
  1330. a.button,
  1331. a.more-link,
  1332. #main-content input[type="submit"],
  1333. .form-submit #submit,
  1334. #login-form .login-button,
  1335. .widget-feedburner .feedburner-subscribe,
  1336. input[type="submit"],
  1337. #buddypress button,
  1338. #buddypress a.button,
  1339. #buddypress input[type=submit],
  1340. #buddypress input[type=reset],
  1341. #buddypress ul.button-nav li a,
  1342. #buddypress div.generic-button a,
  1343. #buddypress .comment-reply-link,
  1344. a.bp-title-button {
  1345. width: auto;
  1346. position: relative;
  1347. background-color: #F88C00;
  1348. color: #FFF;
  1349. padding: 5px 12px;
  1350. font: 12px Tahoma;
  1351. display: inline-block;
  1352. line-height: 22px;
  1353. border: 0 none;
  1354. cursor: pointer;
  1355. text-decoration: none;
  1356. webkit-transition: all 0.3s ease-in-out;
  1357. -moz-transition: all 0.3s ease-in-out;
  1358. -o-transition: all 0.3s ease-in-out;
  1359. -ms-transition: all 0.3s ease-in-out;
  1360. transition: all 0.3s ease-in-out;
  1361. -webkit-border-radius: 2px;
  1362. -moz-border-radius: 2px;
  1363. border-radius: 2px;
  1364. -webkit-appearance: none !important;
  1365. -moz-appearance: none !important;
  1366. appearance: none !important;
  1367. }
  1368. .button:hover,
  1369. a.button:hover,
  1370. a.more-link:hover,
  1371. #main-content input[type="submit"]:hover,
  1372. .form-submit #submit:hover,
  1373. #login-form .login-button:hover,
  1374. .widget-feedburner .feedburner-subscribe:hover,
  1375. input[type="submit"]:hover,
  1376. #buddypress button:hover,
  1377. #buddypress a.button:hover,
  1378. #buddypress input[type=submit]:hover,
  1379. #buddypress input[type=reset]:hover,
  1380. #buddypress ul.button-nav li a:hover,
  1381. #buddypress div.generic-button a:hover,
  1382. #buddypress .comment-reply-link:hover,
  1383. a.bp-title-button:hover {
  1384. background-color: #777 !important;
  1385. text-decoration: none;
  1386. }
  1387. ::-moz-selection {
  1388. background: #F9A386;
  1389. color: #fff;
  1390. text-shadow: none;
  1391. }
  1392. ::selection {
  1393. background: #F9A386;
  1394. color: #fff;
  1395. text-shadow: none;
  1396. }
  1397. ::-webkit-scrollbar-track {
  1398. background: #FFFFFF;
  1399. -webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
  1400. border: 1px solid #D8D8D8;
  1401. }
  1402. ::-webkit-scrollbar-thumb {
  1403. background: #F88C00;
  1404. -webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);
  1405. }
  1406. ::-webkit-scrollbar-thumb:hover {
  1407. -webkit-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.3);
  1408. }
  1409. ::-webkit-scrollbar-thumb:active {
  1410. background: #888;
  1411. -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
  1412. }
  1413. /**
  1414. * Fonts
  1415. * -----------------------------------------------------------------------------
  1416. */
  1417. @font-face {
  1418. font-family: 'BebasNeueRegular';
  1419. src: url('fonts/BebasNeue/BebasNeue-webfont.eot');
  1420. src: url('fonts/BebasNeue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
  1421. url('fonts/BebasNeue/BebasNeue-webfont.woff') format('woff'),
  1422. url('fonts/BebasNeue/BebasNeue-webfont.ttf') format('truetype'),
  1423. url('fonts/BebasNeue/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
  1424. font-weight: normal;
  1425. font-style: normal;
  1426. }
  1427. #respond h3,
  1428. .woocommerce-tabs .entry-content h2,
  1429. .woocommerce .related.products h2,
  1430. .entry .woocommerce h2,
  1431. .woocommerce-billing-fields h3,
  1432. .woocommerce-shipping-fields h3,
  1433. #order_review_heading,
  1434. #bbpress-forums fieldset.bbp-form legend,
  1435. #buddypress .item-body h4,
  1436. #buddypress #item-body h4{
  1437. font-size: 22px;
  1438. font-family: BebasNeueRegular, arial, Georgia, serif;
  1439. }
  1440. /* Font Awesome */
  1441. @font-face {
  1442. font-family: 'FontAwesome';
  1443. src: url('fonts/fontawesome/fontawesome-webfont.eot?v=4.4.0');
  1444. src: url('fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),
  1445. url('fonts/fontawesome/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),
  1446. url('fonts/fontawesome/fontawesome-webfont.woff?v=4.4.0') format('woff'),
  1447. url('fonts/fontawesome/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),
  1448. url('fonts/fontawesome/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  1449. font-weight: normal;
  1450. font-style: normal;
  1451. }
  1452. .fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}
  1453. .fa,
  1454. blockquote:before,
  1455. .flexslider:before,
  1456. .flex-direction-nav .flex-next,
  1457. .flex-direction-nav .flex-prev,
  1458. .tie-list-shortcode ul li:before,
  1459. .ei-slider-loading:before,
  1460. #mobile-menu li.menu-item-home a:before,
  1461. #main-nav .mega-cat-content.mega-cat-sub-exists .mega-cat-content-tab.loading-items:before,
  1462. .woocommerce-pagination .page-numbers li .page-numbers.next:before,
  1463. .woocommerce-pagination .page-numbers li .page-numbers.prev:before {
  1464. display:inline-block;
  1465. font:normal normal normal 14px/1 FontAwesome;
  1466. font-size:inherit;
  1467. text-rendering:auto;
  1468. -webkit-font-smoothing:antialiased;
  1469. -moz-osx-font-smoothing:grayscale;
  1470. }
  1471. @font-face {
  1472. font-family: 'tiefontello';
  1473. src: url('fonts/tiefont/fontello.eot?14434071');
  1474. src: url('fonts/tiefont/fontello.eot?14434071#iefix') format('embedded-opentype'),
  1475. url('fonts/tiefont/fontello.woff?14434071') format('woff'),
  1476. url('fonts/tiefont/fontello.ttf?14434071') format('truetype'),
  1477. url('fonts/tiefont/fontello.svg?14434071#fontello') format('svg');
  1478. font-weight: normal;
  1479. font-style: normal;
  1480. }
  1481. @media screen and (-webkit-min-device-pixel-ratio:0) {
  1482. @font-face {
  1483. font-family: 'tiefontello';
  1484. src: url('fonts/tiefont/fontello.svg?14434071#fontello') format('svg');
  1485. }
  1486. }
  1487. [class^="tieicon-"]:before,
  1488. [class*=" tieicon-"]:before,
  1489. .tie_slider .overlay-icon:before {
  1490. font-family: "tiefontello";
  1491. font-style: normal;
  1492. font-weight: normal;
  1493. speak: none;
  1494. display: inline-block;
  1495. text-decoration: inherit;
  1496. min-width: 1em;
  1497. text-align: center;
  1498. font-variant: normal;
  1499. text-transform: none;
  1500. line-height: 1em;
  1501. }
  1502. .tieicon-evernote:before { content: '\e800'; }
  1503. .tieicon-picasa:before { content: '\e801'; }
  1504. .tieicon-vimeo:before { content: '\e802'; }
  1505. .tieicon-blogger:before { content: '\e803'; }
  1506. .tieicon-grooveshark:before { content: '\e804'; }
  1507. .tieicon-deviantart:before { content: '\e805'; }
  1508. .tieicon-viadeo:before { content: '\e806'; }
  1509. .tieicon-forrst:before { content: '\e807'; }
  1510. .tieicon-fivehundredpx:before { content: '\e808'; }
  1511. .tieicon-flickr:before { content: '\e809'; }
  1512. .tieicon-instagram:before { content: '\e80a'; }
  1513. .tieicon-sun:before { content: '\e80b'; }
  1514. .tieicon-moon:before { content: '\e80d'; }
  1515. .tieicon-cloud:before { content: '\e80e'; }
  1516. .tieicon-clouds:before { content: '\e80f'; }
  1517. .tieicon-clouds-flash-alt:before { content: '\e810'; }
  1518. .tieicon-cloud-moon:before { content: '\e811'; }
  1519. .tieicon-cloud-sun:before { content: '\e812'; }
  1520. .tieicon-fog:before { content: '\e813'; }
  1521. .tieicon-hail:before { content: '\e814'; }
  1522. .tieicon-rain:before { content: '\e815'; }
  1523. .tieicon-picture:before { content: '\e80c'; }
  1524. @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  1525. #main-nav ul li.menu-item-home a{
  1526. background-image: url(images/home@2x.png)!important;
  1527. background-size: 30px 78px;
  1528. }
  1529. span.stars-large,
  1530. span.stars-large span {
  1531. background-image:url(images/stars-large@2x.png);
  1532. background-size: 98px 44px;
  1533. }
  1534. span.stars-small,
  1535. span.stars-small span {
  1536. background-image:url(images/stars-small@2x.png);
  1537. background-size: 54px 30px;
  1538. }
  1539. }
  1540. /**
  1541. * Wrapper Styles
  1542. * -----------------------------------------------------------------------------
  1543. */
  1544. .wrapper-outer {
  1545. position: relative;
  1546. }
  1547. .background-cover {
  1548. position: fixed;
  1549. background-repeat: no-repeat;
  1550. top: 0;
  1551. left: 0;
  1552. z-index: 0;
  1553. overflow: hidden;
  1554. width: 100%;
  1555. height: 100%;
  1556. -webkit-background-size: cover;
  1557. -moz-background-size: cover;
  1558. -o-background-size: cover;
  1559. background-size: cover;
  1560. }
  1561. .container {
  1562. width: 1045px;
  1563. margin: 0 auto;
  1564. }
  1565. /* BOXED LAYOUT */
  1566. #wrapper.boxed {
  1567. margin: 0 auto;
  1568. }
  1569. #wrapper.boxed #theme-header,
  1570. #wrapper.boxed .breaking-news,
  1571. #wrapper.boxed #main-content {
  1572. width: 1045px;
  1573. -webkit-box-shadow: 0 0 3px #CACACA;
  1574. -moz-box-shadow: 0 0 3px #cacaca;
  1575. box-shadow: 0 0 3px #CACACA;
  1576. }
  1577. #wrapper.boxed #main-content{
  1578. padding-right: 24px;
  1579. padding-left: 24px;
  1580. }
  1581. #wrapper.boxed .post-cover-head {
  1582. margin: -24px -24px 20px;
  1583. }
  1584. /* BOXED ALL LAYOUT */
  1585. #wrapper.boxed-all {
  1586. position: relative;
  1587. background: #FFF;
  1588. width: 1045px;
  1589. margin: 0 auto;
  1590. -webkit-box-shadow: 0 0 3px #CACACA;
  1591. -moz-box-shadow: 0 0 3px #cacaca;
  1592. box-shadow: 0 0 3px #CACACA;
  1593. }
  1594. #wrapper.boxed-all #theme-header {
  1595. margin-top: 0;
  1596. }
  1597. #wrapper.boxed-all .breaking-news {
  1598. margin-right: 24px;
  1599. margin-left: 24px;
  1600. -webkit-box-shadow: 0 0 2px #CACACA;
  1601. -moz-box-shadow: 0 0 2px #cacaca;
  1602. box-shadow: 0 0 2px #CACACA;
  1603. }
  1604. #wrapper.boxed-all #main-content {
  1605. width: 997px;
  1606. margin-top: 0;
  1607. padding: 0;
  1608. background: transparent;
  1609. }
  1610. #wrapper.boxed-all #footer-widget-area,
  1611. #wrapper.boxed-all .footer-bottom .container {
  1612. width: 997px;
  1613. }
  1614. #wrapper.boxed-all .post-cover-head {
  1615. margin: 0 -24px 20px;
  1616. }
  1617. /* WIDE LAYOUT */
  1618. #wrapper.wide-layout {
  1619. background: #FFF;
  1620. position: relative;
  1621. }
  1622. #wrapper.wide-layout .header-content,
  1623. #wrapper.wide-layout .breaking-news,
  1624. #wrapper.wide-layout .container,
  1625. #wrapper.wide-layout #main-nav ul li.mega-menu .mega-menu-block {
  1626. width: 1010px;
  1627. }
  1628. #wrapper.wide-layout #theme-header {
  1629. margin-top: 0;
  1630. }
  1631. #wrapper.wide-layout #main-nav .main-menu {
  1632. margin: 0 !important;
  1633. }
  1634. #wrapper.wide-layout .breaking-news {
  1635. margin-bottom: 0;
  1636. -webkit-box-shadow: 0 0 1px #CACACA;
  1637. -moz-box-shadow: 0 0 1px #cacaca;
  1638. box-shadow: 0 0 1px #CACACA;
  1639. }
  1640. #wrapper.wide-layout #main-content {
  1641. margin-top: 10px;
  1642. background: transparent;
  1643. }
  1644. #wrapper.wide-layout .post-cover-head {
  1645. margin: -10px 0 20px;
  1646. }
  1647. /**
  1648. * Header
  1649. * -----------------------------------------------------------------------------
  1650. */
  1651. #theme-header {
  1652. background: #FFF;
  1653. margin: 20px auto 25px;
  1654. border-top: 3px solid #f88c00;
  1655. position: relative;
  1656. }
  1657. /* Top Menu Styles */
  1658. .top-nav {
  1659. background: #fbfbfb;
  1660. border-bottom: 1px solid #ececec;
  1661. height: 31px;
  1662. }
  1663. .top-nav ul {
  1664. float: left;
  1665. }
  1666. .top-nav ul li {
  1667. position: relative;
  1668. display: inline-block;
  1669. float: left;
  1670. font-size: 12px;
  1671. }
  1672. .top-nav ul li a {
  1673. display: inline-block;
  1674. height: 30px;
  1675. line-height: 30px;
  1676. color: #838383;
  1677. padding: 0 10px;
  1678. }
  1679. .top-nav ul li a:hover {
  1680. color: #000;
  1681. }
  1682. .top-nav ul ul {
  1683. background: #fbfbfb;
  1684. display: none;
  1685. padding: 0;
  1686. position: absolute;
  1687. top: 30px;
  1688. width: 180px;
  1689. z-index: 200;
  1690. float: left;
  1691. -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  1692. -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  1693. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  1694. }
  1695. .top-nav ul ul li {
  1696. background: none !important;
  1697. border: none !important;
  1698. z-index: 200;
  1699. min-width: 180px;
  1700. }
  1701. .top-nav ul ul ul {
  1702. right: auto;
  1703. left: 100%;
  1704. top: 0;
  1705. z-index: 200;
  1706. }
  1707. .top-nav ul ul a {
  1708. background: none !important;
  1709. height: auto !important;
  1710. line-height: 1em;
  1711. padding: 10px 10px;
  1712. width: 160px;
  1713. display: block !important;
  1714. margin-right: 0 !important;
  1715. z-index: 200;
  1716. color: #777!important;
  1717. }
  1718. .top-nav ul li:hover > a,
  1719. .top-nav ul:hover > a,
  1720. .top-nav ul li.current-menu-item a {
  1721. color: #000;
  1722. }
  1723. .top-nav ul li.menu-item-has-children a {
  1724. padding-right: 20px;
  1725. }
  1726. /* SubList Arrow */
  1727. #main-nav ul li.menu-item-has-children:after,
  1728. #main-nav ul li.mega-menu:after,
  1729. .top-menu ul li.menu-item-has-children:after {
  1730. position: absolute;
  1731. right: 7px;
  1732. top: 50%;
  1733. display: inline-block;
  1734. content: '';
  1735. width: 0;
  1736. height: 0;
  1737. border: 4px solid transparent;
  1738. border-top: 4px solid #bbb;
  1739. }
  1740. #main-nav ul ul li.menu-item-has-children:after,
  1741. #main-nav ul ul li.mega-menu:after,
  1742. .top-nav .top-menu ul ul li.menu-item-has-children:after {
  1743. border: 4px solid transparent;
  1744. border-left-color: #bbb;
  1745. }
  1746. .top-nav ul li.current-menu-item:before {
  1747. content: " ";
  1748. display: block;
  1749. width: 0;
  1750. height: 0;
  1751. position: absolute;
  1752. top: 0;
  1753. z-index: 2;
  1754. right: 45%;
  1755. border: 4px solid transparent;
  1756. border-top-color: #F88C00;
  1757. }
  1758. .top-nav ul ul li.current-menu-item:before {
  1759. display: none;
  1760. }
  1761. .top-nav ul ul li:hover > a,
  1762. .top-nav ul ul:hover > a {
  1763. color: #000 !important;
  1764. padding: 10px 5px 10px 15px;
  1765. }
  1766. .top-nav ul li:hover > ul {
  1767. display: block;
  1768. -webkit-animation: fadeInDown .1s ease-in ;
  1769. -moz-animation: fadeInDown .1s ease-in ;
  1770. animation:fadeInDown .1s ease-in ;
  1771. }
  1772. /* Today Date */
  1773. .today-date{
  1774. float:left;
  1775. padding:0 10px;
  1776. font-size: 10px;
  1777. color: #666;
  1778. margin: 10px 10px 0 0;
  1779. font-weight: bold;
  1780. text-transform: uppercase;
  1781. border: 1px solid #CCC;
  1782. border-width: 0 1px 0 0;
  1783. }
  1784. /* Search */
  1785. .search-block {
  1786. height: 30px;
  1787. overflow: hidden;
  1788. float: right;
  1789. margin-left: 5px;
  1790. position: relative;
  1791. }
  1792. .search-block:after {
  1793. content: " ";
  1794. display: block;
  1795. width: 0;
  1796. height: 0;
  1797. position: absolute;
  1798. top: 10px;
  1799. z-index: 2;
  1800. right: 30px;
  1801. border: 4px solid transparent;
  1802. border-right-color: #F88C00;
  1803. }
  1804. .search-block #s-header {
  1805. background: #FFF;
  1806. float: right;
  1807. font: normal 11px tahoma;
  1808. padding: 9px 12px 8px 12px;
  1809. width: 90px;
  1810. color: #C5C5C5;
  1811. border: 0 none;
  1812. border: 1px solid #ececec;
  1813. border-width: 0 0 0 1px;
  1814. -webkit-transition: width .7s, color .4s;
  1815. -moz-transition: width .7s, color .4s;
  1816. -o-transition: width .7s, color .4s;
  1817. transition: width .7s, color .4s;
  1818. -webkit-border-radius: 0;
  1819. -moz-border-radius: 0;
  1820. border-radius: 0;
  1821. }
  1822. .search-block #s-header:focus {
  1823. color: #000;
  1824. width: 150px;
  1825. }
  1826. .search-block .search-button {
  1827. background: #f88c00;
  1828. cursor: pointer;
  1829. float: right;
  1830. height: 30px;
  1831. width: 30px;
  1832. display: block;
  1833. border: 0 none;
  1834. box-shadow: none !important;
  1835. padding: 0;
  1836. -webkit-border-radius: 0;
  1837. -moz-border-radius: 0;
  1838. border-radius: 0;
  1839. }
  1840. .search-block .search-button:active {
  1841. top: 0;
  1842. }
  1843. .search-block:hover .search-button,
  1844. .search-block:hover #s-header {
  1845. opacity: 1;
  1846. color: #444;
  1847. }
  1848. .search-block button.search-button i:before {
  1849. font-size: 18px;
  1850. color: #FFF;
  1851. }
  1852. /* LIVE SEARCH */
  1853. #live-search_results {
  1854. background: #FFF;
  1855. z-index: 550 !important;
  1856. overflow: hidden;
  1857. padding: 10px;
  1858. -webkit-box-shadow: 0 0 3px #CACACA;
  1859. -moz-box-shadow: 0 0 3px #cacaca;
  1860. box-shadow: 0 0 3px #CACACA;
  1861. }
  1862. .live-search_more {
  1863. display: block;
  1864. min-height: 1px;
  1865. margin: 3px 0 0px;
  1866. padding: 8px;
  1867. text-align: center;
  1868. font-weight: bold;
  1869. line-height: 12px;
  1870. }
  1871. .live-search_header {
  1872. display: none;
  1873. }
  1874. .live-search_result_container li {
  1875. padding: 8px 0 4px;
  1876. border-bottom: 1px solid #f2f2f2;
  1877. overflow: hidden;
  1878. }
  1879. .live-search_result_container .post-thumbnail {
  1880. float: left;
  1881. margin-bottom: 0;
  1882. }
  1883. .live-search_result_container .post-thumbnail img {
  1884. max-width: 65px;
  1885. }
  1886. #live-search_loading {
  1887. display: block !important;
  1888. width: 100%;
  1889. height: 31px !important;
  1890. }
  1891. #tie_lang_switcher {
  1892. float: right;
  1893. padding: 9px 5px 0;
  1894. }
  1895. #tie_lang_switcher img {
  1896. margin: 0 2px;
  1897. }
  1898. /* WPML language switcher */
  1899. #tie_lang_switcher a {
  1900. opacity: 0.4;
  1901. line-height: 0;
  1902. }
  1903. #tie_lang_switcher a:hover {
  1904. opacity: 1;
  1905. }
  1906. /* Top Nav Social */
  1907. .top-nav .social-icons {
  1908. float: right;
  1909. padding-top: 2px;
  1910. }
  1911. .top-nav .social-icons a {
  1912. color: #555;
  1913. }
  1914. .top-nav .social-icons a,
  1915. .footer-bottom .social-icons a {
  1916. opacity: 0.5;
  1917. }
  1918. .top-nav .social-icons a:hover,
  1919. .footer-bottom .social-icons a:hover {
  1920. top: 0;
  1921. opacity: 1
  1922. }
  1923. .top-nav .social-icons i:before,
  1924. .footer-bottom .social-icons i:before {
  1925. padding: 0 2px;
  1926. line-height: 24px;
  1927. font-size: 14px;
  1928. }
  1929. /* Header Content area */
  1930. .header-content {
  1931. padding: 20px 15px;
  1932. margin: 0 auto;
  1933. }
  1934. .logo {
  1935. float: left;
  1936. }
  1937. .logo img {
  1938. max-width: 100%;
  1939. }
  1940. .logo h1,
  1941. .logo h2 {
  1942. font: bold 32pt arial;
  1943. }
  1944. .logo strong {
  1945. display: none;
  1946. }
  1947. .logo span {
  1948. font-weight: normal;
  1949. font-size: 14px;
  1950. display: block;
  1951. clear: both;
  1952. }
  1953. /* Full Width Logo */
  1954. #theme-header.full-logo .header-content {
  1955. padding: 0;
  1956. }
  1957. #theme-header.full-logo .logo {
  1958. float: none;
  1959. margin: 0 !important;
  1960. }
  1961. #theme-header.full-logo .logo a {
  1962. display: block;
  1963. line-height: 0;
  1964. }
  1965. #theme-header.full-logo .logo img {
  1966. width: 100%;
  1967. height: auto;
  1968. }
  1969. /* Center The Logo */
  1970. #theme-header.center-logo .logo,
  1971. #theme-header.center-logo .e3lan-top {
  1972. float: none;
  1973. text-align: center;
  1974. }
  1975. /* Main Nav */
  1976. #main-nav {
  1977. margin: 0 auto;
  1978. background: #2d2d2d;
  1979. box-shadow: inset -1px -5px 0px -1px #393939;
  1980. min-height: 52px;
  1981. border-bottom: 5px solid #F88C00;
  1982. }
  1983. #main-nav .container,
  1984. #main-nav-uber .container {
  1985. position: relative;
  1986. }
  1987. #main-nav .main-menu {
  1988. margin-left: 10px;
  1989. }
  1990. #main-nav ul li {
  1991. font-size: 13px;
  1992. position: relative;
  1993. display: inline-block;
  1994. float: left;
  1995. border: 1px solid #222222;
  1996. border-width: 0 0 0 1px;
  1997. height: 42px;
  1998. }
  1999. #main-nav ul li:first-child,
  2000. #main-nav ul li:first-child a {
  2001. border: 0 none;
  2002. }
  2003. #main-nav ul li:last-child a {
  2004. border-right-width: 0;
  2005. }
  2006. #main-nav ul li a {
  2007. display: inline-block;
  2008. height: 42px;
  2009. position: relative;
  2010. line-height: 47px;
  2011. color: #ddd;
  2012. padding: 0 10px;
  2013. border: 1px solid #383838;
  2014. border-width: 0 0 0 1px;
  2015. }
  2016. #main-nav ul li i.fa,
  2017. #slide-out ul li i.fa,
  2018. #mobile-menu li.menu-item-home a:before {
  2019. margin-right: 5px;
  2020. }
  2021. #main-nav ul li.menu-item-has-children a,
  2022. #main-nav ul li.mega-menu a {
  2023. padding-right: 20px;
  2024. }
  2025. #main-nav ul li.current-menu-item a,
  2026. #main-nav ul li.current-menu-item a:hover,
  2027. #main-nav ul li.current-menu-parent a,
  2028. #main-nav ul li.current-menu-parent a:hover,
  2029. #main-nav ul li.current_page_parent a,
  2030. #main-nav ul li.current_page_parent a:hover,
  2031. #main-nav ul li.current-page-ancestor a,
  2032. #main-nav ul li.current-page-ancestor a:hover {
  2033. background: #F88C00;
  2034. color: #FFF;
  2035. height: 52px;
  2036. line-height: 57px;
  2037. border-width: 0 !important;
  2038. }
  2039. #main-nav ul li.current-menu-item .menu-sub-content a,
  2040. #main-nav ul li.current-menu-item .menu-sub-content a:hover,
  2041. #main-nav ul li.current-menu-parent .menu-sub-content a,
  2042. #main-nav ul li.current-menu-parent .menu-sub-content a:hover,
  2043. #main-nav ul li.current_page_parent .menu-sub-content a,
  2044. #main-nav ul li.current_page_parent .menu-sub-content a:hover,
  2045. #main-nav ul li.current-page-ancestor .menu-sub-content a,
  2046. #main-nav ul li.current-page-ancestor .menu-sub-content a:hover,
  2047. #main-nav ul li.current-menu-item .menu-sub-content ul,
  2048. #main-nav ul li.current-menu-parent .menu-sub-content ul,
  2049. #main-nav ul li.current_page_parent .menu-sub-content ul,
  2050. #main-nav ul li.current-page-ancestor .menu-sub-content ul {
  2051. top:0;
  2052. }
  2053. /* SubList Arrow */
  2054. #main-nav ul li.menu-item-has-children:after,
  2055. #main-nav ul li.mega-menu:after{
  2056. border-top-color: #ddd;
  2057. }
  2058. #main-nav ul ul li.menu-item-has-children:after{
  2059. border-left-color: #ddd;
  2060. }
  2061. #main-nav ul > li.menu-item-has-children:hover > a:after,
  2062. #main-nav ul > li.mega-menu:hover > a:after {
  2063. content: "";
  2064. position: absolute;
  2065. left: 20px;
  2066. top: 36px;
  2067. border-width: 0 8px 8px;
  2068. border-style: solid;
  2069. border-color: transparent transparent #F88C00;
  2070. display: block;
  2071. width: 0;
  2072. z-index: 200;
  2073. -webkit-animation: fadeInDown .2s ease-in ;
  2074. -moz-animation: fadeInDown .2s ease-in ;
  2075. animation: fadeInDown .2s ease-in ;
  2076. }
  2077. #main-nav ul ul li.current-menu-item a,
  2078. #main-nav ul ul li.current-menu-item a:hover,
  2079. #main-nav ul ul li.current-menu-parent a,
  2080. #main-nav ul ul li.current-menu-parent a:hover,
  2081. #main-nav ul ul li.current_page_parent a,
  2082. #main-nav ul ul li.current_page_parent a:hover,
  2083. #main-nav ul ul li.current-page-ancestor a,
  2084. #main-nav ul ul li.current-page-ancestor a:hover {
  2085. border-width: 1px !important;
  2086. }
  2087. /* Remove Arrows from the Sub Sub Menus */
  2088. #main-nav ul ul > li.menu-item-has-children:hover > a:after,
  2089. #main-nav ul ul > li.mega-menu:hover > a:after,
  2090. #main-nav ul li .mega-menu-block ul.sub-menu:before {
  2091. display: none;
  2092. }
  2093. #main-nav ul > li.current-menu-item.menu-item-has-children:hover > a:after,
  2094. #main-nav ul > li.current_page_parent.menu-item-has-children:hover > a:after {
  2095. top: 45px;
  2096. }
  2097. #main-nav ul ul.sub-menu {
  2098. width: 200px;
  2099. z-index: 250;
  2100. }
  2101. #main-nav ul ul ul.sub-menu,
  2102. #main-nav ul ul li.current-menu-item ul,
  2103. #main-nav ul ul li.current_page_parent ul,
  2104. #main-nav ul ul li.current-menu-parent ul,
  2105. #main-nav ul ul li.current-page-ancestor ul {
  2106. top: -2px;
  2107. }
  2108. #main-nav ul .mega-menu-block ul ul.sub-menu,
  2109. #main-nav ul .mega-menu-block ul li.current-menu-item ul,
  2110. #main-nav ul .mega-menu-block ul li.current_page_parent ul,
  2111. #main-nav ul .mega-menu-block ul li.current-menu-parent ul,
  2112. #main-nav ul .mega-menu-block ul li.current-page-ancestor ul {
  2113. top: 0;
  2114. }
  2115. #main-nav .menu-sub-content {
  2116. display: none;
  2117. padding: 0;
  2118. position: absolute;
  2119. z-index: 205;
  2120. border-top: 2px solid #F88C00;
  2121. background: #2d2d2d;
  2122. color:#999;
  2123. -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
  2124. box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
  2125. -webkit-border-bottom-right-radius: 3px;
  2126. -webkit-border-bottom-left-radius : 3px;
  2127. -moz-border-radius-bottomright : 3px;
  2128. -moz-border-radius-bottomleft : 3px;
  2129. border-bottom-right-radius: 3px;
  2130. border-bottom-left-radius : 3px;
  2131. }
  2132. #main-nav ul li.current-menu-item ul,
  2133. #main-nav ul li.current-menu-parent ul,
  2134. #main-nav ul li.current_page_parent ul,
  2135. #main-nav ul li.current-page-ancestor ul {
  2136. top: 52px;
  2137. }
  2138. #main-nav ul ul li,
  2139. #main-nav ul ul li:first-child {
  2140. background: none !important;
  2141. width: 100%;
  2142. border: 0 none;
  2143. border-bottom: 1px solid #333;
  2144. font-size: 12px;
  2145. height: auto !important;
  2146. margin: 0 !important;
  2147. }
  2148. #main-nav ul ul ul,
  2149. #main-nav ul li .mega-menu-block ul.sub-menu {
  2150. border-top: 0 none;
  2151. }
  2152. #main-nav ul ul li:first-child,
  2153. #main-nav ul li.current-menu-item ul li:first-child ,
  2154. #main-nav ul li.current_page_parent ul li:first-child ,
  2155. #main-nav ul li.current-menu-parent ul li:first-child {
  2156. border-top: 0 none !important;
  2157. }
  2158. #main-nav ul ul ul {
  2159. right: auto;
  2160. left: 100%;
  2161. top: 0;
  2162. z-index: 210;
  2163. }
  2164. #main-nav ul ul a,
  2165. #main-nav .mega-menu-block a {
  2166. border: 0 none;
  2167. background: none !important;
  2168. height: auto !important;
  2169. line-height: 1.5em !important;
  2170. padding: 7px;
  2171. display: block;
  2172. margin-right: 0;
  2173. z-index: 210;
  2174. color: #ccc;
  2175. }
  2176. #main-nav .mega-menu-block a.mega-menu-link{
  2177. padding: 0;
  2178. margin-top: 10px;
  2179. }
  2180. #main-nav ul li.current-menu-item ul a,
  2181. #main-nav ul li.current_page_parent ul a,
  2182. #main-nav ul li.current-menu-parent ul a,
  2183. #main-nav ul li.current-page-ancestor ul a {
  2184. color: #eee;
  2185. }
  2186. /* Top Level links */
  2187. #main-nav ul li:hover > a,
  2188. #main-nav ul:hover > a {
  2189. color: #FFF;
  2190. }
  2191. /* Sub Level links */
  2192. #main-nav ul ul li:hover > a,
  2193. #main-nav ul ul:hover > a {
  2194. color: #FFF;
  2195. padding-left: 15px;
  2196. padding-right: 5px;
  2197. }
  2198. #main-nav ul li:hover > ul,
  2199. #main-nav ul li:hover > .mega-menu-block {
  2200. display: block;
  2201. -webkit-animation: fadeInDown .2s ease-in ;
  2202. -moz-animation: fadeInDown .2s ease-in ;
  2203. animation: fadeInDown .2s ease-in ;
  2204. }
  2205. #main-nav ul li.current-menu-item,
  2206. #main-nav ul li.current_page_parent,
  2207. #main-nav ul li.current-menu-parent,
  2208. #main-nav ul li.current-page-ancestor {
  2209. margin-top: -5px;
  2210. height: 52px;
  2211. border-width: 0;
  2212. }
  2213. /* Home Icon */
  2214. #main-nav ul li.menu-item-home a {
  2215. background-image: url(images/home.png)!important;
  2216. background-repeat: no-repeat!important;
  2217. background-position: center -44px;
  2218. text-indent: -9999px;
  2219. width: 52px;
  2220. }
  2221. #main-nav ul li.menu-item-home.current-menu-item a {
  2222. background-position: center 13px;
  2223. height: 52px;
  2224. }
  2225. #main-nav ul li.menu-item-home:after {
  2226. display: none;
  2227. }
  2228. #main-nav ul li.menu-item-home ul li a,
  2229. #main-nav ul ul li.menu-item-home a,
  2230. #main-nav ul li.menu-item-home ul li a:hover {
  2231. background-color: transparent !important;
  2232. text-indent: 0;
  2233. background-image: none !important;
  2234. height: auto !important;
  2235. width: auto;
  2236. }
  2237. /* Mega Menus */
  2238. #main-nav ul li.mega-menu .mega-menu-block {
  2239. width: 1045px;
  2240. left: -10px;
  2241. padding: 25px 25px 5px;
  2242. }
  2243. #main-nav ul li.mega-menu .mega-menu-block img {
  2244. max-width: 100%;
  2245. height: auto;
  2246. }
  2247. #main-nav ul li.mega-menu .post-thumbnail ,
  2248. #main-nav ul li.mega-menu .post-thumbnail a,
  2249. #main-nav ul li .mega-menu-block .tie-date i.fa {
  2250. margin:0;
  2251. padding:0;
  2252. }
  2253. /* Mega Links */
  2254. #main-nav ul li.mega-menu.mega-links .mega-menu-block {
  2255. padding-right: 0;
  2256. }
  2257. #main-nav ul li.mega-menu.mega-links .mega-menu-block .sub-menu-columns-item {
  2258. -webkit-animation: none ;
  2259. -moz-animation: none ;
  2260. animation: none ;
  2261. }
  2262. #main-nav li.mega-menu.mega-links .mega-menu-block ul li.mega-link-column {
  2263. float: left;
  2264. border: 0 none;
  2265. margin-bottom: 10px;
  2266. padding-right: 25px;
  2267. width: 50%;
  2268. }
  2269. #main-nav li.mega-menu.mega-links .mega-menu-block ul li.mega-link-column:after {
  2270. display: none;
  2271. }
  2272. #main-nav ul li.mega-menu.mega-links a.mega-links-head {
  2273. padding: 10px 0;
  2274. text-align: center;
  2275. display: block;
  2276. font-size: 14px;
  2277. font-weight: bold;
  2278. margin-bottom: 10px;
  2279. }
  2280. /* Mega Links 3 columns */
  2281. #main-nav li.mega-menu.mega-links.mega-links-3col .mega-menu-block ul li.mega-link-column {
  2282. width: 33.333%;
  2283. }
  2284. /* Mega Links 4 columns */
  2285. #main-nav li.mega-menu.mega-links.mega-links-4col .mega-menu-block ul li.mega-link-column {
  2286. width: 25%;
  2287. }
  2288. /* Mega Links 5 columns */
  2289. #main-nav li.mega-menu.mega-links.mega-links-5col .mega-menu-block ul li.mega-link-column {
  2290. width: 20%;
  2291. }
  2292. /* Mega Categories */
  2293. #main-nav ul li.mega-menu.mega-cat .mega-menu-block {
  2294. padding: 0;
  2295. }
  2296. #main-nav .mega-cat-wrapper {
  2297. clear: both;
  2298. }
  2299. #main-nav ul ul.sub-menu.mega-cat-more-links {
  2300. width: 100%;
  2301. margin: 10px 0;
  2302. }
  2303. #main-nav ul li.mega-menu.mega-cat .mega-cat-more-links li {
  2304. float: left;
  2305. width: 29.333333%;
  2306. margin: 0 2% !important;
  2307. }
  2308. #main-nav ul li.mega-menu.mega-cat .mega-cat-more-links li ul li {
  2309. float: none;
  2310. width: 100%;
  2311. margin: 0 !important;
  2312. }
  2313. .mega-cat-sub-categories {
  2314. float: left;
  2315. width: 20%;
  2316. padding-top: 20px;
  2317. }
  2318. #main-nav ul li.cat-active a {
  2319. background: #222 !important;
  2320. }
  2321. #main-nav .mega-cat-content-tab {
  2322. display: none;
  2323. overflow:hidden;
  2324. }
  2325. #main-nav .mega-cat-content-tab a {
  2326. cursor: default;
  2327. }
  2328. #main-nav .mega-cat-content-tab.already-loaded a {
  2329. cursor: pointer;
  2330. }
  2331. #main-nav .mega-cat-content {
  2332. float: left;
  2333. padding: 20px;
  2334. padding-right: 0;
  2335. }
  2336. #main-nav .mega-cat-content.mega-cat-sub-exists {
  2337. background: #222;
  2338. width: 80%;
  2339. position:relative;
  2340. }
  2341. #main-nav ul li.mega-menu.mega-cat .mega-menu-block .mega-menu-post {
  2342. float: left;
  2343. padding-right: 20px;
  2344. width: 25%;
  2345. opacity:0;
  2346. -webkit-transition: opacity .3s ease-in-out;
  2347. -moz-transition: opacity .3s ease-in-out;
  2348. -ms-transition: opacity .3s ease-in-out;
  2349. -o-transition: opacity .3s ease-in-out;
  2350. transition: opacity .3s ease-in-out;
  2351. }
  2352. #main-nav ul li.mega-menu.mega-cat .mega-menu-block .already-loaded .mega-menu-post{
  2353. opacity:1;
  2354. }
  2355. #main-nav ul li.mega-menu.mega-cat .mega-menu-block .mega-menu-post a {
  2356. border: 0 none;
  2357. padding: 0;
  2358. }
  2359. /* Clear */
  2360. #main-nav ul ul.sub-menu.mega-cat-more-links:after {
  2361. content: ' ';
  2362. display: block;
  2363. clear: both;
  2364. }
  2365. /* Mega Featured - Recent */
  2366. #main-nav .mega-recent-featured-list {
  2367. width: 25%;
  2368. margin-right: 3%;
  2369. float: left;
  2370. }
  2371. #main-nav .mega-recent-post {
  2372. float: left;
  2373. width: 37%;
  2374. margin-right: 3%;
  2375. }
  2376. #main-nav ul li.mega-menu.mega-recent-featured .mega-menu-block .mega-recent-post a {
  2377. border: 0 none;
  2378. padding: 0;
  2379. }
  2380. #main-nav .mega-check-also {
  2381. float: left;
  2382. width: 60%;
  2383. }
  2384. #main-nav ul .mega-check-also li {
  2385. width: 50% !important;
  2386. float: left !important;
  2387. padding: 8px 0 !important;
  2388. margin-bottom: 8px !important;
  2389. }
  2390. #main-nav .menu-item-has-children .mega-check-also {
  2391. width: 32%;
  2392. }
  2393. #main-nav ul .menu-item-has-children .mega-check-also li {
  2394. width: 100% !important;
  2395. float: none !important;
  2396. }
  2397. #main-nav .mega-menu-block .mega-check-also a.mega-menu-link {
  2398. display: inline;
  2399. margin-top: 0;
  2400. }
  2401. #main-nav ul li.mega-menu .mega-menu-block .mega-check-also .post-thumbnail {
  2402. margin-right:10px;
  2403. float:left;
  2404. }
  2405. #main-nav ul li.mega-menu .mega-menu-block .mega-check-also .post-thumbnail img {
  2406. max-width : 90px;
  2407. height: auto ;
  2408. }
  2409. /* Sticky Menu */
  2410. .fixed-nav {
  2411. position: fixed;
  2412. top: -90px;
  2413. width: 1045px;
  2414. z-index: 9999;
  2415. opacity: 0.95;
  2416. -webkit-transition: top .5s;
  2417. -moz-transition: top .5s;
  2418. -o-transition: top .5s;
  2419. transition: top .5s;
  2420. -webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
  2421. -moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
  2422. box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
  2423. }
  2424. .fixed-nav-appear {
  2425. top: 0;
  2426. }
  2427. .wide-layout #main-nav.fixed-nav{
  2428. width:100% !important;
  2429. }
  2430. body.admin-bar .fixed-nav-appear {
  2431. top: 32px;
  2432. }
  2433. .main-nav-logo {
  2434. padding: 10px 10px 0;
  2435. float: left;
  2436. display: none;
  2437. opacity: 0.8;
  2438. }
  2439. .main-nav-logo:hover {
  2440. opacity: 1;
  2441. }
  2442. .main-nav-logo img{
  2443. height: 27px;
  2444. width: auto;
  2445. }
  2446. .fixed-nav .main-nav-logo {
  2447. display: block;
  2448. }
  2449. /* Random Article Button */
  2450. a.random-article,
  2451. a.tie-cart{
  2452. background: #494949;
  2453. width: 42px;
  2454. height: 47px;
  2455. display: block;
  2456. float: right;
  2457. margin-left: 1px;
  2458. color: #FFF;
  2459. text-align: center;
  2460. position: relative;
  2461. }
  2462. a.random-article i:before,
  2463. a.tie-cart i:before{
  2464. font-size: 18px;
  2465. width: 42px;
  2466. line-height: 50px;
  2467. }
  2468. a.random-article:hover,
  2469. a.tie-cart:hover{
  2470. background-color: #777;
  2471. }
  2472. a.tie-cart span.shooping-count {
  2473. display: block;
  2474. position: absolute;
  2475. background: #F88C00;
  2476. top: 5px;
  2477. right: 4px;
  2478. padding: 1px 5px;
  2479. font-size: 11px;
  2480. -webkit-border-radius: 100%;
  2481. -moz-border-radius: 100%;
  2482. border-radius: 100%;
  2483. }
  2484. #main-nav-uber a.random-article,
  2485. #main-nav-uber a.tie-cart {
  2486. position: absolute;
  2487. top: 0;
  2488. right: 0;
  2489. margin: 0;
  2490. height: 40px;
  2491. z-index: 999;
  2492. }
  2493. #main-nav-uber a.random-article:before,
  2494. #main-nav-uber a.tie-cart:before {
  2495. line-height: 40px;
  2496. }
  2497. /**
  2498. * Breaking News
  2499. * -----------------------------------------------------------------------------
  2500. */
  2501. .breaking-news {
  2502. background: #FFF;
  2503. height: 32px;
  2504. margin: -5px auto 25px;
  2505. overflow: hidden;
  2506. position: relative;
  2507. }
  2508. .breaking-news span.breaking-news-title {
  2509. background: #F43D2A;
  2510. display: block;
  2511. float: left;
  2512. padding: 8px 10px 0;
  2513. height: 32px;
  2514. color: #FFF;
  2515. font-family: BebasNeueRegular, arial, Georgia, serif;
  2516. font-size: 14pt;
  2517. }
  2518. .breaking-news span.breaking-news-title i {
  2519. display:none;
  2520. }
  2521. .breaking-news ul {
  2522. float: left;
  2523. }
  2524. .breaking-news ul li {
  2525. display: block
  2526. }
  2527. .breaking-news ul a {
  2528. padding: 8px;
  2529. display: block;
  2530. white-space: nowrap;
  2531. font-family: tahoma;
  2532. background: #FFF;
  2533. }
  2534. .tickercontainer {
  2535. height: 32px;
  2536. overflow: hidden;
  2537. }
  2538. .tickercontainer .mask {
  2539. position: relative;
  2540. top: 9px;
  2541. overflow: hidden;
  2542. }
  2543. ul.newsticker {
  2544. position: relative;
  2545. left: 750px;
  2546. list-style-type: none;
  2547. }
  2548. ul.newsticker li {
  2549. padding: 0;
  2550. display: inline-block;
  2551. }
  2552. ul.newsticker a {
  2553. white-space: nowrap;
  2554. padding: 0;
  2555. margin: 0 50px 0 0;
  2556. }
  2557. /**
  2558. * Site Content Area
  2559. * -----------------------------------------------------------------------------
  2560. */
  2561. #main-content {
  2562. background: #FFF;
  2563. margin: 20px auto 25px;
  2564. position: relative;
  2565. padding: 24px 0;
  2566. -webkit-transform: none;
  2567. }
  2568. #main-content:after {
  2569. display: block;
  2570. visibility: hidden;
  2571. clear: both;
  2572. height: 0;
  2573. content: ".";
  2574. }
  2575. .full-width {
  2576. background-image: none;
  2577. }
  2578. .content {
  2579. float: left;
  2580. width: 660px;
  2581. }
  2582. #crumbs,
  2583. .woocommerce-breadcrumb {
  2584. margin-bottom: 10px;
  2585. clear: both;
  2586. padding-bottom: 5px;
  2587. border-bottom: 1px solid #eee;
  2588. }
  2589. #crumbs span.delimiter {
  2590. padding: 0 3px;
  2591. }
  2592. div.not-found {
  2593. padding: 20px;
  2594. }
  2595. .full-width .content,
  2596. body.error404 .content {
  2597. width: auto;
  2598. float: none;
  2599. }
  2600. .tie-hide,
  2601. .lazy-enabled #main-content .post-thumbnail,
  2602. .lazy-enabled #theme-footer div.post-thumbnail,
  2603. .lazy-enabled #main-content img,
  2604. .lazy-enabled #featured-posts {
  2605. opacity: 0;
  2606. }
  2607. .lazy-enabled #main-content .post-thumbnail.tie-appear ,
  2608. .lazy-enabled #theme-footer div.post-thumbnail.tie-appear,
  2609. .lazy-enabled #main-content img.tie-appear ,
  2610. .lazy-enabled #featured-posts.tie-appear {
  2611. opacity: 1;
  2612. -webkit-transition: all .4s ease-in-out;
  2613. -moz-transition: all .4s ease-in-out;
  2614. -o-transition: all .4s ease-in-out;
  2615. transition: all .4s ease-in-out;
  2616. }
  2617. .recaptchatable #recaptcha_image #recaptcha_challenge_image { /* Fix Compatibility issues with some plugins */
  2618. opacity: 1 !important;
  2619. }
  2620. /* 404 Page */
  2621. body.error404 .content .entry,
  2622. body.error404 .content .post-title,
  2623. body.error404 .title-404 {
  2624. text-align: center;
  2625. }
  2626. body.error404 .title-404{
  2627. font-size: 200px;
  2628. font-weight: bold;
  2629. color: #eee;
  2630. }
  2631. body.error404 .post-title {
  2632. font-size: 50px;
  2633. }
  2634. /**
  2635. * Homepage Blocks
  2636. * -----------------------------------------------------------------------------
  2637. */
  2638. .cat-box {
  2639. margin-bottom: 35px;
  2640. }
  2641. .cat-box-title {
  2642. padding: 3px 0;
  2643. overflow: hidden;
  2644. }
  2645. .cat-box-title h2 {
  2646. float: left;
  2647. margin-right: 10px;
  2648. font-size: 22px;
  2649. font-family: BebasNeueRegular, arial, Georgia, serif;
  2650. }
  2651. .cat-box-title h2 a {
  2652. color: #111;
  2653. }
  2654. .cat-box-title h2 a:hover {
  2655. color: #000;
  2656. }
  2657. h2.post-box-title {
  2658. font-size: 20px;
  2659. line-height: 26px;
  2660. }
  2661. h3.post-box-title {
  2662. font-size: 14px;
  2663. line-height: 20px;
  2664. }
  2665. .cat-box p.post-meta {
  2666. margin: 5px 0 0;
  2667. font-size: 80%;
  2668. }
  2669. .cat-box p.post-meta span,
  2670. .cat-box p.post-meta .stars-small {
  2671. margin-right: 7px;
  2672. }
  2673. li.first-news p.post-meta,
  2674. .list-box li.first-news p.post-meta,
  2675. .wide-box li.first-news p.post-meta,
  2676. .cat-tabs-wrap li.first-news p.post-meta {
  2677. padding: 0;
  2678. margin: 5px 0 10px;
  2679. font-size: 85%;
  2680. }
  2681. .stripe-line {
  2682. background: url(images/stripe.png);
  2683. height: 12px;
  2684. overflow: hidden;
  2685. margin-top: 5px;
  2686. }
  2687. .cat-box .entry {
  2688. font-size: 12px;
  2689. }
  2690. .cat-box .entry p,
  2691. .archive-box .entry p{
  2692. line-height: 21px;
  2693. margin-bottom: 12px;
  2694. }
  2695. .cat-box .entry a.more-link,
  2696. .archive-box .entry a.more-link {
  2697. margin-top: 0;
  2698. }
  2699. .cat-box-content,
  2700. #sidebar .widget-container,
  2701. .post-listing,
  2702. #commentform {
  2703. background: #FFF;
  2704. border-bottom: 4px solid #F88C00;
  2705. -webkit-box-shadow: 0 0 3px #CACACA;
  2706. -moz-box-shadow: 0 0 3px #cacaca;
  2707. box-shadow: 0 0 3px #CACACA;
  2708. }
  2709. .cat-box li.first-news .inner-content {
  2710. padding: 20px;
  2711. overflow: hidden;
  2712. }
  2713. .cat-box .post-thumbnail img.attachment-tie-small{
  2714. max-width: 90px ;
  2715. height: auto;
  2716. }
  2717. p.post-meta {
  2718. color: #888;
  2719. margin: 7px 0;
  2720. font-size: 85%;
  2721. }
  2722. p.post-meta a {
  2723. color: #888;
  2724. }
  2725. p.post-meta a:hover {
  2726. border-bottom: 1px #000 dotted;
  2727. color: #000;
  2728. text-decoration: none;
  2729. }
  2730. .post-meta .stars-small {
  2731. float: left;
  2732. margin: -1px 10px 0 0;
  2733. }
  2734. span.post-views-widget i:before,
  2735. span.post-comments-widget i:before,
  2736. span.tie-date i:before,
  2737. .post-meta i:before {
  2738. margin-right: 3px;
  2739. }
  2740. a.more-link {
  2741. color: #FFF !important;
  2742. float: left;
  2743. margin-top: 4px;
  2744. padding-top:2px;
  2745. padding-bottom:2px;
  2746. }
  2747. /* Two columns Block */
  2748. .cat-box.column2 {
  2749. float: left;
  2750. width: 48%;
  2751. margin-right: 4%;
  2752. }
  2753. .column2.last-column {
  2754. margin-left: 0;
  2755. margin-right: 0;
  2756. }
  2757. .column2 li.other-news,
  2758. .list-box li.other-news {
  2759. background: #f7f7f7;
  2760. overflow: hidden;
  2761. padding: 17px 20px;
  2762. border-top: 1px solid #FFF;
  2763. border-bottom: 1px solid #eaeaea;
  2764. -webkit-transition: all .40s;
  2765. -moz-transition: all .40s;
  2766. -o-transition: all .40s;
  2767. transition: all .40s;
  2768. }
  2769. .column2 li.other-news {
  2770. padding-top: 10px;
  2771. padding-bottom: 10px;
  2772. }
  2773. .column2 li.other-news:hover,
  2774. .list-box li.other-news:hover {
  2775. background: #f2f2f2;
  2776. }
  2777. .column2 li.first-news {
  2778. border-bottom: 3px solid #eaeaea;
  2779. padding: 0;
  2780. }
  2781. /* Wide Bloxk */
  2782. .wide-box li {
  2783. overflow: hidden;
  2784. padding: 10px 20px 0;
  2785. border-top: 1px solid #FFF;
  2786. border-bottom: 1px solid #eaeaea;
  2787. width: 50%;
  2788. float: left;
  2789. height: 78px;
  2790. -webkit-transition: all .40s;
  2791. -moz-transition: all .40s;
  2792. -o-transition: all .40s;
  2793. transition: all .40s;
  2794. }
  2795. .wide-box ul {
  2796. overflow: hidden;
  2797. }
  2798. .wide-box li.first-news {
  2799. border-bottom: 3px solid #eaeaea;
  2800. padding: 0;
  2801. width: 100%;
  2802. float: none;
  2803. height: auto;
  2804. }
  2805. .wide-box li.other-news {
  2806. background: #f7f7f7;
  2807. }
  2808. /*.wide-box h3.post-box-title {
  2809. overflow: hidden;
  2810. text-overflow: ellipsis;
  2811. white-space: nowrap;
  2812. }*/
  2813. /* Video Block */
  2814. .video-box li {
  2815. overflow: hidden;
  2816. width: 22%;
  2817. float: right;
  2818. margin-bottom: 9px;
  2819. }
  2820. .video-box .big-video-column {
  2821. width: 76.5%;
  2822. float: left;
  2823. margin-bottom: 0;
  2824. }
  2825. .video-box .cat-box-content {
  2826. padding: 20px 20px 11px;
  2827. }
  2828. .video-box.cat-box li .post-thumbnail {
  2829. margin: 0;
  2830. padding: 0;
  2831. -webkit-box-shadow: none;
  2832. -moz-box-shadow: none;
  2833. box-shadow: none;
  2834. }
  2835. .video-box.cat-box li .overlay-icon:before {
  2836. content: "\f04b";
  2837. opacity: 0.6;
  2838. box-shadow : 0px 0px 5px rgba( 0, 0, 0, 0.5);
  2839. text-shadow: 0px 0px 5px rgba( 0, 0, 0, 0.5);
  2840. }
  2841. .video-box.cat-box li.big-video-column .overlay-icon:before {
  2842. width: 70px;
  2843. height: 70px;
  2844. font-size: 35px;
  2845. line-height: 60px;
  2846. border-width: 5px;
  2847. margin: -35px 0 0 -35px;
  2848. }
  2849. /* list-box */
  2850. .list-box,
  2851. .wide-box {
  2852. clear: both;
  2853. }
  2854. .list-box li {
  2855. overflow: hidden;
  2856. padding: 10px;
  2857. width: 50%;
  2858. float: right;
  2859. clear: right;
  2860. }
  2861. .list-box li.other-news {
  2862. border-left: 3px solid #eaeaea;
  2863. }
  2864. .list-box li.first-news {
  2865. padding: 15px;
  2866. float: left;
  2867. }
  2868. /* News In Pictures */
  2869. .pic-box .cat-box-content {
  2870. padding: 20px 20px 13px;
  2871. }
  2872. .pic-box.pic-grid .cat-box-content {
  2873. padding: 20px;
  2874. }
  2875. .pic-box li.first-pic {
  2876. padding: 0;
  2877. width: 50.94%;
  2878. }
  2879. .pic-box li {
  2880. width: 16.3%;
  2881. overflow: hidden;
  2882. float: left;
  2883. }
  2884. .pic-box.cat-box li.first-pic .post-thumbnail,
  2885. .pic-box.pic-grid.cat-box li .post-thumbnail{
  2886. position: relative;
  2887. float: none;
  2888. }
  2889. .pic-box.pic-grid.cat-box li {
  2890. width:16.65%;
  2891. }
  2892. .pic-box.cat-box li .post-thumbnail img.attachment-tie-small {
  2893. max-width: 100%;
  2894. }
  2895. .pic-box.cat-box li .post-thumbnail {
  2896. padding: 1px;
  2897. margin: 0;
  2898. }
  2899. /* Tabbed Categories */
  2900. .cat-tabs-wrap {
  2901. padding: 0 20px 20px;
  2902. }
  2903. .cat-tabs-header {
  2904. background: #F7F7F7;
  2905. height: 46px;
  2906. border-bottom: 3px solid #EAEAEA;
  2907. padding: 8px 10px 0;
  2908. }
  2909. .cat-tabs-header li {
  2910. float: left;
  2911. margin-right: 10px;
  2912. line-height: 30px;
  2913. padding: 4px 15px;
  2914. font-family: Arial, Helvetica, sans-serif;
  2915. font-size: 12pt;
  2916. -webkit-border-top-left-radius : 2px;
  2917. -webkit-border-top-right-radius: 2px;
  2918. -moz-border-radius-topleft : 2px;
  2919. -moz-border-radius-topright : 2px;
  2920. border-top-left-radius : 2px;
  2921. border-top-right-radius: 2px;
  2922. }
  2923. .cat-tabs-header li.active {
  2924. background: #FFF;
  2925. box-shadow: 0 -1px 2px #d4d4d4;
  2926. -moz-box-shadow: 0 -1px 2px #d4d4d4;
  2927. -webkit-box-shadow: 0 -1px 2px #d4d4d4;
  2928. }
  2929. .cat-tabs-wrap li {
  2930. overflow: hidden;
  2931. padding: 12px 0;
  2932. width: 47%;
  2933. float: right;
  2934. clear: right;
  2935. }
  2936. .cat-tabs-wrap li.first-news {
  2937. width: 50%;
  2938. float: left;
  2939. padding-bottom: 0;
  2940. }
  2941. .cat-tabs-wrap li:last-child{
  2942. padding-bottom: 0;
  2943. }
  2944. /* Scrolling Box */
  2945. .scroll-box {
  2946. clear: both;
  2947. }
  2948. .scroll-box .cat-box-content {
  2949. padding: 20px;
  2950. position: relative;
  2951. }
  2952. .scroll-box .scroll-item .post-thumbnail {
  2953. margin: 0 0 10px 0;
  2954. }
  2955. .group_items {
  2956. width: 100%;
  2957. }
  2958. .group_items-box {
  2959. width: 100% !important;
  2960. overflow: hidden;
  2961. }
  2962. .group_items .scroll-item:last-child,
  2963. .scroll-box .scroll-item:nth-child(3) {
  2964. margin-right: 0;
  2965. }
  2966. .scroll-item {
  2967. display: none;
  2968. }
  2969. .scroll-item:nth-child(1),
  2970. .scroll-item:nth-child(2),
  2971. .scroll-item:nth-child(3),
  2972. .group_items .scroll-item {
  2973. display: block;
  2974. }
  2975. .scroll-nav {
  2976. background: #F7F7F7;
  2977. margin: 10px -20px -20px;
  2978. padding: 5px;
  2979. text-align: center;
  2980. }
  2981. .scroll-nav a {
  2982. background: #b4b4b4;
  2983. width: 10px;
  2984. height: 10px;
  2985. text-indent: -9999px;
  2986. overflow: hidden;
  2987. display: inline-block;
  2988. margin: 2px 2px 0;
  2989. -webkit-transition: all .40s;
  2990. -moz-transition: all .40s;
  2991. -o-transition: all .40s;
  2992. transition: all .40s;
  2993. -webkit-border-radius: 50px;
  2994. -moz-border-radius: 50px;
  2995. border-radius: 50px;
  2996. }
  2997. .scroll-nav a:hover {
  2998. background: #939393;
  2999. }
  3000. .scroll-nav a.activeSlide {
  3001. background: #666;
  3002. }
  3003. /* Recent Posts Box */
  3004. .recent-box {
  3005. clear: both;
  3006. }
  3007. .recent-box .cat-box-content {
  3008. padding: 20px;
  3009. position: relative;
  3010. }
  3011. .cat-box.recent-box.recent-full_thumb .cat-box-content,
  3012. .cat-box.recent-box.recent-blog .cat-box-content{
  3013. padding-top: 0;
  3014. }
  3015. .recent-masonry .cat-box-content {
  3016. padding: 0;
  3017. }
  3018. .recent-box .recent-item,
  3019. .scroll-box .scroll-item {
  3020. float: left;
  3021. width: 31.33333333%;
  3022. margin: 0 3% 10px 0;
  3023. height: 190px;
  3024. }
  3025. .recent-box .recent-item:nth-child(3n+3) {
  3026. margin-right: 0;
  3027. }
  3028. .recent-box .item-list {
  3029. padding: 20px 0;
  3030. }
  3031. .recent-box-pagination {
  3032. position: relative;
  3033. margin: -35px 0 35px;
  3034. }
  3035. .recent-box-pagination .pagination {
  3036. margin: 0;
  3037. }
  3038. /* Padding */
  3039. .tie-padding {
  3040. display: inline-block;
  3041. }
  3042. /* Divider */
  3043. .divider {
  3044. border-top: 1px solid #CCC;
  3045. overflow: hidden;
  3046. margin: 10px 0 10px;
  3047. clear: both;
  3048. }
  3049. .divider.divider-solid {
  3050. border-top-width: thick;
  3051. border-style: solid;
  3052. }
  3053. .divider.divider-dashed {
  3054. border-top-width: 2px;
  3055. border-style: dashed;
  3056. }
  3057. .divider.divider-dotted {
  3058. border-top-width: 2px;
  3059. border-style: dotted;
  3060. }
  3061. .divider.divider-double {
  3062. height: 10px;
  3063. border-top: 1px solid #eee;
  3064. border-bottom: 1px solid #eee;
  3065. }
  3066. /* WooCommerce Box */
  3067. .cat-box.woocommerce.woocommerce-box .cat-box-content {
  3068. padding: 20px 20px 0;
  3069. }
  3070. .cat-box.woocommerce .products {
  3071. margin: 0;
  3072. }
  3073. .cat-box.woocommerce ul.products li.product {
  3074. margin-bottom: 20px;
  3075. }
  3076. .cat-box.scroll-box.woocommerce ul.products li.product,
  3077. .cat-box.scroll-box.woocommerce .group_items,
  3078. .cat-box.scroll-box.woocommerce .group_items-box {
  3079. height: 355px;
  3080. }
  3081. .cat-box.woocommerce ul.products li.product .price,
  3082. .cat-box.woocommerce ul.products li.product .star-rating {
  3083. margin: 5px 0;
  3084. }
  3085. /**
  3086. * Post & Pages Styles
  3087. * -----------------------------------------------------------------------------
  3088. */
  3089. .page-head {
  3090. padding: 3px 0;
  3091. overflow: hidden;
  3092. }
  3093. .page-head .stripe-line {
  3094. margin-top: 7px;
  3095. }
  3096. .page-title {
  3097. float: left;
  3098. margin-right: 10px;
  3099. font-size: 26px;
  3100. font-family: BebasNeueRegular, arial, Georgia, serif;
  3101. color: #000;
  3102. }
  3103. a.rss-cat-icon {
  3104. float: right;
  3105. font-size: 14px;
  3106. margin: 6px 0 0 4px;
  3107. display: block;
  3108. color: #f8bc2e;
  3109. }
  3110. .archive-meta {
  3111. padding: 15px 0;
  3112. }
  3113. /* Author Page Styles */
  3114. .cat-box-content.author-cover {
  3115. border-bottom: 0 none;
  3116. line-height: 0;
  3117. z-index: 0;
  3118. min-height: 100px;
  3119. }
  3120. .author-cover-head {
  3121. margin: -55px auto 45px;
  3122. padding: 20px;
  3123. max-width: 90%;
  3124. position: relative;
  3125. z-index: 1;
  3126. }
  3127. .author-cover-head .author-avatar img{
  3128. max-width: 70px;
  3129. }
  3130. .page-head .author-bio {
  3131. padding: 10px;
  3132. margin-bottom: 15px;
  3133. }
  3134. .author-bio {
  3135. clear: both;
  3136. overflow: hidden;
  3137. }
  3138. /* Post Head Area */
  3139. .single-post-thumb {
  3140. margin: 0 -1px !important;
  3141. line-height: 0 !important;
  3142. }
  3143. .single-post-thumb img {
  3144. width: 100%;
  3145. height: auto;
  3146. max-width: 100%;
  3147. }
  3148. .full-width .single-post-thumb {
  3149. margin: 0 !important;
  3150. }
  3151. .google-map iframe {
  3152. width: 100%;
  3153. }
  3154. .head-lightbox a {
  3155. cursor: -webkit-zoom-in;
  3156. cursor: -moz-zoom-in;
  3157. cursor: zoom-in;
  3158. }
  3159. .head-lightbox a:hover {
  3160. opacity: .8;
  3161. }
  3162. .single-post-caption {
  3163. color: #555;
  3164. padding: 7px;
  3165. text-align: center;
  3166. font-style: italic;
  3167. color: #666;
  3168. }
  3169. .entry .mejs-container {
  3170. margin-bottom: 20px;
  3171. }
  3172. .mejs-container.wp-audio-shortcode {
  3173. width: 100%;
  3174. }
  3175. .mejs-container.wp-video-shortcode,
  3176. .wp-video {
  3177. width: 100% !important;
  3178. height: auto !important;
  3179. }
  3180. .mejs-container.wp-video-shortcode.mejs-video {
  3181. padding-top: 57%;
  3182. }
  3183. .mejs-overlay,
  3184. .mejs-poster {
  3185. width: 100% !important;
  3186. height: 100% !important;
  3187. }
  3188. .mejs-mediaelement video {
  3189. position: absolute;
  3190. top: 0;
  3191. left: 0;
  3192. right: 0;
  3193. bottom: 0;
  3194. width: 100% !important;
  3195. height: 100% !important;
  3196. }
  3197. .wp-playlist.wp-playlist-light,
  3198. .wp-playlist.wp-playlist-dark {
  3199. border-color: #eee;
  3200. background: transparent;
  3201. color: #333;
  3202. }
  3203. .wp-playlist.wp-playlist-light .wp-playlist-playing,
  3204. .wp-playlist.wp-playlist-dark .wp-playlist-playing{
  3205. background: #eee;
  3206. color: #444;
  3207. }
  3208. .wp-playlist .wp-playlist-item {
  3209. padding: 5px;
  3210. border-color: #eee;
  3211. }
  3212. .wp-playlist .wp-playlist-item-length {
  3213. right: 6px;
  3214. top: 5px;
  3215. }
  3216. .wp-playlist .wp-playlist-playing {
  3217. font-weight: normal;
  3218. }
  3219. /* Post Cover Layout */
  3220. .post-cover #crumbs,
  3221. .post-cover-title #crumbs {
  3222. border-bottom: 0 none;
  3223. }
  3224. .post-cover article.post-listing {
  3225. -webkit-box-shadow: none !important;
  3226. -moz-box-shadow: none !important;
  3227. box-shadow: none !important;
  3228. }
  3229. .post-cover article.post-listing .post-inner {
  3230. padding: 0 0 20px;
  3231. }
  3232. .post-cover .share-post {
  3233. margin-left: 0;
  3234. margin-right: 0;
  3235. }
  3236. .post-cover-head .single-has-thumb.single-post-thumb{
  3237. position: relative;
  3238. margin: 0;
  3239. height: 475px;
  3240. background-repeat: no-repeat;
  3241. background-position: center 0;
  3242. -webkit-background-size: cover;
  3243. -moz-background-size: cover;
  3244. -o-background-size: cover;
  3245. background-size: cover;
  3246. }
  3247. .post-cover-head .single-post-thumb.head-lightbox,
  3248. .post-cover-head .single-post-thumb.single-post-audio {
  3249. height: auto;
  3250. }
  3251. .post-cover-title {
  3252. width: 100%;
  3253. line-height: 22px;
  3254. }
  3255. .single-has-thumb .post-cover-title {
  3256. position: absolute;
  3257. bottom: 0;
  3258. padding: 50px 20px 10px;
  3259. color: #CCC;
  3260. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
  3261. background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
  3262. background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
  3263. background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
  3264. background: linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
  3265. }
  3266. .single-has-thumb .post-cover-title a ,
  3267. .single-has-thumb .post-cover-title p.post-meta,
  3268. .single-has-thumb .post-cover-title p.post-meta a {
  3269. color: #CCC;
  3270. }
  3271. .single-has-thumb .post-cover-title a:hover ,
  3272. .single-has-thumb .post-cover-title p.post-meta a:hover {
  3273. color: #FFF;
  3274. border: 0 none;
  3275. }
  3276. .post-cover-title .post-title {
  3277. font-size: 50px;
  3278. line-height: 50px;
  3279. margin-bottom: 0;
  3280. }
  3281. .single-has-thumb .post-cover-title .post-title {
  3282. color: #FFF;
  3283. }
  3284. .post-cover-title #crumbs {
  3285. margin-bottom: 0;
  3286. }
  3287. .post-cover-title p.post-meta {
  3288. font-size: 14px;
  3289. }
  3290. a.go-to-the-post{
  3291. padding: 10px;
  3292. display: block;
  3293. position: absolute;
  3294. bottom: 10px;
  3295. right: 10px;
  3296. color: #FFF;
  3297. font-size: 52px;
  3298. color: #FFF;
  3299. opacity: .6;
  3300. }
  3301. a.go-to-the-post:hover {
  3302. opacity: 1;
  3303. }
  3304. /* Single Post Styles */
  3305. .post-listing.post {
  3306. margin-bottom: 40px;
  3307. }
  3308. .post-inner {
  3309. padding: 20px;
  3310. }
  3311. .post-title {
  3312. font-family: BebasNeueRegular, arial, Georgia, serif;
  3313. margin-bottom: 10px;
  3314. font-size: 28px;
  3315. }
  3316. body.single .post-inner p.post-meta span {
  3317. margin-right: 15px;
  3318. }
  3319. body.single .post-inner p.post-meta span i {
  3320. margin-right: 5px;
  3321. }
  3322. .post-inner p.post-meta {
  3323. border-bottom: 1px solid #f2f2f2;
  3324. padding-bottom: 5px;
  3325. margin-bottom: 10px;
  3326. }
  3327. p.post-meta span {
  3328. display: inline-block;
  3329. margin-right: 10px;
  3330. }
  3331. .item-list {
  3332. border-bottom: 1px solid #f2f2f2;
  3333. padding: 20px 20px 25px;
  3334. clear: both;
  3335. }
  3336. .item-list p.post-meta {
  3337. margin: 10px 0;
  3338. }
  3339. .archive-wide-thumb {
  3340. margin: -20px -20px 10px !important;
  3341. padding: 0 !important;
  3342. float: none !important;
  3343. -webkit-box-shadow: none !important;
  3344. -moz-box-shadow: none !important;
  3345. box-shadow: none !important;
  3346. }
  3347. .archive-wide-thumb a:hover img {
  3348. opacity: 0.8
  3349. }
  3350. .page-link {
  3351. margin: 15px 0 0;
  3352. padding: 10px;
  3353. background: #f6f6f6;
  3354. clear: both;
  3355. }
  3356. .page-link a {
  3357. color: #FFF;
  3358. padding: 5px 6px;
  3359. background: #999;
  3360. }
  3361. .page-link a:hover {
  3362. background: #777;
  3363. }
  3364. .edit-link {
  3365. clear: both;
  3366. display: block;
  3367. margin-top: 10px;
  3368. }
  3369. .post-tag {
  3370. margin: -30px 0 35px
  3371. }
  3372. .post-tag a {
  3373. background-color: #aaa;
  3374. border-radius: 0 2px 2px 0;
  3375. color: #fff;
  3376. display: inline-block;
  3377. font-size: 11px;
  3378. line-height: 13px;
  3379. margin: 0 0 2px 10px;
  3380. padding: 4px 7px 3px;
  3381. position: relative;
  3382. text-transform: uppercase;
  3383. }
  3384. .post-tag a:before {
  3385. border-top: 10px solid transparent;
  3386. border-right: 8px solid #aaa;
  3387. border-bottom: 10px solid transparent;
  3388. content: "";
  3389. height: 0;
  3390. position: absolute;
  3391. top: 0;
  3392. left: -8px;
  3393. width: 0;
  3394. -webkit-transition: all .2s linear;
  3395. -moz-transition: all .2s linear;
  3396. -ms-transition: all .2s linear;
  3397. -o-transition: all .2s linear;
  3398. transition: all .2s linear;
  3399. }
  3400. .post-tag a:after {
  3401. background-color: #fff;
  3402. border-radius: 50%;
  3403. content: "";
  3404. height: 4px;
  3405. position: absolute;
  3406. top: 8px;
  3407. left: -2px;
  3408. width: 4px;
  3409. }
  3410. .post-tag a:hover {
  3411. background: #444;
  3412. color: #FFF;
  3413. }
  3414. .post-tag a:hover:before {
  3415. border-right-color: #444;
  3416. }
  3417. .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
  3418. background-color: #F88C00;
  3419. }
  3420. .mejs-container .mejs-controls a:focus > .mejs-offscreen {
  3421. color: #000;
  3422. }
  3423. #reading-position-indicator {
  3424. display: block;
  3425. height: 4px;
  3426. position: fixed;
  3427. bottom: 0;
  3428. left: 0;
  3429. background: #FF8500;
  3430. width: 0;
  3431. z-index: 9999;
  3432. max-width: 100%;
  3433. }
  3434. .sticky {}
  3435. /**
  3436. * Post Thumbnail
  3437. * -----------------------------------------------------------------------------
  3438. */
  3439. .post-thumbnail {
  3440. margin-right: 15px;
  3441. position: relative;
  3442. line-height: 0;
  3443. }
  3444. .post-thumbnail a {
  3445. display: block !important;
  3446. background: #000;
  3447. font-size: 0;
  3448. }
  3449. .post-thumbnail img {
  3450. height: auto;
  3451. max-width: 100%;
  3452. width: 100%;
  3453. -webkit-transition: all .40s;
  3454. -moz-transition: all .40s;
  3455. -o-transition: all .40s;
  3456. transition: all .40s;
  3457. }
  3458. .post-thumbnail img.attachment-tie-small,
  3459. .post-thumbnail img.avatar {
  3460. max-width: 100px;
  3461. }
  3462. .post-thumbnail a:hover img {
  3463. opacity: 0.3 !important;
  3464. }
  3465. .post-thumbnail a:hover .overlay-icon:before,
  3466. .video-box .overlay-icon:before {
  3467. opacity: 1;
  3468. -webkit-transform: scale(1);
  3469. -moz-transform: scale(1);
  3470. -ms-transform: scale(1);
  3471. -o-transform: scale(1);
  3472. transform: scale(1);
  3473. }
  3474. .overlay-icon:before,
  3475. .tie_slider .overlay-icon:before {
  3476. content: '\f15c';
  3477. color: #FFF;
  3478. display: block;
  3479. position: absolute;
  3480. top: 50%;
  3481. left: 50%;
  3482. border: 3px solid #FFF;
  3483. border-radius: 100%;
  3484. width: 40px;
  3485. height: 40px;
  3486. text-align: center;
  3487. font-size: 18px;
  3488. line-height: 35px;
  3489. margin: -20px 0 0 -20px;
  3490. opacity: 0;
  3491. -webkit-backface-visibility: hidden;
  3492. -webkit-transform: scale(0);
  3493. -moz-transform: scale(0);
  3494. -ms-transform: scale(0);
  3495. -o-transform: scale(0);
  3496. transform: scale(0);
  3497. -webkit-transition: all 0.3s ease-in-out;
  3498. -moz-transition: all 0.3s ease-in-out;
  3499. -ms-transition: all 0.3s ease-in-out;
  3500. -o-transition: all 0.3s ease-in-out;
  3501. transition: all 0.3s ease-in-out;
  3502. }
  3503. .tie_map .overlay-icon:before {
  3504. content: "\f041";
  3505. }
  3506. .tie_slider .overlay-icon:before {
  3507. content: '\e80c';
  3508. }
  3509. .tie_lightbox .overlay-icon:before {
  3510. content: "\f03e";
  3511. }
  3512. .tie_audio .overlay-icon:before,
  3513. .tie_soundcloud .overlay-icon:before {
  3514. content: "\f028";
  3515. }
  3516. .tie_video .overlay-icon:before {
  3517. content: "\f16a";
  3518. }
  3519. .item-list .post-thumbnail,
  3520. .timeline .post-thumbnail {
  3521. float: left;
  3522. margin-bottom: 0;
  3523. }
  3524. .cat-box li .post-thumbnail {
  3525. margin: 0 10px 0 0;
  3526. }
  3527. .column2 .post-thumbnail {
  3528. float: left;
  3529. }
  3530. .cat-box.column2 li.first-news .post-thumbnail {
  3531. margin: 0 0 10px 0;
  3532. float: none;
  3533. }
  3534. .wide-box li .post-thumbnail,
  3535. .list-box li .post-thumbnail {
  3536. float: left;
  3537. }
  3538. .wide-box li.first-news .post-thumbnail {
  3539. width: 275px;
  3540. }
  3541. .list-box li.first-news .post-thumbnail {
  3542. margin: 0 0 15px 0;
  3543. float: none;
  3544. }
  3545. .cat-tabs-wrap li .post-thumbnail {
  3546. float: left;
  3547. margin-bottom: 0;
  3548. }
  3549. .cat-tabs-wrap li.first-news .post-thumbnail {
  3550. margin: 0 0 10px 0;
  3551. float: none;
  3552. }
  3553. .recent-item .post-thumbnail {
  3554. margin: 0 0 10px 0;
  3555. }
  3556. /**
  3557. * Share Buttons
  3558. * -----------------------------------------------------------------------------
  3559. */
  3560. .share-post {
  3561. clear: both;
  3562. margin: 10px -20px -20px;
  3563. padding: 8px 0 6px 10px;
  3564. background: #F7F7F7;
  3565. border-top: 1px solid #EAEAEA;
  3566. }
  3567. .mini-share-post {
  3568. clear: both;
  3569. margin: 10px -24px -20px;
  3570. padding: 10px 10px 10px 25px;
  3571. height: 20px;
  3572. }
  3573. .mini-share-post .share-text,
  3574. .entry .share-post .share-text {
  3575. display: none;
  3576. }
  3577. .entry .share-post {
  3578. margin: 0 0 15px;
  3579. background: transparent;
  3580. border: 0 none;
  3581. height: auto;
  3582. padding: 0;
  3583. }
  3584. .entry .share-post li,
  3585. .entry .share-post ul {
  3586. list-style: none;
  3587. margin: 0;
  3588. }
  3589. .recent-box .mini-share-post {
  3590. margin-bottom: -5px;
  3591. }
  3592. .share-post li,
  3593. .mini-share-post li {
  3594. float: left;
  3595. width: 106px;
  3596. }
  3597. .entry .share-post li iframe,
  3598. .share-post li iframe,
  3599. .mini-share-post li iframe {
  3600. max-width: none !important;
  3601. }
  3602. .share-post span.share-text {
  3603. background: #FF8500;
  3604. margin: -9px 10px -10px -10px;
  3605. display: block;
  3606. float: left;
  3607. color: #FFF;
  3608. padding: 0 9px;
  3609. font-family: BebasNeueRegular, arial, Georgia, serif;
  3610. font-size: 14pt;
  3611. height: 45px;
  3612. line-height: 50px;
  3613. }
  3614. .share-post .flat-social a {
  3615. color: #FFF !important;
  3616. text-decoration: none !important;
  3617. }
  3618. /* Flat Share Buttons */
  3619. .flat-social li {
  3620. width: auto !important;
  3621. }
  3622. .flat-social a {
  3623. padding: 5px 10px;
  3624. color: #FFF;
  3625. margin: 0 6px 2px 0;
  3626. display: inline-block;
  3627. line-height: 14px;
  3628. -webkit-border-radius: 2px;
  3629. -moz-border-radius: 2px;
  3630. border-radius: 2px;
  3631. }
  3632. .flat-social a i {
  3633. margin-right: 3px;
  3634. }
  3635. .flat-social a:hover {
  3636. background: #444;
  3637. }
  3638. /**
  3639. * Post Elements
  3640. * -----------------------------------------------------------------------------
  3641. */
  3642. .entry {
  3643. word-wrap: break-word;
  3644. line-height: 22px;
  3645. }
  3646. .entry p {
  3647. margin-bottom: 20px;
  3648. }
  3649. .entry img {
  3650. max-width: 100%;
  3651. height: auto;
  3652. }
  3653. .entry h1,
  3654. .entry h2,
  3655. .entry h3,
  3656. .entry h4,
  3657. .entry h5,
  3658. .entry h6 {
  3659. margin-top: 25px;
  3660. margin-bottom: 10px;
  3661. line-height: 1em;
  3662. font-family: Helvetica;
  3663. font-weight: normal;
  3664. }
  3665. .entry h1 {
  3666. font-size: 36px;
  3667. }
  3668. .entry h2 {
  3669. font-size: 30px;
  3670. }
  3671. .entry h3 {
  3672. font-size: 24px;
  3673. }
  3674. .entry h4 {
  3675. font-size: 18px;
  3676. }
  3677. .entry h5 {
  3678. font-size: 14px;
  3679. }
  3680. .entry h6 {
  3681. font-size: 12px;
  3682. }
  3683. .entry ol,
  3684. .entry ul {
  3685. margin: 0 0 20px 15px;
  3686. }
  3687. .entry ul li {
  3688. list-style: outside disc;
  3689. list-style-image: none;
  3690. }
  3691. .entry ol li {
  3692. list-style: outside decimal;
  3693. }
  3694. .entry li {
  3695. margin: 0 0 5px 0;
  3696. }
  3697. .entry li ul,
  3698. .entry li ol{
  3699. margin: 5px 0 0 15px;
  3700. }
  3701. .entry #user-login ul {
  3702. margin-bottom: -5px;
  3703. }
  3704. .entry table {
  3705. border-spacing: 0;
  3706. width: 100%;
  3707. border: 1px solid #eee;
  3708. border-collapse: separate;
  3709. margin-bottom: 1.5em;
  3710. }
  3711. .entry table tr:nth-child(even) {
  3712. background: #F9F9F9;
  3713. }
  3714. .entry table td,
  3715. .entry table th {
  3716. padding: .4em;
  3717. text-align: left;
  3718. border-right: 1px dotted #eee;
  3719. }
  3720. .entry table thead th {
  3721. background: #F4F4F4;
  3722. border-right: 1px solid #eee;
  3723. border-bottom: 1px solid #eee;
  3724. text-transform: uppercase;
  3725. padding: 0.7em .4em;
  3726. vertical-align: middle;
  3727. }
  3728. .entry table tbody th {
  3729. background: #F4F4F4;
  3730. border-bottom: 1px solid #eee;
  3731. }
  3732. .entry table tbody td {
  3733. border-bottom: 1px solid #eee;
  3734. }
  3735. .entry table tr th:last-child,
  3736. .entry table tr td:last-child {
  3737. border-right: 0;
  3738. }
  3739. .entry table tbody tr:last-child td,
  3740. .entry table tbody tr:last-child th {
  3741. border-bottom: 0;
  3742. }
  3743. .gallery {
  3744. margin: 0 auto 18px;
  3745. clear: both;
  3746. }
  3747. .gallery .gallery-item {
  3748. display: inline-block;
  3749. padding: 10px;
  3750. text-align: center;
  3751. vertical-align: top;
  3752. width: 100%;
  3753. }
  3754. .gallery-columns-2 .gallery-item {
  3755. max-width: 50%;
  3756. }
  3757. .gallery-columns-3 .gallery-item {
  3758. max-width: 33.33%;
  3759. }
  3760. .gallery-columns-4 .gallery-item {
  3761. max-width: 25%;
  3762. }
  3763. .gallery-columns-5 .gallery-item {
  3764. max-width: 20%;
  3765. }
  3766. .gallery-columns-6 .gallery-item {
  3767. max-width: 16.66%;
  3768. }
  3769. .gallery-columns-7 .gallery-item {
  3770. max-width: 14.28%;
  3771. }
  3772. .gallery-columns-8 .gallery-item {
  3773. max-width: 12.5%;
  3774. }
  3775. .gallery-columns-9 .gallery-item {
  3776. max-width: 11.11%;
  3777. }
  3778. .gallery .gallery-item img {
  3779. height: auto;
  3780. margin: 0 auto;
  3781. -webkit-transition: all .40s;
  3782. -moz-transition: all .40s;
  3783. -o-transition: all .40s;
  3784. transition: all .40s;
  3785. }
  3786. .gallery .gallery-item a:hover img {
  3787. opacity: 0.6 !important;
  3788. margin: -5px 0 5px;
  3789. }
  3790. .gallery-caption {
  3791. color: #888;
  3792. margin: 0 0 12px;
  3793. }
  3794. .gallery-columns-6 .gallery-caption,
  3795. .gallery-columns-7 .gallery-caption,
  3796. .gallery-columns-8 .gallery-caption,
  3797. .gallery-columns-9 .gallery-caption {
  3798. display: none;
  3799. }
  3800. .gallery br + br {
  3801. display: none;
  3802. }
  3803. .attachment img {
  3804. display: block;
  3805. margin: 0 auto;
  3806. }
  3807. blockquote p {
  3808. color: #999;
  3809. padding: 0 18px;
  3810. font-family: "Georgia";
  3811. font-size: 18px;
  3812. line-height: 28px;
  3813. font-style: italic;
  3814. border: 4px solid #777;
  3815. border-width: 0 0 0 4px;
  3816. }
  3817. /**
  3818. * Related Posts
  3819. * -----------------------------------------------------------------------------
  3820. */
  3821. #related_posts,
  3822. #author-box {
  3823. clear: both;
  3824. }
  3825. .block-head {
  3826. padding: 3px 0 0;
  3827. overflow: hidden;
  3828. }
  3829. .block-head h3,
  3830. #respond h3 {
  3831. float: left;
  3832. margin-right: 10px;
  3833. font-size: 22px;
  3834. font-family: BebasNeueRegular, arial, Georgia, serif;
  3835. }
  3836. #related_posts .post-listing,
  3837. #author-box .post-listing {
  3838. padding: 20px;
  3839. margin-bottom: 40px;
  3840. }
  3841. #related_posts .related-item {
  3842. float: left;
  3843. width: 31.33333333%;
  3844. height: 180px;
  3845. margin: 0 3% 10px 0;
  3846. }
  3847. #related_posts .related-item:nth-child(3n+3),
  3848. .full-width #related_posts .related-item:nth-child(4n+4) {
  3849. margin-right: 0;
  3850. }
  3851. #related_posts .related-item .post-thumbnail {
  3852. margin: 0 0 10px 0;
  3853. }
  3854. .full-width #related_posts .related-item {
  3855. margin-right: 2%;
  3856. width: 23.5%;
  3857. }
  3858. .entry #related_posts {
  3859. margin: 0 0 20px 20px;
  3860. float: right;
  3861. width: 30%;
  3862. border: 1px solid #eee;
  3863. border-width: 0 0 0 1px;
  3864. padding-left: 20px;
  3865. }
  3866. .entry #related_posts .post-listing {
  3867. border-bottom: 0 none;
  3868. padding: 0;
  3869. margin: 0 ;
  3870. -webkit-box-shadow: none ;
  3871. -moz-box-shadow: none ;
  3872. box-shadow: none ;
  3873. }
  3874. .entry #related_posts .related-item {
  3875. float: none;
  3876. width: 100%;
  3877. height: auto;
  3878. margin: 0 0 10px 0;
  3879. }
  3880. .entry #related_posts .related-item h3{
  3881. margin: 0;
  3882. font-size: 15px;
  3883. }
  3884. .entry #related_posts .stripe-line {
  3885. display: none;
  3886. }
  3887. .entry #related_posts .block-head h3 {
  3888. margin-top: 0;
  3889. }
  3890. .entry #related_posts .post-inner p.post-meta {
  3891. padding: 0;
  3892. }
  3893. /**
  3894. * Check Also Box
  3895. * -----------------------------------------------------------------------------
  3896. */
  3897. #check-also-box {
  3898. position: fixed;
  3899. z-index: 999;
  3900. bottom: 65px;
  3901. right: -350px;
  3902. width: 300px;
  3903. border-top: 4px solid #F88C00;
  3904. border-bottom: 0 none;
  3905. padding:10px 20px 20px;
  3906. -webkit-transition: all .5s;
  3907. -moz-transition: all .5s;
  3908. -o-transition: all .5s;
  3909. transition: all .5s;
  3910. }
  3911. #check-also-box.check-also-left {
  3912. left: -350px;
  3913. right: auto;
  3914. }
  3915. #check-also-box.show-check-also,
  3916. #check-also-box.check-also-left #check-also-close {
  3917. right: 0;
  3918. left: auto;
  3919. }
  3920. #check-also-box.check-also-left.show-check-also {
  3921. right: auto;
  3922. left: 0;
  3923. }
  3924. #check-also-box .block-head {
  3925. padding: 0;
  3926. }
  3927. #check-also-box .block-head h3 {
  3928. text-align: center;
  3929. margin: 0 0 10px;
  3930. display: block;
  3931. float: none;
  3932. }
  3933. #check-also-box .post-thumbnail{
  3934. margin: 0 0 10px;
  3935. }
  3936. .check-also-post {
  3937. padding-bottom: 10px;
  3938. margin-bottom: 10px;
  3939. border-bottom: 1px solid #eee;
  3940. }
  3941. .check-also-post:last-child {
  3942. padding-bottom: 0;
  3943. margin-bottom : 0;
  3944. border-bottom : 0 none;
  3945. }
  3946. .check-also-post .post-title {
  3947. font-size: 22px;
  3948. margin-bottom: 5px;
  3949. }
  3950. .check-also-post p {
  3951. line-height: 20px;
  3952. }
  3953. #check-also-close {
  3954. position: absolute;
  3955. left: 0;
  3956. top: 0;
  3957. padding: 1px 8px 3px;
  3958. background: #FF8500;
  3959. color: #FFF;
  3960. font-size: 19px;
  3961. }
  3962. #check-also-close:hover i {
  3963. opacity: 0.7;
  3964. }
  3965. /**
  3966. * Post Navigation
  3967. * -----------------------------------------------------------------------------
  3968. */
  3969. .navigation {
  3970. margin: 10px 0;
  3971. clear: both;
  3972. overflow: hidden;
  3973. }
  3974. .nav-previous {
  3975. float: left;
  3976. }
  3977. .nav-next {
  3978. float: right;
  3979. }
  3980. .post-navigation {
  3981. clear: both;
  3982. margin: -10px 0 20px;
  3983. overflow: hidden;
  3984. }
  3985. .post-navigation div {
  3986. display: block;
  3987. width: 245px;
  3988. position: relative;
  3989. font-size: 14px;
  3990. color: #999;
  3991. }
  3992. .post-previous {
  3993. float: left;
  3994. padding-left: 40px;
  3995. }
  3996. .post-next {
  3997. float: right;
  3998. text-align: right;
  3999. padding-right: 40px;
  4000. }
  4001. .post-navigation div span {
  4002. display: block;
  4003. font-size: 80%;
  4004. color: #999;
  4005. }
  4006. .post-navigation div a:after {
  4007. position: absolute;
  4008. color: #ccc;
  4009. font-size: 56px;
  4010. margin-top: -11px;
  4011. height: 22px;
  4012. line-height: 22px;
  4013. top: 34%;
  4014. }
  4015. .post-previous a:after {
  4016. content: '«';
  4017. left: 0;
  4018. }
  4019. .post-next a:after {
  4020. content: '»';
  4021. right: 0;
  4022. }
  4023. /**
  4024. * Sidebar
  4025. * -----------------------------------------------------------------------------
  4026. */
  4027. #sidebar {
  4028. float: right;
  4029. width: 310px;
  4030. }
  4031. .full-width #sidebar {
  4032. display: none !important;
  4033. }
  4034. .sidebar-left #sidebar {
  4035. float: left;
  4036. }
  4037. .sidebar-left .content {
  4038. float: right;
  4039. }
  4040. /* Sticky Sidebar */
  4041. .theiaStickySidebar:after {
  4042. content: "";
  4043. display: table;
  4044. clear: both;
  4045. }
  4046. /* Widgets Styles */
  4047. .widget {
  4048. clear: both;
  4049. margin-bottom: 25px;
  4050. }
  4051. .widget-top {
  4052. padding: 5px 0;
  4053. }
  4054. .widget-top h4 {
  4055. float: left;
  4056. margin-right: 10px;
  4057. font-size: 20px;
  4058. font-family: BebasNeueRegular, arial, Georgia, serif;
  4059. }
  4060. .widget-top h4 a {
  4061. color: #333;
  4062. }
  4063. .widget-top h4 a:hover {
  4064. color: #000;
  4065. }
  4066. .widget-container {
  4067. padding: 10px;
  4068. clear: both;
  4069. }
  4070. .widget-container h3 {
  4071. font-size: inherit;
  4072. }
  4073. .widget-container li {
  4074. padding: 0 0 5px 0;
  4075. line-height: 18px;
  4076. overflow: hidden;
  4077. }
  4078. .widget-container p {
  4079. padding-bottom: 1.0em;
  4080. }
  4081. .widget-container a:hover {
  4082. text-decoration: underline;
  4083. }
  4084. .widget-container li span.tie-date,
  4085. .footer-widget-container li span.tie-date,
  4086. .mega-menu-block .tie-date,
  4087. span.post-comments-widget,
  4088. span.post-views-widget {
  4089. color: #AAA;
  4090. margin: 4px 0 0;
  4091. font-size: 80%;
  4092. display: inline-block
  4093. }
  4094. .widget-container li span.post-small-rate,
  4095. .footer-widget-container li span.post-small-rate {
  4096. margin-top: 5px;
  4097. }
  4098. .widget-container .post-thumbnail,
  4099. .footer-widget-container .post-thumbnail {
  4100. float: left;
  4101. margin-right: 10px;
  4102. }
  4103. .widget_search label span,
  4104. #bbp-search-form label,
  4105. .widget_product_search label.screen-reader-text {
  4106. display: none;
  4107. }
  4108. /* Text Widget */
  4109. .text-html-box {
  4110. margin-bottom: 20px;
  4111. }
  4112. /* Rss Widget */
  4113. .widget_rss .widget-title img {
  4114. width: 11px;
  4115. height: 11px;
  4116. }
  4117. /* News in Picture Widget */
  4118. .widget.news-pic .post-thumbnail {
  4119. padding: 1px;
  4120. width: 33.3333333%;
  4121. max-width: 160px;
  4122. margin: 0;
  4123. }
  4124. .widget.news-pic .post-thumbnail img.attachment-tie-small {
  4125. max-width: 100% !important;
  4126. }
  4127. /* Tabbed Widget */
  4128. #tabbed-widget .tabs-wrap li:last-child,
  4129. .comments-avatar .widget-container li:last-child,
  4130. .posts-list .widget-container li:last-child,
  4131. .categort-posts .widget-container li:last-child,
  4132. .authors-posts .widget-container li:last-child {
  4133. border-bottom: 0 none;
  4134. }
  4135. #tabbed-widget .tabs-wrap li,
  4136. .comments-avatar .widget-container li,
  4137. .posts-list .widget-container li,
  4138. .categort-posts .widget-container li,
  4139. .authors-posts .widget-container li,
  4140. .widget.woocommerce .widget-container li,
  4141. .widget-container ul.reviews-posts li,
  4142. .widget_categories .widget-container li,
  4143. .widget_archive .widget-container li,
  4144. .widget_nav_menu .widget-container li,
  4145. .widget_meta .widget-container li,
  4146. .widget_pages .widget-container li,
  4147. .widget_recent_comments .widget-container li,
  4148. .widget_recent_entries .widget-container li,
  4149. .widget_display_forums .widget-container li,
  4150. .widget_display_views .widget-container li,
  4151. .widget_display_replies .widget-container li,
  4152. .widget_display_topics .widget-container li{
  4153. padding: 6px 0;
  4154. border-bottom: 1px solid #f2f2f2;
  4155. }
  4156. .widget_categories .widget-container li:before ,
  4157. .widget_product_categories ul li:before {
  4158. font-family: FontAwesome;
  4159. margin-right: .53em;
  4160. display: inline-block;
  4161. opacity: .25;
  4162. content: "\f114"
  4163. }
  4164. .widget_categories .widget-container li li,
  4165. .widget_nav_menu .widget-container li li {
  4166. padding-left: 15px;
  4167. border: 0 none;
  4168. }
  4169. .widget_categories .widget-container li li li,
  4170. .widget_nav_menu .widget-container li li li{
  4171. padding-left: 25px;
  4172. }
  4173. /* Author Widget */
  4174. .authors-posts .widget-container li strong {
  4175. float: right;
  4176. display: block;
  4177. }
  4178. /* Facebook Widget */
  4179. .facebook-box {
  4180. text-align: center;
  4181. }
  4182. .facebook-box iframe {
  4183. width: 100% !important
  4184. }
  4185. /* Google+ Widget */
  4186. .google-box {
  4187. text-align: center;
  4188. position: relative;
  4189. overflow: hidden;
  4190. }
  4191. /* Cloud Tag Widget */
  4192. #wp_tag_cloud div {
  4193. line-height: 1.6em;
  4194. }
  4195. /* Twitter Widget */
  4196. .twitter-widget-content ul {
  4197. margin: 0 -10px;
  4198. }
  4199. #theme-footer .twitter-widget-content ul {
  4200. margin: 0;
  4201. }
  4202. .twitter-widget-content li,
  4203. #theme-footer .twitter-widget-content li {
  4204. background: transparent;
  4205. border-bottom: 1px solid #f2f2f2;
  4206. padding: 10px 10px 10px 55px;
  4207. }
  4208. .twitter-widget-content li i,
  4209. #theme-footer .twitter-widget-content li i {
  4210. float: left;
  4211. margin-left: -43px;
  4212. margin-top: 0;
  4213. color: #ddd;
  4214. font-size: 32px;
  4215. width: 30px;
  4216. }
  4217. #theme-footer .twitter-widget-content li i {
  4218. color: #ccc;
  4219. }
  4220. .twitter-widget-content li:last-child {
  4221. border-bottom: 0 none;
  4222. }
  4223. .twitter-widget-content .twitter-timestamp {
  4224. font-style: italic;
  4225. color: #888;
  4226. font-size: 10px;
  4227. float: right;
  4228. clear: both;
  4229. }
  4230. .footer-widgets-box .twitter-widget-content li:before {
  4231. margin-left: 0;
  4232. color: #777;
  4233. }
  4234. /* Tabbed Widget */
  4235. #tabbed-widget .widget-top {
  4236. background: #F7F7F7;
  4237. height: 46px;
  4238. border-bottom: 3px solid #EAEAEA;
  4239. padding: 8px 0 0 2px;
  4240. margin: -10px -10px 10px;
  4241. }
  4242. .tabs-wrap,
  4243. .cat-tabs-wrap {
  4244. clear: both;
  4245. display: none;
  4246. }
  4247. .tabs-wrap#tab1,
  4248. .cat-tabs-wrap.cat-tabs-wrap1 {
  4249. display: block;
  4250. }
  4251. #tabbed-widget ul.tabs li {
  4252. float: left;
  4253. position: relative;
  4254. margin-left: 3px;
  4255. line-height: 30px;
  4256. padding: 2px;
  4257. background: transparent;
  4258. }
  4259. #tabbed-widget ul.tabs li a {
  4260. display: inline-block;
  4261. text-align: center;
  4262. color: #666;
  4263. padding: 5px 9px 1px;
  4264. line-height: 30px;
  4265. }
  4266. #tabbed-widget ul.tabs li a:hover {
  4267. color: #000;
  4268. }
  4269. #tabbed-widget ul.tabs li.active a {
  4270. background: #FFF;
  4271. -webkit-border-top-left-radius : 2px;
  4272. -webkit-border-top-right-radius: 2px;
  4273. -moz-border-radius-topleft : 2px;
  4274. -moz-border-radius-topright : 2px;
  4275. border-top-left-radius : 2px;
  4276. border-top-right-radius: 2px;
  4277. -webkit-box-shadow: 0 -1px 2px #d4d4d4;
  4278. -moz-box-shadow: 0 -1px 2px #d4d4d4;
  4279. box-shadow: 0 -1px 2px #d4d4d4;
  4280. }
  4281. #tabbed-widget .tabs-wrap.tagcloud {
  4282. font-size: 0;
  4283. }
  4284. #tabbed-widget .tabs-wrap.tagcloud a {
  4285. padding: 6px 8px;
  4286. background: #F7F7F7;
  4287. display: inline-block;
  4288. margin: 0px 1px 1px 0px;
  4289. -webkit-transition-duration: .3s;
  4290. -moz-transition-duration: .3s;
  4291. transition-duration: .3s;
  4292. }
  4293. #tabbed-widget .tabs-wrap.tagcloud a:hover {
  4294. background: #333;
  4295. color: #FFF;
  4296. text-decoration: none;
  4297. }
  4298. /* Calender */
  4299. #wp-calendar {
  4300. width: 100%;
  4301. }
  4302. #wp-calendar caption {
  4303. color: #222;
  4304. font-weight: bold;
  4305. padding-bottom: 4px;
  4306. text-align: center;
  4307. }
  4308. #wp-calendar tbody {
  4309. color: #aaa;
  4310. }
  4311. #wp-calendar tbody td {
  4312. background: #f5f5f5;
  4313. border: 1px solid #fff;
  4314. padding: 3px 0 2px;
  4315. text-align: center;
  4316. }
  4317. #wp-calendar tbody .pad,
  4318. footer #wp-calendar tbody .pad {
  4319. background: none;
  4320. border: 0 none;
  4321. }
  4322. #wp-calendar tfoot #next {
  4323. text-align: right;
  4324. }
  4325. footer #wp-calendar tbody td {
  4326. background: #333;
  4327. border-color: #555;
  4328. }
  4329. footer #wp-calendar caption {
  4330. color: #FFF;
  4331. }
  4332. /* Author Widget */
  4333. .author-avatar img {
  4334. float: left;
  4335. margin: 0 20px 0 0;
  4336. }
  4337. #author-box .author-avatar img {
  4338. margin-right: 20px;
  4339. }
  4340. .author-description {
  4341. font-size: 95%;
  4342. line-height: 17px;
  4343. }
  4344. .author-social {
  4345. float: left;
  4346. margin-top: 10px;
  4347. }
  4348. .author-social a {
  4349. width: 25px;
  4350. text-align: center;
  4351. padding: 5px 0;
  4352. background: #f1f1f1;
  4353. color: #777;
  4354. line-height: 0;
  4355. }
  4356. .author-social a:hover {
  4357. color: #FFF;
  4358. }
  4359. .author-social a.social-twitter {
  4360. width: auto;
  4361. padding: 5px 8px;
  4362. text-decoration: none;
  4363. }
  4364. .widget_author .author-social a.social-twitter span {
  4365. display: none;
  4366. }
  4367. .author-social a,
  4368. .author-social a i {
  4369. margin: 0 !important;
  4370. }
  4371. /* Flickr Widget */
  4372. .flickr-widget .flickr_badge_image {
  4373. float: left;
  4374. width: 25%;
  4375. padding: 2px;
  4376. line-height: 0;
  4377. max-width:90px;
  4378. }
  4379. .flickr-widget .flickr_badge_image a{
  4380. display: block;
  4381. }
  4382. .flickr-widget .flickr_badge_image img {
  4383. opacity: 1;
  4384. width: 100%;
  4385. height: auto;
  4386. }
  4387. .flickr-widget .flickr_badge_image a:hover img {
  4388. opacity: 0.6;
  4389. }
  4390. /* Search Widget */
  4391. .search-widget.search-block-large{
  4392. margin-bottom:25px;
  4393. width: 100%;
  4394. }
  4395. .search-block-large {
  4396. overflow: hidden;
  4397. position: relative;
  4398. width: 310px;
  4399. max-width: 100%;
  4400. margin: 10px auto;
  4401. }
  4402. .search-block-large.widget{
  4403. margin-bottom: 25px;
  4404. }
  4405. .search-block-large #s {
  4406. background: #FFF;
  4407. font: normal 14px tahoma;
  4408. padding: 9px 12px 8px 12px;
  4409. width: 100%;
  4410. color: #C5C5C5;
  4411. margin-bottom:0;
  4412. border: 1px solid #E8E8E8;
  4413. -webkit-border-radius: 0;
  4414. -moz-border-radius: 0;
  4415. border-radius: 0;
  4416. }
  4417. .search-block-large #s:focus {
  4418. color: #000;
  4419. }
  4420. .search-block-large .search-button {
  4421. position: absolute;
  4422. top: 1px;
  4423. right: 1px;
  4424. opacity: 0.7;
  4425. background: #f88c00;
  4426. cursor: pointer;
  4427. height: 34px;
  4428. width: 34px;
  4429. display: block;
  4430. border: 0 none;
  4431. box-shadow: none !important;
  4432. padding: 0;
  4433. -webkit-border-radius: 0;
  4434. -moz-border-radius: 0;
  4435. border-radius: 0;
  4436. }
  4437. .search-block-large:hover .search-button,
  4438. .search-block-large:hover #s {
  4439. opacity: 1;
  4440. color: #444;
  4441. }
  4442. .search-block-large button.search-button i:before {
  4443. font-size: 18px;
  4444. color: #FFF;
  4445. }
  4446. /* Built-In Search Widget */
  4447. .widget_search input[type=search] {
  4448. min-width: 100%;
  4449. }
  4450. /* Login Widget */
  4451. #login-form {
  4452. padding: 11px 11px 0;
  4453. }
  4454. #login-form #log,
  4455. #login-form #pwd,
  4456. .widget-feedburner .feedburner-email {
  4457. border-color: #F1F1F1;
  4458. border-top-color: #DDD;
  4459. border-left-color: #DDD;
  4460. background: #F9F9F9;
  4461. color: #515151;
  4462. font: 12px Tahoma;
  4463. padding: 8px;
  4464. margin-bottom: 10px;
  4465. display: block;
  4466. width: 100%;
  4467. min-height: 24px;
  4468. -webkit-border-radius: 3px;
  4469. -moz-border-radius: 3px;
  4470. border-radius: 3px;
  4471. }
  4472. #login-form #log:hover,
  4473. #login-form #pwd:hover,
  4474. .widget-feedburner .feedburner-email:hover {
  4475. color: #000;
  4476. }
  4477. #login-form #log:focus,
  4478. #login-form #pwd:focus,
  4479. .widget-feedburner .feedburner-email:focus {
  4480. background: #FFF;
  4481. color: #000 !important;
  4482. }
  4483. #login-form .login-button {
  4484. margin-right: 20px;
  4485. }
  4486. #login-form p {
  4487. padding-bottom: 0;
  4488. }
  4489. ul.login-links {
  4490. margin-top: 15px;
  4491. }
  4492. p.welcome-text {
  4493. margin-bottom: 0;
  4494. padding-bottom: 7px;
  4495. }
  4496. .content .entry #login-form p {
  4497. padding: 0
  4498. }
  4499. #user-login li,
  4500. #user-login img {
  4501. padding: 4px 0 0;
  4502. margin-bottom: 0;
  4503. }
  4504. /* FeedBurner Widget */
  4505. .widget-feedburner-counter {
  4506. padding: 11px;
  4507. }
  4508. /* Slider Widget */
  4509. #sidebar .flexslider {
  4510. width: 310px;
  4511. height: 205px !important;
  4512. clear: both;
  4513. }
  4514. #sidebar .flexslider .slides > li {
  4515. height: 205px !important;
  4516. }
  4517. #sidebar .slider-caption {
  4518. width: 100%;
  4519. padding: 0;
  4520. bottom: 0;
  4521. }
  4522. #sidebar .slider-caption h2 {
  4523. padding: 3px 10px;
  4524. line-height: 20px;
  4525. }
  4526. #sidebar .slider-caption h2 a {
  4527. font-size: 18px;
  4528. }
  4529. /* Timeline Widget */
  4530. .widget.timeline-posts li {
  4531. padding: 0 0 0 5px;
  4532. }
  4533. .widget.timeline-posts li h3{
  4534. border: 2px solid #ccc;
  4535. border-width: 0 0 0 2px;
  4536. padding: 5px 0 12px 10px;
  4537. }
  4538. .widget.timeline-posts li span.tie-date {
  4539. position: relative;
  4540. padding-left: 12px;
  4541. margin: 0;
  4542. display: block;
  4543. height: 16px;
  4544. }
  4545. .widget.timeline-posts li span.tie-date:before{
  4546. content: '';
  4547. width: 8px;
  4548. height: 8px;
  4549. border: 2px solid #ccc;
  4550. display: block;
  4551. position: absolute;
  4552. left: -3px;
  4553. top: 4px;
  4554. -webkit-border-radius: 100%;
  4555. -moz-border-radius: 100%;
  4556. border-radius: 100%;
  4557. }
  4558. .widget.timeline-posts li span.tie-date i {
  4559. display: none;
  4560. }
  4561. .widget.timeline-posts li a:hover,
  4562. .widget.timeline-posts li a:hover span.tie-date {
  4563. text-decoration: none;
  4564. color: #F88C00;
  4565. }
  4566. .widget.timeline-posts li a:hover span.tie-date:before {
  4567. background: #F88C00;
  4568. border-color: #F88C00;
  4569. }
  4570. /* Counter Widget */
  4571. .arqam-lite-widget-counter {
  4572. margin-bottom:25px;
  4573. overflow:hidden;
  4574. background: white;
  4575. background: #FFF;
  4576. clear: both;
  4577. font-size: 0;
  4578. -webkit-box-shadow: 0 0 3px #CACACA;
  4579. -moz-box-shadow: 0 0 3px #CACACA;
  4580. box-shadow: 0 0 3px #CACACA;
  4581. }
  4582. .arqam-lite-widget-counter ul {
  4583. text-align: center;
  4584. }
  4585. .arqam-lite-widget-counter li {
  4586. line-height: 15px;
  4587. display: inline-block;
  4588. width: 33.333333%;
  4589. border: 1px solid #eee;
  4590. border-width: 0 0 1px 0;
  4591. }
  4592. .arqam-lite-widget-counter li a {
  4593. color: #444;
  4594. text-decoration: none;
  4595. display: block;
  4596. overflow: hidden;
  4597. opacity: 0.8;
  4598. padding: 0 0 6px;
  4599. }
  4600. .arqam-lite-widget-counter li a:hover {
  4601. background: transparent;
  4602. opacity: 1;
  4603. }
  4604. .arqam-lite-widget-counter a i {
  4605. font-size: 28px;
  4606. margin: 8px auto;
  4607. width: 50px;
  4608. color: #FFF;
  4609. height: 50px;
  4610. line-height: 50px;
  4611. display: block;
  4612. text-align: center;
  4613. background: #555;
  4614. -webkit-border-radius: 50px;
  4615. moz-border-radius: 50px;
  4616. border-radius: 50px;
  4617. }
  4618. .arqam-lite-widget-counter a:hover i,
  4619. .social-icons-widget .social-icons.social-colored a:hover {
  4620. -webkit-transform: scale(1.15);
  4621. -moz-transform: scale(1.15);
  4622. -ms-transform: scale(1.15);
  4623. -o-transform: scale(1.15);
  4624. transform: scale(1.15);
  4625. }
  4626. .arqam-lite-widget-counter a:hover span,
  4627. .arqam-lite-widget-counter a:hover small {
  4628. -webkit-transform: scale(0.8);
  4629. -moz-transform: scale(0.8);
  4630. -ms-transform: scale(0.8);
  4631. -o-transform: scale(0.8);
  4632. transform: scale(0.8);
  4633. }
  4634. .arqam-lite-widget-counter li:nth-child(3n+1) {
  4635. border-width: 0 1px 1px 0;
  4636. }
  4637. .arqam-lite-widget-counter li:nth-child(3n+3) {
  4638. border-width: 0 0 1px 1px;
  4639. }
  4640. .arqam-lite-widget-counter li span {
  4641. display: block;
  4642. font-size: 21px;
  4643. }
  4644. .arqam-lite-widget-counter li a small {
  4645. font-size: 11px;
  4646. color: #777;
  4647. padding-top: 3px;
  4648. display: inline-block;
  4649. }
  4650. .arqam-lite-widget-counter.border a i {
  4651. background: transparent;
  4652. border:1px solid #555;
  4653. color: #555;
  4654. }
  4655. .arqam-lite-widget-counter.border li a:hover i {
  4656. border:0 none;
  4657. color: #FFF;
  4658. }
  4659. .arqam-lite-widget-counter.border .arq-lite-facebook a i {
  4660. border-color: #39599f ;
  4661. color: #39599f ;
  4662. }
  4663. .arqam-lite-widget-counter.border .arq-lite-twitter a i {
  4664. border-color: #45b0e3 ;
  4665. color: #45b0e3 ;
  4666. }
  4667. .arqam-lite-widget-counter.border .arq-lite-google a i {
  4668. border-color: #fa0101 ;
  4669. color: #fa0101 ;
  4670. }
  4671. .arqam-lite-widget-counter.border .arq-lite-rss a i {
  4672. border-color: #f8bc2e ;
  4673. color: #f8bc2e ;
  4674. }
  4675. .arqam-lite-widget-counter.border .arq-lite-soundcloud a i {
  4676. border-color: #F76700 ;
  4677. color: #F76700 ;
  4678. }
  4679. .arqam-lite-widget-counter.border .arq-lite-github a i {
  4680. border-color: #4183c4 ;
  4681. color: #4183c4 ;
  4682. }
  4683. .arqam-lite-widget-counter.border .arq-lite-behance a i {
  4684. border-color: #1769ff ;
  4685. color: #1769ff ;
  4686. }
  4687. .arqam-lite-widget-counter.border .arq-lite-dribbble a i {
  4688. border-color: #d875a2 ;
  4689. color: #d875a2 ;
  4690. }
  4691. .arqam-lite-widget-counter.border .arq-lite-youtube a i {
  4692. border-color: #cc181e ;
  4693. color: #cc181e ;
  4694. }
  4695. .arqam-lite-widget-counter.border .arq-lite-instagram a i {
  4696. border-color: #517fa4 ;
  4697. color: #517fa4 ;
  4698. }
  4699. .arqam-lite-widget-counter.border .arq-lite-vimeo a i {
  4700. border-color: #3fbfce ;
  4701. color: #3fbfce ;
  4702. }
  4703. .arqam-lite-widget-counter.border .arq-lite-delicious a i {
  4704. border-color: #2567ee ;
  4705. color: #2567ee ;
  4706. }
  4707. /* Social Icons Widget */
  4708. .social-icons {
  4709. text-align: center;
  4710. }
  4711. .social-icons a {
  4712. margin: 2px;
  4713. position: relative;
  4714. text-shadow: none;
  4715. display: inline-block;
  4716. }
  4717. .social-icons-widget .social-icons i:before {
  4718. display: inline-block;
  4719. width: 32px;
  4720. height: 32px;
  4721. line-height: 32px;
  4722. font-size: 18px;
  4723. -webkit-border-radius: 2px;
  4724. -moz-border-radius: 2px;
  4725. border-radius: 2px;
  4726. }
  4727. .social-icons-widget .social-icons a {
  4728. color: #555 !important;
  4729. }
  4730. #theme-footer .social-icons-widget .social-icons a {
  4731. color: #999 !important;
  4732. }
  4733. .social-icons-widget .social-icons.social-colored a {
  4734. color: #FFF !important;
  4735. }
  4736. .social-icons-widget .social-icons a:hover {
  4737. opacity: 0.7;
  4738. }
  4739. .social-icons.social-colored .fa-delicious:before,
  4740. .arq-lite-delicious a:hover i,
  4741. .arqam-lite-widget-counter.colored .arq-lite-delicious a i{
  4742. background: #2567ee
  4743. }
  4744. .social-icons.social-colored .fa-foursquare:before {
  4745. background: #0d9ed1
  4746. }
  4747. .social-icons.social-colored .fa-digg:before {
  4748. background: #b2b2b2
  4749. }
  4750. .social-icons.social-colored .fa-reddit:before {
  4751. background: #ff915c
  4752. }
  4753. .social-icons.social-colored .tieicon-vimeo:before,
  4754. .arq-lite-vimeo a:hover i,
  4755. .arqam-lite-widget-counter.colored .arq-lite-vimeo a i{
  4756. background: #3fbfce
  4757. }
  4758. .social-icons.social-colored .fa-play:before {
  4759. background: #a0b532
  4760. }
  4761. .social-icons.social-colored .fa-soundcloud:before,
  4762. .arq-lite-soundcloud a:hover i,
  4763. .arqam-lite-widget-counter.colored .arq-lite-soundcloud a i{
  4764. background: #F76700
  4765. }
  4766. .social-icons.social-colored .fa-yelp:before {
  4767. background: #c1230d
  4768. }
  4769. .social-icons.social-colored .fa-github:before {
  4770. background: #666666
  4771. }
  4772. .social-icons.social-colored .fa-xing:before {
  4773. background: #00605e
  4774. }
  4775. .social-icons.social-colored .fa-dropbox:before {
  4776. background: #459ce6
  4777. }
  4778. .social-icons.social-colored .fa-tumblr:before {
  4779. background: #385a75
  4780. }
  4781. .social-icons.social-colored .fa-apple:before {
  4782. background: #7e878b
  4783. }
  4784. .social-icons.social-colored .fa-dribbble:before,
  4785. .arq-lite-dribbble a:hover i,
  4786. .arqam-lite-widget-counter.colored .arq-lite-dribbble a i {
  4787. background: #d875a2
  4788. }
  4789. .social-icons.social-colored .fa-skype:before {
  4790. background: #00c6ff
  4791. }
  4792. .social-icons.social-colored .fa-vk:before {
  4793. background: #336699
  4794. }
  4795. .social-icons.social-colored .fa-friendfeed:before {
  4796. background: #93b4dd
  4797. }
  4798. .social-icons.social-colored .fa-lastfm:before {
  4799. background: #f54a3d
  4800. }
  4801. .social-icons.social-colored .fa-spotify:before {
  4802. background: #7fb718
  4803. }
  4804. .social-icons.social-colored .fa-paypal:before {
  4805. background: #34aad2
  4806. }
  4807. .social-icons.social-colored .fa-wordpress:before {
  4808. background: #2071ad
  4809. }
  4810. .social-icons.social-colored .fa-rss:before,
  4811. .arq-lite-rss a:hover i,
  4812. .arqam-lite-widget-counter.colored .arq-lite-rss a i {
  4813. background: #f8bc2e
  4814. }
  4815. .social-icons.social-colored .fa-share-alt:before {
  4816. background: #55ac60
  4817. }
  4818. .social-icons.social-colored .tieicon-picasa:before {
  4819. background: #9d48a1
  4820. }
  4821. .social-icons.social-colored .tieicon-evernote:before {
  4822. background: #1c8328
  4823. }
  4824. .social-icons.social-colored .fa-github:before,
  4825. .arq-lite-github a:hover i,
  4826. .arqam-lite-widget-counter.colored .arq-lite-github a i {
  4827. background: #4183c4
  4828. }
  4829. .social-icons.social-colored .tieicon-blogger:before {
  4830. background: #f39d38
  4831. }
  4832. .social-icons.social-colored .tieicon-viadeo:before {
  4833. background: #f97618
  4834. }
  4835. .social-icons.social-colored .tieicon-deviantart:before {
  4836. background: #5d6f6d
  4837. }
  4838. .social-icons.social-colored .tieicon-grooveshark:before {
  4839. background: #248fd3
  4840. }
  4841. .social-icons.social-colored .tieicon-fivehundredpx:before {
  4842. background: #00adf1
  4843. }
  4844. .social-icons.social-colored .fa-facebook:before,
  4845. .social-facebook,
  4846. .author-social a.social-facebook:hover,
  4847. .arq-lite-facebook a:hover i,
  4848. .arqam-lite-widget-counter.colored .arq-lite-facebook a i {
  4849. background: #39599f
  4850. }
  4851. .social-icons.social-colored .fa-twitter:before,
  4852. .social-twitter,
  4853. .author-social a.social-twitter:hover,
  4854. .arq-lite-twitter a:hover i,
  4855. .arqam-lite-widget-counter.colored .arq-lite-twitter a i {
  4856. background: #45b0e3
  4857. }
  4858. .social-icons.social-colored .fa-stumbleupon:before,
  4859. .social-stumble,
  4860. .author-social a.social-stumble:hover {
  4861. background: #eb4924
  4862. }
  4863. .social-icons.social-colored .fa-google-plus:before,
  4864. .social-google-plus,
  4865. .author-social a.social-google-plus:hover,
  4866. .arq-lite-google a:hover i,
  4867. .arqam-lite-widget-counter.colored .arq-lite-google a i {
  4868. background: #fa0101
  4869. }
  4870. .social-icons.social-colored .fa-linkedin:before,
  4871. .social-linkedin,
  4872. .author-social a.social-linkedin:hover {
  4873. background: #65b7d2
  4874. }
  4875. .social-icons.social-colored .fa-pinterest:before,
  4876. .social-pinterest,
  4877. .author-social a.social-pinterest:hover {
  4878. background: #E00707
  4879. }
  4880. .social-icons.social-colored .fa-youtube:before,
  4881. .social-youtube,
  4882. .author-social a.social-youtube:hover,
  4883. .arq-lite-youtube a:hover i,
  4884. .arqam-lite-widget-counter.colored .arq-lite-youtube a i {
  4885. background: #cc181e
  4886. }
  4887. .social-icons.social-colored .tieicon-instagram:before,
  4888. .social-instagram,
  4889. .author-social a.social-instagram:hover,
  4890. .arq-lite-instagram a:hover i,
  4891. .arqam-lite-widget-counter.colored .arq-lite-instagram a i {
  4892. background: #517fa4
  4893. }
  4894. .social-icons.social-colored .fa-behance:before,
  4895. .social-behance,
  4896. .author-social a.social-behance:hover,
  4897. .arq-lite-behance a:hover i,
  4898. .arqam-lite-widget-counter.colored .arq-lite-behance a i {
  4899. background: #1769ff
  4900. }
  4901. .social-icons.social-colored .tieicon-flickr:before,
  4902. .social-flickr,
  4903. .author-social a.social-flickr:hover {
  4904. background: #ff0084
  4905. }
  4906. .social-site {
  4907. background: #666
  4908. }
  4909. /* Instagramy Widget */
  4910. .widget-container .tie-instagram {
  4911. margin-bottom: 0;
  4912. }
  4913. /* ADS Widgets */
  4914. .e3lan-cell {
  4915. width: 50%;
  4916. display: block;
  4917. padding: 5px;
  4918. float: left;
  4919. text-align: center;
  4920. line-height: 0;
  4921. }
  4922. .e3lan-widget-content {
  4923. overflow: hidden;
  4924. margin-bottom: 25px;
  4925. clear: both;
  4926. }
  4927. .widget-container .e3lan-widget-content {
  4928. margin-bottom: 0;
  4929. }
  4930. .e3lan-one .e3lan-cell,
  4931. .e3lan160-600 .e3lan-cell,
  4932. .e3lan250-250 .e3lan-cell,
  4933. .e3lan300-100 .e3lan-cell,
  4934. .e3lan300-250 .e3lan-cell,
  4935. .e3lan300-600 .e3lan-cell {
  4936. width: 100%;
  4937. padding: 0;
  4938. float: none;
  4939. }
  4940. .widget-container .e3lan300-100,
  4941. .widget-container .e3lan300-250,
  4942. .widget-container .e3lan300-600 {
  4943. margin: 0 -10px;
  4944. }
  4945. .e3lan300-100 .e3lan-cell{
  4946. padding: 5px 0;
  4947. }
  4948. /* Weather Widget */
  4949. .tie-weather-wrap {
  4950. clear: both;
  4951. overflow: hidden;
  4952. }
  4953. .weather-icon[class^="tieicon-"]:before {
  4954. font-size: 50pt;
  4955. line-height: 60px;
  4956. height: 60px;
  4957. }
  4958. .weather-icon {
  4959. position: relative;
  4960. margin: 0 auto;
  4961. }
  4962. .weather-icon i {
  4963. display: block;
  4964. line-height: 0;
  4965. }
  4966. .tie-weather-current-temp {
  4967. padding: 10px 0;
  4968. width: 35%;
  4969. float: left;
  4970. font-size: 44px;
  4971. line-height: 1em;
  4972. font-weight: 300;
  4973. text-align: center;
  4974. color: #666;
  4975. }
  4976. .tie-weather-current-temp sup {
  4977. font-size: 24px;
  4978. top: -1.3em;
  4979. padding-left: 3px;
  4980. }
  4981. .tie-weather-todays-stats {
  4982. float: right;
  4983. padding: 14px 5%;
  4984. line-height: 1.4em;
  4985. width: 65%;
  4986. }
  4987. .weather_name {
  4988. font-size: 24pt;
  4989. margin-bottom: 10px;
  4990. font-family: BebasNeueRegular, arial, Georgia, serif;
  4991. }
  4992. .weather_desc {
  4993. font-weight: bold;
  4994. text-transform: capitalize;
  4995. margin-bottom: 5px;
  4996. }
  4997. .tie-weather-forecast {
  4998. border-top: solid 1px #EEE;
  4999. padding: 20px 10px 15px;
  5000. clear: both;
  5001. }
  5002. .tie-weather-forecast-day {
  5003. width: 18%;
  5004. margin: 0 1%;
  5005. float: left;
  5006. text-align: center;
  5007. font-weight: 400;
  5008. }
  5009. .weather_days_2 .tie-weather-forecast-day {
  5010. width: 48%;
  5011. }
  5012. .weather_days_3 .tie-weather-forecast-day {
  5013. width: 31%;
  5014. }
  5015. .weather_days_4 .tie-weather-forecast-day {
  5016. width: 23%;
  5017. }
  5018. .tie-weather-forecast-day-temp {
  5019. font-size: 1.8em;
  5020. font-weight: 400;
  5021. }
  5022. .tie-weather-forecast-day-temp sup {
  5023. font-size: 0.6em;
  5024. padding-left: 2px;
  5025. }
  5026. .tie-weather-forecast-day-abbr {
  5027. text-transform: uppercase;
  5028. font-size: 0.8em;
  5029. margin-top: 5px;
  5030. padding-right: 4px;
  5031. }
  5032. /**
  5033. * Images
  5034. * -----------------------------------------------------------------------------
  5035. */
  5036. img,
  5037. img.size-auto,
  5038. img.size-full,
  5039. img.size-large,
  5040. img.size-medium,
  5041. .attachment img {
  5042. max-width: 100%;
  5043. height: auto;
  5044. vertical-align: middle;
  5045. }
  5046. img.centered,
  5047. img.aligncenter {
  5048. display: block;
  5049. margin: 5px auto;
  5050. }
  5051. img.alignright {
  5052. margin: 5px 0 5px 25px;
  5053. display: inline;
  5054. }
  5055. img.alignleft {
  5056. margin: 5px 25px 5px 0;
  5057. display: inline;
  5058. }
  5059. /* Image Caption */
  5060. .wp-caption {
  5061. line-height: 18px;
  5062. margin-bottom: 5px;
  5063. max-width: 100% !important;
  5064. text-align: left;
  5065. font-style: italic;
  5066. }
  5067. .wp-caption.alignleft {
  5068. margin-right: 25px;
  5069. }
  5070. .wp-caption.alignright {
  5071. margin-left: 25px;
  5072. }
  5073. .wp-caption img {
  5074. max-width: 100% !important;
  5075. }
  5076. .wp-caption p.wp-caption-text {
  5077. color: #888;
  5078. padding: 4px 0;
  5079. margin: 0;
  5080. }
  5081. /**
  5082. * Pagination
  5083. * -----------------------------------------------------------------------------
  5084. */
  5085. .pagination {
  5086. overflow: hidden;
  5087. margin-bottom: 25px;
  5088. }
  5089. .pagination a,
  5090. .pagination span.extend,
  5091. .pagination span.current {
  5092. float: left;
  5093. margin-right: 3px;
  5094. color: #777;
  5095. padding: 6px 10px 3px;
  5096. }
  5097. .pagination a:hover {
  5098. color: #000;
  5099. }
  5100. .pagination span.current {
  5101. color: #FFF;
  5102. background-color: #F88C00;
  5103. padding: 4px 10px 6px;
  5104. }
  5105. .pagination .pages {
  5106. float: right;
  5107. display: block;
  5108. font-size: 85%;
  5109. padding: 7px 0 2px;
  5110. }
  5111. /**
  5112. * Comments List
  5113. * -----------------------------------------------------------------------------
  5114. */
  5115. #comments-box .post-listing{
  5116. padding: 20px 20px 0;
  5117. margin-bottom: 40px;
  5118. }
  5119. #comments-title {}
  5120. #comments-title em {
  5121. color: #333;
  5122. }
  5123. .comment-avatar {
  5124. float: left;
  5125. margin: 0 10px 0 0;
  5126. }
  5127. .commentlist li {
  5128. margin-bottom: 20px;
  5129. clear: both;
  5130. position: relative;
  5131. clear: both;
  5132. }
  5133. .author-comment {
  5134. overflow: hidden;
  5135. position: relative;
  5136. margin-bottom: 5px;
  5137. }
  5138. .author-comment cite {
  5139. color: #3b3b3b;
  5140. position: relative;
  5141. display: block;
  5142. margin-bottom: 2px;
  5143. padding-top: 5px;
  5144. font-style: normal;
  5145. font-weight: bold;
  5146. float: left;
  5147. }
  5148. .commentmetadata {
  5149. display: block;
  5150. font-size: 85%;
  5151. float: right;
  5152. padding-top: 5px;
  5153. }
  5154. .commentmetadata a {
  5155. color: #3b3b3b;
  5156. }
  5157. .commentmetadata a:hover {
  5158. color: #000;
  5159. }
  5160. .comment-wrap {
  5161. position: relative;
  5162. border-bottom: 1px solid #E7E7E7;
  5163. }
  5164. .comment-content {
  5165. position: relative;
  5166. display: block;
  5167. overflow: hidden;
  5168. padding-bottom: 15px;
  5169. margin-left: 80px;
  5170. min-height: 80px;
  5171. }
  5172. .comment-content p {
  5173. line-height: 17px;
  5174. margin-bottom: 10px;
  5175. }
  5176. .nocomments {
  5177. text-align: center;
  5178. }
  5179. .commentlist li.pingback {
  5180. padding: 5px 10px;
  5181. border-bottom: 1px solid #ddd;
  5182. }
  5183. .commentlist .children {
  5184. margin-top: 15px;
  5185. margin-left: 50px;
  5186. }
  5187. .commentlist .reply a {
  5188. position: absolute;
  5189. bottom: 0px;
  5190. right: 0px;
  5191. background: #E7E7E7;
  5192. padding: 3px 10px;
  5193. font-size: 11px;
  5194. }
  5195. .commentlist .reply a:hover {
  5196. background: #333;
  5197. color: #FFF;
  5198. }
  5199. .bypostauthor {}
  5200. #bbpress-forums div.bbp-reply-author img.avatar {
  5201. position: relative !important;
  5202. }
  5203. /**
  5204. * Post Comment Form
  5205. * -----------------------------------------------------------------------------
  5206. */
  5207. #respond {
  5208. margin-bottom: 10px;
  5209. position: relative;
  5210. clear: both;
  5211. }
  5212. #respond:before {
  5213. height: 1px;
  5214. }
  5215. .commentlist li #respond {
  5216. margin: 10px 0 20px 70px !important;
  5217. }
  5218. #commentform {
  5219. padding: 20px 20px 10px;
  5220. margin-top: 5px;
  5221. overflow: hidden;
  5222. clear: both;
  5223. }
  5224. #commentform .required {
  5225. font-weight: bold;
  5226. }
  5227. #commentform label {
  5228. padding-bottom: 4px;
  5229. color: #888;
  5230. display: block;
  5231. }
  5232. #commentform p {
  5233. margin: 0 0 10px;
  5234. }
  5235. #commentform input {
  5236. display: block;
  5237. width: 250px;
  5238. }
  5239. #commentform input[type="checkbox"] {
  5240. margin: 2px 7px 0 0;
  5241. float: left;
  5242. clear: left;
  5243. }
  5244. #commentform .form-allowed-tags,
  5245. .comment-form-comment label {
  5246. display: none;
  5247. }
  5248. #commentform p.form-submit{
  5249. margin-top:0;
  5250. }
  5251. .comment-form-email,
  5252. .comment-form-url,
  5253. .comment-form-url,
  5254. .comment-form-comment {
  5255. clear: both;
  5256. }
  5257. .comment-notes {
  5258. margin-bottom: 10px;
  5259. }
  5260. input.error,
  5261. textarea.error {
  5262. border: 1px solid #FF0000 !important;
  5263. }
  5264. /**
  5265. * ADS
  5266. * -----------------------------------------------------------------------------
  5267. */
  5268. .e3lan-top {
  5269. float: right;
  5270. line-height: 0;
  5271. }
  5272. .e3lan-bottom,
  5273. .e3lan-below_header {
  5274. line-height: 0;
  5275. margin: 15px auto 20px;
  5276. text-align: center;
  5277. position: relative;
  5278. }
  5279. .e3lan-post {
  5280. line-height: 0;
  5281. margin: 20px auto;
  5282. text-align: center;
  5283. }
  5284. .home-e3lan {
  5285. clear: both;
  5286. margin: 20px auto;
  5287. text-align: center;
  5288. min-height: 1px;
  5289. }
  5290. .e3lan-top iframe,
  5291. .e3lan-bottom iframe,
  5292. .home-e3lan iframe,
  5293. .e3lan-post iframe,
  5294. .e3lan-below_header iframe {
  5295. margin: 0 auto;
  5296. }
  5297. .e3lan-top img,
  5298. .e3lan-bottom img,
  5299. .home-e3lan img,
  5300. .e3lan-post img,
  5301. .e3lan-below_header img {
  5302. max-width: 100%;
  5303. height: auto;
  5304. }
  5305. .e3lan-top ins,
  5306. .e3lan-bottom ins,
  5307. .e3lan-below_header ins,
  5308. .home-e3lan ins,
  5309. .e3lan-post ins {
  5310. margin: 0 auto !important;
  5311. padding: 0 !important;
  5312. background: transparent !important;
  5313. text-decoration: none !important;
  5314. }
  5315. .e3lan-top ins,
  5316. .e3lan-bottom ins {
  5317. width: 728px;
  5318. height: 90px;
  5319. }
  5320. .home-e3lan ins,
  5321. .e3lan-post ins {
  5322. width: 468px;
  5323. height: 60px;
  5324. }
  5325. /**
  5326. * ToolTips
  5327. * -----------------------------------------------------------------------------
  5328. */
  5329. a.ttip,
  5330. a.tooldown {
  5331. /*display: block;*/
  5332. }
  5333. .tipsy {
  5334. font-size: 10px;
  5335. position: absolute;
  5336. padding: 5px;
  5337. z-index: 100000;
  5338. }
  5339. .tipsy-inner {
  5340. background-color: #000;
  5341. color: #FFF;
  5342. max-width: 200px;
  5343. padding: 5px 8px 4px 8px;
  5344. text-align: center;
  5345. -webkit-border-radius: 3px;
  5346. -moz-border-radius: 3px;
  5347. border-radius: 3px;
  5348. }
  5349. .tipsy-arrow {
  5350. position: absolute;
  5351. width: 0;
  5352. height: 0;
  5353. line-height: 0;
  5354. border: 5px dashed #000;
  5355. }
  5356. .tipsy-arrow-n {
  5357. border-bottom-color: #000;
  5358. }
  5359. .tipsy-arrow-s {
  5360. border-top-color: #000;
  5361. }
  5362. .tipsy-arrow-e {
  5363. border-left-color: #000;
  5364. }
  5365. .tipsy-arrow-w {
  5366. border-right-color: #000;
  5367. }
  5368. .tipsy-n .tipsy-arrow {
  5369. top: 0;
  5370. left: 50%;
  5371. margin-left: -5px;
  5372. border-bottom-style: solid;
  5373. border-top: none;
  5374. border-left-color: transparent;
  5375. border-right-color: transparent;
  5376. }
  5377. .tipsy-nw .tipsy-arrow {
  5378. top: 0;
  5379. left: 10px;
  5380. border-bottom-style: solid;
  5381. border-top: none;
  5382. border-left-color: transparent;
  5383. border-right-color: transparent;
  5384. }
  5385. .tipsy-ne .tipsy-arrow {
  5386. top: 0;
  5387. right: 10px;
  5388. border-bottom-style: solid;
  5389. border-top: none;
  5390. border-left-color: transparent;
  5391. border-right-color: transparent;
  5392. }
  5393. .tipsy-s .tipsy-arrow {
  5394. bottom: 0;
  5395. left: 50%;
  5396. margin-left: -5px;
  5397. border-top-style: solid;
  5398. border-bottom: none;
  5399. border-left-color: transparent;
  5400. border-right-color: transparent;
  5401. }
  5402. .tipsy-sw .tipsy-arrow {
  5403. bottom: 0;
  5404. left: 10px;
  5405. border-top-style: solid;
  5406. border-bottom: none;
  5407. border-left-color: transparent;
  5408. border-right-color: transparent;
  5409. }
  5410. .tipsy-se .tipsy-arrow {
  5411. bottom: 0;
  5412. right: 10px;
  5413. border-top-style: solid;
  5414. border-bottom: none;
  5415. border-left-color: transparent;
  5416. border-right-color: transparent;
  5417. }
  5418. .tipsy-e .tipsy-arrow {
  5419. right: 0;
  5420. top: 50%;
  5421. margin-top: -5px;
  5422. border-left-style: solid;
  5423. border-right: none;
  5424. border-top-color: transparent;
  5425. border-bottom-color: transparent;
  5426. }
  5427. .tipsy-w .tipsy-arrow {
  5428. left: 0;
  5429. top: 50%;
  5430. margin-top: -5px;
  5431. border-right-style: solid;
  5432. border-left: none;
  5433. border-top-color: transparent;
  5434. border-bottom-color: transparent;
  5435. }
  5436. /**
  5437. * Grid Featured Posts
  5438. * -----------------------------------------------------------------------------
  5439. */
  5440. #featured-posts {
  5441. margin-bottom: 30px;
  5442. overflow: hidden;
  5443. display: block;
  5444. position: relative;
  5445. }
  5446. #featured-posts .featured-post.fea-1,
  5447. #featured-posts .featured-post.fea-2,
  5448. #featured-posts .featured-post.fea-3,
  5449. #featured-posts .featured-post.fea-4,
  5450. #featured-posts .featured-post.fea-5,
  5451. #featured-posts .featured-posts-single-slide .featured-post {
  5452. display: block;
  5453. }
  5454. #featured-posts .featured-post {
  5455. display: none;
  5456. float: left;
  5457. position: relative;
  5458. overflow: hidden;
  5459. padding-left: 1px;
  5460. }
  5461. #featured-posts .featured-post-inner {
  5462. height: 215px;
  5463. position: relative;
  5464. line-height: 0;
  5465. color: #FFF;
  5466. background-position: center;
  5467. -webkit-background-size: cover;
  5468. -moz-background-size: cover;
  5469. -o-background-size: cover;
  5470. background-size: cover;
  5471. }
  5472. #featured-posts .featured-post img {
  5473. max-width: 100%;
  5474. height: auto;
  5475. }
  5476. #featured-posts .featured-post.featured-post-1,
  5477. #featured-posts .featured-post.featured-post-3 {
  5478. padding-left: 0;
  5479. }
  5480. .featured-post-1,
  5481. .featured-post-2 {
  5482. width: 50%;
  5483. }
  5484. .featured-post-3,
  5485. .featured-post-4,
  5486. .featured-post-5 {
  5487. width: 33.33333333%;
  5488. padding-top: 1px;
  5489. }
  5490. .featured-cover {
  5491. position: absolute;
  5492. top: 0;
  5493. left: 0;
  5494. bottom: 0;
  5495. width: 100%;
  5496. height: 100%;
  5497. opacity: 0.5;
  5498. -webkit-transition: all .2s linear;
  5499. -moz-transition: all .2s linear;
  5500. -ms-transition: all .2s linear;
  5501. -o-transition: all .2s linear;
  5502. transition: all .2s linear;
  5503. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 1) 100%);
  5504. background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 1) 100%);
  5505. background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 1) 100%);
  5506. background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 1) 100%);
  5507. background: linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 1) 100%);
  5508. }
  5509. .featured-cover a {
  5510. position: absolute;
  5511. top: 0;
  5512. left: 0;
  5513. bottom: 0;
  5514. width: 100%;
  5515. height: 100%;
  5516. z-index: 1;
  5517. }
  5518. .featured-cover a span{
  5519. display: none;
  5520. }
  5521. #featured-posts .featured-post-inner:hover .featured-cover {
  5522. opacity: 1;
  5523. }
  5524. .featured-title {
  5525. position: absolute;
  5526. width: 100%;
  5527. bottom: -60px;
  5528. text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  5529. line-height: 20px;
  5530. padding: 20px;
  5531. -webkit-transition: all .3s ease-in-out;
  5532. -moz-transition: all .3s ease-in-out;
  5533. -ms-transition: all .3s ease-in-out;
  5534. -o-transition: all .3s ease-in-out;
  5535. transition: all .3s ease-in-out;
  5536. }
  5537. .featured-title h2 {
  5538. margin-bottom: 15px;
  5539. text-shadow: rgba(0, 0, 0, .6) 0 0 5px;
  5540. font-size: 20px;
  5541. line-height: 26px;
  5542. }
  5543. .featured-title h3 {
  5544. font-size: 10pt;
  5545. opacity: 0;
  5546. min-height: 40px;
  5547. -webkit-transition: all .3s ease-in-out;
  5548. -moz-transition: all .3s ease-in-out;
  5549. -ms-transition: all .3s ease-in-out;
  5550. -o-transition: all .3s ease-in-out;
  5551. transition: all .3s ease-in-out;
  5552. }
  5553. .featured-title span.tie-date{
  5554. font-size: 9pt;
  5555. }
  5556. .featured-title a {
  5557. color: #FFF;
  5558. }
  5559. #featured-posts .flex-direction-nav a {
  5560. width: 40px;
  5561. height: 40px;
  5562. margin: 0;
  5563. color: #FFF;
  5564. display: block;
  5565. position: absolute;
  5566. top: 5px;
  5567. right: 0;
  5568. cursor: pointer;
  5569. opacity: 0;
  5570. z-index: 2;
  5571. background: #222;
  5572. }
  5573. #featured-posts.featured-posts-disable-nav .flex-direction-nav {
  5574. display: none;
  5575. }
  5576. #featured-posts .flex-direction-nav .flex-next {
  5577. right: 5px !important;
  5578. }
  5579. #featured-posts .flex-direction-nav .flex-prev {
  5580. right: 50px !important;
  5581. left: auto !important;
  5582. }
  5583. #featured-posts .flex-direction-nav .flex-next:before,
  5584. #featured-posts .flex-direction-nav .flex-prev:before {
  5585. width: 40px;
  5586. height: 40px;
  5587. line-height: 40px;
  5588. font-size: 20pt;
  5589. display: block;
  5590. text-align: center;
  5591. }
  5592. #featured-posts:hover .flex-next,
  5593. #featured-posts:hover .flex-prev {
  5594. opacity: 0.8;
  5595. }
  5596. #featured-posts .flex-next:hover,
  5597. #featured-posts .flex-prev:hover {
  5598. background: #F88C00;
  5599. }
  5600. #featured-posts .featured-post-inner:hover .featured-title {
  5601. bottom: 0px;
  5602. }
  5603. #featured-posts .featured-post-inner:hover .featured-title h3 {
  5604. opacity: .8;
  5605. }
  5606. /**
  5607. * Flexi Slider
  5608. * -----------------------------------------------------------------------------
  5609. */
  5610. .flexslider .slides > li,
  5611. .full-width .content .flexslider .slides > li {
  5612. display: none;
  5613. -webkit-backface-visibility: hidden;
  5614. position: relative;
  5615. height: 498px;
  5616. }
  5617. .flexslider .slides img {
  5618. width: 100%;
  5619. height: 100%;
  5620. display: block;
  5621. }
  5622. .slides:after {
  5623. content: ".";
  5624. display: block;
  5625. clear: both;
  5626. visibility: hidden;
  5627. line-height: 0;
  5628. height: 0;
  5629. }
  5630. html[xmlns] .slides {
  5631. display: block;
  5632. }
  5633. * html .slides {
  5634. height: 1%;
  5635. }
  5636. .no-js .slides > li:first-child {
  5637. display: block;
  5638. }
  5639. .flexslider {
  5640. overflow: hidden;
  5641. margin: 0 auto 20px;
  5642. position: relative;
  5643. zoom: 1;
  5644. width: 100%;
  5645. height: 498px;
  5646. max-width: 100%;
  5647. background: #000;
  5648. }
  5649. .flexslider:before,
  5650. .ei-slider-loading:before,
  5651. #main-nav .mega-cat-content.mega-cat-sub-exists .mega-cat-content-tab.loading-items:before {
  5652. position: absolute;
  5653. top: 50%;
  5654. left: 50%;
  5655. margin: -13.5px 0 0 -13.5px;
  5656. height: 27px;
  5657. width: 27px;
  5658. font-size: 30px;
  5659. content: "\f110";
  5660. color: #999;
  5661. -webkit-animation: fa-spin 2s infinite linear;
  5662. animation: fa-spin 2s infinite linear;
  5663. }
  5664. .flex-viewport {
  5665. max-height: 2000px;
  5666. -webkit-transition: all 1s ease;
  5667. -moz-transition: all 1s ease;
  5668. transition: all 1s ease;
  5669. }
  5670. .loading .flex-viewport {
  5671. max-height: 300px;
  5672. }
  5673. .flexslider .slides {
  5674. zoom: 1;
  5675. }
  5676. .carousel li {
  5677. margin-right: 5px
  5678. }
  5679. .flex-direction-nav a {
  5680. width: 30px;
  5681. height: 30px;
  5682. margin: -15px 0 0;
  5683. color: #FFF;
  5684. display: block;
  5685. position: absolute;
  5686. top: 50%;
  5687. cursor: pointer;
  5688. opacity: 0;
  5689. z-index: 2;
  5690. -webkit-transition: all .3s ease;
  5691. -moz-transition: all .3s ease;
  5692. transition: all .3s ease;
  5693. }
  5694. .flex-direction-nav .flex-next:before,
  5695. .flex-direction-nav .flex-prev:before {
  5696. width: 30px;
  5697. display: block;
  5698. text-align: center;
  5699. font-size: 26px;
  5700. }
  5701. .flex-direction-nav .flex-next {
  5702. right: -30px;
  5703. }
  5704. .flex-direction-nav .flex-next:before {
  5705. content: "\f105";
  5706. }
  5707. .flex-direction-nav .flex-prev {
  5708. left: -30px;
  5709. }
  5710. .flex-direction-nav .flex-prev:before {
  5711. content: "\f104";
  5712. }
  5713. .flexslider:hover .flex-next {
  5714. opacity: 0.8;
  5715. right: 5px;
  5716. }
  5717. .flexslider:hover .flex-prev {
  5718. opacity: 0.8;
  5719. left: 5px;
  5720. }
  5721. .flexslider:hover .flex-next:hover,
  5722. .flexslider:hover .flex-prev:hover {
  5723. opacity: 1;
  5724. }
  5725. .flex-direction-nav .disabled {
  5726. opacity: .3!important;
  5727. cursor: default;
  5728. }
  5729. .flex-control-thumbs {
  5730. margin: 5px 0 0;
  5731. position: static;
  5732. overflow: hidden;
  5733. }
  5734. .flex-control-thumbs li {
  5735. float: left;
  5736. margin: 0;
  5737. }
  5738. .flex-control-thumbs img {
  5739. width: 100%;
  5740. display: block;
  5741. opacity: .7;
  5742. cursor: pointer;
  5743. }
  5744. .flex-control-thumbs img:hover {
  5745. opacity: 1;
  5746. }
  5747. .flex-control-thumbs .active {
  5748. opacity: 1;
  5749. cursor: default;
  5750. }
  5751. .flex-control-nav {
  5752. width: 100%;
  5753. position: absolute;
  5754. bottom: -1px;
  5755. text-align: center;
  5756. height: 13px;
  5757. z-index: 2;
  5758. }
  5759. .flex-control-nav li {
  5760. margin: 0;
  5761. *display: inline;
  5762. display: inline-block;
  5763. zoom: 1;
  5764. }
  5765. .flex-control-paging li a {
  5766. display: block;
  5767. cursor: pointer;
  5768. text-indent: -9999px;
  5769. width: 100%;
  5770. background: #666;
  5771. border-right:1px solid #888;
  5772. height: 13px;
  5773. -webkit-transition: all .5s ease;
  5774. -moz-transition: all .5s ease;
  5775. transition: all .5s ease;
  5776. }
  5777. .flex-control-paging li:last-child a{
  5778. border-right: 0 none;
  5779. }
  5780. .flex-control-paging li a:hover {
  5781. background: #000;
  5782. }
  5783. .flex-control-paging li a.flex-active {
  5784. background: #F88C00;
  5785. cursor: default;
  5786. }
  5787. .slider-caption {
  5788. position: absolute;
  5789. width: 100%;
  5790. padding: 15px 0;
  5791. background: #000;
  5792. right: 0;
  5793. bottom: 13px;
  5794. color: #FFF;
  5795. opacity: 0.8;
  5796. }
  5797. .slider-caption h2 a,
  5798. .slider-caption h2,
  5799. .full-width .content .slider-caption h2 {
  5800. color: #FFF;
  5801. font-size: 35px;
  5802. font-family: BebasNeueRegular, arial, Georgia, serif;
  5803. }
  5804. .slider-caption h2,
  5805. .slider-caption p {
  5806. padding: 0 15px;
  5807. }
  5808. /* Small Slider */
  5809. .content .flexslider {
  5810. height: 330px;
  5811. }
  5812. .content .flexslider .slides > li {
  5813. display: none;
  5814. -webkit-backface-visibility: hidden;
  5815. position: relative;
  5816. height: 330px;
  5817. }
  5818. .content .flexslider .slides img {
  5819. width: 100%;
  5820. display: block;
  5821. }
  5822. .content .slider-caption h2 a,
  5823. .content .slider-caption h2 {
  5824. font-size: 22px;
  5825. }
  5826. .content .ei-slider {
  5827. height: 330px;
  5828. }
  5829. .content .ei-slider-loading {
  5830. line-height: 375px;
  5831. }
  5832. .content .ei-title h3 {
  5833. font-size: 12px;
  5834. line-height: 14px;
  5835. }
  5836. .content .ei-title h2 {
  5837. font-size: 22px;
  5838. }
  5839. /**
  5840. * Elastic Slider
  5841. * -----------------------------------------------------------------------------
  5842. */
  5843. .ei-slider {
  5844. position: relative;
  5845. width: 100%;
  5846. max-width: 100%;
  5847. height: 498px;
  5848. margin: 0 auto 35px;
  5849. }
  5850. .ei-slider-loading {
  5851. width: 100%;
  5852. height: 100%;
  5853. position: absolute;
  5854. top: 0;
  5855. left: 0;
  5856. z-index: 9;
  5857. background: #000;
  5858. color: #fff;
  5859. text-align: center;
  5860. line-height: 520px;
  5861. }
  5862. .ei-slider-large {
  5863. height: 100%;
  5864. width: 100%;
  5865. position: relative;
  5866. overflow: hidden;
  5867. }
  5868. .ei-slider-large li {
  5869. position: absolute;
  5870. top: 0;
  5871. left: 0;
  5872. overflow: hidden;
  5873. height: 100%;
  5874. width: 100%;
  5875. }
  5876. .ei-slider-large li img {
  5877. width: 100% !important;
  5878. margin: 0 !important;
  5879. }
  5880. .ei-title {
  5881. position: absolute;
  5882. right: 10%;
  5883. margin-right: 0;
  5884. margin-left: 2%;
  5885. width: 88%;
  5886. bottom: 25%;
  5887. color: #fff;
  5888. opacity: 0.8;
  5889. }
  5890. .ei-title h2,
  5891. .ei-title h3 {
  5892. text-align: right;
  5893. }
  5894. .ei-title h2 {
  5895. color: #b5b5b5;
  5896. font-size: 35px;
  5897. font-family: BebasNeueRegular, arial, Georgia, serif;
  5898. background: #000;
  5899. float: right;
  5900. padding: 5px;
  5901. margin-bottom: 5px;
  5902. }
  5903. .ei-title h3 {
  5904. clear: both;
  5905. font-size: 14px;
  5906. line-height: 20px;
  5907. max-width: 90%;
  5908. float: right;
  5909. background: #000;
  5910. padding: 5px;
  5911. }
  5912. .ei-slider-thumbs {
  5913. height: 13px;
  5914. margin: 0 auto;
  5915. position: relative;
  5916. max-width: 100%!important;
  5917. }
  5918. .ei-title a {
  5919. color: #FFF;
  5920. }
  5921. .ei-slider-thumbs li {
  5922. position: relative;
  5923. float: left;
  5924. height: 100%;
  5925. }
  5926. .ei-slider-thumbs li.ei-slider-element {
  5927. top: 0;
  5928. left: 0;
  5929. position: absolute;
  5930. height: 100%;
  5931. z-index: 10;
  5932. text-indent: -9000px;
  5933. background: #F88C00;
  5934. }
  5935. .ei-slider-thumbs li a {
  5936. display: block;
  5937. text-indent: -9000px;
  5938. background: #666;
  5939. width: 100%;
  5940. height: 100%;
  5941. cursor: pointer;
  5942. border-right:1px solid #888;
  5943. -webkit-transition: background 0.2s ease;
  5944. -moz-transition: background 0.2s ease;
  5945. -ms-transition: background 0.2s ease;
  5946. -o-transition: background 0.2s ease;
  5947. transition: background 0.2s ease;
  5948. }
  5949. .ei-slider-thumbs li:last-child a{
  5950. border-right: 0 none;
  5951. }
  5952. .ei-slider-thumbs li a:hover {
  5953. background-color: #f0f0f0;
  5954. }
  5955. .ei-slider-thumbs li img,
  5956. .lazy-enabled #main-content .ei-slider-thumbs li img {
  5957. position: absolute;
  5958. bottom: 50px;
  5959. opacity: 0;
  5960. z-index: 999;
  5961. width: 100%;
  5962. max-height: 100px;
  5963. height: auto;
  5964. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  5965. -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255, 255, 255, 0.3)));
  5966. -webkit-transition: all 0.4s ease;
  5967. -moz-transition: all 0.4s ease;
  5968. -ms-transition: all 0.4s ease;
  5969. -o-transition: all 0.4s ease;
  5970. transition: all 0.4s ease;
  5971. }
  5972. .content .ei-slider-thumbs li img {
  5973. max-height: 65px;
  5974. }
  5975. .ei-slider-thumbs li:hover img,
  5976. .lazy-enabled #main-content .ei-slider-thumbs li:hover img {
  5977. opacity: 1;
  5978. bottom: 13px;
  5979. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  5980. }
  5981. /**
  5982. * Page Templates
  5983. * -----------------------------------------------------------------------------
  5984. */
  5985. /* Sitemap */
  5986. #sitemap {
  5987. overflow: hidden;
  5988. padding-top: 10px;
  5989. }
  5990. .sitemap-col {
  5991. float: left;
  5992. margin: 0 2% 10px 0;
  5993. width: 23.5%;
  5994. }
  5995. #sitemap .last {
  5996. margin-right: 0px;
  5997. }
  5998. .sitemap-col h2 {
  5999. color: #111;
  6000. font-size: 24px;
  6001. font-family: BebasNeueRegular, arial, Georgia, serif;
  6002. border-bottom: 1px solid #e9e9e9;
  6003. padding-bottom: 5px;
  6004. }
  6005. .sitemap-col ul {
  6006. padding-left: 0px;
  6007. margin-left: 0;
  6008. }
  6009. .sitemap-col ul li{
  6010. list-style-position: inside;
  6011. }
  6012. .sitemap-col ul li a {
  6013. padding: 4px 0px 4px;
  6014. display: inline-block;
  6015. }
  6016. /* Authors List */
  6017. ul.authors-wrap {
  6018. margin: 0 0 10px;
  6019. }
  6020. ul.authors-wrap li {
  6021. background: transparent;
  6022. padding: 20px;
  6023. margin: 0 -20px 10px;
  6024. border-bottom: 1px solid #f2f2f2;
  6025. list-style: none;
  6026. }
  6027. ul.authors-wrap li h3 {
  6028. font-size: 22px;
  6029. text-transform: capitalize;
  6030. font-family: BebasNeueRegular, arial, Georgia, serif;
  6031. margin: 0 0 5px;
  6032. }
  6033. /* Best Reviews */
  6034. .entry ul.best-reviews li {
  6035. list-style: none;
  6036. margin: 0 0 10px;
  6037. overflow: hidden;
  6038. border-bottom: 1px solid #f2f2f2;
  6039. padding-left: 170px;
  6040. padding-bottom: 10px;
  6041. }
  6042. .best-review-score-image{
  6043. margin-left: -170px;
  6044. }
  6045. .entry ul.best-reviews .best-review-score {
  6046. background: #AAA;
  6047. font-size: 28px;
  6048. margin: 15px 15px 0 0;
  6049. width: 50px;
  6050. color: #FFF;
  6051. height: 50px;
  6052. line-height: 50px;
  6053. display: block;
  6054. text-align: center;
  6055. -webkit-border-radius: 50px;
  6056. -moz-border-radius: 50px;
  6057. border-radius: 50px;
  6058. }
  6059. .entry ul.best-reviews {
  6060. margin: 0;
  6061. }
  6062. .entry ul.best-reviews .post-thumbnail,
  6063. .entry ul.best-reviews .best-reviews-content,
  6064. .entry ul.best-reviews .best-review-score {
  6065. float: left;
  6066. }
  6067. .entry ul.best-reviews h3 {
  6068. margin: 2px 0 5px;
  6069. }
  6070. .entry ul.best-reviews p.post-meta {
  6071. border-bottom: 0 none;
  6072. padding: 0;
  6073. margin: 5px 0 0;
  6074. clear: both;
  6075. }
  6076. .entry ul.best-reviews .post-thumbnail {
  6077. width: 90px;
  6078. }
  6079. /* Timeline */
  6080. .timeline-contents.timeline-page {
  6081. text-align: center;
  6082. }
  6083. ul.timeline {
  6084. border: 2px solid #DFDFE0;
  6085. border-width: 0 0 0 2px;
  6086. margin: 0;
  6087. padding: 5px 0 30px;
  6088. }
  6089. .timeline-page ul.timeline {
  6090. width: 50%;
  6091. direction: ltr;
  6092. float: right;
  6093. margin: 0;
  6094. }
  6095. h2.timeline-head {
  6096. text-align: center;
  6097. background: #eee;
  6098. font-size: 12pt;
  6099. padding: 8px 20px;
  6100. font-weight: bold;
  6101. color: #666;
  6102. margin: 0 auto;
  6103. display: inline-block;
  6104. }
  6105. ul.timeline li.timeline-post {
  6106. background: transparent;
  6107. list-style: none;
  6108. width: 100%;
  6109. padding-left: 4%;
  6110. margin: 20px 0 0;
  6111. position: relative;
  6112. text-align: left;
  6113. }
  6114. ul.timeline li.timeline-post span.timeline-date {
  6115. font-size: 12px;
  6116. display: block;
  6117. color: #999;
  6118. }
  6119. ul.timeline li.timeline-post:before {
  6120. background: #DFDFE0;
  6121. border-radius: 60px;
  6122. -moz-border-radius: 60px;
  6123. -webkit-border-radius: 60px;
  6124. width: 10px;
  6125. height: 10px;
  6126. display: block;
  6127. position: absolute;
  6128. top: 5px;
  6129. left: -5.5px;
  6130. content: "";
  6131. }
  6132. .timeline-page ul.timeline li:nth-child(2n+2) {
  6133. margin-left: -100%;
  6134. text-align: right;
  6135. padding-left: 0;
  6136. padding-right: 4%;
  6137. }
  6138. .timeline-page ul.timeline li:nth-child(2n+2):before {
  6139. left: auto;
  6140. right: -4.5px;
  6141. }
  6142. .timeline-archive ul.timeline {
  6143. margin-left: 15px;
  6144. }
  6145. .timeline-archive ul.timeline li.timeline-post {
  6146. padding-left: 15px;
  6147. clear: both;
  6148. }
  6149. .timeline-archive ul.timeline li.timeline-post .timeline-content {
  6150. overflow: hidden;
  6151. }
  6152. .timeline-archive ul.timeline li.timeline-post h2 {
  6153. padding: 8px 0;
  6154. }
  6155. /* Media Page */
  6156. #media-page #featured-posts .featured-post {
  6157. display: block;
  6158. padding-top: 1px;
  6159. }
  6160. #media-page #featured-posts .featured-post .overlay-icon:before {
  6161. opacity: 0.5;
  6162. margin: 0;
  6163. top: 10px;
  6164. right: 10px;
  6165. left: auto;
  6166. -webkit-transform: scale(1);
  6167. -moz-transform: scale(1);
  6168. -ms-transform: scale(1);
  6169. -o-transform: scale(1);
  6170. transform: scale(1);
  6171. }
  6172. #media-page #featured-posts .featured-post:hover .overlay-icon:before {
  6173. opacity: 0.7;
  6174. }
  6175. /**
  6176. * Masonry Layout
  6177. * -----------------------------------------------------------------------------
  6178. */
  6179. .masonry-grid{
  6180. padding-left: 4%;
  6181. }
  6182. .masonry-grid .item-list {
  6183. width: 44%;
  6184. padding-left: 0;
  6185. padding-right: 0;
  6186. margin-right: 4%;
  6187. }
  6188. .masonry-grid .item-list .post-thumbnail {
  6189. float: none;
  6190. margin: 0 0 10px;
  6191. }
  6192. .full-width .masonry-grid.post-listing {
  6193. padding-left: 3%;
  6194. }
  6195. .full-width .masonry-grid .item-list {
  6196. width: 29.3%;
  6197. margin-right: 3%;
  6198. }
  6199. /* isotope */
  6200. .isotope-item {
  6201. z-index: 2;
  6202. }
  6203. .isotope-hidden.isotope-item {
  6204. pointer-events: none;
  6205. z-index: 1;
  6206. }
  6207. .isotope,
  6208. .isotope .isotope-item {
  6209. -webkit-transition-duration: 0.8s;
  6210. -moz-transition-duration: 0.8s;
  6211. -ms-transition-duration: 0.8s;
  6212. -o-transition-duration: 0.8s;
  6213. transition-duration: 0.8s;
  6214. }
  6215. .isotope {
  6216. -webkit-transition-property: height, width;
  6217. -moz-transition-property: height, width;
  6218. -ms-transition-property: height, width;
  6219. -o-transition-property: height, width;
  6220. transition-property: height, width;
  6221. }
  6222. .isotope .isotope-item {
  6223. -webkit-transition-property: -webkit-transform, opacity;
  6224. -moz-transition-property: -moz-transform, opacity;
  6225. -ms-transition-property: -ms-transform, opacity;
  6226. -o-transition-property: top, left, opacity;
  6227. transition-property: transform, opacity;
  6228. }
  6229. .isotope.no-transition,
  6230. .isotope.no-transition .isotope-item,
  6231. .isotope .isotope-item.no-transition {
  6232. -webkit-transition-duration: 0s;
  6233. -moz-transition-duration: 0s;
  6234. -ms-transition-duration: 0s;
  6235. -o-transition-duration: 0s;
  6236. transition-duration: 0s;
  6237. }
  6238. /**
  6239. * Footer
  6240. * -----------------------------------------------------------------------------
  6241. */
  6242. #theme-footer {
  6243. position: relative;
  6244. color: #ddd;
  6245. background: #333;
  6246. padding: 20px 0;
  6247. border-top: 8px solid #FF8500;
  6248. margin-top: 20px;
  6249. -webkit-box-shadow: 0 -5px 0 rgba(0, 0, 0, .1);
  6250. -moz-box-shadow: 0 -8px 0 rgba(0, 0, 0, .1);
  6251. box-shadow: 0 -8px 0 rgba(0, 0, 0, .1);
  6252. }
  6253. #theme-footer a {
  6254. color: #ccc;
  6255. }
  6256. #theme-footer a:hover {
  6257. color: #FFF;
  6258. }
  6259. /* Footer Widgets */
  6260. #footer-widget-area {
  6261. width: 1045px;
  6262. margin: 0 auto;
  6263. }
  6264. .footer-widgets-box {
  6265. float: left;
  6266. margin-right: 4%;
  6267. }
  6268. .footer-1c .footer-widgets-box {
  6269. width: 100%
  6270. }
  6271. .footer-2c .footer-widgets-box {
  6272. width: 48%;
  6273. }
  6274. .footer-3c .footer-widgets-box {
  6275. width: 30.66666666666667%;
  6276. }
  6277. .footer-4c .footer-widgets-box {
  6278. width: 22%;
  6279. }
  6280. .narrow-wide-2c #footer-first,
  6281. .wide-narrow-2c #footer-second {
  6282. width: 32%;
  6283. }
  6284. .narrow-wide-2c #footer-second,
  6285. .wide-narrow-2c #footer-first {
  6286. width: 64%;
  6287. }
  6288. .wide-left-3c #footer-first,
  6289. .wide-right-3c #footer-third {
  6290. width: 46%;
  6291. }
  6292. .wide-left-3c .footer-widgets-box,
  6293. .wide-right-3c .footer-widgets-box {
  6294. width: 23%;
  6295. }
  6296. .footer-1c .footer-widgets-box,
  6297. .narrow-wide-2c #footer-second,
  6298. .wide-narrow-2c #footer-second,
  6299. .footer-2c #footer-second,
  6300. .footer-3c #footer-third,
  6301. .footer-4c #footer-fourth,
  6302. .wide-right-3c #footer-third,
  6303. .wide-left-3c #footer-third {
  6304. margin-right: 0;
  6305. }
  6306. .footer-widget-top {
  6307. border-bottom: 1px solid #222;
  6308. padding: 10px 0;
  6309. }
  6310. .footer-widget-top h4 {
  6311. font-size: 22px;
  6312. font-family: BebasNeueRegular, arial, Georgia, serif;
  6313. }
  6314. .footer-widget-container {
  6315. padding: 5px 0;
  6316. border-top: 1px solid #444;
  6317. }
  6318. .footer-widget-container p {
  6319. padding-bottom: 1.0em;
  6320. }
  6321. .footer-widget-container li,
  6322. #theme-footer #tabbed-widget .tabs-wrap li {
  6323. padding: 6px 12px 6px 0;
  6324. line-height: 18px;
  6325. overflow: hidden;
  6326. border-bottom: 1px solid #3c3c3c;
  6327. }
  6328. #theme-footer .twitter-widget-content li {
  6329. border-bottom: 1px solid #3c3c3c;
  6330. }
  6331. #theme-footer #tabbed-widget .widget-top {
  6332. background: transparent;
  6333. border-bottom-color: #444;
  6334. overflow: hidden;
  6335. }
  6336. #theme-footer #tabbed-widget ul.tabs li a:hover {
  6337. color: #FFF;
  6338. }
  6339. #theme-footer #tabbed-widget ul.tabs li.active a {
  6340. color: #FFF;
  6341. background: #444;
  6342. -webkit-box-shadow: 0 -1px 2px #222;
  6343. -moz-box-shadow: 0 -1px 2px #222;
  6344. box-shadow: 0 -1px 2px #222;
  6345. }
  6346. #theme-footer #tabbed-widget .tabs-wrap.tagcloud a {
  6347. background: #444;
  6348. }
  6349. #theme-footer #tabbed-widget .tabs-wrap.tagcloud a:hover {
  6350. background: #555;
  6351. }
  6352. #theme-footer .search-widget input {
  6353. background: #414141;
  6354. border: 1px solid #202020;
  6355. color: #222;
  6356. -webkit-box-shadow: 0 1px 3px 0 #313131;
  6357. -moz-box-shadow: 0 1px 3px 0 #313131;
  6358. box-shadow: 0 1px 3px 0 #313131;
  6359. }
  6360. #theme-footer .search-widget input:hover,
  6361. #theme-footer .search-widget input:focus {
  6362. color: #000;
  6363. }
  6364. /* Footer Bottom */
  6365. .footer-bottom {
  6366. position: relative;
  6367. background: #2e2e2e;
  6368. line-height: 35px;
  6369. border-top: 1px solid #444;
  6370. color: #ccc;
  6371. padding: 15px 0;
  6372. }
  6373. .footer-bottom .social-icons {
  6374. float: right;
  6375. margin: 3px 15px 0;
  6376. line-height: 0;
  6377. }
  6378. .footer-bottom a {
  6379. color: #ccc;
  6380. }
  6381. .footer-bottom a:hover {
  6382. color: #FFF;
  6383. }
  6384. /* Go to top icon */
  6385. #topcontrol {
  6386. z-index: 999;
  6387. background: #FF8500;
  6388. width: 40px;
  6389. height: 40px;
  6390. text-align: center;
  6391. font-size: 24px;
  6392. position: fixed;
  6393. bottom: -100px;
  6394. right: 10px;
  6395. cursor: pointer;
  6396. overflow: auto;
  6397. opacity: 0.7;
  6398. -webkit-transition: all .3s ease-in-out;
  6399. -moz-transition: all .3s ease-in-out;
  6400. -ms-transition: all .3s ease-in-out;
  6401. -o-transition: all .3s ease-in-out;
  6402. transition: all .3s ease-in-out;
  6403. -webkit-border-radius: 5px;
  6404. -moz-border-radius: 5px;
  6405. border-radius: 5px;
  6406. }
  6407. #topcontrol:before {
  6408. width: 40px;
  6409. height: 40px;
  6410. line-height: 40px;
  6411. color: #FFF;
  6412. }
  6413. #topcontrol:hover {
  6414. opacity: 1;
  6415. }
  6416. /**
  6417. * Shortcodes
  6418. * -----------------------------------------------------------------------------
  6419. */
  6420. /* Post Content Slider */
  6421. .post-content-slideshow-outer {
  6422. padding: 10px 0;
  6423. border-bottom:4px solid #f2f2f2;
  6424. margin: 10px 0 20px;
  6425. clear: both;
  6426. }
  6427. .post-content-slideshow {
  6428. padding-bottom: 80px;
  6429. position: relative;
  6430. -webkit-transition: all .5s;
  6431. -moz-transition: all .5s;
  6432. -o-transition: all .5s;
  6433. transition: all .5s;
  6434. }
  6435. .post-content-slide {
  6436. width: 100% !important;
  6437. height: auto !important;
  6438. top: 40px !important;
  6439. display: none;
  6440. }
  6441. .post-content-slide:nth-child(2){
  6442. display: block;
  6443. }
  6444. .post-tslideshow-nav-outer {
  6445. height: 30px;
  6446. }
  6447. .post-tslideshow-nav-outer-bottom {
  6448. height: 30px;
  6449. bottom: 0;
  6450. position: absolute;
  6451. width: 100%;
  6452. }
  6453. .post-slideshow-nav {
  6454. display: inline-block;
  6455. text-align: center;
  6456. padding: 5px 0;
  6457. }
  6458. .post-slideshow-nav a {
  6459. background: #b4b4b4;
  6460. width: 10px;
  6461. height: 10px;
  6462. text-indent: -9999px;
  6463. overflow: hidden;
  6464. display: inline-block;
  6465. margin: 2px 2px 0;
  6466. -webkit-transition: all .40s;
  6467. -moz-transition: all .40s;
  6468. -o-transition: all .40s;
  6469. transition: all .40s;
  6470. -webkit-border-radius: 50px;
  6471. -moz-border-radius: 50px;
  6472. border-radius: 50px;
  6473. }
  6474. .post-slideshow-nav a:hover {
  6475. background: #939393;
  6476. }
  6477. .post-slideshow-nav a.activeSlide {
  6478. background: #666;
  6479. }
  6480. a.post-slideshow-next,
  6481. a.post-slideshow-prev {
  6482. background: #FF8500;
  6483. padding: 3px 15px;
  6484. cursor: pointer;
  6485. overflow: auto;
  6486. color: #FFF;
  6487. float: right;
  6488. margin-left: 5px;
  6489. -webkit-border-radius: 2px;
  6490. -moz-border-radius: 2px;
  6491. border-radius: 2px;
  6492. }
  6493. a.post-slideshow-next:hover,
  6494. a.post-slideshow-prev:hover {
  6495. background: #444;
  6496. }
  6497. /* Google Map Shortcode */
  6498. .google-map.alignleft {
  6499. margin-right: 10px;
  6500. }
  6501. .google-map.alignright {
  6502. margin-left: 10px;
  6503. }
  6504. .google-map.aligncenter {
  6505. text-align: center;
  6506. }
  6507. /* ToolTip Shortcode */
  6508. .post-tooltip {
  6509. cursor: pointer;
  6510. display: inline-block;
  6511. border-bottom: 1px #666 dotted;
  6512. color: #ed5109;
  6513. }
  6514. .post-tooltip:hover {
  6515. border-bottom-color: #ed5109;
  6516. }
  6517. /* Highlightp Shortcode */
  6518. .highlight {
  6519. background: #FF9;
  6520. color: #FFF;
  6521. }
  6522. .highlight-yellow {
  6523. background: #FF9;
  6524. color: #222;
  6525. }
  6526. .highlight-red {
  6527. background: #F43D2A;
  6528. }
  6529. .highlight-blue {
  6530. background: #3DB2EA;
  6531. }
  6532. .highlight-orange {
  6533. background: #F97405;
  6534. }
  6535. .highlight-black {
  6536. background: #000;
  6537. }
  6538. .highlight-green {
  6539. background: #8CCB0A;
  6540. }
  6541. .highlight-gray {
  6542. background: #999;
  6543. }
  6544. .highlight-pink {
  6545. background: #FF7979;
  6546. }
  6547. /* Dropcap Shortcode */
  6548. .dropcap {
  6549. display: block;
  6550. float: left;
  6551. margin: 0 8px 0 0;
  6552. font-size: 50px;
  6553. line-height: 50px;
  6554. font-family: Georgia, Arial, "helvetica neue", Helvetica, Verdana, sans-serif;
  6555. }
  6556. /* Lists Shortcode */
  6557. .tie-list-shortcode ul {
  6558. margin-left: 0 !important;
  6559. margin-right: 0 !important;
  6560. }
  6561. .tie-list-shortcode li {
  6562. list-style: none !important;
  6563. padding-left: 20px;
  6564. }
  6565. .tie-list-shortcode ul li:before {
  6566. margin-right: 5px;
  6567. margin-left: -20px;
  6568. }
  6569. .tie-list-shortcode.starlist ul li:before {
  6570. content: "\f005";
  6571. color: #fbd606;
  6572. }
  6573. .tie-list-shortcode.checklist ul li:before {
  6574. content: "\f00c";
  6575. color: #7fb718;
  6576. }
  6577. .tie-list-shortcode.lightbulb ul li:before {
  6578. content: "\f0eb";
  6579. color: #fbd606;
  6580. }
  6581. .tie-list-shortcode.thumbup ul li:before {
  6582. content: "\f164";
  6583. color: #7fb718;
  6584. }
  6585. .tie-list-shortcode.thumbdown ul li:before {
  6586. content: "\f165";
  6587. color: #f01818;
  6588. }
  6589. .tie-list-shortcode.plus ul li:before {
  6590. content: "\f0fe";
  6591. color: #555;
  6592. }
  6593. .tie-list-shortcode.minus ul li:before {
  6594. content: "\f146";
  6595. color: #555;
  6596. }
  6597. .tie-list-shortcode.heart ul li:before {
  6598. content: "\f004";
  6599. color: #FF7979;
  6600. }
  6601. .tie-list-shortcode.cons ul li:before {
  6602. content: "\f00d";
  6603. color: #f01818;
  6604. }
  6605. /* Boxes Shortcode */
  6606. .box {
  6607. padding: 20px;
  6608. background-color: #F6F6F6;
  6609. margin-bottom: 20px;
  6610. word-wrap: break-word;
  6611. }
  6612. .box div.box-inner-block {
  6613. padding-left: 70px;
  6614. min-height: 50px;
  6615. }
  6616. .box .tie-shortcode-boxicon {
  6617. float: left;
  6618. margin-left: -70px;
  6619. }
  6620. .box .tie-shortcode-boxicon:before {
  6621. line-height: 60px;
  6622. height: 60px;
  6623. width: 60px;
  6624. font-size: 60px;
  6625. margin: 0;
  6626. }
  6627. .box.shadow {
  6628. border: 1px solid #ddd;
  6629. -webkit-box-shadow: 0 0 5px rgba(153, 153, 153, 0.6);
  6630. -moz-box-shadow: 0 0 5px rgba(153, 153, 153, 0.6);
  6631. box-shadow: 0 0 5px rgba(153, 153, 153, 0.6);
  6632. }
  6633. .box.shadow div.box-inner-block {
  6634. padding: 0;
  6635. }
  6636. .box.info {
  6637. background: #d6f6ff;
  6638. border-color: #BFE3EC;
  6639. }
  6640. .box.info .tie-shortcode-boxicon:before {
  6641. content: "\f05a";
  6642. color: #2CB4DA
  6643. }
  6644. .box.success {
  6645. background: #e2f2cb;
  6646. border-color: #D1E4B7;
  6647. }
  6648. .box.success .tie-shortcode-boxicon:before {
  6649. content: "\f05d";
  6650. color: #8AB84D
  6651. }
  6652. .box.warning {
  6653. background: #fffddb;
  6654. border-color: #E9E59E;
  6655. }
  6656. .box.warning .tie-shortcode-boxicon:before {
  6657. content: "\f071";
  6658. color: #ECC21B;
  6659. }
  6660. .box.error {
  6661. background: #ffe6e2;
  6662. border-color: #EEBFB8;
  6663. }
  6664. .box.error .tie-shortcode-boxicon:before {
  6665. content: "\f05e";
  6666. color: #F03317;
  6667. }
  6668. .box.download {
  6669. background: #e2f2cb;
  6670. border-color: #D1E4B7;
  6671. }
  6672. .box.download .tie-shortcode-boxicon:before {
  6673. content: "\f019";
  6674. color: #8AB84D
  6675. }
  6676. .box.note {
  6677. background: #fffddb;
  6678. border-color: #E9E59E;
  6679. }
  6680. .box.note .tie-shortcode-boxicon:before {
  6681. content: '\f15c';
  6682. color: #ECC21B;
  6683. }
  6684. /* Buttons Shortcode */
  6685. a.shortc-button {
  6686. border: none;
  6687. cursor: pointer;
  6688. padding: 0 10px;
  6689. display: inline-block;
  6690. margin: 10px 0 0;
  6691. font-weight: 700;
  6692. outline: none;
  6693. position: relative;
  6694. background: #bdc3c7;
  6695. color: #fff !important;
  6696. text-decoration: none;
  6697. font-size: 10px;
  6698. height: 25px;
  6699. line-height: 25px;
  6700. opacity: .9;
  6701. overflow: hidden;
  6702. -webkit-border-radius: 3px;
  6703. -moz-border-radius: 3px;
  6704. border-radius: 3px;
  6705. }
  6706. a.shortc-button:hover {
  6707. opacity: 1;
  6708. }
  6709. a.shortc-button:active {
  6710. top: 1px;
  6711. }
  6712. a.shortc-button i {
  6713. margin-right: 10px;
  6714. }
  6715. a.shortc-button.red {
  6716. background: #e74c3c;
  6717. }
  6718. a.shortc-button.green {
  6719. background: #2ecc71;
  6720. }
  6721. a.shortc-button.blue {
  6722. background: #3498db;
  6723. }
  6724. a.shortc-button.orange {
  6725. background: #e67e22;
  6726. }
  6727. a.shortc-button.pink {
  6728. background: #ff00a2;
  6729. }
  6730. a.shortc-button.purple {
  6731. background: #9b59b6;
  6732. }
  6733. a.shortc-button.black {
  6734. background: #222;
  6735. }
  6736. a.shortc-button.white {
  6737. background: #ecf0f1;
  6738. color: #333 !important;
  6739. }
  6740. a.shortc-button.medium {
  6741. font-size: 14px;
  6742. height: 45px;
  6743. line-height: 45px;
  6744. padding: 0 15px;
  6745. }
  6746. a.shortc-button.big {
  6747. font-size: 24px;
  6748. height: 65px;
  6749. line-height: 65px;
  6750. padding: 0 20px;
  6751. }
  6752. /* Flickr Shortcode */
  6753. .flickr-wrapper {
  6754. overflow: hidden;
  6755. margin-bottom: 20px;
  6756. }
  6757. .flickr-wrapper .flickr_badge_image {
  6758. float: left;
  6759. margin: 8px;
  6760. }
  6761. .flickr-wrapper .flickr_badge_image img {
  6762. opacity: 1;
  6763. padding: 4px;
  6764. border:1px solid #eee;
  6765. }
  6766. .flickr-wrapper .flickr_badge_image a:hover img {
  6767. opacity: 0.6 !important;
  6768. }
  6769. /* Toggle Shortcode */
  6770. .toggle {
  6771. margin-bottom: 15px;
  6772. border: 1px solid #eee;
  6773. position: relative;
  6774. }
  6775. .toggle h3 {
  6776. background: #F1F1F1;
  6777. font-weight: normal;
  6778. font-size: 14px;
  6779. padding: 10px;
  6780. margin: 0;
  6781. cursor: pointer;
  6782. -webkit-transition: background .2s ease;
  6783. -moz-transition: background .2s ease;
  6784. -o-transition: background .2s ease;
  6785. transition: background .2s ease;
  6786. }
  6787. .toggle h3:hover{
  6788. background: #E7E7E7;
  6789. }
  6790. h3.toggle-head-close {
  6791. display: none;
  6792. }
  6793. h3.toggle-head-open i,
  6794. h3.toggle-head-close i {
  6795. float: right;
  6796. font-size: 16px;
  6797. }
  6798. .toggle-content {
  6799. padding: 25px;
  6800. }
  6801. .toggle.close .toggle-content,
  6802. .toggle.close h3.toggle-head-open {
  6803. display: none;
  6804. }
  6805. .toggle.close h3.toggle-head-close {
  6806. display: block;
  6807. }
  6808. /* Author Shortcode */
  6809. .author-info {
  6810. margin-bottom: 15px;
  6811. border: 1px solid #EEE;
  6812. padding: 25px;
  6813. position: relative;
  6814. }
  6815. .author-info-content {
  6816. padding-left: 100px;
  6817. }
  6818. .author-info-content h3 {
  6819. font-weight: normal;
  6820. font-size: 16px;
  6821. margin-bottom: 15px;
  6822. margin-top: 0;
  6823. }
  6824. .author-info img.author-img {
  6825. max-width: 70px;
  6826. float: left;
  6827. margin-right: 15px;
  6828. }
  6829. /* Columns Shortcode */
  6830. .one_half,
  6831. .one_third,
  6832. .two_third,
  6833. .three_fourth,
  6834. .one_fourth,
  6835. .one_fifth,
  6836. .two_fifth,
  6837. .three_fifth,
  6838. .four_fifth,
  6839. .one_sixth,
  6840. .five_sixth {
  6841. position: relative;
  6842. margin-right: 4%;
  6843. float: left;
  6844. }
  6845. .one_half {
  6846. width: 48%
  6847. }
  6848. .one_third {
  6849. width: 30.66%
  6850. }
  6851. .two_third {
  6852. width: 65.33%
  6853. }
  6854. .one_fourth {
  6855. width: 22%
  6856. }
  6857. .three_fourth {
  6858. width: 74%
  6859. }
  6860. .one_fifth {
  6861. width: 16.8%
  6862. }
  6863. .two_fifth {
  6864. width: 37.6%
  6865. }
  6866. .three_fifth {
  6867. width: 58.4%
  6868. }
  6869. .four_fifth {
  6870. width: 67.2%
  6871. }
  6872. .one_sixth {
  6873. width: 13.33%
  6874. }
  6875. .five_sixth {
  6876. width: 82.67%
  6877. }
  6878. .entry .last {
  6879. margin-right: 0 !important;
  6880. clear: right;
  6881. }
  6882. /* Tabs Shortcode */
  6883. .post-tabs {
  6884. margin-bottom: 20px;
  6885. border: 1px solid #eee;
  6886. }
  6887. .post-tabs ul.tabs-nav {
  6888. margin: 0;
  6889. background: #f1f1f1;
  6890. }
  6891. .post-tabs ul.tabs-nav li,
  6892. .post-tabs-ver ul.tabs-nav li {
  6893. line-height: 32px;
  6894. cursor: pointer;
  6895. display: table-cell;
  6896. width: 1%;
  6897. margin: 0;
  6898. padding: 0;
  6899. text-align: center;
  6900. border: 1px solid #FFF;
  6901. border-width: 0 1px 0 0;
  6902. -webkit-transition: background .2s ease;
  6903. -moz-transition: background .2s ease;
  6904. -o-transition: background .2s ease;
  6905. transition: background .2s ease;
  6906. }
  6907. .post-tabs ul.tabs-nav li:last-child,
  6908. .post-tabs-ver ul.tabs-nav li:last-child {
  6909. border: 0;
  6910. }
  6911. .post-tabs ul.tabs-nav li:hover,
  6912. .post-tabs-ver ul.tabs-nav li:hover {
  6913. background: #E7E7E7;
  6914. }
  6915. .post-tabs ul.tabs-nav li {
  6916. text-align: center;
  6917. }
  6918. .post-tabs ul.tabs-nav li.current {
  6919. background: #FFF;
  6920. z-index: 1;
  6921. height: 33px;
  6922. }
  6923. .post-tabs .pane,
  6924. .post-tabs-ver .pane {
  6925. display: none;
  6926. padding: 25px;
  6927. }
  6928. .post-tabs .pane:first-child,
  6929. .post-tabs-ver .pane:first-child {
  6930. display: block;
  6931. }
  6932. .post-tabs-ver {
  6933. margin-bottom: 20px;
  6934. }
  6935. .post-tabs-ver ul.tabs-nav {
  6936. position: relative;
  6937. left: 1px;
  6938. float: left;
  6939. width: 25%;
  6940. margin: 0;
  6941. background: #f1f1f1;
  6942. border: 1px solid #eee;
  6943. border-width: 1px 0 1px 1px;
  6944. }
  6945. .post-tabs-ver ul.tabs-nav li {
  6946. display: block;
  6947. width: 100%;
  6948. padding: 0 8px;
  6949. border: 0 none;
  6950. border-bottom: 1px solid #FFF;
  6951. }
  6952. .post-tabs-ver ul.tabs-nav li.current {
  6953. background: #FFF;
  6954. z-index: 1;
  6955. }
  6956. .post-tabs-ver .pane {
  6957. float: left;
  6958. width: 75%;
  6959. border: 1px solid #eee;
  6960. }
  6961. /* Full size image */
  6962. .tie-full-width-img img {
  6963. height: auto;
  6964. margin-right:-20px;
  6965. margin-left: -20px;
  6966. width: 660px;
  6967. left: 0;
  6968. max-width: none;
  6969. margin-bottom: 10px;
  6970. }
  6971. .post-cover .tie-full-width-img img {
  6972. width: 680px;
  6973. margin-right: -24px;
  6974. margin-left: -24px;
  6975. }
  6976. .full-width .tie-full-width-img img {
  6977. width: 997px;
  6978. }
  6979. .full-width .post-cover .tie-full-width-img img {
  6980. width: 1045px;
  6981. margin-right: -24px;
  6982. margin-left: -24px;
  6983. }
  6984. /* Full Width layout size full image */
  6985. .wide-layout .post-cover .tie-full-width-img img {
  6986. width: 660px;
  6987. margin-right: 0;
  6988. margin-left: 0;
  6989. }
  6990. .wide-layout .full-width .post-cover .tie-full-width-img img {
  6991. width: 1010px;
  6992. margin-right: 0;
  6993. margin-left: 0;
  6994. }
  6995. .wide-layout .full-width .tie-full-width-img img {
  6996. width: 1010px;
  6997. }
  6998. /**
  6999. * Lightbox
  7000. * -----------------------------------------------------------------------------
  7001. */
  7002. .ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder, .ilightbox-holder .ilightbox-container, .ilightbox-holder .ilightbox-container img.ilightbox-image, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-toolbar *, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social, .ilightbox-holder .ilightbox-container .ilightbox-social * {
  7003. float:none;
  7004. margin:0;
  7005. padding:0;
  7006. border:0;
  7007. outline:0;
  7008. font-size:100%;
  7009. line-height:100%;
  7010. vertical-align:baseline;
  7011. background:transparent;
  7012. -webkit-touch-callout: none;
  7013. -webkit-user-select: none;
  7014. -moz-user-select: -moz-none;
  7015. -khtml-user-select: none;
  7016. -o-user-select: none;
  7017. user-select: none;
  7018. }
  7019. .ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social {
  7020. -webkit-transform: translateZ(0);
  7021. -moz-transform: translateZ(0);
  7022. }
  7023. .ilightbox-noscroll {
  7024. overflow: hidden;
  7025. }
  7026. .ilightbox-closedhand * {
  7027. cursor: url(css/ilightbox/closedhand.cur),default !important;
  7028. }
  7029. .ilightbox-overlay {
  7030. display: none;
  7031. position: fixed;
  7032. top: 0;
  7033. left: 0;
  7034. width: 100%;
  7035. height: 100%;
  7036. z-index: 100000;
  7037. }
  7038. .ilightbox-loader {
  7039. position: fixed;
  7040. z-index: 100005;
  7041. top: 45%;
  7042. left: -192px;
  7043. padding-left: 30px;
  7044. opacity: 0.9;
  7045. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  7046. filter: alpha(opacity=90);
  7047. -webkit-border-radius: 0 100px 100px 0;
  7048. border-radius: 0 100px 100px 0;
  7049. }
  7050. .ilightbox-loader div {
  7051. width: 72px;
  7052. height: 72px;
  7053. -webkit-border-radius: 0 100px 100px 0;
  7054. border-radius: 0 100px 100px 0;
  7055. }
  7056. .ilightbox-loader.horizontal {
  7057. left: 45%;
  7058. top: -192px;
  7059. padding: 0;
  7060. padding-top: 30px;
  7061. -webkit-border-radius: 0 0 100px 100px;
  7062. border-radius: 0 0 100px 100px;
  7063. }
  7064. .ilightbox-loader.horizontal div {
  7065. -webkit-border-radius: 0 0 100px 100px;
  7066. border-radius: 0 0 100px 100px;
  7067. }
  7068. .ilightbox-toolbar {
  7069. display: none;
  7070. position: fixed;
  7071. z-index: 100010;
  7072. }
  7073. .ilightbox-toolbar a {
  7074. float: left;
  7075. cursor: pointer;
  7076. }
  7077. .ilightbox-toolbar .ilightbox-prev-button,
  7078. .ilightbox-toolbar .ilightbox-next-button {
  7079. display: none;
  7080. }
  7081. .ilightbox-thumbnails {
  7082. display: block;
  7083. position: fixed;
  7084. z-index: 100009;
  7085. }
  7086. .ilightbox-thumbnails.ilightbox-horizontal {
  7087. bottom: 0;
  7088. left: 0;
  7089. width: 100%;
  7090. height: 100px;
  7091. }
  7092. .ilightbox-thumbnails.ilightbox-vertical {
  7093. top: 0;
  7094. right: 0;
  7095. width: 140px;
  7096. height: 100%;
  7097. overflow: hidden;
  7098. }
  7099. .ilightbox-thumbnails .ilightbox-thumbnails-container {
  7100. display: block;
  7101. position: relative;
  7102. }
  7103. .ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container {
  7104. width: 100%;
  7105. height: 100px;
  7106. }
  7107. .ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container {
  7108. width: 140px;
  7109. height: 100%;
  7110. }
  7111. .ilightbox-thumbnails .ilightbox-thumbnails-grid {
  7112. display: block;
  7113. position: absolute;
  7114. -webkit-transform: translateZ(0);
  7115. -moz-transform: translateZ(0);
  7116. }
  7117. .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail {
  7118. display: block;
  7119. cursor: pointer;
  7120. padding: 10px;
  7121. position: relative;
  7122. }
  7123. .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img {
  7124. width: 100%;
  7125. height: 100%;
  7126. -webkit-border-radius: 2px;
  7127. border-radius: 2px;
  7128. -ms-interpolation-mode: bicubic;
  7129. }
  7130. .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon {
  7131. width: 100%;
  7132. height: 100%;
  7133. position: absolute;
  7134. top: 0;
  7135. left: 0;
  7136. opacity: .7;
  7137. }
  7138. .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon:hover {
  7139. opacity: 1;
  7140. }
  7141. .ilightbox-holder {
  7142. display: none;
  7143. position: fixed;
  7144. z-index: 100003;
  7145. -webkit-transform: none;
  7146. -moz-transform: none;
  7147. }
  7148. .ilightbox-holder.ilightbox-next, .ilightbox-holder.ilightbox-prev {
  7149. cursor: pointer;
  7150. }
  7151. .ilightbox-holder div.ilightbox-container {
  7152. position: relative;
  7153. width: 100%;
  7154. height: 100%;
  7155. }
  7156. .ilightbox-holder.supportTouch div.ilightbox-container {
  7157. overflow: scroll;
  7158. -webkit-overflow-scrolling: touch;
  7159. }
  7160. .ilightbox-holder img.ilightbox-image {
  7161. width: 100%;
  7162. height: 100%;
  7163. }
  7164. .ilightbox-holder .ilightbox-container .ilightbox-caption {
  7165. display: none;
  7166. position: absolute;
  7167. left: 30px;
  7168. right: 30px;
  7169. bottom: 0;
  7170. max-width: 100%;
  7171. padding: 5px 10px;
  7172. margin: 0 auto;
  7173. font-size: 12px;
  7174. line-height: 150%;
  7175. word-wrap: break-word;
  7176. z-index: 20003;
  7177. -webkit-box-sizing: border-box;
  7178. -moz-box-sizing: border-box;
  7179. box-sizing: border-box;
  7180. -webkit-border-radius: 3px 3px 0 0;
  7181. border-radius: 3px 3px 0 0;
  7182. }
  7183. .ilightbox-holder .ilightbox-alert {
  7184. display: block;
  7185. position: absolute;
  7186. left: 0;
  7187. right: 0;
  7188. top: 0;
  7189. bottom: 0;
  7190. text-align: center;
  7191. padding-top: 100px;
  7192. margin: auto;
  7193. width: 300px;
  7194. height: 50px;
  7195. }
  7196. .ilightbox-holder .ilightbox-wrapper {
  7197. width: 100%;
  7198. height: 100%;
  7199. overflow: auto;
  7200. -webkit-overflow-scrolling: touch;
  7201. }
  7202. .ilightbox-holder .ilightbox-inner-toolbar {
  7203. position: relative;
  7204. z-index: 100;
  7205. }
  7206. .ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar {
  7207. position: absolute;
  7208. }
  7209. .ilightbox-button {
  7210. position: fixed;
  7211. z-index: 100008;
  7212. cursor: pointer;
  7213. }
  7214. .isMobile .ilightbox-button,
  7215. .isMobile .ilightbox-thumbnails {
  7216. display: none !important;
  7217. }
  7218. .isMobile .ilightbox-toolbar .ilightbox-prev-button,
  7219. .isMobile .ilightbox-toolbar .ilightbox-next-button {
  7220. display: block;
  7221. }
  7222. .ilightbox-title{
  7223. font-size: 12px !important;
  7224. }
  7225. .ilightbox-title a{
  7226. color:#ccc;
  7227. }
  7228. .ilightbox-title a:hover{
  7229. color:#FFF;
  7230. }
  7231. .ilightbox-holder.light .ilightbox-inner-toolbar .ilightbox-title a,
  7232. .ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-title a{
  7233. color:#555;
  7234. }
  7235. .ilightbox-holder.light .ilightbox-inner-toolbar .ilightbox-title a:hover,
  7236. .ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-title a:hover{
  7237. color:#000;
  7238. }
  7239. /**
  7240. * Responsive Videos
  7241. * -----------------------------------------------------------------------------
  7242. */
  7243. .fluid-width-video-wrapper {
  7244. width: 100%;
  7245. position: relative;
  7246. padding: 0;
  7247. }
  7248. .entry .fluid-width-video-wrapper {
  7249. clear: both;
  7250. }
  7251. .fluid-width-video-wrapper iframe,
  7252. .fluid-width-video-wrapper object,
  7253. .fluid-width-video-wrapper embed {
  7254. position: absolute;
  7255. top: 0;
  7256. left: 0;
  7257. width: 100%;
  7258. height: 100%;
  7259. }
  7260. /**
  7261. * Off Canvas Mobile menu
  7262. * -----------------------------------------------------------------------------
  7263. */
  7264. #slide-out {
  7265. background: #222;
  7266. position: absolute;
  7267. display: block;
  7268. left: 0;
  7269. top: 0;
  7270. z-index: 1;
  7271. height: 100%;
  7272. width: 80%;
  7273. color: #ddd;
  7274. -webkit-transform: translate3d(-101%, 0, 0);
  7275. -moz-transform: translate3d(-100%, 0, 0);
  7276. -ms-transform: translate3d(-100%, 0, 0);
  7277. -o-transform: translate3d(-100%, 0, 0);
  7278. transform: translate3d(-100%, 0, 0);
  7279. -webkit-backface-visibility: hidden;
  7280. -moz-backface-visibility: hidden;
  7281. -ms-backface-visibility: hidden;
  7282. -o-backface-visibility: hidden;
  7283. backface-visibility: hidden;
  7284. }
  7285. .search-mobile {
  7286. margin: 15px 10px;
  7287. height: 30px;
  7288. overflow: hidden;
  7289. background: #fcfcfc;
  7290. border: 1px solid #ddd;
  7291. border-top-color: #d1d1d1;
  7292. border-left-color: #d1d1d1;
  7293. overflow: hidden;
  7294. position: relative;
  7295. -webkit-border-radius: 20px;
  7296. -moz-border-radius: 20px;
  7297. border-radius: 20px;
  7298. -webkit-box-shadow: inset 0 2px 5px #eee;
  7299. -moz-box-shadow: inset 0 2px 5px #eee;
  7300. box-shadow: inset 0 2px 5px #eee;
  7301. }
  7302. .search-mobile #s-mobile {
  7303. background: transparent;
  7304. float: right;
  7305. margin: 0;
  7306. padding: 7px 12px;
  7307. width: 100%;
  7308. color: #444;
  7309. border: 0 none;
  7310. }
  7311. .search-mobile button.search-button {
  7312. background: transparent;
  7313. position: absolute;
  7314. top: 0;
  7315. right: 0;
  7316. height: 28px;
  7317. padding: 0;
  7318. width: 40px;
  7319. font-size: 18px;
  7320. color: #666;
  7321. }
  7322. .search-mobile button.search-button:hover {
  7323. color: #000;
  7324. }
  7325. #slide-out .social-icons {
  7326. margin-bottom: 15px;
  7327. }
  7328. #slide-out .social-icons a {
  7329. color: #ccc;
  7330. font-size: 16px;
  7331. padding: 0 4px;
  7332. }
  7333. #slide-out .social-icons a:hover {
  7334. color: #FFF;
  7335. }
  7336. #mobile-menu {
  7337. border-top: 1px solid #2D2D2D;
  7338. display: none;
  7339. }
  7340. #mobile-menu.mobile-hide-icons i.fa {
  7341. display: none;
  7342. }
  7343. #slide-out #mobile-menu .mega-menu-block {
  7344. padding: 0 !important;
  7345. background: transparent !important;
  7346. min-height: inherit !important;
  7347. }
  7348. #slide-out #mobile-menu ul ul,
  7349. #slide-out #mobile-menu .sub-menu-columns-item{
  7350. display: none;
  7351. background: #333;
  7352. }
  7353. #slide-out #mobile-menu li {
  7354. list-style: none;
  7355. position: relative
  7356. }
  7357. #slide-out #mobile-menu ul li.menu-item-has-children i.mobile-arrows{
  7358. position: absolute;
  7359. top: 0;
  7360. right: 0;
  7361. padding: 13px;
  7362. border-left: 1px solid #333;
  7363. margin: 0;
  7364. cursor: pointer;
  7365. display: block;
  7366. }
  7367. #slide-out #mobile-menu a {
  7368. color: #ccc;
  7369. display: block;
  7370. font-size: 16px;
  7371. padding: 10px;
  7372. padding-right: 0;
  7373. border-bottom: 1px solid #2D2D2D;
  7374. }
  7375. #slide-out #mobile-menu a:hover {
  7376. background: #111;
  7377. color: #FFF;
  7378. }
  7379. #slide-out #mobile-menu ul ul a {
  7380. font-size: 14px;
  7381. padding-left: 30px
  7382. }
  7383. #slide-out #mobile-menu ul ul ul a {
  7384. font-size: 12px;
  7385. padding-left: 40px
  7386. }
  7387. #slide-out #mobile-menu ul ul ul a {
  7388. padding-left: 50px
  7389. }
  7390. #slide-out #mobile-menu ul ul ul ul a {
  7391. padding-left: 60px
  7392. }
  7393. #mobile-menu li.menu-item-home a:before {
  7394. content: "\f015";
  7395. }
  7396. #slide-out-open {
  7397. display: none;
  7398. margin: 0;
  7399. position: absolute;
  7400. top: 33px;
  7401. left: 5px;
  7402. opacity: 1;
  7403. height: 33px;
  7404. width: 40px;
  7405. z-index: 505;
  7406. }
  7407. #slide-out-open span {
  7408. left: 6px;
  7409. }
  7410. #slide-out-open span,
  7411. #slide-out-open span:after,
  7412. #slide-out-open span:before {
  7413. top: 5px;
  7414. position: absolute;
  7415. content: ' ';
  7416. display: block;
  7417. height: 3px;
  7418. width: 28px;
  7419. background: #333;
  7420. -webkit-border-radius: 10px;
  7421. -moz-border-radius: 10px;
  7422. border-radius: 10px;
  7423. }
  7424. #slide-out-open span:before {
  7425. top: 8px;
  7426. }
  7427. #slide-out-open span:after {
  7428. top: 16px;
  7429. }
  7430. #open-slide-overlay {
  7431. position: fixed;
  7432. top: 0;
  7433. left: 80%;
  7434. z-index: 500;
  7435. overflow: hidden;
  7436. width: 100%;
  7437. height: 100%;
  7438. }
  7439. /* open and Close the SlideOut panel */
  7440. .csstransforms3d.csstransitions .js-nav .inner-wrapper {
  7441. left: 80%;
  7442. }
  7443. .csstransforms3d.csstransitions .js-nav #mobile-menu {
  7444. display: block;
  7445. }
  7446. .inner-wrapper,
  7447. #slide-out {
  7448. -webkit-transition: -webkit-transform 500ms ease, opacity 500ms ease;
  7449. -moz-transition: -moz-transform 500ms ease, opacity 500ms ease;
  7450. -o-transition: -o-transform 500ms ease, opacity 500ms ease;
  7451. transition: transform 500ms ease, opacity 500ms ease;
  7452. }
  7453. .csstransforms3d.csstransitions .js-nav .inner-wrapper{
  7454. left: 0 !important;
  7455. /*opacity: .5;*/
  7456. -webkit-backface-visibility: hidden;
  7457. -moz-backface-visibility: hidden;
  7458. -ms-backface-visibility: hidden;
  7459. -o-backface-visibility: hidden;
  7460. backface-visibility: hidden;
  7461. }
  7462. .csstransforms3d.csstransitions .js-nav #slide-out-open span{
  7463. top: 14px;
  7464. -webkit-animation: fa-spin .2s 2 linear;
  7465. animation: fa-spin .2s 2 linear;
  7466. -webkit-transform: rotate(45deg);
  7467. -moz-transform: rotate(45deg);
  7468. -ms-transform: rotate(45deg);
  7469. transform: rotate(45deg);
  7470. }
  7471. .csstransforms3d.csstransitions .js-nav #slide-out-open span:after{
  7472. top:0;
  7473. -webkit-transform: rotate(-90deg);
  7474. -ms-transform: rotate(-90deg);
  7475. transform: rotate(-90deg);
  7476. }
  7477. .csstransforms3d.csstransitions .js-nav #slide-out-open span:before{
  7478. opacity: 0;
  7479. }
  7480. .csstransforms3d.csstransitions .js-nav .inner-wrapper {
  7481. -webkit-transform: translate3d(80%, 0, 0);
  7482. -moz-transform: translate3d(80%, 0, 0);
  7483. -ms-transform: translate3d(80%, 0, 0);
  7484. -o-transform: translate3d(80%, 0, 0);
  7485. transform: translate3d(80%, 0, 0);
  7486. }
  7487. .csstransforms3d.csstransitions .js-nav #slide-out {
  7488. -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  7489. -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  7490. -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  7491. -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  7492. transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  7493. }
  7494. /* Animation */
  7495. @-webkit-keyframes fadeInDown {
  7496. 0% {
  7497. opacity: 0;
  7498. -webkit-transform: translateY(-20px);
  7499. transform: translateY(-20px);
  7500. }
  7501. 100% {
  7502. opacity: 1;
  7503. -webkit-transform: translateY(0);
  7504. transform: translateY(0);
  7505. }
  7506. }
  7507. @keyframes fadeInDown {
  7508. 0% {
  7509. opacity: 0;
  7510. -webkit-transform: translateY(-20px);
  7511. -ms-transform: translateY(-20px);
  7512. transform: translateY(-20px);
  7513. }
  7514. 100% {
  7515. opacity: 1;
  7516. -webkit-transform: translateY(0);
  7517. -ms-transform: translateY(0);
  7518. transform: translateY(0);
  7519. }
  7520. }
  7521. /* Reviews */
  7522. .review-box {
  7523. padding: 0;
  7524. background: transparent;
  7525. }
  7526. .review-top{
  7527. width: 55%;
  7528. }
  7529. #review-box .review-item h5 {
  7530. color: #666;
  7531. }
  7532. #review-box.review-percentage .review-item h5,
  7533. #review-box.review-percentage .review-item h5 {
  7534. line-height: 28px;
  7535. }
  7536. .review-percentage .review-item span span{
  7537. background-color: #FF8500;
  7538. height: 6px;
  7539. top: auto;
  7540. bottom: 0;
  7541. }
  7542. .review-final-score {
  7543. background-color: #FF8500;
  7544. }
  7545. .review-box,
  7546. #review-box h2.review-box-header,
  7547. .review-item,
  7548. .review-summary,
  7549. .user-rate-wrap,
  7550. #review-box h1,
  7551. #review-box h2,
  7552. #review-box h3,
  7553. #review-box h4,
  7554. #review-box h5,
  7555. #review-box h6,
  7556. #review-box p,
  7557. #review-box strong {
  7558. color: #444;
  7559. }
  7560. #review-box h2.review-box-header {
  7561. background: #eee;
  7562. }
  7563. .review-item,
  7564. .review-summary,
  7565. .user-rate-wrap,
  7566. .review-stars .review-item,
  7567. .review-percentage .review-item span {
  7568. background: #F2F2F2;
  7569. }
  7570. .review-final-score {
  7571. width: 110px;
  7572. }
  7573. /**
  7574. * Dark Skin
  7575. * -----------------------------------------------------------------------------
  7576. */
  7577. body.dark-skin {
  7578. background-color: #000;
  7579. color: #bfbfbf;
  7580. }
  7581. body.dark-skin #wrapper.boxed #theme-header,
  7582. body.dark-skin #wrapper.boxed .breaking-news,
  7583. body.dark-skin #wrapper.boxed #main-content,
  7584. body.dark-skin #wrapper.boxed-all #theme-header,
  7585. body.dark-skin #wrapper.boxed-all{
  7586. background-color: #3c3c3c;
  7587. -webkit-box-shadow: 0 0 3px #141414;
  7588. -moz-box-shadow: 0 0 3px #141414;
  7589. box-shadow: 0 0 3px #141414;
  7590. }
  7591. body.dark-skin .cat-box-content,
  7592. body.dark-skin #sidebar .widget-container,
  7593. body.dark-skin #wrapper.boxed-all .breaking-news,
  7594. body.dark-skin #wrapper.wide-layout .breaking-news,
  7595. body.dark-skin .post-listing,
  7596. body.dark-skin #live-search_results,
  7597. body.dark-skin .arqam-lite-widget-counter,
  7598. body.dark-skin #commentform {
  7599. background-color: #3c3c3c;
  7600. -webkit-box-shadow: 0 0 3px #2A2A2A;
  7601. -moz-box-shadow: 0 0 3px #2A2A2A;
  7602. box-shadow: 0 0 3px #2A2A2A;
  7603. }
  7604. body.dark-skin #tabbed-widget .tabs-wrap li,
  7605. body.dark-skin .comments-avatar .widget-container li,
  7606. body.dark-skin .posts-list .widget-container li,
  7607. body.dark-skin .categort-posts .widget-container li,
  7608. body.dark-skin .authors-posts .widget-container li,
  7609. body.dark-skin .widget.woocommerce .widget-container li,
  7610. body.dark-skin .widget-container ul.reviews-posts li,
  7611. body.dark-skin .widget_categories .widget-container li,
  7612. body.dark-skin .widget_archive .widget-container li,
  7613. body.dark-skin .widget_nav_menu .widget-container li,
  7614. body.dark-skin .widget_meta .widget-container li,
  7615. body.dark-skin .widget_pages .widget-container li,
  7616. body.dark-skin .widget_recent_comments .widget-container li,
  7617. body.dark-skin .widget_recent_entries .widget-container li,
  7618. body.dark-skin #crumbs,
  7619. body.dark-skin .woocommerce-breadcrumb,
  7620. body.dark-skin .post-inner p.post-meta,
  7621. body.dark-skin .comment-wrap,
  7622. body.dark-skin .tie-weather-forecast,
  7623. body.dark-skin .share-post,
  7624. body.dark-skin #tabbed-widget .widget-top,
  7625. body.dark-skin .item-list,
  7626. body.dark-skin .widget.timeline-posts li h3,
  7627. body.dark-skin .widget.timeline-posts li span.tie-date:before,
  7628. body.dark-skin .entry #related_posts,
  7629. body.dark-skin .live-search_result_container li,
  7630. body.dark-skin .twitter-widget-content li,
  7631. body.dark-skin #theme-footer .twitter-widget-content li,
  7632. body.dark-skin .list-box li.other-news,
  7633. body.dark-skin .column2 li,
  7634. body.dark-skin .wide-box li,
  7635. body.dark-skin .cat-tabs-header,
  7636. body.dark-skin .sitemap-col h2,
  7637. body.dark-skin ul.authors-wrap li,
  7638. body.dark-skin .entry ul.best-reviews li,
  7639. body.dark-skin .arqam-lite-widget-counter li,
  7640. body.dark-skin .divider,
  7641. body.dark-skin .post-content-slideshow-outer,
  7642. body.dark-skin .woocommerce ul.products li.product .price,
  7643. body.dark-skin .woocommerce-page ul.products li.product .price,
  7644. body.dark-skin .flickr-wrapper .flickr_badge_image img,
  7645. body.dark-skin .review-final-score {
  7646. border-color: #474747;
  7647. }
  7648. body.dark-skin .search-block-large #s,
  7649. body.dark-skin ul.timeline {
  7650. border-color: #2F2F2F;
  7651. }
  7652. body.dark-skin #wrapper.wide-layout,
  7653. body.dark-skin #wrapper.wide-layout #theme-header,
  7654. body.dark-skin .share-post,
  7655. body.dark-skin .search-block-large #s,
  7656. body.dark-skin .commentlist .reply a,
  7657. body.dark-skin #tabbed-widget ul.tabs li.active a,
  7658. body.dark-skin .cat-tabs-header li.active,
  7659. body.dark-skin .post-tabs ul.tabs-nav li.current,
  7660. body.dark-skin .post-tabs-ver ul.tabs-nav li.current {
  7661. background-color: #3c3c3c;
  7662. }
  7663. body.dark-skin .commentlist .reply a:hover,
  7664. body.dark-skin #tabbed-widget .widget-top,
  7665. body.dark-skin ul.timeline li.timeline-post:before,
  7666. body.dark-skin h2.timeline-head,
  7667. body.dark-skin .top-nav ul ul,
  7668. body.dark-skin .cat-tabs-header,
  7669. body.dark-skin .entry ul.best-reviews .best-review-score,
  7670. body.dark-skin #tabbed-widget .tabs-wrap.tagcloud a:hover,
  7671. body.dark-skin .woocommerce-pagination .page-numbers li .page-numbers.current {
  7672. background-color: #2A2A2A;
  7673. }
  7674. body.dark-skin .search-block #s-header {
  7675. background-color: #303030;
  7676. border-color: #444;
  7677. }
  7678. body.dark-skin .scroll-nav {
  7679. background-color: #373737;
  7680. }
  7681. body.dark-skin #tabbed-widget ul.tabs li.active a,
  7682. body.dark-skin .cat-tabs-header li.active {
  7683. -webkit-box-shadow: 0 -1px 2px #282828;
  7684. -moz-box-shadow: 0 -1px 2px #282828;
  7685. box-shadow: 0 -1px 2px #282828;
  7686. }
  7687. body.dark-skin .top-nav .social-icons a {
  7688. color: #999;
  7689. }
  7690. body.dark-skin a,
  7691. body.dark-skin .tie-weather-current-temp,
  7692. body.dark-skin #tabbed-widget ul.tabs li a,
  7693. body.dark-skin .search-block #s-header:focus {
  7694. color: #ECECEC;
  7695. }
  7696. body.dark-skin p.post-meta a {
  7697. color: #888;
  7698. }
  7699. body.dark-skin .breaking-news ul a {
  7700. background: #3c3c3c;
  7701. }
  7702. body.dark-skin a:hover,
  7703. body.dark-skin p.post-meta a:hover,
  7704. body.dark-skin .author-comment cite,
  7705. body.dark-skin .post-title,
  7706. body.dark-skin #tabbed-widget ul.tabs li.active a,
  7707. body.dark-skin textarea:focus,
  7708. body.dark-skin input[type=text]:focus,
  7709. body.dark-skin input[type=password]:focus,
  7710. body.dark-skin input[type=email]:focus,
  7711. body.dark-skin input[type=url]:focus,
  7712. body.dark-skin input[type=tel]:focus,
  7713. body.dark-skin input[type=number]:focus,
  7714. body.dark-skin input[type=date]:focus,
  7715. body.dark-skin input[type=file]:focus,
  7716. body.dark-skin input[type=search]:focus,
  7717. body.dark-skin input[type=color]:focus,
  7718. body.dark-skin input[type=datetime]:focus,
  7719. body.dark-skin input[type=datetime-local]:focus,
  7720. body.dark-skin input[type=month]:focus,
  7721. body.dark-skin input[type=range]:focus,
  7722. body.dark-skin input[type=time]:focus,
  7723. body.dark-skin input[type=week]:focus,
  7724. body.dark-skin select:focus,
  7725. body.dark-skin .top-nav ul li a:hover,
  7726. body.dark-skin .top-nav ul li:hover > a,
  7727. body.dark-skin .top-nav ul:hover > a,
  7728. body.dark-skin .top-nav ul li.current-menu-item a,
  7729. body.dark-skin .top-nav ul ul li a:hover,
  7730. body.dark-skin .top-nav ul ul li:hover > a,
  7731. body.dark-skin .top-nav ul ul:hover > a,
  7732. body.dark-skin .top-nav ul ul li.current-menu-item a,
  7733. body.dark-skin .cat-tabs-header li.active a,
  7734. body.dark-skin a.more-link,
  7735. body.dark-skin .page-title {
  7736. color: #FFF !important;
  7737. }
  7738. body.dark-skin .single-post-caption,
  7739. body.dark-skin .sitemap-col h2 {
  7740. color: #ccc;
  7741. }
  7742. body.dark-skin .top-nav {
  7743. background-color: #333;
  7744. border-bottom-color: #444;
  7745. }
  7746. body.dark-skin.woocommerce ul.products li.product .price,
  7747. body.dark-skin.woocommerce-page ul.products li.product .price {
  7748. border-color: #555;
  7749. }
  7750. body.dark-skin .today-date {
  7751. color: #888;
  7752. }
  7753. body.dark-skin .page-link,
  7754. body.dark-skin .author-social a,
  7755. body.dark-skin .post-tag a:hover {
  7756. background-color: #2B2B2B
  7757. }
  7758. body.dark-skin .post-tag a:hover:before {
  7759. border-right-color: #2B2B2B
  7760. }
  7761. body.dark-skin .column2 li.other-news,
  7762. body.dark-skin .list-box li.other-news,
  7763. body.dark-skin .wide-box li.other-news {
  7764. background-color: #373737;
  7765. border-bottom: 1px solid #282828;
  7766. }
  7767. body.dark-skin .column2 li.other-news:hover,
  7768. body.dark-skin .list-box li.other-news:hover,
  7769. body.dark-skin #tabbed-widget .tabs-wrap.tagcloud a {
  7770. background: #303030;
  7771. }
  7772. body.dark-skin textarea,
  7773. body.dark-skin input[type=text],
  7774. body.dark-skin input[type=password],
  7775. body.dark-skin input[type=email],
  7776. body.dark-skin input[type=url],
  7777. body.dark-skin input[type=tel],
  7778. body.dark-skin input[type=number],
  7779. body.dark-skin input[type=date],
  7780. body.dark-skin input[type=file],
  7781. body.dark-skin input[type=search],
  7782. body.dark-skin input[type=color],
  7783. body.dark-skin input[type=datetime],
  7784. body.dark-skin input[type=datetime-local],
  7785. body.dark-skin input[type=month],
  7786. body.dark-skin input[type=range],
  7787. body.dark-skin input[type=time],
  7788. body.dark-skin input[type=week],
  7789. body.dark-skin select {
  7790. color: #999;
  7791. background:#383838;
  7792. border-color: #303030;
  7793. border-top-color: #303030;
  7794. border-left-color: #303030;
  7795. }
  7796. body.dark-skin textarea:hover,
  7797. body.dark-skin input[type=text]:hover,
  7798. body.dark-skin input[type=password]:hover,
  7799. body.dark-skin input[type=email]:hover,
  7800. body.dark-skin input[type=url]:hover,
  7801. body.dark-skin input[type=tel]:hover,
  7802. body.dark-skin input[type=number]:hover,
  7803. body.dark-skin input[type=date]:hover,
  7804. body.dark-skin input[type=file]:hover,
  7805. body.dark-skin input[type=search]:hover,
  7806. body.dark-skin input[type=color]:hover,
  7807. body.dark-skin input[type=datetime]:hover,
  7808. body.dark-skin input[type=datetime-local]:hover,
  7809. body.dark-skin input[type=month]:hover,
  7810. body.dark-skin input[type=range]:hover,
  7811. body.dark-skin input[type=time]:hover,
  7812. body.dark-skin input[type=week]:hover,
  7813. body.dark-skin select:hover {
  7814. background-color:#333;
  7815. }
  7816. body.dark-skin .entry table thead th,
  7817. body.dark-skin .entry table tbody th {
  7818. background-color: #3A3A3A;
  7819. }
  7820. body.dark-skin .entry table tr:nth-child(even) {
  7821. background: #414141;
  7822. }
  7823. body.dark-skin .post-tag a,
  7824. body.dark-skin .toggle h3,
  7825. body.dark-skin .post-tabs ul.tabs-nav,
  7826. body.dark-skin .post-tabs-ver ul.tabs-nav {
  7827. background-color : #333;
  7828. }
  7829. body.dark-skin .post-tag a:before {
  7830. border-right-color: #333;
  7831. }
  7832. body.dark-skin .toggle,
  7833. body.dark-skin .post-tabs,
  7834. body.dark-skin .post-tabs-ver .pane,
  7835. body.dark-skin .post-tabs-ver ul.tabs-nav,
  7836. body.dark-skin .author-info,
  7837. body.dark-skin .entry table,
  7838. body.dark-skin .entry table thead th,
  7839. body.dark-skin .entry table td,
  7840. body.dark-skin .entry table th,
  7841. body.dark-skin .entry table tbody th {
  7842. border-color: #333;
  7843. }
  7844. body.dark-skin .toggle h3:hover,
  7845. body.dark-skin .post-tabs ul.tabs-nav li:hover,
  7846. body.dark-skin .post-tabs-ver ul.tabs-nav li:hover,
  7847. body.dark-skin .review-item,
  7848. body.dark-skin .review-summary,
  7849. body.dark-skin .user-rate-wrap,
  7850. body.dark-skin .review-stars .review-item,
  7851. body.dark-skin .review-percentage .review-item span {
  7852. background-color: #303030;
  7853. }
  7854. body.dark-skin .post-tabs ul.tabs-nav li,
  7855. body.dark-skin .post-tabs-ver ul.tabs-nav li {
  7856. border-color: #444;
  7857. }
  7858. body.dark-skin .box {
  7859. color: #222;
  7860. }
  7861. body.dark-skin .box.shadow {
  7862. border-color: #333;
  7863. -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  7864. -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  7865. box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  7866. }
  7867. body.dark-skin #slide-out-open span,
  7868. body.dark-skin #slide-out-open span:after,
  7869. body.dark-skin #slide-out-open span:before {
  7870. background-color: #888;
  7871. }
  7872. body.dark-skin.error404 .title-404 {
  7873. color: #555;
  7874. }
  7875. body.dark-skin .wp-playlist.wp-playlist-light,
  7876. body.dark-skin .wp-playlist.wp-playlist-dark,
  7877. body.dark-skin .wp-playlist-item {
  7878. border-color: #474747;
  7879. color: #ddd;
  7880. }
  7881. body.dark-skin .wp-playlist-light .wp-playlist-caption,
  7882. body.dark-skin .wp-playlist-dark .wp-playlist-caption,
  7883. body.dark-skin #review-box .review-item h5 {
  7884. color: #DDD;
  7885. }
  7886. body.dark-skin .wp-playlist.wp-playlist-light .wp-playlist-playing,
  7887. body.dark-skin .wp-playlist.wp-playlist-dark .wp-playlist-playing {
  7888. background: #333;
  7889. color: #ECECEC;
  7890. }
  7891. body.dark-skin .review-box,
  7892. body.dark-skin #review-box h2.review-box-header,
  7893. body.dark-skin .review-item,
  7894. body.dark-skin .review-summary,
  7895. body.dark-skin .user-rate-wrap,
  7896. body.dark-skin #review-box h1,
  7897. body.dark-skin #review-box h2,
  7898. body.dark-skin #review-box h3,
  7899. body.dark-skin #review-box h4,
  7900. body.dark-skin #review-box h5,
  7901. body.dark-skin #review-box h6,
  7902. body.dark-skin #review-box p,
  7903. body.dark-skin #review-box strong {
  7904. color: #FFF;
  7905. }
  7906. body.dark-skin #review-box h2.review-box-header {
  7907. background: #2A2A2A;
  7908. }
  7909. body.dark-skin .tie-instagram.lite-skin a,
  7910. body.dark-skin .tie-instagram.default-skin a{
  7911. color: #222 !important;
  7912. }
  7913. body.dark-skin .tie-instagram.lite-skin a:hover,
  7914. body.dark-skin .tie-instagram.default-skin a:hover{
  7915. color: #000 !important;
  7916. }
  7917. /**
  7918. * Reponsive
  7919. * -----------------------------------------------------------------------------
  7920. */
  7921. /* 1045px */
  7922. @media only screen and ( max-width: 1045px ){
  7923. #wrapper.boxed,
  7924. #wrapper.boxed .fixed-nav,
  7925. #wrapper.boxed-all,
  7926. #wrapper.boxed-all #main-content,
  7927. #wrapper.boxed-all .fixed-nav {
  7928. width: 99%;
  7929. }
  7930. #wrapper.boxed #theme-header,
  7931. #wrapper.boxed .breaking-news,
  7932. #wrapper.boxed #main-content,
  7933. #wrapper.boxed .container,
  7934. #wrapper.boxed-all .container{
  7935. width: 100%;
  7936. }
  7937. #wrapper.boxed #main-content {
  7938. padding: 15px;
  7939. }
  7940. #wrapper.boxed .post-cover-head {
  7941. margin-left: -15px;
  7942. margin-right: -15px;
  7943. }
  7944. #wrapper.boxed-all .post-cover-head {
  7945. margin-left: 0;
  7946. margin-right: 0;
  7947. }
  7948. .footer-bottom .container,
  7949. #footer-widget-area {
  7950. width:98% !important;
  7951. }
  7952. #wrapper.boxed-all .breaking-news {
  7953. width: 98% !important;
  7954. margin-right: 1%;
  7955. margin-left: 1%;
  7956. }
  7957. /* Full Layout */
  7958. #wrapper.wide-layout .header-content,
  7959. #wrapper.wide-layout .breaking-news,
  7960. #wrapper.wide-layout .container,
  7961. #wrapper.wide-layout #main-nav ul li.mega-menu .mega-menu-block {
  7962. width: 99%;
  7963. }
  7964. .content{
  7965. width: 66.5%;
  7966. }
  7967. #sidebar{
  7968. width: 32%;
  7969. }
  7970. .ei-slider,
  7971. .flexslider,
  7972. .flexslider .slides > li {
  7973. height: 480px;
  7974. }
  7975. .content .ei-slider,
  7976. .content .flexslider,
  7977. .content .flexslider .slides > li {
  7978. height: 315px;
  7979. }
  7980. .post-cover{
  7981. padding-right: 20px;
  7982. padding-left: 20px;
  7983. }
  7984. .flat-social a {
  7985. padding-right: 7px;
  7986. padding-left: 7px;
  7987. }
  7988. .share-post li,
  7989. .mini-share-post li {
  7990. width: 100px;
  7991. }
  7992. .tie-full-width-img img {
  7993. margin-right: 0 !important;
  7994. margin-left: 0 !important;
  7995. width: 100% !important;
  7996. max-width: 100% !important;
  7997. }
  7998. }
  7999. /* 990px */
  8000. @media only screen and (max-width: 990px){
  8001. .logo {
  8002. float: none !important;
  8003. text-align: center;
  8004. margin: 0 !important;
  8005. clear: both;
  8006. }
  8007. .ei-slider,
  8008. .flexslider,
  8009. .flexslider .slides > li {
  8010. height: 466px;
  8011. }
  8012. .content .ei-slider,
  8013. .content .flexslider,
  8014. .content .flexslider .slides > li {
  8015. height: 481px;
  8016. }
  8017. .ei-title h2,
  8018. .content .ei-title h2,
  8019. .content .slider-caption h2 a,
  8020. .content .slider-caption h2,
  8021. .slider-caption h2 a,
  8022. .slider-caption h2,
  8023. .full-width .content .slider-caption h2{
  8024. font-size: 30px;
  8025. }
  8026. .ei-title h3,
  8027. .content .ei-title h3 {
  8028. font-size: 14px;
  8029. }
  8030. .e3lan-top {
  8031. margin-top: 20px;
  8032. float: none !important;
  8033. text-align: center;
  8034. }
  8035. .content,
  8036. #sidebar {
  8037. width: 100%;
  8038. float: none;
  8039. }
  8040. .widget.news-pic .post-thumbnail {
  8041. width: 16.66666666666667%;
  8042. }
  8043. .footer-widgets-box {
  8044. float: none !important;
  8045. width: 100% !important;
  8046. margin: 0 !important;
  8047. }
  8048. #check-also-box { display: none; }
  8049. }
  8050. /* 900px */
  8051. @media only screen and (max-width: 900px){
  8052. .top-nav,
  8053. #main-nav,
  8054. #live-search_sb {
  8055. display: none;
  8056. }
  8057. #slide-out-open {
  8058. display: block;
  8059. }
  8060. .ei-slider,
  8061. .flexslider,
  8062. .flexslider .slides > li {
  8063. height: 422px;
  8064. }
  8065. .content .ei-slider,
  8066. .content .flexslider,
  8067. .content .flexslider .slides > li {
  8068. height: 441px;
  8069. }
  8070. #wrapper {
  8071. background-color: #FFF;
  8072. width: 100% !important;
  8073. }
  8074. #wrapper #theme-header {
  8075. margin-top: 0;
  8076. width: 100% !important;
  8077. -webkit-box-shadow: 0 0 3px #CACACA !important;
  8078. -moz-box-shadow: 0 0 3px #CACACA !important;
  8079. box-shadow: 0 0 3px #CACACA !important;
  8080. }
  8081. #wrapper .breaking-news,
  8082. #wrapper.boxed-all .breaking-news {
  8083. width: 99% !important;
  8084. margin-right: auto;
  8085. margin-left: auto;
  8086. margin-bottom: 10px;
  8087. -webkit-box-shadow: 0 0 1px #CACACA !important;
  8088. -moz-box-shadow: 0 0 1px #CACACA !important;
  8089. box-shadow: 0 0 1px #CACACA !important;
  8090. }
  8091. body.dark-skin #wrapper {
  8092. background-color: #3c3c3c;
  8093. }
  8094. body.dark-skin #wrapper #theme-header {
  8095. -webkit-box-shadow: 0 0 3px #2A2A2A !important;
  8096. -moz-box-shadow: 0 0 3px #2A2A2A !important;
  8097. box-shadow: 0 0 3px #2A2A2A !important;
  8098. }
  8099. body.dark-skin #wrapper .breaking-news,
  8100. body.dark-skin #wrapper.boxed-all .breaking-news {
  8101. -webkit-box-shadow: 0 0 1px #2A2A2A !important;
  8102. -moz-box-shadow: 0 0 1px #2A2A2A !important;
  8103. box-shadow: 0 0 1px #2A2A2A !important;
  8104. }
  8105. #wrapper #main-content {
  8106. width: 99% !important;
  8107. padding: 0 !important;
  8108. -webkit-box-shadow: none !important;
  8109. -moz-box-shadow: none !important;
  8110. box-shadow: none !important;
  8111. }
  8112. #wrapper #main-content {
  8113. margin-top: 10px;
  8114. }
  8115. .header-content {
  8116. padding-right: 0;
  8117. padding-left: 0;
  8118. }
  8119. .footer-bottom .alignright,
  8120. .footer-bottom .alignleft,
  8121. .footer-bottom .social-icons {
  8122. text-align: center;
  8123. float: none;
  8124. width: 100%;
  8125. margin: 0;
  8126. line-height: 20px;
  8127. }
  8128. .e3lan-top ins,
  8129. .e3lan-bottom ins,
  8130. .e3lan-below_header ins {
  8131. width: 728px;
  8132. height: 90px;
  8133. }
  8134. .csstransforms3d.csstransitions .js-nav #wrapper{
  8135. width: 100% !important;
  8136. }
  8137. #wrapper.boxed .post-cover-head,
  8138. #wrapper.wide-layout .post-cover-head {
  8139. margin-top: 0;
  8140. margin-right: 0;
  8141. margin-left: 0;
  8142. }
  8143. }
  8144. /* 730px */
  8145. @media only screen and (max-width: 730px){
  8146. .ei-slider,
  8147. .flexslider,
  8148. .flexslider .slides > li {
  8149. height: 361px;
  8150. }
  8151. .content .ei-slider,
  8152. .content .flexslider,
  8153. .content .flexslider .slides > li {
  8154. height: 356px;
  8155. }
  8156. .featured-title h3,
  8157. .featured-title span.tie-date {
  8158. display: none;
  8159. }
  8160. #featured-posts .featured-post-inner {
  8161. height: 200px;
  8162. }
  8163. .featured-title{
  8164. bottom: 0;
  8165. font-size: 75%;
  8166. padding: 8px;
  8167. }
  8168. .featured-title h2{
  8169. margin-bottom: 0;
  8170. }
  8171. .flat-social a {
  8172. padding-right: 5px;
  8173. padding-left: 5px;
  8174. }
  8175. .flickr-widget .flickr_badge_image {
  8176. width: 12.5%;
  8177. }
  8178. #sitemap {
  8179. padding: 10px 0 0 !important;
  8180. }
  8181. .sitemap-col{
  8182. width: 100%;
  8183. float: none;
  8184. margin: 0 0 10px;
  8185. }
  8186. .post-tabs ul.tabs-nav li,
  8187. .post-tabs-ver ul.tabs-nav li {
  8188. display: block;
  8189. border-width: 0 0 1px 0;
  8190. width: 100%;
  8191. text-align: center;
  8192. padding: 0;
  8193. }
  8194. .post-tabs ul.tabs-nav,
  8195. .post-tabs-ver ul.tabs-nav {
  8196. border: 1px solid #EEE;
  8197. border-width: 0 0 1px 0;
  8198. }
  8199. .post-tabs-ver ul.tabs-nav,
  8200. .post-tabs-ver .pane {
  8201. width: 100%;
  8202. left: 0;
  8203. float: none;
  8204. border-width: 1px;
  8205. }
  8206. .tie-padding {
  8207. padding: 0 !important;
  8208. }
  8209. .post-cover-head .single-has-thumb.single-post-thumb {
  8210. height: 350px;
  8211. }
  8212. .post-cover-title .post-title {
  8213. font-size: 32px;
  8214. line-height: 32px;
  8215. }
  8216. .post-cover-title p.post-meta {
  8217. font-size: 12px;
  8218. }
  8219. .e3lan-top ins,
  8220. .e3lan-bottom ins,
  8221. .e3lan-below_header ins,
  8222. .home-e3lan ins,
  8223. .e3lan-post ins {
  8224. width: 468px;
  8225. height: 60px;
  8226. }
  8227. }
  8228. /* 670px */
  8229. @media only screen and (max-width: 670px){
  8230. .ei-slider,
  8231. .flexslider,
  8232. .flexslider .slides > li {
  8233. height: 330px;
  8234. }
  8235. .content .ei-slider,
  8236. .content .flexslider,
  8237. .content .flexslider .slides > li {
  8238. height: 326px;
  8239. }
  8240. .flat-social a span,
  8241. .breaking-news span.breaking-news-title span,
  8242. .share-post span.share-text,
  8243. .entry #related_posts {
  8244. display: none;
  8245. }
  8246. .breaking-news span.breaking-news-title {
  8247. padding-bottom: 7px;
  8248. }
  8249. .breaking-news span.breaking-news-title i {
  8250. display: block;
  8251. margin-top: -2px;
  8252. }
  8253. .cat-box.column2,
  8254. .list-box li,
  8255. .list-box li.first-news,
  8256. .wide-box li,
  8257. .cat-tabs-wrap li.first-news,
  8258. .cat-tabs-wrap li {
  8259. float: none;
  8260. width: 100%;
  8261. margin-right: 0;
  8262. margin-left: 0;
  8263. }
  8264. .list-box li.first-news {
  8265. padding: 20px;
  8266. }
  8267. .list-box li.other-news {
  8268. border: 0 none;
  8269. }
  8270. .share-post .flat-social a i,
  8271. .mini-share-post .flat-social a i {
  8272. margin:0 10px;
  8273. }
  8274. .share-post .normal-social li,
  8275. .mini-share-post .normal-social li {
  8276. width: 33.333333% !important;
  8277. height: 25px;
  8278. }
  8279. #featured-posts .featured-post{
  8280. padding: 0 0 1px 1px !important;
  8281. width: 50%;
  8282. }
  8283. #featured-posts .featured-post-inner{
  8284. height: 140px;
  8285. }
  8286. #featured-posts .featured-post-1{
  8287. width: 100%;
  8288. }
  8289. #featured-posts .featured-post-1 .featured-post-inner{
  8290. height: 220px;
  8291. }
  8292. #featured-posts .featured-post-1,
  8293. #featured-posts .featured-post-2,
  8294. #featured-posts .featured-post-4 {
  8295. padding-left: 0 !important;
  8296. }
  8297. }
  8298. /* Phone : 500px */
  8299. @media only screen and (max-width: 500px){
  8300. .ei-title h2,
  8301. .content .ei-title h2,
  8302. .content .slider-caption h2 a,
  8303. .content .slider-caption h2,
  8304. .slider-caption h2 a,
  8305. .slider-caption h2,
  8306. .full-width .content .slider-caption h2 {
  8307. font-size: 22px;
  8308. }
  8309. .slider-caption {
  8310. padding: 8px 0 5px;
  8311. }
  8312. .ei-slider,
  8313. .flexslider,
  8314. .flexslider .slides > li {
  8315. height: 240px;
  8316. }
  8317. .content .ei-slider,
  8318. .content .flexslider,
  8319. .content .flexslider .slides > li {
  8320. height: 241px;
  8321. }
  8322. .pic-box li:last-child,
  8323. .entry ul.best-reviews .post-thumbnail,
  8324. .ei-title h3,
  8325. .slider-caption p,
  8326. a.go-to-the-post {
  8327. display: none !important;
  8328. }
  8329. .archive-wide-thumb {
  8330. margin-right: -10px !important;
  8331. margin-left: -10px !important;
  8332. width: auto !important;
  8333. }
  8334. .one_half,
  8335. .one_third,
  8336. .two_third,
  8337. .three_fourth,
  8338. .one_fourth,
  8339. .one_fifth,
  8340. .two_fifth,
  8341. .three_fifth,
  8342. .four_fifth,
  8343. .one_sixth,
  8344. .five_sixth,
  8345. .recent-box .recent-item,
  8346. .scroll-box .scroll-item,
  8347. #related_posts .related-item,
  8348. .full-width #related_posts .related-item,
  8349. .woocommerce ul.products li.product,
  8350. .woocommerce-page ul.products li.product,
  8351. .review-box,
  8352. .google-map,
  8353. .masonry-grid .item-list {
  8354. float:none !important;
  8355. margin-right: 0 !important;
  8356. margin-left: 0 !important;
  8357. width:100% !important;
  8358. height: auto !important;
  8359. }
  8360. .masonry-grid {
  8361. padding: 0;
  8362. }
  8363. body.error404 .title-404 {
  8364. font-size: 80px;
  8365. }
  8366. .cat-box li.first-news .inner-content,
  8367. .scroll-box .cat-box-content,
  8368. .pic-box .cat-box-content,
  8369. .video-box .cat-box-content,
  8370. .cat-tabs-wrap,
  8371. .pic-box.pic-grid .cat-box-content,
  8372. .list-box li.first-news,
  8373. .recent-box .cat-box-content {
  8374. padding: 10px;
  8375. }
  8376. .column2 li.other-news,
  8377. .list-box li.other-news,
  8378. .wide-box li {
  8379. padding-right: 10px;
  8380. padding-left: 10px;
  8381. }
  8382. .scroll-nav {
  8383. margin: 10px -10px -10px;
  8384. }
  8385. .wide-box li.first-news .post-thumbnail,
  8386. .item-list .post-thumbnail,
  8387. .pic-box li.first-pic,
  8388. .video-box .big-video-column {
  8389. float: none;
  8390. width: 100%;
  8391. margin-right: 0;
  8392. margin-left: 0;
  8393. margin-bottom: 10px;
  8394. }
  8395. .pic-box li.first-pic,
  8396. .video-box .big-video-column,
  8397. .video-box li {
  8398. margin-bottom: 0;
  8399. }
  8400. .pic-box li,
  8401. .pic-box.pic-grid.cat-box li {
  8402. width: 25%;
  8403. }
  8404. .video-box li {
  8405. padding: 1px;
  8406. width: 33.333333%;
  8407. }
  8408. .pic-box.pic-grid.cat-box li:last-child{
  8409. display: block;
  8410. }
  8411. #masonry-grid.post-listing {
  8412. padding: 0;
  8413. }
  8414. #masonry-grid .item-list {
  8415. width: 92%;
  8416. margin: 0 4%;
  8417. }
  8418. .widget.news-pic .post-thumbnail {
  8419. width: 25%;
  8420. }
  8421. .entry ul.best-reviews li {
  8422. padding-left: 65px;
  8423. }
  8424. .best-review-score-image{
  8425. margin-left: -65px;
  8426. }
  8427. .author-info img.author-img {
  8428. max-width: 50px;
  8429. margin-right: 10px;
  8430. }
  8431. .author-info-content {
  8432. padding-left: 60px;
  8433. }
  8434. .post-cover-head .single-has-thumb.single-post-thumb {
  8435. height: 250px;
  8436. }
  8437. .post-cover-title {
  8438. padding-right: 10px;
  8439. padding-left: 10px;
  8440. }
  8441. .post-cover-title .post-title {
  8442. font-size: 28px;
  8443. line-height: 28px;
  8444. }
  8445. .post-cover-title p.post-meta {
  8446. font-size: 12px;
  8447. }
  8448. .e3lan-top ins,
  8449. .e3lan-bottom ins,
  8450. .e3lan-below_header ins,
  8451. .home-e3lan ins,
  8452. .e3lan-post ins {
  8453. width: 300px;
  8454. height: 250px;
  8455. }
  8456. }
  8457. /* 350px */
  8458. @media only screen and (max-width: 350px){
  8459. .ei-slider,
  8460. .flexslider,
  8461. .flexslider .slides > li{
  8462. height: 163px;
  8463. }
  8464. .content .ei-slider,
  8465. .content .flexslider,
  8466. .content .flexslider .slides > li {
  8467. height: 166px;
  8468. }
  8469. .logo {
  8470. text-align: right;
  8471. padding-right: 20px;
  8472. }
  8473. .logo img {
  8474. max-width: 50%;
  8475. height: auto;
  8476. }
  8477. #theme-header.full-logo .logo {
  8478. padding: 0;
  8479. }
  8480. #theme-header.full-logo .logo img{
  8481. max-width: 100%;
  8482. }
  8483. #main-content{
  8484. padding-top: 0;
  8485. }
  8486. .share-post .flat-social a i,
  8487. .mini-share-post .flat-social a i {
  8488. margin: 0 5px;
  8489. }
  8490. .share-post .normal-social li,
  8491. .mini-share-post .normal-social li {
  8492. width: 50% !important;
  8493. }
  8494. .overlay-icon:before,
  8495. .tie_slider .overlay-icon:before {
  8496. border-width: 2px;
  8497. width: 30px;
  8498. height: 30px;
  8499. font-size: 14px;
  8500. line-height: 26px;
  8501. margin: -15px 0 0 -15px;
  8502. }
  8503. .widget.news-pic .post-thumbnail {
  8504. width: 33.3333%;
  8505. }
  8506. .flickr-widget .flickr_badge_image {
  8507. width: 25%;
  8508. }
  8509. }
  8510. @media print {
  8511. body{
  8512. font-size: 20px;
  8513. }
  8514. .entry,
  8515. .comment-content p {
  8516. line-height: 40px;
  8517. }
  8518. .post-listing {
  8519. border: 0 none;
  8520. }
  8521. .post-cover-title {
  8522. opacity: 1 !important;
  8523. }
  8524. .post-title,
  8525. .post-cover-title {
  8526. font-size: 42px;
  8527. line-height: 40px;
  8528. color: #000;
  8529. }
  8530. #theme-header,
  8531. .breaking-news,
  8532. #crumbs,
  8533. #sidebar,
  8534. .share-post,
  8535. #theme-footer,
  8536. .footer-bottom,
  8537. #related_posts,
  8538. p.post-meta .post-comments,
  8539. #author-box,
  8540. .post-navigation,
  8541. #comments,
  8542. .e3lan ,
  8543. .post-tag,
  8544. .post-edit-link {
  8545. display: none !important;
  8546. }
  8547. .content {
  8548. float: none;
  8549. width: 100%;
  8550. }
  8551. }