/* Bugg Soft | buggsoft.com */
@font-face {
  font-display: swap;
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 100;
  src: url('/assets/fonts/league-spartan-v11-latin_latin-ext-100.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 200;
  src: url('/assets/fonts/league-spartan-v11-latin_latin-ext-200.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'ji-Thin';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/league-spartan-v11-latin_latin-ext-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'ji-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/league-spartan-v11-latin_latin-ext-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'ji-Medium';
  font-style: normal;
  font-weight: 500;
  src: url('/assets/fonts/league-spartan-v11-latin_latin-ext-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'ji-SemiBold';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/fonts/league-spartan-v11-latin_latin-ext-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'ji-Bold';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/league-spartan-v11-latin_latin-ext-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'ji-Black';
  font-style: normal;
  font-weight: 800;
  src: url('/assets/fonts/league-spartan-v11-latin_latin-ext-800.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 900;
  src: url('/assets/fonts/league-spartan-v11-latin_latin-ext-900.woff2') format('woff2');
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 100%;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html,
button,
input,
select,
textarea {
    color: #222;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.bugg-chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.bugg-w3-serif{font-family:serif}.bugg-w3-sans-serif{font-family:sans-serif}.bugg-w3-cursive{font-family:cursive}.bugg-w3-monospace{font-family:monospace}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.bugg-w3-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.bugg-w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.bugg-w3-table,.bugg-w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.bugg-w3-table-all{border:1px solid #ccc}
.bugg-w3-bordered tr,.bugg-w3-table-all tr{border-bottom:1px solid #ddd}.bugg-w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.bugg-w3-table-all tr:nth-child(odd){background-color:#fff}.bugg-w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.bugg-w3-hoverable tbody tr:hover,.bugg-w3-ul.bugg-w3-hoverable li:hover{background-color:#ccc}.bugg-w3-centered tr th,.bugg-w3-centered tr td{text-align:center}
.bugg-w3-table td,.bugg-w3-table th,.bugg-w3-table-all td,.bugg-w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.bugg-w3-table th:first-child,.bugg-w3-table td:first-child,.bugg-w3-table-all th:first-child,.bugg-w3-table-all td:first-child{padding-left:16px}
.bugg-w3-btn,.bugg-w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.bugg-w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.bugg-w3-btn,.bugg-w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.bugg-w3-disabled,.bugg-w3-btn:disabled,.bugg-w3-button:disabled{cursor:not-allowed;opacity:0.3}.bugg-w3-disabled *,:disabled *{pointer-events:none}
.bugg-w3-btn.bugg-w3-disabled:hover,.bugg-w3-btn:disabled:hover{box-shadow:none}
.bugg-w3-badge,.bugg-w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.bugg-w3-badge{border-radius:50%}
.bugg-w3-ul{list-style-type:none;padding:0;margin:0}.bugg-w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.bugg-w3-ul li:last-child{border-bottom:none}
.bugg-w3-tooltip,.bugg-w3-display-container{position:relative}.bugg-w3-tooltip .bugg-w3-text{display:none}.bugg-w3-tooltip:hover .bugg-w3-text{display:inline-block}
.bugg-w3-ripple:active{opacity:0.5}.bugg-w3-ripple{transition:opacity 0s}
.bugg-w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.bugg-w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.bugg-w3-dropdown-click,.bugg-w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.bugg-w3-dropdown-hover:hover .bugg-w3-dropdown-content{display:block}
.bugg-w3-dropdown-hover:first-child,.bugg-w3-dropdown-click:hover{background-color:#ccc;color:#000}
.bugg-w3-dropdown-hover:hover > .bugg-w3-button:first-child,.bugg-w3-dropdown-click:hover > .bugg-w3-button:first-child{background-color:#ccc;color:#000}
.bugg-w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.bugg-w3-check,.bugg-w3-radio{width:24px;height:24px;position:relative;top:6px}
.bugg-w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.bugg-w3-bar-block .bugg-w3-dropdown-hover,.bugg-w3-bar-block .bugg-w3-dropdown-click{width:100%}
.bugg-w3-bar-block .bugg-w3-dropdown-hover .bugg-w3-dropdown-content,.bugg-w3-bar-block .bugg-w3-dropdown-click .bugg-w3-dropdown-content{min-width:100%}
.bugg-w3-bar-block .bugg-w3-dropdown-hover .bugg-w3-button,.bugg-w3-bar-block .bugg-w3-dropdown-click .bugg-w3-button{width:100%;text-align:left;padding:8px 16px}
.bugg-w3-main,#main{transition:margin-left .4s}
.bugg-w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.bugg-w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.bugg-w3-bar{width:100%;overflow:hidden}.bugg-w3-center .bugg-w3-bar{display:inline-block;width:auto}
.bugg-w3-bar .bugg-w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.bugg-w3-bar .bugg-w3-dropdown-hover,.bugg-w3-bar .bugg-w3-dropdown-click{position:static;float:left}
.bugg-w3-bar .bugg-w3-button{white-space:normal}
.bugg-w3-bar-block .bugg-w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.bugg-w3-bar-block.bugg-w3-center .bugg-w3-bar-item{text-align:center}.bugg-w3-block{display:block;width:100%}
.bugg-w3-responsive{display:block;overflow-x:auto}
.bugg-w3-container:after,.bugg-w3-container:before,.bugg-w3-panel:after,.bugg-w3-panel:before,.bugg-w3-row:after,.bugg-w3-row:before,.bugg-w3-row-padding:after,.bugg-w3-row-padding:before,
.bugg-w3-cell-row:before,.bugg-w3-cell-row:after,.bugg-w3-clear:after,.bugg-w3-clear:before,.bugg-w3-bar:before,.bugg-w3-bar:after{content:"";display:table;clear:both}
.bugg-w3-col,.bugg-w3-half,.bugg-w3-third,.bugg-w3-twothird,.bugg-w3-threequarter,.bugg-w3-quarter{float:left;width:100%}
.bugg-w3-col.bugg-s1{width:8.33333%}.bugg-w3-col.bugg-s2{width:16.66666%}.bugg-w3-col.bugg-s3{width:24.99999%}.bugg-w3-col.bugg-s4{width:33.33333%}
.bugg-w3-col.bugg-s5{width:41.66666%}.bugg-w3-col.bugg-s6{width:49.99999%}.bugg-w3-col.bugg-s7{width:58.33333%}.bugg-w3-col.bugg-s8{width:66.66666%}
.bugg-w3-col.bugg-s9{width:74.99999%}.bugg-w3-col.bugg-s10{width:83.33333%}.bugg-w3-col.bugg-s11{width:91.66666%}.bugg-w3-col.bugg-s12{width:99.99999%}
@media (min-width:601px){.bugg-w3-col.bugg-m1{width:8.33333%}.bugg-w3-col.bugg-m2{width:16.66666%}.bugg-w3-col.bugg-m3,.bugg-w3-quarter{width:24.99999%}.bugg-w3-col.bugg-m4,.bugg-w3-third{width:33.33333%}
.bugg-w3-col.bugg-m5{width:41.66666%}.bugg-w3-col.bugg-m6,.bugg-w3-half{width:49.99999%}.bugg-w3-col.bugg-m7{width:58.33333%}.bugg-w3-col.bugg-m8,.bugg-w3-twothird{width:66.66666%}
.bugg-w3-col.bugg-m9,.bugg-w3-threequarter{width:74.99999%}.bugg-w3-col.bugg-m10{width:83.33333%}.bugg-w3-col.bugg-m11{width:91.66666%}.bugg-w3-col.bugg-m12{width:99.99999%}}
@media (min-width:993px){.bugg-w3-col.bugg-l1{width:8.33333%}.bugg-w3-col.bugg-l2{width:16.66666%}.bugg-w3-col.bugg-l3{width:24.99999%}.bugg-w3-col.bugg-l4{width:33.33333%}
.bugg-w3-col.bugg-l5{width:41.66666%}.bugg-w3-col.bugg-l6{width:49.99999%}.bugg-w3-col.bugg-l7{width:58.33333%}.bugg-w3-col.bugg-l8{width:66.66666%}
.bugg-w3-col.bugg-l9{width:74.99999%}.bugg-w3-col.bugg-l10{width:83.33333%}.bugg-w3-col.bugg-l11{width:91.66666%}.bugg-w3-col.bugg-l12{width:99.99999%}}
.bugg-w3-rest{overflow:hidden}.bugg-w3-stretch{margin-left:-16px;margin-right:-16px}
.bugg-w3-content,.bugg-w3-auto{margin-left:auto;margin-right:auto}.bugg-w3-content{max-width:980px}.bugg-w3-auto{max-width:1140px}
.bugg-w3-cell-row{display:table;width:100%}.bugg-w3-cell{display:table-cell}
.bugg-w3-cell-top{vertical-align:top}.bugg-w3-cell-middle{vertical-align:middle}.bugg-w3-cell-bottom{vertical-align:bottom}
.bugg-w3-hide{display:none!important}.bugg-w3-show-block,.bugg-w3-show{display:block!important}.bugg-w3-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.bugg-w3-auto{max-width:95%}}
@media (max-width:600px){.bugg-w3-modal-content{margin:0 10px;width:auto!important}.bugg-w3-modal{padding-top:30px}
.bugg-w3-dropdown-hover.bugg-w3-mobile .bugg-w3-dropdown-content,.bugg-w3-dropdown-click.bugg-w3-mobile .bugg-w3-dropdown-content{position:relative}
.bugg-w3-hide-small{display:none!important}.bugg-w3-mobile{display:block;width:100%!important}.bugg-w3-bar-item.bugg-w3-mobile,.bugg-w3-dropdown-hover.bugg-w3-mobile,.bugg-w3-dropdown-click.bugg-w3-mobile{text-align:center}
.bugg-w3-dropdown-hover.bugg-w3-mobile,.bugg-w3-dropdown-hover.bugg-w3-mobile .bugg-w3-btn,.bugg-w3-dropdown-hover.bugg-w3-mobile .bugg-w3-button,.bugg-w3-dropdown-click.bugg-w3-mobile,.bugg-w3-dropdown-click.bugg-w3-mobile .bugg-w3-btn,.bugg-w3-dropdown-click.bugg-w3-mobile .bugg-w3-button{width:100%}}
@media (max-width:768px){.bugg-w3-modal-content{width:500px}.bugg-w3-modal{padding-top:50px}}
@media (min-width:993px){.bugg-w3-modal-content{width:900px}.bugg-w3-hide-large{display:none!important}.bugg-w3-sidebar.bugg-w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.bugg-w3-hide-medium{display:none!important}}
@media (max-width:992px){.bugg-w3-sidebar.bugg-w3-collapse{display:none}.bugg-w3-main{margin-left:0!important;margin-right:0!important}.bugg-w3-auto{max-width:100%}}
.bugg-w3-top,.bugg-w3-bottom{position:fixed;width:100%;z-index:1}.bugg-w3-top{top:0}.bugg-w3-bottom{bottom:0}
.bugg-w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.bugg-w3-display-topleft{position:absolute;left:0;top:0}.bugg-w3-display-topright{position:absolute;right:0;top:0}
.bugg-w3-display-bottomleft{position:absolute;left:0;bottom:0}.bugg-w3-display-bottomright{position:absolute;right:0;bottom:0}
.bugg-w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.bugg-w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.bugg-w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.bugg-w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.bugg-w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.bugg-w3-display-container:hover .bugg-w3-display-hover{display:block}.bugg-w3-display-container:hover span.bugg-w3-display-hover{display:inline-block}.bugg-w3-display-hover{display:none}
.bugg-w3-display-position{position:absolute}
.bugg-w3-circle{border-radius:50%}
.bugg-w3-round-small{border-radius:2px}.bugg-w3-round,.bugg-w3-round-medium{border-radius:4px}.bugg-w3-round-large{border-radius:8px}.bugg-w3-round-xlarge{border-radius:16px}.bugg-w3-round-xxlarge{border-radius:32px}
.bugg-w3-row-padding,.bugg-w3-row-padding>.bugg-w3-half,.bugg-w3-row-padding>.bugg-w3-third,.bugg-w3-row-padding>.bugg-w3-twothird,.bugg-w3-row-padding>.bugg-w3-threequarter,.bugg-w3-row-padding>.bugg-w3-quarter,.bugg-w3-row-padding>.bugg-w3-col{padding:0 8px}
.bugg-w3-container,.bugg-w3-panel{padding:0.01em 16px}.bugg-w3-panel{margin-top:16px;margin-bottom:16px}
.bugg-w3-code,.bugg-w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.bugg-w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.bugg-w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.bugg-w3-card,.bugg-w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.bugg-w3-card-4,.bugg-w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.bugg-w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.bugg-w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.bugg-w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.bugg-w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.bugg-w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.bugg-w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.bugg-w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.bugg-w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.bugg-w3-animate-input{transition:width 0.4s ease-in-out}.bugg-w3-animate-input:focus{width:100%!important}
.bugg-w3-opacity,.bugg-w3-hover-opacity:hover{opacity:0.60}.bugg-w3-opacity-off,.bugg-w3-hover-opacity-off:hover{opacity:1}
.bugg-w3-opacity-max{opacity:0.25}.bugg-w3-opacity-min{opacity:0.75}
.bugg-w3-greyscale-max,.bugg-w3-grayscale-max,.bugg-w3-hover-greyscale:hover,.bugg-w3-hover-grayscale:hover{filter:grayscale(100%)}
.bugg-w3-greyscale,.bugg-w3-grayscale{filter:grayscale(75%)}.bugg-w3-greyscale-min,.bugg-w3-grayscale-min{filter:grayscale(50%)}
.bugg-w3-sepia{filter:sepia(75%)}.bugg-w3-sepia-max,.bugg-w3-hover-sepia:hover{filter:sepia(100%)}.bugg-w3-sepia-min{filter:sepia(50%)}
.bugg-w3-tiny{font-size:10px!important}.bugg-w3-small{font-size:12px!important}.bugg-w3-medium{font-size:15px!important}.bugg-w3-large{font-size:18px!important}
.bugg-w3-xlarge{font-size:24px!important}.bugg-w3-xxlarge{font-size:36px!important}.bugg-w3-xxxlarge{font-size:48px!important}.bugg-w3-jumbo{font-size:64px!important}
.bugg-w3-left-align{text-align:left!important}.bugg-w3-right-align{text-align:right!important}.bugg-w3-justify{text-align:justify!important}.bugg-w3-center{text-align:center!important}
.bugg-w3-border-0{border:0!important}.bugg-w3-border{border:1px solid #ccc!important}
.bugg-w3-border-top{border-top:1px solid #ccc!important}.bugg-w3-border-bottom{border-bottom:1px solid #ccc!important}
.bugg-w3-border-left{border-left:1px solid #ccc!important}.bugg-w3-border-right{border-right:1px solid #ccc!important}
.bugg-w3-topbar{border-top:6px solid #ccc!important}.bugg-w3-bottombar{border-bottom:6px solid #ccc!important}
.bugg-w3-leftbar{border-left:6px solid #ccc!important}.bugg-w3-rightbar{border-right:6px solid #ccc!important}
.bugg-w3-section,.bugg-w3-code{margin-top:16px!important;margin-bottom:16px!important}
.bugg-w3-margin{margin:16px!important}.bugg-w3-margin-top{margin-top:16px!important}.bugg-w3-margin-bottom{margin-bottom:16px!important}
.bugg-w3-margin-left{margin-left:16px!important}.bugg-w3-margin-right{margin-right:16px!important}
.bugg-w3-padding-small{padding:4px 8px!important}.bugg-w3-padding{padding:8px 16px!important}.bugg-w3-padding-large{padding:12px 24px!important}
.bugg-w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.bugg-w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.bugg-w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.bugg-w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.bugg-w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.bugg-w3-padding-top-64{padding-top:64px!important}.bugg-w3-padding-top-48{padding-top:48px!important}
.bugg-w3-padding-top-32{padding-top:32px!important}.bugg-w3-padding-top-24{padding-top:24px!important}
.bugg-w3-left{float:left!important}.bugg-w3-right{float:right!important}
.bugg-w3-button:hover{color:#000!important;background-color:#ccc!important}
.bugg-w3-transparent,.bugg-w3-hover-none:hover{background-color:transparent!important}
.bugg-w3-hover-none:hover{box-shadow:none!important}
button,
textarea,
input,
select,
a,
li,
ul {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text; max-width:100%
}

input:-internal-autofill-selected,
input:-webkit-autofill:active,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:active textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:active,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 0px solid green;
    -webkit-text-fill-color: #363637;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
    background: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    hyphens: auto;
}

a, a:hover, a:visited, a:link, a:focus {
    text-decoration: none
}

*:focus, a:focus {
    outline: none !important;
}

:root {
    --d-primary-color: #363637;
    --d-primary-color-rgb: 54, 54, 55;
    --primary-color: #c5532b;
    --primary-color-rgb: 197, 83, 43;
    --h-primary-color: #2b50c5;
    --secondary-color: #182fc4;
    --h-secondary-color: #0073f1;
    --h-secondary-color-rgb: 0, 115, 241;
    --third-color: #0e5478;
    --third-color-rgb: 14, 84, 120;
    --h-third-color: #647899;
    --h-third-color-rgb: 100, 120, 153;
    --main-red: #c4212f;
    --h-main-red: #c52b69;
    --main-green-rgb: 0, 145, 82;
    --h-main-green: #3fc45e;
    --main-silver: #6a6d70;
    --main-silver-rgb: 106, 109, 112;
    --h-main-silver: #3b444b;
    --bg-inputs: #f5f5f5;
    --bg-prodbox: #f4f7f9;
    --bg-prodbox-rgb: 244, 247, 249;
    --border-form: #ccd3e3;
    --border-form-rgb: 204, 211, 227;

    --star-size: 13px;
    --star-color: #ddd;
    --star-background: #fc0;

    --bg-silver:#f3f6fa;
}


.bugg-starsAvg {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
.bugg-starsAvg::before {
  content: "★★★★★";
  letter-spacing: 3px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bugg-starsAvg22 {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
.bugg-starsAvg22::before {
  content: "\f005";
  letter-spacing: 3px;
  background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Font Awesome';
  font-weight: 900;
}

.bugg-starsAvgZero {
  --percent: 100;
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
}
.bugg-starsAvgZero::before {
  content: "\f005";
  letter-spacing: 3px;
  background: var(--star-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Font Awesome';
  font-weight: 900;
}



.bugg-jiAnimate02{
    -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.bugg-jiAnimate03{
    -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
     -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.bugg-jiAnimate05{
    -webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
     -moz-transition: all 0.5s linear;
     -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}


.bugg-mce-content-body{padding:5px 5px;}

b{font-family: 'ji-SemiBold';}

h1,h2,h3,h4,h5{
    margin-block-start:0; margin-block-end:0; margin-inline-start:0; margin-inline-end:0;
    padding-block-start:0; padding-block-end:0; padding-inline-start:0; padding-inline-end:0;
    font-family: 'ji-SemiBold';
    line-height: 1.4;
}

h1{font-size:30px;}
h2{font-size:26px;}

img {margin-bottom: 0px !important ; max-width:100%}

button, input, select, textarea, ::placeholder {
    color:#333333;
    font-size:0.75rem;line-height: 1rem;
}


.bugg-textEditorGlobal{
    padding-right:10px;
    font-family: 'ji-Regular' !important;
}
    .bugg-textEditorGlobal ul, .bugg-textEditorGlobal ol{
        list-style: circle;
        margin:00px 0px 0px 20px;
    }
    .bugg-textEditorGlobal em{font-style: italic;}
    .bugg-textEditorGlobal img{width:auto!important; max-width: 100% !important;}
    .bugg-textEditorGlobal strong{font-family: 'ji-SemiBold';}

.bugg-jiOverlay{
    position: fixed;
    display: inline;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(54, 54, 55, 0.9);
    z-index: 70;
}




.bugg-jiFullPage {
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    bottom: 0px;
    overflow: hidden;
    background: silver;
}

.bugg-jiPageBandBig{ margin-top:50px;}

.bugg-jiPageBand {
    margin-top: 30px;
}

.bugg-jiPageBandSml {
    margin-top: 20px;
}

.bugg-jiSiteWidth{
    width: 90%;
    max-width: 1480px;
}

.bugg-jiSiteWidthMedium {
    width: 100%;
    max-width: 900px;
}

.bugg-jiSiteWidthHalf {
    width: 100%;
    max-width: 600px;
}

.bugg-jiSiteWidthSmall {
    width: 100%;
    max-width: 400px;
}

.bugg-jiLeftSide {
    padding-right: 15px;
}

.bugg-jiRightSide {
    padding-left: 15px;
}

.bugg-jiPageTitle {
    position: relative;
    text-align: left;
    font-size: 1.3rem;
    font-family: ji-SemiBold;
}

.bugg-jiPageTitle span {
    display: inline-block;
    line-height: 40px;
    padding: 5px 80px;
    background: var(--primary-color);
    color: white;
    border-radius: 4px;
    letter-spacing: 1px;
}

.bugg-nivo-directionNav a,
.slick-arrow{
    display: inline-flex; align-items: center; justify-content: center;
    width:40px;height: 40px;top:50%;margin-top:-20px;
    text-align: center;
    position: absolute;
    z-index: 61;
    opacity: .4;
    color: white;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.bugg-nivo-directionNav a.bugg-nivo-prevNav,
.slick-arrow.slick-prev{left:10px;}

.bugg-nivo-directionNav a.bugg-nivo-nextNav,
.slick-arrow.slick-next{right:10px;}

.bugg-prodPhotoGalery .slick-arrow.slick-next{width:30px; right:-0px;}
.bugg-prodPhotoGalery .slick-arrow.slick-prev{width:30px; left:-0px;}
.bugg-nivo-directionNav a:hover,
.slick-arrow:hover {
    opacity: 0.8;
    color: white;
    cursor: pointer;
}

.bugg-centerMode .slick-prev{left:-25px;}
.bugg-centerMode .slick-next{right:-25px;}

.bugg-nivo-directionNav a i,
.slick-arrow i {
    font-size: 20px;
    line-height: 50px;
}

.bugg-nivo-directionNav a.bugg-nivo-prevNav {
    left: 15px;
}

.bugg-nivo-directionNav a.bugg-nivo-nextNav {
    right: 15px !important;
}

.bugg-toCatLister{ text-align: left;}
    .bugg-toCatLister .bugg-allProdLinker{display: inline-block; width:40px;line-height: 40px; text-align: center; font-size: 24px;}
.bugg-breadCrumb{text-align: right;}

.slick-dots{ border:0px solid red; }
    .slick-dots li{widh:10px; height: 10px; border-radius: 50%; background-color: var(--main-silver); display: none;}
    .slick-dots li.slick-active{background-color: var(--secondary-color);}


.bugg-preventActionParent{float:right; width:auto;}
a.bugg-preventAction{display: inline-block; background: var(--primary-color-d);color:white; text-align: center;  font-family: 'ji-SemiBold'; font-size: 0.75rem; line-height:1;  padding:16px 00px; width: 169px; border-radius: 6px;
    -o-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
a.bugg-preventAction.bugg-mediumType{font-size: 0.88rem;line-height: 1; border-radius: 4px; padding:13px 20px; width:auto;}
a.bugg-preventAction.bugg-smallType{width:auto; padding:16px 19.5px;}
a.bugg-preventAction.bugg-passiveMode{ background: transparent; border:1px solid #eaebed; color: #888888;}
a.bugg-preventAction.bugg-reverseMode{background: #CCF1E5; color:#38B97D;}
a.bugg-preventAction.bugg-secondMode{background: black; color:white;}
a.bugg-preventAction.bugg-w3-right.bugg-secondButton{margin-right:15px;}
a.bugg-preventAction.bugg-w3-left.bugg-secondButton{margin-left:15px;}

a.bugg-preventAction:hover{background-color: var(--primary-color);}
a.bugg-preventAction.bugg-iconPlus::after{
    content:"\f101";
    font-family: 'Font Awesome';
    font-weight: 900;
    position: relative;
    top:1px;
    margin-left:3px;
    -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
a.bugg-preventAction.bugg-iconPlus:hover::after{
    transform:rotate(180deg);
    content:"\f101";
}
.bugg-formContainter {}

.bugg-w3-btn,
.bugg-w3-button {
    position: relative;
    letter-spacing: 1px;
    font-size: 1.1rem;
    line-height: 40px;
    padding: 0px 40px;
    background-color: var(--primary-color);
    color: white;
    border-radius: 4px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.bugg-w3-btn:hover, .bugg-w3-btn-block:hover, .bugg-w3-btn-floating:hover, .bugg-w3-btn-floating-large:hover {
    box-shadow: none;
    background-color: var(--primary-color-d);
}

.bugg-webForm {
    position: relative;
    padding: 10px 10px;
    border-radius: 10px;
}

.bugg-webForm .bugg-formTitle {
    font-family: ji-Medium;
    font-size: 1.33rem;
    margin-bottom: 30px;
}

.bugg-webForm .bugg-officerOpenClose {
    display: none;
}

.bugg-webForm .bugg-formBody {}

.bugg-webForm .bugg-formLoopDiv {
    margin-top: 10px;
    float: left;
    width: 100%;
    position: relative;
}

.bugg-webForm .bugg-formLoopDiv:first-child {
    margin-top: 0px;
}

.bugg-webForm .bugg-formInputLabel,
.bugg-webForm .bugg-formLoopDiv label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.bugg-webForm .bugg-w3-input {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 0.95rem;
    background-color: white;
    padding: 0px 5px;
    border: 1px solid var(--border-silver) !important;
    border-radius: 4px;
}

.bugg-webFormBlocker {
    position: relative;
    border: 1px solid var(--border-silver);
    padding: 0px 10px 20px 10px;
    border-radius: 10px;
    margin-top: 20px;
}

.bugg-webFormBlocker .bugg-blockTitle {
    display: inline-block;
    position: relative;
    background: var(--border-silver);
    padding: 5px 10px;
    top: -16px;
    font-family: ji-SemiBold;
    font-size: 1.05;
    border-radius: 5px;
}

.bugg-webFormBlocker .bugg-blockTitle+.bugg-formLoopDiv {
    margin-top: 0px !important;
}

.bugg-w3-select,
.bugg-w3-input {
    height: 40px;
    font-size: 0.95rem;
    background-color: white;
    padding: 0px 3px;
    border: 1px solid #e2e3e6 !important;
}

.bugg-w3-check,
.bugg-inputRadio {
    width: 18px;
    height: 18px;
    top: 4px;
}


textarea.bugg-w3-input {
    height: 90px !important;
}

.bugg-w3-select {
    height: 40px !important;
}

.bugg-hasDatepicker {
    position: relative;
}

.bugg-jiSelect-dropDown {
    background: white;
}


.bugg-formStaticInfo{display:inline-block; width:100%; float:left; margin-top:20px;padding:0px 20px;}

.bugg-formStaticInfo.bugg-colorError{color:var(--jfrm-error-dark)}
.bugg-formStaticInfo.bugg-smallType{margin-top:10px; padding:0px 10px;}


.bugg-criteriaTitle{ display:inline-block; width:100%; font-family:'ji-Medium';}
.bugg-cartFormRadioBox{
    position:relative;
    display:inline-block;
    margin:10px 0px 0px 20px;
    min-width:100px;
    line-height: 30px;
}

.bugg-cartFormRadioBox:first-child{
    margin:10px 0px 0px 0px;
}
    .bugg-cartFormRadioBox label{ display:inline-block; position: relative; width:100%; height:100%; text-align:center;border:1px solid rgb(221,221,221);border-radius:5px;
    -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    }
    .bugg-cartFormRadioBox.bugg-notAvaibleStock label{
        opacity:0.5;
    }
    .bugg-cartFormRadioBox.bugg-notAvaibleStock label::after{
        width:calc(100% + 2px);
        height: 1px;
        content:'';
        position: absolute;
        top:1px; left:1px;
        background: rgb(221,221,221);
        transform-origin:0 0;
        transform:rotate(16deg);
    }
        .bugg-cartFormRadioBox label:hover{cursor:pointer; background: var(--border-silver);}
        .bugg-cartFormRadioBox label.bugg-selected{
            border:1px solid var(--primary-color);
            background:var(--bg-silver);
        }
    .bugg-cartFormRadioBox .bugg-inputRadio{opacity:0;width:0px; height: 0px;}
.bugg-cartDoActionCover{
    margin-top:20px;
}
.bugg-listerZoneMain {
    position: relative;
}

.bugg-listMainDiv {
    margin: 5px 0px 0px 0px;
    position:relative;
}

.bugg-listHeadMainTitle {
    letter-spacing: 1px;
    font-size: 15px;
    border-bottom: 0px solid rgba(var(--border-silver-rgb), 0.7);
    padding: 5px;
    font-family: ji-Bold;
}

.bugg-listHeadSectionTitles {
    border-bottom: 1px solid rgba(var(--border-silver-rgb), 0.6);
    font-family: ji-SemiBold;
    font-size: 1.05rem;
}

.bugg-listHeadSectionTitles.bugg-moreSpace {
    padding: 10px 0px;
}

.bugg-listSectionTitle {
    padding: 3px 2px;
    line-height: 25px;
}

.bugg-listSectionTitle.bugg-iconRowTitle{
    text-align: center;
}
.bugg-listSectionTitle p {
    padding: 0px 2px;
}

.bugg-listBodyBg {}

.bugg-listLoopMain:nth-of-type(2n) {
}

.bugg-listLoopMain {
    position: relative;
    border-bottom: 1px solid rgba(var(--border-silver-rgb), 0.4);
    padding: 10px 5px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.bugg-listLoopMain:hover {
    background: #F6F6F7;
}

.bugg-listLoopMain.bugg-canFlexAll,
.bugg-listLoopMain.bugg-canFlexOnly {
    display: flex;
}

.bugg-listLoopMain.bugg-bgChanger:hover {
    background: rgba(211, 213, 214, 0.5);
}

.bugg-listLoopMain.bugg-canFlexAll .bugg-listLoopSection,
.bugg-listLoopSection.bugg-canFlexOnly {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.bugg-listLoopMain.bugg-canFlexAll .bugg-listLoopSection.bugg-toRight, .bugg-listLoopSection.bugg-canFlexOnly.bugg-toRight {
    justify-content: flex-end;
}

.bugg-listLoopSection.bugg-canFlexOnly.bugg-toCenter {
    justify-content: center;
}

.bugg-listLoopSection {
    position: relative;
    min-height: 40px;
}

.bugg-listLoopSection a.bugg-list358Icon {
    max-width: 150px !important;
    float: right;
    display: block;
    margin-right: 20px
}

.bugg-listLoopSection.bugg-iconParentFlex {
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding-right:5px;
}

.bugg-listLoopSection.bugg-iconParentFlex .bugg-actionIconParent {
    margin-right: 4px;
}

.bugg-listLoopSection img {
    max-width: 90%;
    max-height: 70px;
}

.bugg-listLoopSection a {
    position: relative;
    padding-top: 3px;
}

.bugg-listLoopSection .bugg-listCatName {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    font-family: ji-SemiBold;
    font-size: 0.9rem;
}

.bugg-listLoopSection .bugg-listDistName {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    font-family: ji-SemiBold;
    font-size: 0.9rem;
}

.bugg-listLoopSection .bugg-actionIconParent,
.bugg-listLoopSection .bugg-iconParent {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 18px;
    border: 1px solid #ea7f7e;
    color: #ea7f7e;
    border-radius: 3px;
    padding-top: 0px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin-left: 5px;
}

.bugg-listLoopSection .bugg-iconParent {}

.bugg-listLoopMain.bugg-bgChanger:hover .bugg-actionIconParent,
.bugg-listLoopMain.bugg-bgChanger:hover .bugg-iconParent {
    border: 1px solid rgb(250, 250, 250);
}

.bugg-listLoopSection .bugg-actionIconParent:hover,
.bugg-listLoopSection .bugg-iconParent:hover {
    background: var(--primary-color);
}

.bugg-listLoopSection .bugg-actionIcon {
    display: inline-block;
    color: #888888;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.bugg-listLoopSection .bugg-iconParent .bugg-jfrmSvgIcon {
    fill: #888888;
}

.bugg-listLoopSection .bugg-iconParent .bugg-jfrmIcon {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 1px 1px 1px 1px;
    fill: rgba(61, 61, 89, 0.7) !important;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.bugg-listLoopSection .bugg-iconParent:hover .bugg-jfrmIcon {
}

.bugg-listLoopSection .bugg-actionIconParent:hover .bugg-actionIcon {
    color: white;
}

.bugg-listLoopSection .bugg-actionIcon:hover {}

.bugg-listLoopSection .bugg-actionJaxBoxSml {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 18px;
    border: 1px solid rgb(238, 238, 238);
    color: #888888;
    border-radius: 3px;
    padding-top: 0px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.bugg-listLoopSection .bugg-actionJaxBoxSml:hover {
    border: 2px solid #c42003;
    color: #c42003;
}

.bugg-basketLoopFooter{
    padding:3px 0px;
}

.bugg-listOrderMain {
    border-bottom: 1px solid #e0e0e1;
    padding: 5px;
}

.bugg-webPager {
    border-bottom: 1px solid rgba(var(--border-silver-rgb), 0.6);
    padding: 10px 3px;
    margin-top: 15px;
}

.bugg-webPager .bugg-pagerParent {
    text-align: right
}

.bugg-webPager a {
    width: 30px;
    height: 30px;
    border: 1px solid #dddddd;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    color: #222222;
    margin-left: 2px;
}

.bugg-webPager a:hover,
.bugg-webPager a.bugg-active {
    background-color: var(--primary-color);
    color: white;
    border-color: rgb(var(--primary-color-rgb));
}
.bugg-listCounter {
    background-color: rgba(219, 218, 218, 0.70);
    ;
    border-bottom: 1px solid #248AC8;
    padding: 3px;
    font-size: 11px;
}

.bugg-listForm {
    display: none;
}

.bugg-listLoopSection a.bugg-downloadExcel {
    float: right;
    display: inline-block !important;
    border: 1px solid rgb(146 146 146 / 1);
    padding: 5px 5px;
}

.bugg-listLoopSection a.bugg-downloadExcel:hover {
    border: 1px solid rgb(var(--primary-color-rgb));
}

.bugg-listLoopSection a.bugg-downloadExcel:hover i {
    color: var(--primary-color);
}

.bugg-listerMainOverlay {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 3;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}


.bugg-jiScroller{
    position:relative;
    background:#eeecf1;
     overflow-x: hidden;
}


.bugg-jiScroller::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.1);
    background-color: rgba(54, 54, 55,0.2);
}

.bugg-jiScroller::-webkit-scrollbar{
    width: 6px;
    background-color: rgba(54, 54, 55,0.1);
}

.bugg-jiScroller::-webkit-scrollbar-thumb{
    background-color: rgba(5,153,171,0.8);
}



@media (min-width: 1651px) {
    .bugg-jiSiteWidthMedium {width: 100%;max-width: 900px;}
    .bugg-jiSiteWidthHalf {width: 100%;max-width: 600px;}
    .bugg-jiSiteWidthSmall {width: 100%;max-width: 400px;}

}

@media  only screen and (min-width: 1201px) and (max-width: 1650px) {
}

@media  only screen and (min-width: 993px) and (max-width: 1200px) {

}
@media (min-width: 602px) and (max-width: 992px) {

}

@media (max-width: 601px) {
    .bugg-w3-btn{line-height: 45px; padding:0px 50px; text-align: center;  max-width: 100%;}
    .bugg-jiLeftSide{padding-right: 0px;}
    .bugg-jiRightSide{padding-left:0px;}
    .slick-arrow{
        width:40px;height: 40px;top: auto; top:50%; margin-top:-20px;
        text-align: center;
        position: absolute;
        z-index: 61;
        opacity: .4;
        color: white;
        border-radius: 3px;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .bugg-nivo-directionNav a.bugg-nivo-prevNav,
    .slick-arrow.slick-prev{left:0px;}

    .bugg-nivo-directionNav a.bugg-nivo-nextNav,
    .slick-arrow.slick-next{right:00px;}

    .slick-dots{
        bottom:-15px
    }
    .slick-dots li {display: inline-block;}

}


.bugg-footerMarkers{
    margin-top:50px;
    border:0px solid red;
    padding:0px 20px 20px 20px;
}
:root{
    --jfrm-error:#e34850;
    --jfrm-error-light:#F4C2C5;
    --jfrm-error-dark:#9d181f;

    --jfrm-warning: #E68618;
    --jfrm-warning-light: #F5D9B7;
    --jfrm-warning-dark: #8e520f;

    --jfrm-info:#2680EB;
    --jfrm-info-light:#B4D3F7;
    --jfrm-info-dark:#0f51a0;

    --jfrm-success:#2E9C77;
    --jfrm-success-light:#AFE8D5;
    --jfrm-success-dark:#1c6049;

    --jfrm-gray:#868686;
}

.bugg-jfrmButton{
    padding:0rem 1rem;
    line-height: 40px;
    border-radius: 4px;
    font-size: 1rem;
    display:inline-block;
}
.bugg-jfrmButton:hover{cursor:pointer;}
.bugg-jfrmProjectStdBg{background:rgba(91,112,133,1); color:white;}
.bugg-jfrmProjectStdBg:hover{background: #f89539;}
.bugg-jfrmErrorBg{color:white;background: var(--jfrm-error)!important;}
.bugg-jfrmWarningBg{color:white;background: var(--jfrm-warning)!important;}
.bugg-jfrmInfoBg{color:white;background: var(--jfrm-info)!important;}
.bugg-jfrmSuccessBg{color:white;background: var(--jfrm-success)!important;}


.bugg-jfrmStatusView{
    display: inline-block;
    width:100%;
    overflow: hidden;
    font-size:0.9rem;
    font-family: ji-SemiBold;
}
    .bugg-jfrmStatusView.bugg-jfrmStatus_a{color:var(--jfrm-success);}
    .bugg-jfrmStatusView.bugg-jfrmStatusA_a{color:var(--jfrm-info);}
    .bugg-jfrmStatusView.bugg-jfrmStatusAD_a{color:var(--jfrm-info-dark);}

    .bugg-jfrmStatusView.bugg-jfrmStatus_p{color:var(--jfrm-gray);}
    .bugg-jfrmStatusView.bugg-jfrmStatusA_p{color:var(--jfrm-gray);}
    .bugg-jfrmStatusView.bugg-jfrmStatusAD_p{color:var(--jfrm-gray);}

    .bugg-jfrmStatusView.bugg-jfrmStatus_w{color:var(--jfrm-warning);}
    .bugg-jfrmStatusView.bugg-jfrmStatusAD_w{color:var(--jfrm-warning-dark);}

    .bugg-jfrmStatusView.bugg-jfrmStatus_1{color:var(--jfrm-gray);}
    .bugg-jfrmStatusView.bugg-jfrmStatus_10{color:var(--jfrm-warning);}
    .bugg-jfrmStatusView.bugg-jfrmStatus_20{color:var(--jfrm-info);}
    .bugg-jfrmStatusView.bugg-jfrmStatus_30{color:var(--jfrm-success);}
    .bugg-jfrmStatusView.bugg-jfrmStatus_40{color:var(--jfrm-error);}
    .bugg-jfrmStatusView.bugg-jfrmStatus_50{color:var(---jfrm-error);}
    .bugg-jfrmStatusView.bugg-jfrmStatus_60{color:var(--jfrm-error-dark);}




.bugg-jfrmFlashMessage{
    position:absolute; display:inline-block; padding:5px 40px; border-radius:3px; line-height: 25px;
    top:55px;
    left:50%;
    z-index:50;
    transform: translateX(-50%);
    font-family:ji-Bold;
    font-size:1.1rem;
    -webkit-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
    opacity: 0;
    visibility: hidden;
    z-index: -10
}

    .bugg-jfrmFlashMessage.bugg-active{
        opacity: 1;
        visibility: visible;
        z-index:50;
    }


    .bugg-jfrmFlashMessage.bugg-success{
        border:1px solid #358a4d;
        background-color: #a1dbb1;
        color:#1b660f;
    }

    .bugg-jfrmFlashMessage.bugg-error{
        border:1px solid #b90c0d;
        background-color: #f99494;
        color:#bd0816;
    }
#jfrmDisposableHome{
    z-index: 1000;
}
.bugg-jfrmDisposable{
    position: fixed;
    display: flex;
    align-items: center;
    width:500px;
    height: 72px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding:5px 15px 5px 15px;
    top:90px;
    right: 0px;
    transform: translateX(510px);
    -webkit-transform: translateX(510px);
     -o-transform: translateX(510px);
     -moz-transform: translateX(510px);
     -ms-transform: translateX(510px);
    font-family: 'ji-SemiBold';
    z-index: 4000;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.3);
    opacity: 0;
    border-radius: 5px;
}
.bugg-jfrmDisposable.bugg-stds{
    position: relative !important;
    top:auto!important;
    right:auto!important;
    margin-top:10px;
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
     -o-transform: translateX(0px);
     -moz-transform: translateX(0px);
     -ms-transform: translateX(0px);
}
.bugg-jfrmDisposable.bugg-open{
    z-index: 400;
    animation-name: jfrmDisposable;
    animation-duration: 3.0s;
    animation-timing-function: ease;
}

@keyframes jfrmDisposable{
    0%{
        transform: translateX(510px);
        -webkit-transform: translateX(510px);
         -o-transform: translateX(510px);
         -moz-transform: translateX(510px);
         -ms-transform: translateX(510px);
        opacity: 0;
    } 3%{
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
         -o-transform: translateX(0px);
         -moz-transform: translateX(0px);
         -ms-transform: translateX(0px);
        opacity: 1;
    }95%{
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
         -o-transform: translateX(0px);
         -moz-transform: translateX(0px);
         -ms-transform: translateX(0px);
        opacity: 1;
    }100%{
        transform: translateX(510px);
        -webkit-transform: translateX(510px);
         -o-transform: translateX(510px);
         -moz-transform: translateX(510px);
         -ms-transform: translateX(510px);
        opacity: 0;
     }
}

@-webkit-keyframes jfrmDisposable{
    0%{
        transform: translateX(510px);
        -webkit-transform: translateX(510px);
         -o-transform: translateX(510px);
         -moz-transform: translateX(510px);
         -ms-transform: translateX(510px);
        opacity: 0;
    } 3%{
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
         -o-transform: translateX(0px);
         -moz-transform: translateX(0px);
         -ms-transform: translateX(0px);
        opacity: 1;
    }95%{
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
         -o-transform: translateX(0px);
         -moz-transform: translateX(0px);
         -ms-transform: translateX(0px);
        opacity: 1;
    }100%{
        transform: translateX(510px);
        -webkit-transform: translateX(510px);
         -o-transform: translateX(510px);
         -moz-transform: translateX(510px);
         -ms-transform: translateX(510px);
        opacity: 0;
     }
}

.bugg-jfrmDisposable.bugg-goDown{
    transform: translate(-340px, 800px);
}

.bugg-jfrmDisposable.bugg-close{
    transform: translate(-340px,800px);
}
    .bugg-jfrmDisposable .bugg-jfrmMsg{
        display: inline-block;
        width:calc(100% - 40px);
        letter-spacing: 0.5px;
        padding-left:10px;
        padding-right:10px;
        border:0px solid black;
        font-size: 1rem;
        line-height: 1.3rem;
    }

    .bugg-jfrmDisposable.bugg-error{
        background-color: #FFBDAD;
        border: 2px solid #FF5630;
        color: #9d181f;
    }
        .bugg-jfrmDisposable.bugg-error::before {
            font-family: 'Font Awesome';
            font-weight: 900;
            content: "\f057";
        }
    .bugg-jfrmDisposable.bugg-warning{
        border: 2px solid #e68619;
        background: #FFF0B3;
        color: #8e520f;
    }
        .bugg-jfrmDisposable.bugg-warning::before {
            font-family: 'Font Awesome';
            font-weight: 900;
            content: "\f071";
        }
    .bugg-jfrmDisposable.bugg-info{
        background-color: #B3D4FF;
        border: 2px solid #2680eb;
        color: #0f51a0;
    }
        .bugg-jfrmDisposable.bugg-info::before {
            font-family: 'Font Awesome';
            font-weight: 900;
            content: "\f0a1";
        }
    .bugg-jfrmDisposable.bugg-success{
        background-color: #ABF5D1;
        border: 2px solid #2D9D78;
        color: #1c6049;
    }
    .bugg-jfrmDisposable.bugg-success::before {
        font-family: 'Font Awesome';
        font-weight: 900;
        content: "\f00c";
    }
    .bugg-jfrmDisposable.bugg-error::before,
    .bugg-jfrmDisposable.bugg-warning::before,
    .bugg-jfrmDisposable.bugg-info::before,
    .bugg-jfrmDisposable.bugg-success::before{
        display: inline;
        float:left;
        width: 24px;
        font-size: 24px;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
    }



.bugg-furDialogs,
.bugg-furDialogs.bugg-smallType{
    position: relative;
    padding:12px 12px 12px 12px;
    margin:10px 0px 10px 0px;
    font-family: 'ji-SemiBold';
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: #fafafa;
    border-radius: 5px;
}

    .bugg-furDialogs .bugg-jfrmSvgIcon,
    .bugg-furDialogs.bugg-smallType .bugg-jfrmSvgIcon{
        position: relative;
        display: inline-block;
        float:left;
        width:30px;
        height: 30px;
        margin-right:15px;
    }
    .bugg-furDialogs .bugg-showText,
    .bugg-furDialogs.bugg-smallType .bugg-showText{
        line-height: 30px;
        font-size: 1.15rem;
    }

    .bugg-furDialogs .bugg-subAction{
        position: relative;
        display: inline-block;
        margin:5px 0px 0px 50px;
        padding:10px 0px 10px 0px;
        width: calc(100% - 90px);
        border:0px solid red;
    }

    .bugg-furDialogs.bugg-error{
        background-color: #FFBDAD;
        border: 2px solid #E34850;
        color: #9d181f;
    }
        .bugg-furDialogs.bugg-error .bugg-jfrmSvgIcon{fill:#9d181f}
    .bugg-furDialogs.bugg-success{
        background-color: #ABF5D1;
        border: 2px solid #2D9D78;
        color: #1c6049;
    }
        .bugg-furDialogs.bugg-success .bugg-jfrmSvgIcon{fill:#1c6049}
    .bugg-furDialogs.bugg-info{
        background-color: #B3D4FF;
        border: 2px solid #2680eb;
        color: #0f51a0;
    }
        .bugg-furDialogs.bugg-info .bugg-jfrmSvgIcon{fill:#0f51a0}
    .bugg-furDialogs.bugg-warning{
        border: 2px solid #e68619;
        background: #FFF0B3;
        color: #8e520f;
    }
        .bugg-furDialogs.bugg-warning .bugg-jfrmSvgIcon{fill:#8e520f}
    .bugg-furDialogs.bugg-brief{
        padding:0px 0px !important;
        background-color: transparent;
        border-bottom: 1px solid #2680eb;
        color: var(--d-primary-color);
        margin:5px 0px 0px 0px;
    }
.bugg-jfrmModalOne{
    position: fixed;
    width:auto;
    min-width:500px;
    max-width: 90%;
    height: auto;
    max-height: 65%;
    border-radius: 10px;
    background: white;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.3);
    top:50%;
    left:50%;
    transform: translate(-50%,-100%) scale(1,0);
    -webkit-transform: translate(-50%,-100%) scale(1,0); -o-transform: translate(-50%,-100%) scale(1,0); -moz-transform: translate(-50%,-100%) scale(1,0); -ms-transform: translate(-50%,-100%) scale(1,0);
    transform-origin: 0 0;
    -webkit-transition : all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition:all 0.1s linear;
    transition:all 0.1s linear;
    z-index: 80;
    opacity: 1;
    display: -ms-flex; display: -webkit-flex; display: flex;
}



.bugg-jfrmModalOne.bugg-open{
    width:1050px;
    transform: translate(-50%,-50%) scale(1);
    -webkit-transform: translate(-50%,-50%) scale(1); -o-transform: translate(-50%,-50%) scale(1); -moz-transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1);
    z-index: 80;
    animation-name:modalOppenner;
    animation-duration: 0.1s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function:ease-in-out;
}

.bugg-jfrmModalOne.bugg-open.bugg-smallsize{
    width:500px;
}
.bugg-jfrmModalOne.bugg-open.bugg-mediumsize,
.bugg-jfrmModalOne.bugg-open.bugg-medium{
    width:800px;
}

.bugg-jfrmModalOne.bugg-open.bugg-closing{
}

@keyframes modalOppenner {
    0% {
        opacity: 0;
    } 40% {
        opacity: 0.6;
    }90% {
        opacity: 0.9;
    }100% {
        opacity: 1;
    }
}

@-webkit-keyframes modalOppenner {
    0% {
        opacity: 0;
    } 40% {
        opacity: 0.6;
    }90% {
        opacity: 0.9;
    }100% {
        opacity: 1;
    }
}

@-moz-keyframes modalOppenner {
    0% {
        opacity: 0;
    } 40% {
        opacity: 0.6;
    }90% {
        opacity: 0.9;
    }100% {
        opacity: 1;
    }
}

    .bugg-jfrmModalOne .bugg-closeModalBox{
        position: absolute;
        top: -45px;
        right: 10px;
        width: 50px;
        line-height: 50px;
        text-align: center;
        height: 60px;
        background: var(--jfrm-error-dark);
        color:white;
        font-size:20px;
        z-index: 2;
        border-radius: 10px;
    }

    .bugg-jfrmModalOne .bugg-closeModalBox:hover{
        cursor:pointer;
    }

    .bugg-jfrmModalOne .bugg-closeModalBox .bugg-jfrmSvgIcon{
        position: relative;
        float: right;
        fill:white;
        margin: 13px 14px 0px 0px;
        width: 20px;
        height: 20px;
    }
    .bugg-jfrmModalOne .bugg-closeModalBox svg{
        width: 20px;
        height: 20px;
    }
        .bugg-jfrmModalOne .bugg-closeModalBox .bugg-modalClose .bugg-strokeClass{
            stroke:#ffffff;
        }

        .bugg-jfrmModalOne .bugg-closeModalBox:hover .bugg-modalClose .bugg-strokeClass{
            stroke:#ea5951;
        }

    .bugg-jfrmModalOne .bugg-jfrmModalOneContent{
        position: relative;
        float:left;
        width:100%;
        border-radius: 10px;
        z-index: 5;
        background: white;
        padding:20px 20px;
        overflow: scroll;
        scrollbar-width: none;
        flex:1;
    }
.bugg-jfrmModalOne .bugg-jfrmModalOneContent::-webkit-scrollbar{
    display: none;
}

        .bugg-jfrmModalOne .bugg-loginForm{
            margin-top:0px !important;
            min-height: 320px;
        }
            .bugg-jfrmModalOne .bugg-loginForm .bugg-formLoopDiv {margin-top:5px;}

    .bugg-jfrmModalOne .bugg-modalOneWelcome{
        height: 200px;
    }
.bugg-officerOpenClose{
    display: block;
    position: absolute;
    top: 3px;
    right: 3px;
    width: 26px;
    height: 26px;
    text-align: center;
    border: 0px solid black;
    color:white;
    -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    .bugg-officerOpenClose .bugg-jfrmIcon{
        display: block;
        width: 22px;
        height: 22px;
        margin:2px 2px;
        fill:white;
        -webkit-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
         -moz-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    .bugg-officerOpenClose.bugg-dark .bugg-jfrmIcon{
        fill:var(--third-color);
    }
    .bugg-officerOpenClose.bugg-active .bugg-jfrmIcon{
        transform: rotate(180deg);
    }
    .bugg-officerOpenClose:hover{
        cursor: pointer;
    }

.bugg-officerFavorite{position: relative; display: inline-flex; justify-content: center; align-items: center;width:40px; height: 40px; margin-top:0px;
     border:0px solid #adadad;text-align: center;
     border-radius: 50%;
 }
 .bugg-officerFavorite:hover{cursor:pointer;border:0px solid #ff5500; color:#ff5500}
.bugg-officerFavorite.bugg-active{color:#ff5500;border:0px solid #ff5500; }
    .bugg-officerFavorite .bugg-jfrmSvgIcon{width:18px; height: 18px; display: inline-block;fill:#adadad;}
    .bugg-officerFavorite:hover .bugg-jfrmSvgIcon{fill:#ff5500;}
    .bugg-officerFavorite.bugg-active .bugg-jfrmSvgIcon{fill:#ff5500;}


.bugg-furLinker{
    display: inline-block;
    position: relative;
    font-family:'ji-Medium';
    font-size:1rem;
    -webkit-transition: all 0.3s cubic-bezier(.15, .75, .85, .95);
     -o-transition: all 0.3s cubic-bezier(.15, .75, .85, .95);
     -moz-transition: all 0.3s cubic-bezier(.15, .75, .85, .95);
    transition: all 0.3s cubic-bezier(.15, .75, .85, .95);
}
    .bugg-furLinker:hover{
        color:var(--primary-color);
    }
    .bugg-furLinker.bugg-modelBox{
        color:white;
        background-color:var(--secondary-color);
        font-family:'ji-Regular';
        font-size:1rem;
        line-height: 1rem;
        padding:0.5rem 1rem 0.5rem 1rem;
        border-radius: 3px;
    }
        .bugg-furLinker.bugg-modelBox:hover{
            color:white;
            background-color:var(--h-secondary-color);
        }
    .bugg-furLinker.bugg-modelBox.bugg-secColor{
        background-color: var(--main-green);
    }
    .bugg-furLinker.bugg-modelBox.bugg-secColor:hover{
        background-color: var(--h-main-green);
    }


    .bugg-furLinker.bugg-toArrow{
        padding:0.5rem 2rem 0.5rem 1rem;
        overflow: hidden;
    }
    .bugg-furLinker.bugg-toArrow:before{
        position: absolute;
        left:-15px;
        margin-top:0px;
        font-size:1rem;
        content: "\f061";
        font-family: 'Font Awesome';
        font-weight: 900;
        -webkit-transition: all 0.3s cubic-bezier(.15, .75, .85, .95);
         -o-transition: all 0.3s cubic-bezier(.15, .75, .85, .95);
         -moz-transition: all 0.3s cubic-bezier(.15, .75, .85, .95);
        transition: all 0.3s cubic-bezier(.15, .75, .85, .95);

    }
    .bugg-furLinker.bugg-toArrow:after{
        position: absolute;
        right:5px;
        margin-top:0px;
        font-size:1rem;
        content: "\f061";
        font-family: 'Font Awesome';
        font-weight: 900;
        -webkit-transition: all 0.3s cubic-bezier(.15, .75, .85, .95);
         -o-transition: all 0.3s cubic-bezier(.15, .75, .85, .95);
         -moz-transition: all 0.3s cubic-bezier(.15, .75, .85, .95);
        transition: all 0.3s cubic-bezier(.15, .75, .85, .95);
    }
    .bugg-furLinker.bugg-toArrow:hover{
        padding:0.5rem 1rem 0.5rem 2rem;
    }
    .bugg-furLinker.bugg-toArrow:hover:after{
        transform: translateX(20px);
    }
    .bugg-furLinker.bugg-toArrow:hover:before{
        transform: translateX(20px);
    }

    .bugg-furLinker.bugg-modelText{
        font-size:1.1rem;
        line-height:1;
        font-family: 'ji-SemiBold';
        padding:0.6rem 0rem;
        -webkit-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
         -moz-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    .bugg-furLinkerText:hover{
    }

.bugg-furBlockButons{
    width:100%; max-width: 190px;
    display: inline-block;
    position: relative;
    font-size: 1.1rem;
    line-height: 1.3rem;
    font-family: 'ji-SemiBold';
    color:rgba(255,255,255,1);
    padding:12px 20px 13px 20px;
    border-radius: 4px;
    background: #0e5478;

    -webkit-transition: all 0.2s cubic-bezier(.15, .75, .85, .95);
     -o-transition: all 0.2s cubic-bezier(.15, .75, .85, .95);
     -moz-transition: all 0.2s cubic-bezier(.15, .75, .85, .95);
    transition: all 0.2s cubic-bezier(.15, .75, .85, .95);
}
.bugg-furBlockButons:hover{
    background: #684d80;
}
    span.bugg-furBlockButons .bugg-jfrmSvgIcon{
        display:inline-block;
        float:left;
        width: 1.3rem;
        height: 1.3rem;
        margin-right:5px;
        fill:white;
    }




.bugg-furAddNewButton{min-width: 190px;}
    span.bugg-furAddNewButton{
        display: inline-block; padding:0.8rem 1.6rem;font-family: 'ji-SemiBold'; background: var(--secondary-color); color:white;
        -webkit-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
         -moz-transition: all 0.3s linear;
        transition: all 0.3s linear;

        border-radius: 4px;
        line-height: 1.3rem;
    }
    span.bugg-furAddNewButton:hover{
        background: var(--h-secondary-color);
    }
        span.bugg-furAddNewButton .bugg-jfrmSvgIcon{
            display:inline-block;
            float:left;
            width: 1.3rem;
            height: 1.3rem;
            margin-right:5px;
            fill:white;
        }


.bugg-jiFormsWarning{
   position: relative;
   float:left;
   width: 100%;
   padding:10px 10px;
   margin:10px 0px 10px 0px;
   font-family: 'ji-SemiBold';
   font-size: 1.1rem;
   line-height: 1.5rem;
   color: #fafafa;
}
    .bugg-jiFormsWarning .bugg-jfrmIcon,
    .bugg-jiFormsWarning .bugg-jfrmSvgIcon{
        position: relative;
        display: inline-block;
        float: left;
        width:30px;
        height: 30px;
        border: 0px solid red;
        margin-right:10px;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        fill:white;
    }
    .bugg-jiFormsWarning .bugg-showText{
        position: relative;
        display: inline-block;
        float: left;
        line-height: 30px;
        width: calc(100% - 50px);
    }
    .bugg-jiFormsWarning.bugg-error{
        background-color: #e34850;
    }
    .bugg-jiFormsWarning.bugg-success{
        background-color: #2d9d78;
    }
    .bugg-jiFormsWarning.bugg-info{
        background-color: #2680eb;
    }
    .bugg-jiFormsWarning.bugg-warning{
        background-color: #e68619;
    }




.bugg-furOverlay {
    position: fixed;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(54, 54, 55, 0);
    opacity: 1;
    z-index:-75;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    transform:scale(1,0);
    transform-origin: top;
}
.bugg-furOverlay::before,
.bugg-furOverlay::after{
    content:'';
    display:none;
    position: absolute;
    width: 100%;
    height: 50%;
    left:0px;
    transform:scale(1,0);
    background-color: rgba(54, 54, 55, .9);
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.bugg-furOverlay::before{
    top:0px;
    transform-origin: top;
}
.bugg-furOverlay::after{
    top:50%;
    transform-origin: bottom;
}
.bugg-furOverlay.bugg-active::after,
.bugg-furOverlay.bugg-active::before{
    transform:scale(1,1);
}
    .bugg-furOverlay.bugg-active{
        opacity: 1!important;
        z-index: 75!important;
        transform:scale(1,1);
        background-color: rgba(54, 54, 55, .9);
    }


 .bugg-furOverlay .bugg-jfrmIcon{
    position: absolute;
    right:10px;
    bottom:0px;
    width: 35px;
}
    .bugg-furOverlay .bugg-jfrmIcon .bugg-jiMarkerIcon{
        opacity: 0.4;
    }


.bugg-searchResultBox{
    margin:10px 0px 10px 0px;
    background-color: rgba(var(--primary-color-rgb), 0.1);
    border:1px solid var(--primary-color);
    padding:10px 10px;
    font-family: 'ji-SemiBold';
    font-size: 1.3rem;
    line-height: 22px;
}
    .bugg-searchResultBox .bugg-jfrmSvgIcon{ float:left;width:22px; height: 22px; fill:#363637; margin-right:10px;}
    .bugg-searchResultBox .bugg-srcText{display: inline-block; padding:0px 10px 0px 10px; font-size: 1.4rem; color:#c5532b;}

    .bugg-srcGlobNoCount{font-size: 1.1rem;
    line-height: 2.2rem;
    text-align: left;
    border-bottom: 1px solid rgba(14,65,107,0.1);}



.bugg-noDataErrorSec{
        text-align:center;margin:100px 0px 50px 0px;
        border:1px solid var(--primary-color);
        padding:20px 20px;font-size:1.2rem;line-height:2rem;
        font-family:ji-SemiBold;
        background-color: rgba(var(--primary-color-rgb), 0.1);
        border-radius: 10px;
    }
        .bugg-noDataErrorSec .bugg-jfrmSvgIcon{width:80px;height:80px;fill:var(--primary-color);margin-bottom: 20px;}
        .bugg-noDataErrorSec .bugg-jfrmIcon{font-size:100px;color:var(--primary-color);margin-bottom: 20px;}
        .bugg-noDataErrorSec .bugg-jiSvgIcon{width:100px; height: 100px;}

        .bugg-noDataErrorSec .bugg-title{font-size: 1.4rem;color: var(--main-red);}
        .bugg-noDataErrorSec .bugg-alertText{}
            .bugg-noDataErrorSec .bugg-alertText a{text-decoration: underline;}

.bugg-noDataErrorSecSml{
        text-align:center;margin:10px 0px 10px 0px;
        border:1px solid rgba(197,83,43,1);
        padding:10px 10px;font-size:1.05rem;line-height:1.8rem;font-family:ji-SemiBold;
        background-color: rgba(197,83,43,.1);
        color:rgba(197,83,43,1);
    }
        .bugg-noDataErrorSecSml .bugg-jfrmSvgIcon{width:40px;height:40px;margin-bottom: 00px; fill:rgba(197,83,43,1);;}
        .bugg-noDataErrorSecSml .bugg-alertText{}



.bugg-cookiePopUp{
    position: fixed;
    z-index: 60;
    bottom:00px;
    padding:10px 10px;
    background: #f4f7f9;
    width: 100%;
    border-top:2px solid var(--primary-color);
}
    .bugg-cookiePopUp .bugg-text{
        display: inline-block;
        float:left;
        width: 100%;
        padding: 10px 20px 0px 20px;
        font-size: 0.9rem;
        border:0px solid silver;
    }
    .bugg-cookiePopUp .bugg-butonParent{
        display: inline-block;
        float:right;
        width: 100%;
        text-align: right;
        padding: 00px 30px 20px 30px;
        border:0px solid silver;
    }

    .bugg-cookiePopUp .bugg-butonParent .bugg-w3-btn{
        font-size:0.9rem;
        line-height: 30px;
        padding:0px 20px;
    }

    .bugg-jaxOrderTrigger{}
        .bugg-jaxOrderTrigger:hover{cursor:pointer;}

        .bugg-jaxOrderTrigger.bugg-orderTo-asc:before,
        .bugg-jaxOrderTrigger.bugg-orderTo-desc:before{
            display: inline-block;
            position: relative;
            padding:0px 2px 3px 0px;
            font-family: 'Font Awesome';
            font-weight: 900;
            font-size: 0.8rem;
            line-height: 1rem;
        }
        .bugg-jaxOrderTrigger.bugg-orderTo-asc{}
        .bugg-jaxOrderTrigger.bugg-orderTo-asc:before{
                content: "\f161";
                -webkit-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
        }

        .bugg-jaxOrderTrigger.bugg-orderTo-asc.bugg-active:after{
                display: inline-block;
                position: relative;
                font-family: 'Font Awesome';
                font-weight: 900;
                content: "\f0d7";
                top:3px;
                margin-left:1px;
                font-size: 1.4rem;
                line-height: 1.4rem;
                color:#2d9d78;

                -webkit-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
        }


        .bugg-jaxOrderTrigger.bugg-orderTo-desc{}
        .bugg-jaxOrderTrigger.bugg-orderTo-desc:before{
            content: "\f160";
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .bugg-jaxOrderTrigger.bugg-orderTo-desc.bugg-active:after{
                display: inline-block;
                position: relative;
                font-family: 'Font Awesome';
                font-weight: 900;
                content: "\f0d8";
                margin-left:1px;
                top:3px;
                font-size: 1.4rem;
                line-height: 1.4rem;
                color:#2d9d78;

                -webkit-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
        }

        .bugg-listSectionTitle .bugg-jaxOrderTrigger.bugg-orderTo-asc.bugg-active,
        .bugg-listSectionTitle .bugg-jaxOrderTrigger.bugg-orderTo-desc.bugg-active{
            border-right:1px solid rgba(54, 54, 55,0.2);
            border-left:1px solid rgba(54, 54, 55,0.2);
        }


form.bugg-jfrmJaxForm{
    position:relative;
    opacity: 1;
}

form.bugg-jfrmJaxForm.bugg-onAir{
    opacity:0.5;
}
.bugg-jfrmJaxForm .bugg-jfrmJaxFormOverlay{
    position: absolute;
    z-index: 10;
    width:100%;
    height: 100%;
    top:0px;
    left:0px;
    opacity: 0;
    display: none;
    background: rgba(255,255,255,0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.bugg-jfrmJaxForm.bugg-onAir .bugg-jfrmJaxFormOverlay{
    display: inline;
    opacity: 1;
    background: rgba(255,255,255,.3);
}

    .bugg-jfrmJaxForm .bugg-jfrmJaxFormOverlay .bugg-overlay-pulse{
        position: absolute;
        left:50%;
        top:50%;
        margin-top:-20px;
        margin-left:-20px;
        width:40px;
        height: 40px;
        background-color: #d4af37;
        border-radius: 100%;
        animation: overlay-pulse 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }

    @keyframes overlay-pulse {
        0% {
            transform: scale(0);
        } 100% {
            transform: scale(1);
            opacity: 0;
        }
    }
    @-webkit-keyframes overlay-pulse {
        0% {
            transform: scale(0);
        } 100% {
            transform: scale(1);
            opacity: 0;
        }
    }

.bugg-w3-btn.bugg-jfrmSpinner::after{
    position: absolute;
    right:8px;
    top:0px;
    content:'\f110';
    font-family: 'Font Awesome';
    font-weight: 900;
    color:#d4af37;
    -webkit-animation: jfrmSpinner 1s infinite linear;
    animation: jfrmSpinner 1s infinite linear;
}


@-webkit-keyframes jfrmSpinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes jfrmSpinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }





.bugg-jfrmOpenCloseElem{}
.bugg-jfrmOpenCloseElem:hover{cursor:pointer;}

    .bugg-jfrmOpenCloseElem.bugg-jfrmHasArrow::before,
    .bugg-officerOpenCloseGroup.bugg-jfrmHasArrow::before{
        float:right;
        position: relative;
        margin-right:15px;
        right:0px;
        top:1px;
        font-size:10px;
        content: "\f078";
        font-family: 'Font Awesome';
        font-weight: 900;
        fill:black;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .bugg-jfrmOpenCloseElem.bugg-active.bugg-jfrmHasArrow::before,
    .bugg-officerOpenCloseGroup.bugg-active.bugg-jfrmHasArrow::before{
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }
.bugg-japTooltipParent{
        position: relative;
}
.bugg-japTooltipParent:hover{
    cursor: pointer;
}
.bugg-japTooltipParent:hover .bugg-japTooltip{
    visibility: visible;
    opacity: 1;
}
     .bugg-japTooltipParent .bugg-japTooltip{
        position: absolute;
        text-align: center;
        border-radius: 4px;
        padding:3px 2px;
        font-size: 0.95rem;
        font-family: 'ji-SemiBold';
        background-color: #a4c1d2;
        color:#363637;
        width: 120px;
        left:50%;
        margin-left:-60px;
        bottom:125%;

        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s;
    }
    .bugg-japTooltipParent .bugg-japTooltip:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -7px;
        border-width: 7px;
        border-style: solid;
        border-color: #a4c1d2 transparent transparent transparent;
    }

    .bugg-japTooltipParent.bugg-showRight .bugg-japTooltip{
        bottom:auto;
        top:-3px;
        left:110%;
        margin-left:0px;
    }
        .bugg-japTooltipParent.bugg-showRight .bugg-japTooltip:after {
            top: 50%;
            margin-top:-7px;
            left: -7px;
            margin-left: -7px;
            border-color: transparent #a4c1d2 transparent transparent;
        }

    .bugg-japTooltipParent.bugg-showLeft .bugg-japTooltip{
        bottom:auto;
        top:-3px;
        right:110%;
        left:auto;
        margin-left:0px;
    }
        .bugg-japTooltipParent.bugg-showLeft .bugg-japTooltip:after {
            top: 50%;
            margin-top:-7px;
            left: auto;
            right: -14px;
            margin-left: 0px;
            border-color: transparent transparent transparent #a4c1d2;
        }

    .bugg-japTooltipParent.bugg-showBottom .bugg-japTooltip{
        bottom:auto;
        top:110%;
        left:50%;
        margin-left:-60px;
    }
        .bugg-japTooltipParent.bugg-showBottom .bugg-japTooltip:after {
            top: -14px;
            left: 50%;
            margin-left: -7px;
            border-color: transparent transparent #a4c1d2 transparent;
        }



.bugg-jfrmActionToButton{
    display: inline-block;
    position: relative;
    margin:2px 2px;
    width: 40px;
    height: 40px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:8px 8px 8px 8px;
    text-align: center;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in;
     -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

    .bugg-jfrmActionToButton .bugg-jfrmSvgIcon,
    .bugg-jfrmActionToButton .bugg-jiSvgIcon{
        display: inline-block;
        width:20px;
        height: 20px;
    }

.bugg-jfrmActionToButton.bugg-jfrmDeleteButton{
    background: var(--jfrm-error-light);
    border:2px solid  var(--jfrm-error-light);
}
    .bugg-jfrmActionToButton.bugg-jfrmDeleteButton:hover{
        background: var(--jfrm-error-dark);
        border:2px solid  var(--jfrm-error-dark);
    }
    .bugg-jfrmActionToButton.bugg-jfrmDeleteButton .bugg-jfrmSvgIcon{
        fill:#e34850;
    }
    .bugg-jfrmActionToButton.bugg-jfrmDeleteButton:hover .bugg-jfrmSvgIcon{
        fill:var(--jfrm-error-light);
    }


.bugg-jfrmActionToButton.bugg-jfrmConfirmButton{
    background: var(--jfrm-info-light);
    border:2px solid  var(--jfrm-info-light);
}
    .bugg-jfrmActionToButton.bugg-jfrmConfirmButton:hover{
        background: var(--jfrm-info-dark);
        border:2px solid  var(--jfrm-info-dark);
    }
    .bugg-jfrmActionToButton.bugg-jfrmConfirmButton .bugg-jfrmSvgIcon,
    .bugg-jfrmActionToButton.bugg-jfrmConfirmButton .bugg-jfrmSvgIcon g,
    .bugg-jfrmActionToButton.bugg-jfrmConfirmButton .bugg-jfrmSvgIcon path{
        fill:#0f51a0;
    }
        .bugg-jfrmActionToButton.bugg-jfrmConfirmButton .bugg-jiSvgIcon .bugg-colorOne{
            fill:#0f51a0;
        }
        .bugg-jfrmActionToButton.bugg-jfrmConfirmButton .bugg-jiSvgIcon .bugg-colorTwo{
            fill:#0f51a0;
            opacity: 0.4;
        }
    .bugg-jfrmActionToButton.bugg-jfrmConfirmButton:hover .bugg-jfrmSvgIcon,
    .bugg-jfrmActionToButton.bugg-jfrmConfirmButton:hover .bugg-jfrmSvgIcon g,
    .bugg-jfrmActionToButton.bugg-jfrmConfirmButton:hover .bugg-jfrmSvgIcon path{
        fill:var(--jfrm-info-light);
    }



.bugg-jfrmConfirmBtn{width:150px; height: 40px; border-radius: 4px;}
    .bugg-jfrmConfirmBtn.bugg-approveDelete{background:var(--jfrm-success);}
    .bugg-jfrmConfirmBtn.bugg-cancelDelete{background:var(--jfrm-error);}


.bugg-jfrmConfirmBtn{width:150px; height: 40px; border-radius: 4px;}

.bugg-jfrmConfirmBtn.bugg-approveTask{background:var(--jfrm-success);}
    .bugg-jfrmConfirmBtn.bugg-approveTask:hover{background:var(--jfrm-success-dark);}
.bugg-jfrmConfirmBtn.bugg-cancelTask{background:var(--jfrm-error);}
    .bugg-jfrmConfirmBtn.bugg-cancelTask:hover{background:var(--jfrm-error-dark);}


    @media (max-width: 601px) {
        .bugg-jfrmDisposable{width:100%;}
        .bugg-jfrmModalOne{
            max-width: 96% !important;
            min-width: 200px !important;
        }
        .bugg-jfrmModalOne,
        .bugg-jfrmModalOne.bugg-smallsize,
        .bugg-jfrmModalOne.bugg-open.bugg-mediumsize{
            width: 96%; max-width: 96% !important;
            height: fit-content;
            max-height: 500px;
        }

        .bugg-jfrmModalOneContent{
            padding:0px 0px !important;
        }
        .bugg-popUpAfterCart{
            padding:20px 0px !important;
        }
        .bugg-officerFavorite{
            width:30px;
            height: 30px;
        }

        .bugg-jfrmModalOne.bugg-open{
            bottom:0px;
        }
        .bugg-jfrmModalOne .bugg-closeModalBox {
            position: absolute;
            top: -45px;
            right: 0px;
            width: 48PX;
            height: 61px;
            z-index: 2;
            border-radius: 10px;
        }

        .bugg-cookiePopUp{
            bottom:50px !important;
        }



    }
    #nest3 {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      height: 50px;
      width: 50px;
      margin: -25px 0 0 -25px;
      border: 2px solid transparent;
      border-top-color: #000000;
      box-shadow: 0 0 5px #096191;
      border-radius: 50%;
      -webkit-animation: spin9 1.5s ease infinite;
              animation: spin9 1.5s ease infinite;
    }

    #nest3:before {
      content: "";
      position: absolute;
      top: 7px;
      right: 7px;
      bottom: 7px;
      left: 7px;
      border: 2px solid transparent;
      border-radius: 50%;
      border-top-color: #000000;
      box-shadow: 0 0 5px #096191;
      -webkit-animation: spin9_x 1s linear infinite;
              animation: spin9_x 1s linear infinite;
    }

    #nest3:after {
      content: "";
      position: absolute;
      top: 15px;
      right: 15px;
      bottom: 15px;
      left: 15px;
      border: 2px solid transparent;
      border-radius: 50%;
      border-top-color: #000000;
      box-shadow: 0 0 5px #096191;
      -webkit-animation: spin9 1.5s linear infinite;
              animation: spin9 1.5s linear infinite;
    }

    @-webkit-keyframes spin9 {
      from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(359deg);
                transform: rotate(359deg);
      }
    }
    @keyframes spin9 {
      from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(359deg);
                transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
                transform: rotate(359deg);
      }
    }
    @-webkit-keyframes spin9_x {
      0% {
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
      }
      100% {
        -webkit-transform: rotateX(360deg);
                transform: rotateX(360deg);
      }
    }
    @keyframes spin9_x {
      0% {
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
                transform: rotateX(0deg);
      }
      100% {
        -webkit-transform: rotateX(360deg);
                transform: rotateX(360deg);
        -webkit-transform: rotateX(360deg);
                transform: rotateX(360deg);
      }
    }


.bugg-elemOverlay{
    position:absolute;
    width:100%;
    height:100%;
    left:0px;top:0px;right:0px;bottom:0px;
    background-image: linear-gradient(to top, lightgrey 0%, lightgrey 1%, #e0e0e0 26%, #efefef 48%, #d9d9d9 75%, #bcbcbc 100%);
    opacity:1;
    z-index:10;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
    .bugg-elemOverlay::before{
        position: absolute;
        width:40px;
        height: 40px;
        text-align: center;
        font-size:24px;
        line-height: 40px;
        top:50%;
        left:50%;
        margin-left:-20px;
        margin-top:-20px;
        content:'\f110';
        font-family: 'Font Awesome';
        font-weight: 900;
        color:#d4af37;
        -webkit-animation: jfrmSpinner 1s infinite linear;
        animation: jfrmSpinner 1s infinite linear;
    }
:root{

    --primary-color:#005CA8;
    --primary-color-rgb:0,92,169;

    --primary-color-d:#004075;
    --primary-color-l:#598EE1;

    --secondary-color:#13a63e;
    --secondary-color-rgb:19,166,62;

    --secondary-color-d:#007005;
    --secondary-color-l: #60DE71;


    --main-bg:#ffffff;
    --second-bg:#fff1f6;

    --border-silver:#e5e5e5;
    --border-silver-rgb:229,229,229;

    --main-silver:#6e6e6e;
    --main-silver-l:#6e6e6e;

    --hover-bg:#fcf2ea;
    --hover-bg-rgb:252,242,234;

    --main-blue:#1E34A4;
    --main-blue-l:#032C8C;

    --text-color:#373D3F;
    --text-second-color:#444444;

    --main-green:#03A668;
    --main-green-d:#028553;

}


*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    hyphens: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
}


@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

html{
    height: 100%;
}
body {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    margin:0px 0px 0px 0px;
    font-size: 15px;
    line-height: 1.5;
    font-family:'ji-Regular';
    color: var(--text-color);
    background-color: white;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing:antialiased;
    background: url('/assets/img/bg.png') no-repeat;
    background-size: 100%;
}



hr {
  margin: 1rem 0;
  color: #EEEEEE;
  background-color: currentColor;
  border: 0;
  opacity: 1;
}

hr:not([size]) {
  height: 1px;
}

h1, .bugg-h1, h2, .bugg-h2, h3, .bugg-h3, h4, .bugg-h4, h5, .bugg-h5, h6, .bugg-h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: 'ji-Bold';
  line-height: 1.2;
  color: #212121;
}

h1, .bugg-h1 {
  font-size: calc(1.37383rem + 1.48598vw);
}

@media (min-width: 1200px) {
  h1, .bugg-h1 {
    font-size: 2.48832rem;
  }
}

h2, .bugg-h2 {
  font-size: calc(1.33236rem + 0.98832vw);
}

@media (min-width: 1200px) {
  h2, .bugg-h2 {
    font-size: 2.0736rem;
  }
}

h3, .bugg-h3 {
  font-size: calc(1.2978rem + 0.5736vw);
}

@media (min-width: 1200px) {
  h3, .bugg-h3 {
    font-size: 1.728rem;
  }
}

h4, .bugg-h4 {
  font-size: calc(1.269rem + 0.228vw);
}

@media (min-width: 1200px) {
  h4, .bugg-h4 {
    font-size: 1.44rem;
  }
}

h5, .bugg-h5 {
  font-size: 1.2rem;
}

h6, .bugg-h6 {
  font-size: 0.83333rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}


.bugg-certificateBand{
}

.bugg-bgBlueSilver{
    position:relative;
    background-image:linear-gradient(180deg, #CCE8FF 30%, #ffffff 87%); padding:0px 0px 80px 0px;
}
.bugg-bgGreenSilver{
    background-image:url('/assets/img/works-bg-btm.png'), linear-gradient(180deg, #ffffff 30%, #D1FADD  87%); padding:60px 0px 140px 0px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
    background-blend-mode: hard-light;
}


.bugg-jfrmAjaxContainer{
    opacity:1;
}
.bugg-jfrmAjaxContainer.bugg-loading{
    opacity:0;
}

.bugg-jiSiteWidthBig{width: 96%;max-width: 1400px;}
.bugg-jiSiteWidth{width: 90%;max-width: 1200px;}
.bugg-jiSiteWidthMedium {width: 90%;max-width: 900px;}
.bugg-jiSiteWidthHalf {width: 90%;max-width: 600px;}
.bugg-jiSiteWidthSmall {width: 90%;max-width: 400px;}


.bugg-secondBG{background: var(--second-bg);}

.bugg-footerSvgLogo{width:200px;}
    .bugg-footerSvgLogo .bugg-logoRed{fill:var(--primary-color);}
    .bugg-footerSvgLogo .bugg-logoBlack{fill:#DCDDDE;}

    .bugg-preeloader {
        background: rgba(255,255,255,0.8);
        height: 100%;
        position: fixed;
        width: 100%;
        z-index: 999999;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }

    .bugg-preloader-spinner {
        -webkit-animation: 1s ease-out 0s normal none infinite running pulsate;
        animation: 1s ease-out 0s normal none infinite running pulsate;
        border: 10px solid var(--primary-color);
        border-radius: 40px;
        display: block;
        height: 40px;
        left: 50%;
        margin: -20px 0 0 -20px;
        opacity: 0;
        position: fixed;
        top: 50%;
        width: 40px;
        z-index: 10;
    }
    @-webkit-keyframes pulsate {
        0% {
            opacity: 0;
            -webkit-transform: scale(0.1);
            transform: scale(0.1);
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }
    }
    @keyframes pulsate {
        0% {
            opacity: 0;
            -webkit-transform: scale(0.1);
            transform: scale(0.1);
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }
    }

    .bugg-jiOverlay{
        position: fixed;
        display: none;
        top: 90px;
        left: 0;
        width: 100%;
        height: 100%;
        background:rgba(255,255,255,1);
        z-index: -90;
        opacity: 0;
        -webkit-backdrop-filter: blur(0px);
        backdrop-filter: blur(0px);
    }

    .bugg-jiOverlay.bugg-active{
        display: none;
        z-index: 99;
        opacity:1;
    }

    .bugg-jiOverlay .bugg-overlay-pulse{
        position: absolute;
        left:50%;
        top:50%;
        margin-top:-20px;
        margin-left:-20px;
        width:40px;
        height: 40px;
        background-color: var(--secondary-color);
        border-radius: 100%;
        animation: overlay-pulse-22 1.2s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);
    }

    @keyframes overlay-pulse-22 {
        0% {
            transform: scale(0);
        } 100% {
            transform: scale(2);
            opacity: 0;
        }
    }
    @-webkit-keyframes overlay-pulse-22 {
        0% {
            transform: scale(0);
        } 100% {
            transform: scale(2);
            opacity: 0;
        }
    }

.bugg-primaryColor{
    color:var(--primary-color);
}

.bugg-jiPageBandBigger{
    margin-top:110px;
}
.bugg-jiPageBandBig{
    margin-top:80px;
}
.bugg-jiPageBand{
    margin-top:50px;
}
.bugg-jiPageBandSmall{
    margin-top:30px;
}


.bugg-colorfulBand{
    padding: 30px 0px 60px 0px;
}

.bugg-addCartButton{display:inline-block;
    border:1px solid var(--primary-color-d);
    color:var(--primary-color-d);
    width:100%; border-radius:4px; line-height: 45px; font-family: 'ji-Medium';
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
    .bugg-addCartButton:hover{ background: var(--primary-color-d); color:white;}
.bugg-prodCarousel{position:relative;}

.bugg-dueToneOne{fill :#292d32;}
.bugg-dueToneTwo{fill :#292d32; opacity: 0.4;}

.bugg-furLinker.bugg-modelBox{background-color: var(--primary-color) !important; }
.bugg-furLinker.bugg-modelBox:hover{background-color: var(--main-blue) !important; color: white!important;}

.bugg-furLinker.bugg-modelBox.bugg-secColor{background-color: var(--primary-color-d) !important;}
.bugg-furLinker.bugg-modelBox.bugg-secColor:hover{background-color: var(--primary-color) !important;}

.bugg-footerPadding{padding-bottom:60px;}

.bugg-pageSecondTitle {
    position: relative;
    font-size: 1.1rem;
    color: rgb(85,85,85);
    font-family: 'ji-Regular';
    padding-bottom: 4px;
    margin-bottom: 10px;
    margin-top: 15px;
    border-bottom: 0px solid rgba(108,108,108,0.4);
}
.bugg-pageSecondTitle::before {
    content: '';
    display: inline-block;
    height: 1px;
    width: 20%;
    position: absolute;
    left: 0;
    bottom: -1px;
    background-color: var(--primary-color);
}

.bugg-pageNavButtons {
    position: absolute;
    right: 0px;
    top: 10px;
}

.bugg-pageNavLinks {
    position: relative;
    display: inline-block;
    background: var(--primary-color-d);
    color: white;
    text-align: center;
    font-family: ji-SemiBold;
    font-size: 1rem;
    line-height: 40px;
    padding: 00px 40px;
    border-radius: 6px;
}

.bugg-lineToAll{
    margin-top:20px;
    text-align:center;
}
    .bugg-lineToAll a{display:inline-block; line-height: 35px; padding:0px 25px; background-color: var(--primary-color); border-radius:4px; color: white;}
    .bugg-lineToAll a:hover{background-color: var(--secondary-color); color: black;}

.bugg-langChanges{
    display:inline-block;
    position: absolute;
    right:00px;
    top:0px;
    border:0px solid red;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
    .bugg-langChanges a{
        display:inline-block;
        padding:3px 5px;
        font-family: ji-Medium;
        margin-left:1px;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .bugg-langChanges a:first-child{margin-right:0px; margin-left:0px; padding:3px 6px}
    .bugg-langChanges a.bugg-activelang{color: var(--primary-color);}
    .bugg-langChanges a:hover{background-color: rgba(var(--primary-color-rgb),0.4);}

.bugg-headerIconMenu{
        position:absolute;
        right:0px;
        top:30px;
    }
        .bugg-headerIconMenu a{display:inline-block; width:30px; height:30px; font-size:20px; color:var(--text-color); stoke:var(--text-color);  border:0px solid red; padding:2px 0px 0px 4px;}
            .bugg-headerIconMenu a svg{width:20px; height:20px;}
            .bugg-headerIconMenu a:hover svg{stroke:white;}


.bugg-showcaseTitle{
    text-align:center;
    font-size:2.4rem;
    margin-bottom:20px;
}


.bugg-popUpContainer{
    position:fixed;
    width:100%;
    height: 100%;
    left:0px; top:0px; right:0px;bottom:0px;
    display:flex;
    justify-content: center;
    align-items: center;
    background:rgba(0,0,0,.5);
    z-index: 80;
    transform: scale(1,0);
    transform-origin: 0 0;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

    .bugg-popUpContainer.bugg-active{
        transform: scale(1);
    }


.bugg-popUpBox{
    position:relative;
    z-index:80;
    width:40%;
    height:auto;
    max-height: 80%;
    background:red;
    border:1px solid red;
}
    .bugg-popUpBox .bugg-closeBtn{position:absolute; right:-20px; top:-20px; width:40px;height:40px; text-align:center;line-height:40px;border-radius:5px;background:#ae1b22; color:white;
        font-size:22px;
    }
    .bugg-popUpBox .bugg-image{display: inline-block; width:100%;}
    .bugg-popUpBox .bugg-image img{max-width: 100%; display:inline-block;}
    .bugg-popUpBox .bugg-popupTitle,.bugg-popupSubTitle,.bugg-popupBtn{
        position:absolute; z-index:30;width:100%;
        color: white;left:0px;
        text-align: center;
    }
    .bugg-popUpBox .bugg-popupTitle{bottom:200px;}
        .bugg-popUpBox .bugg-popupTitle span{display: inline-block; font-size:1.4rem; background: rgba(0,0,0,.7);padding:5px 20px; border-radius: 5px;}
    .bugg-popUpBox .bugg-popupSubTitle{bottom:150px;}
        .bugg-popUpBox .bugg-popupSubTitle span{display: inline-block; font-size:1.1rem; background: rgba(0,0,0,.7);padding:5px 20px; border-radius: 5px;}
    .bugg-popUpBox .bugg-popupBtn{bottom:80px;}
        .bugg-popUpBox .bugg-popupBtn span{display: inline-block; font-size:1.15rem; font-family:ji-SemiBold; background: var(--primary-color);padding:5px 20px; border-radius: 5px;}



.bugg-bandTitle{
    color: #212121;
     font-family:'ji-Bold';
    font-size:2.2rem;
    text-align: center;
    margin-bottom:30px;
}

.bugg-bgColorOne{background-color: rgb(204 232 255 / 50%); }
.bugg-bgColorTwo{background-color: rgb(209 250 221 / 50%); }

.bugg-bandPadding{padding:50px 0px;}

.bugg-globButton{
      display:inline-block; line-height: 40px; padding: 0px 20px; background-color: var(--primary-color); color: white; border-radius: 5px;
}
.bugg-globButton:hover{
    background-color:#004075;
}

.bugg-block-span{display:block; width:100%;}

.bugg-jiBold{font-family: ji-Bold;}

.bugg-header-band{height: 20px; background-color: var(--primary-color);}

header.bugg-headerDesktop{
    position:fixed;
    top:0px; left:0px;
    height:150px;
    z-index: 70 !important;
    background:white;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border:0px solid red;

}
.bugg-headerDesktop.bugg-stickyHeader{
    background-image: linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
    height: 90px;
}

header.bugg-readyStick{

}

.bugg-headerCover{position:relative; padding-top:28px;
-webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.bugg-headerDesktop.bugg-stickyHeader .bugg-headerCover{padding-top:10px}

main{position:relative; z-index: 60; padding:150px 0px 50px 0px;
    width:100%; min-height: 100%;
}
   .bugg-headerDesktop .bugg-brandLogo{ float:left;  width:240px; }
        .bugg-headerDesktop .bugg-brandLogo a{
            display: inline-flex;
            width: 100%;
            height: 100%;
            align-items: center;
            border:0px solid silver;
            padding-top:0px;
        }
        .bugg-headerDesktop .bugg-brandLogo svg,
        .bugg-headerDesktop .bugg-brandLogo img{width:auto; height: 62px;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }
        .bugg-headerDesktop.bugg-stickyHeader .bugg-brandLogo svg,
        .bugg-headerDesktop.bugg-stickyHeader .bugg-brandLogo img{height: 52px;}
        .bugg-logoSvgPath{fill:#020202;}



   .bugg-headerNavBar{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        float: right;
        width: calc(100% - 300px);
        margin-top:0px;
        padding-top:0px;
        height: 62px;
       }

    .bugg-headerNavBar a{display: block; width: 100%;height: 100%;padding:11px 22px; line-height: 40px; color:#212121; font-family:'ji-Medium';}
    .bugg-readyStick .bugg-headerNavBar > ul > li >a{color:white!important;}
    .bugg-headerNavBar a:hover{color:var(--primary-color);}
        ul.bugg-headerMenu{
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            transform-origin: left center;
        }
            ul.bugg-headerMenu > li{float:left;position:relative; font-size: 1.1rem;line-height: 1.15rem; border:0px solid red;}
                .bugg-dropDownMenu .bugg-drop-down a{display: inline-block;width:100%;}
                .bugg-dropDownMenu .bugg-drop-down > a::after{
                    display: inline-block;
                    position:absolute;
                    right: 2px;
                    font-size: 0.88rem;
                    font-family: 'Font Awesome';
                    font-weight: 900;
                    content: "\f107";
                    -webkit-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                }
                .bugg-dropDownMenu .bugg-drop-down > a:hover::after{
                    transform: rotate(-180deg);
                }
                .bugg-dropDownMenu .bugg-drop-down:hover > a{color:var(--primary-color);}
                .bugg-dropDownMenu .bugg-drop-down ul{
                    display: block; padding:10px 0px;
                    font-size:1.05rem;
                    width:100%;
                    min-width: 250px;
                    position: absolute; left:0;
                    top:100%;
                    border-radius: 5px;
                    z-index: 99;
                    opacity: 1;
                    transform: scale(1,0);
                    transform-origin: 0 0;
                    background: white;
                    box-shadow: 0px 0px 30px rgba(var(--third-color-rgb), 0.25);
                    transition: ease all 0.3s;
                    border-bottom: 2px solid var(--primary-color);
                }
                .bugg-dropDownMenu .bugg-drop-down ul.bugg-cover-drop-down{width:140%; margin-left:-20%;}

                .bugg-dropDownMenu .bugg-drop-down.bugg-downRight ul{right:-10px;}
                .bugg-dropDownMenu .bugg-drop-down:hover > ul{opacity: 1;top: 100%;visibility: visible; width:250px;transform: scale(1,1);}
                .bugg-dropDownMenu > .bugg-drop-down > ul.bugg-cover-drop-down:before{left:20%;}
                .bugg-dropDownMenu > .bugg-drop-down.bugg-downRight > ul:before{left: auto; right:25px;}

                    .bugg-dropDownMenu .bugg-drop-down ul li{float:left; position: relative;min-width: 200px; width:49%; line-height: 1.1rem;padding:5px 0px;}
                    .bugg-dropDownMenu .bugg-drop-down ul.bugg-cover-drop-down li{width:50%; float:left;}
                        .bugg-dropDownMenu .bugg-drop-down ul li a{color:black;}
                        .bugg-dropDownMenu .bugg-drop-down ul li a:hover{color:var(--primary-color);}
                        .bugg-dropDownMenu .bugg-drop-down > ul >li >a{padding:5px 25px 5px 20px; line-height: 1}
                            .bugg-dropDownMenu .bugg-drop-down .bugg-drop-down:after{position: absolute;right:5px;top:8px;content: "\f105";font-family: 'Font Awesome'; font-weight: 900;}
                            .bugg-dropDownMenu .bugg-drop-down ul.bugg-cover-drop-down .bugg-drop-down:after{display: none;}
                            .bugg-dropDownMenu .bugg-drop-down .bugg-drop-down ul {top: 0;left: calc(100% - 30px);}
                            .bugg-dropDownMenu .bugg-drop-down .bugg-drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}
                            .bugg-dropDownMenu .bugg-drop-down ul.bugg-cover-drop-down .bugg-drop-down ul{display:none;}

                            .bugg-dropDownMenu .bugg-drop-down ul li.bugg-catImage{
                                position: relative;
                                top: 0px;
                                text-align: right;
                                padding-right: 20px;
                                float:right;
                                width:49%!important;
                            }
                            .bugg-dropDownMenu .bugg-drop-down ul li.bugg-catImage img{
                                width:auto;
                                height: 200px;
                            }

       .bugg-headerUserNav{
           float:right;
           position: relative;
           width: 220px;
           border:0px solid silver;
           padding-top:35px;
           height: 90px;
       }

       .bugg-headerPhoneIcon{
            position:absolute;
            width:46px;
            height: 46px;
            background-color: red;
            top:5px;
            left:50%;
            margin-left:-23px;
            display: inline-flex;
            justify-content: center;
            padding-top:6px;
            background-color: #1E34A4;
            border-radius: 50%;
            z-index: 10;
       }
       .bugg-headerPhoneIcon  svg{
           width:24px; height: 24px;
       }
       .bugg-headerPhoneIcon  svg path{
           fill: white;
       }
       .bugg-headerPhone{
           z-index: 20;
           display:inline-block;
           position:relative;
           width:100%;
           border:0px solid red;
           font-size:1.3rem; font-family:ji-SemiBold;
           line-height: 40px;
           text-align: center;
           background-color: #1E34A4;
           border-radius:25px;
           color:white;
        }
           .bugg-userMenuIcons{display: inline-flex;align-items: center; justify-content: flex-end; position:relative;width:40px;height: 40px; border:0px solid var(--primary-color);border-radius:5px; float:right; margin-left:5px; padding:0px 0px 0px 0px;}
           .bugg-hddBasketCounter{position:absolute;right:0px;top:-4px;color:var(--secondary-color);font-family:'ji-SemiBold'; background: transparent;}
               .bugg-userMenuIcons .bugg-jiSvgIcon{
                   fill:var(--text-color);
                   width: 24px;height: 24px;float:right;padding:0px 0px 0px 0px;
                   -webkit-transition: all 0.3s ease-in-out;
                   -o-transition: all 0.3s ease-in-out;
                   transition: all 0.3s ease-in-out;
               }
               .bugg-userMenuIcons:hover .bugg-jiSvgIcon{fill:var(--primary-color) ;}

            .bugg-userMenuIcons ul{
                left:auto!important;
                right:0px!important;
                min-width: 200px;
            }
            .bugg-userMenuIcons ul li{
                width: 100% !important;
                max-width: 100% !important
            }
            .bugg-userMenuIcons ul.bugg-fastBasket{
                min-width: 350px !important;
            }
               .bugg-duoToneLight{fill:rgba(185,82,159,0.15);}
               .bugg-userMenuIcons .bugg-jiSvgIcon:hover .bugg-duoToneLight {fill:rgba(185,82,159,0.15);}
               .bugg-duoToneDark{fill:rgba(185,82,159,1);}
               .bugg-userMenuIcons .bugg-jiSvgIcon:hover .bugg-duoToneDark {fill:rgba(181,161,108,1);}
               .bugg-duoToneDarkStroke{stroke:rgba(185,82,159,1);}
                   .bugg-userMenuIcons .bugg-jiSvgIcon:hover .bugg-duoToneDarkStroke{stroke:rgba(181,161,108,1);}

                   .bugg-fastBasket{
                       font-family: ji-Regular;
                       font-size:1rem;
                       width:300px;
                       max-height: 450px;
                       overflow-y: scroll;
                       overflow-x: hidden;
                   }
                   .bugg-fastBasket,.bugg-fastBasket li, .bugg-fastBasket a {
                       font-size:0.9rem; line-height: 1.1rem;
                   }
                   .bugg-userMenuIcons ul.bugg-fastBasket li{
                       float:left;
                       width: 100%;
                       padding:10px 10px !important;
                   }
                       .bugg-userMenuIcons ul.bugg-fastBasket li h3{
                           width: 100%;
                           padding:15px 15px;
                           font-family:ji-Regular;
                           font-size: 1rem;
                           line-height: 1.4rem;
                           text-align: center;
                       }
                       .bugg-userMenuIcons ul.bugg-fastBasket li .bugg-listMainDiv{
                           margin:0px 0px !important;
                       }
                           .bugg-userMenuIcons ul.bugg-fastBasket li .bugg-listMainDiv .bugg-listLoopMain{
                               border-bottom: 1px solid rgba(var(--d-primary-color-rgb),0.3);
                           }
                           .bugg-listLoopMain:hover {
                               background: transparent;
                           }

               .bugg-userMenuIcons .bugg-personalMenu{font-family: 'ji-Medium';}
               .bugg-userMenuIcons .bugg-clsSrc{position: absolute;top:12px;right:7px; color:#B33D68; opacity:0; }

                .bugg-userMenuIcons.bugg-activeSrc .bugg-jiSvgIcon{fill:#B33D68;}
                .bugg-userMenuIcons.bugg-activeSrc .bugg-clsSrc{opacity: 1;}

    .bugg-headerMenu.bugg-activeSrc{
        transform:scale(0,1);
    }

   .bugg-headerSrcFormCover{
       position:absolute; height: 40px; z-index: 20;
       -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
       transition: all 0.2s ease-in-out;
       background: rgba(100,100,100,0.2);
       width:100%;
       right:0px;bottom:25px;
       transform:scale(0,1);
       transform-origin: right center;
   }
       .bugg-srcInLogo{float:left;width: 180px;height:60px;display: flex; align-items: center; text-align: center;margin-left:50px; display: none;}
           .bugg-srcInLogo img{max-width: 90%;max-height: 56px;margin-top: 7px;}

       .bugg-srcInHeaderForm{float:left;width:100%;padding: 0px 0px 0px 0px;}
           .bugg-srcInInput{float:left;width:100%;height: 40px;margin-left:0%; border:1px solid rgba(var(--primary-color-rgb),0.6); padding:3px 5px; border-radius: 5px;}
           .bugg-srcInButton{position: absolute; top:0px; right: 0px;
               width:10%;height: 40px;margin-left:0px;background-color: var(--primary-color);border:none;color:black;
               -webkit-transition: all 0.3s ease-in-out;
               -o-transition: all 0.3s ease-in-out;
               transition: all 0.3s ease-in-out;
               border-top-right-radius:5px;
               border-bottom-right-radius: 5px;
               }
           .bugg-srcInButton:hover{background-color: var(--secondary-color);}

           .bugg-closeSrcCover{display:none; float:left;width: 10%;height: 50px;text-align: center;background-color: rgba(0,0,0,0.0);margin-top:0px;}
               .bugg-closeSrcCover  .bugg-jfrmIcon{ color:var(--main-red);display: inline-block;font-size:2.2rem;
                   -webkit-transition: all 0.2s ease-in-out;
                   -o-transition: all 0.2s ease-in-out;
                   transition: all 0.2s ease-in-out;
               }
                   .bugg-closeSrcCover  .bugg-jfrmIcon:hover{cursor:pointer; color:var(--h-main-red)}

   .bugg-headerSrcFormCover.bugg-active{
       transform:scale(1,1);
   }





   .bugg-headerMobile {
        position: fixed; top:0px;left:0px; width:100%;z-index: 99;
        background:rgba(255, 255, 255, 1);
        padding:0px 10px;
        transition: .2s;-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;
        height: 60px;
        border-bottom:0px solid rgba(var(--primary-color-rgb),0.4);
        border-top:0px solid var(--primary-color-d);
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .bugg-headerMobile.bugg-stickyHeader{background: rgba(255, 255, 255, 0.75);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }
    .bugg-headerMobile.bugg-scrollHider:not(.bugg-menuOn){
        transform: translateY(-60px);
    }
    .bugg-headerMobile.bugg-menuOn{
        top:0px;
    }
    .bugg-headerMobile .bugg-brandLogo {position: absolute; width:100%; top:0px; left:0px; text-align: left; padding-left:16px;}
    .bugg-headerMobile .bugg-brandLogo img{width:auto; max-height:50px; max-width:400px; margin-top:5px;}
    .bugg-headerMobile .bugg-headerSvgLogo{ float:left; position: relative; width:auto; max-width:170px; height: 60px; display: flex; align-items: center; border:0px solid silver;}
        .bugg-headerMobile .bugg-headerSvgLogo .bugg-headerSvgLogo{height:44px;}


        .bugg-mobHeadIcons{ position: absolute; width:40px; height: 40px; border:0px solid red;top:10px; right:10px;}
        .bugg-siteBurger{
            display: inline-block;
            position: relative;
            width:50px; height: 50px;
            margin-top:-8px;
            margin-left:-5px;
        }
            .bugg-siteBurger svg{
                width:100%;
                height: 100%;
            }
            .bugg-siteBurger .bugg-ham {
              cursor: pointer;
              -webkit-tap-highlight-color: transparent;
              transition: transform 400ms;
              -moz-user-select: none;
              -webkit-user-select: none;
              -ms-user-select: none;
              user-select: none;
            }
            .bugg-siteBurger .bugg-hamRotate.bugg-active {
              transform: rotate(45deg);
            }
            .bugg-siteBurger .bugg-hamRotate180.bugg-active {
              transform: rotate(180deg);
            }
            .bugg-siteBurger .bugg-line {
              fill:none;
              transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
              stroke:rgb(0,0,0);
              stroke-width:5.5;
              stroke-linecap:round;
            }

            .bugg-siteBurger .bugg-ham8 .bugg-top {
              stroke-dasharray: 40 160;
            }
            .bugg-siteBurger .bugg-ham8 .bugg-middle {
              stroke-dasharray: 40 142;
              transform-origin: 50%;
              transition: transform 400ms;
            }
            .bugg-siteBurger .bugg-ham8 .bugg-bottom {
              stroke-dasharray: 40 85;
              transform-origin: 50%;
              transition: transform 400ms, stroke-dashoffset 400ms;
            }
            .bugg-siteBurger .bugg-ham8.bugg-active .bugg-top {
              stroke-dashoffset: -64px;
            }
            .bugg-siteBurger .bugg-ham8.bugg-active .bugg-middle {
              transform: rotate(90deg);
            }
            .bugg-siteBurger .bugg-ham8.bugg-active .bugg-bottom {
              stroke-dashoffset: -64px;
            }



    .bugg-jiTemp_HeaderThree{height: 90px!important; border-bottom:1px solid rgba(var(--primary-color-rgb),0.4);}
        .bugg-jiTemp_HeaderThree .bugg-brandLogo{width:350px; height: 60px;}
            .bugg-jiTemp_HeaderThree .bugg-brandLogo a{padding-top:0px!important;margin-top:15px;}
            .bugg-jiTemp_HeaderThree .bugg-brandLogo img{max-height: 60px; position: absolute; opacity:1;
                -webkit-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                max-width:320px;
            }

.bugg-homeSecondBg{
    background-color:rgb(209 209 209 / 0%);
}

.bugg-nivo-directionNav a.bugg-nivo-prevNav, .slick-arrow.slick-prev{
    left:0px;
}
.bugg-nivo-directionNav a.bugg-nivo-nextNav, .slick-arrow.slick-next{
    right:0px;
}

.slick-arrow.bugg-colorPrimary{background-color:var(--primary-color); color:#D1D1D1; opacity: 1;}
.slick-arrow.bugg-colorPrimary:hover{background-color: var(--primary-color-d) ;}
.bugg-prodCarousel .slick-arrow.slick-prev{
    left:-40px;
}
.bugg-prodCarousel .slick-arrow.slick-next{
    right:-40px;
}

.bugg-ghost-list-carousel.bugg-prodCarousel .slick-arrow.slick-prev{
    left:-10px;
}
.bugg-ghost-list-carousel.bugg-prodCarousel .slick-arrow.slick-next{
    right:-10px;
}
.bugg-welcomeSliderCover{position: relative;float:left; display: block; border-bottom:0px solid white; margin-top:00px; }

    .bugg-welcomeSliderCover .bugg-welcomeSlider{position: relative;float:left; width: 100%;}
        .bugg-welcomeSliderCover .bugg-welcomeSlider .bugg-sliderBox{
            position: relative;
        }
        .bugg-welcomeSliderCover .bugg-welcomeSlider .bugg-sliderBox::before{
            position: absolute;
            content:'';
            width:100%;
            height:100%;
            left:0px; top:0px;
            background: rgba(255,255,255,0.7);
            z-index:2;
            display:none;
        }
            .bugg-welcomeSliderCover .bugg-welcomeSlider .bugg-sliderBox img{width:100%; z-index:1}
            .bugg-welcomeSliderCover .bugg-welcomeSlider .bugg-sliderBox .bugg-slider-caption{
                z-index:10;
                display: inline-flex;
                justify-content: flex-end;
                align-items: center;
                position:absolute; opacity: 1;top:0px;left:0px;bottom:0px;
                width:100%; height: 100%;
                background-color: transparent;
                -webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
                opacity: 1 !important;
                border:0px solid red;

            }
                .bugg-welcomeSliderCover .bugg-welcomeSlider .bugg-sliderBox .bugg-slider-caption .bugg-mainMotto{
                    display:inline-block; width:100%; text-align:left; font-size:3rem !important;
                    position: relative;
                    top:0px;  font-family:'ji-Black';
                    opacity: 0;
                    line-height: 1;
                    transform:translateX(300px);
                    min-width: 300px;
                }
                .bugg-welcomeSliderCover .bugg-welcomeSlider .bugg-sliderBox .bugg-slider-caption .bugg-subMotto{display:inline-block; width:100%; text-align:left; font-size:2.48rem;
                    font-family:ji-Bold;
                    position:relative;
                    top: 0px;
                    opacity: 0;
                    transform:translateX(-300px);
                    min-width: 300px;
                }
                .bugg-welcomeSliderCover .bugg-welcomeSlider .bugg-sliderBox .bugg-slider-caption .bugg-captionButton{display:inline-block; width:100%; text-align:center; margin-top:40px;
                    transform:translateY(250px);
                    opacity: 0;
                }
                    .bugg-welcomeSliderCover .bugg-welcomeSlider .bugg-sliderBox .bugg-slider-caption .bugg-captionButton a{ display:inline-block;padding:0px 40px; line-height: 50px; font-size:1.6rem; font-family:ji-SemiBold; border-radius: 5px; background-color: var(--primary-color); color:white;}
                    .bugg-welcomeSliderCover .bugg-welcomeSlider .bugg-sliderBox .bugg-slider-caption .bugg-captionButton a:hover{ background-color: #a4421e;}

            .bugg-sliderBox.bugg-darkText .bugg-slider-caption{color: var(--text-color);}
            .bugg-sliderBox.bugg-lightText .bugg-slider-caption{color: white;}
            .bugg-sliderBox.bugg-textPosition_a .bugg-slider-caption{padding-left:60%;}
            .bugg-sliderBox.bugg-textPosition_p .bugg-slider-caption{padding-left:10%;padding-right:10%;}
            .bugg-sliderBox.bugg-textPosition_s .bugg-slider-caption{padding-right:60%;}

            .bugg-sliderBox.bugg-active-slide .bugg-slider-caption .bugg-mainMotto{transform:translateX(0px)!important;opacity: 1!important;}
            .bugg-sliderBox.bugg-active-slide .bugg-slider-caption .bugg-subMotto{transform:translateX(0px)!important;opacity: 1!important;}
            .bugg-sliderBox.bugg-active-slide .bugg-slider-caption .bugg-captionButton{transform:translateY(0px)!important;opacity: 1!important;}

.bugg-welcomeSliderCover.bugg-videoBoxSliderCover{position:absolute; top:0px; left:0px;width:100%; height:calc(100% - 0px);z-index: 10;}
    .bugg-welcomeSliderCover.bugg-videoBoxSliderCover .bugg-welcomeSlider{height: 100%; background-color: rgba(0,0,0,0.3);}
        .bugg-welcomeSliderCover.bugg-videoBoxSliderCover .bugg-welcomeSlider .bugg-sliderBox{}

        .bugg-welcomeSliderCover.bugg-videoBoxSliderCover .bugg-welcomeSlider .slick-list,
        .bugg-welcomeSliderCover.bugg-videoBoxSliderCover .bugg-welcomeSlider .slick-track,
        .bugg-welcomeSliderCover.bugg-videoBoxSliderCover .bugg-welcomeSlider .bugg-sliderBox{
            position:relative; width:100%; height:100%;
        }




.bugg-homeSliderCover {
    position: relative;
    width: 100%;
    height: auto;
    padding-top:00px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.6);
}

.bugg-videoBox{
    position: relative;
    z-index: 10;
    width:100%;
    overflow: hidden;
}
.bugg-videoBox::before{
    content:'';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 20;
}
    .bugg-videoBox video{
        position: relative;
        object-fit: cover;
        width:100% !important;
        height: auto!important;
        z-index: 10;
    }


.bugg-videoBoxSliderCover{
        position: absolute;
        top:0px;
        width:100%;
        height: 100%;
        color: white;
        z-index: 30;
        display: flex;
        align-items: flex-end;
        padding-bottom: 00px;
    }

                    .bugg-videoBoxSlider{
                        width:40%;
                    }


                    .bugg-videoBoxSliderLoop{height: auto; border:0px solid red;}
                        .bugg-videoBoxSliderLoop .bugg-mainMotto{
                            color: white;  opacity:0; display:inline-block; width:100%;
                            font-size: 5rem;
                            line-height: 5.2rem!important;
                            font-family: ji-Bold;
                            color:var(--primary-color);
                            padding:0px 0px;
                            -webkit-transform: translateX(300px);
                            transform: translateX(300px);
                            -webkit-transition: all 0.6s ease;
                            -moz-transition: all 0.6s ease;
                            transition: all 0.6s ease;
                        }
                        .bugg-videoBoxSliderLoop.bugg-active-slide .bugg-mainMotto{
                            opacity: 1;
                            -webkit-transform: translateX(0px);
                            transform: translateX(0px);
                        }
                        .bugg-videoBoxSliderLoop.bugg-active-slide.bugg-active-slide-closing .bugg-mainMotto{
                            opacity: 1;
                            -webkit-transform: translateX(-300px);
                            transform: translateX(-300px);
                        }

                        .bugg-videoBoxSliderLoop .bugg-subMotto{
                            display:inline-block; opacity: 0; width:100%;
                            font-size:1.25rem;
                            margin-top:30px; padding: 0px 0px; line-height: 1.2;
                            opacity: 0;
                            -webkit-transform: translateX(-200px);
                            transform: translateX(-200px);
                            -webkit-transition: all 0.6s ease;
                            -moz-transition: all 0.6s ease;
                            transition: all 0.6s ease;
                        }


                    .bugg-videoBoxSliderLoop.bugg-active-slide .bugg-subMotto{
                        opacity: 1;
                        -webkit-transform: translateX(0px);
                        transform: translateX(0px);
                    }
                    .bugg-videoBoxSliderLoop.bugg-active-slide.bugg-active-slide-closing .bugg-subMotto{
                        opacity: 0;
                        -webkit-transform: translateX(200px);
                        transform: translateX(200px);
                    }


                    .bugg-videoBoxSliderLoop .bugg-sliderButtonBox{
                        display: inline-block;
                        padding-top:30px;
                        width:100%;
                        font-family: ji-SemiBold;
                        opacity: 0px;
                        -webkit-transform: translateY(300px);
                        transform: translateY(300px);
                        -webkit-transition: all 0.6s ease;
                        -moz-transition: all 0.6s ease;
                        transition: all 0.6s ease;
                    }
                        .bugg-videoBoxSliderLoop .bugg-sliderButtonBox a{
                            opacity:0;
                            display: inline-block;padding:10px 40px;
                            background: var(--primary-color);
                            color: white;
                            border-radius: 4px;
                            -webkit-transition: all 0.8s ease;
                            -moz-transition: all 0.8s ease;
                            transition: all 0.8s ease;
                        }
                    .bugg-videoBoxSliderLoop.bugg-active-slide .bugg-sliderButtonBox{
                        opacity: 1;
                        -webkit-transform: translateY(0px);
                        transform: translateY(0px);
                    }
                        .bugg-videoBoxSliderLoop.bugg-active-slide .bugg-sliderButtonBox a{
                            opacity: 1;
                        }
                    .bugg-videoBoxSliderLoop.bugg-active-slide.bugg-active-slide-closing .bugg-sliderButtonBox{
                        opacity: 0px;
                        -webkit-transform: translateY(-100px);
                        transform: translateY(-100px);
                    }
                    .bugg-videoBoxSliderLoop.bugg-active-slide .bugg-sliderButton:hover{
                        background: #646f79;
                    }



                .bugg-iframeVideo iframe{height: auto;}



.bugg-unitContentBox{position:relative; color: var(--primary-color); padding:100px 0px; overflow:hidden; background-color: white; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); }
.bugg-unitContentBox:first-child{margin-top:20px;}
    .bugg-versSecond{background-color: #F8F8F8; filter:drop-shadow(0px 3px 6px rgba(0,0,0,0.16));}
    .bugg-unitContentBox div{position:relative;}
        .bugg-unitContentBox .bugg-unitTitle{font-size:3.2rem; font-family:ji-Bold; line-height: 1.1; text-transform: uppercase; }
        .bugg-unitContentBox .bugg-unitSubTitle{font-size:1.6rem;line-height: 1;}
        .bugg-unitContentBox .bugg-infoBox{display:flex; justify-content: space-between; margin-top:30px;}
            .bugg-unitContentBox .bugg-infoBox .bugg-details{display: flex; align-items: center;padding:0px 20px 0px 20px}
                .bugg-unitContentBox .bugg-infoBox .bugg-details article{margin-top:20px}
                .bugg-unitContentBox .bugg-infoBox .bugg-details article:first-child{margin-top:0px;}
            .bugg-unitContentBox .bugg-infoBox .bugg-image{padding:0px 20px 0px 0px}
                .bugg-unitContentBox .bugg-infoBox .bugg-image img{border-radius:4px;}

    .bugg-unitContentBox.bugg-versSecond .bugg-unitTitle,
    .bugg-unitContentBox.bugg-versSecond .bugg-unitSubTitle{text-align: right;}
    .bugg-unitContentBox.bugg-versSecond .bugg-infoBox{flex-direction: row-reverse;}

    .bugg-unitContentBox.bugg-versSecond .bugg-numberella{right:auto; left:-12%;}

    .bugg-numberella{
        position:absolute;
        top:-100px;
        right:-40px;
        font-size:40rem;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: var(--primary-color);
        color:transparent;
        font-family: ji-Bold;
        opacity: 0.3;
        line-height: 1;

    }


    .bugg-image:hover img{transform:scale(1.05,1.05);}

.bugg-bannerShowcase{display: grid;}
.bugg-bannerShowcase.bugg-varBannerTemp_two{grid-template-columns: 1fr 1fr;}
.bugg-bannerShowcase.bugg-varBannerTemp_three{grid-template-columns: 1fr 1fr 1fr;}
.bugg-bannerShowcase.bugg-varBannerTemp_onetwo{grid-template-columns: 3fr 3fr;}
.bugg-bannerShowcase.bugg-varBannerTemp_onetwo .bugg-itemCls_1{grid-row-start: 1;grid-row-end: 3;}
.bugg-bannerShowcase.bugg-gridGaps{grid-gap: 30px;}

    .bugg-bannerShowcase .bugg-bannerShowcaseLoop{position: relative;}
        .bugg-bannerShowcaseBox{position:relative; overflow:hidden; padding-left:0px; height: 100%;}
            .bugg-bannerShowcaseBox .bugg-bannerOverlay{
                content:'';
                position: absolute;
                left:0px;
                top:0px;
                width:100%;
                height: 100%;
                background: rgba(0,0,0,0.1);
                z-index:10;
            }
            .bugg-bannerShowcaseBox:hover .bugg-bannerOverlay{
                background: rgba(0,0,0,0.4);
            }
        .bugg-bannerShowcaseBox .bugg-bannerFootage{
            position:absolute;
            bottom:-120px;
            left:0px;
            width:100%;
            height: 225px;
        }

        .bugg-bannerShowcaseBox .bugg-image{position: relative;height: 100%;}
            .bugg-bannerShowcaseBox .bugg-image img{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
                object-fit: cover;width:100%; height: 100%; transform:scale(1.08);
            }
    .bugg-bannerShowcase.bugg-gridGaps .bugg-bannerShowcaseBox,
    .bugg-bannerShowcase.bugg-gridGaps .bugg-image,
    .bugg-bannerShowcase.bugg-gridGaps .bugg-image img{
        border-radius: 5px;
    }
        .bugg-bannerShowcaseBox:hover .bugg-image img{
            transform:scale(1);
        }
        .bugg-bannerShowcaseBox .bugg-details{
            position:absolute;
            bottom:0px;
            left:0px;
            width:100%;
            height: 100%;
            padding:0px 0px;
            border:0px solid red;
            -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;
            z-index:15;
            display: inline-flex; align-items: center;
        }
        .bugg-bannerShowcaseBox .bugg-details.bugg-lightText{color: white;}
        .bugg-bannerShowcaseBox .bugg-details.bugg-darkText{color: var(--text-color);}
        .bugg-bannerShowcaseBox .bugg-details.bugg-textPosition_a{justify-content: flex-end}
        .bugg-bannerShowcaseBox .bugg-details.bugg-textPosition_p{justify-content: center;}
        .bugg-bannerShowcaseBox .bugg-details.bugg-textPosition_s{justify-content: flex-start;}

            .bugg-bannerShowcaseBox .bugg-details .bugg-caption{width:40%;}
                .bugg-bannerShowcaseBox .bugg-details .bugg-caption span{
                    display:inline-block; width:100%; position:relative;
                    text-align:center;
                    border:0px solid red;
                    opacity: 0;
                }
                .bugg-bannerShowcaseBox .bugg-linkName{padding:5px  0px 5px 0px; font-family: ji-SemiBold; font-size:1.8rem;transform:translateX(-80px);}
                .bugg-bannerShowcaseBox .bugg-title{padding:5px  0px; font-family: ji-SemiBold; font-size:1.2rem;transform:translateX(80px);}
                .bugg-bannerShowcaseBox .bugg-buttonParent{ padding:10px  5px;transform:translateY(80px);}
                    .bugg-bannerShowcaseBox .bugg-button{opacity: 1!important; width:auto!important; line-height: 40px; font-size:1rem; font-family:ji-SemiBold; padding:0px 20px; background:var(--primary-color); color: white; border-radius:5px;}
                    .bugg-bannerShowcaseBox .bugg-button:hover{background:var(--primary-color-d); }
                        .bugg-bannerShowcaseBox .bugg-button i{ position: relative; top:1.5px;}

    .bugg-activeStage .bugg-bannerShowcaseBox .bugg-linkName,
    .bugg-activeStage .bugg-bannerShowcaseBox .bugg-title{transform:translateX(0px); opacity:1!important; }
    .bugg-activeStage .bugg-bannerShowcaseBox .bugg-buttonParent{transform:translateY(0px); opacity:1!important; }

    .bugg-stageMove{
        transform:translateY(70px);
        opacity:0;
        -webkit-transition: all 0.30s;-moz-transition: all 0.30s;-o-transition: all 0.30s;transition: all 0.30s;
    }
    .bugg-stageMove.bugg-active{
        transform:translateY(0px);
        opacity:1;
    }

    .bugg-stageMove .bugg-stage-from-left{transform: translate(-200px, 100px);-webkit-transition: all 0.30s;-moz-transition: all 0.30s;-o-transition: all 0.30s;transition: all 0.30s;}
    .bugg-stageMove .bugg-stage-from-right{transform: translate(200px, 100px);-webkit-transition: all 0.30s;-moz-transition: all 0.30s;-o-transition: all 0.30s;transition: all 0.30s;}

    .bugg-activeStage .bugg-stage-from-left{transform: translate(0px, 0px);}
    .bugg-activeStage .bugg-stage-from-right{transform: translate(0px, 0px);}


.bugg-ads{
    background-color:rgba(var(--primary-color-rgb),0.2); padding:20px 20px 50px 20px;
}
    .bugg-adListBox{display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px ; }
        .bugg-adBoxCover{position:relative;}
            .bugg-adBoxCover .bugg-adBox{background-color: white; border-radius:5px; padding: 15px 15px;}
            .bugg-adBoxCover .bugg-adBox.bugg-secondColor{background-color:rgba(var(--primary-color-rgb),0.1);}
                .bugg-adBoxCover .bugg-adBox span{display:inline-block; width:100%; text-align:center }
                .bugg-adBoxCover .bugg-adBox .bugg-adDate{ font-size:1.05rem; font-family:ji-SemiBold;color: var(--primary-color); }
                .bugg-adBoxCover .bugg-adBox .bugg-adLocs{margin-top:15px; }
                    .bugg-adBoxCover .bugg-adBox .bugg-adLocs i{display:inline-block; position:relative; margin:0px 15px }
                .bugg-adBoxCover .bugg-adBox .bugg-adTitle{font-size:1.1rem; font-family:ji-SemiBold; margin-top:15px;  text-align:left;}
                .bugg-adBoxCover .bugg-adBox .bugg-adSubTitle{font-size:0.9rem; font-family:ji-SemiBold; margin-top:0px;  text-align:left;}
                .bugg-adBoxCover .bugg-adBox .bugg-detailLink{text-align:right!important;}
                    .bugg-adBoxCover .bugg-adBox .bugg-detailLink a{display:inline-block; }

.bugg-adsDetailInfo{}
    .bugg-adsDetailInfo article{padding:3px 0px;}
   .bugg-adsDetailInfo span.bugg-subTitle{display:inline-block; width:150px; text-align:left; }
   .bugg-adsDetailInfo span i{display:inline-block; margin:0px 20px;}


.bugg-unitCatBannerBand{margin-top:-10rem;}
.bugg-unitCatBanner{position:relative; }
    .bugg-unitCatBanner img{width:100%;}
    .bugg-unitCatBanner .bugg-boxNov{position:absolute;width:100%; height:100%; left:0px; top:0px; display:inline-flex; justify-content: center; align-items: center;}
    .bugg-unitCatBanner .bugg-boxNov a{display:inline-block;width:155px; text-align:center;
        background-color:#F9FAFD;
        border:1px  solid #F9FAFD;
        color:#616161;
        font-family:'ji-Bold';
        line-height: 40px;
        border-radius:4px;
        }



.bugg-contentShowcaseBox{padding:0px 20px; position:relative;}
.bugg-gridCarousel .bugg-contentShowcaseBox{margin-bottom: 0px;}
    .bugg-contentShowcaseBox .bugg-showcaseBox{position:relative; height:100%;  display: flex; justify-content: space-between; }
    .bugg-contentShowcaseBox .bugg-showcaseImage{
        width: 40%;
        position:relative;
        text-align: center;
        border-radius: 5px;
        border:0px solid red;
    }
        .bugg-contentShowcaseBox .bugg-showcaseImage img{
                width: 100%;
                border-radius: 5px;
                -webkit-transition : all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -o-transition:all 0.3s ease;
                transition:all 0.3s ease;
            }
            .bugg-contentShowcaseBox:hover .bugg-showcaseImage img{
            }
    .bugg-contentShowcaseBox .bugg-showcaseText{
        position:relative;
        display: flex;
        align-items: center;
        width:40%;
        padding:10px 10px;
        line-height:1.2;
        -webkit-transition : all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -o-transition:all 0.1s ease;
        transition:all 0.1s ease;
        border:0px solid red;
        color: var(--primary-color);
    }
    .bugg-contentShowcaseBox:hover .bugg-showcaseText{
    }
    .bugg-contentShowcaseBox .bugg-showcaseTitle{
        font-family:'ji-Bold'; font-size:1.4rem; text-align:left;margin-bottom:0px;
    }
    .bugg-contentShowcaseBox .bugg-showcaseInfo{
        font-size:1.1rem;
        margin-top:10px;
        -webkit-transition : all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition:all 0.3s ease;
        transition:all 0.3s ease;
        transform:scale(1,1);
        transform-origin:0 0;
        opacity:1;
    }
    .bugg-contentShowcaseBox:hover .bugg-showcaseInfo{
    }
    .bugg-contentShowcaseBox .bugg-buttonCover{
        margin-top:15px;
    }
    .bugg-contentShowcaseBox .bugg-buttonCover a{
    }
    .bugg-contentShowcaseBox .bugg-buttonCover a:hover{
        }


.bugg-campaignOneBanner{
    padding:00px 0px;
    display:flex;
}
    .bugg-campaignOneBanner .bugg-image img{width:100%; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
    .bugg-campaignInfo{padding:0px 60px; display: flex; align-items: center;}
        .bugg-campaignInfo .bugg-linkName{display: inline-block; width:100%; color:#ff186e; font-size:2.5rem; font-family: ji-SemiBold;}
        .bugg-campaignInfo .bugg-title{display: inline-block; width:100%; color: var(--primary-color-d); font-size:1.5rem; font-family: ji-SemiBold;}
        .bugg-campaignInfo .bugg-brief{display: inline-block; width:100%;}
        .bugg-campaignInfo .bugg-buttonCover{display: inline-block; width:100%; margin-top:40px}
            .bugg-campaignInfo .bugg-buttonCover a{display: inline-block; line-height: 40px; padding:0px 30px; background:var(--secondary-color); color:white; border-radius: 5px;}
            .bugg-campaignInfo .bugg-buttonCover a:hover{background: var(--secondary-color-d);}

.slick-prev.slick-arrow.bugg-typeTwo{position: absolute; opacity: 1; height: 40px; width: 40px; right:-150px ; bottom:20px;}
.slick-next.slick-arrow.bugg-typeTwo{opacity: 1; height: 40px; width: 40px;}


.slick-prev.slick-arrow.bugg-colorPrimary,
.slick-next.slick-arrow.bugg-colorPrimary{
    font-size:40px;
}
 .bugg-referansLister{
     display:inline-grid;
     grid-template-columns: 1fr 1fr 1fr;
     grid-auto-rows: 250px;
     grid-gap:30px;
     margin-bottom:80px;
 }
     .bugg-referansLister .bugg-referansLoop{overflow:hidden; position:relative; z-index:10;border-radius:5px;}
     .bugg-referansLister .bugg-referansLoop a{display:inline-block;position: relative; z-index:20; width:100%;height: 100%;}
     .bugg-referansLister .bugg-referansLoop a::before{content:''; position: absolute; width:100%; height: 100%; left:0px; top:0px; background:rgba(0,0,0,0.4); z-index:15;}
     .bugg-referansLister .bugg-referansLoop a::after{
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
         background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
         content: '';
         opacity: 0;
         -webkit-transform: translate3d(0,50%,0);
         transform: translate3d(0,50%,0);
         transition: opacity 0.3s, transform 0.3s;
     }
         .bugg-referansLister .bugg-referansLoop:hover a::after{
             opacity: 1;
             -webkit-transform: translate3d(0,0,0);
             transform: translate3d(0,0,0);
         }

         .bugg-referansLister .bugg-referansLoop .bugg-image{
            display: block;width: 100%;position: relative;text-align: center;height: 0px;padding: 100% 0 0 0;overflow: hidden;
         }
             .bugg-referansLister .bugg-referansLoop img{
                position: absolute;display: block;
                width: 100%; height: 100%;
                object-fit: cover;
                object-position: center center;
                left: 0;right: 0;top: 0;bottom: 0;margin: auto;
                  transform:scale(1.1,1.1);
                  -webkit-transition: all 0.3s ease-out;
                   -o-transition: all 0.3s ease-out;
                   -moz-transition: all 0.3s ease-out;
                   -ms-transition: all 0.3s ease-out;
                  transition: all 0.3s ease-out;
             }
     .bugg-referansLister .bugg-referansLoop:hover img{
         transform:scale(1,1);
     }
     .bugg-referansLister .bugg-referansLoop .bugg-linkName{position: absolute; display:inline-block; top:50%; left:50%; z-index:20;
         color: white; font-size:1.2rem; font-family:ji-SemiBold;
         transform: translate(-50%,-50%);
         -webkit-transform: translate(-50%,-50%);
     }
     .bugg-referansLister .bugg-referansLoop:hover .bugg-linkName{
         transform: translate(-50%,-30px);
         -webkit-transform: translate(-50%,-30px);
     }
     .bugg-referansLister .bugg-referansLoop .bugg-title{
         position: absolute;
         bottom: 0;
         left: 0;
         padding: 2em;
         width: 100%;
         opacity: 0;
         z-index: 20;
         -webkit-transform: translate3d(0,10px,0);
         transform: translate3d(0,10px,0);
         color:white;
         text-align: center;
     }
     .bugg-referansLister .bugg-referansLoop:hover .bugg-title{
         opacity: 1;
         -webkit-transform: translate3d(0,0,0);
         transform: translate3d(0,0,0);
     }

.bugg-portfolioBtn{display:inline-block;margin-left:20px; font-family:ji-SemiBold;}
 .bugg-portfolioBtn:hover{cursor:pointer;color: var(--primary-color)}


.bugg-projectImage{}
    .bugg-projectImage img{width:100%;}
.bugg-projectCart{position:relative; padding-left:40px;}
    .bugg-projectCart span{display:inline-block; width:100%;}
    .bugg-projectCart span.bugg-cartLinkName{position:relative;font-family:ji-SemiBold;font-size:1.3rem; margin-bottom:30px;}
        .bugg-projectCart span.bugg-cartLinkName:before{content:'';position:absolute; bottom:0px; left:0px; width:80px;height:2px; background:var(--primary-color);}
    .bugg-projectCart span.bugg-cartTitle{ font-family:ji-SemiBold;font-size:1.1rem;}
    .bugg-projectCart span.bugg-cartInfo{margin-bottom:30px;}

.bugg-formBox{ background: var(--second-bg); border-radius: 10px; padding:20px 20px; }
    .bugg-formBox .bugg-jiSvgIcon{width:100px; height: 100px;}


    .bugg-contactBand{position: relative; display: flex;}
        .bugg-contactBand .bugg-contactInfoSide h1,
        .bugg-contactBand .bugg-contactFormSide h1{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-family: 'ji-SemiBold';font-size:1.88rem; line-height: 2.31rem;}
        .bugg-contactBand .bugg-contactInfoSide{ border-right:1px solid #eaebed;padding:0px 0px 0px 0px;}
            .bugg-contactDetails{padding:0px 0px;}
                .bugg-contactBox{margin-top:20px;}
                    .bugg-contactBox .bugg-boxIcon{float:left; width:45px; font-size:25px;}
                    .bugg-contactBox .bugg-boxInfo{float:left; width:calc(100% - 50px); border:0px solid red;line-height: 1;}
                        .bugg-contactBox .bugg-boxInfo .bugg-title{display: inline-block; width:100%;font-size:0.88rem; color:#626262;line-height: 1;}
                        .bugg-contactBox .bugg-boxInfo .bugg-phoneNumber{display: inline-block; width:100%;font-size:1.31rem; margin-top:5px;line-height: 1.3}
                        .bugg-contactBox .bugg-boxInfo .bugg-info{display: inline-block; width:100%;font-size:1rem;margin-top:5px; line-height: 1.3;}
            .bugg-contactMap{margin-top:20px; border-bottom-left-radius:10px;}
                .bugg-contactMap img{width:100%;border-bottom-left-radius:10px;}
                .bugg-contactMap iframe{width:100%!important;height: 300px;}

        .bugg-contactBand .bugg-contactFormSide{padding:0px 80px;}




.bugg-prodListHeader a:hover,
.bugg-breadCrumb a:hover,
.bugg-toCatLister a:hover{ color: var(--primary-color)};

 .bugg-widgetHeader{
     display: inline-block;
     width:100%;
     font-size:1.2rem;
     font-family: 'ji-SemiBold';
     margin:5px 0px 10px 0px;
     text-align: center;
     border-bottom:1px solid #363637;

 }

 .bugg-pageBlockLeft{position: relative;padding-right:10px;}
 .bugg-pageBlockRight{position: relative;padding-left:10px;}
.bugg-pageBlockRight.bugg-borderStyle{border-left:1px solid silver;}
     .bugg-rightBlockTasks{margin-top:20px;}

 .bugg-contentLeftMenu{position: relative;background-color:var(--bg-inputs);margin-top:5px;padding:0px 10px;}
     .bugg-contentLeftMenu .bugg-title{font-size:1.3rem; line-height: 2.6rem; font-family: 'ji-SemiBold';}
     .bugg-contentLeftMenu .bugg-menuItem.bugg-active{color:var(--primary-color);}

.bugg-widgetHeader {
    display: inline-block;
    position: relative;
    width: 100%;
    background: var(--secondary-color);
    font-size: 1.2rem;
    font-family: ji-SemiBold;
    border-left: 5px solid var(--secondary-color);
    padding-left: 10px;
    margin-bottom: 15px;
    color: white;
    line-height: 40px;
    border-radius:4px;
}
.bugg-pageBlockRight.bugg-subPanel .bugg-widgetHeader{
    background: -webkit-linear-gradient(273deg, #CCE8FF  30%, #D1FADD  87%);
    font-size: 1.2rem;
    font-family: ji-Medium;
    color: var(--text-color);

}

.bugg-contentBoxCover {position:relative;padding: 0px 0px 0px 10px;}
.bugg-contentBoxCover.bugg-paddingStyle{padding: 0px 20px 0px 10px !important;border-left:1px solid silver;}
.bugg-contentBoxCover:nth-child(2n-1) {position:relative;padding: 0px 10px 0px 00px;}
.bugg-pageBlockRight .bugg-contentBoxCover{position:relative;padding: 0px 00px 0px 0px; margin-bottom:10px;}
.bugg-campInBoxCover {position:relative;padding: 0px 0px 0px 10px;}
.bugg-campInBoxCover:nth-child(2n-1) {padding: 0px 10px 0px 0px;}

.bugg-userSpec .bugg-campInBoxCover {padding:0px 0px 0px 0px !important; margin-bottom:20px;}
    .bugg-contentBoxCover .bugg-contentLoop, .bugg-campInBoxCover .bugg-campLoop {position:relative;border-bottom:0px solid silver;}
    .bugg-campInBoxCover .bugg-campLoop{border-bottom: 1px solid rgba(var(--primary-color-rgb),0.4);}
        .bugg-contentBoxCover .bugg-contentLoop .bugg-image{
                display: block;
                width: 100%;
                position:relative;
                text-align: center;
                height: 0px;
                padding: 56.25% 0 0 0;
                overflow: hidden;
        }
        .bugg-campInBoxCover .bugg-campLoop .bugg-image{
            display: block;
            width: 100%;
            position:relative;
            text-align: center;
            height: 0px;
            padding: 33.33% 0 0 0;
            overflow: hidden;
        }
            .bugg-campInBoxCover .bugg-campLoop .bugg-image img,
            .bugg-contentBoxCover .bugg-contentLoop .bugg-image img{
                position: absolute;
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                -webkit-transition : all 0.3s;
                -moz-transition: all 0.3s;
                -o-transition:all 0.3s;
                transition:all 0.3s;
                border-radius:5px;
            }
                .bugg-contentBoxCover .bugg-contentLoop:hover .bugg-image img,
                .bugg-campInBoxCover .bugg-campLoop:hover .bugg-image img{
                    transform: scale(1.03, 1.03);
                    -ms-transform: scale(1.03,1.03);
                }
            .bugg-contentBoxCover .bugg-contentLoop .bugg-image:after{
            position: absolute;
            bottom:50%;
            margin-bottom: -20px;
            left: 50%;
            margin-left: -20px;
            content:'';
            width: 40px;
            height: 40px;
            background-color: rgba(255,255,255,0.06);
            border-radius: 100%;
            opacity: 0;
        }
            .bugg-contentBoxCover .bugg-contentLoop:hover .bugg-image:after{
                animation: sk-pulse 0.3s 1 cubic-bezier(0.455, 0.03, 0.515, 0.955);
            }
                @keyframes sk-pulse {
                    0% {
                        transform: scale(0);
                        opacity: 0;
                    } 60% {
                        transform: scale(15,15);
                        opacity: 1;
                    }100% {
                        transform: scale(20,20);
                        opacity: 0;
                    }
                }

        .bugg-contentBoxCover .bugg-contentLoop .bugg-name{
            position: absolute; bottom:20px; font-size:1.3rem; font-family:'ji-SemiBold';padding: 10px 20px;background: rgba(255,255,255,0.8);
            -webkit-transition : all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition:all 0.3s ease;
            transition:all 0.3s ease;
        }
        .bugg-campInBoxCover .bugg-campLoop .bugg-name{
            position: relative; font-size:1.3rem; font-family:'ji-SemiBold';padding: 8px 10px 8px 10px;background: rgba(255,255,255,0.8);
            -webkit-transition : all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition:all 0.3s ease;
            transition:all 0.3s ease;
            border-left:5px solid var(--primary-color);
        }
        .bugg-campInBoxCover .bugg-campLoop .bugg-subTitle{
            position: absolute;
            left: 10px;
            top: 10px;
            background: rgba(255,255,255,0.5);
            font-family: 'ji-SemiBold'!important;
            font-size: 1.1rem;
            line-height: 1.1rem;
            padding: 0.4rem 0.8rem;
            color: var(--primary-color);
            border: 1px solid var(--primary-color);
        }
        .bugg-campInBoxCover .bugg-campLoop .bugg-info{
            height: 60px;
            overflow: hidden;
        }
        .bugg-campInBoxCover .bugg-campLoop .bugg-couponShow{
            float:right;
            border:1px solid #d7ddd9;
            padding:5px 10px;
            margin:5px 5px;
            font-family: 'ji-SemiBold';
            background: #f5f5f5;
        }
            .bugg-campInBoxCover .bugg-campLoop .bugg-couponShow .bugg-code{
                display: inline-block;
                border:1px solid #d7ddd9;
                padding:0px 5px;
                background: rgba(235,235,235,1);
                font-family: 'ji-Bold';
                letter-spacing: 1px;
            }

        .bugg-contentBoxCover .bugg-contentLoop:hover .bugg-name{padding:10px 20px 10px 30px ;}
        .bugg-pageBlockRight .bugg-contentBoxCover .bugg-name{bottom:10px; font-size:1.1rem; font-family:'ji-SemiBold';padding: 5px 10px;}
        .bugg-pageBlockRight .bugg-contentBoxCover .bugg-name::before{position:absolute; left:-10px;width:10px;  bottom:15px; height: 2px; background-color: silver; content:'';}
                .bugg-pageBlockRight .bugg-contentLoop:hover .bugg-name{padding:5px 10px 5px 10px ;}
    .bugg-listWebContent .bugg-contentBoxCover{margin-top:10px;}
    .bugg-listWebContent .bugg-contentBoxCover:nth-child(1),
    .bugg-listWebContent .bugg-contentBoxCover:nth-child(2){margin-top:0;}
    .bugg-listWebContent .bugg-contentBoxCover .bugg-contentLoop{border:1px solid var(--border-form); background: var(--bg-prodbox); }

.bugg-referansLister .bugg-referansLoop .bugg-image{
            display: block;width: 100%;position: relative;text-align: center;height: 0px;padding: 100% 0 0 0;overflow: hidden;
         }
             .bugg-referansLister .bugg-referansLoop img{
                position: absolute;display: block;
                width: 100%; height: 100%;
                object-fit: cover;
                object-position: center center;
                left: 0;right: 0;top: 0;bottom: 0;margin: auto;
                  transform:scale(1.1,1.1);
                  -webkit-transition: all 0.3s ease-out;
                   -o-transition: all 0.3s ease-out;
                   -moz-transition: all 0.3s ease-out;
                   -ms-transition: all 0.3s ease-out;
                  transition: all 0.3s ease-out;
             }


.bugg-opBoxes{position:relative; display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap:20px;}
    .bugg-opBoxes .bugg-opBox{position:relative; padding:20px 20px 250px 20px; background-color: var(--primary-color); border-radius: 50px;}
    .bugg-opBoxes .bugg-opBox:first-child{transform:translateY(120px);}
    .bugg-opBoxes .bugg-opBox:nth-child(2){transform:translateY(80px);}
    .bugg-opBoxes .bugg-opBox:nth-child(3){transform:translateY(40px);}
        .bugg-opBoxes .bugg-opBox .bugg-image{
            display: block;width: 100%;position: relative;text-align: center;height: 0px;padding: 56.6% 0 0 0;overflow: hidden;
        }
            .bugg-opBoxes .bugg-opBox .bugg-image img{
                border-radius: 40px; border:3px solid white;
                position: absolute;display: block;
                width: 100%; height: 100%;
                object-fit: cover;
                object-position: center center;
                left: 0;right: 0;top: 0;bottom: 0;margin: auto;
            }
            .bugg-opBoxes .bugg-opBox .bugg-info{color:white; font-size:1.7rem; margin-top:20px; text-align:center; line-height: 1.1;}


.bugg-contentImageFullPage{position:relative;}
    .bugg-contentImageFullPage img{width:100%;position:relative; top:-300px}

 .bugg-contentData{position: relative; padding-bottom:60px;}
     .bugg-contentData .bugg-image{position: relative;}
     .bugg-contentData  .bugg-contentImage{border-radius: 5px;}
        .bugg-contentData  .bugg-contentImage img{border-radius: 5px;}
     .bugg-contentData .bugg-contentTitle{position: relative;padding:00px 0px; text-align: center; color: var(--primary-color);}
         .bugg-contentData .bugg-contentTitle h1{ font-size:1.6rem; line-height: 3.2rem; }
     .bugg-contentData .bugg-contentInfo{position: relative;padding: 0px 0px;font-size: 1.05rem;font-style: italic; text-align: center; margin-top:20px;}
     .bugg-contentData .bugg-contentDetails{position: relative; text-align: center; }
     .bugg-contentData .bugg-smlNote{position: relative; display: none;}
.bugg-contentData .bugg-pageBlockLeft{padding-right:40px;}

.bugg-contentPhotos{max-height: 200px; border:0px solid red;}
     .bugg-contentPhotos .bugg-prodPhotoGalery{float:left; position:relative; width: 100%; height: 220px; margin-top:0px; margin-left:0px; padding-left:0px;}
         .bugg-contentPhotos .bugg-prodPhotoGalery .bugg-prodGalLoop{float:left;width:200px; height: 200px; margin:8px 0px 5px 0px; border:0px solid rgb(221, 221, 221); border-radius: 4px; padding:5px 5px; background:rgba(255,255,255,0.5)}
         .bugg-contentPhotos .bugg-prodPhotoGalery .bugg-prodGalLoop a{display: inline-block; width:100%; height: 100%;display: flex; justify-content: center; align-items: center;}
             .bugg-contentPhotos .bugg-prodPhotoGalery .bugg-prodGalLoop img{width:auto; width: 100%; height: 100%;  object-fit: cover; border-radius: 5px;}

         .bugg-contentPhotos .bugg-prodPhotoGalery .bugg-sliderArrow{display:inline-block; width:40px; height: 50px; background: #CCE8FF; text-align: center; line-height: 50px; border-radius: 3px; color: black;}
         .bugg-contentPhotos .bugg-prodPhotoGalery .bugg-sliderArrow:hover{cursor:pointer; background-color: var(--primary-color); color:white;}
         .bugg-contentPhotos .bugg-prodPhotoGalery .bugg-sliderArrow.slick-prev{margin-left:-40px;}
         .bugg-contentPhotos .bugg-prodPhotoGalery .bugg-sliderArrow.slick-next{margin-right:-40px;}

        .bugg-contentPhotos .slick-prev.bugg-slick-v-arrow i {transform:rotate(-90deg)}
        .bugg-contentPhotos .slick-next.bugg-slick-v-arrow i{transform:rotate(-90deg)}

.bugg-contentPhotosVertical{float:left;width:100%; position:relative;float:left;height: 90px; border:0px solid red;}
     .bugg-contentPhotosVertical .bugg-prodPhotoGalery{float:left; position:relative; width: 100%; height: 100%; margin-top:0px; margin-left:0px; padding:0px 35px; border:0px solid  yellow;}
         .bugg-contentPhotosVertical .bugg-prodPhotoGalery .bugg-prodGalLoop{float:left;max-width:215px; max-height: 100%; margin:0px 0px 0px 0px; border:0px solid rgb(221, 221, 221); border-radius: 4px; padding:5px 5px; background:rgba(255,255,255,0)}
         .bugg-contentPhotosVertical .bugg-prodPhotoGalery .bugg-prodGalLoop a{display: inline-block; width:100%; height: 100%;display: flex; justify-content: center; align-items: center;}
             .bugg-contentPhotosVertical .bugg-prodPhotoGalery .bugg-prodGalLoop img{width:100%;border-radius: 5px;
            }
             .bugg-contentPhotosVertical .bugg-prodPhotoGalery .bugg-prodGalLoop img:hover{filter: grayscale(10%);}

         .bugg-contentPhotosVertical .bugg-prodPhotoGalery .bugg-sliderArrow{display:inline-block; width:30px; height: 100%; background: var(--main-bg); text-align: center; line-height: 25px; border-radius: 3px;}
         .bugg-contentPhotosVertical .bugg-prodPhotoGalery .bugg-sliderArrow:hover{cursor:pointer; background-color: var(--primary-color); color:white;}

        .bugg-contentPhotosVertical .slick-prev.bugg-slick-v-arrow{position: absolute; top:50%; margin-top:-20px; left:0px!important; border:0px solid red; width:40px!important; height: 40; color:var(--text-color);}
        .bugg-contentPhotosVertical .slick-next.bugg-slick-v-arrow{position: absolute; top:50%; margin-top:-20px;  right:0px!important; border:0px solid red; width:40px!important; height: 40px;  color:var(--text-color);}
            .bugg-contentPhotosVertical .slick-prev.bugg-slick-v-arrow i {transform:rotate(-90deg)}
            .bugg-contentPhotosVertical .slick-next.bugg-slick-v-arrow i{transform:rotate(-90deg)}

    .bugg-certificateBand .slick-prev.bugg-slick-v-arrow{width:40px!important; height: 40px!important; color: var(--primary-color);}

    .bugg-certificateBand .bugg-nivo-directionNav a i, .slick-arrow i{line-height: 40px!important;}
     .bugg-sssLoop{border-bottom:1px solid #ebebeb; padding:15px 10px 15px 40px; position:relative; }
       .bugg-sssLoop .bugg-title{position:relative; float:left; width:100%;font-size:1.10rem;  color: #444444; font-family: ji-SemiBold;}
           .bugg-sssLoop.bugg-active .bugg-title,
           .bugg-sssLoop .bugg-title:hover{color:var(--primary-color); cursor:pointer;}
           .bugg-sssLoop .bugg-title .bugg-sssIcon{position: absolute; left:-25px; top:2px;}
           .bugg-sssLoop .bugg-title .bugg-sssIcon.bugg-active{
               transform:rotate(-180deg);
           }

       .bugg-sssLoop .bugg-info{position:relative;float:left; display: none;width:100%; margin-top:20px;color: #444444;font-size: 1.1rem;line-height: 1.6;}

     .bugg-contentSliderBox{position:relative;padding: 0px 0px;}
         .bugg-contentSliderBox .bugg-sliderLoop{position:relative;border-bottom:1px solid silver;}
             .bugg-contentSliderBox .bugg-sliderLoop .bugg-image{display: block;
             width: 100%;
             position:relative;
             text-align: center;
             height: 0px;
             padding: 56.25% 0 0 0;
             overflow: hidden;
         }
             .bugg-contentSliderBox .bugg-sliderLoop .bugg-image img{
                 position: absolute;
                display: block;
                max-width: 100%;
                max-height: 100%;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                -webkit-transition : all 0.3s;
                -moz-transition: all 0.3s;
                -o-transition:all 0.3s;
                transition:all 0.3s;
             }
         .bugg-contentSliderBox .bugg-sliderLoop .bugg-linkName{position: absolute;width:60%; bottom:120px;padding: 10px 20px;background: rgba(255,255,255,0.8);font-size:1.3rem;
             opacity: 1;
             -webkit-transition : all 0.5s;
             -moz-transition: all 0.5s;
             -o-transition:all 0.5s;
             transition:all 0.5s;
            }
         .bugg-contentSliderBox .bugg-sliderLoop .bugg-linkName.bugg-passive{
             opacity: 0;
            }

         .bugg-contentSliderBox .bugg-sliderLoop .bugg-brief{position: absolute; bottom:0px;padding: 10px 20px;background: rgba(255,255,255,0.8);font-size:1.1rem;
             opacity: 1;
             -webkit-transition : all 0.5s;
             -moz-transition: all 0.5s;
             -o-transition:all 0.5s;
             transition:all 0.5s;
         }
         .bugg-contentSliderBox .bugg-sliderLoop .bugg-brief.bugg-passive{ opacity: 0;}


     .bugg-newSupportBtnParent{position: absolute; right: 0px; top:20px;}
     .bugg-supportBoxCover{margin:0px 0px 20px 0px; padding:10px 0px; border: 1px solid #ddd;}
         .bugg-supportBoxCover .bugg-supportLoop .bugg-title{padding:0px 5px;font-size:1rem; font-family: 'ji-SemiBold';border-bottom: 1px solid rgba(238,238,238,1);}
         .bugg-supportBoxCover .bugg-supportLoop .bugg-msg{padding:5px 10px;font-size:1rem; line-height:1.4rem;}
         .bugg-supportBoxCover .bugg-supportLoop .bugg-info{padding:3px 0px;font-size:1rem;line-height: 1.8rem;}
             .bugg-supportBoxCover .bugg-supportLoop .bugg-info .bugg-when{text-align: center; border-right:1px solid rgba(238,238,238,1);}
             .bugg-supportBoxCover .bugg-supportLoop .bugg-info .bugg-status{text-align: center; border-right:1px solid rgba(238,238,238,1);}
             .bugg-supportBoxCover .bugg-supportLoop .bugg-info .bugg-link{text-align: right;}
                 .bugg-supportBoxCover .bugg-supportLoop .bugg-info .bugg-link .bugg-jfrmSvgIcon{float:right; width:1.2rem;height: 1.2rem;margin:4px 5px 0px 5px;}



.bugg-ld-boxes{position:relative; display: grid; grid-gap: 30px;  grid-template-columns: repeat(4, 1fr); }
    .bugg-ld-boxes .bugg-ld-box{position:relative;}
    .bugg-ld-boxes .bugg-ld-box.bugg-double-size{grid-column: auto / span 2;}
        .bugg-ld-boxes .bugg-ld-box .bugg-image{display: block;width: 100%;position: relative;text-align: center;height: 0px;padding: 56.6% 0 0 0;overflow: hidden;  }
            .bugg-ld-boxes .bugg-ld-box .bugg-image img{
                position: absolute;display: block;
                width: 100%; height: 100%;
                object-fit: cover;
                object-position: center center;
                left: 0;right: 0;top: 0;bottom: 0;margin: auto;
                border-radius:10px;
            }
    .bugg-ld-boxes .bugg-ld-box .bugg-title{
        position:absolute; display:inline-block; right:0px; bottom:20px; background-color: var(--primary-color); color: white;
        line-height: 1; padding:5px 25px; font-family: ji-Regular; font-size: 1.05rem;
        border-top-left-radius: 5px; border-bottom-left-radius: 5px ;
    }
    .bugg-ld-boxes .bugg-ld-box.bugg-double-size .bugg-title{
        padding:7px 25px; font-family: ji-Medium; font-size: 1.1rem;
    }
    .bugg-ld-gallery-box{position:relative;display: block;width: 100%;position: relative;text-align: center;height: 0px;padding: 56.6% 0 0 0;overflow: hidden;  }
    .bugg-ld-boxes .bugg-ld-gallery-box img{
                position: absolute;display: block;
                width: 100%; height: 100%;
                object-fit: cover;
                object-position: center center;
                left: 0;right: 0;top: 0;bottom: 0;margin: auto;
                border-radius:10px;
            }



.bugg-blue-boxes{position:relative; display: grid; grid-gap: 40px;  grid-template-columns: repeat(4, 1fr); }
    .bugg-blue-boxes .bugg-blue-box{position:relative; background-color: var(--primary-color); color: white; padding: 80px 20px 70px 20px; text-align: center; border-radius:30px; margin-top:50px;}
    .bugg-blue-boxes .bugg-blue-box:hover{background-color: var(--primary-color-d);}
    .bugg-blue-boxes .bugg-blue-box.bugg-double-size{grid-column: auto / span 2;}
        .bugg-blue-boxes .bugg-blue-box .bugg-image{display: block;width: 100%;position: relative;text-align: center;height: 0px;padding: 56.6% 0 0 0;overflow: hidden;  }
            .bugg-blue-boxes .bugg-blue-box .bugg-image img{
                position: absolute;display: block;
                width: 100%; height: 100%;
                object-fit: cover;
                object-position: center center;
                left: 0;right: 0;top: 0;bottom: 0;margin: auto;
                border-radius:10px;
            }
         .bugg-blue-boxes .bugg-blue-box .bugg-icon{position:absolute;top:-55px;left:50%; margin-left:-55px; border:2px solid white; width:110px; height:110px; border-radius:50%;
            background-color: var(--primary-color); padding:10px 10px;
         }
         .bugg-blue-boxes .bugg-blue-box:hover .bugg-icon{background-color: var(--primary-color-d);}
        .bugg-blue-boxes .bugg-blue-box .bugg-info{padding:00px 0px 0px 0px;}
            .bugg-blue-boxes .bugg-blue-box .bugg-info .bugg-title{font-family: ji-SemiBold; font-size:1.3rem;}
            .bugg-blue-boxes .bugg-blue-box .bugg-info .bugg-text{margin-top:20px;}
        .bugg-blue-boxes .bugg-blue-box .bugg-direction-arrow{
            display: none;
            border:0px solid #dcdcdc;
            border-radius:50%;line-height:40px; text-align: center;
            position:absolute; width:40px; height:40px; bottom:20px; right:20px; color: #dcdcdc; font-size:1.1rem;
        }

.bugg-homeMottos{position:relative;}
    .bugg-mainTitle{text-align: center; font-size:1.8rem; color: var(--primary-color); line-height: 1.2;}
    .bugg-motto-boxes{position:relative; display: grid; grid-template-columns: repeat(3,1fr); grid-gap:10px; margin-top:20px;}
        .bugg-motto-boxes .bugg-motto-box{position:relative;height:100px; border:0px solid red;}
            .bugg-motto-boxes .bugg-motto-box .bugg-icon{position:relative;width:100%;}
                .bugg-motto-boxes .bugg-motto-box .bugg-icon  img{position:absolute;top:0px; left:50%;  transform: translateX(-50%); width:50%; max-width:80px; }
            .bugg-motto-boxes .bugg-motto-box:hover .bugg-icon img{transform: translateX(-50%) scale(1.35); }
            .bugg-motto-boxes .bugg-motto-box .bugg-brief{position: absolute; top:125%; width: 200%; transform: translateX(-25%); text-align: center;  font-size:1.4rem; color: var(--primary-color);
            opacity: 0;
            }
            .bugg-motto-boxes .bugg-motto-box:hover .bugg-brief{opacity: 1;}

.bugg-webForm .bugg-w3-input,
 .bugg-w3-select,
 .bugg-w3-input {
     border: 1px solid #e2e3e6 !important;
 }
.bugg-blogBlock{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}
    .bugg-blogBlock .bugg-blogLoop{background-color: white; padding-bottom:80px;}
        .bugg-blogBlock .bugg-blogLoop .bugg-image{}
            .bugg-blogBlock .bugg-blogLoop .bugg-image img{}
        .bugg-blogBlock .bugg-blogLoop .bugg-title{
            color:#212121;
            font-family: ji-Bold;
            font-size:1.9rem;
            padding:20px 30px 0px 30px;
        }
        .bugg-blogBlock .bugg-blogLoop .bugg-info{
            padding:10px 30px 0px 30px;
        }




.bugg-subContentGallery{position:relative; display:inline-grid; grid-template-columns: 1fr 1fr 1fr; grid-gap:30px; }
    .bugg-subContentGallery .bugg-subContentGalleryBox{position:relative; border-radius: 10px; padding:15px 15px; border:1px solid #D1FADD;
        background: -webkit-linear-gradient(270deg, rgba(209,250,211,0.3) 0%, #ffffff 87%);
    }
        .bugg-subContentGallery .bugg-subContentGalleryBox .bugg-image{position:relative;border-radius:10px; overflow:hidden;}
            .bugg-subContentGallery .bugg-subContentGalleryBox .bugg-image img{border-radius:10px;}
        .bugg-subContentGallery .bugg-subContentGalleryBox .bugg-dataSide{position:relative; margin-top:10px;}
            .bugg-subContentGallery .bugg-subContentGalleryBox .bugg-dataSide .bugg-title{font-size:1.1rem; font-family:ji-Medium;}
                .bugg-subContentGallery .bugg-subContentGalleryBox .bugg-dataSide .bugg-title i{color: var(--primary-color); margin-right:5px;}

footer{
    position: relative;
    z-index: 80 !important;
    border-top: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    padding: 50px 0px 50px 0px;
    color: white;
   }

    .bugg-footerCorp{}
        .bugg-footerCorp .bugg-footerLogo {margin-bottom:25px;}
            .bugg-footerCorp .bugg-footerLogo img{ max-width: 180px;}
        .bugg-footerCorp .bugg-corpName{font-size:1rem;  margin-bottom:20px; font-size:1.1rem; }
        .bugg-footerCorp ul{padding-right:20px; padding-top:0px; }
            .bugg-footerCorp ul.bugg-contact li{position: relative;height:40px;margin-bottom:0px;  font-size:1rem;}
                .bugg-footerCorp ul.bugg-contact li a{ display: inline-block;line-height: 40px;  width:calc(100% -  50px);text-align: left;}
                .bugg-footerCorp ul.bugg-contact li::before{
                    position:relative;
                    float:left;
                    left: 0;top: 0px;
                    width: 40px;
                    height: 40px;
                    margin-right:5px;
                    line-height: 40px;
                    text-align: center;
                    font-size:1.2rem;
                    font-family: 'Font Awesome';
                    font-weight: 900;
                    color:var(--primary-color);
                    border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;
                }
                 .bugg-footerCorp ul.bugg-contact li.bugg-address-icon{line-height: 18px;}
                     .bugg-footerCorp ul.bugg-contact li.bugg-address-icon::before{content: "\f3c5";}
                     .bugg-footerCorp ul.bugg-contact li.bugg-address-icon span{display: inline-block; width:calc(100% -  50px); padding-top:3px;}
                     .bugg-footerCorp ul.bugg-contact li.bugg-email-icon::before{content: "\f0e0";}
                     .bugg-footerCorp ul.bugg-contact li.bugg-phones-icon::before{content: "\f095";}

         .bugg-footerBoxes{color:#646f79;}
              .bugg-footerBoxes article{float:left; width:20%; padding:10px 10px; text-align:center; font-size:1.1rem;}
                  .bugg-footerBoxes article i{color:var(--primary-color); font-size:2rem;}
                  .bugg-footerBoxes span{display:inline-block; width:100%; margin-bottom:5px;}

.bugg-footerMenuCover{display:inline-flex; justify-content:flex-end}
    .bugg-footerMenu{padding:10px 0px 10px 10px;}
        .bugg-footerMenu .bugg-footerMenuHeader{ margin-top:0px; font-size:1.1rem;  font-family: ji-Medium;}
        .bugg-footerMenu ul.bugg-linker li a{display: inline-block;padding: 3px 0px; font-size:0.95rem;}
        .bugg-footerMenu ul.bugg-linker li a:hover{color: #DCDCDC;}

.bugg-footerIcons{
    display: inline-block;
    position: relative;
    width:100%;
    text-align: center;
}
.bugg-footerIcons a{
    display:inline-flex;
    align-items: center;
    justify-content: center;
    width:35px;
    height: 35px;
    margin:0px 5px;
    border-radius: 4px;
    color:var(--primary-color);
    background:rgba(var(--primary-color-rgb),0.1);
    -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.bugg-footerIcons a:hover{
    background:var(--primary-color);
    color:rgba(var(--primary-color-rgb),0.1);
}
.bugg-footerIcons a i{
    font-size:20px;
    -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
     -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.bugg-footerIcons a:hover i{
    color:#ebe9ff;
}




.bugg-mobileBottomNav{
     position: fixed;
     bottom:0px;
     left:0px;
     width:100%;
     height: 50px;
     border-top:0px solid black;
     z-index: 99;
     background-color: var(--second-bg);
     text-align: center;
     box-shadow: 0 0 15px rgba(0,0,0,.3);
     -moz-box-shadow: 0 0 15px rgba(0,0,0,.3);
     -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3);
     -o-box-shadow: 0 0 15px rgba(0,0,0,.3);
     font-size:0.8rem;
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
     overflow: hidden;
     line-height: 1;
}

.bugg-mobileBottomNav .bugg-navBottomLoop{float:left; width:25%; color:#222222; padding:0px 0px 0px 0px;}
     .bugg-mobileBottomNav .bugg-navBottomLoop a{display: inline-block; width:100%; height: 50px; padding-top:6px;color:var(--text-color);}
     .bugg-mobileBottomNav .bugg-navBottomLoop a.bugg-active.bugg-subActive{background: var(--primary-color-l); opacity:0.7;}

     .bugg-mobileBottomNav .bugg-jiTwoTone{width:24px; height: 24px; fill: var(--primary-color)}
     .bugg-mobileBottomNav .bugg-jiTwoTone.bugg-hamburger{width:40px; height: 40px; position: relative; margin-top:-8px}

.bugg-mobileBottomNav .bugg-navBottomLoop.bugg-active{background: var(--primary-color-l);}
.bugg-mobileBottomNav .bugg-navBottomLoop.bugg-active.bugg-semiStatus{background: rgba(255,155,192,0.4);}

    .bugg-mobileBottomNav .bugg-navBottomLoop.bugg-active a{color:var(--primary-color-d);}
    .bugg-mobileBottomNav .bugg-navBottomLoop.bugg-active .bugg-jiSvgIcon{fill: var(--primary-color-d);}

    .bugg-mobileBottomNav .bugg-navBottomLoop.bugg-active .bugg-line{stroke: var(--primary-color-d)}


         .bugg-mobileBottomNav .bugg-navBottomLoop .bugg-centerIcon{display: inline-block; font-size:18px;}
          .bugg-mobileBottomNav .bugg-navBottomLoop .bugg-title{ display: inline-block; width:100%; font-size:0.8rem; padding-top:3px; font-family: 'ji-SemiBold';}
         .bugg-mobileBottomNav .bugg-navBottomLoop a.bugg-active .bugg-title{
             color:var(--text-color);
         }

.bugg-mobileBottomNav.bugg-scrollHider:not(.bugg-menuOn){
    transform: translateY(50px);
}
.bugg-mobileBottomNav.bugg-menuOn{
    bottom:0px!important;
}

.bugg-mobileMenu {
  position: fixed;
  z-index: 91;
  top: 0px;
  left: 0px;
  bottom:0px;
  width: 100%;
  padding:20px 20px;
  background-color: var(--primary-color);
  -webkit-transition: all 0.08s ease;
   -o-transition: all 0.08s ease;
   -moz-transition: all 0.08s ease;
  transition: all 0.08s ease;
  -webkit-transform: translateY(-120%);
  -ms-transform: translateY(-120%);
  -o-transform: translateY(-120%);
  transform: translateY(-120%);
  z-index: 91;
  border-top:0px solid var(--third-color);
  overflow: auto;

  display: flex;
  align-items: center;

}
.bugg-mobileMenu.bugg-open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}


.bugg-mobileMenu .bugg-closeIcon{position: absolute; top:20px; right:20px; color:var(--primary-color);font-size:25px; display: none;}

.bugg-mobMenuBox{border:0px solid red;float:left; transform:translateY(100px); opacity:0;
    -webkit-transition: all 0.35s ease;
   -o-transition: all 0.35s ease;
   -moz-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.bugg-mobileMenu.bugg-fullMenu .bugg-mobMenuBox{width:100%; border:0px solid red; padding-left:20px;}

.bugg-mobileMenu.bugg-open .bugg-mobMenuBox{
    opacity: 1;
     transform:translateY(0px);
}

  .bugg-mobileMenuBlock{ border-bottom:1px solid rgba(var(--primary-color-rgb),0); padding:0px 0px 10px 0px; margin:0px 0px 0px 0px}
  .bugg-mobileMenuBlock.bugg-srcGlobCover{
      margin-top:30px;
      padding:0px 10px;
      position:relative;
      display: none;
  }
      .bugg-mobileMenuBlock.bugg-srcGlobCover .bugg-w3-input{
          border:1px solid var(--primary-color) !important;
      }
      .bugg-mobileMenuBlock.bugg-srcGlobCover .bugg-w3-btn{
          position:absolute;
          top:0px;
          right:10px;
          height: 40px;
          width:40px;
          line-height: 40px;
          background-color: var(--primary-color);
          padding:0px 0px;g
      }
  .bugg-mobileMenuBlock.bugg-srcGlobCover
  .bugg-mobileMenuBlock ul.bugg-levelOne,
  .bugg-mobileMenuBlock > ul{
      float:left;
      width:100%;
      padding:0px 10px 0px 10px;
      margin:0px 0px 0px 0px;
  }

.bugg-mobileMenu.bugg-fullMenu .bugg-mobileMenuBlock > ul{
}

      .bugg-mobileMenuBlock ul.bugg-levelOne li.bugg-levelOneLi,
      .bugg-mobileMenuBlock > ul > li{
          float:left;
          width: 100%;
          padding:0px 0px 0px 0px;
          border-bottom:0px solid #dddddd;
      }


      .bugg-mobileMenuBlock ul.bugg-levelOne li.bugg-levelOneLi a,
      .bugg-mobileMenuBlock > ul > li a {
          color:#212121;
          font-size: 1.3rem;
          position: relative;
          display: block;
          width:100%;
          text-align: left;
          padding: 8px 10px;
      }
      .bugg-mobileMenuBlock ul.bugg-levelOne li.bugg-levelOneLi a::before,
      .bugg-mobileMenuBlock > ul > li a::before{
          font-family: 'Font Awesome';
          font-weight: 900;
          content: "\f105";
          width: 1.3rem;
          height: 1.3rem;
          display: inline-block;
          font-size: 1.1rem;
          display:none;

      }
      .bugg-mobileMenuBlock ul.bugg-levelOne li.bugg-levelOneLi.bugg-drop-down ul,
      .bugg-mobileMenuBlock > ul > li.bugg-drop-down ul
      {
          display:none;
          padding-left:20px;
      }
      .bugg-mobileMenuBlock > ul > li.bugg-drop-down > a::after{
        display: inline-block;
        position: absolute;
        right: 2px;
        font-size: 0.88rem;
        font-family: 'Font Awesome';
        font-weight: 900;
        content: "\f107";
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
      }
      .bugg-mobileMenuBlock > ul > li.bugg-drop-down > a.bugg-active::after{
        transform: rotate(-180deg);
      }


    .bugg-mobileMenu .bugg-langLinks{position:absolute; bottom:100px; left:50%; transform: translateX(-50%);  line-height: 1; color: black; font-size:1.3rem;}
        .bugg-mobileMenu .bugg-langLinks .bugg-langChanges{position: relative;}
            .bugg-mobileMenu .bugg-langLinks .bugg-langChanges a.bugg-activelang{color: white;}



      .bugg-menuIcons{
          margin-top:50px;
          text-align: center;
      }

      .bugg-menuIcons a{
          display:inline-block;
          width:40px;
          height: 40px;
          line-height: 45px;
          text-align: center;
          background: #0282c9;
          color:white;
          border-radius: 3px;
          font-size:20px;
          margin-left:10px;
      }
      .bugg-menuIcons a:first-child{
          margin-left:0px;
      }


         .bugg-navOpenHalfPage{
             position: fixed;
             z-index: 91;
             left: 0px;
             bottom:50px;
             width: 100%;
             height: 60%;
             padding:20px 20px 60px 20px;
             background-color: var(--primary-color-l);

             -webkit-transition: all 0.15s ease;
              -o-transition: all 0.15s ease;
              -moz-transition: all 0.15s ease;
             transition: all 0.15s ease;

             -webkit-transform: translateY(120%);
             -ms-transform: translateY(120%);
             -o-transform: translateY(120%);
             transform: translateY(120%);

             border-top:2px solid var(--primary-color-l);
             overflow: auto;
             border-top-left-radius: 20px;
             border-top-right-radius: 20px;
             align-items: center;
         }
             .bugg-navOpenHalfPage.bugg-open{
                 -webkit-transform: translateX(0);
                 -ms-transform: translateX(0);
                 -o-transform: translateX(0);
                 transform: translateX(0);
             }

             #navSrcProds.bugg-open{
                 max-height: calc(100% - 70px);
             }

             .bugg-navOpenHalfPage .bugg-navTitle{width:100%; float:left; width:100%;  font-size:1.15rem; line-height: 24px;color: #1e2723; font-family: ji-Bold;border-bottom:1px solid rgb(221,221,221); padding:0px 0px}
             .bugg-navOpenHalfPage .bugg-navTitle .bugg-closeIcon{ float:right; color:#666666; font-size:18px; color: #1e2723}
              .bugg-navOpenHalfPage a{display: inline-block; width:100%; padding:4px 20px;  font-size:1rem; font-family: ji-SemiBold; color: #1e2723}



              .bugg-formHalfSide{
                  float:left;
                  width:45%;
                  margin-top:15px;
              }
              .bugg-formHalfSide:nth-child(2n+1){
                  float:right;
                  margin-top:15px;
              }



.bugg-bankLoop{border-bottom: 1px solid #dbdbdb; padding:10px 0px 5px 0px;}
  .bugg-bankLoop .bugg-bankLogo{
      height: 130px;
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
  }
      .bugg-bankLoop .bugg-bankLogo img{
          width:auto;
          max-width: 85%;
          max-height:  130px;
      }

  .bugg-bankLoop .bugg-bankDetail{
      padding:0px 0px 0px 20px;
  }
      .bugg-bankLoop .bugg-bankDetail .bugg-bankName{font-family: ji-SemiBold; font-size: 1.1rem;}
      .bugg-bankLoop .bugg-bankDetail .bugg-detLoop{padding:2px 0px;}
      .bugg-bankLoop .bugg-bankDetail .bugg-detTitle{ display:inline-block; width:120px; font-family: ji-SemiBold;}

  .bugg-popUpAfterCart{
        width:100%;
        min-height:200px;
        padding:30px 0px;
    }
    .bugg-popUpAfterCart .bugg-afterAlert{color:#2E9C77; text-align: center; padding:15px 15px; font-family:ji-SemiBold; font-size:1.2rem;}
    .bugg-popUpAfterCart .bugg-afterButtonLeft{padding-top:10px;margin-top:30px;}
    .bugg-popUpAfterCart .bugg-afterButtonRight{padding-top:10px;margin-top:30px; text-align:right;}

    .bugg-popUpAfterCart .bugg-buttonLinker{
        width:95%; text-align: center; border-radius: 4px; color: white;
        display: inline-block; padding:12px 0px; color:white; margin:0px 0px; background: var(--primary-color);
    }
    .bugg-popUpAfterCart .bugg-buttonLinker:hover{background: var(--primary-color-d)}
#square5 {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 54px;
  margin: -27px 0 0 -25px;
}

#square5 span {
  width: 26px;
  height: 26px;
  background-color: #000;
  display: inline-block;
  -webkit-animation: square5 1.7s infinite ease-in-out both;
          animation: square5 1.7s infinite ease-in-out both;
}

#square5 span:nth-child(1) {
  left: 11px;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  background: #d62d20;
}

#square5 span:nth-child(2) {
  left: 22px;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  background: #008744;
}

#square5 span:nth-child(3) {
  left: 33px;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  background: #0057e7;
}

#square5 span:nth-child(4) {
  left: 44px;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  background: #ffa700;
}

@keyframes square5 {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
  }
}
@-webkit-keyframes square5 {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
  }
}






.bugg-contentBoxParent {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bugg-contentSss {
    margin-top: 30px;
}

.bugg-contentBox_withIcons {
    max-width: calc(33% - 30px);
    position: relative;
    margin-bottom: 30px;
}
.bugg-contentBox_withIcons.bugg-twoSize{
    max-width: calc(50% - 30px);
}

.bugg-contentBox_withIcons.bugg-threeSize{
    max-width: calc(33% - 30px);
}

.bugg-contentBox_withIcons .bugg-boxLoop {
    position: relative;
    height: 100%;
    text-align: center;
    margin-top: 30px;
    padding: 30px 15px 10px 15px !important;
    -webkit-box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
    background: #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    border-top: 3px solid transparent;
    transition: all 0.4s ease;
    border-top-color: var(--primary-color-d);
    border-bottom:1px solid var(--secondary-color);
    border-radius:4px;
}

.bugg-contentBox_withIcons .bugg-boxLoop .bugg-iconParent {
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
    height: 0px;
    padding: 100% 0 0 0;
    overflow: hidden;
}
.bugg-contentBox_withIcons .bugg-boxLoop .bugg-iconParent img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 5px;
}

.bugg-contentBox_withIcons .bugg-boxLoop .bugg-iconParent i {
    color: var(--third-color);
    width: 90px;
    height: 90px;
    line-height: 90px;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 100%;
    font-size: 34px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color:var(--primary-color-d);
}

.bugg-contentBox_withIcons .bugg-boxLoop .bugg-title {}

.bugg-contentBox_withIcons .bugg-boxLoop .bugg-title h4 {
    margin: 15px 0 !important;
    line-height: inherit;
    font-size: 1.5rem;
    font-family: ji-Bold;
}

.bugg-contentBox_withIcons .bugg-boxLoop .bugg-info {
    font-size: 0.92rem;
    color: #595959;
}

.bugg-contentBox_withIcons .bugg-boxLoop .bugg-buttonParent {
    padding: 30px 20px 00px 30px !important;
}

.bugg-contentBox_withIcons .bugg-boxLoop .bugg-buttonParent a {
    color:#595959;
}

.bugg-contentBox_withIcons .bugg-boxLoop .bugg-buttonParent a i {
    margin-right: 10px;
    background: var(--primary-color);
    color: #fff;
    width: 25px;
    border-radius: 100%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    padding: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bugg-contentBox_withIcons .bugg-boxLoop:hover {
    -webkit-box-shadow: 0 5px 25px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 25px rgb(0 0 0 / 20%);
    border-top-color: var(--primary-color-d);
}

.bugg-contentBox_withIcons .bugg-boxLoop:hover .bugg-iconParent i {
    background: var(--primary-color-d);
    color: #fff;
    border-color: transparent;
}

.bugg-contentBox_withIcons .bugg-boxLoop .bugg-buttonParent a i {
    color: #fff;
    background: var(--primary-color-d);
}

.bugg-contentBox_withImages {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: calc(33.33% - 30px) !important;
    margin-bottom: 30px;
}

.bugg-contentBox_withImages.bugg-twoSize {
    width: calc(50% - 30px) !important;
}

.bugg-contentBox_withImages .bugg-boxLoop {
    position: relative;
    height: 100%;
    margin-top: 30px;
    -webkit-box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
    background: #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    border-top: 0px solid transparent;
    transition: all 0.4s ease;
}

.bugg-contentBox_withImages .bugg-boxLoop .bugg-imageParent {
    position: relative;
    z-index: 5;
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
    height: 0px;
    padding: 100% 0 0 0;
    overflow: hidden;
    border: 0px solid red;
}

.bugg-contentBox_withImages .bugg-boxLoop .bugg-imageParent img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 5px;
}

.bugg-contentBox_withImages .bugg-boxLoop .bugg-iconParent {
    color: #179E66;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    z-index: 2;
    bottom: -33px;
    right: 10px;
    background: #fff;
    width: 66px;
    height: 66px;
    line-height: 66px;
    font-size: 25px;
    -webkit-box-shadow: 0px 0px 10px rgb(0 0 0 / 13%);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 13%);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    opacity: 1;
    visibility: visible;
    display:none;
}

.bugg-contentBox_withImages .bugg-boxLoop .bugg-iconParent i {
    color: var(--primary-color);
    width: 66px;
    height: 66px;
    line-height: 66px;
    background: #fff;
    border-radius: 100%;
    font-size: 25px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bugg-contentBox_withImages .bugg-boxLoop .bugg-title {
    padding: 30px 20px 10px 30px;
}

.bugg-contentBox_withImages .bugg-boxLoop .bugg-title h4 {
    margin: 0px 0 !important;
    line-height: inherit;
    font-size: 1.5rem;
    font-family: ji-Bold;
    color: var(--primary-color);
}

.bugg-contentBox_withImages .bugg-boxLoop .bugg-info {
    font-size: 0.92rem;
    color: #595959;
    text-align: left;
    padding: 0px 10px 10px 30px;
}

.bugg-contentBox_withImages .bugg-boxLoop .bugg-buttonParent {
    padding: 10px 20px 0px 30px !important;
}

.bugg-contentBox_withImages .bugg-boxLoop .bugg-buttonParent a {
    color: color:#595959;
}

.bugg-contentBox_withImages .bugg-boxLoop .bugg-buttonParent a i {
    margin-right: 10px;
    background: var(--primary-color);
    color: #fff;
    width: 25px;
    border-radius: 100%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    padding: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bugg-contentBox_withImages .bugg-boxLoop:hover {
    -webkit-box-shadow: 0 5px 25px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 25px rgb(0 0 0 / 20%);
    border-top-color: var(--primary-color-d);
}

.bugg-contentBox_withImages .bugg-boxLoop:hover .bugg-iconParent i {
    background: var(--primary-color);
    color: #fff;
    border-color: transparent;
}

.bugg-contentBox_withImages .bugg-boxLoop .bugg-buttonParent a i {
    color: #fff;
    background: var(--primary-color-d);
}

.bugg-contentBox_withImages.bugg-corporateBox {
    max-width: 90% !important;
}

.bugg-contentBox_advBox {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: calc(33.33% - 30px) !important;
    padding-bottom: 30px;
    margin-top:30px;
    border:0px solid silver;
}

.bugg-contentBox_advBox.bugg-twoSize{
    width: calc(50% - 30px) !important;
}

.bugg-contentBox_advBox .bugg-boxLoop{position:relative; width:100%; height:100%;}
    .bugg-contentBox_advBox .bugg-imageParent{position:relative;height:90%; border:0px solid red;}
        .bugg-contentBox_advBox .bugg-imageParent img{width:100%; height: 100%; object-fit: cover; object-position: center; }

    .bugg-contentBox_advBox .bugg-boxLoop .bugg-title {
        position: relative;
        top: -30px;
        text-align: left;
        width: 78%;
        padding: 18px 20px;
        border-left: 3px solid var(--secondary-color);
        background: #fff;
        left: 15px;
        display: inline-block;
        z-index: 68;
        margin-bottom: -30px;
        -webkit-box-shadow: -2px 2px 6px #0000002e;
        -moz-box-shadow: -2px 2px 6px #0000002e;
        box-shadow: -2px 2px 6px #0000002e;
    }

        .bugg-contentBox_advBox .bugg-boxLoop .bugg-title h4 {
            font-size: 1.1rem;
            font-family: ji-SemiBold;
            color: var(--primary-color);
        }



.bugg-contentBox_advBox .bugg-boxLoop_overlay {
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bugg-contentBox_advBox .bugg-boxLoop_overlay .bugg-boxLoopOverlay {
    position: relative;
    z-index: 60;
}

.bugg-contentBox_advBox .bugg-boxLoop_overlay .bugg-boxLoopOverlay::before {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2e2751;
    content: "";
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 1;
}

.bugg-contentBox_advBox .bugg-boxLoop_overlay .bugg-imageParent img {
    display: block;
    width: 100%;
    z-index: 3;
    transition: all 0.8s ease;
}

.bugg-contentBox_advBox .bugg-boxLoop_overlay .bugg-boxLoopOverlay .bugg-more {
    height: 50px;
    width: 50px;
    opacity: 0;
    line-height: 55px;
    text-align: center;
    color: #fff;
    background: #F3A712;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    bottom: 0;
    font-size: 1.2rem;
    box-shadow: 0px 5px 5px #00000024;
    z-index: 333;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    visibility: hidden;
}



.bugg-contentBox_advBox .bugg-boxLoop_overlay:hover .bugg-boxLoopOverlay::before {
    opacity: 0.8;
    visibility: visible;
}

.bugg-contentBox_advBox .bugg-boxLoop_overlay:hover .bugg-boxLoopOverlay .bugg-more {
    opacity: 1;
    visibility: visible;
}



.bugg-contentBox_verticalImg {
    display: flex;
    justify-content: space-between;
    position: relative;
    max-width: calc(50% - 30px) !important;
}

.bugg-contentBox_verticalImg .bugg-boxLoop {
    position: relative;
    margin-top: 30px;
    -webkit-box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
    background: #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    border-top: 0px solid transparent;
    transition: all 0.4s ease;
}

.bugg-contentBox_verticalImg .bugg-boxLoop .bugg-boxImgOverlay {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: text-top;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.bugg-contentBox_verticalImg .bugg-boxLoop .bugg-boxContent {
    padding: 25px 25px;
    position: relative;
    height: 100%;
}

.bugg-contentBox_verticalImg .bugg-boxLoop .bugg-title {}

.bugg-contentBox_verticalImg .bugg-boxLoop .bugg-title h4 {
    font-size: 1.3rem;
    font-family: ji-Bold;
    color: var(--primary-color);
}

.bugg-contentBox_verticalImg .bugg-boxLoop .bugg-info {
    margin-top: 18px;
    font-size: 0.9rem;
}

.bugg-contentBox_verticalImg .bugg-boxLoop .bugg-buttonParent {
    position: absolute;
    bottom: 30px;
}


.bugg-sectionTop h1 {font-size: 36px;position: relative;display: inline-block;text-transform: capitalize;color: var(--primary-color);width: 100%;text-align: center; letter-spacing:1px; font-family:ji-SemiBold!important;}


.bugg-logisticLine{position:relative; padding-bottom:30px;}
    .bugg-logisticLine .bugg-contentBox_withIcons .bugg-boxLoop .bugg-buttonParent a{
        border:1px solid var(--border-silver);
        border-radius:4px;
    }

.bugg-furLinker.bugg-toArrow:after{
    content: "\f101";
}
.bugg-furLinker.bugg-toArrow:before{
    content: "\f101";
}

.bugg-furLinker.bugg-toArrow:hover{
    color: var(--primary-color)!important;

}

.bugg-unitBannerFullPage{
    position:relative;
    height: 100%;
    min-height: 100vh;
    max-height: 100vh ;
    display:inline-flex;
    border-bottom:1px solid #E6E6E6;
}
    .bugg-unitBannerFullPage .bugg-unitInfo{width:61.8%;display:inline-flex;align-items:center;z-index:10;}
        .bugg-unitBannerFullPage .bugg-unitInfo .bugg-infoBox{border:0px solid red;position:absolute;width:100%;}
            .bugg-unitBannerFullPage .bugg-unitInfo .bugg-infoBox span{display:block; width:45%;}
            .bugg-unitBannerFullPage .bugg-unitInfo .bugg-infoBox .bugg-title{position:relative;font-size:2.5rem; font-family:ji-SemiBold;  padding-left:0px; line-height:1.4; }
                .bugg-unitBannerFullPage .bugg-unitInfo .bugg-infoBox .bugg-title::before{content: ''; display:none; position:absolute; left:0px;top:0px;height:100%; width:5px; background-color: var(--primary-color);}
            .bugg-unitBannerFullPage .bugg-unitInfo .bugg-infoBox .bugg-info{margin-top:30px;}
    .bugg-unitBannerFullPage .bugg-unitImage{position:relative;width:38.2%; max-height: 100%;z-index:5;}
        .bugg-unitBannerFullPage .bugg-unitImage img{width:100%; height: 100%;object-fit: cover; }



.bugg-letsDownArrow{position:fixed;right:50px;bottom:50px;width:46px;height:46px;border:0px solid red; z-index: 30; text-align:center; line-height:46px; font-size:28px;
    border-radius:4px; background-color: var(--secondary-color); color: white;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
.bugg-letsDownArrow.bugg-disappear{opacity:0;}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

.bugg-unitBanner {
    position:relative;
    background-color: var(--primary-color);
    padding: 110px 0px 0px 0px;
    height:344px;
}

    .bugg-unitBanner .bugg-overlay{position:absolute;width:100%; height: 100%;left:0px;top:0px;background-color: rgba(0, 0, 0, 0.4); z-index: -1;  }
    .bugg-unitBanner .bugg-bannerDetail{height: 120px;}
    .bugg-unitBanner .bugg-bannerDetail.bugg-propFlex{
        display: flex;
        align-items:  center;
        justify-content: center;
        position: relative;
        z-index: 30;
    }

.bugg-unitBanner .bugg-linker {
    position: absolute;
    padding: 0px 0px 0px 00px;
    color: white;
    font-size: 18px;
    top:0px;
    left:0px;
    text-align: left;
    background-color: var(--primary-color);
    color: #D6D6D6;
    line-height: 50px;
}

.bugg-unitBanner .bugg-linker:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 32px;
    height: 5px;
    left: 0;
    background: var(--secondary-color);
    margin-top: -2.5px;
    display: none;
}

.bugg-unitBanner .bugg-linker a {
    color: D6D6D6;
}

.bugg-unitBanner .bugg-pageName {
    color: white;
    font-size: 2.66rem;
    font-family: ji-SemiBold;
    line-height: 40px;
    margin-top: 10px;
    text-align: center;
    letter-spacing:1.5px;
}



    .bugg-pageBanner::before{
        content:'';
        position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.2);
        left:0px; top:0px;
    }
    .bugg-unitBanner.bugg-pageBanner{
    }

    .bugg-bannerBody{
        margin-top:80px;
        position: relative;
        z-index: -1;
        padding-bottom:0px;
    }
    .bugg-bannerBody.bugg-toWhite{
        background-color: white;
    }
    .bugg-pageBannerBody{
        position:relative;
        margin-top:340px;
        z-index: 30;
    }
    .bugg-pageBannerBody .bugg-pageSection{
        position: relative;
        top:-120px;
        background:var(--main-bg);
        padding:10px 10px;
        border-radius: 5px;

    }
    .bugg-bannerContentImg{
        position: relative;
        top:-300px;
    }
    .bugg-catBanner{
    border-radius: 10px;
    padding:20px 20px;
    margin-bottom:20px;
    position: relative;
    z-index: 30;
    }


@media (min-width: 1651px) {
    .bugg-jiSiteWidthBig{width: 96%;max-width: 1640px!important;}
    .bugg-jiSiteWidth{width: 90%;max-width: 1480px!important;}
    .bugg-jiSiteWidthMedium {width: 100%;max-width: 1200px!important;}
    .bugg-jiSiteWidthHalf {width: 100%;max-width: 800px!important;}
    .bugg-jiSiteWidthSmall {width: 100%;max-width: 400px!important;}


    .bugg-brandLogo{width:120px; }
        .bugg-brandLogo .bugg-headerSvgLogo{width:250px;}

    .bugg-unitCatBannerBand{margin-top:-15rem;}

    .bugg-addBasketButton{height: 55px!important; line-height: 55px!important; }
    .bugg-prodPlusMinusCover .bugg-minus,
    .bugg-prodPlusMinusCover .bugg-plus{height:55px;line-height:55px;width: 55px;        }
    .bugg-prodPlusMinusCover .bugg-inputCover {
        width: 80px;
        height: 55px;
    }
    .bugg-prodPlusMinusCover .bugg-inputCover .bugg-w3-input{height: 55px !important; width:100%;}

    .bugg-productMainLister .bugg-prodScBox{
        max-width: 23%;
    }

}

@media  only screen and (min-width: 1201px) and (max-width: 1650px) {
    .bugg-productMainLister .bugg-prodScBox {width: 30% !important;}
    .bugg-headerNavBar a{padding:4px 18px!important;}
}

@media  only screen and (min-width: 993px) and (max-width: 1200px) {

    .bugg-brandLogo{width:200px!important; }
        .bugg-brandLogo .bugg-headerSvgLogo{width:200px;}
    .bugg-jiTemp_HeaderThree .bugg-brandLogo img{max-width: 190px!important;}
    .bugg-productMainLister .bugg-prodScBox {width: 30% !important;}
    .bugg-headerNavBar {width: calc(100% - 210px)!important;}
    .bugg-headerNavBar a{padding:4px 10px;!important}
    .bugg-headerUserNav{width:140px;}
}

@media (min-width: 602px) and (max-width: 992px) {
    .bugg-welcomeSliderCover{margin-top:0px;}
    .bugg-prodShowcaseBand{padding:0px 0px;}
    .bugg-productMainLister .bugg-prodScBox {width: 45% !important;}
    .bugg-productData .bugg-imageSide{width:100%;}
    .bugg-productData .bugg-infoSide{width:100%;}
    .bugg-footerLogo{text-align: center;}
    .bugg-footerCorp{margin-bottom:40px;}
        .bugg-footerCorp ul.bugg-contact li{float:left; width: 33%;}

    .bugg-cartFormRadioBox{margin:10px 0px 0px 10px!important;}
    main{position:relative; padding:60px 0px 0px 0px; }
}
@media (max-width: 601px) {

    .bugg-jiSiteWidth{width: 94%!important;max-width: 1200px;}
    .bugg-jiPageBand{margin-top:30px!important;}

    .bugg-mobile_jiPageBand{ margin-top:15px!important;}
    main{position:relative; padding:60px 0px 50px 0px;}

    .bugg-sliderBox.bugg-textPosition_p .bugg-slider-caption{
        padding-left:1%!important;
        padding-right:1%!important;
    }
    .bugg-welcomeSliderCover{
        margin-top:0px;
    }
    .bugg-welcomeSliderCover .bugg-welcomeSlider .bugg-sliderBox .bugg-slider-caption{
        margin-top:-20px;
    }

    .bugg-bannerShowcase.bugg-varBannerTemp_one,
    .bugg-bannerShowcase.bugg-varBannerTemp_two,
    .bugg-bannerShowcase.bugg-varBannerTemp_three{
        grid-template-columns:1fr;
    }

    .bugg-welcomeSliderCover .bugg-welcomeSlider .bugg-sliderBox .bugg-slider-caption .bugg-mainMotto{
        font-size:2rem !important;
        font-family:'ji-Bold';
    }
    .bugg-welcomeSliderCover .bugg-welcomeSlider .bugg-sliderBox .bugg-slider-caption .bugg-subMotto{
        font-size:1.48rem;
    }
    .bugg-welcomeSliderCover .bugg-welcomeSlider .bugg-sliderBox .bugg-slider-caption .bugg-captionButton{
    }
        .bugg-welcomeSliderCover .bugg-welcomeSlider .bugg-sliderBox .bugg-slider-caption .bugg-captionButton a{
            font-size:1.4rem;
    }

    .bugg-nivo-directionNav a.bugg-nivo-nextNav, .slick-arrow.slick-prev{left:0px!important; background-color: rgba(var(--primary-color-rgb),0.8) ;}
    .bugg-nivo-directionNav a.bugg-nivo-nextNav, .slick-arrow.slick-next{right:0px!important;background-color: rgba(var(--primary-color-rgb),0.8) }
    .slick-arrow:hover,
    .slick-arrow{color:white!important;}

    .bugg-bannerShowcaseLoop{float:left;width:100%; margin-top:40px;}
    .bugg-bannerShowcaseLoop:first-child{margin-top:0px;}
        .bugg-bannerShowcaseBox .bugg-details .bugg-caption{width: 50%;}
    .bugg-catBoxCover:nth-child(2n-1) .bugg-catBoxCoverMotto{bottom:auto; top:0px;}
    .bugg-catBoxCover:nth-child(2n) .bugg-catBoxCoverMotto{top:0px;}
    .bugg-catBoxCover:nth-child(2n){padding-top:0px;}
        .bugg-catBoxCover .bugg-catLoop{position:relative;border-bottom:0px solid silver; margin-top:60px;}

    .bugg-campaignOneBanner{display:inline-block;}
        .bugg-campaignOneBanner .bugg-image img{border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
        .bugg-campaignInfo{display: inline-block;padding:20px 20px 40px 20px ;}
            .bugg-campaignInfo .bugg-title{margin-top:10px;}
            .bugg-campaignInfo .bugg-brief{margin-top:10px;}


    .bugg-unitCatBannerBand{margin-top:-8rem;}
    .bugg-blogBlock{
        display:inline-block;
    }
        .bugg-blogLoop{margin-top:20px;}
        .bugg-blogLoop:first-child{margin-top:0px;}

    .bugg-catSliderBand{
        display: inline-flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .bugg-catSliderMenu.bugg-leftSide{padding-right:0px;height: 50px; border:0px solid silver;}
        .bugg-catSliderMenu .bugg-image{display: none;
        }
        .bugg-catSliderMenu .bugg-name{
            position: relative; color: var(--text-color);text-align:left;
            padding-right: 0px;
            bottom:0px; height: auto;
            background-image: none;
        }
            .bugg-catSliderMenu .bugg-name span{
                display: inline-block; margin-top:0px; line-height: 50px;
                font-size:1.7rem;
                padding-left:10px;
            }

        .bugg-catSliderBoxCover{padding-right: 0px;}

    .bugg-paymentContainer{ padding:0px 5px;}
        .bugg-paymentContainer .bugg-addressList .bugg-addressBoxCover{width:100%!important;}

    .bugg-contentData{
        padding:0px 10px;
    }

    .bugg-contactBand{
        display: inline-block;
    }
    .bugg-contactBox{padding-left:20px;}
    .bugg-contactBand .bugg-contactFormSide{ margin-top:40px; padding:0px 10px;}
    .bugg-contactFormSide .bugg-jiPageBand{margin-top:20px;}

    .bugg-personalDetailMenu{margin-bottom:10px;}
    .bugg-costDetailCover,
    .bugg-costDetailCover{width:100%!important; max-width: 100%!important;}
    .bugg-costDetailCover{margin-top:0px; margin-bottom:60px;}

    .bugg-contentBoxParent{
        display:inline-block;
    }
    .bugg-contentBox_withImages,
    .bugg-contentBox_withIcons,
    .bugg-contentBox_withImages.bugg-twoSize{
        width:100%!important;
        max-width:100% !important;
    }
    .bugg-homeLocationList{
        display:inline-block;
    }

    .bugg-stdWhatsApp{
        bottom:20px; left:20px;
    }

    .bugg-unitBanner .bugg-pageBanner{
        padding-top:90px;
    }
    .bugg-unitBanner .bugg-linker{
        top:90px;
    }
    .bugg-unitBanner .bugg-pageName{
        font-size:1.8rem!important;
    }
    .bugg-unitBanner.bugg-pageBanner .bugg-linker{
        top:0px;
    }

    .bugg-footerMenu:first-child{
      margin-top:40px;
    }


.bugg-contentPhotos{width:90%!important; position:relative!important;float:left;}
     .bugg-contentPhotos .bugg-prodPhotoGalery{height: 230px;}
         .bugg-contentPhotos .bugg-prodPhotoGalery .bugg-prodGalLoop{float:left;width:100%; height: 220px; margin:0px 0px 0px 0px;}
         .bugg-contentPhotos .bugg-prodPhotoGalery .bugg-prodGalLoop a{display: inline-block; width:100%; height: 100%;display: flex; justify-content: center; align-items: center;}
             .bugg-contentPhotos .bugg-prodPhotoGalery .bugg-prodGalLoop img{width:auto; width: 100%; height: 100%;  object-fit: cover; border-radius: 5px;}

         .bugg-contentPhotos .bugg-prodPhotoGalery .bugg-sliderArrow{display:inline-block; width:30px; height: 100%; background: var(--main-bg); text-align: center; line-height: 25px; border-radius: 3px;}
         .bugg-contentPhotos .bugg-prodPhotoGalery .bugg-sliderArrow:hover{cursor:pointer; background-color: var(--primary-color); color:white;}

         .bugg-contentPhotos .slick-prev.bugg-slick-v-arrow{position: absolute; top:50%; left:-30px!important; border:0px solid red; width:40px!important; height: 40px!important;background: #ccc;transform:rotate(-90deg)}
         .bugg-contentPhotos .slick-next.bugg-slick-v-arrow{position: absolute; top:50% !important; left:auto!important; right:-30px!important;  border:0px solid red; width:40px!important; height: 40px; background: #ccc; transform:rotate(-90deg)}
         .bugg-contentPhotos .slick-prev.bugg-slick-v-arrow:hover,
         .bugg-contentPhotos .slick-next.bugg-slick-v-arrow:hover{background: rgba(var(--primary-color-rgb),0.7)}


    .bugg-referansLister{
        display: inline-grid;
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        grid-gap: 30px;
        margin-bottom: 80px;
    }

    .bugg-footerMenuCover{
        display:inline-block;
    }

    .bugg-contentShowcaseBox .bugg-showcaseBox{
        flex-direction : column-reverse;
    }
        .bugg-contentShowcaseBox .bugg-showcaseText,
        .bugg-contentShowcaseBox .bugg-showcaseImage{width: 100%;}


    .bugg-unitContentBox .bugg-infoBox,
    .bugg-unitContentBox.bugg-versSecond .bugg-infoBox{flex-direction: column;}
        .bugg-unitContentBox .bugg-infoBox .bugg-image,
        .bugg-unitContentBox .bugg-infoBox .bugg-details{padding:0px 0px;}
        .bugg-unitContentBox .bugg-infoBox .bugg-details{margin-top:20px;}

    .bugg-bannerBody{margin-top:60px;}

    .bugg-opBoxes{grid-template-columns:1fr;}
        .bugg-opBoxes .bugg-opBox{padding:5px 5px;}
        .bugg-opBoxes .bugg-opBox .bugg-image {width: 40%; padding:23% 0px 0px 0px;}
        .bugg-opBoxes .bugg-opBox .bugg-info{padding:0px 5px; font-size:1.4rem;}

    .bugg-opBoxes .bugg-opBox:first-child,
    .bugg-opBoxes .bugg-opBox:nth-child(2),
    .bugg-opBoxes .bugg-opBox:nth-child(3){transform: translateY(0px);}

    .bugg-contentImageFullPage img{top:0px;}

    .bugg-ld-boxes{grid-template-columns:repeat(1,1fr); margin-top:40px;}
    .bugg-ld-boxes .bugg-ld-box.bugg-double-size{grid-column: auto / span 1;}

    .bugg-blue-boxes{grid-template-columns:repeat(1,1fr);}

    .bugg-footerMenu .bugg-linker li{padding-left:20px;}

    .bugg-homeMottos{padding-bottom:40px;}
    .bugg-motto-boxes{height: 80px;}
    .bugg-motto-box .bugg-brief{top:85%!important;}
    .bugg-motto-box:first-child .bugg-brief{width:300%; left:0px; transform: translateX(0%); }
    .bugg-motto-box:nth-child(2) .bugg-brief{width:300%; left:0px; transform: translateX(-35%); }
    .bugg-motto-box:nth-child(3) .bugg-brief{width:300%; left:0px; transform: translateX(-70%); }


}
.bugg-animated{animation-duration:1s;animation-fill-mode:both}
.bugg-fadeInUp{animation-name:bugg-fadeInUp}
@keyframes bugg-fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.bugg-footerSignature{display:flex;justify-content:flex-end;align-items:center;padding:14px 0;font-size:13px;color:rgba(255,255,255,.75);letter-spacing:.02em}
.bugg-footerSignature a{color:#fff;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:1px;margin-left:4px}
.bugg-footerSignature a:hover{border-bottom-color:#fff}
@media (max-width:600px){.bugg-footerSignature{justify-content:center;text-align:center}}