@charset "UTF-8";
@charset "UTF-8";
[class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[class*=hint--]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}[class*=hint--]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label='']:after,[aria-label='']:before,[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--top-left:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--bottom-left:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--large:after,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}.ps-container{-ms-touch-action:auto;touch-action:auto;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps-container{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps-container{overflow:auto !important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:0px;height:15px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x{height:11px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:0;width:15px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;right:2px;width:6px}.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{width:11px}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}.ps-theme-wpc {
-ms-touch-action: none;
touch-action: none;
overflow: hidden !important;
-ms-overflow-style: none;
}
@supports (-ms-overflow-style: none) {
.ps-theme-wpc {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps-theme-wpc {
overflow: auto !important;
}
}
.ps-theme-wpc.ps-active-x > .ps-scrollbar-x-rail,
.ps-theme-wpc.ps-active-y > .ps-scrollbar-y-rail {
display: block;
background-color: transparent;
}
.ps-theme-wpc.ps-in-scrolling {
pointer-events: none;
}
.ps-theme-wpc.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: rgba(0, 0, 0, .1) !important;
}
.ps-theme-wpc.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: rgba(0, 0, 0, .1) !important;
}
.ps-theme-wpc.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-x-rail {
display: none;
position: absolute; opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
bottom: 0; height: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute; background-color: rgba(0, 0, 0, 1);
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
bottom: 0; height: 2px !important;
border-radius: 1px !important;
}
.ps-theme-wpc > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-theme-wpc > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
height: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-y-rail {
display: none;
position: absolute; opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
right: 0; width: 2px;
border-radius: 1px;
}
.ps-theme-wpc > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute; background-color: rgba(0, 0, 0, 1); transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
right: 0; width: 2px !important;
border-radius: 1px !important;
}
.ps-theme-wpc > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-theme-wpc > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover.ps-in-scrolling {
pointer-events: none;
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
height: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
width: 2px;
border-radius: 1px;
}
.ps-theme-wpc:hover > .ps-scrollbar-x-rail:hover {
background-color: rgba(0, 0, 0, .1);
opacity: 1;
}
.ps-theme-wpc:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
background-color: rgba(0, 0, 0, 1);
}
.ps-theme-wpc:hover > .ps-scrollbar-y-rail:hover {
background-color: rgba(0, 0, 0, .1);
opacity: 1;
}
.ps-theme-wpc:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color: rgba(0, 0, 0, 1);
}

@keyframes wpc-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes wpc-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes woosc-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes woosc-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.woosc-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 99999999;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-popup.open {
opacity: 1;
visibility: visible;
}
.woosc-popup.open .woosc-popup-inner .woosc-popup-content {
top: 50%;
}
.woosc-popup .woosc-popup-inner {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content {
position: absolute;
padding: 15px;
top: 60%;
left: 50%;
width: 360px;
height: 360px;
max-width: 90%;
max-height: 90%;
background-color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
transform: translate3d(-50%, -50%, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-popup.woosc-share .woosc-popup-inner .woosc-popup-content {
height: auto;
padding: 30px;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-popup-close {
width: 32px;
height: 32px;
line-height: 32px;
position: absolute;
top: -32px;
right: -32px;
color: #fff;
text-align: center;
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-compare/assets/images/close.svg);
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-input input {
display: block;
width: 100%;
border: none;
height: 40px;
line-height: 40px;
padding: 0 10px;
box-shadow: none;
color: #222;
background-color: #f2f2f2;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-appearance: none;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result {
flex-grow: 1;
margin-top: 15px;
overflow-y: auto;
position: relative;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul {
margin: 0;
padding: 0;
list-style: none;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li {
display: block;
padding: 10px 0;
border: 1px solid #fafafa;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner {
display: flex;
align-items: center;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-image {
width: 48px;
flex: 0 0 48px;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-image img {
width: 100%;
height: auto;
margin: 0;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: none;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-name {
flex-grow: 1;
padding: 0 10px;
color: #222;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-add {
width: 48px;
text-align: center;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-add span {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
color: #222;
background-color: #f2f2f2;
cursor: pointer;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result ul li .item-inner .item-add span:hover {
color: #fff;
background-color: #222;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 7;
background-color: rgba(255, 255, 255, 0.7);
opacity: 0;
visibility: hidden;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result:after {
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
content: "";
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-compare/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
-webkit-animation: woosc-spinner 1s linear infinite;
-moz-animation: woosc-spinner 1s linear infinite;
-ms-animation: woosc-spinner 1s linear infinite;
-o-animation: woosc-spinner 1s linear infinite;
animation: woosc-spinner 1s linear infinite;
opacity: 0;
visibility: hidden;
}
.woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result.woosc-loading:before, .woosc-popup .woosc-popup-inner .woosc-popup-content .woosc-popup-content-inner .woosc-search-result.woosc-loading:after {
opacity: 1;
visibility: visible;
}
.woosc-area {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999979;
box-sizing: border-box;
pointer-events: none;
}
.woosc-area .woosc-inner {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.woosc-area .woosc-inner .woosc-table {
padding: 15px 15px 78px 15px;
margin: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
background-color: #292a30;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-size: 14px;
position: fixed;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
z-index: 99999997;
pointer-events: none;
}
.woosc-area .woosc-inner .woosc-table * {
box-sizing: border-box;
}
.woosc-area .woosc-inner .woosc-table.woosc-table-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner {
background-color: #ffffff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
width: 100%;
height: 100%;
max-height: 100%;
overflow: hidden;
position: relative;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.7);
opacity: 0;
visibility: hidden;
z-index: 7;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner:after {
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
content: "";
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-compare/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
visibility: hidden;
z-index: 8;
-webkit-animation: woosc-spinner 1s linear infinite;
-moz-animation: woosc-spinner 1s linear infinite;
-ms-animation: woosc-spinner 1s linear infinite;
-o-animation: woosc-spinner 1s linear infinite;
animation: woosc-spinner 1s linear infinite;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner.woosc-loading:before, .woosc-area .woosc-inner .woosc-table .woosc-table-inner.woosc-loading:after {
opacity: 1;
visibility: visible;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-close {
z-index: 6;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-close .woosc-table-close-icon {
display: block;
position: relative;
width: 100%;
height: 100%;
min-width: 52px;
min-height: 52px;
background-color: #eeeeee;
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-compare/assets/images/remove-dark.svg);
background-repeat: no-repeat;
background-position: center;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items {
z-index: 5;
height: 100%;
position: relative;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items .woosc-no-result, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items .woosc-unauthenticated {
display: block;
padding: 15px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table {
border-spacing: 0;
border-collapse: collapse;
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0;
z-index: 6;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead {
z-index: 8;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr {
border: none;
margin: 0;
padding: 0;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th {
position: relative;
border-collapse: collapse;
z-index: 8 !important;
text-transform: uppercase;
padding: 15px 15px 15px 0;
margin: 0;
width: auto;
min-width: 200px;
max-width: 300px;
vertical-align: middle;
color: #43454b;
font-weight: 700;
text-align: left;
background-color: #f7f7f7;
border: none;
border-image-width: 0;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th .woosc-remove, .woosc-page .woosc-remove {
text-transform: none;
font-weight: 400;
text-decoration: underline;
cursor: pointer;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th:first-child {
padding-left: 15px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead tr th a {
text-decoration: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody {
z-index: 7;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr {
border: none;
margin: 0;
padding: 0;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td {
position: relative;
border-collapse: collapse;
background-color: #ffffff;
padding: 15px 15px 15px 0;
vertical-align: top;
text-align: left;
width: auto;
min-width: 200px;
max-width: 300px;
color: #43454b;
font-weight: 400;
border: none;
z-index: 6;
border-image-width: 0;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td:first-child {
z-index: 7;
padding-left: 15px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td.td-placeholder {
text-align: center;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td.td-placeholder:before {
content: "";
display: inline-block;
width: 60px;
height: 8px;
background-color: #eeeeee;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-image td.td-placeholder {
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-compare/assets/images/placeholder.png);
background-repeat: no-repeat;
background-position: center;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-image td.td-placeholder:before {
display: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-image a {
text-decoration: none;
outline: none;
display: block;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-image img {
display: block;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
border: none;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-add_to_cart td p, .woosc_table tbody tr.tr-add_to_cart td p, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-add_to_cart td .add_to_cart_inline, .woosc_table tbody tr.tr-add_to_cart td .add_to_cart_inline {
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-rating td .star-rating {
float: left;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr:nth-child(2n) td {
background-color: #fbfbfb;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-highlight td {
background-color: #fff8d9;
border-bottom: 1px solid #dfd7af;
}
.woosc-page .woosc_table tr.tr-highlight td {
background-color: #fff8d9;
border-bottom: 1px solid #dfd7af;
}
.woosc-page .woosc-table-settings {
display: none !important;
}
.woosc-page .woosc-remove-all {
font-weight: 400;
text-decoration: underline;
cursor: pointer;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-hide {
display: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr.tr-similar {
display: none;
}
.woosc-page .woosc_table tr.tr-hide, .woosc-page .woosc_table tr.tr-similar {
display: none;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr:hover td {
background-color: #f8f8f8;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.has-1 thead tr th, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.has-2 thead tr th {
width: 25%;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.has-1 tbody tr td, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table.has-2 tbody tr td {
width: 25%;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items .ps-scrollbar-x-rail, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items .ps-scrollbar-y-rail {
z-index: 999999;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-settings {
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-compare/assets/images/checkbox-dark.svg);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center left;
padding-left: 21px;
}
.woosc-area .woosc-inner .woosc-bar {
width: 100%;
height: 78px;
position: fixed;
left: 0;
bottom: -80px;
padding: 15px;
box-sizing: border-box;
background-color: #292a30;
color: #cfd2d4;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
flex-wrap: nowrap;
z-index: 99999998;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn {
height: 48px;
line-height: 48px;
padding: 0 20px 0 68px;
position: relative;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
background-color: #00a0d2;
font-size: 14px;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
order: 1;
margin-left: 15px;
cursor: pointer;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper {
width: 48px;
height: 48px;
line-height: 48px;
background-color: rgba(0, 0, 0, 0.1);
text-align: center;
display: inline-block;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner {
width: 16px;
height: 12px;
margin-top: 18px;
margin-left: 16px;
position: relative;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #ffffff;
border-radius: 2px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-ms-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(1) {
top: 0px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(2) {
top: 5px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(3) {
top: 10px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn.woosc-bar-btn-open .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(1) {
top: 6px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn.woosc-bar-btn-open .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(2) {
opacity: 0;
left: -60px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn.woosc-bar-btn-open .woosc-bar-btn-icon-wrapper .woosc-bar-btn-icon-inner span:nth-child(3) {
top: 6px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn.woosc-bar-btn-icon {
font-size: 0;
padding: 0;
width: 48px;
overflow: hidden;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-filter {
display: inline-block;
position: relative;
margin: 0 10px 0 0;
padding: 0 15px 0 40px;
height: 48px;
line-height: 48px;
background-color: rgba(255, 255, 255, 0.1);
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-compare/assets/images/filter.svg);
background-size: 14px;
background-repeat: no-repeat;
background-position: 15px center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-filter select {
font-size: 14px;
font-weight: 400;
height: 48px;
line-height: 48px;
padding: 0;
margin: 0;
border: none;
border-radius: 2px;
background: none;
color: #ffffff;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-search {
width: 48px;
height: 48px;
display: inline-block;
position: relative;
margin: 0 10px 0 0;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.1);
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-compare/assets/images/add.svg);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-settings-tools {
margin: 0 0 10px 0;
padding: 0;
list-style: none;
}
.woosc-settings-fields {
margin: 10px 0 0 0;
padding: 0;
list-style: none;
position: relative;
overflow-y: auto;
}
.woosc-settings-fields li span {
cursor: move;
margin-left: 5px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.woosc-bar-print, .woosc-bar-share, .woosc-bar-search, .woosc-bar-remove {
width: 48px;
flex: 0 0 48px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-print {
width: 48px;
height: 48px;
display: none;
position: relative;
margin: 0 10px 0 0;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.1);
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-compare/assets/images/printer.svg);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-area.woosc-area-open-table.woosc-area-open-bar .woosc-inner .woosc-bar .woosc-bar-print {
display: inline-block;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-share {
width: 48px;
height: 48px;
display: inline-block;
position: relative;
margin: 0 10px 0 0;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.1);
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-compare/assets/images/share.svg);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-share-content {
width: 100%;
height: 100%;
min-height: 120px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.woosc-share-content:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 7;
background-color: rgba(255, 255, 255, 0.7);
opacity: 0;
visibility: hidden;
}
.woosc-share-content:after {
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
content: "";
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-compare/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
-webkit-animation: woosc-spinner 1s linear infinite;
-moz-animation: woosc-spinner 1s linear infinite;
-ms-animation: woosc-spinner 1s linear infinite;
-o-animation: woosc-spinner 1s linear infinite;
animation: woosc-spinner 1s linear infinite;
opacity: 0;
visibility: hidden;
}
.woosc-share-content.woosc-loading {
pointer-events: none;
}
.woosc-share-content.woosc-loading:before, .woosc-share-content.woosc-loading:after {
opacity: 1;
visibility: visible;
}
.woosc-share-content input[type=url] {
width: 100%;
text-align: center;
}
.woosc-share-text, .woosc-share-link, .woosc-share-links {
width: 100%;
}
.woosc-share-link, .woosc-share-links {
margin-top: 10px;
}
.woosc-share-links a {
margin-left: 5px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-remove {
width: 48px;
height: 48px;
display: inline-block;
position: relative;
margin: 0 0 0 10px;
cursor: pointer;
background-color: #e32718;
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-compare/assets/images/trash.svg);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items {
height: 48px;
flex-grow: 1;
white-space: nowrap;
width: auto;
text-align: right;
order: 0;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item {
width: 48px;
height: 48px;
display: inline-block;
position: relative;
margin: 0 5px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item.woosc-bar-item-hidden {
pointer-events: none;
opacity: 0.2;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item.woosc-bar-item-hidden img {
filter: grayscale(1);
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item img {
width: 48px;
height: 48px;
cursor: move;
margin: 0;
z-index: 6;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item .woosc-bar-item-remove {
width: 12px;
height: 12px;
position: absolute;
top: 2px;
right: 2px;
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-compare/assets/images/remove.svg);
background-repeat: no-repeat;
background-position: center;
background-color: #292a30;
z-index: 7;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
cursor: pointer;
opacity: 0;
visibility: hidden;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item .woosc-bar-item-remove:hover {
background-color: #ff2222;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item.removing {
opacity: 0.5;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item:hover .woosc-bar-item-remove {
opacity: 1;
visibility: visible;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item:first-child {
margin-left: 0px;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item:last-child {
margin-right: 0px;
}
.woosc-area .woosc-inner .woosc-bar.woosc-bar-open {
bottom: 0;
pointer-events: auto;
opacity: 1;
visibility: visible;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-notice {
position: fixed;
bottom: 88px;
width: auto;
left: 50%;
padding: 0 10px;
background-color: rgba(0, 0, 0, 0.7);
color: #ffffff;
border-radius: 2px;
transform: translate(-50%, 10px);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-area.woosc-area-open-bar.woosc-bar-click-outside-yes:not(.woosc-area-open-table) .woosc-inner .woosc-bar:hover .woosc-bar-notice,
.woosc-area.woosc-area-open-bar.woosc-bar-click-outside-yes-empty[data-count="0"]:not(.woosc-area-open-table) .woosc-inner .woosc-bar:hover .woosc-bar-notice {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0);
}
.woosc-area .woosc-inner .woosc-bar[data-count="0"] .woosc-bar-search {
margin-right: 0;
}
.woosc-area .woosc-inner .woosc-bar[data-count="0"] .woosc-bar-filter, .woosc-area .woosc-inner .woosc-bar[data-count="0"] .woosc-bar-remove, .woosc-area .woosc-inner .woosc-bar[data-count="1"] .woosc-bar-remove {
display: none;
}
.woosc-area.woosc-bar-top .woosc-inner .woosc-table {
padding: 78px 15px 15px 15px;
}
.woosc-area.woosc-bar-top .woosc-inner .woosc-bar {
top: -80px;
bottom: auto;
}
.woosc-area.woosc-bar-top .woosc-inner .woosc-bar.woosc-bar-open {
top: 0;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar .woosc-bar-btn {
order: 0;
margin-left: 0;
margin-right: 15px;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar .woosc-bar-remove {
order: 1;
margin: 0 10px 0 0;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar .woosc-bar-items {
order: 2;
text-align: left;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar .woosc-bar-search {
order: 3;
margin: 0 0 0 10px;
}
.woosc-area.woosc-bar-left .woosc-inner .woosc-bar .woosc-bar-share {
order: 4;
margin: 0 0 0 10px;
}
.woosc-btn {
cursor: pointer;
}
.woosc-btn.woosc-btn-adding:after {
content: "...";
}
.woosc-btn.woosc-btn-has-icon.woosc-btn-adding:after {
display: none !important;
}
.woosc-btn.woosc-btn-added:before {
content: "✓";
margin-right: 5px;
}
.woosc-btn.woosc-btn-has-icon.woosc-btn-added:before {
display: none !important;
}
.woosc-btn-has-icon {
display: inline-flex;
align-items: center;
}
.woosc-btn-has-icon .woosc-btn-icon {
margin: 0;
}
.woosc-btn-icon-text .woosc-btn-text {
margin-left: 5px;
}
.woosc-btn-text-icon .woosc-btn-text {
margin-right: 5px;
}
.woosc-btn-has-icon.woosc-btn-adding .woosc-btn-icon {
-webkit-animation: woosc-spinner 1s linear infinite;
-moz-animation: woosc-spinner 1s linear infinite;
-ms-animation: woosc-spinner 1s linear infinite;
-o-animation: woosc-spinner 1s linear infinite;
animation: woosc-spinner 1s linear infinite;
}
.woosc-link a {
color: inherit;
}
.woosc-link .woosc-link-inner {
position: relative;
}
.woosc-link .woosc-link-inner:after {
content: attr(data-count);
display: block;
background-color: #e94b35;
color: #fff;
font-size: 10px;
font-weight: 400;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 8px;
position: absolute;
top: -10px;
right: -10px;
}
.woosc-menu-item .woosc-menu-item-inner {
position: relative;
}
.woosc-menu-item .woosc-menu-item-inner:after {
content: attr(data-count);
display: block;
background-color: #e94b35;
color: #ffffff;
font-size: 10px;
font-weight: 400;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 8px;
position: absolute;
top: -10px;
right: -10px;
}
body.woocommerce-cart .woosc-hide-checkout, body.woocommerce-checkout .woosc-hide-checkout, .woosc-hide-empty[data-count="0"] {
display: none;
}
.woosc_list {
max-width: 100%;
overflow-x: auto;
}
.woosc_table table tr th, .woosc_table table tr td {
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
}
@media screen and (max-width: 767px) {
.woosc-bar .woosc-bar-btn {
font-size: 0 !important;
padding: 0 !important;
width: 48px !important;
flex: 0 0 48px !important;
overflow: hidden;
}
.woosc-area .woosc-inner .woosc-bar .woosc-bar-items .woosc-bar-item .woosc-bar-item-remove {
opacity: 1;
visibility: visible;
}
}
.woosc-area .woosc-inner .woosc-bar.woosc-bar-bubble {
background-color: transparent !important;
background: none !important;
pointer-events: none;
}
.woosc-area .woosc-inner .woosc-bar.woosc-bar-bubble > a, .woosc-area .woosc-inner .woosc-bar.woosc-bar-bubble .woosc-bar-items, .woosc-area .woosc-inner .woosc-bar.woosc-bar-bubble .woosc-bar-remove {
display: none !important;
}
.woosc-area .woosc-inner .woosc-bar.woosc-bar-bubble .woosc-bar-btn {
pointer-events: auto;
width: 48px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px;
} .notiny-container {
z-index: 999999;
}
.notiny-theme-woosc {
padding: 10px;
background-color: #ffffff;
color: #222222;
margin: 5px 0;
min-height: 32px;
max-width: 100vw;
display: flex;
align-items: center;
border: 1px solid #eeeeee;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.03);
}
.notiny-theme-woosc .notiny-img {
margin: 0;
padding: 0;
width: 48px;
flex: 0 0 48px;
margin-right: 10px;
}
.notiny-theme-woosc .notiny-img img {
width: 100%;
height: auto;
margin: 0;
}
.notiny-theme-woosc .notiny-text {
font-size: 14px;
line-height: 1.4;
flex-grow: 1;
}
.notiny-container-fluid-top .notiny-theme-woosc, .notiny-container-fluid-bottom .notiny-theme-woosc {
width: 90%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.notiny-container-fluid-top {
top: 10px !important;
}
.notiny-container-fluid-bottom {
bottom: 10px !important;
} .woosc-area-open-sidebar {
background-color: rgba(0, 0, 0, 0.7);
pointer-events: auto;
}
.woosc-sidebar {
font-size: 14px;
background-color: #ffffff;
width: 100%;
height: 100%;
max-width: 460px;
box-sizing: border-box;
text-align: start;
position: absolute;
top: 0;
right: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
display: flex;
flex-direction: column;
}
.woosc-sidebar.woosc-sidebar-position-left {
right: unset;
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.woosc-area-open-sidebar .woosc-sidebar {
pointer-events: auto;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.woosc-sidebar .woosc-sidebar-items {
flex-grow: 1;
position: relative;
padding: 10px 0;
overflow-y: auto;
}
.woosc-sidebar .woosc-sidebar-items:before {
content: "";
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-compare/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
-webkit-animation: woosc-spinner 1s linear infinite;
-moz-animation: woosc-spinner 1s linear infinite;
-ms-animation: woosc-spinner 1s linear infinite;
-o-animation: woosc-spinner 1s linear infinite;
animation: woosc-spinner 1s linear infinite;
opacity: 0;
visibility: hidden;
}
.woosc-sidebar .woosc-sidebar-items:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 7;
background-color: rgba(255, 255, 255, 0.5);
opacity: 0;
visibility: hidden;
}
.woosc-sidebar.woosc-loading .woosc-sidebar-items:before, .woosc-sidebar.woosc-loading .woosc-sidebar-items:after {
opacity: 1;
visibility: visible;
}
.woosc-sidebar .woosc-sidebar-items .woosc-sidebar-no-items {
padding: 20px;
text-align: center;
}
.woosc-sidebar .woosc-sidebar-top {
flex: 0 0 auto;
height: 48px;
line-height: 48px;
padding: 0 60px 0 20px;
margin: 0;
position: relative;
color: #222222;
font-weight: 700;
text-transform: uppercase;
background-color: rgba(0, 0, 0, 0.1);
}
.woosc-sidebar .woosc-sidebar-close {
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
font-size: 0;
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-compare/assets/images/close-dark.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
}
.woosc-sidebar-item {
padding: 0 20px;
}
.woosc-sidebar-item-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
border-top: 1px dashed #eeeeee;
}
.woosc-sidebar-items .woosc-sidebar-item:first-child .woosc-sidebar-item-inner {
border-top: none;
}
.woosc-sidebar-item-inner > div {
margin-right: 10px;
}
.woosc-sidebar-item-inner > div:last-child {
margin-right: 0;
}
.woosc-sidebar-item .woosc-sidebar-item-remove {
width: 14px;
flex: 0 0 14px;
font-size: 0;
}
.woosc-sidebar-item .woosc-sidebar-item-remove span {
width: 10px;
height: 10px;
display: inline-block;
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-compare/assets/images/remove-dark.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 10px;
cursor: pointer;
}
.woosc-sidebar-item .woosc-sidebar-item-thumb {
width: 80px;
flex: 0 0 80px;
}
.woosc-sidebar-item .woosc-sidebar-item-thumb img {
width: 100%;
height: auto;
margin: 0;
}
.woosc-sidebar-item .woosc-sidebar-item-info {
flex-grow: 1;
}
.woosc-sidebar-item .woosc-sidebar-item-info .woosc-sidebar-item-name, .woosc-sidebar-item .woosc-sidebar-item-info .woosc-sidebar-item-name a {
font-weight: 700;
text-decoration: none;
}
.woosc-sidebar-item-action p {
margin: 0 !important;
}
.woosc-sidebar-bot {
padding: 20px;
text-align: center;
}
.woosc-sidebar-btn {
height: 40px;
line-height: 40px;
text-align: center;
padding: 0 10px;
cursor: pointer;
box-sizing: border-box;
background-color: #00a0d2;
color: #ffffff;
font-size: 14px;
font-weight: 700;
border: none;
text-decoration: none;
display: inline-block;
width: 100%;
text-transform: uppercase;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosc-sidebar-continue {
display: block;
margin-top: 10px;
}
.woosc-sidebar-continue span {
color: #444;
text-transform: uppercase;
border-bottom: 1px solid #444;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
} .woosc-quick-table .woosc-quick-table-products {
width: 100%;
overflow-x: auto;
}
.woosc-quick-table .woosc_table thead .woosc-remove, .woosc-quick-table .woosc_table thead .woosc-table-settings {
display: none;
}
.woosc-quick-table .woosc_table th, .woosc-quick-table .woosc_table td {
min-width: 300px;
background-color: #ffffff;
}
.woosc-quick-table .woosc_table th.th-label, .woosc-quick-table .woosc_table td.td-label {
min-width: 160px;
}
.woosc-quick-table .woosc_table th, .woosc-quick-table .woosc_table tr:nth-child(2n) td {
background-color: #fbfbfb;
}
.woosc-quick-table.label-column-no .woosc_table .th-label, .woosc-quick-table.label-column-no .woosc_table .td-label {
display: none;
}
.woosc-area.woosc-need-login .woosc-bar .woosc-bar-print, .woosc-area.woosc-need-login .woosc-bar .woosc-bar-share, .woosc-area.woosc-need-login .woosc-bar .woosc-bar-search, .woosc-area.woosc-need-login .woosc-bar .woosc-bar-items {
pointer-events: none !important;
opacity: 0.5 !important;
} .woosc-print, .woosc-area .table-print, .woosc-area .tr-print, .woosc-area .td-print, .woosc_table .tr-print, .woosc_table .td-print {
display: none;
}
@media print {
.woosc-print {
display: block;
}
div.woosc-print {
display: block;
}
span.woosc-print {
display: inline-block;
}
.woosc-area .table-print {
display: table;
}
.woosc-area .tr-print {
display: table-row;
}
.woosc-area .td-print {
display: table-cell;
}
.woosc-area {
font-size: 14px !important;
}
.woosc-area .woosc-bar, .woosc_table thead, .woosc_table .woosc-table-close, .woosc_table .woosc-remove {
display: none !important;
}
.woosc-area .woosc-inner .woosc-table {
padding: 0;
}
.woosc-area {
position: absolute;
height: auto;
}
.woosc-area .woosc-inner {
height: auto;
}
.woosc-area .woosc-inner .woosc-table {
position: absolute;
height: auto;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner {
height: auto;
max-height: unset;
}
.woosc-area .tr-name td:not(.td-label), .woosc-area .tr-name td:not(.td-label) a {
font-weight: 700;
text-transform: uppercase;
pointer-events: none;
text-decoration: none;
}
.woosc_table .tr-add_to_cart {
display: none;
}
}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}@font-face {
font-family: 'feather';
src: url(//www.strongboxit.com/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.eot);
src: url(//www.strongboxit.com/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.eot#iefix) format('embedded-opentype'),
url(//www.strongboxit.com/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.ttf) format('truetype'),
url(//www.strongboxit.com/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.woff) format('woff'),
url(//www.strongboxit.com/wp-content/plugins/woo-smart-quick-view/assets/libs/feather/fonts/feather.svg#feather) format('svg');
font-weight: normal;
font-style: normal;
}@keyframes wpc-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes wpc-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes woosq-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes woosq-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.woosq-btn-has-icon {
display: inline-flex;
align-items: center;
}
.woosq-btn-has-icon .woosq-btn-icon {
margin: 0;
}
.woosq-btn-icon-text .woosq-btn-text {
margin-left: 5px;
}
.woosq-btn-text-icon .woosq-btn-text {
margin-right: 5px;
}
.woosq-popup {
position: relative;
width: 90%;
max-width: 920px;
margin: 0 auto;
padding: 0;
background-color: #fff;
max-height: 460px;
box-sizing: border-box;
overflow: hidden;
}
.woosq-popup *, .woosq-sidebar * {
box-sizing: border-box;
}
.woosq-open .select2-container {
z-index: 99999969;
}
.woosq-product {
position: relative;
overflow: hidden;
}
.woosq-product > .product {
display: flex !important;
float: none !important;
}
.woosq-product > .product > div {
width: 50% !important;
float: none !important;
margin: 0 !important;
height: 460px;
overflow: auto;
}
.woosq-product .thumbnails {
outline: none;
width: 460px;
max-height: 460px;
text-align: center;
position: relative;
background-color: #f9f9f9;
}
.woosq-product .thumbnails .images {
width: 100% !important;
height: 100% !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
}
.woosq-product .thumbnails .thumbnail {
display: flex;
height: 100%;
justify-content: center;
}
.woosq-product .thumbnails img {
display: block;
object-fit: contain;
object-position: center;
vertical-align: middle;
max-height: 460px;
max-width: 100%;
margin: auto;
border-radius: 0;
}
.woosq-product .thumbnails img[data-fancybox="gallery"] {
cursor: pointer;
}
.woosq-open .fancybox-container {
z-index: 99999970;
}
.woosq-product .thumbnails {
position: relative;
margin: 0 0 0 0;
}
.woosq-product .thumbnails .slick-slide {
outline: none;
max-height: 100%;
}
.woosq-product .thumbnails .slick-list {
display: flex;
width: 100%;
height: 100%;
max-height: 100%;
position: relative;
}
.woosq-product .thumbnails .slick-track {
display: flex;
align-items: center;
max-height: 460px;
}
.woosq-product .thumbnails .slick-dots {
margin: 0;
padding: 0;
display: block;
width: 100%;
text-align: center;
position: absolute;
left: 0;
bottom: 10px;
z-index: 8;
}
.woosq-product .thumbnails .slick-dots li {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
cursor: pointer;
}
.woosq-product .thumbnails .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 16px;
height: 16px;
padding: 5px;
margin: 0;
text-align: center;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
opacity: .5;
}
.woosq-product .thumbnails .slick-dots li.slick-active button {
opacity: 1;
}
.woosq-product .thumbnails .slick-dots li button:before {
content: '';
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #000000;
}
.woosq-product .thumbnails .slick-dots li button:focus {
outline: none;
}
.woosq-product .thumbnails .slick-arrow {
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
padding: 0 0 0 0;
margin: 0 0 0 0;
overflow: hidden;
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 0;
color: #222;
background-color: transparent;
border-radius: 0;
border: none !important;
z-index: 8;
}
.woosq-product .thumbnails .slick-arrow:hover {
color: #fff;
background-color: rgba(0, 0, 0, .5);
}
.woosq-product .thumbnails .slick-arrow:before {
font-family: "feather";
font-size: 24px;
line-height: 44px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.woosq-product .thumbnails .slick-arrow:focus {
outline: none;
}
.woosq-product .thumbnails .slick-arrow.slick-prev {
left: 0;
}
.woosq-product .thumbnails .slick-arrow.slick-prev:before {
content: '\e929';
}
.woosq-product .thumbnails .slick-arrow.slick-next {
right: 0;
}
.woosq-product .thumbnails .slick-arrow.slick-next:before {
content: '\e92a';
}
.woosq-product > .product .summary {
margin: 0;
padding: 0;
background-color: #fff;
}
.woosq-related {
padding-top: 20px;
padding-bottom: 0;
margin-top: 10px;
margin-bottom: 0;
border-width: 1px 0 0 0;
border-style: dashed;
border-color: #dddddd;
}
.woosq-related .woosq-related-heading {
margin-bottom: 10px;
}
.woosq-related .woosq-related-product {
outline: none;
display: flex;
align-items: center;
}
.woosq-related .woosq-related-product .woosq-related-product-image {
width: 80px;
flex: 0 0 80px;
margin: 0;
}
.woosq-related .woosq-related-product .woosq-related-product-image img {
width: 100%;
height: auto;
}
.woosq-related .woosq-related-product .woosq-related-product-info {
flex-grow: 1;
padding: 0 10px;
text-align: start;
}
.woosq-related .woosq-related-product .woosq-related-product-name {
font-weight: 700;
}
.woosq-related .woosq-related-product .woosq-related-product-atc p, .woosq-related .woosq-related-product .woosq-related-product-atc .add_to_cart_inline {
margin: 0;
padding: 0;
border: none;
display: inline-block;
width: 100%;
}
.woosq-related .woosq-related-product .woosq-related-product-atc p .button {
display: block;
margin: 0;
outline: none;
}
.woosq-related .slick-dots {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
}
.woosq-related .slick-dots li {
display: inline-block;
margin: 0 5px;
font-size: 0;
}
.woosq-related .slick-dots li button {
width: 8px;
height: 8px;
border-radius: 50%;
padding: 0;
font-size: 0;
line-height: 0;
background-color: rgba(0, 0, 0, .2);
border: none;
outline: none;
overflow: hidden;
}
.woosq-related .slick-dots li.slick-active button {
background-color: rgba(0, 0, 0, .5);
}
.view-details-btn {
width: 50%;
height: 44px;
line-height: 44px;
overflow: hidden;
position: absolute;
left: auto;
right: 0;
bottom: 0;
background-color: #222;
box-shadow: 10px -20px 20px #fff;
color: #fff;
text-align: center;
outline: none;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.view-details-btn:after {
content: '\e90f';
font-family: "feather";
margin-left: 10px;
}
.view-details-btn:hover {
background-color: #5fbd74;
}
.woosq-product > .product .summary .summary-content {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
position: relative;
padding: 20px;
}
.woosq-popup.view-details .woosq-product > .product .summary .summary-content {
padding-bottom: 64px;
} body.rtl .mfp-woosq .mfp-close {
right: auto !important;
left: 0 !important;
} @media screen and (max-width: 1023px) {
.woosq-popup {
max-width: 460px;
max-height: 90vh;
overflow: hidden;
display: flex;
flex-direction: column;
}
.woosq-product {
height: 100%;
flex-grow: 1;
position: relative;
overflow-y: auto;
}
.woosq-product > .product {
display: flex;
flex-direction: column;
}
.woosq-product > .product > div {
width: 100% !important;
float: none !important;
margin: 0 !important;
height: auto;
}
.woosq-product > .product .thumbnails {
max-height: 338px;
}
.woosq-product .thumbnails img {
max-height: 338px;
margin: 0;
}
.woosq-product .thumbnails .slick-track {
max-height: 338px;
}
.view-details-btn {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.mfp-woosq .mfp-arrow {
display: none;
}
} .mfp-woosq {
z-index: 99999969;
overflow: auto;
}
.mfp-woosq .mfp-content {
text-align: -webkit-auto;
}
.mfp-woosq .mfp-container {
padding: 0;
}
.mfp-woosq .mfp-close {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 0;
}
.mfp-woosq .mfp-close:hover {
background-color: transparent;
}
.mfp-woosq .mfp-close:active {
top: 0;
}
.mfp-woosq .mfp-close:focus {
outline: none;
}
.mfp-woosq .mfp-close:before {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
content: '\e9ea';
font-family: "feather";
display: inline-block;
font-size: 24px;
color: #222;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mfp-woosq .mfp-preloader {
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
font-size: 0;
margin: 0 auto;
margin-top: -15px;
margin-left: -15px;
right: auto;
bottom: auto;
}
.mfp-woosq .mfp-preloader:before {
content: '\e9a7';
font-family: "feather";
display: inline-block;
font-size: 24px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
-webkit-animation: woosq-spinner 1s linear infinite;
-moz-animation: woosq-spinner 1s linear infinite;
-ms-animation: woosq-spinner 1s linear infinite;
-o-animation: woosq-spinner 1s linear infinite;
animation: woosq-spinner 1s linear infinite;
}
.mfp-woosq .mfp-arrow {
width: 60px;
height: 60px;
line-height: 60px;
border: none;
padding: 0;
outline: none;
text-align: center;
margin-top: -30px;
border-radius: 0;
opacity: 1;
}
.mfp-woosq .mfp-arrow:active {
margin-top: -30px;
}
.mfp-woosq .mfp-arrow:hover {
background-color: rgba(0, 0, 0, .5);
}
.mfp-woosq .mfp-arrow:focus {
outline: none;
}
.mfp-woosq .mfp-arrow:before {
width: 60px;
height: 60px;
line-height: 60px;
padding: 0;
border-width: 0;
margin: 0;
display: inline-block;
font-family: "feather";
font-size: 24px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
}
.mfp-woosq .mfp-arrow:after {
display: none;
}
.mfp-woosq .mfp-arrow.mfp-arrow-left:before {
content: '\e90e';
}
.mfp-woosq .mfp-arrow.mfp-arrow-right:before {
content: '\e90f';
} .mfp-fade {   }
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
} .mfp-zoom-in {   }
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-newspaper {   }
.mfp-newspaper .mfp-with-anim {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.5s;
transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
transform: scale(0) rotate(500deg);
opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-move-horizontal {   }
.mfp-move-horizontal .mfp-with-anim {
opacity: 0;
transition: all 0.3s;
transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
opacity: 0;
transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
transform: translateX(50px);
opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-move-from-top {   }
.mfp-move-from-top .mfp-content {
}
.mfp-move-from-top .mfp-with-anim {
opacity: 0;
transition: all 0.2s;
transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
opacity: 0;
transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
transform: translateY(-50px);
opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-3d-unfold {   }
.mfp-3d-unfold .mfp-content {
perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform-style: preserve-3d;
transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
opacity: 1;
transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
transform: rotateY(60deg);
opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-zoom-out {   }
.mfp-zoom-out .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
transform: scale(1.3);
opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-slide-bottom {   }
.mfp-slide-bottom .mfp-with-anim {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
transform: translateY(-20px) perspective(600px) rotateX(10deg);
} .mfp-slide-bottom.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
-moz-transform: translateY(0) perspective(600px) rotateX(0);
-ms-transform: translateY(0) perspective(600px) rotateX(0);
-o-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
} .mfp-slide-bottom.mfp-removing .mfp-with-anim {
opacity: 0;
-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
transform: translateY(-10px) perspective(600px) rotateX(10deg);
} .mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
} .mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
} .mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
} .woosq-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
z-index: 99999968;
opacity: 0;
visibility: hidden;
}
.woosq-sidebar {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 14px;
padding: 0;
height: 100%;
max-height: 100%;
background-color: #ffffff;
z-index: 99999969;
position: fixed;
display: flex;
flex-direction: column;
opacity: 0;
visibility: hidden;
}
.woosq-sidebar .woosq-close {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 0;
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-quick-view/assets/images/close.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
text-align: center;
position: absolute;
top: 0;
left: -40px;
z-index: 9;
cursor: pointer;
}
body.woosq-open .woosq-overlay, body.woosq-open .woosq-sidebar {
opacity: 1;
visibility: visible;
}
.woosq-sidebar .woosq-product {
flex-grow: 1;
overflow-x: hidden;
overflow-y: auto;
}
.woosq-sidebar .woosq-product > .product {
display: flex;
flex-direction: column;
}
.woosq-sidebar .woosq-product > .product > div {
width: 100% !important;
float: none !important;
margin: 0 !important;
height: auto;
}
.woosq-sidebar .view-details-btn {
width: 100%;
position: relative;
box-shadow: none;
padding: 14px 20px;
line-height: 1;
height: auto;
}
.woosq-sidebar.woosq-loading:before {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, .5);
position: absolute;
top: 0;
left: 0;
z-index: 8;
}
.woosq-sidebar.woosq-loading:after {
width: 32px;
height: 32px;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
content: '';
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-quick-view/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
-webkit-animation: woosq-spinner 1s linear infinite;
-moz-animation: woosq-spinner 1s linear infinite;
-ms-animation: woosq-spinner 1s linear infinite;
-o-animation: woosq-spinner 1s linear infinite;
animation: woosq-spinner 1s linear infinite;
z-index: 9;
} .woosq-sidebar.woosq-position-01 {
position: fixed;
top: 0;
left: 100%;
width: 100%;
max-width: 460px;
box-sizing: border-box;
text-align: start;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosq-open .woosq-sidebar.woosq-position-01 {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
} .woosq-sidebar.woosq-position-02 {
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: 460px;
box-sizing: border-box;
text-align: start;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.woosq-sidebar.woosq-position-02 .woosq-close {
left: unset;
right: -40px;
}
.woosq-open .woosq-sidebar.woosq-position-02 {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.woosq-sidebar.woosq-heading-yes {
display: flex;
flex-direction: column;
}
.woosq-sidebar.woosq-heading-yes .woosq-sidebar-heading {
flex: 0 0 auto;
height: 48px;
line-height: 48px;
padding: 0 60px 0 20px;
margin: 0;
position: relative;
color: #222222;
font-weight: 700;
text-transform: uppercase;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
overflow: hidden;
background-color: rgba(0, 0, 0, .1);
}
.woosq-sidebar.woosq-heading-yes .woosq-sidebar-heading .woosq-close {
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
position: absolute;
left: unset;
top: 0;
right: 0;
cursor: pointer;
font-size: 0;
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-quick-view/assets/images/close-dark.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
}
.woosq-sidebar.woosq-heading-yes .woosq-product .thumbnails {
padding: 20px 20px 0 20px;
background-color: transparent;
}
@media screen and (max-width: 1023px) {
.woosq-sidebar .woosq-close {
left: unset !important;
right: 0 !important;
background-color: rgba(255, 255, 255, .5);
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-quick-view/assets/images/close-dark.svg);
}
}@font-face {
font-family: 'woosw';
src: url(//www.strongboxit.com/wp-content/plugins/woo-smart-wishlist/assets/fonts/woosw.eot?vv2087);
src: url(//www.strongboxit.com/wp-content/plugins/woo-smart-wishlist/assets/fonts/woosw.eot?vv2087#iefix) format('embedded-opentype'),
url(//www.strongboxit.com/wp-content/plugins/woo-smart-wishlist/assets/fonts/woosw.ttf?vv2087) format('truetype'),
url(//www.strongboxit.com/wp-content/plugins/woo-smart-wishlist/assets/fonts/woosw.woff?vv2087) format('woff'),
url(//www.strongboxit.com/wp-content/plugins/woo-smart-wishlist/assets/fonts/woosw.svg?vv2087#woosw) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="woosw-icon-"], [class*=" woosw-icon-"] { font-family: 'woosw' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.woosw-icon-20:before {
content: "\e900";
}
.woosw-icon-21:before {
content: "\e901";
}
.woosw-icon-22:before {
content: "\e902";
}
.woosw-icon-16:before {
content: "\e903";
}
.woosw-icon-17:before {
content: "\e904";
}
.woosw-icon-18:before {
content: "\e905";
}
.woosw-icon-19:before {
content: "\e906";
}
.woosw-icon-23:before {
content: "\e907";
}
.woosw-icon-24:before {
content: "\e908";
}
.woosw-icon-25:before {
content: "\f004";
}
.woosw-icon-26:before {
content: "\f005";
}
.woosw-icon-27:before {
content: "\f006";
}
.woosw-icon-28:before {
content: "\f08a";
}
.woosw-icon-29:before {
content: "\f110";
}
.woosw-icon-11:before {
content: "\e909";
}
.woosw-icon-10:before {
content: "\e90a";
}
.woosw-icon-9:before {
content: "\e90b";
}
.woosw-icon-8:before {
content: "\e90c";
}
.woosw-icon-5:before {
content: "\e90d";
}
.woosw-icon-6:before {
content: "\e90e";
}
.woosw-icon-12:before {
content: "\e90f";
}
.woosw-icon-42:before {
content: "\e919";
}
.woosw-icon-2:before {
content: "\e910";
}
.woosw-icon-43:before {
content: "\e91a";
}
.woosw-icon-15:before {
content: "\e911";
}
.woosw-icon-44:before {
content: "\e91b";
}
.woosw-icon-7:before {
content: "\e912";
}
.woosw-icon-4:before {
content: "\e913";
}
.woosw-icon-13:before {
content: "\e914";
}
.woosw-icon-14:before {
content: "\e915";
}
.woosw-icon-46:before {
content: "\e91c";
}
.woosw-icon-3:before {
content: "\e916";
}
.woosw-icon-45:before {
content: "\e91d";
}
.woosw-icon-1:before {
content: "\e918";
}
.woosw-icon-41:before {
content: "\e917";
}
.woosw-icon-30:before {
content: "\e97a";
}
.woosw-icon-31:before {
content: "\e97b";
}
.woosw-icon-32:before {
content: "\e97c";
}
.woosw-icon-33:before {
content: "\e97f";
}
.woosw-icon-35:before {
content: "\e981";
}
.woosw-icon-36:before {
content: "\e982";
}
.woosw-icon-37:before {
content: "\e983";
}
.woosw-icon-38:before {
content: "\e9d7";
}
.woosw-icon-34:before {
content: "\e9d9";
}
.woosw-icon-39:before {
content: "\e9da";
}
.woosw-icon-40:before {
content: "\ea2e";
}

@keyframes wpc-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes wpc-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes woosw-spinner {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes woosw-spinner {
to {
-webkit-transform: rotate(360deg);
}
}
.woosw-btn.woosw-added:before {
content: "✓";
margin-right: 5px;
}
.woosw-btn.woosw-btn-has-icon.woosw-added:before {
display: none;
}
.woosw-btn.woosw-adding:after {
content: "..." !important;
display: inline-block !important;
}
.woosw-btn.woosw-btn-has-icon.woosw-adding:after {
display: none !important;
}
.woosw-btn-has-icon {
display: inline-flex;
align-items: center;
}
.woosw-btn-has-icon .woosw-btn-icon {
margin: 0;
}
.woosw-btn-icon-text .woosw-btn-text {
margin-left: 5px;
}
.woosw-btn-text-icon .woosw-btn-text {
margin-right: 5px;
}
.woosw-btn-has-icon.woosw-adding .woosw-btn-icon {
-webkit-animation: woosw-spinner 1s linear infinite;
-moz-animation: woosw-spinner 1s linear infinite;
-ms-animation: woosw-spinner 1s linear infinite;
-o-animation: woosw-spinner 1s linear infinite;
animation: woosw-spinner 1s linear infinite;
}
.woosw-view-wishlist {
font-weight: 700;
cursor: pointer;
}
.woosw-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999989;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
font-size: 14px;
visibility: hidden;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
box-sizing: border-box;
}
.woosw-popup * {
box-sizing: border-box;
}
.woosw-popup table {
margin: 0;
}
.woosw-popup .woosw-popup-content-mid:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 7;
background-color: rgba(255, 255, 255, 0.7);
opacity: 0;
visibility: hidden;
}
.woosw-popup .woosw-popup-content-mid:after {
width: 32px;
height: 32px;
display: block;
margin-top: -16px;
margin-left: -16px;
content: "";
background-image: url(//www.strongboxit.com/wp-content/plugins/woo-smart-wishlist/assets/images/curve.svg);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
-webkit-animation: woosw-spinner 1s linear infinite;
-moz-animation: woosw-spinner 1s linear infinite;
-ms-animation: woosw-spinner 1s linear infinite;
-o-animation: woosw-spinner 1s linear infinite;
animation: woosw-spinner 1s linear infinite;
opacity: 0;
visibility: hidden;
}
.woosw-popup.woosw-loading .woosw-popup-content {
pointer-events: none;
}
.woosw-popup.woosw-loading .woosw-popup-content-mid:before, .woosw-popup.woosw-loading .woosw-popup-content-mid:after {
opacity: 1;
visibility: visible;
}
.woosw-popup .woosw-popup-inner {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content {
width: 100%;
max-width: 460px;
height: auto;
max-height: 100%;
position: absolute;
top: 40%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
-webkit-transform: translate3d(-50%, -50%, 0);
padding: 0;
display: flex;
flex-direction: column;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
overflow: hidden;
background-color: #ffffff;
}
.woosw-popup.woosw-show {
opacity: 1;
visibility: visible;
}
.woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content {
top: 50%;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content > div {
align-self: stretch;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
flex: 0 0 auto;
height: 48px;
line-height: 48px;
padding: 0 60px 0 20px;
margin: 0;
position: relative;
color: #fff;
font-weight: 700;
background-color: #222;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-count-wrapper:before {
content: "(";
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-count-wrapper:after {
content: ")";
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-manage, .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-empty {
color: #fff;
margin-left: 5px;
font-weight: 400;
text-decoration: underline;
cursor: pointer;
}
#woosw_manage .woosw-popup-content-mid {
padding: 10px 0;
}
.woosw-new-wishlist {
display: flex;
align-items: center;
}
#woosw_wishlist_name {
flex-grow: 1;
}
.woosw-new-wishlist input {
border-radius: 4px !important;
height: 40px !important;
line-height: 38px !important;
padding: 0 10px !important;
margin: 0;
}
.woosw-new-wishlist input[type=button] {
margin-left: 10px;
}
.woosw-disable {
opacity: 0.5;
pointer-events: none;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close {
display: inline-block;
height: 48px;
line-height: 48px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
text-transform: none;
color: #999999;
font-weight: 400;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close:after {
display: inline-block;
float: right;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
content: "\e918";
font-size: 20px;
font-family: "woosw";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.rtl .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
padding: 0 20px 0 60px;
}
body.rtl .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close {
right: auto;
left: 0;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-mid {
display: block;
position: relative;
min-height: 80px;
flex: 1 1 auto;
flex-grow: 1;
padding: 0;
margin: 0;
background-color: #fff;
overflow-x: hidden;
overflow-y: auto;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-mid .woosw-popup-content-mid-message {
display: block;
padding: 20px;
height: 40px;
line-height: 40px;
text-align: center;
}
.woosw-popup .woosw-items {
margin: 0;
padding: 10px 0;
overflow-y: auto;
position: relative;
}
.woosw-popup .woosw-items .woosw-item {
padding: 0 20px;
}
.woosw-popup .woosw-items .woosw-item .woosw-item-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
border-top: 1px dashed #eeeeee;
}
.woosw-popup .woosw-items .woosw-item:first-child .woosw-item-inner {
border-top: none;
}
.woosw-popup .woosw-items .woosw-item .woosw-item-inner > div {
margin-right: 10px;
}
.woosw-popup .woosw-items .woosw-item .woosw-item-inner > div:last-child {
margin-right: 0;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--info {
flex-grow: 1;
}
.woosw-items .woosw-item .woosw-item--remove, .woosw-items .woosw-item .woosw-item--add {
width: 14px;
flex: 0 0 14px;
font-size: 0;
}
.woosw-items .woosw-item .woosw-item--remove span, .woosw-items .woosw-item .woosw-item--add span {
display: inline-block;
width: 14px;
text-align: center;
cursor: pointer;
}
.woosw-items .woosw-item .woosw-item--remove span:before, .woosw-items .woosw-item .woosw-item--add span:before {
display: inline-block;
content: "\e918";
font-size: 16px;
font-family: "woosw";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.woosw-items .woosw-item .woosw-item--remove span:hover:before, .woosw-items .woosw-item .woosw-item--add span:hover:before {
color: #cc6055;
}
.woosw-items .woosw-item .woosw-item--remove span.woosw-item--removing:before, .woosw-items .woosw-item .woosw-item--remove span.woosw-item--adding:before, .woosw-items .woosw-item .woosw-item--add span.woosw-item--removing:before, .woosw-items .woosw-item .woosw-item--add span.woosw-item--adding:before {
content: "\e913";
animation: woosw-spinner 1s linear infinite;
-webkit-animation: woosw-spinner 1s linear infinite;
}
.woosw-items .woosw-item .woosw-item--add span {
transform: rotate(45deg);
}
.woosw-popup .woosw-items .woosw-item .woosw-item--image {
width: 80px;
flex: 0 0 80px;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--image img {
width: 100%;
height: auto;
border: none;
padding: 0;
margin: 0;
box-shadow: none;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--stock p {
margin: 0;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--name, .woosw-popup .woosw-items .woosw-item .woosw-item--name a {
font-weight: 700;
text-decoration: none;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--atc p, .woosw-popup .woosw-items .woosw-item .woosw-item--atc .add_to_cart_inline {
border: none;
padding: 0;
margin: 0;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--price-increase {
color: #ff6600;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--price-decrease {
color: #5fbd74;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot {
flex: 0 0 auto;
padding: 20px;
position: relative;
color: #fff;
font-size: 14px;
background-color: #ffffff;
text-transform: uppercase;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a, .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner span {
line-height: 1.2;
text-decoration: none;
border-bottom: 1px solid #222222;
outline: none;
cursor: pointer;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-notice {
display: block;
text-align: center;
width: 100%;
height: 48px;
line-height: 48px;
padding: 0 20px;
color: #fff;
font-size: 14px;
font-weight: 400;
background-color: #5fbd74;
position: absolute;
left: 0;
bottom: 0;
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
visibility: hidden;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-notice.woosw-notice-show {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible;
}
.woosw-items .woosw-item .woosw-item--note {
padding-left: 10px;
border-left: 2px solid #222;
font-style: italic;
font-size: 14px;
cursor: pointer;
}
.woosw-items .woosw-item .woosw-item--note-add {
width: 100%;
position: relative;
}
.woosw-items .woosw-item .woosw-item--note-add input {
height: 40px !important;
line-height: 38px !important;
padding: 0 10px !important;
border-radius: 4px !important;
}
.woosw-items .woosw-item .woosw-item--note-add input[type=text] {
width: 100%;
}
.woosw-items .woosw-item .woosw-item--note-add input[type=button] {
position: absolute;
top: 0;
right: 0;
}
body.rtl .woosw-items .woosw-item .woosw-item--note {
border-left: none;
border-right: 2px solid #222;
padding-left: 0;
padding-right: 10px;
}
.woosw-list table.woosw-items {
margin: 0;
padding: 0;
}
.woosw-list table.woosw-items tr td {
vertical-align: middle;
padding: 10px;
}
.woosw-list table.woosw-items tr:nth-child(2n) td {
background-color: rgba(0, 0, 0, 0.03);
}
.woosw-list table.woosw-items tr:hover td {
background-color: rgba(0, 0, 0, 0.05);
}
.woosw-list table.woosw-items .woosw-item .woosw-item--image {
width: 100px;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--image img {
width: 80px;
height: auto;
border-radius: 2px;
border: none;
padding: 0;
margin: 0;
box-shadow: none;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--name a {
font-weight: 700;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--atc p, .woosw-list table.woosw-items .woosw-item .woosw-item--atc .add_to_cart_inline {
border: none;
padding: 0;
margin: 0;
}
.woosw-list .woosw-switcher {
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 30px;
}
.woosw-list .woosw-actions {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
}
.woosw-list .woosw-copy {
display: flex;
align-items: center;
}
.woosw-list .woosw-copy .woosw-copy-url {
margin-left: 10px;
margin-right: 0;
}
body.rtl .woosw-list .woosw-copy .woosw-copy-url {
margin-left: 0;
margin-right: 10px;
}
.woosw-list .woosw-share .woosw-share-label, .woosw-list .woosw-share a {
display: inline-block;
margin-left: 0;
margin-right: 10px;
text-decoration: none !important;
font-style: normal !important;
}
body.rtl .woosw-list .woosw-share .woosw-share-label, body.rtl .woosw-list .woosw-share a {
margin-right: 0;
margin-left: 10px;
}
.woosw-link a {
color: inherit;
}
.woosw-link .woosw-link-inner {
position: relative;
}
.woosw-link .woosw-link-inner:after {
content: attr(data-count);
display: block;
background-color: #e94b35;
color: #fff;
font-size: 10px;
font-weight: 400;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 8px;
position: absolute;
top: -10px;
right: -10px;
}
.woosw-menu-item .woosw-menu-item-inner {
position: relative;
}
.woosw-menu-item .woosw-menu-item-inner:after {
content: attr(data-count);
display: block;
background-color: #e94b35;
color: #fff;
font-size: 10px;
font-weight: 400;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 8px;
position: absolute;
top: -10px;
right: -10px;
}
.woosw-icon {
font-family: "woosw";
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.woosw-share-facebook .woosw-icon:before {
content: "\e919";
}
.woosw-share-twitter .woosw-icon:before {
content: "\e91d";
}
.woosw-share-pinterest .woosw-icon:before {
content: "\e91c";
}
.woosw-share-instagram .woosw-icon:before {
content: "\e91a";
}
.woosw-share-mail .woosw-icon:before {
content: "\e91b";
}
@media only screen and (max-width: 860px) {
.woosw-list .woosw-actions {
flex-direction: column;
align-items: flex-start;
}
}
.woosw-suggested {
padding: 0 20px;
}
.woosw-suggested-heading {
text-align: center;
overflow: hidden;
}
.woosw-suggested-heading span {
position: relative;
}
.woosw-suggested-heading span:before {
content: "";
width: 1000px;
height: 1px;
background-color: #dddddd;
display: block;
position: absolute;
top: 50%;
left: -10px;
transform: translateX(-100%);
}
.woosw-suggested-heading span:after {
content: "";
width: 1000px;
height: 1px;
background-color: #dddddd;
display: block;
position: absolute;
top: 50%;
left: auto;
right: -10px;
transform: translateX(100%);
} .notiny-container {
z-index: 999999;
}
.notiny-theme-woosw {
padding: 10px;
background-color: #ffffff;
color: #222222;
margin: 5px 0;
min-height: 32px;
max-width: 100vw;
display: flex;
align-items: center;
border: 1px solid #eeeeee;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.03);
}
.notiny-theme-woosw .notiny-img {
margin: 0;
padding: 0;
width: 48px;
flex: 0 0 48px;
margin-right: 10px;
}
.notiny-theme-woosw .notiny-img img {
width: 100%;
height: auto;
margin: 0;
}
.notiny-theme-woosw .notiny-text {
font-size: 14px;
line-height: 1.4;
flex-grow: 1;
}
.notiny-container-fluid-top .notiny-theme-woosw, .notiny-container-fluid-bottom .notiny-theme-woosw {
width: 90%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.notiny-container-fluid-top {
top: 10px !important;
}
.notiny-container-fluid-bottom {
bottom: 10px !important;
} .woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content {
left: unset;
top: 0;
right: 0;
height: 100%;
transform: translate3d(100%, 0, 0);
-webkit-transform: translate3d(100%, 0, 0);
}
.woosw-popup.woosw-popup-right.woosw-show .woosw-popup-inner .woosw-popup-content {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
background-color: rgba(0, 0, 0, 0.1);
color: #222222;
text-transform: uppercase;
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot {
background-color: #ffffff;
color: #222222;
text-transform: uppercase;
}
.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top a, .woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-empty, .woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-manage, .woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close, .woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot a, .woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-continue {
color: #222222;
} .woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content {
left: 0;
top: 0;
right: unset;
height: 100%;
transform: translate3d(-100%, 0, 0);
-webkit-transform: translate3d(-100%, 0, 0);
}
.woosw-popup.woosw-popup-left.woosw-show .woosw-popup-inner .woosw-popup-content {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
.woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
background-color: rgba(0, 0, 0, 0.1);
}
.woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
background-color: rgba(0, 0, 0, 0.1);
color: #222222;
text-transform: uppercase;
}
.woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot {
background-color: #ffffff;
color: #222222;
text-transform: uppercase;
}
.woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top a, .woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-empty, .woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-manage, .woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close, .woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot a, .woosw-popup.woosw-popup-left .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-continue {
color: #222222;
}