@-webkit-keyframes fstAnimationEnter {
from {
opacity: 0;
-webkit-transform: translate3d(0, -1em, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0); } }
@-moz-keyframes fstAnimationEnter {
from {
opacity: 0;
-moz-transform: translate3d(0, -1em, 0); }
to {
opacity: 1;
-moz-transform: translate3d(0, 0, 0); } }
@keyframes fstAnimationEnter {
from {
opacity: 0;
-webkit-transform: translate3d(0, -1em, 0);
-moz-transform: translate3d(0, -1em, 0);
-ms-transform: translate3d(0, -1em, 0);
-o-transform: translate3d(0, -1em, 0);
transform: translate3d(0, -1em, 0); }
to {
opacity: 1;
-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); } }
.fstElement {
display: inline-block;
position: relative;
border: 1px solid #D7D7D7;
box-sizing: border-box;
color: #232323;
background-color: #fff;
width: 100%; }
.fstElement > select,
.fstElement > input {
position: absolute;
left: -999em; }
.fstToggleBtn, .billingVal, .shippingVal, .calcValue {
display: block;
position: relative;
box-sizing: border-box;
padding: 0.71429em 1.42857em 0.71429em 0.71429em;
min-width: 100%;
cursor: pointer;
color: #fff;
background: #0e2c71;
}
.fstToggleBtn:after, .billingVal:after, .shippingVal:after, .calcValue:after {
position: absolute;
content: "";
right: 0.71429em;
top: 50%;
margin-top: -0.17857em;
border: 0.35714em solid transparent;
border-top-color: #cacaca; }
.fstQueryInput {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
outline: none;
box-sizing: border-box;
background: transparent;
border: 0; }
.fstResults {
position: absolute;
left: -1px;
top: 100%;
right: -1px;
max-height: 30em;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
border: 1px solid #D7D7D7;
border-top: 0;
background-color: #FFF;
display: none; }
.fstResultItem {
display: block;
padding: 0.5em 0.71429em;
margin: 0;
cursor: pointer;
border-top: 1px solid #fff; }
.fstResultItem.fstUserOption {
color: #707070; }
.fstResultItem.fstFocused {
color: #fff;
background-color: #43A2F3;
border-color: #73baf6; }
.fstResultItem.fstSelected {
color: #fff;
background-color: #2694f1;
border-color: #73baf6; }
.fstGroupTitle {
display: block;
padding: 0.5em 0.71429em;
margin: 0;
font-weight: bold; }
.fstGroup {
padding-top: 1em; }
.fstGroup:first-child {
padding-top: 0; }
.fstNoResults {
display: block;
padding: 0.71429em 0.71429em;
margin: 0;
color: #999; } .fstSingleMode .fstControls {
position: absolute;
left: -1px;
right: -1px;
top: 100%;
padding: 0.5em;
border: 1px solid #D7D7D7;
background-color: #fff;
display: none; }
.fstSingleMode .fstQueryInput {
display: block;
width: 100%;
padding: 0.5em 0.35714em;
color: #999;
border: 1px solid #D7D7D7; }
.fstSingleMode.fstActive {
z-index: 100; }
.fstSingleMode.fstActive.fstElement,
.fstSingleMode.fstActive .fstControls,
.fstSingleMode.fstActive .fstResults {
box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1); }
.fstSingleMode.fstActive .fstControls {
display: block; }
.fstSingleMode.fstActive .fstResults {
display: block;
z-index: 10;
margin-top: -1px; } .fstChoiceItem {
display: inline-block;
position: relative;
margin: 0 0.41667em 0.41667em 0;
padding: 0.33333em 0.33333em 0.33333em 1.5em;
float: left;
border-radius: 0.25em;
border: 1px solid #43A2F3;
cursor: auto;
color: #fff;
background-color: #43A2F3;
-webkit-animation: fstAnimationEnter 0.2s;
-moz-animation: fstAnimationEnter 0.2s;
animation: fstAnimationEnter 0.2s; }
.fstChoiceItem.mod1 {
background-color: #F9F9F9;
border: 1px solid #D7D7D7;
color: #232323; }
.fstChoiceItem.mod1 > .fstChoiceRemove {
color: #a4a4a4; }
.fstChoiceRemove {
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
background: none;
position: absolute;
left: 0;
top: 50%;
width: 1.28571em;
line-height: 1.28571em;
margin-top: -0.64286em;
text-align: center;
color: #fff; }
.fstChoiceRemove::-moz-focus-inner {
padding: 0;
border: 0; }
.fstMultipleMode .fstControls {
box-sizing: border-box;
padding: 0.5em 0.5em 0em 0.5em;
overflow: hidden;
width: 20em;
cursor: text; }
.fstMultipleMode .fstQueryInput {
float: left;
padding: 0.28571em 0;
margin: 0 0 0.35714em 0;
width: 2em;
color: #999; }
.fstMultipleMode .fstQueryInputExpanded {
float: none;
width: 100%;
padding: 0.28571em 0.35714em; }
.fstMultipleMode .fstFakeInput {
}
.fstMultipleMode.fstActive,
.fstMultipleMode.fstActive .fstResults {
box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1); }
.fstMultipleMode.fstActive .fstResults {
display: block;
z-index: 10;
border-top: 1px solid #D7D7D7; }body.product .side-cart {
display: none !important;
} body.single-product .side-cart {
display: none !important; z-index: -9999 !important; } body.single-product .side-cart {
opacity: 0 !important; z-index: -1 !important; } body .side-cart {
display: none !important;
} #cart-side.cart-open {
right: -9999px !important; z-index: -9999 !important; opacity: 0 !important; visibility: hidden !important; } body .side-cart:first-of-type {
display: block !important;
}