<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026</title>
<meta content="BARGES88 merupakan portal login link situs toto slot gacor resmi yang menyediakan alternatif terbaru bebas hampatan paling mudah diakses." name="description" />
<meta property="og:title" content="BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026">
<meta property="og:type" content="website">
<meta property="og:site_name" content="BARGES88">
<meta property="og:description" content="BARGES88 merupakan portal login link situs toto slot gacor resmi yang menyediakan alternatif terbaru bebas hampatan paling mudah diakses.">
<meta name="robots" content="index, follow">
<meta name="author" content="BARGES88">
<meta name="generator" content="SITUS TOTO SLOT">
<!-- ===== BRAND & IDENTITY ===== -->
<meta name="brand" content="BARGES88">
<meta name="publisher" content="BARGES88">
<meta name="copyright" content="BARGES88">
<!-- ===== GEO / WILAYAH ===== -->
<meta name="geo.region" content="ID">
<meta name="geo.placename" content="Indonesia">
<!-- ===== LANGUAGE & DISTRIBUTION ===== -->
<meta http-equiv="content-language" content="id-ID">
<meta name="distribution" content="global">
<meta name="rating" content="general">
<!-- ===== MOBILE & RESPONSIVE ===== -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="mobile-web-app-capable" content="yes">
<body>
<script type="application/ld+json">
{
"@graph": [
{
"@type": "Brand",
"name": "BARGES88",
"description": "BARGES88 merupakan portal login link situs toto slot gacor resmi yang menyediakan alternatif terbaru bebas hampatan paling mudah diakses.",
"slogan": "BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026",
"sameAs": [
]
},
{
"@type": "Organization",
"name": "BARGES88",
"logo": {
"@type": "ImageObject",
},
"brand": {
},
"contactPoint": {
"@type": "ContactPoint",
"contactType": "customer support",
"availableLanguage": ["Indonesian"]
},
"areaServed": "ID",
"foundingDate": "2020"
}
]
}
</script>
<script type="application/ld+json">
{
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "BARGES88",
},
{
"@type": "ListItem",
"position": 2,
"name": "SITUS TOTO SLOT",
},
{
"@type": "ListItem",
"position": 3,
"name": "SITUS GACOR TERPERCAYA",
},
{
"@type": "ListItem",
"position": 4,
"name": "SLOT GACOR RESMI 2026",
},
{
"@type": "ListItem",
"position": 5,
"name": "LOGIN SLOT GACOR",
},
{
"@type": "ListItem",
"position": 6,
"name": "DAFTAR BARGES88",
},
{
"@type": "ListItem",
"position": 7,
"name": "LOGIN BARGES88",
},
{
"@type": "ListItem",
"position": 8,
"name": "BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026",
}
]
}
</script>
<style>
@font-face {
font-family: 'GothamLight';
src: url(gotham/Gotham-Light.otf);
}
@font-face {
font-family: 'GothamBook';
src: url(gotham/Gotham-Book.otf);
}
@font-face {
font-family: 'Polaris';
src: url(polaris/PBook.otf);
}
html,
body {
margin: 0px;
padding: 0px;
border: 0px;
vertical-align: baseline;
font-family: 'Open Sans', sans-serif !important;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
.cl {
clear: both;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
-webkit-font-smoothing: antialiased;
}
.wsmain html,
.wsmain body,
.wsmain iframe,
.wsmain h1,
.wsmain h2,
.wsmain h3,
.wsmain h4,
.wsmain h5,
.wsmain h6 {
margin: 0px;
padding: 0px;
border: 0px;
font: inherit;
vertical-align: baseline;
font-weight: normal;
font-size: 12px;
line-height: 18px;
font-family: 'Open Sans', sans-serif !important;
-webkit-font-smoothing: subpixel-antialiased;
font-smoothing: antialiased;
font-smooth: antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: subpixel-antialiased !important;
font-smoothing: subpixel-antialiased !important;
font-smooth: subpixel-antialiased;
}
.wsmain .cl {
clear: both;
}
.wsmain img,
object,
embed,
video {
border: 0 none;
max-width: 100%;
}
.wsmain a:focus {
outline: none !important;
}
.wsmain:before,
.wsmain:after {
content: "";
display: table;
}
.wsmain:after {
clear: both;
}
.wsmobileheader {
display: none;
}
.overlapblackbg {
display: none;
}
.smllogo {
padding: 9px 0px 0px 0px;
margin: 0;
float: left;
width: 14.4%;
}
.smllogo a {
display: block;
float: left;
padding: 0px 0px 0px 0px;
}
.topmenusearch {
float: right;
width: 100%;
height: 42px;
position: relative;
margin: 9px 0px 0px 0px;
}
.topmenusearch .searchicon {
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
.topmenusearch input {
width: 100%;
position: relative;
float: right;
top: 0;
right: 0;
bottom: 0;
width: 100%;
border: 0;
padding: 0;
margin: 0;
text-indent: 15px;
font-size: 12px;
height: 42px;
z-index: 2;
outline: none;
color: #7d7d7d;
background-color: #e9ebef;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.topmenusearch input:focus {
color: #000;
}
.topmenusearch input:focus~.btnstyle {
background-color: #424242;
color: #fff;
opacity: 0.9;
}
.topmenusearch input:focus~.btnstyle .fa {
color: #fff;
}
.topmenusearch input:focus~.searchicon {
opacity: 1;
z-index: 3;
color: #FFFFFF;
}
.topmenusearch .btnstyle {
top: 0px;
position: absolute;
right: 0;
bottom: 0;
width: 42px;
line-height: 30px;
z-index: 1;
cursor: pointer;
color: #fff;
z-index: 1000;
background-color: #eeeeee;
border: solid 0px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
-webkit-border-radius: 0px 2px 2px 0px;
-moz-border-radius: 0px 2px 2px 0px;
border-radius: 0px 2px 2px 0px;
}
.topmenusearch .btnstyle .fa {
line-height: 38px;
margin: 0;
padding: 0;
text-align: center;
color: #9c9c9c;
}
.topmenusearch .btnstyle:hover {
background-color: #fff;
}
.wsmain {
width: 100%;
margin: 0 auto;
padding: 0px 0px;
max-width: 1300px;
}
.wsmenu {
position: relative;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
padding: 0px 0px 0px 0px;
margin: 0px auto;
width: 90%;
float: left;
height: 60px;
}
.wsmenu-list {
text-align: center;
margin: 0 auto 0 auto;
width: 100%;
display: table;
padding: 0px;
}
.wsmenu-list>li {
text-align: center;
display: inline-table;
margin: 0px;
padding: 0px;
/* float: left; */
}
.wsmenu-list>.wscarticon>a .fa.fa-shopping-basket {
display: inline-block;
font-size: 16px;
line-height: inherit;
margin-right: 5px;
color: #7b7b7b;
}
.wsmenu-list>.wsshopmenu>a .fa.fa-angle-down {
display: inline-block;
font-size: 13px;
line-height: inherit;
margin-left: 11px;
color: #7b7b7b;
}
.wsmenu-list li ul li a .fa.fa-angle-double-right {
font-size: 12px;
margin: 0 3px 0 -4px;
}
.wsmenu-list>li>a {
display: block;
color: #828181;
padding: 0 26px 0 22px;
line-height: 58px;
text-decoration: none;
position: relative;
}
.wsmenu-list>li:hover>a {
color: #000;
}
.wsmenu-list>li>.navtext {
line-height: 16px;
text-align: left;
padding: 15px;
padding-left: 0;
padding-right: 10px;
margin: 0px;
margin-right: 30px;
}
.wsmenu-list>li>.navtext>span+span:after {
color: #9e9e9e;
content: "\f107";
display: inline-block;
font-family: "FontAwesome";
font-size: 14px;
font-weight: 100;
line-height: 10px;
margin-left: 1px;
position: relative;
right: -8px;
text-align: right;
top: 1px;
}
.wsmenu-list>li>.navtext>span {
display: block;
font-size: 11px;
text-align: left;
white-space: nowrap;
width: 100%;
line-height: 16px;
color: #9e9e9e;
}
.wsmenu-list>li>.navtext>span+span {
white-space: nowrap;
font-size: 13px;
font-weight: ;
color: #555555;
}
.wsmenu-list li a:hover .arrow:after {
border-top-color: #b3b3b3
}
.wsmenu-list li a.active .arrow:after {
border-top-color: #b3b3b3
}
.wsmenu-list li:hover>a .arrow:after {
border-top-color: #b3b3b3
}
.megamenu iframe {
width: 100%;
margin-top: 10px;
min-height: 200px;
}
.megamenu video {
width: 100%;
margin-top: 10px;
min-height: 200px;
}
.wsmenu-list>li.socialicon {
float: left;
}
.wsmenu-list>li.socialicon a {
width: 38px;
padding: 0px 10px
}
.wsmenu-list>li.socialicon a .fa {
font-size: 15px;
color: #898d91;
text-align: center;
}
.wsmenu-list>li.wsshopmyaccount {
float: right;
padding-top: 0.5%;
}
.wsmenu-list>.wsshopmyaccount>a .fa.fa-angle-down {
display: inline-block;
font-size: 13px;
line-height: inherit;
margin-left: 8px;
color: #7b7b7b;
}
.wsmenu-list>.wsshopmyaccount>a .fa.fa-align-justify,
.wsmenu-list>.wsshopmyaccount>a .fa.fa-user {
display: inline-block;
font-size: 16px;
line-height: inherit;
margin-right: 11px;
color: #7b7b7b;
}
.wsmenu-list>li.wssearchbar {
width: 65%;
float: left;
padding-left: 9.5%;
padding-top: 0.5%;
}
.wsmenu-list>li.wscarticon {
float: right;
clear: right;
padding-top: 0.5%;
}
.wsmenu-list>li.wscarticon a {
padding: 0px 27px 0px 22px;
text-align: center;
}
.mobiletext {
display: none;
}
.wsmenu-list>li.wscarticon a .fa {
font-size: 15px;
}
.wsmenu-list>li.wscarticon em.roundpoint {
position: absolute;
top: 14px;
right: 21px;
width: 17px;
height: 17px;
background-color: #DA4B38;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size: 9px;
text-align: center;
font-style: normal;
line-height: 16px !important;
color: #fff;
}
em.roundpoint2 {
position: absolute;
top: -2px;
right: -8px;
width: 17px;
height: 17px;
background-color: #DA4B38;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size: 9px;
text-align: center;
font-style: normal;
line-height: 16px !important;
color: #fff;
}
.wsmenu-list li>.wsmenu-submenu {
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-75deg);
-o-transform: rotateX(-75deg);
-moz-transform: rotateX(-75deg);
-webkit-transform: rotateX(-75deg);
visibility: hidden;
}
.wsmenu-list li:hover>.wsmenu-submenu {
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
visibility: visible;
}
.wsmenu-submenu li>.wsmenu-submenu-sub {
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-75deg);
-o-transform: rotateX(-75deg);
-moz-transform: rotateX(-75deg);
-webkit-transform: rotateX(-75deg);
visibility: hidden;
}
.wsmenu-submenu li:hover>.wsmenu-submenu-sub {
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
visibility: visible;
}
.wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub {
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-75deg);
-o-transform: rotateX(-75deg);
-moz-transform: rotateX(-75deg);
-webkit-transform: rotateX(-75deg);
visibility: hidden;
}
.wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub {
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
visibility: visible;
}
.wsmenu-list li>.megamenu {
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-75deg);
-o-transform: rotateX(-75deg);
-moz-transform: rotateX(-75deg);
-webkit-transform: rotateX(-75deg);
visibility: hidden;
}
.wsmenu-list li:hover>.megamenu {
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
visibility: visible;
}
.wsmenu-submenu {
position: absolute;
min-width: 176px;
top: 58px;
z-index: 1000;
margin: 0px;
padding: 0px;
border: solid 1px #eeeeee;
background-color: #fff;
opacity: 0;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
-o-transition: -o-transform 0.3s, opacity 0.3s;
-ms-transition: -ms-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}
.wsmenu-submenu li a {
background: #fff !important;
background-image: none !important;
color: #666666 !important;
border-right: 0 none !important;
text-align: left;
display: block;
line-height: 22px;
padding: 8px 12px;
text-transform: none;
font-size: 12px;
letter-spacing: normal;
border-right: 0px solid;
border-bottom: 1px solid #f5f5f5;
}
.wsmenu-submenu li {
position: relative;
margin: 0px;
padding: 0px;
}
.wsmenuexpandermain {
display: none;
}
.wsmenu-list li:hover .wsmenu-submenu {
display: block;
}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub {
min-width: 220px;
position: absolute;
left: 100%;
top: 0;
margin: 0px;
padding: 0px;
opacity: 0;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
-o-transition: -o-transform 0.4s, opacity 0.4s;
-ms-transition: -ms-transform 0.4s, opacity 0.4s;
-moz-transition: -moz-transform 0.4s, opacity 0.4s;
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}
.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
opacity: 1;
list-style: none;
padding: 0px;
border: solid 1px #eeeeee;
background-color: #fff;
}
.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
display: block;
}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub {
min-width: 220px;
position: absolute;
left: 100%;
top: 0;
margin: 0px;
padding: 0px;
opacity: 0;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
-o-transition: -o-transform 0.4s, opacity 0.4s;
-ms-transition: -ms-transform 0.4s, opacity 0.4s;
-moz-transition: -moz-transform 0.4s, opacity 0.4s;
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
opacity: 1;
list-style: none;
padding: 0px;
border: solid 1px #eeeeee;
background-color: #fff;
}
.wsmenu-submenu li {
position: relative;
padding: 0px;
margin: 0px;
display: block;
}
.wsmenu-click {
display: none;
}
.wsmenu-click02 {
display: none;
}
.wsmenu-submenu .fa {
margin-right: 11px;
font-size: 15px;
}
.carousel-control i.fa {
top: 48%;
position: absolute;
font-size: 33px;
margin-left: -5px;
}
.carousel-inner .carousel-caption h3 {
font-size: 18px;
font-weight: bold;
}
.wsshopmenu span {
font-weight: bold;
}
.wsmenu-list>.wsshopmenu>a .fa.fa-shopping-basket {
display: inline-block;
font-size: 13px;
line-height: inherit;
margin-right: 8px;
color: #7b7b7b;
}
.wtsdepartmentmenu {
background: #fff;
border-bottom: solid 1px #d1d3d4;
}
.wtsbrandmenu {
background: #ffffff;
border-bottom: solid 1px #d1d3d4;
}
.wsshoptabing {
width: 100%;
text-align: left;
margin: 0px;
padding: 0px;
position: absolute;
top: 44px;
background-color: #fff;
left: 0;
border-bottom: solid 2px #376cb7;
border: solid 1px #f1f1f1;
border-top: solid 0px;
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-webkit-transform: rotateX(-90deg);
visibility: hidden;
opacity: 0;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
-o-transition: -o-transform 0.6s, opacity 0.6s;
-ms-transition: -ms-transform 0.6s, opacity 0.6s;
-moz-transition: -moz-transform 0.6s, opacity 0.6s;
-webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
z-index: 101;
}
.btnlearn {
font-size: 15px;
text-align: center;
line-height: 44px;
height: 44px;
display: block;
float: left;
padding: 0px 15px;
background-color: #0056b9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
margin-top: 5px;
}
.btnlearn:hover {
color: #fff;
text-decoration: none;
}
.menu-hover-up {
padding-left: 25px;
margin-top: 20px;
margin-bottom: 30px;
line-height: 40px
}
.menu-hover-up a {
text-transform: uppercase;
color: #333;
text-decoration: none;
font-size: 13px;
}
.menu-hover-up a:hover {
color: #aa333d;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
.wstitemright {
min-height: 100%;
opacity: 0;
visibility: hidden;
position: absolute;
right: 0px;
top: 0px;
background-color: #f8f8f8;
color: #000;
display: block;
float: left;
padding: 18px 20px 0px 20px;
width: 77%;
}
.wstabitem {
display: block;
margin: 0px;
padding: 0px;
font-size: 12px;
}
.wstabitem>li {
width: 100%;
list-style: none;
}
.wstabitem li:before,
.wstabitem li:after {
content: "";
display: table;
}
.wstabitem li:after {
clear: both;
}
.wstabitem li.wsshoplink-active .wstitemright {
opacity: 1;
visibility: visible;
}
/*.wstabitem li:hover .wstitemright{opacity: 1; visibility: visible;}*/
.wstabitem>li>a {
display: block;
padding: 16px 11px;
font-size: 13px;
color: #606060;
border-bottom: solid 1px #e5e5e5;
width: 23%;
float: left;
position: relative;
border-left: 3px solid #fff;
}
.wstabitem>li:hover a {
text-decoration: none;
}
.wstabitem .wsshoplink-active a {
text-decoration: none;
}
.wstabitem>li:hover>a {
text-decoration: none;
}
.wstabitem>li>a .fa {
color: #848484;
margin-right: 5px;
text-align: center;
width: 25px;
font-size: 16px;
}
.wstmegamenucoll {
width: 100%;
float: left;
padding-right: 27px;
}
.wstmegamenucolr {
width: 25%;
float: right;
text-align: right;
}
.wstmegamenucoll01 {
width: 64%;
float: left;
padding-left: 0px;
}
.wstmegamenucolr02 {
width: 35%;
float: left;
text-align: right;
}
.wstmegamenucolr03 {
width: 25%;
float: left;
text-align: left;
}
.wstmegamenucoll04 {
width: 75%;
float: right;
padding-left: 27px;
}
.wstheading {
width: 100%;
display: block;
padding: 8px 0px 5px 0px;
font-size: 11px;
font-weight: bold;
color: #333333;
border-bottom: solid 1px #d9d9d9;
margin-bottom: 7px;
text-transform: uppercase;
letter-spacing: 1px;
}
.wstliststy01 {
width: 100%;
padding: 0px;
margin: 0px;
}
.wstliststy01 li {
width: 33.33%;
float: left;
line-height: 23px;
font-size: 14px;
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px;
}
.wstliststy01 li a {
color: #6e6e6e;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
}
.wstliststy01 li a:hover {
color: #000;
text-decoration: none;
}
.root-col-6 {
width: 16.66666666666667%;
float: left;
display: block;
padding: 10px;
}
.root-col-5 {
width: 20%;
float: left;
display: block;
padding: 10px;
}
.root-col-4 {
width: 25%;
display: block;
padding: 10px;
height: auto;
}
.root-col-4:before,
.root-col-4:after {
content: "";
display: table;
}
.root-col-4:after {
clear: both;
}
.wstinnerwp {
height: auto;
position: relative;
width: 100%;
}
.wstinnerwp:before,
.wstinnerwp:after {
content: "";
display: table;
}
.wstinnerwp:after {
clear: both;
}
.root-col-3 {
width: 33.33333333333333%;
float: left;
display: block;
padding: 10px;
}
.root-col-2 {
width: 50%;
float: left;
display: block;
padding: 10px;
}
.root-col-1 {
width: 100%;
float: left;
display: block;
padding: 10px;
}
.root-col-70 {
width: 66.66666666666667%;
float: left;
display: block;
padding: 10px;
}
.root-col-75 {
width: 75%;
float: left;
display: block;
padding: 10px;
}
.wstliststy02 {
width: 25%;
padding: 0px 20px 0px 0px;
margin: 0px;
float: left;
text-align: left;
}
.wstliststy02 li {
width: 100%;
list-style: none;
line-height: 24px;
}
.wstliststy02 li a {
color: #6e6e6e;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
}
.wstliststy02 li a:hover {
color: #000;
text-decoration: none;
}
.wstliststy02 li.wstheading {
line-height: normal;
}
.wstliststy02 li a .wstcount {
font-size: 10px;
color: #adadad;
}
.wstliststy03 {
width: 100%;
padding: 0px;
margin: 0px;
}
.wstliststy03 li {
width: 33.33%;
float: left;
line-height: 23px;
font-size: 14px;
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px;
}
.wstliststy03 li a {
color: #6e6e6e;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
}
.wstliststy03 li a:hover {
color: #000;
text-decoration: none;
}
.wstliststy04 {
width: 23%;
padding: 0px 0px 0px 0px;
margin: 0.5% 1%;
float: left;
}
.wstliststy04 li {
width: 100%;
list-style: none;
line-height: 22px;
}
.wstliststy04 li a {
color: #6e6e6e;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
}
.wstliststy04 li a:hover {
color: #000;
text-decoration: none;
}
.wstliststy04 li.wstheading {
line-height: normal;
text-align: center;
padding: 12px 0px;
font-size: 13px;
}
.wstliststy04 li a .wstcount {
font-size: 10px;
color: #adadad;
}
.wstliststy05 {
width: 33.33%;
padding: 0px 20px 0px 0px;
margin: 0px;
float: left;
}
.wstliststy05 li {
width: 100%;
list-style: none;
line-height: 22px;
}
.wstliststy05 li a {
color: #6e6e6e;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
}
.wstliststy05 li a:hover {
color: #000;
text-decoration: none;
}
.wstliststy05 li.wstheading {
line-height: normal;
}
.wstliststy05 li a .wstcount {
font-size: 10px;
color: #adadad;
}
.wstmorebtn {
border-radius: 2px;
color: #9b9b9b;
display: inline-block;
float: right;
font-size: 10px;
font-weight: normal;
letter-spacing: 0;
padding: 1px 7px;
text-align: right;
text-transform: none;
}
.wstmenutag {
height: 18px;
line-height: 18px;
text-align: center;
font-size: 11px;
color: #fff;
border-radius: 2px;
position: relative;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
padding: 1px 6px 1px 6px;
margin-left: 6px;
text-transform: none;
letter-spacing: -0.0px;
}
.wstmenutag:after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-image: none;
border-style: solid;
border-width: 3px;
content: "";
left: -6px;
margin-top: 0px;
position: absolute;
top: 4px;
z-index: 1;
}
.wstmenutag.redtag {
background-color: #fe7b8f;
}
.wstmenutag.redtag:after {
border-color: transparent #fe7b8f transparent transparent;
}
.wstmenutag.greentag {
background-color: #00c853;
}
.wstmenutag.greentag:after {
border-color: transparent #00c853 transparent transparent;
}
.wstmenutag.bluetag {
background-color: #4fc3f7;
}
.wstmenutag.bluetag:after {
border-color: transparent #4fc3f7 transparent transparent;
}
.wstmenutag.orangetag {
background-color: #FE7000;
}
.wstmenutag.orangetag:after {
border-color: transparent #FE7000 transparent transparent;
}
.wstadsize01 {
width: 50%;
float: left;
margin: 15px 0px 5px 0px;
}
.wstadsize02 {
width: 50%;
float: right;
margin: 15px 0px 5px 0px;
}
.kitchenmenuimg {
background-image: url(../images/kitchen-menu-img.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.computermenubg {
background-image: url(../images/computer-menu-img.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.wstpngsml {
padding-left: 18px;
}
.wstfullwtag {
width: 100%;
display: block;
border-bottom: solid 1px #e5e5e5;
background-color: #f5f5f5;
}
.wstbrandbottom {
width: 100%;
background-color: #fff;
display: block;
opacity: 0;
position: absolute;
right: 0;
visibility: hidden;
padding: 9px 20px;
}
.wstabitem02>li.wsshoplink-active .wstbrandbottom {
opacity: 1;
visibility: visible;
}
.wstabitem02 {
width: 100%;
padding: 0px;
margin: 0px 0px;
list-style: none;
display: table;
}
.wstabitem02>li {
display: table-cell;
list-style: outside none none;
text-align: center;
}
.wstabitem02>li>a {
display: block;
padding: 14px 0px;
font-size: 13px;
color: #606060;
background-color: #f4f4f4;
border-bottom: 1px solid #e5e5e5;
position: relative;
}
.wstabitem02>li:hover a {
text-decoration: none;
-webkit-border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
}
.wstabitem02>.wsshoplink-active a {
text-decoration: none;
-webkit-border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
}
.wstabitem02>li:hover a {
text-decoration: none;
-webkit-border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
}
.wstabitem02>li>a .fa {
/*color: #848484;*/
margin-right: 5px;
text-align: center;
width: 25px;
font-size: 17px;
}
.brandcolor01 {
color: #424242;
}
.brandcolor02 {
color: #00bcf2;
}
.brandcolor03 {
color: #00aff0;
}
.brandcolor04 {
color: #003087;
}
.brandcolor05 {
color: #a82400;
}
.brandcolor06 {
color: #ff3300;
}
.brandcolor07 {
color: #7ac142;
}
.brandcolor08 {
color: #ef4056;
}
/*--------------------------------------------------------------------------
| 03 Tab CSS
--------------------------------------------------------------------------*/
@media only screen and (min-width: 1024px) and (max-width:1280px) {
.kitchenmenuimg {
background-image: none;
}
.computermenubg {
background-image: none;
}
.wsmenu-list li a .arrow:after {
display: none !important;
}
.wsmenu-list>li>a {
padding-left: 0px !important;
padding-right: 20px !important;
}
.wsmenu-list>li>.navtext {
margin: 2px !important;
}
.wsmain {
width: 100%;
margin-left: 0%;
margin-right: 0%;
}
.menu_form input[type="submit"] {
width: 40% !important;
}
.menu_form input[type="button"] {
width: 40% !important;
}
.wstmegamenucoll {
width: 64%;
}
.wstmegamenucolr {
width: 36%;
}
.wsshoptabingwp {
width: 96%;
margin: 0% 2%;
}
.wstliststy01 li {
width: 50%;
}
.wstliststy02 {
width: 50%;
}
.wstadsize01 img {
width: 100%;
}
.wstadsize02 img {
width: 100%;
}
.wstadsize01 {
width: 50%;
}
.wstadsize02 {
width: 50%;
}
.wstliststy02>li>img {
display: none;
}
.wstliststy03 li {
width: 50%;
}
.wstmegamenucoll01 {
width: 100%;
padding: 0px;
}
.wstliststy04>li>img {
width: 100%;
}
.wstmegamenucolr03 {
display: none;
}
.wstmegamenucoll04 {
width: 100%;
margin: 0%;
padding: 0px;
}
.wssearchbar {
width: 60% !important;
}
}
@media only screen and (min-width:781px) and (max-width:1023px) {
.smllogo {
padding: 13px 6px 0px 0px;
}
.wsmenu-list li a .arrow:after {
display: none;
}
.wsmenu-list>li>a {
white-space: nowrap !important;
padding-left: 0px !important;
padding-right: 5px !important;
}
.wsmenu-list>li>.navtext {
margin: 5px !important;
}
.wsmain {
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
.wsmenu-list>li.socialicon {
display: none !important;
}
.megacollink {
width: 48%;
margin: 1% 1%;
}
.typographylinks {
width: 48%;
margin: 1% 1%;
}
.menu_form input[type="submit"] {
width: 40% !important;
}
.menu_form input[type="button"] {
width: 40% !important;
}
.wsmenu-list>li>a .fa {
display: none;
}
.wsmenu-list>li>a .fa.fa-home {
display: block !important;
}
.halfmenu .megacollink {
width: 100%;
margin: 0px;
}
.wstmegamenucoll {
width: 51%;
padding: 0px;
}
.wstmegamenucolr {
width: 49%;
}
.wsshoptabingwp {
width: 96%;
margin: 0% 2%;
}
.wstliststy01 li {
width: 100%;
}
.wstliststy02 {
width: 50%;
}
.wstadsize01 img {
width: 100%;
}
.wstadsize02 img {
width: 100%;
}
.wstadsize01 {
width: 100%;
}
.wstadsize02 {
width: 100%;
}
.wstliststy02>li>img {
display: none;
}
.wstliststy03 li {
width: 50%;
}
.wstmegamenucoll01 {
width: 100%;
padding: 0px;
}
.wstliststy04 {
width: 46%;
margin: 0% 2%;
}
.wstliststy04>li>img {
width: 100%;
}
.wstmegamenucolr03 {
display: none;
}
.wstmegamenucoll04 {
width: 100%;
margin: 0%;
padding: 0px;
}
.wssearchbar {
width: 60% !important;
}
.wstliststy05 {
width: 50%;
margin-bottom: 15px;
}
.kitchenmenuimg {
background-image: none;
}
.computermenubg {
background-image: none;
}
.wstabitem li a .fa {
display: none;
}
}
@media only screen and (min-width: 781px) {
.wsmenu-list li:hover>.wsmenu-submenu {
display: block !important;
}
.wsmenu-submenu li:hover>.wsmenu-submenu-sub {
display: block !important;
}
.wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub {
display: block !important;
}
.wsmenu-list li:hover>.megamenu {
display: block !important;
}
.wsmenu-list>li:hover .wsshoptabing {
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
visibility: visible;
}
.wstabitem>li.wsshoplink-active>a {
background-color: #f8f8f8;
color: #555555;
border-left: 3px solid #DA4B38;
}
.wstabitem>li.wsshoplink-active>a>.fa {
color: #555555;
}
.wstabitem02>.wsshoplink-active>a:after {
position: absolute;
content: '';
top: 40px;
right: 50%;
width: 13px;
height: 13px;
transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);
border-right: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
z-index: 100;
background-color: #ffffff;
}
}
/*--------------------------------------------------------------------------
| 04 Mobile CSS
--------------------------------------------------------------------------*/
@media only screen and (max-width: 780px) {
.wstabitem>li {
position: relative;
}
.wstabitem>li>a {
width: 100%;
margin: 0px;
float: none;
font-size: 12px;
padding-left: 18px;
font-weight: bold;
}
.wstheading {
font-weight: normal;
}
.wstitemright {
width: 100%;
position: static;
top: 0px;
min-height: inherit;
padding: 10px 20px 15px 20px;
opacity: 1;
visibility: visible;
display: none;
}
.wstmegamenucoll {
width: 100%;
padding: 0px;
float: none;
}
.wstmegamenucolr {
width: 100%;
padding: 0px;
float: none;
}
.wstliststy01 li {
width: 100%;
padding: 0px;
margin: 0px;
}
.wstliststy02 {
width: 100%;
padding: 0px;
margin: 0px 0px 15px 0px;
}
.wstliststy03 li {
width: 100%;
}
.wstliststy04 {
width: 100%;
margin: 0px;
}
.wstadsize01 {
width: 100%;
margin: 0px 0px 10px 0px;
}
.wstadsize02 {
width: 100%;
margin: 0px;
}
.wstmegamenucoll01 {
width: 100%;
}
.wstmegamenucolr03 {
width: 100%;
padding: 0px;
margin: 0px 0px 15px 0px;
}
.wstmegamenucoll04 {
width: 100%;
padding: 0px;
}
.wstliststy05 {
width: 100%;
padding: 0px;
margin-bottom: 10px;
}
.kitchenmenuimg {
background-image: none;
}
.computermenubg {
background-image: none;
}
.wstbrandbottom {
width: 100%;
position: static;
top: 0px;
min-height: inherit;
padding: 10px 20px 15px 20px;
opacity: 1;
visibility: visible;
display: none;
}
.wstabitem02 li {
position: relative;
}
.wstabitem02>li>a {
padding: 14px 18px;
}
.wsmenu-list>li>.navtext {
margin: 0px !important;
}
.wsmenu-list>li.wssearchbar {
padding-left: 0px;
}
.wstabitem02 {
display: block;
}
.wstabitem02 li {
text-align: left;
display: block;
}
.wsshoptabingwp {
background-color: #fff;
padding-left: 0px;
padding-right: 0px;
}
.wsshopmyaccount>a>.fa-angle-down {
display: none !important;
}
.wsmenu {
margin-top: 0px;
}
.smllogo {
display: none !important;
}
.wsmain {
margin: 0px;
background-color: transparent;
}
.topmenusearch {
margin: 0px 0 0;
width: 100%;
height: 44px;
}
.topmenusearch input:focus {
width: 100%;
background-color: #fff;
color: #000;
}
.topmenusearch input:hover {
width: 100%;
background-color: #fff;
color: #000;
}
.topmenusearch input {
border-radius: 0px !important;
height: 44px;
background-color: #f1f1f1;
}
.smllogo {
width: 100%;
display: none !important;
margin: 0 auto;
text-align: center;
background-color: #2B3A40;
}
.smllogo a {
margin: 0 auto;
text-align: center;
float: none;
padding: 10px 0px 3px 0px;
}
.topmenusearch .btnstyle {
height: 44px;
color: #424242;
}
.wsmenu-list .wsshoptabing {
background-color: #ffffff;
color: #666666;
display: none;
position: relative !important;
top: 0px;
padding: 0px;
border: solid 0px;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
}
.wstabitem {
width: 100% !important;
background-color: #fff;
}
.wstabitem li a:after {
border: none !important;
}
.megamenuleftp {
width: 100%;
display: block;
padding: 0px;
margin: 0px;
}
.megamenurightp {
width: 100%;
display: block;
padding: 0px;
margin: 0px;
}
.wstabitem li a:after {
position: absolute;
content: '';
top: 50%;
margin-top: -6px;
right: 23px;
display: inline-block;
border-top: 6px solid #3f464c;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.wstabitem li a .fa {
display: none;
}
.wsmenu-list li>.wsshoptabing {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
opacity: 1 !important;
}
.wsmenucontainer {
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.overlapblackbg {
left: 0;
z-index: 102;
width: 100%;
height: 100%;
position: fixed;
top: 0;
display: none;
background-color: rgba(0, 0, 0, 0.45);
cursor: pointer;
}
.wsmenucontainer.wsoffcanvasopener {
display: block;
margin-left: 270px;
}
.wsmobileheader {
display: block !important;
position: relative;
top: 0;
right: 0;
left: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.callusicon {
color: #969696;
font-size: 25px;
height: 25px;
position: fixed;
right: 20px;
top: 10px;
transition: all 0.4s ease-in-out 0s;
width: 25px;
z-index: 102;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.callusicon2 {
color: #969696;
font-size: 26px;
height: 25px;
position: fixed;
right: 55px;
top: 10px;
transition: all 0.4s ease-in-out 0s;
width: 25px;
z-index: 101;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.callusicon:focus,
callusicon:hover {
color: #fff !important;
}
.callusicon2:focus,
callusicon2:hover {
color: #fff !important;
}
.wsoffcanvasopener .callusicon {
display: none !important;
}
.wsoffcanvasopener .callusicon2 {
display: none !important;
}
.smallogo {
width: 100%;
display: block;
text-align: center;
padding-top: 9px;
position: fixed;
z-index: 101;
width: 100%;
height: 52px;
background: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
}
.smallogo>img {
margin-top: 0px;
height: 32px;
}
.wsmenu-list>li:hover>a {
background-color: rgba(0, 0, 0, 0.08) !important;
text-decoration: none;
}
.mobiletext {
display: inline-block !important;
}
.wsoffcanvasopener .overlapblackbg {
display: block !important;
}
.wsoffcanvasopener .wsmain {
left: 0px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.wsmain {
width: 270px;
left: -270px;
height: 100%;
position: fixed;
top: 0;
margin: 0;
float: none;
background-color: #fff;
border-radius: 0px;
z-index: 103;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
border: none !important;
background-color: #fff !important;
}
.wsmenu {
border-left: none;
float: none;
width: 100%;
display: block !important;
height: 100%;
overflow-y: auto;
display: block !important;
}
.wstabitem02 li .wsmenu-click02 {
border-left: 1px solid #e9e9e9;
}
.wstabitem02 li .wsmenu-click02 {
background-color: #fff;
}
.wsmenu-click {
border-left: 1px solid #e0e0e0;
cursor: pointer;
display: block;
height: 57px;
position: absolute;
right: 0;
top: 0;
width: 49px;
z-index: 10;
}
.wsmenu-click i {
display: block;
height: 23px;
width: 25px;
margin-top: 15px;
margin-right: 13px;
background-size: 25px;
font-size: 21px;
color: rgba(0, 0, 0, 0.25);
float: right;
text-align: center;
}
.wsmenu-click02 {
border-left: 1px solid #f3f3f3;
cursor: pointer;
display: block;
height: 46px;
position: absolute;
right: 0;
top: 0;
width: 49px;
z-index: 10;
background-color: #f3f3f3;
}
.wsmenu-click02 i {
display: block;
height: 23px;
width: 34px;
margin-top: 11px;
margin-right: 8px;
background-size: 25px;
font-size: 21px;
color: rgba(0, 0, 0, 0.25);
float: right;
text-align: center;
}
.ws-activearrow>i {
transform: rotate(180deg);
}
.wsmenu-rotate {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.animated-arrow {
position: fixed;
left: 0;
top: 0;
z-index: 102;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.wsoffcanvasopener .animated-arrow {
left: 270px;
}
.animated-arrow {
cursor: pointer;
padding: 13px 35px 16px 0px;
margin: 10px 0 0 15px;
}
.animated-arrow span,
.animated-arrow span:before,
.animated-arrow span:after {
cursor: pointer;
height: 2px;
width: 23px;
background: #424242;
position: absolute;
display: block;
content: '';
}
.animated-arrow span:before {
top: -7px;
}
.animated-arrow span:after {
bottom: -7px;
}
.animated-arrow span,
.animated-arrow span:before,
.animated-arrow span:after {
transition: all 500ms ease-in-out;
}
.wsoffcanvasopener .animated-arrow span {
background-color: transparent;
}
.wsoffcanvasopener .animated-arrow span:before,
.animated-arrow.active span:after {
top: 7px;
}
.wsoffcanvasopener .animated-arrow span:before {
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
bottom: 0px;
}
.wsoffcanvasopener .animated-arrow span:after {
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.megacollink {
width: 96% !important;
margin: 0% 2% !important;
}
.megacolimage {
width: 90% !important;
margin: 0% 5% !important;
}
.typographylinks {
width: 98% !important;
margin: 0% 1% !important;
}
.typographydiv {
width: 86% !important;
margin: 0% 7% !important;
}
.mainmapdiv {
width: 90% !important;
margin: 0% 5% !important;
}
.innerpnd {
padding: 0px !important;
}
.typography-text {
padding: 10px 0px;
}
.wsmenu-list .megamenu {
background-color: #e7e7e7;
color: #666666;
display: none;
position: relative !important;
top: 0px;
padding: 0px;
border: solid 0px;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
}
.wsmenu-list li:hover .megamenu {
display: none;
position: relative !important;
top: 0px;
}
.megamenu .title {
color: #666666;
font-size: 15px !important;
padding: 10px 8px 10px 0px;
}
.megamenu>ul {
width: 100% !important;
margin: 0px;
padding: 0px;
font-size: 13px !important;
}
.megamenu>ul>li>a {
padding: 9px 14px !important;
line-height: normal !important;
font-size: 13px !important;
background-color: #e7e7e7 !important;
color: #666666;
}
.megamenu>ul>li>a:hover {
background-color: #000000 !important;
}
.ad-style {
width: 100% !important;
}
.megamenu ul li.title {
line-height: 26px;
color: #666666;
margin: 0px;
font-size: 15px;
padding: 7px 13px !important;
border-bottom: 1px solid #ccc;
background-color: transparent !important;
}
.wsmenu-submenu>li:hover>a {
background-color: #7b7b7b;
color: #666666;
}
.wsmenu>.wsmenu-list>li>a.active {
color: #666666;
background-color: rgba(0, 0, 0, 0.08);
}
.wsmenu>.wsmenu-list>li>a:hover {
color: #666666;
background-color: rgba(0, 0, 0, 0.08);
}
.wsmenu-list li:hover .wsmenu-submenu {
display: none;
}
.wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub {
display: none;
}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
display: none;
list-style: none;
padding: 2px;
border: solid 1px #eeeeee;
background-color: #fff;
}
.wsmenu-list li:first-child a {
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}
.wsmenu-list li:last-child a {
-webkit-border-radius: 0px 4px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
border-right: 0px solid;
}
.wsmenu-submenu-sub {
width: 100% !important;
position: static !important;
left: 100% !important;
top: 0 !important;
display: none;
margin: 0px !important;
padding: 0px !important;
border: solid 0px !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
}
.wsmenu-submenu-sub li {
margin: 0px 0px 0px 0px !important;
padding: 0px;
position: relative;
}
.wsmenu-submenu-sub a {
display: block;
padding: 10px 25px 10px 25px;
border-bottom: solid 1px #ccc;
font-weight: normal;
}
.wsmenu-submenu-sub li a.active {
color: #000 !important;
}
.wsmenu-submenu-sub li:hover>a {
background-color: #333333 !important;
color: #fff;
}
.wsmenu>.wsmenu-list>li>a>.fa {
font-size: 16px;
color: #bfbfbf;
margin-right: 11px;
text-align: center;
width: 19px;
}
.wsmenu-submenu-sub-sub {
width: 100% !important;
position: static !important;
left: 100% !important;
top: 0 !important;
display: none;
margin: 0px !important;
padding: 0px !important;
border: solid 0px !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
}
.wsmenu-submenu-sub-sub li {
margin: 0px 0px 0px 0px !important;
}
.wsmenu-submenu-sub-sub a {
display: block;
color: #000;
padding: 10px 25px;
background: #000 !important;
border-bottom: solid 1px #ccc;
font-weight: normal;
}
.wsmenu-submenu-sub-sub li a.active {
color: #000 !important;
}
.wsmenu-submenu-sub-sub li:hover>a {
background-color: #606060 !important;
color: #fff;
}
.wsmenu .wsmenu-list {
display: block !important;
}
.wsmenu .wsmenu-list>li {
clear: left;
width: 100%;
display: block;
float: none;
border-right: none;
background-color: transparent;
position: relative;
white-space: inherit;
}
.wsmenu>.wsmenu-list>li>a {
padding: 13px 32px 13px 12px;
font-size: 14px;
text-align: left;
border-right: solid 0px;
background-color: transparent;
color: #666666;
line-height: 25px;
border-bottom: 1px solid;
border-bottom-color: rgba(0, 0, 0, 0.13);
position: static;
}
.wsmenu>.wsmenu-list>li>a.wtxaccountlink {
padding-bottom: 16px;
padding-top: 16px;
}
.wsmenu .wsmenu-list li a .arrow:after {
display: none !important;
}
.wsmenu .wsmenu-list li ul li a .fa.fa-caret-right {
font-size: 12px !important;
color: #8E8E8E;
}
.mobile-sub .wsmenu-submenu {
transform: none !important;
opacity: 1 !important;
display: none;
position: relative !important;
top: 0px;
background-color: #fff;
padding: 0px;
visibility: visible !important;
}
.mobile-sub .wsmenu-submenu li a {
line-height: 20px;
height: auto;
background-color: #e7e7e7 !important;
font-size: 13px !important;
padding: 11px 0px 11px 18px;
color: #8E8E8E;
}
.mobile-sub .wsmenu-submenu li a:hover {
background-color: #e7e7e7 !important;
color: #666666;
text-decoration: underline;
}
.mobile-sub .wsmenu-submenu li:hover>a {
background-color: #e7e7e7 !important;
color: #666666;
}
.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a {
line-height: 20px;
height: 36px;
background-color: #e7e7e7 !important;
border-bottom: none;
padding-left: 28px;
}
.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a {
line-height: 20px;
height: 36px;
background-color: #e7e7e7 !important;
border-bottom: none !important;
padding-left: 38px;
color: #8e8e8e;
}
.wsmenu-list>li.socialicon a {
width: 100%;
}
.wsmenu-list>li.wscarticon em.roundpoint {
display: none;
}
.halfdiv .title {
padding-left: 15px;
}
.halfdiv {
width: 100%;
display: block;
}
.halfdiv03 .title {
padding-left: 15px;
}
.halfdiv03 {
width: 100%;
}
.halfmenu {
width: 100%;
display: block;
}
.menu_form {
padding: 10px 10px 63px 10px;
background-color: #e7e7e7;
}
.menu_form input[type="button"] {
width: 46%;
}
.menu_form input[type="submit"] {
width: 46%;
}
.menu_form textarea {
min-height: 100px;
}
.wsmenu-list li>.wsmenu-submenu {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
}
.wsmenu-list li:hover>.wsmenu-submenu {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
}
.wsmenu-submenu li>.wsmenu-submenu-sub {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
}
.wsmenu-submenu li:hover>.wsmenu-submenu-sub {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
opacity: 1 !important;
}
.wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
opacity: 1 !important;
}
.wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
opacity: 1 !important;
}
.wsmenu-list li>.megamenu {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
opacity: 1 !important;
}
.wsmenu-list li:hover>.megamenu {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
opacity: 1 !important;
}
}
/*--------------------------------------------------------------------------
| 05 Additional Themes (Optionnal)
--------------------------------------------------------------------------*/
.gry {
background-color: #424242 !important;
color: #fff;
}
.red {
background-color: #DA4B38 !important;
color: #fff;
}
.orange {
background-color: #ff9334 !important;
color: #fff;
}
.blue {
background-color: #31a8e6 !important;
color: #fff;
}
.green {
background-color: #27ae60 !important;
color: #fff;
}
.yellow {
background-color: #F6BB42 !important;
color: #fff;
}
.purple {
background-color: #967ADC !important;
color: #fff;
}
.pink {
background-color: #ff3366 !important;
color: #fff;
}
.gry>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.gry>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.gry>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.gry>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #fff;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #424242 !important;
}
.red>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #fff;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #424242 !important;
}
.orange>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #fff;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #424242 !important;
}
.blue>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #fff;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #424242 !important;
}
.green>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.yellow>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #454545 !important;
}
.yellow>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #454545 !important;
}
.yellow>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #454545 !important;
}
.yellow>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #454545;
}
.yellow>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.purple>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.purple>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.purple>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.purple>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.purple>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #fff;
}
.purple>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #424242 !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #fff;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #424242 !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.tranbg {
background-color: transparent !important;
}
.whitebg {
background-color: #fff !important;
}
.whitebg:hover {
color: #000 !important;
}
.pm_buttoncolor .wsmenu-list>li>a .fa {
color: #fff !important;
}
.pm_buttoncolor03 .wsmenu-list>li:hover>a .fa {
color: #fff !important;
}
.pm_buttoncolor .wsmenu-list li a .arrow:after {
border-top-color: #fff;
}
.blue-grdt {
background: #5999ee;
background: -moz-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5999ee), color-stop(100%, #4a89dc));
background: -webkit-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
background: -o-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
background: -ms-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5999ee', endColorstr='#4a89dc', GradientType=0);
color: #fff;
}
.gry-grdt {
background: #565656;
background: -moz-linear-gradient(top, #565656 0%, #424242 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #424242));
background: -webkit-linear-gradient(top, #565656 0%, #424242 100%);
background: -o-linear-gradient(top, #565656 0%, #424242 100%);
background: -ms-linear-gradient(top, #565656 0%, #424242 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#424242', GradientType=0);
color: #fff;
}
.green-grdt {
background: #86ba3d;
background: -moz-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86ba3d), color-stop(100%, #74a52e));
background: -webkit-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
background: -o-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
background: -ms-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ba3d', endColorstr='#74a52e', GradientType=0);
color: #fff;
}
.red-grdt {
background: #f05c48;
background: -moz-linear-gradient(top, #f05c48 0%, #da4b38 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f05c48), color-stop(100%, #da4b38));
background: -webkit-linear-gradient(top, #f05c48 0%, #da4b38 100%);
background: -o-linear-gradient(top, #f05c48 0%, #da4b38 100%);
background: -ms-linear-gradient(top, #f05c48 0%, #da4b38 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05c48', endColorstr='#da4b38', GradientType=0);
color: #fff;
}
.orange-grdt {
background: #fc7d33;
background: -moz-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc7d33), color-stop(100%, #ff670f));
background: -webkit-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
background: -o-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
background: -ms-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7d33', endColorstr='#ff670f', GradientType=0);
color: #fff;
}
.yellow-grdt {
background: #ffcd67;
background: -moz-linear-gradient(top, #ffcd67 0%, #f6bb42 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcd67), color-stop(100%, #f6bb42));
background: -webkit-linear-gradient(top, #ffcd67 0%, #ff670f 100%);
background: -o-linear-gradient(top, #ffcd67 0%, #f6bb42 100%);
background: -ms-linear-gradient(top, #ffcd67 0%, #f6bb42 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd67', endColorstr='#f6bb42', GradientType=0);
color: #fff;
}
.purple-grdt {
background: #a98ded;
background: -moz-linear-gradient(top, #a98ded 0%, #967adc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a98ded), color-stop(100%, #967adc));
background: -webkit-linear-gradient(top, #a98ded 0%, #967adc 100%);
background: -o-linear-gradient(top, #a98ded 0%, #967adc 100%);
background: -ms-linear-gradient(top, #a98ded 0%, #967adc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a98ded', endColorstr='#967adc', GradientType=0);
color: #fff;
}
.pink-grdt {
background: #fb3ea4;
background: -moz-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb3ea4), color-stop(100%, #f21b8f));
background: -webkit-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
background: -o-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
background: -ms-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb3ea4', endColorstr='#f21b8f', GradientType=0);
color: #fff;
}
.tranbg {
background-color: transparent !important;
box-shadow: none !important;
}
.red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.red-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.gry-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.blue-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.green-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.orange-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.yellow-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.purple-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.pink-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
@media only screen and (max-width: 780px) {
.tranbg {
background-color: #fff !important;
}
.red-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #fff !important;
}
.blue-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #fff !important;
}
.orange-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #fff !important;
}
.green-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #fff !important;
}
.purple-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #fff !important;
}
.pink-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #fff !important;
}
.pm_buttoncolor>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff;
}
.blue-grdt .wsmain {
background: #5999ee;
background: -moz-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5999ee), color-stop(100%, #4a89dc));
background: -webkit-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
background: -o-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
background: -ms-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5999ee', endColorstr='#4a89dc', GradientType=0);
color: #fff;
}
.gry-grdt .wsmain {
background: #565656;
background: -moz-linear-gradient(top, #565656 0%, #424242 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #424242));
background: -webkit-linear-gradient(top, #565656 0%, #424242 100%);
background: -o-linear-gradient(top, #565656 0%, #424242 100%);
background: -ms-linear-gradient(top, #565656 0%, #424242 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#424242', GradientType=0);
color: #fff;
}
.green-grdt .wsmain {
background: #86ba3d;
background: -moz-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86ba3d), color-stop(100%, #74a52e));
background: -webkit-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
background: -o-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
background: -ms-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ba3d', endColorstr='#74a52e', GradientType=0);
color: #fff;
}
.red-grdt .wsmain {
background: #f05c48;
background: -moz-linear-gradient(top, #f05c48 0%, #da4b38 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f05c48), color-stop(100%, #da4b38));
background: -webkit-linear-gradient(top, #f05c48 0%, #da4b38 100%);
background: -o-linear-gradient(top, #f05c48 0%, #da4b38 100%);
background: -ms-linear-gradient(top, #f05c48 0%, #da4b38 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05c48', endColorstr='#da4b38', GradientType=0);
color: #fff;
}
.orange-grdt .wsmain {
background: #fc7d33;
background: -moz-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc7d33), color-stop(100%, #ff670f));
background: -webkit-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
background: -o-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
background: -ms-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7d33', endColorstr='#ff670f', GradientType=0);
color: #fff;
}
.yellow-grdt .wsmain {
background: #ffcd67;
background: -moz-linear-gradient(top, #ffcd67 0%, #f6bb42 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcd67), color-stop(100%, #f6bb42));
background: -webkit-linear-gradient(top, #ffcd67 0%, #ff670f 100%);
background: -o-linear-gradient(top, #ffcd67 0%, #f6bb42 100%);
background: -ms-linear-gradient(top, #ffcd67 0%, #f6bb42 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd67', endColorstr='#f6bb42', GradientType=0);
color: #fff;
}
.purple-grdt .wsmain {
background: #a98ded;
background: -moz-linear-gradient(top, #a98ded 0%, #967adc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a98ded), color-stop(100%, #967adc));
background: -webkit-linear-gradient(top, #a98ded 0%, #967adc 100%);
background: -o-linear-gradient(top, #a98ded 0%, #967adc 100%);
background: -ms-linear-gradient(top, #a98ded 0%, #967adc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a98ded', endColorstr='#967adc', GradientType=0);
color: #fff;
}
.pink-grdt .wsmain {
background: #fb3ea4;
background: -moz-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb3ea4), color-stop(100%, #f21b8f));
background: -webkit-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
background: -o-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
background: -ms-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb3ea4', endColorstr='#f21b8f', GradientType=0);
color: #fff;
}
.gry .wsmain {
background-color: #424242 !important;
color: #fff;
}
.red .wsmain {
background-color: #DA4B38 !important;
color: #fff;
}
.orange .wsmain {
background-color: #ff9334 !important;
color: #fff;
}
.blue .wsmain {
background-color: #31a8e6 !important;
color: #fff;
}
.green .wsmain {
background-color: #27ae60 !important;
color: #fff;
}
.yellow .wsmain {
background-color: #F6BB42 !important;
color: #fff;
}
.purple .wsmain {
background-color: #967ADC !important;
color: #fff;
}
.pink .wsmain {
background-color: #ff3366 !important;
color: #fff;
}
}
</style>
<style>
body {
background-color: #f8f8f8;
}
hr {
border-color: #888
}
.chkbut {
border-radius: 50%;
width: 35px;
height: 35px;
border: none;
background: none;
color: #888;
margin-right: 5px;
border: 1px solid #888;
font-size: 15px;
}
.wa-float {
position: fixed;
width: 60px;
height: 60px;
bottom: 40px;
right: 40px;
background-color: #25d366;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 30px;
box-shadow: 2px 2px 3px #999;
z-index: 100;
}
.my-wa {
margin-top: 16px;
}
.chkbut.active {
border-radius: 50%;
width: 35px;
height: 35px;
border: none;
background-color: #aa333d;
color: #FFF;
margin-right: 10px;
}
.chkft {
font-size: 18px;
}
.thumbnails img:hover {
cursor: pointer;
opacity: 0.7;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
.error {
color: #F00;
}
.prod_main table {
border: none;
margin-top: 18px;
margin-bottom: 5px;
}
.prod_main table td {
padding: 8px;
border: none;
border-top: 1px solid #f5f5f5;
font-size: 12px;
}
.prod_main table tr:nth-child(even) {
background-color: #f5f5f5;
}
#mainPhoto {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.sub-col img {
width: 85% !important
}
.container_menu {
width: 100% !important;
}
.container {
width: 90%;
}
.row {
padding: 0 15px;
}
.section-marketplace img {
width: 120px;
margin: 0 auto;
}
.blog_wrapper {
box-shadow: 5px 5px 10px #DDD;
-webkit-box-shadow: 5px 5px 10px #DDD;
-o-box-shadow: 5px 5px 10px #DDD;
-ms-box-shadow: 5px 5px 10px #DDD;
-moz-box-shadow: 5px 5px 10px #DDD;
background-color: #FFF;
margin-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.blog_home {
padding: 15px;
}
.blog_wrapper h4 {
font-size: 14px;
text-transform: uppercase;
margin-top: 5px;
margin-bottom: 5px;
}
.blog_wrapper .calendar {
color: #AAA;
font-size: 13px;
}
.blog_wrapper p {
font-size: 12px;
margin-top: 4px;
}
.blog_wrapper img {
width: 100% !important;
max-width: 100%;
height: auto !important;
}
.blog_category h4 {
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
line-height: 18px;
margin-bottom: 5px;
}
.blog_category .calendar {
color: #AAA;
font-size: 13px;
}
.other_slide:hover>img {
opacity: 0.7;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
footer {
background-color: #222222;
padding-top: 40px;
padding-bottom: 40px;
color: #FFF
}
footer h4 {
margin-bottom: 25px;
font-size: 14px;
}
footer a {
color: #FFF;
}
footer a:hover {
color: #CCC;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
text-decoration: none;
}
.cimg_link img {
padding-top: 15px;
}
.cimg_link:hover>img {
padding-top: 0px;
margin-bottom: 15px;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
.cimg_link h3 {
font-size: 14px;
color: #333;
letter-spacing: 0;
}
.cimg_link:hover {
text-decoration: none;
}
.cimg_link:hover>h3 {
color: #B00
}
.navigator_wrapper {
background-color: #FFF;
padding: 15px;
line-height: 17px;
position: relative;
z-index: 2;
box-shadow: 5px 5px 10px #eaeaea;
-moz-box-shadow: 5px 5px 10px #eaeaea;
-webkit-box-shadow: 5px 5px 10px #eaeaea;
-o-box-shadow: 5px 5px 10px #eaeaea;
-ms-box-shadow: 5px 5px 10px #eaeaea;
}
.prod_main {
background-color: #FFF;
padding: 25px;
line-height: 17px;
position: relative;
z-index: 2;
box-shadow: 5px 5px 10px #eaeaea;
-moz-box-shadow: 5px 5px 10px #eaeaea;
-webkit-box-shadow: 5px 5px 10px #eaeaea;
-o-box-shadow: 5px 5px 10px #eaeaea;
-ms-box-shadow: 5px 5px 10px #eaeaea;
}
.prod_main h4,
.prod_main h1 {
font-size: 22px;
}
.prod_main h5,
.prod_main h2 {
font-size: 17px;
}
.prod_desc {
background-color: #FFF;
padding: 25px;
max-height: 796px;
margin-bottom: 20px;
box-shadow: 5px 5px 10px #eaeaea;
-moz-box-shadow: 5px 5px 10px #eaeaea;
-webkit-box-shadow: 5px 5px 10px #eaeaea;
-o-box-shadow: 5px 5px 10px #eaeaea;
-ms-box-shadow: 5px 5px 10px #eaeaea;
}
.prod_desc h2 {
margin-top: 0;
font-size: 22px;
border-bottom: 1px solid #888;
padding-bottom: 20px;
line-height: 27px;
}
.prod_desc .pdesc {
font-size: 13px;
overflow: scroll;
max-height: 350px;
}
.prod_desc h6 {
font-size: 14px;
margin-top: 12px;
}
.prod_promo {
color: #888;
margin-top: 11px;
font-size: 14px !important;
}
.sale_promo_label {
background-color: #aa333d;
padding: 5px;
color: #FFF;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
text-decoration: none;
}
.prod_desc .prod_price {
font-size: 17px !important;
color: #333 !important;
margin-top: 11px;
}
.add_to_cart {
background-color: #f8931f !important;
width: 175px;
color: #FFF;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
margin-bottom: 15px;
margin-right: 5px;
margin-top: 8px;
}
.add_to_cart:hover {
color: #FFF;
opacity: 0.8;
transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
}
.add_to_checkout {
background-color: #de003d !important;
width: 175px;
color: #FFF;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
margin-bottom: 15px;
margin-right: 5px;
margin-top: 8px;
}
.btn-marketplace-on {
background-color: #2e296b !important;
color: #fff;
border-color: #2e296b;
width: 175px;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 13px;
}
.btn-marketplace-on:focus {
color: #fff;
text-decoration: none;
}
.btn-marketplace-on:hover {
color: #fff;
text-decoration: none;
}
.btn-marketplace-off {
background-color: #c7c7c7 !important;
color: #fff;
border-color: #c7c7c7;
width: 175px;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 13px;
}
.add_to_checkout:hover {
color: #FFF;
opacity: 0.8;
transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
}
.navleftmenu label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 14px;
}
.navleftmenu input[type=radio] {
display: none;
}
.navleftmenu label:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 10px;
position: absolute;
left: 0;
bottom: 4px;
background-color: #eaeaea;
/*box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);*/
border: 1px solid #FFF;
}
.sameshp label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 14px;
}
.sameshp input[type=radio] {
display: none;
}
.sameshp label:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 10px;
position: absolute;
left: 0;
bottom: 17px;
background-color: #eaeaea;
/*box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);*/
border: 1px solid #FFF;
}
.radio label:before {
border-radius: 3px;
}
input[type=radio]:checked+label:before {
content: "\25A0";
font-size: 14px;
text-align: center;
line-height: 11px;
color: #f7941d;
}
input[type=checkbox] {
display: none;
}
.checkbox label:before {
border-radius: 3px;
}
input[type=checkbox]:checked+label:before {
content: "\25A0";
font-size: 15px;
text-align: center;
line-height: 11px;
color: #f7941d;
padding-top: 1px
}
.product_wrapper {
background-color: #FFF;
padding: 15px;
line-height: 17px;
position: relative;
z-index: 2;
box-shadow: 5px 5px 10px #eaeaea;
-moz-box-shadow: 5px 5px 10px #eaeaea;
-webkit-box-shadow: 5px 5px 10px #eaeaea;
-o-box-shadow: 5px 5px 10px #eaeaea;
-ms-box-shadow: 5px 5px 10px #eaeaea;
}
.product_wrapper:hover {
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
box-shadow: 5px 5px 10px #AAA;
-moz-box-shadow: 5px 5px 10px #AAA;
-webkit-box-shadow: 5px 5px 10px #AAA;
-o-box-shadow: 5px 5px 10px #AAA;
-ms-box-shadow: 5px 5px 10px #AAA;
background-color: #FFF;
}
.product_wrapper img {
margin-bottom: 10px;
}
.disc_promo {
text-decoration: line-through;
color: #555;
margin-top: 8px;
font-size: 12px;
}
.prod_price {
color: #333;
font-size: 14px;
font-weight: 900
}
.product_wrapper a {
text-decoration: none;
color: #000
}
.sale_label {
background-color: #aa333d;
padding: 5px;
color: #FFF;
font-size: 10px;
text-transform: uppercase;
font-weight: 700;
}
.available_label {
background-color: #0a97cc;
padding: 5px;
color: #FFF;
font-size: 10px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 5px;
margin-top: 11px;
}
.sold_label {
background-color: #aa333d;
padding: 5px;
color: #FFF;
font-size: 10px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 5px;
margin-top: 11px;
}
.ribbon-wrapper-red {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
top: -3px;
right: -3px;
}
.ribbon-red {
font: bold 15px Sans-Serif;
color: #eaeaea;
text-align: center;
text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
padding: 9px 0;
left: -5px;
top: 15px;
width: 120px;
background-color: #B00;
/*
background-image: -webkit-gradient(linear, left top, left bottom, from(#aa333d), to(#aa333d));
background-image: -webkit-linear-gradient(top, #aa333d, #aa333d);
background-image: -moz-linear-gradient(top, #aa333d, #aa333d);
background-image: -ms-linear-gradient(top, #aa333d, #aa333d);
background-image: -o-linear-gradient(top, #aa333d, #aa333d);
*/
color: #eaeaea;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
font-size: 11px;
text-transform: none;
}
.ribbon-red:before,
.ribbon-red:after {
content: "";
border-top: 3px solid #555;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -3px;
}
.ribbon-red:before {
left: 0;
}
.ribbon-red:after {
right: 0;
}
​ .breadcrumb {
padding-bottom: 25px;
background-color: #222222;
margin-top: 155px;
border-radius: 0;
width: 100%
}
.breadcrumb h2 {
color: #FFF;
margin-bottom: 3px;
}
.breadcrumb p {
color: #FFF;
font-size: 15px;
}
.foot_menu {
font-size: 12px;
margin-top: 10px;
margin-bottom: 0px;
}
.wrapper {
max-width: 1550px;
margin: 0 auto;
padding: 0px;
min-width: 320px;
}
.header {
width: 100%;
display: block;
min-height: 214px;
padding-top: 0px;
}
.headerwp {
max-width: 1300px;
margin: 0 auto;
padding: 0px;
}
.headerfull {
width: 100%;
background-color: #fff;
height: 70px;
position: fixed;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
top: 38px;
z-index: 4;
}
.headerfull_2 {
width: 100%;
background-color: #fff;
height: 45px;
position: fixed;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
top: 108px;
z-index: 3;
}
.posrlt {
position: relative;
}
.headtoppart {
display: block;
width: 100%;
background-color: #f8f8f8;
height: 39px;
margin: 0px auto;
padding: 0px 0px;
min-width: 320px;
position: fixed;
}
.headertopleft {
float: right;
}
.headertopright {
float: left;
text-align: left;
}
.headertopright a {
line-height: 39px;
color: #5f5f5f;
font-size: 14px;
padding: 0px 12px;
display: inline-block;
}
.headertopright a:hover {
background-color: #272B37;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.headertopright a.facebookicon:hover {
background-color: #3b5998;
color: #fff;
}
.headertopright a.twittericon:hover {
background-color: #55acee;
color: #fff;
}
.headertopright a.instagramicon:hover {
background-color: #97573c;
color: #fff;
}
.headertopright a.linkedinicon:hover {
background-color: #0077b5;
color: #fff;
}
.headertopright a.googleicon:hover {
background-color: #dd4b39;
color: #fff;
}
.address {
padding: 10px 0px 0px 0px;
font-size: 12px;
color: #b6b6b6;
}
.address a {
color: #838383;
}
.address span {
margin-right: 9px;
color: #838383;
}
.address .fa {
margin-right: 6px;
margin-left: 6px;
color: #5f5f5f;
}
.norlt {
position: static;
}
.menuwrapper {
position: relative;
}
.show-grid {
background-color: #fff;
}
.btn-border {
border: 2px solid;
border-radius: 40px;
display: inline-block;
font-size: 13px;
text-transform: uppercase;
-moz-user-select: none;
background-image: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
color: #fff;
padding: 15px 40px;
}
.btn-border:hover {
color: #fff;
text-decoration: none;
opacity: 0.9;
}
.btn-border:focus {
color: #fff;
text-decoration: none;
opacity: 0.9;
}
.dark-hover {
position: relative;
display: inline-block;
width: 100%;
}
.dark-hover .overlay-dark {
position: absolute;
opacity: 0;
background-color: #222;
left: 0;
top: 0;
right: 0;
bottom: 0;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
-o-transition: all .3s;
}
.dark-hover .overlay-dark:hover {
opacity: .1;
}
.btn-master {
background-color: #444;
color: #FFF;
font-size: 15px;
padding-left: 35px;
padding-right: 35px;
border-radius: 0
}
.btn-master:hover {
color: #FFF;
opacity: 0.8;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
.acc_menu a,
.acc_menu {
font-size: 17px;
margin-bottom: 25px;
color: #444
}
.acc_menu a:hover {
color: #B00;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
text-decoration: none;
}
.moreoption {
width: 100%;
display: block;
margin-top: 165px;
}
.moreoption .boxheader {
border: solid 0px;
padding-top: 25px;
padding-bottom: 10px;
font-size: 16px;
color: #717171;
}
.mobiletext02 {
display: none;
}
.buttoncolor {
color: #fff;
display: block;
font-size: 13px;
padding: 10px 15px;
text-decoration: none;
transition: background 0.3s linear 0s;
width: 12.5%;
height: 30px;
float: left;
text-align: center;
margin: 0px 0px;
}
.buttoncolor:hover {
color: #fff;
text-decoration: none;
}
.buttoncolor:focus {
color: #fff;
text-decoration: none;
}
.buttoncolor03 {
color: #fff;
display: block;
font-size: 13px;
padding: 10px 15px;
text-decoration: none;
transition: background 0.3s linear 0s;
width: 12.5%;
height: 30px;
float: left;
text-align: center;
margin: 0px 0px;
}
.buttoncolor03:hover {
color: #fff;
text-decoration: none;
}
.buttoncolor03:focus {
color: #fff;
text-decoration: none;
}
.headertlt {
width: 100%;
padding: 40px 0px 15px 0px;
letter-spacing: -0.5px;
font-size: 22px;
font-family: 'archivo_narrowregular';
color: #424242;
}
.colorlink01 {
width: 40%;
float: left;
margin: 0% 0% 0% 2%;
}
.colorlink02 {
width: 40%;
float: left;
margin: 0% 0% 0% 2%;
}
.colorlink03 {
width: 14%;
float: left;
margin: 0% 0% 0% 2%;
}
.buttoncolor02 {
color: #424242;
display: block;
font-size: 15px;
border-radius: 2px;
height: 30px;
padding: 10px 15px;
text-decoration: none;
transition: background 0.3s linear 0s;
width: 100%;
border-right: solid 5px #fff;
float: left;
text-align: center;
margin: 0% 0% 0% 0%;
background-color: #f2f2f2;
border: solid 1px #D9D9D9;
cursor: pointer;
text-align: center !important;
text-decoration: none !important;
width: 50%;
float: left;
}
.buttoncolor02:hover {
background-color: #424242;
color: #000;
}
.buttoncolor02.active {
background-color: #424242;
color: #fff;
}
.main-content {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 230px) and (max-width:780px) {
.sub-col img {
width: 100% !important
}
.row {
padding: 0 !important;
}
#mainPhoto {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.container {
width: 100%;
}
.nopadding {
padding: 10px !important;
margin: 0 !important;
margin-bottom: 0px !important;
}
.breadcrumb {
margin-top: -1px !important;
}
.headerfull {
position: relative;
z-index: auto;
}
.headerfull_2 {
position: relative;
z-index: auto;
}
.wrapper {
width: 100%;
margin: 0% 0%;
}
.header {
min-height: 75px;
}
.logo {
display: none !important;
}
.header {
box-shadow: none !important;
background-image: none !important;
}
.colorlink01 {
width: 92% !important;
margin: 0% 4%;
}
.colorlink02 {
width: 92% !important;
margin: 0% 4%;
}
.colorlink03 {
width: 92% !important;
margin: 0% 4%;
}
.buttoncolor02 {
width: 100% !important;
margin-bottom: 2%;
}
.buttoncolor {
width: 25%;
}
.buttoncolor03 {
width: 25%;
}
.moreoption {
width: 100%;
margin: 30px 0 0 0;
background-color: transparent !important;
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.headtoppart {
margin-top: 52px;
height: auto;
background-color: rgba(0, 0, 0, 0.2);
position: relative;
}
.topmenusearch {
margin: 0px 0 0;
width: 100%;
}
.topmenusearch input:focus {
width: 100%;
}
.posrlt {
width: 240px;
float: none;
}
.headerright {
width: 100%;
float: none;
}
.headertopleft {
float: none;
width: 96%;
margin: 0% 2%;
}
.headertopright {
float: none;
width: 96%;
margin: 0% 2%;
}
.address.clearfix:before,
.address.clearfix:after {
content: "";
display: table;
}
.address.clearfix:after {
clear: both;
}
.address.clearfix {
zoom: 1;
}
.headertopleft {
display: none;
}
.headerfull {
height: auto;
}
.headerfull_2 {
height: auto;
}
.headertopright a {
width: 24%;
text-align: center;
}
}
@media only screen and (min-width: 781px) and (max-width:1064px) {
.wrapper {
width: 100%;
margin: 0% 0%;
}
.colorlink01 {
width: 100% !important;
margin: 0%;
}
.colorlink02 {
width: 100% !important;
margin: 0%;
}
.colorlink03 {
width: 100% !important;
margin: 0%;
}
.buttoncolor02 {
width: 50% !important;
margin-bottom: 1%;
}
.logo {
float: none !important;
margin: 0 auto !important;
width: 100% !important;
text-align: center;
}
}
@media only screen and (min-width: 1024px) and (max-width:1200px) {
.container_menu {
width: 90%;
}
.wrapper {
width: 100%;
margin: 0% 0%;
}
.colorlink01 {
width: 100% !important;
margin: 0%;
}
.colorlink02 {
width: 100% !important;
margin: 0%;
}
.colorlink03 {
width: 100% !important;
margin: 0%;
}
}
@media only screen and (min-width: 480px) and (max-width:780px) {
.produk-cover {
height: 90px;
}
.mobiletext02 {
display: inline-block;
}
.container_body {
width: 100%
}
}
@media only screen and (min-width: 320px) and (max-width:479px) {
.produk-cover {
height: 90px;
}
.headertopright a .fa {
margin-right: 0px;
}
.main-video {
height: 195px !important;
}
}
</style>
<style>
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
</style>
<style>
.slick-prev {
top: 40%;
left: -12px;
height: 50px;
}
.slick-prev:before {
content: "‹";
font-size: 4rem;
color: #888888;
}
.slick-next {
top: 40%;
height: 50px;
right: -12px;
}
.slick-next:before {
content: "›";
font-size: 4rem;
color: #888888;
}
#slick-menu a {
font-weight: 900;
font-family: Lato;
display: block;
width: 60%;
text-decoration: none;
}
#slick-menu div {
color: #666;
}
#slick-menu a:hover {
opacity: 0.5;
transition: 0.5s;
}
.mobile-tabs-slider {
display: none;
}
@media only screen and (max-width: 780px) {
.wsmain {
width: 90%;
left: -90%;
background: #f1f1f1 !important;
padding-right: 15px;
}
.desktop-menu-slider {
display: none;
}
.mobile-tabs-slider {
display: block;
}
/* Style the tab */
.tab {
float: left;
/*border: 1px solid #ccc;*/
background-color: #FFF;
width: 30%;
height: 100vh;
overflow-y: scroll;
padding-bottom: 200px;
}
/* Style the buttons inside the tab */
.tab button {
display: block;
background-color: inherit;
color: black;
padding: 15px 12px;
width: 100%;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 12px;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}
/* Create an active/current "tab button" class */
.tab button.active {
background-color: #f1f1f1;
border-left: 4px solid #DA4B38;
}
/* Style the tab content */
.tabcontent {
float: left;
padding: 0px 12px;
/*border: 1px solid #ccc;*/
width: 70%;
border-left: none;
height: 100%;
}
}
</style>
<style>
/*
* Plugin: Web Slide - Responsive Mega Menu for Bootstrap 3+
* Version: v3.4
* Author: webthemex
*/
/*--------------------------------------------------------------------------
[Table of contents]
01 Base CSS
02 Desktop CSS
03 Tab CSS
04 Mobile CSS
05 Additional Themes (Optionnal)
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
| 01 Base CSS
--------------------------------------------------------------------------*/
@font-face {
font-family: 'GothamLight';
src: url(gotham/Gotham-Light.otf);
}
@font-face {
font-family: 'GothamBook';
src: url(gotham/Gotham-Book.otf);
}
@font-face {
font-family: 'Polaris';
src: url(polaris/PBook.otf);
}
html,
body {
margin: 0px;
padding: 0px;
border: 0px;
vertical-align: baseline;
font-family: 'Open Sans', sans-serif !important;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
.cl {
clear: both;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
-webkit-font-smoothing: antialiased;
}
.wsmain html,
.wsmain body,
.wsmain iframe,
.wsmain h1,
.wsmain h2,
.wsmain h3,
.wsmain h4,
.wsmain h5,
.wsmain h6 {
margin: 0px;
padding: 0px;
border: 0px;
font: inherit;
vertical-align: baseline;
font-weight: normal;
font-size: 12px;
line-height: 18px;
font-family: 'Open Sans', sans-serif !important;
-webkit-font-smoothing: subpixel-antialiased;
font-smoothing: antialiased;
font-smooth: antialiased;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: subpixel-antialiased !important;
font-smoothing: subpixel-antialiased !important;
font-smooth: subpixel-antialiased;
}
.wsmain .cl {
clear: both;
}
.wsmain img,
object,
embed,
video {
border: 0 none;
max-width: 100%;
}
.wsmain a:focus {
outline: none !important;
}
.wsmain:before,
.wsmain:after {
content: "";
display: table;
}
.wsmain:after {
clear: both;
}
/*--------------------------------------------------------------------------
| 02 Desktop CSS
--------------------------------------------------------------------------*/
.wsmobileheader {
display: none;
}
.overlapblackbg {
display: none;
}
.smllogo {
padding: 9px 0px 0px 0px;
margin: 0;
float: left;
width: 14.4%;
}
.smllogo a {
display: block;
float: left;
padding: 0px 0px 0px 0px;
}
.topmenusearch {
float: right;
width: 100%;
height: 42px;
position: relative;
margin: 9px 0px 0px 0px;
}
.topmenusearch .searchicon {
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
.topmenusearch input {
width: 100%;
position: relative;
float: right;
top: 0;
right: 0;
bottom: 0;
width: 100%;
border: 0;
padding: 0;
margin: 0;
text-indent: 15px;
font-size: 12px;
height: 42px;
z-index: 2;
outline: none;
color: #7d7d7d;
background-color: #e9ebef;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.topmenusearch input:focus {
color: #000;
}
.topmenusearch input:focus~.btnstyle {
background-color: #424242;
color: #fff;
opacity: 0.9;
}
.topmenusearch input:focus~.btnstyle .fa {
color: #fff;
}
.topmenusearch input:focus~.searchicon {
opacity: 1;
z-index: 3;
color: #FFFFFF;
}
.topmenusearch .btnstyle {
top: 0px;
position: absolute;
right: 0;
bottom: 0;
width: 42px;
line-height: 30px;
z-index: 1;
cursor: pointer;
color: #fff;
z-index: 1000;
background-color: #eeeeee;
border: solid 0px;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
-webkit-border-radius: 0px 2px 2px 0px;
-moz-border-radius: 0px 2px 2px 0px;
border-radius: 0px 2px 2px 0px;
}
.topmenusearch .btnstyle .fa {
line-height: 38px;
margin: 0;
padding: 0;
text-align: center;
color: #9c9c9c;
}
.topmenusearch .btnstyle:hover {
background-color: #fff;
}
.wsmain {
width: 100%;
margin: 0 auto;
padding: 0px 0px;
max-width: 1300px;
}
.wsmenu {
position: relative;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
padding: 0px 0px 0px 0px;
margin: 0px auto;
width: 90%;
float: left;
height: 60px;
}
.wsmenu-list {
text-align: center;
margin: 0 auto 0 auto;
width: 100%;
display: table;
padding: 0px;
}
.wsmenu-list>li {
text-align: center;
display: inline-table;
margin: 0px;
padding: 0px;
/* float: left; */
}
.wsmenu-list>.wscarticon>a .fa.fa-shopping-basket {
display: inline-block;
font-size: 16px;
line-height: inherit;
margin-right: 5px;
color: #7b7b7b;
}
.wsmenu-list>.wsshopmenu>a .fa.fa-angle-down {
display: inline-block;
font-size: 13px;
line-height: inherit;
margin-left: 11px;
color: #7b7b7b;
}
.wsmenu-list li ul li a .fa.fa-angle-double-right {
font-size: 12px;
margin: 0 3px 0 -4px;
}
.wsmenu-list>li>a {
display: block;
color: #828181;
padding: 0 26px 0 22px;
line-height: 58px;
text-decoration: none;
position: relative;
}
.wsmenu-list>li:hover>a {
color: #000;
}
.wsmenu-list>li>.navtext {
line-height: 16px;
text-align: left;
padding: 15px;
padding-left: 0;
padding-right: 10px;
margin: 0px;
margin-right: 30px;
}
.wsmenu-list>li>.navtext>span+span:after {
color: #9e9e9e;
content: "\f107";
display: inline-block;
font-family: "FontAwesome";
font-size: 14px;
font-weight: 100;
line-height: 10px;
margin-left: 1px;
position: relative;
right: -8px;
text-align: right;
top: 1px;
}
.wsmenu-list>li>.navtext>span {
display: block;
font-size: 11px;
text-align: left;
white-space: nowrap;
width: 100%;
line-height: 16px;
color: #9e9e9e;
}
.wsmenu-list>li>.navtext>span+span {
white-space: nowrap;
font-size: 13px;
font-weight: ;
color: #555555;
}
.wsmenu-list li a:hover .arrow:after {
border-top-color: #b3b3b3
}
.wsmenu-list li a.active .arrow:after {
border-top-color: #b3b3b3
}
.wsmenu-list li:hover>a .arrow:after {
border-top-color: #b3b3b3
}
.megamenu iframe {
width: 100%;
margin-top: 10px;
min-height: 200px;
}
.megamenu video {
width: 100%;
margin-top: 10px;
min-height: 200px;
}
.wsmenu-list>li.socialicon {
float: left;
}
.wsmenu-list>li.socialicon a {
width: 38px;
padding: 0px 10px
}
.wsmenu-list>li.socialicon a .fa {
font-size: 15px;
color: #898d91;
text-align: center;
}
.wsmenu-list>li.wsshopmyaccount {
float: right;
padding-top: 0.5%;
}
.wsmenu-list>.wsshopmyaccount>a .fa.fa-angle-down {
display: inline-block;
font-size: 13px;
line-height: inherit;
margin-left: 8px;
color: #7b7b7b;
}
.wsmenu-list>.wsshopmyaccount>a .fa.fa-align-justify,
.wsmenu-list>.wsshopmyaccount>a .fa.fa-user {
display: inline-block;
font-size: 16px;
line-height: inherit;
margin-right: 11px;
color: #7b7b7b;
}
.wsmenu-list>li.wssearchbar {
width: 65%;
float: left;
padding-left: 9.5%;
padding-top: 0.5%;
}
.wsmenu-list>li.wscarticon {
float: right;
clear: right;
padding-top: 0.5%;
}
.wsmenu-list>li.wscarticon a {
padding: 0px 27px 0px 22px;
text-align: center;
}
.mobiletext {
display: none;
}
.wsmenu-list>li.wscarticon a .fa {
font-size: 15px;
}
.wsmenu-list>li.wscarticon em.roundpoint {
position: absolute;
top: 14px;
right: 21px;
width: 17px;
height: 17px;
background-color: #DA4B38;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size: 9px;
text-align: center;
font-style: normal;
line-height: 16px !important;
color: #fff;
}
em.roundpoint2 {
position: absolute;
top: -2px;
right: -8px;
width: 17px;
height: 17px;
background-color: #DA4B38;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
font-size: 9px;
text-align: center;
font-style: normal;
line-height: 16px !important;
color: #fff;
}
.wsmenu-list li>.wsmenu-submenu {
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-75deg);
-o-transform: rotateX(-75deg);
-moz-transform: rotateX(-75deg);
-webkit-transform: rotateX(-75deg);
visibility: hidden;
}
.wsmenu-list li:hover>.wsmenu-submenu {
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
visibility: visible;
}
.wsmenu-submenu li>.wsmenu-submenu-sub {
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-75deg);
-o-transform: rotateX(-75deg);
-moz-transform: rotateX(-75deg);
-webkit-transform: rotateX(-75deg);
visibility: hidden;
}
.wsmenu-submenu li:hover>.wsmenu-submenu-sub {
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
visibility: visible;
}
.wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub {
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-75deg);
-o-transform: rotateX(-75deg);
-moz-transform: rotateX(-75deg);
-webkit-transform: rotateX(-75deg);
visibility: hidden;
}
.wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub {
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
visibility: visible;
}
.wsmenu-list li>.megamenu {
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-75deg);
-o-transform: rotateX(-75deg);
-moz-transform: rotateX(-75deg);
-webkit-transform: rotateX(-75deg);
visibility: hidden;
}
.wsmenu-list li:hover>.megamenu {
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
visibility: visible;
}
.wsmenu-submenu {
position: absolute;
min-width: 176px;
top: 58px;
z-index: 1000;
margin: 0px;
padding: 0px;
border: solid 1px #eeeeee;
background-color: #fff;
opacity: 0;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
-o-transition: -o-transform 0.3s, opacity 0.3s;
-ms-transition: -ms-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}
.wsmenu-submenu li a {
background: #fff !important;
background-image: none !important;
color: #666666 !important;
border-right: 0 none !important;
text-align: left;
display: block;
line-height: 22px;
padding: 8px 12px;
text-transform: none;
font-size: 12px;
letter-spacing: normal;
border-right: 0px solid;
border-bottom: 1px solid #f5f5f5;
}
.wsmenu-submenu li {
position: relative;
margin: 0px;
padding: 0px;
}
.wsmenuexpandermain {
display: none;
}
.wsmenu-list li:hover .wsmenu-submenu {
display: block;
}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub {
min-width: 220px;
position: absolute;
left: 100%;
top: 0;
margin: 0px;
padding: 0px;
opacity: 0;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
-o-transition: -o-transform 0.4s, opacity 0.4s;
-ms-transition: -ms-transform 0.4s, opacity 0.4s;
-moz-transition: -moz-transform 0.4s, opacity 0.4s;
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}
.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
opacity: 1;
list-style: none;
padding: 0px;
border: solid 1px #eeeeee;
background-color: #fff;
}
.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
display: block;
}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub {
min-width: 220px;
position: absolute;
left: 100%;
top: 0;
margin: 0px;
padding: 0px;
opacity: 0;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
-o-transition: -o-transform 0.4s, opacity 0.4s;
-ms-transition: -ms-transform 0.4s, opacity 0.4s;
-moz-transition: -moz-transform 0.4s, opacity 0.4s;
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
opacity: 1;
list-style: none;
padding: 0px;
border: solid 1px #eeeeee;
background-color: #fff;
}
.wsmenu-submenu li {
position: relative;
padding: 0px;
margin: 0px;
display: block;
}
.wsmenu-click {
display: none;
}
.wsmenu-click02 {
display: none;
}
.wsmenu-submenu .fa {
margin-right: 11px;
font-size: 15px;
}
.carousel-control i.fa {
top: 48%;
position: absolute;
font-size: 33px;
margin-left: -5px;
}
.carousel-inner .carousel-caption h3 {
font-size: 18px;
font-weight: bold;
}
.wsshopmenu span {
font-weight: bold;
}
.wsmenu-list>.wsshopmenu>a .fa.fa-shopping-basket {
display: inline-block;
font-size: 13px;
line-height: inherit;
margin-right: 8px;
color: #7b7b7b;
}
.wtsdepartmentmenu {
background: #fff;
border-bottom: solid 1px #d1d3d4;
}
.wtsbrandmenu {
background: #ffffff;
border-bottom: solid 1px #d1d3d4;
}
.wsshoptabing {
width: 100%;
text-align: left;
margin: 0px;
padding: 0px;
position: absolute;
top: 44px;
background-color: #fff;
left: 0;
border-bottom: solid 2px #376cb7;
border: solid 1px #f1f1f1;
border-top: solid 0px;
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-webkit-transform: rotateX(-90deg);
visibility: hidden;
opacity: 0;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
-o-transition: -o-transform 0.6s, opacity 0.6s;
-ms-transition: -ms-transform 0.6s, opacity 0.6s;
-moz-transition: -moz-transform 0.6s, opacity 0.6s;
-webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
z-index: 101;
}
.btnlearn {
font-size: 15px;
text-align: center;
line-height: 44px;
height: 44px;
display: block;
float: left;
padding: 0px 15px;
background-color: #0056b9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: bold;
margin-top: 5px;
}
.btnlearn:hover {
color: #fff;
text-decoration: none;
}
.menu-hover-up {
padding-left: 25px;
margin-top: 20px;
margin-bottom: 30px;
line-height: 40px
}
.menu-hover-up a {
text-transform: uppercase;
color: #333;
text-decoration: none;
font-size: 13px;
}
.menu-hover-up a:hover {
color: #aa333d;
transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
.wstitemright {
min-height: 100%;
opacity: 0;
visibility: hidden;
position: absolute;
right: 0px;
top: 0px;
background-color: #f8f8f8;
color: #000;
display: block;
float: left;
padding: 18px 20px 0px 20px;
width: 77%;
}
.wstabitem {
display: block;
margin: 0px;
padding: 0px;
font-size: 12px;
}
.wstabitem>li {
width: 100%;
list-style: none;
}
.wstabitem li:before,
.wstabitem li:after {
content: "";
display: table;
}
.wstabitem li:after {
clear: both;
}
.wstabitem li.wsshoplink-active .wstitemright {
opacity: 1;
visibility: visible;
}
/*.wstabitem li:hover .wstitemright{opacity: 1; visibility: visible;}*/
.wstabitem>li>a {
display: block;
padding: 16px 11px;
font-size: 13px;
color: #606060;
border-bottom: solid 1px #e5e5e5;
width: 23%;
float: left;
position: relative;
border-left: 3px solid #fff;
}
.wstabitem>li:hover a {
text-decoration: none;
}
.wstabitem .wsshoplink-active a {
text-decoration: none;
}
.wstabitem>li:hover>a {
text-decoration: none;
}
.wstabitem>li>a .fa {
color: #848484;
margin-right: 5px;
text-align: center;
width: 25px;
font-size: 16px;
}
.wstmegamenucoll {
width: 100%;
float: left;
padding-right: 27px;
}
.wstmegamenucolr {
width: 25%;
float: right;
text-align: right;
}
.wstmegamenucoll01 {
width: 64%;
float: left;
padding-left: 0px;
}
.wstmegamenucolr02 {
width: 35%;
float: left;
text-align: right;
}
.wstmegamenucolr03 {
width: 25%;
float: left;
text-align: left;
}
.wstmegamenucoll04 {
width: 75%;
float: right;
padding-left: 27px;
}
.wstheading {
width: 100%;
display: block;
padding: 8px 0px 5px 0px;
font-size: 11px;
font-weight: bold;
color: #333333;
border-bottom: solid 1px #d9d9d9;
margin-bottom: 7px;
text-transform: uppercase;
letter-spacing: 1px;
}
.wstliststy01 {
width: 100%;
padding: 0px;
margin: 0px;
}
.wstliststy01 li {
width: 33.33%;
float: left;
line-height: 23px;
font-size: 14px;
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px;
}
.wstliststy01 li a {
color: #6e6e6e;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
}
.wstliststy01 li a:hover {
color: #000;
text-decoration: none;
}
.root-col-6 {
width: 16.66666666666667%;
float: left;
display: block;
padding: 10px;
}
.root-col-5 {
width: 20%;
float: left;
display: block;
padding: 10px;
}
.root-col-4 {
width: 25%;
display: block;
padding: 10px;
height: auto;
}
.root-col-4:before,
.root-col-4:after {
content: "";
display: table;
}
.root-col-4:after {
clear: both;
}
.wstinnerwp {
height: auto;
position: relative;
width: 100%;
}
.wstinnerwp:before,
.wstinnerwp:after {
content: "";
display: table;
}
.wstinnerwp:after {
clear: both;
}
.root-col-3 {
width: 33.33333333333333%;
float: left;
display: block;
padding: 10px;
}
.root-col-2 {
width: 50%;
float: left;
display: block;
padding: 10px;
}
.root-col-1 {
width: 100%;
float: left;
display: block;
padding: 10px;
}
.root-col-70 {
width: 66.66666666666667%;
float: left;
display: block;
padding: 10px;
}
.root-col-75 {
width: 75%;
float: left;
display: block;
padding: 10px;
}
.wstliststy02 {
width: 25%;
padding: 0px 20px 0px 0px;
margin: 0px;
float: left;
text-align: left;
}
.wstliststy02 li {
width: 100%;
list-style: none;
line-height: 24px;
}
.wstliststy02 li a {
color: #6e6e6e;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
}
.wstliststy02 li a:hover {
color: #000;
text-decoration: none;
}
.wstliststy02 li.wstheading {
line-height: normal;
}
.wstliststy02 li a .wstcount {
font-size: 10px;
color: #adadad;
}
.wstliststy03 {
width: 100%;
padding: 0px;
margin: 0px;
}
.wstliststy03 li {
width: 33.33%;
float: left;
line-height: 23px;
font-size: 14px;
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px;
}
.wstliststy03 li a {
color: #6e6e6e;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
}
.wstliststy03 li a:hover {
color: #000;
text-decoration: none;
}
.wstliststy04 {
width: 23%;
padding: 0px 0px 0px 0px;
margin: 0.5% 1%;
float: left;
}
.wstliststy04 li {
width: 100%;
list-style: none;
line-height: 22px;
}
.wstliststy04 li a {
color: #6e6e6e;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
}
.wstliststy04 li a:hover {
color: #000;
text-decoration: none;
}
.wstliststy04 li.wstheading {
line-height: normal;
text-align: center;
padding: 12px 0px;
font-size: 13px;
}
.wstliststy04 li a .wstcount {
font-size: 10px;
color: #adadad;
}
.wstliststy05 {
width: 33.33%;
padding: 0px 20px 0px 0px;
margin: 0px;
float: left;
}
.wstliststy05 li {
width: 100%;
list-style: none;
line-height: 22px;
}
.wstliststy05 li a {
color: #6e6e6e;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
}
.wstliststy05 li a:hover {
color: #000;
text-decoration: none;
}
.wstliststy05 li.wstheading {
line-height: normal;
}
.wstliststy05 li a .wstcount {
font-size: 10px;
color: #adadad;
}
.wstmorebtn {
border-radius: 2px;
color: #9b9b9b;
display: inline-block;
float: right;
font-size: 10px;
font-weight: normal;
letter-spacing: 0;
padding: 1px 7px;
text-align: right;
text-transform: none;
}
.wstmenutag {
height: 18px;
line-height: 18px;
text-align: center;
font-size: 11px;
color: #fff;
border-radius: 2px;
position: relative;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
padding: 1px 6px 1px 6px;
margin-left: 6px;
text-transform: none;
letter-spacing: -0.0px;
}
.wstmenutag:after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-image: none;
border-style: solid;
border-width: 3px;
content: "";
left: -6px;
margin-top: 0px;
position: absolute;
top: 4px;
z-index: 1;
}
.wstmenutag.redtag {
background-color: #fe7b8f;
}
.wstmenutag.redtag:after {
border-color: transparent #fe7b8f transparent transparent;
}
.wstmenutag.greentag {
background-color: #00c853;
}
.wstmenutag.greentag:after {
border-color: transparent #00c853 transparent transparent;
}
.wstmenutag.bluetag {
background-color: #4fc3f7;
}
.wstmenutag.bluetag:after {
border-color: transparent #4fc3f7 transparent transparent;
}
.wstmenutag.orangetag {
background-color: #FE7000;
}
.wstmenutag.orangetag:after {
border-color: transparent #FE7000 transparent transparent;
}
.wstadsize01 {
width: 50%;
float: left;
margin: 15px 0px 5px 0px;
}
.wstadsize02 {
width: 50%;
float: right;
margin: 15px 0px 5px 0px;
}
.kitchenmenuimg {
background-image: url(../images/kitchen-menu-img.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.computermenubg {
background-image: url(../images/computer-menu-img.png);
background-position: bottom right;
background-repeat: no-repeat;
}
.wstpngsml {
padding-left: 18px;
}
.wstfullwtag {
width: 100%;
display: block;
border-bottom: solid 1px #e5e5e5;
background-color: #f5f5f5;
}
.wstbrandbottom {
width: 100%;
background-color: #fff;
display: block;
opacity: 0;
position: absolute;
right: 0;
visibility: hidden;
padding: 9px 20px;
}
.wstabitem02>li.wsshoplink-active .wstbrandbottom {
opacity: 1;
visibility: visible;
}
.wstabitem02 {
width: 100%;
padding: 0px;
margin: 0px 0px;
list-style: none;
display: table;
}
.wstabitem02>li {
display: table-cell;
list-style: outside none none;
text-align: center;
}
.wstabitem02>li>a {
display: block;
padding: 14px 0px;
font-size: 13px;
color: #606060;
background-color: #f4f4f4;
border-bottom: 1px solid #e5e5e5;
position: relative;
}
.wstabitem02>li:hover a {
text-decoration: none;
-webkit-border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
}
.wstabitem02>.wsshoplink-active a {
text-decoration: none;
-webkit-border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
}
.wstabitem02>li:hover a {
text-decoration: none;
-webkit-border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
}
.wstabitem02>li>a .fa {
/*color: #848484;*/
margin-right: 5px;
text-align: center;
width: 25px;
font-size: 17px;
}
.brandcolor01 {
color: #424242;
}
.brandcolor02 {
color: #00bcf2;
}
.brandcolor03 {
color: #00aff0;
}
.brandcolor04 {
color: #003087;
}
.brandcolor05 {
color: #a82400;
}
.brandcolor06 {
color: #ff3300;
}
.brandcolor07 {
color: #7ac142;
}
.brandcolor08 {
color: #ef4056;
}
/*--------------------------------------------------------------------------
| 03 Tab CSS
--------------------------------------------------------------------------*/
@media only screen and (min-width: 1024px) and (max-width:1280px) {
.kitchenmenuimg {
background-image: none;
}
.computermenubg {
background-image: none;
}
.wsmenu-list li a .arrow:after {
display: none !important;
}
.wsmenu-list>li>a {
padding-left: 0px !important;
padding-right: 20px !important;
}
.wsmenu-list>li>.navtext {
margin: 2px !important;
}
.wsmain {
width: 100%;
margin-left: 0%;
margin-right: 0%;
}
.menu_form input[type="submit"] {
width: 40% !important;
}
.menu_form input[type="button"] {
width: 40% !important;
}
.wstmegamenucoll {
width: 64%;
}
.wstmegamenucolr {
width: 36%;
}
.wsshoptabingwp {
width: 96%;
margin: 0% 2%;
}
.wstliststy01 li {
width: 50%;
}
.wstliststy02 {
width: 50%;
}
.wstadsize01 img {
width: 100%;
}
.wstadsize02 img {
width: 100%;
}
.wstadsize01 {
width: 50%;
}
.wstadsize02 {
width: 50%;
}
.wstliststy02>li>img {
display: none;
}
.wstliststy03 li {
width: 50%;
}
.wstmegamenucoll01 {
width: 100%;
padding: 0px;
}
.wstliststy04>li>img {
width: 100%;
}
.wstmegamenucolr03 {
display: none;
}
.wstmegamenucoll04 {
width: 100%;
margin: 0%;
padding: 0px;
}
.wssearchbar {
width: 60% !important;
}
}
@media only screen and (min-width:781px) and (max-width:1023px) {
.smllogo {
padding: 13px 6px 0px 0px;
}
.wsmenu-list li a .arrow:after {
display: none;
}
.wsmenu-list>li>a {
white-space: nowrap !important;
padding-left: 0px !important;
padding-right: 5px !important;
}
.wsmenu-list>li>.navtext {
margin: 5px !important;
}
.wsmain {
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
.wsmenu-list>li.socialicon {
display: none !important;
}
.megacollink {
width: 48%;
margin: 1% 1%;
}
.typographylinks {
width: 48%;
margin: 1% 1%;
}
.menu_form input[type="submit"] {
width: 40% !important;
}
.menu_form input[type="button"] {
width: 40% !important;
}
.wsmenu-list>li>a .fa {
display: none;
}
.wsmenu-list>li>a .fa.fa-home {
display: block !important;
}
.halfmenu .megacollink {
width: 100%;
margin: 0px;
}
.wstmegamenucoll {
width: 51%;
padding: 0px;
}
.wstmegamenucolr {
width: 49%;
}
.wsshoptabingwp {
width: 96%;
margin: 0% 2%;
}
.wstliststy01 li {
width: 100%;
}
.wstliststy02 {
width: 50%;
}
.wstadsize01 img {
width: 100%;
}
.wstadsize02 img {
width: 100%;
}
.wstadsize01 {
width: 100%;
}
.wstadsize02 {
width: 100%;
}
.wstliststy02>li>img {
display: none;
}
.wstliststy03 li {
width: 50%;
}
.wstmegamenucoll01 {
width: 100%;
padding: 0px;
}
.wstliststy04 {
width: 46%;
margin: 0% 2%;
}
.wstliststy04>li>img {
width: 100%;
}
.wstmegamenucolr03 {
display: none;
}
.wstmegamenucoll04 {
width: 100%;
margin: 0%;
padding: 0px;
}
.wssearchbar {
width: 60% !important;
}
.wstliststy05 {
width: 50%;
margin-bottom: 15px;
}
.kitchenmenuimg {
background-image: none;
}
.computermenubg {
background-image: none;
}
.wstabitem li a .fa {
display: none;
}
}
@media only screen and (min-width: 781px) {
.wsmenu-list li:hover>.wsmenu-submenu {
display: block !important;
}
.wsmenu-submenu li:hover>.wsmenu-submenu-sub {
display: block !important;
}
.wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub {
display: block !important;
}
.wsmenu-list li:hover>.megamenu {
display: block !important;
}
.wsmenu-list>li:hover .wsshoptabing {
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1;
visibility: visible;
}
.wstabitem>li.wsshoplink-active>a {
background-color: #f8f8f8;
color: #555555;
border-left: 3px solid #DA4B38;
}
.wstabitem>li.wsshoplink-active>a>.fa {
color: #555555;
}
.wstabitem02>.wsshoplink-active>a:after {
position: absolute;
content: '';
top: 40px;
right: 50%;
width: 13px;
height: 13px;
transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-o-transform: rotate(225deg);
-ms-transform: rotate(225deg);
border-right: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
z-index: 100;
background-color: #ffffff;
}
}
/*--------------------------------------------------------------------------
| 04 Mobile CSS
--------------------------------------------------------------------------*/
@media only screen and (max-width: 780px) {
.wstabitem>li {
position: relative;
}
.wstabitem>li>a {
width: 100%;
margin: 0px;
float: none;
font-size: 12px;
padding-left: 18px;
font-weight: bold;
}
.wstheading {
font-weight: normal;
}
.wstitemright {
width: 100%;
position: static;
top: 0px;
min-height: inherit;
padding: 10px 20px 15px 20px;
opacity: 1;
visibility: visible;
display: none;
}
.wstmegamenucoll {
width: 100%;
padding: 0px;
float: none;
}
.wstmegamenucolr {
width: 100%;
padding: 0px;
float: none;
}
.wstliststy01 li {
width: 100%;
padding: 0px;
margin: 0px;
}
.wstliststy02 {
width: 100%;
padding: 0px;
margin: 0px 0px 15px 0px;
}
.wstliststy03 li {
width: 100%;
}
.wstliststy04 {
width: 100%;
margin: 0px;
}
.wstadsize01 {
width: 100%;
margin: 0px 0px 10px 0px;
}
.wstadsize02 {
width: 100%;
margin: 0px;
}
.wstmegamenucoll01 {
width: 100%;
}
.wstmegamenucolr03 {
width: 100%;
padding: 0px;
margin: 0px 0px 15px 0px;
}
.wstmegamenucoll04 {
width: 100%;
padding: 0px;
}
.wstliststy05 {
width: 100%;
padding: 0px;
margin-bottom: 10px;
}
.kitchenmenuimg {
background-image: none;
}
.computermenubg {
background-image: none;
}
.wstbrandbottom {
width: 100%;
position: static;
top: 0px;
min-height: inherit;
padding: 10px 20px 15px 20px;
opacity: 1;
visibility: visible;
display: none;
}
.wstabitem02 li {
position: relative;
}
.wstabitem02>li>a {
padding: 14px 18px;
}
.wsmenu-list>li>.navtext {
margin: 0px !important;
}
.wsmenu-list>li.wssearchbar {
padding-left: 0px;
}
.wstabitem02 {
display: block;
}
.wstabitem02 li {
text-align: left;
display: block;
}
.wsshoptabingwp {
background-color: #fff;
padding-left: 0px;
padding-right: 0px;
}
.wsshopmyaccount>a>.fa-angle-down {
display: none !important;
}
.wsmenu {
margin-top: 0px;
}
.smllogo {
display: none !important;
}
.wsmain {
margin: 0px;
background-color: transparent;
}
.topmenusearch {
margin: 0px 0 0;
width: 100%;
height: 44px;
}
.topmenusearch input:focus {
width: 100%;
background-color: #fff;
color: #000;
}
.topmenusearch input:hover {
width: 100%;
background-color: #fff;
color: #000;
}
.topmenusearch input {
border-radius: 0px !important;
height: 44px;
background-color: #f1f1f1;
}
.smllogo {
width: 100%;
display: none !important;
margin: 0 auto;
text-align: center;
background-color: #2B3A40;
}
.smllogo a {
margin: 0 auto;
text-align: center;
float: none;
padding: 10px 0px 3px 0px;
}
.topmenusearch .btnstyle {
height: 44px;
color: #424242;
}
.wsmenu-list .wsshoptabing {
background-color: #ffffff;
color: #666666;
display: none;
position: relative !important;
top: 0px;
padding: 0px;
border: solid 0px;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
}
.wstabitem {
width: 100% !important;
background-color: #fff;
}
.wstabitem li a:after {
border: none !important;
}
.megamenuleftp {
width: 100%;
display: block;
padding: 0px;
margin: 0px;
}
.megamenurightp {
width: 100%;
display: block;
padding: 0px;
margin: 0px;
}
.wstabitem li a:after {
position: absolute;
content: '';
top: 50%;
margin-top: -6px;
right: 23px;
display: inline-block;
border-top: 6px solid #3f464c;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 6px solid transparent;
}
.wstabitem li a .fa {
display: none;
}
.wsmenu-list li>.wsshoptabing {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
opacity: 1 !important;
}
.wsmenucontainer {
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.overlapblackbg {
left: 0;
z-index: 102;
width: 100%;
height: 100%;
position: fixed;
top: 0;
display: none;
background-color: rgba(0, 0, 0, 0.45);
cursor: pointer;
}
.wsmenucontainer.wsoffcanvasopener {
display: block;
margin-left: 270px;
}
.wsmobileheader {
display: block !important;
position: relative;
top: 0;
right: 0;
left: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.callusicon {
color: #969696;
font-size: 25px;
height: 25px;
position: fixed;
right: 20px;
top: 10px;
transition: all 0.4s ease-in-out 0s;
width: 25px;
z-index: 102;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.callusicon2 {
color: #969696;
font-size: 26px;
height: 25px;
position: fixed;
right: 55px;
top: 10px;
transition: all 0.4s ease-in-out 0s;
width: 25px;
z-index: 101;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.callusicon:focus,
callusicon:hover {
color: #fff !important;
}
.callusicon2:focus,
callusicon2:hover {
color: #fff !important;
}
.wsoffcanvasopener .callusicon {
display: none !important;
}
.wsoffcanvasopener .callusicon2 {
display: none !important;
}
.smallogo {
width: 100%;
display: block;
text-align: center;
padding-top: 9px;
position: fixed;
z-index: 101;
width: 100%;
height: 52px;
background: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
}
.smallogo>img {
margin-top: 0px;
height: 32px;
}
.wsmenu-list>li:hover>a {
background-color: rgba(0, 0, 0, 0.08) !important;
text-decoration: none;
}
.mobiletext {
display: inline-block !important;
}
.wsoffcanvasopener .overlapblackbg {
display: block !important;
}
.wsoffcanvasopener .wsmain {
left: 0px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.wsmain {
width: 270px;
left: -270px;
height: 100%;
position: fixed;
top: 0;
margin: 0;
float: none;
background-color: #fff;
border-radius: 0px;
z-index: 103;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
border: none !important;
background-color: #fff !important;
}
.wsmenu {
border-left: none;
float: none;
width: 100%;
display: block !important;
height: 100%;
overflow-y: auto;
display: block !important;
}
.wstabitem02 li .wsmenu-click02 {
border-left: 1px solid #e9e9e9;
}
.wstabitem02 li .wsmenu-click02 {
background-color: #fff;
}
.wsmenu-click {
border-left: 1px solid #e0e0e0;
cursor: pointer;
display: block;
height: 57px;
position: absolute;
right: 0;
top: 0;
width: 49px;
z-index: 10;
}
.wsmenu-click i {
display: block;
height: 23px;
width: 25px;
margin-top: 15px;
margin-right: 13px;
background-size: 25px;
font-size: 21px;
color: rgba(0, 0, 0, 0.25);
float: right;
text-align: center;
}
.wsmenu-click02 {
border-left: 1px solid #f3f3f3;
cursor: pointer;
display: block;
height: 46px;
position: absolute;
right: 0;
top: 0;
width: 49px;
z-index: 10;
background-color: #f3f3f3;
}
.wsmenu-click02 i {
display: block;
height: 23px;
width: 34px;
margin-top: 11px;
margin-right: 8px;
background-size: 25px;
font-size: 21px;
color: rgba(0, 0, 0, 0.25);
float: right;
text-align: center;
}
.ws-activearrow>i {
transform: rotate(180deg);
}
.wsmenu-rotate {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.animated-arrow {
position: fixed;
left: 0;
top: 0;
z-index: 102;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.wsoffcanvasopener .animated-arrow {
left: 270px;
}
.animated-arrow {
cursor: pointer;
padding: 13px 35px 16px 0px;
margin: 10px 0 0 15px;
}
.animated-arrow span,
.animated-arrow span:before,
.animated-arrow span:after {
cursor: pointer;
height: 2px;
width: 23px;
background: #424242;
position: absolute;
display: block;
content: '';
}
.animated-arrow span:before {
top: -7px;
}
.animated-arrow span:after {
bottom: -7px;
}
.animated-arrow span,
.animated-arrow span:before,
.animated-arrow span:after {
transition: all 500ms ease-in-out;
}
.wsoffcanvasopener .animated-arrow span {
background-color: transparent;
}
.wsoffcanvasopener .animated-arrow span:before,
.animated-arrow.active span:after {
top: 7px;
}
.wsoffcanvasopener .animated-arrow span:before {
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
bottom: 0px;
}
.wsoffcanvasopener .animated-arrow span:after {
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.megacollink {
width: 96% !important;
margin: 0% 2% !important;
}
.megacolimage {
width: 90% !important;
margin: 0% 5% !important;
}
.typographylinks {
width: 98% !important;
margin: 0% 1% !important;
}
.typographydiv {
width: 86% !important;
margin: 0% 7% !important;
}
.mainmapdiv {
width: 90% !important;
margin: 0% 5% !important;
}
.innerpnd {
padding: 0px !important;
}
.typography-text {
padding: 10px 0px;
}
.wsmenu-list .megamenu {
background-color: #e7e7e7;
color: #666666;
display: none;
position: relative !important;
top: 0px;
padding: 0px;
border: solid 0px;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
}
.wsmenu-list li:hover .megamenu {
display: none;
position: relative !important;
top: 0px;
}
.megamenu .title {
color: #666666;
font-size: 15px !important;
padding: 10px 8px 10px 0px;
}
.megamenu>ul {
width: 100% !important;
margin: 0px;
padding: 0px;
font-size: 13px !important;
}
.megamenu>ul>li>a {
padding: 9px 14px !important;
line-height: normal !important;
font-size: 13px !important;
background-color: #e7e7e7 !important;
color: #666666;
}
.megamenu>ul>li>a:hover {
background-color: #000000 !important;
}
.ad-style {
width: 100% !important;
}
.megamenu ul li.title {
line-height: 26px;
color: #666666;
margin: 0px;
font-size: 15px;
padding: 7px 13px !important;
border-bottom: 1px solid #ccc;
background-color: transparent !important;
}
.wsmenu-submenu>li:hover>a {
background-color: #7b7b7b;
color: #666666;
}
.wsmenu>.wsmenu-list>li>a.active {
color: #666666;
background-color: rgba(0, 0, 0, 0.08);
}
.wsmenu>.wsmenu-list>li>a:hover {
color: #666666;
background-color: rgba(0, 0, 0, 0.08);
}
.wsmenu-list li:hover .wsmenu-submenu {
display: none;
}
.wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub {
display: none;
}
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
display: none;
list-style: none;
padding: 2px;
border: solid 1px #eeeeee;
background-color: #fff;
}
.wsmenu-list li:first-child a {
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}
.wsmenu-list li:last-child a {
-webkit-border-radius: 0px 4px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
border-right: 0px solid;
}
.wsmenu-submenu-sub {
width: 100% !important;
position: static !important;
left: 100% !important;
top: 0 !important;
display: none;
margin: 0px !important;
padding: 0px !important;
border: solid 0px !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
}
.wsmenu-submenu-sub li {
margin: 0px 0px 0px 0px !important;
padding: 0px;
position: relative;
}
.wsmenu-submenu-sub a {
display: block;
padding: 10px 25px 10px 25px;
border-bottom: solid 1px #ccc;
font-weight: normal;
}
.wsmenu-submenu-sub li a.active {
color: #000 !important;
}
.wsmenu-submenu-sub li:hover>a {
background-color: #333333 !important;
color: #fff;
}
.wsmenu>.wsmenu-list>li>a>.fa {
font-size: 16px;
color: #bfbfbf;
margin-right: 11px;
text-align: center;
width: 19px;
}
.wsmenu-submenu-sub-sub {
width: 100% !important;
position: static !important;
left: 100% !important;
top: 0 !important;
display: none;
margin: 0px !important;
padding: 0px !important;
border: solid 0px !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
}
.wsmenu-submenu-sub-sub li {
margin: 0px 0px 0px 0px !important;
}
.wsmenu-submenu-sub-sub a {
display: block;
color: #000;
padding: 10px 25px;
background: #000 !important;
border-bottom: solid 1px #ccc;
font-weight: normal;
}
.wsmenu-submenu-sub-sub li a.active {
color: #000 !important;
}
.wsmenu-submenu-sub-sub li:hover>a {
background-color: #606060 !important;
color: #fff;
}
.wsmenu .wsmenu-list {
display: block !important;
}
.wsmenu .wsmenu-list>li {
clear: left;
width: 100%;
display: block;
float: none;
border-right: none;
background-color: transparent;
position: relative;
white-space: inherit;
}
.wsmenu>.wsmenu-list>li>a {
padding: 13px 32px 13px 12px;
font-size: 14px;
text-align: left;
border-right: solid 0px;
background-color: transparent;
color: #666666;
line-height: 25px;
border-bottom: 1px solid;
border-bottom-color: rgba(0, 0, 0, 0.13);
position: static;
}
.wsmenu>.wsmenu-list>li>a.wtxaccountlink {
padding-bottom: 16px;
padding-top: 16px;
}
.wsmenu .wsmenu-list li a .arrow:after {
display: none !important;
}
.wsmenu .wsmenu-list li ul li a .fa.fa-caret-right {
font-size: 12px !important;
color: #8E8E8E;
}
.mobile-sub .wsmenu-submenu {
transform: none !important;
opacity: 1 !important;
display: none;
position: relative !important;
top: 0px;
background-color: #fff;
padding: 0px;
visibility: visible !important;
}
.mobile-sub .wsmenu-submenu li a {
line-height: 20px;
height: auto;
background-color: #e7e7e7 !important;
font-size: 13px !important;
padding: 11px 0px 11px 18px;
color: #8E8E8E;
}
.mobile-sub .wsmenu-submenu li a:hover {
background-color: #e7e7e7 !important;
color: #666666;
text-decoration: underline;
}
.mobile-sub .wsmenu-submenu li:hover>a {
background-color: #e7e7e7 !important;
color: #666666;
}
.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a {
line-height: 20px;
height: 36px;
background-color: #e7e7e7 !important;
border-bottom: none;
padding-left: 28px;
}
.mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a {
line-height: 20px;
height: 36px;
background-color: #e7e7e7 !important;
border-bottom: none !important;
padding-left: 38px;
color: #8e8e8e;
}
.wsmenu-list>li.socialicon a {
width: 100%;
}
.wsmenu-list>li.wscarticon em.roundpoint {
display: none;
}
.halfdiv .title {
padding-left: 15px;
}
.halfdiv {
width: 100%;
display: block;
}
.halfdiv03 .title {
padding-left: 15px;
}
.halfdiv03 {
width: 100%;
}
.halfmenu {
width: 100%;
display: block;
}
.menu_form {
padding: 10px 10px 63px 10px;
background-color: #e7e7e7;
}
.menu_form input[type="button"] {
width: 46%;
}
.menu_form input[type="submit"] {
width: 46%;
}
.menu_form textarea {
min-height: 100px;
}
.wsmenu-list li>.wsmenu-submenu {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
}
.wsmenu-list li:hover>.wsmenu-submenu {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
}
.wsmenu-submenu li>.wsmenu-submenu-sub {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
}
.wsmenu-submenu li:hover>.wsmenu-submenu-sub {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
opacity: 1 !important;
}
.wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
opacity: 1 !important;
}
.wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
opacity: 1 !important;
}
.wsmenu-list li>.megamenu {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
opacity: 1 !important;
}
.wsmenu-list li:hover>.megamenu {
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-webkit-transform: none !important;
visibility: visible !important;
opacity: 1 !important;
}
}
/*--------------------------------------------------------------------------
| 05 Additional Themes (Optionnal)
--------------------------------------------------------------------------*/
.gry {
background-color: #424242 !important;
color: #fff;
}
.red {
background-color: #DA4B38 !important;
color: #fff;
}
.orange {
background-color: #ff9334 !important;
color: #fff;
}
.blue {
background-color: #31a8e6 !important;
color: #fff;
}
.green {
background-color: #27ae60 !important;
color: #fff;
}
.yellow {
background-color: #F6BB42 !important;
color: #fff;
}
.purple {
background-color: #967ADC !important;
color: #fff;
}
.pink {
background-color: #ff3366 !important;
color: #fff;
}
.gry>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.gry>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.gry>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.gry>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #fff;
}
.red>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #424242 !important;
}
.red>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #fff;
}
.orange>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #424242 !important;
}
.orange>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #fff;
}
.blue>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #424242 !important;
}
.blue>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #fff;
}
.green>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #424242 !important;
}
.green>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.yellow>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #454545 !important;
}
.yellow>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #454545 !important;
}
.yellow>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #454545 !important;
}
.yellow>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #454545;
}
.yellow>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.purple>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.purple>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.purple>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.purple>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.purple>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #fff;
}
.purple>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #424242 !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li>a .fa {
color: #fff;
}
.pink>.wsmain>.wsmenu>.wsmenu-list>li.wscarticon em.roundpoint {
background-color: #424242 !important;
}
.pink>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.tranbg {
background-color: transparent !important;
}
.whitebg {
background-color: #fff !important;
}
.whitebg:hover {
color: #000 !important;
}
.pm_buttoncolor .wsmenu-list>li>a .fa {
color: #fff !important;
}
.pm_buttoncolor03 .wsmenu-list>li:hover>a .fa {
color: #fff !important;
}
.pm_buttoncolor .wsmenu-list li a .arrow:after {
border-top-color: #fff;
}
.blue-grdt {
background: #5999ee;
background: -moz-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5999ee), color-stop(100%, #4a89dc));
background: -webkit-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
background: -o-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
background: -ms-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5999ee', endColorstr='#4a89dc', GradientType=0);
color: #fff;
}
.gry-grdt {
background: #565656;
background: -moz-linear-gradient(top, #565656 0%, #424242 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #424242));
background: -webkit-linear-gradient(top, #565656 0%, #424242 100%);
background: -o-linear-gradient(top, #565656 0%, #424242 100%);
background: -ms-linear-gradient(top, #565656 0%, #424242 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#424242', GradientType=0);
color: #fff;
}
.green-grdt {
background: #86ba3d;
background: -moz-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86ba3d), color-stop(100%, #74a52e));
background: -webkit-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
background: -o-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
background: -ms-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ba3d', endColorstr='#74a52e', GradientType=0);
color: #fff;
}
.red-grdt {
background: #f05c48;
background: -moz-linear-gradient(top, #f05c48 0%, #da4b38 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f05c48), color-stop(100%, #da4b38));
background: -webkit-linear-gradient(top, #f05c48 0%, #da4b38 100%);
background: -o-linear-gradient(top, #f05c48 0%, #da4b38 100%);
background: -ms-linear-gradient(top, #f05c48 0%, #da4b38 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05c48', endColorstr='#da4b38', GradientType=0);
color: #fff;
}
.orange-grdt {
background: #fc7d33;
background: -moz-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc7d33), color-stop(100%, #ff670f));
background: -webkit-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
background: -o-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
background: -ms-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7d33', endColorstr='#ff670f', GradientType=0);
color: #fff;
}
.yellow-grdt {
background: #ffcd67;
background: -moz-linear-gradient(top, #ffcd67 0%, #f6bb42 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcd67), color-stop(100%, #f6bb42));
background: -webkit-linear-gradient(top, #ffcd67 0%, #ff670f 100%);
background: -o-linear-gradient(top, #ffcd67 0%, #f6bb42 100%);
background: -ms-linear-gradient(top, #ffcd67 0%, #f6bb42 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd67', endColorstr='#f6bb42', GradientType=0);
color: #fff;
}
.purple-grdt {
background: #a98ded;
background: -moz-linear-gradient(top, #a98ded 0%, #967adc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a98ded), color-stop(100%, #967adc));
background: -webkit-linear-gradient(top, #a98ded 0%, #967adc 100%);
background: -o-linear-gradient(top, #a98ded 0%, #967adc 100%);
background: -ms-linear-gradient(top, #a98ded 0%, #967adc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a98ded', endColorstr='#967adc', GradientType=0);
color: #fff;
}
.pink-grdt {
background: #fb3ea4;
background: -moz-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb3ea4), color-stop(100%, #f21b8f));
background: -webkit-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
background: -o-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
background: -ms-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb3ea4', endColorstr='#f21b8f', GradientType=0);
color: #fff;
}
.tranbg {
background-color: transparent !important;
box-shadow: none !important;
}
.red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.red-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.red-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.gry-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.gry-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.blue-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.blue-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.green-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.green-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.orange-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.orange-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.yellow-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.yellow-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.purple-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.purple-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
.pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span {
color: #fff !important;
}
.pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>.navtext>span+span:after {
color: #fff !important;
}
.pink-grdt>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff !important;
}
.pink-grdt>.wsmain>.wsmenu>.wsmenu-list li .wsmenu-click {
border-color: rgba(0, 0, 0, 0.18) !important;
}
@media only screen and (max-width: 780px) {
.tranbg {
background-color: #fff !important;
}
.red-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #fff !important;
}
.blue-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #fff !important;
}
.orange-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #fff !important;
}
.green-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #fff !important;
}
.purple-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #fff !important;
}
.pink-grdt>.wsmenu>.wsmenu-list>li>a>.fa {
color: #fff !important;
}
.pm_buttoncolor>.wsmain>.wsmenu>.wsmenu-list>li>a {
color: #fff;
}
.blue-grdt .wsmain {
background: #5999ee;
background: -moz-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5999ee), color-stop(100%, #4a89dc));
background: -webkit-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
background: -o-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
background: -ms-linear-gradient(top, #5999ee 0%, #4a89dc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5999ee', endColorstr='#4a89dc', GradientType=0);
color: #fff;
}
.gry-grdt .wsmain {
background: #565656;
background: -moz-linear-gradient(top, #565656 0%, #424242 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #565656), color-stop(100%, #424242));
background: -webkit-linear-gradient(top, #565656 0%, #424242 100%);
background: -o-linear-gradient(top, #565656 0%, #424242 100%);
background: -ms-linear-gradient(top, #565656 0%, #424242 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#424242', GradientType=0);
color: #fff;
}
.green-grdt .wsmain {
background: #86ba3d;
background: -moz-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86ba3d), color-stop(100%, #74a52e));
background: -webkit-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
background: -o-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
background: -ms-linear-gradient(top, #86ba3d 0%, #74a52e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ba3d', endColorstr='#74a52e', GradientType=0);
color: #fff;
}
.red-grdt .wsmain {
background: #f05c48;
background: -moz-linear-gradient(top, #f05c48 0%, #da4b38 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f05c48), color-stop(100%, #da4b38));
background: -webkit-linear-gradient(top, #f05c48 0%, #da4b38 100%);
background: -o-linear-gradient(top, #f05c48 0%, #da4b38 100%);
background: -ms-linear-gradient(top, #f05c48 0%, #da4b38 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05c48', endColorstr='#da4b38', GradientType=0);
color: #fff;
}
.orange-grdt .wsmain {
background: #fc7d33;
background: -moz-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc7d33), color-stop(100%, #ff670f));
background: -webkit-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
background: -o-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
background: -ms-linear-gradient(top, #fc7d33 0%, #ff670f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7d33', endColorstr='#ff670f', GradientType=0);
color: #fff;
}
.yellow-grdt .wsmain {
background: #ffcd67;
background: -moz-linear-gradient(top, #ffcd67 0%, #f6bb42 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcd67), color-stop(100%, #f6bb42));
background: -webkit-linear-gradient(top, #ffcd67 0%, #ff670f 100%);
background: -o-linear-gradient(top, #ffcd67 0%, #f6bb42 100%);
background: -ms-linear-gradient(top, #ffcd67 0%, #f6bb42 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd67', endColorstr='#f6bb42', GradientType=0);
color: #fff;
}
.purple-grdt .wsmain {
background: #a98ded;
background: -moz-linear-gradient(top, #a98ded 0%, #967adc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a98ded), color-stop(100%, #967adc));
background: -webkit-linear-gradient(top, #a98ded 0%, #967adc 100%);
background: -o-linear-gradient(top, #a98ded 0%, #967adc 100%);
background: -ms-linear-gradient(top, #a98ded 0%, #967adc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a98ded', endColorstr='#967adc', GradientType=0);
color: #fff;
}
.pink-grdt .wsmain {
background: #fb3ea4;
background: -moz-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb3ea4), color-stop(100%, #f21b8f));
background: -webkit-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
background: -o-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
background: -ms-linear-gradient(top, #fb3ea4 0%, #f21b8f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb3ea4', endColorstr='#f21b8f', GradientType=0);
color: #fff;
}
.gry .wsmain {
background-color: #424242 !important;
color: #fff;
}
.red .wsmain {
background-color: #DA4B38 !important;
color: #fff;
}
.orange .wsmain {
background-color: #ff9334 !important;
color: #fff;
}
.blue .wsmain {
background-color: #31a8e6 !important;
color: #fff;
}
.green .wsmain {
background-color: #27ae60 !important;
color: #fff;
}
.yellow .wsmain {
background-color: #F6BB42 !important;
color: #fff;
}
.purple .wsmain {
background-color: #967ADC !important;
color: #fff;
}
.pink .wsmain {
background-color: #ff3366 !important;
color: #fff;
}
}
</style>
<script>
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">
<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"
<a class="callusicon2" href="#" data-toggle="modal" data-target="#searchcolumn"> <i class="fa fa-search"
style="color:#888;margin-left:-40px"></i> </a>
</a>
class="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
| </span> Layanan Bantuan Online Hub. <i class="fa fa-phone"
target="_blank">Live Chat BARGES88</a>
<i class="fa fa-mobile" aria-hidden="true" style="font-size:14px;"></i> <a
BARGES88</a>
</div>
</div>
<div class="headertopright hidden-xs">
<a class="facebookicon" title="Facebook"
aria-hidden="true" class="fa fa-facebook"></i>
<span class="mobiletext02">Facebook</span></a>
<a class="instagramicon" title="Twitter"
aria-hidden="true" class="fa fa-instagram"></i>
<span class="mobiletext02">Instagram</span></a>
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">
alt="" /></a></div>
<nav class="wsmenu clearfix" style="width:80%">
<ul class="mobile-sub wsmenu-list">
<li class="wssearchbar clearfix">
<form class="topmenusearch" method="get"
<input name="filter" placeholder="BARGES88">
<button class="btnstyle"><i class="searchicon fa fa-search"
aria-hidden="true"></i></button>
</form>
</li>
<li class="wscarticon clearfix"> <a
class="fa fa-shopping-basket"></i> <em class="roundpoint">0</em><span
class="mobiletext">Shopping Cart</span></a> </li>
<li class="wsshopmyaccount clearfix">
style="font-size:13px;"><i class="fa fa-user"></i> Login / Register</a>
</li>
</ul>
</nav>
<div class="headerfull_2" style="height:auto">
<!--Main Menu HTML Code-->
</div>
<!--<div class="col-md-1 col-xs-3 text-center">-->
<!--</div>-->
</div>
<div class="mobile-tabs-slider">
</div>
</div>
</div>
</div>
</div>
<div class="wrapper">
<div class="moreoption clearfix">
<div class="container container_body" style="margin-top:50px;margin-bottom:100px">
<div class="col-md-7" style="margin-bottom:20px; background-color:#ffffffea;">
<!-- Warna background untuk col-md-7 -->
<div class="prod_main" style="margin-bottom:20px; background-color:#eee5e5;">
<!-- Warna background untuk prod_main -->
</small>
<h1>BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026</h1>
<div class="text-center" style="background-color:#fff7f6; padding:10px;">
<!-- Warna background untuk text-center -->
<img id="mainPhoto" alt="BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026"
title="BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026"
<br>
</div>
<br>
<div class="clearfix">
</div>
</div>
<div id="boxspesifikasi" class="prod_main" style="margin-bottom:20px;">
<h2>SPESIFIKASI BARGES88 SITUS TOTO SLOT GACOR RESMI 2026</h2>
<table border="1" cellpadding="3" cellspacing="3" style="height:100%; width:100%;">
<tbody>
<tr>
<td>NAMA BRAND</td>
<td>BARGES88</td>
</tr>
<tr>
<td>Server</td>
<td>INDONESIA</td>
</tr>
<tr>
<td>Jenis Game</td>
<td>TOTO SLOT</td>
</tr>
<tr>
<td>Min Deposit</td>
<td>Rp 10.000</td>
</tr>
<tr>
<td>Min Withdraw</td>
<td>Rp 50.000</td>
</tr>
<tr>
<td>Jenis Transaksi</td>
<td>✅ BANK ✅ E-WALLET ✅ QRIS</td>
</tr>
<tr>
<td>RATING</td>
<td>⭐⭐⭐⭐⭐</td>
</tr>
</tbody>
</table>
<!-- Tombol Login & Daftar -->
<div style="text-align:center; margin-top:20px;">
<button class="btn"
style="background-color:#222; color:white; padding:10px 25px; border:none; border-radius:5px; margin-right:10px; cursor:pointer;">
<i class="fa fa-sign-in" style="margin-right:5px;"></i> LOGIN
</button>
</a>
<button class="btn"
style="background-color:#B00; color:white; padding:10px 25px; border:none; border-radius:5px; cursor:pointer;">
<i class="fa fa-user-plus" style="margin-right:5px;"></i> DAFTAR
</button>
</a>
</div>
</div>
</div>
<div class="col-md-5">
<div class="prod_desc">
<h2>
Deskripsi BARGES88
</h2>
<div class="pdesc">
<p style="text-align: justify;">
<span style="font-weight: 400;">
</p>
<p style="text-align: justify;">
<span style="font-weight: 400;">Dengan link alternatif terbaru situs toto slot gacor resmi 2026, BARGES88 menjadi pilihan tepat karena menggunakan server yang stabil dan sangat mudah diakses.</span>
</p>
</div>
</div>
<div class="prod_desc">
<div class="col-md-4">
<h6>Kota Asal :</h6>
</div>
<div class="col-md-8">
<select name="kotaAsal" class="form-control" style="margin-top:5px;margin-bottom:5px">
<option hidden>Pilih kota</option>
<option value="JKT" selected>Jakarta</option>
<option value="MDN">Medan</option>
<option value="BDG">Bandung</option>
<option value="SBY">Surabaya</option>
</select>
</div>
<div class="col-md-4">
<h6>Jumlah :</h6>
</div>
<div class="col-md-8">
<select name="qty" class="form-control" style="margin-top:5px;margin-bottom:5px"
disabled required>
<option hidden="" value="" selected>Pilih jumlah</option>
</select>
</div>
<input type="hidden" name="id" value="6804">
<input type="hidden" name="name"
value="BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026">
<input type="hidden" name="price" value="255000">
<div class="col-md-4">
<h6>Harga Awal :</h6>
</div>
<div class="col-md-8">
<p class="prod_promo">
<font style="text-decoration:line-through">IDR 50,000 </font>
</p>
</div>
<div class="col-md-4">
<h6>Harga :</h6>
</div>
<div class="col-md-8">
<h1 class="prod_price">
<font style="font-weight:700;font-size:20px">IDR 10,000</font> <sup
style="color:#B00;font-size:12px;font-weight:600">(-90%)</sup>
</h1>
</div>
<div class="col-md-12 text-left">
<div id="ada" style="display:none;">
<button type="submit" class="btn add_to_cart">
<i class="fa fa-check" style="font-size:15px;margin-right:2px;"></i>
BELI SEKARANG
</button>
<button class="btn add_to_checkout">
<i class="fa fa-shopping-basket" style="font-size:15px;margin-right:2px;"></i>
TAMBAH KE BAG
</button>
</div>
<div id="DAFTAR" style="display:inline-block;">
<button class="btn add_to_cart" style="background-color:#B00 !important" disabled>
<i class="fa fa-ban" style="font-size:15px;margin-right:2px;"></i>
DAFTAR
</button>
<button class="btn add_to_checkout" style="background-color:#BBB !important"
disabled>
<i class="fa fa-shopping-basket" style="font-size:15px;margin-right:2px;"></i>
TAMBAH KE BAG
</button>
</div>
<div id="alertbawah" style="display:none;" class="alert alert-success">
Produk berhasil ditambahkan ke bag
</div>
</div>
<div class="section-marketplace col-md-12">
<p><b>MARKETPLACE PARTNER</b></p>
<div style="display: inline-block; margin-right:6px;">
class="img-responsive">
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;">
class="img-responsive">
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;">
class="img-responsive">
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;">
class="img-responsive">
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">
</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">
</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">
</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">
</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">
style="width:180px;">
<p style="font-size:12px;margin-top:15px;width:90%">
BARGES88: PORTAL LOGIN LINK TOTO SLOT GACOR RESMI 2026
<br><br>
BARGES88 merupakan portal login link situs toto slot gacor resmi yang menyediakan alternatif terbaru bebas hampatan paling mudah diakses.
</p>
<p style="font-size:12px;margin-top:15px;line-height:22px;">
<br>
<i class="fa fa-phone" style="margin-right:8px;"></i> Live Chat <br>
<i class="fa fa-map-marker" style="margin-right:9px;"></i> Gang Rindu Nomor 08,2 Hara Hiri <br>
</p>
</div>
<div class="col-md-2">
<h4>MANAGE ACCOUNT</h4>
<p class="foot_menu">
</p>
<p class="foot_menu">
</p>
</div>
<div class="col-md-3">
<h4>LAYANAN PELANGGAN</h4>
<p class="foot_menu">
</p>
<p class="foot_menu">
</p>
<p class="foot_menu">
</p>
<p class="foot_menu">
</p>
<p class="foot_menu">
</p>
<p class="foot_menu">
</p>
<p class="foot_menu">
</p>
</div>
<div class="col-md-3">
<h4 style="margin-bottom:0">SOCIAL MEDIA & PARTNERS</h4>
style="width:60px;margin-left:-12px"></a>
style="width:60px;margin-left:-20px;"></a>
style="width:35px;margin-left:-10px;"></a>
style="width:35px;margin-left:5px;"></a>
style="width:35px;margin-left:5px;"></a>
<div style="margin-top:8px">
style="width:35px;margin-right:10px;margin-top:-15px;"></a>
style="height:34px;margin-left:-4px;margin-top:-15px;"></a>
style="width:35px;margin-left:3px;margin-top:-15px;"></a>
style="width:35px;margin-left:3px;margin-top:-15px;"></a>
style="width:35px;margin-left:3px;margin-top:-15px;"></a>
</div>
<h4 style="margin-bottom:10px">PEMBAYARAN</h4>
style="width:40px;margin-right:5px;margin-bottom:5px;">
style="width:40px;margin-right:5px;margin-bottom:5px;">
style="width:40px;margin-right:5px;margin-bottom:5px;">
style="width:40px;margin-right:5px;margin-bottom:5px;">
<br>
style="width:40px;margin-right:5px;margin-bottom:5px;">
style="width:40px;margin-right:5px;margin-bottom:5px;">
style="width:40px;margin-right:5px;margin-bottom:5px;">
style="width:40px;margin-right:5px;margin-bottom:5px;">
<br>
style="width:40px;margin-right:5px;margin-bottom:5px;">
style="width:40px;margin-right:5px;margin-bottom:5px;">
style="width:40px;margin-right:5px;margin-bottom:5px;">
style="width:40px;margin-right:5px;margin-bottom:5px;">
<br/>
<div style="margin: 10px 0 30px 0">
style="margin-right: 5px" />
</a>
</a>
</div>
</div>
<div class="col-md-12" style="font-size:12px;margin-top:50px;">
Copyrights © BARGES88 | <strong>Seo ODINASTIC99</strong> <a
</div>
</div>
</footer>
<script type="text/javascript"
<link rel="stylesheet" type="text/css"
<script>
$.fn.digits = function () {
return this.each(function () {
$(this).text($(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"));
})
}
$(document).ready(function () {
var instock = { "JKT": 0, "MDN": 0, "BDG": 0, "SBY": 0 };
$(".changePhoto").click(function (e) {
e.preventDefault();
$("#mainPhoto").attr("src", $(this).attr("src"));
});
$("select[name=provinsi]").change(function (e) {
// get city lists
$.ajax({
cache: false,
beforeSend: function () {
$("select[name=kota]").html();
},
success: function (html) {
$("select[name=kota]").html(html);
$.ajax({
cache: false,
beforeSend: function () {
},
success: function (price) {
$("#estprice").html($("#productWeight").val() * price);
$("#estprice").digits();
}
});
}
});
});
$("select[name=kota]").change(function (e) {
$.ajax({
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({
type: "POST",
data: $("#formCart").serialize(),
beforeSend: function () {
$("#alertbawah").hide();
},
success: function (data) {
$("#alertbawah").show();
$(".wscarticon .roundpoint").html(data);
},
error: function (jqXHR, textStatus, errorThrown) {
}
});
}
else {
$(".btn.add_to_cart").click();
}
}, 500);
});
});
</script>
<script>
// Blok klik kanan
document.addEventListener('contextmenu', event => event.preventDefault());
// Blok tombol keyboard tertentu
document.onkeydown = function (e) {
if (e.keyCode == 123) e.preventDefault(); // F12
if (e.ctrlKey && e.shiftKey && e.keyCode == 73) e.preventDefault(); // Ctrl+Shift+I
if (e.ctrlKey && e.shiftKey && e.keyCode == 74) e.preventDefault(); // Ctrl+Shift+J
if (e.ctrlKey && e.keyCode == 85) e.preventDefault(); // Ctrl+U
if (e.ctrlKey && e.keyCode == 83) e.preventDefault(); // Ctrl+S
};
</script>
</body>
</html>