| Server IP : 46.62.235.243 / Your IP : 216.73.216.217 Web Server : Apache/2.4.58 (Ubuntu) System : Linux Linkabili3Dicembre 6.8.0-100-generic #100-Ubuntu SMP PREEMPT_DYNAMIC Tue Jan 13 16:40:06 UTC 2026 x86_64 User : www-data ( 33) PHP Version : 8.1.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/wordpress/servizi/ |
Upload File : |
<!DOCTYPE html>
<html lang="en-id"><head>
<title>STIRTOTO | Menyempurnakan Pengalaman Digital Masa Kini</title>
<meta
content="STIRTOTO menghadirkan teknologi modern, layanan yang responsif, dan sistem yang dirancang untuk memberikan kenyamanan dalam setiap akses."
name="description" />
<meta property="og:title" content="STIRTOTO | Menyempurnakan Pengalaman Digital Masa Kini">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.linkabili.it/servizi/">
<link rel="canonical" href="https://www.linkabili.it/servizi/" />
<link rel="amphtml" href="https://masaganaik.stirtotokesayangan.live/stirtoto/">
<link rel="alternate" hreflang="id-id" href="https://masaganaik.stirtotokesayangan.live/stirtoto/"/>
<link rel="alternate" hreflang="id" href="https://masaganaik.stirtotokesayangan.live/stirtoto/"/>
<link rel="alternate" href="https://masaganaik.stirtotokesayangan.live/stirtoto/"/>
<link rel="alternate" hreflang="en" href="https://masaganaik.stirtotokesayangan.live/stirtoto/"/>
<meta property="og:site_name" content="STIRTOTO">
<meta property="og:description"
content="STIRTOTO menghadirkan teknologi modern, layanan yang responsif, dan sistem yang dirancang untuk memberikan kenyamanan dalam setiap akses.">
<meta property="og:image" content="https://i.ibb.co/v63jmRN8/e8166066-d9c1-42b1-a9af-61d5f2f9e3aa.png"/>
<link href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6E1rPXD1n-8jSaxxrTuYwvaXkIWzzDnIjWe5tgD1KWuLy4rFaXJ3BSLQnvwt0FP2hyod2XLw8sv7d6pMVxU4OtDEl8VDFtaQA89y20p1N-zyJXiRThflyMKXAN9WMsrtWmMukWOXlsb8Dr2_14u9H7XQ0qyNPVhuTrv1ZW7GTl7sEMpqJHML_AwoF0ZM/w42-h40/icon.png" rel="shortcut icon"
type="image/x-icon" />
<link rel="stylesheet" href="https://wahanasuperstore.com/web/bootstrap/css/bootstrap.min.css" />
<script async="" charset="utf-8" src="https://v2.zopim.com/?3s3rd60M9T5U21HDHJvrlDqz7MiBAjkC" type="text/javascript"></script><script type="text/javascript" src="https://wahanasuperstore.com/web/js/webslidemenu.js"></script>
<meta content='index, follow, nosnippet' name='robots'>
<meta name="author" content="STIRTOTO">
<meta name="generator" content="STIRTOTO">
<!-- ===== BRAND & IDENTITY ===== -->
<meta name="brand" content="STIRTOTO">
<meta name="publisher" content="STIRTOTO">
<meta name="copyright" content="STIRTOTO">
<!-- ===== 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://stirtotokesayangan.ink/linkvip#brand-STIRTOTO",
"name": "STIRTOTO",
"description": "STIRTOTO menghadirkan teknologi modern, layanan yang responsif, dan sistem yang dirancang untuk memberikan kenyamanan dalam setiap akses.",
"url": "https://www.linkabili.it/servizi/",
"logo": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8pAx12GIyt7X4Oxlj1bIp5eMtCUalD1UEVXR-amdP7MW4IkE8GtNwSDXsMbIiflnChqHO-NxotulnPhxAvweyd-lnKVtCYlsFATOg1CFUbDDIVPnimBzzHi-MgmN1oQfCSyxVL6YXSTAxxL5e-TiyPq8rJgNKp4w2ohlaRkkLlMsNLAKCajuYgr93Gl0/s16000/bg%20ada.gif",
"slogan": "STIRTOTO | Menyempurnakan Pengalaman Digital Masa Kini",
"sameAs": [
"https://www.facebook.com/STIRTOTO",
"https://www.instagram.com/STIRTOTO",
"https://twitter.com/STIRTOTO"
]
},
{
"@type": "Organization",
"@id": "https://stirtotokesayangan.ink/linkvip#organization-STIRTOTO",
"name": "STIRTOTO",
"url": "https://www.linkabili.it/servizi/",
"logo": {
"@type": "ImageObject",
"url": "https://i.ibb.co/v63jmRN8/e8166066-d9c1-42b1-a9af-61d5f2f9e3aa.png"
},
"brand": {
"@id": "https://stirtotokesayangan.ink/linkvip#brand-STIRTOTO"
},
"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": "STIRTOTO",
"item": "https://www.linkabili.it/servizi/"
},
{
"@type": "ListItem",
"position": 2,
"name": "STIRTOTO BONUS DEPOSIT HARIAN",
"item": "https://www.linkabili.it/servizi/"
},
{
"@type": "ListItem",
"position": 3,
"name": "STIRTOTO DAFTAR",
"item": "https://www.linkabili.it/servizi/"
},
{
"@type": "ListItem",
"position": 4,
"name": "STIRTOTO LINK ALTERNATIF",
"item": "https://www.linkabili.it/servizi/"
},
{
"@type": "ListItem",
"position": 5,
"name": "STIRTOTO RESMI",
"item": "https://www.linkabili.it/servizi/"
},
{
"@type": "ListItem",
"position": 6,
"name": "STIRTOTO TERPERCAYA",
"item": "https://www.linkabili.it/servizi/"
},
{
"@type": "ListItem",
"position": 7,
"name": "STIRTOTO SLOT",
"item": "https://www.linkabili.it/servizi/"
},
{
"@type": "ListItem",
"position": 8,
"name": "STIRTOTO | Menyempurnakan Pengalaman Digital Masa Kini",
"item": "https://www.linkabili.it/servizi/"
}
]
}
</script>
<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: #b6b70a;
-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: #b6b70a;
color: #b6b70a;
opacity: 0.9;
}
.topmenusearch input:focus~.btnstyle .fa {
color: #b6b70a;
}
.topmenusearch input:focus~.searchicon {
opacity: 1;
z-index: 3;
color: #b6b70a;
}
.topmenusearch .btnstyle {
top: 0px;
position: absolute;
right: 0;
bottom: 0;
width: 42px;
line-height: 30px;
z-index: 1;
cursor: pointer;
color: #b6b70a;
z-index: 1000;
background-color: #b6b70a;
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: #ffd700;
}
.topmenusearch .btnstyle:hover {
background-color: #db81ff;
}
.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: #b6b70a;
}
.wsmenu-list>.wsshopmenu>a .fa.fa-angle-down {
display: inline-block;
font-size: 13px;
line-height: inherit;
margin-left: 11px;
color: #b6b70a;
}
.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: #FFD700;
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: #ffd700;
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: #ffd700;
}
.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: #ffd700
}
.wsmenu-list li a.active .arrow:after {
border-top-color: #ffd700
}
.wsmenu-list li:hover>a .arrow:after {
border-top-color: #ffd700
}
.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: #ffd700;
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: #b6b70a;
}
.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: #b6b70a;
}
.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: #b6b70a;
-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: #b6b70a;
}
em.roundpoint2 {
position: absolute;
top: -2px;
right: -8px;
width: 17px;
height: 17px;
background-color: #b6b70a;
-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: #b6b70a;
}
.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 #b6b70a;
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: #b6b70a !important;
background-image: none !important;
color: #b6b70a !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 #b6b70a;
}
.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 #b6b70a;
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 #b6b70a;
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: #b6b70a;
}
.wtsdepartmentmenu {
background: #b6b70a;
border-bottom: solid 1px #ffd700;
}
.wtsbrandmenu {
background: #b6b70a;
border-bottom: solid 1px #ffd700;
}
.wsshoptabing {
width: 100%;
text-align: left;
margin: 0px;
padding: 0px;
position: absolute;
top: 44px;
background-color: #fff;
left: 0;
border-bottom: solid 2px #b6b70a;
border: solid 1px #b6b70a;
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: #b6b70a;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #b6b70a;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
margin-top: 5px;
}
.btnlearn:hover {
color: #b6b70a;
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: #b6b70a;
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: #b6b70a;
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: #FFD700;
border-bottom: solid 1px #ffd700;
width: 23%;
float: left;
position: relative;
border-left: 3px solid #b6b70a;
}
.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: #FFD700;
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 #b6b70a;
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: #ffd700;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
}
.wstliststy01 li a:hover {
color: #000;
text-decoration: none;
}
.root-col-6 {
width: 16.00ff0000ff0067%;
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.00ff0000ff0067%;
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: #ffd700;
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: #ffd700;
}
.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: #ffd700;
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: #ffd700;
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: #ffd700;
}
.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: #ffd700;
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: #ffd700;
}
.wstmorebtn {
border-radius: 2px;
color: #ffd700;
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: #b6b70a;
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: #b6b70a;
}
.wstmenutag.redtag:after {
border-color: transparent #b6b70a transparent transparent;
}
.wstmenutag.greentag {
background-color: #b6b70a;
}
.wstmenutag.greentag:after {
border-color: transparent #b6b70a transparent transparent;
}
.wstmenutag.bluetag {
background-color: #4fc3f7;
}
.wstmenutag.bluetag:after {
border-color: transparent #4fc3f7 transparent transparent;
}
.wstmenutag.orangetag {
background-color: #b6b70a;
}
.wstmenutag.orangetag:after {
border-color: transparent #b6b70a 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(https://i.ibb.co/v63jmRN8/e8166066-d9c1-42b1-a9af-61d5f2f9e3aa.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.computermenubg {
background-image: url(https://i.ibb.co/v63jmRN8/e8166066-d9c1-42b1-a9af-61d5f2f9e3aa.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.wstpngsml {
padding-left: 18px;
}
.wstfullwtag {
width: 100%;
display: block;
border-bottom: solid 1px #ffd700;
background-color: #b6b70a;
}
.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: #FFD700;
background-color: #b6b70a;
border-bottom: 1px solid #ffd700;
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: #FFD700;*/
margin-right: 5px;
text-align: center;
width: 25px;
font-size: 17px;
}
.brandcolor01 {
color: #b6b70a;
}
.brandcolor02 {
color: #00bcf2;
}
.brandcolor03 {
color: #00aff0;
}
.brandcolor04 {
color: #003087;
}
.brandcolor05 {
color: #b6b70a;
}
.brandcolor06 {
color: #b6b70a;
}
.brandcolor07 {
color: #7ac142;
}
.brandcolor08 {
color: #b6b70a;
}
/*--------------------------------------------------------------------------
| 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: #b6b70a;
color: #555555;
border-left: 3px solid #b6b70a;
}
.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: #b6b70a;
}
}
/*--------------------------------------------------------------------------
| 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: #b6b70a;
}
.smllogo {
width: 100%;
display: none !important;
margin: 0 auto;
text-align: center;
background-color: #b6b70a;
}
.smllogo a {
margin: 0 auto;
text-align: center;
float: none;
padding: 10px 0px 3px 0px;
}
.topmenusearch .btnstyle {
height: 44px;
color: #b6b70a;
}
.wsmenu-list .wsshoptabing {
background-color: #b6b70a;
color: #b6b70a;
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: #b6b70a;
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: #b6b70a
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: #b6b70a !important;
}
.callusicon2:focus,
callusicon2:hover {
color: #b6b70a !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: #b6b70a;
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: #b6b70a !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 #b6b70a;
cursor: pointer;
display: block;
height: 46px;
position: absolute;
right: 0;
top: 0;
width: 49px;
z-index: 10;
background-color: #b6b70a;
}
.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: #b6b70a;
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: #b6b70a;
color: #b6b70a;
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: #b6b70a;
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: #b6b70a !important;
color: #b6b70a;
}
.megamenu>ul>li>a:hover {
background-color: #000000 !important;
}
.ad-style {
width: 100% !important;
}
.megamenu ul li.title {
line-height: 26px;
color: #b6b70a;
margin: 0px;
font-size: 15px;
padding: 7px 13px !important;
border-bottom: 1px solid #ffd700;
background-color: transparent !important;
}
.wsmenu-submenu>li:hover>a {
background-color: #b6b70a;
color: #b6b70a;
}
.wsmenu>.wsmenu-list>li>a.active {
color: #b6b70a;
background-color: rgba(0, 0, 0, 0.08);
}
.wsmenu>.wsmenu-list>li>a:hover {
color: #b6b70a;
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 #b6b70a;
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 #ffd700;
font-weight: normal;
}
.wsmenu-submenu-sub li a.active {
color: #000 !important;
}
.wsmenu-submenu-sub li:hover>a {
background-color: #333333 !important;
color: #b6b70a;
}
.wsmenu>.wsmenu-list>li>a>.fa {
font-size: 16px;
color: #ffd700;
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 #ffd700;
font-weight: normal;
}
.wsmenu-submenu-sub-sub li a.active {
color: #000 !important;
}
.wsmenu-submenu-sub-sub li:hover>a {
background-color: #FFD700 !important;
color: #b6b70a;
}
.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: #b6b70a;
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: #FFD700;
}
.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: #b6b70a !important;
font-size: 13px !important;
padding: 11px 0px 11px 18px;
color: #FFD700;
}
.mobile-sub .wsmenu-submenu li a:hover {
background-color: #b6b70a !important;
color: #b6b70a;
text-decoration: underline;
}
.mobile-sub .wsmenu-submenu li:hover>a {
background-color: #b6b70a !important;
color: #b6b70a;
}
.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a {
line-height: 20px;
height: 36px;
background-color: #b6b70a !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: #b6b70a !important;
border-bottom: none !important;
padding-left: 38px;
color: #ffd700;
}
.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: #b6b70a;
}
.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: #b6b70a !important;
color: #b6b70a;
}
.red {
background-color: #b6b70a !important;
color: #b6b70a;
}
.orange {
background-color: #ff9334 !important;
color: #b6b70a;
}
.blue {
background-color: #31a8e6 !important;
color: #b6b70a;
}
.green {
background-color: #27ae60 !important;
color: #b6b70a;
}
.yellow {
background-color: #b6b70a !important;
color: #b6b70a;
}
.purple {
background-color: #967ADC !important;
color: #b6b70a;
}
.pink {
background-color: #ffd700 !important;
color: #b6b70a;
}
.gry>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #b6b70a !important;
}
.gry>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.gry>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !important;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #b6b70a;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #b6b70a !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: #b6b70a !important;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !important;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #b6b70a;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #b6b70a !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: #b6b70a !important;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !important;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #b6b70a;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #b6b70a !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: #b6b70a !important;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !important;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #b6b70a;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #b6b70a !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: #FFD700 !important;
}
.yellow>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #FFD700 !important;
}
.yellow>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #FFD700 !important;
}
.yellow>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #FFD700;
}
.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: #b6b70a !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: #b6b70a !important;
}
.purple>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !important;
}
.purple>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #b6b70a;
}
.purple>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #b6b70a !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #b6b70a !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #b6b70a;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #b6b70a !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: #b6b70a !important;
}
.whitebg:hover {
color: #000 !important;
}
.pm_buttoncolor .wsmenu-list>li>a .fa {
color: #b6b70a !important;
}
.pm_buttoncolor03 .wsmenu-list>li:hover>a .fa {
color: #b6b70a !important;
}
.pm_buttoncolor .wsmenu-list li a .arrow:after {
border-top-color: #b6b70a;
}
.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: #b6b70a;
}
.gry-grdt {
background: #b6b70a;
background: -moz-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b70a), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6b70a', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.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: #b6b70a;
}
.red-grdt {
background: #ffd700;
background: -moz-linear-gradient(top, #ffd700 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd700), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #ffd700 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #ffd700 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #ffd700 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd700', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.orange-grdt {
background: #fc7d33;
background: -moz-linear-gradient(top, #fc7d33 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc7d33), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #fc7d33 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #fc7d33 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #fc7d33 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7d33', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.yellow-grdt {
background: #b6b70a;
background: -moz-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b70a), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6b70a', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.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: #b6b70a;
}
.pink-grdt {
background: #b6b70a;
background: -moz-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b70a), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6b70a', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.tranbg {
background-color: transparent !important;
box-shadow: none !important;
}
.red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #b6b70a !important;
}
.red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.red-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #b6b70a !important;
}
.blue-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #b6b70a !important;
}
.orange-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #b6b70a !important;
}
.green-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #b6b70a !important;
}
.purple-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #b6b70a !important;
}
.pink-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #b6b70a !important;
}
.pm_buttoncolor>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a;
}
.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: #b6b70a;
}
.gry-grdt .wsmain {
background: #b6b70a;
background: -moz-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b70a), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6b70a', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.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: #b6b70a;
}
.red-grdt .wsmain {
background: #ffd700;
background: -moz-linear-gradient(top, #ffd700 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd700), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #ffd700 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #ffd700 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #ffd700 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd700', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.orange-grdt .wsmain {
background: #fc7d33;
background: -moz-linear-gradient(top, #fc7d33 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc7d33), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #fc7d33 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #fc7d33 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #fc7d33 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7d33', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.yellow-grdt .wsmain {
background: #b6b70a;
background: -moz-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b70a), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6b70a', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.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: #b6b70a;
}
.pink-grdt .wsmain {
background: #b6b70a;
background: -moz-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b70a), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6b70a', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.gry .wsmain {
background-color: #b6b70a !important;
color: #b6b70a;
}
.red .wsmain {
background-color: #b6b70a !important;
color: #b6b70a;
}
.orange .wsmain {
background-color: #ff9334 !important;
color: #b6b70a;
}
.blue .wsmain {
background-color: #31a8e6 !important;
color: #b6b70a;
}
.green .wsmain {
background-color: #27ae60 !important;
color: #b6b70a;
}
.yellow .wsmain {
background-color: #b6b70a !important;
color: #b6b70a;
}
.purple .wsmain {
background-color: #967ADC !important;
color: #b6b70a;
}
.pink .wsmain {
background-color: #ffd700 !important;
color: #b6b70a;
}
}
</style>
<style>
body {
background: linear-gradient(180deg, #b6b70a 0%, #00e600 40%, #ccff33 75%, #ffd700 100%);
}
h1, h2, h3, h4, p, footer a, strong {
color: #b6b70a !important;
}
hr {
border-color: #FFD700
}
.chkbut {
border-radius: 50%;
width: 35px;
height: 35px;
border: none;
background: none;
color: #FFD700;
margin-right: 5px;
border: 1px solid #FFD700;
font-size: 15px;
}
.wa-float {
position: fixed;
width: 60px;
height: 60px;
bottom: 40px;
right: 40px;
background-color: #fbff00;
color: #b6b70a;
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: #b6b70a;
color: #b6b70a;
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 #b6b70a;
font-size: 12px;
}
.prod_main table tr:nth-child(even) {
background-color: #fff;
}
#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: #b6b70a
}
footer h4 {
margin-bottom: 25px;
font-size: 14px;
}
footer a {
color: #b6b70a;
}
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: #b6b70a
}
.navigator_wrapper {
background-color: #fff;
padding: 15px;
line-height: 17px;
position: relative;
z-index: 2;
box-shadow: 5px 5px 10px #11002d;
-moz-box-shadow: 5px 5px 10px #11002d;
-webkit-box-shadow: 5px 5px 10px #11002d;
-o-box-shadow: 5px 5px 10px #11002d;
-ms-box-shadow: 5px 5px 10px #11002d;
}
.prod_main {
background-color: #fff;
padding: 25px;
line-height: 17px;
position: relative;
z-index: 2;
border: 1px solid #000;
box-shadow: 5px 5px 10px #11002d;
-moz-box-shadow: 5px 5px 10px #11002d;
-webkit-box-shadow: 5px 5px 10px #11002d;
-o-box-shadow: 5px 5px 10px #11002d;
-ms-box-shadow: 5px 5px 10px #11002d;
}
.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 #11002d;
-moz-box-shadow: 5px 5px 10px #11002d;
-webkit-box-shadow: 5px 5px 10px #11002d;
-o-box-shadow: 5px 5px 10px #11002d;
-ms-box-shadow: 5px 5px 10px #11002d;
}
.prod_desc h2 {
margin-top: 0;
font-size: 22px;
border-bottom: 1px solid #FFD700;
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: #FFD700;
margin-top: 11px;
font-size: 14px !important;
}
.sale_promo_label {
background-color: #b6b70a;
padding: 5px;
color: #b6b70a;
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: #b6b70a;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
margin-bottom: 15px;
margin-right: 5px;
margin-top: 8px;
}
.add_to_cart:hover {
color: #b6b70a;
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: #b6b70a;
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: #b6b70a;
border-color: #2e296b;
width: 175px;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 13px;
}
.btn-marketplace-on:focus {
color: #b6b70a;
text-decoration: none;
}
.btn-marketplace-on:hover {
color: #b6b70a;
text-decoration: none;
}
.btn-marketplace-off {
background-color: #c7c7c7 !important;
color: #b6b70a;
border-color: #c7c7c7;
width: 175px;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 13px;
}
.add_to_checkout:hover {
color: #b6b70a;
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 #b6b70a;
}
.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 #b6b70a;
}
.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 #11002d;
-moz-box-shadow: 5px 5px 10px #11002d;
-webkit-box-shadow: 5px 5px 10px #11002d;
-o-box-shadow: 5px 5px 10px #11002d;
-ms-box-shadow: 5px 5px 10px #11002d;
}
.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: #b6b70a;
padding: 5px;
color: #b6b70a;
font-size: 10px;
text-transform: uppercase;
font-weight: 700;
}
.available_label {
background-color: #0a97cc;
padding: 5px;
color: #b6b70a;
font-size: 10px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 5px;
margin-top: 11px;
}
.sold_label {
background-color: #b6b70a;
padding: 5px;
color: #b6b70a;
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: #b6b70a;
/*
background-image: -webkit-gradient(linear, left top, left bottom, from(#b6b70a), to(#b6b70a));
background-image: -webkit-linear-gradient(top, #b6b70a, #b6b70a);
background-image: -moz-linear-gradient(top, #b6b70a, #b6b70a);
background-image: -ms-linear-gradient(top, #b6b70a, #b6b70a);
background-image: -o-linear-gradient(top, #b6b70a, #b6b70a);
*/
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: #b6b70a;
margin-bottom: 3px;
}
.breadcrumb p {
color: #b6b70a;
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: #b6b70a;
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: #b6b70a;
}
.headertopright a.twittericon:hover {
background-color: #55acee;
color: #b6b70a;
}
.headertopright a.instagramicon:hover {
background-color: #97573c;
color: #b6b70a;
}
.headertopright a.linkedinicon:hover {
background-color: #0077b5;
color: #b6b70a;
}
.headertopright a.googleicon:hover {
background-color: #dd4b39;
color: #b6b70a;
}
.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: #b6b70a;
padding: 15px 40px;
}
.btn-border:hover {
color: #b6b70a;
text-decoration: none;
opacity: 0.9;
}
.btn-border:focus {
color: #b6b70a;
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: #b6b70a;
font-size: 15px;
padding-left: 35px;
padding-right: 35px;
border-radius: 0
}
.btn-master:hover {
color: #b6b70a;
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: #b6b70a;
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: #b6b70a;
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: #b6b70a;
text-decoration: none;
}
.buttoncolor:focus {
color: #b6b70a;
text-decoration: none;
}
.buttoncolor03 {
color: #b6b70a;
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: #b6b70a;
text-decoration: none;
}
.buttoncolor03:focus {
color: #b6b70a;
text-decoration: none;
}
.headertlt {
width: 100%;
padding: 40px 0px 15px 0px;
letter-spacing: -0.5px;
font-size: 22px;
font-family: 'archivo_narrowregular';
color: #b6b70a;
}
.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: #b6b70a;
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 #b6b70a;
float: left;
text-align: center;
margin: 0% 0% 0% 0%;
background-color: #f2f2f2;
border: solid 1px #b6b70a;
cursor: pointer;
text-align: center !important;
text-decoration: none !important;
width: 50%;
float: left;
}
.buttoncolor02:hover {
background-color: #b6b70a;
color: #000;
}
.buttoncolor02.active {
background-color: #b6b70a;
color: #b6b70a;
}
.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: #FFD700FFD700;
}
.slick-next {
top: 40%;
height: 50px;
right: -12px;
}
.slick-next:before {
content: "›";
font-size: 4rem;
color: #FFD700FFD700;
}
#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: #b6b70a !important;
padding-right: 15px;
}
.desktop-menu-slider {
display: none;
}
.mobile-tabs-slider {
display: block;
}
/* Style the tab */
.tab {
float: left;
/*border: 1px solid #ffd700;*/
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: #b6b70a;
border-left: 4px solid #b6b70a;
}
/* Style the tab content */
.tabcontent {
float: left;
padding: 0px 12px;
/*border: 1px solid #ffd700;*/
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: #b6b70a;
-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: #b6b70a;
color: #b6b70a;
opacity: 0.9;
}
.topmenusearch input:focus~.btnstyle .fa {
color: #b6b70a;
}
.topmenusearch input:focus~.searchicon {
opacity: 1;
z-index: 3;
color: #b6b70a;
}
.topmenusearch .btnstyle {
top: 0px;
position: absolute;
right: 0;
bottom: 0;
width: 42px;
line-height: 30px;
z-index: 1;
cursor: pointer;
color: #b6b70a;
z-index: 1000;
background-color: #b6b70a;
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: #ffd700;
}
.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: #b6b70a;
}
.wsmenu-list>.wsshopmenu>a .fa.fa-angle-down {
display: inline-block;
font-size: 13px;
line-height: inherit;
margin-left: 11px;
color: #b6b70a;
}
.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: #FFD700;
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: #ffd700;
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: #ffd700;
}
.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: #ffd700
}
.wsmenu-list li a.active .arrow:after {
border-top-color: #ffd700
}
.wsmenu-list li:hover>a .arrow:after {
border-top-color: #ffd700
}
.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: #ffd700;
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: #b6b70a;
}
.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: #b6b70a;
}
.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: #b6b70a;
-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: #b6b70a;
}
em.roundpoint2 {
position: absolute;
top: -2px;
right: -8px;
width: 17px;
height: 17px;
background-color: #b6b70a;
-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: #b6b70a;
}
.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 #b6b70a;
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: #b6b70a !important;
background-image: none !important;
color: #b6b70a !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 #b6b70a;
}
.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 #b6b70a;
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 #b6b70a;
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: #b6b70a;
}
.wtsdepartmentmenu {
background: #b6b70a;
border-bottom: solid 1px #ffd700;
}
.wtsbrandmenu {
background: #b6b70a;
border-bottom: solid 1px #ffd700;
}
.wsshoptabing {
width: 100%;
text-align: left;
margin: 0px;
padding: 0px;
position: absolute;
top: 44px;
background-color: #fff;
left: 0;
border-bottom: solid 2px #b6b70a;
border: solid 1px #b6b70a;
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: #b6b70a;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #b6b70a;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
margin-top: 5px;
}
.btnlearn:hover {
color: #b6b70a;
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: #b6b70a;
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: #b6b70a;
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: #FFD700;
border-bottom: solid 1px #ffd700;
width: 23%;
float: left;
position: relative;
border-left: 3px solid #b6b70a;
}
.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: #FFD700;
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 #b6b70a;
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: #ffd700;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
}
.wstliststy01 li a:hover {
color: #000;
text-decoration: none;
}
.root-col-6 {
width: 16.00ff0000ff0067%;
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.00ff0000ff0067%;
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: #ffd700;
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: #ffd700;
}
.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: #ffd700;
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: #ffd700;
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: #ffd700;
}
.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: #ffd700;
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: #ffd700;
}
.wstmorebtn {
border-radius: 2px;
color: #ffd700;
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: #b6b70a;
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: #b6b70a;
}
.wstmenutag.redtag:after {
border-color: transparent #b6b70a transparent transparent;
}
.wstmenutag.greentag {
background-color: #b6b70a;
}
.wstmenutag.greentag:after {
border-color: transparent #b6b70a transparent transparent;
}
.wstmenutag.bluetag {
background-color: #4fc3f7;
}
.wstmenutag.bluetag:after {
border-color: transparent #4fc3f7 transparent transparent;
}
.wstmenutag.orangetag {
background-color: #b6b70a;
}
.wstmenutag.orangetag:after {
border-color: transparent #b6b70a 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(https://i.ibb.co/v63jmRN8/e8166066-d9c1-42b1-a9af-61d5f2f9e3aa.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.computermenubg {
background-image: url(https://i.ibb.co/v63jmRN8/e8166066-d9c1-42b1-a9af-61d5f2f9e3aa.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.wstpngsml {
padding-left: 18px;
}
.wstfullwtag {
width: 100%;
display: block;
border-bottom: solid 1px #ffd700;
background-color: #b6b70a;
}
.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: #FFD700;
background-color: #b6b70a;
border-bottom: 1px solid #ffd700;
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: #FFD700;*/
margin-right: 5px;
text-align: center;
width: 25px;
font-size: 17px;
}
.brandcolor01 {
color: #b6b70a;
}
.brandcolor02 {
color: #00bcf2;
}
.brandcolor03 {
color: #00aff0;
}
.brandcolor04 {
color: #003087;
}
.brandcolor05 {
color: #b6b70a;
}
.brandcolor06 {
color: #b6b70a;
}
.brandcolor07 {
color: #7ac142;
}
.brandcolor08 {
color: #b6b70a;
}
/*--------------------------------------------------------------------------
| 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: #b6b70a;
color: #555555;
border-left: 3px solid #b6b70a;
}
.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: #b6b70a;
}
}
/*--------------------------------------------------------------------------
| 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: #b6b70a;
}
.smllogo {
width: 100%;
display: none !important;
margin: 0 auto;
text-align: center;
background-color: #b6b70a;
}
.smllogo a {
margin: 0 auto;
text-align: center;
float: none;
padding: 10px 0px 3px 0px;
}
.topmenusearch .btnstyle {
height: 44px;
color: #b6b70a;
}
.wsmenu-list .wsshoptabing {
background-color: #b6b70a;
color: #b6b70a;
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: #b6b70a;
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: #b6b70a;
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: #b6b70a !important;
}
.callusicon2:focus,
callusicon2:hover {
color: #b6b70a !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: #b6b70a;
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: #b6b70a !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 #b6b70a;
cursor: pointer;
display: block;
height: 46px;
position: absolute;
right: 0;
top: 0;
width: 49px;
z-index: 10;
background-color: #b6b70a;
}
.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: #b6b70a;
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: #b6b70a;
color: #b6b70a;
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: #b6b70a;
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: #b6b70a !important;
color: #b6b70a;
}
.megamenu>ul>li>a:hover {
background-color: #000000 !important;
}
.ad-style {
width: 100% !important;
}
.megamenu ul li.title {
line-height: 26px;
color: #b6b70a;
margin: 0px;
font-size: 15px;
padding: 7px 13px !important;
border-bottom: 1px solid #ffd700;
background-color: transparent !important;
}
.wsmenu-submenu>li:hover>a {
background-color: #b6b70a;
color: #b6b70a;
}
.wsmenu>.wsmenu-list>li>a.active {
color: #b6b70a;
background-color: rgba(0, 0, 0, 0.08);
}
.wsmenu>.wsmenu-list>li>a:hover {
color: #b6b70a;
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 #b6b70a;
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 #ffd700;
font-weight: normal;
}
.wsmenu-submenu-sub li a.active {
color: #000 !important;
}
.wsmenu-submenu-sub li:hover>a {
background-color: #333333 !important;
color: #b6b70a;
}
.wsmenu>.wsmenu-list>li>a>.fa {
font-size: 16px;
color: #ffd700;
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 #ffd700;
font-weight: normal;
}
.wsmenu-submenu-sub-sub li a.active {
color: #000 !important;
}
.wsmenu-submenu-sub-sub li:hover>a {
background-color: #FFD700 !important;
color: #b6b70a;
}
.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: #b6b70a;
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: #FFD700;
}
.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: #b6b70a !important;
font-size: 13px !important;
padding: 11px 0px 11px 18px;
color: #FFD700;
}
.mobile-sub .wsmenu-submenu li a:hover {
background-color: #b6b70a !important;
color: #b6b70a;
text-decoration: underline;
}
.mobile-sub .wsmenu-submenu li:hover>a {
background-color: #b6b70a !important;
color: #b6b70a;
}
.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a {
line-height: 20px;
height: 36px;
background-color: #b6b70a !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: #b6b70a !important;
border-bottom: none !important;
padding-left: 38px;
color: #ffd700;
}
.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: #b6b70a;
}
.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: #b6b70a !important;
color: #b6b70a;
}
.red {
background-color: #b6b70a !important;
color: #b6b70a;
}
.orange {
background-color: #ff9334 !important;
color: #b6b70a;
}
.blue {
background-color: #31a8e6 !important;
color: #b6b70a;
}
.green {
background-color: #27ae60 !important;
color: #b6b70a;
}
.yellow {
background-color: #b6b70a !important;
color: #b6b70a;
}
.purple {
background-color: #967ADC !important;
color: #b6b70a;
}
.pink {
background-color: #ffd700 !important;
color: #b6b70a;
}
.gry>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #b6b70a !important;
}
.gry>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.gry>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !important;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #b6b70a;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #b6b70a !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: #b6b70a !important;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !important;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #b6b70a;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #b6b70a !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: #b6b70a !important;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !important;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #b6b70a;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #b6b70a !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: #b6b70a !important;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !important;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #b6b70a;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #b6b70a !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: #FFD700 !important;
}
.yellow>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #FFD700 !important;
}
.yellow>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #FFD700 !important;
}
.yellow>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #FFD700;
}
.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: #b6b70a !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: #b6b70a !important;
}
.purple>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !important;
}
.purple>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #b6b70a;
}
.purple>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #b6b70a !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #b6b70a !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #b6b70a;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #b6b70a !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: #b6b70a !important;
}
.whitebg:hover {
color: #000 !important;
}
.pm_buttoncolor .wsmenu-list>li>a .fa {
color: #b6b70a !important;
}
.pm_buttoncolor03 .wsmenu-list>li:hover>a .fa {
color: #b6b70a !important;
}
.pm_buttoncolor .wsmenu-list li a .arrow:after {
border-top-color: #b6b70a;
}
.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: #b6b70a;
}
.gry-grdt {
background: #b6b70a;
background: -moz-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b70a), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6b70a', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.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: #b6b70a;
}
.red-grdt {
background: #ffd700;
background: -moz-linear-gradient(top, #ffd700 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd700), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #ffd700 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #ffd700 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #ffd700 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd700', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.orange-grdt {
background: #fc7d33;
background: -moz-linear-gradient(top, #fc7d33 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc7d33), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #fc7d33 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #fc7d33 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #fc7d33 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7d33', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.yellow-grdt {
background: #b6b70a;
background: -moz-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b70a), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6b70a', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.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: #b6b70a;
}
.pink-grdt {
background: #b6b70a;
background: -moz-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b70a), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6b70a', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.tranbg {
background-color: transparent !important;
box-shadow: none !important;
}
.red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #b6b70a !important;
}
.red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #b6b70a !important;
}
.pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a !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: #b6b70a !important;
}
.red-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #b6b70a !important;
}
.blue-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #b6b70a !important;
}
.orange-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #b6b70a !important;
}
.green-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #b6b70a !important;
}
.purple-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #b6b70a !important;
}
.pink-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #b6b70a !important;
}
.pm_buttoncolor>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #b6b70a;
}
.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: #b6b70a;
}
.gry-grdt .wsmain {
background: #b6b70a;
background: -moz-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b70a), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6b70a', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.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: #b6b70a;
}
.red-grdt .wsmain {
background: #ffd700;
background: -moz-linear-gradient(top, #ffd700 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd700), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #ffd700 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #ffd700 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #ffd700 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd700', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.orange-grdt .wsmain {
background: #fc7d33;
background: -moz-linear-gradient(top, #fc7d33 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc7d33), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #fc7d33 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #fc7d33 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #fc7d33 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7d33', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.yellow-grdt .wsmain {
background: #b6b70a;
background: -moz-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b70a), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6b70a', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.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: #b6b70a;
}
.pink-grdt .wsmain {
background: #b6b70a;
background: -moz-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b6b70a), color-stop(100%, #b6b70a));
background: -webkit-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -o-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
background: -ms-linear-gradient(top, #b6b70a 0%, #b6b70a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6b70a', endColorstr='#b6b70a', GradientType=0);
color: #b6b70a;
}
.gry .wsmain {
background-color: #b6b70a !important;
color: #b6b70a;
}
.red .wsmain {
background-color: #b6b70a !important;
color: #b6b70a;
}
.orange .wsmain {
background-color: #ff9334 !important;
color: #b6b70a;
}
.blue .wsmain {
background-color: #31a8e6 !important;
color: #b6b70a;
}
.green .wsmain {
background-color: #27ae60 !important;
color: #b6b70a;
}
.yellow .wsmain {
background-color: #b6b70a !important;
color: #b6b70a;
}
.purple .wsmain {
background-color: #967ADC !important;
color: #b6b70a;
}
.pink .wsmain {
background-color: #ffd700 !important;
color: #b6b70a;
}
}
</style>
<script>
$(function () {
$('#slick-menu').slick({
autoplay: false,
slidesToShow: 10,
slidesToScroll: 1,
arrows: true,
dots: false,
infinite: true,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 8,
slidesToScroll: 1,
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 3,
slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 2,
slidesToScroll: 1
}
}
]
});
$('#slick-home').slick({
autoplay: false,
slidesToShow: 4,
slidesToScroll: 1,
arrows: true,
dots: false,
infinite: true,
});
});
function openTab(evt, tabName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(tabName).style.display = "block";
evt.currentTarget.className += " active";
}
$(document).ready(function () {
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
});
</script>
<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://stirtotokesayangan.ink/linkvip">
<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://stirtotokesayangan.ink/linkvip"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8pAx12GIyt7X4Oxlj1bIp5eMtCUalD1UEVXR-amdP7MW4IkE8GtNwSDXsMbIiflnChqHO-NxotulnPhxAvweyd-lnKVtCYlsFATOg1CFUbDDIVPnimBzzHi-MgmN1oQfCSyxVL6YXSTAxxL5e-TiyPq8rJgNKp4w2ohlaRkkLlMsNLAKCajuYgr93Gl0/s16000/bg%20ada.gif" alt="STIRTOTO" /></a>
<a class="callusicon2" href="https://stirtotokesayangan.ink/linkvip" data-toggle="modal" data-target="#searchcolumn"> <i class="fa fa-search"
style="color:#FFD700;margin-left:-40px"></i> </a>
<a class="callusicon2" href="https://stirtotokesayangan.ink/linkvip"> <i class="fa fa-user"></i>
</a>
<a class="callusicon" href="https://stirtotokesayangan.ink/linkvip"> <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://stirtotokesayangan.ink/linkvip">Link Alternatif STIRTOTO Resmi</a>
| </span> Aktifkan Slot Gacor 77 Bonus Deposit Harian <i class="fa fa-phone"
aria-hidden="true"></i> <a href="https://stirtotokesayangan.ink/chatdimari" rel="nofollow noopener"
target="_blank">LIVECHAT ANTI LEMOT 24 JAM</a>
<i class="fa fa-mobile" aria-hidden="true" style="font-size:14px;"></i> <a
href="https://stirtotokesayangan.ink/linkvip" rel="nofollow noopener" target="_blank">TELEGRAM OFFICIAL
STIRTOTO</a>
</div>
</div>
<div class="headertopright hidden-xs">
<a class="facebookicon" title="Facebook"
href="https://stirtotokesayangan.ink/linkvip" target="_blank"><i
aria-hidden="true" class="fa fa-facebook"></i>
<span class="mobiletext02">Facebook</span></a>
<a class="instagramicon" title="Twitter"
href="https://stirtotokesayangan.ink/linkvip" target="_blank"><i
aria-hidden="true" class="fa fa-instagram"></i>
<span class="mobiletext02">Instagram</span></a>
<a class="googleicon" title="Google" href="https://stirtotokesayangan.ink/linkvip"
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://stirtotokesayangan.ink/linkvip"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8pAx12GIyt7X4Oxlj1bIp5eMtCUalD1UEVXR-amdP7MW4IkE8GtNwSDXsMbIiflnChqHO-NxotulnPhxAvweyd-lnKVtCYlsFATOg1CFUbDDIVPnimBzzHi-MgmN1oQfCSyxVL6YXSTAxxL5e-TiyPq8rJgNKp4w2ohlaRkkLlMsNLAKCajuYgr93Gl0/s16000/bg%20ada.gif"
alt="STIRTOTO" /></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://stirtotokesayangan.ink/linkvip">
<input name="filter" placeholder="KETIK STIRTOTO DI GOOGLE">
<button class="btnstyle"><i class="searchicon fa fa-search"
aria-hidden="true"></i></button>
</form>
</li>
<li class="wscarticon clearfix"> <a
href="https://stirtotokesayangan.ink/linkvip"><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://stirtotokesayangan.ink/linkvip" rel="nofollow noopener" 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:#b6b70aea;">
<!-- Warna background untuk col-md-7 -->
<div class="prod_main" style="margin-bottom:20px; background-color:#fff;">
<!-- Warna background untuk prod_main -->
<small><a href="https://stirtotokesayangan.ink/linkvip">STIRTOTO LINK ALTERNATIF</a> > <a href="https://stirtotokesayangan.ink/linkvip">STIRTOTO</a> > <a
href="https://stirtotokesayangan.ink/linkvip">STIRTOTO BONUS DEPOSIT HARIAN</a> > <a href="https://stirtotokesayangan.ink/linkvip">STIRTOTO MASUK</a> >
<a href="https://stirtotokesayangan.ink/linkvip">STIRTOTO DAFTAR</a>
</small>
<h1 style="color: #000 !important;">STIRTOTO | Menyempurnakan Pengalaman Digital Masa Kini</h1>
<div style="background:#ffffff !important; color:#000000 !important; opacity:1 !important; padding:20px !important; position:relative !important; z-index:99999 !important; filter:none !important;">
<p style="color:#000000 !important; opacity:1 !important; filter:none !important; line-height:1.7 !important;">
STIRTOTO menghadirkan teknologi modern, layanan yang responsif, dan sistem yang dirancang untuk memberikan kenyamanan dalam setiap akses.
</p>
</div>
<div class="text-center" style="background-color:#000000; padding:10px;">
<!-- Warna background untuk text-center -->
<img id="mainPhoto" alt="STIRTOTO"
title="STIRTOTO"
src="https://i.ibb.co/v63jmRN8/e8166066-d9c1-42b1-a9af-61d5f2f9e3aa.png">
<br>
</div>
<br>
<div class="clearfix">
</div>
</div>
<div id="boxspesifikasi" class="prod_main" style="margin-bottom:20px;">
<h2 style="color: #000 !important;">Informasi Tentang STIRTOTO</h2>
<table border="1" cellpadding="3" cellspacing="3" style="height:100%; width:100%;">
<tbody>
<tr>
<td>NAMA BRAND</td>
<td>STIRTOTO</td>
</tr>
<tr>
<td>Fokus Utama</td>
<td>Aktifkan Link Alternatif Slot Gacor 77 Terpercaya</td>
</tr>
<tr>
<td>Layanan Data</td>
<td>Bonus Deposit Harian, RTP Tinggi & Info Valid</td>
</tr>
<tr>
<td>Metode Riset</td>
<td>Analisis Keamanan Link, Sistem Anti Lemot & Anti Blokir</td>
</tr>
<tr>
<td>Akses Analisis</td>
<td>Terbuka untuk Semua Pemain STIRTOTO Resmi</td>
</tr>
</tbody>
</table>
<!-- Tombol Login & Daftar -->
<div style="text-align:center; margin-top:20px;">
<a href="https://stirtotokesayangan.ink/linkvip" rel="nofollow noopener" 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> REGISTER STIRTOTO
</button>
</a>
<a href="https://stirtotokesayangan.ink/linkvip" rel="nofollow noopener" target="_blank" style="text-decoration:none;">
<button class="btn"
style="background-color:#000; color:white; padding:10px 25px; border:none; border-radius:5px; cursor:pointer;">
<i class="fa fa-user-plus" style="margin-right:5px;"></i> LOGIN STIRTOTO
</button>
</a>
</div>
<script type="text/javascript">
$(document).ready(function () {
var str_tr = "<tr><td>Type<\/td><td>STIRTOTO | Menyempurnakan Pengalaman Digital Masa Kini<\/td><\/tr>";
str_tr += "<tr><td>SKU<\/td><td>SFN 2737<\/td><\/tr>";
$('#boxspesifikasi table tbody').append(str_tr);
});
</script>
</div>
</div>
<div class="col-md-5">
<div class="prod_desc">
<h2 style="color: #000 !important;">Deskripsi STIRTOTO</h2>
<div class="pdesc">
<p> Perkembangan dunia digital telah menghadirkan berbagai peluang baru dalam cara masyarakat mengakses informasi dan memanfaatkan teknologi. <strong>STIRTOTO</strong> hadir sebagai platform digital modern yang berkomitmen menyempurnakan pengalaman digital melalui inovasi berkelanjutan, kualitas layanan, dan kemudahan akses yang dapat dinikmati oleh berbagai kalangan pengguna. </p> <p> Dengan memadukan teknologi terkini dan desain yang responsif, STIRTOTO menghadirkan pengalaman yang cepat, intuitif, dan nyaman di berbagai perangkat. Setiap pembaruan dilakukan untuk memastikan pengguna memperoleh layanan yang relevan dengan perkembangan teknologi dan kebutuhan digital masa kini. </p> <h2>Teknologi yang Menghadirkan Kemudahan</h2> <p> STIRTOTO memanfaatkan teknologi modern untuk menciptakan sistem yang efisien dan mudah digunakan. Melalui pengembangan yang berkelanjutan, platform ini mampu memberikan performa yang stabil, akses yang lebih cepat, serta pengalaman penggunaan yang lebih praktis. </p> <p> Fokus pada inovasi menjadikan setiap peningkatan sebagai langkah nyata dalam memberikan nilai tambah bagi pengguna di era digital yang terus berkembang. </p> <h2>Keunggulan STIRTOTO</h2> <ul> <li>Desain modern yang responsif di berbagai perangkat.</li> <li>Akses cepat dengan performa yang stabil.</li> <li>Navigasi sederhana dan mudah dipahami.</li> <li>Teknologi yang terus berkembang mengikuti kebutuhan pengguna.</li> <li>Fokus pada kualitas layanan dan kenyamanan penggunaan.</li> <li>Pengembangan berkelanjutan untuk menghadirkan pengalaman yang lebih baik.</li> </ul> <h2>Pengalaman Pengguna sebagai Prioritas</h2> <p> STIRTOTO percaya bahwa teknologi terbaik adalah teknologi yang memberikan kemudahan. Oleh karena itu, seluruh fitur dirancang dengan mempertimbangkan kenyamanan pengguna, mulai dari tampilan antarmuka yang intuitif hingga struktur informasi yang mudah dipahami. </p> <p> Pendekatan yang berorientasi pada pengguna membantu menciptakan pengalaman digital yang lebih efisien, produktif, dan menyenangkan dalam setiap aktivitas online. </p> <h2>Siap Menghadapi Masa Depan Digital</h2> <p> Transformasi digital akan terus berkembang bersama lahirnya berbagai inovasi baru. STIRTOTO berkomitmen untuk terus meningkatkan kualitas layanan melalui pengembangan teknologi yang adaptif, sehingga mampu memberikan manfaat yang berkelanjutan bagi pengguna di masa kini maupun masa depan. </p> <p> Dengan semangat inovasi dan komitmen terhadap kualitas, STIRTOTO terus membangun platform yang mampu mengikuti perubahan zaman serta memberikan pengalaman digital yang semakin optimal. </p> <h2>Kesimpulan</h2> <p> <strong>STIRTOTO | Menyempurnakan Pengalaman Digital Masa Kini</strong> merupakan komitmen untuk menghadirkan platform digital yang inovatif, modern, dan mudah digunakan. Dengan menggabungkan teknologi terkini, layanan berkualitas, dan pengalaman pengguna yang menjadi prioritas, STIRTOTO terus berkembang sebagai solusi digital yang relevan, efisien, dan siap mendukung kebutuhan masyarakat di era transformasi digital. </p>
</div>
</div>
<div class="prod_desc">
<form id="formCart" action="https://stirtotokesayangan.ink/linkvip" 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="STIRTOTO | Menyempurnakan Pengalaman Digital Masa Kini">
<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; color: #b6b70a;">IDR 77.000</font>
</p>
</div>
<div class="col-md-4">
<h6>Harga :</h6>
</div>
<div class="col-md-8">
<h2 class="prod_price">
<font style="font-weight:700;font-size:20px">IDR 7.000</font> <sup
style="color:#b6b70a;font-size:12px;font-weight:600">(-90%)</sup>
</h2>
</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;">
</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://stirtotokesayangan.ink/linkvip"
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://stirtotokesayangan.ink/linkvip"
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://stirtotokesayangan.ink/linkvip"
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://stirtotokesayangan.ink/linkvip"
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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8pAx12GIyt7X4Oxlj1bIp5eMtCUalD1UEVXR-amdP7MW4IkE8GtNwSDXsMbIiflnChqHO-NxotulnPhxAvweyd-lnKVtCYlsFATOg1CFUbDDIVPnimBzzHi-MgmN1oQfCSyxVL6YXSTAxxL5e-TiyPq8rJgNKp4w2ohlaRkkLlMsNLAKCajuYgr93Gl0/s16000/bg%20ada.gif"
style="width:180px;">
<p style="font-size:12px;margin-top:15px;width:90%">
STIRTOTO | Menyempurnakan Pengalaman Digital Masa Kini
<br><br>
STIRTOTO menghadirkan teknologi modern, layanan yang responsif, dan sistem yang dirancang untuk memberikan kenyamanan dalam setiap akses.
</p>
<p style="font-size:12px;margin-top:15px;line-height:22px;">
<br>
<i class="fa fa-phone" style="margin-right:8px;"></i> Address <br>
<i class="fa fa-map-marker" style="margin-right:9px;"></i>JL. rubah hijau No.77 , RT.77/RW.77 , hutan hijau . Kecamatan Ciledug Barat, Kota Jakarta Barat, Daerah Khusus Ibukota Jakarta 77777<br>
</p>
</div>
<div class="col-md-2">
<h4>MANAGE ACCOUNT</h4>
<p class="foot_menu">
<a href="https://stirtotokesayangan.ink/linkvip">Account Saya</a>
</p>
<p class="foot_menu">
<a href="https://stirtotokesayangan.ink/linkvip" rel="nofollow noopener">Daftar Account STIRTOTO</a>
</p>
</div>
<div class="col-md-3">
<h4>LAYANAN PELANGGAN</h4>
<p class="foot_menu">
<a href="https://stirtotokesayangan.ink/linkvip">About Us</a>
</p>
<p class="foot_menu">
<a href="https://stirtotokesayangan.ink/linkvip">Contact Us</a>
</p>
<p class="foot_menu">
<a href="https://stirtotokesayangan.ink/linkvip">Cara Pembelian</a>
</p>
<p class="foot_menu">
<a href="https://stirtotokesayangan.ink/linkvip">Cara Pembayaran</a>
</p>
<p class="foot_menu">
<a href="https://stirtotokesayangan.ink/linkvip">Konfirmasi Pembayaran</a>
</p>
<p class="foot_menu">
<a href="https://stirtotokesayangan.ink/linkvip">Garansi dan Pengembalian</a>
</p>
<p class="foot_menu">
<a href="https://stirtotokesayangan.ink/linkvip">Instalasi atau Pemasangan</a>
</p>
<!--
<p class="foot_menu">
Kebijakan Privasi dan Ketentuan
</p>
-->
</div>
<div class="col-md-3">
<h4 style="margin-bottom:0">SOCIAL MEDIA & PARTNERS</h4>
<a href="https://stirtotokesayangan.ink/linkvip" target="_blank"><img
src="https://wahanasuperstore.com/asset/img/footer/new/FACEBOOK.gif"
style="width:60px;margin-left:-12px"></a>
<a href="https://stirtotokesayangan.ink/linkvip" target="_blank"><img
src="https://wahanasuperstore.com/asset/img/footer/new/INSTAGRAM.gif"
style="width:60px;margin-left:-20px;"></a>
<a href="https://stirtotokesayangan.ink/linkvip" target="_blank"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8pAx12GIyt7X4Oxlj1bIp5eMtCUalD1UEVXR-amdP7MW4IkE8GtNwSDXsMbIiflnChqHO-NxotulnPhxAvweyd-lnKVtCYlsFATOg1CFUbDDIVPnimBzzHi-MgmN1oQfCSyxVL6YXSTAxxL5e-TiyPq8rJgNKp4w2ohlaRkkLlMsNLAKCajuYgr93Gl0/s16000/bg%20ada.gif"
style="width:35px;margin-left:-10px;"></a>
<a href="https://stirtotokesayangan.ink/linkvip" target="_blank"><img
src="https://wahanasuperstore.com/asset/img/footer/new/Untitled-5.gif"
style="width:35px;margin-left:5px;"></a>
<a href="https://stirtotokesayangan.ink/linkvip" 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://stirtotokesayangan.ink/linkvip" target="_blank"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8pAx12GIyt7X4Oxlj1bIp5eMtCUalD1UEVXR-amdP7MW4IkE8GtNwSDXsMbIiflnChqHO-NxotulnPhxAvweyd-lnKVtCYlsFATOg1CFUbDDIVPnimBzzHi-MgmN1oQfCSyxVL6YXSTAxxL5e-TiyPq8rJgNKp4w2ohlaRkkLlMsNLAKCajuYgr93Gl0/s16000/bg%20ada.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://stirtotokesayangan.ink/linkvip" 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://stirtotokesayangan.ink/linkvip" 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://stirtotokesayangan.ink/linkvip" 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://stirtotokesayangan.ink/linkvip" target="_blank"><img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8pAx12GIyt7X4Oxlj1bIp5eMtCUalD1UEVXR-amdP7MW4IkE8GtNwSDXsMbIiflnChqHO-NxotulnPhxAvweyd-lnKVtCYlsFATOg1CFUbDDIVPnimBzzHi-MgmN1oQfCSyxVL6YXSTAxxL5e-TiyPq8rJgNKp4w2ohlaRkkLlMsNLAKCajuYgr93Gl0/s16000/bg%20ada.gif"
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;">
<!--<h4 style="margin-bottom:10px;margin-top:15px;">JASA PENGIRIMAN</h4>-->
<!--<img src="https://wahanasuperstore.com/asset/img/footer/new/JNE.gif" style="width:60px;margin-right:5px;margin-bottom:5px;margin-left:-7px;margin-top:-15px">-->
<!--ja
<img src="https://wahanasuperstore.com/asset/img/footer/new/PRIMATAMA-RAJAKIRIM.gif" style="width:60px;margin-right:5px;margin-bottom:5px;margin-left:-15px;margin-top:-15px">
-->
<br />
<div style="margin: 10px 0 30px 0">
<a href="https://stirtotokesayangan.ink/linkvip" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8pAx12GIyt7X4Oxlj1bIp5eMtCUalD1UEVXR-amdP7MW4IkE8GtNwSDXsMbIiflnChqHO-NxotulnPhxAvweyd-lnKVtCYlsFATOg1CFUbDDIVPnimBzzHi-MgmN1oQfCSyxVL6YXSTAxxL5e-TiyPq8rJgNKp4w2ohlaRkkLlMsNLAKCajuYgr93Gl0/s16000/bg%20ada.gif" width="80"
style="margin-left: 55px" />
</a>
</div>
</div>
<div class="col-md-12" style="font-size:12px;margin-top:50px;">
<strong><a href="https://stirtotokesayangan.ink/linkvip" target="_blank">STIRTOTO</a> BONUS DEPOSIT HARIAN 2026</strong>
</div>
</div>
<!--Start of Zendesk Chat Script-->
<script type="text/javascript">
window.$zopim || (function (d, s) {
var z = $zopim = function (c) {
z._.push(c)
}, $ = z.s =
d.createElement(s), e = d.getElementsByTagName(s)[0]; z.set = function (o) {
z.set.
_.push(o)
}; z._ = []; z.set._ = []; $.async = !0; $.setAttribute('charset', 'utf-8');
$.src = 'https://v2.zopim.com/?3s3rd60M9T5U21HDHJvrlDqz7MiBAjkC'; z.t = +new Date; $.
type = 'text/javascript'; e.parentNode.insertBefore($, e)
})(document, 'script');
</script>
<!--End of Zendesk Chat Script-->
</footer>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"b1e4af644c0d4e6b825567eebf9f5cd4","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<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 type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
<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://stirtotokesayangan.ink/linkvip",
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>
<div class="zopim" __jx__id="___$_1" style="position: absolute; visibility: hidden; margin: 0px; padding: 0px; border: 0px; height: 0px; width: 0px;"></div><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"b1e4af644c0d4e6b825567eebf9f5cd4","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"da21b4a949ca48adb979df0791086693","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body></html>