custom.css 238 KB

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