Na}{

File Content: index.php

<!DOCTYPE html>
<html lang="en"><head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MIKITOTO: Official Bandar Togel Online Terpercaya dengan Hadiah Terbesar</title>
    <meta content="MIKITOTO adalah bandar togel online resmi terpercaya di Indonesia. Nikmati permainan togel terlengkap dengan hadiah terbesar, proses deposit kilat, dan layanan 24 jam." name="description" />
    <meta name="keywords" content="mikitoto, situs bandar online, bandar toto terpercaya, agen togel terbesar, login mikitoto, daftar mikitoto, bandar online hadiah terbesar">
    <meta property="og:title" content="MIKITOTO: Official Bandar Togel Online Terpercaya dengan Hadiah Terbesar">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://mikitotohere.com/">
    <link rel="canonical" href="https://mikitotohere.com/" />
    <link rel="amphtml" href="https://mikitotohere.com/amp" />
    <meta property="og:site_name" content="MIKITOTO">
    <meta property="og:description" content="MIKITOTO adalah bandar togel online resmi terpercaya di Indonesia. Nikmati permainan togel terlengkap dengan hadiah terbesar, proses deposit kilat, dan layanan 24 jam.">
    <link href="https://veldrive.com/cxLk3V1y/mikitoto.webp" rel="shortcut icon" type="image/x-icon" />
    <link rel="stylesheet" href="https://mikitotohere.com/web/bootstrap/css/bootstrap.min.css" />
    <script async="" charset="utf-8" src="https://v2.zopim.com/?3s3rd60M9T5U21HDHJvrlDqz7MiBAjkC" type="text/javascript"></script>
    <script async="" charset="utf-8" src="https://v2.zopim.com/?3s3rd60M9T5U21HDHJvrlDqz7MiBAjkC" type="text/javascript"></script>
    <script type="text/javascript" src="https://mikitotohere.com/web/js/webslidemenu.js"></script>
    <meta name="robots" content="index, follow">
    <meta name="author" content="MIKITOTO">
    <meta name="creator" content="MIKITOTO">
    <meta name="generator" content="LAYANAN MIKITOTO">
    <meta name="google-site-verification" content="A54BbEG-DHfoUWhiyEENxg4Q9c2ckLCkTzyeXRBx49A" />
    
    <meta name="brand" content="MIKITOTO">
    <meta name="publisher" content="MIKITOTO">
    <meta name="copyright" content="MIKITOTO">
    
    <meta name="geo.region" content="ID">
    <meta name="geo.placename" content="Indonesia">
    
    <meta http-equiv="content-language" content="id-ID">
    <meta name="distribution" content="global">
    <meta name="rating" content="general">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="mobile-web-app-capable" content="yes">
<script type="text/javascript" src="https://v2.zopim.com/w?3s3rd60M9T5U21HDHJvrlDqz7MiBAjkC"></script>
<script type="text/javascript" src="https://v2.zopim.com/w?3s3rd60M9T5U21HDHJvrlDqz7MiBAjkC"></script>
<style media="print" class="jx_ui_StyleSheet" __jx__id="___$_2" type="text/css">.zopim { display: none !important }</style>
<style media="print" class="jx_ui_StyleSheet" __jx__id="___$_2" type="text/css">.zopim { display: none !important }</style>
<style media="print" class="jx_ui_StyleSheet" __jx__id="___$_2" type="text/css">.zopim { display: none !important }</style>
</head>

<body>

/*--------------------------------------------------------------------------
[Table of contents]

01 Base CSS
02 Desktop CSS
03 Tab CSS
04 Mobile CSS
05 Additional Themes (Optionnal)
--------------------------------------------------------------------------*/
        /*--------------------------------------------------------------------------
|  01  Base CSS
--------------------------------------------------------------------------*/
        @import url(https://fonts.googleapis.com/css?family=Lato);
        @import url(https://fonts.googleapis.com/css?family=Open+Sans);

:root {
  --ubuy-primary: #222222; /* GANTI WARNA UTAMA DI SINI */
  --ubuy-dark: #222222;
  --ubuy-light: #222222;
}

/* Background utama body */
body {
  margin: 0;
  padding: 0;
  background: linear-gradient(
      135deg,
      var(--ubuy-dark) 0%,
      #222222 40%,
      var(--ubuy-primary) 100%
  );
  background-attachment: fixed;
  font-family: 'Segoe UI', sans-serif;
}

/* Overlay glow effect */
body::before {
  content: "";
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at center,
      rgba(34, 34, 34, 0.15),
      transparent 60%);
  animation: ubuyGlow 8s linear infinite;
  z-index: -1;
}

@keyframes ubuyGlow {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Container biar isi konten clean */
.ubuy-container {
  background: rgba(20, 20, 20, 0.85);
  backdrop-filter: blur(10px);
  border-radius: 14px;
  padding: 25px;
  margin: 20px auto;
  max-width: 1200px;
  box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

@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: 1px;
            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>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;

.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;

.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;

.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>

.slick-prev {
            top: 40%;
            left: -12px;
            height: 50px;
        }

.slick-prev:before {
            content: "‹";
            font-size: 4rem;
            color: #888888;
        }

.slick-next {
            top: 40%;
            height: 50px;
            right: -12px;
        }

.slick-next:before {
            content: "›";
            font-size: 4rem;
            color: #888888;
        }

#slick-menu a {
            font-weight: 900;
            font-family: Lato;
            display: block;
            width: 60%;
            text-decoration: none;
        }

#slick-menu div {
            color: #666;
        }

#slick-menu a:hover {
            opacity: 0.5;
            transition: 0.5s;
        }

.mobile-tabs-slider {
            display: none;
        }

@media only screen and (max-width: 780px) {
            .wsmain {
                width: 90%;
                left: -90%;
                background: #f1f1f1 !important;
                padding-right: 15px;
            }

.desktop-menu-slider {
                display: none;
            }

.mobile-tabs-slider {
                display: block;
            }

/* Style the tab */
            .tab {
                float: left;
                /*border: 1px solid #ccc;*/
                background-color: #FFF;
                width: 30%;
                height: 100vh;
                overflow-y: scroll;
                padding-bottom: 200px;
            }

/* Style the buttons inside the tab */
            .tab button {
                display: block;
                background-color: inherit;
                color: black;
                padding: 15px 12px;
                width: 100%;
                border: none;
                outline: none;
                text-align: left;
                cursor: pointer;
                transition: 0.3s;
                font-size: 12px;
            }

/* Change background color of buttons on hover */
            .tab button:hover {
                background-color: #ddd;
            }

/* Create an active/current "tab button" class */
            .tab button.active {
                background-color: #f1f1f1;
                border-left: 4px solid #DA4B38;
            }

/* Style the tab content */
            .tabcontent {
                float: left;
                padding: 0px 12px;
                /*border: 1px solid #ccc;*/
                width: 70%;
                border-left: none;
                height: 100%;
            }
        }
    </style>
    <style>
        /*
 * Plugin: Web Slide - Responsive Mega Menu for Bootstrap 3+
 * Demo Link: http://webslidemenu.webthemex.com/
 * Version: v3.4
 * Author: webthemex
 * License: http://codecanyon.net/licenses/standard
*/