New paste
Recent API Trending Blog
Guest
 
Guest

Untitled 594

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