index.css 226 KB

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