goods.css 115 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362
  1. html, body {
  2. font-size: 100%;
  3. background: #fff;
  4. font-family: 'Open Sans', sans-serif;
  5. }
  6. p {
  7. margin: 0;
  8. font-size: 14px;
  9. }
  10. h1, h2, h3, h4, h5, h6 {
  11. font-family: 'Glegoo', serif;
  12. margin: 0;
  13. }
  14. ul, label {
  15. margin: 0;
  16. padding: 0;
  17. }
  18. body a:hover {
  19. text-decoration: none;
  20. }
  21. /*-- header --*/
  22. input[type="submit"], .panel-body ul li a, .checkout-right-basket a, .additional_info_sub_grid_right a, .panel_bottom li a, .panel-title a, .breadcrumb_dress ul li a, .multi-column-dropdown li a, .footer-copy p a, .w3_footer_grid ul li a, .agileinfo_banner_bottom1_grid_left a, .navbar-default .navbar-nav > li > a, .simpleCart_shelfItem p a, .agile_ecommerce_tab_left h5 a, .w3_hs_bottom ul li a, .team-bottom a {
  23. transition: .5s ease-in-out;
  24. -webkit-transition: .5s ease-in-out;
  25. -moz-transition: .5s ease-in-out;
  26. -o-transition: .5s ease-in-out;
  27. }
  28. .header {
  29. padding: 2em 0 0;
  30. }
  31. .w3l_login {
  32. float: left;
  33. }
  34. .w3l_logo {
  35. float: left;
  36. margin-left: 22em;
  37. }
  38. .w3l_logo h1 a {
  39. font-size: 1.1em;
  40. color: #212121;
  41. text-decoration: none;
  42. }
  43. .w3l_logo h1 a span {
  44. display: block;
  45. font-size: .3em;
  46. text-transform: capitalize;
  47. letter-spacing: 7px;
  48. padding-left: 4px;
  49. text-align: center;
  50. margin-top: 0.5em;
  51. }
  52. .w3l_login a {
  53. font-size: .8em;
  54. color: #3c43a4;
  55. width: 50px;
  56. height: 50px;
  57. display: block;
  58. text-align: center;
  59. border: 1px solid #3c43a4;
  60. margin-top: 0.5em;
  61. }
  62. .w3l_login a span {
  63. top: 1.3em;
  64. }
  65. a.act {
  66. color: #ff5063 !important;
  67. }
  68. /*-- search --*/
  69. .search {
  70. position: relative;
  71. display: inline-block;
  72. float: left;
  73. margin: 0.8em 0 0 8em;
  74. }
  75. label.icon-search {
  76. color: #212121;
  77. cursor: pointer;
  78. }
  79. .search_form {
  80. position: absolute;
  81. z-index: 9999;
  82. right: 0;
  83. top: 15px;
  84. overflow: hidden;
  85. width: 20px;
  86. height: 0px;
  87. background: #212121;
  88. transition: height 0.2s ease-out 0.5s, top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s;
  89. -webkit-transition: height 0.2s ease-out 0.5s, top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s;
  90. }
  91. .search_form form {
  92. opacity: 0;
  93. transition: all 0.3s ease-out;
  94. -webkit-transition: all 0.3s ease-out;
  95. }
  96. .search_form input[type='text'] {
  97. width: 380px;
  98. padding: 10px;
  99. outline: none;
  100. font-size: 14px;
  101. color: #fff;
  102. border: 1px solid #999;
  103. background: none;
  104. }
  105. .search_form input[type='text']::-webkit-input-placeholder {
  106. color: #fff !important;
  107. }
  108. .search_form input[type='submit'] {
  109. outline: none;
  110. background: none;
  111. display: inline-block;
  112. color: #fff;
  113. font-size: 14px;
  114. border: 1px solid #999;
  115. text-transform: uppercase;
  116. padding: 10px 28px;
  117. }
  118. .search_form input[type='submit']:hover {
  119. background: #fff;
  120. border: 1px solid #fff;
  121. color: #212121;
  122. }
  123. .search_box {
  124. visibility: hidden;
  125. }
  126. .search_box:checked ~ .search_form {
  127. width: 500px;
  128. height: 62px;
  129. padding: 10px;
  130. top: 44px;
  131. transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s;
  132. -webkit-transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s;
  133. }
  134. .search_box:checked ~ .search_form form {
  135. opacity: 1;
  136. transition: 0.3s all ease-out 0.5s;
  137. -webkit-transition: 0.3s all ease-out 0.5s;
  138. }
  139. label.icon-search span {
  140. color: #ff5063;
  141. border: 1px solid;
  142. padding: .6em;
  143. }
  144. /*-- //search --*/
  145. .box_1 {
  146. float: right;
  147. margin-top: 10px;
  148. }
  149. .box_1 a {
  150. color: #3c43a4;
  151. font-size: 1em;
  152. margin: 0;
  153. }
  154. .total {
  155. display: inline-block;
  156. vertical-align: middle;
  157. }
  158. .box_1 a img {
  159. margin: 3px 0 0 0px;
  160. }
  161. .box_1 p {
  162. margin: 0;
  163. color: #999;
  164. font-size: 14px;
  165. }
  166. a.simpleCart_empty {
  167. color: #212121;
  168. font-size: 13px;
  169. text-decoration: none;
  170. text-align: right;
  171. display: block;
  172. }
  173. .w3view-cart {
  174. background: #ff5063;
  175. border: none;
  176. -o-border-radius: 7%;
  177. -ms-border-radius: 7%;
  178. -moz-border-radius: 7%;
  179. -webkit-border-radius: 7%;
  180. border-radius: 7%;
  181. width: 50px;
  182. height: 44px;
  183. text-align: center;
  184. outline: none;
  185. position: fixed;
  186. right: 14%;
  187. z-index: 999
  188. }
  189. .w3view-cart i.fa {
  190. font-size: 1.8em;
  191. color: #ffffff;
  192. vertical-align: middle;
  193. }
  194. /*-- //header --*/
  195. /*-- cart-css --*/
  196. #w3lssbmincart form {
  197. position: relative;
  198. padding: 1em;
  199. background: #fbfbfb;
  200. -webkit-border-radius: 4px;
  201. -moz-border-radius: 4px;
  202. -o-border-radius: 4px;
  203. -ms-border-radius: 4px;
  204. border-radius: 4px;
  205. color: #333;
  206. -webkit-box-shadow: 0px 0px 5px 2px #9a9a9a;
  207. -moz-box-shadow: 0px 0px 5px 2px #9a9a9a;
  208. -o-box-shadow: 0px 0px 5px 2px #9a9a9a;
  209. -ms-box-shadow: 0px 0px 5px 2px #9a9a9a;
  210. box-shadow: 0px 0px 5px 2px #9a9a9a;
  211. }
  212. #w3lssbmincart form ul {
  213. overflow-y: scroll;
  214. max-height: 300px;
  215. }
  216. #w3lssbmincart {
  217. display: none;
  218. position: fixed;
  219. left: 68%;
  220. top: 16%;
  221. width: 420px;
  222. }
  223. .sbmincart-showing #w3lssbmincart {
  224. display: block;
  225. z-index: 9999;
  226. -webkit-animation: zoomIn .3s ease;
  227. -moz-animation: zoomIn .3s ease;
  228. -o-animation: zoomIn .3s ease;
  229. -ms-animation: zoomIn .3s ease;
  230. animation: zoomIn .3s ease;
  231. }
  232. #w3lssbmincart form.sbmincart-empty {
  233. font-size: 16px;
  234. font-weight: bold;
  235. }
  236. #w3lssbmincart ul {
  237. clear: both;
  238. float: left;
  239. width: 100%;
  240. margin: 5px 0 20px;
  241. padding: 1em;
  242. list-style-type: none;
  243. background: #fff;
  244. border: 1px solid #ccc;
  245. border-radius: 4px;
  246. box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  247. }
  248. #w3lssbmincart .sbmincart-empty ul {
  249. display: none;
  250. }
  251. #w3lssbmincart .sbmincart-closer {
  252. float: right;
  253. margin: -8px -10px 0;
  254. padding: 0 10px;
  255. background: 0;
  256. border: 0;
  257. font-size: 25px;
  258. cursor: pointer;
  259. font-weight: bold;
  260. outline: none;
  261. }
  262. #w3lssbmincart .sbmincart-item {
  263. clear: left;
  264. padding: 7px 0;
  265. min-height: 35px;
  266. font-size: 0.85em;
  267. }
  268. #w3lssbmincart .sbmincart-item + .sbmincart-item {
  269. border-top: 1px solid #f2f2f2;
  270. }
  271. #w3lssbmincart .sbmincart-item a {
  272. color: #333;
  273. text-decoration: none;
  274. }
  275. #w3lssbmincart .sbmincart-details-name {
  276. float: left;
  277. width: 62%;
  278. }
  279. #w3lssbmincart .sbmincart-details-quantity {
  280. float: left;
  281. width: 15%;
  282. }
  283. #w3lssbmincart .sbmincart-details-remove {
  284. float: left;
  285. width: 7%;
  286. }
  287. #w3lssbmincart .sbmincart-details-price {
  288. float: left;
  289. width: 16%;
  290. text-align: right;
  291. }
  292. #w3lssbmincart .sbmincart-attributes {
  293. margin: 0;
  294. padding: 0;
  295. background: transparent;
  296. border: 0;
  297. border-radius: 0;
  298. box-shadow: none;
  299. color: #999;
  300. font-size: 12px;
  301. line-height: 22px;
  302. overflow: inherit;
  303. height: inherit;
  304. }
  305. #w3lssbmincart .sbmincart-attributes li {
  306. display: inline;
  307. }
  308. #w3lssbmincart .sbmincart-attributes li:after {
  309. content: ",";
  310. }
  311. #w3lssbmincart .sbmincart-attributes li:last-child:after {
  312. content: "";
  313. }
  314. #w3lssbmincart .sbmincart-quantity {
  315. width: 30px;
  316. height: 18px;
  317. padding: 2px 4px;
  318. border: 1px solid #ccc;
  319. border-radius: 4px;
  320. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  321. font-size: 13px;
  322. text-align: right;
  323. transition: border linear 0.2s, box-shadow linear 0.2s;
  324. -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  325. -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  326. }
  327. #w3lssbmincart .sbmincart-quantity:hover {
  328. border-color: #0078C1;
  329. }
  330. #w3lssbmincart .sbmincart-quantity:focus {
  331. border-color: #0078C1;
  332. outline: 0;
  333. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(0, 120, 193, 0.4);
  334. }
  335. #w3lssbmincart .sbmincart-remove {
  336. width: 18px;
  337. height: 19px;
  338. margin: 2px 0 0;
  339. padding: 0;
  340. background: #b7b7b7;
  341. border: 1px solid #a3a3a3;
  342. border-radius: 3px;
  343. color: #fff;
  344. font-size: 13px;
  345. opacity: 0.70;
  346. cursor: pointer;
  347. }
  348. #w3lssbmincart .sbmincart-remove:hover {
  349. opacity: 1;
  350. }
  351. #w3lssbmincart .sbmincart-footer {
  352. clear: left;
  353. text-align: center;
  354. margin-right: 1.5em;
  355. position: relative;
  356. }
  357. p.sbmincart-empty-text {
  358. color: #f44336;
  359. font-weight: 500;
  360. }
  361. #w3lssbmincart .sbmincart-subtotal {
  362. bottom: 3px;
  363. padding-left: 0;
  364. font-size: 16px;
  365. font-weight: bold;
  366. display: block;
  367. text-align: left;
  368. }
  369. #w3lssbmincart .sbmincart-submit {
  370. margin-right: 6px;
  371. padding: 0;
  372. border: none;
  373. color: #ff5063;
  374. background: none;
  375. outline: none;
  376. font-size: 0.9em;
  377. font-weight: 700;
  378. position: absolute;
  379. text-transform: uppercase;
  380. right: 0;
  381. top: 0;
  382. }
  383. /* Let's get this party started */
  384. #w3lssbmincart form ul::-webkit-scrollbar {
  385. width: 5px;
  386. }
  387. /* Track */
  388. #w3lssbmincart form ul::-webkit-scrollbar-track {
  389. -webkit-box-shadow: inset 0 0 6px #999;
  390. -moz-box-shadow: inset 0 0 6px #999;
  391. -o-box-shadow: inset 0 0 6px #999;
  392. -ms-box-shadow: inset 0 0 6px #999;
  393. box-shadow: inset 0 0 6px #999;
  394. -webkit-border-radius: 10px;
  395. -moz-border-radius: 10px;
  396. -o-border-radius: 10px;
  397. -ms-border-radius: 10px;
  398. border-radius: 10px;
  399. }
  400. /* Handle */
  401. #w3lssbmincart form ul::-webkit-scrollbar-thumb {
  402. -webkit-border-radius: 10px;
  403. -moz-border-radius: 10px;
  404. -o-border-radius: 10px;
  405. -ms-border-radius: 10px;
  406. border-radius: 10px;
  407. background: #3c43a4;
  408. -moz-box-shadow: inset 0 0 6px #3c43a4;
  409. -o-box-shadow: inset 0 0 6px #3c43a4;
  410. -ms-box-shadow: inset 0 0 6px #3c43a4;
  411. -webkit-box-shadow: inset 0 0 6px #3c43a4;
  412. box-shadow: inset 0 0 6px #3c43a4;
  413. }
  414. /*-- //cart-css --*/
  415. /*-- navigation --*/
  416. .navbar-default .navbar-nav > li > a {
  417. color: #fff;
  418. -webkit-transition: .5s all;
  419. -moz-transition: .5s all;
  420. transition: .5s all;
  421. }
  422. .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  423. background-color: transparent;
  424. }
  425. .navbar-default .navbar-collapse, .navbar-default .navbar-form {
  426. border: none;
  427. }
  428. .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  429. color: #d8703f;
  430. }
  431. .navbar-default .navbar-nav > li > a:focus {
  432. color: #ff5063 !important;
  433. }
  434. .navbar-default {
  435. background: none;
  436. border: none;
  437. }
  438. .navbar-collapse {
  439. padding: 0;
  440. }
  441. ul.multi-column-dropdown h6 {
  442. font-size: 1.5em;
  443. color: #3c43a4;
  444. margin: 0 0 1em;
  445. padding-bottom: 1em;
  446. border-bottom: 1px solid #E4E4E4;
  447. text-transform: capitalize;
  448. }
  449. .multi-column-dropdown li {
  450. list-style-type: none;
  451. margin: 7px 0;
  452. }
  453. .multi-column-dropdown li a {
  454. display: block;
  455. clear: both;
  456. line-height: 1.428571429;
  457. color: #999 !important;
  458. white-space: normal;
  459. font-weight: 500 !important;
  460. text-decoration: none;
  461. }
  462. .multi-column-dropdown li a:hover {
  463. color: #212121 !important;
  464. }
  465. .multi-column-dropdown li a span {
  466. margin-left: 1em;
  467. padding: .1em .5em;
  468. background: #ff5063;
  469. color: #fff;
  470. }
  471. .multi-column-dropdown li a i {
  472. font-size: 1.1em;
  473. font-style: normal;
  474. color: #fff;
  475. text-transform: uppercase;
  476. margin: 3em 0 0;
  477. display: block;
  478. padding: .4em .5em;
  479. background: #3c43a4;
  480. text-align: center;
  481. }
  482. .dropdown-menu.columns-3 {
  483. min-width: 900px;
  484. padding: 30px 30px;
  485. left: -130%;
  486. }
  487. .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  488. background: none;
  489. border: none;
  490. }
  491. .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  492. background-color: transparent;
  493. /*-- agileits --*/
  494. }
  495. .nav > li > a:hover, .nav > li > a:focus {
  496. background: none;
  497. }
  498. .navbar-nav > li > a {
  499. padding: 29px 18px 0;
  500. }
  501. .navbar-nav > li > a {
  502. padding: 20px 30px;
  503. font-size: 14px;
  504. text-transform: uppercase;
  505. letter-spacing: 2px;
  506. }
  507. .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  508. color: #ff5063;
  509. }
  510. .navbar {
  511. margin-bottom: 0;
  512. z-index: 100;
  513. }
  514. .navigation {
  515. margin: 2em 0 0;
  516. text-align: center;
  517. background: #3c43a4;
  518. }
  519. .navbar-nav {
  520. float: none;
  521. }
  522. .navbar-nav > li:nth-child(1) {
  523. margin-left: 12em;
  524. }
  525. .w3ls_products_pos h4 {
  526. font-size: 2em;
  527. text-align: right;
  528. margin-bottom: 1em;
  529. }
  530. .w3ls_products_pos h4 i {
  531. margin: .5em 0 0;
  532. text-align: left;
  533. padding-left: 0.3em;
  534. color: #ff5063;
  535. }
  536. li.w3pages .dropdown-menu > li > a {
  537. color: #999;
  538. font-size: .9em;
  539. padding: 5px 25px;
  540. text-transform: uppercase;
  541. }
  542. li.w3pages ul.dropdown-menu {
  543. min-width: inherit;
  544. left: 3%;
  545. }
  546. li.w3pages .dropdown-menu > li > a:hover {
  547. color: #000;
  548. }
  549. .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  550. color: #ff5063;
  551. }
  552. /*-- //navigation --*/
  553. /*-- banner --*/
  554. .banner {
  555. background: url(../images/b1.jpg) no-repeat center 0px;
  556. background-size: cover;
  557. -webkit-background-size: cover;
  558. -moz-background-size: cover;
  559. -o-background-size: cover;
  560. -ms-background-size: cover;
  561. min-height: 700px;
  562. }
  563. .banner.banner10 {
  564. min-height: 300px;
  565. }
  566. .banner.banner1, .banner.banner2, .banner.banner3 {
  567. min-height: 400px;
  568. }
  569. .banner1 h2, .banner10 h2 {
  570. color: #fff;
  571. font-size: 3em;
  572. text-align: center;
  573. padding: 2.5em 0 0;
  574. text-align: left;
  575. }
  576. .banner.banner1 {
  577. background: url(../images/bg1.jpg) no-repeat center;
  578. background-size: cover;
  579. -webkit-background-size: cover;
  580. -moz-background-size: cover;
  581. -o-background-size: cover;
  582. -ms-background-size: cover;
  583. }
  584. .banner.banner2 {
  585. background: url(../images/bg2.jpg) no-repeat center;
  586. background-size: cover;
  587. -webkit-background-size: cover;
  588. -moz-background-size: cover;
  589. -o-background-size: cover;
  590. -ms-background-size: cover;
  591. }
  592. .banner.banner3 {
  593. background: url(../images/bg3.jpg) no-repeat center;
  594. background-size: cover;
  595. -webkit-background-size: cover;
  596. -moz-background-size: cover;
  597. -o-background-size: cover;
  598. -ms-background-size: cover;
  599. }
  600. /*-- agileits --*/
  601. .banner h3 {
  602. font-size: 2em;
  603. color: #fff;
  604. transform: rotate(-90deg);
  605. -webkit-transform: rotate(-90deg);
  606. -moz-transform: rotate(-90deg);
  607. -o-transform: rotate(-90deg);
  608. -ms-transform: rotate(-90deg);
  609. text-transform: uppercase;
  610. width: 45%;
  611. margin: 9em 0 0;
  612. padding: 1em .5em;
  613. background: rgba(33, 33, 33, 0.85);
  614. }
  615. .banner h3 span {
  616. display: block;
  617. color: #ff5063;
  618. margin: 1em 0 0 2em;
  619. position: relative;
  620. }
  621. .banner h3 span:after {
  622. content: '';
  623. background: #fff;
  624. height: 1px;
  625. width: 25%;
  626. position: absolute;
  627. bottom: 45%;
  628. left: 72%;
  629. }
  630. /*-- //banner --*/
  631. /*-- banner-bottom --*/
  632. .banner-bottom, .team, .checkout, .additional_info, .team-bottom, .single, .mail, .special-deals, .about, .faq, .typo, .new-products, .banner-bottom1, .top-brands, .mobiles, .w3l_related_products {
  633. padding: 5em 0;
  634. }
  635. .modal-body iframe {
  636. width: 100%;
  637. min-height: 400px;
  638. border: none;
  639. }
  640. .video-img {
  641. background: url(../images/2.jpg) no-repeat right center;
  642. -webkit-background-size: cover;
  643. background-size: cover;
  644. -moz-background-size: cover;
  645. -o-background-size: cover;
  646. -ms-background-size: cover;
  647. min-height: 455px;
  648. }
  649. .video-img a {
  650. display: inline-block;
  651. margin: 11em 0em 0 12em;
  652. outline: none;
  653. }
  654. .video-img a span.glyphicon {
  655. font-size: 2em;
  656. color: #FFFFFF;
  657. border: 4px solid #fff;
  658. -webkit-border-radius: 50%;
  659. border-radius: 50%;
  660. -moz-border-radius: 50%;
  661. padding: 0.55em 0.7em;
  662. width: 80px;
  663. height: 80px;
  664. }
  665. /*--banner-modal--*/
  666. .modal-open .modal {
  667. background: rgba(0, 0, 0, 0.48);
  668. }
  669. .modal.bnr-modal {
  670. padding: 0 1em !important;
  671. }
  672. .modal-body {
  673. padding: 0em 2em 2em;
  674. }
  675. .modal-dialog {
  676. margin: 6em auto 0;
  677. }
  678. .modal-header {
  679. border: none;
  680. min-height: 2.5em;
  681. padding: 0em 1em 0;
  682. }
  683. .modal button.close {
  684. color: #ff5063;
  685. opacity: 1;
  686. font-size: 2em;
  687. outline: none;
  688. text-align: right;
  689. width: 100%;
  690. margin-top: 6px;
  691. }
  692. .modal-body p {
  693. margin-top: 1em;
  694. font-size: 1em;
  695. font-weight: 400;
  696. }
  697. .nav-tabs > li > a {
  698. font-size: 1em;
  699. color: #212121;
  700. font-family: 'Glegoo', serif;
  701. text-transform: uppercase;
  702. letter-spacing: 1px;
  703. border-radius: 0;
  704. border: none;
  705. border-bottom: 1px solid #3c43a4;
  706. margin: 0;
  707. }
  708. .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  709. background-color: #3c43a4;
  710. color: #fff;
  711. border: none;
  712. border-bottom: 1px solid #3c43a4;
  713. }
  714. .nav-tabs > li > a:hover {
  715. border-bottom: 1px solid #3c43a4;
  716. color: #3c43a4;
  717. }
  718. .nav-tabs {
  719. border: none;
  720. color: #3c43a4;
  721. }
  722. .agile_ecommerce_tab_left {
  723. padding-left: 0;
  724. text-align: center;
  725. }
  726. .agile_ecommerce_tabs {
  727. padding: 2em 0 0;
  728. }
  729. .agile_ecommerce_tab_left h5 {
  730. margin: 2em 0 0;
  731. }
  732. .agile_ecommerce_tab_left h5 a {
  733. font-size: 1.2em;
  734. color: #ff5063;
  735. text-decoration: none;
  736. font-weight: 700;
  737. -webkit-transition: .5s all;
  738. -moz-transition: .5s all;
  739. -o-transition: .5s all;
  740. transition: .5s all;
  741. }
  742. .agile_ecommerce_tab_left h5 a:hover {
  743. color: #3c43a4;
  744. }
  745. .simpleCart_shelfItem p {
  746. font-size: 1.2em;
  747. color: #212121;
  748. margin: 1px 0 1px;
  749. font-weight: 600;
  750. }
  751. .simpleCart_shelfItem p span {
  752. color: #999;
  753. font-size: .8em;
  754. padding-right: 1em;
  755. font-weight: 300;
  756. }
  757. .agile_ecommerce_tab_left p i {
  758. font-style: normal;
  759. }
  760. .w3ls-cart {
  761. margin-top: 10px;
  762. font-size: 14px;
  763. color: #000;
  764. margin: 0;
  765. text-decoration: none;
  766. text-decoration: none;
  767. text-transform: capitalize;
  768. padding: .5em 1.5em;
  769. border: 1px solid #c1c1c1;
  770. border-radius: 5px;
  771. background: transparent;
  772. outline: none;
  773. -webkit-transition: .5s all;
  774. -moz-transition: .5s all;
  775. transition: .5s all;
  776. width: 100%;
  777. }
  778. .w3ls-cart img {
  779. width: 30px;
  780. height: 30px;
  781. display: inline-block;
  782. margin: 0;
  783. margin-top: -12px;
  784. }
  785. .w3ls-cart a {
  786. font-size: 24px;
  787. font-weight: bolder;
  788. display: inline-block;
  789. width: auto;
  790. line-height: 40px;
  791. padding-left: 15px;
  792. }
  793. .w3ls-cart:hover {
  794. background: #ff5a5f;
  795. color: #fff;
  796. border: 1px solid #ff5a5f;
  797. }
  798. .w3ls-cart:hover.w3ls-cart a {
  799. width: 100%;
  800. display: block;
  801. color: #fff;
  802. }
  803. /*-- image-hover --*/
  804. .w3_hs_bottom {
  805. position: absolute;
  806. width: 100%;
  807. height: 100%;
  808. background: rgba(0, 0, 0, 0.25);
  809. opacity: 0;
  810. top: 0%;
  811. left: 0%;
  812. z-index: 200;
  813. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  814. filter: alpha(opacity=0);
  815. -webkit-transform: translate(460px, -100px) rotate(180deg);
  816. -moz-transform: translate(460px, -100px) rotate(180deg);
  817. -o-transform: translate(460px, -100px) rotate(180deg);
  818. -ms-transform: translate(460px, -100px) rotate(180deg);
  819. transform: translate(460px, -100px) rotate(180deg);
  820. -webkit-transition: all 0.2s 0.4s ease-in-out;
  821. -moz-transition: all 0.2s 0.4s ease-in-out;
  822. -o-transition: all 0.2s 0.4s ease-in-out;
  823. -ms-transition: all 0.2s 0.4s ease-in-out;
  824. transition: all 0.2s 0.4s ease-in-out;
  825. }
  826. .w3_hs_bottom ul, .flex_ecommerce {
  827. padding: 6em 0 0;
  828. -webkit-transform: translateY(-200px);
  829. -moz-transform: translateY(-200px);
  830. -o-transform: translateY(-200px);
  831. -ms-transform: translateY(-200px);
  832. transform: translateY(-200px);
  833. -webkit-transition: all 0.2s ease-in-out;
  834. -moz-transition: all 0.2s ease-in-out;
  835. -o-transition: all 0.2s ease-in-out;
  836. -ms-transition: all 0.2s ease-in-out;
  837. transition: all 0.2s ease-in-out;
  838. }
  839. .agile_ecommerce_tab_left:hover .w3_hs_bottom ul, .w3l_related_products_grid:hover .flex_ecommerce {
  840. -webkit-transform: translateY(0px);
  841. -moz-transform: translateY(0px);
  842. -o-transform: translateY(0px);
  843. -ms-transform: translateY(0px);
  844. transform: translateY(0px);
  845. -webkit-transition-delay: 0.3s;
  846. -moz-transition-delay: 0.3s;
  847. -o-transition-delay: 0.3s;
  848. -ms-transition-delay: 0.3s;
  849. transition-delay: 0.3s;
  850. }
  851. .w3_hs_bottom ul li {
  852. display: inline-block;
  853. }
  854. .w3_hs_bottom ul li a {
  855. display: block;
  856. }
  857. .w3_hs_bottom ul li a, .flex_ecommerce a {
  858. font-size: 1em;
  859. color: #212121;
  860. text-decoration: none;
  861. padding: .5em;
  862. background: #fff;
  863. }
  864. .w3_hs_bottom ul li a:hover, .flex_ecommerce a:hover {
  865. background: #ff5063;
  866. color: #fff;
  867. }
  868. .agile_ecommerce_tab_left:hover .w3_hs_bottom {
  869. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  870. filter: alpha(opacity=100);
  871. opacity: 1;
  872. -webkit-transition-delay: 0s;
  873. -moz-transition-delay: 0s;
  874. -o-transition-delay: 0s;
  875. -ms-transition-delay: 0s;
  876. transition-delay: 0s;
  877. -webkit-transform: translate(0px, 0px);
  878. -moz-transform: translate(0px, 0px);
  879. -o-transform: translate(0px, 0px);
  880. -ms-transform: translate(0px, 0px);
  881. transform: translate(0px, 0px);
  882. }
  883. .modal-dialog {
  884. width: 950px;
  885. }
  886. .modal_body_right h4 {
  887. font-size: 1.6em;
  888. color: #ff5063;
  889. text-transform: capitalize;
  890. }
  891. .modal_body_right p {
  892. margin: 1.5em 0;
  893. line-height: 1.8em;
  894. color: #999;
  895. font-size: 14px !important;
  896. }
  897. .modal_body_right_cart p {
  898. font-size: 1.2em !important;
  899. color: #212121;
  900. margin: 0em 0 1em !important;
  901. }
  902. .modal_body_right h5 {
  903. font-size: 1em;
  904. color: #212121;
  905. margin: 2em 0 1em;
  906. }
  907. .modal_body_left img {
  908. width: 100%;
  909. }
  910. /*-- Ratings --*/
  911. .rating-left {
  912. float: left;
  913. }
  914. .rating-left img {
  915. margin: .3em 0.1em 0;
  916. }
  917. .rating1 {
  918. direction: ltr;
  919. margin-bottom: 2em;
  920. }
  921. .starRating:not(old) {
  922. display: inline-block;
  923. height: 18px;
  924. width: 100px;
  925. overflow: hidden;
  926. }
  927. .starRating:not(old) > input {
  928. margin-right: -26%;
  929. opacity: 0;
  930. }
  931. .starRating:not(old) > label {
  932. float: right;
  933. background: url(../images/star.png);
  934. background-size: contain;
  935. margin-right: 2px;
  936. }
  937. .starRating:not(old) > label:before {
  938. content: '';
  939. display: block;
  940. width: 18px;
  941. height: 18px;
  942. background: url(../images/star-.png);
  943. background-size: contain;
  944. opacity: 0;
  945. transition: opacity 0.2s linear;
  946. }
  947. .starRating:not(old) > label:hover:before,
  948. .starRating:not(old) > label:hover ~ label:before,
  949. .starRating:not(:hover) > :checked ~ label:before {
  950. opacity: 1;
  951. }
  952. /*-- //Ratings --*/
  953. .color-quality ul li {
  954. display: inline-block;
  955. margin-right: .5em;
  956. }
  957. .color-quality ul li a {
  958. font-size: 14px;
  959. color: #999;
  960. text-decoration: none;
  961. }
  962. .color-quality ul li a span {
  963. width: 15px;
  964. height: 15px;
  965. display: block;
  966. background: #ff0000;
  967. margin: 0 auto .5em;
  968. border-radius: 25px;
  969. -webkit-border-radius: 25px;
  970. -moz-border-radius: 25px;
  971. -o-border-radius: 25px;
  972. -ms-border-radius: 25px;
  973. }
  974. .color-quality ul li a.brown span {
  975. background: #00008c;
  976. }
  977. .color-quality ul li a.purple span {
  978. background: #840084;
  979. }
  980. .color-quality ul li a.gray span {
  981. background: #ff00ff;
  982. }
  983. /*-- //banner-bottom --*/
  984. /*-- special-deals --*/
  985. .special-deals h2, .new-products h3, .top-brands h3, .w3l_related_products h3, .team h3, .mail h3, h3.agileits-title {
  986. font-size: 2em;
  987. color: #212121;
  988. position: relative;
  989. padding-bottom: 1em;
  990. text-align: center;
  991. }
  992. .special-deals h2:before, .new-products h3:before, .top-brands h3:before, .w3l_related_products h3:before, .team h3:before, .mail h3:before, h3.agileits-title:before {
  993. content: '';
  994. position: absolute;
  995. top: 27%;
  996. left: 29%;
  997. background: #ff5063;
  998. height: 1px;
  999. width: 10%;
  1000. }
  1001. .special-deals h2:after, .new-products h3:after, .top-brands h3:after, .w3l_related_products h3:after, .team h3:after, .mail h3:after, h3.agileits-title:after {
  1002. content: '';
  1003. position: absolute;
  1004. bottom: 79%;
  1005. right: 43%;
  1006. background: #212121;
  1007. height: 1px;
  1008. width: 10%;
  1009. transform: rotate(135deg);
  1010. -webkit-transform: rotate(135deg);
  1011. -moz-transform: rotate(135deg);
  1012. -o-transform: rotate(135deg);
  1013. -ms-transform: rotate(135deg);
  1014. }
  1015. .w3agile_special_deals_grids {
  1016. margin: 3em 0 0;
  1017. }
  1018. .w3agile_special_deals_grid_right, .w3agile_special_deals_grid_left_grid {
  1019. position: relative;
  1020. }
  1021. .w3agile_special_deals_grid_right_pos {
  1022. position: absolute;
  1023. top: 8%;
  1024. left: 20%;
  1025. }
  1026. .w3agile_special_deals_grid_right_pos h4, .w3agile_special_deals_grid_right_pos h5 {
  1027. text-transform: uppercase;
  1028. font-size: 2em;
  1029. }
  1030. .w3agile_special_deals_grid_right_pos h4 {
  1031. color: #ffffff;
  1032. }
  1033. .w3agile_special_deals_grid_right_pos h4 span {
  1034. font-weight: 700;
  1035. }
  1036. .w3agile_special_deals_grid_right_pos h5 {
  1037. font-weight: 700;
  1038. color: #ff5063;
  1039. padding-left: 5em;
  1040. margin: .5em 0 0;
  1041. }
  1042. .w3agile_special_deals_grid_right_pos h5 span {
  1043. font-weight: 300;
  1044. display: block;
  1045. color: #ffffff;
  1046. padding-left: 2em;
  1047. margin: .5em 0 0.2em;
  1048. }
  1049. .w3agile_special_deals_grid_left_grid_pos {
  1050. position: absolute;
  1051. top: 50%;
  1052. left: 10%;
  1053. }
  1054. .w3agile_special_deals_grid_left_grid_pos h4 {
  1055. text-transform: uppercase;
  1056. font-size: 2em;
  1057. color: #fff;
  1058. }
  1059. .w3agile_special_deals_grid_left_grid_pos h4 span {
  1060. display: block;
  1061. color: #ff5063;
  1062. margin: .5em 0 0 1em;
  1063. }
  1064. .w3agile_special_deals_grid_left_grid_pos1 {
  1065. position: absolute;
  1066. right: 5%;
  1067. top: 5%;
  1068. width: 100px;
  1069. height: 100px;
  1070. background: #3c43a4;
  1071. border-radius: 50px;
  1072. -webkit-border-radius: 50px;
  1073. -moz-border-radius: 50px;
  1074. -o-border-radius: 50px;
  1075. -ms-border-radius: 50px;
  1076. }
  1077. .w3agile_special_deals_grid_left_grid_pos1 h5 {
  1078. font-size: 1.2em;
  1079. color: #fff;
  1080. text-align: center;
  1081. padding: 1.5em 0 0;
  1082. }
  1083. .w3agile_special_deals_grid_left_grid_pos1 h5 span {
  1084. display: block;
  1085. }
  1086. .w3agile_special_deals_grid_left_grid {
  1087. margin: 0 0 2em;
  1088. }
  1089. .w3agile_special_deals_grid_left_grid {
  1090. position: relative;
  1091. overflow: hidden;
  1092. }
  1093. .w3agile_special_deals_grid_left_grid img {
  1094. -moz-transition: all 1s;
  1095. -o-transition: all 1s;
  1096. -webkit-transition: all 1s;
  1097. transition: all 1s;
  1098. width: 100%;
  1099. }
  1100. .w3agile_special_deals_grid_left_grid:hover img {
  1101. -moz-transform: scale3d(1.1, 1.1, 1);
  1102. -o-transform: scale3d(1.1, 1.1, 1);
  1103. -ms-transform: scale3d(1.1, 1.1, 1);
  1104. -webkit-transform: scale3d(1.1, 1.1, 1);
  1105. transform: scale3d(1.1, 1.1, 1);
  1106. }
  1107. .w3agile_special_deals_grid_left_grid1 {
  1108. padding: 2em 2em 4.3em;
  1109. background: #3c43a4;
  1110. text-align: center;
  1111. }
  1112. .w3agile_special_deals_grid_left_grid1 img {
  1113. margin: 0 auto;
  1114. }
  1115. .w3agile_special_deals_grid_left_grid1 p {
  1116. margin: 1em 0;
  1117. color: #FFF;
  1118. line-height: 1.8em;
  1119. }
  1120. .w3agile_special_deals_grid_left_grid1 h4 {
  1121. font-size: 1.1em;
  1122. color: #fff;
  1123. margin: 1em 0 0;
  1124. }
  1125. /*-- wmuslider --*/
  1126. .wmuSlider {
  1127. position: relative;
  1128. overflow: hidden;
  1129. }
  1130. .wmuSlider .wmuSliderWrapper article img {
  1131. /*--max-width: 100%;
  1132. width: auto;
  1133. height: auto;
  1134. display:block;--*/
  1135. }
  1136. /* Default Skin */
  1137. .wmuSliderPagination {
  1138. z-index: 2;
  1139. position: absolute;
  1140. left: 46%;
  1141. bottom: 10%;
  1142. }
  1143. ul.wmuSliderPagination {
  1144. padding: 0;
  1145. }
  1146. .wmuSliderPagination li {
  1147. float: left;
  1148. margin: 0 8px 0 0;
  1149. list-style-type: none;
  1150. }
  1151. .wmuSliderPagination a {
  1152. display: block;
  1153. text-indent: -9999px;
  1154. width: 10px;
  1155. height: 10px;
  1156. background: #fff;
  1157. border-radius: 50px;
  1158. -webkit-border-radius: 50px;
  1159. -moz-border-radius: 50px;
  1160. -o-border-radius: 50px;
  1161. -ms-border-radius: 50px;
  1162. }
  1163. .wmuSliderPagination a.wmuActive {
  1164. background: #1A1A1A;
  1165. box-shadow: 0px 0px 10px #1A1A1A;
  1166. -webkit-box-shadow: 0px 0px 10px #1A1A1A;
  1167. -moz-box-shadow: 0px 0px 10px #1A1A1A;
  1168. -o-box-shadow: 0px 0px 10px #1A1A1A;
  1169. -ms-box-shadow: 0px 0px 10px #1A1A1A;
  1170. }
  1171. /* Default Skin */
  1172. .wmuGallery .wmuGalleryImage {
  1173. margin-bottom: 10px;
  1174. }
  1175. .banner-wrap {
  1176. padding: 0;
  1177. }
  1178. /*-- //wmuslider --*/
  1179. /*-- //special-deals --*/
  1180. /*-- new-products --*/
  1181. .agileinfo_new_products_grids {
  1182. margin: 3em 0 0;
  1183. }
  1184. .w3_hs_bottom_sub ul {
  1185. padding: 9.5em 0 0 !important;
  1186. }
  1187. .new-products .simpleCart_shelfItem button.w3ls-cart {
  1188. border-color: #717171;
  1189. }
  1190. .new-products .simpleCart_shelfItem p span {
  1191. color: #383838;
  1192. }
  1193. /*-- //new-products --*/
  1194. /*-- banner-bottom1 --*/
  1195. .agileinfo_banner_bottom1_grid_left {
  1196. background: url(../images/44.jpg) no-repeat 0px 0px;
  1197. background-size: cover;
  1198. -webkit-background-size: cover;
  1199. -moz-background-size: cover;
  1200. -o-background-size: cover;
  1201. -ms-background-size: cover;
  1202. }
  1203. .agileinfo_banner_bottom1_grid_left, .agileinfo_banner_bottom1_grid_right {
  1204. padding: 0;
  1205. }
  1206. .agileinfo_banner_bottom1_grid_left {
  1207. text-align: right;
  1208. padding: 6em 5em 0 0;
  1209. }
  1210. .agileinfo_banner_bottom1_grid_left h3 {
  1211. font-size: 14px;
  1212. color: #212121;
  1213. text-transform: capitalize;
  1214. margin-bottom: 4em;
  1215. }
  1216. .agileinfo_banner_bottom1_grid_left h3 span {
  1217. display: block;
  1218. font-size: 3em;
  1219. font-weight: 700;
  1220. margin: .5em 1em 0 0;
  1221. color: #ff5063;
  1222. }
  1223. .agileinfo_banner_bottom1_grid_left h3 span i {
  1224. color: #212121;
  1225. }
  1226. .agileinfo_banner_bottom1_grid_left a, .team-bottom a {
  1227. text-align: right;
  1228. text-decoration: none;
  1229. text-transform: uppercase;
  1230. font-size: 1em;
  1231. letter-spacing: 2px;
  1232. color: #ff5063;
  1233. background: url(../images/img-sp.png) no-repeat 112px -4px;
  1234. padding: 0 45px 0 0;
  1235. }
  1236. .agileinfo_banner_bottom1_grid_left a:hover, .team-bottom a:hover {
  1237. color: #212121;
  1238. background: url(../images/img-sp.png) no-repeat 112px -38px;
  1239. }
  1240. .agileinfo_banner_bottom1_grid_right {
  1241. background: url(../images/45.jpg) no-repeat 0px 0px;
  1242. background-size: cover;
  1243. -webkit-background-size: cover;
  1244. -moz-background-size: cover;
  1245. -o-background-size: cover;
  1246. -ms-background-size: cover;
  1247. }
  1248. .agileinfo_banner_bottom1_grid_left, .agileinfo_banner_bottom1_grid_right {
  1249. min-height: 400px;
  1250. }
  1251. .agileinfo_banner_bottom1_grid_right {
  1252. text-align: center;
  1253. padding: 8em 0 0;
  1254. }
  1255. .agileinfo_banner_bottom1_grid_right h4 {
  1256. padding: .3em .5em;
  1257. color: #fff;
  1258. text-transform: uppercase;
  1259. font-size: 1em;
  1260. letter-spacing: 2px;
  1261. background: #212121;
  1262. width: 20%;
  1263. margin: 0 auto;
  1264. border: 1px solid;
  1265. }
  1266. /* -- timer -- */
  1267. .timer_wrap {
  1268. width: 92%;
  1269. margin: 0 auto;
  1270. }
  1271. #counter {
  1272. height: 120px;
  1273. font-size: 60px;
  1274. color: #FFF;
  1275. overflow: hidden;
  1276. }
  1277. .timer {
  1278. border-top: 2px ridge #5F5F5F;
  1279. border-bottom: 2px ridge #5F5F5F;
  1280. }
  1281. .timer h4 {
  1282. font-size: 14px;
  1283. color: #E5E5E5;
  1284. font-style: normal;
  1285. font-variant: normal;
  1286. font-weight: lighter;
  1287. letter-spacing: 1px;
  1288. margin-top: 20px;
  1289. }
  1290. .countDays, .countHours, .countMinutes, .countSeconds {
  1291. display: inline-block;
  1292. width: 90px;
  1293. height: 90px;
  1294. background: #3c43a4;
  1295. border-radius: 500px;
  1296. -webkit-border-radius: 500px;
  1297. -moz-border-radius: 500px;
  1298. -o-border-radius: 500px;
  1299. }
  1300. .points {
  1301. float: left;
  1302. width: 40px;
  1303. margin: 0;
  1304. font-size: 44px;
  1305. font-weight: bold;
  1306. text-align: center;
  1307. line-height: 138px;
  1308. text-shadow: none;
  1309. color: #FFF;
  1310. display: none;
  1311. }
  1312. .boxName {
  1313. float: left;
  1314. width: 100%;
  1315. font-size: 14px;
  1316. color: #fff;
  1317. font-style: italic;
  1318. font-weight: 500;
  1319. clear: both;
  1320. padding: 2px;
  1321. }
  1322. /* -- //timer -- */
  1323. /*-- //banner-bottom1 --*/
  1324. .sliderfig {
  1325. margin: 3em 0 0;
  1326. }
  1327. /*-- newsletter --*/
  1328. .newsletter {
  1329. background: #3c43a4;
  1330. padding: 3em 0;
  1331. }
  1332. .w3agile_newsletter_left h3 {
  1333. font-size: 2em;
  1334. color: #fff;
  1335. }
  1336. .w3agile_newsletter_left p {
  1337. color: #bfbfbf;
  1338. line-height: 1.8em;
  1339. margin-top: .5em;
  1340. font-weight: 100;
  1341. }
  1342. .w3agile_newsletter_right {
  1343. margin-top: 0.8em;
  1344. }
  1345. .w3agile_newsletter_right input[type="email"] {
  1346. outline: none;
  1347. padding: 10px;
  1348. color: #212121;
  1349. font-size: 14px;
  1350. width: 70%;
  1351. background: #fff;
  1352. border: none;
  1353. float: left;
  1354. }
  1355. .w3agile_newsletter_right input[type="submit"] {
  1356. outline: none;
  1357. padding: 9px 0;
  1358. width: 15%;
  1359. background: url(../images/img-sp.png) no-repeat 26px -65px #ff5063;
  1360. border: none;
  1361. -webkit-transition: .5s all;
  1362. -moz-transition: .5s all;
  1363. transition: .5s all;
  1364. }
  1365. .w3agile_newsletter_right input[type="submit"]:hover {
  1366. background-color: #212121;
  1367. }
  1368. /*-- //newsletter --*/
  1369. /*-- footer --*/
  1370. .footer {
  1371. padding: 4em 0;
  1372. background: #fff;
  1373. }
  1374. .w3_footer_grid h3 {
  1375. color: #212121;
  1376. font-size: 1.5em;
  1377. margin-bottom: 2em;
  1378. padding-bottom: .5em;
  1379. position: relative;
  1380. text-transform: uppercase;
  1381. }
  1382. .w3_footer_grid h3:after {
  1383. content: '';
  1384. background: #3c43a4;
  1385. width: 20%;
  1386. height: 2px;
  1387. position: absolute;
  1388. bottom: 0;
  1389. left: 0;
  1390. }
  1391. .w3_footer_grid p {
  1392. color: #999;
  1393. line-height: 1.8em;
  1394. margin-bottom: 2em;
  1395. }
  1396. .w3_footer_grid ul li {
  1397. list-style-type: none;
  1398. margin-bottom: 1em;
  1399. color: #999;
  1400. font-size: 14px;
  1401. }
  1402. .w3_footer_grid ul.address li i {
  1403. color: #414141;
  1404. border: 1px solid #414141;
  1405. padding: .5em;
  1406. margin-right: 1em;
  1407. }
  1408. .w3_footer_grid ul.address li span {
  1409. display: block;
  1410. margin-left: 3em;
  1411. }
  1412. .w3_footer_grid ul li a {
  1413. color: #999;
  1414. text-decoration: none;
  1415. }
  1416. .w3_footer_grid ul li a:hover {
  1417. color: #212121;
  1418. }
  1419. .w3_footer_grid ul.info li a {
  1420. padding-left: 2.2em;
  1421. background: url(../images/img-sp.png) no-repeat -6px -98px;
  1422. }
  1423. .w3_footer_grid h4 {
  1424. margin: 2em 0 1em;
  1425. font-size: 1.2em;
  1426. color: #3c43a4;
  1427. }
  1428. /*-- social-buttons --*/
  1429. .agileits_social_button ul li {
  1430. display: inline-block;
  1431. margin: 0 !important;
  1432. }
  1433. .agileits_social_button ul li a {
  1434. background: url(../images/img-sp.png) no-repeat 1px -130px #414141;
  1435. display: block;
  1436. width: 35px;
  1437. height: 35px;
  1438. -webkit-transition: .5s all;
  1439. -moz-transition: .5s all;
  1440. -o-transition: .5s all;
  1441. -ms-transition: .5s all;
  1442. transition: .5s all;
  1443. }
  1444. .agileits_social_button ul li a.twitter {
  1445. background-position: -41px -130px;
  1446. }
  1447. .agileits_social_button ul li a.google {
  1448. background-position: -81px -130px;
  1449. }
  1450. .agileits_social_button ul li a.pinterest {
  1451. background-position: -123px -130px;
  1452. }
  1453. .agileits_social_button ul li a:hover {
  1454. background-color: #3c43a4;
  1455. display: block;
  1456. -webkit-border-radius: 50%;
  1457. -moz-border-radius: 50%;
  1458. border-radius: 50%;
  1459. }
  1460. .footer-copy1 {
  1461. position: relative;
  1462. padding: 2em 0 0;
  1463. border-bottom: 1px solid #d6d6d6;
  1464. }
  1465. .footer-copy-pos {
  1466. position: absolute;
  1467. right: 12%;
  1468. bottom: -75%;
  1469. width: 50px;
  1470. height: 50px;
  1471. border: 3px solid #ff5063;
  1472. border-radius: 25px;
  1473. -webkit-border-radius: 25px;
  1474. -moz-border-radius: 25px;
  1475. -o-border-radius: 25px;
  1476. -ms-border-radius: 25px;
  1477. box-shadow: 0px 0px 5px 0px #ff5063;
  1478. -webkit-transition: .5s all;
  1479. -moz-transition: .5s all;
  1480. transition: .5s all;
  1481. }
  1482. .footer-copy-pos:hover {
  1483. box-shadow: 0px 0px 30px 5px #ff5063;
  1484. }
  1485. .footer-copy p {
  1486. margin: 4em 0 0;
  1487. text-align: center;
  1488. color: #999;
  1489. line-height: 1.8em;
  1490. }
  1491. .footer-copy p a {
  1492. color: #3c43a4;
  1493. text-decoration: none;
  1494. }
  1495. .footer-copy p a:hover {
  1496. color: #999;
  1497. }
  1498. /*-- //footer --*/
  1499. /*-- login --*/
  1500. /*-- sap --*/
  1501. .sap_tabs {
  1502. margin: 0 auto;
  1503. -webkit-appearance: none;
  1504. }
  1505. .resp-tab-item {
  1506. color: #212121;
  1507. font-size: 1em;
  1508. text-transform: uppercase;
  1509. cursor: pointer;
  1510. padding: 5px 30px;
  1511. margin: 5px;
  1512. display: inline-block;
  1513. list-style: none;
  1514. outline: none;
  1515. border: 1px solid;
  1516. -webkit-transition: all 0.3s ease-out;
  1517. -moz-transition: all 0.3s ease-out;
  1518. -ms-transition: all 0.3s ease-out;
  1519. -o-transition: all 0.3s ease-out;
  1520. transition: all 0.3s ease-out;
  1521. -webkit-appearance: none;
  1522. }
  1523. .resp-tab-item:hover {
  1524. background-color: transparent;
  1525. text-shadow: none;
  1526. color: #3c43a4;
  1527. }
  1528. .resp-tab-active, .resp-tab-active:hover {
  1529. border-color: #ff5a5f;
  1530. text-shadow: none;
  1531. color: #fff;
  1532. background: #ff5a5f;
  1533. }
  1534. h2.resp-accordion {
  1535. cursor: pointer;
  1536. padding: 5px;
  1537. display: none;
  1538. }
  1539. .resp-tab-content {
  1540. display: none;
  1541. }
  1542. .resp-content-active, .resp-accordion-active {
  1543. display: block;
  1544. }
  1545. /*-- //sap --*/
  1546. .modal-body-sub {
  1547. padding: 3em !important;
  1548. }
  1549. .modal-title {
  1550. font-size: 1.5em;
  1551. color: #212121;
  1552. padding-left: 1.5em;
  1553. }
  1554. .register input[type="text"], .register input[type="email"], .register input[type="password"] {
  1555. outline: none;
  1556. border: 1px solid #DFDFDF;
  1557. background: #f5f5f5;
  1558. padding: 10px;
  1559. color: #212121;
  1560. width: 100%;
  1561. font-size: 14px;
  1562. }
  1563. .register input[type="password"], .register input[type="email"] {
  1564. margin: 1em 0 0;
  1565. }
  1566. div#horizontalTab ul {
  1567. padding-bottom: 1.5em;
  1568. }
  1569. ::-webkit-input-placeholder {
  1570. color: #212121 !important;
  1571. }
  1572. .register input[type="submit"] {
  1573. outline: none;
  1574. border: none;
  1575. background: #212121;
  1576. padding: 10px 0;
  1577. color: #fff;
  1578. width: 40%;
  1579. font-size: 1em;
  1580. text-transform: uppercase;
  1581. margin: 2em 0 0;
  1582. }
  1583. .register input[type="submit"]:hover {
  1584. background: #3c43a4;
  1585. }
  1586. div#OR {
  1587. height: 30px;
  1588. width: 30px;
  1589. border: 1px solid #C2C2C2;
  1590. border-radius: 50%;
  1591. font-weight: bold;
  1592. line-height: 28px;
  1593. text-align: center;
  1594. font-size: 12px;
  1595. position: absolute;
  1596. right: -16px;
  1597. top: 40%;
  1598. background: #FFFFFF;
  1599. }
  1600. h3.other-nw {
  1601. font-size: 1.2em;
  1602. color: #212121;
  1603. text-align: right;
  1604. margin: 1em 0 4em;
  1605. }
  1606. /* ---------- SOCIAL ---------- */
  1607. .social {
  1608. position: relative;
  1609. height: 3em;
  1610. width: 13.5em;
  1611. margin: 0 auto;
  1612. }
  1613. .social li {
  1614. display: block;
  1615. height: 3em;
  1616. line-height: 3em;
  1617. margin: 0.8em;
  1618. position: absolute;
  1619. -webkit-transition: -webkit-transform .7s;
  1620. -moz-transition: -moz-transform .7s;
  1621. -ms-transition: -ms-transform .7s;
  1622. -o-transition: -o-transform .7s;
  1623. transition: transform .7s;
  1624. -webkit-transform: rotate(45deg);
  1625. -moz-transform: rotate(45deg);
  1626. -ms-transform: rotate(45deg);
  1627. -o-transform: rotate(45deg);
  1628. transform: rotate(45deg);
  1629. text-align: center;
  1630. width: 3em;
  1631. }
  1632. .social a {
  1633. color: #fffdf0;
  1634. display: block;
  1635. height: 3em;
  1636. line-height: 3em;
  1637. text-align: center;
  1638. -webkit-transform: rotate(-45deg);
  1639. -moz-transform: rotate(-45deg);
  1640. -ms-transform: rotate(-45deg);
  1641. -o-transform: rotate(-45deg);
  1642. transform: rotate(-45deg);
  1643. width: 3em;
  1644. }
  1645. .social li:hover {
  1646. -webkit-transform: scale(1.15) rotate(45deg);
  1647. -moz-transform: scale(1.15) rotate(45deg);
  1648. -ms-transform: scale(1.15) rotate(45deg);
  1649. -o-transform: scale(1.15) rotate(45deg);
  1650. transform: scale(1.15) rotate(45deg);
  1651. }
  1652. .social_facebook {
  1653. background: #3b5998;
  1654. left: 0;
  1655. top: 0%;
  1656. }
  1657. .entypo-facebook:before {
  1658. content: " ";
  1659. background: url(../images/img-sp.png) no-repeat 7px -125px;
  1660. display: block;
  1661. width: 3em;
  1662. height: 3em;
  1663. }
  1664. .social_twitter {
  1665. background: #55acee;
  1666. top: 0%;
  1667. left: 50%;
  1668. }
  1669. .entypo-twitter:before {
  1670. content: " ";
  1671. background: url(../images/img-sp.png) no-repeat -35px -125px;
  1672. display: block;
  1673. width: 3em;
  1674. height: 3em;
  1675. }
  1676. .social_dribbble {
  1677. background: #dc4e41;
  1678. left: 25%;
  1679. bottom: 0;
  1680. }
  1681. .entypo-dribbble:before {
  1682. content: " ";
  1683. background: url(../images/img-sp.png) no-repeat -74px -125px;
  1684. display: block;
  1685. width: 3em;
  1686. height: 3em;
  1687. }
  1688. .social_behance {
  1689. background: #bd081c;
  1690. bottom: 0;
  1691. left: 75%;
  1692. }
  1693. .entypo-behance:before {
  1694. content: " ";
  1695. background: url(../images/img-sp.png) no-repeat -117px -125px;
  1696. display: block;
  1697. width: 3em;
  1698. height: 3em;
  1699. }
  1700. /*-- //login --*/
  1701. /*-- breadcrumb --*/
  1702. .breadcrumb_dress {
  1703. background: #e7e5e6;
  1704. padding: .5em 0;
  1705. text-align: center;
  1706. -webkit-box-shadow: 0px 1px 5px #555;
  1707. -moz-box-shadow: 0px 1px 5px #555;
  1708. -o-box-shadow: 0px 1px 5px #555;
  1709. -ms-box-shadow: 0px 1px 5px #555;
  1710. box-shadow: 0px 1px 5px #555;
  1711. }
  1712. .breadcrumb_dress ul li {
  1713. display: inline-block;
  1714. color: #333;
  1715. font-size: 14px;
  1716. }
  1717. .breadcrumb_dress ul li a {
  1718. color: #3c43a4;
  1719. text-decoration: none;
  1720. }
  1721. .breadcrumb_dress ul li a:hover {
  1722. color: #333;
  1723. }
  1724. .breadcrumb_dress ul li a span {
  1725. padding-right: 1em;
  1726. }
  1727. .breadcrumb_dress ul li i {
  1728. padding: 0 1em;
  1729. }
  1730. /*-- //breadcrumb --*/
  1731. /*-- mobiles --*/
  1732. .banner1 h2, .banner2 h2, .banner3 h2 {
  1733. font-size: 2em;
  1734. text-transform: uppercase;
  1735. color: #ffffff;
  1736. line-height: 1.5em;
  1737. padding: 3.5em 0 0 4em;
  1738. font-family: 'Open Sans', sans-serif;
  1739. letter-spacing: 4px;
  1740. }
  1741. .banner1 h2 span, .banner2 h2 span, .banner3 h2 span, .banner4 h2 span, .banner5 h2 span, .banner6 h2 span, .banner7 h2 span, .banner8 h2 span, .banner9 h2 span {
  1742. display: block;
  1743. margin: .5em 0 0.5em 7em;
  1744. color: #ff5063;
  1745. }
  1746. .new-products {
  1747. background: #f3f3f3;
  1748. }
  1749. .w3ls_mobiles_grid_left_grid h3 {
  1750. font-size: 1.5em;
  1751. color: #212121;
  1752. padding-left: 2em;
  1753. position: relative;
  1754. margin-bottom: 1em;
  1755. }
  1756. .w3ls_mobiles_grid_left_grid h3:before {
  1757. content: '';
  1758. background: #3c43a4;
  1759. width: 10%;
  1760. height: 1px;
  1761. position: absolute;
  1762. top: 50%;
  1763. left: 0%;
  1764. }
  1765. .pa_italic i {
  1766. left: -1em;
  1767. }
  1768. .pa_italic span {
  1769. display: none;
  1770. }
  1771. .collapsed span {
  1772. display: inline-block;
  1773. left: -1em;
  1774. }
  1775. .collapsed i {
  1776. display: none;
  1777. }
  1778. .panel-heading {
  1779. padding: 5px 15px;
  1780. }
  1781. .panel-title, .panel_bottom li a {
  1782. font-size: 1em;
  1783. color: #3c43a4;
  1784. text-transform: capitalize;
  1785. text-decoration: none;
  1786. }
  1787. .panel_bottom li a {
  1788. font-family: 'Glegoo', serif;
  1789. font-size: .96em !important;
  1790. }
  1791. .panel_bottom li a:hover, .panel-title a:hover {
  1792. color: #212121;
  1793. }
  1794. .panel-default {
  1795. border-color: #FFF;
  1796. }
  1797. .panel-default > .panel-heading {
  1798. border-color: #FFF;
  1799. color: #212121;
  1800. background-color: #fff;
  1801. }
  1802. .panel-body {
  1803. padding: 1em 0em 0 2em;
  1804. }
  1805. .panel_bottom li {
  1806. list-style-type: none;
  1807. margin-bottom: 1em;
  1808. }
  1809. .panel-body ul li, .ecommerce_size ul li {
  1810. list-style-type: none;
  1811. margin-bottom: 1em;
  1812. padding-left: 1.5em;
  1813. background: url(../images/img-sp.png) no-repeat -13px -172px;
  1814. }
  1815. .panel-body ul li a {
  1816. font-size: 14px;
  1817. color: #999;
  1818. text-decoration: none;
  1819. }
  1820. .panel-body ul li a:hover {
  1821. color: #212121;
  1822. }
  1823. a.pa_italic label {
  1824. cursor: pointer;
  1825. font-weight: 500;
  1826. }
  1827. .panel-default > .panel-heading + .panel-collapse > .panel-body {
  1828. border-top: none;
  1829. }
  1830. .panel {
  1831. box-shadow: none;
  1832. }
  1833. .panel-group {
  1834. margin-bottom: 0;
  1835. }
  1836. ul.panel_bottom {
  1837. padding: 1em 0 0 0em;
  1838. }
  1839. .w3ls_mobiles_grid_left_grid_sub {
  1840. border: 1px solid #E1E1E1;
  1841. width: 70%;
  1842. margin: 0 auto;
  1843. padding: 2em 1.5em 1em;
  1844. }
  1845. .w3ls_mobiles_grid_left_grid:nth-child(2) {
  1846. margin: 2em 0;
  1847. }
  1848. .ecommerce_color ul li {
  1849. list-style-type: none;
  1850. margin-bottom: 1em;
  1851. }
  1852. .ecommerce_color ul li a {
  1853. font-size: .95em;
  1854. color: #212121;
  1855. text-decoration: none;
  1856. }
  1857. .ecommerce_color ul li a i {
  1858. width: 10px;
  1859. height: 10px;
  1860. display: inline-block;
  1861. margin-right: 1em;
  1862. border-radius: 20px;
  1863. background: red;
  1864. }
  1865. .ecommerce_color ul li:nth-child(2) a i {
  1866. background: brown;
  1867. }
  1868. .ecommerce_color ul li:nth-child(3) a i {
  1869. background: yellow;
  1870. }
  1871. .ecommerce_color ul li:nth-child(4) a i {
  1872. background: violet;
  1873. }
  1874. .ecommerce_color ul li:nth-child(5) a i {
  1875. background: orange;
  1876. }
  1877. .ecommerce_color ul li:nth-child(6) a i {
  1878. background: blue;
  1879. }
  1880. .mobiles_img_hover, .w3ls_mobiles_grid_right_grid1 {
  1881. position: relative;
  1882. }
  1883. .w3ls_mobiles_grid_right_grid1 img {
  1884. width: 100%;
  1885. }
  1886. .w3ls_mobiles_grid_left_grid:nth-child(4) {
  1887. margin: 2em 0 0;
  1888. }
  1889. .mobiles_img_hover_pos {
  1890. position: absolute;
  1891. top: 5%;
  1892. right: 5%;
  1893. }
  1894. .mobiles_img_hover_pos h4 {
  1895. font-size: 1.5em;
  1896. color: #212121;
  1897. line-height: 1.5em;
  1898. }
  1899. .mobiles_img_hover_pos h4 span {
  1900. display: block;
  1901. width: 65px;
  1902. text-align: center;
  1903. height: 65px;
  1904. background: #3c43a4;
  1905. color: #fff;
  1906. border-radius: 35px;
  1907. -webkit-border-radius: 35px;
  1908. -moz-border-radius: 35px;
  1909. -o-border-radius: 35px;
  1910. -ms-border-radius: 35px;
  1911. line-height: 2.7;
  1912. }
  1913. .w3ls_mobiles_grid_right_left {
  1914. padding-left: 0;
  1915. }
  1916. .w3ls_mobiles_grid_right {
  1917. padding: 0;
  1918. }
  1919. .w3ls_mobiles_grid_right_grid1_pos {
  1920. position: absolute;
  1921. top: 25%;
  1922. left: 18%;
  1923. }
  1924. .w3ls_mobiles_grid_right_grid1_pos1 {
  1925. position: absolute;
  1926. top: 25%;
  1927. right: 10%;
  1928. }
  1929. .w3ls_mobiles_grid_right_grid1_pos h3, .w3ls_mobiles_grid_right_grid1_pos1 h3 {
  1930. font-size: 1.5em;
  1931. color: #fff;
  1932. line-height: 1.5em;
  1933. }
  1934. .w3ls_mobiles_grid_right_grid1_pos h3 span, .w3ls_mobiles_grid_right_grid1_pos1 h3 span {
  1935. display: block;
  1936. color: #ff5063;
  1937. }
  1938. .w3ls_mobiles_grid_right_grid2_left {
  1939. float: left;
  1940. }
  1941. .w3ls_mobiles_grid_right_grid2_right {
  1942. float: right;
  1943. }
  1944. .w3ls_mobiles_grid_right_grid2_left h3 {
  1945. font-size: 1.2em;
  1946. color: #212121;
  1947. margin: 1em 0 0;
  1948. }
  1949. .w3ls_mobiles_grid_right_grid2 {
  1950. margin: 2em 0;
  1951. }
  1952. select.select_item {
  1953. font-size: 14px;
  1954. color: #212121;
  1955. padding: 10px;
  1956. outline: none;
  1957. margin-right: 1em;
  1958. }
  1959. .mobiles_grid {
  1960. position: relative;
  1961. }
  1962. .mobiles_grid_pos {
  1963. position: absolute;
  1964. top: 5%;
  1965. right: 5%;
  1966. width: 55px;
  1967. height: 55px;
  1968. background: #3c43a4;
  1969. z-index: 100;
  1970. border-radius: 60px;
  1971. -webkit-border-radius: 60px;
  1972. -moz-border-radius: 60px;
  1973. -o-border-radius: 60px;
  1974. -ms-border-radius: 60px;
  1975. }
  1976. .mobiles_grid_pos h6 {
  1977. font-size: 1em;
  1978. color: #fff;
  1979. line-height: 3.5em;
  1980. }
  1981. .w3_hs_bottom_sub1 ul {
  1982. padding: 8em 0 0 !important;
  1983. }
  1984. .w3ls_mobiles_grid_right_grid3:nth-child(6) {
  1985. margin: 2em 0;
  1986. }
  1987. /*-- //mobiles --*/
  1988. /*-- related-products --*/
  1989. .w3l_related_products h3:before {
  1990. left: 27% !important;
  1991. }
  1992. #flexiselDemo2 {
  1993. margin: 3em 0 0;
  1994. }
  1995. /*-- flexisel --*/
  1996. .flex-slider {
  1997. background: #222227;
  1998. padding: 70px 0 165px 0;
  1999. }
  2000. .opportunity {
  2001. background: #28282e;
  2002. margin: 0px 20px;
  2003. padding: 80px 0;
  2004. position: relative;
  2005. }
  2006. #flexiselDemo1, #flexiselDemo2 {
  2007. display: none;
  2008. }
  2009. .nbs-flexisel-container {
  2010. position: relative;
  2011. max-width: 100%;
  2012. }
  2013. .nbs-flexisel-ul {
  2014. position: relative;
  2015. width: 9999px;
  2016. margin: 0px;
  2017. padding: 0px;
  2018. list-style-type: none;
  2019. text-align: center;
  2020. }
  2021. .nbs-flexisel-inner {
  2022. overflow: hidden;
  2023. margin: 0px auto;
  2024. }
  2025. .nbs-flexisel-item {
  2026. float: left;
  2027. margin: 0;
  2028. padding: 0 15px;
  2029. position: relative;
  2030. }
  2031. .nbs-flexisel-item > img {
  2032. cursor: pointer;
  2033. position: relative;
  2034. }
  2035. /*---- Nav ---*/
  2036. .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
  2037. width: 40px;
  2038. height: 40px;
  2039. position: absolute;
  2040. cursor: pointer;
  2041. z-index: 9999;
  2042. }
  2043. .nbs-flexisel-nav-left {
  2044. left: -5%;
  2045. top: 38% !important;
  2046. background: url(../images/left-arrow.png) no-repeat 0px 0px;
  2047. }
  2048. .nbs-flexisel-nav-right {
  2049. right: -5%;
  2050. top: 38% !important;
  2051. background: url(../images/right-arrow.png) no-repeat 0px 0px;
  2052. }
  2053. /*-- //flexisel --*/
  2054. .w3l_related_products_grid {
  2055. position: relative;
  2056. }
  2057. .hs-wrapper3 {
  2058. width: 255px !important;
  2059. height: 340px !important;
  2060. }
  2061. .flex_ecommerce {
  2062. padding: 10em 0 0 !important;
  2063. }
  2064. /*-- //related-products --*/
  2065. .rating {
  2066. margin-bottom: 1em;
  2067. }
  2068. /*-- pages --*/
  2069. .well {
  2070. font-weight: 300;
  2071. font-size: 14px;
  2072. }
  2073. .list-group-item {
  2074. font-weight: 300;
  2075. font-size: 14px;
  2076. }
  2077. li.list-group-item1 {
  2078. font-size: 14px;
  2079. font-weight: 300;
  2080. }
  2081. .typo p {
  2082. margin: 0;
  2083. font-size: 14px;
  2084. font-weight: 300;
  2085. }
  2086. .show-grid [class^=col-] {
  2087. background: #fff;
  2088. text-align: center;
  2089. margin-bottom: 10px;
  2090. line-height: 2em;
  2091. border: 10px solid #f0f0f0;
  2092. }
  2093. .show-grid [class*="col-"]:hover {
  2094. background: #e0e0e0;
  2095. }
  2096. .grid_3 {
  2097. margin-bottom: 3em;
  2098. }
  2099. .xs h3, h3.m_1 {
  2100. color: #000;
  2101. font-size: 1.7em;
  2102. font-weight: 300;
  2103. margin-bottom: 1em;
  2104. }
  2105. .grid_3 p {
  2106. color: #999;
  2107. font-size: 0.85em;
  2108. margin-bottom: 1em;
  2109. font-weight: 300;
  2110. }
  2111. .grid_4 {
  2112. background: none;
  2113. }
  2114. .label {
  2115. font-weight: 300 !important;
  2116. border-radius: 4px;
  2117. }
  2118. .grid_5 {
  2119. background: none;
  2120. }
  2121. .grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.w3ls-hdg, h3.bars {
  2122. margin-bottom: 1em;
  2123. color: #212121;
  2124. font-weight: bold;
  2125. }
  2126. .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  2127. border-top: none !important;
  2128. }
  2129. .tab-content > .active {
  2130. display: block;
  2131. visibility: visible;
  2132. }
  2133. .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  2134. z-index: 0;
  2135. }
  2136. .badge-primary {
  2137. background-color: #03a9f4;
  2138. }
  2139. .badge-success {
  2140. background-color: #8bc34a;
  2141. }
  2142. .badge-warning {
  2143. background-color: #ffc107;
  2144. }
  2145. .badge-danger {
  2146. background-color: #e51c23;
  2147. }
  2148. .grid_3 p {
  2149. line-height: 2em;
  2150. color: #888;
  2151. font-size: 0.9em;
  2152. margin-bottom: 1em;
  2153. font-weight: 300;
  2154. }
  2155. .bs-docs-example {
  2156. margin: 1em 0;
  2157. }
  2158. section#tables p {
  2159. margin-top: 1em;
  2160. }
  2161. .tab-container .tab-content {
  2162. border-radius: 0 2px 2px 2px;
  2163. border: 1px solid #e0e0e0;
  2164. padding: 16px;
  2165. background-color: #ffffff;
  2166. }
  2167. .table td, .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  2168. padding: 15px !important;
  2169. }
  2170. .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  2171. font-size: 0.9em;
  2172. color: #999;
  2173. border-top: none !important;
  2174. }
  2175. .tab-content > .active {
  2176. display: block;
  2177. visibility: visible;
  2178. }
  2179. .label {
  2180. font-weight: 300 !important;
  2181. }
  2182. .label {
  2183. padding: 4px 6px;
  2184. border: none;
  2185. text-shadow: none;
  2186. }
  2187. .alert {
  2188. font-size: 0.85em;
  2189. }
  2190. h1.t-button, h2.t-button, h3.t-button, h4.t-button, h5.t-button {
  2191. line-height: 2em;
  2192. margin-top: 0.5em;
  2193. margin-bottom: 0.5em;
  2194. }
  2195. li.list-group-item1 {
  2196. line-height: 2.5em;
  2197. }
  2198. .input-group {
  2199. margin-bottom: 20px;
  2200. }
  2201. .in-gp-tl {
  2202. padding: 0;
  2203. }
  2204. .in-gp-tb {
  2205. padding-right: 0;
  2206. }
  2207. .list-group {
  2208. margin-bottom: 48px;
  2209. }
  2210. ol {
  2211. margin-bottom: 44px;
  2212. }
  2213. h2.typoh2 {
  2214. margin: 0 0 10px;
  2215. }
  2216. .tab-content > .active {
  2217. display: block;
  2218. visibility: visible;
  2219. }
  2220. .label {
  2221. font-weight: 300 !important;
  2222. }
  2223. .label {
  2224. padding: 4px 6px;
  2225. border: none;
  2226. text-shadow: none;
  2227. }
  2228. .nav-tabs {
  2229. margin-bottom: 1em;
  2230. }
  2231. h1.t-button, h2.t-button, h3.t-button, h4.t-button, h5.t-button {
  2232. line-height: 1.8em;
  2233. margin-top: 0.5em;
  2234. margin-bottom: 0.5em;
  2235. }
  2236. li.list-group-item1 {
  2237. line-height: 2.5em;
  2238. }
  2239. .input-group {
  2240. margin-bottom: 20px;
  2241. }
  2242. .codes .row {
  2243. margin: 0;
  2244. }
  2245. .in-gp-tl {
  2246. padding: 0;
  2247. }
  2248. .in-gp-tb {
  2249. padding-right: 0;
  2250. }
  2251. .list-group {
  2252. margin-bottom: 48px;
  2253. }
  2254. ol {
  2255. margin-bottom: 44px;
  2256. }
  2257. h2.typoh2 {
  2258. margin: 0 0 10px;
  2259. }
  2260. .form-control1, .form-control_2.input-sm {
  2261. border: 1px solid #e0e0e0;
  2262. padding: 5px 18px;
  2263. color: #616161;
  2264. background: #fff;
  2265. box-shadow: none !important;
  2266. width: 100%;
  2267. font-size: 0.85em;
  2268. font-weight: 300;
  2269. height: 40px;
  2270. border-radius: 0;
  2271. -webkit-border-radius: 0px;
  2272. -moz-border-radius: 0px;
  2273. -ms-border-radius: 0px;
  2274. -o-border-radius: 0px;
  2275. -webkit-appearance: none;
  2276. outline: none;
  2277. }
  2278. .control3 {
  2279. margin: 0 0 1em 0;
  2280. }
  2281. .codes label {
  2282. font-weight: 400;
  2283. }
  2284. /*-- icons --*/
  2285. .codes a {
  2286. color: #999;
  2287. }
  2288. .icon-box {
  2289. padding: 8px 15px;
  2290. background: rgba(149, 149, 149, 0.18);
  2291. margin: 1em 0 1em 0;
  2292. border: 5px solid #ffffff;
  2293. text-align: left;
  2294. -moz-box-sizing: border-box;
  2295. -webkit-box-sizing: border-box;
  2296. box-sizing: border-box;
  2297. font-size: 13px;
  2298. transition: 0.5s all;
  2299. -webkit-transition: 0.5s all;
  2300. -o-transition: 0.5s all;
  2301. -ms-transition: 0.5s all;
  2302. -moz-transition: 0.5s all;
  2303. cursor: pointer;
  2304. }
  2305. .icon-box:hover {
  2306. background: #5f5f5f;
  2307. transition: 0.5s all;
  2308. -webkit-transition: 0.5s all;
  2309. -o-transition: 0.5s all;
  2310. -ms-transition: 0.5s all;
  2311. -moz-transition: 0.5s all;
  2312. }
  2313. .icon-box:hover i.fa {
  2314. color: #fff !important;
  2315. }
  2316. .icon-box:hover a.agile-icon {
  2317. color: #fff !important;
  2318. }
  2319. .codes .bs-glyphicons li {
  2320. float: left;
  2321. width: 12.5%;
  2322. height: 115px;
  2323. padding: 10px;
  2324. line-height: 1.4;
  2325. text-align: center;
  2326. font-size: 12px;
  2327. list-style-type: none;
  2328. }
  2329. .codes .bs-glyphicons .glyphicon {
  2330. margin-top: 5px;
  2331. margin-bottom: 10px;
  2332. font-size: 24px;
  2333. }
  2334. .codes .glyphicon {
  2335. position: relative;
  2336. top: 1px;
  2337. display: inline-block;
  2338. font-family: 'Glyphicons Halflings';
  2339. font-style: normal;
  2340. font-weight: 400;
  2341. line-height: 1;
  2342. -webkit-font-smoothing: antialiased;
  2343. -moz-osx-font-smoothing: grayscale;
  2344. color: #777;
  2345. }
  2346. .codes .bs-glyphicons .glyphicon-class {
  2347. display: block;
  2348. text-align: center;
  2349. word-wrap: break-word;
  2350. }
  2351. h3.icon-subheading {
  2352. font-size: 28px;
  2353. color: #000 !important;
  2354. margin: 30px 0 15px;
  2355. }
  2356. .agileits-icons-title {
  2357. text-align: center;
  2358. font-size: 30px;
  2359. color: #ff5063;
  2360. font-weight: 300;
  2361. }
  2362. .icons a {
  2363. color: #999;
  2364. }
  2365. .icon-box i {
  2366. margin-right: 10px !important;
  2367. font-size: 20px !important;
  2368. color: #282a2b !important;
  2369. }
  2370. .icons .bs-glyphicons li {
  2371. float: left;
  2372. width: 18%;
  2373. height: 115px;
  2374. padding: 10px;
  2375. line-height: 1.4;
  2376. text-align: center;
  2377. font-size: 12px;
  2378. list-style-type: none;
  2379. background: rgba(149, 149, 149, 0.18);
  2380. margin: 1%;
  2381. }
  2382. .icons .bs-glyphicons .glyphicon {
  2383. margin-top: 5px;
  2384. margin-bottom: 10px;
  2385. font-size: 24px;
  2386. color: #282a2b;
  2387. }
  2388. .icons .glyphicon {
  2389. position: relative;
  2390. top: 1px;
  2391. display: inline-block;
  2392. font-family: 'Glyphicons Halflings';
  2393. font-style: normal;
  2394. font-weight: 400;
  2395. line-height: 1;
  2396. -webkit-font-smoothing: antialiased;
  2397. -moz-osx-font-smoothing: grayscale;
  2398. color: #777;
  2399. }
  2400. .icons .bs-glyphicons .glyphicon-class {
  2401. display: block;
  2402. text-align: center;
  2403. word-wrap: break-word;
  2404. }
  2405. /*-- //icons --*/
  2406. .tab-content > .active {
  2407. display: block;
  2408. visibility: visible;
  2409. }
  2410. .label {
  2411. font-weight: 300 !important;
  2412. }
  2413. .label {
  2414. padding: 4px 6px;
  2415. border: none;
  2416. text-shadow: none;
  2417. }
  2418. .nav-tabs {
  2419. margin-bottom: 1em;
  2420. }
  2421. h1.t-button, h2.t-button, h3.t-button, h4.t-button, h5.t-button {
  2422. line-height: 1.8em;
  2423. margin-top: 0.5em;
  2424. margin-bottom: 0.5em;
  2425. }
  2426. li.list-group-item1 {
  2427. line-height: 2.5em;
  2428. }
  2429. .input-group {
  2430. margin-bottom: 20px;
  2431. }
  2432. .codes .row {
  2433. margin: 0;
  2434. }
  2435. .in-gp-tl {
  2436. padding: 0;
  2437. }
  2438. .in-gp-tb {
  2439. padding-right: 0;
  2440. }
  2441. .list-group {
  2442. margin-bottom: 48px;
  2443. }
  2444. ol {
  2445. margin-bottom: 44px;
  2446. }
  2447. h2.typoh2 {
  2448. margin: 0 0 10px;
  2449. }
  2450. .form-control1, .form-control_2.input-sm {
  2451. border: 1px solid #e0e0e0;
  2452. padding: 5px 18px;
  2453. color: #616161;
  2454. background: #fff;
  2455. box-shadow: none !important;
  2456. width: 100%;
  2457. font-size: 0.85em;
  2458. font-weight: 300;
  2459. height: 40px;
  2460. border-radius: 0;
  2461. -webkit-border-radius: 0px;
  2462. -moz-border-radius: 0px;
  2463. -ms-border-radius: 0px;
  2464. -o-border-radius: 0px;
  2465. -webkit-appearance: none;
  2466. outline: none;
  2467. }
  2468. .control3 {
  2469. margin: 0 0 1em 0;
  2470. }
  2471. .codes label {
  2472. font-weight: 400;
  2473. }
  2474. @media (max-width: 1080px) {
  2475. .icon-box {
  2476. padding: 8px 9px;
  2477. }
  2478. }
  2479. @media (max-width: 768px) {
  2480. .grid_5 {
  2481. padding: 0 0 1em;
  2482. }
  2483. .grid_3 {
  2484. margin-bottom: 0em;
  2485. }
  2486. }
  2487. @media (max-width: 640px) {
  2488. h1, .h1, h2, .h2, h3, .h3 {
  2489. margin-top: 0px;
  2490. margin-bottom: 0px;
  2491. }
  2492. .grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
  2493. margin-bottom: .5em;
  2494. }
  2495. .progress {
  2496. height: 10px;
  2497. margin-bottom: 10px;
  2498. }
  2499. ol.breadcrumb li, .grid_3 p, ul.list-group li, li.list-group-item1 {
  2500. font-size: 14px;
  2501. }
  2502. .breadcrumb {
  2503. margin-bottom: 25px;
  2504. }
  2505. .well {
  2506. font-size: 14px;
  2507. margin-bottom: 10px;
  2508. }
  2509. h2.typoh2 {
  2510. font-size: 1.5em;
  2511. }
  2512. .label {
  2513. font-size: 60%;
  2514. }
  2515. .in-gp-tl {
  2516. padding: 0 1em;
  2517. }
  2518. .in-gp-tb {
  2519. padding-right: 1em;
  2520. }
  2521. }
  2522. @media (max-width: 480px) {
  2523. h3.w3ls-hdg {
  2524. font-size: 1.2em;
  2525. margin: 1em 0 0.6em;
  2526. }
  2527. .grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
  2528. font-size: 1.2em;
  2529. }
  2530. .table h1 {
  2531. font-size: 26px;
  2532. }
  2533. .table h2 {
  2534. font-size: 23px;
  2535. }
  2536. .table h3 {
  2537. font-size: 20px;
  2538. }
  2539. .label {
  2540. font-size: 53%;
  2541. }
  2542. .codes .alert {
  2543. font-size: 0.9em;
  2544. padding: 10px;
  2545. }
  2546. .pagination {
  2547. margin: 20px 0 0px;
  2548. }
  2549. .grid_3.grid_4.w3layouts {
  2550. margin-top: 0;
  2551. }
  2552. .agileits-icons-title {
  2553. font-size: 25px;
  2554. }
  2555. h3.icon-subheading {
  2556. font-size: 22px;
  2557. }
  2558. .icons .bs-glyphicons li {
  2559. width: 31%;
  2560. }
  2561. }
  2562. @media (max-width: 320px) {
  2563. .alert, ol.breadcrumb li, .grid_3 p, .well, ul.list-group li, li.list-group-item1, a.list-group-item {
  2564. font-size: 13px;
  2565. }
  2566. .alert {
  2567. padding: 10px;
  2568. margin-bottom: 10px;
  2569. }
  2570. ul.pagination li a {
  2571. font-size: 1em;
  2572. padding: 5px 11px !important;
  2573. }
  2574. .list-group {
  2575. margin-bottom: 10px;
  2576. }
  2577. .well {
  2578. padding: 10px;
  2579. }
  2580. .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  2581. font-size: 0.81em;
  2582. }
  2583. .table td, .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  2584. padding: 13px !important;
  2585. }
  2586. .codes .row {
  2587. margin: 0;
  2588. }
  2589. .agileits-icons-title {
  2590. font-size: 21px;
  2591. }
  2592. h3.icon-subheading {
  2593. font-size: 15px;
  2594. margin: 21px 0 12px;
  2595. }
  2596. }
  2597. /*-- //pages --*/
  2598. /*-- faq --*/
  2599. .w3l_faq_grid h3 {
  2600. font-size: 1.3em;
  2601. color: #212121;
  2602. line-height: 1.5em;
  2603. margin-bottom: 1em;
  2604. }
  2605. .w3l_faq_grid p {
  2606. color: #999;
  2607. line-height: 1.8em;
  2608. }
  2609. .w3l_faq_grids {
  2610. width: 70%;
  2611. margin: 0 auto;
  2612. }
  2613. .w3l_faq_grid {
  2614. margin-bottom: 2em;
  2615. }
  2616. /*-- //faq --*/
  2617. /*-- about --*/
  2618. .w3ls_about_grid_left p {
  2619. color: #999;
  2620. line-height: 1.8em;
  2621. margin-bottom: 2em;
  2622. }
  2623. .w3ls_about_grid_left2 p {
  2624. color: #999;
  2625. line-height: 1.8em;
  2626. }
  2627. .w3ls_about_grid_left1 {
  2628. text-align: center;
  2629. }
  2630. .w3ls_about_grid_left1 span {
  2631. color: #ff5063;
  2632. font-size: 1.5em;
  2633. top: 1em;
  2634. }
  2635. /*-- //about --*/
  2636. /*-- team --*/
  2637. .team {
  2638. background: #f5f5f5;
  2639. }
  2640. .wthree_team_grids {
  2641. margin: 3em 0 0;
  2642. }
  2643. .wthree_team_grid {
  2644. text-align: center;
  2645. }
  2646. .wthree_team_grid h4 {
  2647. font-size: 1em;
  2648. color: #3c43a4;
  2649. margin: 1em 0;
  2650. font-weight: 600;
  2651. }
  2652. .wthree_team_grid h4 span {
  2653. display: block;
  2654. font-size: .8em;
  2655. margin: .6em 0 0;
  2656. color: #212121;
  2657. font-family: 'Open Sans', sans-serif;
  2658. font-weight: 500;
  2659. }
  2660. .wthree_team_grids p {
  2661. width: 65%;
  2662. margin: 3em auto 0;
  2663. text-align: center;
  2664. line-height: 1.8em;
  2665. color: #999;
  2666. }
  2667. .wthree_team_grid img {
  2668. margin: 0 auto;
  2669. padding: .4em;
  2670. -webkit-box-shadow: 0px 0px 12px #ff5063;
  2671. -moz-box-shadow: 0px 0px 12px #ff5063;
  2672. -o-box-shadow: 0px 0px 12px #ff5063;
  2673. -ms-box-shadow: 0px 0px 12px #ff5063;
  2674. box-shadow: 0px 0px 12px #ff5063;
  2675. border-radius: 50%;
  2676. -webkit-border-radius: 50%;
  2677. -moz-border-radius: 50%;
  2678. -o-border-radius: 50%;
  2679. -ms-border-radius: 50%;
  2680. }
  2681. /*-- //team --*/
  2682. /*-- team-bottom --*/
  2683. .team-bottom {
  2684. text-align: center;
  2685. }
  2686. .team-bottom h3 {
  2687. font-size: 1.7em;
  2688. color: #212121;
  2689. line-height: 1.5em;
  2690. }
  2691. .team-bottom h3 span {
  2692. color: #3c43a4;
  2693. }
  2694. .team-bottom p {
  2695. width: 70%;
  2696. margin: 1.5em auto 3em;
  2697. color: #999;
  2698. line-height: 1.8em;
  2699. }
  2700. /*-- //team-bottom --*/
  2701. /*-- mail --*/
  2702. .agile_mail_grids {
  2703. margin: 3em 0 0;
  2704. }
  2705. .contact-left h4 {
  2706. font-size: 1.5em;
  2707. color: #3c43a4;
  2708. margin: 0 0 1em;
  2709. }
  2710. .contact-left p {
  2711. color: #999;
  2712. line-height: 1.8em;
  2713. margin: 0;
  2714. text-transform: capitalize;
  2715. }
  2716. .contact-left p span {
  2717. color: #212121;
  2718. font-weight: 700;
  2719. }
  2720. .contact-left ul {
  2721. padding: 1em 0 0;
  2722. margin: 0;
  2723. }
  2724. .contact-left ul li {
  2725. list-style-type: none;
  2726. margin: 0 0 1em;
  2727. font-size: 14px;
  2728. color: #999;
  2729. }
  2730. .contact-left ul li a {
  2731. color: #999;
  2732. text-decoration: none;
  2733. }
  2734. .contact-left ul li a:hover {
  2735. color: #3c43a4;
  2736. }
  2737. .contact-left input[type="text"], .contact-left input[type="email"], .contact-left textarea {
  2738. background: none;
  2739. border: 1px solid #999;
  2740. border-top: none;
  2741. color: #424341;
  2742. padding: 10px;
  2743. font-size: 14px;
  2744. outline: none;
  2745. }
  2746. .contact-left input[type="text"], .contact-left input[type="email"] {
  2747. width: 32.7%;
  2748. float: left;
  2749. }
  2750. .contact-left input[type="email"] {
  2751. margin: 0 5px;
  2752. }
  2753. .contact-left textarea {
  2754. min-height: 200px;
  2755. resize: none;
  2756. width: 100%;
  2757. margin: 1.5em 0;
  2758. }
  2759. .contact-left input[type="submit"] {
  2760. outline: none;
  2761. color: #ffffff;
  2762. font-size: 1em;
  2763. padding: 10px 0;
  2764. width: 35%;
  2765. background: #ff5063;
  2766. border: none;
  2767. transition: .5s all;
  2768. -webkit-transition: .5s all;
  2769. -moz-transition: .5s all;
  2770. -o-transition: .5s all;
  2771. -ms-transition: .5s all;
  2772. }
  2773. .contact-left input[type="submit"]:hover {
  2774. background: #3c43a4;
  2775. }
  2776. .contact-bottom {
  2777. margin: 3em 0 0;
  2778. }
  2779. .contact-bottom iframe {
  2780. width: 100%;
  2781. min-height: 300px;
  2782. }
  2783. /*-- //mail --*/
  2784. /*-- single --*/
  2785. .single-right h3 {
  2786. font-size: 1.5em;
  2787. color: #212121;
  2788. margin-bottom: 1em;
  2789. }
  2790. .description {
  2791. margin: 2em 0;
  2792. }
  2793. .description h5 {
  2794. color: #3c43a4;
  2795. font-size: 1em;
  2796. margin: 0;
  2797. }
  2798. .description p {
  2799. color: #999;
  2800. line-height: 1.8em;
  2801. margin: 1em 0 0;
  2802. }
  2803. .color-quality-left {
  2804. /*float: left;*/
  2805. }
  2806. .color-quality-left h5, .color-quality-right h5, .occasional h5 {
  2807. text-transform: uppercase;
  2808. font-size: 1em;
  2809. color: #3c43a4;
  2810. margin: 0 0 1em;
  2811. }
  2812. .color-quality-left .item {
  2813. float: left;
  2814. color: #666;
  2815. background-color: #FFF;
  2816. margin-right: 7px;
  2817. margin-bottom: 4px;
  2818. line-height: 32px;
  2819. }
  2820. .color-quality-left .item a {
  2821. display: block;
  2822. padding: 0 13px;
  2823. border: 1px solid #ccc;
  2824. color: #666;
  2825. white-space: nowrap;
  2826. cursor: pointer;
  2827. }
  2828. .color-quality-left .item a:hover, .color-quality-left .item a.active {
  2829. border: 1px solid #e3393c;
  2830. }
  2831. .occasional {
  2832. margin: 3em 0;
  2833. }
  2834. .color-quality-right {
  2835. /*float: left;*/
  2836. /*margin-left: 8em;*/
  2837. margin-top: 1rem;
  2838. }
  2839. .colr {
  2840. float: left;
  2841. margin-right: 1em;
  2842. }
  2843. .occasional label {
  2844. font-size: 14px;
  2845. font-weight: 500;
  2846. color: #999;
  2847. margin: 1.5em 0 0 0em;
  2848. }
  2849. .checkbox {
  2850. position: relative;
  2851. padding-left: 38px !important;
  2852. cursor: pointer;
  2853. }
  2854. .checkbox i {
  2855. position: absolute;
  2856. bottom: -2px;
  2857. left: 0;
  2858. display: block;
  2859. width: 25px;
  2860. height: 25px;
  2861. outline: none;
  2862. border: 2px solid #EDEDED;
  2863. background: #FFF;
  2864. }
  2865. .checkbox input + i:after, .radio input + i:after {
  2866. position: absolute;
  2867. opacity: 0;
  2868. transition: opacity 0.1s;
  2869. -o-transition: opacity 0.1s;
  2870. -ms-transition: opacity 0.1s;
  2871. -moz-transition: opacity 0.1s;
  2872. -webkit-transition: opacity 0.1s;
  2873. }
  2874. .checkbox input:checked + i:after, .radio input:checked + i:after {
  2875. opacity: 1;
  2876. }
  2877. .checkbox input, .radio input {
  2878. position: absolute;
  2879. left: -9999px;
  2880. }
  2881. .checkbox input + i:after {
  2882. content: '';
  2883. background: url("../images/check.png") no-repeat 1px 2px;
  2884. top: 0px;
  2885. left: 2px;
  2886. width: 16px;
  2887. height: 16px;
  2888. font: normal 12px/16px FontAwesome;
  2889. text-align: center;
  2890. }
  2891. /*-- quantity-starts --*/
  2892. .value-minus,
  2893. .value-plus, .value-minus1,
  2894. .value-plus1 {
  2895. height: 40px;
  2896. line-height: 24px;
  2897. width: 40px;
  2898. margin-right: 3px;
  2899. display: inline-block;
  2900. cursor: pointer;
  2901. position: relative;
  2902. font-size: 18px;
  2903. color: #fff;
  2904. text-align: center;
  2905. -webkit-user-select: none;
  2906. -moz-user-select: none;
  2907. border: 1px solid #b2b2b2;
  2908. vertical-align: bottom;
  2909. }
  2910. .quantity-select .entry.value-minus:before,
  2911. .quantity-select .entry.value-plus:before, .quantity-select .entry.value-minus1:before,
  2912. .quantity-select .entry.value-plus1:before {
  2913. content: "";
  2914. width: 13px;
  2915. height: 2px;
  2916. background: #000;
  2917. left: 50%;
  2918. margin-left: -7px;
  2919. top: 50%;
  2920. margin-top: -0.5px;
  2921. position: absolute;
  2922. }
  2923. .quantity-select .entry.value-plus:after, .quantity-select .entry.value-plus1:after {
  2924. content: "";
  2925. height: 13px;
  2926. width: 2px;
  2927. background: #000;
  2928. left: 50%;
  2929. margin-left: -1.4px;
  2930. top: 50%;
  2931. margin-top: -6.2px;
  2932. position: absolute;
  2933. }
  2934. .value, .value1 {
  2935. cursor: default;
  2936. width: 40px;
  2937. height: 40px;
  2938. padding: 8px 0px;
  2939. color: #A9A9A9;
  2940. line-height: 24px;
  2941. border: 1px solid #E5E5E5;
  2942. background-color: #E5E5E5;
  2943. text-align: center;
  2944. display: inline-block;
  2945. margin-right: 3px;
  2946. }
  2947. .quantity-select .entry.value-minus:hover,
  2948. .quantity-select .entry.value-plus:hover, .quantity-select .entry.value-minus1:hover,
  2949. .quantity-select .entry.value-plus1:hover {
  2950. background: #E5E5E5;
  2951. }
  2952. .quantity-select .entry.value-minus, .quantity-select .entry.value-minus1 {
  2953. margin-left: 0;
  2954. }
  2955. /*-- quantity-end --*/
  2956. div#horizontalTab1 ul {
  2957. padding-bottom: 1.5em;
  2958. }
  2959. .additional_info_grid h3 {
  2960. font-size: 1.5em;
  2961. color: #212121;
  2962. margin-bottom: 1em;
  2963. }
  2964. .additional_info_grid p {
  2965. color: #999;
  2966. line-height: 1.8em;
  2967. }
  2968. .additional_info_grid {
  2969. padding: 2em;
  2970. background: #f3f3f3;
  2971. }
  2972. .additional_info_grid img {
  2973. width: 100%;
  2974. padding: 1px 0;
  2975. }
  2976. .additional_info_grid h4 {
  2977. font-size: 1.2em;
  2978. color: #212121;
  2979. }
  2980. .additional_info_sub_grids {
  2981. margin: 2em 0 0;
  2982. }
  2983. .additional_info_sub_grid_rightl {
  2984. float: left;
  2985. width: 70%;
  2986. }
  2987. .additional_info_sub_grid_rightr {
  2988. float: right;
  2989. width: 15%;
  2990. }
  2991. .additional_info_sub_grid_rightl a {
  2992. color: #212121;
  2993. font-size: 1em;
  2994. text-decoration: none;
  2995. }
  2996. .additional_info_sub_grid_rightl a:hover {
  2997. color: #3c43a4;
  2998. }
  2999. .additional_info_sub_grid_rightl h5 {
  3000. color: #3c43a4;
  3001. margin: .5em 0;
  3002. font-size: .8em;
  3003. }
  3004. .additional_info_sub_grid_rightl p {
  3005. color: #999;
  3006. line-height: 1.8em;
  3007. }
  3008. .review_grids h5 {
  3009. font-size: 1.5em;
  3010. color: #212121;
  3011. margin-bottom: 1em;
  3012. }
  3013. .review_grids {
  3014. margin: 3em 0 0;
  3015. }
  3016. .review_grids input[type="text"], .review_grids input[type="email"], .review_grids textarea {
  3017. outline: none;
  3018. padding: 10px;
  3019. font-size: 14px;
  3020. color: #212121;
  3021. width: 48.7%;
  3022. background: #fff;
  3023. border: 1px solid #E6E6E6;
  3024. }
  3025. .review_grids input[type="text"]:nth-child(3) {
  3026. margin: 1em 0;
  3027. width: 100% !important;
  3028. }
  3029. .review_grids input[type="email"] {
  3030. margin-left: 1em;
  3031. }
  3032. .review_grids textarea {
  3033. width: 100% !important;
  3034. min-height: 200px;
  3035. margin-bottom: .8em;
  3036. }
  3037. .review_grids input[type="submit"] {
  3038. outline: none;
  3039. padding: 10px 0;
  3040. font-size: 1em;
  3041. color: #fff;
  3042. width: 35%;
  3043. background: #ff5063;
  3044. border: none;
  3045. }
  3046. .review_grids input[type="submit"]:hover {
  3047. background: #3c43a4;
  3048. }
  3049. .review_grids form {
  3050. width: 70%;
  3051. margin: 0 auto;
  3052. }
  3053. /*-- //single --*/
  3054. /*-- checkout --*/
  3055. .checkout h3 {
  3056. font-size: 1em;
  3057. color: #212121;
  3058. text-transform: uppercase;
  3059. margin: 0 0 3em;
  3060. }
  3061. .checkout h3 span {
  3062. color: #3c43a4;
  3063. }
  3064. table.timetable_sub {
  3065. width: 100%;
  3066. margin: 0 auto;
  3067. }
  3068. .timetable_sub thead {
  3069. background: #F2F2F2;
  3070. }
  3071. .timetable_sub th {
  3072. background: none;
  3073. color: #212121 !important;
  3074. text-transform: capitalize;
  3075. font-size: 13px;
  3076. border-right: 1px solid #C5C5C5;
  3077. border-top: 1px solid #C5C5C5;
  3078. }
  3079. .timetable_sub th:nth-child(1) {
  3080. border-left: 1px solid #C5C5C5;
  3081. }
  3082. .timetable_sub th, .timetable_sub td {
  3083. text-align: center;
  3084. padding: 7px;
  3085. font-size: 14px;
  3086. color: #212121;
  3087. }
  3088. .timetable_sub td {
  3089. border: 1px solid #CDCDCD;
  3090. }
  3091. td.invert-image a img {
  3092. width: 30%;
  3093. margin: 0 auto;
  3094. }
  3095. .rem {
  3096. position: relative;
  3097. }
  3098. .close1, .close2, .close3 {
  3099. background: url('../images/close.png') no-repeat 0px 0px;
  3100. cursor: pointer;
  3101. width: 32px;
  3102. height: 32px;
  3103. position: absolute;
  3104. right: 15px;
  3105. top: -13px;
  3106. -webkit-transition: color 0.2s ease-in-out;
  3107. -moz-transition: color 0.2s ease-in-out;
  3108. -o-transition: color 0.2s ease-in-out;
  3109. transition: color 0.2s ease-in-out;
  3110. }
  3111. .checkout-left-basket h4 {
  3112. padding: 1em;
  3113. background: #3c43a4;
  3114. font-size: 1.1em;
  3115. color: #fff;
  3116. text-transform: uppercase;
  3117. text-align: center;
  3118. margin: 0 0 1em;
  3119. }
  3120. .checkout-left {
  3121. margin: 2em 0 0;
  3122. }
  3123. .checkout-left-basket ul li {
  3124. list-style-type: none;
  3125. margin-bottom: 1em;
  3126. font-size: 14px;
  3127. color: #999;
  3128. }
  3129. .checkout-left-basket {
  3130. float: left;
  3131. width: 25%;
  3132. }
  3133. .checkout-right-basket {
  3134. float: right;
  3135. margin: 8em 0 0 0em;
  3136. }
  3137. .checkout-left-basket ul li span {
  3138. float: right;
  3139. }
  3140. .checkout-left-basket ul li:nth-child(5) {
  3141. font-size: 1em;
  3142. color: #212121;
  3143. font-weight: 600;
  3144. padding: 1em 0;
  3145. border-top: 1px solid #DDD;
  3146. border-bottom: 1px solid #DDD;
  3147. margin: 2em 0 0;
  3148. }
  3149. .checkout-right-basket a {
  3150. padding: 10px 30px;
  3151. color: #fff;
  3152. font-size: 1em;
  3153. background: #212121;
  3154. text-decoration: none;
  3155. }
  3156. .checkout-right-basket a:hover {
  3157. background: #3c43a4;
  3158. }
  3159. .checkout-right-basket a span {
  3160. left: -.5em;
  3161. top: 0.1em;
  3162. }
  3163. /*-- //checkout --*/
  3164. /*-- start-responsive-design --*/
  3165. @media (max-width: 1366px) {
  3166. .banner h3 {
  3167. font-size: 1.8em;
  3168. width: 40%;
  3169. margin: 8em 0 0;
  3170. }
  3171. .banner {
  3172. min-height: 580px;
  3173. }
  3174. .agileinfo_banner_bottom1_grid_left {
  3175. background-position: -95px 0px;
  3176. }
  3177. .footer-copy-pos {
  3178. right: 8%;
  3179. }
  3180. }
  3181. @media (max-width: 1280px) {
  3182. .w3view-cart {
  3183. right: 10%;
  3184. }
  3185. #w3lssbmincart {
  3186. left: 64%;
  3187. }
  3188. .agileinfo_banner_bottom1_grid_left {
  3189. background-position: -155px 0px;
  3190. }
  3191. .agileinfo_banner_bottom1_grid_right h4 {
  3192. width: 30%;
  3193. }
  3194. .banner-bottom, .team, .checkout, .additional_info, .team-bottom, .single, .mail, .special-deals, .about, .faq, .typo, .new-products, .banner-bottom1, .top-brands, .mobiles, .w3l_related_products {
  3195. padding: 4em 0;
  3196. }
  3197. .footer-copy-pos {
  3198. right: 5%;
  3199. }
  3200. .banner.banner1, .banner.banner2, .banner.banner3 {
  3201. min-height: 355px;
  3202. }
  3203. .banner1 h2, .banner2 h2, .banner3 h2 {
  3204. font-size: 1.8em;
  3205. }
  3206. }
  3207. @media (max-width: 1080px) {
  3208. #w3lssbmincart {
  3209. left: 58%;
  3210. }
  3211. .modal-body-sub {
  3212. padding: 2em 3em !important;
  3213. }
  3214. .w3l_logo {
  3215. margin-left: 13em;
  3216. }
  3217. .banner.banner10 {
  3218. min-height: 255px;
  3219. }
  3220. .banner1 h2, .banner2 h2, .banner3 h2, .banner10 h2 {
  3221. padding: 2em 0 0;
  3222. }
  3223. .navbar-nav > li:nth-child(1) {
  3224. margin-left: 6em;
  3225. }
  3226. .banner h3 {
  3227. width: 40%;
  3228. font-size: 1.5em;
  3229. }
  3230. .banner {
  3231. min-height: 500px;
  3232. }
  3233. .nav > li > a {
  3234. padding: 10px 10px;
  3235. }
  3236. .nav-tabs > li > a {
  3237. font-size: .9em;
  3238. }
  3239. .video-img a {
  3240. margin: 10em 0em 0 9.5em;
  3241. }
  3242. .w3_hs_bottom ul, .flex_ecommerce {
  3243. padding: 4em 0 0;
  3244. }
  3245. .video-img {
  3246. min-height: 400px;
  3247. }
  3248. .agileinfo_banner_bottom1_grid_left h3 span {
  3249. font-size: 2.5em;
  3250. margin: .5em 0em 0 0;
  3251. }
  3252. .agileinfo_banner_bottom1_grid_left h3 {
  3253. margin-bottom: 3em;
  3254. }
  3255. .agileinfo_banner_bottom1_grid_left, .agileinfo_banner_bottom1_grid_right {
  3256. min-height: 335px;
  3257. }
  3258. .w3agile_special_deals_grid_right {
  3259. padding-right: 0;
  3260. }
  3261. .w3agile_special_deals_grid_left {
  3262. padding-left: 0;
  3263. }
  3264. .w3agile_special_deals_grid_left_grid1 {
  3265. padding: 1em 1em 4.3em;
  3266. }
  3267. .special-deals h2:before, .new-products h3:before, .top-brands h3:before, .w3l_related_products h3:before, .team h3:before, .mail h3:before, h3.agileits-title:before {
  3268. left: 22%;
  3269. width: 15%;
  3270. }
  3271. .special-deals h2:after, .new-products h3:after, .top-brands h3:after, .w3l_related_products h3:after, .team h3:after, .mail h3:after, h3.agileits-title:after {
  3272. right: 40%;
  3273. width: 13%;
  3274. }
  3275. .agileinfo_new_products_grids {
  3276. margin: 2em 0 0;
  3277. }
  3278. .w3_hs_bottom_sub ul {
  3279. padding: 7em 0 0 !important;
  3280. }
  3281. .w3agile_newsletter_right input[type="submit"] {
  3282. width: 18%;
  3283. }
  3284. .w3agile_newsletter_right input[type="email"] {
  3285. width: 82%;
  3286. }
  3287. .w3_footer_grid {
  3288. padding-left: 0;
  3289. }
  3290. .navbar-nav > li > a {
  3291. padding: 20px 30px !important;
  3292. }
  3293. .banner.banner1, .banner.banner2, .banner.banner3 {
  3294. min-height: 320px;
  3295. }
  3296. .banner1 h2, .banner2 h2, .banner3 h2 {
  3297. font-size: 1.6em;
  3298. }
  3299. .w3ls_mobiles_grid_left_grid_sub {
  3300. width: 75%;
  3301. }
  3302. .mobiles_grid_pos h6 {
  3303. font-size: .8em;
  3304. }
  3305. .mobiles_grid_pos {
  3306. width: 42px;
  3307. height: 42px;
  3308. }
  3309. .w3_hs_bottom_sub1 ul {
  3310. padding: 6em 0 0 !important;
  3311. }
  3312. .w3l_related_products h3:before {
  3313. left: 19% !important;
  3314. }
  3315. .flex_ecommerce {
  3316. padding: 8em 0 0 !important;
  3317. }
  3318. .review_grids form {
  3319. width: 85%;
  3320. }
  3321. .wthree_team_grids {
  3322. margin: 2em 0 0;
  3323. }
  3324. .w3l_faq_grids {
  3325. width: 85%;
  3326. }
  3327. .contact-left input[type="text"], .contact-left input[type="email"] {
  3328. width: 32.6%;
  3329. }
  3330. .checkout-left-basket {
  3331. width: 40%;
  3332. }
  3333. .agile_ecommerce_tab_left h5 a {
  3334. font-size: 1.15em;
  3335. }
  3336. }
  3337. @media (max-width: 1024px) {
  3338. .nbs-flexisel-nav-right {
  3339. right: -2%;
  3340. }
  3341. .nbs-flexisel-nav-left {
  3342. left: -2%;
  3343. }
  3344. .agile_ecommerce_tab_left h5 a {
  3345. font-size: 1.1em;
  3346. }
  3347. }
  3348. @media (max-width: 991px) {
  3349. #w3lssbmincart {
  3350. left: 51%;
  3351. }
  3352. .nbs-flexisel-item {
  3353. padding: 0 10px;
  3354. }
  3355. .w3view-cart {
  3356. margin-top: -.3em;
  3357. }
  3358. .w3l_logo h1 a {
  3359. font-size: .9em;
  3360. }
  3361. .w3l_logo h1 a span {
  3362. letter-spacing: 6px;
  3363. }
  3364. .search {
  3365. margin: .6em 0 0 4em;
  3366. }
  3367. .w3l_logo {
  3368. margin-left: 9em;
  3369. }
  3370. .navbar-nav > li > a {
  3371. padding: 20px 20px !important;
  3372. }
  3373. .navbar-nav > li:nth-child(1) {
  3374. margin-left: 4em;
  3375. }
  3376. .banner h3 {
  3377. width: 50%;
  3378. font-size: 1.4em;
  3379. }
  3380. .banner {
  3381. min-height: 455px;
  3382. }
  3383. .modal_body_left1 {
  3384. float: left;
  3385. width: 65% !important;
  3386. }
  3387. .modal_body_right1 {
  3388. float: right;
  3389. width: 35% !important;
  3390. }
  3391. .video-img a {
  3392. margin: 10em 0em 0 20.5em;
  3393. }
  3394. .nav > li > a {
  3395. padding: 10px 24px;
  3396. }
  3397. .nav-tabs > li > a {
  3398. font-size: 1em;
  3399. }
  3400. .wthree_banner_bottom_right {
  3401. margin: 3em 0 0;
  3402. }
  3403. .agile_ecommerce_tab_left {
  3404. float: left;
  3405. width: 33.33%;
  3406. }
  3407. .w3_hs_bottom ul, .flex_ecommerce {
  3408. padding: 6em 0 0;
  3409. }
  3410. .modal_body_left {
  3411. float: left;
  3412. width: 40%;
  3413. }
  3414. .modal_body_right {
  3415. float: right;
  3416. width: 60%;
  3417. }
  3418. .agileinfo_banner_bottom1_grid_left {
  3419. background-position: 0px 0px;
  3420. }
  3421. .agileinfo_banner_bottom1_grid_right {
  3422. margin: 2em 0 0;
  3423. }
  3424. .agileinfo_banner_bottom1_grid_left, .agileinfo_banner_bottom1_grid_right {
  3425. min-height: 335px;
  3426. }
  3427. .agileinfo_banner_bottom1_grid_right {
  3428. padding: 8.5em 0 0;
  3429. }
  3430. .banner-bottom, .team, .checkout, .additional_info, .team-bottom, .single, .mail, .special-deals, .about, .faq, .typo, .new-products, .banner-bottom1, .top-brands, .mobiles, .w3l_related_products {
  3431. padding: 3em 0;
  3432. }
  3433. .special-deals h2, .new-products h3, .top-brands h3, .w3l_related_products h3, .team h3, .mail h3, h3.agileits-title {
  3434. font-size: 1.8em;
  3435. }
  3436. .special-deals h2:before, .new-products h3:before, .top-brands h3:before, .w3l_related_products h3:before, .team h3:before, .mail h3:before, h3.agileits-title:before {
  3437. left: 18%;
  3438. }
  3439. .w3agile_special_deals_grids {
  3440. margin: 2em 0 0;
  3441. }
  3442. .w3agile_special_deals_grid_left_grid_pos h4 {
  3443. font-size: 1.8em;
  3444. }
  3445. .w3agile_special_deals_grid_right {
  3446. padding-right: 1em;
  3447. width: 60%;
  3448. margin: 2em auto 0;
  3449. }
  3450. .w3agile_special_deals_grid_right_pos h4, .w3agile_special_deals_grid_right_pos h5 {
  3451. font-size: 1.8em;
  3452. }
  3453. .w3agile_special_deals_grid_right_pos {
  3454. left: 28%;
  3455. }
  3456. .agileinfo_new_products_grid {
  3457. float: left;
  3458. width: 25%;
  3459. }
  3460. .w3_hs_bottom_sub ul {
  3461. padding: 5em 0 0 !important;
  3462. }
  3463. .agileinfo_new_products_grid1 {
  3464. float: none !important;
  3465. width: 100% !important;
  3466. }
  3467. .sliderfig {
  3468. margin: 2em 0 0;
  3469. }
  3470. .w3agile_newsletter_left h3 {
  3471. font-size: 1.7em;
  3472. text-align: center;
  3473. }
  3474. .w3agile_newsletter_left p {
  3475. text-align: center;
  3476. margin: 0.5em 0 2em;
  3477. }
  3478. .w3agile_newsletter_right input[type="submit"] {
  3479. width: 15%;
  3480. }
  3481. .w3agile_newsletter_right input[type="email"] {
  3482. width: 85%;
  3483. }
  3484. .w3agile_newsletter_right {
  3485. width: 80%;
  3486. margin: 0 auto;
  3487. }
  3488. .w3_footer_grid h3 {
  3489. font-size: 1.3em;
  3490. margin-bottom: 1.2em;
  3491. }
  3492. .w3_footer_grid h3:after {
  3493. width: 7%;
  3494. }
  3495. .w3_footer_grid {
  3496. padding-left: 1em;
  3497. float: left;
  3498. width: 50%;
  3499. }
  3500. .w3_footer_grid:nth-child(2) {
  3501. margin-bottom: 7em;
  3502. }
  3503. .footer-copy-pos {
  3504. right: 14%;
  3505. }
  3506. .footer-copy p {
  3507. margin: 3em 0 0;
  3508. }
  3509. .footer {
  3510. padding: 3em 0;
  3511. }
  3512. .banner.banner1, .banner.banner2, .banner.banner3 {
  3513. min-height: 225px;
  3514. }
  3515. .banner1 h2, .banner2 h2, .banner3 h2 {
  3516. font-size: 1.4em;
  3517. }
  3518. .w3ls_mobiles_grid_left_grid h3 {
  3519. padding-left: 3.5em;
  3520. }
  3521. .mobiles_img_hover img {
  3522. margin: 0 auto;
  3523. }
  3524. .mobiles_img_hover_pos {
  3525. right: 26%;
  3526. }
  3527. .w3ls_mobiles_grid_right {
  3528. margin: 2em 0 0;
  3529. }
  3530. .w3ls_mobiles_grid_right_left {
  3531. padding-left: 1em;
  3532. width: 63%;
  3533. margin: 0 auto;
  3534. }
  3535. .w3ls_mobiles_grid_right_left:nth-child(2) {
  3536. margin: 2em auto 0;
  3537. }
  3538. .mobiles_grid {
  3539. float: none !important;
  3540. width: 100% !important;
  3541. }
  3542. .dropdown-menu.columns-3 {
  3543. min-width: 800px;
  3544. }
  3545. ul.multi-column-dropdown h6 {
  3546. font-size: 1.4em;
  3547. }
  3548. .w3ls_mobiles_grid_left_grid_sub {
  3549. width: 62%;
  3550. }
  3551. .agileinfo_new_products_grid_mobiles {
  3552. width: 33.33% !important;
  3553. }
  3554. .w3_hs_bottom_sub1 ul {
  3555. padding: 7em 0 0 !important;
  3556. }
  3557. .w3l_related_products h3:before {
  3558. left: 16% !important;
  3559. }
  3560. .flex_ecommerce {
  3561. padding: 6em 0 0 !important;
  3562. }
  3563. .banner10 h2 {
  3564. font-size: 2.5em;
  3565. }
  3566. .banner.banner10 {
  3567. min-height: 225px;
  3568. }
  3569. .imagezoom-view {
  3570. display: none;
  3571. }
  3572. .single-right {
  3573. margin: 2em 0 0;
  3574. }
  3575. .additional_info_sub_grid_rightr {
  3576. width: 25%;
  3577. }
  3578. .additional_info_sub_grid_rightl {
  3579. width: 75%;
  3580. }
  3581. .review_grids form {
  3582. width: 100%;
  3583. }
  3584. .review_grids input[type="text"], .review_grids input[type="email"], .review_grids textarea {
  3585. width: 48.6%;
  3586. }
  3587. #flexiselDemo2 {
  3588. margin: 2em 0 0;
  3589. }
  3590. .agile_ecommerce_tab_left h5 a {
  3591. font-size: 1.1em;
  3592. }
  3593. .banner3 {
  3594. background-position: -60px 0px;
  3595. }
  3596. .banner6 {
  3597. background-position: -70px 0px;
  3598. }
  3599. .banner7 {
  3600. background-position: -70px 0px;
  3601. }
  3602. .banner9 {
  3603. background-position: 0px 0px;
  3604. }
  3605. .w3l_faq_grids {
  3606. width: 100%;
  3607. }
  3608. .w3ls_about_grid_right {
  3609. margin: 2em 0 0;
  3610. }
  3611. .w3ls_about_grid_right img {
  3612. margin: 0 auto;
  3613. }
  3614. .wthree_team_grid {
  3615. float: left;
  3616. width: 50%;
  3617. }
  3618. .wthree_team_grid:nth-child(2) {
  3619. margin: 0 0 2em;
  3620. }
  3621. .wthree_team_grids p, .team-bottom p {
  3622. width: 100%;
  3623. }
  3624. .team-bottom h3 {
  3625. font-size: 1.44em;
  3626. }
  3627. .contact-left:nth-child(2) {
  3628. margin: 2em 0 0;
  3629. }
  3630. .contact-left input[type="text"], .contact-left input[type="email"] {
  3631. width: 32.84%;
  3632. }
  3633. .value-minus, .value-plus {
  3634. height: 25px;
  3635. width: 25px;
  3636. font-size: 10px;
  3637. margin-right: 0;
  3638. }
  3639. .value {
  3640. width: 25px;
  3641. height: 25px;
  3642. padding: 4px 0px;
  3643. line-height: 15px;
  3644. margin-right: 0;
  3645. }
  3646. .quantity-select .entry.value-minus:before, .quantity-select .entry.value-plus:before {
  3647. width: 6px;
  3648. margin-left: -3px;
  3649. }
  3650. .quantity-select .entry.value-plus:after {
  3651. height: 6px;
  3652. top: 60%;
  3653. margin-top: -5px;
  3654. }
  3655. .quantity-select .entry.value-plus:after {
  3656. left: 52%;
  3657. }
  3658. .entry.value {
  3659. margin-left: 1.1em;
  3660. }
  3661. .entry.value, .entry.value-minus, .entry.value-plus {
  3662. display: block;
  3663. }
  3664. .entry.value-minus, .entry.value-plus {
  3665. margin-left: 1.5em !important;
  3666. }
  3667. .single-left {
  3668. width: 70%;
  3669. margin: 0 auto;
  3670. }
  3671. }
  3672. @media (max-width: 800px) {
  3673. #w3lssbmincart {
  3674. left: 49%;
  3675. width: 370px;
  3676. }
  3677. .modal-dialog {
  3678. width: 740px;
  3679. }
  3680. h3.other-nw {
  3681. margin: 2em 0 2em;
  3682. }
  3683. .register input[type="submit"] {
  3684. width: 50%;
  3685. font-size: 14px;
  3686. }
  3687. .banner h3 {
  3688. margin: 7em 0 0;
  3689. }
  3690. .banner {
  3691. min-height: 425px;
  3692. }
  3693. .modal_body_right h4 {
  3694. font-size: 1.2em;
  3695. }
  3696. .modal_body_right p {
  3697. margin: 1em 0;
  3698. }
  3699. .modal_body_right h5 {
  3700. margin: 2em 0 1em;
  3701. }
  3702. .agileinfo_banner_bottom1_grid_left, .agileinfo_banner_bottom1_grid_right {
  3703. min-height: 320px;
  3704. }
  3705. .agileinfo_banner_bottom1_grid_right h4 {
  3706. width: 23%;
  3707. }
  3708. .agileinfo_banner_bottom1_grid_right {
  3709. padding: 6em 0 0;
  3710. }
  3711. .dropdown-menu.columns-3 {
  3712. min-width: 760px;
  3713. }
  3714. .dropdown-menu {
  3715. left: -120%;
  3716. }
  3717. ul.multi-column-dropdown h6 {
  3718. font-size: 1.3em;
  3719. }
  3720. .banner1 h2, .banner2 h2, .banner3 h2, .banner10 h2 {
  3721. padding: 2em 0 0 .5em;
  3722. }
  3723. .w3l_faq_grid h3 {
  3724. font-size: 1.1em;
  3725. margin-bottom: 0.5em;
  3726. }
  3727. .banner.banner10 {
  3728. min-height: 210px;
  3729. }
  3730. .w3agile_special_deals_grid_right_pos {
  3731. left: 23%;
  3732. }
  3733. }
  3734. @media (max-width: 768px) {
  3735. .navbar-nav > li:nth-child(1) {
  3736. margin-left: 3em;
  3737. }
  3738. .w3agile_special_deals_grid_left {
  3739. padding-left: 1em;
  3740. }
  3741. .dropdown-menu.columns-3 {
  3742. min-width: 735px;
  3743. }
  3744. .dropdown-menu {
  3745. left: -100%;
  3746. }
  3747. ul.multi-column-dropdown h6 {
  3748. font-size: 1.2em;
  3749. }
  3750. .banner.banner1, .banner.banner2, .banner.banner3 {
  3751. min-height: 250px;
  3752. }
  3753. .banner1 h2, .banner2 h2, .banner3 h2 {
  3754. padding: 2.5em 0 0 2em;
  3755. }
  3756. .flex_ecommerce {
  3757. padding: 8em 0 0 !important;
  3758. }
  3759. }
  3760. @media (max-width: 767px) {
  3761. .navbar-default .navbar-toggle {
  3762. border-color: #fff;
  3763. }
  3764. .navbar-toggle {
  3765. float: none;
  3766. margin-right: 0;
  3767. }
  3768. .navbar-default .navbar-toggle .icon-bar {
  3769. background-color: #fff;
  3770. }
  3771. .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  3772. background: transparent;
  3773. }
  3774. .navigation {
  3775. margin: 1em 0 0;
  3776. }
  3777. .navbar-nav > li:nth-child(1) {
  3778. margin-left: 0;
  3779. }
  3780. .navbar-nav {
  3781. margin: 0;
  3782. }
  3783. .dropdown-menu.columns-3 {
  3784. min-width: inherit;
  3785. }
  3786. ul.multi-column-dropdown {
  3787. text-align: center;
  3788. width: 50%;
  3789. margin: 0 auto;
  3790. }
  3791. ul.multi-column-dropdown:nth-child(2) {
  3792. margin: 2em 0;
  3793. }
  3794. .w3ls_products_pos img {
  3795. margin: 0 auto;
  3796. width: 35%;
  3797. }
  3798. .col-sm-3:nth-child(2) {
  3799. margin: 3em 0;
  3800. }
  3801. .w3ls_products_pos h4 i {
  3802. text-align: right;
  3803. padding-left: 0;
  3804. padding-right: 3em;
  3805. }
  3806. .navbar-nav > li > a {
  3807. padding: 13px 0px !important;
  3808. }
  3809. .dropdown-menu.columns-3 {
  3810. padding: 30px 0px;
  3811. }
  3812. .w3ls_products_pos h4 {
  3813. padding-right: 3em;
  3814. }
  3815. ul.multi-column-dropdown h6 {
  3816. font-size: 1.5em;
  3817. color: #fff;
  3818. }
  3819. .hidden-xs {
  3820. display: block !important;
  3821. }
  3822. .row {
  3823. margin: 0;
  3824. }
  3825. .multi-column-dropdown li a i {
  3826. margin: 0.8em 0 0;
  3827. }
  3828. .multi-column-dropdown li a {
  3829. color: #fff !important;
  3830. }
  3831. .multi-column-dropdown li a:hover {
  3832. color: #ff5063 !important;
  3833. }
  3834. .multi-column-dropdown li {
  3835. margin: 12px 0;
  3836. }
  3837. li.w3pages .dropdown-menu > li > a {
  3838. text-align: center;
  3839. }
  3840. .navbar-default .navbar-nav .open .dropdown-menu > li > a {
  3841. color: #fff;
  3842. }
  3843. .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  3844. color: #ff5063;
  3845. }
  3846. .nbs-flexisel-item > img {
  3847. width: 60%;
  3848. margin: 0 auto;
  3849. }
  3850. .nbs-flexisel-item {
  3851. padding: 0;
  3852. }
  3853. .banner10 h2 {
  3854. padding: 1.8em 0 0 .5em;
  3855. }
  3856. }
  3857. @media (max-width: 736px) {
  3858. #w3lssbmincart {
  3859. left: 47%;
  3860. width: 353px;
  3861. }
  3862. .w3view-cart {
  3863. right: 5%;
  3864. }
  3865. .modal-dialog {
  3866. width: 705px;
  3867. }
  3868. .nav > li > a {
  3869. padding: 10px 21px;
  3870. }
  3871. .modal-dialog {
  3872. margin: 3em auto 2em;
  3873. }
  3874. .w3l_logo {
  3875. margin-left: 6em;
  3876. }
  3877. .social li {
  3878. height: 2em;
  3879. line-height: 2em;
  3880. margin: .5em;
  3881. width: 2em;
  3882. }
  3883. .social a {
  3884. height: 2em;
  3885. line-height: 2em;
  3886. width: 2em;
  3887. }
  3888. .entypo-facebook:before {
  3889. background: url(../images/img-sp.png) no-repeat -1px -131px;
  3890. width: 2em;
  3891. height: 2em;
  3892. }
  3893. .entypo-dribbble:before {
  3894. background: url(../images/img-sp.png) no-repeat -82px -131px;
  3895. width: 2em;
  3896. height: 2em;
  3897. }
  3898. .entypo-twitter:before {
  3899. background: url(../images/img-sp.png) no-repeat -42px -131px;
  3900. width: 2em;
  3901. height: 2em;
  3902. }
  3903. .entypo-behance:before {
  3904. background: url(../images/img-sp.png) no-repeat -124px -131px;
  3905. width: 2em;
  3906. height: 2em;
  3907. }
  3908. .social {
  3909. height: 2em;
  3910. width: 10.5em;
  3911. }
  3912. .contact-left input[type="text"], .contact-left input[type="email"] {
  3913. width: 32%;
  3914. }
  3915. .modal-body {
  3916. padding: 0em 1em 1em;
  3917. }
  3918. }
  3919. @media (max-width: 667px) {
  3920. .modal-dialog {
  3921. width: 630px;
  3922. }
  3923. .w3l_logo h1 a {
  3924. font-size: .8em;
  3925. }
  3926. .w3l_logo h1 a span {
  3927. letter-spacing: 5px;
  3928. }
  3929. .w3l_logo {
  3930. margin-left: 5em;
  3931. }
  3932. .search_box:checked ~ .search_form {
  3933. width: 440px;
  3934. }
  3935. .search_form input[type='text'] {
  3936. width: 321px;
  3937. }
  3938. .nav > li > a {
  3939. padding: 10px 14px;
  3940. }
  3941. .agile_ecommerce_tabs {
  3942. padding: 1em 0 0;
  3943. }
  3944. .banner h3 {
  3945. width: 55%;
  3946. }
  3947. .w3agile_special_deals_grid_right_pos h5 {
  3948. padding-left: 4em;
  3949. }
  3950. .w3agile_special_deals_grid_right img {
  3951. width: 100%;
  3952. }
  3953. .w3agile_special_deals_grid_right {
  3954. width: 70%;
  3955. }
  3956. }
  3957. @media (max-width: 640px) {
  3958. #w3lssbmincart {
  3959. left: 38%;
  3960. top: 11.5%;
  3961. }
  3962. .modal-title {
  3963. font-size: 1.3em;
  3964. padding-left: 1em;
  3965. }
  3966. .modal-body-sub {
  3967. padding: 2em 1em !important;
  3968. }
  3969. .w3l_logo {
  3970. margin-left: 9em;
  3971. }
  3972. .search {
  3973. float: right;
  3974. }
  3975. .box_1 {
  3976. float: none;
  3977. margin-top: 75px;
  3978. text-align: center;
  3979. }
  3980. a.simpleCart_empty {
  3981. text-align: center;
  3982. }
  3983. .banner h3 {
  3984. width: 50%;
  3985. font-size: 1.2em;
  3986. }
  3987. .banner {
  3988. min-height: 355px;
  3989. }
  3990. .video-img {
  3991. min-height: 300px;
  3992. }
  3993. .video-img a span.glyphicon {
  3994. font-size: 1.5em;
  3995. border: 3px solid #fff;
  3996. width: 60px;
  3997. height: 60px;
  3998. }
  3999. .video-img a {
  4000. margin: 8em 0em 0 16.5em;
  4001. }
  4002. .nav-tabs > li > a {
  4003. font-size: .9em;
  4004. }
  4005. .header {
  4006. padding: 1em 0 0;
  4007. }
  4008. .dropdown-menu.columns-3 {
  4009. min-width: auto;
  4010. }
  4011. .w3_hs_bottom ul, .flex_ecommerce {
  4012. padding: 5em 0 0;
  4013. }
  4014. .agileinfo_banner_bottom1_grid_left {
  4015. background-position: -85px 0px;
  4016. }
  4017. .special-deals h2, .new-products h3, .top-brands h3, .w3l_related_products h3, .team h3, .mail h3, h3.agileits-title {
  4018. font-size: 1.6em;
  4019. }
  4020. .w3agile_special_deals_grid_right {
  4021. width: 72%;
  4022. }
  4023. .banner-bottom, .team, .checkout, .additional_info, .team-bottom, .single, .mail, .special-deals, .about, .faq, .typo, .new-products, .banner-bottom1, .top-brands, .mobiles, .w3l_related_products {
  4024. padding: 2em 0;
  4025. }
  4026. .w3_hs_bottom_sub ul {
  4027. padding: 9em 0 0 !important;
  4028. }
  4029. .w3agile_newsletter_right input[type="email"] {
  4030. width: 83%;
  4031. }
  4032. .w3agile_newsletter_right {
  4033. width: 90%;
  4034. }
  4035. .w3agile_newsletter_right input[type="submit"] {
  4036. width: 17%;
  4037. }
  4038. .w3_footer_grid h3:after {
  4039. width: 25%;
  4040. }
  4041. .w3_footer_grid:nth-child(2) {
  4042. margin-bottom: 6em;
  4043. }
  4044. .footer-copy-pos {
  4045. right: 4%;
  4046. }
  4047. .w3ls_mobiles_grid_right_left {
  4048. width: 77%;
  4049. }
  4050. select.select_item {
  4051. width: 100%;
  4052. }
  4053. .w3ls_mobiles_grid_right_grid2_right {
  4054. width: 40%;
  4055. }
  4056. .agileinfo_new_products_grid_mobiles:nth-child(2) {
  4057. margin-bottom: 0;
  4058. }
  4059. .w3_hs_bottom_sub1 ul {
  4060. padding: 6.5em 0 0 !important;
  4061. }
  4062. .flex_ecommerce {
  4063. padding: 10em 0 0 !important;
  4064. }
  4065. .review_grids input[type="text"], .review_grids input[type="email"], .review_grids textarea {
  4066. width: 48.2%;
  4067. }
  4068. .banner10 h2 {
  4069. font-size: 2em;
  4070. }
  4071. .banner.banner10 {
  4072. min-height: 160px;
  4073. }
  4074. .modal-dialog {
  4075. width: 595px;
  4076. }
  4077. .banner7 {
  4078. background-position: -165px 0px;
  4079. }
  4080. .team-bottom h3 {
  4081. font-size: 1.3em;
  4082. }
  4083. .agile_mail_grids {
  4084. margin: 2em 0 0;
  4085. }
  4086. .contact-left input[type="text"], .contact-left input[type="email"] {
  4087. width: 32.7%;
  4088. }
  4089. .modal_body_left {
  4090. float: none;
  4091. width: 100%;
  4092. }
  4093. .modal_body_left img {
  4094. margin: 0 auto;
  4095. }
  4096. .modal_body_right {
  4097. float: none;
  4098. width: 100%;
  4099. margin: 2em 0 0;
  4100. }
  4101. .modal_body_left1 {
  4102. float: left !important;
  4103. }
  4104. .modal_body_right1 {
  4105. float: right !important;
  4106. }
  4107. .w3l_faq_grid h3 {
  4108. font-size: 1.19em;
  4109. }
  4110. .w3ls_about_grid_right {
  4111. margin: 1em 0 0;
  4112. }
  4113. .special-deals h2:before, .new-products h3:before, .top-brands h3:before, .w3l_related_products h3:before, .team h3:before, .mail h3:before, h3.agileits-title:before {
  4114. left: 18%;
  4115. }
  4116. .mail h3:before {
  4117. left: 25% !important;
  4118. }
  4119. .modal_body_left img {
  4120. width: 40%;
  4121. }
  4122. .w3view-cart {
  4123. right: 14%;
  4124. margin-top: -3.4em;
  4125. width: 40px;
  4126. height: 40px;
  4127. }
  4128. .w3view-cart i.fa {
  4129. font-size: 1.3em;
  4130. }
  4131. .box_1 {
  4132. margin-top: 65px;
  4133. }
  4134. .contact-bottom iframe {
  4135. min-height: 200px;
  4136. }
  4137. .contact-left textarea {
  4138. min-height: 150px;
  4139. }
  4140. .agileinfo_new_products_grid {
  4141. width: 50%;
  4142. margin-bottom: 2em;
  4143. }
  4144. .agile_ecommerce_tab_left h5 {
  4145. margin: 1em 0 0;
  4146. }
  4147. }
  4148. @media (max-width: 600px) {
  4149. .modal-dialog {
  4150. width: 560px;
  4151. }
  4152. .social {
  4153. width: 9.5em;
  4154. }
  4155. .register input[type="submit"] {
  4156. width: 70%;
  4157. }
  4158. .nav > li > a {
  4159. padding: 10px 11px;
  4160. }
  4161. .banner h3 {
  4162. width: 55%;
  4163. }
  4164. .w3l_logo {
  4165. margin-left: 6em;
  4166. }
  4167. .w3l_login a {
  4168. width: 40px;
  4169. height: 40px;
  4170. margin-top: 1em;
  4171. }
  4172. .w3l_login a span {
  4173. top: 0.9em;
  4174. }
  4175. .banner.banner1, .banner.banner2, .banner.banner3 {
  4176. min-height: 225px;
  4177. }
  4178. .banner1 h2 span, .banner2 h2 span, .banner3 h2 span {
  4179. margin: .5em 0 0.5em 4em;
  4180. }
  4181. .contact-left input[type="text"], .contact-left input[type="email"] {
  4182. width: 32.6%;
  4183. }
  4184. .agileinfo_new_products_grid_mobiles {
  4185. padding: 0 .5em;
  4186. }
  4187. }
  4188. @media (max-width: 568px) {
  4189. #w3lssbmincart {
  4190. left: 32%;
  4191. }
  4192. .modal-dialog {
  4193. width: 535px;
  4194. }
  4195. .resp-tab-item {
  4196. padding: 5px 28px;
  4197. }
  4198. .modal_body_left1 {
  4199. padding-right: 2em !important;
  4200. }
  4201. .social li {
  4202. margin: .3em;
  4203. }
  4204. .w3l_logo {
  4205. margin-left: 6em;
  4206. }
  4207. .search {
  4208. margin: 0.7em 0 0 0;
  4209. }
  4210. .w3agile_special_deals_grid_right {
  4211. width: 82%;
  4212. }
  4213. .nav > li > a {
  4214. padding: 6px 8px;
  4215. }
  4216. .simpleCart_shelfItem p a {
  4217. padding: .5em 1.9em;
  4218. }
  4219. }
  4220. @media (max-width: 480px) {
  4221. #w3lssbmincart {
  4222. left: 21%;
  4223. width: 338px;
  4224. top: 24.5%;
  4225. }
  4226. #w3lssbmincart .sbmincart-closer {
  4227. margin: -15px -8px 0;
  4228. padding: 0 10px;
  4229. font-size: 20px;
  4230. }
  4231. #w3lssbmincart ul {
  4232. padding: 0.5em;
  4233. margin: 5px 0 15px;
  4234. }
  4235. #w3lssbmincart form {
  4236. padding: 1em 1em .7em;
  4237. }
  4238. #w3lssbmincart form ul {
  4239. max-height: 250px;
  4240. }
  4241. #w3lssbmincart .sbmincart-item {
  4242. font-size: 0.9em;
  4243. }
  4244. #w3lssbmincart .sbmincart-remove {
  4245. height: 18px;
  4246. font-size: 13px;
  4247. }
  4248. #w3lssbmincart .sbmincart-subtotal {
  4249. font-size: 15px;
  4250. }
  4251. .search {
  4252. margin: 0.9em 0 0 0;
  4253. }
  4254. .w3view-cart {
  4255. margin-top: 1.3em;
  4256. right: 11%;
  4257. }
  4258. .w3l_logo h1 a {
  4259. font-size: .7em;
  4260. }
  4261. .modal-dialog {
  4262. width: 435px;
  4263. }
  4264. .modal_body_left1 {
  4265. float: none !important;
  4266. width: 100% !important;
  4267. }
  4268. .hidden-xs {
  4269. display: none !important;
  4270. }
  4271. .modal_body_left1 {
  4272. padding-right: 2em !important;
  4273. border-right: none !important;
  4274. padding-bottom: 2em;
  4275. border-bottom: 1px dotted #C2C2C2;
  4276. }
  4277. h3.other-nw {
  4278. margin: 0em 0 2em;
  4279. text-align: center;
  4280. }
  4281. .social li {
  4282. margin: .5em;
  4283. }
  4284. .modal_body_right1 {
  4285. float: none !important;
  4286. width: 100% !important;
  4287. text-align: center;
  4288. }
  4289. .banner h3 {
  4290. width: 70%;
  4291. }
  4292. .w3l_logo {
  4293. margin-left: 4em;
  4294. }
  4295. .video-img a {
  4296. margin: 8em 0em 0 11.5em;
  4297. }
  4298. .nav-tabs > li {
  4299. float: none;
  4300. text-align: center;
  4301. }
  4302. .nav-tabs > li > a {
  4303. background: #f5f5f5;
  4304. }
  4305. .agile_ecommerce_tab_left {
  4306. float: none;
  4307. width: 100%;
  4308. }
  4309. .agile_ecommerce_tab_left:nth-child(2) {
  4310. margin: 2em 0;
  4311. }
  4312. .w3_hs_bottom ul, .flex_ecommerce {
  4313. padding: 7em 0 0;
  4314. }
  4315. .wthree_banner_bottom_right {
  4316. margin: 2em 0 0;
  4317. }
  4318. .agileinfo_banner_bottom1_grid_left {
  4319. min-height: 240px;
  4320. }
  4321. .agileinfo_banner_bottom1_grid_left h3 span {
  4322. font-size: 2em;
  4323. }
  4324. .agileinfo_banner_bottom1_grid_left {
  4325. padding: 3em 2em 0 0;
  4326. }
  4327. .agileinfo_banner_bottom1_grid_right h4 {
  4328. width: 30%;
  4329. }
  4330. .special-deals h2:before, .new-products h3:before, .top-brands h3:before, .w3l_related_products h3:before, .team h3:before, .mail h3:before, h3.agileits-title:before {
  4331. left: 7%;
  4332. width: 20%;
  4333. }
  4334. .special-deals h2:after, .new-products h3:after, .top-brands h3:after, .w3l_related_products h3:after, .team h3:after, .mail h3:after, h3.agileits-title:after {
  4335. right: 36%;
  4336. width: 20%;
  4337. }
  4338. .w3agile_special_deals_grids, .agileinfo_new_products_grids {
  4339. margin: 1em 0 0;
  4340. }
  4341. .w3agile_special_deals_grid_left_grid_pos h4 {
  4342. font-size: 1.5em;
  4343. }
  4344. .wmuSliderPagination {
  4345. left: 44%;
  4346. }
  4347. .w3agile_special_deals_grid_right {
  4348. width: 100%;
  4349. }
  4350. .agileinfo_new_products_grid {
  4351. width: 100%;
  4352. float: none;
  4353. }
  4354. .agile_ecommerce_tab_left h5 {
  4355. margin: 1.5em 0 0;
  4356. }
  4357. .agileinfo_new_products_grid:nth-child(2) {
  4358. margin: 2em 0;
  4359. }
  4360. .w3agile_newsletter_left h3 {
  4361. font-size: 1.5em;
  4362. }
  4363. .newsletter {
  4364. padding: 2em 0;
  4365. }
  4366. .w3agile_newsletter_right {
  4367. width: 100%;
  4368. }
  4369. .w3agile_newsletter_right input[type="submit"] {
  4370. width: 18%;
  4371. }
  4372. .w3agile_newsletter_right input[type="email"] {
  4373. width: 82%;
  4374. }
  4375. .w3_footer_grid h3 {
  4376. font-size: 1.2em;
  4377. }
  4378. .w3_footer_grid {
  4379. float: none;
  4380. width: 100%;
  4381. }
  4382. .agileinfo_new_products_grid:nth-child(3) {
  4383. margin: 0 0 2em;
  4384. }
  4385. .w3_footer_grid:nth-child(2) {
  4386. margin: 2em 0;
  4387. }
  4388. .w3_footer_grid:nth-child(3) {
  4389. margin: 0em 0 2em;
  4390. }
  4391. .w3_footer_grid h3 {
  4392. margin-bottom: 1em;
  4393. }
  4394. ul.multi-column-dropdown h6 {
  4395. font-size: 1.3em;
  4396. }
  4397. ul.multi-column-dropdown {
  4398. width: 70%;
  4399. }
  4400. .banner1 h2, .banner2 h2, .banner3 h2 {
  4401. padding: 2em 0 0 1em;
  4402. font-size: 1.2em;
  4403. }
  4404. .banner.banner1, .banner.banner2, .banner.banner3 {
  4405. min-height: 190px;
  4406. }
  4407. .nbs-flexisel-item > img {
  4408. margin: 0 auto;
  4409. }
  4410. .w3ls_mobiles_grid_left_grid h3 {
  4411. font-size: 1.3em;
  4412. }
  4413. .w3ls_mobiles_grid_left_grid h3:before {
  4414. width: 16%;
  4415. }
  4416. .w3ls_mobiles_grid_left_grid_sub {
  4417. padding: 1em 1.5em 1em;
  4418. }
  4419. .mobiles_img_hover_pos {
  4420. right: 11%;
  4421. }
  4422. .w3ls_mobiles_grid_right_left {
  4423. width: 100%;
  4424. }
  4425. .agileinfo_new_products_grid_mobiles {
  4426. width: 100% !important;
  4427. }
  4428. .mobiles_grid_pos {
  4429. right: 26%;
  4430. }
  4431. .w3_hs_bottom_sub1 ul {
  4432. padding: 7.5em 0 0 !important;
  4433. }
  4434. .w3ls_mobiles_grid_right_grid3:nth-child(6) {
  4435. margin: 0;
  4436. }
  4437. .w3l_related_products h3:before {
  4438. left: 3% !important;
  4439. }
  4440. #flexiselDemo2 {
  4441. margin: 1em 0 0;
  4442. }
  4443. .single-right h3, .additional_info_grid h3, .review_grids h5 {
  4444. font-size: 1.3em;
  4445. }
  4446. /*.color-quality-right {*/
  4447. /*margin-left: 4em;*/
  4448. /*}*/
  4449. .occasional {
  4450. margin: 2em 0;
  4451. }
  4452. .additional_info_grid {
  4453. padding: 1em;
  4454. }
  4455. .additional_info_sub_grid_rightl {
  4456. width: 100%;
  4457. float: none;
  4458. }
  4459. .additional_info_sub_grid_left {
  4460. padding: 0;
  4461. }
  4462. .additional_info_sub_grid_rightr {
  4463. width: 100%;
  4464. float: none;
  4465. margin: 1em 0 0;
  4466. }
  4467. .review_grids input[type="text"], .review_grids input[type="email"], .review_grids textarea {
  4468. width: 100%;
  4469. }
  4470. .review_grids input[type="email"] {
  4471. margin: 1em 0 0;
  4472. }
  4473. .banner3 {
  4474. background-position: -80px 0px;
  4475. }
  4476. .banner6 {
  4477. background-position: -100px 0px;
  4478. }
  4479. .w3l_faq_grid h3 {
  4480. font-size: 1em;
  4481. }
  4482. .mail h3:before {
  4483. left: 15% !important;
  4484. }
  4485. .agile_mail_grids {
  4486. margin: 1em 0 0;
  4487. }
  4488. .contact-left h4 {
  4489. font-size: 1.2em;
  4490. }
  4491. .contact-left input[type="text"], .contact-left input[type="email"] {
  4492. width: 100%;
  4493. }
  4494. .contact-left input[type="email"] {
  4495. margin: 1.5em 0;
  4496. }
  4497. .contact-left textarea {
  4498. min-height: 150px;
  4499. }
  4500. .contact-left input[type="submit"] {
  4501. width: 55%;
  4502. }
  4503. .contact-bottom iframe {
  4504. min-height: 200px;
  4505. }
  4506. .timetable_sub th, .timetable_sub td {
  4507. display: block;
  4508. }
  4509. .timetable_sub th {
  4510. border-right: none;
  4511. border-bottom: none;
  4512. }
  4513. tr.rem1, tr.rem2, tr.rem3 {
  4514. border: 1px solid #D7D7D7;
  4515. padding-bottom: 2em;
  4516. display: block;
  4517. border-top: none;
  4518. }
  4519. .timetable_sub td {
  4520. border: none;
  4521. }
  4522. .close1, .close2, .close3 {
  4523. right: 190px;
  4524. top: -4px;
  4525. }
  4526. .timetable_sub th:nth-child(1) {
  4527. border-left: none;
  4528. }
  4529. .checkout-left-basket {
  4530. width: 100%;
  4531. float: none;
  4532. }
  4533. .checkout-right-basket {
  4534. float: none;
  4535. margin: 3em 0 0 0em;
  4536. }
  4537. .checkout-right-basket a {
  4538. padding: 10px 55px;
  4539. }
  4540. .entry.value-minus, .entry.value-plus, .entry.value {
  4541. margin: 0 auto !important;
  4542. }
  4543. .single-left {
  4544. width: 100%;
  4545. }
  4546. .w3agile_special_deals_grid_left_grid_pos1 {
  4547. width: 80px;
  4548. height: 80px;
  4549. }
  4550. .w3agile_special_deals_grid_left_grid_pos1 h5 {
  4551. font-size: 1em;
  4552. padding: 1.5em 0 0;
  4553. }
  4554. .w3agile_special_deals_grid_left_grid_pos {
  4555. top: 35%;
  4556. }
  4557. .agileinfo_banner_bottom1_grid_left, .agileinfo_banner_bottom1_grid_right {
  4558. min-height: 258px;
  4559. }
  4560. .agileinfo_banner_bottom1_grid_right {
  4561. padding: 4em 0 0;
  4562. }
  4563. .banner.banner10 {
  4564. min-height: 145px;
  4565. }
  4566. }
  4567. @media (max-width: 414px) {
  4568. #w3lssbmincart {
  4569. left: 8%;
  4570. }
  4571. p {
  4572. font-size: 13px;
  4573. }
  4574. .modal-dialog {
  4575. width: 390px;
  4576. }
  4577. .w3l_login a {
  4578. width: 35px;
  4579. height: 35px;
  4580. }
  4581. .w3l_login a span {
  4582. top: 0.7em;
  4583. }
  4584. .w3l_logo h1 a {
  4585. font-size: .7em;
  4586. }
  4587. .w3l_logo h1 a span {
  4588. letter-spacing: 3px;
  4589. font-size: .4em;
  4590. }
  4591. .w3l_logo {
  4592. margin-left: 3em;
  4593. }
  4594. .search_box:checked ~ .search_form {
  4595. width: 365px;
  4596. }
  4597. .search_form input[type='text'] {
  4598. width: 246px;
  4599. }
  4600. .banner h3 {
  4601. width: 80%;
  4602. }
  4603. .video-img a {
  4604. margin: 7em 0em 0 8.5em;
  4605. }
  4606. .agileinfo_banner_bottom1_grid_left h3 span {
  4607. font-size: 1.7em;
  4608. }
  4609. .agileinfo_banner_bottom1_grid_left h3 {
  4610. margin-bottom: 2em;
  4611. }
  4612. .agileinfo_banner_bottom1_grid_right {
  4613. min-height: 255px;
  4614. padding: 4.5em 0 0 !important;
  4615. }
  4616. .modal-body {
  4617. padding: 0em 1em 1em;
  4618. }
  4619. .close1, .close2, .close3 {
  4620. right: 160px;
  4621. }
  4622. .w3agile_special_deals_grid_left_grid_pos1 {
  4623. width: 60px;
  4624. height: 60px;
  4625. }
  4626. .w3agile_special_deals_grid_left_grid_pos1 h5 {
  4627. font-size: 1em;
  4628. padding: 1em 0 0;
  4629. }
  4630. .w3agile_special_deals_grid_left_grid_pos h4 {
  4631. font-size: 1.2em;
  4632. }
  4633. .w3agile_special_deals_grid_right_pos h4, .w3agile_special_deals_grid_right_pos h5 {
  4634. font-size: 1.5em;
  4635. }
  4636. .special-deals h2:before, .new-products h3:before, .top-brands h3:before, .w3l_related_products h3:before, .team h3:before, .mail h3:before, h3.agileits-title:before {
  4637. left: 1%;
  4638. }
  4639. .w3agile_newsletter_right input[type="submit"] {
  4640. background-position: 14px -65px;
  4641. }
  4642. .w3ls_mobiles_grid_left_grid_sub {
  4643. width: 80%;
  4644. }
  4645. .w3ls_mobiles_grid_right_grid2_left {
  4646. float: none;
  4647. }
  4648. .w3ls_mobiles_grid_right_grid2_right {
  4649. width: 75%;
  4650. float: none;
  4651. margin: 1em 0 0;
  4652. }
  4653. .w3l_related_products h3:before {
  4654. left: -1% !important;
  4655. }
  4656. td.invert-image a img {
  4657. width: 45%;
  4658. }
  4659. .color-quality-left {
  4660. float: none;
  4661. }
  4662. .color-quality-right {
  4663. float: none;
  4664. margin: 1em 0 0;
  4665. }
  4666. .w3_footer_grid ul li {
  4667. font-size: 13px;
  4668. }
  4669. }
  4670. @media (max-width: 384px) {
  4671. .w3ls_mobiles_grid_right_grid1_pos h3, .w3ls_mobiles_grid_right_grid1_pos1 h3 {
  4672. font-size: 1.3em;
  4673. }
  4674. .w3ls_mobiles_grid_right_grid1_pos1 {
  4675. right: 17%;
  4676. }
  4677. .w3l_login a {
  4678. margin-top: 0em;
  4679. }
  4680. .w3l_logo h1 a {
  4681. font-size: .65em;
  4682. }
  4683. .modal-dialog {
  4684. width: 365px;
  4685. }
  4686. .modal-title {
  4687. font-size: 1.2em;
  4688. padding-left: 0em;
  4689. }
  4690. .modal-body-sub {
  4691. padding: 1em 1em !important;
  4692. }
  4693. .resp-tab-item {
  4694. font-size: 14px;
  4695. }
  4696. .modal_body_left1 {
  4697. padding-right: 0em !important;
  4698. padding-left: 0;
  4699. }
  4700. h3.other-nw {
  4701. margin: 0em 0 1.5em;
  4702. }
  4703. .modal_body_right1 {
  4704. padding-bottom: 2em;
  4705. }
  4706. .box_1 a {
  4707. font-size: 14px;
  4708. }
  4709. .w3l_logo {
  4710. margin-left: 2em;
  4711. }
  4712. .w3l_login {
  4713. margin: .8em 0 0;
  4714. }
  4715. .box_1 {
  4716. margin-top: 60px;
  4717. }
  4718. .banner h3 {
  4719. font-size: 1em;
  4720. }
  4721. .banner {
  4722. min-height: 310px;
  4723. }
  4724. .search_box:checked ~ .search_form {
  4725. width: 340px;
  4726. }
  4727. .search_form input[type='text'] {
  4728. width: 221px;
  4729. }
  4730. .banner1 h2, .banner2 h2, .banner3 h2 {
  4731. font-size: 1em;
  4732. }
  4733. .banner.banner1, .banner.banner2, .banner.banner3 {
  4734. min-height: 150px;
  4735. }
  4736. .special-deals h2, .new-products h3, .top-brands h3, .w3l_related_products h3, .team h3, .mail h3, h3.agileits-title {
  4737. font-size: 1.4em;
  4738. }
  4739. .color-quality-left {
  4740. float: none;
  4741. margin-bottom: 1em;
  4742. }
  4743. .color-quality-right {
  4744. margin-left: 0;
  4745. float: none;
  4746. }
  4747. .resp-tab-item {
  4748. padding: 5px 21px;
  4749. }
  4750. .review_grids input[type="submit"] {
  4751. font-size: 14px;
  4752. width: 100%;
  4753. }
  4754. .banner7 {
  4755. background-position: -75px 0px;
  4756. }
  4757. .checkout h3 {
  4758. margin: 0 0 2em;
  4759. line-height: 1.5em;
  4760. }
  4761. .banner10 h2 {
  4762. font-size: 1.5em;
  4763. }
  4764. .banner.banner10 {
  4765. min-height: 140px;
  4766. }
  4767. .wthree_team_grid {
  4768. float: none;
  4769. width: 100%;
  4770. }
  4771. .wthree_team_grid:nth-child(2) {
  4772. margin: 2em 0;
  4773. }
  4774. .wthree_team_grid:nth-child(4) {
  4775. margin: 2em 0 0;
  4776. }
  4777. .navbar-nav > li > a {
  4778. font-size: 13px;
  4779. }
  4780. .navbar-nav > li > a {
  4781. padding: 10px 0px !important;
  4782. }
  4783. .team-bottom h3 {
  4784. font-size: 1.1em;
  4785. }
  4786. .team-bottom p {
  4787. margin: 1.5em auto 2em;
  4788. }
  4789. .contact-left {
  4790. padding: 0;
  4791. }
  4792. .close1, .close2, .close3 {
  4793. right: 145px;
  4794. }
  4795. }
  4796. @media (max-width: 375px) {
  4797. #w3lssbmincart .sbmincart-item a {
  4798. font-size: 0.9em;
  4799. }
  4800. #w3lssbmincart {
  4801. left: 3%;
  4802. width: 336px;
  4803. }
  4804. .modal-dialog {
  4805. width: 290px;
  4806. }
  4807. .wthree_banner_bottom_left, .w3ls_about_grid_left, .wthree_banner_bottom_right, .w3agile_special_deals_grid_left, .w3agile_special_deals_grid_right, .w3agile_newsletter_right, .w3agile_newsletter_left {
  4808. padding: 0;
  4809. }
  4810. .agileinfo_banner_bottom1_grid_left {
  4811. min-height: 185px;
  4812. }
  4813. .agileinfo_banner_bottom1_grid_right h4 {
  4814. width: 40%;
  4815. }
  4816. ul.multi-column-dropdown h6 {
  4817. font-size: 1.1em;
  4818. }
  4819. ul.multi-column-dropdown {
  4820. width: 100%;
  4821. }
  4822. .modal_body_right h4 {
  4823. font-size: 1.2em;
  4824. line-height: 1.5em;
  4825. }
  4826. .modal-body {
  4827. padding: 0em 1em 2em;
  4828. }
  4829. .close1, .close2, .close3 {
  4830. right: 139px;
  4831. }
  4832. .resp-tab-item {
  4833. padding: 5px 19px;
  4834. }
  4835. .review_grids {
  4836. margin: 0.5em 0 0;
  4837. }
  4838. .banner.banner10 {
  4839. min-height: 105px;
  4840. }
  4841. .banner1 h2, .banner2 h2, .banner3 h2 {
  4842. letter-spacing: 1px;
  4843. }
  4844. .single-right h3, .additional_info_grid h3, .review_grids h5 {
  4845. font-size: 1.1em;
  4846. }
  4847. .description {
  4848. margin: 1em 0;
  4849. }
  4850. .rating1 {
  4851. margin-bottom: 1em;
  4852. }
  4853. }
  4854. @media (max-width: 320px) {
  4855. .header {
  4856. padding: 0.4em 0 0;
  4857. }
  4858. label.icon-search span {
  4859. font-size: 0.89em;
  4860. }
  4861. .w3l_logo h1 a span {
  4862. letter-spacing: 2px;
  4863. }
  4864. .w3l_logo {
  4865. margin-left: 1.5em;
  4866. }
  4867. .modal-dialog {
  4868. margin: 2em auto;
  4869. }
  4870. #w3lssbmincart {
  4871. width: 290px;
  4872. }
  4873. .register input[type="text"], .checkout-left-basket ul li, .agileinfo_banner_bottom1_grid_left h3, .search_form input[type='text'], .register input[type="email"], .register input[type="password"] {
  4874. font-size: 13px;
  4875. }
  4876. .checkout-left-basket h4 {
  4877. font-size: 1em;
  4878. }
  4879. div#horizontalTab ul {
  4880. padding-bottom: 0.5em;
  4881. }
  4882. .register input[type="submit"] {
  4883. width: 100%;
  4884. margin: 1em 0 0;
  4885. }
  4886. .modal_body_right {
  4887. margin: 1em 0 2em;
  4888. }
  4889. h3.other-nw {
  4890. font-size: 1em;
  4891. }
  4892. .modal_body_left1 {
  4893. padding-bottom: 1em;
  4894. }
  4895. .social {
  4896. width: 10.5em;
  4897. }
  4898. .modal_body_right1 {
  4899. padding-bottom: 0em;
  4900. }
  4901. .w3l_logo h1 a {
  4902. font-size: .55em;
  4903. }
  4904. .box_1 {
  4905. margin-top: 25px;
  4906. float: left;
  4907. }
  4908. .search {
  4909. margin: 0.7em 0 0 0;
  4910. }
  4911. .search_box:checked ~ .search_form {
  4912. width: 286px;
  4913. }
  4914. .search_form input[type='submit'] {
  4915. font-size: 13px;
  4916. padding: 10px 15px;
  4917. }
  4918. .search_form input[type='text'] {
  4919. width: 196px;
  4920. }
  4921. .banner h3 {
  4922. margin: 6em 0 0;
  4923. font-size: 0.9em;
  4924. }
  4925. .banner {
  4926. min-height: 246px;
  4927. }
  4928. .video-img a {
  4929. margin: 7em 0em 0 6.5em;
  4930. }
  4931. .agileinfo_banner_bottom1_grid_left {
  4932. padding: 2em 1em 0 0;
  4933. }
  4934. .agileinfo_banner_bottom1_grid_right h4 {
  4935. width: 50%;
  4936. margin-bottom: 1em;
  4937. }
  4938. .agileinfo_banner_bottom1_grid_right {
  4939. min-height: 215px;
  4940. padding: 3.5em 0 0 !important;
  4941. }
  4942. .w3agile_special_deals_grid_right_pos h4, .w3agile_special_deals_grid_right_pos h5 {
  4943. font-size: 1.3em;
  4944. }
  4945. .modal_body_right p {
  4946. font-size: 13px !important;
  4947. }
  4948. .modal_body_right h4 {
  4949. font-size: 1.1em;
  4950. }
  4951. .sliderfig {
  4952. margin: 1em 0 0;
  4953. }
  4954. .w3_footer_grid {
  4955. padding: 0;
  4956. }
  4957. .wmuSliderPagination {
  4958. left: 41%;
  4959. }
  4960. .agileinfo_banner_bottom1_grid_left a, .team-bottom a {
  4961. font-size: 14px;
  4962. background: url(../images/img-sp.png) no-repeat 93px -5px;
  4963. }
  4964. .agileinfo_banner_bottom1_grid_left a:hover, .team-bottom a:hover {
  4965. background: url(../images/img-sp.png) no-repeat 93px -39px;
  4966. }
  4967. .top-brands img {
  4968. width: 60%;
  4969. }
  4970. .w3agile_newsletter_right input[type="submit"] {
  4971. background-position: 9px -65px;
  4972. }
  4973. .w3_footer_grid ul li, .contact-left ul li, .contact-left input[type="text"], .contact-left input[type="email"], .contact-left textarea, .occasional label, .review_grids input[type="text"], .review_grids input[type="email"], .review_grids textarea, .breadcrumb_dress ul li, .panel-body ul li a, .ecommerce_color ul li a, select.select_item, .color-quality ul li a {
  4974. font-size: 13px;
  4975. }
  4976. .w3_footer_grid h3 {
  4977. font-size: 1em;
  4978. }
  4979. .footer {
  4980. padding: 2em 0;
  4981. }
  4982. .dropdown-menu.columns-3 {
  4983. padding: 10px 0px;
  4984. }
  4985. .banner1 h2, .banner2 h2, .banner3 h2 {
  4986. font-size: .84em;
  4987. }
  4988. .banner.banner1, .banner.banner2, .banner.banner3 {
  4989. min-height: 135px;
  4990. }
  4991. .w3ls_mobiles_grid_left_grid h3 {
  4992. font-size: 1.2em;
  4993. padding-left: 3em;
  4994. }
  4995. .w3ls_mobiles_grid_left, .w3ls_mobiles_grid_right_left {
  4996. padding: 0;
  4997. }
  4998. .w3ls_mobiles_grid_left_grid_sub {
  4999. width: 100%;
  5000. }
  5001. .mobiles_img_hover_pos h4 {
  5002. font-size: 1.2em;
  5003. }
  5004. .mobiles_img_hover_pos h4 span {
  5005. width: 55px;
  5006. height: 55px;
  5007. line-height: 3;
  5008. }
  5009. .w3ls_mobiles_grid_right {
  5010. margin: 1em 0 0;
  5011. }
  5012. .w3ls_mobiles_grid_right_left:nth-child(2) {
  5013. margin: 1em auto 0;
  5014. }
  5015. .w3ls_mobiles_grid_right_grid1_pos h3, .w3ls_mobiles_grid_right_grid1_pos1 h3 {
  5016. font-size: 1.2em;
  5017. }
  5018. .w3ls_mobiles_grid_right_grid2_left h3 {
  5019. font-size: 1em;
  5020. }
  5021. .modal-body {
  5022. padding: 0em 1em 0em;
  5023. }
  5024. .special-deals h2, .new-products h3, .top-brands h3, .w3l_related_products h3, .team h3, .mail h3, h3.agileits-title {
  5025. font-size: 1.2em;
  5026. }
  5027. .single-right h3, .additional_info_grid h3, .review_grids h5 {
  5028. font-size: 1.1em;
  5029. }
  5030. .single-right {
  5031. padding: 0;
  5032. }
  5033. .description h5 {
  5034. font-size: .9em;
  5035. }
  5036. .color-quality-left h5, .color-quality-right h5, .occasional h5 {
  5037. font-size: .8em;
  5038. }
  5039. .w3l_faq_grid h3 {
  5040. font-size: .9em;
  5041. }
  5042. .wthree_team_grids p {
  5043. margin: 2em auto 0;
  5044. }
  5045. .team-bottom h3 {
  5046. font-size: 1em;
  5047. }
  5048. .faq {
  5049. padding: 2em 0 0;
  5050. }
  5051. .grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
  5052. font-size: 1.2em;
  5053. }
  5054. .contact-left input[type="submit"] {
  5055. width: 100%;
  5056. font-size: 14px;
  5057. }
  5058. .close1, .close2, .close3 {
  5059. right: 111px;
  5060. }
  5061. .additional_info {
  5062. padding: 1em 0;
  5063. }
  5064. .resp-tab-item {
  5065. font-size: 13px;
  5066. }
  5067. .single-right h3, .additional_info_grid h3, .review_grids h5 {
  5068. font-size: 1em;
  5069. }
  5070. .w3view-cart {
  5071. margin-top: 2.9em;
  5072. right: 6%;
  5073. }
  5074. .video-img {
  5075. min-height: 200px;
  5076. }
  5077. .video-img a {
  5078. margin: 4em 0em 0 7em;
  5079. }
  5080. .w3agile_special_deals_grid_right_pos {
  5081. left: 10%;
  5082. }
  5083. #w3lssbmincart .sbmincart-subtotal {
  5084. font-size: 13px;
  5085. }
  5086. #w3lssbmincart .sbmincart-submit {
  5087. font-size: 0.8em;
  5088. }
  5089. #w3lssbmincart ul {
  5090. margin: 5px 0 10px;
  5091. }
  5092. .w3l_faq_grid {
  5093. margin-bottom: 1em;
  5094. }
  5095. }
  5096. .marquee{ height: 300px; overflow: hidden;padding: 10px;}
  5097. .marquee li{list-style: none;padding-top: 5px;border-bottom: 1px solid #ccc;font-size: 14px;}
  5098. .marquee ul{margin: 0;padding: 0;}
  5099. .marquee li img{height: 50px;width: auto;position: relative;z-index: 100;}
  5100. .marquee li p{margin-bottom: 0;}
  5101. .reviewStar.size0{display:inline-block;background-image:url(../images/review_0.png);-webkit-background-size:46px 58px;background-size:46px 58px;width:46px;height:8px}
  5102. .reviewStar.size0.star0{background-position:0 0}
  5103. .reviewStar.size0.star1{background-position:0 -10px}
  5104. .reviewStar.size0.star2{background-position:0 -20px}
  5105. .reviewStar.size0.star3{background-position:0 -30px}
  5106. .reviewStar.size0.star4{background-position:0 -40px}
  5107. .reviewStar.size0.star5{background-position:0 -50px}
  5108. .reviewStar.size1{display:inline-block;background-image:url(../images/review_1.png);-webkit-background-size:64px 87px;background-size:64px 87px;width:64px;height:12px}
  5109. .reviewStar.size1.star0{background-position:0 0}
  5110. .reviewStar.size1.star1{background-position:0 -15px}
  5111. .reviewStar.size1.star2{background-position:0 -30px}
  5112. .reviewStar.size1.star3{background-position:0 -45px}
  5113. .reviewStar.size1.star4{background-position:0 -60px}
  5114. .reviewStar.size1.star5{background-position:0 -75px}
  5115. .reviewStar.size2{display:inline-block;background-image:url(../images/review_2.png);-webkit-background-size:93px 117px;background-size:93px 117px;width:93px;height:17px;position:relative;top:3px}
  5116. .reviewStar.size2.star0{background-position:0 0}
  5117. .reviewStar.size2.star1{background-position:0 -20px}
  5118. .reviewStar.size2.star2{background-position:0 -40px}
  5119. .reviewStar.size2.star3{background-position:0 -60px}
  5120. .reviewStar.size2.star4{background-position:0 -80px}
  5121. .reviewStar.size2.star5{background-position:0 -100px}
  5122. .reviewStar.size3{display:inline-block;background-image:url(../img/review_3.png);-webkit-background-size:121px 136px;background-size:121px 136px;width:121px;height:21px}
  5123. .reviewStar.size3.star0{background-position:0 0}
  5124. .reviewStar.size3.star1{background-position:0 -23px}
  5125. .reviewStar.size3.star2{background-position:0 -46px}
  5126. .reviewStar.size3.star3{background-position:0 -69px}
  5127. .reviewStar.size3.star4{background-position:0 -92px}
  5128. .reviewStar.size3.star5{background-position:0 -115px}
  5129. .reviewStar.size4{display:inline-block;background-image:url(../img/review_2.png);-webkit-background-size:93px 117px;background-size:93px 117px;width:17px;height:17px;position:relative;top:3px}
  5130. .reviewStar.size4.star1{background-position:0 -20px}
  5131. .flexbox {
  5132. display: flex;
  5133. display: -webkit-flex;
  5134. display: -ms-flex;
  5135. display: -moz-flex;
  5136. justify-content: space-between
  5137. }
  5138. .timetips {
  5139. padding: 10px 0;
  5140. font-size: 12px;
  5141. color: #aaa;
  5142. }
  5143. .timetips ul {
  5144. width: auto;
  5145. margin: 0 auto
  5146. }
  5147. .timetips ul:after {
  5148. content: " ";
  5149. display: inline-block;
  5150. clear: both
  5151. }
  5152. .timetips li {
  5153. text-align: center;
  5154. line-height: 1;
  5155. overflow: hidden
  5156. }
  5157. .timetips li i.checkout-icons {
  5158. width: 17px;
  5159. vertical-align: middle;
  5160. height: 17px;
  5161. display: inline-block
  5162. }
  5163. .checkout-icons {
  5164. background: url(../images/checkout-icons.png) no-repeat;
  5165. background-size: auto 100%
  5166. }
  5167. .checkout-icons.icon-cod {
  5168. background-position: -61px 0
  5169. }
  5170. .checkout-icons.icon-7day {
  5171. background-position: -10px 0
  5172. }