- Scan ID:
- 754e3209-99e6-4164-a730-3f81fc467bf5Finished
- Submitted URL:
- https://serenehaven.florist/
- Report Finished:
Links · 4 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://api.whatsapp.com/send?phone=66362776&text= | |
| https://www.instagram.com/serene.haven.floristry/ | |
| https://www.facebook.com/113443991860937 | |
| https://www.storeberry.ai/ | Storeberry |
JavaScript Variables · 33 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| 0 | object |
| 1 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| CryptoJS | object |
| Vue | function |
| $ | function |
| jQuery | function |
| st | object |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en-HK"><head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# product: http://ogp.me/ns/product#">
<meta charset="utf-8">
<title> Serene Haven </title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Language" content="en-HK">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- For Google -->
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Serene Haven">
<meta name="copyright" content="© 2024 StoreBerry. All Right Reserved.">
<meta name="application-name" content="StoreBerry">
<!-- For Facebook -->
<meta property="og:title" content="Serene Haven">
<meta property="og:type" content="article">
<meta property="og:image" content="https://images.storeberry.chat/shops/h149/logo/piwrbptsKh0Od7tTznJ3VcCq2AnXLiA0.png">
<meta property="og:url" content="https://serenehaven.florist">
<meta property="og:description" content="">
<link rel="alternate" hreflang="en-HK" href="https://serenehaven.florist?lang=en-HK">
<link rel="alternate" hreflang="zh-HK" href="https://serenehaven.florist?lang=zh-HK">
<link rel="alternate" hreflang="x-default" href="https://serenehaven.florist">
<script async="" src="https://gdpr-api.sharethis.com/cmp-v2.js"></script><script async="" src="https://buttons-config.sharethis.com/js/674b1d45276ece0012ce7dce.js"></script><script src="https://serenehaven.florist/js/encrypt.js" type="text/javascript"></script>
<meta name="csrf-token" content="JFvmCNAroIa2XoaWIPFKV9VU2xbZkTaB5DEhNweR">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://serenehaven.florist/css/purecss060/pure-min.css" type="text/css">
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="https://serenehaven.florist/css/purecss060/grids-responsive-min.css" type="text/css">
<!--<![endif]-->
<link rel="stylesheet" href="https://serenehaven.florist/modules\vue-froala\css\froala_style.min.css">
<link rel="stylesheet" href="https://serenehaven.florist/plugins/fotorama464/fotorama.css" type="text/css">
<link href="https://serenehaven.florist/css/alertify/alertify.min.css" rel="stylesheet">
<link href="https://serenehaven.florist/css/alertify/themes/default.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://serenehaven.florist/css/font-awesome.min.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500" rel="stylesheet">
<link rel="stylesheet" href="/css/styles.css?id=bf3800036164c578c4ab7d58f32e2b43" type="text/css" media="screen" charset="utf-8">
<!-- <link rel="stylesheet" href="https://serenehaven.florist/css/mediaquery.min.css" type="text/css" media="screen" charset="utf-8"> -->
<link rel="icon" sizes="807x804" href="https://images.storeberry.chat/shops/h149/favicon/y68JMeATBWvpwofY31Px7s9BaXaJGbFX.png">
<!-- owl CSS Files -->
<link rel="stylesheet" href="https://serenehaven.florist/plugins/owl234/dist/assets/owl.carousel.min.css" type="text/css">
<link rel="stylesheet" href="https://serenehaven.florist/plugins/owl234/dist/assets/owl.theme.default.css" type="text/css">
<!-- Slider Revolution CSS Files -->
<script src="https://serenehaven.florist/js/lib/vue.min.js?v=2.6.11" type="text/javascript"></script>
<!-- Google Site Verification -->
<meta name="google-site-verification" content="UNGB7tXfnL1gFaKi1F-7VfKdXzxIfFDFLSIZhh3E2cE">
<!-- End Google Site Verification -->
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function(){
new Vue({
data(){
return {
observer: null,
styles: {
body: {
// site
// New
'--bs-theme-color':'#906f64',
'--bs-bg-color':'#f7f7f7',
'--bs-bg-content-color': '#e9dddd',
'--bs-bg-login-block-color': '#e9dddd',
'--bs-line-color':'#906f64',
'--bs-heading-font-family':'Palatino, -apple-system, "PingFang TC","PingFang HK","PingFang SC", "\\5FAE\\8EDF\\6B63\\9ED1\\9AD4", Arial, sans-serif',
'--bs-heading-font-color':'#906f64',
'--bs-content-font-family':'Noto Sans TC, -apple-system, "PingFang TC","PingFang HK","PingFang SC", "\\5FAE\\8EDF\\6B63\\9ED1\\9AD4", Arial, sans-serif',
'--bs-content-font-color':'#4b423f',
'--bs-link-color':'#906f64',
'--bs-link-hover-color':'#79797c',
// b i u
'--bs-primary-btn-color':'#e2dcda',
'--bs-primary-btn-hover-color':'#906f64',
'--bs-primary-btn-text-color':'#c67053',
'--bs-primary-btn-text-hover-color':'#ffffff',
'--bs-second-btn-color':'#e8d1ca',
'--bs-second-btn-hover-color':'#906f64',
'--bs-second-btn-text-color':'#c67053',
'--bs-second-btn-text-hover-color':'#ffffff',
// header
'--bs-header-menu-trans-font-color' : '#906f64',
'--bs-header-menu-trans-icon-color' : '#906f64',
'--bs-header-bg-color' : '#dec7c4',
'--bs-header-menu-font-color' : '#916455',
'--bs-header-menu-bg-color' : '#e2dcda',
'--bs-header-menu-bg-hover-color': '#ffffff',
'--bs-header-height' : '49px',
'--bs-header-menu-second-font-color' : '#906f64',
'--bs-header-menu-second-bg-color' : '#ffffff',
'--bs-header-menu-second-bg-hover-color' : '#ffffff',
'--bs-header-menu-ter-font-color' : '#906f64',
'--bs-header-menu-ter-bg-color' : '#f6f6f6',
'--bs-header-menu-ter-bg-hover-color' : '#f6f6f6',
'--bs-header-icon-color' : '#906f64',
'--bs-pd-title-color' : '#906f64',
'--bs-pd-qty-btn-bg-color': '#f7f7f7',
'--bs-pd-qty-btn-bg-hover-color': '#906f64',
'--bs-pd-qty-btn-color':'#9d6958',
'--bs-pd-qty-btn-hover-color':'#f7f7f7',
'--bs-pb-title-text-align' : 'center',
'--bs-pb-wrap-padding-size' : '0 24px',
'--bs-pb-content-padding-size':'0 24px',
'--bs-negative-padding-size':'-24px',
'--bs-footer-bg-color': '#dec7c4',
'--bs-footer-line-color': '#986b5d',
'--bs-footer-title-color': '#986b5d',
'--bs-footer-text-color': '#986b5d',
'--bs-footer-link-color': '#8b4732',
'--bs-footer-link-hover-color': '#9e9694',
'--bs-footer-social-icon-bg-color': '#e2dcda',
'--bs-footer-social-icon-color': '#906f64',
'--bs-footer-payment-icon-color': '#906f64'
}
},
classes: {
body: {
'menu-transparent' : '',
'card-wrapper' : '1',
},
'#menu-bar': {
'transparent' : '',
},
'#menulist':{
'animate-line' : '1',
},
}
}
},
created(){
this.loadStyles();
this.loadClasses();
document.body.classList.remove('page-loading');
},
methods:{
loadStyles(){
var styles = this.styles;
var styleElm = document.createElement("style");
// var styleSheet = styleElm.sheet;
for(var i=0; i<Object.keys(styles).length; i++){
var propStr = '';
var selector = Object.keys(styles)[i];
var selector_styles = styles[Object.keys(styles)[i]];
for(var style_i=0; style_i<Object.keys(selector_styles).length; style_i++){
var selector_style = Object.keys(selector_styles)[style_i];
var selector_style_value = selector_styles[Object.keys(selector_styles)[style_i]];
if(selector_style_value){
propStr += selector_style +': ' + selector_style_value + ';'
}
}
styleElm.innerHTML+=(selector + '{' + propStr + '}');
}
document.head.appendChild(styleElm);
},
loadClasses(){
var classes = this.classes;
for(var i=0; i<Object.keys(classes).length; i++){
var selector = Object.keys(classes)[i];
var selector_classes = classes[Object.keys(classes)[i]];
var elms = document.querySelectorAll(selector);
for(var elm_i=0; elm_i<elms.length; elm_i++){
if(elms[elm_i] && elms[elm_i].classList){
for(var class_i=0; class_i<Object.keys(selector_classes).length; class_i++){
var selector_class = Object.keys(selector_classes)[class_i];
var selector_class_enable = selector_classes[Object.keys(selector_classes)[class_i]];
if(selector_class_enable == 1){
elms[elm_i].classList.add(selector_class);
}
}
}
}
}
}
}
})
})
</script>
<style type="text/css">
.content-inner, .content-wrapper, .content-wrapper .content-inner,
#login-page .content-wrapper, #login-page .content-wrapper .content-inner{
/* background: #f7f7f7; */
}
.content-wrapper .content-inner .cart-order .block-zone,
.content-wrapper .content-inner #my-account-menu .menu-content .personal_detail,
.content-wrapper .content-inner #my-account-menu .menu-content .menu_detail ul{
/* background: #e9dddd; */
}
/* .border-top-grey1,
.border-mini-top-grey1,
.module_zone .zone_title .title:after,
.module_zone .zone_title .title:before{
border-color: #906f64 !important;
}
*/
h1, h2, h3, h4, h5, h6{
font-family: Palatino,\5FAE\8EDF\6B63\9ED1\9AD4, 'PingFang TC','PingFang HK','PingFang SC',Open Sans,\9ED1\4F53,sans-serif;
}
h1, h2, h3, h4, h5, h6,
h1 > span,
h1.product-name,
.content-wrapper .content-inner .cart-order .block-zone .block-content .block-header h2.title,
.content-wrapper .content-inner .cart-order .block-zone .block-content .block-header h1.title,
.content-wrapper .content-inner .cart-order .block-zone .block-content.order-info .block-header h2.title{
/* color: #906f64; */
}
body, .content-inner, .content-wrapper, .pure-g [class*=pure-u]{
font-family: Palatino,\5FAE\8EDF\6B63\9ED1\9AD4, 'PingFang TC','PingFang HK','PingFang SC',Open Sans,\9ED1\4F53,sans-serif;
}
.content-inner, .content-wrapper,
.content-inner label, .content-wrapper label{
/* color: #4b423f; */
}
.content-inner a:not(.kbtn):not(.pure-button):not(.normal-button),
.content-wrapper a:not(.kbtn):not(.pure-button):not(.normal-button){
/* color: #906f64; */
}
.content-inner a:not(.kbtn):not(.pure-button):not(.normal-button):hover,
.content-wrapper a:not(.kbtn):not(.pure-button):not(.normal-button):hover{
/* color: #79797c; */
}
.pure-button,
#product_detail_block #product_detail_content .add-to-cart,
.list-horizontal-section .content-row .item .button a,
.list-vertical-section .content-row .item .button a,
.kbtn.continue-shop{
background: #e2dcda;
}
.border-left-orange1{
box-shadow: inset 5px 0 0 0 #e2dcda;
}
#samll_shopping_cart .product_img_row .mini-promotion-name{
border-color: #e2dcda !important;
}
.border-mini-left-orange1{
/*box-shadow: inset 5px 0 0 0 #e2dcda;*/
}
.pure-button:hover,
#product_detail_block #product_detail_content .add-to-cart:hover,
.list-horizontal-section .content-row .item .button a:hover,
.list-vertical-section .content-row .item .button a:hover,
.kbtn.continue-shop:hover{
background: #906f64;
}
.pure-button,
#product_detail_block #product_detail_content .add-to-cart,
.list-horizontal-section .content-row .item .button a,
.list-vertical-section .content-row .item .button a,
.kbtn.continue-shop{
color: #c67053;
}
.pure-button:hover,
#product_detail_block #product_detail_content .add-to-cart:hover,
.list-horizontal-section .content-row .item .button a:hover,
.list-vertical-section .content-row .item .button a:hover,
.kbtn.continue-shop:hover{
color: #ffffff;
}
.pure-button.secondary-button{
/* background: #e8d1ca; */
}
.pure-button.secondary-button:hover{
/* background: #906f64; */
}
.pure-button.secondary-button{
/* color: #c67053; */
}
.pure-button.secondary-button:hover{
/* color: #ffffff; */
}
</style>
<style type="text/css">
.image_slider_container{
position: relative;
}
.image_slider_wrapper.container{
padding-top: 50px;
padding-bottom: 50px;
}
.image_slider_container .image_slide{
display: block;
}
.image_slider_container.owl-carousel .owl-prev,
.image_slider_container.owl-carousel .owl-next{
position: absolute;
background: transparent;
top: 50%;
height: 60px;
width: 40px;
margin: 0;
margin-top: -30px;
/*line-height: 60px;*/
padding: 0;
/*font-size: 35px;*/
overflow: hidden;
opacity: 0.5;
transition: opacity 0.2s;
}
.image_slider_container.owl-carousel .owl-prev:hover,
.image_slider_container.owl-carousel .owl-next:hover{
background: transparent;
opacity: 1
}
.image_slider_container.owl-carousel .owl-prev:before,
.image_slider_container.owl-carousel .owl-next:before {
content:'';
display: block;
width: 42px;
height: 42px;
border: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
position: absolute;
margin-top: -22px;
right: 22px;
}
.image_slider_container.owl-carousel .owl-prev{
left: 0;
}
.image_slider_container.owl-carousel .owl-prev:before{
left: 22px;
}
.image_slider_container.owl-carousel .owl-next{
right: 0;
}
.image_slider_container.owl-carousel .owl-prev:before{
right: 22px;
}
.image_slider_container.owl-carousel .owl-nav{
margin: 0;
}
.image_slider_container.owl-carousel .owl-dots{
position: absolute;
bottom: 0;
width: 100%;
}
.image_slider_container.owl-carousel .owl-dots .owl-dot span{
width: 14px;
height: 14px;
background: #fff;
border: 1px solid #888;
opacity: 0.5
}
.image_slider_container.owl-carousel .owl-dots .owl-dot:hover span{
opacity: 0.8
}
.image_slider_container.owl-carousel .owl-dots .owl-dot.active span{
opacity: 1
}
.image_slider_container.owl-carousel .image_slide{
/*position: relative;*/
/*background-image: attr(data-image url);*/
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 0;
padding-bottom: 50%;
padding-bottom: 26.041666666667%;
}
#image_slider_1_2 .image_slider_container.owl-carousel .image_slide{
padding-bottom: 26.041666666667%;
}
.fullscreen-image-slider .image_slider_container.owl-carousel,
.fullscreen-image-slider .image_slider_container.owl-carousel .owl-stage-outer,
.fullscreen-image-slider .image_slider_container.owl-carousel .owl-stage,
.fullscreen-image-slider .image_slider_container.owl-carousel .owl-item {
height: 100% !important;
transition: width 0.1s, height 0.1s;
}
.fullscreen-image-slider .image_slider_container.owl-carousel .image_slide{
min-height: 100px;
height: 100%;
/*position: relative;*/
/*background-image: attr(data-image url);*/
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 0;
}
</style>
<script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=674b1d45276ece0012ce7dce&product=sop" async="async"></script>
<style type="text/css"></style><style>body{--bs-theme-color: #906f64;--bs-bg-color: #f7f7f7;--bs-bg-content-color: #e9dddd;--bs-bg-login-block-color: #e9dddd;--bs-line-color: #906f64;--bs-heading-font-family: Palatino, -apple-system, "PingFang TC","PingFang HK","PingFang SC", "\5FAE\8EDF\6B63\9ED1\9AD4", Arial, sans-serif;--bs-heading-font-color: #906f64;--bs-content-font-family: Noto Sans TC, -apple-system, "PingFang TC","PingFang HK","PingFang SC", "\5FAE\8EDF\6B63\9ED1\9AD4", Arial, sans-serif;--bs-content-font-color: #4b423f;--bs-link-color: #906f64;--bs-link-hover-color: #79797c;--bs-primary-btn-color: #e2dcda;--bs-primary-btn-hover-color: #906f64;--bs-primary-btn-text-color: #c67053;--bs-primary-btn-text-hover-color: #ffffff;--bs-second-btn-color: #e8d1ca;--bs-second-btn-hover-color: #906f64;--bs-second-btn-text-color: #c67053;--bs-second-btn-text-hover-color: #ffffff;--bs-header-menu-trans-font-color: #906f64;--bs-header-menu-trans-icon-color: #906f64;--bs-header-bg-color: #dec7c4;--bs-header-menu-font-color: #916455;--bs-header-menu-bg-color: #e2dcda;--bs-header-menu-bg-hover-color: #ffffff;--bs-header-height: 49px;--bs-header-menu-second-font-color: #906f64;--bs-header-menu-second-bg-color: #ffffff;--bs-header-menu-second-bg-hover-color: #ffffff;--bs-header-menu-ter-font-color: #906f64;--bs-header-menu-ter-bg-color: #f6f6f6;--bs-header-menu-ter-bg-hover-color: #f6f6f6;--bs-header-icon-color: #906f64;--bs-pd-title-color: #906f64;--bs-pd-qty-btn-bg-color: #f7f7f7;--bs-pd-qty-btn-bg-hover-color: #906f64;--bs-pd-qty-btn-color: #9d6958;--bs-pd-qty-btn-hover-color: #f7f7f7;--bs-pb-title-text-align: center;--bs-pb-wrap-padding-size: 0 24px;--bs-pb-content-padding-size: 0 24px;--bs-negative-padding-size: -24px;--bs-footer-bg-color: #dec7c4;--bs-footer-line-color: #986b5d;--bs-footer-title-color: #986b5d;--bs-footer-text-color: #986b5d;--bs-footer-link-color: #8b4732;--bs-footer-link-hover-color: #9e9694;--bs-footer-social-icon-bg-color: #e2dcda;--bs-footer-social-icon-color: #906f64;--bs-footer-payment-icon-color: #906f64;}</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);</style><style type="text/css">#st-cmp-v2 .st-cmp-app {
position: fixed;
top: 0;
left: 0;
z-index: 9999999999;
width: 100%;
height: 100%;
}
#st-cmp-v2 .st-cmp-app * {
box-sizing: border-box;
font-family: "Open Sans";
font-size: 13px;
}
#st-cmp-v2 .st-cmp-app .st-switch {
height: unset;
}
#st-cmp-v2 .st-cmp-app .st-cmp-header-nav-buttons {
display: none;
}
#st-cmp-v2 .st-cmp-app .st-cmp-footer-nav-buttons {
display: inline-block;
}
#st-cmp-v2 .st-cmp-app .st-cmp-permanent-footer-nav-buttons {
float: right;
}
#st-cmp-v2 .st-cmp-app .st-cmp-scroll-buttons {
float: right;
}
#st-cmp-v2 .st-cmp-app .st-cmp-overlay {
z-index: 1000000000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
}
#st-cmp-v2 .st-cmp-app .st-layer {
height: 100%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content {
padding: 30px 40px;
z-index: 1000000001;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60%;
height: 80%;
background-color: #fff;
border-radius: 4px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content * {
list-style: disc;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content ul {
margin: 0px 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content a {
color: #09cd18;
text-decoration: none;
font-size: 15px;
cursor: pointer;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content a:hover {
color: #08b515;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content p {
font-weight: 100;
font-size: 17px;
margin-top: 0;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
color: #09cd18;
display: inline-block;
font-size: 40px;
font-weight: 100;
letter-spacing: 1px;
margin: 0 0 20px 0;
margin-bottom: 10px;
max-width: none;
padding: 0 0;
position: inherit;
text-align: left;
text-transform: uppercase;
transform: none;
word-spacing: 1px;
width: fit-content;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h2 {
line-height: 26px;
margin: 20px 0 0 10px;
font-size: 22px;
font-weight: 600;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h3 {
line-height: 18px;
margin: 10px 0 5px 10px;
font-size: 16px;
font-weight: 600;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h4 {
font-size: 16px;
font-weight: 600;
line-height: 20px;
margin: 0 0 20px 10px;
font-size: 14px;
margin-bottom: 0px;
color: inherit;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h5 {
font-size: 14px;
font-weight: normal;
line-height: 14px;
margin: 0 0 10px 0;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .header {
display: inline-block;
width: 100%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .header .st-text {
vertical-align: text-top;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
padding: 0px 0px 10px 0px;
background-color: #f8f8f8;
overflow: scroll;
max-height: 47vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
max-height: 60.4vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
padding: 0px 5px;
overflow: scroll;
height: 13vh;
margin-top: 15px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer p {
font-size: 15px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-settings {
width: 86px;
height: 24px;
background-color: #09cd18;
color: #fff;
cursor: pointer;
position: fixed;
right: -7px;
bottom: 55px;
border-radius: 2px;
line-height: 11px;
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
#st-cmp-v2 .st-cmp-app .st-cmp-settings span {
text-transform: uppercase;
font-size: 12px;
vertical-align: text-top;
position: absolute;
left: 10px;
top: 6px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-settings img {
width: 17px;
height: 17px;
filter: invert(100%);
position: absolute;
left: 60px;
top: 3px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-settings:hover {
background-color: #08b916;
}
#st-cmp-v2 .st-cmp-app-hidden {
width: 0px !important;
height: 0px !important;
}
@media (max-height: 1000px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 65%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
max-height: 43vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
max-height: 58vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
height: 14.5vh;
}
}
@media (max-height: 835px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 75%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
max-height: 36.3vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
max-height: 54.9vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
height: 18vh;
}
}
@media (max-height: 690px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 75%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
max-height: 33vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
max-height: 49.3vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
height: 15.5vh;
}
}
@media (max-height: 550px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 85%;
height: 85%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
max-height: 32.1vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
max-height: 48vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
height: 15vh;
}
}
@media (max-height: 450px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 95%;
height: 95%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
max-height: 27vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
max-height: 38.3vh;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
height: 10vh;
}
}
@media (max-width: 1300px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 75%;
height: 80%;
}
}
@media (max-width: 1200px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 80%;
height: 80%;
}
}
@media (max-width: 1100px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
font-size: 35px;
}
}
@media (max-width: 1000px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
font-size: 30px;
}
}
@media (max-width: 900px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 90%;
height: 90%;
}
}
@media (max-width: 850px) {
#st-cmp-v2 .st-cmp-app .st-button .st-text {
display: unset;
}
}
@media only screen and (max-device-height: 950px) and (max-device-width: 700px) {
#st-cmp-v2 .st-cmp-app {
height: 65%;
top: 35%;
border-top-left-radius: 0px;
border-top-right-raidus: 0px;
border-top: 1px solid #ddd;
}
#st-cmp-v2 .st-cmp-app .st-cmp-overlay {
width: 0%;
height: 0%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-full-header {
margin-left: -15px;
padding-left: 15px;
margin-top: -15px;
padding-top: 15px;
width: calc(100% + 30px);
}
#st-cmp-v2 .st-cmp-app .st-cmp-header-nav-buttons {
display: block;
margin-left: -3px;
margin-top: -10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-header-nav-buttons .st-button-inner {
min-width: 0px !important;
}
#st-cmp-v2 .st-cmp-app .st-cmp-footer-nav-buttons {
display: none;
}
#st-cmp-v2 .st-cmp-app .st-cmp-permanent-footer-nav-buttons {
float: none;
background-color: #fff;
display: flex;
justify-st-cmp-content: space-around;
position: absolute;
width: 100%;
left: 0px;
bottom: 0px;
padding: 10px 10px 20px 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-permanent-footer-nav-buttons .st-button-inner {
width: 28vw !important;
}
#st-cmp-v2 .st-cmp-app .st-cmp-scroll-buttons {
display: none;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content {
width: 100%;
height: 100%;
padding: 15px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
font-size: 22px;
letter-spacing: 0px;
margin-bottom: 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h2 {
font-size: 17px;
margin-top: 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h3 {
font-size: 15px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content h4 {
font-size: 13px;
margin-top: 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
height: 75%;
margin-top: 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
display: none;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
display: inherit;
height: 75%;
max-height: unset;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full .st-cmp-item h4 {
width: 190px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full .st-cmp-li-label-full {
display: none;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full .st-cmp-li-label-mobile {
display: unset !important;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-card {
margin-top: 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-card .st-switch label {
width: 230px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-detailed-selection-card {
margin-top: -10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-vendor-selection-card {
margin: 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-vendor-selection-card h3 {
width: 170px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-third-layer .st-cmp-selection-cards h2 {
margin-bottom: 10px;
}
}
@media only screen and (max-device-height: 700px) and (max-device-width: 700px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards {
height: 0%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full {
height: 75%;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-disclaimer {
height: 75%;
}
}
@media only screen and (max-device-width: 370px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
font-size: 20px;
letter-spacing: -0.5px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full .st-cmp-item h4 {
width: 145px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-card .st-switch label {
width: 210px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-vendor-selection-card h3 {
width: 150px;
}
}
@media only screen and (max-device-width: 350px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content h1 {
font-size: 20px;
letter-spacing: -0.5px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-cards-full .st-cmp-item h4 {
width: 140px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-selection-card .st-switch label {
width: 180px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-vendor-selection-card h3 {
width: 140px;
}
}
@media only screen and (max-device-width: 320px) {
#st-cmp-v2 .st-cmp-app .st-cmp-content .st-cmp-vendor-selection-card h3 {
width: 110px;
}
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange a {
color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange a:hover {
color: #e65e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-button .st-button-inner {
background: #ff6900;
border-color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-button .st-button-inner:hover {
background: #e65e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-button.ghost .st-button-inner {
color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-button.ghost .st-button-inner:hover {
background: none;
color: #e65e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-switch .slider[data-checked] {
background-color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #ff6900;
border-bottom: 2px solid #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-settings {
background-color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-orange .st-cmp-settings:hover {
background-color: #ff781a;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow a {
color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow a:hover {
color: #e3a600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-button .st-button-inner {
background: #fcb900;
border-color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-button .st-button-inner:hover {
background: #e3a600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-button.ghost .st-button-inner {
color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-button.ghost .st-button-inner:hover {
background: none;
color: #e3a600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-switch .slider[data-checked] {
background-color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #fcb900;
border-bottom: 2px solid #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-settings {
background-color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-yellow .st-cmp-settings:hover {
background-color: #ffc117;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green a {
color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green a:hover {
color: #67d7aa;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-button .st-button-inner {
background: #7bdcb5;
border-color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-button .st-button-inner:hover {
background: #67d7aa;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-button.ghost .st-button-inner {
color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-button.ghost .st-button-inner:hover {
background: none;
color: #67d7aa;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-switch .slider[data-checked] {
background-color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #7bdcb5;
border-bottom: 2px solid #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-settings {
background-color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-green .st-cmp-settings:hover {
background-color: #60d5a6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green a {
color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green a:hover {
color: #00b674;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-button .st-button-inner {
background: #00d084;
border-color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-button .st-button-inner:hover {
background: #00b674;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-button.ghost .st-button-inner {
color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-button.ghost .st-button-inner:hover {
background: none;
color: #00b674;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-switch .slider[data-checked] {
background-color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #00d084;
border-bottom: 2px solid #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-settings {
background-color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-green .st-cmp-settings:hover {
background-color: #0b7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue a {
color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue a:hover {
color: #75c7fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-button .st-button-inner {
background: #8ed1fc;
border-color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-button .st-button-inner:hover {
background: #75c7fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-button.ghost .st-button-inner {
color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-button.ghost .st-button-inner:hover {
background: none;
color: #75c7fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-switch .slider[data-checked] {
background-color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #8ed1fc;
border-bottom: 2px solid #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-settings {
background-color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-light-blue .st-cmp-settings:hover {
background-color: #68c1fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue a {
color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue a:hover {
color: #0583ca;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-button .st-button-inner {
background: #0693e3;
border-color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-button .st-button-inner:hover {
background: #0583ca;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-button.ghost .st-button-inner {
color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-button.ghost .st-button-inner:hover {
background: none;
color: #0583ca;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-switch .slider[data-checked] {
background-color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #0693e3;
border-bottom: 2px solid #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-settings {
background-color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-blue .st-cmp-settings:hover {
background-color: #0ca3f9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey a {
color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey a:hover {
color: #9cabb8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-button .st-button-inner {
background: #abb8c3;
border-color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-button .st-button-inner:hover {
background: #9cabb8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-button.ghost .st-button-inner {
color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-button.ghost .st-button-inner:hover {
background: none;
color: #9cabb8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-switch .slider[data-checked] {
background-color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #abb8c3;
border-bottom: 2px solid #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-settings {
background-color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-grey .st-cmp-settings:hover {
background-color: #b3bfc9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta a {
color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta a:hover {
color: #d31244;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-button .st-button-inner {
background: #eb144c;
border-color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-button .st-button-inner:hover {
background: #d31244;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-button.ghost .st-button-inner {
color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-button.ghost .st-button-inner:hover {
background: none;
color: #d31244;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-switch .slider[data-checked] {
background-color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #eb144c;
border-bottom: 2px solid #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-settings {
background-color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-magenta .st-cmp-settings:hover {
background-color: #ed2c5e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink a {
color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink a:hover {
color: #f57595;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-button .st-button-inner {
background: #f78da7;
border-color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-button .st-button-inner:hover {
background: #f57595;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-button.ghost .st-button-inner {
color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-button.ghost .st-button-inner:hover {
background: none;
color: #f57595;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-switch .slider[data-checked] {
background-color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #f78da7;
border-bottom: 2px solid #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-settings {
background-color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-pink .st-cmp-settings:hover {
background-color: #f898b0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple h1,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple a {
color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple a:hover {
color: #8900d5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-button .st-button-inner {
background: #9900ef;
border-color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-button .st-button-inner:hover {
background: #8900d5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-button.ghost .st-button-inner {
color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-button.ghost .st-button-inner:hover {
background: none;
color: #8900d5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-switch .slider[data-checked] {
background-color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #9900ef;
border-bottom: 2px solid #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-settings {
background-color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-twitter-purple .st-cmp-settings:hover {
background-color: #a70bff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red a {
color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red a:hover {
color: #9f0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button .st-button-inner {
background: #b80000;
border-color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button .st-button-inner:hover {
background: #9f0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button.ghost .st-button-inner {
color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-button.ghost .st-button-inner:hover {
background: none;
color: #9f0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-switch .slider[data-checked] {
background-color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #b80000;
border-bottom: 2px solid #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-settings {
background-color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-red .st-cmp-settings:hover {
background-color: #d90000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange a {
color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange a:hover {
color: #c23700;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-button .st-button-inner {
background: #db3e00;
border-color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-button .st-button-inner:hover {
background: #c23700;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-button.ghost .st-button-inner {
color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-button.ghost .st-button-inner:hover {
background: none;
color: #c23700;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-switch .slider[data-checked] {
background-color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #db3e00;
border-bottom: 2px solid #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-settings {
background-color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-orange .st-cmp-settings:hover {
background-color: #f84600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow a {
color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow a:hover {
color: #e3b600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-button .st-button-inner {
background: #fccb00;
border-color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-button .st-button-inner:hover {
background: #e3b600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-button.ghost .st-button-inner {
color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-button.ghost .st-button-inner:hover {
background: none;
color: #e3b600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-switch .slider[data-checked] {
background-color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #fccb00;
border-bottom: 2px solid #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-settings {
background-color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-yellow .st-cmp-settings:hover {
background-color: #ffd217;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green a {
color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green a:hover {
color: #007202;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-button .st-button-inner {
background: #008b02;
border-color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-button .st-button-inner:hover {
background: #007202;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-button.ghost .st-button-inner {
color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-button.ghost .st-button-inner:hover {
background: none;
color: #007202;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-switch .slider[data-checked] {
background-color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #008b02;
border-bottom: 2px solid #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-settings {
background-color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-green .st-cmp-settings:hover {
background-color: #00b003;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green a {
color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green a:hover {
color: #00545d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-button .st-button-inner {
background: #006b76;
border-color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-button .st-button-inner:hover {
background: #00545d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-button.ghost .st-button-inner {
color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-button.ghost .st-button-inner:hover {
background: none;
color: #00545d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-switch .slider[data-checked] {
background-color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #006b76;
border-bottom: 2px solid #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-settings {
background-color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-dark-green .st-cmp-settings:hover {
background-color: #008f9d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue a {
color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue a:hover {
color: #1067c6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-button .st-button-inner {
background: #1273de;
border-color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-button .st-button-inner:hover {
background: #1067c6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-button.ghost .st-button-inner {
color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-button.ghost .st-button-inner:hover {
background: none;
color: #1067c6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-switch .slider[data-checked] {
background-color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #1273de;
border-bottom: 2px solid #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-settings {
background-color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-light-blue .st-cmp-settings:hover {
background-color: #1e80ed;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue a {
color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue a:hover {
color: #0044b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-button .st-button-inner {
background: #004dcf;
border-color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-button .st-button-inner:hover {
background: #0044b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-button.ghost .st-button-inner {
color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-button.ghost .st-button-inner:hover {
background: none;
color: #0044b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-switch .slider[data-checked] {
background-color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #004dcf;
border-bottom: 2px solid #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-settings {
background-color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-blue .st-cmp-settings:hover {
background-color: #0058ed;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple a {
color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple a:hover {
color: #4a00d2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-button .st-button-inner {
background: #5300eb;
border-color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-button .st-button-inner:hover {
background: #4a00d2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-button.ghost .st-button-inner {
color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-button.ghost .st-button-inner:hover {
background: none;
color: #4a00d2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-switch .slider[data-checked] {
background-color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #5300eb;
border-bottom: 2px solid #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-settings {
background-color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-purple .st-cmp-settings:hover {
background-color: #5f07ff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black h1,
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black a {
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black a:hover {
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-button .st-button-inner {
background: #000;
border-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-button .st-button-inner:hover {
background: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-button.ghost .st-button-inner {
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-button.ghost .st-button-inner:hover {
background: none;
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-switch .slider[data-checked] {
background-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #000;
border-bottom: 2px solid #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-settings {
background-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-black .st-cmp-settings:hover {
background-color: #1a1a1a;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red h1,
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red a {
color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red a:hover {
color: #cb0e0e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-button .st-button-inner {
background: #e31010;
border-color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-button .st-button-inner:hover {
background: #cb0e0e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-button.ghost .st-button-inner {
color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-button.ghost .st-button-inner:hover {
background: none;
color: #cb0e0e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-switch .slider[data-checked] {
background-color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #e31010;
border-bottom: 2px solid #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-settings {
background-color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-red .st-cmp-settings:hover {
background-color: #ef1f1f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white h1,
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white a {
color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white a:hover {
color: #f2f2f2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-button .st-button-inner {
background: #fff;
border-color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-button .st-button-inner:hover {
background: #f2f2f2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-button.ghost .st-button-inner {
color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-button.ghost .st-button-inner:hover {
background: none;
color: #f2f2f2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-switch .slider[data-checked] {
background-color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-settings {
background-color: #fff;
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-settings img {
filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-white .st-cmp-settings:hover {
background-color: #e6e6e6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red a {
color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red a:hover {
color: #e7817f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-button .st-button-inner {
background: #eb9694;
border-color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-button .st-button-inner:hover {
background: #e7817f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-button.ghost .st-button-inner {
color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-button.ghost .st-button-inner:hover {
background: none;
color: #e7817f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-switch .slider[data-checked] {
background-color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #eb9694;
border-bottom: 2px solid #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-settings {
background-color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-red .st-cmp-settings:hover {
background-color: #eda19f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange a {
color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange a:hover {
color: #f8beab;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-button .st-button-inner {
background: #fad0c3;
border-color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-button .st-button-inner:hover {
background: #f8beab;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-button.ghost .st-button-inner {
color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-button.ghost .st-button-inner:hover {
background: none;
color: #f8beab;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-switch .slider[data-checked] {
background-color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #fad0c3;
border-bottom: 2px solid #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-settings {
background-color: #fad0c3;
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-settings img {
filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-orange .st-cmp-settings:hover {
background-color: #fbd5c9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow a {
color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow a:hover {
color: #feeea4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-button .st-button-inner {
background: #fef3bd;
border-color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-button .st-button-inner:hover {
background: #feeea4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-button.ghost .st-button-inner {
color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-button.ghost .st-button-inner:hover {
background: none;
color: #feeea4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-switch .slider[data-checked] {
background-color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #fef3bd;
border-bottom: 2px solid #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-settings {
background-color: #fef3bd;
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-settings img {
filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-yellow .st-cmp-settings:hover {
background-color: #fdeb91;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green a {
color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green a:hover {
color: #b0d9b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-button .st-button-inner {
background: #c1e1c5;
border-color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-button .st-button-inner:hover {
background: #b0d9b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-button.ghost .st-button-inner {
color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-button.ghost .st-button-inner:hover {
background: none;
color: #b0d9b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-switch .slider[data-checked] {
background-color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #c1e1c5;
border-bottom: 2px solid #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-settings {
background-color: #c1e1c5;
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-settings img {
filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-green .st-cmp-settings:hover {
background-color: #c7e4cb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green a {
color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green a:hover {
color: #add1d3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-button .st-button-inner {
background: #bedadc;
border-color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-button .st-button-inner:hover {
background: #add1d3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-button.ghost .st-button-inner {
color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-button.ghost .st-button-inner:hover {
background: none;
color: #add1d3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-switch .slider[data-checked] {
background-color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #bedadc;
border-bottom: 2px solid #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-settings {
background-color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-dark-green .st-cmp-settings:hover {
background-color: #c4dee0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue a {
color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue a:hover {
color: #aed2f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-button .st-button-inner {
background: #c4def6;
border-color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-button .st-button-inner:hover {
background: #aed2f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-button.ghost .st-button-inner {
color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-button.ghost .st-button-inner:hover {
background: none;
color: #aed2f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-switch .slider[data-checked] {
background-color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #c4def6;
border-bottom: 2px solid #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-settings {
background-color: #c4def6;
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-settings img {
filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-light-blue .st-cmp-settings:hover {
background-color: #cae1f7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue a {
color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue a:hover {
color: #a8c4ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-button .st-button-inner {
background: #bed3f3;
border-color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-button .st-button-inner:hover {
background: #a8c4ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-button.ghost .st-button-inner {
color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-button.ghost .st-button-inner:hover {
background: none;
color: #a8c4ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-switch .slider[data-checked] {
background-color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #bed3f3;
border-bottom: 2px solid #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-settings {
background-color: #bed3f3;
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-settings img {
filter: invert(0%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-blue .st-cmp-settings:hover {
background-color: #c5d7f4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple h1,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple a {
color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple a:hover {
color: #c3acf9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-button .st-button-inner {
background: #d4c4fb;
border-color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-button .st-button-inner:hover {
background: #c3acf9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-button.ghost .st-button-inner {
color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-button.ghost .st-button-inner:hover {
background: none;
color: #c3acf9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-switch .slider[data-checked] {
background-color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
border-right: 2px solid #d4c4fb;
border-bottom: 2px solid #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-settings {
background-color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-github-white-purple .st-cmp-settings:hover {
background-color: #d8cafb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-content {
background-color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-content .st-cmp-selection-cards {
background-color: #d50f0f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-content .st-cmp-item {
background-color: #c60e0e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-content .st-cmp-body {
background-color: #d50f0f;
border-color: #b80d0d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-content .st-cmp-header {
background-color: #c60e0e;
border-color: #b80d0d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-switch .slider {
background-color: #9c0b0b;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-switch .slider:before {
background-color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #e31010;
border-color: #6c0808;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-red .st-button .st-button-inner {
color: #e31010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-content {
background-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-content .st-cmp-selection-cards {
background-color: #101010;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-content .st-cmp-item {
background-color: #171717;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-content .st-cmp-body {
background-color: #101010;
border-color: #232323;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-content .st-cmp-header {
background-color: #171717;
border-color: #232323;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-switch .slider {
background-color: #555;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-switch .slider:before {
background-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #000;
border-color: #777;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-black .st-button .st-button-inner {
color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-content {
background-color: #09cd18;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-content .st-cmp-selection-cards {
background-color: #08be16;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-content .st-cmp-item {
background-color: #08b015;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-content .st-cmp-body {
background-color: #08be16;
border-color: #07a113;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-content .st-cmp-header {
background-color: #08b015;
border-color: #07a113;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-switch .slider {
background-color: #06840f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-switch .slider:before {
background-color: #09cd18;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #09cd18;
border-color: #04530a;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-st-green .st-button .st-button-inner {
color: #09cd18;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-content {
background-color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-content .st-cmp-selection-cards {
background-color: #f06300;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-content .st-cmp-item {
background-color: #e05c00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-content .st-cmp-body {
background-color: #f06300;
border-color: #d15600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-content .st-cmp-header {
background-color: #e05c00;
border-color: #d15600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-switch .slider {
background-color: #b34900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-switch .slider:before {
background-color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #ff6900;
border-color: #803500;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-orange .st-button .st-button-inner {
color: #ff6900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-content {
background-color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-content .st-cmp-selection-cards {
background-color: #edae00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-content .st-cmp-item {
background-color: #dda300;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-content .st-cmp-body {
background-color: #edae00;
border-color: #ce9700;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-content .st-cmp-header {
background-color: #dda300;
border-color: #ce9700;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-switch .slider {
background-color: #b08100;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-switch .slider:before {
background-color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #fcb900;
border-color: #7d5b00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-yellow .st-button .st-button-inner {
color: #fcb900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-content {
background-color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-content .st-cmp-selection-cards {
background-color: #6fd9ae;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-content .st-cmp-item {
background-color: #63d6a7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-content .st-cmp-body {
background-color: #6fd9ae;
border-color: #57d2a1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-content .st-cmp-header {
background-color: #63d6a7;
border-color: #57d2a1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-switch .slider {
background-color: #3fcc93;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-switch .slider:before {
background-color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #7bdcb5;
border-color: #2daa78;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-green .st-button .st-button-inner {
color: #7bdcb5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-content {
background-color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-content .st-cmp-selection-cards {
background-color: #00c17a;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-content .st-cmp-item {
background-color: #00b171;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-content .st-cmp-body {
background-color: #00c17a;
border-color: #00a267;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-content .st-cmp-header {
background-color: #00b171;
border-color: #00a267;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-switch .slider {
background-color: #008453;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-switch .slider:before {
background-color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #00d084;
border-color: #005033;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-green .st-button .st-button-inner {
color: #00d084;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-content {
background-color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-content .st-cmp-selection-cards {
background-color: #7fcbfc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-content .st-cmp-item {
background-color: #70c5fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-content .st-cmp-body {
background-color: #7fcbfc;
border-color: #61bffb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-content .st-cmp-header {
background-color: #70c5fb;
border-color: #61bffb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-switch .slider {
background-color: #43b3fa;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-switch .slider:before {
background-color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #8ed1fc;
border-color: #129ef9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-light-blue .st-button .st-button-inner {
color: #8ed1fc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-content {
background-color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-content .st-cmp-selection-cards {
background-color: #0689d4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-content .st-cmp-item {
background-color: #0580c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-content .st-cmp-body {
background-color: #0689d4;
border-color: #0576b6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-content .st-cmp-header {
background-color: #0580c5;
border-color: #0576b6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-switch .slider {
background-color: #046398;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-switch .slider:before {
background-color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #0693e3;
border-color: #034367;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-blue .st-button .st-button-inner {
color: #0693e3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-content {
background-color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-content .st-cmp-selection-cards {
background-color: #a2b0bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-content .st-cmp-item {
background-color: #99a9b6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-content .st-cmp-body {
background-color: #a2b0bd;
border-color: #90a1b0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-content .st-cmp-header {
background-color: #99a9b6;
border-color: #90a1b0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-switch .slider {
background-color: #7e92a3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-switch .slider:before {
background-color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #abb8c3;
border-color: #63798b;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-grey .st-button .st-button-inner {
color: #abb8c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-content {
background-color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-content .st-cmp-selection-cards {
background-color: #dd1347;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-content .st-cmp-item {
background-color: #cf1243;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-content .st-cmp-body {
background-color: #dd1347;
border-color: #c1103e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-content .st-cmp-header {
background-color: #cf1243;
border-color: #c1103e;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-switch .slider {
background-color: #a40e35;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-switch .slider:before {
background-color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #eb144c;
border-color: #760a26;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-magenta .st-button .st-button-inner {
color: #eb144c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-content {
background-color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-content .st-cmp-selection-cards {
background-color: #f67f9c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-content .st-cmp-item {
background-color: #f57091;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-content .st-cmp-body {
background-color: #f67f9c;
border-color: #f46286;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-content .st-cmp-header {
background-color: #f57091;
border-color: #f46286;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-switch .slider {
background-color: #f24670;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-switch .slider:before {
background-color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #f78da7;
border-color: #ef164b;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-pink .st-button .st-button-inner {
color: #f78da7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-content {
background-color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-content .st-cmp-selection-cards {
background-color: #8f00e0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-content .st-cmp-item {
background-color: #8500d0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-content .st-cmp-body {
background-color: #8f00e0;
border-color: #7c00c1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-content .st-cmp-header {
background-color: #8500d0;
border-color: #7c00c1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-switch .slider {
background-color: #6800a3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-switch .slider:before {
background-color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #9900ef;
border-color: #47006f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-twitter-purple .st-button .st-button-inner {
color: #9900ef;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-content {
background-color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-content .st-cmp-selection-cards {
background-color: #a90000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-content .st-cmp-item {
background-color: #900;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-content .st-cmp-body {
background-color: #a90000;
border-color: #8a0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-content .st-cmp-header {
background-color: #900;
border-color: #8a0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-switch .slider {
background-color: #6c0000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-switch .slider:before {
background-color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #b80000;
border-color: #390000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-red .st-button .st-button-inner {
color: #b80000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-content {
background-color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-content .st-cmp-selection-cards {
background-color: #e98987;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-content .st-cmp-item {
background-color: #e67d7a;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-content .st-cmp-body {
background-color: #e98987;
border-color: #e4706d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-content .st-cmp-header {
background-color: #e67d7a;
border-color: #e4706d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-switch .slider {
background-color: #df5754;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-switch .slider:before {
background-color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #eb9694;
border-color: #d72d29;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-red .st-button .st-button-inner {
color: #eb9694;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-content {
background-color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-content .st-cmp-selection-cards {
background-color: #cc3a00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-content .st-cmp-item {
background-color: #bc3500;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-content .st-cmp-body {
background-color: #cc3a00;
border-color: #ad3100;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-content .st-cmp-header {
background-color: #bc3500;
border-color: #ad3100;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-switch .slider {
background-color: #8e2800;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-switch .slider:before {
background-color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #db3e00;
border-color: #5b1a00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-orange .st-button .st-button-inner {
color: #db3e00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-content {
background-color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-content .st-cmp-selection-cards {
background-color: #f9c5b5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-content .st-cmp-item {
background-color: #f8baa7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-content .st-cmp-body {
background-color: #f9c5b5;
border-color: #f6af99;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-content .st-cmp-header {
background-color: #f8baa7;
border-color: #f6af99;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-switch .slider {
background-color: #f4997c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-switch .slider:before {
background-color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #fad0c3;
border-color: #f0744d;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-orange .st-button .st-button-inner {
color: #fad0c3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-content {
background-color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-content .st-cmp-selection-cards {
background-color: #edbf00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-content .st-cmp-item {
background-color: #ddb200;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-content .st-cmp-body {
background-color: #edbf00;
border-color: #cea600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-content .st-cmp-header {
background-color: #ddb200;
border-color: #cea600;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-switch .slider {
background-color: #b08d00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-switch .slider:before {
background-color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #fccb00;
border-color: #7d6400;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-yellow .st-button .st-button-inner {
color: #fccb00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-content {
background-color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-content .st-cmp-selection-cards {
background-color: #fef0ae;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-content .st-cmp-item {
background-color: #feee9f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-content .st-cmp-body {
background-color: #fef0ae;
border-color: #fdeb90;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-content .st-cmp-header {
background-color: #feee9f;
border-color: #fdeb90;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-switch .slider {
background-color: #fde572;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-switch .slider:before {
background-color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #fef3bd;
border-color: #fcdc3f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-yellow .st-button .st-button-inner {
color: #fef3bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-content {
background-color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-content .st-cmp-selection-cards {
background-color: #007c02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-content .st-cmp-item {
background-color: #006c02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-content .st-cmp-body {
background-color: #007c02;
border-color: #005d01;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-content .st-cmp-header {
background-color: #006c02;
border-color: #005d01;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-switch .slider {
background-color: #003f01;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-switch .slider:before {
background-color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #008b02;
border-color: #000b00;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-green .st-button .st-button-inner {
color: #008b02;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-content {
background-color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-content .st-cmp-selection-cards {
background-color: #b7dcbb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-content .st-cmp-item {
background-color: #acd7b2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-content .st-cmp-body {
background-color: #b7dcbb;
border-color: #a2d2a8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-content .st-cmp-header {
background-color: #acd7b2;
border-color: #a2d2a8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-switch .slider {
background-color: #8dc895;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-switch .slider:before {
background-color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #c1e1c5;
border-color: #6bb775;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-green .st-button .st-button-inner {
color: #c1e1c5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-content {
background-color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-content .st-cmp-selection-cards {
background-color: #005d67;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-content .st-cmp-item {
background-color: #004f57;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-content .st-cmp-body {
background-color: #005d67;
border-color: #004148;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-content .st-cmp-header {
background-color: #004f57;
border-color: #004148;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-switch .slider {
background-color: #002629;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-switch .slider:before {
background-color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #006b76;
border-color: #000;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-dark-green .st-button .st-button-inner {
color: #006b76;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-content {
background-color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-content .st-cmp-selection-cards {
background-color: #b4d4d7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-content .st-cmp-item {
background-color: #aacfd1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-content .st-cmp-body {
background-color: #b4d4d7;
border-color: #a0c9cc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-content .st-cmp-header {
background-color: #aacfd1;
border-color: #a0c9cc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-switch .slider {
background-color: #8cbec1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-switch .slider:before {
background-color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #bedadc;
border-color: #6babaf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-dark-green .st-button .st-button-inner {
color: #bedadc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-content {
background-color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-content .st-cmp-selection-cards {
background-color: #116cd0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-content .st-cmp-item {
background-color: #1064c2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-content .st-cmp-body {
background-color: #116cd0;
border-color: #0f5db4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-content .st-cmp-header {
background-color: #1064c2;
border-color: #0f5db4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-switch .slider {
background-color: #0c4e97;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-switch .slider:before {
background-color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #1273de;
border-color: #083668;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-light-blue .st-button .st-button-inner {
color: #1273de;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-content {
background-color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-content .st-cmp-selection-cards {
background-color: #b7d7f4;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-content .st-cmp-item {
background-color: #a9cff2;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-content .st-cmp-body {
background-color: #b7d7f4;
border-color: #9cc8f0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-content .st-cmp-header {
background-color: #a9cff2;
border-color: #9cc8f0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-switch .slider {
background-color: #82b9ec;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-switch .slider:before {
background-color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #c4def6;
border-color: #55a0e5;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-light-blue .st-button .st-button-inner {
color: #c4def6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-content {
background-color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-content .st-cmp-selection-cards {
background-color: #0047c0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-content .st-cmp-item {
background-color: #0042b0;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-content .st-cmp-body {
background-color: #0047c0;
border-color: #003ca1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-content .st-cmp-header {
background-color: #0042b0;
border-color: #003ca1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-switch .slider {
background-color: #003183;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-switch .slider:before {
background-color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #004dcf;
border-color: #001e4f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-blue .st-button .st-button-inner {
color: #004dcf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-content {
background-color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-content .st-cmp-selection-cards {
background-color: #b1caf1;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-content .st-cmp-item {
background-color: #a4c2ee;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-content .st-cmp-body {
background-color: #b1caf1;
border-color: #97b9ec;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-content .st-cmp-header {
background-color: #a4c2ee;
border-color: #97b9ec;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-switch .slider {
background-color: #7da7e7;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-switch .slider:before {
background-color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #bed3f3;
border-color: #528adf;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-blue .st-button .st-button-inner {
color: #bed3f3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-content {
background-color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-content .st-cmp-selection-cards {
background-color: #4e00dc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-content .st-cmp-item {
background-color: #4800cc;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-content .st-cmp-body {
background-color: #4e00dc;
border-color: #4300bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-content .st-cmp-header {
background-color: #4800cc;
border-color: #4300bd;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-switch .slider {
background-color: #38009f;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-switch .slider:before {
background-color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #5300eb;
border-color: #26006c;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-purple .st-button .st-button-inner {
color: #5300eb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-content {
background-color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-content .st-cmp-selection-cards {
background-color: #cab6fa;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-content .st-cmp-item {
background-color: #bfa7f9;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-content .st-cmp-body {
background-color: #cab6fa;
border-color: #b599f8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-content .st-cmp-header {
background-color: #bfa7f9;
border-color: #b599f8;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-switch .slider {
background-color: #a07cf6;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-switch .slider:before {
background-color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #d4c4fb;
border-color: #7d4df3;
}
#st-cmp-v2 .st-cmp-app.st-cmp-background-github-white-purple .st-button .st-button-inner {
color: #d4c4fb;
}
#st-cmp-v2 .st-cmp-app.st-cmp-text-white :not(.st-text):not(a):not(h1) {
color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-text-white .st-switch label {
color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-text-white .st-cmp-selection-card .st-cmp-item li {
color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-text-white .st-cmp-detailed-selection-card .st-cmp-item h4 {
color: #fff;
}
#st-cmp-v2 .st-cmp-app.st-cmp-text-white .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-icon {
filter: invert(100%);
}
#st-cmp-v2 .st-cmp-app.st-cmp-gear-bottom-left .st-cmp-settings {
left: -3px;
right: unset;
}
#st-cmp-v2 .st-cmp-app.st-cmp-gear-top-left .st-cmp-settings {
left: -3px;
top: 50px;
right: unset;
bottom: unset;
}
#st-cmp-v2 .st-cmp-app.st-cmp-gear-top-right .st-cmp-settings {
top: 50px;
bottom: unset;
}
</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap);</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-button {
display: inline-block;
margin: 5px;
}
#st-cmp-v2 .st-cmp-app .st-button .st-button-inner {
background: #09cd18;
border: 1px solid #09cd18;
border-radius: 2px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14);
color: #fff;
cursor: pointer;
font-weight: 600;
height: 40px;
letter-spacing: -0.3px;
line-height: 40px;
min-width: 90px;
padding: 0 16px;
text-align: center;
transition: color 0.5s;
transition: background-color 0.3s;
}
#st-cmp-v2 .st-cmp-app .st-button .st-button-inner:hover {
background: #08b916;
}
#st-cmp-v2 .st-cmp-app .st-button .st-button-inner:active {
background: #07a613;
}
#st-cmp-v2 .st-cmp-app .st-button > a {
color: #fff;
}
#st-cmp-v2 .st-cmp-app .st-button img {
display: inline-block;
max-height: 30px;
vertical-align: middle;
margin: 0 10px;
}
#st-cmp-v2 .st-cmp-app .st-button .st-icon {
height: 20px;
margin: -4px 4px 0 0;
}
#st-cmp-v2 .st-cmp-app .st-button .st-icon img {
height: 20px;
margin: 0 auto;
vertical-align: top;
}
#st-cmp-v2 .st-cmp-app .st-button.large .st-button-inner {
font-size: 18px;
height: 60px;
line-height: 60px;
min-width: 200px;
}
#st-cmp-v2 .st-cmp-app .st-button.large .st-button-inner .st-icon {
height: 24px;
margin: -4px 10px 0 0;
}
#st-cmp-v2 .st-cmp-app .st-button.large .st-button-inner .st-icon img {
height: 24px;
}
#st-cmp-v2 .st-cmp-app .st-button.small .st-button-inner {
font-size: 12px;
height: 32px;
line-height: 32px;
min-width: 60px;
padding: 0 14px;
}
#st-cmp-v2 .st-cmp-app .st-button.small .st-button-inner .st-icon {
height: 18px;
margin: -4px 10px 0 0;
}
#st-cmp-v2 .st-cmp-app .st-button.small .st-button-inner .st-icon img {
height: 18px;
}
#st-cmp-v2 .st-cmp-app .st-button.smaller .st-button-inner {
font-size: 11px;
height: 28px;
line-height: 26px;
padding: 0 12px;
min-width: 50px;
}
#st-cmp-v2 .st-cmp-app .st-button.smaller .st-button-inner .st-icon {
height: 14px;
margin: -4px 10px 0 0;
}
#st-cmp-v2 .st-cmp-app .st-button.smaller .st-button-inner .st-icon img {
height: 14px;
}
#st-cmp-v2 .st-cmp-app .st-button.smallest .st-button-inner {
font-size: 10px;
height: 24px;
line-height: 22px;
padding: 0 10px;
min-width: 30px;
}
#st-cmp-v2 .st-cmp-app .st-button.smallest .st-button-inner .st-icon {
height: 12px;
margin: -4px 10px 0 0;
}
#st-cmp-v2 .st-cmp-app .st-button.smallest .st-button-inner .st-icon img {
height: 12px;
}
#st-cmp-v2 .st-cmp-app .st-button.right {
float: right;
}
#st-cmp-v2 .st-cmp-app .st-button.red .st-button-inner {
background: #eb3232;
border: 1px solid #eb3232;
}
#st-cmp-v2 .st-cmp-app .st-button.red .st-button-inner:hover {
background: #de1616;
}
#st-cmp-v2 .st-cmp-app .st-button.red .st-button-inner:active {
background: #b91212;
}
#st-cmp-v2 .st-cmp-app .st-button.red.outline .st-button-inner {
color: #eb3232;
}
#st-cmp-v2 .st-cmp-app .st-button.rounded .st-button-inner {
border-radius: 5px;
}
#st-cmp-v2 .st-cmp-app .st-button.secondary .st-button-inner,
#st-cmp-v2 .st-cmp-app .st-button.outline .st-button-inner {
background: #fff;
color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-button.secondary .st-button-inner:hover,
#st-cmp-v2 .st-cmp-app .st-button.outline .st-button-inner:hover {
background: #f5fff6;
}
#st-cmp-v2 .st-cmp-app .st-button.secondary .st-button-inner:active,
#st-cmp-v2 .st-cmp-app .st-button.outline .st-button-inner:active {
background: #e1fee4;
}
#st-cmp-v2 .st-cmp-app .st-button.secondary > a,
#st-cmp-v2 .st-cmp-app .st-button.outline > a {
color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-button.secondary .st-icon,
#st-cmp-v2 .st-cmp-app .st-button.outline .st-icon {
filter: invert(0.5) sepia(1) saturate(8) hue-rotate(90deg);
}
#st-cmp-v2 .st-cmp-app .st-button.plain .st-button-inner {
background: #fff;
border: 1px solid #ddd;
color: #333;
}
#st-cmp-v2 .st-cmp-app .st-button.plain .st-button-inner:hover {
background: #f2f2f2;
}
#st-cmp-v2 .st-cmp-app .st-button.plain .st-button-inner:active {
background: #e6e6e6;
}
#st-cmp-v2 .st-cmp-app .st-button.plain > a {
color: #333;
}
#st-cmp-v2 .st-cmp-app .st-button.ghost .st-button-inner {
background: transparent;
border: none;
box-shadow: none;
color: #09cd18;
min-width: 40px;
padding: 0;
}
#st-cmp-v2 .st-cmp-app .st-button.ghost > a {
color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-button.small-text .st-button-inner {
font-size: 13px;
}
#st-cmp-v2 .st-cmp-app .st-button[disabled] {
opacity: 0.4;
pointer-events: none;
}
#st-cmp-v2 .st-cmp-app .st-button.black .st-button-inner {
filter: invert(1);
}
#st-cmp-v2 .st-cmp-app .st-button.white .st-button-inner {
filter: invert(0);
}
#st-cmp-v2 .st-cmp-app .st-button.green .st-button-inner {
filter: invert(0.5) sepia(1) saturate(8) hue-rotate(90deg);
}
@media (max-width: 850px) {
#st-cmp-v2 .st-cmp-app .st-button .st-button-inner {
border: 0;
min-width: 50px;
padding: 0 10px;
}
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:not(:checked),
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:checked {
position: absolute;
left: -9999px;
opacity: 0;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"] + label {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"] + label:before,
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:not(.filled-in) + label:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
z-index: 0;
border: 2px solid #5a5a5a;
border-radius: 1px;
margin-top: 1px;
transition: 0.2s;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"].small + label:before,
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:not(.filled-in).small + label:after {
width: 10px;
height: 10px;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:not(.filled-in) + label:after {
border: 0;
transform: scale(0);
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:not(:checked):disabled + label:before {
border: none;
background-color: rgba(0,0,0,0.26);
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"].tabbed:focus + label:after {
transform: scale(1);
border: 0;
border-radius: 50%;
box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
background-color: rgba(0,0,0,0.1);
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:checked + label:before {
top: -4px;
left: -5px;
width: 12px;
height: 22px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #92d400;
border-bottom: 2px solid #92d400;
transform: rotate(40deg);
backface-visibility: hidden;
transform-origin: 100% 100%;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:checked.small + label:before {
width: 9.3px;
height: 17.1px;
}
#st-cmp-v2 .st-cmp-app .st-checkbox [type="checkbox"]:checked:disabled + label:before {
border-right: 2px solid rgba(0,0,0,0.26);
border-bottom: 2px solid rgba(0,0,0,0.26);
}
</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap);</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-switch {
display: block;
margin: 0 0 20px 0;
position: relative;
}
#st-cmp-v2 .st-cmp-app .st-switch label {
color: #333;
display: block;
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin-bottom: 4px;
}
#st-cmp-v2 .st-cmp-app .st-switch input {
opacity: 0;
width: 0;
height: 0;
}
#st-cmp-v2 .st-cmp-app .st-switch .switch {
display: block;
height: 24px;
position: relative;
width: 40px;
}
#st-cmp-v2 .st-cmp-app .st-switch .slider {
-webkit-transition: 0.4s;
background-color: #ccc;
border-radius: 4px;
bottom: 0;
cursor: pointer;
height: 24px;
left: 0;
margin-left: 0;
margin-right: auto;
position: absolute;
right: 0;
top: 0;
transition: 0.4s;
width: 40px;
}
#st-cmp-v2 .st-cmp-app .st-switch .slider:before {
-webkit-transition: 0.4s;
background-color: #fff;
bottom: 4px;
content: "";
height: 16px;
left: 4px;
position: absolute;
transition: 0.4s;
width: 16px;
}
#st-cmp-v2 .st-cmp-app .st-switch .slider[data-checked] {
background-color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-switch .slider[data-checked]:before {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
}
</style><style type="text/css">.st-first-layer h1 {
margin-bottom: 10px;
text-align: left;
}
.st-first-layer h2 {
margin-left: 0px;
}
.st-first-layer h3 {
margin-left: 10px;
}
.st-first-layer h4 {
margin-left: 15px;
margin-top: 10px;
margin-bottom: 10px !important;
}
.st-first-layer .st-cmp-nav-buttons {
margin-top: 10px;
}
</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap);</style><style type="text/css">.st-button {
display: inline-block;
margin: 5px;
}
.st-button .st-button-inner {
background: #09cd18;
border: 1px solid #09cd18;
border-radius: 2px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14);
color: #fff;
cursor: pointer;
font-weight: 600;
height: 40px;
letter-spacing: -0.3px;
line-height: 40px;
min-width: 90px;
padding: 0 16px;
text-align: center;
transition: color 0.5s;
transition: background-color 0.3s;
}
.st-button .st-button-inner:hover {
background: #08b916;
}
.st-button .st-button-inner:active {
background: #07a613;
}
.st-button > a {
color: #fff;
}
.st-button img {
display: inline-block;
max-height: 30px;
vertical-align: middle;
margin: 0 10px;
}
.st-button .st-icon {
height: 20px;
margin: -4px 4px 0 0;
}
.st-button .st-icon img {
height: 20px;
margin: 0 auto;
vertical-align: top;
}
.st-button.large .st-button-inner {
font-size: 18px;
height: 60px;
line-height: 60px;
min-width: 200px;
}
.st-button.large .st-button-inner .st-icon {
height: 24px;
margin: -4px 10px 0 0;
}
.st-button.large .st-button-inner .st-icon img {
height: 24px;
}
.st-button.small .st-button-inner {
font-size: 12px;
height: 32px;
line-height: 32px;
min-width: 60px;
padding: 0 14px;
}
.st-button.small .st-button-inner .st-icon {
height: 18px;
margin: -4px 10px 0 0;
}
.st-button.small .st-button-inner .st-icon img {
height: 18px;
}
.st-button.smaller .st-button-inner {
font-size: 11px;
height: 28px;
line-height: 26px;
padding: 0 12px;
min-width: 50px;
}
.st-button.smaller .st-button-inner .st-icon {
height: 14px;
margin: -4px 10px 0 0;
}
.st-button.smaller .st-button-inner .st-icon img {
height: 14px;
}
.st-button.smallest .st-button-inner {
font-size: 10px;
height: 24px;
line-height: 22px;
padding: 0 10px;
min-width: 30px;
}
.st-button.smallest .st-button-inner .st-icon {
height: 12px;
margin: -4px 10px 0 0;
}
.st-button.smallest .st-button-inner .st-icon img {
height: 12px;
}
.st-button.right {
float: right;
}
.st-button.red .st-button-inner {
background: #eb3232;
border: 1px solid #eb3232;
}
.st-button.red .st-button-inner:hover {
background: #de1616;
}
.st-button.red .st-button-inner:active {
background: #b91212;
}
.st-button.red.outline .st-button-inner {
color: #eb3232;
}
.st-button.rounded .st-button-inner {
border-radius: 5px;
}
.st-button.secondary .st-button-inner,
.st-button.outline .st-button-inner {
background: #fff;
color: #09cd18;
}
.st-button.secondary .st-button-inner:hover,
.st-button.outline .st-button-inner:hover {
background: #f5fff6;
}
.st-button.secondary .st-button-inner:active,
.st-button.outline .st-button-inner:active {
background: #e1fee4;
}
.st-button.secondary > a,
.st-button.outline > a {
color: #09cd18;
}
.st-button.secondary .st-icon,
.st-button.outline .st-icon {
filter: invert(0.5) sepia(1) saturate(8) hue-rotate(90deg);
}
.st-button.plain .st-button-inner {
background: #fff;
border: 1px solid #ddd;
color: #333;
}
.st-button.plain .st-button-inner:hover {
background: #f2f2f2;
}
.st-button.plain .st-button-inner:active {
background: #e6e6e6;
}
.st-button.plain > a {
color: #333;
}
.st-button.ghost .st-button-inner {
background: transparent;
border: none;
box-shadow: none;
color: #09cd18;
min-width: 40px;
padding: 0;
}
.st-button.ghost > a {
color: #09cd18;
}
.st-button.small-text .st-button-inner {
font-size: 13px;
}
.st-button[disabled] {
opacity: 0.4;
pointer-events: none;
}
.st-button.black .st-button-inner {
filter: invert(1);
}
.st-button.white .st-button-inner {
filter: invert(0);
}
.st-button.green .st-button-inner {
filter: invert(0.5) sepia(1) saturate(8) hue-rotate(90deg);
}
@media (max-width: 850px) {
.st-button .st-button-inner {
border: 0;
min-width: 50px;
padding: 0 10px;
}
}
</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap);</style><style type="text/css">.st-dialog3 {
bottom: 0;
display: block;
left: 0;
position: fixed;
right: 0;
top: 100%;
z-index: 1300;
}
.st-dialog3 .background {
-webkit-tap-highlight-color: transparent;
background-color: rgba(255,255,255,0.9);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
touch-action: none;
z-index: -1;
}
.st-dialog3 .content {
align-items: center;
background: #fff;
border: solid 1px #eaeaea;
border-radius: 3px;
box-shadow: 0 0 100px rgba(0,0,0,0.4);
left: 50%;
max-height: 100%;
min-width: 400px;
outline: none;
overflow: auto;
padding: 20px;
position: fixed;
top: 50%;
transform: translate(-50%, -50%);
}
.st-dialog3 .content .title {
color: #00d334;
font-size: 18px;
font-weight: 500;
letter-spacing: -0.22px;
padding-bottom: 10px;
padding-top: 20px;
}
.st-dialog3 .content .st-input {
text-align: left;
}
</style><style type="text/css">.st-icon {
display: inline-block;
filter: invert(1);
height: 24px;
margin: 0 10px;
vertical-align: middle;
width: 24px;
transition: filter 0.3s linear;
}
.st-icon.black {
filter: invert(1);
}
.st-icon.carbon {
filter: invert(0.8);
}
.st-icon.grey {
filter: invert(0.4);
}
.st-icon.white {
filter: invert(0);
}
.st-icon.green {
filter: invert(0.5) sepia(1) saturate(8) hue-rotate(90deg);
}
.st-icon.st-icon-sort {
cursor: pointer;
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-cmp-selection-card {
margin-top: 20px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-cmp-item {
padding: 7px 0px;
background-color: #f0f0f0;
margin-top: 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-cmp-item h3 {
margin-left: 20px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-cmp-item li {
color: #333;
font-size: 15px;
font-weight: 500;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-switch {
padding: 0px 20px;
margin: 0px 0px 5px 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-switch label {
display: inline-block;
font-size: 15px;
font-weight: 500;
}
#st-cmp-v2 .st-cmp-app .st-cmp-selection-card .st-switch .switch {
float: right;
display: inline-block;
margin-left: 20px;
vertical-align: top;
}
</style><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap);</style><style type="text/css">.st-switch {
display: block;
margin: 0 0 20px 0;
position: relative;
}
.st-switch label {
color: #333;
display: block;
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin-bottom: 4px;
}
.st-switch input {
opacity: 0;
width: 0;
height: 0;
}
.st-switch .switch {
display: block;
height: 24px;
position: relative;
width: 40px;
}
.st-switch .slider {
-webkit-transition: 0.4s;
background-color: #ccc;
border-radius: 4px;
bottom: 0;
cursor: pointer;
height: 24px;
left: 0;
margin-left: 0;
margin-right: auto;
position: absolute;
right: 0;
top: 0;
transition: 0.4s;
width: 40px;
}
.st-switch .slider:before {
-webkit-transition: 0.4s;
background-color: #fff;
bottom: 4px;
content: "";
height: 16px;
left: 4px;
position: absolute;
transition: 0.4s;
width: 16px;
}
.st-switch .slider[data-checked] {
background-color: #09cd18;
}
.st-switch .slider[data-checked]:before {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
}
</style><style type="text/css">.st-second-layer .st-cmp-nav-buttons {
margin-top: 20px;
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card {
margin-top: 20px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card h3 {
margin-top: 20px !important;
margin-left: 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item {
padding: 7px 0px;
background-color: #f0f0f0;
margin-top: 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item h4 {
display: inline-block;
width: 410px;
margin-top: 10px;
margin-left: 20px;
margin-bottom: 20px;
color: #000;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item .h4-width-1 {
width: 500px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item .h4-width-2 {
width: 450px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item .h4-width-3 {
width: 410px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-item .h4-width-4 {
width: 340px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-toggles {
display: inline-block;
float: right;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-switch {
float: right;
display: inline-block;
padding: 0px;
margin: 7px 20px 0px -15px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-switch label {
display: inline-block;
width: 510px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-switch .switch {
display: inline-block;
margin-left: 20px;
vertical-align: top;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox {
cursor: pointer;
margin-right: 10px;
margin-top: 2px;
display: inline-block;
line-height: 30px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-cmp-li-label {
color: #777;
font-weight: 500;
line-height: 30px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-cmp-li-label-mobile {
display: none;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-cmp-li-label-active {
color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-checkbox {
display: inline-block;
margin-left: 7px;
line-height: 30px;
vertical-align: middle;
margin-top: 5px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
background-color: #fff;
border-color: #ccc;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
background-color: transparent;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #09cd18;
border-bottom: 2px solid #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-cmp-intro {
display: block;
margin-left: 20px;
margin-right: 20px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-detailed-selection-card .st-legal-item {
display: block;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
}
</style><style type="text/css">.st-checkbox [type="checkbox"]:not(:checked),
.st-checkbox [type="checkbox"]:checked {
position: absolute;
left: -9999px;
opacity: 0;
}
.st-checkbox [type="checkbox"] + label {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
}
.st-checkbox [type="checkbox"] + label:before,
.st-checkbox [type="checkbox"]:not(.filled-in) + label:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
z-index: 0;
border: 2px solid #5a5a5a;
border-radius: 1px;
margin-top: 1px;
transition: 0.2s;
}
.st-checkbox [type="checkbox"].small + label:before,
.st-checkbox [type="checkbox"]:not(.filled-in).small + label:after {
width: 10px;
height: 10px;
}
.st-checkbox [type="checkbox"]:not(.filled-in) + label:after {
border: 0;
transform: scale(0);
}
.st-checkbox [type="checkbox"]:not(:checked):disabled + label:before {
border: none;
background-color: rgba(0,0,0,0.26);
}
.st-checkbox [type="checkbox"].tabbed:focus + label:after {
transform: scale(1);
border: 0;
border-radius: 50%;
box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
background-color: rgba(0,0,0,0.1);
}
.st-checkbox [type="checkbox"]:checked + label:before {
top: -4px;
left: -5px;
width: 12px;
height: 22px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #92d400;
border-bottom: 2px solid #92d400;
transform: rotate(40deg);
backface-visibility: hidden;
transform-origin: 100% 100%;
}
.st-checkbox [type="checkbox"]:checked.small + label:before {
width: 9.3px;
height: 17.1px;
}
.st-checkbox [type="checkbox"]:checked:disabled + label:before {
border-right: 2px solid rgba(0,0,0,0.26);
border-bottom: 2px solid rgba(0,0,0,0.26);
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-third-layer .st-cmp-selection-cards h2 {
margin-bottom: 20px;
}
#st-cmp-v2 .st-cmp-app .st-third-layer .st-cmp-selection-cards h3 {
margin-left: 0px;
}
#st-cmp-v2 .st-cmp-app .st-third-layer .st-cmp-selection-cards h4 {
margin-left: 0px;
}
#st-cmp-v2 .st-cmp-app .st-third-layer .st-cmp-nav-buttons {
margin-top: 20px;
}
</style><style type="text/css">#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card {
margin: 0px 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header {
background-color: #f0f0f0;
padding: 5px 10px;
border-bottom: 1px solid #e1e1e1;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header h3 {
display: inline-block;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles {
margin-top: 4px;
display: inline-block;
line-height: 29px;
float: right;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox {
cursor: pointer;
display: inline-block;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label {
cursor: pointer;
vertical-align: top;
margin-right: 10px;
font-weight: 500;
color: #555;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-mobile {
display: none;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-cmp-li-label-active {
color: #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox {
display: inline-block;
margin-right: 10px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox > span > label {
margin-bottom: 0rem;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"] + label:before {
margin-top: 2px;
background-color: #fff;
border-color: #ccc;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-checkbox .st-checkbox [type="checkbox"]:checked + label:before {
background-color: transparent;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #09cd18;
border-bottom: 2px solid #09cd18;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-switch {
display: inline-block;
margin-bottom: 0px;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-header .st-cmp-toggles .st-cmp-icon {
display: inline-block;
margin-left: 10px;
width: 25px;
height: 25px;
cursor: pointer;
vertical-align: unset;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-body {
background-color: #f7f7f7;
padding: 15px 20px 5px 20px;
border-bottom: 1px solid #e1e1e1;
}
#st-cmp-v2 .st-cmp-app .st-cmp-vendor-selection-card .st-cmp-body .st-cmp-section {
margin-bottom: 10px;
}
</style></head>
<body id="" class="clearfix theme-1 home_page card-wrapper">
<!-- Scroll to top button -->
<a href="#" class="scrollToTop"><i class="fa fa-arrow-up fa-2x"></i></a>
<div class="layout_containner clearfix">
<nav id="slide-menu" class="slide-menu">
<div class="slide-menu-bg close"></div>
<div class="close-button">
<a class="home" title="Home" href="https://serenehaven.florist">Home</a>
<div class="close" title="Close">
<span class="uppercase">Close</span>
<i class="fa fa-times" aria-hidden="true"></i>
</div>
</div>
<div class="slide-menu-inner">
<div id="mobile-menu-search" class="search-block ">
<a href="javascript:void(0)" class="pure-menu-link open_search">
<div class="menu_icon" title="Search">
<svg viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;">
<path d="M99.27,95.73L61.45,57.91C66.77,51.77,70,43.77,70,35C70,15.67,54.33,0,35,0C15.67,0,0,15.67,0,35s15.67,35,35,35
c8.77,0,16.77-3.23,22.91-8.55l37.82,37.82c0.49,0.49,1.13,0.73,1.77,0.73s1.28-0.24,1.77-0.73
C100.24,98.29,100.24,96.71,99.27,95.73z M5,35C5,18.46,18.46,5,35,5s30,13.46,30,30S51.54,65,35,65S5,51.54,5,35z"></path>
</svg>
</div>
</a>
<div class="drop_search">
<form class="search-form" method="get" action="https://serenehaven.florist/product/search">
<div class="search-field">
<input type="text" name="q" class="pure-u-24-24" placeholder="Search for products">
<label class="search-button">
<input class="submit-input" type="submit" value="Search">
<div class="menu_icon" title="Search">
<svg viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;">
<path d="M99.27,95.73L61.45,57.91C66.77,51.77,70,43.77,70,35C70,15.67,54.33,0,35,0C15.67,0,0,15.67,0,35s15.67,35,35,35
c8.77,0,16.77-3.23,22.91-8.55l37.82,37.82c0.49,0.49,1.13,0.73,1.77,0.73s1.28-0.24,1.77-0.73
C100.24,98.29,100.24,96.71,99.27,95.73z M5,35C5,18.46,18.46,5,35,5s30,13.46,30,30S51.54,65,35,65S5,51.54,5,35z"></path>
</svg>
</div>
</label>
</div>
</form>
</div>
</div>
<ul class="menu-items">
<li class="menu-item ">
<a href="https://serenehaven.florist/brands/1/Chistmas-Holiday-Delights" title="Chistmas Holiday Delights">Chistmas Holiday Delights</a>
</li>
<li class="menu-item menu-has-children ">
<a class="menu-toggle"></a>
<a href="https://serenehaven.florist/categories/42/Flowers" title="Flowers">Flowers</a>
<ul class="menu-items">
<li class="menu-item menu-has-children ">
<a class="menu-toggle"></a>
<a href="https://serenehaven.florist/categories/46/Shop-By-Category" title="Shop By Category">Shop By Category</a>
<ul class="menu-items">
<li class="menu-item">
<a href="https://serenehaven.florist/categories/51/Classic-Collection">Classic Collection</a>
</li>
<li class="menu-item">
<a href="https://serenehaven.florist/categories/53/Flower-Basket-or-Pot">Flower Basket or Pot</a>
</li>
<li class="menu-item">
<a href="https://serenehaven.florist/categories/52/Flower-Bouquet">Flower Bouquet</a>
</li>
</ul>
</li>
<li class="menu-item menu-has-children ">
<a class="menu-toggle"></a>
<a href="https://serenehaven.florist/categories/47/Shop-By-Occasions" title="Shop By Occasions">Shop By Occasions</a>
<ul class="menu-items">
<li class="menu-item">
<a href="https://serenehaven.florist/categories/54/Birthday">Birthday</a>
</li>
<li class="menu-item">
<a href="https://serenehaven.florist/categories/58/Get-Well-Soon">Get Well Soon</a>
</li>
<li class="menu-item">
<a href="https://serenehaven.florist/categories/57/Graduation-Bouquet">Graduation </a>
</li>
<li class="menu-item">
<a href="https://serenehaven.florist/categories/56/Newborn">Newborn</a>
</li>
<li class="menu-item">
<a href="https://serenehaven.florist/categories/73/Opening">Opening</a>
</li>
<li class="menu-item">
<a href="https://serenehaven.florist/categories/55/Romance">Romance</a>
</li>
<li class="menu-item">
<a href="https://serenehaven.florist/categories/82/wedding">Wedding</a>
</li>
</ul>
</li>
<li class="menu-item menu-has-children ">
<a class="menu-toggle"></a>
<a href="https://serenehaven.florist/categories/92/Seasonal-Flowers" title="Seasonal Flowers">Seasonal Flowers</a>
<ul class="menu-items">
<li class="menu-item">
<a href="https://serenehaven.florist/categories/93/Christmas-Tree">Christmas</a>
</li>
<li class="menu-item">
<a href="https://serenehaven.florist/categories/91/Orchid-%28Seasonal%29">Orchid</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="menu-item menu-has-children ">
<a class="menu-toggle"></a>
<a href="https://serenehaven.florist/categories/83/bespokeservices" title="Bespoke Bouquet Services">Bespoke Bouquet Services</a>
<ul class="menu-items">
<li class="menu-item ">
<a href="https://serenehaven.florist/categories/41/Psychology-%26-Flower" title="Psychology & Flower">Psychology & Flower</a>
</li>
<li class="menu-item ">
<a href="https://serenehaven.florist/categories/43/Personalised-Pick" title="Personalised Pick">Personalised Pick</a>
</li>
</ul>
</li>
<li class="menu-item ">
<a href="https://serenehaven.florist/categories/45/Workshop-%26-Events" title="Workshops" target="_self">Workshops</a>
</li>
<li class="menu-item ">
<a href="https://serenehaven.florist/page/custom/14" class="pure-menu-link">Event Decorations </a>
</li>
</ul>
<ul class="slide-submenu menu-items">
<h3 class="title">Language</h3>
<li class="menu-item"><a href="https://serenehaven.florist/lang/en-HK" class="active">Hong Kong - English</a></li>
<li class="menu-item"><a href="https://serenehaven.florist/lang/zh-HK">香港 - 繁體中文</a></li>
</ul>
<ul class="slide-submenu menu-items">
<h3 class="title">Account</h3>
<li class="menu-item">
<a href="https://serenehaven.florist/login">
Sign In </a>
</li>
</ul>
</div>
</nav>
<div class="main_wrapper clearfix">
<div class="header">
<!-- headbar:-->
<!-- headbar End-->
<!-- menu: -->
<div id="menu-bar" class="pure-menu pure-menu-horizontal">
<div class="container home-menu ">
<div id="top-header">
<div id="menu-bar-button">
<a class="mobile-menu-trigger open"><span class="menu-bar"></span></a>
</div>
<div id="functional-tools" class="header-section functional-tools ">
<div class="pure-menu pure-menu-horizontal">
<ul class="pure-menu-list functional-items">
<li class="pure-menu-item button-lang">
<div id="language_selector" class="language-selector pure-menu-has-children ">
<a href="javascript:void(0)" class="pure-menu-link pure-menu-item ">
<div class="menu_icon">
<svg viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;">
<path d="M50,0C22.39,0,0,22.39,0,50c0,27.61,22.39,50,50,50s50-22.39,50-50C100,22.39,77.61,0,50,0z M47.63,26.96
c-5.39-0.21-10.62-1.33-15.66-3.34c5.2-7.9,11.6-13.43,15.56-16.4L47.63,26.96z M47.66,31.96l0.08,15.54h-24.1
c0.53-7.45,2.77-13.99,5.77-19.57C35.29,30.36,41.43,31.72,47.66,31.96z M47.76,52.5l0.08,15.28c-6.6,0.16-13.04,1.59-19.16,4.22
c-2.86-5.5-4.88-12-5.14-19.5H47.76z M47.87,72.78l0.1,20.26c-4.23-2.84-11.31-8.39-16.77-16.73
C36.51,74.11,42.08,72.93,47.87,72.78z M52.87,72.91c5.33,0.41,10.51,1.69,15.53,3.83c-5.12,7.81-11.49,13.22-15.43,16.11
L52.87,72.91z M52.84,67.89L52.76,52.5h23.68c-0.34,7.62-2.5,14.26-5.47,19.89C65.14,69.82,59.08,68.32,52.84,67.89z M52.74,47.5
l-0.08-15.61c6.06-0.37,12.05-1.82,17.83-4.3c3.11,5.67,5.43,12.32,5.92,19.91H52.74z M52.63,26.89l-0.1-19.62
c3.93,2.95,10.2,8.36,15.35,16.03C62.94,25.35,57.85,26.55,52.63,26.89z M58.92,5.89c7.95,1.61,15.15,5.32,20.99,10.52
c-2.41,1.79-4.87,3.35-7.37,4.68C68.21,14.46,63.07,9.37,58.92,5.89z M27.28,21.47c-2.57-1.34-5.1-2.92-7.56-4.74
c5.9-5.38,13.24-9.21,21.36-10.85C36.87,9.42,31.65,14.63,27.28,21.47z M24.79,25.77c-3.24,6.15-5.65,13.4-6.17,21.73H5.07
C5.64,37.12,9.75,27.68,16.2,20.34C18.97,22.42,21.84,24.23,24.79,25.77z M18.54,52.5c0.25,8.4,2.44,15.64,5.56,21.73
c-2.77,1.51-5.45,3.27-8.04,5.28C9.7,72.19,5.64,62.8,5.07,52.5H18.54z M26.58,78.54c4.37,6.88,9.76,12.01,14.22,15.51
c-8.08-1.69-15.37-5.55-21.23-10.94C21.84,81.36,24.18,79.84,26.58,78.54z M73.03,78.98c2.38,1.3,4.71,2.8,7,4.49
c-5.65,5.07-12.58,8.73-20.25,10.44C63.9,90.47,68.87,85.5,73.03,78.98z M75.53,74.65c3.24-6.22,5.58-13.61,5.91-22.15h13.48
c-0.58,10.48-4.76,20.02-11.33,27.39C80.97,77.9,78.28,76.15,75.53,74.65z M81.42,47.5c-0.47-8.49-2.97-15.87-6.34-22.12
c2.87-1.54,5.68-3.34,8.41-5.4c6.63,7.39,10.86,16.98,11.44,27.52H81.42z"></path>
</svg>
</div>
</a>
<div class="pure-menu-children pure-menu-list ">
<div class="pure-menu-item pure-menu-allow-hover ">
<a href="https://serenehaven.florist/lang/en-HK" class="active">Hong Kong - English</a>
</div>
<div class="pure-menu-item pure-menu-allow-hover ">
<a href="https://serenehaven.florist/lang/zh-HK">香港 - 繁體中文</a>
</div>
</div>
</div>
</li>
<li id="search_block_top" class="pure-menu-item button-search">
<div id="top_search_block" class="search-block ">
<a href="javascript:void(0)" class="pure-menu-link open_search">
<div class="menu_icon" title="Search">
<svg viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;">
<path d="M99.27,95.73L61.45,57.91C66.77,51.77,70,43.77,70,35C70,15.67,54.33,0,35,0C15.67,0,0,15.67,0,35s15.67,35,35,35
c8.77,0,16.77-3.23,22.91-8.55l37.82,37.82c0.49,0.49,1.13,0.73,1.77,0.73s1.28-0.24,1.77-0.73
C100.24,98.29,100.24,96.71,99.27,95.73z M5,35C5,18.46,18.46,5,35,5s30,13.46,30,30S51.54,65,35,65S5,51.54,5,35z"></path>
</svg>
</div>
</a>
<div class="drop_search">
<form class="search-form" method="get" action="https://serenehaven.florist/product/search">
<div class="search-field">
<input type="text" name="q" class="pure-u-24-24" placeholder="Search for products">
<label class="search-button">
<input class="submit-input" type="submit" value="Search">
<div class="menu_icon" title="Search">
<svg viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;">
<path d="M99.27,95.73L61.45,57.91C66.77,51.77,70,43.77,70,35C70,15.67,54.33,0,35,0C15.67,0,0,15.67,0,35s15.67,35,35,35
c8.77,0,16.77-3.23,22.91-8.55l37.82,37.82c0.49,0.49,1.13,0.73,1.77,0.73s1.28-0.24,1.77-0.73
C100.24,98.29,100.24,96.71,99.27,95.73z M5,35C5,18.46,18.46,5,35,5s30,13.46,30,30S51.54,65,35,65S5,51.54,5,35z"></path>
</svg>
</div>
</label>
</div>
</form>
</div>
</div>
</li>
<li class="pure-menu-item button-account">
<a href="https://serenehaven.florist/login" class="pure-menu-link">
<div class="menu_icon" title="Login">
<svg viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;">
<path d="M61.51,47.19C69.53,43.02,75,34.65,75,25C75,11.19,63.81,0,50,0S25,11.19,25,25c0,9.65,5.47,18.02,13.49,22.19
C8.39,53.93,10,87.6,10,100h80C90,87.6,91.61,53.93,61.51,47.19z M30,25c0-11.03,8.97-20,20-20c11.03,0,20,8.97,20,20
c0,11.03-8.97,20-20,20C38.97,45,30,36.03,30,25z M14.99,95c0.04-10.19,0.9-25.91,10.39-35.46C31.02,53.87,39.3,51,50,51
s18.98,2.87,24.62,8.54C84.11,69.09,84.97,84.81,85.01,95H14.99z"></path>
</svg>
</div>
</a>
</li>
<li id="samll_shopping_cart" class="pure-menu-item button-cart"><a href="https://serenehaven.florist/cart" class="pure-menu-link"><span class="badge"><div title="My Cart" class="menu_icon"><svg viewBox="0 0 100 100"><path d="M86,37c0-5.5-5.6-10-10-10h-8.5v-9.5C67.5,7.85,59.65,0,50,0S32.5,7.85,32.5,17.5V27H24c-4.4,0-10,4.5-10,10l-4,53
c0,5.5,5.6,10,10,10h60c4.4,0,10-4.5,10-10L86,37z M37.5,17.5C37.5,10.61,43.11,5,50,5s12.5,5.61,12.5,12.5V27h-25V17.5z M80,95H20
c-1.8,0-4.88-2.38-5-4.86l3.98-52.77C19,37.25,19,37.13,19,37c0-2.53,3.16-5,5-5h8.5v9.5c0,1.38,1.12,2.5,2.5,2.5s2.5-1.12,2.5-2.5
V32h25v9.5c0,1.38,1.12,2.5,2.5,2.5s2.5-1.12,2.5-2.5V32H76c1.84,0,5,2.47,5,5c0,0.13,0,0.25,0.01,0.38L85,90.14
C84.88,92.62,81.8,95,80,95z"></path></svg></div> <span id="cart_summary_count">0</span></span></a> <!----></li>
</ul>
</div>
</div>
<div id="logo" class="sheader-section ">
<a class="shop-logo" href="https://serenehaven.florist" title="Serene Haven">
<img src="https://images.storeberry.chat/shops/h149/logo/piwrbptsKh0Od7tTznJ3VcCq2AnXLiA0.png">
</a>
</div>
</div>
</div>
<div class="clear-fix"></div>
<div class="menulist-container">
<div id="menulist" class="pure-menu-list-container fadeinout animate-line" style="">
<ul class="pure-menu-list">
<li class="menu-item pure-menu-item pure-menu-allow-hover ">
<a href="https://serenehaven.florist/brands/1/Chistmas-Holiday-Delights" class="pure-menu-link">Chistmas Holiday Delights</a>
</li><li class="menu-item pure-menu-item pure-menu-allow-hover pure-menu-has-children ">
<a href="https://serenehaven.florist/categories/42/Flowers" class="pure-menu-link">Flowers</a>
<ul class="pure-menu-children ">
<li class="menu-item pure-menu-item pure-menu-has-children">
<a class="menu-toggle"></a>
<a href="https://serenehaven.florist/categories/46/Shop-By-Category" class="pure-menu-link">Shop By Category</a>
<ul class="pure-menu-children ">
<li class="menu-item pure-menu-item">
<a href="https://serenehaven.florist/categories/51/Classic-Collection" class="pure-menu-link">Classic Collection</a>
</li>
<li class="menu-item pure-menu-item">
<a href="https://serenehaven.florist/categories/53/Flower-Basket-or-Pot" class="pure-menu-link">Flower Basket or Pot</a>
</li>
<li class="menu-item pure-menu-item">
<a href="https://serenehaven.florist/categories/52/Flower-Bouquet" class="pure-menu-link">Flower Bouquet</a>
</li>
</ul>
</li>
<li class="menu-item pure-menu-item pure-menu-has-children">
<a class="menu-toggle"></a>
<a href="https://serenehaven.florist/categories/47/Shop-By-Occasions" class="pure-menu-link">Shop By Occasions</a>
<ul class="pure-menu-children ">
<li class="menu-item pure-menu-item">
<a href="https://serenehaven.florist/categories/54/Birthday" class="pure-menu-link">Birthday</a>
</li>
<li class="menu-item pure-menu-item">
<a href="https://serenehaven.florist/categories/58/Get-Well-Soon" class="pure-menu-link">Get Well Soon</a>
</li>
<li class="menu-item pure-menu-item">
<a href="https://serenehaven.florist/categories/57/Graduation-Bouquet" class="pure-menu-link">Graduation </a>
</li>
<li class="menu-item pure-menu-item">
<a href="https://serenehaven.florist/categories/56/Newborn" class="pure-menu-link">Newborn</a>
</li>
<li class="menu-item pure-menu-item">
<a href="https://serenehaven.florist/categories/73/Opening" class="pure-menu-link">Opening</a>
</li>
<li class="menu-item pure-menu-item">
<a href="https://serenehaven.florist/categories/55/Romance" class="pure-menu-link">Romance</a>
</li>
<li class="menu-item pure-menu-item">
<a href="https://serenehaven.florist/categories/82/wedding" class="pure-menu-link">Wedding</a>
</li>
</ul>
</li>
<li class="menu-item pure-menu-item pure-menu-has-children">
<a class="menu-toggle"></a>
<a href="https://serenehaven.florist/categories/92/Seasonal-Flowers" class="pure-menu-link">Seasonal Flowers</a>
<ul class="pure-menu-children ">
<li class="menu-item pure-menu-item">
<a href="https://serenehaven.florist/categories/93/Christmas-Tree" class="pure-menu-link">Christmas</a>
</li>
<li class="menu-item pure-menu-item">
<a href="https://serenehaven.florist/categories/91/Orchid-%28Seasonal%29" class="pure-menu-link">Orchid</a>
</li>
</ul>
</li>
</ul>
</li><li class="menu-item pure-menu-item pure-menu-allow-hover pure-menu-has-children ">
<a href="https://serenehaven.florist/categories/83/bespokeservices" class="pure-menu-link">Bespoke Bouquet Services</a>
<ul class="pure-menu-children ">
<li class="menu-item pure-menu-item ">
<a href="https://serenehaven.florist/categories/41/Psychology-%26-Flower" class="pure-menu-link">Psychology & Flower</a>
</li>
<li class="menu-item pure-menu-item ">
<a href="https://serenehaven.florist/categories/43/Personalised-Pick" class="pure-menu-link">Personalised Pick</a>
</li>
</ul>
</li><li class="menu-item pure-menu-item pure-menu-allow-hover ">
<a href="https://serenehaven.florist/categories/45/Workshop-%26-Events" class="pure-menu-link">Workshops</a>
</li><li class="menu-item pure-menu-item pure-menu-allow-hover ">
<a href="https://serenehaven.florist/page/custom/14" class="pure-menu-link">Event Decorations </a>
</li><li class="more-item pure-menu-item pure-menu-allow-hover" style="display: none;">
<a class="pure-menu-link"><i class="fa fa-ellipsis-h" aria-hidden="true"></i></a>
<ul class="pure-menu-children more-item-menu">
</ul>
</li></ul>
</div>
</div>
</div>
<!-- menu End -->
</div>
<div class="content-wrapper">
<!-- slider: -->
<!-- slider End -->
<div class="content-inner clearfix">
<!-- content: -->
<div id="homepage-index"><div><section id="full_text_block_0_26" class="text-section module_zone "><div class="module_content container fr-view"><br><img src="https://images.storeberry.chat/shops/h149/pages/24092909304405194e.png" class="fr-fic fr-dib" style="width: 300px;"><br><br></div></section></div> <div><div id="image_slider_1_2" class="image_slider_wrapper "><div class="image_slider_container owl-carousel owl-theme owl-loaded owl-drag"> <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-3160px, 0px, 0px); transition: all 0.25s ease 0s; width: 9480px;"><div class="owl-item cloned" style="width: 790px;"><div class="image_slide" style="background-image: url("https://images.storeberry.chat/shops/h149/slider/YzSota809I1o8uUeljaqXZRxAoKLsVEQ.png");"></div></div><div class="owl-item cloned" style="width: 790px;"><div class="image_slide" style="background-image: url("https://images.storeberry.chat/shops/h149/slider/jX2W27vn163axtaWIWs3AorixWCUCMK7.png");"></div></div><div class="owl-item cloned" style="width: 790px;"><div class="image_slide" style="background-image: url("https://images.storeberry.chat/shops/h149/slider/cYbd2BJVikLBDLBOP4WCm6DWIj8OpScl.png");"></div></div><div class="owl-item" style="width: 790px;"><div class="image_slide" style="background-image: url("https://images.storeberry.chat/shops/h149/slider/reKvWB4eCuoZbPw5RXrYp0oHUXZIu3r4.png");"></div></div><div class="owl-item active" style="width: 790px;"><div class="image_slide" style="background-image: url("https://images.storeberry.chat/shops/h149/slider/o1sP15HXdWbBMZkLyfrUov0Rs4At1GiA.png");"></div></div><div class="owl-item" style="width: 790px;"><div class="image_slide" style="background-image: url("https://images.storeberry.chat/shops/h149/slider/JmSc3nLogyiyLM5gRQnNrWsyWBEsGyVc.png");"></div></div><div class="owl-item" style="width: 790px;"><div class="image_slide" style="background-image: url("https://images.storeberry.chat/shops/h149/slider/YzSota809I1o8uUeljaqXZRxAoKLsVEQ.png");"></div></div><div class="owl-item" style="width: 790px;"><div class="image_slide" style="background-image: url("https://images.storeberry.chat/shops/h149/slider/jX2W27vn163axtaWIWs3AorixWCUCMK7.png");"></div></div><div class="owl-item" style="width: 790px;"><div class="image_slide" style="background-image: url("https://images.storeberry.chat/shops/h149/slider/cYbd2BJVikLBDLBOP4WCm6DWIj8OpScl.png");"></div></div><div class="owl-item cloned" style="width: 790px;"><div class="image_slide" style="background-image: url("https://images.storeberry.chat/shops/h149/slider/reKvWB4eCuoZbPw5RXrYp0oHUXZIu3r4.png");"></div></div><div class="owl-item cloned" style="width: 790px;"><div class="image_slide" style="background-image: url("https://images.storeberry.chat/shops/h149/slider/o1sP15HXdWbBMZkLyfrUov0Rs4At1GiA.png");"></div></div><div class="owl-item cloned" style="width: 790px;"><div class="image_slide" style="background-image: url("https://images.storeberry.chat/shops/h149/slider/JmSc3nLogyiyLM5gRQnNrWsyWBEsGyVc.png");"></div></div></div></div><div class="owl-nav"><button type="button" role="presentation" class="owl-prev"></button><button type="button" role="presentation" class="owl-next"></button></div><div class="owl-dots"><button role="button" class="owl-dot"><span></span></button><button role="button" class="owl-dot active"><span></span></button><button role="button" class="owl-dot"><span></span></button><button role="button" class="owl-dot"><span></span></button><button role="button" class="owl-dot"><span></span></button><button role="button" class="owl-dot"><span></span></button></div></div></div></div> <section id="line_2_51" class="line-section module_zone " style="padding-top: 50px; padding-bottom: 50px;"><div class="module_content container"><div class="line-block"><div class="line" style="border-top: 1px solid rgb(102, 102, 102);"></div></div></div></section> <div><section id="full_text_block_3_52" class="text-section module_zone "><div class="module_content container fr-view"><a href="https://serenehaven.florist/brands/1/Chistmas-Holiday-Delights" rel="noopener noreferrer" target="_blank"><img src="https://images.storeberry.chat/shops/h149/pages/2411271545013610bb.png" class="fr-fic fr-dib" style="width: 1200px; height: 300px;"></a></div></section></div> <div><section id="product_gallery_4_4" class="other_products module_zone "><div class="module_content container"><div class="zone_title"><div class="title large-text"><span>Florist's Pick</span></div></div> <div class="clear-fix"></div> <div class="products_zone mspace product_grid clearfix"><div class="grid-item"><div class="item-inner"><div class="product_img"><a href="https://serenehaven.florist/product/32/Flower-4" data-product-id="32"><img class="pure-img lazy" src="https://images.storeberry.chat/shops/h149/products/M/241104153738b2df26.jpg" style=""></a> <button class="quick-add-to-cart pure-button"><span class="quick-add-to-cart-text">Add to Cart</span> <span class="loading-text">Processing</span></button> <div class="promotion_tag_wrapper"></div></div> <div class="product_detail"><a href="https://serenehaven.florist/product/32/Flower-4" title="Joyous Celebration" data-product-id="32" class="product_name">
Joyous Celebration
</a> <div title="HKD $880.00 - 1,080.00" class="product_price onsale-0"><div class="price-label"><span class="presentment original-price">HKD $1080.00</span> <div class="sale-price"><span class="presentment">HKD $880.00</span> <span class="price-label-up">UP</span></div></div></div> <button class="quick-add-to-cart-mobile pure-button "><span class="quick-add-to-cart-text">Add to Cart</span> <span class="loading-text">Processing</span></button></div></div></div> <div class="grid-item"><div class="item-inner"><div class="product_img"><a href="https://serenehaven.florist/product/33/Flower-5" data-product-id="33"><img class="pure-img lazy" src="https://images.storeberry.chat/shops/h149/products/M/241104154954c4aca1.png" style=""></a> <button class="quick-add-to-cart pure-button"><span class="quick-add-to-cart-text">Add to Cart</span> <span class="loading-text">Processing</span></button> <div class="promotion_tag_wrapper"></div></div> <div class="product_detail"><a href="https://serenehaven.florist/product/33/Flower-5" title="Little Rabbit" data-product-id="33" class="product_name">
Little Rabbit
</a> <div title="HKD $680.00 - 1,500.00" class="product_price onsale-0"><div class="price-label"><span class="presentment original-price">HKD $1500.00</span> <div class="sale-price"><span class="presentment">HKD $680.00</span> <span class="price-label-up">UP</span></div></div></div> <button class="quick-add-to-cart-mobile pure-button "><span class="quick-add-to-cart-text">Add to Cart</span> <span class="loading-text">Processing</span></button></div></div></div> <div class="grid-item"><div class="item-inner"><div class="product_img"><a href="https://serenehaven.florist/product/31/Flower-3" data-product-id="31"><img class="pure-img lazy" src="https://images.storeberry.chat/shops/h149/products/M/24110415350159e1a1.png" style=""></a> <button class="quick-add-to-cart pure-button"><span class="quick-add-to-cart-text">Add to Cart</span> <span class="loading-text">Processing</span></button> <div class="promotion_tag_wrapper"></div></div> <div class="product_detail"><a href="https://serenehaven.florist/product/31/Flower-3" title="Warm Celebration" data-product-id="31" class="product_name">
Warm Celebration
</a> <div title="HKD $880.00 - 1,080.00" class="product_price onsale-0"><div class="price-label"><span class="presentment original-price">HKD $1080.00</span> <div class="sale-price"><span class="presentment">HKD $880.00</span> <span class="price-label-up">UP</span></div></div></div> <button class="quick-add-to-cart-mobile pure-button "><span class="quick-add-to-cart-text">Add to Cart</span> <span class="loading-text">Processing</span></button></div></div></div> <div class="grid-item"><div class="item-inner"><div class="product_img"><a href="https://serenehaven.florist/product/29/Flower-1" data-product-id="29"><img data-src="https://images.storeberry.chat/shops/h149/products/M/2411041527474952da.jpg" class="pure-img lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></a> <button class="quick-add-to-cart pure-button"><span class="quick-add-to-cart-text">Add to Cart</span> <span class="loading-text">Processing</span></button> <div class="promotion_tag_wrapper"></div></div> <div class="product_detail"><a href="https://serenehaven.florist/product/29/Flower-1" title="Yellow Season " data-product-id="29" class="product_name">
Yellow Season
</a> <div title="HKD $900.00 - 1,200.00" class="product_price onsale-0"><div class="price-label"><span class="presentment original-price">HKD $1200.00</span> <div class="sale-price"><span class="presentment">HKD $900.00</span> <span class="price-label-up">UP</span></div></div></div> <button class="quick-add-to-cart-mobile pure-button "><span class="quick-add-to-cart-text">Add to Cart</span> <span class="loading-text">Processing</span></button></div></div></div></div></div></section></div> <div><section id="product_carousel_5_5" class="feature_products module_zone "><div class="module_content container"><div class="block_zone"><div class="zone_title"><div class="title large-text"><button href="javascript:void(0)" class="rectangle-frame-button owl_prev_nav"> < </button> <span>Shop Our Popular Items</span> <button href="javascript:void(0)" class="rectangle-frame-button owl_next_nav"> > </button></div></div></div> <div class="clear-fix"></div> <div class="products_zone products_carousel"><div class="products_zone_inner owl-carousel feature-owl-carousel owl-loaded owl-drag"> <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 1080px;"><div class="owl-item active" style="width: 222px; margin-right: 48px;"><div class="item "><div class="item-inner"><div class="product_img"><a href="https://serenehaven.florist/product/26/Fuel-Your-Happiness" data-product-id="26"><img data-src="https://images.storeberry.chat/shops/h149/products/M/241027160312a9d5d0.jpg" class="pure-img owl-lazy" src="https://images.storeberry.chat/shops/h149/products/M/241027160312a9d5d0.jpg" style="opacity: 1;"></a> <button class="quick-add-to-cart pure-button"><span class="quick-add-to-cart-text">Add to Cart</span> <span class="loading-text">Processing</span></button> <div class="promotion_tag_wrapper"></div></div> <div class="product_detail"><a href="https://serenehaven.florist/product/26/Fuel-Your-Happiness" title="Fuel Your Happiness" data-product-id="26" class="product_name">
Fuel Your Happiness
</a> <div title="HKD $480.00 - 1,480.00" class="product_price onsale-0"><div class="price-label"><span class="presentment original-price">HKD $1480.00</span> <div class="sale-price"><span class="presentment">HKD $480.00</span> <span class="price-label-up">UP</span></div></div></div> <button class="quick-add-to-cart-mobile pure-button "><span class="quick-add-to-cart-text">Add to Cart</span> <span class="loading-text">Processing</span></button></div></div></div></div><div class="owl-item active" style="width: 222px; margin-right: 48px;"><div class="item "><div class="item-inner"><div class="product_img"><a href="https://serenehaven.florist/product/35/Feel-the-Calmness" data-product-id="35"><img data-src="https://images.storeberry.chat/shops/h149/products/M/2410271513042e4662.jpg" class="pure-img owl-lazy" src="https://images.storeberry.chat/shops/h149/products/M/2410271513042e4662.jpg" style="opacity: 1;"></a> <button class="quick-add-to-cart pure-button"><span class="quick-add-to-cart-text">Add to Cart</span> <span class="loading-text">Processing</span></button> <div class="promotion_tag_wrapper"></div></div> <div class="product_detail"><a href="https://serenehaven.florist/product/35/Feel-the-Calmness" title="Feel the Calmness" data-product-id="35" class="product_name">
Feel the Calmness
</a> <div title="HKD $480.00 - 1,480.00" class="product_price onsale-0"><div class="price-label"><span class="presentment original-price">HKD $1480.00</span> <div class="sale-price"><span class="presentment">HKD $480.00</span> <span class="price-label-up">UP</span></div></div></div> <button class="quick-add-to-cart-mobile pure-button "><span class="quick-add-to-cart-text">Add to Cart</span> <span class="loading-text">Processing</span></button></div></div></div></div><div class="owl-item active" style="width: 222px; margin-right: 48px;"><div class="item "><div class="item-inner"><div class="product_img"><a href="https://serenehaven.florist/product/36/Find-Serenity-2" data-product-id="36"><img data-src="https://images.storeberry.chat/shops/h149/products/M/2410271340565627e2.jpg" class="pure-img owl-lazy" src="https://images.storeberry.chat/shops/h149/products/M/2410271340565627e2.jpg" style="opacity: 1;"></a> <button class="quick-add-to-cart pure-button"><span class="quick-add-to-cart-text">Add to Cart</span> <span class="loading-text">Processing</span></button> <div class="promotion_tag_wrapper"></div></div> <div class="product_detail"><a href="https://serenehaven.florist/product/36/Find-Serenity-2" title="Find Serenity" data-product-id="36" class="product_name">
Find Serenity
</a> <div title="HKD $480.00 - 1,480.00" class="product_price onsale-0"><div class="price-label"><span class="presentment original-price">HKD $1480.00</span> <div class="sale-price"><span class="presentment">HKD $480.00</span> <span class="price-label-up">UP</span></div></div></div> <button class="quick-add-to-cart-mobile pure-button "><span class="quick-add-to-cart-text">Add to Cart</span> <span class="loading-text">Processing</span></button></div></div></div></div><div class="owl-item" style="width: 222px; margin-right: 48px;"><div class="item "><div class="item-inner"><div class="product_img"><a href="https://serenehaven.florist/product/37/Boost-Your-Mood-2" data-product-id="37"><img data-src="https://images.storeberry.chat/shops/h149/products/M/241027160704cd908c.jpg" class="pure-img owl-lazy"></a> <button class="quick-add-to-cart pure-button"><span class="quick-add-to-cart-text">Add to Cart</span> <span class="loading-text">Processing</span></button> <div class="promotion_tag_wrapper"></div></div> <div class="product_detail"><a href="https://serenehaven.florist/product/37/Boost-Your-Mood-2" title="Boost Your Mood" data-product-id="37" class="product_name">
Boost Your Mood
</a> <div title="HKD $480.00 - 1,480.00" class="product_price onsale-0"><div class="price-label"><span class="presentment original-price">HKD $1480.00</span> <div class="sale-price"><span class="presentment">HKD $480.00</span> <span class="price-label-up">UP</span></div></div></div> <button class="quick-add-to-cart-mobile pure-button "><span class="quick-add-to-cart-text">Add to Cart</span> <span class="loading-text">Processing</span></button></div></div></div></div></div></div><div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div><div class="owl-dots"><button role="button" class="owl-dot active"><span></span></button><button role="button" class="owl-dot"><span></span></button></div></div></div></div></section></div> <div class="quick_view_wrapper" style="display: none;"><div id="product_detail_block"><div id="product_more_img" class="pure-g"><div class="pure-u-1-1 pure-u-md-1-2"><div id="qproduct-images-slider" data-maxheight="400"></div></div> <div class="pure-u-1-1 pure-u-md-1-2"><div id="product_detail_content" class="clearfix"><h1 class="product-name"></h1> <div class="product_price onsale-0"><span class="original-price" style="display: none;">
</span> <span class="sale-price">
</span></div> <!----> <div class="product-options"></div> <div class="clear-fix space-p10"></div> <div class="update-qty"><div class="pure-form clearfix"><span class="minuse-plus-btn"><button class="rectangle-frame-button btn-minuse ">-</button></span> <span class="minuse-plus-btn"><input id="ref-qty-selected_product_id" type="number" min="1" maxlength="3" class="text-center rectangle-frame-button selected_qty"></span> <span class="minuse-plus-btn"><button class="rectangle-frame-button btn-plus">+</button></span></div></div> <!----> <!----> <!----> <div class="clear-fix space-p10"></div> <div class="product-cart"><div><button disabled="disabled" class="add-to-cart pure-button outofstock">SOLD OUT</button></div> <p></p> <button data-id-product="selected_product_id" class="back pure-button">
Back </button></div> <div class="product-cart product-cart-floating"><div class="showScrolling"><div><button disabled="disabled" class="add-to-cart pure-button outofstock">SOLD OUT</button></div></div></div></div></div></div></div></div></div>
<!-- content End -->
</div>
</div>
</div>
</div>
<script src="https://serenehaven.florist/js/jquery-3.6.0.min.js" type="text/javascript"></script>
<script src="https://serenehaven.florist/js/lib/jquery.blockUI.js" type="text/javascript"></script>
<script src="https://serenehaven.florist/js/lib/alertify.min.js" type="text/javascript"></script>
<script src="https://serenehaven.florist/js/lib/vue-axios.min.js" type="text/javascript"></script>
<script src="https://serenehaven.florist/js/lib/polyfill.min.js" type="text/javascript"></script>
<script src="https://serenehaven.florist/js/jquery.lazy.min.js" type="text/javascript"></script>
<script src="https://serenehaven.florist/js/jquery.lazy.plugins.min.js" type="text/javascript"></script>
<script type="text/javascript">
var IS_ADDON_ENABLED = 0;
(function(){
$('.lazy').Lazy();
var menulist = $('#menulist').hide();
var container = menulist.parent();
container.children().each(function(index, child){
if($(child).is(":visible") && $(child).height() && !$(child).is(menulist)){
$(child).data('width' ,$(child).outerWidth());
}
});
$('#menulist').css('display', '');
var menu_items = $('#menulist > ul > li.menu-item');
var menu_list = $('#menulist > ul');
var menu_item_more = $('#menulist > ul > li.more-item');
menu_item_more.data('width', menu_item_more.outerWidth(true));
var menu_item_more_menu = $('#menulist > ul > li.more-item .more-item-menu');
menu_items.each(function(i, item){
$(item).data('width' ,$(item).outerWidth(true) );
});
var resize = function(){
// setTimeout(function(){
if($(window).outerWidth() <= 768){
menu_items.each(function(i, item){
$(item).appendTo(menu_list);
});
menu_item_more.hide();
return;
}
var container_width = container.innerWidth();
var menu_width = container_width;
container.children().each(function(index, child){
if($(child).is(":visible") && $(child).height() && !$(child).is(menulist)){
menu_width = menu_width - Math.ceil($(child).data('width'));
}
});
// var menu_width = menulist.width();
// var logo = $('#menulist').parent().children('#logo');
// var functional_tools = $('#menulist').parent().children('#functional-tools');
// if(logo){
// menu_width = menu_width - logo.width();
// }
// if(functional_tools){
// menu_width = menu_width - functional_tools.width();
// }
var menu_item_more_width = menu_item_more.data('width') || menu_item_more.outerWidth(true);
var temp_width = 0;
var has_more = false;
menu_items.each(function(i, item){
if($(item).outerWidth(true)){
$(item).data('width', $(item).outerWidth(true));
}
temp_width += Math.ceil($(item).data('width') || $(item).outerWidth(true));
if(temp_width + menu_item_more_width >= menu_width){
if($(item).hasClass('pure-menu-has-children')){
if(!$(item).children().hasClass('menu-toggle')){
$(item).prepend('<a class="menu-toggle"></a>');
}
}
$(item).appendTo(menu_item_more_menu);
has_more = true;
}else{
if($(item).hasClass('pure-menu-has-children')){
if($(item).children().hasClass('menu-toggle')){
$(item).children('.menu-toggle').remove();
}
}
$(item).appendTo(menu_list);
}
});
menu_item_more.appendTo(menu_list);
if(has_more){
menu_item_more.show();
}else{
menu_item_more.hide();
}
// }, 100);
};
resize();
window.addEventListener('resize', resize);
setTimeout(resize, 0);
})();
</script>
<script type="text/javascript">
$('#slide-menu').on('click','.menu-toggle' ,function(e){
console.log($(this).siblings('.menu-items'));
if($(this).hasClass('open')){
$(this).removeClass('open');
$(this).siblings('.menu-items').slideUp(300);
}else{
$(this).addClass('open');
$(this).siblings('.menu-items').slideDown(300);
}
})
</script>
<script type="text/javascript">
$(window).bind('scroll', function() {
var distance = 50;
if ($(window).scrollTop() > distance) {
$('#menu-bar').addClass('scrolled');
}
else {
$('#menu-bar').removeClass('scrolled');
}
});
</script>
<!-- alertify:-->
<script type="text/javascript">
$(function(){
function reset() {
//$("#toggleCSS").attr("href", "https://serenehaven.florist/css/alert/alertify.default.css");
alertify.set({
labels : {
ok : "OK",
cancel : "Cancel"
},
delay : 5000,
buttonReverse : false,
buttonFocus : "ok"
});
}
//alertify.set('notifier','delay', 0);
var alert = [];
if(alert.success)
alertify.success(alert.success);
if(alert.error)
alertify.error(alert.error);
if(alert.warning)
alertify.warning(alert.warning);
if(alert.message)
alertify.message(alert.message);
if(alert.notify)
alertify.notify(alert.notify);
if(alert.alert){
alertify.alert('Warning', alert.alert).setHeader('Warning').set({'closableByDimmer': false});
}
if(alert.alert_success){
alertify.alert('Warning', alert.alert_success).setHeader('Success').set({'closableByDimmer': false});
}
});
</script>
<!-- alertify End-->
<script src="https://serenehaven.florist/plugins/owl234/dist/owl.carousel.min.js" type="text/javascript"></script>
<script src="https://serenehaven.florist/plugins/fotorama464/fotorama.js" type="text/javascript"></script>
<script src="https://serenehaven.florist/js/vue/mixins/AddonProduct.mixin.js" type="text/javascript"></script>
<!-- modules: -->
<script>
var app = new Vue({
el: '#homepage-index',
data: function() {
return {
currency : "HKD",
currency_sign : "$",
isSlideStarted: false,
selected_product: {},
product: {},
isSelectedAllOptions: false,
variant_options: [],
possible_variant_options: [[], [], []],
instock_variant_options: {},
pImgsrc : "https://serenehaven.florist/img/products/sample",
qtyToAdd:1,
lazy_load: false ,
//remark template
remark_template_meta: [],
require_remark_template: false,
//addon product
addonProductConfig: {},
addonProductRemarkTemplateMapping: {},
memberProfile: {},
is_selected_variant: false,
refreshKey: 0,
default_product_box :{
isSlideStarted: false,
selected_product: {},
product: {},
isSelectedAllOptions: false,
variant_options: [],
possible_variant_options: [[], [], []],
instock_variant_options: {},
pImgsrc : "https://serenehaven.florist/img/products/sample",
qtyToAdd:1,
},
// addon
addon_template: {},
}
},
watch: {
'product.options': {
handler: function() {
// return console.log('watch.product.options', this.product.options);
},
deep: true
},
'selected_product': function(val, oldVal){
this.$nextTick(function(){
if(this.isSlideStarted){
var fotorama = $('.fotorama').fotorama().data('fotorama');
if (val && val.image_position != undefined) {
fotorama.show(val.image_position);
} else {
fotorama.show(0);
}
}
});
},
},
computed: {
//remark template
parsed_remark_template: function() {
this.refreshKey;
if(this.selected_product && this.selected_product.remark_template_id) {
let remark_template_text = this.selected_product.remark_templates[0].eshop_content;
for(let meta of this.remark_template_meta) {
remark_template_text = this.remarkTemplateTranslate(remark_template_text, meta.mapped_profile_field, meta.member_content, meta.type, meta.options);
}
return remark_template_text;
} else {
return null;
}
},
selectedAddonItems: function () {
let items = [];
if ( this.addonProductConfig && this.addonProductConfig.id ) {
const { groups } = this.addonProductConfig;
groups.forEach( group => {
let selectedItems = group.items.filter( item => item.selected );
selectedItems = selectedItems.map( item => {
item.group_id = group.id;
return item;
} );
items = items.concat( selectedItems );
});
}
return items;
}
},
created: function () {
$(document).ready(function(){
$('.lazy').Lazy();
});
},
methods: {
safeJsonParse: function(val, defaultVal) {
try {
return JSON.parse(val);
} catch (error) {
console.log(val)
console.log(error)
return defaultVal;
}
},
showProductDetail: function(pid,event){
if(window.is_eshop_app && window.is_guest) {
event.preventDefault();
return window.openEshopAppLoginView();
}
// $.blockUI();
var vm = this;
const url = "https://serenehaven.florist/product-data";
const data = {
"_token": document.querySelector('meta[name="csrf-token"]').getAttribute("content"),
"pid" : pid,
};
if(event.currentTarget.classList.contains("loading")){
return false;
}
var ct = event.currentTarget;
ct.classList.add('loading');
axios.post(url, data)
.then(function (response) {
let data = response.data;
if(data.result == 'FAIL'){
ct.classList.remove('loading');
if(data.message){
alertify.error(data.message);
}else{
alertify.error("error exist!");
}
return;
}
vm.product = data.product;
vm.selected_product = data.selected_product;
//remark template
vm.remark_template_meta = data.product.remark_template_meta;
vm.require_remark_template = data.product.require_remark_template;
//addon
vm.addon_template = data.addon_template;
let variant_options = [];
for (var i = 0; i < data.product.options.length; i++) {
vm.product.options[i].values = vm.safeJsonParse(data.product.options[i].values, []);
variant_options.push(data.product.options[i]);
}
vm.variant_options = variant_options;
vm.setOption();
// $.unblockUI();
//remark template
const eshop_content = vm.selected_product && vm.selected_product.remark_template_id && vm.selected_product.remark_templates && vm.selected_product.remark_templates[0].eshop_content
if(variant_options.length==0 && (!eshop_content || eshop_content == '') && ( !vm.addon_template || !vm.addon_template.id ) ){
vm.quickAddToCart().then(function(){
ct.classList.remove('loading');
});
}else{
ct.classList.remove('loading');
vm.initInstockVariantOptions();
vm.filterTerminatedVariantOptions();
vm.refreshPossibleVariantOptions();
vm.autoSelectVariant();
vm.isSlideStarted = true;
vm.$nextTick(function(){
if($('#qproduct-images-slider').data('fotorama')==undefined){
var product_image_slider = $('#qproduct-images-slider').on('fotorama:ready', function(ev, fotorama, extra){
var prevdiv = $('<div class="fotorama__nav-prev"></div>');
prevdiv.on('click', function(){
fotorama.show('<');
})
var nextdiv = $('<div class="fotorama__nav-next"></div>');
nextdiv.on('click', function(){
fotorama.show('>');
})
$(this).find('.fotorama__nav-wrap').prepend(prevdiv);
$(this).find('.fotorama__nav-wrap').prepend(nextdiv);
}).fotorama({
width: '100%',
maxwidth: '100%',
//ratio: 16/9,
allowfullscreen: true,
nav: 'thumbs'
});
}
var fotorama = $('#qproduct-images-slider').data('fotorama');
fotorama.load(data.product_foto_images);
if (vm.isSelectedAllOptions && vm.selected_product.image_position != undefined) {
fotorama.show(vm.selected_product.image_position);
} else {
fotorama.show(0);
}
});
}
//addon products
vm.retrieveAddonProducts();
//remark template
vm.fetchMemberCustomProfile();
}).catch(function (error) {
alertify.error("error exist!");
console.log(error);
});
},
setOption: function()
{
var vm = this;
if (vm.product.options.length > 0) {
for(var index = 0; index < vm.product.options.length; index++) {
// this new variable - selected may initial in backend first;
// this.product.options[index].selected = vm.selected_product['option'+(this.product.options[index].position)];
// As selected is not a initial data (initial data will add Observer automatically: get, set)
// Then we need to use Vue.set
if (vm.product.variants.length == 1 || !!vm.request_id) {
Vue.set(vm.variant_options[index], 'selected', vm.selected_product['option' + (vm.variant_options[index].position)]);
vm.isSelectedAllOptions = true;
} else {
Vue.set(vm.variant_options[index], 'selected', '');
}
//console.log(index+": "+ this.product.options[index].name+": "+this.product.options[index].selected);
}
} else {
vm.isSelectedAllOptions = true;
}
//console.log(this.product.options);
},
selectedOption: function(index, selected_option)
{
//console.log(selected_option.name + ": "+selected_option.selected+" is selected !");
var vm = this;
index = Number(index);
if (index + 1 < vm.variant_options.length) {
for (var i = index + 1; i < vm.variant_options.length; i++) {
vm.variant_options[i].selected = '';
}
}
vm.isSelectedAllOptions = true;
for (var i = 0; i < vm.variant_options.length; i++) {
vm.isSelectedAllOptions = vm.variant_options[i].selected ? vm.isSelectedAllOptions && true : vm.isSelectedAllOptions && false;
}
if (!vm.isSelectedAllOptions) {
vm.refreshPossibleVariantOptions();
vm.autoSelectVariant(index + 1);
return;
} else {
for (var i = 0; i < vm.product.options.length; i++) {
vm.product.options[i].selected = vm.variant_options[i].selected;
}
}
vm.$nextTick(function(){
vm.refreshPossibleVariantOptions();
vm.$forceUpdate();
});
//remark template
vm.is_selected_variant = true;
var is_exist = true;
for(var vIndex = 0; vIndex < this.product.variants.length; vIndex++){
//console.log("vKey:"+ vIndex + " - variant: " + this.product.variants[vIndex].name);
for(var oIndex = 0; oIndex < this.product.options.length; oIndex++){
//console.log("oKey:"+ oIndex + " - Option: " + this.product.options[oIndex].name+ " "+this.product.options[oIndex].selected);
if(this.product.variants[vIndex]['option'+ this.product.options[oIndex].position] != this.product.options[oIndex].selected)
{
is_exist = false;
break;
}
}
if(is_exist){
vm.selected_product = this.product.variants[vIndex];
// vm.setOption();
if ("sb_tracking" in window) window.sb_tracking.view_item("product.detail.selectedOption", vm.product, vm.selected_product);
break;
}
if(vIndex < (this.product.variants.length - 1 )){
is_exist = true;
}
}
if(!is_exist){
alertify.error(""+selected_option.name+": "+selected_option.selected+" is no available now !");
// reset back to old one;
// vm.setOption();
}
},
autoSelectVariant: function(index){
var vm = this;
index = index || 0;
for (var i = index; i < vm.variant_options.length; i++) {
console.log(index);
let variant_options = vm.possible_variant_options[index];
let variant_option = variant_options.find(function(variant_option) {
return variant_option.instock;
})
if(!variant_option) {
variant_option = variant_options.find(function(variant_option) {
return variant_option.preorder;
})
}
if(!variant_option) {
variant_option = variant_options[0];
}
if(variant_option && variant_option.value) {
vm.variant_options[index].selected = variant_option.value;
vm.selectedOption(index, vm.variant_options[index]);
}
vm.refreshPossibleVariantOptions();
}
},
filterTerminatedVariantOptions: function() {
const vm = this;
var options_values = [[], [], []];
if (vm.variant_options[0]) {
vm.variant_options[0].values.forEach(function(value) {
vm.product.variants.forEach(function(variant) {
if (variant.option1 == value && !options_values[0].includes(value)) {
options_values[0].push(value);
return
}
});
});
vm.variant_options[0].values = options_values[0];
}
if (vm.variant_options[1]) {
vm.variant_options[1].values.forEach(function(value) {
vm.product.variants.forEach(function(variant) {
if (variant.option2 == value && !options_values[1].includes(value)) {
options_values[1].push(value);
return
}
});
});
vm.variant_options[1].values = options_values[1];
}
if (vm.variant_options[2]) {
vm.variant_options[2].values.forEach(function(value) {
vm.product.variants.forEach(function(variant) {
if (variant.option3 == value && !options_values[2].includes(value)) {
options_values[2].push(value);
return
}
});
});
vm.variant_options[2].values = options_values[2];
}
},
initInstockVariantOptions: function() {
var vm = this;
vm.product.variants.forEach(function(variant){
if(variant.option1 != ''){
if(vm.instock_variant_options[variant.option1] === undefined){
vm.instock_variant_options[variant.option1] = {
instock: false,
preorder: false,
options: {},
}
}
}
if(variant.option2 != ''){
if(vm.instock_variant_options[variant.option1].options[variant.option2] === undefined){
vm.instock_variant_options[variant.option1].options[variant.option2] = {
instock: false,
preorder: false,
options: {},
}
}
}
if(variant.option3 != ''){
if(vm.instock_variant_options[variant.option1].options[variant.option2].options[variant.option3] === undefined){
vm.instock_variant_options[variant.option1].options[variant.option2].options[variant.option3] = {
instock: false,
preorder: false,
}
}
}
if(Number(variant.available_qty) > 0 || variant.allow_order){
if(variant.option1 != ''){
vm.instock_variant_options[variant.option1].instock = true;
}
if(variant.option2 != ''){
vm.instock_variant_options[variant.option1].options[variant.option2].instock = true;
}
if(variant.option3 != ''){
vm.instock_variant_options[variant.option1].options[variant.option2].options[variant.option3].instock = true;
}
}
if(variant.allow_preorder) {
if(variant.option1 != ''){
vm.instock_variant_options[variant.option1].preorder = true;
}
if(variant.option2 != ''){
vm.instock_variant_options[variant.option1].options[variant.option2].preorder = true;
}
if(variant.option3 != ''){
vm.instock_variant_options[variant.option1].options[variant.option2].options[variant.option3].preorder = true;
}
}
})
},
refreshPossibleVariantOptions: function() {
const vm = this;
vm.$set(vm.possible_variant_options, 0 , []);
vm.$set(vm.possible_variant_options, 1 , []);
vm.$set(vm.possible_variant_options, 2 , []);
var option1_selected = vm.variant_options[0] ? vm.variant_options[0].selected : null;
var option2_selected = vm.variant_options[1] ? vm.variant_options[1].selected : null;
if (vm.variant_options[0]) {
vm.variant_options[0].values.forEach(function(value) {
var item = vm.possible_variant_options[0].find(function(item){
return item.value == value;
})
if (!item) {
vm.possible_variant_options[0].push({
value: value,
instock: vm.instock_variant_options[value].instock,
preorder: vm.instock_variant_options[value].preorder,
});
}
});
}
if (vm.variant_options[1]) {
vm.variant_options[1].values.forEach(function(value) {
vm.product.variants.forEach(function(variant) {
if (variant.option1 == option1_selected && variant.option2 == value){
var item = vm.possible_variant_options[1].find(function(item){
return item.value == value;
})
if (!item) {
vm.possible_variant_options[1].push({
value: value,
instock: vm.instock_variant_options[option1_selected].options[value].instock,
preorder: vm.instock_variant_options[option1_selected].options[value].preorder,
});
}
}
})
});
}
if (vm.variant_options[2]) {
vm.variant_options[2].values.forEach(function(value) {
vm.product.variants.forEach(function(variant) {
if (variant.option1 == option1_selected && variant.option2 == option2_selected && variant.option3 == value){
var item = vm.possible_variant_options[2].find(function(item){
return item.value == value;
})
if (!item) {
vm.possible_variant_options[2].push({
value: value,
instock: vm.instock_variant_options[option1_selected].options[option2_selected].options[value].instock,
preorder: vm.instock_variant_options[option1_selected].options[option2_selected].options[value].preorder,
});
}
}
})
});
}
},
addToCart: function(event)
{
const vm = this;
if(this.qtyToAdd <= 0){
alertify.error("Quantity must be greater than or equal to 1");
return false;
}
if(!vm.isSelectedAllOptions) {
alertify.error("Please select all options");
return false;
}
// addon product
// checking addon minimum requirement
if ( this.addonProductConfig && this.addonProductConfig.id ) {
let isValid = true;
// LOOPING GROUPS
this.addonProductConfig.groups.forEach( ( group, index ) => {
const minimum_required = group.min_items_required;
if ( minimum_required > 0 ) {
const selectedCount = Array.isArray( group.selected ) ? group.selected.length : !!group.selected;
if ( selectedCount < minimum_required ) {
alertify.error( "Please select at least " + minimum_required + " addons items to continue." );
isValid = false;
this.addonProductConfig.groups[ index ].error = true;
}
}
});
if ( !isValid ) {
return false;
}
}
var isSame = true;
var variants = '';
if (vm.selected_product) {
for (var i = 0; i < vm.product.options.length; i++) {
if (vm.selected_product['option' + (i + 1)] != vm.variant_options[i].selected) {
isSame = false;
}
variants = variants ? variants + '-' + vm.variant_options[i].selected : vm.variant_options[i].selected;
}
if (!isSame) {
var isFound = true;
vm.product.variants.forEach(function (variant) {
isFound = true;
for (var i = 0; i < vm.product.options.length; i++) {
if (vm.variant_options[i].selected == variant['option' + (i + 1)]) {
isFound = isFound && true;
} else {
isFound = isFound && false;
}
}
if (isFound) {
vm.selected_product = variant;
}
});
if (!isFound) {
alertify.error("This " + variants + " variant cannot be found")
return false;
}
}
} else {
alertify.error("This " + variants + " variant cannot be found")
return false;
}
//remark template
let remark_message = null;
if(this.selected_product && this.selected_product.remark_template_id) {
const remarkTemplateForm = this.$refs["remark-template-form"];
let remark_content = {};
if(remarkTemplateForm) {
for(let element of remarkTemplateForm.elements) {
if(element && element.dataset && element.dataset.id) {
const targetMapping = this.remark_template_meta.find( meta => meta.mapped_profile_field === element.dataset.id );
if(targetMapping.required && ( !element.value || element.value == "" ) ) {
alertify.error("Please fill in all required fields");
return false;
}
remark_content[element.dataset.id] = element.value;
}
}
//transform
remark_message = this.selected_product.remark_templates[0].content;
for(let meta of this.remark_template_meta) {
//FIXME: check if pos and eshop are synchronized
if(remark_content[meta.mapped_profile_field] === undefined ) {
// alertify.error("Please fill in all required fields");
// return false;
continue;
}
remark_message = this.remarkTemplateTransform(remark_message, meta.mapped_profile_field, remark_content[meta.mapped_profile_field]);
}
}
}
// addon items
let addon_items = [];
if ( this.addonProductConfig && this.addonProductConfig.id ) {
this.addonProductConfig.groups.forEach( ( group, index ) => {
group.items.forEach( item => {
//create a ready to push object
let resultObject = Object.assign(item, { addon_item_id: item.id, qty: 1 });
let selectedAddons = [];
if ( Array.isArray( group.selected ) ) selectedAddons = group.selected;
else selectedAddons = [ group.selected ];
if ( selectedAddons.includes( item.id ) ) {
// check addon item contain remark template or not
if( this.addonProductRemarkTemplateMapping[item.id] ) {
let addonProductRemarkTemplateForm = this.$refs["addon-form-" + item.id];
//addon product remark template transform
let addon_remark_message = null
let addon_remark_content = {};
if(addonProductRemarkTemplateForm) {
//take the first one
addonProductRemarkTemplateForm = addonProductRemarkTemplateForm[0];
for(let element of addonProductRemarkTemplateForm.elements) {
// check all fields are filled
if(element && element.dataset && element.dataset.id) {
if(!element.value || element.value == "") {
alertify.error("Please fill in all required fields");
return false;
}
addon_remark_content[element.dataset.id] = element.value;
}
}
//transform
addon_remark_message = this.addonProductRemarkTemplateMapping[item.id].template.content;
Object.keys(addon_remark_content).forEach(key => {
addon_remark_message = this.remarkTemplateTransform(addon_remark_message, key, addon_remark_content[key]);
})
}
resultObject = Object.assign(resultObject, { remark_template_id: this.addonProductRemarkTemplateMapping[item.id].template.id, remark_message: addon_remark_message })
//end: addon product remark template transform
}
//push back addon item
addon_items.push( resultObject );
}
});
});
}
// $.blockUI({ message: "<h1>Adding to cart...</h1>" });
const url = "https://serenehaven.florist/cart/add-to-cart";
const data = {
"_token": document.querySelector('meta[name="csrf-token"]').getAttribute("content"),
"id" : this.selected_product.id,
"qty": this.qtyToAdd,
"remark_template_id": this.selected_product && this.selected_product.remark_template_id,
"remark_message": remark_message,
"addon_products": addon_items,
};
/**
* Prepare addon payload
*/
let addon_payload = [];
if ( this.addonProductConfig && this.addonProductConfig.id ) {
this.addonProductConfig.groups.forEach(group => {
group.items.map( item => {
if ( item.selected ) {
addon_payload.push({
id: item.id,
product_id: item.product_id,
qty: item.qty || 1
});
}
});
});
}
axios.post(url, data)
.then(function (response) {
if(response.data.result == 'OK'){
$('#cart_summary_count').text(response.data.cart_summary_count);
alertify.success(response.data.message);
if ("sb_tracking" in window) window.sb_tracking.add_to_cart("homepage.index.addToCart", vm.product, vm.selected_product, vm.qtyToAdd);
}else if(response.data.result == "FAIL"){
alertify.error(response.data.message);
}
vm.closeQuickView();
$.unblockUI();
}).catch(function (error) {
alertify.error("error exist!");
console.log(error);
$.unblockUI();
});
},
quickAddToCart: function(event)
{
const vm = this;
if(this.qtyToAdd <= 0){
alertify.error("Quantity must be greater than or equal to 1");
return false;
}
if(!vm.isSelectedAllOptions) {
alertify.error("Please select all options");
return false;
}
if ( !vm.validAddonMinimumRequirement() ) {
return false;
}
var isSame = true;
var variants = '';
if (vm.selected_product) {
for (var i = 0; i < vm.product.options.length; i++) {
if (vm.selected_product['option' + (i + 1)] != vm.variant_options[i].selected) {
isSame = false;
}
variants = variants ? variants + '-' + vm.variant_options[i].selected : vm.variant_options[i].selected;
}
if (!isSame) {
var isFound = true;
vm.product.variants.forEach(function (variant) {
isFound = true;
for (var i = 0; i < vm.product.options.length; i++) {
if (vm.variant_options[i].selected == variant['option' + (i + 1)]) {
isFound = isFound && true;
} else {
isFound = isFound && false;
}
}
if (isFound) {
vm.selected_product = variant;
}
});
if (!isFound) {
alertify.error("This " + variants + " variant cannot be found")
return false;
}
}
} else {
alertify.error("This " + variants + " variant cannot be found")
return false;
}
// $.blockUI({ message: '<div class="large-text">Adding to cart...</div>' });
const url = "https://serenehaven.florist/cart/add-to-cart";
const data = {
"_token": document.querySelector('meta[name="csrf-token"]').getAttribute("content"),
"id" : this.selected_product.id,
"qty": this.qtyToAdd
};
return axios.post(url, data)
.then(function (response) {
if(response.data.result == 'OK'){
$('#cart_summary_count').text(response.data.cart_summary_count);
alertify.success(response.data.message);
if ("sb_tracking" in window) window.sb_tracking.add_to_cart("homepage.index.quickAddToCart", vm.product, vm.selected_product, vm.qtyToAdd);
}else if(response.data.result == "FAIL"){
alertify.error(response.data.message);
}
// $.unblockUI();
}).catch(function (error) {
alertify.error("error exist!");
console.log(error);
// $.unblockUI();
});
},
qQtyPlusMinuse: function(qty)
{
if((Number(this.qtyToAdd) + qty) <1)
{
alertify.error("Quantity must be greater than or equal to 1");
this.qtyToAdd = 1;
return false;
}
this.qtyToAdd = Number(this.qtyToAdd) + qty;
},
closeQuickView: function(){
vm = this;
vm.isSlideStarted = vm.default_product_box.isSlideStarted;
vm.selected_product = vm.default_product_box.selected_product;
vm.product = vm.default_product_box.product;
vm.isSelectedAllOptions = vm.default_product_box.isSelectedAllOptions;
vm.variant_options = vm.default_product_box.variant_options;
vm.possible_variant_options = vm.default_product_box.possible_variant_options;
vm.pImgsrc = vm.default_product_box.pImgsrc ;
vm.qtyToAdd = vm.default_product_box.qtyToAdd;
//remake template
vm.is_selected_variant = false;
},
onSelectProductById: function() {
// since page level select_item cannot detect component list name. move code to:
// modules/contents/products_carousel
// modules/contents/products_grid
},
//remark template
remarkTemplateTranslate: function(original, mapped_profile_field, member_content, type, options = []) {
const vm = this;
const replaceWord = new RegExp(`\{\{${mapped_profile_field}\}\}`, "g");
const member_content_data = member_content || "";
if(type === "string") {
return original.replace(replaceWord, `<input type="text" data-id="${mapped_profile_field}" value="${member_content_data}"></input>`);
} else if(type === "number") {
return original.replace(replaceWord, `<input type="number" data-id="${mapped_profile_field}" value="${member_content_data}"></input>`);
} else if(type === "select") {
const selectOptions = JSON.parse(options);
const optionsHTML = `${selectOptions.map(({value}) => {
if(member_content_data === value) {
return `<option value=${value} selected>${value}</option>`
} else {
return `<option value=${value}>${value}</option>`
}
})}`
return original.replace(replaceWord, `<select data-id="${mapped_profile_field}">${optionsHTML}</select>`);
} else if(type === "date") {
return original.replace(replaceWord, `<input type="date" data-id="${mapped_profile_field}" value="${member_content_data}"></input>`);
} else if(type === "text") {
return original.replace(replaceWord, `<textarea data-id="${mapped_profile_field}">${member_content_data}</textarea>`);
}
},
remarkTemplateTransform: function(original, mapped_profile_field, value) {
value = value || ' ';
const replaceWord = new RegExp(`\{\{${mapped_profile_field}\}\}`, "g");
return original.replace(replaceWord, value);
},
fetchMemberCustomProfile: function() {
const vm = this;
const url = "https://serenehaven.florist/my-account/member-custom-profile";
axios.post(url).then(function(response) {
if(response.data.result == 'OK'){
if(response.data) {
const memberProfile = response.data.member_custom_profile;
if ( !memberProfile ) return;
if ( vm.remark_template_meta ) {
for(let i = 0; i < vm.remark_template_meta.length; i++) {
vm.remark_template_meta[i].member_content = memberProfile[vm.remark_template_meta[i].mapped_profile_field];
}
}
}
if(vm.variant_options.length == 0) {
vm.is_selected_variant = true;
}
vm.refreshKey = vm.refreshKey+1;
}else if(response.data.result == "FAIL"){
alertify.error(response.data.message);
}
}).catch(function (error) {
alertify.error("error exist!");
console.log(error);
$.unblockUI();
});
},
fetchRemarkTemplate: function ( { productId, groupId, addonItemId } ) {
const vm = this;
try {
let res = axios.get(`https://serenehaven.florist/product/${ productId }/addon-items/${ groupId }/${ addonItemId }/remark-template`).then( res => {
let { data } = res;
let { payload: remarkTemplate } = data;
if ( remarkTemplate ) {
const templates = JSON.parse(JSON.stringify(vm.addonProductRemarkTemplateMapping));
// parse remark template
let remark_template_text = remarkTemplate.template.eshop_content;
//replace default value of meta
for( let meta of remarkTemplate.meta ) {
const memberContent = vm.memberProfile[meta.mapped_profile_field];
remark_template_text = vm.remarkTemplateTranslate( remark_template_text, meta.mapped_profile_field, memberContent || "", meta.type, meta.options );
}
remarkTemplate.template.eshop_content_parsed = remark_template_text;
templates[addonItemId] = remarkTemplate;
vm.addonProductRemarkTemplateMapping = JSON.parse(JSON.stringify(templates));
console.log("addonProductRemarkTemplateMapping", vm.addonProductRemarkTemplateMapping);
}
} ).catch( err => {
throw err;
} )
} catch (err) {
// do nothing
}
},
priceFormat: function(price) {
return parseFloat(price).toFixed(2).replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1,');
},
presentmentCurrencyPriceFormat: function(price) {
var vm = this;
if (("presentmentCurrency" in window) && window.presentmentCurrency.getIsActivated()) {
return window.presentmentCurrency.toCurrencyStr(price);
} else { // using native currency
return vm.currency + " " + vm.currency_sign + vm.priceFormat(price);
}
},
presentmentCurrencyProductPriceRangeFormat: function(product_item, price_type) { // price_type: original_price|price
var vm = this;
var price_min_propName = (price_type == "original_price") ? "original_min_price" : "min_" + price_type;
var price_max_propName = (price_type == "original_price") ? "original_max_price" : "max_" + price_type;
var singlePrice_propName = price_type;
var haveRange = price_min_propName in product_item && price_max_propName in product_item;
var haveSingle = singlePrice_propName in product_item;
if (haveRange || haveSingle) {
var showInRange = haveRange && (product_item[price_min_propName] != product_item[price_max_propName]);
var price1 = haveRange ? product_item[price_min_propName] : product_item[singlePrice_propName];
var price2 = showInRange ? product_item[price_max_propName] : "";
if (("presentmentCurrency" in window) && window.presentmentCurrency.getIsActivated()) {
return window.presentmentCurrency.toCurrencyStr(price1) + (showInRange ? (" - " + window.presentmentCurrency.toCurrencyStr(price2)): "");
} else {
return vm.currency + " " + vm.currency_sign + vm.priceFormat(price1) + (showInRange ? (" - " + vm.priceFormat(price2)): "");
}
}
return "";
},
},
});
</script>
<!-- modules End -->
<!-- footer: -->
<div id="app-footer" class="footer clearfix ">
<div class="container clearfix">
<div class="footer-row">
<div class="footer-block footer-block-1 ">
<div class="fbc-header uppercase">Contact US</div>
Serene Haven Floristry<br>Shop B, 37 First Street, Sai Ying Pun, Hong Kong<br>6636-2776<br>[email protected] </div>
<div class="footer-block footer-block-1 ">
<div class="fbc-header uppercase">Information</div>
<div class="info-list">
<div class="hide"><a href="https://serenehaven.florist/post">News</a></div>
<div><a href="https://serenehaven.florist/page/faq">FAQs</a></div>
<div><a href="https://serenehaven.florist/page/privacy-policy">Privacy Policy</a></div>
<div><a href="https://serenehaven.florist/page/tnc">Terms And Conditions</a></div>
<div><a href="https://serenehaven.florist/page/contact-us">Contact Us</a></div>
<div><a href="https://serenehaven.florist/guest-order-tracking">Order Tracking</a></div>
</div>
</div>
<div class="footer-block footer-block-1 ">
<div class="fbc-header uppercase">Payment Method</div>
<ul class="payment-list list-block" style="font-size: 12px">
<li>
<svg viewBox="0 0 100 70" style="enable-background:new 0 0 100 70;">
<polygon points="38.18,47.56 44.65,47.56 48.72,22.49 42.25,22.49 "></polygon>
<path d="M61.83,32.5c-2.26-1.15-3.68-1.9-3.68-3.1c0.04-1.06,1.2-2.17,3.72-2.17c2.13-0.04,3.68,0.44,4.83,0.97l0.58,0.27l0.89-5.36
c-1.28-0.49-3.32-1.06-5.8-1.06c-6.38,0-10.9,3.41-10.94,8.28c-0.04,3.59,3.23,5.58,5.67,6.78c2.53,1.24,3.37,2.04,3.37,3.1
c-0.04,1.68-2.04,2.44-3.9,2.44c-2.57,0-3.99-0.4-6.07-1.33l-0.84-0.4l-0.89,5.63c1.51,0.71,4.34,1.33,7.22,1.33
c6.78,0,11.21-3.37,11.3-8.55C67.33,36.49,65.55,34.27,61.83,32.5z"></path>
<path d="M79.77,22.49c-1.55,0-2.7,0.44-3.37,2.08l-9.61,22.99h6.78c0,0,1.11-3.1,1.37-3.77c0.75,0,7.35,0,8.33,0
c0.18,0.89,0.75,3.77,0.75,3.77h5.98l-5.23-25.07H79.77z M76.76,38.7c0.53-1.46,2.57-7,2.57-7c-0.04,0.04,0.53-1.46,0.84-2.39
l0.44,2.17c0,0,1.24,5.98,1.51,7.27C81.15,38.7,78.05,38.7,76.76,38.7z"></path>
<path d="M32.77,22.54v-0.04l-6.33,17.1l-0.71-3.46c-0.02-0.08-0.05-0.15-0.08-0.23c0.02,0.06,0.05,0.12,0.08,0.19l-2.26-11.52
c-0.4-1.55-1.51-1.99-2.92-2.08H10.09L10,22.98c2.54,0.65,4.81,1.58,6.8,2.74l5.78,21.84h6.87l10.19-25.03H32.77z"></path>
<path d="M90.2,2c4.41,0,8,3.59,8,8v50c0,4.41-3.59,8-8,8h-80c-4.41,0-8-3.59-8-8V10c0-4.41,3.59-8,8-8H90.2 M90.2,0h-80
c-5.52,0-10,4.48-10,10v50c0,5.52,4.48,10,10,10h80c5.52,0,10-4.48,10-10V10C100.2,4.48,95.72,0,90.2,0L90.2,0z"></path>
</svg>
</li>
<li>
<svg viewBox="0 0 100 70" style="enable-background:new 0 0 100 70;">
<path d="M40.71,54.84l-0.5-0.08c-0.46-0.06-0.83-0.15-0.83-0.47c0-0.35,0.35-0.58,0.92-0.58c0.62,0,1.22,0.24,1.51,0.41l0.47-0.84
c-0.51-0.34-1.21-0.51-1.98-0.51c-1.22,0-2.02,0.59-2.02,1.55c0,0.79,0.59,1.28,1.67,1.44l0.5,0.08c0.58,0.09,0.85,0.24,0.85,0.51
c0,0.38-0.39,0.59-1.11,0.59c-0.74,0-1.26-0.24-1.61-0.51l-0.5,0.82c0.58,0.43,1.31,0.62,2.1,0.62c1.4,0,2.21-0.66,2.21-1.59
C42.41,55.44,41.78,54.99,40.71,54.84z"></path>
<path d="M45.9,56.88c-0.52,0-0.7-0.33-0.7-0.81v-2.2h1.72V52.9h-0.01h-1.72v-1.47h-1.06v1.47h-0.99v0.96h0.99v2.21
c0,1.13,0.44,1.8,1.69,1.8c0.46,0,0.99-0.14,1.32-0.38l-0.3-0.9C46.53,56.79,46.17,56.88,45.9,56.88z"></path>
<path d="M50.21,52.79c-1.42,0-2.42,1.04-2.42,2.55c0,1.55,1.04,2.55,2.49,2.55c0.74,0,1.4-0.19,1.99-0.67l-0.51-0.79
c-0.41,0.33-0.92,0.51-1.41,0.51c-0.67,0-1.3-0.31-1.45-1.19h3.61c0.01-0.14,0.03-0.26,0.03-0.4C52.5,53.81,51.58,52.79,50.21,52.79
z M48.89,54.9c0.12-0.7,0.55-1.17,1.3-1.17c0.67,0,1.11,0.42,1.22,1.17H48.89z"></path>
<path d="M29.21,52.79c-0.62-0.01-1.26,0.19-1.71,0.86c-0.34-0.54-0.86-0.86-1.6-0.86c-0.52,0-1.03,0.15-1.42,0.73v-0.6h-1.06v4.86
h1.06v-2.69c0-0.84,0.46-1.29,1.19-1.29c0.7,0,1.06,0.46,1.06,1.28v2.7h1.06v-2.69c0-0.84,0.49-1.29,1.19-1.29
c0.73,0,1.06,0.46,1.06,1.28v2.7h1.09v-0.01v-3.05C31.13,53.57,30.39,52.79,29.21,52.79z"></path>
<path d="M78.65,57.54c0.03-0.03,0.04-0.05,0.04-0.09s-0.01-0.08-0.05-0.1c-0.04-0.03-0.07-0.04-0.14-0.04V57.3h-0.2v0.45h0.1v-0.16
h0.05l0.14,0.16h0.11l-0.15-0.16C78.59,57.58,78.62,57.57,78.65,57.54z M78.39,57.53V57.4h0.11c0.02,0,0.05,0,0.06,0.01
c0.01,0.01,0.03,0.02,0.03,0.05c0,0.02-0.01,0.04-0.03,0.05s-0.04,0.01-0.06,0.01H78.39z"></path>
<path d="M36.01,53.5c-0.34-0.44-0.84-0.71-1.54-0.71c-1.36,0-2.42,1.06-2.42,2.55c0,1.49,1.06,2.55,2.42,2.55
c0.69,0,1.2-0.27,1.54-0.71v0.59h1.06v-2.42v-2.43h-1.06V53.5z M34.61,56.89c-0.91,0-1.47-0.7-1.47-1.55c0-0.85,0.56-1.55,1.47-1.55
c0.88,0,1.46,0.67,1.46,1.55C36.08,56.23,35.49,56.89,34.61,56.89z"></path>
<path d="M69.34,53.5v-0.59h-1.05v4.86h1.06v-2.72c0-0.8,0.35-1.25,1.04-1.25c0.21,0,0.44,0.03,0.66,0.12l0.33-1
c-0.24-0.1-0.54-0.14-0.76-0.14C70,52.79,69.6,53.08,69.34,53.5z"></path>
<path d="M78.8,57.2c-0.04-0.04-0.09-0.08-0.15-0.1c-0.05-0.03-0.13-0.04-0.19-0.04c-0.06,0-0.13,0.01-0.2,0.04
c-0.06,0.03-0.11,0.05-0.16,0.1c-0.04,0.04-0.07,0.09-0.1,0.15c-0.03,0.06-0.04,0.12-0.04,0.19s0.01,0.13,0.04,0.19
c0.03,0.05,0.05,0.1,0.1,0.15c0.05,0.04,0.1,0.08,0.16,0.1s0.12,0.04,0.2,0.04c0.06,0,0.13-0.01,0.19-0.04
c0.05-0.03,0.1-0.06,0.15-0.1c0.04-0.04,0.08-0.09,0.1-0.15c0.03-0.06,0.04-0.12,0.04-0.19s-0.01-0.13-0.04-0.19
C78.88,57.3,78.85,57.24,78.8,57.2z M78.8,57.69c-0.01,0.05-0.05,0.1-0.08,0.12s-0.06,0.05-0.11,0.07c-0.05,0.01-0.1,0.03-0.15,0.03
c-0.05,0-0.1,0-0.15-0.03c-0.05-0.01-0.09-0.04-0.12-0.07c-0.03-0.04-0.06-0.08-0.08-0.12s-0.03-0.1-0.03-0.15
c0-0.05,0-0.1,0.03-0.15c0.01-0.05,0.04-0.09,0.08-0.12c0.04-0.03,0.08-0.05,0.12-0.08c0.05-0.01,0.09-0.03,0.15-0.03
s0.1,0.01,0.15,0.03c0.04,0.01,0.09,0.04,0.11,0.08c0.03,0.04,0.05,0.07,0.08,0.12c0.01,0.05,0.03,0.1,0.03,0.15
C78.83,57.59,78.81,57.64,78.8,57.69z"></path>
<path d="M65.84,53.5c-0.34-0.44-0.84-0.71-1.54-0.71c-1.36,0-2.43,1.06-2.43,2.55c0,1.49,1.06,2.55,2.43,2.55
c0.69,0,1.2-0.27,1.54-0.71v0.59h1.06v-2.42v-2.43h-1.06V53.5z M64.44,56.89c-0.91,0-1.47-0.7-1.47-1.55c0-0.85,0.56-1.55,1.47-1.55
c0.88,0,1.46,0.67,1.46,1.55C65.9,56.23,65.31,56.89,64.44,56.89z"></path>
<path d="M59.55,53.8c0.46,0,0.88,0.15,1.28,0.44l0.51-0.85c-0.52-0.41-1.01-0.58-1.75-0.58C58.02,52.79,57,53.86,57,55.34
c0,1.47,1.02,2.55,2.59,2.55c0.74,0,1.22-0.16,1.75-0.58l-0.51-0.85c-0.4,0.29-0.81,0.44-1.28,0.44c-0.84-0.01-1.46-0.62-1.46-1.55
C58.09,54.41,58.71,53.8,59.55,53.8z"></path>
<path d="M54.65,53.5v-0.59H53.6v4.86h1.06v-2.72c0-0.8,0.35-1.25,1.04-1.25c0.21,0,0.44,0.03,0.66,0.12l0.32-1
c-0.24-0.1-0.54-0.14-0.76-0.14C55.31,52.79,54.92,53.08,54.65,53.5z"></path>
<path d="M75.65,53.5c-0.34-0.44-0.84-0.71-1.54-0.71c-1.36,0-2.42,1.06-2.42,2.55c0,1.49,1.06,2.55,2.42,2.55
c0.69,0,1.2-0.27,1.54-0.71v0.59h1.06v-2.42v-4.38h-1.06V53.5z M74.25,56.89c-0.91,0-1.47-0.7-1.47-1.55c0-0.85,0.56-1.55,1.47-1.55
c0.88,0,1.46,0.67,1.46,1.55C75.71,56.23,75.12,56.89,74.25,56.89z"></path>
<path d="M43.08,31.71c0.01,0.12,0.02,0.24,0.03,0.36c0.05,0.47,0.1,0.94,0.19,1.4c0,0,0,0,0,0c0.08,0.46,0.19,0.92,0.3,1.37
c0.03,0.11,0.06,0.22,0.09,0.34c0.25,0.89,0.56,1.76,0.94,2.59c0.05,0.1,0.09,0.21,0.14,0.31c0.39,0.82,0.84,1.61,1.34,2.37
c0.06,0.09,0.13,0.19,0.19,0.28c1.03,1.48,2.28,2.81,3.69,3.92c4.25-3.35,6.98-8.55,6.98-14.38c0-5.83-2.73-11.02-6.97-14.37
c0,0,0,0-0.01-0.01c-4.25,3.35-6.98,8.55-6.98,14.38C43.02,30.76,43.05,31.24,43.08,31.71z"></path>
<path d="M38.7,48.58c3.52,0,6.81-1.01,9.61-2.74c-4.64-3.87-7.29-9.51-7.29-15.57c0-6.06,2.65-11.69,7.28-15.56
c-2.79-1.72-6.07-2.73-9.6-2.73c-10.1,0-18.3,8.19-18.3,18.3C20.4,40.39,28.59,48.58,38.7,48.58z"></path>
<path d="M61.3,11.98c-3.53,0-6.81,1.01-9.6,2.73c4.63,3.87,7.28,9.5,7.28,15.56c0,6.06-2.65,11.7-7.29,15.57
c2.8,1.73,6.09,2.74,9.61,2.74c10.11,0,18.3-8.2,18.3-18.3C79.6,20.17,71.4,11.98,61.3,11.98z"></path>
<path d="M90.2,2c4.41,0,8,3.59,8,8v50c0,4.41-3.59,8-8,8h-80c-4.41,0-8-3.59-8-8V10c0-4.41,3.59-8,8-8H90.2 M90.2,0h-80
c-5.52,0-10,4.48-10,10v50c0,5.52,4.48,10,10,10h80c5.52,0,10-4.48,10-10V10C100.2,4.48,95.72,0,90.2,0L90.2,0z"></path>
</svg>
</li>
<li>
<svg viewBox="0 0 100 70" style="enable-background:new 0 0 100 70;">
<g>
<path d="M24.67,26.06c0.4,0.5,0.6,1.08,0.6,1.74c0,0.97-0.32,1.73-0.97,2.27c-0.65,0.54-1.57,0.82-2.78,0.82h-5.26V19.58h5.14
c1.15,0,2.04,0.25,2.67,0.75c0.63,0.5,0.94,1.21,0.94,2.14c0,0.68-0.18,1.25-0.54,1.7s-0.84,0.75-1.42,0.89
C23.73,25.23,24.27,25.56,24.67,26.06z M19,24.2h1.79c0.95,0,1.42-0.4,1.42-1.21s-0.49-1.22-1.46-1.22H19V24.2z M22.47,27.42
c0-0.41-0.13-0.72-0.4-0.95s-0.65-0.34-1.14-0.34H19v2.54h1.95C21.96,28.67,22.47,28.25,22.47,27.42z"></path>
<path d="M31.86,22.32c0.49,0.31,0.85,0.73,1.09,1.26v-1.62h2.72v8.93h-2.72v-1.62c-0.23,0.53-0.6,0.96-1.09,1.26
C31.37,30.85,30.79,31,30.1,31c-0.74,0-1.39-0.18-1.98-0.55c-0.58-0.37-1.04-0.9-1.38-1.59s-0.5-1.5-0.5-2.43
c0-0.94,0.17-1.75,0.5-2.44c0.34-0.69,0.79-1.22,1.38-1.58c0.58-0.37,1.24-0.55,1.98-0.55C30.79,21.85,31.37,22.01,31.86,22.32z
M29.57,24.83c-0.36,0.38-0.54,0.92-0.54,1.6s0.18,1.22,0.54,1.6c0.36,0.38,0.83,0.58,1.42,0.58c0.58,0,1.05-0.2,1.42-0.59
c0.37-0.39,0.55-0.92,0.55-1.58c0-0.67-0.18-1.2-0.55-1.59c-0.37-0.39-0.84-0.58-1.42-0.58C30.4,24.25,29.92,24.44,29.57,24.83z"></path>
<path d="M45.66,22.89c0.6,0.68,0.9,1.62,0.9,2.82v5.18h-2.74v-4.86c0-0.6-0.16-1.06-0.47-1.4c-0.31-0.34-0.73-0.5-1.26-0.5
c-0.55,0-0.99,0.18-1.32,0.53c-0.33,0.35-0.49,0.85-0.49,1.5v4.74h-2.74v-8.93h2.74v1.63c0.26-0.53,0.64-0.96,1.14-1.26
c0.51-0.31,1.1-0.46,1.78-0.46C44.25,21.87,45.06,22.21,45.66,22.89z"></path>
<path d="M53.78,30.89l-2.67-3.79v3.79h-2.74V19.05h2.74v6.5l2.67-3.58H57l-3.6,4.46l3.68,4.46H53.78z"></path>
<path d="M24.39,37.58v2.18h-3.07v9.14h-2.75v-9.14h-3.04v-2.18H24.39z"></path>
<path d="M29.6,40.35c0.54-0.32,1.12-0.48,1.75-0.48v2.93h-0.78c-0.73,0-1.29,0.16-1.69,0.46c-0.4,0.31-0.6,0.83-0.6,1.57v4.06
h-2.74v-8.93h2.74v1.68C28.62,41.1,29.06,40.67,29.6,40.35z"></path>
<path d="M37.66,40.32c0.49,0.31,0.85,0.73,1.09,1.26v-1.62h2.72v8.93h-2.72v-1.62c-0.23,0.53-0.6,0.96-1.09,1.26
C37.16,48.85,36.58,49,35.9,49c-0.74,0-1.39-0.18-1.98-0.55c-0.58-0.37-1.04-0.9-1.38-1.59s-0.5-1.5-0.5-2.43
c0-0.94,0.17-1.75,0.5-2.44c0.34-0.69,0.79-1.22,1.38-1.58c0.58-0.37,1.24-0.55,1.98-0.55C36.58,39.85,37.16,40.01,37.66,40.32z
M35.36,42.83c-0.36,0.38-0.54,0.92-0.54,1.6s0.18,1.22,0.54,1.6c0.36,0.38,0.83,0.58,1.42,0.58c0.58,0,1.05-0.2,1.42-0.59
c0.37-0.39,0.55-0.92,0.55-1.58c0-0.67-0.18-1.2-0.55-1.59c-0.37-0.39-0.84-0.58-1.42-0.58C36.19,42.25,35.72,42.44,35.36,42.83z"></path>
<path d="M51.45,40.89c0.6,0.68,0.9,1.62,0.9,2.82v5.18h-2.74v-4.86c0-0.6-0.16-1.06-0.47-1.4c-0.31-0.34-0.73-0.5-1.26-0.5
c-0.55,0-0.99,0.18-1.32,0.53c-0.33,0.35-0.49,0.85-0.49,1.5v4.74h-2.74v-8.93h2.74v1.63c0.26-0.53,0.64-0.96,1.14-1.26
c0.51-0.31,1.1-0.46,1.78-0.46C50.04,39.87,50.85,40.21,51.45,40.89z"></path>
<path d="M60.13,40.7c0.68,0.57,1.1,1.31,1.27,2.24h-2.56c-0.08-0.36-0.24-0.65-0.5-0.86c-0.26-0.21-0.59-0.31-0.98-0.31
c-0.31,0-0.54,0.07-0.7,0.2c-0.16,0.13-0.24,0.32-0.24,0.57c0,0.28,0.15,0.49,0.44,0.62s0.75,0.28,1.38,0.42
c0.68,0.16,1.24,0.32,1.68,0.49s0.82,0.43,1.14,0.81c0.32,0.37,0.48,0.88,0.48,1.5c0,0.51-0.14,0.97-0.42,1.36
c-0.28,0.39-0.68,0.7-1.2,0.93C59.39,48.89,58.77,49,58.05,49c-1.21,0-2.17-0.27-2.9-0.8c-0.73-0.53-1.17-1.29-1.33-2.29h2.64
c0.04,0.38,0.21,0.68,0.49,0.88c0.28,0.2,0.65,0.3,1.1,0.3c0.31,0,0.54-0.07,0.7-0.22c0.16-0.14,0.24-0.33,0.24-0.57
c0-0.31-0.15-0.53-0.44-0.66c-0.29-0.13-0.77-0.27-1.43-0.42c-0.66-0.14-1.21-0.29-1.63-0.45s-0.79-0.42-1.1-0.78
c-0.31-0.36-0.46-0.85-0.46-1.46c0-0.8,0.3-1.45,0.91-1.94c0.61-0.5,1.47-0.74,2.58-0.74C58.55,39.85,59.45,40.13,60.13,40.7z"></path>
<path d="M67.43,38.75c-0.45,0-0.77,0.1-0.98,0.29c-0.2,0.19-0.31,0.5-0.34,0.93h1.62v2.3h-1.62v6.62h-2.74v-6.62h-1.07v-2.3h1.07
v-0.1c0-1.11,0.32-1.96,0.97-2.57c0.65-0.6,1.58-0.9,2.81-0.9c0.26,0,0.45,0,0.58,0.02v2.35L67.43,38.75z"></path>
<path d="M77.34,44.92h-6.19c0.03,0.67,0.2,1.15,0.51,1.45c0.31,0.29,0.7,0.44,1.18,0.44c0.41,0,0.74-0.1,1.01-0.3
s0.44-0.46,0.53-0.78h2.9c-0.12,0.63-0.37,1.19-0.77,1.69c-0.4,0.5-0.9,0.88-1.5,1.17C74.39,48.86,73.71,49,72.97,49
c-0.88,0-1.65-0.18-2.33-0.55c-0.68-0.37-1.21-0.9-1.59-1.59c-0.38-0.69-0.58-1.5-0.58-2.43c0-0.94,0.19-1.75,0.57-2.44
c0.38-0.69,0.91-1.22,1.59-1.58c0.68-0.37,1.46-0.55,2.34-0.55c0.89,0,1.66,0.18,2.34,0.54s1.19,0.87,1.56,1.53
s0.55,1.41,0.55,2.26C77.41,44.41,77.39,44.66,77.34,44.92z M74.18,42.45c-0.33-0.29-0.73-0.44-1.21-0.44
c-0.5,0-0.92,0.15-1.25,0.45c-0.33,0.3-0.52,0.74-0.56,1.31h3.49C74.66,43.19,74.5,42.75,74.18,42.45z"></path>
<path d="M82.89,40.35c0.54-0.32,1.12-0.48,1.75-0.48v2.93h-0.78c-0.73,0-1.29,0.16-1.69,0.46c-0.4,0.31-0.6,0.83-0.6,1.57v4.06
h-2.74v-8.93h2.74v1.68C81.92,41.1,82.36,40.67,82.89,40.35z"></path>
</g>
<path d="M90.2,2c4.41,0,8,3.59,8,8v50c0,4.41-3.59,8-8,8h-80c-4.41,0-8-3.59-8-8V10c0-4.41,3.59-8,8-8H90.2 M90.2,0h-80
c-5.52,0-10,4.48-10,10v50c0,5.52,4.48,10,10,10h80c5.52,0,10-4.48,10-10V10C100.2,4.48,95.72,0,90.2,0L90.2,0z"></path>
</svg>
</li>
<li>
<svg viewBox="0 0 100 70" style="enable-background:new 0 0 100 70;">
<path d="M36.76,32.95H23.05c1.25-2.05,2.64-3.59,4.11-4.55s3.3-1.39,5.35-1.39h7.77l2.49-4.25h-7.33c-2.13,0-4.11,0.22-5.79,0.66
c-1.69,0.44-3.3,1.17-4.69,2.13c-1.39,0.95-2.71,2.13-3.89,3.59c-1.25,1.47-2.71,3.74-4.55,6.89L10,47.39h4.84l5.79-10.12h13.71
L36.76,32.95z"></path>
<path d="M62.14,30.75c0.88-1.47,1.39-2.79,1.54-3.96c0.15-1.17-0.15-2.05-0.73-2.79c-0.37-0.44-1.03-0.73-1.98-0.95
c-0.95-0.22-2.27-0.29-4.03-0.29H46.52L32.36,47.39h4.77l4.91-8.58h5.79c1.98,0,3.52-0.15,4.62-0.37c1.17-0.29,2.2-0.66,3.3-1.25
c1.32-0.73,2.49-1.61,3.52-2.64C60.3,33.46,61.26,32.21,62.14,30.75z M56.86,30.82c-0.73,1.17-1.61,2.13-2.64,2.71
c-1.03,0.59-2.27,0.88-3.74,0.88h-5.87l4.18-7.26h5.57c1.69,0,2.64,0.29,3.08,0.88C57.81,28.55,57.59,29.5,56.86,30.82z"></path>
<path d="M70.35,24.44c-1.98,1.17-3.67,3.08-5.21,5.72c-1.39,2.42-1.83,4.25-1.25,5.35c0.59,1.1,2.13,1.69,4.77,1.69h5.65
c1.25,0,1.98,0.22,2.27,0.66c0.22,0.44,0.07,1.17-0.51,2.2c-0.59,0.95-1.25,1.69-2.05,2.13c-0.81,0.44-1.83,0.66-3.23,0.66H58.76
l-2.57,4.4H69.1c2.71,0,5.06-0.59,7.04-1.76c1.98-1.17,3.67-3.01,5.13-5.57c1.39-2.49,1.91-4.25,1.39-5.35
c-0.51-1.1-2.05-1.61-4.69-1.61h-6.31c-1.03,0-1.69-0.22-1.91-0.66c-0.29-0.44-0.15-1.1,0.37-1.98c0.59-1.1,1.39-1.91,2.27-2.42
c0.88-0.51,1.98-0.73,3.23-0.73h11.81L90,22.61H77.46C74.67,22.61,72.33,23.27,70.35,24.44z"></path>
<path d="M90.2,2c4.41,0,8,3.59,8,8v50c0,4.41-3.59,8-8,8h-80c-4.41,0-8-3.59-8-8V10c0-4.41,3.59-8,8-8H90.2 M90.2,0h-80
c-5.52,0-10,4.48-10,10v50c0,5.52,4.48,10,10,10h80c5.52,0,10-4.48,10-10V10C100.2,4.48,95.72,0,90.2,0L90.2,0z"></path>
</svg>
</li>
<li>
<svg viewBox="0 0 100 70" style="enable-background:new 0 0 100 70;">
<g>
<path class="st2" d="M20.49,34.02c-0.63,0-2.17,0-2.79,0.01c0-0.62-0.01-2.15-0.01-2.87c0-1.57,1.26-2.85,2.8-2.85
c1.54,0,2.8,1.28,2.8,2.86C23.29,32.74,22.03,34.02,20.49,34.02 M20.5,27.54c-1.95,0-3.55,1.62-3.55,3.62
c0,0.97,0.01,3.35,0.01,3.35c0,0.16,0.13,0.29,0.28,0.29h0c0,0,2.39-0.01,3.25-0.01c1.95,0,3.55-1.62,3.55-3.62
C24.04,29.17,22.45,27.54,20.5,27.54"></path>
<path class="st2" d="M20.39,36.99c-1.34,0-4.7,0.01-5.83,0.01c-0.01-1.11-0.02-4.38-0.02-5.85c0-3.21,2.64-5.83,5.86-5.82
c3.23,0,5.85,2.62,5.85,5.84C26.25,34.38,23.62,36.99,20.39,36.99 M20.41,24.57c-3.64-0.01-6.61,2.94-6.61,6.58
c0,1.78,0.02,6.19,0.02,6.23c0,0.21,0.17,0.38,0.37,0.38h0c0.05,0,4.59-0.02,6.2-0.02C24.03,37.75,27,34.8,27,31.16
C27.01,27.53,24.05,24.58,20.41,24.57"></path>
<path class="st2" d="M20.39,39.97c-2.04,0-7.27,0.02-8.71,0.02c-0.01-1.44-0.03-6.57-0.03-8.84c0.01-4.85,3.94-8.8,8.76-8.79
c4.83,0.01,8.75,3.96,8.74,8.81C29.15,36.03,25.21,39.98,20.39,39.97 M20.41,21.6c-5.24-0.01-9.51,4.28-9.51,9.55
c0,2.04,0.02,6.41,0.02,8.31c0,0.01,0,0.02,0,0.03l-0.01,8.76c0,0.21,0.17,0.38,0.37,0.38c0.21,0,0.37-0.17,0.38-0.38l0.01-7.5
c1.43-0.01,6.68-0.02,8.72-0.02c5.24,0.01,9.51-4.28,9.51-9.55C29.91,25.91,25.65,21.61,20.41,21.6"></path>
<path class="st2" d="M20.48,42.63c-1.17,0-3.22,0-6.09,0.01c-0.04,0-0.07,0-0.1,0.02l-0.09,0.03c-0.16,0.05-0.27,0.19-0.27,0.36
c0,0.19-0.06,4.57-0.07,5.31c0,0.02-0.12,2.48-2.65,2.48c-2.32,0-2.42-2.59-2.42-2.62l0.01-5.17c0-0.09-0.04-8.69-0.04-12.17
c0.01-6.47,5.28-11.73,11.75-11.72c6.47,0.01,11.73,5.28,11.72,11.75C32.23,37.39,26.95,42.64,20.48,42.63 M20.51,18.39
C13.62,18.39,8.01,23.99,8,30.88c0,3.48,0.04,12.08,0.04,12.17l-0.01,5.17c0,0.88,0.58,3.38,3.18,3.38c2.78,0,3.41-2.4,3.41-3.24
c0-0.61,0.05-3.87,0.06-4.95c2.72-0.01,4.67-0.01,5.8-0.01c6.89,0.01,12.5-5.59,12.51-12.49C33,24.02,27.4,18.4,20.51,18.39"></path>
<path class="st2" d="M44.55,34.88c-0.68,0.25-1.5,0.34-2.35,0.34l-2.38,0l-0.01,5.59l-1.68,0l0.02-13.08l3.99,0.01
c1.11,0,2.26,0.02,3.22,0.66c1.06,0.69,1.56,1.88,1.55,3.11C46.92,33.1,46.04,34.34,44.55,34.88 M42.09,29.04l-2.26,0l-0.01,4.87
l1.77,0c1.81,0,3.56-0.28,3.57-2.53C45.17,29.4,43.75,29.04,42.09,29.04"></path>
<path class="st2" d="M53.89,40.83c-0.07-0.38-0.14-0.91-0.16-1.28c-0.75,1.1-1.76,1.48-3.06,1.48c-1.68,0-3.17-0.85-3.17-2.72
c0-2.73,2.98-3.05,5.18-3.05c0.32,0,0.64,0.02,0.9,0.04l0-0.54c0-1.41-0.5-2.21-1.98-2.21c-1.11,0-1.77,0.41-1.88,1.61l-1.54,0
c0.09-1.99,1.69-2.64,3.39-2.64c2.31,0,3.44,0.89,3.43,3.28l0,3.36c0,1.19,0.16,2.26,0.28,2.68L53.89,40.83z M52.77,36.22
c-1.4,0-3.69,0.16-3.69,2.02c0,1.12,0.95,1.72,1.99,1.72c2.27,0,2.51-1.86,2.51-3.71C53.2,36.22,53.02,36.22,52.77,36.22z"></path>
<polygon class="st2" points="60.4,44.28 58.83,44.27 60.32,40.82 56.48,31.7 58.27,31.7 61.11,39.18 63.95,31.71 65.54,31.71 "></polygon>
<polygon class="st2" points="79.67,40.87 79.69,29.09 75.11,40.86 73.57,40.86 69,29.06 68.98,40.85 67.46,40.85 67.48,27.77
70.17,27.77 74.41,38.83 78.58,27.79 81.27,27.79 81.25,40.87 "></polygon>
<path class="st2" d="M85.39,36.61l0,0.18c0,1.68,0.89,3.22,2.72,3.22c1.29,0,2.13-0.79,2.33-2.08l1.5,0
c-0.36,2.15-1.9,3.14-3.96,3.14c-2.81,0-4.17-1.91-4.17-4.62c0-2.73,1.37-4.88,4.3-4.88c3.03,0,3.88,2.38,3.88,5.03L85.39,36.61z
M88.07,32.67c-1.67,0-2.49,1.37-2.64,2.89l5.01,0.01C90.46,34.06,89.71,32.67,88.07,32.67z"></path>
</g>
<path d="M90.2,2c4.41,0,8,3.59,8,8v50c0,4.41-3.59,8-8,8h-80c-4.41,0-8-3.59-8-8V10c0-4.41,3.59-8,8-8H90.2 M90.2,0h-80
c-5.52,0-10,4.48-10,10v50c0,5.52,4.48,10,10,10h80c5.52,0,10-4.48,10-10V10C100.2,4.48,95.72,0,90.2,0L90.2,0z"></path>
</svg>
</li>
<li>
<svg viewBox="0 0 100 70" style="enable-background:new 0 0 100 70;">
<path d="M90.2,2c4.4,0,8,3.6,8,8v50c0,4.4-3.6,8-8,8h-80c-4.4,0-8-3.6-8-8V10c0-4.4,3.6-8,8-8H90.2 M90.2,0h-80c-5.5,0-10,4.5-10,10
v50c0,5.5,4.5,10,10,10h80c5.5,0,10-4.5,10-10V10C100.2,4.5,95.7,0,90.2,0L90.2,0z"></path>
<g>
<path class="st0" d="M33.5,32.8l2,4.2h-4L33.5,32.8z M36.5,39.3h2.4l-4.5-9.6h-0.7c-0.1,0-0.2,0-0.3,0.1c-0.1,0.1-0.2,0.1-0.2,0.2
l-4.6,9.3h1.6l0.8-1.6h4.6L36.5,39.3z"></path>
<path id="XMLID_146_" class="st0" d="M42,39.3h-2.2v-9.2c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1H42V39.3"></path>
<path id="XMLID_62_" class="st0" d="M44,32.6c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1h1.8v7.1H44V32.6"></path>
<path class="st0" d="M50.2,37.3c0,0.2,0,0.3,0.1,0.5c0.1,0.2,0.2,0.3,0.3,0.4c0.1,0.1,0.3,0.2,0.4,0.3c0.2,0.1,0.4,0.1,0.6,0.1
c0.2,0,0.4-0.1,0.5-0.2c0.2-0.1,0.3-0.3,0.4-0.5c0.1-0.2,0.2-0.5,0.3-0.8c0.1-0.3,0.1-0.6,0.1-1c0-0.5,0-0.9-0.1-1.2
c-0.1-0.3-0.2-0.6-0.3-0.9c-0.1-0.2-0.3-0.4-0.4-0.5c-0.2-0.1-0.3-0.2-0.5-0.2c-0.1,0-0.3,0-0.4,0.1c-0.1,0-0.3,0.1-0.4,0.2
c-0.1,0.1-0.2,0.2-0.3,0.3c-0.1,0.1-0.2,0.2-0.3,0.3V37.3z M48,32.6c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1h1.8v0.6
c0.3-0.2,0.5-0.4,0.9-0.5c0.3-0.1,0.7-0.2,1.1-0.2c0.5,0,0.9,0.1,1.3,0.3c0.4,0.2,0.7,0.4,1,0.7c0.3,0.3,0.5,0.7,0.6,1.1
c0.1,0.4,0.2,0.8,0.2,1.3c0,0.6-0.1,1.1-0.3,1.6c-0.2,0.5-0.4,0.9-0.7,1.3c-0.3,0.4-0.7,0.6-1.2,0.8c-0.5,0.2-1,0.3-1.6,0.3
c-0.3,0-0.5,0-0.8,0c-0.2,0-0.4-0.1-0.6-0.2v2.9H48V32.6z"></path>
<path class="st0" d="M57.9,36.9c0-0.8,0.7-1.5,1.5-1.5c0.5,0,0.9,0.1,1,0.2V38c-0.3,0.3-0.6,0.4-1,0.4
C58.6,38.4,57.9,37.8,57.9,36.9 M61,32.3c-1.1-0.3-2.4-0.4-4.2,0.1c0.1,0.2,0.1,0.5,0.2,0.7c2.9-0.5,3.4-0.1,3.4,1.1v0.4
c-0.5,0-1.2-0.1-1.7-0.1c-2,0-2.7,1.5-2.7,2.5c0,1.7,1.7,3.3,4.4,2.1v0.3h2.3v-5.2C62.7,33.1,61.8,32.5,61,32.3"></path>
<path id="XMLID_51_" class="st0" d="M63.3,32.1h2.3l2.3,4.4l1.9-4.1c0-0.1,0.1-0.2,0.2-0.2c0.1-0.1,0.2-0.1,0.3-0.1h1.2L67.9,40
c-0.9,2.2-3,1.8-3.4,1.8v-1.2c0.3,0,1.3,0,1.7-0.5c0.1-0.1,0.2-0.3,0.3-0.4c0.1-0.1,0.1-0.3,0.2-0.4l0.3-0.6L63.3,32.1"></path>
<path id="XMLID_29_" class="st0" d="M46.2,30.1c0,0.6-0.5,1.1-1.2,1.1c-0.7,0-1.2-0.5-1.2-1.1c0-0.6,0.5-1.1,1.2-1.1
C45.7,29,46.2,29.5,46.2,30.1"></path>
<path class="st0" d="M87.1,39.4h-1.6c-0.1,0-0.1,0-0.1-0.1l-1.9-3.2l-1,1.1v2.2h-1.3c-0.1,0-0.1-0.1-0.1-0.1v-7
c0-0.1,0.1-0.1,0.1-0.1h1.3v3c0,0,0,0.1,0.1,0.1c0,0,0,0,0.1,0l2.5-3c0,0,0.1-0.1,0.1-0.1H87L84.5,35L87.1,39.4z M79.3,39.4H78
c-0.1,0-0.1-0.1-0.1-0.1v-2.8c0-0.1-0.1-0.1-0.1-0.1h-2.4v3.1h-1.3c-0.1,0-0.1-0.1-0.1-0.1v-7c0-0.1,0.1-0.1,0.1-0.1h1.3v3h2.4
c0.1,0,0.1-0.1,0.1-0.1v-2.7c0-0.1,0.1-0.1,0.1-0.1h1.3V39.4z"></path>
</g>
<g id="alipayhk-logo">
<g id="Group" transform="translate(0.000000, 0.094005)">
<path id="Fill-3" class="st0" d="M13.7,39.1c-2.5,0-3.2-1.9-2-3c0.4-0.4,1.2-0.5,1.5-0.6c1.5-0.2,2.9,0.4,4.5,1.2
C16.6,38.2,15.1,39.1,13.7,39.1"></path>
<path class="st0" d="M14,40.1c-3.2,0-4.3-2.8-2.8-4.6c0.3-0.4,0.9-0.8,1.8-1c1.4-0.3,3.5,0.2,5.6,0.8c0.4-0.7,0.7-1.4,0.9-2.2
h-6.2v-0.6h3.2v-1.1h-3.9v-0.6h3.9l0-1.6c0,0,0-0.3,0.3-0.3h1.6v1.9h3.9v0.6h-3.9v1.1h3.2c-0.3,1.2-0.8,2.4-1.3,3.3
c0.9,0.3,1.8,0.7,2.4,0.9c2.1,0.7,3.1,0.9,3.3,1l0-7.5c0-2.5-1.6-4.2-4.2-4.2h-4.9h-0.1h-4.1c-2.5,0-4.2,1.6-4.2,4.2v4.1v0.1v4.9
c0,2.5,1.6,4.2,4.2,4.2h9.2c2.3,0,3.8-1.3,4.1-3.4c-0.6-0.3-4.8-2-6.7-2.9C17.7,39.1,15.9,40.1,14,40.1z"></path>
</g>
</g>
<path d="M87.2,29.2v0.3h0.6v1.7h0.4v-1.7h0.6v-0.3H87.2z M90.8,29.2l-0.7,1.2l-0.7-1.2h-0.3v2h0.3v-1.3l0.5,1h0.3l0.5-1v1.3h0.3v-2
H90.8z"></path>
</svg>
</li>
<li>
<svg viewBox="0 0 100 70" style="enable-background:new 0 0 100 70;">
<path d="M90.2,2c4.4,0,8,3.6,8,8v50c0,4.4-3.6,8-8,8h-80c-4.4,0-8-3.6-8-8V10c0-4.4,3.6-8,8-8H90.2 M90.2,0h-80c-5.5,0-10,4.5-10,10
v50c0,5.5,4.5,10,10,10h80c5.5,0,10-4.5,10-10V10C100.2,4.5,95.7,0,90.2,0L90.2,0z"></path>
<g>
<path class="st0" d="M46.4,27.2c-0.2,0-0.3,0.2-0.3,0.2c-0.3,0-0.6-0.2-0.8-0.5v-0.2l-2.2-5.1v-0.2c0-0.2,0.2-0.5,0.5-0.5
c0.2,0,0.2,0,0.3,0.2l2.7,1.9c0.2,0.2,0.5,0.2,0.6,0.2s0.3,0,0.5-0.2l12.8-5.7c-2.2-2.7-6.1-4.5-10.4-4.5c-7,0-12.8,4.8-12.8,10.5
c0,3.2,1.8,6.1,4.3,8c0.2,0.2,0.3,0.5,0.3,0.6c0,0.2,0,0.2,0,0.3c-0.2,0.8-0.6,2.1-0.6,2.1c0,0.2-0.2,0.2-0.2,0.3
c0,0.2,0.2,0.5,0.5,0.5c0.2,0,0.2,0,0.3-0.2l2.9-1.6c0.2-0.2,0.5-0.2,0.6-0.2s0.3,0,0.3,0c1.3,0.3,2.7,0.6,4.2,0.6
c7,0,12.8-4.8,12.8-10.5c0-1.8-0.5-3.5-1.4-5L46.4,27.2L46.4,27.2z"></path>
<g>
<path class="st0" d="M90.8,50.9h-0.7l0,0l-0.8-1.4L88.9,50v0.9h-0.5l0,0v-3l0,0h0.5v1.3l0,0l0,0l1.1-1.3l0,0h0.8l-1.1,1.3
L90.8,50.9z"></path>
<path class="st0" d="M85.2,47.9L85.2,47.9h0.5v1.4h1.1l0,0v-1.4l0,0h0.5v3h-0.5l0,0v-1.2l0,0h-1.1v1.2h-0.5"></path>
<path class="st0" d="M75.5,47.1l1.4,4.1c0.1,0.4,0.3,1.1,0.4,1.4l0,0c0.1-0.4,0.3-0.9,0.4-1.4l1.4-4.1h1.3L78.7,52
c-0.9,2.4-1.4,3.6-2.4,4.3c-0.5,0.4-0.9,0.7-1.3,0.8c-0.1-0.3-0.5-1.1-0.5-1.1c0.3-0.1,0.8-0.3,1.1-0.7c0.3-0.3,0.8-0.8,1.1-1.4
c0-0.1,0.1-0.3,0.1-0.3c0-0.1,0-0.1-0.1-0.3l-2.5-6.3H75.5z M46.6,47c2.1,0,2.6,1.4,2.6,2.8v2.6c0,0.7,0,1.2,0.1,1.6h-1.2L48,53.1
l0,0c-0.4,0.5-1.2,1.1-2.1,1.1c-1.4,0-2.1-0.9-2.1-2c0-1.6,1.4-2.6,4.2-2.6v-0.1c0-0.5-0.1-1.6-1.6-1.6c-0.5,0-1.2,0.1-1.6,0.4
c-0.1-0.3-0.4-0.8-0.4-0.8C44.9,47.3,45.8,47,46.6,47z M70.1,47c2.1,0,2.6,1.4,2.6,2.8v2.6c0,0.7,0,1.2,0.1,1.6h-1.2l-0.1-0.9l0,0
c-0.4,0.5-1.2,1.1-2.1,1.1c-1.4,0-2.1-0.9-2.1-2c0-1.6,1.4-2.6,4.2-2.6v-0.1c0-0.5-0.1-1.6-1.6-1.6c-0.5,0-1.2,0.1-1.6,0.4
c-0.1-0.3-0.4-0.8-0.4-0.8C68.4,47.3,69.2,47,70.1,47z M31.9,44.2c1.2,0,2,0.3,2.2,0.4c0,0-0.4,0.7-0.5,0.9
c-0.4-0.1-1.1-0.3-1.7-0.3c-2.2,0-3.8,1.4-3.8,3.9c0,2.4,1.4,3.9,3.7,3.9c0.7,0,1.3-0.1,1.7-0.3c0.4,0.1,0.8,0.8,0.8,0.8
c-0.4,0.3-1.4,0.4-2.5,0.4c-2.8,0-4.7-1.7-4.7-4.9C26.9,46.3,29,44.2,31.9,44.2z M22.5,47c2.2,0,2.9,2,2.9,3.3c0,0.3,0,0.4,0,0.5
h-4.9c0,1.7,1.2,2.4,2.4,2.4c0.8,0,1.3-0.1,1.6-0.3c0.1,0.3,0.5,0.8,0.5,0.8c-0.4,0.3-1.2,0.4-2.2,0.4c-2.1,0-3.4-1.4-3.4-3.4
C19.4,48.6,20.5,47,22.5,47z M53.2,45.2v2h1.7v0.9h-1.7v3.7c0,0.9,0.3,1.3,0.9,1.3h0.3c0.1,0.3,0.5,0.9,0.5,0.9
c-0.3,0.1-0.7,0.1-1.2,0.1c-0.5,0-1.1-0.3-1.4-0.5c-0.4-0.4-0.5-0.9-0.5-1.7v-3.8h-1.1v-0.9h1.1v-2H53.2L53.2,45.2z M62.6,44.4
c1.2,0,2.1,0.3,2.8,0.8c0.5,0.4,0.9,1.2,0.9,2c0,0.9-0.3,1.4-0.8,2.1c-0.7,0.7-1.7,1.1-2.9,1.1c-0.4,0-0.8,0-1.1-0.1V54h-1.3v-9.5
C60.9,44.4,61.7,44.4,62.6,44.4z M8.3,44.4l1.2,4.9c0.3,1.2,0.5,2.4,0.8,3.3l0,0c0.1-0.9,0.4-2.1,0.8-3.3l1.3-4.9h1.3l1.2,4.9
c0.3,1.2,0.5,2.2,0.7,3.3l0,0c0.3-1.1,0.5-2.1,0.8-3.3l1.3-4.9H19L16.2,54h-1.3l-1.2-5c-0.3-1.2-0.5-2.1-0.7-3.2l0,0
c-0.1,0.9-0.4,1.8-0.8,3.2l-1.4,5H9.5L7,44.5L8.3,44.4L8.3,44.4z M37.4,43.8v4.3l0,0c0.3-0.4,0.5-0.7,0.9-0.9
c0.4-0.3,0.8-0.4,1.3-0.4c0.9,0,2.4,0.5,2.4,2.9v4.1h-1.3v-3.9c0-1.2-0.4-2.1-1.6-2.1c-0.8,0-1.4,0.5-1.7,1.3
c-0.1,0.1-0.1,0.4-0.1,0.7V54h-1.3V43.8H37.4z M45.1,52.1c0,0.8,0.5,1.2,1.2,1.2c0.9,0,1.4-0.5,1.6-1.2c0-0.1,0.1-0.3,0.1-0.4
v-1.2C46.7,50.4,45.1,50.7,45.1,52.1z M68.5,52.1c0,0.8,0.5,1.2,1.2,1.2c0.9,0,1.4-0.5,1.6-1.2c0-0.1,0.1-0.3,0.1-0.4v-1.2
C70.1,50.4,68.5,50.7,68.5,52.1z M22.5,47.9c-1.3,0-1.8,1.2-2,2.1h3.7C24.2,49.1,23.8,47.9,22.5,47.9z M62.6,45.4
c-0.5,0-0.9,0-1.2,0.1v3.8c0.3,0.1,0.7,0.1,1.1,0.1c1.4,0,2.4-0.8,2.4-2.1C64.9,46,64.1,45.4,62.6,45.4z"></path>
<path d="M87.7,54.5c-2.9,0-5.3-2.4-5.3-5.3s2.4-5.3,5.3-5.3c2.9,0,5.3,2.4,5.3,5.3S90.6,54.5,87.7,54.5z M87.7,44.6
c-2.5,0-4.6,2.1-4.6,4.6s2.1,4.6,4.6,4.6s4.6-2.1,4.6-4.6S90.4,44.6,87.7,44.6z"></path>
</g>
</g>
</svg>
</li>
</ul>
</div>
<div id="footer-social-icons" class="footer-block footer-block-1 ">
<div class="fbc-header uppercase">Stay Connected</div>
<ul class="social-icons social-icons-list list-block">
<li class="item icon whatsapp">
<a href="https://api.whatsapp.com/send?phone=66362776&text=" title="Whatsapp" target="_blank"><i class="fa fa-whatsapp" aria-hidden="true"></i></a>
</li>
<li class="item icon instagram">
<a href="https://www.instagram.com/serene.haven.floristry/" title="Instagram" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a>
</li>
<li class="item icon facebook">
<a href="https://www.facebook.com/113443991860937" title="Facebook" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
<div id="footer_bottom_bar" class="clearfix">
<span class="footer-copyright fright ">
Powered by <a href="https://www.storeberry.ai/" target="_blank">Storeberry</a>
</span>
</div>
</div>
</div>
<link href="/modules/vue-popup/app.min.css?id=fc0b62f31d84184a5ee1e09962e5d0b3" rel="stylesheet">
<!-- template for the modal component --><!-- component template -->
<script type="text/x-template" id="modal-template">
<transition name="modal" >
<div class="modal-mask" @click="$emit('outerzone')">
<div class="modal-wrapper">
<div class="modal-container" v-bind:style="containerStyle">
<div class="modal-header" v-if="headerEle.show" v-bind:style="headerEle.headerStyle">
<slot name="header">
default header
</slot>
<span class="close" @click="$emit('close')"><i class="fa fa-times"></i></span>
</div>
<div class="modal-body" v-if="bodyEle.show" v-bind:style="bodyEle.bodyStyle">
<span class="close" v-if="!headerEle.show && !footerEle.show" @click="$emit('close')"><i class="fa fa-times"></i></span>
<slot name="body">
default body
</slot>
</div>
<div class="modal-footer" v-if="footerEle.show" v-bind:style="footerEle.footerStyle">
<slot name="footer">
<div class="left-div">
<slot name="footer-left-but">
<button type="button" class="modal-cancel rectangle-frame-button" id="" @click="$emit('close')">CANCEL</button>
</slot>
</div>
<div class="right-div">
<slot name="footer-right-but">
<button type="button" class="modal-ok rectangle-solid-button" id="" @click="$emit('confirm')">OK</button>
</slot>
</div>
<div class="clear-fix"></div>
</slot>
</div>
</div>
</div>
</div>
</transition>
</script>
<!-- root element -->
<script type="text/x-template" id="popup-window-template">
<modal-window @close="close" @confirm="confirm" @outerzone="outerzone">
<!-- use the modal component, pass in the prop -->
<!--
you can use custom content here to overwrite
default content
-->
<div class="clearfix"></div>
<h3 slot="header"></h3>
<div slot="body">
<div class="tab-btns">
</div>
<section class="product-section" v-html="rawhtml">
</section>
</div>
<!-- <button type="button" slot="footer-right-but" class="rectangle-solid-button" id="modal-ok" @click="setSelectedItem">OK</button> -->
</modal-window>
</script>
<script type="text/javascript">
// Template setting
Vue.component('modal-window', {
template: '#modal-template',
data: function() {
return {
containerStyle: {
width: '300px',
minWidth: '120px',
borderRadius: '7px'
},
headerEle: {
show: false,
showClose: false,
headerStyle:{
/*display: 'none'*/
},
},
bodyEle: {
show: true,
bodyStyle:{
height: 'auto',
margin: '0',
padding: '36px 24px'
},
},
footerEle: {
show:false,
footerStyle: {
},
},
}
}
})
// start app
//const popup_modal = new Vue({
//
Vue.component('popup-window', {
template: '#popup-window-template',
data: function() {
return {
}
},
props:{
rawhtml: {
type: String,
},
},
created: function () {
//this.selected_title = this.selected;
},
methods: {
outerzone: function(event){
// console.log(123);
// console.log(event);
//this.$emit('close');
},
close: function(){
this.$emit('close');
},
confirm: function(){
//this.$emit('update', this.selected_title);
this.close();
}
}
});
</script>
<script>
$(document).ready(function(){
//Check to see if the window is top if not then display button
var lastScrollTop = 0;
$(window).scroll(function(){
var st = $(this).scrollTop();
var wh = $(this).height()
var dh = $(document).height()
var df = dh - st - wh
if(st == 0){
$('body').addClass('scroll-top');
$('body').removeClass('scroll-bottom');
$('body').removeClass('scroll-near-bottom');
}else if(df == 0){
$('body').addClass('scroll-bottom');
$('body').removeClass('scroll-top');
}else if(df <= 200){
$('body').addClass('scroll-near-bottom');
$('body').removeClass('scroll-top');
$('body').removeClass('scroll-bottom');
}else{
$('body').removeClass('scroll-top');
$('body').removeClass('scroll-bottom');
$('body').removeClass('scroll-near-bottom');
}
if (st > 100) {
$('.scrollToTop').fadeIn();
$('.showScrolling').fadeIn();
} else {
$('.scrollToTop').fadeOut();
$('.showScrolling').fadeOut();
}
});
//Click event to scroll to top
$('.scrollToTop').click(function(){
$('html, body').animate({scrollTop : 0},800);
return false;
});
// for block page
$.blockUI.defaults.message = '<div class="large-text">Please wait...</div>';
$('.blockUI_page').click(function() {$.blockUI();});
// for trigger mobile menu
$('.slide-menu .close, .mobile-menu-trigger.open').click(function(){
$('body').toggleClass('open-menu');
});
$('#menulist').on('click','.menu-toggle' ,function(e){
if($(this).hasClass('open')){
$(this).removeClass('open');
}else{
$(this).addClass('open');
}
})
});
</script>
<!-- footer End -->
<!-- components: -->
<script type="text/javascript">
$(function() {
var $component = $('#mobile-menu-search');
var $drop_search = $(".drop_search", $component);
var $search_form = $("form.search-form", $component);
var $q = $("input[name=q]", $search_form);
$(".open_search", $component).click(function() {
$drop_search.toggleClass('open');
$q.trigger('focus');
});
$search_form.on( "submit", function(ev) {
if ("sb_tracking" in window) window.sb_tracking.search("components.header.search_block.search-form.submit", $q.val());
});
});
</script>
<script type="text/javascript">
new Vue({
el: '#samll_shopping_cart',
data: function(){
return {
show_preview : false,
product_baselink : "https://serenehaven.florist/product",
cart: undefined,
removed_items: false,
currency : "HKD",
currency_sign : "$",
do_refresh: 0,
check_click: undefined,
loading_cart: false,
}
},
created: function(){
var vm = this;
document.addEventListener('click', function(ev){
if(vm.show_preview){
if(!vm.$refs.parent.contains(ev.target)){
vm.closeCart();
}
}
});
},
methods: {
isMobile: function(){
return window.innerWidth <= 768;
},
checkClick: function(ev){
var vm = this;
if(vm.show_preview){
if(!vm.$refs.parent.contains(ev.target)){
vm.closeCart();
}
}
vm.removeCheckClick();
},
addCheckClick: function(){
var vm = this;
document.addEventListener('click', this.checkClick);
},
removeCheckClick: function(){
document.removeEventListener('click', this.checkClick)
},
openCart: function(ev){
var vm = this;
if(!this.isMobile()){
ev.preventDefault();
if(!this.cart && !this.loading_cart){
this.show_preview = true;
this.fetchCart();
}
}
},
closeCart: function(){
this.show_preview = false;
this.cart = undefined;
},
onCheckout: function() {
if ("sb_tracking" in window) window.sb_tracking.begin_checkout("components.header.functional_tools.onCheckout", this.cart);
},
onSelectCartItem: function(item) {
if ("sb_tracking" in window) window.sb_tracking.select_item("components.header.functional_tools.onSelectCartItem", "mini-cart", item);
},
priceFormat: function(price) {
return parseFloat(price).toFixed(2).replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1,');
},
presentmentCurrencyPriceFormat: function(price) {
var vm = this;
if (("presentmentCurrency" in window) && window.presentmentCurrency.getIsActivated()) {
return window.presentmentCurrency.toCurrencyStr(price);
} else { // using native currency
return vm.currency + " " + vm.currency_sign + vm.priceFormat(price);
}
},
presentmentCurrencyProductPriceRangeFormat: function(product_item, price_type) { // price_type: original_price|price
var vm = this;
var price_min_propName = (price_type == "original_price") ? "original_min_price" : "min_" + price_type;
var price_max_propName = (price_type == "original_price") ? "original_max_price" : "max_" + price_type;
var singlePrice_propName = price_type;
var haveRange = price_min_propName in product_item && price_max_propName in product_item;
var haveSingle = singlePrice_propName in product_item;
if (haveRange || haveSingle) {
var showInRange = haveRange && (product_item[price_min_propName] != product_item[price_max_propName]);
var price1 = haveRange ? product_item[price_min_propName] : product_item[singlePrice_propName];
var price2 = showInRange ? product_item[price_max_propName] : "";
if (("presentmentCurrency" in window) && window.presentmentCurrency.getIsActivated()) {
return window.presentmentCurrency.toCurrencyStr(price1) + (showInRange ? (" - " + window.presentmentCurrency.toCurrencyStr(price2)): "");
} else {
return vm.currency + " " + vm.currency_sign + vm.priceFormat(price1) + (showInRange ? (" - " + vm.priceFormat(price2)): "");
}
}
return "";
},
fetchCart: function () {
const vm = this;
this.loading_cart = true;
axios.post('https://serenehaven.florist/cart/popup-mini-cart', [])
.then(function(response){
vm.cart = response.data.cart || {};
//console.log("before cart", vm.cart);
let items = vm.cart.items || [];
const addon_items = items.filter((item) => item.is_addon_item);
items = items.filter((item) => !item.is_addon_item).map((item) => {
if(item.addon_group_id && item.addon_group_id != "") {
//find addon items
const addons = addon_items.filter((addon_item) => item.addon_group_id === addon_item.addon_group_id);
return Object.assign(item, { addon_items: addons });
} else {
return Object.assign(item, { addon_items: [] });;
}
});
console.log("item", items);
//console.log("after cart", vm.cart);
vm.removed_items = response.data.item_removed||false;
$('#cart_summary_count').text(response.data.cart_summary_count);
vm.addCheckClick();
vm.loading_cart = false;
if ("sb_tracking" in window) window.sb_tracking.view_cart("components.header.functional_tools.fetchCart", vm.cart);
})
.catch(function(error){
vm.loading_cart = false;
console.error(error);
alertify.error("error exist!");
});
},
removeCartItem: function(item){
$.blockUI();
var vm = this;
const url = "https://serenehaven.florist/cart/remove-cart-item";
const data = {
"_token": document.querySelector('meta[name="csrf-token"]').getAttribute("content"),
"id" : item.id,
"CALSHIP": "Y"
};
axios.post(url, data)
.then(function (response) {
if(response.data.result == 'OK'){
$('#cart_summary_count').text(response.data.cart_summary_count);
if ("sb_tracking" in window) window.sb_tracking.remove_from_cart("components.header.functional_tools.removeCartItem", item);
if(vm.do_refresh){
window.location.reload();
}
// call popup-mini-cart api instead
vm.fetchCart();
alertify.success(response.data.message);
}else if(response.data.result == "FAIL")
alertify.error(response.data.message);
$.unblockUI();
}).catch(function (error) {
alertify.error("error exist!");
console.log(error);
$.unblockUI();
});
},
renderLinkedAddonItems: function ( addon_group_id ) {
const items = this.cart.items.filter( (item) => item.addon_group_id === addon_group_id && item.is_addon_item );
return items.map( item => item.name ).join( ', ' );
}
}
})
</script>
<script type="text/javascript">
$(function() {
var $component = $('#top_search_block');
var $drop_search = $(".drop_search", $component);
var $search_form = $("form.search-form", $component);
var $q = $("input[name=q]", $search_form);
$(".open_search", $component).click(function() {
$drop_search.toggleClass('open');
$q.trigger('focus');
});
$search_form.on( "submit", function(ev) {
if ("sb_tracking" in window) window.sb_tracking.search("components.header.search_block.search-form.submit", $q.val());
});
});
</script>
<!-- components end -->
<!-- modules: -->
<script type="text/javascript">
(function(){
var image_slider = $('#image_slider_1_2 .owl-carousel');
image_slider.owlCarousel({
loop:true,
nav : true,
navText: ['', ''],
items : 1,
lazyLoad : true,
autoplay:true,
autoplayTimeout:5000,
autoplayHoverPause:true,
});
})();
</script>
<script type="text/javascript">
document.addEventListener( 'DOMContentLoaded', function(){
// for tracking
var simpProduct_itemList = [{"id":32,"name":"Joyous Celebration","min_price":"880.00"},{"id":33,"name":"Little Rabbit","min_price":"680.00"},{"id":31,"name":"Warm Celebration","min_price":"880.00"},{"id":29,"name":"Yellow Season ","min_price":"900.00"}];
var title = "Florist's Pick";
if ("sb_tracking" in window) window.sb_tracking.view_item_list("modules.contents.products_grid.DOMContentLoaded", title, simpProduct_itemList);
var product_indexIdList = {};
for (var i = 0; i < simpProduct_itemList.length; i++) {
var item = simpProduct_itemList[i];
if (item['id'] != undefined) {
product_indexIdList[item['id']] = i;
}
}
var $productLink = $("#product_gallery_4_4 .grid-item a[data-product-id]").click(onAction);
function onAction(ev) {
//if (ev != null) ev.preventDefault();
var id = $(this).data("product-id");
if (id != undefined && id != "") {
var item = simpProduct_itemList[product_indexIdList[id]];
if (item != undefined) {
if ("sb_tracking" in window) window.sb_tracking.select_item("modules.contents.products_grid.item.click", title, item);
}
}
}
});
</script>
<script type="text/javascript">
/**
* product carousel
*/
document.addEventListener( 'DOMContentLoaded', function(){
var feature_products = $('#product_carousel_5_5');
feature_products.each(function(){
var obj = $(this);
var owl = obj.find('.owl-carousel');
owl.owlCarousel({
margin: 48,
lazyLoad: true,
//nav: true,
//loop: true,
responsive:{
0:{
items:2,
//nav:true
},
600:{
items:3,
//nav:false
},
1000:{
items:4,
//nav:true,
//loop:false
}
}
});
obj.find(".owl_prev_nav").click(function () {
owl.trigger('prev.owl.carousel');
});
obj.find(".owl_next_nav").click(function () {
owl.trigger('next.owl.carousel');
});
});
// for tracking
(function() {
var simpProduct_itemList = [{"id":26,"name":"Fuel Your Happiness","min_price":"480.00"},{"id":35,"name":"Feel the Calmness","min_price":"480.00"},{"id":36,"name":"Find Serenity","min_price":"480.00"},{"id":37,"name":"Boost Your Mood","min_price":"480.00"}];
var title = "Shop Our Popular Items";
if ("sb_tracking" in window) window.sb_tracking.view_item_list("modules.contents.products_carousel.DOMContentLoaded", title, simpProduct_itemList);
var product_indexIdList = {};
for (var i = 0; i < simpProduct_itemList.length; i++) {
var item = simpProduct_itemList[i];
if (item['id'] != undefined) {
product_indexIdList[item['id']] = i;
}
}
var $productLink = $(".item a[data-product-id]", feature_products).click(onAction);
function onAction(ev) {
//if (ev != null) ev.preventDefault();
var id = $(this).data("product-id");
if (id != undefined && id != "") {
var item = simpProduct_itemList[product_indexIdList[id]];
if (item != undefined) {
if ("sb_tracking" in window) window.sb_tracking.select_item("modules.contents.products_carousel.item.click", title, item);
}
}
}
})();
});
</script>
<!-- modules end -->
<iframe name="__tcfapiLocator" style="display: none;"></iframe><iframe src="https://gdpr-api.sharethis.com/portal-v2.html" id="st_gdpr_iframe" title="GDPR Consent Management" style="width: 0px; height: 0px; position: absolute; left: -5000px;"></iframe><div id="st-cmp-v2"><div data-version="2.0.1" class="st-cmp-app st-cmp-undefined "><meta name="viewport" content="width=device-width, initial-scale=1"><div class="st-cmp-overlay"></div><div class="st-cmp-content"><div class="st-layer st-first-layer"><div class="st-cmp-full-header"><div class="header"><h1>WE CARE ABOUT YOUR PRIVACY</h1><div class="st-cmp-scroll-buttons"><div class="st-button ghost float-right"><span><div class="st-button-inner"><span class="st-text">Serene Haven Floristry </span></div></span></div><div class="st-button ghost float-right"><span><div class="st-button-inner"><span class="st-text">Vendors</span></div></span></div></div></div><div class="st-cmp-header-nav-buttons"><div class="st-button ghost"><span><div class="st-button-inner"><span class="st-text">Manage Settings</span></div></span></div><div class="st-button ghost"><span><div class="st-button-inner"><span class="st-text">Vendors</span></div></span></div></div></div><div class="st-cmp-selection-cards"><div id="publisher-settings"><h2>Serene Haven Floristry Settings</h2><div class="st-cmp-selection-card"><h3>Purposes</h3><div class="st-cmp-item"><h4>We and our partners can:</h4><div class="st-switch "><label>Store and/or access information on a device</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Use limited data to select advertising</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Create profiles for personalised advertising</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Use profiles to select personalised advertising</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Create profiles to personalise content</label><div class="switch"><span class="slider"></span></div></div></div><div class="st-cmp-item"><h4>We have a legitimate interest for these purposes:</h4><ul><li>Use profiles to select personalised content</li><li>Measure advertising performance</li><li>Measure content performance</li><li>Understand audiences through statistics or combinations of data from different sources</li><li>Develop and improve services</li></ul></div></div></div><div id="vendor-settings"><h2>Vendor Settings</h2><div class="st-cmp-selection-card"><h3>Purposes</h3><div class="st-cmp-item"><h4>Vendors can:</h4><div class="st-switch "><label>Store and/or access information on a device</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Use limited data to select advertising</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Create profiles for personalised advertising</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Use profiles to select personalised advertising</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Create profiles to personalise content</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Use profiles to select personalised content</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Measure advertising performance</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Measure content performance</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Understand audiences through statistics or combinations of data from different sources</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Develop and improve services</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Use limited data to select content</label><div class="switch"><span class="slider"></span></div></div></div></div><div class="st-cmp-selection-card"><h3>Special Purposes</h3><div class="st-cmp-item"><h4>Vendors can:</h4><ul><li>Ensure security, prevent and detect fraud, and fix errors
</li><li>Deliver and present advertising and content</li><li>Save and communicate privacy choices</li></ul></div></div><div class="st-cmp-selection-card"><h3>Features</h3><div class="st-cmp-item"><h4>Vendors can:</h4><ul><li>Match and combine data from other data sources</li><li>Link different devices</li><li>Identify devices based on information transmitted automatically</li></ul></div></div><div class="st-cmp-selection-card"><h3>Special Features</h3><div class="st-cmp-item"><h4>Vendors can:</h4><div class="st-switch "><label>Use precise geolocation data</label><div class="switch"><span class="slider"></span></div></div><div class="st-switch "><label>Actively scan device characteristics for identification</label><div class="switch"><span class="slider"></span></div></div></div></div></div></div><div class="st-cmp-disclaimer"><p>Some partners do not ask for your consent to process your data, instead, they rely on their legitimate business interest. Personal data processed includes but is not limited to cookies, IP addresses, and URLs visited.<a> View our list of partners </a>to see the purposes they believe they have a legitimate interest for and object to legitimate interests on a per vendor basis.<a> Manage your settings </a>and object to purposes as a legitimate interest in general.</p><p>You can change your settings at any time, including by withdrawing your consent, by clicking on the cog icon in the bottom right hand corner.</p></div><div class="st-cmp-nav-buttons"><div class="st-cmp-footer-nav-buttons"><div class="st-button"><span><div class="st-button-inner"><span class="st-text">Manage Settings</span></div></span></div><div class="st-button"><span><div class="st-button-inner"><span class="st-text">Vendors (865)</span></div></span></div></div><div class="st-cmp-permanent-footer-nav-buttons"><div class="st-button"><span><div class="st-button-inner"><span class="st-text">Accept All</span></div></span></div><div class="st-button"><span><div class="st-button-inner"><span class="st-text">Reject All</span></div></span></div><div class="st-button" disabled=""><span><div class="st-button-inner"><span class="st-text">Save & Exit</span></div></span></div></div></div></div></div></div></div></body></html>