style.css 72 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171
  1. /*--
  2. Author: W3layouts
  3. Author URL: http://w3layouts.com
  4. License: Creative Commons Attribution 3.0 Unported
  5. License URL: http://creativecommons.org/licenses/by/3.0/
  6. --*/
  7. body{
  8. padding:0;
  9. margin:0;
  10. font-family: 'Merriweather', serif;
  11. background:#f7f7f7;
  12. }
  13. body a{
  14. transition:0.5s all;
  15. -webkit-transition:0.5s all;
  16. -moz-transition:0.5s all;
  17. -o-transition:0.5s all;
  18. -ms-transition:0.5s all;
  19. }
  20. input[type="button"],input[type="submit"]{
  21. transition:0.5s all;
  22. -webkit-transition:0.5s all;
  23. -moz-transition:0.5s all;
  24. -o-transition:0.5s all;
  25. -ms-transition:0.5s all;
  26. }
  27. h1,h2,h3,h4,h5,h6{
  28. margin:0;
  29. }
  30. p{
  31. margin:0;
  32. }
  33. ul{
  34. margin:0;
  35. padding:0;
  36. }
  37. label{
  38. margin:0;
  39. }
  40. /*-----start-header----*/
  41. .top-header{
  42. background:#ecf0f1;
  43. padding:10px 0;
  44. }
  45. .header-left{
  46. float:left;
  47. margin-top: 5px;
  48. }
  49. .header-left ul li{
  50. display:inline-block;
  51. }
  52. .header-left ul li a,.header-right ul li a{
  53. color:#777777;
  54. font-size:15px;
  55. font-weight:600;
  56. font-family: 'Open Sans', sans-serif;
  57. text-decoration:none;
  58. }
  59. .header-right ul li a{
  60. margin-right: 5px;
  61. }
  62. .header-left ul li a:hover,.header-right ul li a:hover{
  63. color:#3498db;
  64. }
  65. .header-right ul li{
  66. display:inline-block;
  67. }
  68. .header-right{
  69. float:right;
  70. position:relative;
  71. }
  72. .sign-up-right a{
  73. position:absolute;
  74. top: 24%;
  75. right: 40.5%;
  76. color: #777777;
  77. font-size: 15px;
  78. font-weight: 600;
  79. font-family: 'Open Sans', sans-serif;
  80. text-decoration: none;
  81. }
  82. .sign-up-right a:hover{
  83. color: #3498db;
  84. }
  85. .header-right ul li.last {
  86. color: #fff;
  87. background: #3498db;
  88. border-radius: 50%;
  89. padding: 3px 10px;
  90. font-size: 16px;
  91. font-weight: 400;
  92. font-family: 'Open Sans', sans-serif;
  93. }
  94. .header-right ul li.login {
  95. padding: 0em 4.5em 0 0;
  96. }
  97. i.user{
  98. width:30px;
  99. height:30px;
  100. background: url('../images/img-sprite.png') no-repeat 0px 2px;
  101. display:inline-block;
  102. cursor:pointer;
  103. vertical-align:bottom;
  104. }
  105. i.lock{
  106. width:30px;
  107. height:30px;
  108. background: url('../images/img-sprite.png') no-repeat -30px 2px;
  109. display:inline-block;
  110. cursor:pointer;
  111. vertical-align:bottom;
  112. }
  113. i.cart{
  114. width:30px;
  115. height:30px;
  116. background: url('../images/img-sprite.png') no-repeat -60px 2px;
  117. display:inline-block;
  118. cursor:pointer;
  119. vertical-align:bottom;
  120. }
  121. .wrap{
  122. width:85%;
  123. margin:0 auto;
  124. }
  125. .logo{
  126. float:left;
  127. }
  128. .search{
  129. float:right;
  130. width: 35%;
  131. }
  132. /*--start-search--*/
  133. .search2 {
  134. position: relative;
  135. background: #fff;
  136. padding: 7px;
  137. width: 100%;
  138. float: right;
  139. margin: 14px 0px 0px 0em;
  140. border: 1px solid #D3CFCF;
  141. }
  142. .search2 input[type="text"] {
  143. outline: none;
  144. color: #777777;
  145. background: none;
  146. font-size: 14px;
  147. border: none;
  148. width: 90%;
  149. float: right;
  150. }
  151. .search2 input[type="submit"] {
  152. background: url('../images/img-sprite.png') no-repeat -90px 0px;
  153. width:30px;
  154. height:30px;
  155. border: none;
  156. cursor: pointer;
  157. position: absolute;
  158. outline: none;
  159. top: 3px;
  160. }
  161. .navigation-strip{
  162. background:#000000;
  163. padding:1.5em;
  164. }
  165. .navigation-strip h4 {
  166. float: left;
  167. color: #fff;
  168. font-size: 1.3em;
  169. font-weight: 300;
  170. margin-top: 5px;
  171. }
  172. .top-menu{
  173. float:right;
  174. }
  175. .top-menu ul li{
  176. display:inline-block;
  177. }
  178. .top-menu ul li a{
  179. text-decoration:none;
  180. color:#fff;
  181. font-size: 14px;
  182. font-weight: 300;
  183. }
  184. /* start menu */
  185. .h_nav h4{
  186. border-bottom: 1px solid rgb(236, 236, 236);
  187. font-size: 1em;
  188. color: #000;
  189. line-height: 1.8em;
  190. text-transform: uppercase;
  191. margin-bottom: 4%;
  192. width: 150%;
  193. }
  194. .h_nav h4.top{
  195. margin-top: 12%;
  196. }
  197. .h_nav ul li{
  198. display: block;
  199. }
  200. .h_nav ul li a{
  201. display: block;
  202. font-size: 0.95em;
  203. color: #555;
  204. text-transform: capitalize;
  205. line-height: 1.8em;
  206. -webkit-transition: all 0.3s ease-in-out;
  207. -moz-transition: all 0.3s ease-in-out;
  208. -o-transition: all 0.3s ease-in-out;
  209. transition: all 0.3s ease-in-out;
  210. line-height: 2.5em;
  211. }
  212. .h_nav ul li a:hover{
  213. color:#00405d;
  214. text-decoration:underline;
  215. }
  216. i.arrow{
  217. width:22px;
  218. height:22px;
  219. background: url('../images/img-sprite.png') no-repeat 0px -30px;
  220. display:inline-block;
  221. cursor:pointer;
  222. vertical-align: middle;
  223. margin-left:20px;
  224. }
  225. .banner {
  226. padding: 0;
  227. }
  228. /*--- slider-css --*/
  229. .slider {
  230. position: relative;
  231. }
  232. .rslides {
  233. position: relative;
  234. list-style: none;
  235. overflow: hidden;
  236. width: 100%;
  237. padding: 0;
  238. margin: 0;
  239. }
  240. .rslides li {
  241. -webkit-backface-visibility: hidden;
  242. position: absolute;
  243. display: none;
  244. width: 100%;
  245. left: 0;
  246. top: 0;
  247. }
  248. .rslides li:first-child {
  249. position: relative;
  250. display: block;
  251. float: left;
  252. }
  253. .rslides img {
  254. display: block;
  255. height: auto;
  256. float: left;
  257. width:100%;
  258. border: 0;
  259. }
  260. .callbacks_tabs a:after {
  261. content: "\f111";
  262. font-size: 0;
  263. font-family: FontAwesome;
  264. visibility: visible;
  265. display: block;
  266. height: 14px;
  267. width: 14px;
  268. display: inline-block;
  269. background:#fff;
  270. border-radius:50%;
  271. }
  272. .callbacks_here a:after{
  273. background:#3498db;
  274. }
  275. .callbacks_tabs a{
  276. visibility:hidden;
  277. }
  278. .callbacks_tabs li{
  279. display:inline-block;
  280. }
  281. ul.callbacks_tabs.callbacks1_tabs {
  282. position: absolute;
  283. bottom: 5%;
  284. z-index: 999;
  285. left: 47%;
  286. }
  287. ul.callbacks_tabs.callbacks2_tabs {
  288. position: absolute;
  289. bottom: 10%;
  290. z-index: 999;
  291. left: 45%;
  292. }
  293. /*-- responsive-mediaquries --*/
  294. @media(max-width:1024px){
  295. }
  296. @media(max-width:768px){
  297. }
  298. @media(max-width:640px){
  299. .callbacks_tabs a:after {
  300. height: 10px;
  301. width: 10px;
  302. }
  303. }
  304. @media(max-width:480px){
  305. .callbacks_tabs a:after {
  306. height:4px;
  307. width: 4px;
  308. }
  309. ul.callbacks_tabs.callbacks1_tabs {
  310. bottom: 10px;
  311. left: 4px;
  312. }
  313. }
  314. @media(max-width:320px){
  315. .callbacks_tabs a:after {
  316. height:4px;
  317. width: 4px;
  318. }
  319. ul.callbacks_tabs.callbacks1_tabs {
  320. bottom: 10px;
  321. left: 4px;
  322. }
  323. }
  324. .right-grid {
  325. border-right: 1px solid #B9B9B9;
  326. padding:0;
  327. background: #fff;
  328. min-height: 449px;
  329. }
  330. .right-grid-top {
  331. padding: 2em;
  332. border-bottom: 1px solid #B9B9B9;
  333. }
  334. .r-sale {
  335. background: #34495e;
  336. float: left;
  337. width: 44%;
  338. padding: 3em 0;
  339. margin-right:4%;
  340. }
  341. .r-discount {
  342. float: right;
  343. width: 52%;
  344. }
  345. .r-sale h6 {
  346. color: #fff;
  347. font-size: 21px;
  348. font-weight: 300;
  349. text-transform: uppercase;
  350. font-family: 'Open Sans', sans-serif;
  351. }
  352. .r-sale h2 {
  353. color: #fff;
  354. font-size: 3.8em;
  355. font-weight: 700;
  356. text-transform: uppercase;
  357. font-family: 'Open Sans', sans-serif;
  358. }
  359. .r-discount span {
  360. background: #666666;
  361. display: block;
  362. padding: 6px 1.5em;
  363. color: #fff;
  364. letter-spacing: 1.8em;
  365. text-transform: uppercase;
  366. font-family: 'Open Sans', sans-serif;
  367. font-size: 18px;
  368. font-weight: 700;
  369. }
  370. .r-discount h2 {
  371. color: #666666;
  372. font-size: 4.5em;
  373. font-weight: 600;
  374. font-family: 'Open Sans', sans-serif;
  375. }
  376. .r-discount p{
  377. color: #666666;
  378. font-size:2em;
  379. font-family: 'Open Sans', sans-serif;
  380. text-transform: uppercase;
  381. }
  382. .r-discount a {
  383. color: #000;
  384. font-size: 1.1em;
  385. font-weight: 700;
  386. text-decoration: none;
  387. text-transform: uppercase;
  388. font-family: 'Open Sans', sans-serif;
  389. }
  390. .r-discount a:hover {
  391. padding-left: 10px;
  392. }
  393. .r-discount a:hover{
  394. color:#3498db;
  395. }
  396. .right-grid-bottom-left h3 {
  397. color: #666666;
  398. font-size: 2.25em;
  399. text-transform: uppercase;
  400. font-family: 'Open Sans', sans-serif;
  401. font-weight:700;
  402. margin-bottom:10px;
  403. }
  404. .right-grid-bottom-left p{
  405. background:#f39c12;
  406. color:#fff;
  407. font-weight:400;
  408. font-family: 'Open Sans', sans-serif;
  409. font-size:15px;
  410. padding:3px 18px;
  411. margin:5px 0;
  412. width:65%;
  413. }
  414. .right-grid-bottom-left h5 {
  415. color: #666666;
  416. font-size: 1.2em;
  417. text-transform: uppercase;
  418. font-family: 'Open Sans', sans-serif;
  419. font-weight:700;
  420. margin:10px 0 4px 0;
  421. }
  422. .right-grid-bottom-left h2{
  423. color: #e74c3c;
  424. font-size: 1.9em;
  425. font-family: 'Open Sans', sans-serif;
  426. font-weight:700;
  427. margin:10px 0;
  428. }
  429. .right-grid-bottom-left a{
  430. color: #000;
  431. font-size: 1.1em;
  432. font-weight: 700;
  433. text-decoration: none;
  434. text-transform: uppercase;
  435. font-family: 'Open Sans', sans-serif;
  436. }
  437. .right-grid-bottom-left a:hover {
  438. padding-left: 10px;
  439. color:#3498db;
  440. }
  441. .right-grid-bottom {
  442. padding: 1.4em 2em;
  443. }
  444. .right-grid-bottom-left{
  445. float:left;
  446. width:70%;
  447. }
  448. .right-grid-bottom-right{
  449. float:right;
  450. width:30%;
  451. }
  452. .right-grid-bottom-right img {
  453. width: 100%;
  454. }
  455. .new-arrivals{
  456. padding:3em 0;
  457. border: 1px solid #B9B9B9;
  458. background:#fff;
  459. }
  460. .product-item img {
  461. width: 100%;
  462. }
  463. .best-sellers{
  464. background:#000;
  465. padding: 2.5em 2em;
  466. }
  467. .best-sellers-head{
  468. float:left;
  469. margin-right: 10%;
  470. }
  471. .best-sellers-menu{
  472. float:left;
  473. margin-top: 10px;
  474. }
  475. .best-sellers-menu ul li{
  476. display:inline-block;
  477. margin: 0 2.5em;
  478. }
  479. .best-sellers-head h3 {
  480. color: #fff;
  481. text-transform: uppercase;
  482. font-family: 'Open Sans', sans-serif;
  483. font-size:2.5em;
  484. font-weight:700;
  485. }
  486. .best-sellers-menu ul li a {
  487. color: #fff;
  488. text-decoration: none;
  489. font-size: 1.1em;
  490. text-transform: uppercase;
  491. font-family: 'Open Sans', sans-serif;
  492. font-weight:600;
  493. padding: 10px 20px;
  494. border: 2px solid #000;
  495. }
  496. .best-sellers-menu ul li a.active{
  497. color:#3498db;
  498. border: 2px solid #3498db;
  499. border-radius: 25px;
  500. }
  501. .best-sellers-menu ul li a:hover{
  502. color:#3498db;
  503. border: 2px solid;
  504. border-radius: 25px;
  505. }
  506. .product-item a h3 {
  507. text-transform: uppercase;
  508. font-size: 2.4em;
  509. font-weight: 300;
  510. color: #2980b9;
  511. margin: 18px 0 5px 0;
  512. }
  513. .product-item a{
  514. color: #000;
  515. font-size: 1.1em;
  516. font-weight: 700;
  517. text-decoration: none;
  518. text-transform: uppercase;
  519. font-family: 'Open Sans', sans-serif;
  520. }
  521. .product-item a:hover{
  522. color:#3498db;
  523. }
  524. .new-arrival-head h3{
  525. text-transform: uppercase;
  526. font-size: 3.7em;
  527. font-weight: 300;
  528. line-height:1.3em;
  529. color: #000;
  530. margin:0.6em 0 1.5em 0;
  531. font-family: 'Open Sans', sans-serif;
  532. }
  533. .new-arrival-head a{
  534. color: #000;
  535. font-size: 1.1em;
  536. font-weight: 700;
  537. text-decoration: none;
  538. text-transform: uppercase;
  539. font-family: 'Open Sans', sans-serif;
  540. padding: 9px 27px;
  541. border: 2px solid #000;
  542. border-radius: 25px;
  543. z-index:1;
  544. }
  545. .new-arrival-head a:hover{
  546. border-radius:0;
  547. }
  548. /* General button style (reset) */
  549. .btn {
  550. border: none;
  551. font-family: inherit;
  552. font-size: inherit;
  553. color: inherit;
  554. background: none;
  555. cursor: pointer;
  556. display: inline-block;
  557. text-transform: uppercase;
  558. letter-spacing: 1px;
  559. font-weight: 700;
  560. outline: none;
  561. position: relative;
  562. -webkit-transition: all 0.3s;
  563. -moz-transition: all 0.3s;
  564. transition: all 0.3s;
  565. }
  566. .btn:after {
  567. content: '';
  568. position: absolute;
  569. z-index: -1;
  570. -webkit-transition: all 0.3s;
  571. -moz-transition: all 0.3s;
  572. transition: all 0.3s;
  573. }
  574. /* Button 1d */
  575. .btn-1d {
  576. overflow: hidden;
  577. }
  578. .btn-1d:after {
  579. width: 0;
  580. height: 103%;
  581. top: 50%;
  582. left: 50%;
  583. background: #000;
  584. border-radius:0;
  585. opacity: 0;
  586. -webkit-transform: translateX(-50%) translateY(-50%);
  587. -moz-transform: translateX(-50%) translateY(-50%);
  588. -ms-transform: translateX(-50%) translateY(-50%);
  589. transform: translateX(-50%) translateY(-50%);
  590. }
  591. .btn-1d:hover,
  592. .btn-1d:active {
  593. color: #0e83cd;
  594. }
  595. .btn-1d:hover:after {
  596. width: 90%;
  597. opacity: 1;
  598. }
  599. .btn-1d:active:after {
  600. width: 101%;
  601. opacity: 1;
  602. }
  603. /* Button 1f */
  604. .btn-1f {
  605. overflow: hidden;
  606. }
  607. .btn-1f:after {
  608. width: 101%;
  609. height: 0;
  610. top: 50%;
  611. left: 50%;
  612. background: #fff;
  613. opacity: 0;
  614. -webkit-transform: translateX(-50%) translateY(-50%);
  615. -moz-transform: translateX(-50%) translateY(-50%);
  616. -ms-transform: translateX(-50%) translateY(-50%);
  617. transform: translateX(-50%) translateY(-50%);
  618. }
  619. .btn-1f:hover,
  620. .btn-1f:active {
  621. color: #0e83cd;
  622. }
  623. .btn-1f:hover:after {
  624. height: 75%;
  625. opacity: 1;
  626. }
  627. .btn-1f:active:after {
  628. height: 130%;
  629. opacity: 1;
  630. }
  631. i.go{
  632. width: 20px;
  633. height: 20px;
  634. background: url('../images/img-sprite.png') no-repeat -22px -32px;
  635. display: inline-block;
  636. cursor: pointer;
  637. vertical-align: middle;
  638. margin-left: 7px;
  639. }
  640. .product-item h3 {
  641. text-transform: uppercase;
  642. font-size: 2.4em;
  643. font-weight: 300;
  644. color: #2980b9;
  645. margin: 18px 0 5px 0;
  646. }
  647. /* --#flexiselDemo3 {
  648. display: none;
  649. }-- */
  650. .nbs-flexisel-container {
  651. position: relative;
  652. max-width: 100%;
  653. }
  654. .nbs-flexisel-inner {
  655. overflow: hidden;
  656. margin:3em 0;
  657. }
  658. .nbs-flexisel-item > img {
  659. cursor: pointer;
  660. position: relative;
  661. }
  662. .nbs-flexisel-container {
  663. position: relative;
  664. max-width: 100%;
  665. }
  666. .nbs-flexisel-ul {
  667. position: relative;
  668. width: 9999px;
  669. margin: 0px;
  670. padding: 0px;
  671. list-style-type: none;
  672. text-align: center;
  673. }
  674. .nbs-flexisel-inner {
  675. overflow: hidden;
  676. margin: 0 auto;
  677. width:100%;
  678. background: #FFF;
  679. }
  680. .nbs-flexisel-item {
  681. float: left;
  682. margin:0px;
  683. padding:0px;
  684. cursor: pointer;
  685. position: relative;
  686. display: inline-block;
  687. }
  688. .course_demo{
  689. background: #FFF;
  690. padding: 3% 3% 3% 3%;
  691. }
  692. .course_demo1{
  693. background: #FFF;
  694. padding: 1% 3% 1% 3%;
  695. }
  696. .nbs-flexisel-item img {
  697. width: 45%;
  698. cursor: pointer;
  699. position: relative;
  700. margin-bottom: 0px;
  701. display:inline;
  702. border-radius: 7px;
  703. -webkit-border-radius: 7px;
  704. -moz-border-radius: 7px;
  705. -o-border-radius: 7px;
  706. }
  707. /*** Navigation ***/
  708. .nbs-flexisel-nav-left,
  709. .nbs-flexisel-nav-right {
  710. width:60px;
  711. height:60px;
  712. position: absolute;
  713. cursor: pointer;
  714. z-index: 100;
  715. }
  716. .nbs-flexisel-nav-left {
  717. left: -5em;
  718. background: url(../images/img-sprite.png) 0px -52px no-repeat;
  719. }
  720. .nbs-flexisel-nav-right {
  721. right: -5em;
  722. background: url(../images/img-sprite.png) -60px -52px no-repeat;
  723. }
  724. .client{
  725. width:70%;
  726. margin:0 auto;
  727. }
  728. .client img {
  729. width: 90%;
  730. }
  731. .ipad {
  732. width: 85%;
  733. margin: 0 auto;
  734. border: 1px solid #DDD;
  735. padding: 20px 13px 40px 19px;
  736. }
  737. .ipad h4 {
  738. color: #000000;
  739. text-transform: uppercase;
  740. font-size: 1.3em;
  741. font-weight: 700;
  742. font-family: 'Open Sans', sans-serif;
  743. margin-top:1.5em;
  744. }
  745. .ipad h3 {
  746. color: #3498db;
  747. text-transform: uppercase;
  748. font-size: 1.75em;
  749. font-weight: 700;
  750. font-family: 'Open Sans', sans-serif;
  751. margin: 6px 0 12px 0px;
  752. }
  753. .ipad ul li a {
  754. color: #727272;
  755. text-transform: capitalize;
  756. font-size: 1.1em;
  757. font-weight: 400;
  758. font-family: 'Open Sans', sans-serif;
  759. text-decoration:none;
  760. }
  761. .ipad ul li a:hover {
  762. color: #3498db;
  763. }
  764. i.cart-1 {
  765. width: 20px;
  766. height: 20px;
  767. background: url('../images/img-sprite.png') no-repeat -42px -31px;
  768. display: inline-block;
  769. cursor: pointer;
  770. vertical-align: middle;
  771. margin: 0 3px 0 2em;
  772. }
  773. i.heart {
  774. width: 20px;
  775. height: 20px;
  776. background: url('../images/img-sprite.png') no-repeat -62px -31px;
  777. display: inline-block;
  778. cursor: pointer;
  779. vertical-align: middle;
  780. margin: 0 4px 0 1em;
  781. }
  782. .clients {
  783. margin: 3em 0;
  784. border: 1px solid #B9B9B9;
  785. }
  786. .device {
  787. border: 1px solid #B9B9B9;
  788. }
  789. .shipping{
  790. background:#fff;
  791. border: 1px solid #B9B9B9;
  792. padding:1.8em;
  793. margin-right:3%;
  794. width:31.333%;
  795. }
  796. .return{
  797. background:#fff;
  798. border: 1px solid #B9B9B9;
  799. padding:1.8em;
  800. margin-right:0;
  801. width:31.333%;
  802. }
  803. .footer {
  804. background: #fff;
  805. margin-top: 3em;
  806. border-top: 1px solid #B9B9B9;
  807. }
  808. .shipping h3,.return h3 {
  809. color: #777777;
  810. font-size: 2em;
  811. font-weight: 400;
  812. font-family: 'Open Sans', sans-serif;
  813. }
  814. i.shipping-icon{
  815. width: 55px;
  816. height: 35px;
  817. background: url('../images/img-sprite.png') no-repeat -122px 0px;
  818. display:inline-block;
  819. vertical-align: sub;
  820. margin-right: 10px;
  821. }
  822. i.correct-icon{
  823. width: 55px;
  824. height: 35px;
  825. background: url('../images/img-sprite.png') no-repeat -187px 0px;
  826. display:inline-block;
  827. vertical-align: sub;
  828. }
  829. i.return-icon{
  830. width: 55px;
  831. height: 35px;
  832. background: url('../images/img-sprite.png') no-repeat -243px 0px;
  833. display:inline-block;
  834. vertical-align: sub;
  835. }
  836. .shipping p,.return p {
  837. color: #777777;
  838. font-size: 1.1em;
  839. line-height:1.5em;
  840. font-weight: 400;
  841. font-family: 'Open Sans', sans-serif;
  842. margin:1em 0 0 5px;
  843. }
  844. .social-icons i{
  845. width: 60px;
  846. height: 60px;
  847. background: url('../images/img-sprite.png') no-repeat -243px 0px;
  848. display:inline-block;
  849. cursor:pointer;
  850. }
  851. .social-icons i:hover{
  852. opacity:0.5;
  853. }
  854. i.twitter{
  855. background-position:-120px -52px;
  856. }
  857. i.facebook{
  858. background-position:-180px -52px;
  859. }
  860. i.googlepluse{
  861. background-position:-240px -52px;
  862. }
  863. i.pinterest{
  864. background-position:-300px -52px;
  865. }
  866. i.linkedin{
  867. background-position:-360px -52px;
  868. }
  869. .follow h3,.subscribe h3,.help h3{
  870. color: #000000;
  871. text-transform: uppercase;
  872. font-size: 1.7em;
  873. font-weight: 900;
  874. font-family: 'Open Sans', sans-serif;
  875. text-transform:capitalize;
  876. }
  877. .follow p,.subscribe p,.help p{
  878. font-family: 'Open Sans', sans-serif;
  879. color:#777777;
  880. font-size:1.15em;
  881. font-weight:400;
  882. margin:10px 0;
  883. }
  884. .help a{
  885. text-transform:uppercase;
  886. color:#fff;
  887. padding:8px 18px;
  888. background:#3498db;
  889. text-decoration:none;
  890. font-size:15px;
  891. font-weight:600;
  892. font-family: 'Open Sans', sans-serif;
  893. border:1px solid #3498db;
  894. }
  895. .help a:hover{
  896. border:2px solid #3498db;
  897. background:#fff;
  898. color:#3498db;
  899. }
  900. .help p{
  901. margin-bottom:1.45em;
  902. }
  903. .contact-section {
  904. border-bottom: 1px solid #B9B9B9;
  905. padding: 3em 0 2em 0;
  906. }
  907. .subscribe input[type="text"] {
  908. width: 65%;
  909. color: #606060;
  910. font-size: 15px;
  911. padding: 10px 10px;
  912. border: 1px solid #B9B9B9;
  913. outline: none;
  914. margin: 5px 8px 0 0;
  915. font-family: 'Open Sans', sans-serif;
  916. text-align: left;
  917. }
  918. .subscribe input[type="submit"] {
  919. color: #3498db;
  920. text-transform: uppercase;
  921. font-size: 15px;
  922. font-weight: 700;
  923. border: 2px solid #3498db;
  924. background: #fff;
  925. padding: 9px 23px;
  926. outline: none;
  927. font-family: 'Open Sans', sans-serif;
  928. }
  929. .subscribe input[type="submit"]:hover{
  930. color:#fff;
  931. background:#3498db;
  932. }
  933. .cards {
  934. padding: 1.5em 0;
  935. border-top: 1px solid #B9B9B9;
  936. border-bottom: 1px solid #B9B9B9;
  937. }
  938. .copyright {
  939. padding: 2em 0;
  940. }
  941. .copyright p{
  942. font-family: 'Open Sans', sans-serif;
  943. font-size:16px;
  944. font-weight:400;
  945. }
  946. .copyright p a{
  947. color: #3498db;
  948. margin-left: 5px;
  949. }
  950. .footer-middle {
  951. padding: 3em 0;
  952. }
  953. .about-text.text-right h4{
  954. color:#3498db;
  955. font-size:1.3em;
  956. font-weight: 600;
  957. }
  958. .about-text.text-right p {
  959. color: #505050;
  960. font-size: 1.05em;
  961. font-weight: 600;
  962. line-height: 1.5em;
  963. margin-top: 5px;
  964. }
  965. .different-products ul li {
  966. display: inline-block;
  967. }
  968. .different-products ul li.first{
  969. color:#777777;
  970. font-size:15px;
  971. font-weight:600;
  972. font-family: 'Open Sans', sans-serif;
  973. text-transform:uppercase;
  974. }
  975. .different-products ul li a{
  976. color:#222222;
  977. font-size:15px;
  978. font-weight:700;
  979. font-family: 'Open Sans', sans-serif;
  980. text-transform:uppercase;
  981. text-decoration:none;
  982. }
  983. .different-products ul li a:hover{
  984. color:#3498db;
  985. text-decoration: underline;
  986. }
  987. /*-- mobiles-page-starts-here --*/
  988. .main {
  989. padding: 2em 2em;
  990. background: #fff;
  991. border: 1px solid #B9B9B9;
  992. margin-bottom: 2em;
  993. }
  994. .content h2{
  995. font-size:23px;
  996. color:#6C6C6C;
  997. }
  998. .content_top{
  999. padding:15px 20px;
  1000. border:1px solid #EBE8E8;
  1001. border-radius:3px;
  1002. margin-bottom: 1em;
  1003. }
  1004. .content_bottom{
  1005. padding:15px 20px;
  1006. border:1px solid #EBE8E8;
  1007. border-radius:3px;
  1008. margin:2em 0 1em 0;
  1009. }
  1010. .heading{
  1011. float:left;
  1012. margin-right:10%;
  1013. }
  1014. .heading h3{
  1015. font-size:22px;
  1016. color:#602D8D;
  1017. text-transform:uppercase;
  1018. }
  1019. .sort,.show{
  1020. float:left;
  1021. width:14%;
  1022. margin-left:1.6%;
  1023. padding-top:5px;
  1024. }
  1025. .sort p,.show p{
  1026. display:inline;
  1027. font-size:0.8125em;
  1028. color: #333;
  1029. }
  1030. .sort select,.show select{
  1031. display:inline;
  1032. font-size:1.1em;
  1033. color: #333;
  1034. margin-left:2px;
  1035. }
  1036. .page-no{
  1037. float:right;
  1038. padding-top:5px;
  1039. }
  1040. .page-no p{
  1041. display:inline;
  1042. font-size:0.8125em;
  1043. padding:0.3em 0;
  1044. color: #333;
  1045. }
  1046. .page-no ul{
  1047. display:inline;
  1048. }
  1049. .page-no li{
  1050. display:inline;
  1051. }
  1052. .page-no li a{
  1053. font-size:0.8125em;
  1054. color: #333;
  1055. line-height: 1.6em;
  1056. padding:5px 5px;
  1057. }
  1058. .page-no li a:hover,.page-no li.active{
  1059. color:#602D8D;
  1060. text-decoration:underline;
  1061. }
  1062. /**** Grid 1_0f_4 ****/
  1063. .grid_1_of_4{
  1064. display: block;
  1065. float:left;
  1066. margin: 1% 0 1% 2.6%;
  1067. box-shadow: 0px 0px 3px rgb(150, 150, 150);
  1068. }
  1069. .grid_1_of_4:first-child {
  1070. margin-left: 0;
  1071. }
  1072. .images_1_of_4 {
  1073. width: 23%;
  1074. padding:1.5%;
  1075. text-align:center;
  1076. position:relative;
  1077. }
  1078. .images_1_of_4 img{
  1079. max-width:100%;
  1080. }
  1081. .discount{
  1082. background:url(../images/discount-img.png) no-repeat 0 0;
  1083. position: absolute;
  1084. top: 30px;
  1085. width: 42px;
  1086. height: 42px;
  1087. }
  1088. .discount span.percentage{
  1089. color: #FFF;
  1090. font-size: 1em;
  1091. font-weight: bold;
  1092. line-height: 40px;
  1093. }
  1094. .images_1_of_4 h2 {
  1095. color: #3498db;
  1096. font-size:0.9em;
  1097. font-weight : normal;
  1098. margin-top: 1em;
  1099. }
  1100. .images_1_of_4 p {
  1101. font-size:0.8125em;
  1102. padding:0.4em 0;
  1103. color: #333;
  1104. }
  1105. .images_1_of_4 p span.strike{
  1106. font-size:18px;
  1107. color:#444;
  1108. text-decoration:line-through;
  1109. }
  1110. .images_1_of_4 p span.price{
  1111. font-size:18px;
  1112. color: #CC3636;
  1113. margin-left:15px;
  1114. }
  1115. .images_1_of_4 .button{
  1116. margin-top:.3em;
  1117. line-height:1.9em;
  1118. float:left;
  1119. width:50%;
  1120. }
  1121. .images_1_of_4 .button a{
  1122. padding:7px 20px;
  1123. font-size:0.8em;
  1124. }
  1125. .images_1_of_4 .button a{
  1126. font-size: 14px;
  1127. line-height: 15px;
  1128. text-transform: none;
  1129. color: #737370;
  1130. text-decoration: none!important;
  1131. background: repeat-x 0 0 #E8E8E8;
  1132. display: inline-block;
  1133. border-left: 1px solid #D4D4D4!important;
  1134. border-right: 1px solid #ADADAD!important;
  1135. border-top: 1px solid #E0E0E0!important;
  1136. border-bottom: 1px solid #9C9C9C!important;
  1137. cursor: pointer!important;
  1138. margin: 0 2px;
  1139. border-radius: 2px;
  1140. -moz-border-radius: 2px;
  1141. -webkit-border-radius: 2px;
  1142. -webkit-transition: all 0.5s ease;
  1143. -moz-transition: all 0.5s ease;
  1144. -o-transition: all 0.5s ease;
  1145. transition: all 0.5s ease;
  1146. }
  1147. .images_1_of_4 .button a:hover{
  1148. color:#70389C;
  1149. background: #E8E8E8;
  1150. }
  1151. .images_1_of_4 .button span img{
  1152. position:absolute;
  1153. }
  1154. .images_1_of_4 .button a.cart-button{
  1155. padding:7px 5px 7px 38px;
  1156. }
  1157. /* start-sarees-page */
  1158. /* start handbags */
  1159. h2.style{
  1160. font-size: 2em;
  1161. color: #777777;
  1162. text-shadow: 0 1px 0 #ffffff;
  1163. }
  1164. h2.top{
  1165. text-transform: uppercase;
  1166. font-weight: 600;
  1167. font-size: 2em;
  1168. color: #3498db
  1169. }
  1170. /* start main */
  1171. /* start grids_of_3 */
  1172. .grids_of_3{
  1173. text-align:center;
  1174. margin: 2% 0;
  1175. }
  1176. .grid1_of_3{
  1177. float: left;
  1178. width: 29.333%;
  1179. margin-left: 4.3333%;
  1180. border: 1px solid rgb(223, 223, 223);
  1181. position: relative;
  1182. text-transform: uppercase;
  1183. }
  1184. .grid1_of_3:first-child{
  1185. margin-left: 0;
  1186. }
  1187. .grid1_of_3 img {
  1188. width: 100%;
  1189. }
  1190. .grid1_of_3 a{
  1191. padding: 2%;
  1192. display: block;
  1193. text-decoration: none;
  1194. }
  1195. .grid1_of_3 img{
  1196. margin-top: 8%;
  1197. }
  1198. .grid1_of_3 h3{
  1199. margin: 5% 0 4%;
  1200. font-size: 1.6em;
  1201. color: #000000;
  1202. -webkit-transition: all 0.3s ease-in-out;
  1203. -moz-transition: all 0.3s ease-in-out;
  1204. -o-transition: all 0.3s ease-in-out;
  1205. transition: all 0.3s ease-in-out;
  1206. }
  1207. .grid1_of_3:hover h3,.grid1_of_3:hover h4 span{
  1208. color: rgb(0, 0, 0);
  1209. }
  1210. .b_btm{
  1211. position: absolute;
  1212. width: 100%;
  1213. border-bottom: 6px solid #3498db;
  1214. left: 0px;
  1215. display: block;
  1216. bottom: 0px;
  1217. }
  1218. .price1{
  1219. display: block;
  1220. margin-bottom: 40px;
  1221. }
  1222. .price1 h4{
  1223. font-size: 1.5em;
  1224. color: #999999;
  1225. }
  1226. .price1 h4 span{
  1227. display: inline-block;
  1228. font-size: 0.95em;
  1229. background: #3498db;
  1230. color: #ffffff;
  1231. padding: 8px 20px;
  1232. margin-left: 30px;
  1233. -webkit-transition: all 0.3s ease-in-out;
  1234. -moz-transition: all 0.3s ease-in-out;
  1235. -o-transition: all 0.3s ease-in-out;
  1236. transition: all 0.3s ease-in-out;
  1237. }
  1238. /*----*/
  1239. h3.cate {
  1240. color: #fff;
  1241. font-size: 1.7em;
  1242. padding: 0.6em ;
  1243. background: #000;
  1244. margin: 0;
  1245. }
  1246. /*----*/
  1247. ul.kid-menu{
  1248. display: block !important;
  1249. }
  1250. .menu {
  1251. width: auto;
  1252. height: auto;
  1253. padding: 0;
  1254. list-style: none;
  1255. margin: 0;
  1256. background: #FBFBFC;
  1257. }
  1258. ul {
  1259. padding: 0;
  1260. list-style: none;
  1261. }
  1262. .menu > li > a {
  1263. width: 100%;
  1264. line-height: 3.5em;
  1265. text-indent: 1.2em;
  1266. display: block;
  1267. position: relative;
  1268. color: #000;
  1269. font-size: 1.1em;
  1270. text-decoration:none;
  1271. border-bottom: 1px solid #ddd;
  1272. font-weight:700;
  1273. }
  1274. .menu ul li a {
  1275. width: 100%;
  1276. display: block;
  1277. position: relative;
  1278. font-size:1.1em;
  1279. font-weight: 400;
  1280. color: #000;
  1281. text-decoration:none;
  1282. border-bottom: 1px solid #ddd;
  1283. font-weight:700;
  1284. line-height: 3.5em;
  1285. text-indent: 1.2em;
  1286. }
  1287. .menu ul li a:hover{
  1288. background: #3498db;
  1289. color: #fff;;
  1290. }
  1291. .menu > li > a:hover, .menu > li > a.active {
  1292. background:#fff;
  1293. }
  1294. .menu ul.kid-menu li a{
  1295. border-bottom: none;
  1296. }
  1297. ul.kid-menu{
  1298. padding: 0;
  1299. margin: 0;
  1300. }
  1301. ul.kid-menu li{
  1302. list-style: none;
  1303. border-bottom: 1px solid #ddd;
  1304. }
  1305. ul.kid-menu li.menu-kid-left{
  1306. border-bottom:none;
  1307. }
  1308. ul.cute li{
  1309. background: #fff;
  1310. }
  1311. .arrow-img {
  1312. padding: 0em 0em 0 5em;
  1313. }
  1314. .img-arrow{
  1315. padding: 0 0 0 6.9em;
  1316. }
  1317. .img-left-arrow{
  1318. padding: 0 0 0 4.4em;
  1319. }
  1320. /*--menu--*/
  1321. /*----*/
  1322. .sub-cate,.slide-grid,.banner-bag,.banner-off{
  1323. float: left;
  1324. width: 22%;
  1325. }
  1326. .top-nav{
  1327. border: 1px solid #ddd;
  1328. }
  1329. .menu-chain{
  1330. width:100%;
  1331. margin: 2em 0;
  1332. }
  1333. .chain{
  1334. margin: 0 auto;
  1335. padding: 3em 0;
  1336. }
  1337. .chain-grid span.star{
  1338. background: url(../images/img-sprite.png)-208px -14px;
  1339. width: 52px;
  1340. height: 52px;
  1341. display: block;
  1342. position: absolute;
  1343. top: 2%;
  1344. right: 2%;
  1345. }
  1346. span.reducedfrom {
  1347. color: #555;
  1348. text-decoration: line-through;
  1349. margin-right: 8%;
  1350. font-size:1.1em;
  1351. }
  1352. span.actual {
  1353. color:#3498db;
  1354. font-weight: 700;
  1355. font-size:1.2em;
  1356. }
  1357. span.dolor-left-grid{
  1358. font-size: 1.7em;
  1359. }
  1360. .chain-watch h6{
  1361. padding: 0;
  1362. }
  1363. .chain-watch {
  1364. padding: 1em ;
  1365. }
  1366. .grid-chain-bottom h6{
  1367. margin: 0;
  1368. font-size: 1.3em;
  1369. color: #000;
  1370. font-weight: 700;
  1371. padding: 0.8em 0.5em 0;
  1372. }
  1373. .chain-grid{
  1374. border: 1px solid #ddd;
  1375. position: relative;
  1376. float:left;
  1377. width: 30.7%;
  1378. margin: 0 31px 0 0;
  1379. }
  1380. .menu-chain{
  1381. width:100%;
  1382. margin: 2em 0;
  1383. }
  1384. .sed-left-top,.grid-top-chain{
  1385. margin: 0;
  1386. }
  1387. .star-price {
  1388. padding: 1em 0.5em;
  1389. }
  1390. .chain{
  1391. margin: 0 auto;
  1392. padding: 2em 0;
  1393. }
  1394. .chain-grid span.star{
  1395. background: url(../images/img-sprite.png)-208px -14px;
  1396. width: 52px;
  1397. height: 52px;
  1398. display: block;
  1399. position: absolute;
  1400. top: 2%;
  1401. right: 2%;
  1402. }
  1403. span.reducedfrom {
  1404. color: #555;
  1405. text-decoration: line-through;
  1406. margin-right: 8%;
  1407. font-size:1.1em;
  1408. }
  1409. a.view-all {
  1410. font-size: 0.9em;
  1411. }
  1412. a.view-all span{
  1413. background: url(/public/images/arrow1.png)0px 0px;
  1414. width: 15px;
  1415. height: 14px;
  1416. display:inline-block;
  1417. }
  1418. a.view-all{
  1419. text-decoration: none;
  1420. font-size: 1em;
  1421. color:#000;
  1422. font-weight:700;
  1423. }
  1424. .latest-products {
  1425. float: right;
  1426. margin-left: 3%;
  1427. width: 75%;
  1428. }
  1429. /*-- Brand Page Starts Here --*/
  1430. .brand{
  1431. }
  1432. .brand-content-bar{
  1433. width:73%;
  1434. margin-right:2%;
  1435. float:right;
  1436. min-height:400px;
  1437. background:#f5f5f5;
  1438. padding:1em 2em;
  1439. }
  1440. .brand-side-bar{
  1441. width:25%;
  1442. float:right;
  1443. box-shadow: -5px 4px 50px -21px #000;
  1444. }
  1445. /*-- products Page Starts Here --*/
  1446. ul.path{
  1447. padding:0;
  1448. }
  1449. ul.path li{
  1450. display: inline-block;
  1451. color:#000;
  1452. font-size:0.875em;
  1453. }
  1454. ul.path li a{
  1455. color:#000;
  1456. }
  1457. ul.path li.actev{
  1458. color:#3498db;
  1459. }
  1460. h3.page-hed{
  1461. font-size:1.2em;
  1462. color:#000;
  1463. font-weight:700;
  1464. margin:1em 0;
  1465. text-transform:uppercase;
  1466. }
  1467. .load a {
  1468. padding: 1em;
  1469. color: #fff;
  1470. background: #3498db;
  1471. text-decoration: none;
  1472. display: block;
  1473. width:25%;
  1474. margin:0 auto;
  1475. font-weight:600;
  1476. text-align: center;
  1477. text-transform: uppercase;
  1478. font-size: 1em;
  1479. border-radius: 6px;
  1480. z-index: 1;
  1481. }
  1482. .load a:hover{
  1483. color:#3498db;
  1484. background:#3498db;
  1485. }
  1486. /*----My-Account-----*/
  1487. /* start registration */
  1488. .registration{
  1489. padding: 1.2% 0% 0 0;
  1490. }
  1491. .registration h2{
  1492. font-size: 2em;
  1493. color: #00405d;
  1494. text-transform: capitalize;
  1495. margin-bottom: 4%;
  1496. font-weight: 300;
  1497. }
  1498. .reg_fb {
  1499. margin-right: 4%;
  1500. display: block;
  1501. background: #1A367D;
  1502. transition: all 0.5s ease-out;
  1503. -webkit-transition: all 0.3s ease-in-out;
  1504. -moz-transition: all 0.3s ease-in-out;
  1505. -o-transition: all 0.3s ease-in-out;
  1506. transition: all 0.3s ease-in-out;
  1507. width: 48%;
  1508. float: left;
  1509. margin-bottom: 10px;
  1510. }
  1511. .reg_fb img {
  1512. background:#1A367D;
  1513. padding: 5px;
  1514. float: left;
  1515. border-right:2px solid #07205F;
  1516. }
  1517. .reg_fb i {
  1518. color: #fff;
  1519. padding: 5px 10px 0 0;
  1520. display: inline-block;
  1521. font-size: 1.1em;
  1522. text-transform: capitalize;
  1523. font-style: normal;
  1524. }
  1525. .login h5 {
  1526. color: #000;
  1527. font-size: 14px;
  1528. font-weight: 700;
  1529. margin: 9px 0 13px 0;
  1530. }
  1531. .require {
  1532. color: #F00;
  1533. font-size: 11px;
  1534. }
  1535. .cus_info_wrap label {
  1536. float: left;
  1537. display: block;
  1538. font-size: 14px;
  1539. padding: 5px 0 0;
  1540. }
  1541. .cus_info_wrap {
  1542. margin-bottom: 15px;
  1543. padding: 0 25px;
  1544. }
  1545. .cus_info_wrap input[type="text"] {
  1546. width: 71%;
  1547. padding: 4px;
  1548. font-size: 13px;
  1549. font-weight: 400;
  1550. border:1px solid #D6D6D6;
  1551. outline:none;
  1552. }
  1553. .botton{
  1554. background: #175ed4;
  1555. border-radius: 3px;
  1556. -moz-border-radius: 3px;
  1557. -webkit-border-radius: 3px;
  1558. cursor: pointer;
  1559. border: 0;
  1560. color: #fff;
  1561. font-weight: 700;
  1562. height: 31px;
  1563. font-size: 14px;
  1564. text-transform: uppercase;
  1565. width: 80px!important;
  1566. text-align: center;
  1567. }
  1568. .labelTop.confirmpass {
  1569. margin-top: -9px;
  1570. line-height: 1;
  1571. }
  1572. .sign-up.text-center {
  1573. border: 1px solid #D6D6D6;
  1574. border-left:none;
  1575. padding: 2em 0 0 0;
  1576. min-height: 456px;
  1577. width: 38%;
  1578. }
  1579. .sign-up h4{
  1580. margin-bottom:2em;
  1581. }
  1582. .forgetit a {
  1583. color: #000;
  1584. font-size: 13px;
  1585. display: block;
  1586. float: left;
  1587. margin-bottom: 0.5em;
  1588. text-decoration:none;
  1589. }
  1590. .forgetit input[type="text"] {
  1591. width: 71%;
  1592. padding: 7px;
  1593. font-size: 11px;
  1594. text-align:left;
  1595. font-weight:400;
  1596. border: 1px solid #D6D6D6;
  1597. outline: none;
  1598. margin: 0px -4px 0 0;
  1599. }
  1600. .forgetit {
  1601. padding: 25px 5em 0 25px;
  1602. border-top: 1px solid #B6B6B6;
  1603. margin-top: 1.7em;
  1604. }
  1605. .login.text-center {
  1606. border: 1px solid #D6D6D6;
  1607. padding: 2em 0 0 0;
  1608. min-height: 456px;
  1609. width: 38%;
  1610. }
  1611. .botton1 {
  1612. margin-right: 5.8em;
  1613. margin-top:1.5em;
  1614. }
  1615. .labelTop {
  1616. display: block;
  1617. font-weight: bold;
  1618. text-align: left;
  1619. color: #444;
  1620. float: left;
  1621. width: 29%;
  1622. }
  1623. .reg_gp {
  1624. display: block;
  1625. background: #DD4B39;
  1626. transition: all 0.5s ease-out;
  1627. -webkit-transition: all 0.3s ease-in-out;
  1628. -moz-transition: all 0.3s ease-in-out;
  1629. -o-transition: all 0.3s ease-in-out;
  1630. transition: all 0.3s ease-in-out;
  1631. width: 48%;
  1632. float: left;
  1633. margin-bottom: 10px;
  1634. }
  1635. .reg_gp img {
  1636. background:#DD4B39;
  1637. padding: 5px;
  1638. float: left;
  1639. border-right:2px solid #D14A3A;
  1640. }
  1641. .reg_gp i {
  1642. color: #fff;
  1643. padding: 5px 10px 0 0;
  1644. display: inline-block;
  1645. font-size: 1.1em;
  1646. text-transform: capitalize;
  1647. font-style: normal;
  1648. }
  1649. .how_to p {
  1650. font-size: 11px;
  1651. font-weight: 300;
  1652. color: #000;
  1653. display: block;
  1654. }
  1655. .how_to p img {
  1656. margin: 0 2px 3px 0px;
  1657. }
  1658. .login-signup-form {
  1659. width: 80%;
  1660. margin: 2em auto;
  1661. }
  1662. .how_to {
  1663. background: #F8F8F8;
  1664. padding: 0.7em 2em;
  1665. border: 1px solid #D6D6D6;
  1666. margin: 15px 25px;
  1667. }
  1668. .benefits p {
  1669. font-size: 12px;
  1670. font-weight: 300;
  1671. color: #000;
  1672. line-height: 1.6em;
  1673. display: block;
  1674. border-bottom: 1px dotted #000;
  1675. padding-bottom: 8px;
  1676. margin-top: 8px;
  1677. }
  1678. .benefits{
  1679. padding: 0 10px 10px;
  1680. background:#F6F6F6;
  1681. width: 22%;
  1682. margin-left: 2%;
  1683. }
  1684. .benefits h4 {
  1685. color: #029ECB;
  1686. font-size: 16px;
  1687. margin: 13px 0 10px 0;
  1688. }
  1689. .login h4,.sign-up h4 {
  1690. text-transform: uppercase;
  1691. font-size: 1.2em;
  1692. font-weight: 700;
  1693. color: #3498db;
  1694. }
  1695. /*--login--*/
  1696. .login-left {
  1697. background: url(../images/bg-login.gif) no-repeat right bottom #ffffff;
  1698. border: 1px solid #ececec;
  1699. padding: 20px;
  1700. min-height: 343px;
  1701. width:49%;
  1702. margin-right:2%;
  1703. }
  1704. .login-right {
  1705. background: url(../images/bg-login-2.gif) no-repeat right bottom #ffffff;
  1706. border: 1px solid #ececec;
  1707. padding: 20px;
  1708. min-height: 343px;
  1709. width:49%;
  1710. }
  1711. .login-left h3, .login-right h3 {
  1712. color:#000;
  1713. font-size: 1.5em;
  1714. padding-bottom: 0.5em;
  1715. font-weight:600;
  1716. }
  1717. .login-left p, .login-right p {
  1718. color: #555;
  1719. display: block;
  1720. font-size: 0.9em;
  1721. margin: 0 0 2em 0;
  1722. line-height: 1.5em;
  1723. }
  1724. .acount-btn {
  1725. background: #3498db;
  1726. color: #FFF;
  1727. font-size: 1em;
  1728. padding: 0.7em 1.2em;
  1729. transition: 0.5s all;
  1730. -webkit-transition: 0.5s all;
  1731. -moz-transition: 0.5s all;
  1732. -o-transition: 0.5s all;
  1733. display: inline-block;
  1734. text-transform: uppercase;
  1735. }
  1736. .form-list label {
  1737. color: #000;
  1738. font-weight: bold;
  1739. position: relative;
  1740. z-index: 0;
  1741. display: inline-block;
  1742. padding-bottom: 5px;
  1743. margin-bottom: 0;
  1744. }
  1745. .sgn {
  1746. width: 100%;
  1747. }
  1748. .sgn input#is_subscribed {
  1749. float: left;
  1750. width: 2%;
  1751. }
  1752. .sgn label {
  1753. width: 50%;
  1754. margin-top: 6px;
  1755. }
  1756. .form-list li.control input.radio, .form-list li.control input.checkbox {
  1757. margin-right: 6px;
  1758. }
  1759. .main-container .radio, .main-container .checkbox {
  1760. display: inline-block;
  1761. margin-top: 0;
  1762. }
  1763. .acount-btn:hover, .login-right input[type="submit"]:hover{
  1764. background:#000;
  1765. text-decoration:none;
  1766. color:#fff;
  1767. }
  1768. .login-right form {
  1769. padding: 1em 0;
  1770. }
  1771. .login-right form div {
  1772. padding: 0 0 2em 0;
  1773. }
  1774. .login-right span {
  1775. color: #555;
  1776. font-size: 0.875em;
  1777. padding-bottom: 0.2em;
  1778. display: block;
  1779. font-weight: 700;
  1780. text-transform: uppercase;
  1781. }
  1782. .login-right input[type="text"] {
  1783. border: 1px solid #EEE;
  1784. outline-color:#3498db;
  1785. width: 96%;
  1786. font-size:0.8125em;
  1787. padding: 0.5em;
  1788. }
  1789. .login-right input[type="submit"] {
  1790. background: #3498db;
  1791. color: #FFF;
  1792. font-size: 1em;
  1793. padding: 0.7em 1.2em;
  1794. transition: 0.5s all;
  1795. -webkit-transition: 0.5s all;
  1796. -moz-transition: 0.5s all;
  1797. -o-transition: 0.5s all;
  1798. display: inline-block;
  1799. text-transform: uppercase;
  1800. border:none;
  1801. outline:none;
  1802. }
  1803. a.forgot {
  1804. font-size: 1em;
  1805. margin-right: 11px;
  1806. }
  1807. ul.breadcrumbs{
  1808. padding:0;
  1809. list-style:none;
  1810. float:left;
  1811. }
  1812. ul.breadcrumbs li{
  1813. display:inline-block;
  1814. font-size:1.1em;
  1815. color:#000;
  1816. }
  1817. ul.breadcrumbs li.women{
  1818. background:#5BBD50;
  1819. padding:3px;
  1820. }
  1821. ul.previous{
  1822. padding:0;
  1823. list-style:none;
  1824. float:right;
  1825. }
  1826. ul.previous li a{
  1827. color:#999;
  1828. font-size:1.1em;
  1829. }
  1830. .mens-toolbar {
  1831. font-family: 'Roboto', sans-serif;
  1832. margin-bottom: 2em;
  1833. }
  1834. .mens-toolbar .sort {
  1835. float: left;
  1836. width: 20.5%;
  1837. }
  1838. .sort-by {
  1839. color:#000;
  1840. font-size: 0.8125em;
  1841. text-transform: uppercase;
  1842. }
  1843. .sort-by label{
  1844. font-weight:normal;
  1845. }
  1846. .mens-toolbar .pages {
  1847. float: right;
  1848. margin: 0;
  1849. }
  1850. ul.women_pagenation.dc_paginationA.dc_paginationA06 {
  1851. float:right;
  1852. padding:0;
  1853. list-style:none;
  1854. }
  1855. .pages{
  1856. float:right;
  1857. }
  1858. .pages .limiter {
  1859. color: #000;
  1860. font-size: 0.8125em;
  1861. text-transform: uppercase;
  1862. }
  1863. .pages .limiter select {
  1864. padding: 0;
  1865. margin: 0 0 1px;
  1866. vertical-align: middle;
  1867. }
  1868. ul.women_pagenation li {
  1869. float: left;
  1870. margin: 0px;
  1871. margin-left: 5px;
  1872. padding: 0px;
  1873. list-style:none;
  1874. }
  1875. ul.women_pagenation li a {
  1876. color:#000;
  1877. display: block;
  1878. padding:4px 8px;
  1879. text-decoration: none;
  1880. font-size: 0.8125em;
  1881. text-transform:uppercase;
  1882. }
  1883. ul.women_pagenation li.active a{
  1884. background:#26d2fc;
  1885. color:#fff;
  1886. }
  1887. ul.women_pagenation li a:hover{
  1888. background:#26d2fc;
  1889. color:#fff;
  1890. }
  1891. .login-page {
  1892. padding: 2em 0;
  1893. }
  1894. .registration_left{
  1895. float: left;
  1896. width: 45.33333%;
  1897. margin-left: 9.333%;
  1898. }
  1899. .registration_left:first-child{
  1900. margin-left: 0;
  1901. }
  1902. .registration span{
  1903. color: #777777;
  1904. }
  1905. .registration_form{
  1906. display: block;
  1907. }
  1908. .registration_form div{
  1909. padding:10px 0;
  1910. }
  1911. .sky_form1{
  1912. margin-bottom: -30px;
  1913. }
  1914. .sky_form1 ul{
  1915. padding:0;
  1916. list-style:none;
  1917. }
  1918. .sky_form1 ul li{
  1919. float: left;
  1920. margin-left: 20px;
  1921. }
  1922. .sky_form1 ul li:first-child{
  1923. margin-left: 0;
  1924. }
  1925. label {
  1926. margin-bottom: 0;
  1927. font-weight: normal;
  1928. width:100%;
  1929. }
  1930. p.required {
  1931. font-size: 10px;
  1932. text-align: right;
  1933. color: #ff0000;
  1934. margin:0;
  1935. }
  1936. .registration_form input[type="text"],.registration_form input[type="email"],.registration_form input[type="tel"],.registration_form input[type="password"]{
  1937. padding: 8px;
  1938. display: block;
  1939. width:100%;
  1940. outline: none;
  1941. font-family: 'Open Sans', sans-serif;
  1942. font-size: 1em;
  1943. color: #333333;
  1944. -webkit-appearance: none;
  1945. text-transform: capitalize;
  1946. background: #FFFFFF;
  1947. border: 1px solid rgb(231, 231, 231);
  1948. font-weight: normal;
  1949. }
  1950. .registration_form input[type="submit"]{
  1951. -webkit-appearance: none;
  1952. font-family: 'Open Sans', sans-serif;
  1953. color: #ffffff;
  1954. text-transform: capitalize;
  1955. display: inline-block;
  1956. background:#3498db;
  1957. padding: 10px 20px;
  1958. transition: 0.5s ease;
  1959. -moz-transition: 0.5s ease;
  1960. -o-transition: 0.5s ease;
  1961. -webkit-transition: 0.5s ease;
  1962. cursor:pointer;
  1963. border:none;
  1964. outline:none;
  1965. font-size:1em;
  1966. margin-bottom: 5px;
  1967. }
  1968. .registration_form input[type="submit"]:hover{
  1969. color: #ffffff;
  1970. background:#000;
  1971. }
  1972. .terms{
  1973. text-decoration:underline;
  1974. text-transform:capitalize;
  1975. color: #00405d;
  1976. }
  1977. .terms:hover{
  1978. text-decoration:none;
  1979. }
  1980. .forget a{
  1981. text-transform: capitalize;
  1982. color: #999999;
  1983. text-decoration: underline;
  1984. font-size: 1.3em;
  1985. }
  1986. .forget a:hover{
  1987. text-decoration: none;
  1988. }
  1989. /*-- login-page-starts-here-- */
  1990. .contact-box {
  1991. width: 60%;
  1992. margin: 3em auto 5em;
  1993. }
  1994. .login-box{
  1995. margin-bottom:2em;
  1996. }
  1997. .form small, .form-t small, .form-y small {
  1998. font-size: 0.8em;
  1999. text-transform: uppercase;
  2000. font-weight: 400;
  2001. color: #606060;
  2002. margin-bottom:0.5em;
  2003. }
  2004. .text select {
  2005. width: 100%;
  2006. padding: 10px;
  2007. outline:none;
  2008. border:1px solid #f68236;
  2009. }
  2010. .form {
  2011. margin: 0em 0 2em;
  2012. }
  2013. .form-t {
  2014. float: left;
  2015. width: 49%;
  2016. margin-bottom:2em;
  2017. }
  2018. .form-y{
  2019. float:right;
  2020. width:49%;
  2021. margin-bottom:2em;
  2022. }
  2023. .text input[type="text"], .text input[type="password"]{
  2024. width:100%;
  2025. padding:10px;
  2026. outline:none;
  2027. -webkit-appearance:none;
  2028. border:1px solid #3498db;
  2029. }
  2030. .text textarea{
  2031. width:100%;
  2032. resize:none;
  2033. height:200px;
  2034. padding:10px;
  2035. outline:none;
  2036. border:1px solid #f68236;
  2037. }
  2038. .text{
  2039. margin-top:0.5em;
  2040. text-align:center;
  2041. }
  2042. .text input[type="submit"]{
  2043. font-size:0.8em;
  2044. color:#fff;
  2045. border:0px;
  2046. background:#3498db;
  2047. padding:15px 30px;
  2048. text-align:center;
  2049. outline:none;
  2050. text-transform:uppercase;
  2051. -webkit-appearance: none;
  2052. cursor: pointer;
  2053. }
  2054. .text input[type="submit"]:hover,.reg a:hover{
  2055. background:#000;
  2056. }
  2057. .text a:hover{
  2058. color:#f68236;
  2059. -webkit-transition:0.5s all;
  2060. -o-transition:0.5s all;
  2061. -moz-transition:0.5s all;
  2062. -ms-transition:0.5s all;
  2063. }
  2064. .pag-nav{
  2065. padding:1em 0;
  2066. }
  2067. ul.p-list{
  2068. padding:0;
  2069. }
  2070. ul.p-list li{
  2071. display:inline-block;
  2072. }
  2073. ul.p-list li a{
  2074. color:#303030;
  2075. font-size:0.8em;
  2076. text-transform:uppercase;
  2077. font-weight:400;
  2078. text-decoration:none;
  2079. }
  2080. ul.p-list li.act {
  2081. color:#3498db;
  2082. font-size:0.8em;
  2083. text-transform:uppercase;
  2084. font-weight:400;
  2085. text-decoration:none;
  2086. }
  2087. ul.p-list li a:hover{
  2088. color:#f68236;
  2089. transition:0.5s all;
  2090. -webkit-transition:0.5s all;
  2091. -moz-transition:0.5s all;
  2092. -ms-transition:0.5s all;
  2093. -o-transition:0.5s all;
  2094. }
  2095. .coats{
  2096. margin-top:3em;
  2097. text-align:center;
  2098. }
  2099. h3.c-head{
  2100. font-size:2em;
  2101. text-transform:uppercase;
  2102. color: #303030;
  2103. font-weight:600;
  2104. margin:0;
  2105. }
  2106. .coats small a{
  2107. font-size:1em;
  2108. font-weight:400;
  2109. font-family:Georgia;
  2110. color:#606060;
  2111. font-style: italic;
  2112. background: #0AA5E2 no-repeat right;
  2113. padding-right:10px;
  2114. cursor: pointer;
  2115. text-decoration: none;
  2116. }
  2117. .coats small a:hover{
  2118. border-bottom:2px solid #606060;
  2119. }
  2120. .coat-row{
  2121. padding:3em 0 2em;
  2122. }
  2123. .coat-column{
  2124. width:22%;
  2125. float:left;
  2126. margin-right:4%;
  2127. position:relative;
  2128. }
  2129. .coat-column1{
  2130. width:22%;
  2131. float:right;
  2132. position:relative;
  2133. }
  2134. .prod-desc{
  2135. text-align:center;
  2136. }
  2137. .prod-desc h4{
  2138. font-size:1em;
  2139. font-weight:600;
  2140. color:#303030;
  2141. margin:0;
  2142. }
  2143. .prod-desc small{
  2144. font-size:0.85em;
  2145. font-weight:400;
  2146. color:#606060;
  2147. }
  2148. .coat-column a, .coat-column1 a{
  2149. text-decoration:none;
  2150. }
  2151. .coat-column a img, .coat-column1 a img{
  2152. }
  2153. .coat-column:hover .mask, .coat-column1:hover .mask {
  2154. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  2155. filter: alpha(opacity=100);
  2156. opacity: 1;
  2157. }
  2158. .coat-column .mask, .coat-column1 .mask{
  2159. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  2160. filter: alpha(opacity=0);
  2161. opacity: 0;
  2162. background-color: rgba(219,127,8, 0.7);
  2163. -webkit-transition: all 0.4s ease-in-out;
  2164. -moz-transition: all 0.4s ease-in-out;
  2165. -o-transition: all 0.4s ease-in-out;
  2166. -ms-transition: all 0.4s ease-in-out;
  2167. transition: all 0.4s ease-in-out;
  2168. padding: 10px 15px;
  2169. background: rgba(255, 255, 255, 0.82);
  2170. -moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
  2171. -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
  2172. box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
  2173. color: #000;
  2174. font-size: 0.85em;
  2175. font-weight: bold;
  2176. }
  2177. .coat-column .mask, .coat-column1 .mask{
  2178. position:absolute;
  2179. top:35%;
  2180. left:35%;
  2181. cursor: pointer;
  2182. }
  2183. .look{
  2184. border-top:1px solid #606060;
  2185. margin:2em 0;
  2186. text-align:center;
  2187. padding:2em 0 1em;
  2188. }
  2189. .look h3{
  2190. font-size:1.5em;
  2191. font-weight:400;
  2192. font-family: Georgia;
  2193. color:#606060;
  2194. font-style: italic;
  2195. }
  2196. .reg{
  2197. margin:2em 0;
  2198. }
  2199. .reg a{
  2200. font-size:0.8em;
  2201. color:#fff;
  2202. border:0px;
  2203. background:#3498db;
  2204. padding:15px 30px;
  2205. text-align:center;
  2206. outline:none;
  2207. text-transform:uppercase;
  2208. text-decoration:none;
  2209. }
  2210. .text a{
  2211. font-size:0.8em;
  2212. color:#fff;
  2213. border:0px;
  2214. color:#606060;
  2215. text-decoration:none;
  2216. text-transform:capitalize;
  2217. font-weight:400;
  2218. font-style: italic;
  2219. }
  2220. .login-bot{
  2221. margin-bottom:5em;
  2222. }
  2223. section#main {
  2224. border: 1px solid #DDDDDD;
  2225. padding:3em;
  2226. background: #fff;
  2227. }
  2228. /*-- Register Page Starts --*/
  2229. .register{
  2230. padding:2em 0;
  2231. font-family: 'Roboto', sans-serif;
  2232. }
  2233. .register-top-grid h3, .register-bottom-grid h3 {
  2234. color:#3498db;
  2235. font-size: 1.1em;
  2236. padding-bottom: 5px;
  2237. margin: 0;
  2238. }
  2239. .register-top-grid div, .register-bottom-grid div {
  2240. width: 48%;
  2241. float: left;
  2242. margin: 10px 0;
  2243. }
  2244. .register-top-grid span, .register-bottom-grid span {
  2245. color:#555;
  2246. font-size: 0.8125em;
  2247. padding-bottom: 0.2em;
  2248. display: block;
  2249. text-transform: uppercase;
  2250. }
  2251. .register-top-grid input[type="text"], .register-bottom-grid input[type="password"]{
  2252. border:1px solid #3498db;
  2253. outline:none;
  2254. width: 96%;
  2255. font-size: 1em;
  2256. padding: 0.5em;
  2257. }
  2258. .checkbox {
  2259. margin-bottom: 4px;
  2260. padding-left: 42px;
  2261. font-size: 1.1em;
  2262. line-height: 27px;
  2263. cursor: pointer;
  2264. }
  2265. .checkbox {
  2266. float: right;
  2267. position: relative;
  2268. font-size: 0.85em;
  2269. color: #555;
  2270. margin-top: -17px;
  2271. width: 90%;
  2272. }
  2273. .checkbox:last-child {
  2274. margin-bottom: 0;
  2275. }
  2276. .news-letter {
  2277. color: #555;
  2278. font-weight:600;
  2279. font-size: 0.85em;
  2280. margin-bottom: 1em;
  2281. display: block;
  2282. text-transform: uppercase;
  2283. transition: 0.5s all;
  2284. -webkit-transition: 0.5s all;
  2285. -moz-transition: 0.5s all;
  2286. -o-transition: 0.5s all;
  2287. clear: both;
  2288. }
  2289. .checkbox i {
  2290. position: absolute;
  2291. bottom: 8px;
  2292. left: 82px;
  2293. display: block;
  2294. width: 13px;
  2295. height: 13px;
  2296. outline: none;
  2297. border: 1px solid #D2CF99;
  2298. }
  2299. .checkbox input + i:after {
  2300. content: '';
  2301. background: url("../images/tick1.png") no-repeat 1px 2px;
  2302. top: -3px;
  2303. left: -3px;
  2304. width: 15px;
  2305. height: 15px;
  2306. font: normal 12px/16px FontAwesome;
  2307. text-align: center;
  2308. }
  2309. .checkbox input + i:after {
  2310. position: absolute;
  2311. opacity: 0;
  2312. transition: opacity 0.1s;
  2313. -o-transition: opacity 0.1s;
  2314. -ms-transition: opacity 0.1s;
  2315. -moz-transition: opacity 0.1s;
  2316. -webkit-transition: opacity 0.1s;
  2317. }
  2318. .checkbox input {
  2319. position: absolute;
  2320. left: -9999px;
  2321. }
  2322. .checkbox input:checked + i:after {
  2323. opacity: 1;
  2324. }
  2325. .news-letter:hover {
  2326. color:#00BFF0;
  2327. }
  2328. .register-but{
  2329. margin-top:1em;
  2330. }
  2331. .register-but form input[type="submit"] {
  2332. background:#3498db;
  2333. color: #FFF;
  2334. font-size: 0.9em;
  2335. padding: 0.9em 2.2em;
  2336. transition: 0.5s all;
  2337. -webkit-transition: 0.5s all;
  2338. -moz-transition: 0.5s all;
  2339. -o-transition: 0.5s all;
  2340. display: inline-block;
  2341. text-transform: uppercase;
  2342. border:none;
  2343. outline:none;
  2344. }
  2345. .register-but input[type="submit"]:hover {
  2346. background:#000;
  2347. }
  2348. div.register-bottom-grid {
  2349. margin-top:3em;
  2350. }
  2351. /*-- Register Page Ends ---*/
  2352. /*-- start details--*/
  2353. .single{
  2354. padding:5% 16em;
  2355. }
  2356. .left_content{
  2357. width: 73%;
  2358. float: right;
  2359. margin-left: 5%;
  2360. }
  2361. .left_sidebar{
  2362. width: 23.6%;
  2363. float: left;
  2364. margin-left: 4%;
  2365. }
  2366. .span1_of_1{
  2367. float: left;
  2368. width: 52.3333%;
  2369. }
  2370. .span1_of_1_des{
  2371. float: right;
  2372. width: 60%;
  2373. }
  2374. /* start desc1 */
  2375. .desc1 {
  2376. font-family: 'Source Sans Pro', sans-serif;
  2377. display: block;
  2378. float: right;
  2379. }
  2380. .desc1 h3{
  2381. text-shadow: 0 1px 0 #ffffff;
  2382. color:#000;
  2383. font-size:1.8em;
  2384. margin-bottom: 10px;
  2385. }
  2386. .filter-by-color h3{
  2387. font-size:1.5em;
  2388. }
  2389. .desc1 h5{
  2390. margin-top: 2%;
  2391. font-size: 1.5em;
  2392. color: #3498db;
  2393. line-height: 1.5em;
  2394. text-shadow: 0 1px 0 #ffffff;
  2395. }
  2396. .desc1 h5 a{
  2397. margin-left:5px;
  2398. color:#555555;
  2399. text-transform:capitalize;
  2400. font-size: 13px;
  2401. }
  2402. .desc1 h5 a:hover{
  2403. color: #5EAFA5;
  2404. }
  2405. .desc1 p{
  2406. font-size: 0.9em;
  2407. color: #555555;
  2408. line-height: 1.8em;
  2409. }
  2410. .filter-by-color {
  2411. margin-top: 25px;
  2412. }
  2413. .w_nav2 li{
  2414. display: inline-block;
  2415. }
  2416. .w_nav2 li a{
  2417. display: block;
  2418. padding: 16px;
  2419. }
  2420. .w_nav2 li a.color1{
  2421. background: #0AA5E2;
  2422. }
  2423. .w_nav2 li a.color2{
  2424. background: #E52D6D;
  2425. }
  2426. .w_nav2 li a.color3{
  2427. background: #303030;
  2428. }
  2429. .w_nav2 li a.color4{
  2430. background: #B71E32;
  2431. }
  2432. .w_nav2 li a.color5{
  2433. background: #353F49;
  2434. }
  2435. .w_nav2 li a.color6{
  2436. background: #45BF55;
  2437. }
  2438. .w_nav2 li a.color16{
  2439. background: #9D18B1;
  2440. }
  2441. .w_nav2 li a.color7{
  2442. background: #FF7F00;
  2443. }
  2444. .w_nav2 li a.color17{
  2445. background: #2A18B1;
  2446. }
  2447. .w_nav2 li a.color8{
  2448. background: #8B4513;
  2449. }
  2450. .w_nav2 li a.color9{
  2451. background: #FFD700;
  2452. }
  2453. .w_nav2 li a.color10{
  2454. background: #121212;
  2455. }
  2456. .w_nav2 li a.color11{
  2457. background: #C0C0C0;
  2458. }
  2459. .w_nav2 li a.color12{
  2460. background: #0AA5E2;
  2461. }
  2462. .w_nav2 li a.color13{
  2463. background: #FFCBDB;
  2464. }
  2465. .w_nav2 li a.color14{
  2466. background: #B87333;
  2467. }
  2468. .w_nav2 li a.color15{
  2469. background: #BFB540;
  2470. }
  2471. .span_1_of_left{
  2472. margin-bottom:5em;
  2473. }
  2474. /* start available */
  2475. .available {
  2476. margin-top: 10px;
  2477. padding: 15px 0 20px 0;
  2478. border-top: 1px solid #EEEEEE;
  2479. border-bottom: 1px solid #EEEEEE;
  2480. }
  2481. .available h4{
  2482. font-size: 1.3em;
  2483. color: #000;
  2484. margin-bottom: 20px;
  2485. text-transform: uppercase;
  2486. text-shadow: 0 1px 0 #ffffff;
  2487. }
  2488. .available li {
  2489. display: inline;
  2490. font-size: 1em;
  2491. padding: 1.5% 2%;
  2492. color: #555555;
  2493. }
  2494. .available li select {
  2495. font-family: 'Source Sans Pro', sans-serif;
  2496. outline:none;
  2497. display: inline;
  2498. font-size: 0.875em;
  2499. color: #555555;
  2500. margin-left: 10px;
  2501. padding: 4px;
  2502. border: 1px solid rgb(224, 224, 224);
  2503. }
  2504. .available span a{
  2505. padding-top: 15px;
  2506. display: block;
  2507. color: #555555;
  2508. font-size: 0.8em;
  2509. text-transform: uppercase;
  2510. text-decoration: underline;
  2511. margin-right: 10px;
  2512. }
  2513. .available ul {
  2514. margin-bottom: 2em;
  2515. }
  2516. .available span a:hover{
  2517. text-decoration: none;
  2518. }
  2519. /* start share-des */
  2520. .share-desc{
  2521. padding: 20px 0;
  2522. }
  2523. .share h4{
  2524. font-size: 1.1em;
  2525. color: #777;
  2526. margin-bottom: 10px;
  2527. text-transform: uppercase;
  2528. text-shadow: 0 1px 0 #ffffff;
  2529. }
  2530. .share_nav{
  2531. float:left;
  2532. }
  2533. .share_nav li {
  2534. display: inline-block;
  2535. margin: 5px 6px;
  2536. }
  2537. .share_nav li a {
  2538. background: #9C9C9C;
  2539. padding: 10px;
  2540. display: block;
  2541. -webkit-transition: all 0.3s ease-out;
  2542. -moz-transition: all 0.3s ease-out;
  2543. -ms-transition: all 0.3s ease-out;
  2544. -o-transition: all 0.3s ease-out;
  2545. transition: all 0.3s ease-out;
  2546. border-radius: 30px;
  2547. -webkit-border-radius: 30px;
  2548. -moz-border-radius: 30px;
  2549. -o-border-radius: 30px;
  2550. }
  2551. .share_nav li a:hover{
  2552. background: #3CC395;
  2553. }
  2554. .share li img {
  2555. vertical-align:middle;
  2556. }
  2557. .btn_form{
  2558. float: left;
  2559. }
  2560. .btn_form form input[type="submit"]{
  2561. font-family: 'Source Sans Pro', sans-serif;
  2562. cursor:pointer;
  2563. border:none;
  2564. outline:none;
  2565. display: inline-block;
  2566. font-size: 1em;
  2567. padding: 8px 25px;
  2568. background: #555555;
  2569. color:#fff;
  2570. text-transform: capitalize;
  2571. -webkit-transition: all 0.3s ease-in-out;
  2572. -moz-transition: all 0.3s ease-in-out;
  2573. -o-transition: all 0.3s ease-in-out;
  2574. transition: all 0.3s ease-in-out;
  2575. }
  2576. .btn_form form input[type="submit"]:hover{
  2577. background: #3498db;
  2578. }
  2579. .span_right{
  2580. float: right;
  2581. }
  2582. .images_3_of_2 {
  2583. width:35.2%;
  2584. float: left;
  2585. margin-right: 2.6%;
  2586. }
  2587. /* end description */
  2588. /*--- Contact- Starts Here ---*/
  2589. .singel_right {
  2590. margin-top: 0em;
  2591. }
  2592. .span_1_of_contact {
  2593. width: 60.1%;
  2594. font-family: 'Roboto', sans-serif;
  2595. float:left;
  2596. }
  2597. p.comment-form-author {
  2598. margin-bottom: 2em;
  2599. }
  2600. .contact-form label {
  2601. display: block;
  2602. font-size: 1em;
  2603. color: #000;
  2604. text-transform: uppercase;
  2605. }
  2606. .contact-form input[type="text"] {
  2607. padding: 10px;
  2608. width: 95%;
  2609. color: #9198A3;
  2610. font-size: 0.9em;
  2611. background: #fff;
  2612. outline: none;
  2613. display: block;
  2614. border: 1px solid #eee;
  2615. }
  2616. .contact-form textarea {
  2617. padding: 10px;
  2618. display: block;
  2619. width: 95%;
  2620. background: #fff;
  2621. border: 1px solid #eee;
  2622. outline: none;
  2623. color: #9198A3;
  2624. font-size: 0.9em;
  2625. -webkit-appearance: none;
  2626. resize: none;
  2627. height: 150px;
  2628. }
  2629. .contact-form input[type="submit"] {
  2630. display: inline-block;
  2631. padding: 13px 25px;
  2632. background: #3498db;
  2633. color: #FFF;
  2634. font-size: 1em;
  2635. line-height: 18px;
  2636. text-transform: uppercase;
  2637. border: none;
  2638. outline: none;
  2639. transition: 0.2s;
  2640. -webkit-transition: 0.2s;
  2641. -moz-transition: 0.2s;
  2642. -o-transition: 0.2s;
  2643. }
  2644. .contact-form input[type="submit"]:hover{
  2645. background:#000;
  2646. }
  2647. .contact_grid {
  2648. display: block;
  2649. float: left;
  2650. width: 37%;
  2651. }
  2652. .span_2_of_contact_right h3 {
  2653. font-size: 1.25em;
  2654. font-weight: bold;
  2655. color: #000;
  2656. margin-bottom: 1.5em;
  2657. }
  2658. .address {
  2659. margin-bottom: 1em;
  2660. }
  2661. .contact_address, .contact_email {
  2662. overflow: hidden;
  2663. font-size: 0.95em;
  2664. color: #999;
  2665. line-height: 1.5em;
  2666. }
  2667. .contact_email a{
  2668. color: #999;
  2669. text-decoration:none;
  2670. }
  2671. .contact_email a:hover{
  2672. color:#3498db;
  2673. transition: 0.2s;
  2674. -webkit-transition: 0.2s;
  2675. -moz-transition: 0.2s;
  2676. -o-transition: 0.2s;
  2677. }
  2678. .map{
  2679. margin:2em 0;
  2680. }
  2681. .map iframe{
  2682. width:100%;
  2683. height:350px;
  2684. }
  2685. .new-product{
  2686. padding: 0.5em 2em;
  2687. }
  2688. ul.product-top-list{
  2689. padding:0;
  2690. float: left;
  2691. }
  2692. ul.product-top-list li{
  2693. display: inline-block;
  2694. font-size:0.82em;
  2695. color:#777;
  2696. }
  2697. ul.product-top-list li a{
  2698. color:#000;
  2699. }
  2700. ul.product-top-list li span.act{
  2701. background:yellow;
  2702. }
  2703. p.back{
  2704. float: right;
  2705. font-size:0.82em;
  2706. }
  2707. .new-product-top {
  2708. padding: 0em 0 2em;
  2709. }
  2710. /*-- order-starts-here --*/
  2711. .order.text-center {
  2712. background: #fff;
  2713. padding: 12em 0 16em 0;
  2714. border: 1px solid #BBBBBB;
  2715. margin-top: 3em;
  2716. }
  2717. .order.text-center h4 {
  2718. color: #000;
  2719. font-size: 1.8em;
  2720. font-weight: 500;
  2721. }
  2722. .order.text-center p{
  2723. font-size:0.95em;
  2724. font-weight:700;
  2725. margin-bottom:1.5em;
  2726. }
  2727. .order.text-center a{
  2728. color:#fff;
  2729. font-size:1em;
  2730. font-weight:700;
  2731. background:#000;
  2732. padding:0.8em 4.2em;
  2733. border-radius:5px;
  2734. text-decoration:none;
  2735. }
  2736. /*-- responsive-design-starts-here --*/
  2737. @media screen and (max-width: 1366px) {
  2738. .wrap {
  2739. width: 90%;
  2740. }
  2741. .top-header {
  2742. padding: 7px 0;
  2743. }
  2744. .navigation-strip {
  2745. padding: 1.4em 0.8em;
  2746. }
  2747. .top-menu ul li a {
  2748. font-size: 13px;
  2749. }
  2750. .right-grid-top {
  2751. padding: 1.5em;
  2752. }
  2753. .right-grid-bottom {
  2754. padding: 1.2em 1.5em;
  2755. }
  2756. .right-grid-bottom-left h3 {
  2757. font-size: 2.05em;
  2758. }
  2759. .r-discount span {
  2760. padding: 6px 1.15em;
  2761. }
  2762. .right-grid-bottom-left h2 {
  2763. font-size: 1.75em;
  2764. margin: 5px 0;
  2765. }
  2766. .right-grid {
  2767. min-height: 400px;
  2768. }
  2769. .product-item h3 {
  2770. font-size: 2.2em;
  2771. }
  2772. .new-arrival-head h3 {
  2773. font-size: 3.55em;
  2774. line-height: 1.1em;
  2775. margin: 0.5em 0 1.4em 0;
  2776. }
  2777. .subscribe.text-left {
  2778. padding: 0;
  2779. }
  2780. .subscribe input[type="text"] {
  2781. width: 64%;
  2782. }
  2783. .different-products {
  2784. padding: 0;
  2785. }
  2786. .sort, .show {
  2787. width: 18%;
  2788. }
  2789. .images_1_of_4 {
  2790. padding: 1.5% 0.5%;
  2791. }
  2792. .images_1_of_4 .button a.cart-button {
  2793. padding: 7px 5px 7px 37px;
  2794. margin: 0;
  2795. }
  2796. .contact-section {
  2797. padding: 2.2em 0 1.5em 0;
  2798. }
  2799. .footer-middle {
  2800. padding: 2.5em 0;
  2801. }
  2802. .arrow-img {
  2803. padding: 0em 0em 0 4em;
  2804. }
  2805. .img-arrow {
  2806. padding: 0 0 0 5.9em;
  2807. }
  2808. .img-left-arrow {
  2809. padding: 0 0 0 3.4em;
  2810. }
  2811. .span_1_of_left {
  2812. margin-bottom: 2em;
  2813. }
  2814. .registration_left {
  2815. width: 46.33333%;
  2816. margin-left: 7.333%;
  2817. }
  2818. .login-left {
  2819. min-height: 352px;
  2820. }
  2821. .login-signup-form {
  2822. width: 90%;
  2823. }
  2824. }
  2825. @media screen and (max-width: 1280px) {
  2826. .wrap {
  2827. width: 93%;
  2828. }
  2829. .subscribe input[type="text"] {
  2830. width: 63%;
  2831. }
  2832. .right-grid-top {
  2833. padding: 1.2em;
  2834. }
  2835. .right-grid-bottom {
  2836. padding: 0.8em 1.2em;
  2837. }
  2838. .right-grid-bottom-left h3 {
  2839. font-size: 2em;
  2840. }
  2841. .right-grid {
  2842. min-height: 387px;
  2843. }
  2844. .new-arrivals {
  2845. padding: 2.5em 0;
  2846. }
  2847. .new-arrival-head h3 {
  2848. font-size: 3.4em;
  2849. }
  2850. .best-sellers-head h3 {
  2851. font-size: 2.2em;
  2852. }
  2853. .best-sellers-menu {
  2854. margin-top: 7px;
  2855. }
  2856. .best-sellers {
  2857. padding: 2em 2em;
  2858. }
  2859. .navigation-strip h4 {
  2860. font-size: 1.15em;
  2861. margin-top: 3px;
  2862. }
  2863. i.arrow {
  2864. margin-left: 5px;
  2865. }
  2866. .grids_of_3 {
  2867. margin: 2% 0 4% 0;
  2868. }
  2869. .price1 {
  2870. margin-bottom: 30px;
  2871. }
  2872. .coats {
  2873. margin-top: 2em;
  2874. }
  2875. .grid1_of_3 h3 {
  2876. font-size: 1.4em;
  2877. }
  2878. .price1 h4 span {
  2879. font-size: 0.9em;
  2880. padding: 7px 19px;
  2881. }
  2882. .different-products ul li a {
  2883. font-size: 14px;
  2884. }
  2885. h2.top {
  2886. font-size: 1.85em;
  2887. }
  2888. .registration h2 {
  2889. font-size: 1.8em;
  2890. margin-bottom: 3%;
  2891. }
  2892. .follow h3, .subscribe h3, .help h3 {
  2893. font-size: 1.6em;
  2894. }
  2895. .images_1_of_4 .button a.cart-button {
  2896. padding: 7px 2px 7px 38px;
  2897. }
  2898. .login-signup-form {
  2899. width: 94%;
  2900. }
  2901. p.required {
  2902. font-size: 10px;
  2903. text-align: right;
  2904. color: #ff0000;
  2905. margin: 0;
  2906. }
  2907. .login.text-center {
  2908. padding: 1em 0 0 0;
  2909. }
  2910. }
  2911. @media screen and (max-width: 1024px) {
  2912. .right-grid {
  2913. width: 28%;
  2914. min-height: 344px;
  2915. float:left;
  2916. }
  2917. .banner {
  2918. width: 72%;
  2919. float:left;
  2920. }
  2921. .product-item h3 {
  2922. font-size: 2em;
  2923. margin: 14px 0 5px 0;
  2924. }
  2925. .new-arrival-head h3 {
  2926. font-size: 2.8em;
  2927. }
  2928. .product-item {
  2929. padding: 0 10px;
  2930. }
  2931. .wrap {
  2932. width: 95%;
  2933. }
  2934. .header-left ul li p, .header-left ul li a, .header-right ul li a {
  2935. font-size: 14px;
  2936. }
  2937. .top-header {
  2938. padding: 5px 0;
  2939. }
  2940. .top-menu ul li a {
  2941. font-size: 12px;
  2942. }
  2943. .right-grid-top {
  2944. padding: 1em;
  2945. }
  2946. .r-sale h6 {
  2947. font-size: 15px;
  2948. }
  2949. .r-sale h2 {
  2950. font-size: 2.8em;
  2951. }
  2952. .r-discount span {
  2953. padding: 5px 1em;
  2954. letter-spacing: 0.75em;
  2955. }
  2956. .r-discount h2 {
  2957. font-size: 3.5em;
  2958. }
  2959. .r-discount a {
  2960. font-size: 1em;
  2961. }
  2962. .r-discount p {
  2963. font-size: 1.8em;
  2964. }
  2965. .right-grid-bottom-left h3 {
  2966. font-size: 1.38em;
  2967. }
  2968. .right-grid-bottom-left p {
  2969. font-size: 12px;
  2970. padding: 4px 5px;
  2971. }
  2972. .right-grid-bottom-left h5 {
  2973. font-size: 0.98em;
  2974. }
  2975. .right-grid-bottom-left h2 {
  2976. font-size: 1.5em;
  2977. margin: 8px 0;
  2978. }
  2979. .right-grid-bottom-left a {
  2980. font-size: 1em;
  2981. }
  2982. .right-grid-bottom {
  2983. padding:0.8em 1em;
  2984. }
  2985. .best-sellers-menu ul li {
  2986. margin: 0 0.5em;
  2987. }
  2988. .best-sellers-menu ul li a {
  2989. font-size: 1em;
  2990. }
  2991. .nbs-flexisel-nav-left {
  2992. left: -3.5em;
  2993. }
  2994. .nbs-flexisel-nav-right{
  2995. right: -3.5em;
  2996. }
  2997. .ipad {
  2998. width: 90%;
  2999. padding: 13px 5px 50px 10px;
  3000. }
  3001. i.heart {
  3002. margin: 0 4px 0 0em;
  3003. }
  3004. i.cart-1 {
  3005. margin: 0 3px 0 1em;
  3006. }
  3007. .shipping {
  3008. padding: 1em;
  3009. }
  3010. .return {
  3011. padding: 1em;
  3012. }
  3013. .follow.text-left {
  3014. padding-left: 0;
  3015. }
  3016. .shipping h3, .return h3 {
  3017. font-size: 1.8em;
  3018. }
  3019. .subscribe input[type="submit"] {
  3020. padding: 9px 12px;
  3021. }
  3022. .subscribe input[type="text"] {
  3023. margin: 5px 4px 0 0;
  3024. }
  3025. .social-icons i {
  3026. width: 50px;
  3027. height: 50px;
  3028. background-size: 450px;
  3029. }
  3030. i.twitter {
  3031. background-position: -110px -49px;
  3032. }
  3033. i.facebook {
  3034. background-position: -164px -48px;
  3035. }
  3036. i.googlepluse {
  3037. background-position: -218px -49px;
  3038. }
  3039. i.pinterest {
  3040. background-position: -272px -48px;
  3041. }
  3042. i.linkedin {
  3043. background-position: -326px -48px;
  3044. }
  3045. .navigation-strip h4 {
  3046. font-size: 1.1em;
  3047. }
  3048. .different-products ul li:nth-child(7) {
  3049. display: none;
  3050. }
  3051. .about-text.text-right p {
  3052. font-size: 1em;
  3053. }
  3054. .different-products {
  3055. margin-top: 10px;
  3056. }
  3057. .footer-middle {
  3058. padding: 2em 0;
  3059. }
  3060. .registration h2 {
  3061. font-size: 1.6em;
  3062. margin-bottom: 2%;
  3063. }
  3064. .reg_fb i {
  3065. padding: 8px 16px;
  3066. font-size: 1.2em;
  3067. }
  3068. .registration_left {
  3069. width: 47.33333%;
  3070. margin-left: 5.333%;
  3071. }
  3072. .contact-box {
  3073. width: 70%;
  3074. margin: 2em auto 5em;
  3075. }
  3076. .register-top-grid div, .register-bottom-grid div {
  3077. width: 50%;
  3078. }
  3079. .sort {
  3080. width: 19%;
  3081. margin-left:0;
  3082. }
  3083. .show {
  3084. width: 19%;
  3085. margin-left:1.5%;
  3086. }
  3087. .heading {
  3088. margin-right: 6%;
  3089. }
  3090. .grid_1_of_4.images_1_of_4:nth-child(3) {
  3091. display: none;
  3092. }
  3093. .images_1_of_4 {
  3094. width: 31.6%;
  3095. }
  3096. .sub-cate, .slide-grid, .banner-bag, .banner-off {
  3097. width: 23%;
  3098. }
  3099. .latest-products {
  3100. margin-left: 2%;
  3101. }
  3102. .price1 h4 span {
  3103. margin: 12px 12px 0 12px;
  3104. }
  3105. .arrow-img {
  3106. padding: 0em 0em 0 1em;
  3107. }
  3108. .img-arrow {
  3109. padding: 0 0 0 2.9em;
  3110. }
  3111. .img-left-arrow {
  3112. padding: 0 0 0 0.4em;
  3113. }
  3114. .span_1_of_left {
  3115. margin-bottom: 0em;
  3116. }
  3117. .menu > li > a {
  3118. line-height: 3em;
  3119. text-indent: 0.5em;
  3120. }
  3121. .menu ul li a {
  3122. font-size: 1em;
  3123. line-height: 3.5em;
  3124. text-indent: 0.5em;
  3125. }
  3126. .chain {
  3127. padding: 1em 0;
  3128. }
  3129. .chain-watch {
  3130. padding: 1em 0;
  3131. }
  3132. .left_content {
  3133. width: 100%;
  3134. margin-left: 0;
  3135. }
  3136. .single-subcate{
  3137. width:100%;
  3138. margin-top:2em;
  3139. }
  3140. .brand-content-bar{
  3141. padding:1em 1em;
  3142. }
  3143. .brand-content-bar {
  3144. width: 100%;
  3145. margin: 0 0 1em 0;
  3146. }
  3147. .brand-content-bar {
  3148. padding: 1em 4em;
  3149. }
  3150. .login-signup-form {
  3151. width: 100%;
  3152. }
  3153. section#main {
  3154. padding: 2em;}
  3155. .reg_fb i {
  3156. padding: 5px 4px;
  3157. font-size: 1em;
  3158. }
  3159. .how_to {
  3160. background: #F8F8F8;
  3161. padding: 0.7em 1em;}
  3162. .labelTop {
  3163. width: 31%;
  3164. }
  3165. .forgetit {
  3166. padding: 25px 2em 25px 11px;
  3167. }
  3168. .cus_info_wrap {
  3169. margin-bottom: 15px;
  3170. padding: 0 15px;
  3171. }
  3172. .cus_info_wrap input[type="text"] {
  3173. width: 69%;}
  3174. .checkbox {
  3175. width: 80%;
  3176. }
  3177. .checkbox i {
  3178. position: absolute;
  3179. bottom: 8px;
  3180. left: 43px;}
  3181. .login.text-center {
  3182. min-height: 456px;
  3183. width: 100%;
  3184. margin-bottom: 2em;
  3185. }
  3186. .sign-up{
  3187. width: 100%;
  3188. }
  3189. .sign-up.text-center {
  3190. border-left: 1px solid #D6D6D6;
  3191. min-height: 256px;
  3192. width: 100%;
  3193. margin-bottom:2em;
  3194. }
  3195. .reg_gp i {
  3196. padding: 7px 10px 0 0;
  3197. font-size: 1em;}
  3198. .benefits {
  3199. padding: 10px 10px 10px;
  3200. background: #F6F6F6;
  3201. width: 100%;
  3202. margin-left: 0%;
  3203. }
  3204. .login-signup-form {
  3205. width: 62%;
  3206. }
  3207. .checkbox i {
  3208. position: absolute;
  3209. bottom: 8px;
  3210. left: 93px;
  3211. }
  3212. .checkbox {
  3213. width: 90%;
  3214. }
  3215. .forgetit input[type="text"] {
  3216. width: 82%;}
  3217. .checkbox i {
  3218. position: absolute;
  3219. bottom: 8px;
  3220. left: 156px;
  3221. }
  3222. p.required {
  3223. font-size: 10px;
  3224. text-align: right;
  3225. color: #ff0000;
  3226. margin: 0;
  3227. }
  3228. }
  3229. @media screen and (max-width: 800px) {
  3230. .forgetit input[type="text"] {
  3231. width: 75%;
  3232. }
  3233. .checkbox i {
  3234. position: absolute;
  3235. bottom: 8px;
  3236. left: 94px;
  3237. }
  3238. .wrap {
  3239. width: 95%;
  3240. }
  3241. .right-grid {
  3242. width: 100%;
  3243. min-height: 344px;
  3244. float:left;
  3245. }
  3246. .banner {
  3247. width: 100%;
  3248. float:left;
  3249. }
  3250. .footer-middle {
  3251. padding: 1.5em 0;
  3252. text-align: center;
  3253. }
  3254. .different-products {
  3255. margin: 0 0 2em 0;
  3256. }
  3257. .about-text.text-right {
  3258. text-align: center;
  3259. }
  3260. .copyright {
  3261. padding: 1.5em 0;
  3262. }
  3263. .follow.text-left,.subscribe.text-left {
  3264. text-align: center;
  3265. margin-bottom: 1.5em;
  3266. }
  3267. .help.text-right {
  3268. text-align: center;
  3269. margin-bottom: 1em;
  3270. }
  3271. .shipping {
  3272. width: 100%;
  3273. margin-bottom: 1em;
  3274. }
  3275. .return {
  3276. width: 100%;
  3277. }
  3278. i.cart-1 {
  3279. margin: 0 3px 0 2em;
  3280. }
  3281. i.heart {
  3282. margin: 0 4px 0 1em;
  3283. }
  3284. .best-sellers-head h3 {
  3285. font-size: 1.9em;
  3286. }
  3287. .best-sellers-menu ul li a {
  3288. font-size: 0.9em;
  3289. padding: 7px 10px;
  3290. }
  3291. .best-sellers-menu {
  3292. margin-top: 5px;
  3293. }
  3294. .best-sellers {
  3295. padding: 1.8em 1em;
  3296. }
  3297. .product-item {
  3298. width: 33.333%;
  3299. float: left;
  3300. }
  3301. .product-item h3 {
  3302. font-size: 1.8em;
  3303. margin: 12px 0 3px 0;
  3304. }
  3305. .product-item a {
  3306. font-size: 1em;
  3307. }
  3308. .new-arrival-head h3 {
  3309. font-size: 2.7em;
  3310. margin: 0 0 0.4em 0;
  3311. }
  3312. .new-arrival-head {
  3313. margin-bottom: 1.2em;
  3314. }
  3315. .new-arrivals {
  3316. padding: 1.5em 0;
  3317. }
  3318. .right-grid-top {
  3319. width: 50%;
  3320. float: left;
  3321. border-bottom: 0px solid #B9B9B9;
  3322. border-right: 1px solid #B9B9B9;
  3323. }
  3324. .right-grid-bottom {
  3325. width: 50%;
  3326. float: left;
  3327. }
  3328. .right-grid {
  3329. min-height: 173px;
  3330. border: 1px solid #B9B9B9;
  3331. margin:1.5em 0;
  3332. }
  3333. .right-grid-bottom-left h3 {
  3334. font-size: 1.75em;
  3335. }
  3336. .right-grid-bottom-left p {
  3337. font-size: 14px;
  3338. padding: 4px 12px;
  3339. }
  3340. .r-discount span {
  3341. letter-spacing: 1.5em;
  3342. }
  3343. .search {
  3344. width: 50%;
  3345. }
  3346. .header-left ul li p, .header-left ul li a, .header-right ul li a {
  3347. font-size: 13px;
  3348. }
  3349. i.user {
  3350. width: 22px;
  3351. height: 22px;
  3352. background: url('../images/img-sprite.png') no-repeat -2px -3px;
  3353. background-size: 450px;
  3354. }
  3355. i.lock {
  3356. width: 22px;
  3357. height: 22px;
  3358. background: url('../images/img-sprite.png') no-repeat -31px -4px;
  3359. background-size: 450px;
  3360. }
  3361. .sign-up-right a {
  3362. top: 13%;
  3363. right: 40%;
  3364. font-size: 13px;
  3365. }
  3366. .header-right ul li a {
  3367. margin-right: 5px;
  3368. }
  3369. .header-right ul li.login {
  3370. padding: 0em 3.5em 0 0;
  3371. }
  3372. .header-right ul li.last {
  3373. padding: 1px 7px;
  3374. font-size: 14px;
  3375. }
  3376. i.cart {
  3377. width: 22px;
  3378. height: 22px;
  3379. background: url('../images/img-sprite.png') no-repeat -56px -1px;
  3380. background-size: 450px;
  3381. }
  3382. .header-left {
  3383. margin-top: 2px;
  3384. }
  3385. .top-header {
  3386. padding: 9px 0;
  3387. }
  3388. .registration h2 {
  3389. font-size: 1.45em;
  3390. }
  3391. .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
  3392. width: 50px;
  3393. height: 50px;
  3394. }
  3395. .nbs-flexisel-nav-left {
  3396. left: -2em;
  3397. background: url(../images/img-sprite.png) -5px -57px no-repeat;
  3398. }
  3399. .nbs-flexisel-nav-right {
  3400. right: -2em;
  3401. background: url(../images/img-sprite.png) -65px -56px no-repeat;
  3402. }
  3403. .contact-box {
  3404. width: 85%;
  3405. margin: 2em auto 3em;
  3406. }
  3407. h3.c-head {
  3408. font-size: 1.7em;
  3409. }
  3410. .new-product {
  3411. padding: 0.5em 0em;
  3412. }
  3413. .heading h3 {
  3414. font-size: 19px;
  3415. }
  3416. .sort {
  3417. width: 34%;
  3418. }
  3419. .heading {
  3420. margin-right: 47%;
  3421. margin-bottom: 1em;
  3422. }
  3423. .main {
  3424. padding: 1.5em 1em;
  3425. }
  3426. .images_1_of_4 {
  3427. padding: 1.5% 1.5%;
  3428. }
  3429. .images_1_of_4 .button {
  3430. margin-top: 1em;
  3431. width: 100%;
  3432. }
  3433. .grid1_of_3 {
  3434. width: 47.333%;
  3435. }
  3436. .grid1_of_3:nth-child(2) {
  3437. display: none;
  3438. }
  3439. .latest-products {
  3440. width: 71%;
  3441. }
  3442. .sub-cate, .slide-grid, .banner-bag, .banner-off {
  3443. width: 27%;
  3444. }
  3445. .single-subcate{
  3446. width:100%;
  3447. margin-top:2em;
  3448. }
  3449. .images_3_of_2 {
  3450. width: 41.2%;
  3451. margin-right: 2.2%;
  3452. }
  3453. .span1_of_1_des {
  3454. width: 55.5%;
  3455. }
  3456. .available li select {
  3457. margin-left: 3px;
  3458. }
  3459. .w_nav2 li a {
  3460. padding: 16px;
  3461. }
  3462. .span_1_of_left {
  3463. margin-bottom: 2em;
  3464. }
  3465. .filter-by-color {
  3466. margin-top: 8px;
  3467. }
  3468. .desc1 h3 {
  3469. font-size: 1.75em;
  3470. margin-bottom: 5px;
  3471. }
  3472. .brand-content-bar {
  3473. padding: 1em 1em;
  3474. }
  3475. .navigation-strip h4 {
  3476. display: none;
  3477. }
  3478. .navigation-strip {
  3479. padding: 1.4em 0.2em;
  3480. }
  3481. .order.text-center {
  3482. padding: 10em 0 14em 0;
  3483. }
  3484. .login-left{
  3485. width:100%;
  3486. margin:0 0 2em 0;
  3487. min-height: 250px;
  3488. }
  3489. .login-right{
  3490. width:100%;
  3491. }
  3492. .login-page {
  3493. padding: 1em 0;
  3494. }
  3495. p.required {
  3496. font-size: 10px;
  3497. text-align: right;
  3498. color: #ff0000;
  3499. margin: 0;
  3500. }
  3501. }
  3502. @media screen and (max-width: 768px) {
  3503. .top-menu {
  3504. float: none;
  3505. }
  3506. .navigation-strip h4 {
  3507. display: none;
  3508. }
  3509. .top-menu ul li a {
  3510. padding: 15px;
  3511. }
  3512. .navigation-strip {
  3513. padding: 5px 0;
  3514. }
  3515. .top-menu ul li a {
  3516. font-size: 14px;
  3517. }
  3518. .single-subcate{
  3519. width:100%;
  3520. margin-top:2em;
  3521. }
  3522. .images_3_of_2 {
  3523. width: 42.2%;
  3524. margin-right: 2.7%;
  3525. }
  3526. .span1_of_1_des {
  3527. width: 54%;
  3528. }
  3529. .available li select {
  3530. margin-left: -1px;
  3531. }
  3532. .w_nav2 li {
  3533. margin: 0 0em 0em 0;
  3534. }
  3535. .h_nav h4 {
  3536. display: block;
  3537. margin-bottom: 3px;
  3538. }
  3539. .megamenu>li>a {
  3540. padding: 15px 25px;
  3541. }
  3542. .h_nav ul li a {
  3543. padding: 0;
  3544. }
  3545. p.required {
  3546. font-size: 10px;
  3547. text-align: right;
  3548. color: #ff0000;
  3549. margin: 0;
  3550. }
  3551. }
  3552. @media screen and (max-width: 640px) {
  3553. i.cart-1 {
  3554. margin: 0 3px 0 3.65em;
  3555. }
  3556. i.heart {
  3557. margin: 0 4px 0 2.5em;
  3558. }
  3559. .best-sellers-head h3 {
  3560. font-size: 1.6em;
  3561. }
  3562. .best-sellers-head {
  3563. margin-right: 5%;
  3564. }
  3565. .best-sellers-menu ul li a {
  3566. font-size: 0.875em;
  3567. padding: 6px 10px;
  3568. }
  3569. .best-sellers-menu ul li {
  3570. margin: 0 0.3em;
  3571. }
  3572. .new-arrival-head h3 {
  3573. font-size: 2.5em;
  3574. margin: 0 0 0.5em 0;
  3575. }
  3576. .new-arrival-head a {
  3577. font-size: 1em;
  3578. padding: 6px 25px;
  3579. }
  3580. .product-item h3 {
  3581. font-size: 1.6em;
  3582. margin: 10px 0 3px 0;
  3583. }
  3584. .product-item a {
  3585. font-size: 0.9em;
  3586. }
  3587. .r-discount span {
  3588. letter-spacing: 0.9em;
  3589. }
  3590. .right-grid-bottom-left h3 {
  3591. font-size: 1.4em;
  3592. }
  3593. .right-grid-bottom-left p {
  3594. width: 79%;
  3595. }
  3596. .top-header {
  3597. text-align: center;
  3598. }
  3599. .header-left {
  3600. margin: 0px 0 5px 0;
  3601. float: none;
  3602. }
  3603. .header-right {
  3604. float: none;
  3605. }
  3606. .sign-up-right a {
  3607. top: 10%;
  3608. right: 43%;
  3609. }
  3610. .logo {
  3611. width: 32%;
  3612. }
  3613. .search2 input[type="text"] {
  3614. font-size: 13px;
  3615. width: 89%;
  3616. }
  3617. .search2 {
  3618. padding:6px 6px 6px 0;
  3619. margin: 10px 0px 0px 0em;
  3620. }
  3621. .search2 input[type="submit"] {
  3622. top: 0px;
  3623. }
  3624. .header-left ul li p, .header-left ul li a, .header-right ul li a {
  3625. font-size: 14px;
  3626. }
  3627. .search {
  3628. width: 55%;
  3629. }
  3630. .registration h2 {
  3631. font-size: 1.3em;
  3632. }
  3633. section#main {
  3634. padding: 0 1em;
  3635. }
  3636. .form {
  3637. margin: 0em 0 1em;
  3638. }
  3639. .coats {
  3640. margin-top: 1em;
  3641. }
  3642. .show {
  3643. width: 23%;
  3644. margin-left: 1%;
  3645. }
  3646. .latest-products {
  3647. margin-left: 0;
  3648. width: 100%;
  3649. }
  3650. .sub-cate, .slide-grid, .banner-bag, .banner-off {
  3651. width: 100%;
  3652. }
  3653. .arrow-img {
  3654. padding: 0em 0em 0 25em;
  3655. }
  3656. .img-arrow {
  3657. padding: 0 0 0 26.8em;
  3658. }
  3659. .img-left-arrow {
  3660. padding: 0 0 0 24.4em;
  3661. }
  3662. .span1_of_1_des {
  3663. width: 44.5%;
  3664. }
  3665. .images_3_of_2 {
  3666. width: 52%;
  3667. margin-right: 2%;
  3668. }
  3669. .desc1 p {
  3670. font-size: 1em;
  3671. line-height: 1.7em;
  3672. height: 50px;
  3673. overflow: hidden;
  3674. }
  3675. .btn_form form input[type="submit"] {
  3676. font-size: 1.1em;
  3677. padding: 6px 20px;
  3678. }
  3679. .desc1 h5 {
  3680. margin-top: 1.5%;
  3681. font-size: 1.5em;
  3682. }
  3683. .span_right {
  3684. float: left;
  3685. }
  3686. .available ul {
  3687. margin-bottom: 0.5em;
  3688. }
  3689. .desc1 h3{
  3690. height: 29px;
  3691. overflow: hidden;
  3692. }
  3693. .available li select {
  3694. margin-bottom: 1em;
  3695. }
  3696. .brand-content-bar {
  3697. padding: 1em 2em;
  3698. }
  3699. .load a {
  3700. width: 30%;
  3701. }
  3702. .order.text-center {
  3703. padding: 8em 0 10em 0;
  3704. }
  3705. .register-but form input[type="submit"]{
  3706. margin-bottom:2em;
  3707. }
  3708. .login-signup-form {
  3709. width: 73%;
  3710. }
  3711. p.required {
  3712. font-size: 10px;
  3713. text-align: right;
  3714. color: #ff0000;
  3715. margin: 0;
  3716. }
  3717. }
  3718. @media screen and (max-width: 480px) {
  3719. .login-signup-form {
  3720. width: 100%;
  3721. }
  3722. .cards.text-center img {
  3723. width: 100%;
  3724. }
  3725. .wrap {
  3726. width: 92%;
  3727. }
  3728. .logo {
  3729. width: 35%;
  3730. }
  3731. i.cart-1 {
  3732. margin: 0 3px 0 7.89em;
  3733. }
  3734. i.heart {
  3735. margin: 0 4px 0 6.6em;
  3736. }
  3737. .different-products ul li a {
  3738. font-size: 12px;
  3739. }
  3740. .cards,.copyright{
  3741. padding: 1em 0;
  3742. }
  3743. .copyright p {
  3744. font-size: 15px;
  3745. }
  3746. .subscribe input[type="text"] {
  3747. width: 65%;
  3748. font-size: 14px;
  3749. padding: 8px 8px;
  3750. }
  3751. .subscribe input[type="submit"] {
  3752. padding: 7px 12px;
  3753. font-size: 14px;
  3754. }
  3755. .copyright p a {
  3756. font-size: 18px;
  3757. margin-left: 7px;
  3758. }
  3759. .about-text.text-right p {
  3760. font-size: 0.95em;
  3761. }
  3762. .best-sellers-menu {
  3763. display: none;
  3764. }
  3765. .best-sellers {
  3766. padding: 1.2em 1em;
  3767. }
  3768. .product-item h3 {
  3769. font-size: 1.4em;
  3770. margin: 9px 0px 1px 0;
  3771. }
  3772. .product-item {
  3773. padding: 0 5px 0px 5px;
  3774. }
  3775. .new-arrival-head h3 {
  3776. font-size: 2.2em;
  3777. }
  3778. .right-grid-top {
  3779. width:100%;
  3780. border-bottom: 1px solid #B9B9B9;
  3781. border-right: 0px solid #B9B9B9;
  3782. }
  3783. .right-grid-bottom {
  3784. width: 100%;
  3785. }
  3786. .right-grid-bottom-left h3 {
  3787. font-size: 1.8em;
  3788. }
  3789. .r-discount span {
  3790. letter-spacing: 2.2em;
  3791. }
  3792. .sign-up-right a {
  3793. right: 41%;
  3794. }
  3795. .logo {
  3796. width: 33%;
  3797. }
  3798. .search2 input[type="text"] {
  3799. font-size: 12px;
  3800. width: 86%;
  3801. }
  3802. .search2 {
  3803. padding: 5px 5px 5px 0;
  3804. margin: 6px 0px 0px 0em;
  3805. }
  3806. .header-left ul li p, .header-left ul li a, .header-right ul li a {
  3807. font-size: 13px;
  3808. }
  3809. .header-left {
  3810. margin: 0px 0 2px 0;
  3811. }
  3812. .top-header {
  3813. padding: 7px 0;
  3814. }
  3815. .callbacks_tabs a:after {
  3816. height: 7px;
  3817. width: 7px;
  3818. }
  3819. .registration_form input[type="submit"] {
  3820. margin-bottom: 0;
  3821. }
  3822. .checkbox{
  3823. margin:0;
  3824. }
  3825. .registration_left:first-child {
  3826. margin-bottom: 2em;
  3827. }
  3828. ul.callbacks_tabs.callbacks1_tabs {
  3829. bottom: 10px;
  3830. left: 173px;
  3831. }
  3832. .registration_left {
  3833. width: 100%;
  3834. margin: 0;
  3835. }
  3836. .registration_form div {
  3837. padding: 8px 0;
  3838. }
  3839. .span_1_of_contact {
  3840. width: 100%;
  3841. margin-bottom: 2em;
  3842. }
  3843. .contact_grid {
  3844. width: 100%;
  3845. }
  3846. .map iframe {
  3847. height: 200px;
  3848. }
  3849. .span_2_of_contact_right h3 {
  3850. margin-bottom: 0.5em;
  3851. }
  3852. .images_1_of_4 {
  3853. width: 48.6%;
  3854. }
  3855. .grid_1_of_4.images_1_of_4:nth-child(4) {
  3856. display: none;
  3857. }
  3858. .heading {
  3859. margin-right: 22%;
  3860. margin-bottom: 0.5em;
  3861. }
  3862. .sort {
  3863. width: 52%;
  3864. }
  3865. .show {
  3866. width: 38%;
  3867. margin-left: 5%;
  3868. }
  3869. .page-no {
  3870. padding-top: 10px;
  3871. }
  3872. .arrow-img {
  3873. padding: 0em 0em 0 13em;
  3874. }
  3875. .img-arrow {
  3876. padding: 0 0 0 14.8em;
  3877. }
  3878. .img-left-arrow {
  3879. padding: 0 0 0 12.4em;
  3880. }
  3881. .span_1_of_left {
  3882. margin-bottom: 1em;
  3883. }
  3884. .grid1_of_3 h3 {
  3885. font-size: 1.2em;
  3886. }
  3887. .menu > li > a,.menu ul li a {
  3888. text-indent: 1.5em;
  3889. }
  3890. .span1_of_1_des {
  3891. width: 100%;
  3892. }
  3893. .images_3_of_2 {
  3894. width: 100%;
  3895. margin-right: 0;
  3896. }
  3897. .span_right {
  3898. float: right;
  3899. }
  3900. .navigation-strip {
  3901. padding: 0;
  3902. }
  3903. .brand-content-bar {
  3904. padding: 1em 0.5em;
  3905. }
  3906. .load a {
  3907. width: 35%;
  3908. }
  3909. .order.text-center {
  3910. padding: 6em 0 9em 0;
  3911. margin-top: 1em;
  3912. }
  3913. .acount-btn,.login-right input[type="submit"] {
  3914. font-size: 0.875em;
  3915. }
  3916. .login-left h3, .login-right h3 {
  3917. font-size: 1.25em;
  3918. }
  3919. p.required {
  3920. font-size: 10px;
  3921. text-align: right;
  3922. color: #ff0000;
  3923. margin: 0;
  3924. }
  3925. }
  3926. @media screen and (max-width: 320px) {
  3927. .copyright p {
  3928. font-size: 14px;
  3929. }
  3930. .subscribe input[type="text"] {
  3931. width: 58%;
  3932. }
  3933. .social-icons i {
  3934. width: 45px;
  3935. height: 45px;
  3936. background-size: 400px;
  3937. }
  3938. i.twitter {
  3939. background-position: -97px -42px;
  3940. }
  3941. i.facebook {
  3942. background-position: -145px -42px;
  3943. }
  3944. i.googlepluse {
  3945. background-position: -193px -42px;
  3946. }
  3947. i.pinterest {
  3948. background-position: -241px -42px;
  3949. }
  3950. i.linkedin {
  3951. background-position: -289px -42px;
  3952. }
  3953. .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
  3954. width: 42px;
  3955. height: 42px;
  3956. }
  3957. .nbs-flexisel-nav-left {
  3958. left: -1em;
  3959. background: url(../images/img-sprite.png) -6px -62px no-repeat;
  3960. }
  3961. .nbs-flexisel-nav-right {
  3962. right: -1em;
  3963. background: url(../images/img-sprite.png) -67px -62px no-repeat;
  3964. }
  3965. i.cart-1 {
  3966. margin: 0 3px 0 3.6em;
  3967. }
  3968. i.heart {
  3969. margin: 0 4px 0 2.5em;
  3970. }
  3971. .product-item {
  3972. padding: 0 12px 0px 12px;
  3973. width: 100%;
  3974. margin-top:0.5em;
  3975. }
  3976. .right-grid-bottom,.right-grid-top {
  3977. padding: 5px;
  3978. }
  3979. .right-grid-bottom-left h3 {
  3980. font-size: 1.5em;
  3981. }
  3982. .r-discount span {
  3983. letter-spacing: 1em;
  3984. }
  3985. .logo {
  3986. width: 41%;
  3987. }
  3988. .search2 input[type="text"] {
  3989. font-size: 10px;
  3990. width: 82%;
  3991. }
  3992. .search2 {
  3993. padding: 7px 5px 5px 0;
  3994. margin: 3px 0px 0px 0em;
  3995. }
  3996. .sign-up-right a {
  3997. right: 9%;
  3998. top: 5%;
  3999. }
  4000. h3.c-head {
  4001. font-size: 1.4em;
  4002. }
  4003. .coats p {
  4004. height: 40px;
  4005. overflow: hidden;
  4006. }
  4007. .coats {
  4008. margin-top: 0.3em;
  4009. margin-bottom: 1em;
  4010. }
  4011. .text input[type="text"], .text input[type="password"] {
  4012. padding: 8px;
  4013. }
  4014. .contact-box {
  4015. width: 95%;
  4016. margin: 1.3em auto 2em;
  4017. }
  4018. .text input[type="submit"],.reg a {
  4019. padding: 10px 25px;
  4020. }
  4021. .register-top-grid input[type="text"], .register-bottom-grid input[type="password"] {
  4022. padding: 0.35em;
  4023. }
  4024. .register-top-grid div, .register-bottom-grid div {
  4025. width: 100%;
  4026. margin: 6px 0;
  4027. }
  4028. .register {
  4029. padding: 8px 0 2em 0;
  4030. }
  4031. .new-product-top {
  4032. padding: 0em 0 0.5em;
  4033. }
  4034. p.comment-form-author {
  4035. margin-bottom: 1.2em;
  4036. }
  4037. .load a {
  4038. width: 65%;
  4039. padding: 0.6em;
  4040. }
  4041. h3.cate {
  4042. font-size: 1.5em;
  4043. }
  4044. .menu > li > a, .menu ul li a {
  4045. text-indent: 0.5em;
  4046. }
  4047. .arrow-img {
  4048. padding: 0em 0em 0 4em;
  4049. }
  4050. .img-arrow {
  4051. padding: 0 0 0 5.8em;
  4052. }
  4053. .img-left-arrow {
  4054. padding: 0 0 0 3.4em;
  4055. }
  4056. h2.top {
  4057. font-size: 1.5em;
  4058. }
  4059. .grid1_of_3 {
  4060. width: 100%;
  4061. margin-bottom:1.5em;
  4062. margin-left: 0;
  4063. }
  4064. .images_1_of_4 {
  4065. width: 100%;
  4066. margin-bottom:1.5em;
  4067. margin-left: 0;
  4068. padding: 12px 0;
  4069. }
  4070. .heading {
  4071. margin-right: 0%;
  4072. }
  4073. .content_top {
  4074. padding: 12px 10px;
  4075. }
  4076. .top-menu ul li a {
  4077. padding: 10px;
  4078. }
  4079. .h_nav ul li a {
  4080. padding: 0;
  4081. }
  4082. .available li {
  4083. font-size: 0.9em;
  4084. }
  4085. .w_nav2 li a {
  4086. padding: 13px;
  4087. }
  4088. .span_right {
  4089. float:left;
  4090. }
  4091. .header-right ul li:nth-child(3), .header-right ul li:nth-child(4) {
  4092. display: none;
  4093. }
  4094. .content_bottom {
  4095. padding: 10px 10px;
  4096. }
  4097. .login-left p, .login-right p {
  4098. color: #555;
  4099. display: block;
  4100. font-size: 0.9em;
  4101. margin: 0 0 1.5em 0;}
  4102. .login-left h3, .login-right h3 {
  4103. font-size: 1.1em;
  4104. }
  4105. .login-right {
  4106. width: 100%;
  4107. padding: 20px 10px 15px 10px;
  4108. }
  4109. p.required {
  4110. font-size: 10px;
  4111. text-align: right;
  4112. color: #ff0000;
  4113. margin: 0;
  4114. }
  4115. .how_to {
  4116. margin: 10px 0px;
  4117. }
  4118. section#main {
  4119. padding: 0 0.5em;
  4120. }
  4121. .cus_info_wrap {
  4122. margin-bottom: 15px;
  4123. padding: 0 5px;
  4124. }
  4125. .cus_info_wrap label {
  4126. font-size: 13px;
  4127. }
  4128. .labelTop {
  4129. width: 34%;
  4130. }
  4131. .cus_info_wrap input[type="text"] {
  4132. width: 65%;
  4133. }
  4134. .checkbox i {
  4135. position: absolute;
  4136. bottom: 8px;
  4137. left: 25px;
  4138. }
  4139. .forgetit input[type="text"] {
  4140. width: 64%;
  4141. }
  4142. .login.text-center {
  4143. min-height: 438px;}
  4144. .sgn label {
  4145. width: 65%;
  4146. margin-top: 4px;
  4147. }
  4148. .how_to p {
  4149. font-size: 10px;}
  4150. }