@font-face {
font-family: 'Chatbox Manager Font';
src:  url(//furniturejatiminimalis.com/wp-content/plugins/wa-chatbox-manager/assets/fonts/chatbox-manager-font.eot?wpj3fn);
src:  url(//furniturejatiminimalis.com/wp-content/plugins/wa-chatbox-manager/assets/fonts/chatbox-manager-font.eot?wpj3fn#iefix) format('embedded-opentype'),
url(//furniturejatiminimalis.com/wp-content/plugins/wa-chatbox-manager/assets/fonts/chatbox-manager-font.ttf?wpj3fn) format('truetype'),
url(//furniturejatiminimalis.com/wp-content/plugins/wa-chatbox-manager/assets/fonts/chatbox-manager-font.woff?wpj3fn) format('woff'),
url(//furniturejatiminimalis.com/wp-content/plugins/wa-chatbox-manager/assets/fonts/chatbox-manager-font.svg?wpj3fn#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="wa-"],
[class*=" wa-"] ,
[class^="wa-"] span,
[class*=" wa-"] span {
font-family: 'Chatbox Manager Font' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.clearfix { 
clear:both;
} a.chatbox-wrapper {
position:relative;
display:block;
text-decoration: none !important;
font-size:50px !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
}
a.chatbox-wrapper.no-icon {
display:inline-block;
margin:auto;
}
a.chatbox-wrapper ,
a.chatbox-wrapper span,
a.chatbox-wrapper span.chatbox-tooltip {
font-size:inherit;
line-height:50px;
}
a.chatbox-wrapper .wa-icon + span.chatbox-tooltip { 
font-family: inherit;
font-size:20px;
float:right;
text-transform: none;	
color:inherit	
}
a.chatbox-wrapper.no-icon span.chatbox-tooltip {
text-align:center;
display:block; 
color:inherit	
} .inline-chatbox {
display:block;
text-align:center;
width:100%;
max-width:100% !important
}
.inline-chatbox a.chatbox-wrapper {
display:inline-block;
margin-bottom:15px;
}
.inline-chatbox a.chatbox-wrapper:last-of-type {
margin-bottom:0;
} .floating-chatbox a.chatbox-wrapper {
position:fixed;
z-index:100000;
}
.floating-chatbox a.chatbox-wrapper-bottom-right {
float:none;
bottom:20px; 
right:20px
}
.floating-chatbox a.chatbox-wrapper-bottom-left {
bottom:20px; 
left:20px
}
.floating-chatbox a.chatbox-wrapper-bottom-center {
bottom:20px; 
left:50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.floating-chatbox a.chatbox-wrapper-top-right {
top:20px; 
right:20px
}
.floating-chatbox a.chatbox-wrapper-top-left {
top:20px; 
left:20px
}
.floating-chatbox a.chatbox-wrapper-top-center {
top:20px; 
left:50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.floating-chatbox a.chatbox-wrapper-top-right ,
.floating-chatbox a.chatbox-wrapper-bottom-right,
.floating-chatbox a.chatbox-wrapper-top-left ,
.floating-chatbox a.chatbox-wrapper-bottom-left {
float:none
} a.chatbox-wrapper-top-right ,
a.chatbox-wrapper-bottom-right {
float:right
}
a.chatbox-wrapper-top-left ,
a.chatbox-wrapper-bottom-left {
float:left
} a.chatbox-wrapper .wa-icon {
float:left;
line-height:50px;
margin-right:10px
}
a.chatbox-wrapper .wa-icon,
a.chatbox-wrapper .wa-icon:before {
color: #25D366;
}
a.chatbox-wrapper .wa-icon {
font-size:50px !important;
} a.chatbox-wrapper .wa-icon.wa-icon-1:before {
content: "\e900";
} a.chatbox-wrapper .wa-icon.wa-icon-2 .path1:before {
content: "\e901";
color: #25D366;
}
a.chatbox-wrapper .wa-icon.wa-icon-2 .path2:before {
content: "\e902";
margin-left: -0.9970703125em;
color: #fff;
}
a.chatbox-wrapper .wa-icon.wa-icon-2 .path3:before {
content: "\e903";
margin-left: -0.9970703125em;
color: #fff;
} a.chatbox-wrapper.chatbox-layout-1 {
background-color: #25D366;
padding:5px;
} a.chatbox-wrapper.chatbox-layout-1 {
color: #fff;
background-color: #25D366;
border-radius:5px;
padding:10px;
font-weight:600
}
a.chatbox-wrapper.chatbox-layout-1 .wa-icon.wa-icon-1:before {
color: #fff;
} a.chatbox-wrapper.chatbox-layout-2 {
color: #25D366;
background-color: #e4e4e4;
border:solid 4px #fff;
border-radius:5px;
padding:10px;
font-weight:600
} a.chatbox-wrapper.chatbox-layout-3 {
color: #fff;
background-color: #25D366;
border-radius:50%;
width:50px;
height:50px;
line-height:50px;
text-align:center
}
a.chatbox-wrapper.chatbox-layout-3 .wa-icon {
float: none;
line-height: inherit;
margin-right: 0;
color:#fff;
left:50%;
position:absolute;
-ms-transform: translate(-50%);
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
a.chatbox-wrapper.chatbox-layout-3 .wa-icon:before {
color:#fff
} a.chatbox-wrapper.chatbox-layout-3 .wa-icon + span.chatbox-tooltip { 
position: absolute;
height: 30px;
line-height: 30px;
font-size: 12px;
font-weight:600;
padding: 0 15px;
text-align:center;
background:#25D366;
color: #fff;
white-space: nowrap;
-ms-transform: translate(-50%);
-webkit-transform: translate(-50%);
transform: translate(-50%);
border-radius:5px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition:opacity 0.3s ease;
z-index:100001
}
a.chatbox-wrapper.chatbox-layout-3 .wa-icon + span.chatbox-tooltip:after { 
content: '';
display: inline-block;
position: absolute;
width: 0;
height: 0;
z-index: 100002;
}
a.chatbox-wrapper.chatbox-layout-3.chatbox-wrapper-top-left .wa-icon + span.chatbox-tooltip ,
a.chatbox-wrapper.chatbox-layout-3.chatbox-wrapper-top-center .wa-icon + span.chatbox-tooltip ,
a.chatbox-wrapper.chatbox-layout-3.chatbox-wrapper-top-right .wa-icon + span.chatbox-tooltip {
top: auto;
left:50%;
bottom:0;
-ms-transform: translateX(-50%) translateY(calc(-100% - 15px));
-webkit-transform: translateX(-50%) translateY(calc(-100% - 15px));
transform: translateX(-50%) translateY(calc(100% + 15px));
}
a.chatbox-wrapper.chatbox-layout-3.chatbox-wrapper-top-left .wa-icon + span.chatbox-tooltip:after ,
a.chatbox-wrapper.chatbox-layout-3.chatbox-wrapper-top-center .wa-icon + span.chatbox-tooltip:after ,
a.chatbox-wrapper.chatbox-layout-3.chatbox-wrapper-top-right .wa-icon + span.chatbox-tooltip:after {
border-top: 6px solid transparent;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #25D366;
left: 50%;
bottom:0;
-ms-transform: translate(-50%, 30px);
-webkit-transform: translate(-50%, 30px);
transform: translate(-50%, -30px)
}
a.chatbox-wrapper.chatbox-layout-3:hover .wa-icon + span.chatbox-tooltip, 
a.chatbox-wrapper.chatbox-layout-3:hover .wa-icon + span.chatbox-tooltip:after { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}
a.chatbox-wrapper.chatbox-layout-3.chatbox-wrapper-bottom-left .wa-icon + span.chatbox-tooltip ,
a.chatbox-wrapper.chatbox-layout-3.chatbox-wrapper-bottom-center .wa-icon + span.chatbox-tooltip ,
a.chatbox-wrapper.chatbox-layout-3.chatbox-wrapper-bottom-right .wa-icon + span.chatbox-tooltip {
top: 0;
border-bottom: solid 2px #25D366;
left: 50%;
-ms-transform: translateX(-50%) translateY(calc(-100% - 15px));
-webkit-transform: translateX(-50%) translateY(calc(-100% - 15px));
transform: translateX(-50%) translateY(calc(-100% - 15px));
}
a.chatbox-wrapper.chatbox-layout-3.chatbox-wrapper-bottom-left .wa-icon + span.chatbox-tooltip:after ,
a.chatbox-wrapper.chatbox-layout-3.chatbox-wrapper-bottom-center .wa-icon + span.chatbox-tooltip:after ,
a.chatbox-wrapper.chatbox-layout-3.chatbox-wrapper-bottom-right .wa-icon + span.chatbox-tooltip:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid #25D366;
left: 50%;
-ms-transform: translate(-50%, 30px);
-webkit-transform: translate(-50%, 30px);
transform: translate(-50%, 30px)
} a.chatbox-wrapper.chatbox-layout-4 {
color: #fff;
background-color: #25D366;
border-radius:15px;
width:50px;
height:50px;
line-height:50px;
text-align:center
}
a.chatbox-wrapper.chatbox-layout-4 .wa-icon {
float: none;
line-height: inherit;
margin-right: 0;
color:#fff;
left:50%;
position:absolute;
-ms-transform: translate(-50%);
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
a.chatbox-wrapper.chatbox-layout-4 .wa-icon:before {
color:#fff
} a.chatbox-wrapper.chatbox-layout-4 .wa-icon + span.chatbox-tooltip { 
position: absolute;
height: 30px;
line-height: 30px;
font-size: 12px;
font-weight:600;
padding: 0 15px;
text-align:center;
background:#25D366;
color: #fff;
white-space: nowrap;
-ms-transform: translate(-50%);
-webkit-transform: translate(-50%);
transform: translate(-50%);
border-radius:5px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition:opacity 0.3s ease;
z-index:100001
}
a.chatbox-wrapper.chatbox-layout-4 .wa-icon + span.chatbox-tooltip:after { 
content: '';
display: inline-block;
position: absolute;
width: 0;
height: 0;
z-index: 100002;
}
a.chatbox-wrapper.chatbox-layout-4.chatbox-wrapper-top-left .wa-icon + span.chatbox-tooltip ,
a.chatbox-wrapper.chatbox-layout-4.chatbox-wrapper-top-center .wa-icon + span.chatbox-tooltip ,
a.chatbox-wrapper.chatbox-layout-4.chatbox-wrapper-top-right .wa-icon + span.chatbox-tooltip {
top: auto;
left:50%;
bottom:0;
-ms-transform: translateX(-50%) translateY(calc(-100% - 15px));
-webkit-transform: translateX(-50%) translateY(calc(-100% - 15px));
transform: translateX(-50%) translateY(calc(100% + 15px));
}
a.chatbox-wrapper.chatbox-layout-4.chatbox-wrapper-top-left .wa-icon + span.chatbox-tooltip:after ,
a.chatbox-wrapper.chatbox-layout-4.chatbox-wrapper-top-center .wa-icon + span.chatbox-tooltip:after ,
a.chatbox-wrapper.chatbox-layout-4.chatbox-wrapper-top-right .wa-icon + span.chatbox-tooltip:after {
border-top: 6px solid transparent;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #25D366;
left: 50%;
bottom:0;
-ms-transform: translate(-50%, 30px);
-webkit-transform: translate(-50%, 30px);
transform: translate(-50%, -30px)
}
a.chatbox-wrapper.chatbox-layout-4:hover .wa-icon + span.chatbox-tooltip, 
a.chatbox-wrapper.chatbox-layout-4:hover .wa-icon + span.chatbox-tooltip:after { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}
a.chatbox-wrapper.chatbox-layout-4.chatbox-wrapper-bottom-left .wa-icon + span.chatbox-tooltip ,
a.chatbox-wrapper.chatbox-layout-4.chatbox-wrapper-bottom-center .wa-icon + span.chatbox-tooltip ,
a.chatbox-wrapper.chatbox-layout-4.chatbox-wrapper-bottom-right .wa-icon + span.chatbox-tooltip {
top: 0;
border-bottom: solid 2px #25D366;
left: 50%;
-ms-transform: translateX(-50%) translateY(calc(-100% - 15px));
-webkit-transform: translateX(-50%) translateY(calc(-100% - 15px));
transform: translateX(-50%) translateY(calc(-100% - 15px));
}
a.chatbox-wrapper.chatbox-layout-4.chatbox-wrapper-bottom-left .wa-icon + span.chatbox-tooltip:after ,
a.chatbox-wrapper.chatbox-layout-4.chatbox-wrapper-bottom-center .wa-icon + span.chatbox-tooltip:after ,
a.chatbox-wrapper.chatbox-layout-4.chatbox-wrapper-bottom-right .wa-icon + span.chatbox-tooltip:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid #25D366;
left: 50%;
-ms-transform: translate(-50%, 30px);
-webkit-transform: translate(-50%, 30px);
transform: translate(-50%, 30px)
} a.chatbox-wrapper.chatbox-layout-5 {
color: #fff;
background: rgb(7,94,84);
background: -moz-linear-gradient(180deg, rgba(7,94,84,1) 0%, rgba(18,140,126,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(7,94,84,1) 0%, rgba(18,140,126,1) 100%);
background: linear-gradient(180deg, rgba(7,94,84,1) 0%, rgba(18,140,126,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#075e54",endColorstr="#128c7e",GradientType=1);
border-radius:15px;
width:50px;
height:50px;
line-height:50px;
text-align:center
}
a.chatbox-wrapper.chatbox-layout-5 .wa-icon {
float: none;
line-height: inherit;
margin-right: 0;
color:#fff;
left:50%;
position:absolute;
-ms-transform: translate(-50%);
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
a.chatbox-wrapper.chatbox-layout-5 .wa-icon:before {
color:#fff
} a.chatbox-wrapper.chatbox-layout-5 .wa-icon + span.chatbox-tooltip { 
position: absolute;
height: 30px;
line-height: 30px;
font-size: 12px;
font-weight:600;
padding: 0 15px;
text-align:center;
background:#128c7e;
color: #fff;
white-space: nowrap;
-ms-transform: translate(-50%);
-webkit-transform: translate(-50%);
transform: translate(-50%);
border-radius:5px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition:opacity 0.3s ease;
z-index:100001
}
a.chatbox-wrapper.chatbox-layout-5 .wa-icon + span.chatbox-tooltip:after { 
content: '';
display: inline-block;
position: absolute;
width: 0;
height: 0;
z-index: 100002;
}
a.chatbox-wrapper.chatbox-layout-5.chatbox-wrapper-top-left .wa-icon + span.chatbox-tooltip ,
a.chatbox-wrapper.chatbox-layout-5.chatbox-wrapper-top-center .wa-icon + span.chatbox-tooltip ,
a.chatbox-wrapper.chatbox-layout-5.chatbox-wrapper-top-right .wa-icon + span.chatbox-tooltip {
top: auto;
left:50%;
bottom:0;
-ms-transform: translateX(-50%) translateY(calc(-100% - 15px));
-webkit-transform: translateX(-50%) translateY(calc(-100% - 15px));
transform: translateX(-50%) translateY(calc(100% + 15px));
}
a.chatbox-wrapper.chatbox-layout-5.chatbox-wrapper-top-left .wa-icon + span.chatbox-tooltip:after ,
a.chatbox-wrapper.chatbox-layout-5.chatbox-wrapper-top-center .wa-icon + span.chatbox-tooltip:after ,
a.chatbox-wrapper.chatbox-layout-5.chatbox-wrapper-top-right .wa-icon + span.chatbox-tooltip:after {
border-top: 6px solid transparent;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #128c7e;
left: 50%;
bottom:0;
-ms-transform: translate(-50%, 30px);
-webkit-transform: translate(-50%, 30px);
transform: translate(-50%, -30px)
}
a.chatbox-wrapper.chatbox-layout-5:hover .wa-icon + span.chatbox-tooltip, 
a.chatbox-wrapper.chatbox-layout-5:hover .wa-icon + span.chatbox-tooltip:after { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}
a.chatbox-wrapper.chatbox-layout-5.chatbox-wrapper-bottom-left .wa-icon + span.chatbox-tooltip ,
a.chatbox-wrapper.chatbox-layout-5.chatbox-wrapper-bottom-center .wa-icon + span.chatbox-tooltip ,
a.chatbox-wrapper.chatbox-layout-5.chatbox-wrapper-bottom-right .wa-icon + span.chatbox-tooltip {
top: 0;
border-bottom: solid 2px #128c7e;
left: 50%;
-ms-transform: translateX(-50%) translateY(calc(-100% - 15px));
-webkit-transform: translateX(-50%) translateY(calc(-100% - 15px));
transform: translateX(-50%) translateY(calc(-100% - 15px));
}
a.chatbox-wrapper.chatbox-layout-5.chatbox-wrapper-bottom-left .wa-icon + span.chatbox-tooltip:after ,
a.chatbox-wrapper.chatbox-layout-5.chatbox-wrapper-bottom-center .wa-icon + span.chatbox-tooltip:after ,
a.chatbox-wrapper.chatbox-layout-5.chatbox-wrapper-bottom-right .wa-icon + span.chatbox-tooltip:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid #128c7e;
left: 50%;
-ms-transform: translate(-50%, 30px);
-webkit-transform: translate(-50%, 30px);
transform: translate(-50%, 30px)
}:root {
--color1: #D71149;
--color2: #FF8000;
--colorborder: #F1F1F1;
--colorbg: #F9F9F9;
--maxwidth: 1120px;
}
body {
font-family: arial, sans-serif;
font-size: 15px;
line-height: 1.5;
color: #444;
background: #FFF;
margin: 0;
}
*, :after, :before {
box-sizing: border-box;
}
nav, ul, li {
margin: 0;
padding: 0;
} a, h1, h2, h3, h4 {
color: var(--color1);
transition: 0.5s;
}
a:hover {
color: var(--color2);
}
a:active, a:hover, a:link, a:visited {
text-decoration: none;
} h1 {
font-size: 160%;
}
h2 {
font-size: 140%;
}
h3 {
font-size: 120%;
}
h4 {
font-size: 100%;
}
h1, h2, h3, h4 {
margin: 10px 0;
} input, radio, select, textarea {
padding: 5px 10px;
color: #555;
outline: 0;
background: #FFF;
border: 1px solid var(--colorborder);
}
input[type=checkbox] {
border: none;
box-shadow: none;
width: auto;
}
.button-primary, .form-submit input, button {
cursor: pointer;
padding: 6px 11px;
background: var(--color1);
border: 0;
outline: 0;
color: #FFF;
transition: 0.5s;
}
.button-primary:hover, .form-submit input:hover, button:hover {
background: var(--color2);
}
input[type=text]:focus, radio:focus, select:focus, textarea:focus {
background: #F9F9F9;
border-color: #CCC;
}
form ::placeholder {
font-size: 90%;
color: #CCC;
} blockquote{
font-size: 110%;
width:90%;
margin:30px auto;
font-style:italic;
color: #555555;
padding:1.2em 30px 1.2em 75px;
border-left:5px solid var(--color1);
line-height:1.6;
position: relative;
background: var(--colorbg);
}
blockquote::before{
font-family:arial, sans-serif;
content: "\201C";
color: var(--color1);
font-size:4em;
position: absolute;
left: 10px;
top:-10px;
}
blockquote::after{
content: '';
}
code {
background: #F5F5F5;
border: #F2F2F2 solid 1px;
padding: 5px;
} img {
height: auto;
}
a img {
border: none;
}
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
img.aligncenter {
display: block;
margin: 5px auto;
}
img.alignright {
display: inline;
margin: 0 0 5px 5px;
padding: 5px;
}
img.alignleft {
display: inline;
margin: 0 5px 5px 0;
padding: 5px;
}
.wp-caption {
border: #F2F2F2 solid 1px;
background-color: #FFF;
padding: 5px;
margin: 5px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: none;
}
.wp-caption p.wp-caption-text {
text-align: center;
font-style: italic;
font-size: 80%;
padding: 5px 5px 0;
margin: 0;
}
.aligncenter {
display: block;
margin: 5px auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption, img, img.alignnone, p img {
max-width: 100%;
} @keyframes blinker {
50% {
opacity: 0;
}
}
.blink {
animation: blinker 1s linear infinite;
} @keyframes moveInRight {
0% {
opacity: 0;
transform: translateX(-50px)
}
80% {
transform: translateX(10px)
}
100% {
opacity: 1;
transform: translateX(0px)
}
} ::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
background: #F5F5F5; 
}
::-webkit-scrollbar-thumb {
background: #E7E7E7; 
}
::-webkit-scrollbar-thumb:hover {
background: var(--color1); 
}
body ::-webkit-scrollbar {
width: 6px;
height: 6px;
} .info {
border: #F2F2F2 solid 1px;
background-image: linear-gradient(to top, #FAFAFA, #FFF);
padding: 5px 10px;
}
.notis {
border: #FFB973 solid 1px;
background: #FFFFEC;
padding: 4px 10px;
color: #FF8000;
}
.notif {
border: #e2c702 solid 1px;
background: #FFFFEC;
padding: 5px 10px;
color: #e2c702
}
.warning {
background: #fff2f2b0;
border: 1px solid #f7b1b1;
padding: 5px 10px;
color: red;
}
.sukses {
border: 1px solid #4CAF50;
background: #D9F4DB;
padding: 5px 10px;
color:#4CAF50;
}
.kotax {
width: 100%;
padding: 10px;
margin: 10px 0;
}
.kotax ul li {
padding: 3px 0;
margin: 5px 10px 5px 20px;
} .small {
font-size: 80%;
line-height: 1.4em;
}
.medium {
font-size: 90%;
line-height: 1.4em;
}
.big {
font-size: 160%;
line-height: 1.3em;
font-weight: 600;
}
.jumbo {
font-size: 400%;
line-height: 1.3em;
font-weight: 600;
}
.hidden {
font-size: 0;
}
.tred {
color:red;
}
.tgreen {
color:#4CAF50;
}
.torange {
color:#FF8000;
}
.tyellow {
color: #e2c702;
}
.tgrey {
color: #AAA;
}
.tcolor {
color: var(--color1);
}
.thover {
color: var(--color2);
}	
.judul {
margin: 10px 0;
font-size: 110%;
font-weight: 600;
color: var(--color1);
}
.maintitle {
margin: 10px auto;
overflow: hidden;
text-align: center;
position: relative;
}
.maintitle h1, .maintitle h2, .maintitle h3, .maintitle h4 {
font-size: 140%;
margin: 0;
font-weight: 900;
border-bottom: 2px solid var(--colorborder);
display: inline-block;
padding: 7px 0;
text-transform: capitalize;
}
.maintitle p {
margin: 15px 0;
}
.maintitle h1 span, .maintitle h2 span, .maintitle h3 span, .maintitle h4 span {
font-size: 80%;
display: block;
font-weight: 300;
text-transform: capitalize;
color: var(--color2);
margin-bottom: -5px;
}
#indexwrap .maintitle h3, .teksarea .maintitle h3 {
text-transform: uppercase;
}
.headtitle {
color: var(--color1);
border-bottom: 2px solid var(--colorborder);
margin-bottom: 15px;
font-size: 110%;
font-weight: 600;
}
.headtitle span{
display: inline-block;
border-bottom: 2px solid var(--color1);
padding: 5px 0;
margin-bottom: -2px;
}
.katarsip {
padding: 15px;
margin-bottom: 15px;
position: relative;
background: linear-gradient(#FFF, #F9F9F9);
border: 1px solid var(--colorborder);
overflow: hidden;
}
.katarsip select {
background: none;
}
.katarsip h1 span {
font-size: 70%;
display: block;
font-weight: 300;
text-transform: capitalize;
color: var(--color2);
margin-bottom: -5px;
} .glyphicon {
font-size: 80%;
margin-right: 3px;
}
.overback {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.16;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
} .mainwrap {
display: flex;
flex-direction: column;
min-height: 100vh;
gap: 0;
}
#containwrap {
flex: 1;
} #topwrap {
width: 100%;
margin: 0 auto;
background: var(--color1);
position: sticky;
top: 0;
left: 0;
z-index: 999;
}
.tophead {
max-width: var(--maxwidth);
margin: 0 auto;
height: 40px;
transition: 0.5s;
position: relative;
background: var(--color1);
}
.tophead .ti-mobile, .tophead .ti-user, .tophead .ti-bag {
margin-right: 3px;
}
.topleft {
max-width: 15%;
float: left;
height: 100%;
font-size: 90%;
color: #FFF;
}
.topmid {
width: 45%;
float: left;
height: 100%;
overflow: hidden;
color: #FFF;
line-height: 40px;
font-size: 90%;
padding: 0 10px;
}
.topmid a {
color: #FFF;
}
.hotproduct {
padding: 0 10px 0 80px;
}
.hotproduct li {
list-style: none;
}
.hottitle {
background: var(--color2);
color: #FFF;
position: absolute;
top: 10px;
height: 20px;
line-height: 20px;
padding: 0 5px;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
}
.topright {
width: 40%;
height: 100%;
float: right;
text-align: right;
}
.topsearch, .topcontact, .topmember,.topcart {
max-width: 200px;
height: 100%;
line-height: 40px;
display: inline-block;
cursor: pointer;
font-size: 90%;
color: #FFF;
padding: 0 10px;
}
.topsearch:hover, .topcontact:hover, .topmember:hover, .topcart:hover {
opacity: 0.7;
transition: 0.5s;
}
.topsearch {
display: none;
} .topcart {
background: rgb(0,0,0,0.2);
}
.topcart a {
color: #FFF;
}
.pcs {
background: var(--color2);
padding: 0 7px;
margin-left: 5px;
line-height: 20px;
display: inline-block;
}
#rincian {
width: 370px;
padding: 10px 15px 15px;
position: absolute;
z-index: 2;
background: #FFF;
display: none;
text-align: left;
border: 1px solid var(--colorborder);
right: 0;
}
#rincian button {
width: 100%;
text-transform: uppercase;
padding: 10px 15px;
letter-spacing: 0.1em;
}
#rincian .jcart-items {
font-size: 90%;
border: none;
}
#rincian .jcart-items img {
max-width:90px;
}
#rincian .jcart-item-berat,#rincian .jcart-item-qtyberat, #rincian .jcart-item-price {
display: none;
}
#rincian #jcart table tbody {
display:block;
max-height: 400px;
overflow: auto;
} .infomember {
padding: 10px 15px;
text-align:center;
cursor: default;
float: right;
width:50%;
}
.menumember {
width:50%;
padding: 10px;
text-align:left;
float: left;
}
.menumember ul li {
width: 100%;
font-size: 95%;
list-style: none;
padding: 5px 10px;
}
#topmember {
width: 370px;
position: absolute;
z-index: 2;
right: 0;
border: 1px solid var(--colorborder);
background:#FFF;
display: none;
} #naviwrap {
width: 100%;
margin: 0 auto;
transition: 0.5s;
background: var(--colorbg);
border:1px solid var(--colorborder);
}
.navi {
max-width: var(--maxwidth);
margin: 0 auto;
font-size: 90%;
text-align: left;
position: relative;
}
.togglemenu {
display: none;
background: rgb(0,0,0,0.2);
color: #FFF;
padding: 0 10px;
height: 40px;
line-height: 40px;
cursor: pointer;
float: left;
}
.naviku > li {
float: left;
}
.naviku a {
padding: 8px;
}
.naviku {
list-style: none;
text-align: left;
}
.naviku:after {
content: " ";
display: table;
clear: both;
}
.naviku > li > a {
display: block;
}
.naviku ul {
list-style: none;
width: 200px;
border-bottom: 1px solid var(--colorborder);
z-index: 100;
}
.naviku li {
position: relative;
}
.naviku > li .parent {
background-image: url(//furniturejatiminimalis.com/wp-content/themes/lapax-per/images/downArrow.png);
padding-right: 30px;
background-repeat: no-repeat;
background-position: right;
}
.naviku li ul {
position: absolute;
left: -9999px;
background: #FFF;
}
.naviku > li.hover > ul {
left: 0;
}
.naviku li li.hover ul {
left: 100%;
top: 0;
}
.naviku li li {
border: 1px solid var(--colorborder);
border-bottom: none;
}
.naviku li li a {
display: block;
position: relative;
color: #555;
}
.naviku li li ul {
margin-top:-1px;
} #headerwrap {
width: 100%;
margin: 0 auto;
background: #FFF;
transition: 0.5s;
}
.header {
max-width: var(--maxwidth);
margin: 0 auto;
height: 120px;
transition: 0.5s;
position: relative;
}
.headerbot {
max-width: var(--maxwidth);
margin: 0 auto;
}
.headleft,.headright  {
width: 50%;
height: 100%;
display: inline-grid;
align-items: center;
overflow: hidden;
float: left;
}
.headleft img{
max-width: 100%;
max-height: 80px;
}
.headleft p {
width:100%;
line-height: 1.2em;
}
.headleft a {
font-weight: 900;
font-size: 140%;
display: block;
margin-bottom: 5px;
} .searching {
width: 100%;
border: 2px solid var(--color1);
padding: 8px;
background: #fcfcfc;
border: 1px solid var(--colorborder);
overflow: hidden;
}
.searching input {
margin-top: 5px;
float: left;
padding: 0 15px;
line-height: 30px;
height: 40px;
background: #FFF;
width: 84%;
margin: 0;
border: none;
}
.searching input::placeholder {
color: #DDD;
}
.searching button {
height: 40px;
width: 16%;
padding: 5px 10px;
font-size: 120%;
line-height: 30px;
float: right;
margin: 0;
border: none;
} .headkat button {
padding: 10px 18px;
font-weight: 600;
}
.headkat .ti-angle-down,.headkat .ti-angle-up {
font-weight: normal;
margin-right: 10px;
}
.navigori {
position: absolute;
z-index: 2;
min-width: 240px;
background: rgb(255 255 255 / 97%);
padding: 5px 10px;
display: none;
border: 1px solid var(--colorborder);
}
.navigori ul li {
list-style: none;
padding: 4px;
margin: 0;
position: relative;
}
.navigori ul li:last-child {
border-bottom: none;
}
.navigori li a {
text-decoration: none;
}
.navigori li li {
margin-left: 12px;
border-bottom: none;
}
.navigori li li:before {
content: '';
position: absolute;
top: 8px;
right: 100%;
width: 7px;
height: 7px;
border-bottom: 1px solid #DDD;
border-left: 1px solid #DDD;
}
.navigori li li a {
font-size: 90%;
}
.navigori > ul > li > .children {
overflow: hidden;
max-height: 0;
transition: 0.5s;
}
.navigori > ul > li > .children:after {
content: '';
position: absolute;
top: 8px;
right: 0;
width: 30px;
height: 10px;
background-image: url(//furniturejatiminimalis.com/wp-content/themes/lapax-per/images/downArrow.png);
background-repeat: no-repeat;
background-position: right;
}
.navigori li:hover .children {
display: block;
max-height: 300px;
overflow: auto;
}
.jamkerja {
float: right;
} .newsticker {
display: block;
height: 34px;
line-height: 34px;
background: var(--color1);
color: #FFF;
}
.newsticker ul {
background: rgb(0,0,0,0.2);
}
.newsticker li{
margin-right: 40px;
font-size: 13px;
list-style-type: none;
}
.newsticker li span{
background: var(--color2);
color: #FFF;
padding: 3px 6px;
margin-right: 5px;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
}
.newsticker:after {
content: 'Informasi';
position:absolute;
background: var(--color1);
top: 0;
right: 0;
height: 34px;
padding: 0 10px;
font-weight: bold;
font-size: 12px;
} #containwrap {
width: 100%;
overflow: hidden;
position: relative;
background: #FFF;
border-top: 5px solid var(--colorborder);
}
#indexwrap {
width: 100%;
overflow: hidden;
position: relative;
background-image: linear-gradient(to top, #FCFCFC, #FFF);
border-bottom: 1px solid #F5F5F5;
}
.maincontain {
max-width: var(--maxwidth);
overflow: hidden;
margin: 0 auto;
padding: 15px 5px;
}
.contain {
margin: 20px 0;
position: relative;
}
.contain.product {
margin-top: 0;
overflow: hidden;
} .slidertop {
padding-bottom: 30px;
}
#slider img {
width: 100%;
}
.sliderblock {
position: absolute;
width:100%;
height: 100%;
top:0;
left:0;
display: flex;
align-items: center;
padding: 0 140px;
text-align: center;
}
.slidertext {
max-width: 700px;
padding: 15px;
} 
.slidertext h2 {
color: var(--color1);
font-size: 150%;
text-transform: uppercase;
margin:0;
}
.slidertext h2 span {
color: var(--color2);
font-size: 60%;
display: block;
font-weight: 400;
margin-bottom: -5px;
}
.slidertext p {
font-size: 110%;
line-height:1.3em;
font-weight: 300;
margin: 0 0 15px;
}
.slidertext button {
border: 2px solid var(--color1);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.slidertext button:hover {
border: 2px solid #FFF;
}
#slidprod, #slidblog { width: calc(100% + 16px);
margin: -8px;
}
#slidprod .gridpad, #slidblog .gridpad { width: 100%;
} .maincontain.teksarea {
background: linear-gradient(#FFF, #FAFAFA, #FFF);
padding: 15px;
} .why-container {
overflow: hidden;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
.why h2 {
font-size: 110%;
margin-bottom: 10px;
text-transform: capitalize;
}
.why p {
margin: 0 0 15px;
}
.why img {
max-width: 90px;
float: left;
margin: 0 10px 5px 0;
} .katspeswrap li {
padding: 20px 0;
list-style: none;
}
.spesthumb .headtitle {
display: flow-root;
}
.spesthumb img {
max-width: 80px;
margin: 0 10px 5px 0;
float: left;
} .areafeed {
overflow: hidden;
margin: -8px -8px 30px;
position: relative;
}
.gridpad{
padding: 10px;
float: left;
width: 25%;
text-align: center;
}
.gridpad:nth-child(4n+1){
clear: left;
}
.grid,.gridblog {
width: 100%;
overflow: hidden;
background: #FFF;
transition: 0.5s;
position: relative;
border: 1px solid var(--colorborder);
}
.grid:hover,.gridblog:hover {
border-color: var(--color1);
}
.grid p {
display: none;
font-size: 90%;
}
.gridblog p {
font-size: 90%;
}
.imgthumb {
position: relative;
overflow: hidden;
}
.imgthumb img {
transition: all .2s ease;
}
.grid:hover .imgthumb img,.gridblog:hover .imgthumb img {
transform: scale(1.2);
}
.tithumb {
padding: 10px;
}
.tithumb .judul{
display: block;
font-weight: 400;
margin: 0 0 10px;
font-size: 100%;
}
.buttonthumb {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
text-align: right;
}
.buyt {
background: none;
position: absolute;
padding: 0;
right: 4px;
bottom: 4px;
width: 20px;
height: 20px;
}
.buyt:hover {
background: none;
}
.buttonthumb form::before{
content: '';
width: 0;
height: 0;
border-bottom: 50px solid var(--colorborder);
border-left: 50px solid transparent;
right: -1px;
bottom: -1px;
position: absolute;
transition: 0.5s;
}
.grid:hover .buttonthumb form::before{
border-bottom: 50px solid var(--color1);
}
.buttonthumb .detailt {
display: none;
} .labeli {
display: inline-block;
padding: 3px 8px;
font-size: 80%;
background: rgba(80,80,80,0.30);
color: #FFF;
position: absolute;
top: 0;
right: 0;
}
.labeli a {
color: #FFF;
}
.labeli:hover {
background: var(--color2);
}
.disclabel {
position: absolute;
top: 0;
left: 0;
color: var(--color2);
background-image: linear-gradient(to right, #FFF, transparent);
display: flex;
align-items: center;
padding: 4px 14px 6px 6px;
font-size: 110%;
}
.disclabel span{
text-align: left;
display: block;
line-height: 1em;
}
.disclabel strong{
font-weight: 400;
} .gridpad.listview {
width: 100%;
text-align: left;
}
.listview .imgthumb{
float: left;
max-width: 170px;
margin-right: 10px;
}
.listview .tithumb {
padding: 10px;
}
.listview .tithumb p {
display: block;
}
.listview .buttonthumb{
position: static;
opacity: 1;
text-align: left;
}
.listview .buttonthumb .detailt {
display: inline-block;
} .maincontain.testiwrap {
display: flex;
align-items: center;
padding:30px 15px;
}
.maintitle.testihome {
width: 50%;
float: left;
text-align: left;
}
#testi {
width: 50%;
float: right;
}
.testi {
padding: 10px 40px;
}
#testiside .owl-prev, #testiside .owl-next {
top: 25px;
} .gmaps iframe {
width: 100%;
margin-bottom: -6px;
} .popup {
min-width: 300px;
max-width: 1000px;
display: none;
padding: 15px;
}
.popup ul li {
list-style: none;
padding: 5px 0;
}
.popup td {
padding:3px;
vertical-align: top;
} .quickpop {
min-width: 300px;
max-width: 500px;
display: none;
padding: 15px;
}
.quickpop ul li {
list-style: none;
padding: 5px 0;
}
.quicklabel {
position: absolute;
bottom: 5px;
left: 5px;
font-size: 18px;
z-index: 2;
}
.quickdetail {
margin-left: 180px;
}
.quickview {
width: 170px;
float: left;
text-align: center;
}
.quickview img {
width: 100%;
background: #FFF;
border: 1px solid var(--colorborder);
margin-bottom: 10px;
} #kontak-kami {
max-width: 420px;
}
.kontak ul li {
border-bottom: 1px solid var(--colorborder);  
padding-left: 40px;
line-height: 30px;
}
.kontak ul li:last-child {
border: none;
}
#kontak-kami a {
float: right;
font-weight: bold;
}
.smsli, .telli, .messli, .tgramli, .lineli, .wali, .mailli {
background-image: url(//furniturejatiminimalis.com/wp-content/themes/lapax-per/images/kontak.png);
background-repeat: no-repeat;
height: 40px;
}
.smsli {
background-position: 0 0;
}
.telli {
background-position: 0 -40px;
}
.wali {
background-position: 0 -80px;
}
.messli {
background-position: 0 -120px;
}
.tgramli {
background-position: 0 -160px;
}
.lineli {
background-position: 0 -200px;
}
.mailli {
background-position: 0 -240px;
} .pagination {
width: 100%;
margin: 30px 0;
text-align: center;
}
.pagination a, .pagination > .current {
border: #F2F2F2 solid 1px;
padding: 5px 10px;
background: #FFF;
margin: 0 2px;
display: inline-block;
}
.pagination a:hover, .pagination > .current {
color: #FFF;
background: var(--color1);
} .wrap-post {
overflow: hidden;
}
.wrap-post ul li, .elementor-text-editor ul li {
margin: 0 10px 0 30px;
}
.utube {
width: 100%;
margin: 10px auto;
}
.utube iframe {
width:100%;
height:500px;
} #footerwrap {
background: var(--color1);
width: 100%;
position: relative;
}
#footerwrap a {
color: #FFF;
}
#footerwrap a:hover {
text-decoration: underline;
}
.footer {
max-width: var(--maxwidth);
margin: 0 auto;
color: #FFF;
position: relative;
padding: 40px 0 20px;
}
.footer h4 {
text-transform: uppercase;
margin: 0 0 20px;
font-weight: 900;
color: #FFF;
border-bottom: 2px solid #ffffff1c;
padding: 6px 0;
}
.footer button {
background: none;
color: #FFF;
border: 1px solid #FFF;
}
.footer button:hover {
background: var(--color2);
}
.footbarwidget {
width: 33.333%;
padding: 0 10px;
float: left;
}
.footbar {
margin-bottom: 20px;
overflow: hidden;
position: relative;
}
.footbar ul li {
padding: 5px 0;
list-style-type:none;
}
.footbar ul li li {
border-left: 1px solid rgba(255, 255, 255, 0.25);
padding-left: 5px;
}
#copyrightwrap {
background: rgba(0,0,0,.2);
width: 100%;
padding: 20px 15px;
}
.copyright {
max-width: var(--maxwidth);
margin: 0 auto;
color: #F5F5F5;
padding: 10px 15px;
position: relative;
overflow: hidden;
text-align: center;
} .socmed {
max-width: var(--maxwidth);
margin: 0 auto;
color: #FFF;
position: relative;
overflow: hidden;
padding: 15px 10px;
}
.socmed a{
float: left;
width: 33.333%;
height: 42px;
margin: 8px 0;
line-height: 1.2em;
}
.socmed b{
display: block;
}
.socmed .small {
display: flow-root;
}
.fb, .twit, .bl, .toped, .shopee, .insta,.lazada, .blibli,.tiktok {
background-image: url(//furniturejatiminimalis.com/wp-content/themes/lapax-per/images/socmed.png);
background-repeat: no-repeat;
width: 42px;
height: 42px;
border-radius: 50%;
float: left;
margin-right: 5px;
border: 1px solid #FFF;
}
.toped {
background-position: 0 0;
}
.bl {
background-position: -44px 0;
}
.shopee {
background-position: -88px 0;
}
.insta {
background-position: -132px 0;
}
.fb {
background-position: -176px 0;
}
.twit {
background-position: -220px 0;
}
.lazada {
background-position: -264px 0;
}
.blibli {
background-position: -308px 0;
}
.tiktok {
background-position: -352px 0;
} .comments, .comments input[type="text"], .comments textarea {
width: 100%;
}
.comments label {
font-weight: bold;
}
.comments article {
margin: 15px 0;
}
.comments input[type="radio"] {
margin: 0 5px;
color: #CCC;
}
.comments article p {
display: table;
background: var(--colorbg);
padding: 10px;
margin: 5px 0;
}
.comment-respond {
margin: 10px 0;
}
.comments ul li {
list-style-type: none;
border-bottom: 1px solid var(--colorborder);
}
.comments li li {
margin-left: 5%;
border-bottom: none;
}
.comments li li .avadiskusi {
width: 50px;
height: 50px;
}
.comment_text {
margin-bottom: 10px;
}
.ratestar {
display:inline-block;
margin-right: 10px;
padding: 8px 5px 2px 2px;
border: 1px solid transparent;
}
.ratestar:hover {
background: var(--colorbg);
border-color: var(--colorborder);
} .scrollup {
position: fixed;
display: none;
z-index: 600;
width: 40px;
height: 40px;
bottom: 20px;
right: 20px;
border-radius: 50%;
background: url(//furniturejatiminimalis.com/wp-content/themes/lapax-per/images/icon_top.png) no-repeat;
opacity: 0.1;
} .watitle {
background: rgb(0,0,0,0.07);
color: #FFF;
padding: 0 10px;
height: 40px;
line-height: 40px;
cursor: pointer;
float: left;
}
.wacontent {
width: 260px;
background: #FFF;
color: #444;
padding: 0 10px 10px;
display: none;
position: absolute;
top: 40px;
left: 0;
border: 1px solid var(--colorborder);
}
.wacontent a{
color: #444;
}
.walist {
padding: 10px;
border-top: 1px solid var(--colorborder);
text-align: left;
}
.walist:hover {
background: #F1FCE9
}
.wapop .walist {
background: #EFEFEF;
border-top: none;
border-bottom: 1px solid #D5D5D5;
}
.walist img {
float: left;
border-radius: 50%;
width: 40px;
height: 40px;
margin-right: 10px;
}
.waonline {
color: #30A958
}	
.wapop {
width: 420px;
display: none;
padding:0;
background-image: url(//furniturejatiminimalis.com/wp-content/themes/lapax-per/images/wa/wa-back.jpg);
position: relative;
}
.wachat {
height: 180px;
padding: 10px;
}
.wabubble1,.wabubble2 {
background: #FFF;
position: relative;
padding: 5px 10px;
margin-left: 10px;
margin-bottom: 3px;
font-size: 14px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius:5px;
display: table;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);
}
.wabubble1:after {
content: '';
position: absolute;
display: block;
top: 0;
right: 100%;
width: 0;
height: 0;
width: 0;
height: 0;
border-bottom: 10px solid transparent;
border-right: 10px solid #FFF;
}
.wareply {
background: #EFEFEF;
padding: 10px;
display: flex;
height: 55px;
}
.wareply ::placeholder {
color: #CCC;
}
.wareply input {
width: 85%;
margin:0;
border: none;
}
.wareply button {
width: 15%;
margin:0;
text-align: center;
background: #24BE5B;
}
.wareply button:hover {
opacity: 0.7;
} .avatar {
padding: 5px;
background: #FFF;
float: left;
margin: 0 10px 0 0;
}
.avaprofil {
width: 150px;
height: 150px;
margin: 0 auto 10px;
}
.avatesti {
width: 100px;
height: 100px;
float: left;
margin: 0 15px 2px 0;
}
.avadiskusi {
width: 80px;
height: 80px;
float: left;
margin: 0 15px 15px 0;
} .shareit {
margin: 10px 0 0;
overflow: hidden;
padding: 10px 0;
}
.boxdetail .shareit {
float: left;
}
.shareit strong {
line-height: 28px;
float: left;
}
.shareit span{
line-height: 28px;
font-size: 28px;
margin-left: 10px;
width: 30px;
float: left;
}
.shareit span:hover {
opacity: 0.8;
} .loaderx {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(//furniturejatiminimalis.com/wp-content/themes/lapax-per/images/loading.gif) 50% 50% no-repeat rgb(255 255 255 / 90%);
} .owl-controls .owl-buttons div {
opacity:0;
background: #fffc;
border-radius: 50%;
}
.smallslider .owl-controls .owl-buttons .owl-prev, .megaslider .owl-controls .owl-buttons .owl-prev {
left: 100px;
}
.smallslider .owl-controls .owl-buttons .owl-next, .megaslider .owl-controls .owl-buttons .owl-next {
right: 100px;
}
.owl-carousel .owl-buttons .owl-prev{
transition: 0.5s;
opacity: 0;
}
.owl-carousel:hover .owl-buttons .owl-prev {
left: 20px;
opacity: 1;
}
.owl-carousel .owl-buttons .owl-next{
transition: 0.5s;
opacity: 0;
}
.owl-carousel:hover .owl-buttons .owl-next {
right:20px;
opacity: 1;
} .tabmenu {
border-bottom: 2px solid var(--colorborder);
}
.tabmenu button{ 
background: #FFF;
color: #DDD;
border-bottom: 2px solid var(--colorborder);
margin: 0 15px -2px 0;
padding: 5px 0;
font-weight: 600;
font-size: 110%;
}
.tabmenu button.active,.tabmenu button:hover {
color: var(--color1);	 
border-color: var(--color1);	
}
.tabcontent {
padding-top: 15px;
display: none;
animation: moveInRight .5s ease-out;
} 
.tabcontent ol {
font-size: 90%;	
} .autoheading {
font-size: 0;
margin: 0;
padding: 0;
}
.crumbs {
margin-bottom: 15px;
font-size: 90%;
}
.maintenis {
text-align: center;
height: 40px;
line-height: 40px;
background: #ff3100b8;
color: #FFF;
width: 100%;
position: absolute;
z-index: 1000;
top: 0;
}
.error {
border: 1px solid red;
background: #FFDDDD;
margin-bottom: 5px;
}
label.error {
border: none;
background: none;
color: #FA3C3C;
font-size: 90%;
display: block;
}
.select2-container--default .select2-selection--single {
border-color: #EEE;
} .boxview #galeriview {
width: 20%;
margin-top: 0;
white-space: unset;
}
.boxview .zoomwrap {
width: 80%;
float: right;
}
.boxdetail .labeli {
position: initial;
}
.boxdetail .product-note {
font-size: 90%;
}
.warni,.warni.selected:before {
border-radius: 0;
}
.viewcart {
border: none;
padding: 0;
}
.wizard-navigation .progress-with-circle {
height: 4px;
top: 0;
}
.nav-pills {
height: 4px;
top: 0;
background: var(--colorborder);
}
.nav-pills>li {
height: 50px;
}
.wizard-card .icon-circle {
border-width: 2px;
height: 52px;
color: var(--colorborder);
border-color: var(--colorborder);
}
.nav-pills > li.active > a [class*="ti-"], .nav-pills > li.active > a:hover [class*="ti-"], .nav-pills > li.active > a:focus [class*="ti-"] {
font-size: 22px;
}
.nav-pills > li > a {
font-size: 12px;
}
.nav-pills > li.active > a:after {
height: 52px;
}
.wizard-navigation {
height: 80px;
margin-top: 40px;
background: #FFF;
border: 1px solid var(--colorborder);
border-bottom: none;
}
.wizard-footer {
margin: 0;
}
.wizard-card form {
border: 1px solid var(--colorborder);
overflow: hidden;
padding: 15px;
background: #FFF;
border-top: none;
}
.btn-number {
background: var(--colorbg);
}
.input-number {
border: 1px solid var(--colorbg);
background: #FFF;
}
.kolom2 .btn-number {
height: 50px;
line-height: 50px;
width: 25%;
}
.kolom2 .input-number {
height: 50px;
line-height: 50px;
width: 50%;
}
#ppcircle, #ppcircle-edit {
border-radius: 0%;
}:root{--joinchat-ico:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0s4.686 12.283 0 16.97a12 12 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12 12 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.85 9.85 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918s-10.075-3.843-13.918 0a9.85 9.85 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22zm6.534-7.003-.933 1.164a9.84 9.84 0 0 1-3.497-3.495l1.166-.933a.79.79 0 0 0 .23-.94L9.561 6.96a.79.79 0 0 0-.924-.445l-2.023.524a.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.79.79 0 0 0-.445-.923L14.6 13.327a.79.79 0 0 0-.94.23z'/%3E%3C/svg%3E");--joinchat-font:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif}.joinchat{--sep:20px;--bottom:var(--sep);--s:60px;--h:calc(var(--s)/2);--header:max(50px,var(--s)*1.166667);--vh:100vh;--ch:142;--cs:70%;--cl:49%;--bw:1;--text:hsl(0deg 0% clamp(0%,var(--bw)*1000%,100%)/clamp(70%,var(--bw)*1000%,100%));--hover:hsl(var(--ch) var(--cs) calc(var(--cl) + 20%));--hsl:var(--ch) var(--cs) var(--cl);--color:hsl(var(--hsl));--dark:hsl(var(--ch) var(--cs) calc(var(--cl) - 10%));--bg:hsl(var(--hsl)/4%);--msg:var(--color);color:var(--text);display:none;position:fixed;z-index:9000;right:var(--sep);bottom:var(--bottom);font:normal normal normal 16px/1.625em var(--joinchat-font);letter-spacing:0;animation:joinchat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;transform:scale3d(0,0,0);transform-origin:calc(var(--s)/-2) calc(var(--s)/-4);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(0 0 0/0);contain:style}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat--show{display:block;transform:scaleX(1)}.joinchat--left{right:auto;left:var(--sep)}.joinchat--dark{--msg:var(--dark)}.joinchat--noanim{animation:none}.joinchat--chatbox:not(.joinchat--noanim){transform-origin:0 0;animation-timing-function:ease-in-out}.joinchat--hidden{display:none!important}@supports not (width:clamp(1px,1%,10px)){.joinchat{--text:hsl(0deg 0% calc(var(--bw)*1%)/90%)}}.joinchat__button{position:absolute;z-index:2;bottom:8px;right:8px;height:var(--s);width:var(--s);background:#25d366 var(--joinchat-ico) 50%/60% no-repeat;color:inherit;border-radius:50%;box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);cursor:pointer;transition:background-color .2s linear}.joinchat__button:hover{background-color:#128c7e}.joinchat:has(.joinchat__chatbox) .joinchat__button:hover{transition-duration:1.5s}.joinchat__button:active{background-color:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px}.joinchat--chatbox .joinchat__button{display:none}.joinchat__button__ico{position:absolute;inset:0;display:flex;border-radius:50%;overflow:hidden;color:var(--text)!important}.joinchat__button__ico svg{width:var(--ico-size,100%);height:var(--ico-size,100%);margin:calc((100% - var(--ico-size, 1))/2)}.joinchat__button:has(.joinchat__button__ico){background:var(--color);box-shadow:1px 6px 24px 0 hsl(var(--ch) var(--cs) calc(var(--cl) - 10%)/24%)}.joinchat__button:has(.joinchat__button__ico):active,.joinchat__button:has(.joinchat__button__ico):hover{background:var(--hover)}.joinchat__button__image{position:absolute;inset:1px;border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img,.joinchat__button__image video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--img .joinchat__button__image{opacity:1;animation:none}.joinchat__badge{position:absolute;z-index:2;bottom:calc(var(--s) - 8px);right:4px;width:20px;height:20px;border:none;border-radius:50%;background:#e82c0c;color:#fff;font-size:12px;font-weight:600;line-height:20px;text-align:center;box-shadow:none;opacity:0;pointer-events:none}.joinchat--left .joinchat__badge{right:auto;left:calc(var(--s) - 8px)}.joinchat__badge.joinchat__badge--in{animation:joinchat_badge_in .5s cubic-bezier(.27,.9,.41,1.28) 1 both}.joinchat__badge.joinchat__badge--out{animation:joinchat_badge_out .4s cubic-bezier(.215,.61,.355,1) 1 both}.joinchat__tooltip{position:absolute;top:calc(var(--h) - 16px);right:calc(var(--s) + 16px);max-width:calc(100vw - var(--s) - 45px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);line-height:31px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{width:-moz-max-content;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--chatbox .joinchat__tooltip{display:none}.joinchat--left .joinchat__tooltip{right:auto;left:calc(var(--s) + 16px)}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__qr{position:absolute;z-index:2;bottom:calc(var(--s) + 24px);right:8px;display:none;flex-direction:column-reverse;width:228px;min-height:200px;padding:14px 14px 10px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);text-align:center;white-space:nowrap;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) .5s both;pointer-events:none}.joinchat__qr:after{content:"";display:block;position:absolute;bottom:-6px;right:calc(var(--h) - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff}.joinchat--left .joinchat__qr{left:8px;right:auto}.joinchat--left .joinchat__qr:after{left:calc(var(--h) - 6px);right:auto}.joinchat__qr div{font-size:14px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis}.joinchat__qr canvas{display:block;width:200px;height:200px;margin:0;image-rendering:pixelated}.joinchat__chatbox{content-visibility:hidden;contain-intrinsic-size:auto 400px auto 240px;display:flex;flex-direction:column;position:absolute;bottom:0;right:0;z-index:1;width:calc(100vw - var(--sep)*2);max-width:400px;max-height:calc(var(--vh) - var(--bottom) - var(--sep));border-radius:calc(var(--h) + 2px);background:#fff linear-gradient(180deg,var(--color),var(--color) var(--header),var(--bg) var(--header),var(--bg));box-shadow:0 2px 6px 0 rgba(0,0,0,.5);text-align:left;overflow:hidden;transform:scale3d(0,0,0);opacity:0;transition:opacity 80ms,transform 0s linear 81ms}[dir=rtl] .joinchat__chatbox{text-align:right}.joinchat--chatbox .joinchat__chatbox{content-visibility:visible;opacity:1;transform:scaleX(1);transition:opacity .2s ease-out,transform 0s linear}.joinchat--left .joinchat__chatbox{right:auto;left:0}.joinchat--dark .joinchat__chatbox{background:#1a1a1a linear-gradient(180deg,var(--dark),var(--dark) var(--header),var(--bg) var(--header),var(--bg))}.joinchat__header{display:flex;flex-flow:row;align-items:center;position:relative;flex-shrink:0;height:var(--header);padding:0 70px 0 26px;margin:0}[dir=rtl] .joinchat__header{padding:0 26px 0 70px}.joinchat__header span{font-size:19px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.joinchat__header a{font-size:11px;line-height:18px;color:inherit!important;text-decoration:none!important;fill:currentcolor;opacity:.8}.joinchat__header a svg{display:inline-block;width:auto;height:18px;vertical-align:-30%}.joinchat__header a:active,.joinchat__header a:hover{color:inherit!important;text-decoration:none!important;opacity:.9;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.joinchat__wa{display:block;fill:currentcolor;opacity:.8}.joinchat__close{--size:34px;position:absolute;top:calc(50% - var(--size)/2);right:24px;width:var(--size);height:var(--size);border-radius:50%;background:rgba(0,0,0,.4) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M24 2.4 21.6 0 12 9.6 2.4 0 0 2.4 9.6 12 0 21.6 2.4 24l9.6-9.6 9.6 9.6 2.4-2.4-9.6-9.6z'/%3E%3C/svg%3E") 50%/12px no-repeat;cursor:pointer;transition:background-color .3s ease-out}.joinchat__close:hover{background-color:rgba(0,0,0,.6)}.joinchat__close:active{background-color:rgba(0,0,0,.7)}[dir=rtl] .joinchat__close{right:auto;left:24px}.joinchat__scroll{overflow:hidden scroll;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.joinchat__scroll::-webkit-scrollbar{width:4px;background:rgb(0 0 0/0)}.joinchat__scroll::-webkit-scrollbar-thumb{border-radius:2px;background:rgb(0 0 0/0)}.joinchat--blur .joinchat__scroll{background:hsl(var(--hsl)/2%);backdrop-filter:blur(10px)}.joinchat__scroll:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}.joinchat__content{display:flex;flex-direction:column;width:calc(100% + 4px);padding:20px 0 8px}.joinchat__content:after{content:"";display:block;position:absolute;bottom:0;left:0;right:4px;height:calc(var(--s) + 20px);background:#fff linear-gradient(180deg,var(--bg),var(--bg));-webkit-mask-image:linear-gradient(rgb(0 0 0/0),rgb(0 0 0/60%) 25%,rgb(0 0 0/92%) 70%,rgb(0 0 0/100%) 95%,rgb(0 0 0/100%));mask-image:linear-gradient(rgb(0 0 0/0),rgb(0 0 0/60%) 25%,rgb(0 0 0/92%) 70%,rgb(0 0 0/100%) 95%,rgb(0 0 0/100%));pointer-events:none}.joinchat--dark .joinchat__content:after{background-color:#1a1a1a}.joinchat__open{position:sticky;z-index:2;bottom:8px;align-self:flex-end;display:flex;flex-direction:row;min-width:var(--s);height:var(--s);margin:0 8px;background:var(--color);color:inherit;border-radius:var(--h);box-shadow:0 1px 2px 0 rgba(0,0,0,.3);overflow:hidden;cursor:pointer;transition:background-color .2s linear}[dir=rtl] .joinchat__open{align-self:flex-start}.joinchat__open:active,.joinchat__open:hover{background:var(--hover)}.joinchat--left .joinchat__open{align-self:flex-start}[dir=rtl] .joinchat--left .joinchat__open{align-self:flex-end}.joinchat--optout .joinchat__open{background-color:#999;pointer-events:none}.joinchat__open__icon{flex-shrink:0;width:var(--s);height:var(--s);max-width:var(--s);padding:calc(var(--s)*0.18);margin:0;overflow:hidden}[dir=rtl] .joinchat__open__icon{transform:rotateY(180deg)}.joinchat__open__icon path{fill:none!important;stroke:var(--text)!important;stroke-linecap:round;stroke-width:33px;animation:none}.joinchat__open__icon .joinchat__pa{--stroke:1097}.joinchat__open__icon .joinchat__pb{--stroke:1020}.joinchat--chatbox .joinchat__open__icon path{stroke-dasharray:var(--stroke);stroke-dashoffset:var(--stroke);animation:joinchat_send_svg 6s .2s ease-in-out infinite}.joinchat--chatbox .joinchat__open__icon .joinchat__pb{animation-delay:3.2s}.joinchat--optout .joinchat__open__icon path{animation:none}.joinchat--optout .joinchat__open__icon .joinchat__pa{stroke-dasharray:0}.joinchat__open__text{--mw:0;max-width:var(--mw);width:-moz-fit-content;width:fit-content;padding:0;font-weight:600;line-height:var(--s);white-space:nowrap;opacity:0;overflow:hidden;text-overflow:ellipsis}.joinchat--chatbox .joinchat__open__text{--mw:min(400px - 16px - var(--s),100vw - 16px - var(--s) - 2*var(--sep));padding:0 4px 0 24px;opacity:1}[dir=rtl] .joinchat__open__text{padding:0 24px 0 4px}.joinchat--chatbox.joinchat--opening .joinchat__open__text{animation:joinchat_open_text .45s ease-out both}@keyframes joinchat_open_text{0%{max-width:0;opacity:0}60%{max-width:var(--mw);opacity:0}to{max-width:var(--mw);opacity:1}}.joinchat__optin{padding:0 16px;margin-bottom:16px;color:#4a4a4a;font-size:13px;line-height:1.33}.joinchat__optin a{display:inline;padding:0;color:inherit!important;text-decoration:underline}.joinchat__optin a:hover{text-decoration-thickness:2px}.joinchat__optin input{position:absolute;visibility:hidden}.joinchat__optin label{position:relative;display:block;margin:0;padding:0 0 0 30px;color:inherit;font:inherit;cursor:pointer}.joinchat__optin label:before{content:"";display:block;position:absolute;top:min(50% - 11px,5px);left:0;width:22px;height:22px;border:3px solid var(--color);border-radius:4px;background:#fff;box-shadow:0 0 0 1px var(--text);transition:box-shadow .3s ease-in-out}.joinchat--dark .joinchat__optin label:before{background:#000}.joinchat__optin label:after{content:"";display:none;position:absolute;top:min(50% - 8px,8px);left:8px;width:6px;height:14px;border:solid var(--text);border-width:0 3px 3px 0;transform:rotate(45deg)}[dir=rtl] .joinchat__optin label{padding:0 30px 0 0}[dir=rtl] .joinchat__optin label:before{left:auto;right:0}[dir=rtl] .joinchat__optin label:after{left:auto;right:8px}.joinchat__optin input:checked+label:before{box-shadow:0 0 0 1px var(--text),inset 0 0 0 10px var(--color)}.joinchat__optin input:checked+label:after{display:block}.joinchat--dark .joinchat__optin{color:#d8d8d8}.joinchat__chat{--peak_l:path("M17 25V0C17 12.877 6.082 14.9 1.031 15.91c-1.559.31-1.179 2.272.004 2.272C9.609 18.182 17 18.088 17 25z");--peak_r:path("M0 25.68V0c0 13.23 10.92 15.3 15.97 16.34 1.56.32 1.18 2.34 0 2.34-8.58 0-15.97-.1-15.97 7Z");--peak:var(--peak_l);display:flex;flex-direction:column;align-items:flex-start;padding-bottom:10px;transition:height .2s ease-out}[dir=rtl] .joinchat__chat{--peak:var(--peak_r)}.joinchat__bubble{flex-shrink:0;position:relative;min-width:60px;max-width:calc(100% - 52px);min-height:56px;padding:15px 20px;margin:0 26px 16px;border-radius:26px;background:#fff;color:#4a4a4a;word-break:break-word;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transform-origin:0 50%;animation:joinchat_show .22s cubic-bezier(0,0,.58,1.19) 10ms both}[dir=rtl] .joinchat__bubble{transform-origin:100% 50%}.joinchat__bubble:before{content:"";display:block;position:absolute;bottom:18px;left:-15px;width:17px;height:25px;background:inherit;clip-path:var(--peak)}[dir=rtl] .joinchat__bubble:before{left:auto;right:-15px}.joinchat--dark .joinchat__bubble{background:#505050;color:#d8d8d8}.joinchat__bubble.joinchat__bubble--loading{width:70px;border:none;background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate id='c' attributeName='cy' begin='0;a.end+0.1s' calcMode='spline' dur='0.4s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' begin='c.begin+0.1s' calcMode='spline' dur='0.4s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate id='a' attributeName='cy' begin='c.begin+0.2s' calcMode='spline' dur='0.4s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3C/svg%3E") 20px 20px no-repeat!important;transform-origin:50%!important;animation:joinchat_show .1s ease-out 10ms both}.joinchat--dark .joinchat__bubble.joinchat__bubble--loading{filter:invert(.5)}.joinchat__bubble.joinchat__bubble--note{min-height:0;padding:0;background:none!important;font-size:13px;line-height:1.33;filter:none;animation:none}.joinchat__bubble.joinchat__bubble--media{padding:5px}.joinchat__bubble.joinchat__bubble--loading:before,.joinchat__bubble.joinchat__bubble--note:before{content:none}.joinchat__bubble a{color:var(--msg)!important;font-size:1em;text-decoration:underline}.joinchat__bubble a:active,.joinchat__bubble a:hover{color:var(--hover)!important;border-color:var(--hover)}.joinchat__bubble a.joinchat__btn{display:inline-block;min-height:46px;max-width:100%;padding:10px 20px;margin:5px 0;border:3px solid var(--msg);border-radius:23px;line-height:20px;text-align:center;text-decoration:none!important;overflow:hidden;text-overflow:ellipsis}.joinchat__bubble a.joinchat__btn+.joinchat__bubble a.joinchat__btn{margin-top:-5px}.joinchat__bubble img,.joinchat__bubble video{max-width:100%;height:auto;margin:.2em 0;border-radius:4px;box-shadow:0 1px 5px rgb(0 0 0/10%)}.joinchat__bubble .joinchat--inline{display:inline-block;margin:-10px 0;border-radius:0;box-shadow:none;vertical-align:middle}.joinchat__bubble--media .joinchat--inline,.joinchat__bubble--media img,.joinchat__bubble--media video{display:block;margin:0;border-radius:21px;box-shadow:none}.joinchat__bubble code{padding:2px 5px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}.joinchat__bubble hr{width:100%!important;height:0!important;padding:0!important;border:none!important;border-top:2px solid var(--msg)!important;margin:10px 0!important}@keyframes joinchat_show{0%{transform:scale3d(0,0,0)}to{transform:scaleX(1)}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes joinchat_badge_out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes joinchat_send_svg{0%,50%,to{stroke-dashoffset:var(--stroke)}5%,45%{stroke-dashoffset:0}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleX(1)}25%,to{opacity:0;transform:scaleX(1)}}.joinchat__woo-btn__wrapper{clear:both}.joinchat__woo-btn{--s:40px;display:inline-block;box-sizing:border-box;height:var(--s);max-width:100%;padding:0 calc(var(--s)/2) 0 var(--s);background:#25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat;background-size:calc(var(--s)*0.6);color:#fff;border-radius:calc(var(--s)/2);font:700 normal calc(var(--s)*0.35)/var(--s) var(--joinchat-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:background-color .2s}.joinchat__woo-btn:empty{padding-right:0}.joinchat__woo-btn:hover{background-color:#128c7e}@media (orientation:landscape) and (height >= 481px),(orientation:portrait) and (width >= 481px){.joinchat--mobile{display:none!important}}@media (width <= 767px){.joinchat--footer-bar{--bottom:76px!important}}@media (orientation:landscape) and (height <= 480px),(width <= 480px){.joinchat{--sep:6px;--header:max(50px,var(--s)*0.9166667)}.joinchat__header__text{font-size:17px}.joinchat__close{--size:28px}.joinchat__bubble{max-width:calc(100% - 40px);padding:16px;margin:0 20px 10px;line-height:24px}}@media (hover:hover){.joinchat__button:hover .joinchat__tooltip{opacity:1;animation:none;transition:opacity .2s}.joinchat--btn .joinchat__button:hover~.joinchat__qr,.joinchat--chatbox:has(.joinchat__open:hover) .joinchat__qr{display:flex}}@media (prefers-color-scheme:dark){.joinchat--dark-auto{--msg:var(--dark)}.joinchat--dark-auto .joinchat__chatbox{background:#1a1a1a linear-gradient(180deg,var(--dark),var(--dark) var(--header),var(--bg) var(--header),var(--bg))}.joinchat--dark-auto .joinchat__content:after{background-color:#1a1a1a}.joinchat--dark-auto .joinchat__optin label:before{background:#000}.joinchat--dark-auto .joinchat__optin{color:#d8d8d8}.joinchat--dark-auto .joinchat__bubble{background:#505050;color:#d8d8d8}.joinchat--dark-auto .joinchat__bubble.joinchat__bubble--loading{filter:invert(.5)}}@media (prefers-reduced-motion){.joinchat,.joinchat__open__icon path{animation:none}.joinchat__open__icon .joinchat__pa{stroke-dasharray:0}.joinchat--chatbox.joinchat--opening .joinchat__open__text{animation:none}.joinchat__bubble{animation:none!important}}