custom.css 243 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679
  1. .action.compare.no-display {
  2. display: none !important;
  3. }
  4. body > p {
  5. display: none;
  6. }
  7. .toolbar .modes > a {
  8. text-decoration: none;
  9. }
  10. .toolbar-amount {display: none;}
  11. .clearer {
  12. clear:both;
  13. }
  14. @media (min-width: 1200px) {
  15. .col-lg-2-4 {
  16. width: 20%;
  17. }
  18. .col-lg-9-6 {
  19. width: 80%;
  20. }
  21. }
  22. @media (max-width: 1199px) {
  23. .container {
  24. width: 100%;
  25. }
  26. }
  27. @media (min-width: 768px) {
  28. .layout-1280 .navigation, .layout-1280 .page-wrapper > .breadcrumbs .items, .layout-1280 .page-header .header.panel, .layout-1280 .header.content, .layout-1280 .footer.content, .layout-1280 .page-wrapper > .widget, .layout-1280 .page-wrapper > .page-bottom, .layout-1280 .block.category.event, .layout-1280 .top-container, .layout-1280 .page-main {
  29. max-width: 1280px;
  30. }
  31. .layout-1280 .container {
  32. width: 1280px;
  33. max-width: 100%;
  34. }
  35. .page-header.type12 .header.panel .top-panel .customer-menu .links > li:first-child > a {
  36. padding-left: 15px;
  37. }
  38. }
  39. .swatch-input {display: none;}
  40. .btn-default {
  41. color: #fff;
  42. font-weight: 400;
  43. background-image: none;
  44. background-color: #08c;
  45. text-shadow: none;
  46. border: 0;
  47. opacity: 1;
  48. filter: alpha(opacity=100);
  49. }
  50. .prev-next-products {
  51. float: right;
  52. margin-right: -12px;
  53. }
  54. .homepage-bar {
  55. border-top: 1px solid #e1e1e1;
  56. border-bottom: 1px solid #e1e1e1;
  57. background-color: #fbfbfb;
  58. }
  59. .homepage-bar .col-md-4 {
  60. border-left: 1px solid #e1e1e1;
  61. padding-top: 20px;
  62. padding-bottom: 21px;
  63. }
  64. .homepage-bar .col-md-4:first-child {
  65. border-left: 0;
  66. }
  67. .homepage-bar [class*=" porto-icon-"], .homepage-bar [class^="porto-icon-"] {
  68. font-size: 34px;
  69. color: #000;
  70. display: inline-block;
  71. vertical-align: middle;
  72. }
  73. .homepage-bar .text-area {
  74. display: inline-block;
  75. vertical-align: middle;
  76. text-align: left;
  77. margin-left: 5px;
  78. }
  79. .homepage-bar h3 {
  80. color: #313131;
  81. font-size: 16px;
  82. font-weight: 600;
  83. margin: 0;
  84. line-height: 1.5;
  85. }
  86. .homepage-bar p {
  87. font-size: 12px;
  88. margin: 0;
  89. line-height: 1;
  90. }
  91. .image-link {
  92. display: block;
  93. position: relative;
  94. }
  95. .image-link:before {
  96. content: "";
  97. width: 100%;
  98. height: 100%;
  99. position: absolute;
  100. left: 0;
  101. top: 0;
  102. background-color: #000;
  103. opacity: 0;
  104. visibility: hidden;
  105. transition: all 0.2s;
  106. }
  107. .image-link:hover:before {
  108. opacity: 0.1;
  109. visibility: visible;
  110. }
  111. .image-link img {
  112. width: 100%;
  113. }
  114. .border-radius .image-link:before {
  115. border-radius: 8px;
  116. }
  117. .custom-support {
  118. text-align: left;
  119. }
  120. .custom-support em[class*=icon-] {
  121. float: left;
  122. background-color: #e35d53;
  123. color: #fff;
  124. border-radius: 50%;
  125. width: 62px;
  126. height: 62px;
  127. text-align: center;
  128. line-height: 62px;
  129. font-size: 20px;
  130. }
  131. .custom-support div.content {
  132. margin-left: 76px;
  133. }
  134. .custom-support div.content>h2 {
  135. color: #000;
  136. margin: 0;
  137. font-weight: 600;
  138. font-size: 20px;
  139. line-height: 1.5;
  140. }
  141. .custom-support div.content>em {
  142. color: #888;
  143. font-weight: 300;
  144. font-size: 11px;
  145. font-style: normal;
  146. line-height: 1;
  147. margin-bottom: 15px;
  148. display: block;
  149. }
  150. .custom-support div.content>p {
  151. color: #666;
  152. font-size: 14px;
  153. }
  154. .photo-instagrams .image-link {position: relative;}
  155. .photo-instagrams .image-link .content {display: none;position: absolute;left: 0;right: 0;top: 0;background-color: rgba(255, 0, 0, 0.5);text-align: center;height: 100%;vertical-align: middle;font-size: 35px;color: #fff;opacity: 0;visibility: hidden;transition: all 0.3s;}
  156. .photo-instagrams .image-link:hover .content{opacity: 1;visibility: visible;}
  157. .photo-instagrams .image-link .content i {position: absolute;top: calc(50% - 18px);left: calc(50% - 24.5px);display: inline-block;vertical-align: middle;}
  158. .parallax-wrapper {
  159. position: relative;
  160. }
  161. .parallax-wrapper .overlay {
  162. background-color: #000;
  163. opacity: 0.55;
  164. filter: alpha(opacity=55);
  165. width: 100%;
  166. height: 100%;
  167. display: block;
  168. position: absolute;
  169. }
  170. .parallax {
  171. background-position: center center;
  172. background-attachment: fixed;
  173. background-repeat: no-repeat;
  174. background-size: 100% auto;
  175. width: 100%;
  176. padding: 50px 0;
  177. }
  178. .parallax-slider {
  179. text-align: center;
  180. }
  181. .parallax-slider .owl-carousel h2 {
  182. font-size: 60.28px;
  183. color: #fff;
  184. line-height: 1;
  185. }
  186. .parallax-slider .owl-carousel p {
  187. font-size: 22.6px;
  188. color: #fff;
  189. line-height: 1;
  190. margin-bottom: 30px;
  191. }
  192. .parallax-slider .owl-carousel a {
  193. font-size: 16px;
  194. color: #fff;
  195. line-height: 1;
  196. }
  197. .brands-slider .owl-carousel .owl-item img {
  198. width: auto;
  199. max-width: 100%;
  200. }
  201. .customer-account-login .account-social-login, .customer-account-create .account-social-login {display: none;}
  202. .customer-account-login .block-customer-login .account-social-login, .customer-account-create .form-create-account .account-social-login{display: block;width: 100%;position:relative;margin: 50px 0;}
  203. .customer-account-login .block-customer-login .account-social-login:before,
  204. .customer-account-create .form-create-account .account-social-login:before {
  205. content: '';
  206. position:absolute;
  207. height: 1px;
  208. background-color: #dfdfdf;
  209. z-index: 3;
  210. top: 0;
  211. left: 25px;
  212. right: 25px;
  213. }
  214. .customer-account-login .block-customer-login .account-social-login:before {
  215. left: 0;
  216. right: 0;
  217. }
  218. .customer-account-login .block-customer-login .account-social-login:after,
  219. .customer-account-create .form-create-account .account-social-login:after {
  220. content: 'or';
  221. position: absolute;
  222. width: 45px;
  223. height: 45px;
  224. z-index: 4;
  225. text-align: center;
  226. border: #dfdfdf solid 1px;
  227. border-radius: 100%;
  228. line-height: 43px;
  229. color: #777;
  230. left: 0;
  231. top: -22px;
  232. right: 0;
  233. margin: 0 auto;
  234. background-color: #fff;
  235. }
  236. .customer-account-login .account-social-login .block-content, .customer-account-create .account-social-login {padding-top: 50px;}
  237. .form.create.account .account-social-login .actions-toolbar {
  238. padding: 0;
  239. }
  240. @media only screen and (max-width: 767px) {
  241. .nav-open .page-wrapper {
  242. position: fixed;
  243. z-index: 3;
  244. }
  245. }
  246. @media (max-width: 991px) {
  247. .homepage-bar .col-md-4 {
  248. border: 0;
  249. text-align: left !important;
  250. }
  251. .parallax {
  252. background-position: center center !important;
  253. background-attachment: initial;
  254. }
  255. }
  256. @media (max-width: 767px) {
  257. .parallax-slider .owl-carousel h2 {
  258. font-size: 40px;
  259. }
  260. .parallax-slider .owl-carousel p {
  261. font-size: 13px;
  262. margin-bottom: 15px;
  263. }
  264. .parallax-slider .owl-carousel a {
  265. font-size: 13px;
  266. }
  267. }
  268. /*=============== Demo 1 Homepage Slider ===============*/
  269. .owl-banner-carousel .content.type1 h2{font-size:60px}
  270. .owl-banner-carousel .content.type1 p{font-size:25px}
  271. .owl-banner-carousel .content.type1 a{font-size:16px}
  272. @media (max-width:1199px){
  273. .owl-banner-carousel .content.type1 h2{font-size:48px}
  274. .owl-banner-carousel .content.type1 p{font-size:20px}
  275. .owl-banner-carousel .content.type1 a{font-size:13px}
  276. }
  277. @media (max-width:991px){
  278. .owl-banner-carousel .content.type1 h2{font-size:36px}
  279. .owl-banner-carousel .content.type1 p{font-size:15px}
  280. .owl-banner-carousel .content.type1 a{font-size:10px}
  281. }
  282. @media (max-width:767px){
  283. .owl-banner-carousel .content.type1 h2{font-size:24px}
  284. .owl-banner-carousel .content.type1 p{display:none}
  285. .owl-banner-carousel .content.type1 a{font-size:8px}
  286. }
  287. /*=============== Demo 3 Homepage Slider ===============*/
  288. #banner-slider-demo-3 .slide1-content em{font-size:26.26px;margin:0 10px}
  289. #banner-slider-demo-3 .slide1-content h2{font-size:79.12px;margin:5px 0 10px}
  290. #banner-slider-demo-3 .slide1-content p{font-size:23.64px}
  291. #banner-slider-demo-3 .slide2-content em{font-size:26.26px;margin-left:8px}
  292. #banner-slider-demo-3 .slide2-content h2{font-size:82.51px;margin:3px 0 10px}
  293. #banner-slider-demo-3 .slide2-content p{font-size:18px;margin-left:8px;margin-bottom:30px}
  294. #banner-slider-demo-3 .slide2-content p span.split{margin:0 13px 0 14px;border: 0;}
  295. #banner-slider-demo-3 .slide2-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px}
  296. #banner-slider-demo-3 .slide3-content em{font-size:26.26px}
  297. #banner-slider-demo-3 .slide3-content h2{font-size:82.51px;margin-bottom:17px;}
  298. #banner-slider-demo-3 .slide3-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px}
  299. @media (max-width:991px){
  300. #banner-slider-demo-3 .slide1-content img.quote{width:30px}
  301. #banner-slider-demo-3 .slide1-content em{font-size:20px;margin:0 8px}
  302. #banner-slider-demo-3 .slide1-content h2{font-size:60px;margin:4px 0 8px}
  303. #banner-slider-demo-3 .slide1-content p{font-size:18px}
  304. #banner-slider-demo-3 .slide2-content em{font-size:20px;margin-left:7px}
  305. #banner-slider-demo-3 .slide2-content h2{font-size:65px;margin:2px 0 8px}
  306. #banner-slider-demo-3 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px}
  307. #banner-slider-demo-3 .slide2-content p span.split{margin:0 8px 0 9px}
  308. #banner-slider-demo-3 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
  309. #banner-slider-demo-3 .slide3-content em{font-size:20px}
  310. #banner-slider-demo-3 .slide3-content h2{font-size:65px;margin-bottom:13px}
  311. #banner-slider-demo-3 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
  312. }
  313. @media (max-width:640px){
  314. #banner-slider-demo-3 .slide1-content img.quote{width:15px}
  315. #banner-slider-demo-3 .slide1-content em{font-size:14px;margin:0 3px}
  316. #banner-slider-demo-3 .slide1-content h2{font-size:38px;margin:1px 0 5px}
  317. #banner-slider-demo-3 .slide1-content p{font-size:14px}
  318. #banner-slider-demo-3 .slide2-content em{font-size:14px;margin-left:3px}
  319. #banner-slider-demo-3 .slide2-content h2{font-size:39px;margin:0 0 5px}
  320. #banner-slider-demo-3 .slide2-content p{font-size:8px;margin-left:4px;margin-bottom:15px}
  321. #banner-slider-demo-3 .slide2-content p span.split{margin:0 7px 0 8px}
  322. #banner-slider-demo-3 .slide2-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
  323. #banner-slider-demo-3 .slide3-content em{font-size:14px}
  324. #banner-slider-demo-3 .slide3-content h2{font-size:38px;margin-bottom:8px}
  325. #banner-slider-demo-3 .slide3-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
  326. }
  327. /*=============== Demo 8 Homepage Slider ===============*/
  328. #banner-slider-demo-8 .slide1-content em{font-size:26.26px;margin:0 10px}
  329. #banner-slider-demo-8 .slide1-content h2{font-size:79.12px;margin:5px 0 10px}
  330. #banner-slider-demo-8 .slide1-content p{font-size:23.64px}
  331. #banner-slider-demo-8 .slide2-content em{font-size:26.26px;margin-left:8px}
  332. #banner-slider-demo-8 .slide2-content h2{font-size:82.51px;margin:3px 0 10px}
  333. #banner-slider-demo-8 .slide2-content p{font-size:18px;margin-left:8px;margin-bottom:30px}
  334. #banner-slider-demo-8 .slide2-content p span.split{margin:0 13px 0 14px;border: 0;}
  335. #banner-slider-demo-8 .slide2-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px}
  336. #banner-slider-demo-8 .slide3-content em{font-size:26.26px}
  337. #banner-slider-demo-8 .slide3-content h2{font-size:82.51px;margin-bottom:17px;}
  338. #banner-slider-demo-8 .slide3-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px}
  339. @media (max-width:991px){
  340. #banner-slider-demo-8 .slide1-content img.quote{width:30px}
  341. #banner-slider-demo-8 .slide1-content em{font-size:20px;margin:0 8px}
  342. #banner-slider-demo-8 .slide1-content h2{font-size:60px;margin:4px 0 8px}
  343. #banner-slider-demo-8 .slide1-content p{font-size:18px}
  344. #banner-slider-demo-8 .slide2-content em{font-size:20px;margin-left:7px}
  345. #banner-slider-demo-8 .slide2-content h2{font-size:65px;margin:2px 0 8px}
  346. #banner-slider-demo-8 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px}
  347. #banner-slider-demo-8 .slide2-content p span.split{margin:0 8px 0 9px}
  348. #banner-slider-demo-8 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
  349. #banner-slider-demo-8 .slide3-content em{font-size:20px}
  350. #banner-slider-demo-8 .slide3-content h2{font-size:65px;margin-bottom:13px}
  351. #banner-slider-demo-8 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
  352. }
  353. @media (max-width:640px){
  354. #banner-slider-demo-8 .slide1-content img.quote{width:15px}
  355. #banner-slider-demo-8 .slide1-content em{font-size:12px;margin:0 3px}
  356. #banner-slider-demo-8 .slide1-content h2{font-size:23px;margin:1px 0 5px}
  357. #banner-slider-demo-8 .slide1-content p{font-size:14px}
  358. #banner-slider-demo-8 .slide2-content em{font-size:12px;margin-left:3px}
  359. #banner-slider-demo-8 .slide2-content h2{font-size:23px;margin:0 0 5px}
  360. #banner-slider-demo-8 .slide2-content p{font-size:8px;margin-left:4px;margin-bottom:5px}
  361. #banner-slider-demo-8 .slide2-content p span.split{margin:0 7px 0 8px}
  362. #banner-slider-demo-8 .slide2-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
  363. #banner-slider-demo-8 .slide3-content em{font-size:12px}
  364. #banner-slider-demo-8 .slide3-content h2{font-size:23px;margin-bottom:8px;margin-top:5px;}
  365. #banner-slider-demo-8 .slide3-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
  366. }
  367. /*=============== Demo 4 Homepage Slider ===============*/
  368. #banner-slider-demo-4 .slide1-content em{font-size:26.26px;margin:0 10px}
  369. #banner-slider-demo-4 .slide1-content h2{font-size:79.12px;margin:5px 0 10px}
  370. #banner-slider-demo-4 .slide1-content p{font-size:23.64px}
  371. #banner-slider-demo-4 .slide2-content em{font-size:26.26px;margin-left:8px}
  372. #banner-slider-demo-4 .slide2-content h2{font-size:82.51px;margin:3px 0 10px}
  373. #banner-slider-demo-4 .slide2-content p{font-size:18px;margin-left:8px;margin-bottom:30px}
  374. #banner-slider-demo-4 .slide2-content p span.split{margin:0 13px 0 14px;border: 0;}
  375. #banner-slider-demo-4 .slide2-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px}
  376. #banner-slider-demo-4 .slide3-content em{font-size:26.26px}
  377. #banner-slider-demo-4 .slide3-content h2{font-size:82.51px;margin-bottom:17px;}
  378. #banner-slider-demo-4 .slide3-content a.btn-default{font-size:14px;width:135px;height:40px;line-height:40px;padding:0;margin-right:3px}
  379. @media (max-width:991px){
  380. #banner-slider-demo-4 .slide1-content img.quote{width:30px}
  381. #banner-slider-demo-4 .slide1-content em{font-size:20px;margin:0 8px}
  382. #banner-slider-demo-4 .slide1-content h2{font-size:60px;margin:4px 0 8px}
  383. #banner-slider-demo-4 .slide1-content p{font-size:18px}
  384. #banner-slider-demo-4 .slide2-content em{font-size:20px;margin-left:7px}
  385. #banner-slider-demo-4 .slide2-content h2{font-size:65px;margin:2px 0 8px}
  386. #banner-slider-demo-4 .slide2-content p{font-size:15px;margin-left:7px;margin-bottom:25px}
  387. #banner-slider-demo-4 .slide2-content p span.split{margin:0 8px 0 9px}
  388. #banner-slider-demo-4 .slide2-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
  389. #banner-slider-demo-4 .slide3-content em{font-size:20px}
  390. #banner-slider-demo-4 .slide3-content h2{font-size:65px;margin-bottom:13px}
  391. #banner-slider-demo-4 .slide3-content a.btn-default{font-size:12px;width:120px;height:35px;line-height:35px;padding:0;margin-right:1px}
  392. }
  393. @media (max-width:640px){
  394. #banner-slider-demo-4 .slide1-content img.quote{width:15px}
  395. #banner-slider-demo-4 .slide1-content em{font-size:14px;margin:0 3px}
  396. #banner-slider-demo-4 .slide1-content h2{font-size:38px;margin:1px 0 5px}
  397. #banner-slider-demo-4 .slide1-content p{font-size:14px}
  398. #banner-slider-demo-4 .slide2-content em{font-size:14px;margin-left:3px}
  399. #banner-slider-demo-4 .slide2-content h2{font-size:39px;margin:0 0 5px}
  400. #banner-slider-demo-4 .slide2-content p{font-size:8px;margin-left:4px;margin-bottom:15px}
  401. #banner-slider-demo-4 .slide2-content p span.split{margin:0 7px 0 8px}
  402. #banner-slider-demo-4 .slide2-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
  403. #banner-slider-demo-4 .slide3-content em{font-size:14px}
  404. #banner-slider-demo-4 .slide3-content h2{font-size:38px;margin-bottom:8px}
  405. #banner-slider-demo-4 .slide3-content a.btn-default{font-size:8px;width:80px;height:25px;line-height:25px;padding:0;margin-right:1px}
  406. }
  407. .slider-with-side {
  408. margin: 0 -8px;
  409. }
  410. .slider-with-side .slider-area {
  411. padding: 0 8px;
  412. float: left;
  413. width: 72.3%;
  414. }
  415. .slider-with-side .slider-area .item .content .ribbon {
  416. right: 13px;
  417. top: 16px;
  418. }
  419. .slider-with-side .slider-area .item .content .ribbon em {
  420. font-size: 14px;
  421. margin: 0;
  422. margin-right: 63px;
  423. }
  424. .slider-with-side .slider-area .item .content .ribbon h3 {
  425. font-size: 33px;
  426. margin: 0;
  427. margin-right: 14px;
  428. }
  429. .slider-with-side .slider-area .item .content .ribbon h5 {
  430. font-size: 18px;
  431. margin: 0;
  432. margin-top: -3px;
  433. }
  434. .slider-with-side .slider-area .item .content .text-area h2 {
  435. display: inline-block;
  436. padding: 7px 50px 7px 11px;
  437. font-size: 42.7px;
  438. margin-bottom: 4px;
  439. }
  440. .slider-with-side .slider-area .item .content .text-area p {
  441. display: inline-block;
  442. padding: 12px 17px 12px 13px;
  443. font-size: 17.58px;
  444. margin: 0;
  445. }
  446. @media (max-width: 1199px) {
  447. .slider-with-side .slider-area .item .content .ribbon {
  448. right: 11px;
  449. top: 11px;
  450. }
  451. .slider-with-side .slider-area .item .content .ribbon em {
  452. font-size: 13px;
  453. margin-right: 60px;
  454. }
  455. .slider-with-side .slider-area .item .content .ribbon h3 {
  456. font-size: 30px;
  457. margin-right: 12px;
  458. }
  459. .slider-with-side .slider-area .item .content .ribbon h5 {
  460. font-size: 16px;
  461. margin-top: -2px;
  462. }
  463. .slider-with-side .slider-area .item .content .text-area h2 {
  464. padding: 6px 45px 6px 10px;
  465. font-size: 38px;
  466. }
  467. .slider-with-side .slider-area .item .content .text-area p {
  468. padding: 10px 15px 10px 11px;
  469. font-size: 15px;
  470. }
  471. }
  472. @media (max-width: 767px) {
  473. .slider-with-side .slider-area .item .content .ribbon {
  474. right: 3px;
  475. top: 3px;
  476. }
  477. .slider-with-side .slider-area .item .content .ribbon em {
  478. font-size: 8px;
  479. margin-right: 40px;
  480. }
  481. .slider-with-side .slider-area .item .content .ribbon h3 {
  482. font-size: 22px;
  483. margin-right: 7px;
  484. }
  485. .slider-with-side .slider-area .item .content .ribbon h5 {
  486. font-size: 10px;
  487. margin-top: -1px;
  488. }
  489. .slider-with-side .slider-area .item .content .text-area h2 {
  490. padding: 4px 38px 4px 7px;
  491. font-size: 22px;
  492. }
  493. .slider-with-side .slider-area .item .content .text-area p {
  494. padding: 6px 11px 6px 8px;
  495. font-size: 9px;
  496. }
  497. }
  498. @media (max-width: 480px) {
  499. .slider-with-side .slider-area .item .content .ribbon {
  500. right: 3px;
  501. top: 1px;
  502. }
  503. .slider-with-side .slider-area .item .content .ribbon em {
  504. font-size: 6px;
  505. margin-right: 22px;
  506. }
  507. .slider-with-side .slider-area .item .content .ribbon h3 {
  508. font-size: 14px;
  509. margin-right: 2px;
  510. }
  511. .slider-with-side .slider-area .item .content .ribbon h5 {
  512. font-size: 6px;
  513. margin-top: -1px;
  514. }
  515. .slider-with-side .slider-area .item .content .text-area p {
  516. display: none;
  517. }
  518. }
  519. .slider-with-side .side-area {
  520. padding: 0 8px 0 7px;
  521. float: left;
  522. width: 27.7%;
  523. }
  524. .slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 {
  525. margin-bottom: 9px;
  526. position: relative;
  527. overflow: hidden;
  528. }
  529. .slider-with-side .side-area .item1:before, .slider-with-side .side-area .item2:before, .slider-with-side .side-area .item3:before {
  530. content: "";
  531. width: 100%;
  532. height: 100%;
  533. position: absolute;
  534. left: 0;
  535. top: 0;
  536. background-color: #000;
  537. opacity: 0;
  538. filter: alpha(Opacity=0);
  539. visibility: hidden;
  540. transition: all 0.2s;
  541. }
  542. .slider-with-side .side-area .item1:hover:before, .slider-with-side .side-area .item2:hover:before, .slider-with-side .side-area .item3:hover:before {
  543. opacity: 0.1;
  544. filter: alpha(Opacity=10);
  545. visibility: visible;
  546. }
  547. .slider-with-side .side-area .item1 .content {
  548. position: absolute;
  549. bottom: 17px;
  550. left: 15px;
  551. text-align: left;
  552. }
  553. .slider-with-side .side-area .item1 .content em {
  554. font-size: 27.45px;
  555. margin: 0;
  556. margin-bottom: 2px;
  557. display: block;
  558. margin-left: 4px;
  559. }
  560. .slider-with-side .side-area .item1 .content h2 {
  561. font-size: 35.16px;
  562. margin: 0;
  563. margin-bottom: 14px;
  564. }
  565. .slider-with-side .side-area .item1 .content a {
  566. font-size: 15.08px;
  567. margin: 0;
  568. margin-left: 4px;
  569. display: block;
  570. }
  571. .slider-with-side .side-area .item2 .content {
  572. position: absolute;
  573. bottom: 17px;
  574. left: 21px;
  575. text-align: left;
  576. }
  577. .slider-with-side .side-area .item2 .content h2 {
  578. font-size: 33.86px;
  579. margin: 0;
  580. margin-bottom: 12px;
  581. }
  582. .slider-with-side .side-area .item2 .content p {
  583. font-size: 18.34px;
  584. margin: 0;
  585. margin-left: 1px;
  586. }
  587. .slider-with-side .side-area .item2 .content a {
  588. font-size: 13px;
  589. border: 0;
  590. text-shadow: none;
  591. padding: 8px 10px 8px 15px;
  592. margin: 13px 0 0 25px;
  593. }
  594. .slider-with-side .side-area .item3 {
  595. margin: 0 !important;
  596. }
  597. .slider-with-side .side-area .item3 .content {
  598. position: absolute;
  599. bottom: 17px;
  600. left: 19px;
  601. text-align: left;
  602. }
  603. .slider-with-side .side-area .item3 .content h2 {
  604. font-size: 32px;
  605. margin: 0;
  606. }
  607. .slider-with-side .side-area .item3 .content p {
  608. font-size: 20px;
  609. margin: 0;
  610. margin-bottom: 17px;
  611. }
  612. .slider-with-side .side-area .item3 .content a {
  613. font-size: 16px;
  614. margin: 0;
  615. }
  616. @media (max-width: 1199px) {
  617. .slider-with-side .side-area .item1 .content {
  618. bottom: 15px;
  619. left: 13px;
  620. }
  621. .slider-with-side .side-area .item1 .content em {
  622. font-size: 22px;
  623. margin-left: 2px;
  624. }
  625. .slider-with-side .side-area .item1 .content h2 {
  626. font-size: 30px;
  627. margin-bottom: 10px;
  628. }
  629. .slider-with-side .side-area .item1 .content a {
  630. font-size: 13px;
  631. margin-left: 2px;
  632. }
  633. .slider-with-side .side-area .item2 {
  634. margin-bottom: 8px;
  635. }
  636. .slider-with-side .side-area .item2 .content {
  637. bottom: 15px;
  638. left: 15px;
  639. }
  640. .slider-with-side .side-area .item2 .content h2 {
  641. font-size: 28px;
  642. margin-bottom: 10px;
  643. }
  644. .slider-with-side .side-area .item2 .content p {
  645. font-size: 13px;
  646. }
  647. .slider-with-side .side-area .item2 .content a {
  648. font-size: 12px;
  649. padding: 7px 8px 7px 13px;
  650. margin: 5px 0 0 25px;
  651. }
  652. .slider-with-side .side-area .item3 .content {
  653. bottom: 15px;
  654. left: 15px;
  655. }
  656. .slider-with-side .side-area .item3 .content h2 {
  657. font-size: 28px;
  658. }
  659. .slider-with-side .side-area .item3 .content p {
  660. font-size: 17px;
  661. margin-bottom: 15px;
  662. }
  663. .slider-with-side .side-area .item3 .content a {
  664. font-size: 14px;
  665. }
  666. }
  667. @media (max-width: 991px) {
  668. .slider-with-side .slider-area {
  669. padding: 0 8px;
  670. float: none;
  671. width: 100%;
  672. }
  673. .slider-with-side .side-area {
  674. padding: 0;
  675. float: none;
  676. width: 100%;
  677. }
  678. .slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 {
  679. padding: 8px;
  680. width: 33.33%;
  681. float: left;
  682. margin: 0;
  683. }
  684. .slider-with-side .side-area .item1 .content {
  685. bottom: 20px;
  686. left: 20px;
  687. }
  688. .slider-with-side .side-area .item2 .content {
  689. bottom: 20px;
  690. left: 15px;
  691. }
  692. .slider-with-side .side-area .item3 .content {
  693. bottom: 20px;
  694. left: 20px;
  695. }
  696. }
  697. @media (max-width: 767px) {
  698. .slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 {
  699. padding: 8px;
  700. width: 100%;
  701. float: none;
  702. }
  703. .slider-with-side .side-area img {
  704. width: 100%;
  705. }
  706. .slider-with-side .side-area .item1 .content {
  707. bottom: 30px;
  708. left: 25px;
  709. }
  710. .slider-with-side .side-area .item2 .content {
  711. bottom: 30px;
  712. left: 25px;
  713. }
  714. .slider-with-side .side-area .item3 .content {
  715. bottom: 30px;
  716. left: 25px;
  717. }
  718. }
  719. .banner-content-6 {
  720. padding: 290px 0 80px;
  721. line-height: 1;
  722. }
  723. .banner-content-6 .text-content em {
  724. font-size: 26.26px;
  725. margin-left: 5px;
  726. margin-bottom: 5px;
  727. }
  728. .banner-content-6 .text-content h2 {
  729. font-size: 79.12px;
  730. letter-spacing: -4px;
  731. }
  732. .banner-content-6 .text-content p {
  733. margin: 0;
  734. }
  735. .banner-content-6 .text-content p span {
  736. font-size: 23.64px;
  737. padding-left: 5px;
  738. line-height: 2;
  739. }
  740. .banner-content-6 .text-content p a {
  741. font-size: 16px;
  742. padding: 10px 35px;
  743. margin-left: 5px;
  744. margin-top: 7px;
  745. margin-bottom: 125px;
  746. }
  747. @media(max-width:767px){
  748. .banner-content-6 .text-content em {
  749. font-size: 16.26px;
  750. }
  751. .banner-content-6 .text-content h2 {
  752. font-size: 54.12px;
  753. }
  754. .banner-content-6 .text-content p span {
  755. font-size: 13.64px;
  756. }
  757. .banner-content-6 .text-content p a {
  758. font-size: 12px;
  759. padding: 7px 15px;
  760. }
  761. }
  762. .filter-title-type-2 {
  763. font-size: 19px;
  764. margin: 0;
  765. font-weight: 300;
  766. margin-bottom: 20px;
  767. display: table;
  768. width: 100%;
  769. }
  770. .filter-title-type-2 span {
  771. display: table-cell;
  772. position: relative;
  773. }
  774. .filter-title-type-2 span.title-line:after {
  775. content: "";
  776. width: 100%;
  777. border-top: 1px solid #d8d8d8;
  778. display: block;
  779. position: absolute;
  780. top: 50%;
  781. margin-top: -1px;
  782. }
  783. .one-product .filterproduct-title {
  784. background: #fff;
  785. text-align: center;
  786. color: #333;
  787. font-weight: 700;
  788. line-height: 50px;
  789. }
  790. .one-product .products-grid {
  791. margin: 0;
  792. background-color: #fff;
  793. padding-bottom: 20px;
  794. }
  795. .one-product .product-item-info .product-item-details {
  796. padding-top: 20px;
  797. }
  798. .one-product .owl-dots {
  799. margin-top: 0;
  800. }
  801. .shop-features {
  802. text-align: center;
  803. }
  804. .shop-features [class*=" porto-icon-"], .shop-features [class^="porto-icon-"] {
  805. color: #333;
  806. width: 64px;
  807. height: 64px;
  808. text-align: center;
  809. line-height: 60px;
  810. display: inline-block;
  811. border: 2px solid #ccc;
  812. border-radius: 50%;
  813. font-size: 28px;
  814. }
  815. .shop-features h3 {
  816. color: #121214;
  817. font-size: 15px;
  818. font-weight: 600;
  819. line-height: 1;
  820. margin: 20px 0 10px;
  821. }
  822. .shop-features p {
  823. color: #777;
  824. font-size: 14px;
  825. margin: 0;
  826. margin-bottom: 15px;
  827. padding: 0 20px;
  828. }
  829. .shop-features a {
  830. margin: 0;
  831. font-size: 14px;
  832. }
  833. .wishlist-index-index .products-grid .product-item .product-item-inner {
  834. margin: 9px 0 0;
  835. padding: 10px;
  836. position: relative;
  837. }
  838. .products-grid.wishlist .product-item .tocart {
  839. height: auto;
  840. line-height: 30px;
  841. min-width: 120px;
  842. padding: 0 11px;
  843. }
  844. @media (min-width: 992px){
  845. .wishlist-index-index .products-grid .product-items .product-item {
  846. width: 24%;
  847. }
  848. }
  849. .hide-addtocart .products-grid .product-item-actions .actions-primary, .hide-addtocart .products-grid .product-item-details .product-item-actions .actions-primary {
  850. display: none;
  851. }
  852. .hide-addtolinks .products-grid .product-item-info .product-item-details .product-item-actions .actions-secondary.towishlist,
  853. .hide-addtolinks .products-grid .product-item-info .product-item-details .product-item-actions .actions-secondary.tocompare,
  854. .hide-addtolinks .products-grid .product-item-info .product-item-actions .actions-secondary.towishlist,
  855. .hide-addtolinks .products-grid .product-item-info .product-item-actions .actions-secondary.tocompare {
  856. display: none;
  857. }
  858. .owl-middle-outer-narrow .owl-theme .owl-controls {
  859. position: absolute;
  860. top: 50%;
  861. width: 100%;
  862. margin-top: -22px;
  863. }
  864. .owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav [class*=owl-] {
  865. position: absolute;
  866. color: #3d3734;
  867. }
  868. .owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav .owl-prev {
  869. left: -60px;
  870. }
  871. .owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav .owl-next {
  872. right: -60px;
  873. }
  874. .owl-bottom-narrow .owl-controls {
  875. position: absolute;
  876. bottom: 20px;
  877. margin: 0;
  878. width: 100%;
  879. }
  880. .filterproducts-tab .data.items {
  881. margin: 0;
  882. padding: 0;
  883. border-bottom: 1px solid #eee;
  884. margin-bottom: 18px;
  885. margin-left: -15px;
  886. margin-right: -15px;
  887. }
  888. .filterproducts-tab .data.items > .item.title {
  889. box-sizing: border-box;
  890. float: none;
  891. width: 100%;
  892. }
  893. .filterproducts-tab .data.items > .item.title[aria-expanded=true] a.switch {
  894. color: #08c;
  895. }
  896. .filterproduct-title > a {
  897. font-size: 13px;
  898. font-weight: 400;
  899. text-transform: none;
  900. }
  901. .catalogsearch-result-index .sidebar.sidebar-main:before {
  902. display: none;
  903. }
  904. .sidebar .custom-block {
  905. margin-bottom: 30px;
  906. padding-bottom: 40px;
  907. background: url(../images/bkg_4.png) bottom no-repeat;
  908. }
  909. .products.wrapper .product-item .product-item-photo .qty-box {
  910. position: absolute;
  911. bottom: 30px;
  912. left: 0;
  913. }
  914. .products.wrapper .product-item .qty-box {
  915. display: block;
  916. width: 88px;
  917. margin: 0 auto 5px;
  918. }
  919. .products.wrapper.products-list .product-item .qty-box {
  920. margin: 0 0 5px;
  921. }
  922. .products.wrapper .product-item .qty-box input {
  923. width: 30px;
  924. height: 30px;
  925. text-align: center;
  926. display: inline-block;
  927. border: solid 1px #dfdfdf;
  928. }
  929. .products.wrapper .product-item .qty-box .qtyminus,.products.wrapper .product-item .qty-box .qtyplus {
  930. position: relative;
  931. border: solid 1px #dfdfdf;
  932. font-size: 12px;
  933. width: 30px;
  934. height: 30px;
  935. line-height: 28px;
  936. display: inline-block;
  937. text-align: center;
  938. background-color: #fff;
  939. float: left;
  940. margin-right: -1px;
  941. }
  942. .products.wrapper .product-item .qty-box .qtyplus {
  943. float: right;
  944. margin-right: 0;
  945. margin-left: -1px;
  946. }
  947. .products-grid .product-item .has-qty {
  948. margin-top: 37px;
  949. }
  950. .product-info-main .custom-block {
  951. border-bottom: solid 1px #e6e6e6;
  952. padding: 23px 0 25px;
  953. margin-bottom: 25px;
  954. }
  955. .product-info-main .custom-block .item:first-child {
  956. border-left: 0;
  957. padding-left: 0;
  958. }
  959. .product-info-main .custom-block .item {
  960. border-left: 1px solid #e6e6e6;
  961. display: inline-block;
  962. padding: 0 10px;
  963. text-align: left;
  964. }
  965. .product-info-main .custom-block i {
  966. font-size: 34px;
  967. display: inline-block;
  968. vertical-align: middle;
  969. }
  970. .product-info-main .custom-block .text-area {
  971. display: inline-block;
  972. vertical-align: middle;
  973. text-align: left;
  974. margin-left: 5px;
  975. }
  976. .product-info-main .custom-block .text-area h3 {
  977. font-size: 14px;
  978. font-weight: 400;
  979. color: #7a7d82;
  980. margin: 0;
  981. }
  982. @media (min-width: 768px){
  983. .filterproducts-tab .data.items {
  984. position: relative;
  985. z-index: 1;
  986. border-bottom: 0;
  987. margin-left: 0;
  988. margin-right: 0;
  989. background: url(../images/slider-bar.png) right 10px no-repeat;
  990. }
  991. .filterproducts-tab .data.items:before, .filterproducts-tab .data.items:after {
  992. content: '';
  993. display: table;
  994. }
  995. .filterproducts-tab .data.items:after {
  996. clear: both;
  997. }
  998. .filterproducts-tab .data.items > .item.title {
  999. float: left;
  1000. width: auto;
  1001. margin: 0;
  1002. padding: 0;
  1003. background-color: #fff;
  1004. }
  1005. .filterproducts-tab .data.items > .item.title a.switch {
  1006. color: #313131;
  1007. font-size: 16px;
  1008. line-height: 20px;
  1009. font-weight: 700;
  1010. text-transform: uppercase;
  1011. padding: 0 15px;
  1012. border-left: 1px solid #ddd;
  1013. }
  1014. .filterproducts-tab .data.items > .item.title:first-child a.switch {
  1015. padding-left: 0;
  1016. border: 0;
  1017. }
  1018. .filterproducts-tab .data.items > .item.content {
  1019. margin-top: 30px;
  1020. box-sizing: border-box;
  1021. float: right;
  1022. margin-left: -100%;
  1023. width: 100%;
  1024. }
  1025. }
  1026. @media (max-width: 768px){
  1027. .filterproducts-tab .data.items > .item.title {
  1028. padding: 10px;
  1029. border-top: 1px solid #eee;
  1030. }
  1031. .filterproducts-tab .data.items > .item.title a.switch {
  1032. color: #313131;
  1033. font-size: 16px;
  1034. font-weight: 700;
  1035. text-transform: uppercase;
  1036. }
  1037. }
  1038. .grid-images {
  1039. text-align: center;
  1040. }
  1041. .grid-images .row {
  1042. margin-left: -10px;
  1043. margin-right: -10px;
  1044. }
  1045. .grid-images .col-sm-4, .grid-images .col-sm-8 {
  1046. padding-left: 10px;
  1047. padding-right: 10px;
  1048. }
  1049. .grid-images img {
  1050. max-width: 100%;
  1051. }
  1052. .grid-images .grid1 img, .grid-images .grid2 img, .grid-images .grid3 img {
  1053. opacity: 1;
  1054. filter: alpha(Opacity=100);
  1055. visibility: visible;
  1056. transition: all 0.2s;
  1057. }
  1058. .grid-images .grid1:hover img, .grid-images .grid2:hover img, .grid-images .grid3:hover img {
  1059. opacity: 0.8;
  1060. filter: alpha(Opacity=80);
  1061. visibility: visible;
  1062. }
  1063. .grid-images .grid1 {
  1064. margin-bottom: 10px;
  1065. }
  1066. @media (max-width: 1199px) {
  1067. .grid-images .grid1 {
  1068. margin-bottom: 9px;
  1069. }
  1070. }
  1071. @media (max-width: 767px) {
  1072. .grid-images .grid2 {
  1073. margin-bottom: 9px;
  1074. }
  1075. }
  1076. @media (min-width: 992px){
  1077. .md-f-right {
  1078. float: right !important;
  1079. }
  1080. }
  1081. @media (min-width: 768px){
  1082. .sm-f-right {
  1083. float: right !important;
  1084. }
  1085. }
  1086. .side-custom-menu {
  1087. border: 1px solid #ddd;
  1088. border-radius: 7px;
  1089. overflow: hidden;
  1090. }
  1091. .side-custom-menu h2 {
  1092. color: #000;
  1093. border-bottom: 1px solid #ddd;
  1094. font-size: 13px;
  1095. font-weight: 700;
  1096. text-align: left;
  1097. padding: 13px 13px 12px;
  1098. background-color: #f5f5f5;
  1099. line-height: 1;
  1100. margin: 0;
  1101. }
  1102. .side-custom-menu ul {
  1103. padding: 0 12px;
  1104. margin: 0;
  1105. list-style: none;
  1106. }
  1107. .side-custom-menu ul li {
  1108. text-align: left;
  1109. padding: 13px 4px 12px;
  1110. border-top: 1px solid #ddd;
  1111. margin: 0;
  1112. line-height: 1;
  1113. }
  1114. .side-custom-menu ul li:first-child {
  1115. border: 0;
  1116. }
  1117. .side-custom-menu ul li a {
  1118. color: #777;
  1119. font-size: 15px;
  1120. line-height: 1;
  1121. display: block;
  1122. }
  1123. .home-side-menu-type2{margin-bottom:50px}
  1124. .home-side-menu-type2>h2{font-size:15px;font-weight:600;color:#333;margin-bottom:15px;margin-top:0;}
  1125. .home-side-menu-type2>h2>i.icon-menu:before{margin-left:0}
  1126. .side-menu-type2.side-block{border-top:1px solid #ddd}
  1127. .side-menu-type2.side-block ul.category-sidebar{padding:0;list-style:none}
  1128. .side-menu-type2.side-block ul.category-sidebar ul{list-style:none;margin:0;display:none;padding-left:1.5em}
  1129. .side-menu-type2.side-block ul.category-sidebar>li{padding-left:12px;display:block;line-height:40px;border-bottom:1px solid #ddd}
  1130. .side-menu-type2.side-block ul.category-sidebar li{position:relative}
  1131. .side-menu-type2.side-block ul.category-sidebar a{font-size:13px;color:#777}
  1132. .side-menu-type2.side-block ul.category-sidebar a:hover{color:#000;text-decoration:none}
  1133. .side-menu-type2.side-block ul.category-sidebar>li>a{font-size:15px}
  1134. .side-menu-type2.side-block ul.category-sidebar ul>li{line-height:40px;border-top:1px solid #ddd}
  1135. .side-menu-type2.side-block ul.category-sidebar ul>li:first-child{border-top:0}
  1136. .featured-box-2{margin:30px 0}
  1137. .featured-box-2 h3{color:#121213;font-size:15px;border-bottom:1px solid #ddd;line-height:1.4;padding:8px 0;margin-bottom:10px}
  1138. .featured-box-2 h3 em{font-size:18px}
  1139. .featured-box-2 p{font-size:14px;margin-bottom:10px}
  1140. .featured-box-2 a{font-size:14px}
  1141. .social-icons [class^="porto-icon-"] {
  1142. color: #fff;
  1143. }
  1144. .sidebar-title {
  1145. margin-bottom: 17px;
  1146. font-size: 16px;
  1147. font-weight: bold;
  1148. text-transform: uppercase;
  1149. color: #313131;
  1150. line-height: 1;
  1151. }
  1152. .f-left {
  1153. float: left !important;
  1154. }
  1155. .f-right {
  1156. float: right !important;
  1157. }
  1158. .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .payment-method-billing-address .action-cancel:hover, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover {
  1159. text-decoration: none;
  1160. }
  1161. body.boxed {
  1162. padding: 24px 0 17px;
  1163. background: url(../images/boxed_bg.png) repeat;
  1164. }
  1165. body.boxed .page-wrapper {
  1166. width: 1170px;
  1167. max-width: 100%;
  1168. margin: 0 auto;
  1169. border-radius: 8px;
  1170. overflow: hidden;
  1171. background-color: #fff;
  1172. }
  1173. .fotorama .fotorama__fullscreen-icon {
  1174. display: block;
  1175. }
  1176. .fotorama .fotorama-sprite, .fotorama__fullscreen .fotorama .fotorama__zoom-out, .fotorama__fullscreen .fotorama .fotorama__zoom-in, .fotorama .fotorama__arr .fotorama__arr__arr, .fotorama .fotorama__fullscreen-icon, .fotorama .fotorama__thumb__arr {
  1177. background: none;
  1178. color: #08c;
  1179. }
  1180. .fotorama-sprite:before, .fotorama__fullscreen .fotorama__zoom-out:before, .fotorama__fullscreen .fotorama__zoom-in:before, .fotorama__arr .fotorama__arr__arr:before, .fotorama__fullscreen-icon:before, .fotorama__thumb__arr:before {
  1181. font-family: 'porto-icons';
  1182. display: block;
  1183. text-align: center;
  1184. }
  1185. .fotorama .fotorama__arr .fotorama__arr__arr {
  1186. height: auto;
  1187. }
  1188. .fotorama__arr--next .fotorama__arr__arr:before {
  1189. content: "\f809";
  1190. font-size: 35px;
  1191. line-height: 1;
  1192. }
  1193. .fotorama__arr--prev .fotorama__arr__arr:before {
  1194. content: "\f80a";
  1195. font-size: 35px;
  1196. line-height: 1;
  1197. }
  1198. .fotorama__thumb__arr--left .fotorama__thumb__arr:before {
  1199. content: "\f80a";
  1200. font-size: 30px;
  1201. line-height: 1;
  1202. }
  1203. .fotorama__thumb__arr--right .fotorama__thumb__arr:before {
  1204. content: "\f809";
  1205. font-size: 30px;
  1206. line-height: 1;
  1207. }
  1208. .fotorama__zoom-in:before {
  1209. content: "\f85a";
  1210. font-size: 20px;
  1211. line-height: 50px;
  1212. }
  1213. .fotorama__zoom-out:before {
  1214. content: "\f85b";
  1215. font-size: 20px;
  1216. line-height: 50px;
  1217. }
  1218. .fotorama__fullscreen-icon:before {
  1219. content: "\f859";
  1220. font-size: 20px;
  1221. line-height: 50px;
  1222. }
  1223. .fotorama__stage {
  1224. border: 1px solid #ddd;
  1225. border-radius: 7px;
  1226. background: #fff;
  1227. max-width: 100%;
  1228. overflow: hidden;
  1229. }
  1230. .fotorama__nav--thumbs .fotorama__thumb {
  1231. border: 1px solid #ccc !important;
  1232. border-radius: 5px;
  1233. background-color: #fff;
  1234. }
  1235. .fotorama__nav .fotorama__thumb__arr {
  1236. padding-bottom: 0;
  1237. }
  1238. .fotorama__nav .fotorama__thumb-border {
  1239. border-radius: 5px;
  1240. }
  1241. .fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img {
  1242. border: 3px solid #fff !important;
  1243. }
  1244. .fotorama__stage__shaft {
  1245. border: 3px solid #fff;
  1246. box-sizing: border-box;
  1247. max-width: 100%;
  1248. }
  1249. .main-product-detail {
  1250. background-color: #efefef;
  1251. padding: 71px 0;
  1252. }
  1253. .weltpixel-quickview-catalog-product-view .main-product-detail {
  1254. padding: 0;
  1255. }
  1256. .weltpixel-quickview-catalog-product-view .page-main {
  1257. padding: 0 15px;
  1258. }
  1259. .custom-block-tab {
  1260. background-color: #fff;
  1261. border: #e4e4e4 solid 1px;
  1262. padding: 30px 20px 40px;
  1263. margin-top: 3px;
  1264. }
  1265. .move-product-tab .owl-top-narrow .owl-theme .owl-controls {
  1266. top: -25px;
  1267. }
  1268. .move-product-tab .products-grid .owl-carousel .product-item {
  1269. margin-bottom: 10px;
  1270. padding: 10px 0 6px;
  1271. overflow: hidden;
  1272. }
  1273. .move-product-tab .product-items .product-item-info .product-item-photo {
  1274. max-width: 30%;
  1275. float: left;
  1276. margin-right: 10px;
  1277. }
  1278. .move-product-tab .product-items .product-item-details {
  1279. margin-left: calc(31% + 15px);
  1280. text-align: left;
  1281. padding: 0;
  1282. }
  1283. .move-product-tab .product-items .product-reviews-summary {
  1284. display: block;
  1285. background: none;
  1286. }
  1287. .move-product-tab .product-items .price-box {
  1288. margin-bottom: 0;
  1289. }
  1290. .main-upsell-product-detail {
  1291. background-color: #f4f4f4;
  1292. padding: 60px 0 45px;
  1293. margin-top: -60px;
  1294. }
  1295. .main-upsell-product-detail .block.upsell .title strong {
  1296. background-color: #f4f4f4;
  1297. }
  1298. .message {
  1299. border-radius: 5px;
  1300. }
  1301. @media (max-width: 1199px) {
  1302. body.boxed .page-wrapper {
  1303. width: 980px;
  1304. }
  1305. }
  1306. @media (max-width: 991px) {
  1307. body.boxed .page-wrapper {
  1308. width: 750px;
  1309. }
  1310. }
  1311. @media (max-width: 767px) {
  1312. body.boxed .page-wrapper {
  1313. width: 630px;
  1314. }
  1315. .sm-clearer {
  1316. clear: both;
  1317. }
  1318. }
  1319. @media (max-width: 640px) {
  1320. body.boxed .page-wrapper {
  1321. width: 460px;
  1322. }
  1323. }
  1324. @media (max-width: 480px) {
  1325. body.boxed .page-wrapper {
  1326. width: 300px;
  1327. }
  1328. }
  1329. .block.block-border {
  1330. border-radius: 7px;
  1331. overflow: hidden;
  1332. }
  1333. .block.block-border .block-title {
  1334. padding: 10px 15px;
  1335. font-size: 13px;
  1336. font-weight: bold;
  1337. text-transform: uppercase;
  1338. border: 1px solid #ddd;
  1339. background-color: #f5f5f5;
  1340. color: #777;
  1341. position: relative;
  1342. border-radius: 7px 7px 0 0;
  1343. margin: 0;
  1344. }
  1345. .block.block-border .block-content {
  1346. padding: 10px 15px;
  1347. font-size: 13px;
  1348. border: 1px solid #ddd;
  1349. border-top: 0;
  1350. border-radius: 0 0 7px 7px;
  1351. background-color: #fbfbfb;
  1352. }
  1353. .category-sidebar {
  1354. list-style: none;
  1355. padding: 0;
  1356. margin: 0;
  1357. line-height: 1.42857143;
  1358. }
  1359. .category-sidebar li {
  1360. position: relative;
  1361. margin: 0;
  1362. }
  1363. .category-sidebar ul {
  1364. display: none;
  1365. list-style: none;
  1366. padding: 0 0 0 15px;
  1367. margin: 0;
  1368. }
  1369. .category-sidebar li > .expand-icon {
  1370. position: absolute;
  1371. right: 0;
  1372. top: 0;
  1373. font-size: 16px;
  1374. line-height: 32px;
  1375. }
  1376. .category-sidebar li > a:not(.expand-icon) {
  1377. color: #777;
  1378. font-size: 13px;
  1379. line-height: 2.5;
  1380. }
  1381. @media (max-width: 1199px) {
  1382. .home-side-menu .sw-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu {
  1383. width: 728px;
  1384. width: calc(75vw - 19.5px);
  1385. }
  1386. .home-side-menu .sw-megamenu.navigation.side-megamenu li.level0 > a {
  1387. font-size: 13px;
  1388. line-height: 34px;
  1389. }
  1390. .home-side-menu .sw-megamenu.navigation.side-megamenu li.level0.parent > a:after {
  1391. line-height: 34px;
  1392. }
  1393. .home-side-menu h2.side-menu-title {
  1394. padding: 9px 15px;
  1395. }
  1396. }
  1397. @media (max-width: 991px) {
  1398. .home-side-menu {
  1399. display: none;
  1400. }
  1401. }
  1402. .cms-index-index blockquote.testimonial{background-color:#08c;border:0;border-radius:10px;color:#fff;font-family:Georgia,serif;font-style:italic;margin:0;padding:10px 50px;position:relative;font-size:1.2em;line-height:1.3}
  1403. .cms-index-index blockquote.testimonial:before{left:10px;top:0;color:#fff;content:"\201C";font-size:80px;font-style:normal;line-height:1;position:absolute}
  1404. .cms-index-index blockquote.testimonial:after{right:10px;bottom:-0.5em;color:#fff;content:"\201D";font-size:80px;font-style:normal;line-height:1;position:absolute}
  1405. .cms-index-index .testimonial-arrow-down{border:15px solid transparent;border-top-color:#08c;border-bottom:0;height:0;margin:0 0 0 25px;width:0}
  1406. .cms-index-index .testimonial-author{margin:8px 0 0 8px}
  1407. .cms-index-index .testimonial-author .img-thumbnail{border-radius:7px;float:left;margin-right:10px;position:relative;padding:4px;line-height:1.5;background-color:#fff;border:1px solid #ddd;display:inline-block;max-width:100%;height:auto}
  1408. .cms-index-index .testimonial-author .img-thumbnail img{max-width:60px;display:inline-block;height:auto}
  1409. .cms-index-index .testimonial-author p{color:#666;margin:0 0 0 25px;text-align:left;line-height:24px}
  1410. .cms-index-index .testimonial-author p >strong{color:#111;display:block;padding-top:7px;font-size:14px}
  1411. .cms-index-index .testimonial-author span{color:#666;display:block;font-size:12px}
  1412. .block.block-subscribe.home-sidebar-block{border:1px solid #ddd;border-top:5px solid #08c;border-radius:7px;background-color:#fbfbfb;text-align:center;padding:25px 20px 0}
  1413. .block.block-subscribe.home-sidebar-block .block-title strong{font-size:16px;color:#313131;font-weight:700;text-transform:uppercase;padding:30px 0 20px}
  1414. .block.block-subscribe.home-sidebar-block .block-content p{line-height:1.8}
  1415. .block.block-subscribe.home-sidebar-block label.label{display: none}
  1416. .block.block-subscribe.home-sidebar-block .newsletter .control{padding:10px 10px 40px 10px;position:relative}
  1417. .block.block-subscribe.home-sidebar-block .newsletter .control input{padding:5px 60px 5px 10px;border:1px solid #d3d3d3;border-radius:5px;background-color:#fefefe;line-height:16px;height:34px}
  1418. .block.block-subscribe.home-sidebar-block button.subscribe{width:50px;height:34px;padding:0;line-height:32px;height:32px;background-color:#fefefe;color:#515151;border:0;border-left:1px solid #d3d3d3;border-radius:0 5px 5px 0;position:absolute;right:11px;top:11px}
  1419. .shop-features h2.shop-features-title{position:relative;text-align:center;margin:30px 0}
  1420. .shop-features h2.shop-features-title:before{content:"";background-image:linear-gradient(to right,transparent,rgba(0,0,0,0.2),transparent);height:1px;width:100%;display:block;position:absolute;top:50%}
  1421. .shop-features h2.shop-features-title span{background-color:#fff;display:inline-block;position:relative;z-index:1;padding:0 12px;color:#313131;font-weight:700;font-size:15px;line-height: 33px;vertical-align: top;}
  1422. .homepage-grid-banner{padding:0}
  1423. .homepage-grid-banner *{transition:all 0.2s}
  1424. .homepage-grid-banner .row{margin-left:-4px;margin-right:-4px}
  1425. .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:4px;padding-right:4px}
  1426. .homepage-grid-banner .col-sm-margin{margin-bottom:8px}
  1427. .homepage-grid-banner img{width:100%}
  1428. .homepage-grid-banner .content a{font-size:16px;margin-right:5px;}
  1429. .homepage-grid-banner .content a.btn-default{font-size:13px;margin:0;border:0;padding-right:3px;color:#fff}
  1430. .homepage-grid-banner .ribbon{width:33.5%;height:22.3%}
  1431. .homepage-grid-banner .ribbon:before{content:"";position:absolute;right:0;top:0;border:150px solid #08c;border-right:0;border-bottom:0;border-left:200px solid transparent;}
  1432. .homepage-grid-banner .ribbon>div{width:90%}
  1433. .homepage-grid-banner .ribbon em{font-size:14px}
  1434. .homepage-grid-banner .ribbon h4{font-size:33px;line-height:1;margin:0}
  1435. .homepage-grid-banner .ribbon h5{font-size:18px;line-height:1;margin:0}
  1436. .homepage-grid-banner .grid1,.homepage-grid-banner .grid2,.homepage-grid-banner .grid3,.homepage-grid-banner .grid4{cursor:pointer;overflow:hidden;min-height:50px}
  1437. .homepage-grid-banner .grid1:before,.homepage-grid-banner .grid2:before,.homepage-grid-banner .grid3:before,.homepage-grid-banner .grid4:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:#000;opacity:0;filter:alpha(Opacity=0);visibility:hidden;transition:all 0.2s}
  1438. .homepage-grid-banner .grid1:hover:before,.homepage-grid-banner .grid2:hover:before,.homepage-grid-banner .grid3:hover:before,.homepage-grid-banner .grid4:hover:before{opacity:0.1;filter:alpha(Opacity=10);visibility:visible}
  1439. .homepage-grid-banner .grid1 .content h2{font-size:70.72px;line-height:1;margin:0 0 5px 0;}
  1440. .homepage-grid-banner .grid1 .content p{font-size:29.47px;line-height:1;margin:0;margin-bottom:10px;margin-right:4px}
  1441. .homepage-grid-banner .grid2 .content h3{font-size:28.88px;line-height:1;margin:0 0 5px 0;}
  1442. .homepage-grid-banner .grid2 .content h2{font-size:28.88px;line-height:1;margin:0 0 5px 0;}
  1443. .homepage-grid-banner .grid2 .content p{font-size:17.58px;line-height:1;margin:0;margin-bottom:15px}
  1444. .homepage-grid-banner .grid3 .content h2{font-size:46px;line-height:1;margin:0}
  1445. .homepage-grid-banner .grid3 .content h5{font-size:16px;line-height:1;margin:0;margin-bottom:30px}
  1446. .homepage-grid-banner .grid3 .content p{font-size:16px;line-height:1;margin:0;margin-bottom:5px}
  1447. .homepage-grid-banner .grid3 .content h4{font-size:22.72px;line-height:1;margin-top:20px;margin-bottom:0}
  1448. .homepage-grid-banner .grid3 .content h4>span{font-size:17.66px;line-height:1}
  1449. .homepage-grid-banner .grid3 .content h3{font-size:37.71px;line-height:1;margin:0;margin-bottom:15px}
  1450. .homepage-grid-banner .grid3 .content h3>span{font-size:25.14px;line-height:1}
  1451. .homepage-grid-banner .grid4 .content h2{font-size:33.86px;line-height:1.2;margin:0;margin-bottom:15px}
  1452. .homepage-grid-banner .grid4 .content p{font-size:19.75px;line-height:1.2;margin:0;margin-bottom:17px}
  1453. @media (max-width:1199px){
  1454. .homepage-grid-banner .row{margin-left:-3px;margin-right:-3px}
  1455. .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:3px;padding-right:3px}
  1456. .homepage-grid-banner .col-sm-margin{margin-bottom:7px}
  1457. .homepage-grid-banner .content a.btn-default{font-size:11px}
  1458. .homepage-grid-banner .grid1 .content h2{font-size:55.16px}
  1459. .homepage-grid-banner .grid1 .content p{font-size:23px;margin-right:3.12px}
  1460. .homepage-grid-banner .grid2 .content h3{font-size:22.53px}
  1461. .homepage-grid-banner .grid2 .content h2{font-size:22.53px}
  1462. .homepage-grid-banner .grid2 .content p{font-size:13.71px;margin-bottom:11.7px}
  1463. .homepage-grid-banner .grid3 .content h2{font-size:35.88px}
  1464. .homepage-grid-banner .grid3 .content h5{font-size:12.48px;margin-bottom:23.4px}
  1465. .homepage-grid-banner .grid3 .content p{font-size:12.48px;margin-bottom:3.9px}
  1466. .homepage-grid-banner .grid3 .content h4{font-size:17.72px;margin-top:15.6px}
  1467. .homepage-grid-banner .grid3 .content h4>span{font-size:13.77px}
  1468. .homepage-grid-banner .grid3 .content h3{font-size:29.41px;margin-bottom:11.7px}
  1469. .homepage-grid-banner .grid3 .content h3>span{font-size:19.6px}
  1470. .homepage-grid-banner .grid4 .content h2{font-size:29px;margin-bottom:12px}
  1471. .homepage-grid-banner .grid4 .content p{font-size:17px;margin-bottom:11.7px}
  1472. }
  1473. @media (max-width:991px){
  1474. .homepage-grid-banner .row{margin-left:-2px;margin-right:-3px}
  1475. .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:2px;padding-right:3px}
  1476. .homepage-grid-banner .col-sm-margin{margin-bottom:4px}
  1477. .homepage-grid-banner .content a.btn-default{font-size:10px;padding:4px 6px;padding-right:3px}
  1478. .homepage-grid-banner .grid1 .content h2{font-size:42.43px}
  1479. .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px}
  1480. .homepage-grid-banner .grid2 .content h3{font-size:17.33px}
  1481. .homepage-grid-banner .grid2 .content h2{font-size:17.33px}
  1482. .homepage-grid-banner .grid2 .content p{font-size:10.55px;margin-bottom:9px}
  1483. .homepage-grid-banner .grid3 .content h2{font-size:27.6px}
  1484. .homepage-grid-banner .grid3 .content h5{font-size:9.6px;margin-bottom:18px}
  1485. .homepage-grid-banner .grid3 .content p{font-size:9.6px;margin-bottom:3px}
  1486. .homepage-grid-banner .grid3 .content h4{font-size:13.63px;margin-top:12px}
  1487. .homepage-grid-banner .grid3 .content h4>span{font-size:10.6px}
  1488. .homepage-grid-banner .grid3 .content h3{font-size:22.63px;margin-bottom:9px}
  1489. .homepage-grid-banner .grid3 .content h3>span{font-size:15.08px}
  1490. .homepage-grid-banner .grid4 .content h2{font-size:21px;margin-bottom:9px}
  1491. .homepage-grid-banner .grid4 .content p{font-size:14px;margin-bottom:7px}
  1492. }
  1493. @media (max-width:767px){
  1494. .homepage-grid-banner .row{margin-left:-10px;margin-right:-10px}
  1495. .homepage-grid-banner .col-sm-1,.homepage-grid-banner .col-sm-2,.homepage-grid-banner .col-sm-3,.homepage-grid-banner .col-sm-4,.homepage-grid-banner .col-sm-5,.homepage-grid-banner .col-sm-6,.homepage-grid-banner .col-sm-7,.homepage-grid-banner .col-sm-8,.homepage-grid-banner .col-sm-9,.homepage-grid-banner .col-sm-10,.homepage-grid-banner .col-sm-11,.homepage-grid-banner .col-sm-12{padding-left:10px;padding-right:10px}
  1496. .homepage-grid-banner .col-sm-margin{margin-bottom:0}
  1497. .homepage-grid-banner .content a.btn-default{font-size:14px;padding:6px 12px;padding-right:6px}
  1498. .homepage-grid-banner img{margin-bottom:20px}
  1499. .homepage-grid-banner .grid1 .content h2{font-size:70.72px}
  1500. .homepage-grid-banner .grid1 .content p{font-size:29.47px;margin-bottom:10px;margin-right:4px}
  1501. .homepage-grid-banner .grid2 .content h3{font-size:28.88px}
  1502. .homepage-grid-banner .grid2 .content h2{font-size:28.88px}
  1503. .homepage-grid-banner .grid2 .content p{font-size:17.58px;margin-bottom:15px}
  1504. .homepage-grid-banner .grid3 .content h2{font-size:46px}
  1505. .homepage-grid-banner .grid3 .content h5{font-size:16px;margin-bottom:30px}
  1506. .homepage-grid-banner .grid3 .content p{font-size:16px;margin-bottom:5px}
  1507. .homepage-grid-banner .grid3 .content h4{font-size:22.72px;margin-top:20px}
  1508. .homepage-grid-banner .grid3 .content h4>span{font-size:17.66px}
  1509. .homepage-grid-banner .grid3 .content h3{font-size:37.71px;margin-bottom:15px}
  1510. .homepage-grid-banner .grid3 .content h3>span{font-size:25.14px}
  1511. .homepage-grid-banner .grid4 .content h2{font-size:35px}
  1512. .homepage-grid-banner .grid4 .content p{font-size:23px;margin-bottom:15px}
  1513. }
  1514. @media (max-width:640px){
  1515. .homepage-grid-banner .grid1 .content h2{font-size:42.43px}
  1516. .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px}
  1517. }
  1518. @media (max-width:480px){
  1519. .homepage-grid-banner .grid1 .content h2{font-size:25px}
  1520. .homepage-grid-banner .grid1 .content p{font-size:17.68px;margin-bottom:6px;margin-right:2.4px}
  1521. }
  1522. .single-image {
  1523. display: block;
  1524. position: relative;
  1525. overflow: hidden;
  1526. }
  1527. .single-image img {
  1528. max-width: 100%;
  1529. transition: 0.5s ease;
  1530. }
  1531. .single-image img {
  1532. width: 100%;
  1533. }
  1534. .single-image:hover img {
  1535. transform: scale(1.2);
  1536. }
  1537. #banner-slider-demo-11 .slide-1 em{font-size:26.26px;margin:0;margin-left:5px}
  1538. #banner-slider-demo-11 .slide-1 .text-content h2{font-size:79.12px;letter-spacing:-5px}
  1539. #banner-slider-demo-11 .slide-1 .text-content p {margin:0}
  1540. #banner-slider-demo-11 .slide-1 .text-content p span{font-size:23.64px;padding-left:6px}
  1541. #banner-slider-demo-11 .slide-1 .text-content a{font-size:15.76px;padding:10px 34px;margin-top:15px;margin-left:7px}
  1542. #banner-slider-demo-11 .slide-2 em{font-size:26.26px;margin:0;margin-bottom:10px}
  1543. #banner-slider-demo-11 .slide-2 .text-content h2{font-size:51.67px}
  1544. #banner-slider-demo-11 .slide-2 .text-content p {margin:0}
  1545. #banner-slider-demo-11 .slide-2 .text-content p span{font-size:23.64px}
  1546. #banner-slider-demo-11 .slide-2 .text-content a{font-size:15.76px;padding:10px 34px;margin-top:15px}
  1547. @media (max-width:767px){
  1548. #banner-slider-demo-11 .slide-1 em{font-size:12px;margin:0;margin-left:1px}
  1549. #banner-slider-demo-11 .slide-1 .text-content h2{font-size:30px;letter-spacing:-1px}
  1550. #banner-slider-demo-11 .slide-1 .text-content p span{font-size:12px;padding-left:1px;display:block}
  1551. #banner-slider-demo-11 .slide-1 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px}
  1552. #banner-slider-demo-11 .slide-2 em{font-size:12px;margin:0;margin-bottom:2px}
  1553. #banner-slider-demo-11 .slide-2 .text-content h2{font-size:26px;letter-spacing:-1px}
  1554. #banner-slider-demo-11 .slide-2 .text-content p span{font-size:12px;display:block}
  1555. #banner-slider-demo-11 .slide-2 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px}
  1556. }
  1557. .flex-owl-slider .owl-item:first-child .item {
  1558. border-left-color: transparent;
  1559. }
  1560. .flex-owl-slider .owl-item .item {
  1561. border-left: 1px solid #e3e4e4;
  1562. }
  1563. .owl-no-narrow .owl-controls {
  1564. display: none;
  1565. }
  1566. @media (max-width:640px){
  1567. .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart {
  1568. width: 40px;
  1569. padding: 0 12px;
  1570. }
  1571. .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart span {
  1572. display: none;
  1573. }
  1574. }
  1575. @media (max-width: 991px) {
  1576. .sm-bd-0 {
  1577. border: 0!important;
  1578. }
  1579. }
  1580. .fancybox-close {
  1581. background: transparent;
  1582. right: 10px;
  1583. top: 10px;
  1584. text-align: center;
  1585. font-size: 15px;
  1586. line-height: 20px;
  1587. width: 20px;
  1588. height: 20px;
  1589. }
  1590. .fancybox-close:hover {
  1591. text-decoration: none;
  1592. }
  1593. .fancybox-close:before {
  1594. content: '\f819';
  1595. font-family: 'porto-icons';
  1596. }
  1597. /* Previous/Next Product links on Product View Page*/
  1598. /* Previous/Next Product links on Product View Page*/
  1599. /* Category Banner */
  1600. .page-wrapper > .category-banner{background-color:transparent}
  1601. .page-wrapper > .category-banner .banner-image{width:100%}
  1602. .category-banner .banner-text{position:absolute;top:30%;width:100%;color:#fff}
  1603. .category-banner .banner-text h2{font-size:50px;color:#fff}
  1604. .category-banner .banner-text p{font-size:26px;font-weight:300}
  1605. .category-boxed-banner.owl-theme .owl-controls{margin-top:-40px;position:relative;height:30px}
  1606. .category-boxed-banner .owl-item .item{border-radius:5px;overflow:hidden;position:relative}
  1607. .category-boxed-banner .owl-item .item img{width:100%}
  1608. .category-boxed-banner .banner-text{position:absolute;top:40%;left:4%;color:#fff;width:100%}
  1609. .category-boxed-banner .banner-text h2{font-size:35px;color:#fff;background-color:#333;background-color:rgba(23,23,23,.9);padding:5px 10px;display:inline-block;line-height:1}
  1610. .category-boxed-banner .banner-text p{font-size:16px;font-weight:300;background-color:#666;background-color:rgba(23,23,23,.65);padding:7px 12px;line-height:1.4}
  1611. .category-boxed-banner .banner-text a.shop-now{margin-left:20px;font-size:16px;}
  1612. .full-width-image-banner{height:375px;position:relative}
  1613. .full-width-image-banner:after{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background-color:#393733;opacity:0.65;filter:alpha(opacity=65)}
  1614. .full-width-image-banner .content{margin-top:-36px}
  1615. .full-width-image-banner h2{margin:0;font-size:45px;line-height:1.1}
  1616. .full-width-image-banner p{margin:0;font-size:16px}
  1617. .no-margin {
  1618. margin: 0 !important;
  1619. }
  1620. @media (max-width:1199px){
  1621. .category-banner .banner-text h2{font-size:45px}
  1622. .category-banner .banner-text p{font-size:23px}
  1623. .category-boxed-banner .banner-text h2{font-size:38px}
  1624. .category-boxed-banner .banner-text p{font-size:17px}
  1625. .category-boxed-banner .banner-text a.shop-now{margin-left:16px;font-size:14px}
  1626. }
  1627. @media (max-width:991px){
  1628. .category-banner .banner-text h2{font-size:28px}
  1629. .category-banner .banner-text p{font-size:16px}
  1630. .category-boxed-banner .banner-text h2{font-size:28px}
  1631. .category-boxed-banner .banner-text p{font-size:12px}
  1632. .category-boxed-banner .banner-text a.shop-now{margin-left:12px;font-size:12px}
  1633. }
  1634. @media (max-width:767px){
  1635. .category-banner .banner-text h2{font-size:28px}
  1636. .category-banner .banner-text p{display:none}
  1637. .category-boxed-banner .banner-text h2{font-size:28px}
  1638. .category-boxed-banner .banner-text p{display:none}
  1639. }
  1640. @media (max-width:640px){
  1641. .category-boxed-banner .banner-text a.shop-now{margin-left:10px;font-size:9px}
  1642. .full-width-image-banner{height:200px}
  1643. .full-width-image-banner .content{margin-top:-16px}
  1644. .full-width-image-banner h2{margin:0;font-size:30px;line-height:1.1}
  1645. .full-width-image-banner p{display:none}
  1646. }
  1647. @media (max-width:480px){
  1648. .category-banner .banner-text h2{font-size:14px}
  1649. .category-boxed-banner .banner-text h2{font-size:14px}
  1650. .full-width-image-banner{height:150px}
  1651. .full-width-image-banner .content{margin-top:-13px}
  1652. .full-width-image-banner h2{margin:0;font-size:24px;line-height:1.1}
  1653. .full-width-image-banner p{display:none}
  1654. }
  1655. /* Category Banner */
  1656. .page-header.type3.sticky-header .minicart-wrapper .action.showcart .counter.qty, .page-header.type4.sticky-header .minicart-wrapper .action.showcart .counter.qty {
  1657. color: #000;
  1658. }
  1659. @media (min-width: 768px) {
  1660. .page-header.type4.sticky-header .navigation > ul {
  1661. padding-right: 200px;
  1662. }
  1663. }
  1664. /****************** Demo 12 ***************/
  1665. #banner-slider-demo-12 .item img {
  1666. width: 100%;
  1667. }
  1668. #banner-slider-demo-12 .item .content {
  1669. position: absolute;
  1670. right: 4.3%;
  1671. bottom: 20.5%;
  1672. }
  1673. #banner-slider-demo-12 .item .content>span {
  1674. font-size: 21px;
  1675. font-weight: 300;
  1676. color: #303030;
  1677. margin-right: 35px;
  1678. display: inline-block;
  1679. vertical-align: middle;
  1680. }
  1681. #banner-slider-demo-12 .item .content>a.btn-default {
  1682. font-size: 13px;
  1683. }
  1684. /****************** Demo 13 ***************/
  1685. #parallax_01 .parallax-content-13 img.quote{}
  1686. #parallax_01 .parallax-content-13 em{font-size:26.26px;margin:0 10px}
  1687. #parallax_01 .parallax-content-13 h2{font-size:79.12px;margin:5px 0 10px}
  1688. #parallax_01 .parallax-content-13 p{font-size:23.64px}
  1689. #parallax_02{padding:250px 0}
  1690. #parallax_02 .parallax-content-13 .text-content em{font-size:26.26px;margin:0}
  1691. #parallax_02 .parallax-content-13 .text-content h2{font-size:79.12px;letter-spacing:-6px}
  1692. #parallax_02 .parallax-content-13 .text-content p {margin:0}
  1693. #parallax_02 .parallax-content-13 .text-content p span{font-size:23.64px;padding-left:6px}
  1694. #parallax_02 .parallax-content-13 .text-content p a{font-size:16px;padding:10px 28px;margin-left:10px;margin-top:5px}
  1695. #parallax_03{padding:250px 0}
  1696. #parallax_03 .parallax-content-13 .text-content em{font-size:26.26px;margin:0;margin-left:5px}
  1697. #parallax_03 .parallax-content-13 .text-content h2{font-size:79.12px;letter-spacing:-6px}
  1698. #parallax_03 .parallax-content-13 .text-content p {margin:0}
  1699. #parallax_03 .parallax-content-13 .text-content p span{font-size:23.64px;padding-left:6px}
  1700. #parallax_03 .parallax-content-13 .text-content p a{font-size:16px;padding:10px 28px;margin-left:125px;margin-top:5px}
  1701. #parallax_04 .parallax-content-13 img.quote{}
  1702. #parallax_04 .parallax-content-13 em{font-size:26.26px;margin:0 10px}
  1703. #parallax_04 .parallax-content-13 h2{font-size:61px;margin:5px 0 10px;letter-spacing:-3px}
  1704. #parallax_04 .parallax-content-13 p{font-size:18px}
  1705. #parallax_04 .parallax-content-13 a.btn.btn-default{font-size:16px;padding:8px 35px}
  1706. @media (max-width:767px){
  1707. #parallax_01 .parallax-content-13 img.quote{width:20px}
  1708. #parallax_01 .parallax-content-13 em{font-size:12px;margin:0 5px}
  1709. #parallax_01 .parallax-content-13 h2{font-size:35px;margin:4px 0 7px}
  1710. #parallax_01 .parallax-content-13 p{font-size:11px;margin:0}
  1711. #parallax_02{padding:50px 0}
  1712. #parallax_02 .parallax-content-13 .text-content em{font-size:12px}
  1713. #parallax_02 .parallax-content-13 .text-content h2{font-size:35px;letter-spacing:-2px}
  1714. #parallax_02 .parallax-content-13 .text-content p span{font-size:12px;padding-left:6px;display:block}
  1715. #parallax_02 .parallax-content-13 .text-content p a{font-size:10px;padding:6px 13px;margin-left:10px;margin-top:5px}
  1716. #parallax_03{padding:50px 0}
  1717. #parallax_03 .parallax-content-13 .text-content em{font-size:12px;margin:0;margin-left:1px}
  1718. #parallax_03 .parallax-content-13 .text-content h2{font-size:30px;letter-spacing:-1px}
  1719. #parallax_03 .parallax-content-13 .text-content p span{font-size:12px;padding-left:1px;display:block}
  1720. #parallax_03 .parallax-content-13 .text-content p a{font-size:10px;padding:6px 13px;margin-left:0;margin-top:5px}
  1721. #parallax_04 .parallax-content-13 img.quote{width:20px}
  1722. #parallax_04 .parallax-content-13 em{font-size:12px;margin:0 5px}
  1723. #parallax_04 .parallax-content-13 h2{font-size:22px;margin:4px 0 7px;letter-spacing:-1px}
  1724. #parallax_04 .parallax-content-13 p{font-size:10px}
  1725. #parallax_04 .parallax-content-13 a.btn.btn-default{font-size:10px;padding:5px 20px}
  1726. }
  1727. @media (min-width: 1600px) {
  1728. .cms-index-index .page-header.type9 .header.panel .top-panel {
  1729. display: inline-block;
  1730. vertical-align: middle;
  1731. margin-bottom: 0;
  1732. }
  1733. .cms-index-index .page-header.type9 .header.panel {
  1734. margin-top: -13px;
  1735. z-index: 6;
  1736. }
  1737. }
  1738. #banner-slider-demo-14 .slide-1 em{font-size:26.26px;margin:0;margin-left:5px}
  1739. #banner-slider-demo-14 .slide-1 .text-content h2{font-size:79.12px;letter-spacing:-6px}
  1740. #banner-slider-demo-14 .slide-1 .text-content p {margin:0}
  1741. #banner-slider-demo-14 .slide-1 .text-content p span{font-size:23.64px;padding-left:6px}
  1742. #banner-slider-demo-14 .slide-1 .text-content a{font-size:15.76px;padding:10px 34px;margin-top:15px;margin-left:7px}
  1743. #banner-slider-demo-14 .slide-2 em{font-size:26.26px;margin:0;margin-left:5px}
  1744. #banner-slider-demo-14 .slide-2 .text-content h2{font-size:79.12px;letter-spacing:-6px}
  1745. #banner-slider-demo-14 .slide-2 .text-content p {margin:0}
  1746. #banner-slider-demo-14 .slide-2 .text-content p span{font-size:23.64px;padding-left:6px}
  1747. #banner-slider-demo-14 .slide-2 .text-content a{font-size:15.76px;padding:10px 0;margin-top:10px}
  1748. @media (max-width:767px){
  1749. #banner-slider-demo-14 .slide-1 em{font-size:12px;margin:0;margin-left:1px}
  1750. #banner-slider-demo-14 .slide-1 .text-content h2{font-size:30px;letter-spacing:-1px}
  1751. #banner-slider-demo-14 .slide-1 .text-content p span{font-size:12px;padding-left:1px;display:block}
  1752. #banner-slider-demo-14 .slide-1 .text-content a{font-size:10px;padding:6px 20px;margin-left:0;margin-top:10px}
  1753. #banner-slider-demo-14 .slide-2 em{font-size:12px;margin:0;margin-left:1px}
  1754. #banner-slider-demo-14 .slide-2 .text-content h2{font-size:30px;letter-spacing:-1px}
  1755. #banner-slider-demo-14 .slide-2 .text-content p span{font-size:12px;padding-left:1px;display:block}
  1756. #banner-slider-demo-14 .slide-2 .text-content a{font-size:10px;padding:6px 0;margin-left:0;margin-top:5px}
  1757. }
  1758. .image-link span.category-title{display:block;position:absolute;left:-10px;bottom:20px;color:#fff;padding:15px 17px;font-size:15px;font-weight:600;line-height:1;min-width:174px;text-align:left;background-color:#3f4658}
  1759. .image-link span.category-title:before{content:"";width:10px;height:10px;border:5px solid transparent;border-right-color:#3f4658;border-top-color:#3f4658;display:block;position:absolute;left:0;top:100%}
  1760. .overlay{background-color:#000;opacity:0.55;filter:alpha(opacity=55);width:100%;height:100%;display:block;position:absolute}
  1761. #banner-slider-demo-15 .content em{font-size:18px}
  1762. #banner-slider-demo-15 .content h2{font-size:44px}
  1763. #banner-slider-demo-15 .content hr{margin:10px 0}
  1764. #banner-slider-demo-15 .content a{font-size:16px}
  1765. .img-desc-home15{margin-top:-88px;padding:0 25px}
  1766. .img-desc-home15 h3{font-size:24px}
  1767. .img-desc-home15 hr{width:90px;margin:15px 0}
  1768. .img-desc-home15 p{font-size:15px}
  1769. .img-desc-home15 a{font-size:15px}
  1770. @media (max-width:991px){
  1771. .img-desc-home15{margin-top:-65px;padding:0 16px}
  1772. .img-desc-home15 h3{font-size:16px}
  1773. .img-desc-home15 hr{width:60px;margin:10px 0}
  1774. .img-desc-home15 p{font-size:10px}
  1775. .img-desc-home15 a{font-size:10px}
  1776. }
  1777. @media (max-width:767px){
  1778. #banner-slider-demo-15 .content em{font-size:9px}
  1779. #banner-slider-demo-15 .content h2{font-size:22px}
  1780. #banner-slider-demo-15 .content hr{margin:5px 0;}
  1781. #banner-slider-demo-15 .content a{font-size:8px}
  1782. .img-desc-home15{margin-top:-88px;padding:0 25px}
  1783. .img-desc-home15 h3{font-size:24px}
  1784. .img-desc-home15 hr{width:90px;margin:15px 0}
  1785. .img-desc-home15 p{font-size:15px}
  1786. .img-desc-home15 a{font-size:15px}
  1787. }
  1788. .top-newsletter .newsletter button.subscribe {
  1789. position: absolute;
  1790. right: 0;
  1791. top: 0;
  1792. height: 30px;
  1793. line-height: 30px;
  1794. border-radius: 0;
  1795. color: #000;
  1796. padding: 0 15px;
  1797. background-color: transparent;
  1798. border: 0;
  1799. }
  1800. .top-newsletter .newsletter input {
  1801. width: 300px;
  1802. height: 30px;
  1803. border-radius: 0;
  1804. line-height: 16px;
  1805. padding: 7px 50px 7px 15px;
  1806. }
  1807. .top-newsletter .newsletter label {
  1808. display: none;
  1809. }
  1810. @media (max-width:1199px){
  1811. .top-newsletter #newsletter{width:270px}
  1812. }
  1813. @media (max-width:991px){
  1814. .top-newsletter #newsletter{width:160px}
  1815. }
  1816. @media (min-width: 992px){
  1817. .a-left-sm {
  1818. text-align: left;
  1819. }
  1820. .a-right-sm {
  1821. text-align: right;
  1822. }
  1823. }
  1824. .owl-banner-carousel .content-17.type1 em{font-size:20px;margin-bottom:-5px;margin-left:9px}
  1825. .owl-banner-carousel .content-17.type1 h2{font-size:65px;margin-bottom:0}
  1826. .owl-banner-carousel .content-17.type1 p{font-size:37px}
  1827. .owl-banner-carousel .content-17.type1 a{font-size:15px}
  1828. .owl-banner-carousel .content-17.type1 a>i{width:15px;height:15px;line-height:14px;text-align:center;font-size:11px;display:inline-block;vertical-align:middle;margin-bottom:3px;margin-left:12px;color:#fff;border-radius:50%}
  1829. @media (max-width:1199px){
  1830. .owl-banner-carousel .content-17.type1 em{font-size:18px;margin-bottom:-4px;margin-left:8px}
  1831. .owl-banner-carousel .content-17.type1 h2{font-size:58px}
  1832. .owl-banner-carousel .content-17.type1 p{font-size:32px}
  1833. .owl-banner-carousel .content-17.type1 a{font-size:14px}
  1834. .owl-banner-carousel .content-17.type1 a>i{width:15px;height:15px;line-height:14px;font-size:11px;margin-bottom:3px;margin-left:10px}
  1835. }
  1836. @media (max-width:991px){
  1837. .owl-banner-carousel .content-17.type1 em{font-size:15px;margin-bottom:-3px;margin-left:6px}
  1838. .owl-banner-carousel .content-17.type1 h2{font-size:50px}
  1839. .owl-banner-carousel .content-17.type1 p{font-size:26px}
  1840. .owl-banner-carousel .content-17.type1 a{font-size:12px}
  1841. .owl-banner-carousel .content-17.type1 a>i{width:13px;height:13px;line-height:12px;font-size:10px;margin-bottom:3px;margin-left:7px}
  1842. }
  1843. @media (max-width:767px){
  1844. .owl-banner-carousel .content-17.type1 em{font-size:11px;margin-bottom:-2px;margin-left:4px}
  1845. .owl-banner-carousel .content-17.type1 h2{font-size:28px}
  1846. .owl-banner-carousel .content-17.type1 p{display:none}
  1847. .owl-banner-carousel .content-17.type1 a{display:none}
  1848. }
  1849. #banner-slider-demo-18 .content-1{position:absolute;left:50%;top:50%;padding:30px 20px 15px;text-align:left;margin-left:-163px;margin-top:-95px}
  1850. #banner-slider-demo-18 .content-1>div{display:inline-block;vertical-align:middle}
  1851. #banner-slider-demo-18 .content-1>div:first-child{padding-right:10px}
  1852. #banner-slider-demo-18 .content-1 p{font-size:23px;line-height:1;margin-bottom:0;margin-left:7px;font-weight:300}
  1853. #banner-slider-demo-18 .content-1 h3{font-size:73px;font-weight:600;line-height:1;margin:0}
  1854. #banner-slider-demo-18 .content-1 h3 b{font-weight:800;margin-top:-23px;display:block}
  1855. #banner-slider-demo-18 .content-1 em{font-size:17px;font-style:normal;font-weight:300;margin:0;line-height:1;margin-right:4px}
  1856. #banner-slider-demo-18 .content-1 h4{font-size:32px;line-height:1;margin:0;font-weight:700}
  1857. #banner-slider-demo-18 .content-1 h5{font-size:17px;margin:0;line-height:1;margin-top:-4px}
  1858. #banner-slider-demo-18 .content-2{position:absolute;right:28px;bottom:28px;text-align:left}
  1859. #banner-slider-demo-18 .content-2>div{display:inline-block;vertical-align:middle;padding:20px 15px}
  1860. #banner-slider-demo-18 .content-2>div:first-child{margin:-6px 0;padding-left:25px}
  1861. #banner-slider-demo-18 .content-2 p{font-size:20px;line-height:1;margin-bottom:0;margin-left:2px;font-weight:300}
  1862. #banner-slider-demo-18 .content-2 h3{font-size:54px;font-weight:600;line-height:1;margin:0}
  1863. #banner-slider-demo-18 .content-2 h3 b{font-weight:800}
  1864. #banner-slider-demo-18 .content-2 em{font-size:17px;font-style:normal;font-weight:300;margin:0;line-height:1;margin-right:4px}
  1865. #banner-slider-demo-18 .content-2 h4{font-size:32px;line-height:1;margin:0;font-weight:700}
  1866. #banner-slider-demo-18 .content-2 h5{font-size:17px;margin:0;line-height:1;margin-top:-4px}
  1867. #banner-slider-demo-18 .content-2 a{font-size:13px;margin-right:-10px}
  1868. @media (max-width:991px){
  1869. #banner-slider-demo-18 .content-1{padding:25px 15px 10px;margin-left:-122px;margin-top:-75px}
  1870. #banner-slider-demo-18 .content-1>div:first-child{padding-right:7px}
  1871. #banner-slider-demo-18 .content-1 p{font-size:16px;margin-left:5px}
  1872. #banner-slider-demo-18 .content-1 h3{font-size:58px}
  1873. #banner-slider-demo-18 .content-1 h3 b{margin-top:-17px}
  1874. #banner-slider-demo-18 .content-1 em{font-size:14px;margin-right:3px}
  1875. #banner-slider-demo-18 .content-1 h4{font-size:26px}
  1876. #banner-slider-demo-18 .content-1 h5{font-size:14px;margin-top:-2px}
  1877. #banner-slider-demo-18 .content-2{right:20px;bottom:20px}
  1878. #banner-slider-demo-18 .content-2>div{padding:15px 10px}
  1879. #banner-slider-demo-18 .content-2>div:first-child{margin:-2px 0;padding-left:20px}
  1880. #banner-slider-demo-18 .content-2 p{font-size:15px;margin-left:1px}
  1881. #banner-slider-demo-18 .content-2 h3{font-size:38px}
  1882. #banner-slider-demo-18 .content-2 em{font-size:12px;margin-right:2px}
  1883. #banner-slider-demo-18 .content-2 h4{font-size:26px}
  1884. #banner-slider-demo-18 .content-2 h5{font-size:13px;margin-top:-2px}
  1885. #banner-slider-demo-18 .content-2 a{font-size:10px;margin-right:-6px}
  1886. }
  1887. @media (max-width:640px){
  1888. #banner-slider-demo-18 .content-1{padding:11px 7px 5px;margin-left:-53px;margin-top:-32px}
  1889. #banner-slider-demo-18 .content-1>div:first-child{padding-right:2px}
  1890. #banner-slider-demo-18 .content-1 p{font-size:7px;margin-left:2px}
  1891. #banner-slider-demo-18 .content-1 h3{font-size:22px}
  1892. #banner-slider-demo-18 .content-1 h3 b{margin-top:-6px}
  1893. #banner-slider-demo-18 .content-1 em{font-size:6px;margin-right:1px}
  1894. #banner-slider-demo-18 .content-1 h4{font-size:12px}
  1895. #banner-slider-demo-18 .content-1 h5{font-size:6px;margin-top:-1px}
  1896. #banner-slider-demo-18 .content-2{right:8px;bottom:8px}
  1897. #banner-slider-demo-18 .content-2>div{padding:3px 6px}
  1898. #banner-slider-demo-18 .content-2>div:first-child{margin:-1px 0;padding-left:9px}
  1899. #banner-slider-demo-18 .content-2 p{font-size:7px;margin-left:1px}
  1900. #banner-slider-demo-18 .content-2 h3{font-size:16px}
  1901. #banner-slider-demo-18 .content-2 em{font-size:6px;margin-right:1px}
  1902. #banner-slider-demo-18 .content-2 h4{font-size:12px}
  1903. #banner-slider-demo-18 .content-2 h5{font-size:6px;margin-top:-1px}
  1904. #banner-slider-demo-18 .content-2 a{font-size:6px;margin-right:-3px}
  1905. }
  1906. .single-images .single-image-label{font-size:17px;text-align:center;color:#818385;line-height:1.4;padding:10px 0;font-weight:600}
  1907. .single-images .caption{background-color:#a1a2a3;color:#fff;font-size:14px;line-height:35px;text-align:center}
  1908. #banner-slider-demo-16 .slide1-content,#banner-slider-demo-16 .slide2-content{padding-left:256px}
  1909. #banner-slider-demo-16 .text-content{text-align:left}
  1910. #banner-slider-demo-16 .text-content em{font-size:26.26px;margin:0;margin-bottom:-10px}
  1911. #banner-slider-demo-16 .text-content h2{font-size:79.12px;letter-spacing:-4px}
  1912. #banner-slider-demo-16 .text-content p {margin:0}
  1913. #banner-slider-demo-16 .text-content p span{font-size:23.64px;padding-left:6px}
  1914. #banner-slider-demo-16 .text-content p a{font-size:16px;padding:10px 28px;margin-left:10px;margin-top:5px}
  1915. @media (max-width:991px){
  1916. #banner-slider-demo-16 .slide1-content,#banner-slider-demo-16 .slide2-content{padding-left:0}
  1917. #banner-slider-demo-16 .text-content em{font-size:18px;margin:0;margin-bottom:-8px}
  1918. #banner-slider-demo-16 .text-content h2{font-size:60px;letter-spacing:-3px}
  1919. #banner-slider-demo-16 .text-content p {margin:0}
  1920. #banner-slider-demo-16 .text-content p span{font-size:18px;padding-left:6px}
  1921. #banner-slider-demo-16 .text-content p a{font-size:12px;padding:8px 20px;margin-left:10px;margin-top:5px}
  1922. }
  1923. @media (max-width:767px){
  1924. #banner-slider-demo-16 .text-content em{font-size:13px;margin:0;margin-bottom:-5px}
  1925. #banner-slider-demo-16 .text-content h2{font-size:40px;letter-spacing:0px}
  1926. #banner-slider-demo-16 .text-content p {margin:0}
  1927. #banner-slider-demo-16 .text-content p span{font-size:14px;padding-left:2px}
  1928. #banner-slider-demo-16 .text-content p a{font-size:9px;padding:5px 11px;margin-left:5px;margin-top:5px}
  1929. }
  1930. @media (max-width:480px){
  1931. #banner-slider-demo-16 .text-content em{font-size:10px;margin-bottom:0}
  1932. #banner-slider-demo-16 .text-content h2{font-size:25px;letter-spacing:0px}
  1933. #banner-slider-demo-16 .text-content p {margin:0}
  1934. #banner-slider-demo-16 .text-content p span{font-size:12px;padding-left:1px;display:block}
  1935. #banner-slider-demo-16 .text-content p a{font-size:9px;padding:5px 11px;margin-left:0;margin-top:5px;float:left !important}
  1936. }
  1937. /*** Header Type 10 - Side Header ***/
  1938. .container {
  1939. max-width: 100%;
  1940. }
  1941. .page-header.type22 {
  1942. background-color: #383734;
  1943. }
  1944. @media (max-width:1199px) and (min-width:992px){
  1945. .page-header.type10 .sw-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu {
  1946. width: 750px;
  1947. }
  1948. }
  1949. @media (min-width:992px){
  1950. .page-header.type10 .minicart-wrapper .block-minicart {
  1951. right: auto;
  1952. left: -15px;
  1953. }
  1954. .page-header.type10 .minicart-wrapper .block-minicart:before {
  1955. right: auto;
  1956. left: 26px;
  1957. }
  1958. .page-header.type10 .minicart-wrapper .block-minicart:after {
  1959. right: auto;
  1960. left: 25px;
  1961. }
  1962. header.page-header.type10 .panel.wrapper .header.panel > .header.links {
  1963. float: none;
  1964. display: block;
  1965. }
  1966. header.page-header.type10 .panel.wrapper .header.panel > .header.links > li {
  1967. display: block;
  1968. color: #fff;
  1969. }
  1970. header.page-header.type10 .panel.wrapper .header.panel > .header.links > li > a, header.page-header.type10 .panel.wrapper .header.panel > .header.links > li > span {
  1971. color: #fff;
  1972. border: 0;
  1973. padding: 0 5px;
  1974. display: block;
  1975. border-top: 1px solid #575757;
  1976. line-height: 40px;
  1977. }
  1978. header.page-header.type10 .panel.wrapper .header.panel > .header.links > li > span {
  1979. border-top: 0;
  1980. }
  1981. body.side-header .page-wrapper {
  1982. padding-left: 256px;
  1983. }
  1984. header.page-header.type10.fixed-bottom {
  1985. position: fixed;
  1986. top: auto;
  1987. bottom: 0;
  1988. }
  1989. body.side-header .page-wrapper > .breadcrumbs.fixed-position {
  1990. position: fixed;
  1991. width: 100%;
  1992. z-index: 999;
  1993. top: 0;
  1994. }
  1995. body.side-header .page-wrapper > .breadcrumbs .items {
  1996. margin: 0;
  1997. max-width: none;
  1998. }
  1999. }
  2000. @media (max-width:992px) and (min-width:768px){
  2001. header.page-header.type10 {
  2002. position: relative;
  2003. width: auto;
  2004. height: auto;
  2005. min-height: 0;
  2006. text-align: left;
  2007. padding: 10px 15px;
  2008. }
  2009. header.page-header.type10 .header.content {
  2010. padding: 0;
  2011. }
  2012. header.page-header.type10 .logo {
  2013. max-width: 110px;
  2014. }
  2015. header.page-header.type10 .custom-block-area {
  2016. display: none;
  2017. }
  2018. header.page-header.type10 .block-search {
  2019. position: absolute;
  2020. right: 0;
  2021. top: 10px;
  2022. margin-bottom: 0;
  2023. }
  2024. header.page-header.type10 .panel.wrapper {
  2025. position: absolute;
  2026. right: 15px;
  2027. top: 10px;
  2028. }
  2029. header.page-header.type10 .header.panel > .header.links > li > a, header.page-header.type10 .header.panel > .header.links > li > span {
  2030. color: #fff;
  2031. }
  2032. header.page-header.type10 .navigation .level0 > .level-top {
  2033. color: #fff;
  2034. line-height: 42px;
  2035. }
  2036. }
  2037. /*** Header Type 10 - Side Header ***/
  2038. .sticky-header .sw-megamenu.navigation li.level0.fl-right {
  2039. float: none;
  2040. }
  2041. #totop{height:40px;position:fixed;right:15px;width:40px;z-index:9999;bottom:0;background-color:#404040;font-size:16px;color:#fff;text-align:center;line-height:1;padding:11px 0;display:none;border-radius:5px 5px 0 0}
  2042. #totop:hover{background-color:#555}
  2043. i.ajax-loader{display:inline-block;vertical-align:middle;border:1px solid #08c;border-radius:20px;border-bottom-color:transparent!important}
  2044. i.ajax-loader.small{width:16px;height:16px;border-width:2.5px}
  2045. i.ajax-loader.large{width:32px;height:32px;border-width:2.5px}
  2046. @media (min-width:768px){
  2047. .page-wrapper .page-header.type12 .header.content {
  2048. padding-left: 200px;
  2049. }
  2050. .onepage-category > .columns {
  2051. padding-left: 180px;
  2052. padding-right: 50px;
  2053. }
  2054. #maincontent.onepage-category {
  2055. position: relative;
  2056. padding-top: 50px;
  2057. max-width: 100%
  2058. }
  2059. }
  2060. .page-wrapper .page-header.type12.sticky-header {
  2061. position: fixed;
  2062. background-color: #000;
  2063. z-index: 6;
  2064. width: 100%;
  2065. }
  2066. .page-header.type12.sticky-header .header.panel .custom-block > a {
  2067. color: #fff;
  2068. }
  2069. .page-header.type12.sticky-header .header.panel .search-area > a {
  2070. color: #fff;
  2071. }
  2072. .page-header.type12.sticky-header .header.panel .top-panel .top-links-area > a {
  2073. color: #fff;
  2074. }
  2075. .cms-index-index .onepage-category {
  2076. display: flex;
  2077. flex-wrap: wrap;
  2078. }
  2079. .onepage-category > .category-list {
  2080. width: 80px;
  2081. text-align: left;
  2082. position: relative;
  2083. float: left;
  2084. background: #000;
  2085. padding: 46px 0 146px 0;
  2086. z-index: 5;
  2087. }
  2088. .onepage-category > .category-list > ul {
  2089. position: relative;
  2090. z-index: 2;
  2091. list-style: none;
  2092. padding: 0;
  2093. transition: all 0.3s;
  2094. padding-top: 30px;
  2095. margin-bottom: 0;
  2096. }
  2097. .onepage-category > .category-list > ul > li:last-child {
  2098. margin-bottom: 0;
  2099. }
  2100. .onepage-category > .category-list > ul > li > a {
  2101. color: #fff;
  2102. width: auto;
  2103. line-height: 78px;
  2104. display: inline-block;
  2105. white-space: nowrap;
  2106. position: relative;
  2107. transition: all 0.3s;
  2108. }
  2109. .onepage-category > .category-list > ul > li > a > em {
  2110. font-size: 32px;
  2111. width: 80px;
  2112. display: inline-block;
  2113. text-align: center;
  2114. vertical-align: middle;
  2115. }
  2116. .onepage-category > .category-list > ul > li > a > em > img {
  2117. vertical-align: middle;
  2118. }
  2119. .onepage-category > .category-list > ul > li > a > span {
  2120. display: inline-block;
  2121. vertical-align: middle;
  2122. opacity: 0;
  2123. visibility: hidden;
  2124. width: 0;
  2125. transition: all 0.3s;
  2126. font-size: 16px;
  2127. font-weight: 600;
  2128. position: relative;
  2129. overflow: hidden;
  2130. }
  2131. .onepage-category > .category-list > ul > li > a:after {
  2132. content: "";
  2133. width: 16px;
  2134. height: 16px;
  2135. position: absolute;
  2136. display: block;
  2137. right: -15px;
  2138. top: 50%;
  2139. margin-top: -8px;
  2140. border: 8px solid transparent;
  2141. transition: all 0.3s;
  2142. }
  2143. .onepage-category > .category-list > ul > li > a:hover, .onepage-category > .category-list > ul > li > a.active {
  2144. background-color: #00d59d;
  2145. }
  2146. .onepage-category > .category-list > ul > li > a:hover > span {
  2147. opacity: 1;
  2148. visibility: visible;
  2149. width: auto;
  2150. padding-right: 50px;
  2151. }
  2152. .onepage-category > .category-list > ul > li > a:hover:after, .onepage-category > .category-list > ul > li > a.active:after {
  2153. border-left-color: #00d59d;
  2154. }
  2155. .onepage-category > .category-details {
  2156. float: right;
  2157. width: calc(100% - 100px);
  2158. padding: 0 100px;
  2159. padding-bottom: 146px;
  2160. min-height: 80vh;
  2161. }
  2162. .onepage-category .category-detail {
  2163. position: relative;
  2164. }
  2165. .onepage-category .category-detail .title-menu {
  2166. position: relative;
  2167. }
  2168. .onepage-category .category-detail .title-menu > a {
  2169. font-size: 26px;
  2170. color: #000;
  2171. text-decoration: none;
  2172. line-height: 100px;
  2173. display: inline-block;
  2174. font-weight: 300;
  2175. margin-top: 70px;
  2176. }
  2177. .onepage-category .category-detail .title-menu > a > span {
  2178. display: inline-block;
  2179. vertical-align: middle;
  2180. }
  2181. .onepage-category .category-detail .title-menu > a.parent:after {
  2182. display: inline-block;
  2183. content: "\f813";
  2184. font-family: "porto-icons";
  2185. margin-left: 18px;
  2186. font-size: 18px;
  2187. vertical-align: middle;
  2188. line-height: 36px;
  2189. }
  2190. .onepage-category .category-detail .title-menu > a.parent.opened:after {
  2191. content: "\f810";
  2192. }
  2193. .onepage-category .category-detail .title-menu > .menu-popup {
  2194. position: absolute;
  2195. left: -25px;
  2196. top: 100%;
  2197. display: none;
  2198. width: calc(100% + 50px);
  2199. z-index: 3;
  2200. background-color: #fff;
  2201. border: 1px solid #bebebe;
  2202. border-radius: 5px;
  2203. padding: 50px 0;
  2204. }
  2205. .onepage-category .category-detail .title-menu > .menu-popup:before {
  2206. content: "";
  2207. border: 8px solid transparent;
  2208. width: 16px;
  2209. height: 16px;
  2210. display: block;
  2211. border-bottom-color: #bebebe;
  2212. position: absolute;
  2213. top: -16px;
  2214. left: 90px;
  2215. }
  2216. .onepage-category .category-detail .title-menu > .menu-popup:after {
  2217. content: "";
  2218. border: 7px solid transparent;
  2219. width: 14px;
  2220. height: 14px;
  2221. display: block;
  2222. border-bottom-color: #fff;
  2223. position: absolute;
  2224. top: -13px;
  2225. left: 91px;
  2226. }
  2227. .onepage-category .category-detail .menu-popup ul {
  2228. list-style: none;
  2229. padding: 0;
  2230. margin: 0;
  2231. }
  2232. .onepage-category .category-detail .menu-popup > ul {
  2233. display: flex;
  2234. flex-wrap: wrap;
  2235. }
  2236. .onepage-category .category-detail .menu-popup > ul > li {
  2237. float: left;
  2238. border-left: 1px solid #bebebe;
  2239. margin: 10px 0;
  2240. padding: 30px 0;
  2241. }
  2242. .onepage-category .category-detail .menu-popup li.menu-item {
  2243. margin-bottom: 0;
  2244. }
  2245. .onepage-category .category-detail .menu-popup > ul.columns5 > li {
  2246. width: 20%;
  2247. padding-left: 4%;
  2248. padding-right: 4%;
  2249. }
  2250. .onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(5n+1) {
  2251. border-left: 0;
  2252. clear: left;
  2253. }
  2254. .onepage-category .category-detail .menu-popup ul > li> a {
  2255. color: #000;
  2256. font-size: 16px;
  2257. line-height: 2.5;
  2258. }
  2259. .onepage-category .category-detail .menu-popup > ul > li> a {
  2260. font-weight: 700;
  2261. text-transform: uppercase;
  2262. }
  2263. .onepage-category .category-detail .products-area {
  2264. margin: 0 -10px;
  2265. }
  2266. .onepage-category .category-detail .products-area .category-link {
  2267. float: right;
  2268. margin-top: -70px;
  2269. margin-right: 10px;
  2270. position: relative;
  2271. z-index: 2;
  2272. min-width: 119px;
  2273. height: 40px;
  2274. border: 2px solid #000;
  2275. color: #000;
  2276. border-radius: 5px;
  2277. line-height: 36px;
  2278. text-align: center;
  2279. text-decoration: none;
  2280. text-transform: uppercase;
  2281. font-weight: 600;
  2282. transition: all 0.3s;
  2283. }
  2284. .onepage-category .category-detail .products-area .category-link:hover {
  2285. background-color: #000;
  2286. color: #fff;
  2287. }
  2288. .onepage-category .category-detail .products div.item {
  2289. float: left;
  2290. padding: 10px;
  2291. }
  2292. .onepage-category .category-detail .product-item-photo {
  2293. border: 0;
  2294. padding: 0;
  2295. border-radius: 0;
  2296. }
  2297. .onepage-category .category-detail .products div.item .product-item-photo {
  2298. width: 100%;
  2299. min-height: 60px;
  2300. display: block;
  2301. position: relative;
  2302. z-index: 0;
  2303. overflow: hidden;
  2304. border-radius: 0;
  2305. background: #fff;
  2306. }
  2307. .onepage-category .category-detail .products div.item .product-item-details {
  2308. padding: 15px 0;
  2309. text-align: left;
  2310. }
  2311. .onepage-category .category-detail .products div.item .product-item-details .product-item-name {
  2312. margin: 0 0 3px 0;
  2313. }
  2314. .onepage-category .category-detail .products div.item .product-item-details .product-item-name a {
  2315. font-size: 14px;
  2316. font-weight: 600;
  2317. color: #000;
  2318. }
  2319. .onepage-category .category-detail .products div.item .product-item-details .price-box {
  2320. margin: 0;
  2321. }
  2322. .onepage-category .category-detail .products div.item .product-item-details .price {
  2323. font-weight: 300;
  2324. font-size: 30px;
  2325. }
  2326. .onepage-category .category-detail .products div.item .product-item-details .old-price .price {
  2327. font-size: 20px;
  2328. }
  2329. .onepage-category .category-detail .product-item-photo:before {
  2330. content: "";
  2331. display: block;
  2332. background: #000;
  2333. width: 100%;
  2334. height: 100%;
  2335. position: absolute;
  2336. left: 0;
  2337. top: 0;
  2338. z-index: 1;
  2339. opacity: 0;
  2340. visibility: hidden;
  2341. transition: all 0.3s;
  2342. }
  2343. .onepage-category .category-detail .product-item-info:hover .product-item-photo:before {
  2344. opacity: 0.7;
  2345. visibility: visible;
  2346. }
  2347. .onepage-category .category-detail .product-item-photo .product-item-inner {
  2348. padding: 0;
  2349. z-index: 3;
  2350. left: 15px;
  2351. bottom: 15px;
  2352. }
  2353. .onepage-category .category-detail .product-item-photo .product-item-inner .product-item-actions a, .onepage-category .category-detail .product-item-photo .product-item-inner .product-item-actions > .actions-primary .tocart {
  2354. background-color: transparent;
  2355. border-color: #fff;
  2356. color: #fff;
  2357. width: 50px;
  2358. height: 50px;
  2359. line-height: 47px;
  2360. font-size: 18px;
  2361. margin: 0 1px;
  2362. }
  2363. .onepage-category .category-detail .product-item .tocart:before {
  2364. font-size: 21px;
  2365. display: inline-block;
  2366. }
  2367. .onepage-cat.category-list {
  2368. position: absolute;
  2369. left: 0;
  2370. top: 0;
  2371. min-height: 100%;
  2372. }
  2373. body > .onepage-cat.category-list {
  2374. display: none;
  2375. }
  2376. .onepage-category > .category-list > ul.fixed-top {
  2377. position: fixed;
  2378. left: 0;
  2379. top: 70px;
  2380. }
  2381. .onepage-category > .category-list > ul.fixed-bottom {
  2382. position: fixed;
  2383. left: 0;
  2384. bottom: 0;
  2385. }
  2386. .onepage-category > .category-list > ul.absolute-bottom {
  2387. position: absolute;
  2388. top: auto;
  2389. bottom: 0;
  2390. }
  2391. .onepage-category .additional-content img {
  2392. max-width: 100%;
  2393. }
  2394. .onepage-category .menu-popup a > span {
  2395. position: relative;
  2396. }
  2397. .onepage-category .menu-popup a > span > span.cat-label {
  2398. top: 3px;
  2399. right: -35px;
  2400. font: inherit;
  2401. font-size: 9px;
  2402. padding: 2px;
  2403. z-index: 1;
  2404. border-radius: 2px;
  2405. line-height: 1;
  2406. border: 1px solid #777;
  2407. position: absolute;
  2408. }
  2409. #banner-slider-demo-19 .slide-content h2 {
  2410. font-size: 80px;
  2411. font-weight: 800;
  2412. line-height: 0.9;
  2413. letter-spacing: -6px;
  2414. margin-left: -5px;
  2415. }
  2416. #banner-slider-demo-19 .slide-content p {
  2417. font-size: 20px;
  2418. margin-bottom: 50px;
  2419. font-weight: 300;
  2420. }
  2421. #banner-slider-demo-19 .slide-content a.btn-line {
  2422. color: #000;
  2423. font-size: 14px;
  2424. font-weight: 700;
  2425. border: 2px solid #000;
  2426. padding: 0 34px;
  2427. height: 57px;
  2428. display: inline-block;
  2429. line-height: 53px;
  2430. border-radius: 8px;
  2431. text-decoration: none;
  2432. }
  2433. #banner-slider-demo-19 .slide-content a.btn-line:hover {
  2434. color: #fff;
  2435. background-color: #000;
  2436. }
  2437. .category-description img {
  2438. max-width: 100%;
  2439. }
  2440. .page-header.type12:not(.sticky-header) .header.panel .block-search input {
  2441. background: transparent;
  2442. }
  2443. .page-header.type12.sticky-header .header.panel .top-panel .links > li > a, .page-header.type12.sticky-header .header.panel .top-panel .links > li > span {
  2444. color: #fff;
  2445. }
  2446. .page-header.type12 .logo {
  2447. max-width: 90px;
  2448. }
  2449. .category-detail .product-item-info:hover .product-item-inner {
  2450. visibility: visible;
  2451. opacity: 1;
  2452. }
  2453. #giftcard-form input#giftcard-code {
  2454. border-radius: 3px 0 0 3px;
  2455. }
  2456. #giftcard-balance-lookup .giftcard.info {
  2457. margin-bottom: 15px;
  2458. }
  2459. .gift-wrapping-item > span {
  2460. background-color: #f2f2f2;
  2461. }
  2462. #giftcard-form button.action-add, #giftcard-form button.redeem {
  2463. height: 32px;
  2464. line-height: 1;
  2465. font-size: 13px;
  2466. }
  2467. .account .table-wrapper.balance-history, .account .table-wrapper.reward-history, .account .table-wrapper.balance-history {
  2468. margin-top: 0;
  2469. }
  2470. .form-addbysku .qty.field .control {
  2471. display: block;
  2472. }
  2473. .column .block-addbysku .action.add {
  2474. min-width: 32px;
  2475. }
  2476. .giftcard-account button.primary {
  2477. height: 32px;
  2478. line-height: 1;
  2479. }
  2480. .form-add-invitations .action.add:before, .column .block-addbysku .action.add:before {
  2481. content: '\f881';
  2482. }
  2483. .form-add-invitations .fieldset .actions-toolbar > .secondary .action.add {
  2484. min-width: 32px;
  2485. margin: 20px 0;
  2486. }
  2487. .message.info {
  2488. margin-bottom: 20px;
  2489. }
  2490. .form-giftregistry-edit .field.date input {
  2491. vertical-align: middle;
  2492. }
  2493. .hasDatepicker + .ui-datepicker-trigger:before {
  2494. content: '\f865';
  2495. }
  2496. .block-category-event {
  2497. border-radius: 5px;
  2498. text-align: left;
  2499. padding: 10px 20px !important;
  2500. }
  2501. .block-category-event > div {
  2502. display: inline-block;
  2503. vertical-align: middle;
  2504. }
  2505. .block-category-event > div.event-title {
  2506. padding-right: 50px;
  2507. margin-right: 20px;
  2508. }
  2509. .block-category-event .event-title em {
  2510. float: left;
  2511. font-size: 30px;
  2512. margin-right: 8px;
  2513. color: #000;
  2514. }
  2515. .block-category-event .event-title p {
  2516. margin: 0;
  2517. text-transform: uppercase;
  2518. }
  2519. .block-category-event .event-title h4 {
  2520. margin: 3px 0;
  2521. color: #000;
  2522. text-transform: uppercase;
  2523. white-space: nowrap;
  2524. }
  2525. .block-category-event .dates .start:after {
  2526. display: none;
  2527. }
  2528. .block-category-event .event-ticker .dates .start {
  2529. padding: 0;
  2530. }
  2531. .block-category-event .event-ticker .dates > div > span {
  2532. display: block;
  2533. }
  2534. .block-category-event > div.event-ticker {
  2535. text-align: center;
  2536. }
  2537. .block-category-event > div.event-desc {
  2538. float: right;
  2539. color: #08c;
  2540. font-size: 18px;
  2541. font-weight: 700;
  2542. text-transform: uppercase;
  2543. line-height: 101px;
  2544. margin-right: 20px;
  2545. }
  2546. .block-category-event .event-ticker .dates > div > span.desc {
  2547. color: #08c;
  2548. text-transform: uppercase;
  2549. font-style: italic;
  2550. font-size: 13px;
  2551. }
  2552. .block-category-event .event-ticker .dates > div > span.date {
  2553. font-size: 24px;
  2554. font-weight: 600;
  2555. color: #000;
  2556. }
  2557. .block-category-event .event-ticker .dates > div > span.year-month {
  2558. background-color: #000;
  2559. color: #fff;
  2560. text-transform: uppercase;
  2561. font-size: 13px;
  2562. padding: 5px 10px;
  2563. line-height: 1;
  2564. border-radius: 3px;
  2565. }
  2566. .block-category-event .event-ticker .dates > div > span.time {
  2567. padding: 3px 0;
  2568. }
  2569. .block-category-event .event-ticker .dates > div > span.date {
  2570. font-size: 24px;
  2571. font-weight: 600;
  2572. color: #000;
  2573. padding: 0 0 3px;
  2574. }
  2575. .block-category-event .event-ticker .dates > div {
  2576. margin: 0 10px;
  2577. display: inline-block;
  2578. }
  2579. .block-category-event .event-ticker .ticker .value {
  2580. font-size: 30px;
  2581. font-weight: 600;
  2582. color: #000;
  2583. }
  2584. .block-category-event .event-ticker .ticker .label {
  2585. background-color: #000;
  2586. color: #fff;
  2587. text-transform: uppercase;
  2588. font-size: 13px;
  2589. padding: 5px 10px;
  2590. line-height: 1;
  2591. border-radius: 3px;
  2592. min-width: 70px;
  2593. }
  2594. .block-category-event .event-ticker .ticker li {
  2595. margin: 0 7px;
  2596. }
  2597. .block-category-event.open > div.event-desc {
  2598. line-height: 65px;
  2599. }
  2600. @media(max-width:1439px) {
  2601. .page-header.type12 .header.panel .top-panel .top-links-area {
  2602. position: relative;
  2603. }
  2604. .page-header.type12.sticky-header .header.panel .top-panel .links > li > a, .page-header.type12.sticky-header .header.panel .top-panel .links > li > span {
  2605. color: #000;
  2606. }
  2607. .page-header.type12 .header.panel .top-panel .top-links-area > a {
  2608. display: inline-block;
  2609. text-transform: uppercase;
  2610. font-size: 11px;
  2611. font-weight: 700;
  2612. }
  2613. .page-header.type12 .header.panel .top-panel .top-links-area .links {
  2614. position: absolute;
  2615. left: -10px;
  2616. top: 100%;
  2617. text-align: left;
  2618. background-color: #fff;
  2619. padding: 10px;
  2620. border-radius: 5px;
  2621. box-shadow: 0 0 3px rgba(0,0,0,0.25);
  2622. margin-top: 10px;
  2623. display: none;
  2624. }
  2625. .page-header.type12 .header.panel .top-panel .top-links-area .links:before {
  2626. content: "";
  2627. border: 6px solid;
  2628. border-color: transparent transparent #fff transparent;
  2629. z-index: 99;
  2630. position: absolute;
  2631. left: 10px;
  2632. top: -12px;
  2633. }
  2634. .page-header.type12 .header.panel .top-panel .top-links-area .links:after {
  2635. border: 7px solid;
  2636. border-color: transparent transparent #bbb transparent;
  2637. z-index: 98;
  2638. content: "";
  2639. position: absolute;
  2640. left: 9px;
  2641. top: -14px;
  2642. }
  2643. .page-header.type12 .header.panel .top-panel .top-links-area .links > li {
  2644. float: none;
  2645. white-space: nowrap;
  2646. }
  2647. .page-header.type12 .header.panel .top-panel .top-links-area .links > li > a, .page-header.type12 .header.panel .top-panel .top-links-area .links > li > span {
  2648. padding: 0;
  2649. }
  2650. }
  2651. @media(max-width:1199px) {
  2652. .page-header.type12 .header.content .header.panel {
  2653. margin-top: -13px;
  2654. }
  2655. .page-header.type12 .header.panel .top-panel .search-area {
  2656. margin: 0;
  2657. }
  2658. .page-header.type12 .header.panel .top-panel .search-area > a {
  2659. display: inline-block;
  2660. }
  2661. .page-header.type12 .header.panel .top-panel .search-area > .block-search {
  2662. display: none;
  2663. position: absolute;
  2664. right: -15px;
  2665. top: 100%;
  2666. margin-top: 10px;
  2667. }
  2668. .page-header.type12 .header.panel .top-panel .block-search input {
  2669. background-color: #fff;
  2670. }
  2671. #banner-slider-demo-19 .slide-content h2 {
  2672. font-size: 40px;
  2673. line-height: 0.9;
  2674. letter-spacing: -3px;
  2675. margin-left: -2.5px;
  2676. }
  2677. #banner-slider-demo-19 .slide-content p {
  2678. font-size: 12px;
  2679. margin-bottom: 20px;
  2680. }
  2681. #banner-slider-demo-19 .slide-content a.btn-line {
  2682. font-size: 10px;
  2683. padding: 0 16px;
  2684. height: 30px;
  2685. line-height: 26px;
  2686. border-radius: 4px;
  2687. }
  2688. .onepage-cat.category-list + .main.container {
  2689. padding: 0 50px;
  2690. }
  2691. .onepage-category .category-detail .menu-popup ul > li> a {
  2692. font-size: 11px;
  2693. }
  2694. .onepage-category .category-detail .menu-popup > ul.columns5 > li {
  2695. padding: 10px 2%;
  2696. }
  2697. .onepage-category .category-detail .title-menu > .menu-popup {
  2698. padding: 10px 0;
  2699. }
  2700. .onepage-category .category-detail .title-menu > a {
  2701. margin-top: 46px;
  2702. }
  2703. }
  2704. @media (max-width: 991px) {
  2705. .block-category-event > div {
  2706. display: block;
  2707. float: none !important;
  2708. text-align: left;
  2709. }
  2710. .block-category-event > div.event-ticker {
  2711. display: inline-block;
  2712. margin: 0 -10px;
  2713. }
  2714. .block-category-event .dates .start, .block-category-event .dates .end {
  2715. display: inline-block !important;
  2716. }
  2717. }
  2718. @media(max-width:767px) {
  2719. .cms-index-index .page-header.type12 {
  2720. position: absolute;
  2721. width: 100%;
  2722. left: 0;
  2723. top: 0;
  2724. background: transparent;
  2725. }
  2726. .page-header.type12 .header.panel .top-panel .top-links-area, .page-header.type12 .header.panel .top-panel .custom-block, .page-header.type12 .header.panel .top-panel .search-area > a {
  2727. display: none;
  2728. }
  2729. .page-header.type12 .header.panel .top-panel .search-area > .block-search {
  2730. display: inline-block;
  2731. position: static;
  2732. float: right;
  2733. margin: 0;
  2734. }
  2735. .onepage-category, .cms-index-index .onepage-category {
  2736. display: block;
  2737. }
  2738. .onepage-category > .category-list {
  2739. width: auto;
  2740. float: none;
  2741. padding: 0;
  2742. min-height: 0;
  2743. position: static;
  2744. }
  2745. .onepage-category > .category-list > ul {
  2746. padding: 0;
  2747. }
  2748. .onepage-category > .category-list > ul > li {
  2749. margin: 0;
  2750. display: inline-block;
  2751. }
  2752. .onepage-category > .category-list > ul > li > a:hover > span,.onepage-category > .category-list > ul > li > a:after {
  2753. display: none;
  2754. }
  2755. .onepage-cat.category-list + .main.container {
  2756. float: none;
  2757. }
  2758. .onepage-cat.category-list + .main.container {
  2759. padding: 0 15px;
  2760. }
  2761. .onepage-cat.category-list + .main.container {
  2762. width: auto;
  2763. }
  2764. .onepage-category > .category-details {
  2765. float: none;
  2766. width: auto;
  2767. padding: 0 15px;
  2768. }
  2769. .onepage-category > .category-list > ul {
  2770. position: static !important;
  2771. }
  2772. .onepage-category .category-detail .menu-popup > ul {
  2773. display: block;
  2774. }
  2775. .onepage-category .category-detail .menu-popup > ul.columns5 > li {
  2776. width: 50%;
  2777. padding: 10px 15px;
  2778. }
  2779. .onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(5n+1) {
  2780. border-left: 1px solid #bebebe;
  2781. clear: none;
  2782. }
  2783. .onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(2n+1) {
  2784. border-left: 0;
  2785. clear: left;
  2786. }
  2787. .onepage-category .category-detail .menu-popup ul > li> a {
  2788. font-size: 14px;
  2789. }
  2790. }
  2791. .product.info.detailed.sticky .product.data.items > .item.content {
  2792. margin: 0;
  2793. }
  2794. .product-tabs-container {
  2795. position: fixed;
  2796. left: 0;
  2797. top: 0;
  2798. width: 100%;
  2799. padding: 15px 0;
  2800. z-index: 3;
  2801. background-color: #fff;
  2802. box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  2803. }
  2804. .product-tabs-container.has-sticky-header {
  2805. top: 44px;
  2806. }
  2807. .product-tabs-container .data.item.title {
  2808. display: inline-block;
  2809. font-size: 13px;
  2810. padding: 0 10px;
  2811. }
  2812. .product-tabs-container .data.item.title:first-child {
  2813. padding-left: 0;
  2814. }
  2815. .product-tabs-container .data.item.title > a {
  2816. color: #777;
  2817. padding: 10px 0;
  2818. }
  2819. .authentication-wrapper {
  2820. line-height: 50px;
  2821. margin-top: 0 !important;
  2822. margin-left: 20px;
  2823. }
  2824. .filter-options-content .ln_slider_container {width: 93%;margin: 0 7px;}
  2825. #ln_slider_price .ui-slider-handle {
  2826. margin-top: -5px;
  2827. background: #08c;
  2828. height: 18px;
  2829. width: 13px;
  2830. border-radius: 5px;
  2831. margin-left: -7px;
  2832. }
  2833. #ln_slider_price.ui-slider-horizontal {
  2834. height: 7px;
  2835. margin-bottom: 15px;
  2836. background: #1ab2ff;
  2837. box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,.38);
  2838. }
  2839. #ln_price_attribute {
  2840. padding: 10px 5px;
  2841. }
  2842. .block-category-list .block-content ol li.item {
  2843. margin: 9px 0;
  2844. }
  2845. .filter-options-content {
  2846. padding: 15px;
  2847. }
  2848. .filter-options-content ol.items {
  2849. margin: -9px 0;
  2850. }
  2851. .sidebar .product-items .product-item-info .product-item-photo img.hover_image {
  2852. display: none;
  2853. }
  2854. .page-main .block.block-category-list {
  2855. margin-bottom: 14px;
  2856. }
  2857. .block-category-list .block-title {
  2858. padding: 10px 15px;
  2859. margin: 0;
  2860. font-size: 13px;
  2861. font-weight: bold;
  2862. text-transform: uppercase;
  2863. border: 1px solid #ddd;
  2864. background-color: #f5f5f5;
  2865. position: relative;
  2866. cursor: pointer;
  2867. border-radius: 7px 7px 0 0;
  2868. display: block;
  2869. text-decoration: none;
  2870. }
  2871. .block-category-list .block-content {
  2872. margin: 0;
  2873. padding: 10px 15px;
  2874. font-size: 13px;
  2875. border: 1px solid #ddd;
  2876. border-top: 0;
  2877. border-radius: 0 0 7px 7px;
  2878. background-color: #fbfbfb;
  2879. }
  2880. .block-category-list .block-content .item a {
  2881. color: #777;
  2882. }
  2883. .block-header-customer-login {
  2884. position: absolute;
  2885. right: 0;
  2886. min-width: 300px;
  2887. background: #fff;
  2888. z-index: 9;
  2889. padding: 20px;
  2890. border-radius: 6px;
  2891. box-shadow: 0 0 5px rgba(0,0,0,0.3);
  2892. border-top: 4px solid #08c;
  2893. margin-top: 10px;
  2894. visibility: hidden;
  2895. opacity: 0;
  2896. transition: all 0.3s;
  2897. }
  2898. .block-header-customer-login:before {
  2899. content: "";
  2900. border: 5px solid transparent;
  2901. border-bottom-color: #08c;
  2902. position: absolute;
  2903. top: -14px;
  2904. right: 30px;
  2905. }
  2906. .block-header-customer-login.open {
  2907. visibility: visible;
  2908. opacity: 1;
  2909. }
  2910. .authorization-link {
  2911. position: relative;
  2912. }
  2913. .filter-toggle {
  2914. display: none;
  2915. }
  2916. .minicart-wrapper .action.showcart .counter.qty .loader > img {
  2917. max-width: 18px;
  2918. display: none;
  2919. }
  2920. .loading-mask .loader > img, .ln_overlay img {
  2921. max-width: 32px;
  2922. }
  2923. .account-nav .nav > li {
  2924. padding: 0;
  2925. position: relative;
  2926. line-height: 1.3;
  2927. border-bottom: 1px solid #ddd;
  2928. }
  2929. .account-nav .nav > li > a {
  2930. color: #777;
  2931. padding: 8px 15px;
  2932. }
  2933. .account-nav .nav > li > a:hover, .account-nav .nav > li > a:focus {
  2934. background: none;
  2935. }
  2936. .account-nav .nav > li > a:before, .account-nav .nav > li > strong:before {
  2937. content: '\f821';
  2938. font-family: 'porto-icons';
  2939. position: absolute;
  2940. left: 5px;
  2941. }
  2942. .account-nav .nav > li > strong {
  2943. position: relative;
  2944. display: block;
  2945. padding: 8px 15px;
  2946. }
  2947. @media(min-width: 768px) {
  2948. .filter-toggle {
  2949. border: 1px solid #ccc;
  2950. font-weight: 400;
  2951. color: #777;
  2952. text-align: center;
  2953. width: auto;
  2954. line-height: 26px;
  2955. background-color: #fff;
  2956. display: block;
  2957. margin-left: 5px;
  2958. border-radius: 3px;
  2959. display: inline-block;
  2960. text-decoration: none;
  2961. padding: 0 10px;
  2962. display: inline-block;
  2963. }
  2964. .filter-toggle:hover {
  2965. color: #777;
  2966. }
  2967. .filter-toggle.active {
  2968. color: #fff;
  2969. background-color: #08c;
  2970. border-color: #08c;
  2971. }
  2972. .column.main {
  2973. transition: all 0.5s;
  2974. }
  2975. .column.main.toggle-close {
  2976. width: 100% !important;
  2977. }
  2978. .sidebar.sidebar-main {
  2979. transition: all 0.5s;
  2980. }
  2981. .sidebar.sidebar-main.toggle-close {
  2982. margin-left: -300px;
  2983. opacity: 0;
  2984. visibility: hidden;
  2985. }
  2986. }
  2987. @media(max-width: 767px) {
  2988. .product-tabs-container.has-sticky-header:not(.has-mobile-sticky-header) {
  2989. top: 0;
  2990. }
  2991. .product-tabs-container.has-sticky-header.has-mobile-sticky-header {
  2992. top: 64px;
  2993. }
  2994. .block-header-customer-login {
  2995. display: none;
  2996. }
  2997. }
  2998. .ajax-products{display:flex;padding:0 85px}
  2999. .ajax-products > .category-list{border-right:1px solid #dcdcdc;padding:70px 15px}
  3000. .ajax-products > .category-list > span{display:block;font-size:20px;font-weight:600;color:gray;margin-bottom:10px}
  3001. .ajax-products > .category-list > ul{list-style:none;padding:0}
  3002. .ajax-products > .category-list > ul > li{padding:10px 0}
  3003. .ajax-products > .category-list > ul > li > a{display:block;text-transform:uppercase;color:#000;font-weight:700;font-size:12px;position:relative;padding-left:20px}
  3004. .ajax-products > .category-list > ul > li > a:before{content:"\f87d";font-family:"porto-icons";margin-right:10px;display:inline-block;width:11px;position:absolute;left:0}
  3005. .ajax-products > .category-list > ul > li > a.active:before{content:"\f87c"}
  3006. .ajax-products > .category-list > ul > li > a > span{display:inline-block}
  3007. .ajax-products > .category-list > ul > li > a:hover{text-decoration:none}
  3008. .ajax-products > .category-detail{position:relative;min-height:70vh;padding:70px 15px}
  3009. .ajax-products > .category-detail > h2{text-align:center;margin:30px 0;font-size:26px;color:#000;text-transform:uppercase;font-weight:700;letter-spacing:10px}
  3010. .ajax-products > .category-detail > .ajax_products_loader{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;background-color:rgba(255,255,255,0.5)}
  3011. .load-more-area{text-align:center;margin:30px 0}
  3012. .load-more-area > a{display:inline-block;font-size:12px;font-weight:600;line-height:1;text-transform:uppercase;background-color:#000;color:#fff;padding:20px 45px;letter-spacing:3px;transition:all .3s;box-shadow:3px 3px 0 rgba(0,0,0,0.5)}
  3013. .load-more-area > a:hover{text-decoration:none;opacity:.85;color:#fff}
  3014. .full-width-image{text-align:center;padding:200px 0;background-size:cover}
  3015. .full-width-image > h3{font-size:90px;color:#fff;font-weight:600;letter-spacing:-5px}
  3016. .full-width-image > a{display:inline-block;font-size:12px;font-weight:600;line-height:1;text-transform:uppercase;background-color:#fff;color:#000;padding:20px 45px;letter-spacing:3px;transition:all .3s;box-shadow:3px 3px 0 rgba(255,255,255,0.5);margin:20px 0}
  3017. .full-width-image > a:hover{text-decoration:none;opacity:.85}
  3018. #home-content-slider-demo-20 .item > div.content{max-width:40%}
  3019. #home-content-slider-demo-20 .item > div.content > h3{color:#fff;font-size:60px;font-weight:600;letter-spacing:-4px;margin-bottom:20px}
  3020. #home-content-slider-demo-20 .item > div.content > a{font-size:12px;font-weight:600;line-height:1;text-transform:uppercase;background-color:#fff;color:#000;padding:20px 45px;letter-spacing:3px;transition:all .3s;box-shadow:3px 3px 0 rgba(255,255,255,0.5);margin:20px 0;display:inline-block}
  3021. #home-content-slider-demo-20 .item > div.content > a:hover{text-decoration:none;opacity:.85}
  3022. .full-screen-slider {height: 100vh;}
  3023. .full-screen-slider:after {content: "\f110";font-family: "porto-icons";position: absolute;left: 50%;top: 50%;font-size: 20px;margin-top: -18px;margin-left: -10px;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;color: #777;z-index: 1;}
  3024. .owl-carousel.owl-loaded {position: relative;z-index: 2;}
  3025. .full-screen-slider{position:relative}
  3026. .full-screen-slider #banner-slider-demo-20 .item > div.content{text-align:left;position:absolute}
  3027. .full-screen-slider #banner-slider-demo-20 .item > div.content > h2{line-height:.9;font-size:80px;font-weight:600}
  3028. .full-screen-slider #banner-slider-demo-20 .item > div.content > a{font-size:12px;font-weight:700;line-height:1;text-transform:uppercase;background-color:#fff;color:#000;padding:20px 45px;letter-spacing:3px;transition:all .3s;box-shadow:3px 3px 0 rgba(255,255,255,0.5);margin:20px 0;display:inline-block}
  3029. .full-screen-slider #banner-slider-demo-20 .item > div.content > a:hover{text-decoration:none;opacity:.85}
  3030. #banner-slider-demo-20+.owl-thumbs{position:absolute;right:100px;bottom:50px;width:30%;z-index:2}
  3031. #banner-slider-demo-20+.owl-thumbs button{width:auto;height:auto;padding:0;border:0;margin:0;float:left;max-width:33.33%;background:none}
  3032. #banner-slider-demo-20+.owl-thumbs button img{border:3px solid transparent}
  3033. #banner-slider-demo-20+.owl-thumbs button.active img{border-color:#fff;border-color:rgba(255,255,255,0.5)}
  3034. .page-header {
  3035. z-index: 5;
  3036. margin-bottom: 10px;
  3037. }
  3038. .page-header.type13 {
  3039. background: #000;
  3040. border: 0;
  3041. }
  3042. .page-header.type13 .header.content {
  3043. padding: 25px 85px;
  3044. }
  3045. .page-header.type13 .logo {
  3046. margin: 0;
  3047. }
  3048. .page-header.type13 .header.content .header.panel {
  3049. right: 100px;
  3050. top: 50%;
  3051. position: absolute;
  3052. padding: 0;
  3053. margin-top: -13px;
  3054. }
  3055. .page-header.type13 .header.panel .top-panel {
  3056. display: inline-block;
  3057. vertical-align: middle;
  3058. }
  3059. .page-header.type13 .header.panel .bottom-panel {
  3060. display: inline-block;
  3061. vertical-align: middle;
  3062. }
  3063. .page-header.type13 .header.panel .top-panel .menu-area {
  3064. display: inline-block;
  3065. vertical-align: middle;
  3066. position: relative;
  3067. }
  3068. .page-header.type13 .header.panel .top-panel .top-links-area {
  3069. display: inline-block;
  3070. vertical-align: middle;
  3071. }
  3072. .page-header.type13 .header.panel .bottom-panel .search-area {
  3073. display: inline-block;
  3074. vertical-align: middle;
  3075. position: relative;
  3076. margin: 0 40px 0 20px;
  3077. }
  3078. .page-header.type13 .header.panel .bottom-panel .search-area .block-search {
  3079. margin: 0;
  3080. position: absolute;
  3081. right: 0;
  3082. top: 100%;
  3083. display: none
  3084. }
  3085. .page-header.type13 .nav-toggle {
  3086. line-height: 1;
  3087. vertical-align: middle;
  3088. float: none;
  3089. }
  3090. .page-header.type13 .nav-toggle:before {
  3091. color: #fff;
  3092. }
  3093. .page-header.type13 .search-toggle-icon {
  3094. color: #fff;
  3095. font-size: 20px;
  3096. }
  3097. .page-header.type13 .search-toggle-icon .porto-icon-search:before {
  3098. content: '\f87b'
  3099. }
  3100. .page-header.type13 .header.panel .bottom-panel .search-area .block-search {
  3101. right: -20px;
  3102. margin-top: 15px;
  3103. }
  3104. .page-header.type13 .block-search .action.search {
  3105. width: 40px;
  3106. }
  3107. .page-header.type13 .menu-area > .shop-menu {
  3108. color: #fff;
  3109. margin-right: 20px;
  3110. text-transform: uppercase;
  3111. font-weight: 600;
  3112. font-size: 11px;
  3113. letter-spacing: 2px;
  3114. display: block;
  3115. }
  3116. .page-header.type13 .menu-area > .shop-menu:hover {
  3117. text-decoration: none;
  3118. }
  3119. .page-header.type13 .top-links-area > a.top-links-icon {
  3120. display: none;
  3121. }
  3122. .page-header.type13 .top-links-area > ul.links {
  3123. padding: 0;
  3124. }
  3125. .page-header.type13 .panel.header .switcher {
  3126. margin-right: 20px;
  3127. float: none;
  3128. vertical-align: middle;
  3129. }
  3130. .page-header.type13 .switcher strong {
  3131. color: #fff;
  3132. font-size: 11px;
  3133. font-weight: 600;
  3134. text-transform: uppercase;
  3135. letter-spacing: 2px;
  3136. }
  3137. .page-header.type13 .switcher .options .action.toggle:after, .page-header.type13 .switcher .options .action.toggle:hover:after {
  3138. color: #fff;
  3139. }
  3140. .page-header.type13 .minicart-wrapper {
  3141. vertical-align: middle;
  3142. }
  3143. .page-header.type13 .minicart-wrapper .action.showcart {
  3144. position: relative;
  3145. }
  3146. .page-header.type13 .minicart-wrapper .action.showcart:before {
  3147. content: '\f87a';
  3148. color: #fff;
  3149. font-size: 25px;
  3150. line-height: 1;
  3151. }
  3152. .page-header.type13 .minicart-wrapper .action.showcart.active:before {
  3153. color: #fff;
  3154. }
  3155. .page-header.type13 .minicart-wrapper .action.showcart .counter.qty {
  3156. color: #000;
  3157. background: #fff;
  3158. border-radius: 8px;
  3159. width: 15px;
  3160. height: 15px;
  3161. line-height: 15px;
  3162. font-size: 11px;
  3163. position: absolute;
  3164. top: auto;
  3165. right: -7px;
  3166. bottom: -7px;
  3167. margin: 0;
  3168. padding: 0;
  3169. left: auto;
  3170. display: block;
  3171. min-width: 0;
  3172. }
  3173. .block-bundle-summary .moved-add-to-links {
  3174. display: block;
  3175. margin-top: 10px;
  3176. }
  3177. .block-bundle-summary .moved-add-to-links .product-addto-links .action {
  3178. width: 40px;
  3179. height:40px;
  3180. line-height: 38px;
  3181. margin-right:5px;
  3182. }
  3183. .block-bundle-summary .moved-add-to-links .action.mailto.friend {
  3184. width: 40px;
  3185. height:40px;
  3186. line-height: 38px;
  3187. }
  3188. @media (min-width:768px) and (max-width: 991px){
  3189. .moved-add-to-links {display: block;margin-top: 15px;}
  3190. }
  3191. @media (min-width: 768px) {
  3192. .page-header.type13 .panel.header .customer-menu .links > li {
  3193. display: block;
  3194. }
  3195. .page-header.type13 .panel.header .links > li {
  3196. display: inline-block;
  3197. vertical-align: top;
  3198. margin: 0;
  3199. }
  3200. .page-header.type13 .panel.header .links > li.greet.welcome {
  3201. display: none;
  3202. }
  3203. .page-header.type13 .block-search input {
  3204. border: 1px solid #ccc;
  3205. }
  3206. .page-header.type13 .panel.header .top-links-area > ul.links > li > a {
  3207. color: #fff;
  3208. margin-right: 20px;
  3209. text-transform: uppercase;
  3210. font-weight: 600;
  3211. font-size: 11px;
  3212. letter-spacing: 2px;
  3213. display: block;
  3214. }
  3215. .page-header.type13 .sections.nav-sections {
  3216. position: absolute;
  3217. left: -15px;
  3218. top: 100%;
  3219. border: 0;
  3220. visibility: hidden;
  3221. opacity: 0;
  3222. transition: all 0.3s;
  3223. min-width: 200px;
  3224. }
  3225. .page-header.type13 .menu-area:hover .sections.nav-sections {
  3226. visibility: visible;
  3227. opacity: 1;
  3228. }
  3229. .page-header.type13 .nav-sections-item-content > .navigation {
  3230. background: #fff;
  3231. border-radius: 5px;
  3232. padding: 5px 0;
  3233. margin-top: 15px;
  3234. }
  3235. .page-header.type13 .sw-megamenu.navigation li.level0 {
  3236. display: block;
  3237. margin: 0;
  3238. }
  3239. .page-header.type13 .sw-megamenu.navigation li.level0 > a {
  3240. display: block;
  3241. font-size: 11px;
  3242. font-weight: 400;
  3243. color: #777;
  3244. padding: 10px 30px 10px 5px;
  3245. text-transform: none;
  3246. margin: 0 8px;
  3247. line-height: 1;
  3248. position: relative;
  3249. }
  3250. .page-header.type13 .sw-megamenu.navigation li.level0 > a:hover {
  3251. background-color: #f4f4f4;
  3252. }
  3253. .page-header.type13 .navigation .level0.parent > a:after {
  3254. line-height: 1;
  3255. content: '\f801';
  3256. position: absolute;
  3257. right: 5px;
  3258. }
  3259. .page-header.type13 .sw-megamenu.navigation li.level0 {
  3260. position: relative !important;
  3261. }
  3262. .page-header.type13 .sw-megamenu.navigation li.level0.fullwidth > .submenu, .page-header.type13 .sw-megamenu.navigation li.level0.staticwidth > .submenu {
  3263. left: 100% !important;
  3264. top: -6px;
  3265. border: 0;
  3266. }
  3267. .page-header.type13 .sw-megamenu.navigation li.level0.classic:hover > .submenu {
  3268. left: 100% !important;
  3269. top: -6px;
  3270. border: 0;
  3271. margin-left: -8px !important;
  3272. }
  3273. }
  3274. @media (max-width: 991px) {
  3275. .page-header.type13 .header.content {
  3276. padding: 25px 15px;
  3277. }
  3278. .page-header.type13 .header.content .header.panel {
  3279. right: 15px;
  3280. }
  3281. .page-header.type13 .header.panel .bottom-panel .search-area {
  3282. margin: 0;
  3283. margin-right: 20px;
  3284. }
  3285. .full-screen-slider #banner-slider-demo-20 .item > div.content > h2 {
  3286. font-size: 45px;
  3287. }
  3288. .full-screen-slider #banner-slider-demo-20 .item > div.content > a {
  3289. font-size: 10px;
  3290. padding: 10px 20px;
  3291. margin: 10px 0;
  3292. }
  3293. #home-content-slider-demo-20 .item > div.content > h3 {
  3294. letter-spacing: 0;
  3295. font-size: 25px;
  3296. margin-bottom: 10px;
  3297. }
  3298. #home-content-slider-demo-20 .item > div.content > a {
  3299. font-size: 10px;
  3300. padding: 10px 20px;
  3301. margin: 10px 0;
  3302. }
  3303. }
  3304. @media (max-width: 767px) {
  3305. .page-header.type13 .logo img {
  3306. height: 30px;
  3307. width: auto;
  3308. }
  3309. .page-header.type13 .nav-toggle {
  3310. display: inline-block;
  3311. }
  3312. .page-header.type13 .header.panel .top-panel .menu-area > a {
  3313. display: none;
  3314. }
  3315. .page-header.type13 .sections.nav-sections {
  3316. display: block;
  3317. }
  3318. .page-header.type13 .nav-sections .header.links, .page-header.type13 .nav-sections .switcher {
  3319. display: block;
  3320. }
  3321. .page-header.type13 .switcher strong, .page-header.type13 .switcher .options .action.toggle:after, .page-header.type13 .switcher .options .action.toggle:hover:after {
  3322. color: #777;
  3323. }
  3324. .page-header.type13 .minicart-wrapper {
  3325. margin-top: 0;
  3326. }
  3327. #banner-slider-demo-20+.owl-thumbs {
  3328. width: 50%;
  3329. right: 25%;
  3330. }
  3331. #home-content-slider-demo-20 .item > div.content > p {
  3332. display: none;
  3333. }
  3334. #home-content-slider-demo-20 .item > div.content > a {
  3335. display: none;
  3336. }
  3337. .ajax-products {
  3338. display: block;
  3339. }
  3340. .ajax-products > .category-list {
  3341. border-right: 0;
  3342. padding: 30px 15px;
  3343. }
  3344. .ajax-products > .category-list > ul > li {
  3345. display: inline-block;
  3346. margin-right: 30px;
  3347. }
  3348. .ajax-products > .category-detail {
  3349. padding-top: 0;
  3350. min-height: 70vh;
  3351. }
  3352. .load-more-area > a,.full-width-image > a {
  3353. font-size: 8px;
  3354. padding: 10px 20px;
  3355. margin: 10px 0;
  3356. }
  3357. .full-width-image {
  3358. padding: 100px 0;
  3359. }
  3360. .full-width-image > h3 {
  3361. font-size: 35px;
  3362. letter-spacing: -1px;
  3363. }
  3364. .page-header.type13 .search-toggle-icon {
  3365. display: none;
  3366. }
  3367. .page-header.type13 .block-search .label:before {
  3368. color: #fff;
  3369. content: '\f87b';
  3370. }
  3371. .page-header.type13 .header.panel .bottom-panel .search-area {
  3372. position: static;
  3373. }
  3374. .page-header.type13 .header.panel .bottom-panel .search-area .block-search {
  3375. display: inline-block;
  3376. margin: 0;
  3377. position: static;
  3378. }
  3379. .page-header.type13 .block-search .label {
  3380. float: none;
  3381. }
  3382. .page-header.type13 .block-search .label + .control input {
  3383. position: absolute;
  3384. left: -9999px;
  3385. min-width: 200px;
  3386. }
  3387. .page-header.type13 .block-search .label.active + .control input {
  3388. left: auto;
  3389. right: 0;
  3390. }
  3391. }
  3392. ul.scene{width:100%;height:100%}
  3393. ul.scene > li.layer{width:100%;height:100%}
  3394. .animation-wave{-webkit-animation: wave 20s 0.1s infinite linear;-moz-animation: wave 20s 0.1s infinite linear;animation: wave 20s 0.1s infinite linear}
  3395. .animation-spin {
  3396. -moz-animation: spin 20s infinite linear;
  3397. -o-animation: spin 20s infinite linear;
  3398. -webkit-animation: spin 20s infinite linear;
  3399. animation: spin 20s infinite linear;
  3400. }
  3401. @-webkit-keyframes wave {
  3402. 0% {
  3403. -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  3404. -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  3405. transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  3406. }
  3407. 100% {
  3408. -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  3409. -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  3410. transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  3411. }
  3412. }
  3413. @-moz-keyframes wave {
  3414. 0% {
  3415. -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  3416. -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  3417. transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  3418. }
  3419. 100% {
  3420. -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  3421. -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  3422. transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  3423. }
  3424. }
  3425. @-ms-keyframes wave {
  3426. 0% {
  3427. -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  3428. -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  3429. transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  3430. }
  3431. 100% {
  3432. -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  3433. -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  3434. transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  3435. }
  3436. }
  3437. @keyframes wave {
  3438. 0% {
  3439. -webkit-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  3440. -moz-transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  3441. transform: rotateZ(0deg) translate3d(0,10%,0) rotateZ(0deg);
  3442. }
  3443. 100% {
  3444. -webkit-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  3445. -moz-transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  3446. transform: rotateZ(360deg) translate3d(0,10%,0) rotateZ(-360deg);
  3447. }
  3448. }
  3449. .product-reviews-summary.empty .reviews-actions:before {
  3450. content: '\f844' '\f844' '\f844' '\f844' '\f844';
  3451. display: inline-block;
  3452. vertical-align: middle;
  3453. font-family: "porto-icons";
  3454. color: #c3c5c9;
  3455. letter-spacing: 3px;
  3456. font-size: 12px;
  3457. }
  3458. .product-labels {
  3459. z-index: 4;
  3460. }
  3461. .product-item-photo:hover .product-image-photo.hover_image {
  3462. z-index: 3;
  3463. }
  3464. .products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2 {
  3465. z-index: 4;
  3466. }
  3467. .product-social-links .at-style-responsive .at-share-btn {
  3468. padding: 0;
  3469. }
  3470. .product-social-links .at-resp-share-element .at-share-btn:focus, .product-social-links .at-resp-share-element .at-share-btn:hover {
  3471. -webkit-transform: none;
  3472. transform: none;
  3473. }
  3474. .product-social-links .at-resp-share-element .at-share-btn {
  3475. margin: 0 4px;
  3476. }
  3477. .product-social-links .addthis_inline_share_toolbox {
  3478. margin: 15px 0 15px -4px;
  3479. }
  3480. #at-expanded-menu-host .at-expanded-menu-load {
  3481. line-height: 1;
  3482. height: auto;
  3483. }
  3484. #at-expanded-menu-host .at-expanded-menu-service-list button {
  3485. height: auto;
  3486. }
  3487. .gallery-placeholder .loader img {
  3488. display: none;
  3489. }
  3490. .loader:before {
  3491. content: "\f110";
  3492. font-family: "porto-icons";
  3493. -moz-animation: spin 2s infinite linear;
  3494. -o-animation: spin 2s infinite linear;
  3495. -webkit-animation: spin 2s infinite linear;
  3496. animation: spin 2s infinite linear;
  3497. position: absolute;
  3498. top: 50%;
  3499. left: 50%;
  3500. font-size: 30px;
  3501. margin-top: -15px;
  3502. margin-left: -15px;
  3503. color: #777;
  3504. }
  3505. .minicart-wrapper .action.showcart .counter.qty .loader:before {
  3506. content: "\f110";
  3507. font-family: "porto-icons";
  3508. -moz-animation: spin 2s infinite linear;
  3509. -o-animation: spin 2s infinite linear;
  3510. -webkit-animation: spin 2s infinite linear;
  3511. animation: spin 2s infinite linear;
  3512. position: absolute;
  3513. top: 50%;
  3514. left: 50%;
  3515. font-size: 16px;
  3516. margin-top: -12px;
  3517. margin-left: -8px;
  3518. color: #777;
  3519. }
  3520. .loading-mask {
  3521. background: transparent;
  3522. }
  3523. .product-item-photo>a:not(.weltpixel-quickview):before {
  3524. content: "\f110";
  3525. font-family: "porto-icons";
  3526. -moz-animation: spin 2s infinite linear;
  3527. -o-animation: spin 2s infinite linear;
  3528. -webkit-animation: spin 2s infinite linear;
  3529. animation: spin 2s infinite linear;
  3530. position: absolute;
  3531. top: 50%;
  3532. left: 50%;
  3533. font-size: 20px;
  3534. margin-top: -14px;
  3535. margin-left: -10px;
  3536. color: #777;
  3537. z-index: 1;
  3538. }
  3539. .product-image-photo.default_image {
  3540. position: relative;
  3541. z-index: 2;
  3542. }
  3543. .filter-content .ln_overlay {
  3544. display: none !important;
  3545. }
  3546. .ln_overlay {
  3547. background-color: #FFFFFF;
  3548. background-color: rgba(255,255,255,0.5);
  3549. height: 100%;
  3550. left: 0;
  3551. position: absolute;
  3552. top: 0;
  3553. width: 100%;
  3554. z-index: 555;
  3555. display:none;
  3556. }
  3557. .ln_overlay .ajax-loader {
  3558. position: absolute;
  3559. left: 50%;
  3560. top: 50%;
  3561. margin-top: -16px;
  3562. margin-left: -16px;
  3563. }
  3564. .infinite-loader {
  3565. text-align: center;
  3566. margin: 20px 0;
  3567. }
  3568. .infinite-loader .loading {
  3569. line-height: 30px;
  3570. display: none;
  3571. }
  3572. .infinite-loader .loading i.ajax-loader {
  3573. margin-right: 15px;
  3574. width: 16px;
  3575. height: 16px;
  3576. border-width: 2.5px;
  3577. }
  3578. .infinite-loader .btn-load-more {
  3579. display: none;
  3580. color: #333;
  3581. background-color: #fff;
  3582. font-size: 13px;
  3583. padding: 5px 20px;
  3584. line-height: 30px;
  3585. border-radius: 5px;
  3586. border: 1px solid #ccc;
  3587. }
  3588. .catalog-category-view .infinite-loader + .toolbar.toolbar-products .limiter {
  3589. float: none;
  3590. }
  3591. .catalog-category-view .infinite-loader + .toolbar.toolbar-products .pages {
  3592. display: none;
  3593. }
  3594. .owl-item.loading .product-item-photo {
  3595. min-height: 100px;
  3596. }
  3597. @media (min-width: 768px) and (max-width: 991px) {
  3598. .block-search {
  3599. max-width: 240px;
  3600. }
  3601. }
  3602. .owl-theme.owl-bottomright-narrow .owl-controls {
  3603. position: absolute;
  3604. right: 0;
  3605. bottom: 0;
  3606. margin: 0;
  3607. }
  3608. .owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] {
  3609. color: #fff;
  3610. font-size: 25px;
  3611. background: #000;
  3612. border-radius: 0;
  3613. margin: 1px 1px 1px 0;
  3614. padding: 0;
  3615. width: 90px;
  3616. height: 90px;
  3617. line-height: 90px;
  3618. opacity: 1;
  3619. }
  3620. .page-header.header-newskin .minicart-wrapper {
  3621. position: relative;
  3622. width: 58px;
  3623. vertical-align: middle;
  3624. margin-left: 15px;
  3625. margin-right: 0;
  3626. }
  3627. .page-header.header-newskin .minicart-wrapper .action.close {
  3628. top: 5px;
  3629. }
  3630. .page-header.header-newskin .minicart-wrapper .loading-mask {
  3631. }
  3632. .page-header.header-newskin .minicart-wrapper .block-minicart {
  3633. border: solid 1px #f0f0f0;
  3634. box-shadow: 0 5px 8px -2px rgba(0,0,0,0.25);
  3635. right:-20px;
  3636. }
  3637. .page-header.header-newskin .minicart-wrapper .block-minicart:before,
  3638. .page-header.header-newskin .minicart-wrapper .block-minicart:after {
  3639. border-bottom-style: solid;
  3640. content: '';
  3641. display: block;
  3642. height: 0;
  3643. position: absolute;
  3644. width: 0;
  3645. }
  3646. .page-header.header-newskin .minicart-wrapper .block-minicart:before {
  3647. border: 10px solid;
  3648. border-color: transparent transparent #fff transparent;
  3649. z-index: 3;
  3650. right: 45.7px;
  3651. top: -20px;
  3652. }
  3653. .page-header.header-newskin .minicart-wrapper .block-minicart:after {
  3654. border: 11px solid;
  3655. border-color: transparent transparent #f0f0f0 transparent;
  3656. z-index: 2;
  3657. right: 45px;
  3658. top: -22px;
  3659. left: auto;
  3660. }
  3661. .page-header.header-newskin .minicart-wrapper .action.showcart {
  3662. position: relative;
  3663. padding: 0 25px 0 0;
  3664. line-height: 31px;
  3665. }
  3666. .page-header.header-newskin.sticky-header .minicart-wrapper .action.showcart {
  3667. line-height: 40px;
  3668. }
  3669. .page-header.header-newskin .minicart-wrapper .action.showcart:before,
  3670. .page-header.header-newskin .minicart-wrapper .action.showcart.active:before {
  3671. content: '\e87f';
  3672. font-size: 29px;
  3673. line-height: 32px;
  3674. }
  3675. .page-header.header-newskin.sticky-header .minicart-wrapper .action.showcart:before,
  3676. .page-header.header-newskin.sticky-header .minicart-wrapper .action.showcart.active:before {
  3677. line-height: 39px;
  3678. }
  3679. .page-header.header-newskin .minicart-wrapper .action.showcart:after {
  3680. content: "\f803";
  3681. font-family: 'porto-icons';
  3682. position: absolute;
  3683. right: 0;
  3684. top: 1px;
  3685. -webkit-font-smoothing: antialiased;
  3686. }
  3687. .page-header.header-newskin .minicart-wrapper .action.showcart .counter.qty {
  3688. width: 16px;
  3689. height: 16px;
  3690. display: block;
  3691. font-size: 10px;
  3692. color: #fff;
  3693. background-color: #ed5348;
  3694. text-align: center;
  3695. line-height: 16px;
  3696. border-radius: 20px;
  3697. min-width: auto;
  3698. left: auto;
  3699. right: 16px;
  3700. margin-top: -16px;
  3701. }
  3702. header.page-header.type14 {
  3703. background-color: #0f0f0f;
  3704. position: relative;
  3705. border: 0;
  3706. z-index: 4;
  3707. }
  3708. header.page-header.type14 .header.content {
  3709. display: block;
  3710. vertical-align: middle;
  3711. padding: 35px 85px;
  3712. max-height: 120px;
  3713. }
  3714. header.page-header.type14 .header.content > .logo {
  3715. display: block;
  3716. padding: 0 15px;
  3717. margin: 0 50px 0 0;
  3718. float: left;
  3719. z-index: 6;
  3720. }
  3721. header.page-header.type14 .logo img {
  3722. height: 50px;
  3723. width: auto;
  3724. }
  3725. header.page-header.type14 .panel.header {
  3726. position: absolute;
  3727. right: 300px;
  3728. top: 50%;
  3729. margin-top: -12px;
  3730. z-index: 6;
  3731. display: inline-block;
  3732. vertical-align: middle;
  3733. padding: 0 !important;
  3734. }
  3735. header.page-header.type14 .panel.header .top-panel {
  3736. display: inline-block;
  3737. vertical-align: middle;
  3738. margin-right: 50px;
  3739. }
  3740. header.page-header.type14 .panel.header .bottom-panel {
  3741. display: inline-block;
  3742. vertical-align: middle;
  3743. }
  3744. header.page-header.type14 .panel.header .links {
  3745. list-style: none;
  3746. padding: 0;
  3747. color: #ccc;
  3748. font-family: "Oswald";
  3749. letter-spacing: 1px;
  3750. font-size: 11px;
  3751. text-transform: uppercase;
  3752. font-weight: 700;
  3753. }
  3754. header.page-header.type14 .panel.header .links > li {
  3755. display: inline-block;
  3756. vertical-align: middle;
  3757. margin: 0;
  3758. }
  3759. header.page-header.type14 .panel.header .links > li > a {
  3760. color: #ccc;
  3761. text-decoration: none;
  3762. }
  3763. header.page-header.type14 .panel.header .links > li > a:hover {
  3764. color: #fff;
  3765. }
  3766. header.page-header.type14 .panel.header .links > li > *:not(.no-display):not(div) {
  3767. padding: 0 8px;
  3768. }
  3769. header.page-header.type14 .panel.header .links > li:first-child > * {
  3770. padding-left: 0;
  3771. }
  3772. header.page-header.type14 .panel.header .search-area {
  3773. display: inline-block;
  3774. vertical-align: middle;
  3775. margin-left: 40px;
  3776. margin-right: 30px;
  3777. position: relative;
  3778. }
  3779. header.page-header.type14 .search-area .search-toggle-icon {
  3780. font-family: "Oswald";
  3781. font-size: 11px;
  3782. font-weight: 700;
  3783. color: #ccc;
  3784. text-transform: uppercase;
  3785. letter-spacing: 1px;
  3786. }
  3787. header.page-header.type14 .search-area .search-toggle-icon span {
  3788. display: inline-block;
  3789. vertical-align: middle;
  3790. }
  3791. header.page-header.type14 .search-area .search-toggle-icon i.porto-icon-search {
  3792. margin-right: 10px;
  3793. font-size: 24px;
  3794. display: inline-block;
  3795. vertical-align: middle;
  3796. line-height: 1;
  3797. }
  3798. header.page-header.type14 i.porto-icon-search:before {
  3799. content: "\f880";
  3800. }
  3801. header.page-header.type14 .panel.header .block-search {
  3802. display: none;
  3803. position: absolute;
  3804. top: -7px;
  3805. right: 0;
  3806. left: auto;
  3807. width: 300px;
  3808. margin: 0;
  3809. }
  3810. header.page-header.type14 .block-search input {
  3811. background-color: rgba(0,0,0,0.85);
  3812. border: 1px solid #ccc;
  3813. font-family: "Oswald";
  3814. font-size: 12px;
  3815. text-transform: uppercase;
  3816. letter-spacing: 1px;
  3817. font-weight: 700;
  3818. color: #ccc;
  3819. min-width: 300px;
  3820. }
  3821. header.page-header.type14 .block-search .action.search:before {
  3822. content: "\f880";
  3823. color: inherit;
  3824. }
  3825. header.page-header.type14 .block-search .action.search {
  3826. width: 40px;
  3827. text-align: center;
  3828. color: #fff;
  3829. }
  3830. header.page-header.type14 .minicart-wrapper {
  3831. display: inline-block;
  3832. position: absolute;
  3833. top: 0;
  3834. right: 0;
  3835. padding: 0;
  3836. margin: 0;
  3837. vertical-align: middle;
  3838. background-color: #0f0f0f;
  3839. height: 100%;
  3840. width: 280px;
  3841. text-align: center;
  3842. }
  3843. header.page-header.type14 .minicart-wrapper.active {
  3844. position: fixed;
  3845. height: 120px;
  3846. }
  3847. header.page-header.type14 .minicart-wrapper .action.showcart {
  3848. display: block;
  3849. text-align: center;
  3850. }
  3851. header.page-header.type14 .minicart-wrapper .action.showcart:before {
  3852. content: "\f881";
  3853. color: #ccc;
  3854. font-size: 25px;
  3855. line-height: 120px;
  3856. margin-right: 15px;
  3857. display: inline-block;
  3858. vertical-align: middle;
  3859. }
  3860. header.page-header.type14 .minicart-wrapper .action.showcart .counter.qty {
  3861. position: static;
  3862. display: inline-block;
  3863. vertical-align: middle;
  3864. margin: 0;
  3865. width: auto;
  3866. padding: 0;
  3867. font-family: "Oswald";
  3868. font-size: 11px;
  3869. font-weight: 700;
  3870. color: #ccc;
  3871. letter-spacing: 1px;
  3872. line-height: 20px;
  3873. }
  3874. header.page-header.type14 .minicart-wrapper .action.showcart .counter-number {
  3875. display: inline-block;
  3876. vertical-align: middle;
  3877. }
  3878. header.page-header.type14 .minicart-wrapper .action.showcart .counter-label {
  3879. height: auto;
  3880. width: auto;
  3881. position: static;
  3882. display: inline-block;
  3883. vertical-align: middle;
  3884. text-transform: uppercase;
  3885. margin: 0;
  3886. }
  3887. header.page-header.type14 .minicart-wrapper .block-minicart {
  3888. right: 0;
  3889. top: 100%;
  3890. border: 0;
  3891. margin: 0;
  3892. width: 280px;
  3893. height: calc(100vh - 100%);
  3894. overflow: auto;
  3895. color: #000;
  3896. }
  3897. header.page-header.type14 .minicart-wrapper .block-minicart:before {
  3898. display: none;
  3899. }
  3900. header.page-header.type14 .minicart-wrapper .action.close {
  3901. opacity: 1;
  3902. }
  3903. header.page-header.type14 .minicart-wrapper .action.close:before {
  3904. font-size: 20px;
  3905. line-height: 40px;
  3906. color: #000;
  3907. }
  3908. header.page-header.type14 .block-header-customer-login {
  3909. border: 0;
  3910. margin-top: 20px;
  3911. }
  3912. header.page-header.type14 .block-header-customer-login button {
  3913. font-family: "Oswald";
  3914. letter-spacing: 1px;
  3915. text-transform: uppercase;
  3916. font-size: 12px;
  3917. }
  3918. header.page-header.type14 .block-header-customer-login input {
  3919. font-family: "Oswald";
  3920. font-weight: 400;
  3921. letter-spacing: 1px;
  3922. font-size: 12px;
  3923. color: #000;
  3924. }
  3925. header.page-header.type14 .block-header-customer-login:before {
  3926. border-bottom-color: #fff;
  3927. top: -10px;
  3928. }
  3929. header.page-header.type14 .minicart-wrapper.active {
  3930. position: fixed;
  3931. right: 0;
  3932. top: 0;
  3933. }
  3934. header.page-header.type15 {
  3935. position: relative;
  3936. width: 100%;
  3937. background-color: transparent;
  3938. border: 0;
  3939. z-index: 4;
  3940. border-bottom: 1px solid rgba(60,60,60,0.1);
  3941. }
  3942. .page-header.type15 {
  3943. background-image: url(../images/page-header2.jpg);
  3944. background-repeat: repeat;
  3945. }
  3946. header.page-header.type15 .header > .logo {
  3947. float: left;
  3948. width: 20%;
  3949. margin: 30px 0;
  3950. max-width: 100%;
  3951. }
  3952. header.page-header.type15 .minicart-wrapper {
  3953. max-width: 71px;
  3954. }
  3955. header.page-header.type15 .minicart-wrapper .action.showcart {
  3956. height: 52px;
  3957. padding: 0 15px;
  3958. line-height: 49px;
  3959. }
  3960. header.page-header.type15 .minicart-wrapper .action.showcart:before,
  3961. header.page-header.type15 .minicart-wrapper .action.showcart.active:before {
  3962. content: '\e878';
  3963. color: #fff;
  3964. font-size: 27px;
  3965. display: inline-block;
  3966. height: 52px;
  3967. line-height: 52px;
  3968. }
  3969. header.page-header.type15 .minicart-wrapper .action.showcart .counter.qty {
  3970. position: static;
  3971. font-family: 'Oswald';
  3972. font-size: 15px;
  3973. text-transform: capitalize;
  3974. color: #c0bebb;
  3975. letter-spacing: 0.03em;
  3976. font-weight: 300;
  3977. line-height: 49px;
  3978. margin: 0 0 0 5px;
  3979. min-width: auto;
  3980. height:auto;
  3981. width: auto;
  3982. }
  3983. header.page-header.type15 .minicart-wrapper .action.showcart .counter-number {
  3984. position: absolute;
  3985. font-family: "Poppins";
  3986. font-size: 11px;
  3987. text-align: center;
  3988. color: #fff;
  3989. background-color: #ff4052;
  3990. border-radius: 20px;
  3991. width: 14px;
  3992. height: 14px;
  3993. line-height: 16px;
  3994. top: 13px;
  3995. left: 32px;
  3996. }
  3997. header.page-header.type15 .minicart-wrapper .action.showcart .counter-label {
  3998. position: static;
  3999. }
  4000. header.page-header.type15 .minicart-wrapper .block-minicart {
  4001. border-top-color: #fff;
  4002. }
  4003. header.page-header.type15 .minicart-wrapper .block-minicart:before {
  4004. border-bottom-color: #fff;
  4005. }
  4006. header.page-header.type15 .minicart-wrapper .block-minicart .amount .price-wrapper:first-child .price {
  4007. font-family: 'Oswald';
  4008. font-size: 17px;
  4009. }
  4010. header.page-header.type15 .minicart-wrapper .block-minicart .block-content > .actions > .primary .action.primary,
  4011. header.page-header.type15 .minicart-wrapper .block-minicart .block-content > .actions > .secondary .action.viewcart {
  4012. font-family: 'Oswald';
  4013. font-size: 15px;
  4014. text-transform: uppercase;
  4015. letter-spacing: 0.05em;
  4016. }
  4017. header.page-header.type15 .minicart-wrapper .minicart-items .product-item-details .price {
  4018. font-family: 'Oswald';
  4019. font-size: 13px;
  4020. }
  4021. header.page-header.type15 .minicart-wrapper .minicart-items .product-item-details {
  4022. padding-top: 0;
  4023. padding-bottom: 0;
  4024. }
  4025. .page-header.type16 .logo {
  4026. margin: 28px 0;
  4027. }
  4028. .page-header.type16 .minicart-wrapper {
  4029. position: absolute;
  4030. top: 50%;
  4031. right: 15px;
  4032. margin-top: -20px;
  4033. width: 58px;
  4034. }
  4035. .page-header.type16 .minicart-wrapper .action.showcart {
  4036. position: relative;
  4037. padding: 0 25px 0 0;
  4038. line-height: 37px;
  4039. color: #606669;
  4040. }
  4041. .page-header.type16 .minicart-wrapper .action.showcart:before,
  4042. .page-header.type16 .minicart-wrapper .action.showcart.active:before {
  4043. font-size: 33px;
  4044. line-height: 40px;
  4045. }
  4046. .page-header.type16 .minicart-wrapper .action.showcart .counter.qty {
  4047. font-size: 10px;
  4048. color: #fff;
  4049. background-color: #ed5348;
  4050. right: 19px;
  4051. margin-top: -21px;
  4052. }
  4053. .page-header.type16 .minicart-wrapper .block-minicart {
  4054. right: -15px;
  4055. }
  4056. .page-header.type17 {
  4057. background-color: #0083c1;
  4058. color: #fff;
  4059. border-top-width: 0;
  4060. }
  4061. .page-header.type17 .switcher strong {
  4062. font-weight: 600;
  4063. }
  4064. .page-header.type17 .minicart-wrapper {
  4065. position: absolute;
  4066. top: 50%;
  4067. right: 15px;
  4068. margin-top: -20px;
  4069. }
  4070. .page-header.type17 .minicart-wrapper .action.showcart {
  4071. line-height: 37px;
  4072. color: #606669;
  4073. }
  4074. .page-header.type17 .minicart-wrapper .action.showcart:before, .page-header.type17 .minicart-wrapper .action.showcart.active:before {
  4075. color: #fff;
  4076. font-size: 25px;
  4077. line-height: 40px;
  4078. }
  4079. .page-header.type17 .minicart-wrapper .action.showcart .counter.qty {
  4080. background-color: #f17734;
  4081. right: 17px;
  4082. margin-top: -16px;
  4083. }
  4084. .page-header.type17 .minicart-wrapper .action.showcart:after {
  4085. color: #bde1f5;
  4086. -webkit-font-smoothing: inherit;
  4087. }
  4088. .page-header.type17 .minicart-wrapper .action.close {
  4089. top: 5px;
  4090. }
  4091. .page-header.type17 .minicart-wrapper .loading-mask {
  4092. }
  4093. .page-header.type17 .minicart-wrapper .block-minicart {
  4094. right: 0;
  4095. margin: 0;
  4096. }
  4097. .page-header.type17 .minicart-wrapper .block-minicart:before,
  4098. .page-header.type17 .minicart-wrapper .block-minicart:after {
  4099. display: none;
  4100. }
  4101. .page-header.type18 {
  4102. background-color: #fff;
  4103. color: #4a4a4a;
  4104. border-top-width: 0;
  4105. }
  4106. .page-header.type18 > .main-panel-top {
  4107. background-color: #fff;
  4108. border-bottom: solid 1px #eeeeee;
  4109. }
  4110. .page-header.type18 .panel.header .header.links > li > a {
  4111. border: none;
  4112. color: #4a4a4a;
  4113. font-weight: 600;
  4114. letter-spacing: 0.025em;
  4115. }
  4116. .page-header.type18 .panel.header .header.links > li > span {
  4117. color: #4a4a4a;
  4118. font-weight: 600;
  4119. letter-spacing: 0.025em;
  4120. }
  4121. .page-header.type18 .panel.wrapper {
  4122. background-color: transparent;
  4123. color: #bde1f5;
  4124. }
  4125. .page-header.type18.sticky-header .minicart-wrapper {
  4126. bottom: auto;
  4127. }
  4128. .page-header.type18 .minicart-wrapper .action.showcart:before {
  4129. content: '\f881';
  4130. font-size: 24px;
  4131. }
  4132. .page-header.type18 .minicart-wrapper .action.showcart .counter.qty {
  4133. position: static;
  4134. display: inline-block;
  4135. vertical-align: middle;
  4136. margin: 0;
  4137. width: auto;
  4138. padding: 0;
  4139. font-family: "Oswald";
  4140. font-size: 13px;
  4141. font-weight: 400;
  4142. color: #111111;
  4143. letter-spacing: 0.025em;
  4144. margin-top: 6px;
  4145. }
  4146. .page-header.type18 .minicart-wrapper .action.showcart .counter-number {
  4147. display: inline-block;
  4148. vertical-align: middle;
  4149. }
  4150. .page-header.type18 .minicart-wrapper .action.showcart .counter-label {
  4151. height: auto;
  4152. width: auto;
  4153. position: static;
  4154. display: inline-block;
  4155. vertical-align: middle;
  4156. text-transform: uppercase;
  4157. margin: 0;
  4158. }
  4159. .page-header.type18 .minicart-wrapper .loading-mask {
  4160. left: -9px;
  4161. height: 40px;
  4162. top: 0;
  4163. bottom: auto;
  4164. }
  4165. .page-header.type18 .minicart-wrapper .block-minicart:before,
  4166. .page-header.type18 .minicart-wrapper .block-minicart:after {
  4167. display: none;
  4168. }
  4169. .page-header.type18 .minicart-wrapper .block-minicart {
  4170. border: solid 1px #f0f0f0;
  4171. box-shadow: 0 5px 8px -2px rgba(0,0,0,0.25);
  4172. right: 0;
  4173. margin: 0;
  4174. }
  4175. .page-header.type19 .panel.wrapper {
  4176. background-color: #65829D;
  4177. color: #fff;
  4178. }
  4179. .page-header.type19 {border: none;}
  4180. .page-header.type19 .panel.header .header.links {
  4181. color: #c4d0dc;
  4182. }
  4183. .page-header.type19 .panel.header .header.links > li > a {
  4184. color: #c4d0dc;
  4185. border: none;
  4186. }
  4187. .page-header.type19 .minicart-wrapper .action.showcart {
  4188. position: relative;
  4189. padding: 0 25px 0 0;
  4190. line-height: 37px;
  4191. color: #606669;
  4192. }
  4193. .page-header.type19 .minicart-wrapper .action.showcart:before,
  4194. .page-header.type19 .minicart-wrapper .action.showcart.active:before {
  4195. font-size: 33px;
  4196. line-height: 40px;
  4197. }
  4198. .page-header.type19 .minicart-wrapper .action.showcart:after {
  4199. right: 0;
  4200. top: 1px;
  4201. }
  4202. .page-header.type19 .minicart-wrapper .block-minicart {
  4203. right: -15px;
  4204. }
  4205. .page-header.type19 .minicart-wrapper .action.showcart .counter.qty {
  4206. right: 19px;
  4207. margin-top: -21px;
  4208. }
  4209. .cms-index-index .page-header.type20 {
  4210. position: absolute;
  4211. left: 0;
  4212. top: 0;
  4213. width: 100%;
  4214. z-index: 9;
  4215. background: transparent;
  4216. border: 0;
  4217. }
  4218. .page-header.type20 {
  4219. position: relative;
  4220. border-top: none;
  4221. background-color: #1e1e1e;
  4222. padding-bottom: 10px;
  4223. }
  4224. .page-header.type20 .logo {
  4225. display: block;
  4226. margin: 20px 25px 25px 0;
  4227. float: left;
  4228. }
  4229. .page-header.type20 .minicart-wrapper {
  4230. margin-left: 13px;
  4231. margin-right: 10px;
  4232. }
  4233. .page-header.type20 .minicart-wrapper .action.showcart:before,
  4234. .page-header.type20 .minicart-wrapper .action.showcart.active:before {
  4235. content: '\e87f';
  4236. font-size: 23px;
  4237. line-height: 26px;
  4238. }
  4239. .page-header.type20 .minicart-wrapper .action.showcart .counter.qty {
  4240. font-size: 10px;
  4241. color: #fff;
  4242. background-color: #ed5348;
  4243. text-align: center;
  4244. right: 16px;
  4245. margin-top: -16px;
  4246. }
  4247. .cms-index-index .page-header.type21 {
  4248. position: absolute;
  4249. left: 0;
  4250. top: 0;
  4251. width: 100%;
  4252. z-index: 9;
  4253. background: transparent;
  4254. border: 0;
  4255. }
  4256. .page-header.type21 {
  4257. position: relative;
  4258. border-top: none;
  4259. background-color: #1e1e1e;
  4260. }
  4261. .page-header.type21 .logo {
  4262. margin: 0;
  4263. float: left;
  4264. display: inline-block;
  4265. position: relative;
  4266. z-index: 4;
  4267. }
  4268. .page-header.type22 .minicart-wrapper {
  4269. position: relative;
  4270. width: 58px;
  4271. vertical-align: middle;
  4272. margin-left: 15px;
  4273. margin-right: 0;
  4274. margin-top: 7px;
  4275. }
  4276. .page-header.type22 .minicart-wrapper .action.close {
  4277. top: 5px;
  4278. }
  4279. .page-header.type22 .minicart-wrapper .block-minicart {
  4280. border: solid 1px #f0f0f0;
  4281. box-shadow: 0 5px 8px -2px rgba(0,0,0,0.25);
  4282. left:-25px;
  4283. }
  4284. .page-header.type22 .minicart-wrapper .block-minicart:before,
  4285. .page-header.type22 .minicart-wrapper .block-minicart:after {
  4286. border-bottom-style: solid;
  4287. content: '';
  4288. display: block;
  4289. height: 0;
  4290. position: absolute;
  4291. width: 0;
  4292. }
  4293. .page-header.type22 .minicart-wrapper .block-minicart:before {
  4294. border: 10px solid;
  4295. border-color: transparent transparent #fff transparent;
  4296. z-index: 3;
  4297. left: 28.7px;
  4298. top: -20px;
  4299. }
  4300. .page-header.type22 .minicart-wrapper .block-minicart:after {
  4301. border: 11px solid;
  4302. border-color: transparent transparent #f0f0f0 transparent;
  4303. z-index: 2;
  4304. left: 28px;
  4305. top: -22px;
  4306. right: auto;
  4307. }
  4308. .page-header.type22 .minicart-wrapper .action.showcart {
  4309. position: relative;
  4310. padding: 0 25px 0 0;
  4311. line-height: 31px;
  4312. }
  4313. .page-header.type22.sticky-header .minicart-wrapper .action.showcart {
  4314. line-height: 40px;
  4315. }
  4316. .page-header.type22 .minicart-wrapper .action.showcart:before,
  4317. .page-header.type22 .minicart-wrapper .action.showcart.active:before {
  4318. content: '\e87f';
  4319. font-size: 29px;
  4320. line-height: 32px;
  4321. color: #b0b0b0;
  4322. }
  4323. .page-header.type22.sticky-header .minicart-wrapper .action.showcart:before,
  4324. .page-header.type22.sticky-header .minicart-wrapper .action.showcart.active:before {
  4325. line-height: 37px;
  4326. }
  4327. .page-header.type22 .minicart-wrapper .action.showcart:after {
  4328. content: "\f803";
  4329. font-family: 'porto-icons';
  4330. position: absolute;
  4331. right: 0;
  4332. top: 1px;
  4333. color: #b0b0b0;
  4334. }
  4335. .page-header.type22 .minicart-wrapper .action.showcart .counter.qty {
  4336. width: 16px;
  4337. height: 16px;
  4338. display: block;
  4339. font-size: 10px;
  4340. color: #fff;
  4341. background-color: #ed5348;
  4342. text-align: center;
  4343. line-height: 16px;
  4344. border-radius: 20px;
  4345. min-width: auto;
  4346. left: auto;
  4347. right: 16px;
  4348. margin-top: -16px;
  4349. }
  4350. .page-header.type23 .minicart-wrapper .action.showcart:after {
  4351. color: #606669;
  4352. }
  4353. .page-header.type23 .minicart-wrapper .action.showcart:before,
  4354. .page-header.type23 .minicart-wrapper .action.showcart.active:before {
  4355. font-size: 19px;
  4356. }
  4357. .page-header.type23 .minicart-wrapper .action.showcart .counter.qty {
  4358. width: 13px;
  4359. height: 13px;
  4360. line-height: 15px;
  4361. margin-top: -12px;
  4362. right: 15px;
  4363. font-size: 9px;
  4364. }
  4365. .page-header.type23 .minicart-wrapper .action.showcart {
  4366. padding: 0 22px 0 0;
  4367. }
  4368. .page-header.type23 .minicart-wrapper .block-minicart:before {
  4369. right: 41.7px;
  4370. }
  4371. .page-header.type23 .minicart-wrapper .block-minicart:after {
  4372. right: 41px;
  4373. }
  4374. .page-header.type24 {border:none;}
  4375. .page-header.type25 .header.content {
  4376. background-color: #fff;
  4377. }
  4378. .page-header.type25 .minicart-wrapper {
  4379. position: absolute;
  4380. top: 50%;
  4381. right: 15px;
  4382. margin-top: -16px;
  4383. }
  4384. .page-header.type25 .minicart-wrapper .action.showcart {color: #fff;}
  4385. .page-header.type25 .minicart-wrapper .action.showcart:before,
  4386. .page-header.type25 .minicart-wrapper .action.showcart.active:before {
  4387. color: #fff;
  4388. }
  4389. .page-header.type25 .minicart-wrapper .action.showcart .counter.qty {
  4390. right: 18px;
  4391. margin-top: -18px;
  4392. background-color: #f45b91;
  4393. }
  4394. .page-header.type25 .minicart-wrapper .block-minicart {right: -15px;}
  4395. .page-header.type25.sticky-header .minicart-wrapper .action.showcart {color: #999;}
  4396. .page-header.type25.sticky-header .minicart-wrapper .action.showcart:before, .page-header.type25.sticky-header .minicart-wrapper .action.showcart.active:before {color: #465157;}
  4397. .column.main > .custom-block {
  4398. display: none;
  4399. }
  4400. .cms-index-index .page-header.type26 {background-color: transparent;position: absolute;width: 100%;}
  4401. .page-header.type26 {
  4402. background: #000;
  4403. border: 0;
  4404. margin: 0;
  4405. }
  4406. .page-header.type26 .header.content {
  4407. padding: 25px 85px;
  4408. }
  4409. .page-header.type26 .logo {
  4410. margin: 0;
  4411. position:absolute;
  4412. left:85px;
  4413. top:23px;
  4414. padding: 5px 0;
  4415. }
  4416. .page-header.type26 .header.content .header.panel {
  4417. position: relative;
  4418. text-align: center;
  4419. max-width: 100%;
  4420. padding: 13px 0 15px;
  4421. }
  4422. .page-header.type26 .header.panel .top-panel {
  4423. display: inline-block;
  4424. vertical-align: middle;
  4425. }
  4426. .page-header.type26 .header.panel .top-panel .custom-block {
  4427. display: inline-block;
  4428. font-family: 'Oswald';
  4429. font-size: 14px;
  4430. font-weight: 400;
  4431. letter-spacing: 0.01em;
  4432. vertical-align: middle;
  4433. }
  4434. .page-header.type26 .header.panel .top-panel .custom-block span {
  4435. display: inline-block;
  4436. vertical-align: middle;
  4437. }
  4438. .page-header.type26 .header.panel .bottom-panel {
  4439. display: inline-block;
  4440. vertical-align: middle;
  4441. position: absolute;
  4442. right: 0;
  4443. top:9px;
  4444. text-align: left;
  4445. }
  4446. .page-header.type26 .header.panel .top-panel .menu-area {
  4447. display: inline-block;
  4448. vertical-align: middle;
  4449. position: relative;
  4450. }
  4451. .page-header.type26 .header.panel .top-panel .top-links-area {
  4452. display: inline-block;
  4453. vertical-align: middle;
  4454. }
  4455. .page-header.type26 .header.panel .bottom-panel .search-area {
  4456. display: inline-block;
  4457. vertical-align: middle;
  4458. position: relative;
  4459. margin: 0 18px 0 20px;
  4460. }
  4461. .page-header.type26 .header.panel .bottom-panel .search-area .block-search {
  4462. margin: 0;
  4463. position: absolute;
  4464. right: 0;
  4465. top: 100%;
  4466. display: none
  4467. }
  4468. .page-header.type26 .nav-toggle:before {
  4469. color: #fff;
  4470. }
  4471. .page-header.type26 .search-toggle-icon {
  4472. font-size: 20px;
  4473. }
  4474. .page-header.type26 .search-toggle-icon .porto-icon-search:before {
  4475. content: '\f87b'
  4476. }
  4477. .page-header.type26 .header.panel .bottom-panel .search-area .block-search {
  4478. right: -20px;
  4479. margin-top: 15px;
  4480. }
  4481. .page-header.type26 .block-search .action.search {
  4482. width: 40px;
  4483. }
  4484. .page-header.type26 .menu-area > .shop-menu {
  4485. font-family: 'Oswald';
  4486. margin-right: 20px;
  4487. text-transform: uppercase;
  4488. font-weight: 400;
  4489. font-size: 14px;
  4490. letter-spacing: 0.01em;
  4491. display: block;
  4492. }
  4493. .page-header.type26 .menu-area > .shop-menu:hover {
  4494. text-decoration: none;
  4495. }
  4496. .page-header.type26 .top-links-area > a.top-links-icon {
  4497. display: none;
  4498. }
  4499. .page-header.type26 .top-links-area > ul.links {
  4500. padding: 0;
  4501. }
  4502. .page-header.type26 .panel.header .switcher {
  4503. margin-right: 20px;
  4504. float: none;
  4505. vertical-align: middle;
  4506. }
  4507. .page-header.type26 .switcher .options .action.toggle:after, .page-header.type26 .switcher .options .action.toggle:hover:after {
  4508. color: #fff;
  4509. }
  4510. .page-header.type26 .minicart-wrapper {
  4511. vertical-align: middle;
  4512. }
  4513. .page-header.type26 .minicart-wrapper .action.showcart {
  4514. position: relative;
  4515. }
  4516. .page-header.type27 {
  4517. background-color: #1fc0a0;
  4518. color: #fff;
  4519. border-top-width: 0;
  4520. }
  4521. .page-header.type27 .switcher strong {
  4522. font-weight: 600;
  4523. }
  4524. .page-header.type27 .minicart-wrapper {
  4525. position: absolute;
  4526. top: 50%;
  4527. right: 15px;
  4528. margin-top: -20px;
  4529. }
  4530. .page-header.type27 .minicart-wrapper .action.showcart {
  4531. line-height: 37px;
  4532. color: #606669;
  4533. }
  4534. .page-header.type27 .minicart-wrapper .action.showcart:before, .page-header.type27 .minicart-wrapper .action.showcart.active:before {
  4535. color: #fff;
  4536. font-size: 29px;
  4537. line-height: 40px;
  4538. }
  4539. .page-header.type27.sticky-header .minicart-wrapper .action.showcart:before, .page-header.type27.sticky-header .minicart-wrapper .action.showcart.active:before,.page-header.type27.sticky-header .minicart-wrapper .action.showcart:after {
  4540. color:#151515;
  4541. }
  4542. .page-header.type27 .minicart-wrapper .action.showcart .counter.qty {
  4543. background-color: #ed5348;
  4544. right: 18px;
  4545. margin-top: -18px;
  4546. }
  4547. .page-header.type27 .minicart-wrapper .action.showcart:after {
  4548. color: #fff;
  4549. -webkit-font-smoothing: antialiased;
  4550. }
  4551. .page-header.type27 .minicart-wrapper .action.close {
  4552. top: 5px;
  4553. }
  4554. .page-header.type27 .minicart-wrapper .loading-mask {
  4555. }
  4556. .page-header.type27 .minicart-wrapper .block-minicart {
  4557. right: 0;
  4558. margin: 0;
  4559. }
  4560. .page-header.type27 .minicart-wrapper .block-minicart:before,
  4561. .page-header.type27 .minicart-wrapper .block-minicart:after {
  4562. display: none;
  4563. }
  4564. .weltpixel-quickview-catalog-product-view .column.main > .custom-block, .weltpixel-quickview-catalog-product-view .addthis-smartlayers {
  4565. display: none;
  4566. }
  4567. .product-item-photo {
  4568. min-height: 50px;
  4569. }
  4570. .form-find-area { border-top: solid 2px #1fc0a0;box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.1);padding: 40px 40px 38px;}
  4571. .form-find-area .form-title {font-family: 'Oswald';font-size: 22px;line-height: 35px;font-weight: 400;text-align: center;text-transform: uppercase;color: #151515;margin:0 0 5px;}
  4572. .form-find-area form {width: 100%;}
  4573. .form-find-area select {width: 100%;color: #747474;font-size: 13.5px;margin: 11px 0;border-radius: 5px;padding: 0 15px;height: 47px;}
  4574. .list-category .group .content {position:relative;margin:15px 0;}
  4575. .list-category .group .content img {width: 100%;}
  4576. .list-category .group .content h3 {position:absolute;bottom:0;left: 0; display: inline-block; background-color:#242424;font-size: 22px;font-family: 'Oswald';text-transform: uppercase;color:#fff;font-weight: 400;padding: 5px 15px;margin:0;}
  4577. .offer-deal .item {position:relative;}
  4578. .offer-deal .item img {max-width: 100%;}
  4579. .offer-deal .item .content h3 {margin: 0 0 5px;}
  4580. .offer-deal .item .content h3 a{font-family: 'Oswald';font-size: 49px;font-weight: 600;line-height: 35px;text-transform: uppercase;color:#151515;text-decoration: none;}
  4581. .offer-deal .item .content p{font-family: 'Oswald';font-size: 26px;font-weight: 400;line-height: 35px;text-transform: uppercase;color:#4c4c4c;}
  4582. .offer-deal .item .content .btn-default {font-family: 'Oswald';font-size: 15px;font-weight: 400;text-transform: uppercase;padding: 10px 25px;margin-top: 15px;}
  4583. .offer-deal .item .content .btn-default:hover {background-color: inherit;}
  4584. .subscribe-form .content h3 {font-family: 'Oswald';font-size: 35px;font-weight: 600;color:#151515;text-transform: uppercase;margin: 0 0 5px;}
  4585. .subscribe-form .content p {font-family: 'Oswald';font-size: 20px;font-weight: 400;color:#151515;text-transform: uppercase;}
  4586. .subscribe-form .validation-advice {
  4587. position: absolute;
  4588. }
  4589. .subscribe-form .block.newsletter {
  4590. width: auto;
  4591. max-width: 475px;
  4592. display: inline-block;
  4593. vertical-align: middle;
  4594. }
  4595. .subscribe-form .block.newsletter .control:before {
  4596. line-height: 44px;
  4597. margin-left: 20px;
  4598. }
  4599. .subscribe-form .block.newsletter .control {
  4600. position: relative;
  4601. }
  4602. .subscribe-form .block.newsletter .control input {
  4603. background-color: #fff;color: #686865;height: 44px;border: none;font-size: 14px;padding-left: 50px;float: left;max-width: 475px;width: 100%;border-radius: 5px 0 0 5px;padding-right: 0;margin-right: 0;
  4604. }
  4605. .subscribe-form .block.newsletter .control div.mage-error {
  4606. position: absolute;
  4607. bottom: -65px;
  4608. }
  4609. .subscribe-form .block.newsletter .actions .action.subscribe {
  4610. height: 44px;line-height: 44px;padding: 0 20px;text-transform: uppercase;border-radius: 0 5px 5px 0;opacity: 1;background-color: #1fc0a0;
  4611. }
  4612. .filter-title strong {
  4613. color: transparent !important;
  4614. position: fixed;
  4615. top:30%;
  4616. left: -1px;
  4617. width: 51px;
  4618. height: 47px;
  4619. border: #dcdcda solid 1px !important;
  4620. background-color: #f5f5f5;
  4621. text-align: center;
  4622. box-shadow: none;
  4623. border-radius: 0;
  4624. cursor: pointer;
  4625. line-height: 26px;
  4626. z-index: 9;
  4627. }
  4628. .filter-title strong:before {
  4629. content: '\f1de';
  4630. font-family: 'porto-icons';
  4631. font-size: 27px;
  4632. color: #818181;
  4633. line-height: 30px;
  4634. display: block;
  4635. -webkit-font-smoothing: antialiased;
  4636. }
  4637. @media (min-width: 768px) {
  4638. .column.main > .custom-block {
  4639. display: block;
  4640. width: 25%;
  4641. float: right;
  4642. padding-left: 30px;
  4643. }
  4644. body:not(.weltpixel-quickview-catalog-product-view).column.main > .custom-block + .product-info-main {
  4645. width: 40.33%;
  4646. }
  4647. .block-search {
  4648. z-index: 7;
  4649. }
  4650. .page-header.header-newskin.sticky-header .nav-sections {
  4651. background-color: #fff;
  4652. }
  4653. .page-header.header-newskin .nav-sections {pointer-events: none;}
  4654. .page-header.header-newskin .navigation .level0 {
  4655. margin-right: 3px;
  4656. color: #161616;
  4657. text-align: left;
  4658. pointer-events: all;
  4659. }
  4660. .page-header.header-newskin .navigation .level0 > .level-top {
  4661. color: inherit;
  4662. padding: 0 12px;
  4663. line-height: 42px;
  4664. font-size: 13px;
  4665. font-weight: 400;
  4666. letter-spacing: 0.025em;
  4667. }
  4668. .page-header.header-newskin .navigation li.level0.parent a.level-top:before {
  4669. content: "";
  4670. width: 10px;
  4671. height: 10px;
  4672. border: 7px solid transparent;
  4673. border-bottom-color: #fff;
  4674. position: absolute;
  4675. left: 50%;
  4676. margin-left: -8px;
  4677. top: 100%;
  4678. margin-top: -14px;
  4679. visibility: hidden;
  4680. opacity: 0;
  4681. transition: all 0.1s;
  4682. }
  4683. .page-header.header-newskin .navigation:not(.side-megamenu) li.level0.parent:hover a.level-top:before {
  4684. visibility: visible;
  4685. opacity: 1;
  4686. }
  4687. .page-header.header-newskin .navigation .level0 .submenu {
  4688. border-top-width: 0;
  4689. box-shadow: 0 7px 10px -2px rgba(0,0,0,0.25);
  4690. }
  4691. .page-header.header-newskin .navigation li.level0.fullwidth .submenu li.level1 > a,
  4692. .page-header.header-newskin .navigation li.level0.staticwidth .submenu li.level1 > a {
  4693. font-size: 13px;
  4694. font-weight: 700;
  4695. margin-top: 26px;
  4696. margin-bottom: 4px;
  4697. color: #434d53;
  4698. padding: 0 5px;
  4699. }
  4700. .page-header.header-newskin .navigation li.level0.fullwidth .submenu a,
  4701. .page-header.header-newskin .navigation li.level0.classic .submenu a,
  4702. .page-header.header-newskin .navigation li.level0.staticwidth .submenu a {
  4703. font-size: 12px;
  4704. font-weight: 600;
  4705. line-height: 24px;
  4706. text-transform: uppercase;
  4707. }
  4708. header.page-header.type14 .panel.header .switcher {
  4709. font-family: "Oswald";
  4710. margin-right: 15px;
  4711. height: auto;
  4712. float: none;
  4713. }
  4714. header.page-header.type14 .switcher strong {
  4715. font-weight: 700;
  4716. font-size: 11px;
  4717. color: #ccc;
  4718. line-height: 1;
  4719. text-transform: uppercase;
  4720. vertical-align: middle;
  4721. letter-spacing: 1px;
  4722. }
  4723. header.page-header.type14 .switcher .options .action.toggle:after {
  4724. line-height: 12px;
  4725. color: #ccc;
  4726. vertical-align: middle;
  4727. }
  4728. header.page-header.type14 .switcher .options {
  4729. font-size: 12px;
  4730. display: block;
  4731. }
  4732. header.page-header.type14 .nav-sections {
  4733. border: 0;
  4734. display: block;
  4735. padding: 10px 0;
  4736. margin-top: 2px;
  4737. }
  4738. header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth > .submenu, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth > .submenu {
  4739. border: 0;
  4740. margin-top: 20px !important;
  4741. padding: 40px 35px;
  4742. }
  4743. header.page-header.type14 .sw-megamenu.navigation li.level0.classic > .submenu {
  4744. border: 0;
  4745. margin-top: 20px !important;
  4746. }
  4747. header.page-header.type14 .sw-megamenu.navigation li.level0.classic .submenu, header.page-header.type14 .sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu {
  4748. padding: 5px 0;
  4749. }
  4750. header.page-header.type14 .nav-sections-item-content > .navigation {
  4751. z-index: initial;
  4752. }
  4753. header.page-header.type14 .navigation li.level0 > a {
  4754. height: 30px;
  4755. line-height: 30px;
  4756. color: #ccc;
  4757. font-family: "Oswald";
  4758. font-weight: 700;
  4759. font-size: 11px;
  4760. letter-spacing: 1px;
  4761. }
  4762. header.page-header.type14 .navigation li.level0.parent > a:after {
  4763. line-height: 30px;
  4764. }
  4765. header.page-header.type14 .navigation li.level0:hover > a {
  4766. color: #fff;
  4767. }
  4768. header.page-header.type14 .navigation li.level0.parent > a {
  4769. position: relative;
  4770. }
  4771. header.page-header.type14 .navigation li.level0.parent > a:before {
  4772. content: "";
  4773. width: 10px;
  4774. height: 10px;
  4775. border: 5px solid transparent;
  4776. border-bottom-color: #fff;
  4777. position: absolute;
  4778. left: 50%;
  4779. margin-left: -10px;
  4780. top: 100%;
  4781. margin-top: 10px;
  4782. visibility: hidden;
  4783. opacity: 0;
  4784. transition: 0.2s opacity;
  4785. }
  4786. header.page-header.type14 .navigation li.level0.parent:hover > a:before {
  4787. visibility: visible;
  4788. opacity: 1;
  4789. }
  4790. header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth > .submenu:before, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth > .submenu:before, header.page-header.type14 .sw-megamenu.navigation li.level0.classic > .submenu:before {
  4791. width: 100%;
  4792. height: 20px;
  4793. content: "";
  4794. display: block;
  4795. position: absolute;
  4796. top: -20px;
  4797. left: 0;
  4798. }
  4799. header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a {
  4800. padding: 0;
  4801. border-bottom: 2px solid #000;
  4802. text-decoration: none;
  4803. font-family: "Oswald";
  4804. padding-bottom: 7px;
  4805. margin-bottom: 20px;
  4806. margin-left: 10px;
  4807. margin-right: 10px;
  4808. }
  4809. header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a:hover > span, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a:hover > span {
  4810. text-decoration: none;
  4811. }
  4812. header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth .submenu a, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth .submenu a {
  4813. padding: 10px;
  4814. }
  4815. header.page-header.type14 .navigation .level0.classic .submenu a {
  4816. font-family: "Oswald";
  4817. font-size: 11px;
  4818. font-weight: 400;
  4819. text-transform: uppercase;
  4820. letter-spacing: 1px;
  4821. padding: 20px;
  4822. line-height: 1;
  4823. white-space: nowrap;
  4824. }
  4825. header.page-header.type14 .navigation .level0.classic .submenu li:hover > a {
  4826. background-color: #000;
  4827. color: #fff;
  4828. }
  4829. header.page-header.type14 .sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu {
  4830. top: -5px;
  4831. }
  4832. header.page-header.type14 .switcher .options ul.dropdown {
  4833. margin-top: 20px;
  4834. }
  4835. header.page-header.type14 .switcher .options .action.toggle.active, header.page-header.type14 .switcher .options .action.toggle.active:after, header.page-header.type14 .switcher .options .action.toggle.active strong {
  4836. color: #fff;
  4837. }
  4838. header.page-header.type15.sticky-header .nav-sections {
  4839. background-color: #999592;
  4840. padding: 8px 0 !important;
  4841. }
  4842. header.page-header.type15.sticky-header .navigation > ul {
  4843. text-align: left;
  4844. padding-right: 70px;
  4845. }
  4846. .sw-megamenu.navigation li.level0.fullwidth > .submenu > .container, .sw-megamenu.navigation li.level0.staticwidth > .submenu > .container{
  4847. padding: 0;
  4848. width: 100%;
  4849. }
  4850. header.page-header.type15.sticky-header .minicart-wrapper .action.showcart .counter-label {
  4851. display: none;
  4852. }
  4853. header.page-header.type15.sticky-header .minicart-wrapper .action.showcart:before {
  4854. line-height: 43px;
  4855. }
  4856. header.page-header.type15.sticky-header .minicart-wrapper .action.showcart .counter-number {
  4857. top: 8px;
  4858. }
  4859. header.page-header.type15 .top-links-area {
  4860. padding: 0;
  4861. }
  4862. header.page-header.type15 .header.links {
  4863. width: 100%;
  4864. padding: 16px 16px 0 0;
  4865. border-bottom: 1px solid rgba(60,60,60,0.1);
  4866. height: 53px;
  4867. margin: 0;
  4868. list-style: none;
  4869. text-align: right;
  4870. }
  4871. header.page-header.type15 .header.links li.first {
  4872. padding-left: 0;
  4873. }
  4874. header.page-header.type15 .header.links li {
  4875. border: 0;
  4876. display: inline-block;
  4877. text-transform: uppercase;
  4878. color: #c0bebb;
  4879. font-size: 13px;
  4880. font-family: "Oswald";
  4881. }
  4882. header.page-header.type15 .top-links-area .header.links li a {
  4883. padding: 0 16px;
  4884. color: #c0bebb;
  4885. font-size: 13px;
  4886. font-family: "Oswald";
  4887. font-weight: 400;
  4888. letter-spacing: 1px;
  4889. border: none;
  4890. }
  4891. header.page-header.type15 .header.links li a:hover {
  4892. color:#fff;
  4893. }
  4894. header.page-header.type15 .header.links > li > *:not(.no-display):not(div) {
  4895. padding: 0 16px;
  4896. }
  4897. header.page-header.type15 .header-right-area {
  4898. width: 80%;
  4899. float: left;
  4900. border-right: 1px solid rgba(60,60,60,0.1);
  4901. }
  4902. header.page-header.type15 .header .header-link-area {
  4903. float: left;
  4904. display: inline-block;
  4905. width: calc(100% - 270px);
  4906. border: 1px solid rgba(60,60,60,0.1);
  4907. border-bottom-width: 0;
  4908. border-top-width: 0;
  4909. }
  4910. header.page-header.type15 .switcher-area {
  4911. width: 270px;
  4912. float: right;
  4913. }
  4914. header.page-header.type15 .nav-sections {
  4915. border: 0;
  4916. padding: 0 10px;
  4917. margin-top: -1px;
  4918. text-align: right;
  4919. }
  4920. header.page-header.type15 .navigation li.level0 > a {
  4921. padding: 3.5px 20px;
  4922. color: #fff;
  4923. font-size: 14px;
  4924. font-family: "Oswald";
  4925. font-weight: 400;
  4926. letter-spacing: 1px;
  4927. }
  4928. header.page-header.type15 .navigation,
  4929. header.page-header.type15 .navigation ul {
  4930. position: static;
  4931. text-align: left;
  4932. }
  4933. header.page-header.type15.sticky-header .navigation,
  4934. header.page-header.type15.sticky-header .navigation ul {
  4935. position: relative;
  4936. }
  4937. header.page-header.type15 .navigation li.level0 .row {
  4938. margin: 0 -15px;
  4939. }
  4940. header.page-header.type15 .navigation .subchildmenu.mega-columns > li {
  4941. padding: 0 15px;
  4942. }
  4943. header.page-header.type15 .navigation ul {
  4944. text-align: right;
  4945. }
  4946. header.page-header.type15 .navigation ul li {
  4947. text-align: left;
  4948. }
  4949. header.page-header.type15 .sw-megamenu.navigation li.level0.classic > .submenu {
  4950. border: 0;
  4951. box-shadow: 0 4px 3px -3px rgba(0,0,0,0.25);
  4952. }
  4953. header.page-header.type15 .sw-megamenu.navigation li.level0.fullwidth > .submenu, header.page-header.type15 .sw-megamenu.navigation li.level0.staticwidth > .submenu {
  4954. border: 0;
  4955. margin-top: 9px;
  4956. padding: 25px 25px 38px;
  4957. box-shadow: 0 4px 3px -3px rgba(0,0,0,0.25);
  4958. }
  4959. header.page-header.type15 .navigation li.level0.parent > a:before {
  4960. content: "";
  4961. width: 10px;
  4962. height: 10px;
  4963. border: 8px solid transparent;
  4964. border-bottom-color: #fff;
  4965. position: absolute;
  4966. left: 50%;
  4967. margin-left: -10px;
  4968. top: 100%;
  4969. margin-top: -16px;
  4970. visibility: hidden;
  4971. opacity: 0;
  4972. transition: all 0.1s;
  4973. }
  4974. header.page-header.type15 .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a,
  4975. header.page-header.type15 .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a {
  4976. text-decoration: none;
  4977. font-family: "Oswald";
  4978. font-size: 20px;
  4979. }
  4980. header.page-header.type15 .navigation li.level0.fullwidth .submenu li.level1 > .menu-thumb-img,
  4981. header.page-header.type15 .navigation li.level0.staticwidth .submenu li.level1 > .menu-thumb-img {
  4982. margin: 0;
  4983. }
  4984. header.page-header.type15 .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 .menu-thumb-img + a,
  4985. header.page-header.type15 .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 .menu-thumb-img + a {
  4986. padding: 0;
  4987. margin: 0;
  4988. text-align: center;
  4989. font-size: 20px;
  4990. font-weight: 400;
  4991. letter-spacing: 0.05em;
  4992. color: #fff;
  4993. position: absolute;
  4994. top: 55px;
  4995. left: 20px;
  4996. right: 20px;
  4997. display: block;
  4998. }
  4999. header.page-header.type15 .sw-megamenu.navigation li.level0.fullwidth .submenu a,
  5000. header.page-header.type15 .sw-megamenu.navigation li.level0.staticwidth .submenu a {
  5001. font-size: 15px;
  5002. font-weight: 600;
  5003. padding: 10px 0 10px 0;
  5004. }
  5005. header.page-header.type15 .sw-megamenu.navigation li.level0.fullwidth .submenu .subchildmenu .subchildmenu a,
  5006. header.page-header.type15 .sw-megamenu.navigation li.level0.staticwidth .submenu .subchildmenu .subchildmenu a {
  5007. padding: 10px 0 10px 20px;
  5008. }
  5009. header.page-header.type15 .search-area {
  5010. position: relative;
  5011. width: 100%;
  5012. height: auto;
  5013. border-bottom: 1px solid rgba(60,60,60,0.1);
  5014. top: 0;
  5015. left: 0;
  5016. margin: 0;
  5017. }
  5018. header.page-header.type15 .search-area .block-search {
  5019. width: 100%;
  5020. margin: 0;
  5021. }
  5022. header.page-header.type15 .search-area .search-toggle-icon {
  5023. display: none;
  5024. }
  5025. .input-text:focus {
  5026. box-shadow: none !important;
  5027. }
  5028. header.page-header.type15 .search-area .minisearch .input-text {
  5029. background: none;
  5030. height: 52px;
  5031. text-transform: uppercase;
  5032. font-size: 13px;
  5033. font-family: "Oswald";
  5034. color: #c0bebb;
  5035. letter-spacing: 0.03em;
  5036. }
  5037. header.page-header.type15 .search-area .block-search .action.search {
  5038. width: 50px;
  5039. height: 52px;
  5040. color: #fff;
  5041. font-size: 22px;
  5042. opacity: 1;
  5043. }
  5044. header.page-header.type15 .search-area .block-search .action.search:before {
  5045. content: '\e884';
  5046. font-size: 22px;
  5047. color: #fff;
  5048. }
  5049. header.page-header.type15 .cart-area .switcher {
  5050. height: 52px;
  5051. border-right: 1px solid rgba(60,60,60,0.1);
  5052. margin: 0;
  5053. font-family: "Oswald";
  5054. padding: 0 25px 0 15px;
  5055. }
  5056. header.page-header.type15 .switcher .action.toggle {
  5057. color: #c0bebb;
  5058. border: 0;
  5059. line-height: 52px;
  5060. height: auto;
  5061. padding: 0;
  5062. font-size: 14px;
  5063. font-family: "Oswald";
  5064. font-weight: 400;
  5065. text-transform: uppercase;
  5066. letter-spacing: 0.03em;
  5067. }
  5068. header.page-header.type15 .switcher .action.toggle:after {
  5069. position: absolute;
  5070. right:-15px;
  5071. top: calc(50% - 8px);
  5072. }
  5073. header.page-header.type15 .switcher strong {
  5074. font-size: 14px;
  5075. line-height: 52px;
  5076. }
  5077. .page-header.type16 {
  5078. background-color: #fff;
  5079. color: #777;
  5080. }
  5081. .page-header.type16 > .panel.wrapper {
  5082. background-color: #f0f0ed;
  5083. color: #777;
  5084. }
  5085. .page-header.type16 .panel.header .switcher {
  5086. padding: 0 15px;
  5087. color: #999;
  5088. }
  5089. .page-header.type16 .panel.header .switcher.switcher-currency {
  5090. padding-left: 0;
  5091. }
  5092. .page-header.type16 .header.panel > .header.links {
  5093. color: #999;
  5094. }
  5095. .page-header.type16 .header.panel > .header.links > li > a {
  5096. border: none;
  5097. letter-spacing: 0.025em;
  5098. color: #999;
  5099. }
  5100. .page-header.type16 .block-search {
  5101. margin-left: 55px;
  5102. }
  5103. .page-header.type16 .block-search input {
  5104. background-color: #fff;
  5105. color: #777;
  5106. border-color: #ccc;
  5107. }
  5108. .page-header.type16 .block-search .action.search {
  5109. padding: 0 13px;
  5110. }
  5111. .page-header.type16 .block-search .action.search:before {
  5112. content: '\e884';
  5113. color: #777;
  5114. }
  5115. .page-header.type16 .custom-block {
  5116. height: 40px;
  5117. line-height: 1;
  5118. position: absolute;
  5119. top: 50%;
  5120. right: 104px;
  5121. margin-top: -20px;
  5122. font-size: 11px;
  5123. color: #777;
  5124. border-right: solid 1px #dde0e2;
  5125. padding-right: 35px;
  5126. }
  5127. .page-header.type16 .custom-block > * {
  5128. display: inline-block;
  5129. vertical-align: middle;
  5130. }
  5131. .page-header.type16 .custom-block > a {
  5132. font-size: 12px;
  5133. }
  5134. .page-header.type16 .nav-sections {
  5135. background-color: transparent;
  5136. color: #777;
  5137. margin-bottom: 15px;
  5138. }
  5139. header.page-header.sticky-header.type16 .nav-sections {
  5140. background-color: #fff;
  5141. }
  5142. .page-header.type16 .navigation {
  5143. background-color: transparent;
  5144. padding: 0 15px;
  5145. }
  5146. .page-header.type16 .navigation > ul {
  5147. padding: 0;
  5148. background-color: #f0f0ed;
  5149. }
  5150. .page-header.type16 .navigation li.level0 {
  5151. color: #08c;
  5152. }
  5153. .page-header.type16 .navigation li.level0 > .level-top {
  5154. color: inherit;
  5155. padding: 0 20px;
  5156. line-height: 42px;
  5157. font-size: 12px;
  5158. font-weight: 700;
  5159. letter-spacing: inherit;
  5160. }
  5161. .page-header.type16 .navigation li.level0.active, .page-header.type16 .navigation li.level0:hover {
  5162. color: #fff;
  5163. background-color: #08c;
  5164. }
  5165. .page-header.type17 {
  5166. background-color: #0088cc;
  5167. color: #fff;
  5168. }
  5169. .page-header.type17 > .main-panel-top {
  5170. background-color: #0088cc;
  5171. }
  5172. .page-header.type17 .panel.wrapper {
  5173. background-color: transparent;
  5174. color: #bde1f5;
  5175. }
  5176. .page-header.type17 .panel.header {
  5177. max-width: 100%;
  5178. padding: 10px 0;
  5179. }
  5180. .page-header.type17 .panel.header .switcher {
  5181. padding-right: 30px;
  5182. text-transform: uppercase;
  5183. }
  5184. .page-header.type17 .main-panel-inner {
  5185. border-bottom: 1px solid rgba(248,248,248,0.2);
  5186. }
  5187. .page-header.type17 .panel.header .header.links > li {
  5188. color: #bde1f5;
  5189. font-weight: 600;
  5190. letter-spacing: 0.025em;
  5191. }
  5192. .page-header.type17 .panel.header .header.links > li > a {
  5193. border: none;
  5194. color: #bde1f5;
  5195. font-weight: 600;
  5196. letter-spacing: 0.025em;
  5197. }
  5198. .page-header.type17 .block-search {
  5199. margin-left: 114px;
  5200. }
  5201. .page-header.type17 .block-search input {
  5202. background-color: #fff;
  5203. color: #8d8d8d;
  5204. border-radius: 20px;
  5205. }
  5206. .page-header.type17 .block-search .action.search {
  5207. border-left: 1px solid rgba(255,255,255,0.2);
  5208. padding: 0 12px;
  5209. }
  5210. .page-header.type17 .custom-block {
  5211. position: absolute;
  5212. top: 50%;
  5213. right: 170px;
  5214. margin-top: -15px;
  5215. font-size: 14px;
  5216. color: #bde1f5;
  5217. }
  5218. .page-header.type17 .custom-block > * {
  5219. display: inline-block;
  5220. vertical-align: top;
  5221. font-size: 11px;
  5222. font-weight: 600;
  5223. text-align: left;
  5224. line-height: 1;
  5225. }
  5226. .page-header.type17 .minicart-wrapper {
  5227. background-color: #0694db;
  5228. width: 81px;
  5229. height: 41px;
  5230. text-align: center;
  5231. box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.1);
  5232. border-radius: 2px;
  5233. border: solid 1px #0082c2;
  5234. }
  5235. .page-header.type17 .nav-sections {
  5236. background-color: #f4f4f4;
  5237. color: #6b7a83;
  5238. }
  5239. .page-header.type17.sticky-header .nav-sections {
  5240. background-color: #0088cc;
  5241. color: #fff;
  5242. }
  5243. .page-header.type17.sticky-header .navigation li.level0.active, .page-header.type17.sticky-header .navigation li.level0:hover {
  5244. color: #bde1f5;
  5245. }
  5246. .page-header.type17 .navigation .level0 {margin-right: 4px;color: inherit;}
  5247. .page-header.type17 .navigation .level0 > .level-top {
  5248. font-size: 12px;
  5249. letter-spacing: inherit;
  5250. color: inherit;
  5251. font-weight: 700;
  5252. line-height: 52px;
  5253. }
  5254. .page-header.type17 .navigation .level0 > .level-top:after {
  5255. line-height: 52px;
  5256. }
  5257. .page-header.type17 .navigation li.level0.active,
  5258. .page-header.type17 .navigation li.level0:hover {
  5259. color: #0088cc;
  5260. }
  5261. .page-header.type17 .navigation li.level0.parent:hover a.level-top:before {
  5262. display: none;
  5263. }
  5264. .page-header.type18 .header.content {
  5265. text-align: center;
  5266. position: relative;
  5267. z-index: 4;
  5268. }
  5269. .page-header.type18 .select-area {
  5270. position: absolute;
  5271. left: 15px;
  5272. top: calc(50% - 15px);
  5273. }
  5274. .page-header.type18 .switcher {
  5275. background-color: #e6e3df;
  5276. padding: 8px 12px;
  5277. height: 33px;
  5278. text-align: left;
  5279. }
  5280. .page-header.type18 .switcher strong, .page-footer.type18 .switcher strong {
  5281. font-weight: 600;
  5282. letter-spacing: 0.03em;
  5283. font-size: 11px;
  5284. text-transform: uppercase;
  5285. }
  5286. .page-header.type18 .block-search {
  5287. width: 220px;
  5288. position: absolute;
  5289. right: 15px;
  5290. top: calc(50% - 15px);
  5291. text-align: left;
  5292. }
  5293. .page-header.type18 .block-search input {
  5294. background-color: #e6e3df;
  5295. color: #4a4a4a;
  5296. line-height: 33px;
  5297. height: 33px;
  5298. }
  5299. .page-header.type18 .block-search .action.search {
  5300. width: 33px;
  5301. line-height: 33px;
  5302. height: 33px;
  5303. }
  5304. .page-header.type18 .block-search .action.search:before {
  5305. font-size: 12px;
  5306. }
  5307. .page-header.type18 .minicart-wrapper {
  5308. position: absolute;
  5309. bottom: -44px;
  5310. right: 15px;
  5311. }
  5312. .page-header.type18 .nav-sections {
  5313. position: relative;
  5314. z-index: 3;
  5315. border-top: solid 1px #eee;
  5316. }
  5317. .page-header.type18.sticky-header .nav-sections {
  5318. background-color: #fff;
  5319. }
  5320. .page-header.type18 .nav-sections .navigation > ul{
  5321. padding-right: 100px;
  5322. padding-left: 3px;
  5323. }
  5324. .page-header.type18 .navigation .level0 > .level-top {
  5325. font-size: 13px;
  5326. font-family: 'Oswald';
  5327. font-weight: 400;
  5328. color: #111111;
  5329. }
  5330. .page-header.type18 .navigation .level0.parent > a:after {
  5331. line-height: 46px;
  5332. }
  5333. .page-header.type18 .navigation .level0 .submenu {
  5334. border-top-width: 0;
  5335. box-shadow: 0 7px 10px -2px rgba(0,0,0,0.25);
  5336. }
  5337. .page-header.type18 .navigation li.level0.fullwidth .submenu li.level1 > a,
  5338. .page-header.type18 .navigation li.level0.staticwidth .submenu li.level1 > a {
  5339. font-size: 13px;
  5340. font-weight: 700;
  5341. margin-top: 26px;
  5342. margin-bottom: 4px;
  5343. color: #111111;
  5344. padding: 0 5px;
  5345. }
  5346. .page-header.type18 .navigation li.level0.fullwidth .submenu a,
  5347. .page-header.type18 .navigation li.level0.classic .submenu a,
  5348. .page-header.type18 .navigation li.level0.staticwidth .submenu a {
  5349. font-size: 12px;
  5350. font-weight: 600;
  5351. line-height: 24px;
  5352. text-transform: uppercase;
  5353. }
  5354. .page-header.type19 .panel.header .switcher {
  5355. padding: 0 30px 0 0;
  5356. color: #c4d0dc;
  5357. text-transform: uppercase;
  5358. }
  5359. .page-header.type19 .header.content {
  5360. display: block;
  5361. vertical-align: middle;
  5362. padding: 28px 15px;
  5363. }
  5364. .page-header.sticky-header.type19 .nav-sections {
  5365. background-color: #fff;
  5366. }
  5367. .page-header.type19 .logo {
  5368. float: left;
  5369. display: block;
  5370. margin: 0 25px 0 0;
  5371. }
  5372. .page-header.type19 .minicart-wrapper {
  5373. margin: 0;
  5374. float: right;
  5375. height: 50px;
  5376. right: 0;
  5377. padding: 5px 0;
  5378. }
  5379. .page-header.type19 .search-area {
  5380. position: relative;
  5381. margin: 0;
  5382. display: block;
  5383. float: left;
  5384. top: 0;
  5385. left: 0;
  5386. height: 50px;
  5387. z-index: 2;
  5388. }
  5389. .page-header.type19 .search-area > a {
  5390. color: #141a1f;
  5391. line-height: 50px;
  5392. display: block;
  5393. margin-right: 10px;
  5394. width: 25px;
  5395. text-align: center;
  5396. }
  5397. .page-header.type19 .block-search {
  5398. display: none;
  5399. position: absolute;
  5400. left: -20px;
  5401. top: 100%;
  5402. margin: 0;
  5403. }
  5404. .page-header.type19 .block-search input {
  5405. height: 45px;
  5406. border-radius: 25px;
  5407. border: 5px solid #ccc;
  5408. }
  5409. .page-header.type19 .block-search .action.search {
  5410. right: 5px;
  5411. height: 45px;
  5412. border-left: 1px solid #ccc;
  5413. width: 40px;
  5414. }
  5415. .page-header.type19 .custom-block {
  5416. float: right;
  5417. height: 40px;
  5418. line-height: 1;
  5419. font-size: 11px;
  5420. color: #777;
  5421. border-right: solid 1px #dde0e2;
  5422. padding-right: 35px;
  5423. margin-right: 30px;
  5424. margin-top:3px;
  5425. }
  5426. .page-header.type19 .custom-block > * {
  5427. display: inline-block;
  5428. vertical-align: middle;
  5429. }
  5430. .page-header.type19 .custom-block > a {
  5431. font-size: 12px;
  5432. }
  5433. .page-header.type19 .navigation {
  5434. padding: 10px 0;
  5435. }
  5436. .page-header.type19 .navigation li.level0 {margin-right: 4px;}
  5437. .page-header.type19 .navigation li.level0 > .level-top {
  5438. font-size: 12px;
  5439. font-weight: 700;
  5440. letter-spacing: inherit;
  5441. line-height: 30px;
  5442. display: inline-block;
  5443. transition-delay: 0.3s;
  5444. }
  5445. .page-header.type19 .navigation .level0.parent > a:after {
  5446. line-height: 30px;
  5447. }
  5448. .page-header.type20 {
  5449. text-align: center;
  5450. }
  5451. .page-header.type20 .logo {
  5452. float: none;
  5453. display: inline-block;
  5454. margin: 20px 0;
  5455. position: relative;
  5456. z-index: 8;
  5457. }
  5458. .page-header.type20 .nav-sections {
  5459. display: block;
  5460. position: absolute;
  5461. left: 0;
  5462. top: 50%;
  5463. margin-top: -21px;
  5464. width: 100%;
  5465. z-index: 4;
  5466. }
  5467. .page-header.type20 .navigation {
  5468. text-align: left;
  5469. }
  5470. .page-header.type20 .navigation > ul {
  5471. padding-right: 60%;
  5472. }
  5473. .page-header.type20.sticky-header .navigation > ul {
  5474. padding-right: 90px;
  5475. }
  5476. header.page-header.sticky-header.type20 .nav-sections {
  5477. background-color: #1e1e1e;
  5478. }
  5479. .page-header.type20 .navigation li.level0 {
  5480. color: #fff;
  5481. }
  5482. .page-header.type20 .navigation li.level0 > .level-top {
  5483. font-weight: 500;
  5484. }
  5485. .page-header.type20 .header.panel {
  5486. text-align: right;
  5487. position: absolute;
  5488. right: 0;
  5489. top: 50%;
  5490. margin-top: -18px;
  5491. z-index: 5;
  5492. padding: 0 15px;
  5493. }
  5494. body .page-header.type20 .header.panel {
  5495. max-width: calc(50% - 50px);
  5496. }
  5497. .page-header.type20 .header.panel .top-panel {
  5498. margin: 5px 0;
  5499. }
  5500. body.layout-fullwidth .page-header.type20 .header.panel .top-panel {
  5501. display: inline-block;
  5502. vertical-align: middle;
  5503. }
  5504. .page-header.type20 .top-links-area {
  5505. position: relative;
  5506. display: inline-block;
  5507. }
  5508. .page-header.type20 .top-links-icon {
  5509. display: inline-block;
  5510. vertical-align: middle;
  5511. font-size: 11px;
  5512. padding: 7px 20px 7px 0;
  5513. position: relative;
  5514. color: #fff;
  5515. text-transform: uppercase;
  5516. }
  5517. .page-header.type20 .top-links-icon a {
  5518. color: #fff;
  5519. font-size: 13px;
  5520. font-weight: 500;
  5521. letter-spacing: 0.025em;
  5522. }
  5523. .page-header.type20 .top-links-icon a:hover {text-decoration: none;}
  5524. .page-header.type20 .top-links-icon:before {
  5525. content: "\f807";
  5526. display: block;
  5527. position: absolute;
  5528. right: 3px;
  5529. top: 50%;
  5530. font-family: "porto-icons";
  5531. margin-top: -12px;
  5532. font-size: 16px;
  5533. -webkit-font-smoothing: antialiased;
  5534. }
  5535. .page-header.type20 .top-links-area .links {
  5536. display: none;
  5537. position: absolute;
  5538. right: 0;
  5539. z-index: 9;
  5540. background-color: #fff!important;
  5541. border-radius: 3px;
  5542. margin: 0;
  5543. padding: 5px 0;
  5544. text-align: right;
  5545. border: 1px solid #ccc;
  5546. min-width: 150px;
  5547. }
  5548. .page-header.type20 .top-links-area .links > li {
  5549. display: block;
  5550. margin: 0;
  5551. text-align: right;
  5552. text-transform: uppercase;
  5553. line-height: 19px;
  5554. }
  5555. .page-header.type20 .top-links-area .links > li > a,
  5556. .page-header.type20 .top-links-area .links > li > span {
  5557. color: #777 !important;
  5558. white-space: nowrap;
  5559. padding: 0 10px;
  5560. display: block;
  5561. transition: all .2s;
  5562. font-weight: 400;
  5563. font-size: 11px;
  5564. }
  5565. .page-header.type20 .custom-block {
  5566. font-family: 'Poppins';
  5567. font-weight: 400;
  5568. display: inline-block;
  5569. text-align: left;
  5570. font-size: 16px;
  5571. height: 33px;
  5572. line-height: 1;
  5573. border-right: solid 1px rgba(255,255,255,0.3);
  5574. padding-right: 30px;
  5575. padding-left: 20px;
  5576. }
  5577. .page-header.type20 .header.panel .search-area {
  5578. display: inline-block;
  5579. vertical-align: middle;
  5580. padding-left: 15px;
  5581. position: relative;
  5582. }
  5583. .page-header.type20 .header.panel .search-area > a {
  5584. color: #fff;
  5585. padding-right: 6px;
  5586. display: block;
  5587. }
  5588. .page-header.type20 .header.panel .block-search {
  5589. display: none;
  5590. position: absolute;
  5591. right: -20px;
  5592. top: 100%;
  5593. margin-top: 20px;
  5594. }
  5595. .page-header.type20 .header.panel .block-search input {
  5596. height: 45px;
  5597. border-radius: 25px;
  5598. border: 5px solid #ccc;
  5599. }
  5600. .page-header.type20 .header.panel .block-search .action.search {
  5601. right: 5px;
  5602. height: 45px;
  5603. border-left: 1px solid #ccc;
  5604. width: 40px;
  5605. }
  5606. .page-header.type20 .header.panel .switcher {
  5607. float: none;
  5608. padding: 5px 10px;
  5609. height: 24px;
  5610. border-radius: 3px;
  5611. color: #fff;
  5612. text-transform: uppercase;
  5613. text-align: left;
  5614. }
  5615. .page-header.type20 .header.panel .switcher strong {
  5616. font-size: 13px;
  5617. font-weight: 500;
  5618. letter-spacing: 0.025em;
  5619. }
  5620. .page-header.type21 .header.content {
  5621. padding: 25px 15px;
  5622. text-align: left;
  5623. }
  5624. .page-header.type21 .nav-sections {
  5625. display: block;
  5626. position: relative;
  5627. width: 100%;
  5628. z-index: 4;
  5629. }
  5630. .page-header.type21 .navigation > ul {
  5631. padding-right: 35%; text-align: right;
  5632. }
  5633. .page-header.type21.sticky-header .navigation > ul {
  5634. padding-right: 90px;
  5635. }
  5636. header.page-header.sticky-header.type21 .nav-sections {
  5637. background-color: #fff;
  5638. }
  5639. .page-header.type21 .navigation li.level0 {
  5640. color: #161616;
  5641. text-align: left;
  5642. }
  5643. .page-header.type21 .navigation li.level0 > .level-top {
  5644. font-family: 'Oswald';
  5645. }
  5646. .page-header.type21 .header.panel {
  5647. position: relative;
  5648. float: right;
  5649. padding: 5px 0;
  5650. z-index: 5;
  5651. margin-left: 20px;
  5652. }
  5653. .page-header.type21 .header.panel .top-panel,.page-header.type21 .header.panel .bottom-panel {
  5654. display: inline-block;
  5655. vertical-align: middle;
  5656. }
  5657. body.layout-fullwidth .page-header.type21 .header.panel .top-panel {
  5658. display: inline-block;
  5659. vertical-align: middle;
  5660. }
  5661. .page-header.type21 .top-links-area {
  5662. position: relative;
  5663. display: inline-block;
  5664. margin-left: 20px;
  5665. }
  5666. .page-header.type21 .top-links-icon {
  5667. display: inline-block;
  5668. vertical-align: middle;
  5669. font-size: 11px;
  5670. padding: 7px 20px 7px 0;
  5671. position: relative;
  5672. color: #fff;
  5673. text-transform: uppercase;
  5674. }
  5675. .page-header.type21 .top-links-icon a {
  5676. font-family: 'Oswald';
  5677. color: #fff;
  5678. font-size: 13px;
  5679. font-weight: 400;
  5680. letter-spacing: 0.025em;
  5681. }
  5682. .page-header.type21 .top-links-icon a:hover {text-decoration: none;}
  5683. .page-header.type21 .top-links-icon:before {
  5684. content: "\f807";
  5685. display: block;
  5686. position: absolute;
  5687. right: 3px;
  5688. top: 50%;
  5689. font-family: "porto-icons";
  5690. margin-top: -12px;
  5691. font-size: 16px;
  5692. -webkit-font-smoothing: antialiased;
  5693. }
  5694. .page-header.type21 .top-links-area .links {
  5695. display: none;
  5696. position: absolute;
  5697. right: 0;
  5698. z-index: 9;
  5699. background-color: #fff!important;
  5700. border-radius: 3px;
  5701. margin: 0;
  5702. padding: 5px 0;
  5703. text-align: right;
  5704. border: 1px solid #ccc;
  5705. min-width: 150px;
  5706. }
  5707. .page-header.type21 .top-links-area .links > li {
  5708. display: block;
  5709. margin: 0;
  5710. text-align: right;
  5711. text-transform: uppercase;
  5712. line-height: 19px;
  5713. }
  5714. .page-header.type21 .top-links-area .links > li > a,
  5715. .page-header.type21 .top-links-area .links > li > span {
  5716. color: #777 !important;
  5717. white-space: nowrap;
  5718. padding: 0 10px;
  5719. display: block;
  5720. transition: all .2s;
  5721. font-weight: 400;
  5722. font-size: 11px;
  5723. }
  5724. .page-header.type21 .custom-block {
  5725. font-family: 'Oswald';
  5726. font-weight: 400;
  5727. display: inline-block;
  5728. text-align: left;
  5729. font-size: 13px;
  5730. vertical-align: middle;
  5731. }
  5732. .page-header.type21 .header.panel .search-area {
  5733. display: none;
  5734. vertical-align: middle;
  5735. padding-left: 15px;
  5736. position: relative;
  5737. }
  5738. .page-header.type21 .header.panel .search-area > a {
  5739. color: #fff;
  5740. padding-right: 6px;
  5741. display: block;
  5742. }
  5743. .page-header.type21 .header.panel .block-search {
  5744. display: none;
  5745. position: absolute;
  5746. right: -20px;
  5747. top: 100%;
  5748. margin-top: 20px;
  5749. }
  5750. .page-header.type21 .header.panel .block-search input {
  5751. height: 45px;
  5752. border-radius: 25px;
  5753. border: 5px solid #ccc;
  5754. }
  5755. .page-header.type21 .header.panel .block-search .action.search {
  5756. right: 5px;
  5757. height: 45px;
  5758. border-left: 1px solid #ccc;
  5759. width: 40px;
  5760. }
  5761. .page-header.type21 .header.panel .switcher {
  5762. float: none;
  5763. padding: 5px 10px;
  5764. height: 24px;
  5765. border-radius: 3px;
  5766. color: #fff;
  5767. text-transform: uppercase;
  5768. text-align: left;
  5769. }
  5770. .page-header.type21 .header.panel .switcher strong {
  5771. font-family: 'Oswald';
  5772. font-size: 13px;
  5773. font-weight: 400;
  5774. letter-spacing: 0.025em;
  5775. }
  5776. .page-header.type22 {
  5777. position: absolute;
  5778. left: 0;
  5779. top: 0;
  5780. z-index: 5;
  5781. width: 256px;
  5782. min-height: 100vh;
  5783. background-color: #383734;
  5784. border: 0;
  5785. padding: 10px 0 200px;
  5786. text-align: center;
  5787. }
  5788. .page-header.type22 .switcher-area {
  5789. padding: 0 20px;
  5790. text-align: left;
  5791. }
  5792. .page-header.type22 .switcher-area .switcher {
  5793. float: none;
  5794. padding: 5px 10px 5px 0;
  5795. height: 26px;
  5796. border-radius: 3px;
  5797. color: #b0b0b0;
  5798. text-transform: uppercase;
  5799. text-align: left;
  5800. display: inline-block;
  5801. vertical-align: middle;
  5802. margin: 14px 2px 5px;
  5803. }
  5804. .page-header.type22 .switcher-area .switcher strong {
  5805. font-family: 'Poppins';
  5806. font-size: 11px;
  5807. }
  5808. .page-header.type22 .logo {
  5809. max-width: none;
  5810. }
  5811. .page-header.type22 .block-search {
  5812. margin: 0 0 20px;
  5813. max-width: 100%;
  5814. }
  5815. .page-header.type22 .block-search input {
  5816. padding: 10px 40px 10px 10px;
  5817. background-color: #282828;
  5818. font-family: 'Poppins';
  5819. font-size: 13.5px;
  5820. }
  5821. .page-header.type22 .block-search .action.search {
  5822. width: 40px;
  5823. right: 0;
  5824. }
  5825. .page-header.type22 .block-search .action.search:before {color: #7b7b7b;}
  5826. .page-header.type22 .header.panel {
  5827. padding-top:0;
  5828. }
  5829. .page-header.type22 .panel.wrapper {
  5830. background-color: transparent;
  5831. text-align: left;
  5832. padding-bottom: 100px;
  5833. }
  5834. .page-header.type22 .custom-block-area {
  5835. position: absolute;
  5836. width: 100%;
  5837. bottom: 0;
  5838. left: 0;
  5839. padding:20px 36px;
  5840. font-family: 'Poppins';
  5841. font-size: 13px;
  5842. color: #b0b0b0;
  5843. text-align: left;
  5844. }
  5845. .page-header.type22 .social-icons{float:none;display: inline-block;vertical-align: middle;margin-right: 20px;}
  5846. .page-header.type22 .social-icons a {background-image: none;background-color: #33332f;text-indent: 0;color: #fff;border-radius: 0;font-size: 12.8px;width: 34px;height: 34px;text-align: center;margin-left: 0;margin-right: 1px;float: left;line-height: 35px;font-size:16px; }
  5847. .page-header.type22 address{display:block;text-align:center;font-size:12px;color:#a8a8a8}
  5848. .page-header.type23 {
  5849. border-top: 0;
  5850. }
  5851. .page-header.type23 .panel.wrapper {
  5852. border-bottom: #eee solid 2px;
  5853. }
  5854. .page-header.type23 .panel.header {
  5855. padding-top: 0;
  5856. padding-bottom: 0;
  5857. }
  5858. .page-header.type23 .search-area {
  5859. position: relative;
  5860. margin: 0;
  5861. display: block;
  5862. float: left;
  5863. z-index: 10;
  5864. height: 39px;
  5865. }
  5866. .page-header.type23 .search-area > a {
  5867. display: block;
  5868. margin-right: 15px;
  5869. text-align: center;
  5870. font-size: 13px;
  5871. text-transform: uppercase;
  5872. color: #777;
  5873. line-height: 39px;
  5874. }
  5875. .page-header.type23 .search-area > a em {
  5876. margin-right: 5px;
  5877. }
  5878. .page-header.type23 .block-search {
  5879. display: none;
  5880. position: absolute;
  5881. left: -20px;
  5882. top: 100%;
  5883. margin: 0;
  5884. margin-top: 0;
  5885. }
  5886. .page-header.type23 .block-search input {
  5887. height: 45px;
  5888. border-radius: 25px;
  5889. border: 5px solid #ccc;
  5890. }
  5891. .page-header.type23 .block-search .action.search {
  5892. right: 5px;
  5893. height: 45px;
  5894. border-left: 1px solid #ccc;
  5895. width: 40px;
  5896. }
  5897. .page-header.type23 .panel.header .switcher {
  5898. padding: 12px 15px;
  5899. height: 39px;
  5900. }
  5901. .page-header.type23 .panel.header .switcher strong {
  5902. font-size: 13px;
  5903. text-transform: uppercase;
  5904. }
  5905. .page-header.type23 .minicart-wrapper {
  5906. position: relative;
  5907. margin: 5px 0 0 0;
  5908. float: right;
  5909. width: 42px;
  5910. }
  5911. .page-header.type23 .panel.header > span.split {
  5912. float: right;
  5913. height: 39px;
  5914. border-right-color:#eee;
  5915. border-right-width: 2px;
  5916. width: 1px;
  5917. margin: 0 18px;
  5918. }
  5919. .page-header.type23 .panel.header .toplinks-area {
  5920. float: right;
  5921. font-size: 13px;
  5922. position: relative;
  5923. line-height: 39px;
  5924. }
  5925. .page-header.type23 .panel.header .custom-block {
  5926. float: right;
  5927. font-size: 13px;
  5928. line-height: 39px;
  5929. }
  5930. .page-header.type23 .header.content {
  5931. display: block;
  5932. padding: 28px 15px;
  5933. text-align: center;
  5934. }
  5935. .page-header.type23 .logo {
  5936. display: inline-block;
  5937. margin: 0;
  5938. }
  5939. .page-header.type23 .nav-sections {
  5940. pointer-events: none;
  5941. position: absolute;
  5942. top: 50%;
  5943. margin-top: -22px;
  5944. width: 100%;
  5945. left: 0;
  5946. padding-left: 15px;
  5947. padding-right: 6px;
  5948. }
  5949. .page-header.type23 .navigation > ul {
  5950. text-align: left;
  5951. }
  5952. .page-header.type23 .navigation > ul > li {
  5953. pointer-events: all;
  5954. text-align: left;
  5955. }
  5956. .page-header.type23 .navigation .level0 > .level-top {font-weight: 500;}
  5957. .page-header.type23:not(.sticky-header) .navigation li.level0 > .level-top:first-child {padding-left: 0;}
  5958. .cms-index-index .page-header.type24 {background-color: transparent;position: absolute;width: 100%;top:0;}
  5959. .page-header.type24 .panel.wrapper {
  5960. border-bottom: #f2f2f3 solid 1px;
  5961. font-weight: 400;
  5962. font-size: 13px;
  5963. letter-spacing: 0.01em;
  5964. }
  5965. .page-header.type24 .header.panel {padding-top: 12px;padding-bottom: 9px;}
  5966. .page-header.type24 .panel.header .switcher {
  5967. padding: 0 30px 0 0;
  5968. text-transform: uppercase;
  5969. margin-top: 1px;
  5970. letter-spacing: 0.025em;
  5971. font-size: 11px;
  5972. }
  5973. .page-header.type24 .custom-block {float: right;margin-right: 20px;}
  5974. .page-header.type24 .custom-block span {color:inherit !important;line-height: 1 !important;}
  5975. .page-header.type24 .top-links-area {
  5976. position: relative;
  5977. display: inline-block;
  5978. float: right;
  5979. }
  5980. .page-header.type24 .top-links-icon {display: none;}
  5981. .page-header.type24 .panel.header .top-links-area ul {
  5982. display: inline-block;
  5983. margin: 0;
  5984. padding: 0;
  5985. }
  5986. .page-header.type24 .panel.header .top-links-area ul li {
  5987. display: inline-block;
  5988. margin: 0;
  5989. text-transform: uppercase;
  5990. }
  5991. .page-header.type24 .panel.header .top-links-area ul li a {
  5992. padding: 0 10px;
  5993. }
  5994. .page-header.type24 .panel.header .top-links-area ul li > span {
  5995. padding: 0 10px;
  5996. }
  5997. .page-header.type24 .header.content {
  5998. display: block;
  5999. vertical-align: middle;
  6000. padding: 18px 15px;
  6001. }
  6002. .page-header.type24 .logo {
  6003. float: left;
  6004. display: block;
  6005. margin: 0 25px 0 0;
  6006. }
  6007. .page-header.type24 .minicart-wrapper {
  6008. margin: 0;
  6009. float: right;
  6010. padding: 10px 0;
  6011. }
  6012. .page-header.type24.sticky-header .minicart-wrapper {padding: 0;}
  6013. .page-header.type24 .minicart-wrapper .action.showcart:before, .page-header.type24 .minicart-wrapper .action.showcart.active:before {font-size: 25px;}
  6014. .page-header.type24 .minicart-wrapper .action.showcart .counter.qty {background-color: #d33e75;font-family: 'Open Sans';top:16px;right:20px;width: 13px;height:13px;line-height: 13px;font-size: 9px;}
  6015. .page-header.type24 .minicart-wrapper .block-minicart {right: -12px;}
  6016. .page-header.type24 .search-area {
  6017. position: relative;
  6018. margin: 0 35px;
  6019. display: block;
  6020. float: right;
  6021. top: 0;
  6022. left: 0;
  6023. height: 50px;
  6024. z-index: 2;
  6025. }
  6026. .page-header.type24 .search-area>a {
  6027. color: #3b404c;
  6028. line-height: 52px;
  6029. display: block;
  6030. width: 25px;
  6031. text-align: center;
  6032. font-size: 22px;
  6033. }
  6034. .page-header.type24 .search-area>a .porto-icon-search:before {content:'\e884';}
  6035. .page-header.type24 .block-search {
  6036. display: none;
  6037. position: absolute;
  6038. right: -20px;
  6039. top: 100%;
  6040. margin-top: 0;
  6041. }
  6042. .page-header.type24 .block-search input {
  6043. height: 45px;
  6044. border-radius: 25px;
  6045. border: 5px solid #ccc;
  6046. }
  6047. .page-header.type24 .block-search .action.search {
  6048. right: 5px;
  6049. height: 45px;
  6050. border-left: 1px solid #ccc;
  6051. width: 40px;
  6052. }
  6053. .page-header.type24 .nav-sections {
  6054. pointer-events: none;
  6055. }
  6056. .page-header.type24 .navigation {
  6057. padding: 5px 0;
  6058. }
  6059. .page-header.type24 .navigation>ul {
  6060. text-align: right;
  6061. }
  6062. .page-header.type24 .navigation > ul > li {
  6063. pointer-events: all;
  6064. text-align: left;
  6065. }
  6066. .page-header.type24 .navigation .level0 > .level-top {
  6067. font-size: 14px;
  6068. font-weight: 400;
  6069. letter-spacing: 0.01em;
  6070. }
  6071. .page-header.type24.sticky-header .navigation>ul {text-align: left;}
  6072. .page-header.type25 {
  6073. background-color: transparent;
  6074. color: #999;
  6075. border: 0;
  6076. }
  6077. .page-header.type25 .logo {
  6078. margin: 30px 0;
  6079. }
  6080. .page-header.type25>.panel.wrapper {
  6081. background-color: transparent;
  6082. color: #999;
  6083. letter-spacing: 0.025em;
  6084. }
  6085. .page-header.type25 .panel.header .switcher {
  6086. padding: 0 30px 0 0;
  6087. text-transform: uppercase;
  6088. }
  6089. .page-header.type25 .header.content {
  6090. padding: 0 30px;
  6091. }
  6092. .page-header.type25 .panel.header .header.links > li > a {
  6093. color: #999;
  6094. border:none;
  6095. }
  6096. .page-header.type25 .header .custom-block {
  6097. position: absolute;
  6098. top: 50%;
  6099. right: 100px;
  6100. margin-top: -21px;
  6101. display: inline-block;
  6102. text-align: left;
  6103. font-size: 11px;
  6104. height: 42px;
  6105. line-height: 1;
  6106. border-right: solid 1px #e4417b;
  6107. padding-right: 35px;
  6108. margin-right: 15px;
  6109. }
  6110. .page-header.type25 .block-search {max-width: 420px;border-radius: 20px;overflow: hidden}
  6111. .page-header.type25 .block-search input {
  6112. background-color: #fff;
  6113. color: #777;
  6114. border-color: #ccc;
  6115. height: 38px;
  6116. }
  6117. .page-header.type25 .block-search .action.search {
  6118. border-left: 1px solid #ccc;
  6119. padding: 0 10px;
  6120. height: 38px;
  6121. line-height: 38px;
  6122. }
  6123. .page-header.type25 .block-search .action.search:before, .page-header.type25 .block-search .action.search:hover:before {
  6124. color: #999;
  6125. }
  6126. .page-header.type25 .minicart-wrapper {right: 30px;}
  6127. .page-header.type25 .menu-wrapper {
  6128. position: relative;
  6129. background-color: #fff;
  6130. }
  6131. .page-header.type25.sticky-header .menu-container {
  6132. position: fixed;
  6133. width: 100%;
  6134. top: 0;
  6135. left: 0;
  6136. z-index: 200;
  6137. background-color: #fff;
  6138. box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  6139. }
  6140. .page-header.type25.sticky-header .sticky-logo {
  6141. margin-left: 15px;
  6142. }
  6143. .page-header.type25.sticky-header .sticky-logo .logo img {
  6144. margin-top: 5px;
  6145. margin-right: 0;
  6146. }
  6147. .page-header.type25.sticky-header .nav-sections {
  6148. position: absolute !important;
  6149. top: 100% !important;
  6150. width: calc(100% - 30px) !important;
  6151. left: 15px !important;
  6152. }
  6153. .page-header.type25 .nav-sections.visible {
  6154. visibility: visible;
  6155. opacity: 1;
  6156. }
  6157. header.page-header.type25.sticky-header .navigation li.level0>.level-top {
  6158. padding: 6px 10px;
  6159. }
  6160. header.page-header.type25.sticky-header .navigation {padding: 0;}
  6161. .page-header.type25 .navigation .level0 > .level-top {
  6162. padding: 6px 10px;
  6163. font-family: 'Poppins';
  6164. font-size: 15px;
  6165. }
  6166. .page-header.type25 .navigation .level0:not(:first-child) > .level-top {
  6167. border-top: #e6ebee solid 1px !important;
  6168. }
  6169. .page-header.type25 .drop-menu {
  6170. min-width: 270px;
  6171. }
  6172. .page-header.type25 .drop-menu>a {
  6173. text-transform: uppercase;
  6174. font-size: 14px;
  6175. letter-spacing: 0.075em;
  6176. font-family: 'Oswald';
  6177. font-weight: 400;
  6178. padding: 12px 26px;
  6179. }
  6180. .page-header.type25 .drop-menu>a:hover {background-color:#303030;}
  6181. .page-header.type25 .drop-menu>a em {
  6182. margin-right: 7px;
  6183. font-size: 18px;
  6184. }
  6185. .page-header.type25 .drop-menu .nav-sections {
  6186. border: #e6ebee solid 1px;
  6187. box-shadow: none;
  6188. padding: 0 8px;
  6189. }
  6190. .cms-index-index .page-header.type25 .drop-menu .nav-sections {
  6191. padding: 0 8px !important;
  6192. }
  6193. .page-header.type25 .drop-menu+.custom-menu-block {
  6194. float: right;
  6195. line-height: 43px;
  6196. }
  6197. .page-header.type25 .drop-menu+.custom-menu-block a {
  6198. padding: 0 14px;
  6199. font-size: 13px;
  6200. font-family: 'Poppins';
  6201. font-weight: 500;
  6202. color: #465157;
  6203. letter-spacing: 0.05em;
  6204. }
  6205. .page-header.type25.sticky-header .drop-menu+.custom-menu-block {
  6206. margin-right: 90px;
  6207. }
  6208. .page-header.type26 .panel.header .customer-menu .links > li {
  6209. display: block;
  6210. }
  6211. .page-header.type26 .panel.header .links > li {
  6212. display: inline-block;
  6213. vertical-align: top;
  6214. margin: 0;
  6215. }
  6216. .page-header.type26 .panel.header .links > li.greet.welcome {
  6217. display: none;
  6218. }
  6219. .page-header.type26 .block-search input {
  6220. border: 1px solid #ccc;
  6221. }
  6222. .page-header.type26 .panel.header .top-links-area > ul.links > li > a {
  6223. font-family: 'Oswald';
  6224. margin-right: 20px;
  6225. text-transform: uppercase;
  6226. font-weight: 400;
  6227. font-size: 14px;
  6228. letter-spacing: 0.01em;
  6229. display: block;
  6230. }
  6231. .page-header.type26 .switcher strong {
  6232. font-family: 'Oswald';
  6233. font-size: 14px;
  6234. font-weight: 400;
  6235. text-transform: uppercase;
  6236. letter-spacing: 0.01em;
  6237. }
  6238. .page-header.type26 .sections.nav-sections {
  6239. position: absolute;
  6240. left: -15px;
  6241. top: 100%;
  6242. border: 0;
  6243. visibility: hidden;
  6244. opacity: 0;
  6245. transition: all 0.3s;
  6246. min-width: 200px;
  6247. }
  6248. .page-header.type26 .menu-area:hover .sections.nav-sections {
  6249. visibility: visible;
  6250. opacity: 1;
  6251. }
  6252. .page-header.type26 .nav-sections-item-content > .navigation {
  6253. background: #fff;
  6254. padding: 5px 0;
  6255. margin-top: 15px;
  6256. }
  6257. .page-header.type26 .sw-megamenu.navigation li.level0 {
  6258. display: block;
  6259. margin: 0;
  6260. }
  6261. .page-header.type26 .sw-megamenu.navigation li.level0 > a {
  6262. display: block;
  6263. font-size: 12px;
  6264. font-weight: 400;
  6265. color: #777;
  6266. padding: 12px 30px 12px 5px;
  6267. text-transform: none;
  6268. margin: 0 8px;
  6269. line-height: 1;
  6270. position: relative;
  6271. }
  6272. .page-header.type26 .sw-megamenu.navigation li.level0 > a:hover {
  6273. background-color: #f4f4f4;
  6274. }
  6275. .page-header.type26 .navigation .level0.parent > a:after {
  6276. line-height: 1;
  6277. content: '\f801';
  6278. position: absolute;
  6279. right: 5px;
  6280. }
  6281. .page-header.type26 .sw-megamenu.navigation li.level0 {
  6282. position: relative !important;
  6283. }
  6284. .page-header.type26 .sw-megamenu.navigation li.level0.fullwidth > .submenu, .page-header.type26 .sw-megamenu.navigation li.level0.staticwidth > .submenu {
  6285. left: 100% !important;
  6286. top: -6px;
  6287. border: 0;
  6288. }
  6289. .page-header.type26 .sw-megamenu.navigation li.level0.classic:hover > .submenu {
  6290. left: 100% !important;
  6291. top: -6px;
  6292. border: 0;
  6293. margin-left: -8px !important;
  6294. }
  6295. .page-header.type27 .logo {margin: 17.5px 0;}
  6296. .page-header.type27 .panel.header .switcher {
  6297. padding-right: 15px;
  6298. float: none;
  6299. height: auto;
  6300. }
  6301. .page-header.type27 .panel.header .switcher strong {
  6302. text-transform: uppercase;
  6303. font-size: 13.5px;
  6304. font-weight: 400;
  6305. }
  6306. .page-header.type27 .panel.header {
  6307. display: inline-block;
  6308. position: absolute;
  6309. right: 84px;
  6310. top: 50%;
  6311. margin-top: -20px;
  6312. }
  6313. .page-header.type27 .top-links-area {
  6314. position: relative;
  6315. display: inline-block;
  6316. }
  6317. .page-header.type27 .top-links-icon {
  6318. padding: 0 20px 0 0;
  6319. }
  6320. .page-header.type27 .top-links-icon a {
  6321. color: #fff;
  6322. font-size: 13.5px;
  6323. font-weight: 400;
  6324. text-transform: uppercase;
  6325. }
  6326. .page-header.type27 .top-links-icon a:hover {text-decoration: none;}
  6327. .page-header.type27 .top-links-icon:before {
  6328. content: "\f807";
  6329. display: block;
  6330. position: absolute;
  6331. right: 3px;
  6332. top: 50%;
  6333. font-family: "porto-icons";
  6334. margin-top: -12px;
  6335. font-size: 16px;
  6336. -webkit-font-smoothing: antialiased;
  6337. }
  6338. .page-header.type27 .top-links-area .links {
  6339. display: none;
  6340. position: absolute;
  6341. right: 0;
  6342. z-index: 9;
  6343. background-color: #fff!important;
  6344. border-radius: 3px;
  6345. margin: 0;
  6346. padding: 5px 0;
  6347. text-align: right;
  6348. border: 1px solid #ccc;
  6349. min-width: 150px;
  6350. }
  6351. .page-header.type27 .top-links-area .links > li {
  6352. display: block;
  6353. margin: 0;
  6354. text-align: right;
  6355. text-transform: uppercase;
  6356. line-height: 19px;
  6357. }
  6358. .page-header.type27 .top-links-area .links > li > a,
  6359. .page-header.type27 .top-links-area .links > li > span {
  6360. color: #777 !important;
  6361. white-space: nowrap;
  6362. padding: 0 10px;
  6363. display: block;
  6364. transition: all .2s;
  6365. font-weight: 400;
  6366. font-size: 11px;
  6367. }
  6368. .page-header.type27 .block-search {
  6369. margin-left: 60px;
  6370. width: 400px;
  6371. }
  6372. .page-header.type27 .block-search input {
  6373. background-color: #fff;
  6374. color: #8d8d8d;
  6375. border-radius: 20px;
  6376. }
  6377. .page-header.type27 .block-search .action.search {
  6378. border-left: 1px solid rgba(255,255,255,0.2);
  6379. padding: 0 12px;
  6380. }
  6381. .page-header.type27 .nav-sections {
  6382. background-color: #fff;
  6383. color: #6b7a83;
  6384. box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 0px;
  6385. }
  6386. .page-header.type27.sticky-header .nav-sections {
  6387. background-color: #fff;
  6388. color: #fff;
  6389. }
  6390. .page-header.type27.sticky-header .navigation li.level0.active, .page-header.type27.sticky-header .navigation li.level0:hover {
  6391. color: #bde1f5;
  6392. }
  6393. .page-header.type27 .navigation .level0 {margin-right: 4px;color: inherit;}
  6394. .page-header.type27 .navigation .level0 > .level-top {
  6395. font-family: Oswald;
  6396. font-size: 12.5px;
  6397. letter-spacing: 0.05em;
  6398. color: inherit;
  6399. font-weight: 500;
  6400. line-height: 57px;
  6401. }
  6402. .page-header.type27 .navigation .level0 > .level-top:after {
  6403. line-height: 57px;
  6404. }
  6405. .page-header.type27 .navigation li.level0.active,
  6406. .page-header.type27 .navigation li.level0:hover {
  6407. color: #161616;
  6408. }
  6409. .page-header.type27 .navigation li.level0.parent:hover a.level-top:before {
  6410. display: none;
  6411. }
  6412. }
  6413. @media (max-width:1199px) and (min-width:992px){
  6414. .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu {
  6415. width: 750px;
  6416. }
  6417. .form-find-area {padding: 18px 40px 16px;}
  6418. }
  6419. @media (min-width:992px){
  6420. .page-header.type22 .minicart-wrapper {
  6421. float: right;
  6422. }
  6423. header.page-header.type22 .panel.wrapper .header.panel > .header.links {
  6424. float: none;
  6425. display: block;
  6426. }
  6427. header.page-header.type22 .panel.wrapper .header.panel > .header.links > li {
  6428. display: block;
  6429. color: #fff;
  6430. }
  6431. header.page-header.type22 .panel.wrapper .header.panel > .header.links > li > a,
  6432. header.page-header.type22 .panel.wrapper .header.panel > .header.links > li > span {
  6433. color: #b0b0b0;
  6434. border: 0;
  6435. padding: 3px 5px;
  6436. display: block;
  6437. line-height: 40px;
  6438. font-family: 'Poppins';
  6439. font-size: 13px;
  6440. letter-spacing: 0.01em;
  6441. text-transform: uppercase;
  6442. }
  6443. header.page-header.type22 .panel.wrapper .header.panel > .header.links > li > span {
  6444. border-top: 0;
  6445. }
  6446. body.side-header .page-wrapper {
  6447. padding-left: 256px;
  6448. }
  6449. header.page-header.type22.fixed-bottom {
  6450. position: fixed;
  6451. top: auto;
  6452. bottom: 0;
  6453. }
  6454. body.side-header .page-wrapper > .breadcrumbs.fixed-position {
  6455. position: fixed;
  6456. width: 100%;
  6457. z-index: 999;
  6458. top: 0;
  6459. }
  6460. body.side-header .page-wrapper > .breadcrumbs .items {
  6461. margin: 0;
  6462. max-width: none;
  6463. }
  6464. .page-header.type22 .sw-megamenu.navigation.side-megamenu {
  6465. text-align: left;
  6466. padding: 0;
  6467. }
  6468. .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0 > a {
  6469. margin: 0;
  6470. color: #b0b0b0;
  6471. border-top: none;
  6472. font-family: 'Poppins';
  6473. font-size: 13px;
  6474. letter-spacing: 0.01em;
  6475. text-transform: uppercase;
  6476. padding: 3px 5px;
  6477. }
  6478. .page-header.type22 .navigation.side-megamenu a, .page-header.type22 .navigation.side-megamenu a:hover {
  6479. color: #465157;
  6480. }
  6481. .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0.parent > a:after {
  6482. color: #b0b0b0;
  6483. padding-right: 10px;
  6484. }
  6485. .page-header.type22 .navigation.side-megamenu > ul {margin-right: -10px;}
  6486. .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0.parent:hover > a:after {
  6487. color: #b0b0b0;
  6488. }
  6489. .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0 > .submenu {
  6490. border: solid 1px #dae2e6;
  6491. box-shadow: 0 3px 15px -2px rgba(0,0,0,0.3);
  6492. padding: 10px 10px 10px 15px;
  6493. }
  6494. .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0 > .submenu:before, .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0 > .submenu:after {
  6495. border-bottom-style: solid;
  6496. content: '';
  6497. display: block;
  6498. height: 0;
  6499. position: absolute;
  6500. width: 0;
  6501. }
  6502. .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0 > .submenu:before {
  6503. border: 8px solid;
  6504. border-color: transparent #fff transparent transparent;
  6505. z-index: 3;
  6506. left: -16px;
  6507. top: 11px;
  6508. }
  6509. .page-header.type22 .sw-megamenu.navigation.side-megamenu li.level0 > .submenu:after {
  6510. border: 9px solid;
  6511. border-color: transparent #dae2e6 transparent transparent;
  6512. z-index: 2;
  6513. left: -18px;
  6514. top: 10px;
  6515. right: auto;
  6516. }
  6517. .page-header.type22 .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a, .page-header.type22 .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a {
  6518. font-size: 13px;
  6519. font-weight: 700;
  6520. color: #434d53;
  6521. letter-spacing: -0.001em;
  6522. margin-top: 9px;
  6523. }
  6524. .page-header.type22 .sw-megamenu.navigation li.level0.fullwidth .submenu a, .page-header.type22 .sw-megamenu.navigation li.level0.staticwidth .submenu a, .page-header.type22 .sw-megamenu.navigation li.level0.classic .submenu a {
  6525. text-transform: uppercase;
  6526. font-size: 12px;
  6527. font-weight: 600;
  6528. color: #696969;
  6529. line-height: 24px;
  6530. }
  6531. .page-header.type23 .panel.header .toplinks-area > a {
  6532. display:none;
  6533. }
  6534. .page-header.type23 .panel.header .toplinks-area ul {
  6535. display: inline-block;
  6536. margin: 0;
  6537. padding: 0;
  6538. }
  6539. .page-header.type23 .panel.header .toplinks-area ul li {
  6540. display: inline-block;
  6541. margin: 0;
  6542. text-transform: uppercase;
  6543. }
  6544. .page-header.type23 .panel.header .toplinks-area ul li a {
  6545. padding: 0 10px;
  6546. }
  6547. .page-header.type23 .panel.header .toplinks-area ul li > span {
  6548. padding: 0 10px;
  6549. }
  6550. }
  6551. @media (max-width:1199px) and (min-width:768px){
  6552. header.page-header.type15 .switcher-area {
  6553. width: 100%;
  6554. border-bottom: 1px solid rgba(60,60,60,0.1);
  6555. border-left: 1px solid rgba(60,60,60,0.1);
  6556. text-align: right;
  6557. }
  6558. header.page-header.type15 .header .header-link-area {
  6559. width: 100%;
  6560. border-right: none;
  6561. }
  6562. header.page-header.type15 .cart-area, header.page-header.type15 .search-area {display: inline-block;width: auto;vertical-align: middle;border-bottom:0;text-align: left;}
  6563. header.page-header.type15 .cart-area {
  6564. border-left: 1px solid rgba(60,60,60,0.1);
  6565. }
  6566. header.page-header.type15 .minicart-wrapper {
  6567. max-width: inherit;
  6568. }
  6569. header.page-header.type15 .search-area .block-search {
  6570. min-width: 240px;
  6571. }
  6572. }
  6573. @media (max-width:991px) and (min-width:768px){
  6574. header.page-header.type22 {
  6575. position: relative;
  6576. width: auto;
  6577. height: auto;
  6578. min-height: 0;
  6579. text-align: left;
  6580. padding: 10px 15px;
  6581. }
  6582. .page-header.type22 .switcher-area {
  6583. padding: 0;
  6584. }
  6585. header.page-header.type22 .header.content {
  6586. padding: 0;
  6587. }
  6588. header.page-header.type22 .logo {
  6589. max-width: 110px;
  6590. }
  6591. header.page-header.type22 .custom-block-area {
  6592. display: none;
  6593. }
  6594. header.page-header.type22 .block-search {
  6595. position: absolute;
  6596. right: 0;
  6597. top: 10px;
  6598. margin-bottom: 0;
  6599. }
  6600. header.page-header.type22 .panel.wrapper {
  6601. position: absolute;
  6602. right: 15px;
  6603. top: 27px;
  6604. }
  6605. header.page-header.type22 .header.panel > .header.links > li > a, header.page-header.type22 .header.panel > .header.links > li > span {
  6606. color: #b0b0b0;
  6607. }
  6608. .page-header.type22 .navigation {
  6609. background-color: transparent;
  6610. padding: 0;
  6611. }
  6612. .page-header.type22 .navigation > ul {
  6613. padding: 0;
  6614. }
  6615. .page-header.type22 .navigation li.level0 {
  6616. margin-right: 3px;
  6617. color: #b0b0b0;
  6618. }
  6619. .page-header.type22 .navigation li.level0 > .level-top {
  6620. color: inherit;
  6621. padding: 0 12px;
  6622. line-height: 42px;
  6623. font-family: 'Poppins';
  6624. font-size: 13px;
  6625. letter-spacing: 0.01em;
  6626. text-transform: uppercase;
  6627. font-weight: 400;
  6628. }
  6629. .page-header.type22 .navigation li.level0.active, .page-header.type22 .navigation li.level0:hover {
  6630. color: #fff;
  6631. }
  6632. .page-header.type22 .navigation li.level0.parent a.level-top:before {
  6633. content: "";
  6634. width: 10px;
  6635. height: 10px;
  6636. border: 7px solid transparent;
  6637. border-bottom-color: #fff;
  6638. position: absolute;
  6639. left: 50%;
  6640. margin-left: -8px;
  6641. top: 100%;
  6642. margin-top: -14px;
  6643. visibility: hidden;
  6644. opacity: 0;
  6645. transition: all 0.1s;
  6646. }
  6647. .page-header.type22 .navigation li.level0.parent:hover a.level-top:before {
  6648. visibility: visible;
  6649. opacity: 1;
  6650. }
  6651. .page-header.type22 .navigation .level0 .submenu {
  6652. border-top-width: 0;
  6653. box-shadow: 0 7px 10px -2px rgba(0,0,0,0.25);
  6654. }
  6655. .page-header.type22 .navigation li.level0.fullwidth .submenu li.level1 > a,
  6656. .page-header.type22 .navigation li.level0.staticwidth .submenu li.level1 > a {
  6657. font-size: 13px;
  6658. font-weight: 700;
  6659. margin-top: 26px;
  6660. margin-bottom: 4px;
  6661. color: #434d53;
  6662. padding: 0 5px;
  6663. }
  6664. .page-header.type22 .navigation li.level0.fullwidth .submenu a,
  6665. .page-header.type22 .navigation li.level0.classic .submenu a,
  6666. .page-header.type22 .navigation li.level0.staticwidth .submenu a {
  6667. font-size: 12px;
  6668. font-weight: 600;
  6669. line-height: 24px;
  6670. text-transform: uppercase;
  6671. }
  6672. .page-header.type23 .panel.header .toplinks-area > a {
  6673. text-transform: uppercase;
  6674. display:inline-block;
  6675. }
  6676. .page-header.type23 .panel.header .toplinks-area > ul {
  6677. position: absolute;
  6678. left: 0;
  6679. top: 100%;
  6680. min-width: 150px;
  6681. padding: 0;
  6682. list-style: none;
  6683. display: none;
  6684. line-height: 24px;
  6685. }
  6686. .page-header.type23 .panel.header .toplinks-area > ul.show {
  6687. right: -18px;
  6688. left: auto;
  6689. z-index: 7;
  6690. background-color: #fff;
  6691. box-shadow: 0 0 1px rgba(0,0,0,0.15);
  6692. padding: 10px 15px;
  6693. margin-top: 1px;
  6694. }
  6695. .offer-deal .item .content h3 a{font-size: 30px;line-height: 25px;}
  6696. .offer-deal .item .content p{font-size: 16px;line-height: 25px;}
  6697. .offer-deal .item .content .btn-default {font-size: 11px;padding: 8px 12px;margin-top: 5px;}
  6698. }
  6699. @media (min-width: 1200px) {
  6700. body.layout-fullwidth .page-header.type20 .header.panel .bottom-panel {
  6701. display: inline-block;
  6702. vertical-align: middle;
  6703. margin-left: 10px;
  6704. }
  6705. }
  6706. @media (max-width: 1899px) {
  6707. header.page-header.type14 .header.content {
  6708. padding-left: 55px;
  6709. padding-right: 55px;
  6710. }
  6711. header.page-header.type14 .header.content > .logo {
  6712. margin-right: 10px;
  6713. }
  6714. header.page-header.type14 .panel.header .search-area {
  6715. margin-left: 10px;
  6716. margin-right: 10px;
  6717. }
  6718. header.page-header.type14 .panel.header .top-panel {
  6719. margin-right: 20px;
  6720. }
  6721. }
  6722. @media (max-width:1679px) {
  6723. .owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] {
  6724. width: 60px;
  6725. height: 60px;
  6726. line-height: 60px;
  6727. }
  6728. header.page-header.type14 .panel.header .links > li.greet.welcome {
  6729. display: none;
  6730. }
  6731. header.page-header.type14 .panel.header .top-panel {
  6732. margin-right: 10px;
  6733. }
  6734. header.page-header.type14 .panel.header .search-area {
  6735. margin-left: 5px;
  6736. margin-right: 5px;
  6737. }
  6738. header.page-header.type14 .navigation li.level0 > a {
  6739. padding: 0 10px;
  6740. }
  6741. }
  6742. @media (max-width: 1439px) {
  6743. header.page-header.type14 .header.content {
  6744. padding: 25px;
  6745. margin: 0;
  6746. max-width: none;
  6747. }
  6748. header.page-header.type14 .minicart-wrapper.active {
  6749. height: 102px;
  6750. }
  6751. header.page-header.type14 .minicart-wrapper .action.showcart:before {
  6752. line-height: 100px;
  6753. }
  6754. header.page-header.type14 .header.content > .logo {
  6755. padding-left: 5px;
  6756. }
  6757. }
  6758. @media (max-width: 1359px) {
  6759. header.page-header.type14 .panel.header .top-panel {
  6760. display: block;
  6761. margin-bottom: 20px;
  6762. text-align: right;
  6763. margin-right: 0;
  6764. pointer-events: all;
  6765. }
  6766. header.page-header.type14 .panel.header .bottom-panel {
  6767. pointer-events: all;
  6768. }
  6769. header.page-header.type14 .panel.header {
  6770. margin-top: -32px;
  6771. pointer-events: none;
  6772. }
  6773. header.page-header.type14 .nav-sections {
  6774. margin: 0;
  6775. }
  6776. header.page-header.type14 .minicart-wrapper.active {
  6777. height: 100px;
  6778. }
  6779. }
  6780. @media (max-width: 1199px) {
  6781. header.page-header.type14 .minicart-wrapper {
  6782. width: 150px;
  6783. }
  6784. header.page-header.type14 .panel.header {
  6785. right: 150px;
  6786. }
  6787. header.page-header.type14 .minicart-wrapper.active {
  6788. width: 280px;
  6789. padding-left: 130px;
  6790. }
  6791. .page-header.type26 .header.content {
  6792. padding: 25px 25px;
  6793. }
  6794. .page-header.type26 .logo {
  6795. left: 25px;
  6796. }
  6797. }
  6798. @media (max-width: 991px) {
  6799. header.page-header.type14 .panel.header {
  6800. right: 170px;
  6801. }
  6802. header.page-header.type14 .minicart-wrapper.active {
  6803. width: 280px;
  6804. padding-left: 130px;
  6805. }
  6806. .page-header.type26 .header.content {
  6807. padding: 25px 15px;
  6808. }
  6809. .page-header.type26 .header.content .header.panel {
  6810. right: 15px;
  6811. }
  6812. .page-header.type26 .header.panel .bottom-panel .search-area {
  6813. margin: 0;
  6814. margin-right: 20px;
  6815. }
  6816. .page-header.type26 .header.panel .top-panel .custom-block {display: none;}
  6817. .offer-deal .item img {width: 100%;}
  6818. }
  6819. @media (max-width:767px) {
  6820. .block-search input {
  6821. color: #666;
  6822. }
  6823. .owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] {
  6824. width: 40px;
  6825. height: 40px;
  6826. line-height: 40px;
  6827. }
  6828. .page-header.header-newskin .minicart-wrapper {
  6829. position: relative;
  6830. top: auto;
  6831. right: auto;
  6832. left: auto;
  6833. margin: 0;
  6834. float: right;
  6835. margin-right:-17px;
  6836. }
  6837. .page-header.header-newskin .minicart-wrapper .action.showcart:before,
  6838. .page-header.header-newskin .minicart-wrapper .action.showcart.active:before {
  6839. font-size: 28px;
  6840. line-height: 40px;
  6841. }
  6842. .page-header.header-newskin .minicart-wrapper .block-minicart {
  6843. right:-7px;
  6844. }
  6845. .page-header.header-newskin .minicart-wrapper .action.showcart {
  6846. line-height: 40px;
  6847. }
  6848. .page-header.type6 .custom-block {
  6849. display: none;
  6850. }
  6851. header.page-header.type14 .header.content {
  6852. padding: 25px 15px;
  6853. }
  6854. header.page-header.type14 .nav-toggle {
  6855. line-height: 50px;
  6856. }
  6857. header.page-header.type14 .nav-toggle:before {
  6858. color: #ccc;
  6859. }
  6860. header.page-header.type14 .panel.header {
  6861. pointer-events: all;
  6862. }
  6863. header.page-header.type14 .search-area .search-toggle-icon {
  6864. display: none;
  6865. }
  6866. header.page-header.type14 .panel.header .block-search {
  6867. display: block;
  6868. position: relative;
  6869. top: 0;
  6870. width: auto;
  6871. }
  6872. header.page-header.type14 .block-search .label:before {
  6873. color: #ccc;
  6874. margin: 0;
  6875. content: "\f880";
  6876. }
  6877. header.page-header.type14 .block-search .label.active:before {
  6878. color: #fff;
  6879. }
  6880. header.page-header.type14 .block-search input {
  6881. position: absolute;
  6882. right: -5px;
  6883. top: -6px;
  6884. margin: 0;
  6885. left: auto;
  6886. opacity: 0;
  6887. filter:alpha(opacity=0);
  6888. }
  6889. header.page-header.type14 .block-search .label.active + .control input {
  6890. position: absolute;
  6891. display: block;
  6892. opacity: 1;
  6893. filter:alpha(opacity=100);
  6894. }
  6895. header.page-header.type14 .panel.header .top-panel {
  6896. display: none;
  6897. }
  6898. header.page-header.type14 .panel.header {
  6899. margin-top: -13px;
  6900. }
  6901. header.page-header.type14 .navigation li.level0 > a {
  6902. padding: 13px 36px 13px 15px;
  6903. }
  6904. header.page-header.type15 .header > .logo {
  6905. margin: 9px 0;
  6906. height: 40px;
  6907. width: auto;
  6908. }
  6909. header.page-header.type15 .header > .logo img {
  6910. max-width: 100%;
  6911. max-height: 100%;
  6912. width: auto;
  6913. }
  6914. header.page-header.type15 .header .cart-area .switcher, header.page-header.type15 .header .search-toggle-icon {
  6915. display: none;
  6916. }
  6917. header.page-header.type15 .header .cart-area {
  6918. position: absolute;
  6919. right: 0;
  6920. top: 0;
  6921. }
  6922. header.page-header.type15 .minicart-wrapper .action.showcart .counter-label {
  6923. display: none;
  6924. }
  6925. header.page-header.type15 .minicart-wrapper {
  6926. margin-top: 6px;
  6927. }
  6928. header.page-header.type15 .minicart-wrapper .block-minicart {
  6929. right: 10px;
  6930. }
  6931. header.page-header.type15 .search-area .block-search .label {
  6932. padding-right: 60px;
  6933. line-height: 60px;
  6934. }
  6935. header.page-header.type15 .search-area .block-search .label:before {
  6936. content: '\e884';
  6937. color: #fff;
  6938. }
  6939. header.page-header.type15 .nav-toggle:before {
  6940. color: #fff;
  6941. }
  6942. .page-header.type16 .logo {
  6943. height: 40px;
  6944. float: left;
  6945. margin: 10px 0;
  6946. }
  6947. .page-header.type16 .minicart-wrapper {
  6948. margin: 10px 0;
  6949. }
  6950. .page-header.type16 .block-search {
  6951. float: none;
  6952. margin-bottom: 0;
  6953. }
  6954. .page-header.type16 .block-search .label {
  6955. float: right;
  6956. margin: 10px 0;
  6957. line-height: 40px;
  6958. margin-right: 15px;
  6959. }
  6960. .page-header.type16 .custom-block {
  6961. display: none;
  6962. }
  6963. .page-header.type17 .logo {
  6964. height: 40px;
  6965. float: left;
  6966. margin: 10px 0;
  6967. }
  6968. .page-header.type17 .logo img {
  6969. max-width: 100%;
  6970. max-height: 100%;
  6971. width: auto;
  6972. }
  6973. .page-header.type17 .minicart-wrapper {
  6974. position: relative;
  6975. top: auto;
  6976. right: auto;
  6977. left: auto;
  6978. margin: 10px 0;
  6979. float: right;
  6980. }
  6981. .page-header.type17 .block-search {
  6982. float: none;
  6983. margin-bottom: 0;
  6984. }
  6985. .page-header.type17 .block-search .label:before,
  6986. .page-header.type17 .nav-toggle:before {
  6987. color: #fff;
  6988. }
  6989. .page-header.type17 .block-search .label {
  6990. float: right;
  6991. margin: 10px 0;
  6992. line-height: 40px;
  6993. margin-right: 15px;
  6994. }
  6995. .page-header.type17 .custom-block {
  6996. display: none;
  6997. }
  6998. .page-header.type18 .logo {
  6999. height: 40px;
  7000. float: left;
  7001. margin: 10px 0;
  7002. }
  7003. .page-header.type18 .select-area {
  7004. display: none;
  7005. }
  7006. .page-header.type18 .block-search {
  7007. float: none;
  7008. margin-bottom: 0;
  7009. }
  7010. .page-header.type18 .block-search .label {
  7011. float: right;
  7012. margin: 10px 0;
  7013. line-height: 40px;
  7014. margin-right: 15px;
  7015. }
  7016. .page-header.type18 .minicart-wrapper {
  7017. position: relative;
  7018. top: auto;
  7019. right: auto;
  7020. left: auto;
  7021. margin: 10px 0;
  7022. float: right;
  7023. }
  7024. .page-header.type19 .logo {
  7025. height: 40px;
  7026. float: left;
  7027. margin: 10px 0;
  7028. }
  7029. .page-header.type19 .logo img {
  7030. max-width: 100%;
  7031. max-height: 100%;
  7032. width: auto;
  7033. }
  7034. .page-header.type19 .custom-block {
  7035. display: none;
  7036. }
  7037. .page-header.type19 .minicart-wrapper {
  7038. margin: 10px 0;
  7039. }
  7040. .page-header.type19 .search-toggle-icon {
  7041. display: none;
  7042. }
  7043. .page-header.type19 .block-search .label {
  7044. float: right;
  7045. margin-right: 30px;
  7046. margin-top: 15px;
  7047. }
  7048. .page-header.type20 .logo {
  7049. height: 40px;
  7050. float: left;
  7051. margin: 10px 0;
  7052. }
  7053. .page-header.type20 .header.panel {
  7054. position: relative;
  7055. }
  7056. .page-header.type20 .bottom-panel {
  7057. position: absolute;
  7058. right: 10px;
  7059. top: 10px;
  7060. }
  7061. .page-header.type20 .minicart-wrapper {
  7062. position: relative;
  7063. top: auto;
  7064. right: auto;
  7065. left: auto;
  7066. margin: 0;
  7067. float: right;
  7068. margin-right:-17px;
  7069. }
  7070. .page-header.type20 .minicart-wrapper .action.showcart:before,
  7071. .page-header.type20 .minicart-wrapper .action.showcart.active:before {
  7072. font-size: 28px;
  7073. line-height: 40px;
  7074. }
  7075. .page-header.type20 .minicart-wrapper .block-minicart {
  7076. right:-7px;
  7077. }
  7078. .page-header.type20 .minicart-wrapper .action.showcart {
  7079. line-height: 40px;
  7080. }
  7081. .page-header.type20 .search-toggle-icon {
  7082. display: none;
  7083. }
  7084. .page-header.type20 .block-search .label {
  7085. float: right;
  7086. margin-right: 40px;
  7087. margin-top: 15px;
  7088. }
  7089. .page-header.type20 .top-links-area, .page-header.type20 .custom-block {
  7090. display: none;
  7091. }
  7092. .page-header.type21 .logo {
  7093. height: 40px;
  7094. float: left;
  7095. margin: 10px 0;
  7096. }
  7097. .page-header.type21 .header.panel {
  7098. position: relative;
  7099. }
  7100. .page-header.type21 .bottom-panel {
  7101. position: absolute;
  7102. right: 10px;
  7103. top: 10px;
  7104. }
  7105. .page-header.type21 .minicart-wrapper {
  7106. position: relative;
  7107. top: auto;
  7108. right: auto;
  7109. left: auto;
  7110. margin: 0;
  7111. float: right;
  7112. margin-right:-17px;
  7113. }
  7114. .page-header.type21 .minicart-wrapper .action.showcart:before,
  7115. .page-header.type21 .minicart-wrapper .action.showcart.active:before {
  7116. font-size: 28px;
  7117. line-height: 40px;
  7118. }
  7119. .page-header.type21 .minicart-wrapper .block-minicart {
  7120. right:-7px;
  7121. }
  7122. .page-header.type21 .minicart-wrapper .action.showcart {
  7123. line-height: 40px;
  7124. }
  7125. .page-header.type21 .search-toggle-icon {
  7126. display: none;
  7127. }
  7128. .page-header.type21 .block-search .label {
  7129. float: right;
  7130. margin-right: 40px;
  7131. margin-top: 15px;
  7132. }
  7133. .page-header.type21 .top-links-area, .page-header.type21 .custom-block {
  7134. display: none;
  7135. }
  7136. .page-header.type22 {
  7137. border: 0;
  7138. min-width: 320px;
  7139. }
  7140. .page-header.type22 .logo img {
  7141. width: auto;
  7142. height: auto;
  7143. }
  7144. .page-header.type22 .nav-toggle {
  7145. margin: 10px 15px 10px 0;
  7146. }
  7147. .page-header.type22 .switcher-area {
  7148. position: relative;
  7149. z-index: 1;
  7150. }
  7151. .page-header.type22 .switcher-area .switcher {
  7152. display: none;
  7153. }
  7154. .page-header.type22 .minicart-wrapper {
  7155. float: right;
  7156. margin-top: 20px;
  7157. margin-right: 15px;
  7158. }
  7159. .page-header.type22 .minicart-wrapper .block-minicart {
  7160. right: 4px;
  7161. left: auto;
  7162. }
  7163. .page-header.type22 .minicart-wrapper .block-minicart:before {
  7164. right: 28.7px;
  7165. left:auto;
  7166. }
  7167. .page-header.type22 .minicart-wrapper .block-minicart:after {
  7168. right: 28px;
  7169. left: auto;
  7170. }
  7171. .page-header.type22 .nav-toggle {
  7172. margin: 10px 15px 10px 0;
  7173. }
  7174. .page-header.type22 .nav-toggle:before {
  7175. color: #b0b0b0;
  7176. }
  7177. .page-header.type22 .logo {
  7178. margin: 15px 0;
  7179. }
  7180. .page-header.type22 .block-search {
  7181. float: right;
  7182. margin: 26px 0;
  7183. }
  7184. .page-header.type22 .block-search .label:before {
  7185. color: #b0b0b0;
  7186. }
  7187. .page-header.type22 .block-search .control {
  7188. margin: 0;
  7189. padding: 0;
  7190. position: absolute;
  7191. width: 300px;
  7192. right: 0;
  7193. top: 100%;
  7194. z-index: 1;
  7195. }
  7196. .page-header.type22 .custom-block-area {
  7197. display: none;
  7198. }
  7199. .page-header.type23 .minicart-wrapper {
  7200. position: absolute;
  7201. top: auto;
  7202. right: 15px;
  7203. left: auto;
  7204. margin: 10px 0;
  7205. z-index: 1;
  7206. }
  7207. .page-header.type23 .panel.header .toplinks-area {
  7208. display: none;
  7209. }
  7210. .page-header.type23 .panel.header .custom-block {
  7211. display: none;
  7212. }
  7213. .page-header.type23 .logo {
  7214. height: 40px;
  7215. float: left;
  7216. margin: 10px 0;
  7217. }
  7218. .page-header.type23 .logo img {
  7219. max-width: 100%;
  7220. max-height: 100%;
  7221. width: auto;
  7222. }
  7223. .page-header.type23 .search-toggle-icon {
  7224. display: none;
  7225. }
  7226. .page-header.type23 .block-search .label {
  7227. font-size: 11px;
  7228. text-transform: uppercase;
  7229. }
  7230. .page-header.type23 .block-search .label > span {
  7231. width: auto;
  7232. height: auto;
  7233. position: static;
  7234. }
  7235. .page-header.type23 .block-search .label:before {
  7236. margin-right: 5px;
  7237. color: #777;
  7238. font-size: 11px;
  7239. }
  7240. .page-header.type23 .panel.header > span.split {
  7241. display: none;
  7242. }
  7243. .page-header.type23 .minicart-wrapper .action.showcart .counter.qty {color: #fff;}
  7244. .page-header.type24 .custom-block {
  7245. display: none;
  7246. }
  7247. .page-header.type24 .minicart-wrapper {
  7248. position: relative;
  7249. top: auto;
  7250. right: auto;
  7251. left: auto;
  7252. margin: 10px 0;
  7253. float: right;
  7254. }
  7255. .page-header.type24 .top-links-area {display: none;}
  7256. .page-header.type24 .search-toggle-icon {
  7257. display: none;
  7258. }
  7259. .page-header.type24 .block-search .label {
  7260. float: right;
  7261. margin-right: 20px;
  7262. margin-top: 15px;
  7263. }
  7264. .page-header.type24 .logo {
  7265. height: 40px;
  7266. float: left;
  7267. margin: 10px 0;
  7268. }
  7269. .page-header.type24 .logo img {
  7270. max-width: 100%;
  7271. max-height: 100%;
  7272. width: auto;
  7273. }
  7274. .page-header.type25 {border: none;}
  7275. .page-header.type25 .logo {
  7276. height: 40px;
  7277. float: left;
  7278. margin: 10px 0 10px;
  7279. }
  7280. .page-header.type25 .minicart-wrapper {
  7281. position: relative;
  7282. top: auto;
  7283. right: auto;
  7284. left: auto;
  7285. margin: 10px 0;
  7286. float: right;
  7287. }
  7288. .page-header.type25 .block-search {
  7289. float: none;
  7290. margin-bottom: 0;
  7291. }
  7292. .page-header.type25 .block-search .label {
  7293. float: right;
  7294. margin: 10px 0;
  7295. line-height: 40px;
  7296. margin-right: 15px;
  7297. }
  7298. .page-header.type25 .custom-block {
  7299. display: none;
  7300. }
  7301. .page-header.type25 .custom-menu-block, .page-header.type25 .drop-menu>a {
  7302. display: none;
  7303. }
  7304. .page-header.type25 .nav-toggle:before, .page-header.type25 .block-search .label:before {
  7305. color: #fff;
  7306. }
  7307. .page-header.type25 .sw-megamenu.navigation.side-megamenu {
  7308. display: block;
  7309. }
  7310. .page-header.type26 .header.content {
  7311. padding: 0 15px;
  7312. }
  7313. .page-header.type26 .logo {
  7314. position: relative;
  7315. left: 0;
  7316. top:0;
  7317. padding:10px 0;
  7318. float: left;
  7319. }
  7320. .page-header.type26 .logo img {
  7321. height: 40px;
  7322. width: auto;
  7323. }
  7324. .page-header.type26 .header.panel .top-panel .custom-block {display: none;}
  7325. .page-header.type26 .nav-toggle {
  7326. display: inline-block;
  7327. }
  7328. .page-header.type26 .header.content .header.panel {
  7329. right: 0;
  7330. text-align: right;
  7331. }
  7332. .page-header.type26 .header.panel .top-panel .menu-area > a {
  7333. display: none;
  7334. }
  7335. .page-header.type26 .sections.nav-sections {
  7336. display: block;
  7337. text-align: left;
  7338. }
  7339. .page-header.type26 .nav-sections .header.links, .page-header.type26 .nav-sections .switcher {
  7340. display: block;
  7341. }
  7342. .page-header.type26 .switcher strong, .page-header.type26 .switcher .options .action.toggle:after, .page-header.type26 .switcher .options .action.toggle:hover:after {
  7343. color: #777;
  7344. }
  7345. .page-header.type26 .minicart-wrapper {
  7346. margin-top: 0;
  7347. margin-right: 0;
  7348. float: none;
  7349. }
  7350. .page-header.type26 .minicart-wrapper .action.showcart {
  7351. color: #fff;
  7352. }
  7353. .page-header.type26 .minicart-wrapper .action.showcart:before,
  7354. .page-header.type26 .minicart-wrapper .action.showcart.active:before {
  7355. color: #fff;
  7356. }
  7357. .page-header.type26 .search-toggle-icon {
  7358. display: none;
  7359. }
  7360. .page-header.type26 .block-search .label:before {
  7361. color: #fff;
  7362. content: '\f87b';
  7363. }
  7364. .page-header.type26 .header.panel .bottom-panel .search-area {
  7365. position: static;
  7366. }
  7367. .page-header.type26 .header.panel .bottom-panel .search-area .block-search {
  7368. display: inline-block;
  7369. margin: 0;
  7370. position: static;
  7371. }
  7372. .page-header.type26 .block-search .label {
  7373. float: none;
  7374. }
  7375. .page-header.type26 .block-search .label + .control input {
  7376. position: absolute;
  7377. left: -9999px;
  7378. min-width: 200px;
  7379. }
  7380. .page-header.type26 .block-search .label.active + .control input {
  7381. left: auto;
  7382. right: 0;
  7383. }
  7384. .page-header.type27 .top-links-area, .page-header.type27 .custom-block {
  7385. display: none;
  7386. }
  7387. .page-header.type27 .logo {
  7388. height: 40px;
  7389. float: left;
  7390. margin: 10px 0;
  7391. }
  7392. .page-header.type27 .logo img {
  7393. max-width: 100%;
  7394. max-height: 100%;
  7395. width: auto;
  7396. }
  7397. .page-header.type27 .minicart-wrapper {
  7398. position: relative;
  7399. top: auto;
  7400. right: auto;
  7401. left: auto;
  7402. margin: 10px 0;
  7403. float: right;
  7404. }
  7405. .page-header.type27 .block-search {
  7406. float: none;
  7407. margin-bottom: 0;
  7408. }
  7409. .page-header.type27 .block-search .label:before,
  7410. .page-header.type27 .nav-toggle:before {
  7411. color: #fff;
  7412. }
  7413. .page-header.type27 .block-search .label {
  7414. float: right;
  7415. margin: 10px 0;
  7416. line-height: 40px;
  7417. margin-right: 15px;
  7418. }
  7419. .page-header.type27 .custom-block {
  7420. display: none;
  7421. }
  7422. .offer-deal .item .content h3 a{font-size: 30px;line-height: 25px;}
  7423. .offer-deal .item .content p{font-size: 16px;line-height: 25px;}
  7424. .offer-deal .item .content .btn-default {font-size: 11px;padding: 8px 12px;margin-top: 5px;}
  7425. }
  7426. @media (max-width: 640px) {
  7427. header.page-header.type14 .panel.header {
  7428. right: 60px;
  7429. margin-top: -13px;
  7430. }
  7431. header.page-header.type14 .minicart-wrapper.active {
  7432. height: 100px;
  7433. padding-left: 230px;
  7434. }
  7435. header.page-header.type14 .minicart-wrapper {
  7436. width: 50px;
  7437. }
  7438. header.page-header.type14 .minicart-wrapper .action.showcart:before {
  7439. margin: 0;
  7440. }
  7441. header.page-header.type14 .minicart-wrapper .action.showcart .counter.qty {
  7442. display: none;
  7443. }
  7444. header.page-header.type14 .block-search input {
  7445. min-width: 200px;
  7446. }
  7447. #newsletter_popup {
  7448. padding: 40px 10px 25px;
  7449. width: 100% !important;
  7450. }
  7451. }
  7452. @media only screen and (max-width: 639px) {
  7453. .filter.active .filter-title strong {
  7454. right: 10px;
  7455. top: 0;
  7456. border: none !important;
  7457. }
  7458. .filter.active .filter-title strong:before {
  7459. -webkit-font-smoothing: antialiased;
  7460. font-size: 16px;
  7461. line-height: inherit;
  7462. color: #c1c1c1;
  7463. content: '\f819';
  7464. font-family: 'porto-icons';
  7465. vertical-align: middle;
  7466. display: inline-block;
  7467. font-weight: normal;
  7468. overflow: hidden;
  7469. speak: none;
  7470. text-align: center;
  7471. }
  7472. .filter.active .filter-title strong:after { display: none;}
  7473. .filter.active .filter-title {
  7474. background-color: #666666;
  7475. margin: 0;
  7476. height: 47px;
  7477. border: none;
  7478. }
  7479. .filter.active .filter-subtitle {
  7480. color: #fff !important;
  7481. text-transform: uppercase;
  7482. font-size: 12.5px;
  7483. font-weight: 400;
  7484. font-family: 'Oswald';
  7485. letter-spacing: 0.025em;
  7486. z-index: 3;
  7487. padding: 8px 30px !important;
  7488. height: 47px;
  7489. pointer-events: none;
  7490. }
  7491. .filter.active .filter-options {
  7492. padding: 0 30px 30px !important;
  7493. }
  7494. .filter.active .block-category-list .block-title, .filter.active .filter-options-title, .filter.active .filter .filter-current-subtitle {
  7495. padding-left: 0;
  7496. padding-right: 0;
  7497. }
  7498. .filter.active .block-category-list .block-content, .filter.active .filter-options-content {
  7499. padding-left: 0;
  7500. padding-right: 0;
  7501. }
  7502. }
  7503. @media (min-width: 768px) and (max-width: 1440px) {
  7504. header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth > .submenu, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth > .submenu {
  7505. padding: 20px 15px;
  7506. }
  7507. header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth .submenu a, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth .submenu a {
  7508. padding: 5px 10px;
  7509. }
  7510. header.page-header.type14 .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a, header.page-header.type14 .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a {
  7511. margin-bottom: 10px;
  7512. }
  7513. }
  7514. @media (min-width: 768px) {
  7515. .page-header.type7 .panel.header .toplinks-area > ul.show {
  7516. left: -15px;
  7517. z-index: 7;
  7518. background-color: #fff;
  7519. box-shadow: 0 0 1px rgba(0,0,0,0.15);
  7520. padding: 0 15px;
  7521. margin-top: 10px;
  7522. }
  7523. }