New paste
Recent
API
Trending
Blog
Guest
Sign Up or Login
Login
Sign Up
New Paste
Syntax Highlighting
<!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026</title> <meta content="BARGES88 merupakan portal login link situs toto slot gacor resmi yang menyediakan alternatif terbaru bebas hampatan paling mudah diakses." name="description" /> <meta property="og:title" content="BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026"> <meta property="og:type" content="website"> <meta property="og:url" content="https://snelenvoordeligweg.nl/reisbeoordelingen/"> <link rel="canonical" href="https://snelenvoordeligweg.nl/reisbeoordelingen/" /> <link rel="amphtml" href="https://snelenvoordeligweg-nl-reisbeoordelingen.pages.dev/" /> <meta property="og:site_name" content="BARGES88"> <meta property="og:description" content="BARGES88 merupakan portal login link situs toto slot gacor resmi yang menyediakan alternatif terbaru bebas hampatan paling mudah diakses."> <link href="https://ik.imagekit.io/odinastic/logo/ZL4IDf8.png?updatedAt=1771643838379" rel="shortcut icon" type="image/x-icon" /> <link rel="stylesheet" href="https://wahanasuperstore.com/web/bootstrap/css/bootstrap.min.css" /> <meta name="robots" content="index, follow"> <meta name="author" content="BARGES88"> <meta name="generator" content="SITUS TOTO SLOT"> <!-- ===== BRAND & IDENTITY ===== --> <meta name="brand" content="BARGES88"> <meta name="publisher" content="BARGES88"> <meta name="copyright" content="BARGES88"> <!-- ===== GEO / WILAYAH ===== --> <meta name="geo.region" content="ID"> <meta name="geo.placename" content="Indonesia"> <!-- ===== LANGUAGE & DISTRIBUTION ===== --> <meta http-equiv="content-language" content="id-ID"> <meta name="distribution" content="global"> <meta name="rating" content="general"> <!-- ===== MOBILE & RESPONSIVE ===== --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="mobile-web-app-capable" content="yes"> <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> <body> <script type="application/ld+json"> { "@context": "https://schema.org", "@graph": [ { "@type": "Brand", "@id": "https://snelenvoordeligweg.nl/reisbeoordelingen/#kokohoki", "name": "BARGES88", "description": "BARGES88 merupakan portal login link situs toto slot gacor resmi yang menyediakan alternatif terbaru bebas hampatan paling mudah diakses.", "url": "https://snelenvoordeligweg.nl/reisbeoordelingen/", "logo": "https://ik.imagekit.io/odinastic/banner/banner-slot-gacor.png?updatedAt=1772029106758", "slogan": "BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026", "sameAs": [ "https://www.facebook.com/BARGES88", "https://www.instagram.com/BARGES88", "https://twitter.com/BARGES88" ] }, { "@type": "Organization", "@id": "https://snelenvoordeligweg.nl/reisbeoordelingen/#brand", "name": "BARGES88", "url": "https://snelenvoordeligweg.nl/reisbeoordelingen/", "logo": { "@type": "ImageObject", "url": "https://ik.imagekit.io/odinastic/banner/banner-slot-gacor.png?updatedAt=1772029106758" }, "brand": { "@id": "https://snelenvoordeligweg.nl/reisbeoordelingen/#kokohoki" }, "contactPoint": { "@type": "ContactPoint", "contactType": "customer support", "availableLanguage": ["Indonesian"] }, "areaServed": "ID", "foundingDate": "2020" } ] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "BARGES88", "item": "https://snelenvoordeligweg.nl/reisbeoordelingen/" }, { "@type": "ListItem", "position": 2, "name": "SITUS TOTO SLOT", "item": "https://snelenvoordeligweg.nl/reisbeoordelingen/" }, { "@type": "ListItem", "position": 3, "name": "SITUS GACOR TERPERCAYA", "item": "https://snelenvoordeligweg.nl/reisbeoordelingen/" }, { "@type": "ListItem", "position": 4, "name": "SLOT GACOR RESMI 2026", "item": "https://snelenvoordeligweg.nl/reisbeoordelingen/" }, { "@type": "ListItem", "position": 5, "name": "LOGIN SLOT GACOR", "item": "https://snelenvoordeligweg.nl/reisbeoordelingen/" }, { "@type": "ListItem", "position": 6, "name": "DAFTAR BARGES88", "item": "https://snelenvoordeligweg.nl/reisbeoordelingen/" }, { "@type": "ListItem", "position": 7, "name": "LOGIN BARGES88", "item": "https://snelenvoordeligweg.nl/reisbeoordelingen/" }, { "@type": "ListItem", "position": 8, "name": "BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026", "item": "https://snelenvoordeligweg.nl/reisbeoordelingen/" } ] } </script> <style> @import url(https://fonts.googleapis.com/css?family=Lato); @import url(https://fonts.googleapis.com/css?family=Open+Sans); @font-face { font-family: 'GothamLight'; src: url(gotham/Gotham-Light.otf); } @font-face { font-family: 'GothamBook'; src: url(gotham/Gotham-Book.otf); } @font-face { font-family: 'Polaris'; src: url(polaris/PBook.otf); } html, body { margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; font-family: 'Open Sans', sans-serif !important; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .cl { clear: both; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; -webkit-font-smoothing: antialiased; } .wsmain html, .wsmain body, .wsmain iframe, .wsmain h1, .wsmain h2, .wsmain h3, .wsmain h4, .wsmain h5, .wsmain h6 { margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; font-weight: normal; font-size: 12px; line-height: 18px; font-family: 'Open Sans', sans-serif !important; -webkit-font-smoothing: subpixel-antialiased; font-smoothing: antialiased; font-smooth: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased !important; font-smoothing: subpixel-antialiased !important; font-smooth: subpixel-antialiased; } .wsmain .cl { clear: both; } .wsmain img, object, embed, video { border: 0 none; max-width: 100%; } .wsmain a:focus { outline: none !important; } .wsmain:before, .wsmain:after { content: ""; display: table; } .wsmain:after { clear: both; } .wsmobileheader { display: none; } .overlapblackbg { display: none; } .smllogo { padding: 9px 0px 0px 0px; margin: 0; float: left; width: 14.4%; } .smllogo a { display: block; float: left; padding: 0px 0px 0px 0px; } .topmenusearch { float: right; width: 100%; height: 42px; position: relative; margin: 9px 0px 0px 0px; } .topmenusearch .searchicon { -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .topmenusearch input { width: 100%; position: relative; float: right; top: 0; right: 0; bottom: 0; width: 100%; border: 0; padding: 0; margin: 0; text-indent: 15px; font-size: 12px; height: 42px; z-index: 2; outline: none; color: #7d7d7d; background-color: #e9ebef; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .topmenusearch input:focus { color: #000; } .topmenusearch input:focus~.btnstyle { background-color: #424242; color: #fff; opacity: 0.9; } .topmenusearch input:focus~.btnstyle .fa { color: #fff; } .topmenusearch input:focus~.searchicon { opacity: 1; z-index: 3; color: #FFFFFF; } .topmenusearch .btnstyle { top: 0px; position: absolute; right: 0; bottom: 0; width: 42px; line-height: 30px; z-index: 1; cursor: pointer; color: #fff; z-index: 1000; background-color: #eeeeee; border: solid 0px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; -webkit-border-radius: 0px 2px 2px 0px; -moz-border-radius: 0px 2px 2px 0px; border-radius: 0px 2px 2px 0px; } .topmenusearch .btnstyle .fa { line-height: 38px; margin: 0; padding: 0; text-align: center; color: #9c9c9c; } .topmenusearch .btnstyle:hover { background-color: #fff; } .wsmain { width: 100%; margin: 0 auto; padding: 0px 0px; max-width: 1300px; } .wsmenu { position: relative; font-family: 'Open Sans', sans-serif; font-size: 14px; padding: 0px 0px 0px 0px; margin: 0px auto; width: 90%; float: left; height: 60px; } .wsmenu-list { text-align: center; margin: 0 auto 0 auto; width: 100%; display: table; padding: 0px; } .wsmenu-list>li { text-align: center; display: inline-table; margin: 0px; padding: 0px; /* float: left; */ } .wsmenu-list>.wscarticon>a .fa.fa-shopping-basket { display: inline-block; font-size: 16px; line-height: inherit; margin-right: 5px; color: #7b7b7b; } .wsmenu-list>.wsshopmenu>a .fa.fa-angle-down { display: inline-block; font-size: 13px; line-height: inherit; margin-left: 11px; color: #7b7b7b; } .wsmenu-list li ul li a .fa.fa-angle-double-right { font-size: 12px; margin: 0 3px 0 -4px; } .wsmenu-list>li>a { display: block; color: #828181; padding: 0 26px 0 22px; line-height: 58px; text-decoration: none; position: relative; } .wsmenu-list>li:hover>a { color: #000; } .wsmenu-list>li>.navtext { line-height: 16px; text-align: left; padding: 15px; padding-left: 0; padding-right: 10px; margin: 0px; margin-right: 30px; } .wsmenu-list>li>.navtext>span+span:after { color: #9e9e9e; content: "\f107"; display: inline-block; font-family: "FontAwesome"; font-size: 14px; font-weight: 100; line-height: 10px; margin-left: 1px; position: relative; right: -8px; text-align: right; top: 1px; } .wsmenu-list>li>.navtext>span { display: block; font-size: 11px; text-align: left; white-space: nowrap; width: 100%; line-height: 16px; color: #9e9e9e; } .wsmenu-list>li>.navtext>span+span { white-space: nowrap; font-size: 13px; font-weight: ; color: #555555; } .wsmenu-list li a:hover .arrow:after { border-top-color: #b3b3b3 } .wsmenu-list li a.active .arrow:after { border-top-color: #b3b3b3 } .wsmenu-list li:hover>a .arrow:after { border-top-color: #b3b3b3 } .megamenu iframe { width: 100%; margin-top: 10px; min-height: 200px; } .megamenu video { width: 100%; margin-top: 10px; min-height: 200px; } .wsmenu-list>li.socialicon { float: left; } .wsmenu-list>li.socialicon a { width: 38px; padding: 0px 10px } .wsmenu-list>li.socialicon a .fa { font-size: 15px; color: #898d91; text-align: center; } .wsmenu-list>li.wsshopmyaccount { float: right; padding-top: 0.5%; } .wsmenu-list>.wsshopmyaccount>a .fa.fa-angle-down { display: inline-block; font-size: 13px; line-height: inherit; margin-left: 8px; color: #7b7b7b; } .wsmenu-list>.wsshopmyaccount>a .fa.fa-align-justify, .wsmenu-list>.wsshopmyaccount>a .fa.fa-user { display: inline-block; font-size: 16px; line-height: inherit; margin-right: 11px; color: #7b7b7b; } .wsmenu-list>li.wssearchbar { width: 65%; float: left; padding-left: 9.5%; padding-top: 0.5%; } .wsmenu-list>li.wscarticon { float: right; clear: right; padding-top: 0.5%; } .wsmenu-list>li.wscarticon a { padding: 0px 27px 0px 22px; text-align: center; } .mobiletext { display: none; } .wsmenu-list>li.wscarticon a .fa { font-size: 15px; } .wsmenu-list>li.wscarticon em.roundpoint { position: absolute; top: 14px; right: 21px; width: 17px; height: 17px; background-color: #DA4B38; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 9px; text-align: center; font-style: normal; line-height: 16px !important; color: #fff; } em.roundpoint2 { position: absolute; top: -2px; right: -8px; width: 17px; height: 17px; background-color: #DA4B38; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 9px; text-align: center; font-style: normal; line-height: 16px !important; color: #fff; } .wsmenu-list li>.wsmenu-submenu { transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); visibility: hidden; } .wsmenu-list li:hover>.wsmenu-submenu { transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility: visible; } .wsmenu-submenu li>.wsmenu-submenu-sub { transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); visibility: hidden; } .wsmenu-submenu li:hover>.wsmenu-submenu-sub { transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility: visible; } .wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub { transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); visibility: hidden; } .wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub { transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility: visible; } .wsmenu-list li>.megamenu { transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); visibility: hidden; } .wsmenu-list li:hover>.megamenu { transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility: visible; } .wsmenu-submenu { position: absolute; min-width: 176px; top: 58px; z-index: 1000; margin: 0px; padding: 0px; border: solid 1px #eeeeee; background-color: #fff; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; } .wsmenu-submenu li a { background: #fff !important; background-image: none !important; color: #666666 !important; border-right: 0 none !important; text-align: left; display: block; line-height: 22px; padding: 8px 12px; text-transform: none; font-size: 12px; letter-spacing: normal; border-right: 0px solid; border-bottom: 1px solid #f5f5f5; } .wsmenu-submenu li { position: relative; margin: 0px; padding: 0px; } .wsmenuexpandermain { display: none; } .wsmenu-list li:hover .wsmenu-submenu { display: block; } .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub { min-width: 220px; position: absolute; left: 100%; top: 0; margin: 0px; padding: 0px; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.4s, opacity 0.4s; -ms-transition: -ms-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; } .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub { opacity: 1; list-style: none; padding: 0px; border: solid 1px #eeeeee; background-color: #fff; } .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub { display: block; } .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub { min-width: 220px; position: absolute; left: 100%; top: 0; margin: 0px; padding: 0px; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.4s, opacity 0.4s; -ms-transition: -ms-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; } .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub { opacity: 1; list-style: none; padding: 0px; border: solid 1px #eeeeee; background-color: #fff; } .wsmenu-submenu li { position: relative; padding: 0px; margin: 0px; display: block; } .wsmenu-click { display: none; } .wsmenu-click02 { display: none; } .wsmenu-submenu .fa { margin-right: 11px; font-size: 15px; } .carousel-control i.fa { top: 48%; position: absolute; font-size: 33px; margin-left: -5px; } .carousel-inner .carousel-caption h3 { font-size: 18px; font-weight: bold; } .wsshopmenu span { font-weight: bold; } .wsmenu-list>.wsshopmenu>a .fa.fa-shopping-basket { display: inline-block; font-size: 13px; line-height: inherit; margin-right: 8px; color: #7b7b7b; } .wtsdepartmentmenu { background: #fff; border-bottom: solid 1px #d1d3d4; } .wtsbrandmenu { background: #ffffff; border-bottom: solid 1px #d1d3d4; } .wsshoptabing { width: 100%; text-align: left; margin: 0px; padding: 0px; position: absolute; top: 44px; background-color: #fff; left: 0; border-bottom: solid 2px #376cb7; border: solid 1px #f1f1f1; border-top: solid 0px; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-90deg); -o-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); visibility: hidden; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.6s, opacity 0.6s; -ms-transition: -ms-transform 0.6s, opacity 0.6s; -moz-transition: -moz-transform 0.6s, opacity 0.6s; -webkit-transition: -webkit-transform 0.6s, opacity 0.6s; z-index: 101; } .btnlearn { font-size: 15px; text-align: center; line-height: 44px; height: 44px; display: block; float: left; padding: 0px 15px; background-color: #0056b9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: bold; margin-top: 5px; } .btnlearn:hover { color: #fff; text-decoration: none; } .menu-hover-up { padding-left: 25px; margin-top: 20px; margin-bottom: 30px; line-height: 40px } .menu-hover-up a { text-transform: uppercase; color: #333; text-decoration: none; font-size: 13px; } .menu-hover-up a:hover { color: #aa333d; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; } .wstitemright { min-height: 100%; opacity: 0; visibility: hidden; position: absolute; right: 0px; top: 0px; background-color: #f8f8f8; color: #000; display: block; float: left; padding: 18px 20px 0px 20px; width: 77%; } .wstabitem { display: block; margin: 0px; padding: 0px; font-size: 12px; } .wstabitem>li { width: 100%; list-style: none; } .wstabitem li:before, .wstabitem li:after { content: ""; display: table; } .wstabitem li:after { clear: both; } .wstabitem li.wsshoplink-active .wstitemright { opacity: 1; visibility: visible; } /*.wstabitem li:hover .wstitemright{opacity: 1; visibility: visible;}*/ .wstabitem>li>a { display: block; padding: 16px 11px; font-size: 13px; color: #606060; border-bottom: solid 1px #e5e5e5; width: 23%; float: left; position: relative; border-left: 3px solid #fff; } .wstabitem>li:hover a { text-decoration: none; } .wstabitem .wsshoplink-active a { text-decoration: none; } .wstabitem>li:hover>a { text-decoration: none; } .wstabitem>li>a .fa { color: #848484; margin-right: 5px; text-align: center; width: 25px; font-size: 16px; } .wstmegamenucoll { width: 100%; float: left; padding-right: 27px; } .wstmegamenucolr { width: 25%; float: right; text-align: right; } .wstmegamenucoll01 { width: 64%; float: left; padding-left: 0px; } .wstmegamenucolr02 { width: 35%; float: left; text-align: right; } .wstmegamenucolr03 { width: 25%; float: left; text-align: left; } .wstmegamenucoll04 { width: 75%; float: right; padding-left: 27px; } .wstheading { width: 100%; display: block; padding: 8px 0px 5px 0px; font-size: 11px; font-weight: bold; color: #333333; border-bottom: solid 1px #d9d9d9; margin-bottom: 7px; text-transform: uppercase; letter-spacing: 1px; } .wstliststy01 { width: 100%; padding: 0px; margin: 0px; } .wstliststy01 li { width: 33.33%; float: left; line-height: 23px; font-size: 14px; list-style: none; padding: 0px 0px 0px 0px; margin: 0px; } .wstliststy01 li a { color: #6e6e6e; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .wstliststy01 li a:hover { color: #000; text-decoration: none; } .root-col-6 { width: 16.66666666666667%; float: left; display: block; padding: 10px; } .root-col-5 { width: 20%; float: left; display: block; padding: 10px; } .root-col-4 { width: 25%; display: block; padding: 10px; height: auto; } .root-col-4:before, .root-col-4:after { content: ""; display: table; } .root-col-4:after { clear: both; } .wstinnerwp { height: auto; position: relative; width: 100%; } .wstinnerwp:before, .wstinnerwp:after { content: ""; display: table; } .wstinnerwp:after { clear: both; } .root-col-3 { width: 33.33333333333333%; float: left; display: block; padding: 10px; } .root-col-2 { width: 50%; float: left; display: block; padding: 10px; } .root-col-1 { width: 100%; float: left; display: block; padding: 10px; } .root-col-70 { width: 66.66666666666667%; float: left; display: block; padding: 10px; } .root-col-75 { width: 75%; float: left; display: block; padding: 10px; } .wstliststy02 { width: 25%; padding: 0px 20px 0px 0px; margin: 0px; float: left; text-align: left; } .wstliststy02 li { width: 100%; list-style: none; line-height: 24px; } .wstliststy02 li a { color: #6e6e6e; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .wstliststy02 li a:hover { color: #000; text-decoration: none; } .wstliststy02 li.wstheading { line-height: normal; } .wstliststy02 li a .wstcount { font-size: 10px; color: #adadad; } .wstliststy03 { width: 100%; padding: 0px; margin: 0px; } .wstliststy03 li { width: 33.33%; float: left; line-height: 23px; font-size: 14px; list-style: none; padding: 0px 0px 0px 0px; margin: 0px; } .wstliststy03 li a { color: #6e6e6e; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .wstliststy03 li a:hover { color: #000; text-decoration: none; } .wstliststy04 { width: 23%; padding: 0px 0px 0px 0px; margin: 0.5% 1%; float: left; } .wstliststy04 li { width: 100%; list-style: none; line-height: 22px; } .wstliststy04 li a { color: #6e6e6e; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .wstliststy04 li a:hover { color: #000; text-decoration: none; } .wstliststy04 li.wstheading { line-height: normal; text-align: center; padding: 12px 0px; font-size: 13px; } .wstliststy04 li a .wstcount { font-size: 10px; color: #adadad; } .wstliststy05 { width: 33.33%; padding: 0px 20px 0px 0px; margin: 0px; float: left; } .wstliststy05 li { width: 100%; list-style: none; line-height: 22px; } .wstliststy05 li a { color: #6e6e6e; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .wstliststy05 li a:hover { color: #000; text-decoration: none; } .wstliststy05 li.wstheading { line-height: normal; } .wstliststy05 li a .wstcount { font-size: 10px; color: #adadad; } .wstmorebtn { border-radius: 2px; color: #9b9b9b; display: inline-block; float: right; font-size: 10px; font-weight: normal; letter-spacing: 0; padding: 1px 7px; text-align: right; text-transform: none; } .wstmenutag { height: 18px; line-height: 18px; text-align: center; font-size: 11px; color: #fff; border-radius: 2px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: normal; padding: 1px 6px 1px 6px; margin-left: 6px; text-transform: none; letter-spacing: -0.0px; } .wstmenutag:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-style: solid; border-width: 3px; content: ""; left: -6px; margin-top: 0px; position: absolute; top: 4px; z-index: 1; } .wstmenutag.redtag { background-color: #fe7b8f; } .wstmenutag.redtag:after { border-color: transparent #fe7b8f transparent transparent; } .wstmenutag.greentag { background-color: #00c853; } .wstmenutag.greentag:after { border-color: transparent #00c853 transparent transparent; } .wstmenutag.bluetag { background-color: #4fc3f7; } .wstmenutag.bluetag:after { border-color: transparent #4fc3f7 transparent transparent; } .wstmenutag.orangetag { background-color: #FE7000; } .wstmenutag.orangetag:after { border-color: transparent #FE7000 transparent transparent; } .wstadsize01 { width: 50%; float: left; margin: 15px 0px 5px 0px; } .wstadsize02 { width: 50%; float: right; margin: 15px 0px 5px 0px; } .kitchenmenuimg { background-image: url(../images/kitchen-menu-img.png); background-position: bottom right; background-repeat: no-repeat; } .computermenubg { background-image: url(../images/computer-menu-img.png); background-position: bottom right; background-repeat: no-repeat; } .wstpngsml { padding-left: 18px; } .wstfullwtag { width: 100%; display: block; border-bottom: solid 1px #e5e5e5; background-color: #f5f5f5; } .wstbrandbottom { width: 100%; background-color: #fff; display: block; opacity: 0; position: absolute; right: 0; visibility: hidden; padding: 9px 20px; } .wstabitem02>li.wsshoplink-active .wstbrandbottom { opacity: 1; visibility: visible; } .wstabitem02 { width: 100%; padding: 0px; margin: 0px 0px; list-style: none; display: table; } .wstabitem02>li { display: table-cell; list-style: outside none none; text-align: center; } .wstabitem02>li>a { display: block; padding: 14px 0px; font-size: 13px; color: #606060; background-color: #f4f4f4; border-bottom: 1px solid #e5e5e5; position: relative; } .wstabitem02>li:hover a { text-decoration: none; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .wstabitem02>.wsshoplink-active a { text-decoration: none; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .wstabitem02>li:hover a { text-decoration: none; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .wstabitem02>li>a .fa { /*color: #848484;*/ margin-right: 5px; text-align: center; width: 25px; font-size: 17px; } .brandcolor01 { color: #424242; } .brandcolor02 { color: #00bcf2; } .brandcolor03 { color: #00aff0; } .brandcolor04 { color: #003087; } .brandcolor05 { color: #a82400; } .brandcolor06 { color: #ff3300; } .brandcolor07 { color: #7ac142; } .brandcolor08 { color: #ef4056; } /*-------------------------------------------------------------------------- | 03 Tab CSS --------------------------------------------------------------------------*/ @media only screen and (min-width: 1024px) and (max-width:1280px) { .kitchenmenuimg { background-image: none; } .computermenubg { background-image: none; } .wsmenu-list li a .arrow:after { display: none !important; } .wsmenu-list>li>a { padding-left: 0px !important; padding-right: 20px !important; } .wsmenu-list>li>.navtext { margin: 2px !important; } .wsmain { width: 100%; margin-left: 0%; margin-right: 0%; } .menu_form input[type="submit"] { width: 40% !important; } .menu_form input[type="button"] { width: 40% !important; } .wstmegamenucoll { width: 64%; } .wstmegamenucolr { width: 36%; } .wsshoptabingwp { width: 96%; margin: 0% 2%; } .wstliststy01 li { width: 50%; } .wstliststy02 { width: 50%; } .wstadsize01 img { width: 100%; } .wstadsize02 img { width: 100%; } .wstadsize01 { width: 50%; } .wstadsize02 { width: 50%; } .wstliststy02>li>img { display: none; } .wstliststy03 li { width: 50%; } .wstmegamenucoll01 { width: 100%; padding: 0px; } .wstliststy04>li>img { width: 100%; } .wstmegamenucolr03 { display: none; } .wstmegamenucoll04 { width: 100%; margin: 0%; padding: 0px; } .wssearchbar { width: 60% !important; } } @media only screen and (min-width:781px) and (max-width:1023px) { .smllogo { padding: 13px 6px 0px 0px; } .wsmenu-list li a .arrow:after { display: none; } .wsmenu-list>li>a { white-space: nowrap !important; padding-left: 0px !important; padding-right: 5px !important; } .wsmenu-list>li>.navtext { margin: 5px !important; } .wsmain { width: 96%; margin-left: 2%; margin-right: 2%; } .wsmenu-list>li.socialicon { display: none !important; } .megacollink { width: 48%; margin: 1% 1%; } .typographylinks { width: 48%; margin: 1% 1%; } .menu_form input[type="submit"] { width: 40% !important; } .menu_form input[type="button"] { width: 40% !important; } .wsmenu-list>li>a .fa { display: none; } .wsmenu-list>li>a .fa.fa-home { display: block !important; } .halfmenu .megacollink { width: 100%; margin: 0px; } .wstmegamenucoll { width: 51%; padding: 0px; } .wstmegamenucolr { width: 49%; } .wsshoptabingwp { width: 96%; margin: 0% 2%; } .wstliststy01 li { width: 100%; } .wstliststy02 { width: 50%; } .wstadsize01 img { width: 100%; } .wstadsize02 img { width: 100%; } .wstadsize01 { width: 100%; } .wstadsize02 { width: 100%; } .wstliststy02>li>img { display: none; } .wstliststy03 li { width: 50%; } .wstmegamenucoll01 { width: 100%; padding: 0px; } .wstliststy04 { width: 46%; margin: 0% 2%; } .wstliststy04>li>img { width: 100%; } .wstmegamenucolr03 { display: none; } .wstmegamenucoll04 { width: 100%; margin: 0%; padding: 0px; } .wssearchbar { width: 60% !important; } .wstliststy05 { width: 50%; margin-bottom: 15px; } .kitchenmenuimg { background-image: none; } .computermenubg { background-image: none; } .wstabitem li a .fa { display: none; } } @media only screen and (min-width: 781px) { .wsmenu-list li:hover>.wsmenu-submenu { display: block !important; } .wsmenu-submenu li:hover>.wsmenu-submenu-sub { display: block !important; } .wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub { display: block !important; } .wsmenu-list li:hover>.megamenu { display: block !important; } .wsmenu-list>li:hover .wsshoptabing { transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility: visible; } .wstabitem>li.wsshoplink-active>a { background-color: #f8f8f8; color: #555555; border-left: 3px solid #DA4B38; } .wstabitem>li.wsshoplink-active>a>.fa { color: #555555; } .wstabitem02>.wsshoplink-active>a:after { position: absolute; content: ''; top: 40px; right: 50%; width: 13px; height: 13px; transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; z-index: 100; background-color: #ffffff; } } /*-------------------------------------------------------------------------- | 04 Mobile CSS --------------------------------------------------------------------------*/ @media only screen and (max-width: 780px) { .wstabitem>li { position: relative; } .wstabitem>li>a { width: 100%; margin: 0px; float: none; font-size: 12px; padding-left: 18px; font-weight: bold; } .wstheading { font-weight: normal; } .wstitemright { width: 100%; position: static; top: 0px; min-height: inherit; padding: 10px 20px 15px 20px; opacity: 1; visibility: visible; display: none; } .wstmegamenucoll { width: 100%; padding: 0px; float: none; } .wstmegamenucolr { width: 100%; padding: 0px; float: none; } .wstliststy01 li { width: 100%; padding: 0px; margin: 0px; } .wstliststy02 { width: 100%; padding: 0px; margin: 0px 0px 15px 0px; } .wstliststy03 li { width: 100%; } .wstliststy04 { width: 100%; margin: 0px; } .wstadsize01 { width: 100%; margin: 0px 0px 10px 0px; } .wstadsize02 { width: 100%; margin: 0px; } .wstmegamenucoll01 { width: 100%; } .wstmegamenucolr03 { width: 100%; padding: 0px; margin: 0px 0px 15px 0px; } .wstmegamenucoll04 { width: 100%; padding: 0px; } .wstliststy05 { width: 100%; padding: 0px; margin-bottom: 10px; } .kitchenmenuimg { background-image: none; } .computermenubg { background-image: none; } .wstbrandbottom { width: 100%; position: static; top: 0px; min-height: inherit; padding: 10px 20px 15px 20px; opacity: 1; visibility: visible; display: none; } .wstabitem02 li { position: relative; } .wstabitem02>li>a { padding: 14px 18px; } .wsmenu-list>li>.navtext { margin: 0px !important; } .wsmenu-list>li.wssearchbar { padding-left: 0px; } .wstabitem02 { display: block; } .wstabitem02 li { text-align: left; display: block; } .wsshoptabingwp { background-color: #fff; padding-left: 0px; padding-right: 0px; } .wsshopmyaccount>a>.fa-angle-down { display: none !important; } .wsmenu { margin-top: 0px; } .smllogo { display: none !important; } .wsmain { margin: 0px; background-color: transparent; } .topmenusearch { margin: 0px 0 0; width: 100%; height: 44px; } .topmenusearch input:focus { width: 100%; background-color: #fff; color: #000; } .topmenusearch input:hover { width: 100%; background-color: #fff; color: #000; } .topmenusearch input { border-radius: 0px !important; height: 44px; background-color: #f1f1f1; } .smllogo { width: 100%; display: none !important; margin: 0 auto; text-align: center; background-color: #2B3A40; } .smllogo a { margin: 0 auto; text-align: center; float: none; padding: 10px 0px 3px 0px; } .topmenusearch .btnstyle { height: 44px; color: #424242; } .wsmenu-list .wsshoptabing { background-color: #ffffff; color: #666666; display: none; position: relative !important; top: 0px; padding: 0px; border: solid 0px; transform: none !important; opacity: 1 !important; visibility: visible !important; } .wstabitem { width: 100% !important; background-color: #fff; } .wstabitem li a:after { border: none !important; } .megamenuleftp { width: 100%; display: block; padding: 0px; margin: 0px; } .megamenurightp { width: 100%; display: block; padding: 0px; margin: 0px; } .wstabitem li a:after { position: absolute; content: ''; top: 50%; margin-top: -6px; right: 23px; display: inline-block; border-top: 6px solid #3f464c; border-right: 6px solid transparent; border-left: 6px solid transparent; border-bottom: 6px solid transparent; } .wstabitem li a .fa { display: none; } .wsmenu-list li>.wsshoptabing { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; opacity: 1 !important; } .wsmenucontainer { overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .overlapblackbg { left: 0; z-index: 102; width: 100%; height: 100%; position: fixed; top: 0; display: none; background-color: rgba(0, 0, 0, 0.45); cursor: pointer; } .wsmenucontainer.wsoffcanvasopener { display: block; margin-left: 270px; } .wsmobileheader { display: block !important; position: relative; top: 0; right: 0; left: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .callusicon { color: #969696; font-size: 25px; height: 25px; position: fixed; right: 20px; top: 10px; transition: all 0.4s ease-in-out 0s; width: 25px; z-index: 102; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .callusicon2 { color: #969696; font-size: 26px; height: 25px; position: fixed; right: 55px; top: 10px; transition: all 0.4s ease-in-out 0s; width: 25px; z-index: 101; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .callusicon:focus, callusicon:hover { color: #fff !important; } .callusicon2:focus, callusicon2:hover { color: #fff !important; } .wsoffcanvasopener .callusicon { display: none !important; } .wsoffcanvasopener .callusicon2 { display: none !important; } .smallogo { width: 100%; display: block; text-align: center; padding-top: 9px; position: fixed; z-index: 101; width: 100%; height: 52px; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5); } .smallogo>img { margin-top: 0px; height: 32px; } .wsmenu-list>li:hover>a { background-color: rgba(0, 0, 0, 0.08) !important; text-decoration: none; } .mobiletext { display: inline-block !important; } .wsoffcanvasopener .overlapblackbg { display: block !important; } .wsoffcanvasopener .wsmain { left: 0px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .wsmain { width: 270px; left: -270px; height: 100%; position: fixed; top: 0; margin: 0; float: none; background-color: #fff; border-radius: 0px; z-index: 103; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border: none !important; background-color: #fff !important; } .wsmenu { border-left: none; float: none; width: 100%; display: block !important; height: 100%; overflow-y: auto; display: block !important; } .wstabitem02 li .wsmenu-click02 { border-left: 1px solid #e9e9e9; } .wstabitem02 li .wsmenu-click02 { background-color: #fff; } .wsmenu-click { border-left: 1px solid #e0e0e0; cursor: pointer; display: block; height: 57px; position: absolute; right: 0; top: 0; width: 49px; z-index: 10; } .wsmenu-click i { display: block; height: 23px; width: 25px; margin-top: 15px; margin-right: 13px; background-size: 25px; font-size: 21px; color: rgba(0, 0, 0, 0.25); float: right; text-align: center; } .wsmenu-click02 { border-left: 1px solid #f3f3f3; cursor: pointer; display: block; height: 46px; position: absolute; right: 0; top: 0; width: 49px; z-index: 10; background-color: #f3f3f3; } .wsmenu-click02 i { display: block; height: 23px; width: 34px; margin-top: 11px; margin-right: 8px; background-size: 25px; font-size: 21px; color: rgba(0, 0, 0, 0.25); float: right; text-align: center; } .ws-activearrow>i { transform: rotate(180deg); } .wsmenu-rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .animated-arrow { position: fixed; left: 0; top: 0; z-index: 102; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .wsoffcanvasopener .animated-arrow { left: 270px; } .animated-arrow { cursor: pointer; padding: 13px 35px 16px 0px; margin: 10px 0 0 15px; } .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after { cursor: pointer; height: 2px; width: 23px; background: #424242; position: absolute; display: block; content: ''; } .animated-arrow span:before { top: -7px; } .animated-arrow span:after { bottom: -7px; } .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after { transition: all 500ms ease-in-out; } .wsoffcanvasopener .animated-arrow span { background-color: transparent; } .wsoffcanvasopener .animated-arrow span:before, .animated-arrow.active span:after { top: 7px; } .wsoffcanvasopener .animated-arrow span:before { transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); bottom: 0px; } .wsoffcanvasopener .animated-arrow span:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .megacollink { width: 96% !important; margin: 0% 2% !important; } .megacolimage { width: 90% !important; margin: 0% 5% !important; } .typographylinks { width: 98% !important; margin: 0% 1% !important; } .typographydiv { width: 86% !important; margin: 0% 7% !important; } .mainmapdiv { width: 90% !important; margin: 0% 5% !important; } .innerpnd { padding: 0px !important; } .typography-text { padding: 10px 0px; } .wsmenu-list .megamenu { background-color: #e7e7e7; color: #666666; display: none; position: relative !important; top: 0px; padding: 0px; border: solid 0px; transform: none !important; opacity: 1 !important; visibility: visible !important; } .wsmenu-list li:hover .megamenu { display: none; position: relative !important; top: 0px; } .megamenu .title { color: #666666; font-size: 15px !important; padding: 10px 8px 10px 0px; } .megamenu>ul { width: 100% !important; margin: 0px; padding: 0px; font-size: 13px !important; } .megamenu>ul>li>a { padding: 9px 14px !important; line-height: normal !important; font-size: 13px !important; background-color: #e7e7e7 !important; color: #666666; } .megamenu>ul>li>a:hover { background-color: #000000 !important; } .ad-style { width: 100% !important; } .megamenu ul li.title { line-height: 26px; color: #666666; margin: 0px; font-size: 15px; padding: 7px 13px !important; border-bottom: 1px solid #ccc; background-color: transparent !important; } .wsmenu-submenu>li:hover>a { background-color: #7b7b7b; color: #666666; } .wsmenu>.wsmenu-list>li>a.active { color: #666666; background-color: rgba(0, 0, 0, 0.08); } .wsmenu>.wsmenu-list>li>a:hover { color: #666666; background-color: rgba(0, 0, 0, 0.08); } .wsmenu-list li:hover .wsmenu-submenu { display: none; } .wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub { display: none; } .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub { display: none; list-style: none; padding: 2px; border: solid 1px #eeeeee; background-color: #fff; } .wsmenu-list li:first-child a { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } .wsmenu-list li:last-child a { -webkit-border-radius: 0px 4px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border-right: 0px solid; } .wsmenu-submenu-sub { width: 100% !important; position: static !important; left: 100% !important; top: 0 !important; display: none; margin: 0px !important; padding: 0px !important; border: solid 0px !important; transform: none !important; opacity: 1 !important; visibility: visible !important; } .wsmenu-submenu-sub li { margin: 0px 0px 0px 0px !important; padding: 0px; position: relative; } .wsmenu-submenu-sub a { display: block; padding: 10px 25px 10px 25px; border-bottom: solid 1px #ccc; font-weight: normal; } .wsmenu-submenu-sub li a.active { color: #000 !important; } .wsmenu-submenu-sub li:hover>a { background-color: #333333 !important; color: #fff; } .wsmenu>.wsmenu-list>li>a>.fa { font-size: 16px; color: #bfbfbf; margin-right: 11px; text-align: center; width: 19px; } .wsmenu-submenu-sub-sub { width: 100% !important; position: static !important; left: 100% !important; top: 0 !important; display: none; margin: 0px !important; padding: 0px !important; border: solid 0px !important; transform: none !important; opacity: 1 !important; visibility: visible !important; } .wsmenu-submenu-sub-sub li { margin: 0px 0px 0px 0px !important; } .wsmenu-submenu-sub-sub a { display: block; color: #000; padding: 10px 25px; background: #000 !important; border-bottom: solid 1px #ccc; font-weight: normal; } .wsmenu-submenu-sub-sub li a.active { color: #000 !important; } .wsmenu-submenu-sub-sub li:hover>a { background-color: #606060 !important; color: #fff; } .wsmenu .wsmenu-list { display: block !important; } .wsmenu .wsmenu-list>li { clear: left; width: 100%; display: block; float: none; border-right: none; background-color: transparent; position: relative; white-space: inherit; } .wsmenu>.wsmenu-list>li>a { padding: 13px 32px 13px 12px; font-size: 14px; text-align: left; border-right: solid 0px; background-color: transparent; color: #666666; line-height: 25px; border-bottom: 1px solid; border-bottom-color: rgba(0, 0, 0, 0.13); position: static; } .wsmenu>.wsmenu-list>li>a.wtxaccountlink { padding-bottom: 16px; padding-top: 16px; } .wsmenu .wsmenu-list li a .arrow:after { display: none !important; } .wsmenu .wsmenu-list li ul li a .fa.fa-caret-right { font-size: 12px !important; color: #8E8E8E; } .mobile-sub .wsmenu-submenu { transform: none !important; opacity: 1 !important; display: none; position: relative !important; top: 0px; background-color: #fff; padding: 0px; visibility: visible !important; } .mobile-sub .wsmenu-submenu li a { line-height: 20px; height: auto; background-color: #e7e7e7 !important; font-size: 13px !important; padding: 11px 0px 11px 18px; color: #8E8E8E; } .mobile-sub .wsmenu-submenu li a:hover { background-color: #e7e7e7 !important; color: #666666; text-decoration: underline; } .mobile-sub .wsmenu-submenu li:hover>a { background-color: #e7e7e7 !important; color: #666666; } .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a { line-height: 20px; height: 36px; background-color: #e7e7e7 !important; border-bottom: none; padding-left: 28px; } .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a { line-height: 20px; height: 36px; background-color: #e7e7e7 !important; border-bottom: none !important; padding-left: 38px; color: #8e8e8e; } .wsmenu-list>li.socialicon a { width: 100%; } .wsmenu-list>li.wscarticon em.roundpoint { display: none; } .halfdiv .title { padding-left: 15px; } .halfdiv { width: 100%; display: block; } .halfdiv03 .title { padding-left: 15px; } .halfdiv03 { width: 100%; } .halfmenu { width: 100%; display: block; } .menu_form { padding: 10px 10px 63px 10px; background-color: #e7e7e7; } .menu_form input[type="button"] { width: 46%; } .menu_form input[type="submit"] { width: 46%; } .menu_form textarea { min-height: 100px; } .wsmenu-list li>.wsmenu-submenu { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; } .wsmenu-list li:hover>.wsmenu-submenu { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; } .wsmenu-submenu li>.wsmenu-submenu-sub { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; } .wsmenu-submenu li:hover>.wsmenu-submenu-sub { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; opacity: 1 !important; } .wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; opacity: 1 !important; } .wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; opacity: 1 !important; } .wsmenu-list li>.megamenu { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; opacity: 1 !important; } .wsmenu-list li:hover>.megamenu { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; opacity: 1 !important; } } /*-------------------------------------------------------------------------- | 05 Additional Themes (Optionnal) --------------------------------------------------------------------------*/ .gry { background-color: #424242 !important; color: #fff; } .red { background-color: #DA4B38 !important; color: #fff; } .orange { background-color: #ff9334 !important; color: #fff; } .blue { background-color: #31a8e6 !important; color: #fff; } .green { background-color: #27ae60 !important; color: #fff; } .yellow { background-color: #F6BB42 !important; color: #fff; } .purple { background-color: #967ADC !important; color: #fff; } .pink { background-color: #ff3366 !important; color: #fff; } .gry>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .gry>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .gry>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .gry>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .red>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .red>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .red>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .red>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { color: #fff; } .red>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { background-color: #424242 !important; } .red>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .orange>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .orange>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .orange>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .orange>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { color: #fff; } .orange>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { background-color: #424242 !important; } .orange>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .blue>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .blue>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .blue>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .blue>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { color: #fff; } .blue>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { background-color: #424242 !important; } .blue>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .green>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .green>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .green>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .green>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { color: #fff; } .green>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { background-color: #424242 !important; } .green>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .yellow>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #454545 !important; } .yellow>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #454545 !important; } .yellow>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #454545 !important; } .yellow>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { color: #454545; } .yellow>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .purple>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .purple>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .purple>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .purple>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .purple>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { color: #fff; } .purple>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { background-color: #424242 !important; } .pink>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .pink>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .pink>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .pink>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { color: #fff; } .pink>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { background-color: #424242 !important; } .pink>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .tranbg { background-color: transparent !important; } .whitebg { background-color: #fff !important; } .whitebg:hover { color: #000 !important; } .pm_buttoncolor .wsmenu-list>li>a .fa { color: #fff !important; } .pm_buttoncolor03 .wsmenu-list>li:hover>a .fa { color: #fff !important; } .pm_buttoncolor .wsmenu-list li a .arrow:after { border-top-color: #fff; } .blue-grdt { background: #5999ee; background: -moz-linear-gradient(top, #5999ee 0%, #4a89dc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5999ee), color-stop(100%, #4a89dc)); background: -webkit-linear-gradient(top, #5999ee 0%, #4a89dc 100%); background: -o-linear-gradient(top, #5999ee 0%, #4a89dc 100%); background: -ms-linear-gradient(top, #5999ee 0%, #4a89dc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5999ee', endColorstr='#4a89dc', GradientType=0); color: #fff; } .gry-grdt { background: #565656; background: -moz-linear-gradient(top, #565656 0%, #424242 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #424242)); background: -webkit-linear-gradient(top, #565656 0%, #424242 100%); background: -o-linear-gradient(top, #565656 0%, #424242 100%); background: -ms-linear-gradient(top, #565656 0%, #424242 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#424242', GradientType=0); color: #fff; } .green-grdt { background: #86ba3d; background: -moz-linear-gradient(top, #86ba3d 0%, #74a52e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86ba3d), color-stop(100%, #74a52e)); background: -webkit-linear-gradient(top, #86ba3d 0%, #74a52e 100%); background: -o-linear-gradient(top, #86ba3d 0%, #74a52e 100%); background: -ms-linear-gradient(top, #86ba3d 0%, #74a52e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ba3d', endColorstr='#74a52e', GradientType=0); color: #fff; } .red-grdt { background: #f05c48; background: -moz-linear-gradient(top, #f05c48 0%, #da4b38 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f05c48), color-stop(100%, #da4b38)); background: -webkit-linear-gradient(top, #f05c48 0%, #da4b38 100%); background: -o-linear-gradient(top, #f05c48 0%, #da4b38 100%); background: -ms-linear-gradient(top, #f05c48 0%, #da4b38 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05c48', endColorstr='#da4b38', GradientType=0); color: #fff; } .orange-grdt { background: #fc7d33; background: -moz-linear-gradient(top, #fc7d33 0%, #ff670f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc7d33), color-stop(100%, #ff670f)); background: -webkit-linear-gradient(top, #fc7d33 0%, #ff670f 100%); background: -o-linear-gradient(top, #fc7d33 0%, #ff670f 100%); background: -ms-linear-gradient(top, #fc7d33 0%, #ff670f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7d33', endColorstr='#ff670f', GradientType=0); color: #fff; } .yellow-grdt { background: #ffcd67; background: -moz-linear-gradient(top, #ffcd67 0%, #f6bb42 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcd67), color-stop(100%, #f6bb42)); background: -webkit-linear-gradient(top, #ffcd67 0%, #ff670f 100%); background: -o-linear-gradient(top, #ffcd67 0%, #f6bb42 100%); background: -ms-linear-gradient(top, #ffcd67 0%, #f6bb42 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd67', endColorstr='#f6bb42', GradientType=0); color: #fff; } .purple-grdt { background: #a98ded; background: -moz-linear-gradient(top, #a98ded 0%, #967adc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a98ded), color-stop(100%, #967adc)); background: -webkit-linear-gradient(top, #a98ded 0%, #967adc 100%); background: -o-linear-gradient(top, #a98ded 0%, #967adc 100%); background: -ms-linear-gradient(top, #a98ded 0%, #967adc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a98ded', endColorstr='#967adc', GradientType=0); color: #fff; } .pink-grdt { background: #fb3ea4; background: -moz-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb3ea4), color-stop(100%, #f21b8f)); background: -webkit-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%); background: -o-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%); background: -ms-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb3ea4', endColorstr='#f21b8f', GradientType=0); color: #fff; } .tranbg { background-color: transparent !important; box-shadow: none !important; } .red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .red-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .gry-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .blue-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .green-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .orange-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .yellow-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .purple-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .pink-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } @media only screen and (max-width: 780px) { .tranbg { background-color: #fff !important; } .red-grdt>.wsmenu>.wsmenu-list>li>a>.fa { color: #fff !important; } .blue-grdt>.wsmenu>.wsmenu-list>li>a>.fa { color: #fff !important; } .orange-grdt>.wsmenu>.wsmenu-list>li>a>.fa { color: #fff !important; } .green-grdt>.wsmenu>.wsmenu-list>li>a>.fa { color: #fff !important; } .purple-grdt>.wsmenu>.wsmenu-list>li>a>.fa { color: #fff !important; } .pink-grdt>.wsmenu>.wsmenu-list>li>a>.fa { color: #fff !important; } .pm_buttoncolor>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff; } .blue-grdt .wsmain { background: #5999ee; background: -moz-linear-gradient(top, #5999ee 0%, #4a89dc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5999ee), color-stop(100%, #4a89dc)); background: -webkit-linear-gradient(top, #5999ee 0%, #4a89dc 100%); background: -o-linear-gradient(top, #5999ee 0%, #4a89dc 100%); background: -ms-linear-gradient(top, #5999ee 0%, #4a89dc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5999ee', endColorstr='#4a89dc', GradientType=0); color: #fff; } .gry-grdt .wsmain { background: #565656; background: -moz-linear-gradient(top, #565656 0%, #424242 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #424242)); background: -webkit-linear-gradient(top, #565656 0%, #424242 100%); background: -o-linear-gradient(top, #565656 0%, #424242 100%); background: -ms-linear-gradient(top, #565656 0%, #424242 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#424242', GradientType=0); color: #fff; } .green-grdt .wsmain { background: #86ba3d; background: -moz-linear-gradient(top, #86ba3d 0%, #74a52e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86ba3d), color-stop(100%, #74a52e)); background: -webkit-linear-gradient(top, #86ba3d 0%, #74a52e 100%); background: -o-linear-gradient(top, #86ba3d 0%, #74a52e 100%); background: -ms-linear-gradient(top, #86ba3d 0%, #74a52e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ba3d', endColorstr='#74a52e', GradientType=0); color: #fff; } .red-grdt .wsmain { background: #f05c48; background: -moz-linear-gradient(top, #f05c48 0%, #da4b38 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f05c48), color-stop(100%, #da4b38)); background: -webkit-linear-gradient(top, #f05c48 0%, #da4b38 100%); background: -o-linear-gradient(top, #f05c48 0%, #da4b38 100%); background: -ms-linear-gradient(top, #f05c48 0%, #da4b38 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05c48', endColorstr='#da4b38', GradientType=0); color: #fff; } .orange-grdt .wsmain { background: #fc7d33; background: -moz-linear-gradient(top, #fc7d33 0%, #ff670f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc7d33), color-stop(100%, #ff670f)); background: -webkit-linear-gradient(top, #fc7d33 0%, #ff670f 100%); background: -o-linear-gradient(top, #fc7d33 0%, #ff670f 100%); background: -ms-linear-gradient(top, #fc7d33 0%, #ff670f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7d33', endColorstr='#ff670f', GradientType=0); color: #fff; } .yellow-grdt .wsmain { background: #ffcd67; background: -moz-linear-gradient(top, #ffcd67 0%, #f6bb42 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcd67), color-stop(100%, #f6bb42)); background: -webkit-linear-gradient(top, #ffcd67 0%, #ff670f 100%); background: -o-linear-gradient(top, #ffcd67 0%, #f6bb42 100%); background: -ms-linear-gradient(top, #ffcd67 0%, #f6bb42 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd67', endColorstr='#f6bb42', GradientType=0); color: #fff; } .purple-grdt .wsmain { background: #a98ded; background: -moz-linear-gradient(top, #a98ded 0%, #967adc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a98ded), color-stop(100%, #967adc)); background: -webkit-linear-gradient(top, #a98ded 0%, #967adc 100%); background: -o-linear-gradient(top, #a98ded 0%, #967adc 100%); background: -ms-linear-gradient(top, #a98ded 0%, #967adc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a98ded', endColorstr='#967adc', GradientType=0); color: #fff; } .pink-grdt .wsmain { background: #fb3ea4; background: -moz-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb3ea4), color-stop(100%, #f21b8f)); background: -webkit-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%); background: -o-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%); background: -ms-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb3ea4', endColorstr='#f21b8f', GradientType=0); color: #fff; } .gry .wsmain { background-color: #424242 !important; color: #fff; } .red .wsmain { background-color: #DA4B38 !important; color: #fff; } .orange .wsmain { background-color: #ff9334 !important; color: #fff; } .blue .wsmain { background-color: #31a8e6 !important; color: #fff; } .green .wsmain { background-color: #27ae60 !important; color: #fff; } .yellow .wsmain { background-color: #F6BB42 !important; color: #fff; } .purple .wsmain { background-color: #967ADC !important; color: #fff; } .pink .wsmain { background-color: #ff3366 !important; color: #fff; } } </style> <style> body { background-color: #f8f8f8; } hr { border-color: #888 } .chkbut { border-radius: 50%; width: 35px; height: 35px; border: none; background: none; color: #888; margin-right: 5px; border: 1px solid #888; font-size: 15px; } .wa-float { position: fixed; width: 60px; height: 60px; bottom: 40px; right: 40px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 30px; box-shadow: 2px 2px 3px #999; z-index: 100; } .my-wa { margin-top: 16px; } .chkbut.active { border-radius: 50%; width: 35px; height: 35px; border: none; background-color: #aa333d; color: #FFF; margin-right: 10px; } .chkft { font-size: 18px; } .thumbnails img:hover { cursor: pointer; opacity: 0.7; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; } .error { color: #F00; } .prod_main table { border: none; margin-top: 18px; margin-bottom: 5px; } .prod_main table td { padding: 8px; border: none; border-top: 1px solid #f5f5f5; font-size: 12px; } .prod_main table tr:nth-child(even) { background-color: #f5f5f5; } #mainPhoto { width: 60%; margin-left: auto; margin-right: auto; } .sub-col img { width: 85% !important } .container_menu { width: 100% !important; } .container { width: 90%; } .row { padding: 0 15px; } .section-marketplace img { width: 120px; margin: 0 auto; } .blog_wrapper { box-shadow: 5px 5px 10px #DDD; -webkit-box-shadow: 5px 5px 10px #DDD; -o-box-shadow: 5px 5px 10px #DDD; -ms-box-shadow: 5px 5px 10px #DDD; -moz-box-shadow: 5px 5px 10px #DDD; background-color: #FFF; margin-bottom: 30px; padding-left: 10px; padding-right: 10px; } .blog_home { padding: 15px; } .blog_wrapper h4 { font-size: 14px; text-transform: uppercase; margin-top: 5px; margin-bottom: 5px; } .blog_wrapper .calendar { color: #AAA; font-size: 13px; } .blog_wrapper p { font-size: 12px; margin-top: 4px; } .blog_wrapper img { width: 100% !important; max-width: 100%; height: auto !important; } .blog_category h4 { text-transform: uppercase; font-size: 14px; font-weight: 600; line-height: 18px; margin-bottom: 5px; } .blog_category .calendar { color: #AAA; font-size: 13px; } .other_slide:hover>img { opacity: 0.7; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; } footer { background-color: #222222; padding-top: 40px; padding-bottom: 40px; color: #FFF } footer h4 { margin-bottom: 25px; font-size: 14px; } footer a { color: #FFF; } footer a:hover { color: #CCC; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; text-decoration: none; } .cimg_link img { padding-top: 15px; } .cimg_link:hover>img { padding-top: 0px; margin-bottom: 15px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; } .cimg_link h3 { font-size: 14px; color: #333; letter-spacing: 0; } .cimg_link:hover { text-decoration: none; } .cimg_link:hover>h3 { color: #B00 } .navigator_wrapper { background-color: #FFF; padding: 15px; line-height: 17px; position: relative; z-index: 2; box-shadow: 5px 5px 10px #eaeaea; -moz-box-shadow: 5px 5px 10px #eaeaea; -webkit-box-shadow: 5px 5px 10px #eaeaea; -o-box-shadow: 5px 5px 10px #eaeaea; -ms-box-shadow: 5px 5px 10px #eaeaea; } .prod_main { background-color: #FFF; padding: 25px; line-height: 17px; position: relative; z-index: 2; box-shadow: 5px 5px 10px #eaeaea; -moz-box-shadow: 5px 5px 10px #eaeaea; -webkit-box-shadow: 5px 5px 10px #eaeaea; -o-box-shadow: 5px 5px 10px #eaeaea; -ms-box-shadow: 5px 5px 10px #eaeaea; } .prod_main h4, .prod_main h1 { font-size: 22px; } .prod_main h5, .prod_main h2 { font-size: 17px; } .prod_desc { background-color: #FFF; padding: 25px; max-height: 796px; margin-bottom: 20px; box-shadow: 5px 5px 10px #eaeaea; -moz-box-shadow: 5px 5px 10px #eaeaea; -webkit-box-shadow: 5px 5px 10px #eaeaea; -o-box-shadow: 5px 5px 10px #eaeaea; -ms-box-shadow: 5px 5px 10px #eaeaea; } .prod_desc h2 { margin-top: 0; font-size: 22px; border-bottom: 1px solid #888; padding-bottom: 20px; line-height: 27px; } .prod_desc .pdesc { font-size: 13px; overflow: scroll; max-height: 350px; } .prod_desc h6 { font-size: 14px; margin-top: 12px; } .prod_promo { color: #888; margin-top: 11px; font-size: 14px !important; } .sale_promo_label { background-color: #aa333d; padding: 5px; color: #FFF; font-size: 12px; text-transform: uppercase; font-weight: 700; text-decoration: none; } .prod_desc .prod_price { font-size: 17px !important; color: #333 !important; margin-top: 11px; } .add_to_cart { background-color: #f8931f !important; width: 175px; color: #FFF; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; margin-bottom: 15px; margin-right: 5px; margin-top: 8px; } .add_to_cart:hover { color: #FFF; opacity: 0.8; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; } .add_to_checkout { background-color: #de003d !important; width: 175px; color: #FFF; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; margin-bottom: 15px; margin-right: 5px; margin-top: 8px; } .btn-marketplace-on { background-color: #2e296b !important; color: #fff; border-color: #2e296b; width: 175px; letter-spacing: 1px; text-transform: uppercase; font-size: 13px; } .btn-marketplace-on:focus { color: #fff; text-decoration: none; } .btn-marketplace-on:hover { color: #fff; text-decoration: none; } .btn-marketplace-off { background-color: #c7c7c7 !important; color: #fff; border-color: #c7c7c7; width: 175px; letter-spacing: 1px; text-transform: uppercase; font-size: 13px; } .add_to_checkout:hover { color: #FFF; opacity: 0.8; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; } .navleftmenu label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 14px; } .navleftmenu input[type=radio] { display: none; } .navleftmenu label:before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; bottom: 4px; background-color: #eaeaea; /*box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);*/ border: 1px solid #FFF; } .sameshp label { display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; font-size: 14px; } .sameshp input[type=radio] { display: none; } .sameshp label:before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; bottom: 17px; background-color: #eaeaea; /*box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);*/ border: 1px solid #FFF; } .radio label:before { border-radius: 3px; } input[type=radio]:checked+label:before { content: "\25A0"; font-size: 14px; text-align: center; line-height: 11px; color: #f7941d; } input[type=checkbox] { display: none; } .checkbox label:before { border-radius: 3px; } input[type=checkbox]:checked+label:before { content: "\25A0"; font-size: 15px; text-align: center; line-height: 11px; color: #f7941d; padding-top: 1px } .product_wrapper { background-color: #FFF; padding: 15px; line-height: 17px; position: relative; z-index: 2; box-shadow: 5px 5px 10px #eaeaea; -moz-box-shadow: 5px 5px 10px #eaeaea; -webkit-box-shadow: 5px 5px 10px #eaeaea; -o-box-shadow: 5px 5px 10px #eaeaea; -ms-box-shadow: 5px 5px 10px #eaeaea; } .product_wrapper:hover { transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; box-shadow: 5px 5px 10px #AAA; -moz-box-shadow: 5px 5px 10px #AAA; -webkit-box-shadow: 5px 5px 10px #AAA; -o-box-shadow: 5px 5px 10px #AAA; -ms-box-shadow: 5px 5px 10px #AAA; background-color: #FFF; } .product_wrapper img { margin-bottom: 10px; } .disc_promo { text-decoration: line-through; color: #555; margin-top: 8px; font-size: 12px; } .prod_price { color: #333; font-size: 14px; font-weight: 900 } .product_wrapper a { text-decoration: none; color: #000 } .sale_label { background-color: #aa333d; padding: 5px; color: #FFF; font-size: 10px; text-transform: uppercase; font-weight: 700; } .available_label { background-color: #0a97cc; padding: 5px; color: #FFF; font-size: 10px; text-transform: uppercase; font-weight: 700; margin-bottom: 5px; margin-top: 11px; } .sold_label { background-color: #aa333d; padding: 5px; color: #FFF; font-size: 10px; text-transform: uppercase; font-weight: 700; margin-bottom: 5px; margin-top: 11px; } .ribbon-wrapper-red { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; right: -3px; } .ribbon-red { font: bold 15px Sans-Serif; color: #eaeaea; text-align: center; text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: relative; padding: 9px 0; left: -5px; top: 15px; width: 120px; background-color: #B00; /* background-image: -webkit-gradient(linear, left top, left bottom, from(#aa333d), to(#aa333d)); background-image: -webkit-linear-gradient(top, #aa333d, #aa333d); background-image: -moz-linear-gradient(top, #aa333d, #aa333d); background-image: -ms-linear-gradient(top, #aa333d, #aa333d); background-image: -o-linear-gradient(top, #aa333d, #aa333d); */ color: #eaeaea; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); font-size: 11px; text-transform: none; } .ribbon-red:before, .ribbon-red:after { content: ""; border-top: 3px solid #555; border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; bottom: -3px; } .ribbon-red:before { left: 0; } .ribbon-red:after { right: 0; } ​ .breadcrumb { padding-bottom: 25px; background-color: #222222; margin-top: 155px; border-radius: 0; width: 100% } .breadcrumb h2 { color: #FFF; margin-bottom: 3px; } .breadcrumb p { color: #FFF; font-size: 15px; } .foot_menu { font-size: 12px; margin-top: 10px; margin-bottom: 0px; } .wrapper { max-width: 1550px; margin: 0 auto; padding: 0px; min-width: 320px; } .header { width: 100%; display: block; min-height: 214px; padding-top: 0px; } .headerwp { max-width: 1300px; margin: 0 auto; padding: 0px; } .headerfull { width: 100%; background-color: #fff; height: 70px; position: fixed; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); top: 38px; z-index: 4; } .headerfull_2 { width: 100%; background-color: #fff; height: 45px; position: fixed; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); top: 108px; z-index: 3; } .posrlt { position: relative; } .headtoppart { display: block; width: 100%; background-color: #f8f8f8; height: 39px; margin: 0px auto; padding: 0px 0px; min-width: 320px; position: fixed; } .headertopleft { float: right; } .headertopright { float: left; text-align: left; } .headertopright a { line-height: 39px; color: #5f5f5f; font-size: 14px; padding: 0px 12px; display: inline-block; } .headertopright a:hover { background-color: #272B37; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .headertopright a.facebookicon:hover { background-color: #3b5998; color: #fff; } .headertopright a.twittericon:hover { background-color: #55acee; color: #fff; } .headertopright a.instagramicon:hover { background-color: #97573c; color: #fff; } .headertopright a.linkedinicon:hover { background-color: #0077b5; color: #fff; } .headertopright a.googleicon:hover { background-color: #dd4b39; color: #fff; } .address { padding: 10px 0px 0px 0px; font-size: 12px; color: #b6b6b6; } .address a { color: #838383; } .address span { margin-right: 9px; color: #838383; } .address .fa { margin-right: 6px; margin-left: 6px; color: #5f5f5f; } .norlt { position: static; } .menuwrapper { position: relative; } .show-grid { background-color: #fff; } .btn-border { border: 2px solid; border-radius: 40px; display: inline-block; font-size: 13px; text-transform: uppercase; -moz-user-select: none; background-image: none; text-align: center; vertical-align: middle; white-space: nowrap; color: #fff; padding: 15px 40px; } .btn-border:hover { color: #fff; text-decoration: none; opacity: 0.9; } .btn-border:focus { color: #fff; text-decoration: none; opacity: 0.9; } .dark-hover { position: relative; display: inline-block; width: 100%; } .dark-hover .overlay-dark { position: absolute; opacity: 0; background-color: #222; left: 0; top: 0; right: 0; bottom: 0; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; } .dark-hover .overlay-dark:hover { opacity: .1; } .btn-master { background-color: #444; color: #FFF; font-size: 15px; padding-left: 35px; padding-right: 35px; border-radius: 0 } .btn-master:hover { color: #FFF; opacity: 0.8; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; } .acc_menu a, .acc_menu { font-size: 17px; margin-bottom: 25px; color: #444 } .acc_menu a:hover { color: #B00; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; text-decoration: none; } .moreoption { width: 100%; display: block; margin-top: 165px; } .moreoption .boxheader { border: solid 0px; padding-top: 25px; padding-bottom: 10px; font-size: 16px; color: #717171; } .mobiletext02 { display: none; } .buttoncolor { color: #fff; display: block; font-size: 13px; padding: 10px 15px; text-decoration: none; transition: background 0.3s linear 0s; width: 12.5%; height: 30px; float: left; text-align: center; margin: 0px 0px; } .buttoncolor:hover { color: #fff; text-decoration: none; } .buttoncolor:focus { color: #fff; text-decoration: none; } .buttoncolor03 { color: #fff; display: block; font-size: 13px; padding: 10px 15px; text-decoration: none; transition: background 0.3s linear 0s; width: 12.5%; height: 30px; float: left; text-align: center; margin: 0px 0px; } .buttoncolor03:hover { color: #fff; text-decoration: none; } .buttoncolor03:focus { color: #fff; text-decoration: none; } .headertlt { width: 100%; padding: 40px 0px 15px 0px; letter-spacing: -0.5px; font-size: 22px; font-family: 'archivo_narrowregular'; color: #424242; } .colorlink01 { width: 40%; float: left; margin: 0% 0% 0% 2%; } .colorlink02 { width: 40%; float: left; margin: 0% 0% 0% 2%; } .colorlink03 { width: 14%; float: left; margin: 0% 0% 0% 2%; } .buttoncolor02 { color: #424242; display: block; font-size: 15px; border-radius: 2px; height: 30px; padding: 10px 15px; text-decoration: none; transition: background 0.3s linear 0s; width: 100%; border-right: solid 5px #fff; float: left; text-align: center; margin: 0% 0% 0% 0%; background-color: #f2f2f2; border: solid 1px #D9D9D9; cursor: pointer; text-align: center !important; text-decoration: none !important; width: 50%; float: left; } .buttoncolor02:hover { background-color: #424242; color: #000; } .buttoncolor02.active { background-color: #424242; color: #fff; } .main-content { position: absolute; top: 0; bottom: 0; width: 100%; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 230px) and (max-width:780px) { .sub-col img { width: 100% !important } .row { padding: 0 !important; } #mainPhoto { width: 100%; margin-left: auto; margin-right: auto; } .container { width: 100%; } .nopadding { padding: 10px !important; margin: 0 !important; margin-bottom: 0px !important; } .breadcrumb { margin-top: -1px !important; } .headerfull { position: relative; z-index: auto; } .headerfull_2 { position: relative; z-index: auto; } .wrapper { width: 100%; margin: 0% 0%; } .header { min-height: 75px; } .logo { display: none !important; } .header { box-shadow: none !important; background-image: none !important; } .colorlink01 { width: 92% !important; margin: 0% 4%; } .colorlink02 { width: 92% !important; margin: 0% 4%; } .colorlink03 { width: 92% !important; margin: 0% 4%; } .buttoncolor02 { width: 100% !important; margin-bottom: 2%; } .buttoncolor { width: 25%; } .buttoncolor03 { width: 25%; } .moreoption { width: 100%; margin: 30px 0 0 0; background-color: transparent !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .headtoppart { margin-top: 52px; height: auto; background-color: rgba(0, 0, 0, 0.2); position: relative; } .topmenusearch { margin: 0px 0 0; width: 100%; } .topmenusearch input:focus { width: 100%; } .posrlt { width: 240px; float: none; } .headerright { width: 100%; float: none; } .headertopleft { float: none; width: 96%; margin: 0% 2%; } .headertopright { float: none; width: 96%; margin: 0% 2%; } .address.clearfix:before, .address.clearfix:after { content: ""; display: table; } .address.clearfix:after { clear: both; } .address.clearfix { zoom: 1; } .headertopleft { display: none; } .headerfull { height: auto; } .headerfull_2 { height: auto; } .headertopright a { width: 24%; text-align: center; } } @media only screen and (min-width: 781px) and (max-width:1064px) { .wrapper { width: 100%; margin: 0% 0%; } .colorlink01 { width: 100% !important; margin: 0%; } .colorlink02 { width: 100% !important; margin: 0%; } .colorlink03 { width: 100% !important; margin: 0%; } .buttoncolor02 { width: 50% !important; margin-bottom: 1%; } .logo { float: none !important; margin: 0 auto !important; width: 100% !important; text-align: center; } } @media only screen and (min-width: 1024px) and (max-width:1200px) { .container_menu { width: 90%; } .wrapper { width: 100%; margin: 0% 0%; } .colorlink01 { width: 100% !important; margin: 0%; } .colorlink02 { width: 100% !important; margin: 0%; } .colorlink03 { width: 100% !important; margin: 0%; } } @media only screen and (min-width: 480px) and (max-width:780px) { .produk-cover { height: 90px; } .mobiletext02 { display: inline-block; } .container_body { width: 100% } } @media only screen and (min-width: 320px) and (max-width:479px) { .produk-cover { height: 90px; } .headertopright a .fa { margin-right: 0px; } .main-video { height: 195px !important; } } </style> <style> /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } </style> <style> @import url('https://fonts.googleapis.com/css?family=Lato&display=swap'); .slick-prev { top: 40%; left: -12px; height: 50px; } .slick-prev:before { content: "‹"; font-size: 4rem; color: #888888; } .slick-next { top: 40%; height: 50px; right: -12px; } .slick-next:before { content: "›"; font-size: 4rem; color: #888888; } #slick-menu a { font-weight: 900; font-family: Lato; display: block; width: 60%; text-decoration: none; } #slick-menu div { color: #666; } #slick-menu a:hover { opacity: 0.5; transition: 0.5s; } .mobile-tabs-slider { display: none; } @media only screen and (max-width: 780px) { .wsmain { width: 90%; left: -90%; background: #f1f1f1 !important; padding-right: 15px; } .desktop-menu-slider { display: none; } .mobile-tabs-slider { display: block; } /* Style the tab */ .tab { float: left; /*border: 1px solid #ccc;*/ background-color: #FFF; width: 30%; height: 100vh; overflow-y: scroll; padding-bottom: 200px; } /* Style the buttons inside the tab */ .tab button { display: block; background-color: inherit; color: black; padding: 15px 12px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 12px; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; } /* Create an active/current "tab button" class */ .tab button.active { background-color: #f1f1f1; border-left: 4px solid #DA4B38; } /* Style the tab content */ .tabcontent { float: left; padding: 0px 12px; /*border: 1px solid #ccc;*/ width: 70%; border-left: none; height: 100%; } } </style> <style> /* * Plugin: Web Slide - Responsive Mega Menu for Bootstrap 3+ * Demo Link: http://webslidemenu.webthemex.com/ * Version: v3.4 * Author: webthemex * License: http://codecanyon.net/licenses/standard */ /*-------------------------------------------------------------------------- [Table of contents] 01 Base CSS 02 Desktop CSS 03 Tab CSS 04 Mobile CSS 05 Additional Themes (Optionnal) --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------- | 01 Base CSS --------------------------------------------------------------------------*/ @import url(https://fonts.googleapis.com/css?family=Lato); @import url(https://fonts.googleapis.com/css?family=Open+Sans); @font-face { font-family: 'GothamLight'; src: url(gotham/Gotham-Light.otf); } @font-face { font-family: 'GothamBook'; src: url(gotham/Gotham-Book.otf); } @font-face { font-family: 'Polaris'; src: url(polaris/PBook.otf); } html, body { margin: 0px; padding: 0px; border: 0px; vertical-align: baseline; font-family: 'Open Sans', sans-serif !important; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .cl { clear: both; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; -webkit-font-smoothing: antialiased; } .wsmain html, .wsmain body, .wsmain iframe, .wsmain h1, .wsmain h2, .wsmain h3, .wsmain h4, .wsmain h5, .wsmain h6 { margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; font-weight: normal; font-size: 12px; line-height: 18px; font-family: 'Open Sans', sans-serif !important; -webkit-font-smoothing: subpixel-antialiased; font-smoothing: antialiased; font-smooth: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased !important; font-smoothing: subpixel-antialiased !important; font-smooth: subpixel-antialiased; } .wsmain .cl { clear: both; } .wsmain img, object, embed, video { border: 0 none; max-width: 100%; } .wsmain a:focus { outline: none !important; } .wsmain:before, .wsmain:after { content: ""; display: table; } .wsmain:after { clear: both; } /*-------------------------------------------------------------------------- | 02 Desktop CSS --------------------------------------------------------------------------*/ .wsmobileheader { display: none; } .overlapblackbg { display: none; } .smllogo { padding: 9px 0px 0px 0px; margin: 0; float: left; width: 14.4%; } .smllogo a { display: block; float: left; padding: 0px 0px 0px 0px; } .topmenusearch { float: right; width: 100%; height: 42px; position: relative; margin: 9px 0px 0px 0px; } .topmenusearch .searchicon { -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .topmenusearch input { width: 100%; position: relative; float: right; top: 0; right: 0; bottom: 0; width: 100%; border: 0; padding: 0; margin: 0; text-indent: 15px; font-size: 12px; height: 42px; z-index: 2; outline: none; color: #7d7d7d; background-color: #e9ebef; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .topmenusearch input:focus { color: #000; } .topmenusearch input:focus~.btnstyle { background-color: #424242; color: #fff; opacity: 0.9; } .topmenusearch input:focus~.btnstyle .fa { color: #fff; } .topmenusearch input:focus~.searchicon { opacity: 1; z-index: 3; color: #FFFFFF; } .topmenusearch .btnstyle { top: 0px; position: absolute; right: 0; bottom: 0; width: 42px; line-height: 30px; z-index: 1; cursor: pointer; color: #fff; z-index: 1000; background-color: #eeeeee; border: solid 0px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; -webkit-border-radius: 0px 2px 2px 0px; -moz-border-radius: 0px 2px 2px 0px; border-radius: 0px 2px 2px 0px; } .topmenusearch .btnstyle .fa { line-height: 38px; margin: 0; padding: 0; text-align: center; color: #9c9c9c; } .topmenusearch .btnstyle:hover { background-color: #fff; } .wsmain { width: 100%; margin: 0 auto; padding: 0px 0px; max-width: 1300px; } .wsmenu { position: relative; font-family: 'Open Sans', sans-serif; font-size: 14px; padding: 0px 0px 0px 0px; margin: 0px auto; width: 90%; float: left; height: 60px; } .wsmenu-list { text-align: center; margin: 0 auto 0 auto; width: 100%; display: table; padding: 0px; } .wsmenu-list>li { text-align: center; display: inline-table; margin: 0px; padding: 0px; /* float: left; */ } .wsmenu-list>.wscarticon>a .fa.fa-shopping-basket { display: inline-block; font-size: 16px; line-height: inherit; margin-right: 5px; color: #7b7b7b; } .wsmenu-list>.wsshopmenu>a .fa.fa-angle-down { display: inline-block; font-size: 13px; line-height: inherit; margin-left: 11px; color: #7b7b7b; } .wsmenu-list li ul li a .fa.fa-angle-double-right { font-size: 12px; margin: 0 3px 0 -4px; } .wsmenu-list>li>a { display: block; color: #828181; padding: 0 26px 0 22px; line-height: 58px; text-decoration: none; position: relative; } .wsmenu-list>li:hover>a { color: #000; } .wsmenu-list>li>.navtext { line-height: 16px; text-align: left; padding: 15px; padding-left: 0; padding-right: 10px; margin: 0px; margin-right: 30px; } .wsmenu-list>li>.navtext>span+span:after { color: #9e9e9e; content: "\f107"; display: inline-block; font-family: "FontAwesome"; font-size: 14px; font-weight: 100; line-height: 10px; margin-left: 1px; position: relative; right: -8px; text-align: right; top: 1px; } .wsmenu-list>li>.navtext>span { display: block; font-size: 11px; text-align: left; white-space: nowrap; width: 100%; line-height: 16px; color: #9e9e9e; } .wsmenu-list>li>.navtext>span+span { white-space: nowrap; font-size: 13px; font-weight: ; color: #555555; } .wsmenu-list li a:hover .arrow:after { border-top-color: #b3b3b3 } .wsmenu-list li a.active .arrow:after { border-top-color: #b3b3b3 } .wsmenu-list li:hover>a .arrow:after { border-top-color: #b3b3b3 } .megamenu iframe { width: 100%; margin-top: 10px; min-height: 200px; } .megamenu video { width: 100%; margin-top: 10px; min-height: 200px; } .wsmenu-list>li.socialicon { float: left; } .wsmenu-list>li.socialicon a { width: 38px; padding: 0px 10px } .wsmenu-list>li.socialicon a .fa { font-size: 15px; color: #898d91; text-align: center; } .wsmenu-list>li.wsshopmyaccount { float: right; padding-top: 0.5%; } .wsmenu-list>.wsshopmyaccount>a .fa.fa-angle-down { display: inline-block; font-size: 13px; line-height: inherit; margin-left: 8px; color: #7b7b7b; } .wsmenu-list>.wsshopmyaccount>a .fa.fa-align-justify, .wsmenu-list>.wsshopmyaccount>a .fa.fa-user { display: inline-block; font-size: 16px; line-height: inherit; margin-right: 11px; color: #7b7b7b; } .wsmenu-list>li.wssearchbar { width: 65%; float: left; padding-left: 9.5%; padding-top: 0.5%; } .wsmenu-list>li.wscarticon { float: right; clear: right; padding-top: 0.5%; } .wsmenu-list>li.wscarticon a { padding: 0px 27px 0px 22px; text-align: center; } .mobiletext { display: none; } .wsmenu-list>li.wscarticon a .fa { font-size: 15px; } .wsmenu-list>li.wscarticon em.roundpoint { position: absolute; top: 14px; right: 21px; width: 17px; height: 17px; background-color: #DA4B38; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 9px; text-align: center; font-style: normal; line-height: 16px !important; color: #fff; } em.roundpoint2 { position: absolute; top: -2px; right: -8px; width: 17px; height: 17px; background-color: #DA4B38; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 9px; text-align: center; font-style: normal; line-height: 16px !important; color: #fff; } .wsmenu-list li>.wsmenu-submenu { transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); visibility: hidden; } .wsmenu-list li:hover>.wsmenu-submenu { transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility: visible; } .wsmenu-submenu li>.wsmenu-submenu-sub { transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); visibility: hidden; } .wsmenu-submenu li:hover>.wsmenu-submenu-sub { transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility: visible; } .wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub { transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); visibility: hidden; } .wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub { transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility: visible; } .wsmenu-list li>.megamenu { transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-75deg); -o-transform: rotateX(-75deg); -moz-transform: rotateX(-75deg); -webkit-transform: rotateX(-75deg); visibility: hidden; } .wsmenu-list li:hover>.megamenu { transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility: visible; } .wsmenu-submenu { position: absolute; min-width: 176px; top: 58px; z-index: 1000; margin: 0px; padding: 0px; border: solid 1px #eeeeee; background-color: #fff; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; } .wsmenu-submenu li a { background: #fff !important; background-image: none !important; color: #666666 !important; border-right: 0 none !important; text-align: left; display: block; line-height: 22px; padding: 8px 12px; text-transform: none; font-size: 12px; letter-spacing: normal; border-right: 0px solid; border-bottom: 1px solid #f5f5f5; } .wsmenu-submenu li { position: relative; margin: 0px; padding: 0px; } .wsmenuexpandermain { display: none; } .wsmenu-list li:hover .wsmenu-submenu { display: block; } .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub { min-width: 220px; position: absolute; left: 100%; top: 0; margin: 0px; padding: 0px; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.4s, opacity 0.4s; -ms-transition: -ms-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; } .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub { opacity: 1; list-style: none; padding: 0px; border: solid 1px #eeeeee; background-color: #fff; } .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub { display: block; } .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub { min-width: 220px; position: absolute; left: 100%; top: 0; margin: 0px; padding: 0px; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.4s, opacity 0.4s; -ms-transition: -ms-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; } .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub { opacity: 1; list-style: none; padding: 0px; border: solid 1px #eeeeee; background-color: #fff; } .wsmenu-submenu li { position: relative; padding: 0px; margin: 0px; display: block; } .wsmenu-click { display: none; } .wsmenu-click02 { display: none; } .wsmenu-submenu .fa { margin-right: 11px; font-size: 15px; } .carousel-control i.fa { top: 48%; position: absolute; font-size: 33px; margin-left: -5px; } .carousel-inner .carousel-caption h3 { font-size: 18px; font-weight: bold; } .wsshopmenu span { font-weight: bold; } .wsmenu-list>.wsshopmenu>a .fa.fa-shopping-basket { display: inline-block; font-size: 13px; line-height: inherit; margin-right: 8px; color: #7b7b7b; } .wtsdepartmentmenu { background: #fff; border-bottom: solid 1px #d1d3d4; } .wtsbrandmenu { background: #ffffff; border-bottom: solid 1px #d1d3d4; } .wsshoptabing { width: 100%; text-align: left; margin: 0px; padding: 0px; position: absolute; top: 44px; background-color: #fff; left: 0; border-bottom: solid 2px #376cb7; border: solid 1px #f1f1f1; border-top: solid 0px; transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-90deg); -o-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); visibility: hidden; opacity: 0; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -o-transition: -o-transform 0.6s, opacity 0.6s; -ms-transition: -ms-transform 0.6s, opacity 0.6s; -moz-transition: -moz-transform 0.6s, opacity 0.6s; -webkit-transition: -webkit-transform 0.6s, opacity 0.6s; z-index: 101; } .btnlearn { font-size: 15px; text-align: center; line-height: 44px; height: 44px; display: block; float: left; padding: 0px 15px; background-color: #0056b9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: bold; margin-top: 5px; } .btnlearn:hover { color: #fff; text-decoration: none; } .menu-hover-up { padding-left: 25px; margin-top: 20px; margin-bottom: 30px; line-height: 40px } .menu-hover-up a { text-transform: uppercase; color: #333; text-decoration: none; font-size: 13px; } .menu-hover-up a:hover { color: #aa333d; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; } .wstitemright { min-height: 100%; opacity: 0; visibility: hidden; position: absolute; right: 0px; top: 0px; background-color: #f8f8f8; color: #000; display: block; float: left; padding: 18px 20px 0px 20px; width: 77%; } .wstabitem { display: block; margin: 0px; padding: 0px; font-size: 12px; } .wstabitem>li { width: 100%; list-style: none; } .wstabitem li:before, .wstabitem li:after { content: ""; display: table; } .wstabitem li:after { clear: both; } .wstabitem li.wsshoplink-active .wstitemright { opacity: 1; visibility: visible; } /*.wstabitem li:hover .wstitemright{opacity: 1; visibility: visible;}*/ .wstabitem>li>a { display: block; padding: 16px 11px; font-size: 13px; color: #606060; border-bottom: solid 1px #e5e5e5; width: 23%; float: left; position: relative; border-left: 3px solid #fff; } .wstabitem>li:hover a { text-decoration: none; } .wstabitem .wsshoplink-active a { text-decoration: none; } .wstabitem>li:hover>a { text-decoration: none; } .wstabitem>li>a .fa { color: #848484; margin-right: 5px; text-align: center; width: 25px; font-size: 16px; } .wstmegamenucoll { width: 100%; float: left; padding-right: 27px; } .wstmegamenucolr { width: 25%; float: right; text-align: right; } .wstmegamenucoll01 { width: 64%; float: left; padding-left: 0px; } .wstmegamenucolr02 { width: 35%; float: left; text-align: right; } .wstmegamenucolr03 { width: 25%; float: left; text-align: left; } .wstmegamenucoll04 { width: 75%; float: right; padding-left: 27px; } .wstheading { width: 100%; display: block; padding: 8px 0px 5px 0px; font-size: 11px; font-weight: bold; color: #333333; border-bottom: solid 1px #d9d9d9; margin-bottom: 7px; text-transform: uppercase; letter-spacing: 1px; } .wstliststy01 { width: 100%; padding: 0px; margin: 0px; } .wstliststy01 li { width: 33.33%; float: left; line-height: 23px; font-size: 14px; list-style: none; padding: 0px 0px 0px 0px; margin: 0px; } .wstliststy01 li a { color: #6e6e6e; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .wstliststy01 li a:hover { color: #000; text-decoration: none; } .root-col-6 { width: 16.66666666666667%; float: left; display: block; padding: 10px; } .root-col-5 { width: 20%; float: left; display: block; padding: 10px; } .root-col-4 { width: 25%; display: block; padding: 10px; height: auto; } .root-col-4:before, .root-col-4:after { content: ""; display: table; } .root-col-4:after { clear: both; } .wstinnerwp { height: auto; position: relative; width: 100%; } .wstinnerwp:before, .wstinnerwp:after { content: ""; display: table; } .wstinnerwp:after { clear: both; } .root-col-3 { width: 33.33333333333333%; float: left; display: block; padding: 10px; } .root-col-2 { width: 50%; float: left; display: block; padding: 10px; } .root-col-1 { width: 100%; float: left; display: block; padding: 10px; } .root-col-70 { width: 66.66666666666667%; float: left; display: block; padding: 10px; } .root-col-75 { width: 75%; float: left; display: block; padding: 10px; } .wstliststy02 { width: 25%; padding: 0px 20px 0px 0px; margin: 0px; float: left; text-align: left; } .wstliststy02 li { width: 100%; list-style: none; line-height: 24px; } .wstliststy02 li a { color: #6e6e6e; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .wstliststy02 li a:hover { color: #000; text-decoration: none; } .wstliststy02 li.wstheading { line-height: normal; } .wstliststy02 li a .wstcount { font-size: 10px; color: #adadad; } .wstliststy03 { width: 100%; padding: 0px; margin: 0px; } .wstliststy03 li { width: 33.33%; float: left; line-height: 23px; font-size: 14px; list-style: none; padding: 0px 0px 0px 0px; margin: 0px; } .wstliststy03 li a { color: #6e6e6e; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .wstliststy03 li a:hover { color: #000; text-decoration: none; } .wstliststy04 { width: 23%; padding: 0px 0px 0px 0px; margin: 0.5% 1%; float: left; } .wstliststy04 li { width: 100%; list-style: none; line-height: 22px; } .wstliststy04 li a { color: #6e6e6e; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .wstliststy04 li a:hover { color: #000; text-decoration: none; } .wstliststy04 li.wstheading { line-height: normal; text-align: center; padding: 12px 0px; font-size: 13px; } .wstliststy04 li a .wstcount { font-size: 10px; color: #adadad; } .wstliststy05 { width: 33.33%; padding: 0px 20px 0px 0px; margin: 0px; float: left; } .wstliststy05 li { width: 100%; list-style: none; line-height: 22px; } .wstliststy05 li a { color: #6e6e6e; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .wstliststy05 li a:hover { color: #000; text-decoration: none; } .wstliststy05 li.wstheading { line-height: normal; } .wstliststy05 li a .wstcount { font-size: 10px; color: #adadad; } .wstmorebtn { border-radius: 2px; color: #9b9b9b; display: inline-block; float: right; font-size: 10px; font-weight: normal; letter-spacing: 0; padding: 1px 7px; text-align: right; text-transform: none; } .wstmenutag { height: 18px; line-height: 18px; text-align: center; font-size: 11px; color: #fff; border-radius: 2px; position: relative; font-family: 'Open Sans', sans-serif; font-weight: normal; padding: 1px 6px 1px 6px; margin-left: 6px; text-transform: none; letter-spacing: -0.0px; } .wstmenutag:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-style: solid; border-width: 3px; content: ""; left: -6px; margin-top: 0px; position: absolute; top: 4px; z-index: 1; } .wstmenutag.redtag { background-color: #fe7b8f; } .wstmenutag.redtag:after { border-color: transparent #fe7b8f transparent transparent; } .wstmenutag.greentag { background-color: #00c853; } .wstmenutag.greentag:after { border-color: transparent #00c853 transparent transparent; } .wstmenutag.bluetag { background-color: #4fc3f7; } .wstmenutag.bluetag:after { border-color: transparent #4fc3f7 transparent transparent; } .wstmenutag.orangetag { background-color: #FE7000; } .wstmenutag.orangetag:after { border-color: transparent #FE7000 transparent transparent; } .wstadsize01 { width: 50%; float: left; margin: 15px 0px 5px 0px; } .wstadsize02 { width: 50%; float: right; margin: 15px 0px 5px 0px; } .kitchenmenuimg { background-image: url(../images/kitchen-menu-img.png); background-position: bottom right; background-repeat: no-repeat; } .computermenubg { background-image: url(../images/computer-menu-img.png); background-position: bottom right; background-repeat: no-repeat; } .wstpngsml { padding-left: 18px; } .wstfullwtag { width: 100%; display: block; border-bottom: solid 1px #e5e5e5; background-color: #f5f5f5; } .wstbrandbottom { width: 100%; background-color: #fff; display: block; opacity: 0; position: absolute; right: 0; visibility: hidden; padding: 9px 20px; } .wstabitem02>li.wsshoplink-active .wstbrandbottom { opacity: 1; visibility: visible; } .wstabitem02 { width: 100%; padding: 0px; margin: 0px 0px; list-style: none; display: table; } .wstabitem02>li { display: table-cell; list-style: outside none none; text-align: center; } .wstabitem02>li>a { display: block; padding: 14px 0px; font-size: 13px; color: #606060; background-color: #f4f4f4; border-bottom: 1px solid #e5e5e5; position: relative; } .wstabitem02>li:hover a { text-decoration: none; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .wstabitem02>.wsshoplink-active a { text-decoration: none; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .wstabitem02>li:hover a { text-decoration: none; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .wstabitem02>li>a .fa { /*color: #848484;*/ margin-right: 5px; text-align: center; width: 25px; font-size: 17px; } .brandcolor01 { color: #424242; } .brandcolor02 { color: #00bcf2; } .brandcolor03 { color: #00aff0; } .brandcolor04 { color: #003087; } .brandcolor05 { color: #a82400; } .brandcolor06 { color: #ff3300; } .brandcolor07 { color: #7ac142; } .brandcolor08 { color: #ef4056; } /*-------------------------------------------------------------------------- | 03 Tab CSS --------------------------------------------------------------------------*/ @media only screen and (min-width: 1024px) and (max-width:1280px) { .kitchenmenuimg { background-image: none; } .computermenubg { background-image: none; } .wsmenu-list li a .arrow:after { display: none !important; } .wsmenu-list>li>a { padding-left: 0px !important; padding-right: 20px !important; } .wsmenu-list>li>.navtext { margin: 2px !important; } .wsmain { width: 100%; margin-left: 0%; margin-right: 0%; } .menu_form input[type="submit"] { width: 40% !important; } .menu_form input[type="button"] { width: 40% !important; } .wstmegamenucoll { width: 64%; } .wstmegamenucolr { width: 36%; } .wsshoptabingwp { width: 96%; margin: 0% 2%; } .wstliststy01 li { width: 50%; } .wstliststy02 { width: 50%; } .wstadsize01 img { width: 100%; } .wstadsize02 img { width: 100%; } .wstadsize01 { width: 50%; } .wstadsize02 { width: 50%; } .wstliststy02>li>img { display: none; } .wstliststy03 li { width: 50%; } .wstmegamenucoll01 { width: 100%; padding: 0px; } .wstliststy04>li>img { width: 100%; } .wstmegamenucolr03 { display: none; } .wstmegamenucoll04 { width: 100%; margin: 0%; padding: 0px; } .wssearchbar { width: 60% !important; } } @media only screen and (min-width:781px) and (max-width:1023px) { .smllogo { padding: 13px 6px 0px 0px; } .wsmenu-list li a .arrow:after { display: none; } .wsmenu-list>li>a { white-space: nowrap !important; padding-left: 0px !important; padding-right: 5px !important; } .wsmenu-list>li>.navtext { margin: 5px !important; } .wsmain { width: 96%; margin-left: 2%; margin-right: 2%; } .wsmenu-list>li.socialicon { display: none !important; } .megacollink { width: 48%; margin: 1% 1%; } .typographylinks { width: 48%; margin: 1% 1%; } .menu_form input[type="submit"] { width: 40% !important; } .menu_form input[type="button"] { width: 40% !important; } .wsmenu-list>li>a .fa { display: none; } .wsmenu-list>li>a .fa.fa-home { display: block !important; } .halfmenu .megacollink { width: 100%; margin: 0px; } .wstmegamenucoll { width: 51%; padding: 0px; } .wstmegamenucolr { width: 49%; } .wsshoptabingwp { width: 96%; margin: 0% 2%; } .wstliststy01 li { width: 100%; } .wstliststy02 { width: 50%; } .wstadsize01 img { width: 100%; } .wstadsize02 img { width: 100%; } .wstadsize01 { width: 100%; } .wstadsize02 { width: 100%; } .wstliststy02>li>img { display: none; } .wstliststy03 li { width: 50%; } .wstmegamenucoll01 { width: 100%; padding: 0px; } .wstliststy04 { width: 46%; margin: 0% 2%; } .wstliststy04>li>img { width: 100%; } .wstmegamenucolr03 { display: none; } .wstmegamenucoll04 { width: 100%; margin: 0%; padding: 0px; } .wssearchbar { width: 60% !important; } .wstliststy05 { width: 50%; margin-bottom: 15px; } .kitchenmenuimg { background-image: none; } .computermenubg { background-image: none; } .wstabitem li a .fa { display: none; } } @media only screen and (min-width: 781px) { .wsmenu-list li:hover>.wsmenu-submenu { display: block !important; } .wsmenu-submenu li:hover>.wsmenu-submenu-sub { display: block !important; } .wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub { display: block !important; } .wsmenu-list li:hover>.megamenu { display: block !important; } .wsmenu-list>li:hover .wsshoptabing { transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; visibility: visible; } .wstabitem>li.wsshoplink-active>a { background-color: #f8f8f8; color: #555555; border-left: 3px solid #DA4B38; } .wstabitem>li.wsshoplink-active>a>.fa { color: #555555; } .wstabitem02>.wsshoplink-active>a:after { position: absolute; content: ''; top: 40px; right: 50%; width: 13px; height: 13px; transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; z-index: 100; background-color: #ffffff; } } /*-------------------------------------------------------------------------- | 04 Mobile CSS --------------------------------------------------------------------------*/ @media only screen and (max-width: 780px) { .wstabitem>li { position: relative; } .wstabitem>li>a { width: 100%; margin: 0px; float: none; font-size: 12px; padding-left: 18px; font-weight: bold; } .wstheading { font-weight: normal; } .wstitemright { width: 100%; position: static; top: 0px; min-height: inherit; padding: 10px 20px 15px 20px; opacity: 1; visibility: visible; display: none; } .wstmegamenucoll { width: 100%; padding: 0px; float: none; } .wstmegamenucolr { width: 100%; padding: 0px; float: none; } .wstliststy01 li { width: 100%; padding: 0px; margin: 0px; } .wstliststy02 { width: 100%; padding: 0px; margin: 0px 0px 15px 0px; } .wstliststy03 li { width: 100%; } .wstliststy04 { width: 100%; margin: 0px; } .wstadsize01 { width: 100%; margin: 0px 0px 10px 0px; } .wstadsize02 { width: 100%; margin: 0px; } .wstmegamenucoll01 { width: 100%; } .wstmegamenucolr03 { width: 100%; padding: 0px; margin: 0px 0px 15px 0px; } .wstmegamenucoll04 { width: 100%; padding: 0px; } .wstliststy05 { width: 100%; padding: 0px; margin-bottom: 10px; } .kitchenmenuimg { background-image: none; } .computermenubg { background-image: none; } .wstbrandbottom { width: 100%; position: static; top: 0px; min-height: inherit; padding: 10px 20px 15px 20px; opacity: 1; visibility: visible; display: none; } .wstabitem02 li { position: relative; } .wstabitem02>li>a { padding: 14px 18px; } .wsmenu-list>li>.navtext { margin: 0px !important; } .wsmenu-list>li.wssearchbar { padding-left: 0px; } .wstabitem02 { display: block; } .wstabitem02 li { text-align: left; display: block; } .wsshoptabingwp { background-color: #fff; padding-left: 0px; padding-right: 0px; } .wsshopmyaccount>a>.fa-angle-down { display: none !important; } .wsmenu { margin-top: 0px; } .smllogo { display: none !important; } .wsmain { margin: 0px; background-color: transparent; } .topmenusearch { margin: 0px 0 0; width: 100%; height: 44px; } .topmenusearch input:focus { width: 100%; background-color: #fff; color: #000; } .topmenusearch input:hover { width: 100%; background-color: #fff; color: #000; } .topmenusearch input { border-radius: 0px !important; height: 44px; background-color: #f1f1f1; } .smllogo { width: 100%; display: none !important; margin: 0 auto; text-align: center; background-color: #2B3A40; } .smllogo a { margin: 0 auto; text-align: center; float: none; padding: 10px 0px 3px 0px; } .topmenusearch .btnstyle { height: 44px; color: #424242; } .wsmenu-list .wsshoptabing { background-color: #ffffff; color: #666666; display: none; position: relative !important; top: 0px; padding: 0px; border: solid 0px; transform: none !important; opacity: 1 !important; visibility: visible !important; } .wstabitem { width: 100% !important; background-color: #fff; } .wstabitem li a:after { border: none !important; } .megamenuleftp { width: 100%; display: block; padding: 0px; margin: 0px; } .megamenurightp { width: 100%; display: block; padding: 0px; margin: 0px; } .wstabitem li a:after { position: absolute; content: ''; top: 50%; margin-top: -6px; right: 23px; display: inline-block; border-top: 6px solid #3f464c; border-right: 6px solid transparent; border-left: 6px solid transparent; border-bottom: 6px solid transparent; } .wstabitem li a .fa { display: none; } .wsmenu-list li>.wsshoptabing { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; opacity: 1 !important; } .wsmenucontainer { overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .overlapblackbg { left: 0; z-index: 102; width: 100%; height: 100%; position: fixed; top: 0; display: none; background-color: rgba(0, 0, 0, 0.45); cursor: pointer; } .wsmenucontainer.wsoffcanvasopener { display: block; margin-left: 270px; } .wsmobileheader { display: block !important; position: relative; top: 0; right: 0; left: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .callusicon { color: #969696; font-size: 25px; height: 25px; position: fixed; right: 20px; top: 10px; transition: all 0.4s ease-in-out 0s; width: 25px; z-index: 102; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .callusicon2 { color: #969696; font-size: 26px; height: 25px; position: fixed; right: 55px; top: 10px; transition: all 0.4s ease-in-out 0s; width: 25px; z-index: 101; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .callusicon:focus, callusicon:hover { color: #fff !important; } .callusicon2:focus, callusicon2:hover { color: #fff !important; } .wsoffcanvasopener .callusicon { display: none !important; } .wsoffcanvasopener .callusicon2 { display: none !important; } .smallogo { width: 100%; display: block; text-align: center; padding-top: 9px; position: fixed; z-index: 101; width: 100%; height: 52px; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5); } .smallogo>img { margin-top: 0px; height: 32px; } .wsmenu-list>li:hover>a { background-color: rgba(0, 0, 0, 0.08) !important; text-decoration: none; } .mobiletext { display: inline-block !important; } .wsoffcanvasopener .overlapblackbg { display: block !important; } .wsoffcanvasopener .wsmain { left: 0px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .wsmain { width: 270px; left: -270px; height: 100%; position: fixed; top: 0; margin: 0; float: none; background-color: #fff; border-radius: 0px; z-index: 103; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border: none !important; background-color: #fff !important; } .wsmenu { border-left: none; float: none; width: 100%; display: block !important; height: 100%; overflow-y: auto; display: block !important; } .wstabitem02 li .wsmenu-click02 { border-left: 1px solid #e9e9e9; } .wstabitem02 li .wsmenu-click02 { background-color: #fff; } .wsmenu-click { border-left: 1px solid #e0e0e0; cursor: pointer; display: block; height: 57px; position: absolute; right: 0; top: 0; width: 49px; z-index: 10; } .wsmenu-click i { display: block; height: 23px; width: 25px; margin-top: 15px; margin-right: 13px; background-size: 25px; font-size: 21px; color: rgba(0, 0, 0, 0.25); float: right; text-align: center; } .wsmenu-click02 { border-left: 1px solid #f3f3f3; cursor: pointer; display: block; height: 46px; position: absolute; right: 0; top: 0; width: 49px; z-index: 10; background-color: #f3f3f3; } .wsmenu-click02 i { display: block; height: 23px; width: 34px; margin-top: 11px; margin-right: 8px; background-size: 25px; font-size: 21px; color: rgba(0, 0, 0, 0.25); float: right; text-align: center; } .ws-activearrow>i { transform: rotate(180deg); } .wsmenu-rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .animated-arrow { position: fixed; left: 0; top: 0; z-index: 102; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .wsoffcanvasopener .animated-arrow { left: 270px; } .animated-arrow { cursor: pointer; padding: 13px 35px 16px 0px; margin: 10px 0 0 15px; } .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after { cursor: pointer; height: 2px; width: 23px; background: #424242; position: absolute; display: block; content: ''; } .animated-arrow span:before { top: -7px; } .animated-arrow span:after { bottom: -7px; } .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after { transition: all 500ms ease-in-out; } .wsoffcanvasopener .animated-arrow span { background-color: transparent; } .wsoffcanvasopener .animated-arrow span:before, .animated-arrow.active span:after { top: 7px; } .wsoffcanvasopener .animated-arrow span:before { transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); bottom: 0px; } .wsoffcanvasopener .animated-arrow span:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .megacollink { width: 96% !important; margin: 0% 2% !important; } .megacolimage { width: 90% !important; margin: 0% 5% !important; } .typographylinks { width: 98% !important; margin: 0% 1% !important; } .typographydiv { width: 86% !important; margin: 0% 7% !important; } .mainmapdiv { width: 90% !important; margin: 0% 5% !important; } .innerpnd { padding: 0px !important; } .typography-text { padding: 10px 0px; } .wsmenu-list .megamenu { background-color: #e7e7e7; color: #666666; display: none; position: relative !important; top: 0px; padding: 0px; border: solid 0px; transform: none !important; opacity: 1 !important; visibility: visible !important; } .wsmenu-list li:hover .megamenu { display: none; position: relative !important; top: 0px; } .megamenu .title { color: #666666; font-size: 15px !important; padding: 10px 8px 10px 0px; } .megamenu>ul { width: 100% !important; margin: 0px; padding: 0px; font-size: 13px !important; } .megamenu>ul>li>a { padding: 9px 14px !important; line-height: normal !important; font-size: 13px !important; background-color: #e7e7e7 !important; color: #666666; } .megamenu>ul>li>a:hover { background-color: #000000 !important; } .ad-style { width: 100% !important; } .megamenu ul li.title { line-height: 26px; color: #666666; margin: 0px; font-size: 15px; padding: 7px 13px !important; border-bottom: 1px solid #ccc; background-color: transparent !important; } .wsmenu-submenu>li:hover>a { background-color: #7b7b7b; color: #666666; } .wsmenu>.wsmenu-list>li>a.active { color: #666666; background-color: rgba(0, 0, 0, 0.08); } .wsmenu>.wsmenu-list>li>a:hover { color: #666666; background-color: rgba(0, 0, 0, 0.08); } .wsmenu-list li:hover .wsmenu-submenu { display: none; } .wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub { display: none; } .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub { display: none; list-style: none; padding: 2px; border: solid 1px #eeeeee; background-color: #fff; } .wsmenu-list li:first-child a { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } .wsmenu-list li:last-child a { -webkit-border-radius: 0px 4px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border-right: 0px solid; } .wsmenu-submenu-sub { width: 100% !important; position: static !important; left: 100% !important; top: 0 !important; display: none; margin: 0px !important; padding: 0px !important; border: solid 0px !important; transform: none !important; opacity: 1 !important; visibility: visible !important; } .wsmenu-submenu-sub li { margin: 0px 0px 0px 0px !important; padding: 0px; position: relative; } .wsmenu-submenu-sub a { display: block; padding: 10px 25px 10px 25px; border-bottom: solid 1px #ccc; font-weight: normal; } .wsmenu-submenu-sub li a.active { color: #000 !important; } .wsmenu-submenu-sub li:hover>a { background-color: #333333 !important; color: #fff; } .wsmenu>.wsmenu-list>li>a>.fa { font-size: 16px; color: #bfbfbf; margin-right: 11px; text-align: center; width: 19px; } .wsmenu-submenu-sub-sub { width: 100% !important; position: static !important; left: 100% !important; top: 0 !important; display: none; margin: 0px !important; padding: 0px !important; border: solid 0px !important; transform: none !important; opacity: 1 !important; visibility: visible !important; } .wsmenu-submenu-sub-sub li { margin: 0px 0px 0px 0px !important; } .wsmenu-submenu-sub-sub a { display: block; color: #000; padding: 10px 25px; background: #000 !important; border-bottom: solid 1px #ccc; font-weight: normal; } .wsmenu-submenu-sub-sub li a.active { color: #000 !important; } .wsmenu-submenu-sub-sub li:hover>a { background-color: #606060 !important; color: #fff; } .wsmenu .wsmenu-list { display: block !important; } .wsmenu .wsmenu-list>li { clear: left; width: 100%; display: block; float: none; border-right: none; background-color: transparent; position: relative; white-space: inherit; } .wsmenu>.wsmenu-list>li>a { padding: 13px 32px 13px 12px; font-size: 14px; text-align: left; border-right: solid 0px; background-color: transparent; color: #666666; line-height: 25px; border-bottom: 1px solid; border-bottom-color: rgba(0, 0, 0, 0.13); position: static; } .wsmenu>.wsmenu-list>li>a.wtxaccountlink { padding-bottom: 16px; padding-top: 16px; } .wsmenu .wsmenu-list li a .arrow:after { display: none !important; } .wsmenu .wsmenu-list li ul li a .fa.fa-caret-right { font-size: 12px !important; color: #8E8E8E; } .mobile-sub .wsmenu-submenu { transform: none !important; opacity: 1 !important; display: none; position: relative !important; top: 0px; background-color: #fff; padding: 0px; visibility: visible !important; } .mobile-sub .wsmenu-submenu li a { line-height: 20px; height: auto; background-color: #e7e7e7 !important; font-size: 13px !important; padding: 11px 0px 11px 18px; color: #8E8E8E; } .mobile-sub .wsmenu-submenu li a:hover { background-color: #e7e7e7 !important; color: #666666; text-decoration: underline; } .mobile-sub .wsmenu-submenu li:hover>a { background-color: #e7e7e7 !important; color: #666666; } .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a { line-height: 20px; height: 36px; background-color: #e7e7e7 !important; border-bottom: none; padding-left: 28px; } .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a { line-height: 20px; height: 36px; background-color: #e7e7e7 !important; border-bottom: none !important; padding-left: 38px; color: #8e8e8e; } .wsmenu-list>li.socialicon a { width: 100%; } .wsmenu-list>li.wscarticon em.roundpoint { display: none; } .halfdiv .title { padding-left: 15px; } .halfdiv { width: 100%; display: block; } .halfdiv03 .title { padding-left: 15px; } .halfdiv03 { width: 100%; } .halfmenu { width: 100%; display: block; } .menu_form { padding: 10px 10px 63px 10px; background-color: #e7e7e7; } .menu_form input[type="button"] { width: 46%; } .menu_form input[type="submit"] { width: 46%; } .menu_form textarea { min-height: 100px; } .wsmenu-list li>.wsmenu-submenu { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; } .wsmenu-list li:hover>.wsmenu-submenu { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; } .wsmenu-submenu li>.wsmenu-submenu-sub { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; } .wsmenu-submenu li:hover>.wsmenu-submenu-sub { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; opacity: 1 !important; } .wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; opacity: 1 !important; } .wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; opacity: 1 !important; } .wsmenu-list li>.megamenu { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; opacity: 1 !important; } .wsmenu-list li:hover>.megamenu { transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -o-transform: none !important; -moz-transform: none !important; -webkit-transform: none !important; visibility: visible !important; opacity: 1 !important; } } /*-------------------------------------------------------------------------- | 05 Additional Themes (Optionnal) --------------------------------------------------------------------------*/ .gry { background-color: #424242 !important; color: #fff; } .red { background-color: #DA4B38 !important; color: #fff; } .orange { background-color: #ff9334 !important; color: #fff; } .blue { background-color: #31a8e6 !important; color: #fff; } .green { background-color: #27ae60 !important; color: #fff; } .yellow { background-color: #F6BB42 !important; color: #fff; } .purple { background-color: #967ADC !important; color: #fff; } .pink { background-color: #ff3366 !important; color: #fff; } .gry>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .gry>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .gry>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .gry>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .red>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .red>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .red>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .red>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { color: #fff; } .red>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { background-color: #424242 !important; } .red>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .orange>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .orange>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .orange>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .orange>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { color: #fff; } .orange>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { background-color: #424242 !important; } .orange>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .blue>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .blue>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .blue>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .blue>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { color: #fff; } .blue>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { background-color: #424242 !important; } .blue>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .green>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .green>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .green>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .green>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { color: #fff; } .green>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { background-color: #424242 !important; } .green>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .yellow>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #454545 !important; } .yellow>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #454545 !important; } .yellow>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #454545 !important; } .yellow>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { color: #454545; } .yellow>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .purple>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .purple>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .purple>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .purple>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .purple>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { color: #fff; } .purple>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { background-color: #424242 !important; } .pink>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .pink>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .pink>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .pink>.wsmain>.wsmenu>.wsmenu-list>li>a .fa { color: #fff; } .pink>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint { background-color: #424242 !important; } .pink>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .tranbg { background-color: transparent !important; } .whitebg { background-color: #fff !important; } .whitebg:hover { color: #000 !important; } .pm_buttoncolor .wsmenu-list>li>a .fa { color: #fff !important; } .pm_buttoncolor03 .wsmenu-list>li:hover>a .fa { color: #fff !important; } .pm_buttoncolor .wsmenu-list li a .arrow:after { border-top-color: #fff; } .blue-grdt { background: #5999ee; background: -moz-linear-gradient(top, #5999ee 0%, #4a89dc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5999ee), color-stop(100%, #4a89dc)); background: -webkit-linear-gradient(top, #5999ee 0%, #4a89dc 100%); background: -o-linear-gradient(top, #5999ee 0%, #4a89dc 100%); background: -ms-linear-gradient(top, #5999ee 0%, #4a89dc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5999ee', endColorstr='#4a89dc', GradientType=0); color: #fff; } .gry-grdt { background: #565656; background: -moz-linear-gradient(top, #565656 0%, #424242 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #424242)); background: -webkit-linear-gradient(top, #565656 0%, #424242 100%); background: -o-linear-gradient(top, #565656 0%, #424242 100%); background: -ms-linear-gradient(top, #565656 0%, #424242 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#424242', GradientType=0); color: #fff; } .green-grdt { background: #86ba3d; background: -moz-linear-gradient(top, #86ba3d 0%, #74a52e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86ba3d), color-stop(100%, #74a52e)); background: -webkit-linear-gradient(top, #86ba3d 0%, #74a52e 100%); background: -o-linear-gradient(top, #86ba3d 0%, #74a52e 100%); background: -ms-linear-gradient(top, #86ba3d 0%, #74a52e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ba3d', endColorstr='#74a52e', GradientType=0); color: #fff; } .red-grdt { background: #f05c48; background: -moz-linear-gradient(top, #f05c48 0%, #da4b38 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f05c48), color-stop(100%, #da4b38)); background: -webkit-linear-gradient(top, #f05c48 0%, #da4b38 100%); background: -o-linear-gradient(top, #f05c48 0%, #da4b38 100%); background: -ms-linear-gradient(top, #f05c48 0%, #da4b38 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05c48', endColorstr='#da4b38', GradientType=0); color: #fff; } .orange-grdt { background: #fc7d33; background: -moz-linear-gradient(top, #fc7d33 0%, #ff670f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc7d33), color-stop(100%, #ff670f)); background: -webkit-linear-gradient(top, #fc7d33 0%, #ff670f 100%); background: -o-linear-gradient(top, #fc7d33 0%, #ff670f 100%); background: -ms-linear-gradient(top, #fc7d33 0%, #ff670f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7d33', endColorstr='#ff670f', GradientType=0); color: #fff; } .yellow-grdt { background: #ffcd67; background: -moz-linear-gradient(top, #ffcd67 0%, #f6bb42 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcd67), color-stop(100%, #f6bb42)); background: -webkit-linear-gradient(top, #ffcd67 0%, #ff670f 100%); background: -o-linear-gradient(top, #ffcd67 0%, #f6bb42 100%); background: -ms-linear-gradient(top, #ffcd67 0%, #f6bb42 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd67', endColorstr='#f6bb42', GradientType=0); color: #fff; } .purple-grdt { background: #a98ded; background: -moz-linear-gradient(top, #a98ded 0%, #967adc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a98ded), color-stop(100%, #967adc)); background: -webkit-linear-gradient(top, #a98ded 0%, #967adc 100%); background: -o-linear-gradient(top, #a98ded 0%, #967adc 100%); background: -ms-linear-gradient(top, #a98ded 0%, #967adc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a98ded', endColorstr='#967adc', GradientType=0); color: #fff; } .pink-grdt { background: #fb3ea4; background: -moz-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb3ea4), color-stop(100%, #f21b8f)); background: -webkit-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%); background: -o-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%); background: -ms-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb3ea4', endColorstr='#f21b8f', GradientType=0); color: #fff; } .tranbg { background-color: transparent !important; box-shadow: none !important; } .red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .red-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .gry-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .blue-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .green-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .orange-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .yellow-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .purple-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } .pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span { color: #fff !important; } .pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after { color: #fff !important; } .pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff !important; } .pink-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click { border-color: rgba(0, 0, 0, 0.18) !important; } @media only screen and (max-width: 780px) { .tranbg { background-color: #fff !important; } .red-grdt>.wsmenu>.wsmenu-list>li>a>.fa { color: #fff !important; } .blue-grdt>.wsmenu>.wsmenu-list>li>a>.fa { color: #fff !important; } .orange-grdt>.wsmenu>.wsmenu-list>li>a>.fa { color: #fff !important; } .green-grdt>.wsmenu>.wsmenu-list>li>a>.fa { color: #fff !important; } .purple-grdt>.wsmenu>.wsmenu-list>li>a>.fa { color: #fff !important; } .pink-grdt>.wsmenu>.wsmenu-list>li>a>.fa { color: #fff !important; } .pm_buttoncolor>.wsmain>.wsmenu>.wsmenu-list>li>a { color: #fff; } .blue-grdt .wsmain { background: #5999ee; background: -moz-linear-gradient(top, #5999ee 0%, #4a89dc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5999ee), color-stop(100%, #4a89dc)); background: -webkit-linear-gradient(top, #5999ee 0%, #4a89dc 100%); background: -o-linear-gradient(top, #5999ee 0%, #4a89dc 100%); background: -ms-linear-gradient(top, #5999ee 0%, #4a89dc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5999ee', endColorstr='#4a89dc', GradientType=0); color: #fff; } .gry-grdt .wsmain { background: #565656; background: -moz-linear-gradient(top, #565656 0%, #424242 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #424242)); background: -webkit-linear-gradient(top, #565656 0%, #424242 100%); background: -o-linear-gradient(top, #565656 0%, #424242 100%); background: -ms-linear-gradient(top, #565656 0%, #424242 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#424242', GradientType=0); color: #fff; } .green-grdt .wsmain { background: #86ba3d; background: -moz-linear-gradient(top, #86ba3d 0%, #74a52e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86ba3d), color-stop(100%, #74a52e)); background: -webkit-linear-gradient(top, #86ba3d 0%, #74a52e 100%); background: -o-linear-gradient(top, #86ba3d 0%, #74a52e 100%); background: -ms-linear-gradient(top, #86ba3d 0%, #74a52e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ba3d', endColorstr='#74a52e', GradientType=0); color: #fff; } .red-grdt .wsmain { background: #f05c48; background: -moz-linear-gradient(top, #f05c48 0%, #da4b38 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f05c48), color-stop(100%, #da4b38)); background: -webkit-linear-gradient(top, #f05c48 0%, #da4b38 100%); background: -o-linear-gradient(top, #f05c48 0%, #da4b38 100%); background: -ms-linear-gradient(top, #f05c48 0%, #da4b38 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05c48', endColorstr='#da4b38', GradientType=0); color: #fff; } .orange-grdt .wsmain { background: #fc7d33; background: -moz-linear-gradient(top, #fc7d33 0%, #ff670f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc7d33), color-stop(100%, #ff670f)); background: -webkit-linear-gradient(top, #fc7d33 0%, #ff670f 100%); background: -o-linear-gradient(top, #fc7d33 0%, #ff670f 100%); background: -ms-linear-gradient(top, #fc7d33 0%, #ff670f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7d33', endColorstr='#ff670f', GradientType=0); color: #fff; } .yellow-grdt .wsmain { background: #ffcd67; background: -moz-linear-gradient(top, #ffcd67 0%, #f6bb42 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcd67), color-stop(100%, #f6bb42)); background: -webkit-linear-gradient(top, #ffcd67 0%, #ff670f 100%); background: -o-linear-gradient(top, #ffcd67 0%, #f6bb42 100%); background: -ms-linear-gradient(top, #ffcd67 0%, #f6bb42 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd67', endColorstr='#f6bb42', GradientType=0); color: #fff; } .purple-grdt .wsmain { background: #a98ded; background: -moz-linear-gradient(top, #a98ded 0%, #967adc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a98ded), color-stop(100%, #967adc)); background: -webkit-linear-gradient(top, #a98ded 0%, #967adc 100%); background: -o-linear-gradient(top, #a98ded 0%, #967adc 100%); background: -ms-linear-gradient(top, #a98ded 0%, #967adc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a98ded', endColorstr='#967adc', GradientType=0); color: #fff; } .pink-grdt .wsmain { background: #fb3ea4; background: -moz-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb3ea4), color-stop(100%, #f21b8f)); background: -webkit-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%); background: -o-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%); background: -ms-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb3ea4', endColorstr='#f21b8f', GradientType=0); color: #fff; } .gry .wsmain { background-color: #424242 !important; color: #fff; } .red .wsmain { background-color: #DA4B38 !important; color: #fff; } .orange .wsmain { background-color: #ff9334 !important; color: #fff; } .blue .wsmain { background-color: #31a8e6 !important; color: #fff; } .green .wsmain { background-color: #27ae60 !important; color: #fff; } .yellow .wsmain { background-color: #F6BB42 !important; color: #fff; } .purple .wsmain { background-color: #967ADC !important; color: #fff; } .pink .wsmain { background-color: #ff3366 !important; color: #fff; } } </style> <script async src="https://www.googletagmanager.com/gtag/js?id=G-GGX68R3SWH"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-GGX68R3SWH'); </script> <div id="searchcolumn" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <small>Search Produk Wahana Superstore</small> </div> <div class="modal-body" style="height:85px"> <form class="topmenusearch" method="get" action="https://snelenvoordeligweg.nl/reisbeoordelingen/"> <input name="filter" placeholder="Search produk berdasarkan nama, kategori, dan brand"> <button class="btnstyle"><i class="searchicon fa fa-search" aria-hidden="true"></i></button> </form> </div> </div> </div> </div> <div class="wsmenucontainer clearfix"> <div class="overlapblackbg"></div> <div class="wsmobileheader clearfix"> <a id="wsnavtoggle" class="animated-arrow"><span></span></a> <a class="smallogo" href="https://snelenvoordeligweg.nl/reisbeoordelingen/"><img src="https://ik.imagekit.io/odinastic/logo/1017664818.png?updatedAt=1771577434346" alt="" /></a> <a class="callusicon2" href="#" data-toggle="modal" data-target="#searchcolumn"> <i class="fa fa-search" style="color:#888;margin-left:-40px"></i> </a> <a class="callusicon2" href="https://snelenvoordeligweg.nl/reisbeoordelingen/"> <i class="fa fa-user"></i> </a> <a class="callusicon" href="https://snelenvoordeligweg.nl/reisbeoordelingen/"> <i class="fa fa-shopping-basket"></i> <em class="roundpoint2">0</em> </a> </div> <div class="headtoppart clearfix" style="z-index:102"> <div class="container"> <div class="col-md-12"> <div class="headerwp"> <div class="headertopleft"> <div class="address clearfix"><span><i class="fa fa-" aria-hidden="true"></i> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/">Layanan Pelanggan</a> | </span> Layanan Bantuan Online Hub. <i class="fa fa-phone" aria-hidden="true"></i> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank">Live Chat BARGES88</a> <i class="fa fa-mobile" aria-hidden="true" style="font-size:14px;"></i> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank">Whatsapp BARGES88</a> </div> </div> <div class="headertopright hidden-xs"> <a class="facebookicon" title="Facebook" href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank"><i aria-hidden="true" class="fa fa-facebook"></i> <span class="mobiletext02">Facebook</span></a> <a class="instagramicon" title="Twitter" href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank"><i aria-hidden="true" class="fa fa-instagram"></i> <span class="mobiletext02">Instagram</span></a> <a class="googleicon" title="Google" href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank"><i aria-hidden="true" class="fa fa-google"></i> <span class="mobiletext02">Google</span></a> </div> </div> </div> </div> </div> <div class="headerfull"> <!--Main Menu HTML Code--> <div class="container"> <div class="col-md-12"> <div class="wsmain"> <div class="smllogo"><a href="https://snelenvoordeligweg.nl/reisbeoordelingen/"><img src="https://ik.imagekit.io/odinastic/logo/1017664818.png?updatedAt=1771577434346" alt="" /></a></div> <nav class="wsmenu clearfix" style="width:80%"> <ul class="mobile-sub wsmenu-list"> <li class="wssearchbar clearfix"> <form class="topmenusearch" method="get" action="https://snelenvoordeligweg.nl/reisbeoordelingen/"> <input name="filter" placeholder="BARGES88"> <button class="btnstyle"><i class="searchicon fa fa-search" aria-hidden="true"></i></button> </form> </li> <li class="wscarticon clearfix"> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/"><i class="fa fa-shopping-basket"></i> <em class="roundpoint">0</em><span class="mobiletext">Shopping Cart</span></a> </li> <li class="wsshopmyaccount clearfix"> <a href="https://snelenvoordeligweg-nl-reisbeoordelingen.pages.dev/" class="wtxaccountlink" style="font-size:13px;"><i class="fa fa-user"></i> Login / Register</a> </li> </ul> </nav> <div class="headerfull_2" style="height:auto"> <!--Main Menu HTML Code--> </div> <!--<div class="col-md-1 col-xs-3 text-center">--> <!--</div>--> </div> <div class="mobile-tabs-slider"> </div> </div> </div> </div> </div> <div class="wrapper"> <div class="moreoption clearfix"> <div class="container container_body" style="margin-top:50px;margin-bottom:100px"> <div class="col-md-7" style="margin-bottom:20px; background-color:#ffffffea;"> <!-- Warna background untuk col-md-7 --> <div class="prod_main" style="margin-bottom:20px; background-color:#eee5e5;"> <!-- Warna background untuk prod_main --> <small>Home > <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/">BARGES88</a> > <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/">LOGIN SLOT GACOR</a> > <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/">SITUS GACOR TERPERCAYA</a> > <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/">SLOT GACOR RESMI 2026</a> </small> <h1>BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026</h1> <div class="text-center" style="background-color:#fff7f6; padding:10px;"> <!-- Warna background untuk text-center --> <img id="mainPhoto" alt="BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026" title="BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026" src="https://ik.imagekit.io/odinastic/banner/banner-slot-gacor.png?updatedAt=1772029106758"> <br> </div> <br> <div class="clearfix"> </div> </div> <div id="boxspesifikasi" class="prod_main" style="margin-bottom:20px;"> <h2>SPESIFIKASI BARGES88 SITUS TOTO SLOT GACOR RESMI 2026</h2> <table border="1" cellpadding="3" cellspacing="3" style="height:100%; width:100%;"> <tbody> <tr> <td>NAMA BRAND</td> <td>BARGES88</td> </tr> <tr> <td>Server</td> <td>INDONESIA</td> </tr> <tr> <td>Jenis Game</td> <td>TOTO SLOT</td> </tr> <tr> <td>Min Deposit</td> <td>Rp 10.000</td> </tr> <tr> <td>Min Withdraw</td> <td>Rp 50.000</td> </tr> <tr> <td>Jenis Transaksi</td> <td>✅ BANK ✅ E-WALLET ✅ QRIS</td> </tr> <tr> <td>RATING</td> <td>⭐⭐⭐⭐⭐</td> </tr> </tbody> </table> <!-- Tombol Login & Daftar --> <div style="text-align:center; margin-top:20px;"> <a href="https://snelenvoordeligweg-nl-reisbeoordelingen.pages.dev/" target="_blank" style="text-decoration:none;"> <button class="btn" style="background-color:#222; color:white; padding:10px 25px; border:none; border-radius:5px; margin-right:10px; cursor:pointer;"> <i class="fa fa-sign-in" style="margin-right:5px;"></i> LOGIN </button> </a> <a href="https://snelenvoordeligweg-nl-reisbeoordelingen.pages.dev/" target="_blank" style="text-decoration:none;"> <button class="btn" style="background-color:#B00; color:white; padding:10px 25px; border:none; border-radius:5px; cursor:pointer;"> <i class="fa fa-user-plus" style="margin-right:5px;"></i> DAFTAR </button> </a> </div> </div> </div> <div class="col-md-5"> <div class="prod_desc"> <h2> Deskripsi BARGES88 </h2> <div class="pdesc"> <p style="text-align: justify;"> <span style="font-weight: 400;"> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/">BARGES88</a> merupakan portal login link situs toto slot gacor resmi yang menyediakan alternatif terbaru bebas hambatan paling mudah diakses. </span> </p> <p style="text-align: justify;"> <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> </p> </div> </div> <div class="prod_desc"> <form id="formCart" action="https://snelenvoordeligweg.nl/reisbeoordelingen/" method="POST"> <div class="col-md-4"> <h6>Kota Asal :</h6> </div> <div class="col-md-8"> <select name="kotaAsal" class="form-control" style="margin-top:5px;margin-bottom:5px"> <option hidden>Pilih kota</option> <option value="JKT" selected>Jakarta</option> <option value="MDN">Medan</option> <option value="BDG">Bandung</option> <option value="SBY">Surabaya</option> </select> </div> <div class="col-md-4"> <h6>Jumlah :</h6> </div> <div class="col-md-8"> <select name="qty" class="form-control" style="margin-top:5px;margin-bottom:5px" disabled required> <option hidden="" value="" selected>Pilih jumlah</option> </select> </div> <input type="hidden" name="id" value="6804"> <input type="hidden" name="name" value="BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026"> <input type="hidden" name="price" value="255000"> <div class="col-md-4"> <h6>Harga Awal :</h6> </div> <div class="col-md-8"> <p class="prod_promo"> <font style="text-decoration:line-through">IDR 50,000 </font> </p> </div> <div class="col-md-4"> <h6>Harga :</h6> </div> <div class="col-md-8"> <h1 class="prod_price"> <font style="font-weight:700;font-size:20px">IDR 10,000</font> <sup style="color:#B00;font-size:12px;font-weight:600">(-90%)</sup> </h1> </div> <div class="col-md-12 text-left"> <div id="ada" style="display:none;"> <button type="submit" class="btn add_to_cart"> <i class="fa fa-check" style="font-size:15px;margin-right:2px;"></i> BELI SEKARANG </button> <button class="btn add_to_checkout"> <i class="fa fa-shopping-basket" style="font-size:15px;margin-right:2px;"></i> TAMBAH KE BAG </button> </div> <div id="DAFTAR" style="display:inline-block;"> <button class="btn add_to_cart" style="background-color:#B00 !important" disabled> <i class="fa fa-ban" style="font-size:15px;margin-right:2px;"></i> DAFTAR </button> <button class="btn add_to_checkout" style="background-color:#BBB !important" disabled> <i class="fa fa-shopping-basket" style="font-size:15px;margin-right:2px;"></i> TAMBAH KE BAG </button> </div> <div id="alertbawah" style="display:none;" class="alert alert-success"> Produk berhasil ditambahkan ke bag </div> </div> <div class="section-marketplace col-md-12"> <p><b>MARKETPLACE PARTNER</b></p> <div style="display: inline-block; margin-right:6px;"> <img src="https://wahanasuperstore.com/asset/img/marketplace/lazada.png" class="img-responsive"> <a disabled href="https://snelenvoordeligweg.nl/reisbeoordelingen/" class="btn btn-marketplace-off"><i class="fa fa-check" style="font-size:15px;margin-right:2px;"></i>BELI LAZADA</a> </div> <div style="display: inline-block;"> <img src="https://wahanasuperstore.com/asset/img/marketplace/blibli.png" class="img-responsive"> <a disabled href="https://snelenvoordeligweg.nl/reisbeoordelingen/" class="btn btn-marketplace-off"><i class="fa fa-check" style="font-size:15px;margin-right:2px;"></i>BELI BLIBLI</a> </div> <div style="display: inline-block; margin-right:6px;"> <img src="https://wahanasuperstore.com/asset/img/marketplace/JDID.png" class="img-responsive"> <a disabled href="https://snelenvoordeligweg.nl/reisbeoordelingen/" class="btn btn-marketplace-off"><i class="fa fa-check" style="font-size:15px;margin-right:2px;"></i>BELI JD.ID</a> </div> <div style="display: inline-block;"> <img src="https://wahanasuperstore.com/asset/img/marketplace/toped.png" class="img-responsive"> <a disabled href="https://snelenvoordeligweg.nl/reisbeoordelingen/" class="btn btn-marketplace-off"><i class="fa fa-check" style="font-size:15px;margin-right:2px;"></i>BELI TOKOPEDIA</a> </div> </div> <div class="clearfix"> </div> </form> </div> <div class="prod_desc"> <div class="col-md-12"> <h4 style="margin-top:2px;">Estimasi Harga Pengiriman</h4> </div> <div class="col-md-5 col-xs-4"> <img src="https://wahanasuperstore.com/asset/img/product/map.png" style="width:100%"> </div> <div class="col-md-7 col-xs-8"> <select name="provinsi" class="form-control" style="margin-top:5px;margin-bottom:5px"> <option hidden="" selected>Pilih provinsi</option> <option value="1">Jawa Timur</option> <option value="2">Jawa Tengah</option> <option value="3">Jawa Barat</option> <option value="4">DKI Jakarta</option> <option value="5">Banten</option> <option value="6">D.I. Yogyakarta</option> <option value="8">Sumatra Utara</option> <option value="9">Riau</option> <option value="10">Sumatra Barat</option> <option value="11">Jambi</option> <option value="12">Kepulauan Riau</option> <option value="13">Sumatra Selatan</option> <option value="16">Lampung</option> <option value="17">Bali</option> <option value="36">*PICK UP</option> <option value="37">Kalimantan Barat</option> <option value="38">Kalimantan Tengah</option> <option value="39">Kalimantan Selatan</option> <option value="40">Kalimatan Timur</option> <option value="41">Kalimatan Utara</option> </select> <select name="kota" class="form-control" style="margin-top:5px;margin-bottom:10px"> <option hidden="" selected>Pilih kota</option> </select> <input id="productWeight" type="hidden" value="25"> IDR <span id="estprice">-</span> </div> <div class="clearfix"> </div> </div> <div class="prod_desc"> <div class="row"> <div class="col-md-3 col-xs-3"> <img src="https://wahanasuperstore.com/asset/img/product/ship.png" style="width:95%;"> </div> <div class="col-md-9 col-xs-9"> <p style="margin-bottom:17px;margin-top:8px;font-size:13px;"> <b>PENGIRIMAN</b> <br> Jabodetabek : 1 - 3 hari kerja<br> Luar Jabodetabek : 4 - 7 hari kerja<br> </p> </div> </div> <div class="row"> <div class="col-md-3 col-xs-3"> <img src="https://wahanasuperstore.com/asset/img/product/pay1.png" style="width:95%;"> </div> <div class="col-md-9 col-xs-9"> <p style="margin-bottom:17px;margin-top:8px;font-size:13px;"> <b>PEMBAYARAN AMAN</b> <br> Kami bekerja sama dengan payment gateaway bersertifikat penuh dan ternama di Indonesia. </p> </div> </div> <div class="row"> <div class="col-md-3 col-xs-3"> <img src="https://wahanasuperstore.com/asset/img/product/pay2.png" style="width:95%;"> </div> <div class="col-md-9 col-xs-9"> <p style="font-size:13px;margin-top:8px;"> <b>PEMBAYARAN MUDAH</b><br> Bank Transfer, Kredit / Debit Transaksi, dan Cicilan. </p> </div> </div> <div class="clearfix"> </div> </div> </div> </div> </div> </div> <footer> <div class="container"> <div class="col-md-4"> <img src="https://ik.imagekit.io/odinastic/logo/1017664818.png?updatedAt=1771577434346" style="width:180px;"> <p style="font-size:12px;margin-top:15px;width:90%"> BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026 <br><br> BARGES88 merupakan portal login link situs toto slot gacor resmi yang menyediakan alternatif terbaru bebas hampatan paling mudah diakses. </p> <p style="font-size:12px;margin-top:15px;line-height:22px;"> <br> <i class="fa fa-phone" style="margin-right:8px;"></i> Live Chat <br> <i class="fa fa-map-marker" style="margin-right:9px;"></i> Gang Rindu Nomor 08,2 Hara Hiri <br> </p> </div> <div class="col-md-2"> <h4>MANAGE ACCOUNT</h4> <p class="foot_menu"> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/">Account Saya</a> </p> <p class="foot_menu"> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/">Daftar Account</a> </p> </div> <div class="col-md-3"> <h4>LAYANAN PELANGGAN</h4> <p class="foot_menu"> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/">About Us</a> </p> <p class="foot_menu"> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/">Contact Us</a> </p> <p class="foot_menu"> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/">Cara Pembelian</a> </p> <p class="foot_menu"> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/">Cara Pembayaran</a> </p> <p class="foot_menu"> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/">Konfirmasi Pembayaran</a> </p> <p class="foot_menu"> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/">Garansi dan Pengembalian</a> </p> <p class="foot_menu"> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/">Instalasi atau Pemasangan</a> </p> </div> <div class="col-md-3"> <h4 style="margin-bottom:0">SOCIAL MEDIA & PARTNERS</h4> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank"><img src="https://wahanasuperstore.com/asset/img/footer/new/FACEBOOK.gif" style="width:60px;margin-left:-12px"></a> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank"><img src="https://wahanasuperstore.com/asset/img/footer/new/INSTAGRAM.gif" style="width:60px;margin-left:-20px;"></a> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank"><img src="https://wahanasuperstore.com/asset/img/footer/new/BLIBLI1.gif" style="width:35px;margin-left:-10px;"></a> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank"><img src="https://wahanasuperstore.com/asset/img/footer/new/Untitled-5.gif" style="width:35px;margin-left:5px;"></a> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank"><img src="https://wahanasuperstore.com/asset/img/footer/new/JDID.gif" style="width:35px;margin-left:5px;"></a> <div style="margin-top:8px"> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank"><img src="https://wahanasuperstore.com/asset/img/footer/new/TOKOPEDIA.gif" style="width:35px;margin-right:10px;margin-top:-15px;"></a> <!--<img src="https://wahanasuperstore.com/asset/img/footer/new/akulaku.gif" style="width:60px;margin-left:-20px;margin-top:-15px;">--> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank"><img src="https://wahanasuperstore.com/asset/img/footer/new/shopee.png" style="height:34px;margin-left:-4px;margin-top:-15px;"></a> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank"><img src="https://wahanasuperstore.com/asset/img/footer/new/dekoruma.png" style="width:35px;margin-left:3px;margin-top:-15px;"></a> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank"><img src="https://wahanasuperstore.com/asset/img/footer/tiktok-shop.jpeg" style="width:35px;margin-left:3px;margin-top:-15px;"></a> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank"><img src="https://ik.imagekit.io/odinastic/logo/1017664818.png?updatedAt=1771577434346" style="width:35px;margin-left:3px;margin-top:-15px;"></a> </div> <h4 style="margin-bottom:10px">PEMBAYARAN</h4> <img src="https://wahanasuperstore.com/asset/img/footer/new/MASTERCARD.gif" style="width:40px;margin-right:5px;margin-bottom:5px;"> <img src="https://wahanasuperstore.com/asset/img/footer/visa.png" style="width:40px;margin-right:5px;margin-bottom:5px;"> <img src="https://wahanasuperstore.com/asset/img/footer/new/ATM-BERSAMA.gif" style="width:40px;margin-right:5px;margin-bottom:5px;"> <img src="https://wahanasuperstore.com/asset/img/footer/new/BCA.gif" style="width:40px;margin-right:5px;margin-bottom:5px;"> <br> <img src="https://wahanasuperstore.com/asset/img/footer/new/MANDIRI-BANK.gif" style="width:40px;margin-right:5px;margin-bottom:5px;"> <img src="https://wahanasuperstore.com/asset/img/footer/new/BNI.gif" style="width:40px;margin-right:5px;margin-bottom:5px;"> <img src="https://wahanasuperstore.com/asset/img/footer/new/MAYBANK.gif" style="width:40px;margin-right:5px;margin-bottom:5px;"> <img src="https://wahanasuperstore.com/asset/img/footer/new/PERMATA-BANK.gif" style="width:40px;margin-right:5px;margin-bottom:5px;"> <br> <img src="https://wahanasuperstore.com/asset/img/footer/new/CICILAN-INSTALLMENT.gif" style="width:40px;margin-right:5px;margin-bottom:5px;"> <img src="https://wahanasuperstore.com/asset/img/footer/new/MASTERCARD-SECURECODE.gif" style="width:40px;margin-right:5px;margin-bottom:5px;"> <img src="https://wahanasuperstore.com/asset/img/footer/new/VERIFIED-VISA.gif" style="width:40px;margin-right:5px;margin-bottom:5px;"> <img src="https://wahanasuperstore.com/asset/img/footer/new/DOLU-WALLET.gif" style="width:40px;margin-right:5px;margin-bottom:5px;"> <br/> <div style="margin: 10px 0 30px 0"> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank"> <img src="https://wahanasuperstore.com/asset/img/acwahana black.png" width="80" style="margin-right: 5px" /> </a> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank"> <img src="https://wahanasuperstore.com/asset/img/wahana black.png" width="80" /> </a> </div> </div> <div class="col-md-12" style="font-size:12px;margin-top:50px;"> Copyrights © BARGES88 | <strong>Seo ODINASTIC99</strong> <a href="https://snelenvoordeligweg.nl/reisbeoordelingen/" target="_blank">Vienci Studio</a>. </div> </div> </footer> <script type="text/javascript" src="https://wahanasuperstore.com/asset/js/carousel_brand/lib/jquery.jcarousel.min.js"></script> <link rel="stylesheet" type="text/css" href="https://wahanasuperstore.com/asset/js/carousel_brand/skins/tango/skin.css" /> <script src="https://wahanasuperstore.com/asset/owl-carousel/owl.carousel.js"></script> <link rel="stylesheet" type="text/css" href="https://wahanasuperstore.com/asset/owl-carousel/owl.carousel.css"> <link rel="stylesheet" type="text/css" href="https://wahanasuperstore.com/asset/owl-carousel/owl.theme.css"> <script> $.fn.digits = function () { return this.each(function () { $(this).text($(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,")); }) } $(document).ready(function () { var instock = { "JKT": 0, "MDN": 0, "BDG": 0, "SBY": 0 }; $(".changePhoto").click(function (e) { e.preventDefault(); $("#mainPhoto").attr("src", $(this).attr("src")); }); $("select[name=provinsi]").change(function (e) { // get city lists $.ajax({ url: "https://wahanasuperstore.com/city/getByStateID/" + $(this).val(), cache: false, beforeSend: function () { $("select[name=kota]").html(); }, success: function (html) { $("select[name=kota]").html(html); $.ajax({ url: "https://wahanasuperstore.com/city/getShippingPriceById/" + $("select[name=kota]").val(), cache: false, beforeSend: function () { }, success: function (price) { $("#estprice").html($("#productWeight").val() * price); $("#estprice").digits(); } }); } }); }); $("select[name=kota]").change(function (e) { $.ajax({ url: "https://wahanasuperstore.com/city/getShippingPriceById/" + $(this).val(), cache: false, beforeSend: function () { }, success: function (price) { $("#estprice").html($("#productWeight").val() * price); $("#estprice").digits(); } }); }); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); var timer; $("select[name=kotaAsal]").change(function (e) { if (instock[$(this).val()] == 1) { $("select[name=jumlahKirim").removeAttr("disabled"); $(".btn .add_to_cart").removeAttr("disabled"); $(".btn .add_to_checkout").removeAttr("disabled"); $("#ada").show(); $("#kosong").hide(); } else { $("select[name=jumlahKirim").attr("disabled", "true"); $(".btn .add_to_cart").attr("disabled", "true"); $(".btn .add_to_checkout").attr("disabled", "true"); $("#kosong").show(); $("#ada").hide(); } }); $(".btn.add_to_checkout:not([disabled])").click(function (e) { e.preventDefault(); clearTimeout(timer); timer = setTimeout(function () { if ($("#formCart select[name='qty']").val() != "") { $.ajax({ url: "https://snelenvoordeligweg.nl/reisbeoordelingen/", type: "POST", data: $("#formCart").serialize(), beforeSend: function () { $("#alertbawah").hide(); }, success: function (data) { $("#alertbawah").show(); $(".wscarticon .roundpoint").html(data); }, error: function (jqXHR, textStatus, errorThrown) { } }); } else { $(".btn.add_to_cart").click(); } }, 500); }); }); </script> <script> // Blok klik kanan document.addEventListener('contextmenu', event => event.preventDefault()); // Blok tombol keyboard tertentu document.onkeydown = function (e) { if (e.keyCode == 123) e.preventDefault(); // F12 if (e.ctrlKey && e.shiftKey && e.keyCode == 73) e.preventDefault(); // Ctrl+Shift+I if (e.ctrlKey && e.shiftKey && e.keyCode == 74) e.preventDefault(); // Ctrl+Shift+J if (e.ctrlKey && e.keyCode == 85) e.preventDefault(); // Ctrl+U if (e.ctrlKey && e.keyCode == 83) e.preventDefault(); // Ctrl+S }; </script> </body> </html>
Optional Gist Settings
Gist Name/Title:
Category:
None
Cryptocurrency
Cybersecurity
Fixit
Food
Gaming
Haiku
Help
History
Housing
Jokes
Legal
Money
Movies
Music
Pets
Photo
Science
Software
Source Code
Spirit
Sports
Travel
TV
Writing
Syntax Highlighting:
None
Bash
C
C++
C#
CSS
HTML
Java
JavaScript
Lua
Objective C
Perl
PHP
Python
Ruby
JSON
Swift
Markdown
ActionScript
Ada
Apache Log
AppleScript
ASM (NASM)
ASP
Bash
C
C for Macs
CAD DCL
CAD Lisp
C++
C#
ColdFusion
CSS
D
Delphi
Diff
Batch
Eiffel
Fortran
FreeBasic
Game Maker
HTML
INI file
Java
JavaScript
Lisp
Lua
MPASM
MySQL
NullSoft Installer
Objective C
OCaml
Openoffice BASIC
Oracle 8
Pascal
Perl
PHP
Python
QBasic
Robots
Ruby
Scheme
Smarty
SQL
VisualBasic
VB.NET
VisualFoxPro
XML
AutoIt
Blitz Basic
BNF
Erlang
Genero
Groovy
Haskell
Inno Script
Latex
Linden Scripting
MatLab
M68000 Assembler
mIRC
Rails
PL/SQL
Smalltalk
TCL
Z80 Assembler
ABAP
ActionScript 3
APT Sources
Avisynth
Basic4GL
BibTeX
BrainFuck
BOO
CFDG
C Intermediate Language
CMake
COBOL
DCS
DIV
DOT
Email
FO Language
GetText
OpenGL Shading
Ruby Gnuplot
HQ9 Plus
IDL
INTERCAL
IO
Java 5
KiXtart
Clone C
Clone C++
Loco Basic
LOL Code
Lotus Formulas
Lotus Script
LScript
Make
Modula 3
MXML
Oberon 2
OCaml Brief
Oracle 11
Per
PHP Brief
Pic 16
Pixel Bender
POV-Ray
PowerShell
Progress
Prolog
Properties
ProvideX
REBOL
REG
SAS
Scala
Scilab
SdlBasic
Tera Term
thinBasic
T-SQL
TypoScript
VeriLog
VHDL
VIM
Visual Pro Log
WhiteSpace
WHOIS
Winbatch
Xorg Config
XPP
Pawn
4CS
6502 ACME Cross Assembler
6502 Kick Assembler
6502 TASM/64TASS
Motorola 68000 HiSoft Dev
ALGOL 68
autoconf
Autohotkey
Awk
Cuesheet
ChaiScript
Clojure
C++ (with Qt extensions)
E
ECMAScript
Formula One
F#
GAMBAS
GDB
Genie
Go
GwBasic
HicEst
Icon
J
jQuery
Liberty BASIC
Logtalk
MagikSF
MapBasic
MIX Assembler
Modula 2
newLISP
Objeck Programming Language
Oz
Delphi Prism (Oxygene)
Oz
PCRE
Perl 6
OpenBSD PACKET FILTER
Pike
PostgreSQL
PowerBuilder
PureBasic
q/kdb+
RPM Spec
R
SystemVerilog
Vala
Unicon
Vala
XBasic
ZXBasic
UnrealScript
HTML 5
ProFTPd
BASCOM AVR
C: Loadrunner
CoffeeScript
EPC
Falcon
LLVM
PyCon
YAML
FreeSWITCH
ARM
Asymptote
DCL
DCPU-16
Haxe
LDIF
Nagios
Octave
ParaSail
PARI/GP
Python for S60
Rexx
SPARK
SPARQL
StoneScript
UPC
Urbi
Vedit
AIMMS
Chapel
Dart
Easytrieve
ISPF Panel Definition
JCL
Nginx
Nim
PostScript
QML
Racket
RBScript
Rust
SCL
StandardML
VBScript
C (WinAPI)
C++ (WinAPI)
NetRexx
JSON
Swift
SuperCollider
Julia
Blitz3D
BlitzMax
SQF
Puppet
Filemaker
Euphoria
PL/I
Open Object Rexx
Markdown
Kotlin
Ceylon
Arduino
YARA
TypeScript
Mercury
MetaPost
MK-61/52
Phix
Roff Manpage
SSH Config
TeXgraph
Xojo
KSP (Kontakt Script)
GDScript
Godot GLSL
None
Tags:
Gist Exposure:
Public
Unlisted
Private
Gist Expiration:
Never
Burn after read
10 Minutes
1 Hour
1 Day
1 Week
2 Weeks
1 Month
6 Months
1 Year
Password
Enabled
Disabled
Folder:
(members only)
Burn after read
Create New Gist
You are currently not logged in, this means you can not edit or delete anything you paste.
Sign Up
or
Login
Public Gists
Ćp27.febraury.mediafire.com
None | 1 hour ago | 3 Views
Untitled
None | 9 hours ago | 12 Views
TITAN APEX seven point five point one
None | 12 hours ago | 26 Views
Untitled
None | 14 hours ago | 15 Views
titan
None | 14 hours ago | 32 Views
Untitled
None | 18 hours ago | 13 Views
******** TRANSFER BUG SKRILL TRANSFER PAYPAL TRANSFER CASHAPP TRANSFER
None | 23 hours ago | 27 Views
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