@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,400italic);
@import url('https://fonts.googleapis.com/css?family=Exo+2:900|Maven+Pro:900|Pragati+Narrow|Roboto+Condensed:300|Tangerine:400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+HK:100,300,400,500,700,900&display=swap');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,400italic);
header, main, footer, #cp_editor1 { font-family: 'Open Sans', sans-serif; }
.column_accent_1{ }
.VMP_INPROGRESS{ BACKGROUND-COLOR: RED;
HEIGHT: 100px;
COLOR: WHITE;}
.VMP_FORREVIEW{ BACKGROUND-COLOR: ORANGE;
PADDING-TOP: 40px;
PADDING-BOTTOM: 40px;
COLOR: WHITE;}
.VMP_APPROVED{ BACKGROUND-COLOR: GREEN;
HEIGHT: 100px;
COLOR: WHITE;}
.bloqsHeaderContainer { background-attachment:scroll; }
.bloqsFooterContainer { background-attachment:scroll; }
header, main, footer, #cp_editor1 { font-size:140%; line-height:1.25em; }
body.front div#wrapper { max-width: 1400px; margin: auto; background: white; }
body.front { background-color:#252421; }
#brand-wrapper { max-width: 1400px; padding-top: 50px; background: white; }
header, main, footer, #cp_editor1 { color:#000 }
header, main, footer, #cp_editor1 { font-weight:400; }
header, main, footer, #cp_editor1 { Line-height:1.8em; font-family: 'Noto Sans HK', sans-serif; }
header div.bloq_content div:not(.bloq_auto_menu_wrapper) a:link, header div.bloq_content div:not(.bloq_auto_menu_wrapper) a:visited, main div.bloq_content div:not(.bloq_auto_menu_wrapper) a:link, main div.bloq_content div:not(.bloq_auto_menu_wrapper) a:visited, footer div.bloq_content div:not(.bloq_auto_menu_wrapper) a:link, footer div.bloq_content div:not(.bloq_auto_menu_wrapper) a:visited, #cp_editor1 a:link, #cp_editor1 a:visited { color: #3276ff;  text-decoration: none; }
header div.bloq_content div:not(.bloq_auto_menu_wrapper) a:hover, header div.bloq_content div:not(.bloq_auto_menu_wrapper) a:active, main div.bloq_content div:not(.bloq_auto_menu_wrapper) a:hover, main div.bloq_content div:not(.bloq_auto_menu_wrapper) a:active, footer div.bloq_content div:not(.bloq_auto_menu_wrapper) a:hover, footer div.bloq_content div:not(.bloq_auto_menu_wrapper) a:active, #cp_editor1 a:hover, #cp_editor1 a:active { cursor: pointer; }
header h1, main h1, footer h1, #cp_editor1 h1 { color: #8ead3e; display: block; font-size: 2.7em; margin-top: 0em; margin-bottom: 0em; margin-left: 0; margin-right: 0; line-height: 1.25em;     font-weight: 300; font-family: 'Roboto Condensed', sans-serif;  }
 header h2, main h2, footer h2, #cp_editor1 h2 { color: #8ead3e;    display: block;     font-size: 2.0em;     margin-top: 0em;     margin-bottom: .0em;     margin-left: 0;     margin-right: 0;     line-height: 1.3em;     font-weight: 400; }
 header h3, main h3, footer h3, #cp_editor1 h3 { display: block;     font-size: 1.7em;     margin-top: 0em;     margin-bottom: 0em;     margin-left: 0;     margin-right: 0;     line-height: 1.3em;     font-weight: 400; }
 header h4, main h4, footer h4, #cp_editor1 h4 { display: block; font-size: 1.3em; margin-top: 0em; margin-bottom: 0em; margin-left: 0; margin-right: 0; line-height: 1.5em; font-weight: 400; }
 header h5, main h5, footer h5, #cp_editor1 h5 { display: block;     font-size: 1.0em;     margin-top: 0em;     margin-bottom: 0em;     margin-left: 0;     margin-right: 0;     line-height: 1.2em;     font-weight: 400; }
 header h6, main h6, footer h6, #cp_editor1 h6 { display: block;     font-size: .7em;     margin-top: 0em;     margin-bottom: 0em;     margin-left: 0;     margin-right: 0;     line-height: 1.2em;     font-weight: 200; }
 header hr, main hr, footer hr, #cp_editor1 hr {     margin: 30px 10%; border-top: 1px solid #bdbdbd; }
 header blockquote, main blockquote, footer blockquote, #cp_editor1 blockquote {     padding: 20px 20px;     margin: 0px 0px 0px 45px;     font-size: 17.5px;     border-left: 5px solid #eee; }
 header mark, main mark, footer mark, #cp_editor1 mark {     background: #ffd900;     padding: 2px; }
 header p, main p, footer p, #cp_editor1 p { margin-top: .2em; }
 header small, main small, footer small, #cp_editor1 small {     font-size: 85%;     line-height: 1.5em;     display: block;    }
 footer { font-size: 14px !important; }
 header div.submit input[type="submit"], main div.submit input[type="submit"], footer div.submit input[type="submit"] {     background-color: #8ead3d;     color: white;     padding: 5px 30px;     border: 0px solid;     text-transform: uppercase;     border-radius: 8px;     margin-top: 20px; }
 header div.bloq_content div:not(.bloq_auto_menu_wrapper) a:link, header div.bloq_content div:not(.bloq_auto_menu_wrapper) a:visited, main div.bloq_content div:not(.bloq_auto_menu_wrapper) a:link, main div.bloq_content div:not(.bloq_auto_menu_wrapper) a:visited, footer div.bloq_content div:not(.bloq_auto_menu_wrapper) a:link, footer div.bloq_content div:not(.bloq_auto_menu_wrapper) a:visited, #cp_editor1 a:link, #cp_editor1 a:visited { color:#d37928; }




.MPShoppingCartProductLink {
    margin-left: 0px !important;
}


.MPFlexCards {
    background-color: #fafaf0;
}

.MPDetailsTopSectionHighlightBox {
    background-color: #fafaf0;
}

.MPDetailsSectionBorder {
    background-color: #fafaf0;
}


#bloqSeparatorWrap531619_142451,#bloqSeparatorWrap531621_142451, #bloqSeparatorWrap531623_142451,#bloqSeparatorWrap531622_142451 {
width: 60%;
margin: auto;
}


.w3-modal {
padding-top: 0px !important;
}


.MPShoppingCartProductLink {
margin-left: -14px;
}
.MP-BagIcon-Button:hover {
    color: #8ead3d !important;
}

.MarketPlaceItems > ul > li {
background: #fafaf0 !important;
}
/*
.MI-MarketItemName {
padding: 1px 7px 3px 7px ;
color: white;
background: #c02025;
padding-right: 10px;
font-size: 15px !important;

}

.MI-MarketItemName::first-letter {
background: #d0a02a;
padding: 1px 10px 2px;
margin-right: 7px;
}

.MPDetailsProductTitle {
padding: 3px 8px 3px 8px !important;
color: white;
background: #c02025;
padding-right: 10px;
font-size: 20px !important;

}
*/
/*
.MPItemName::first-letter {
color: transparent;
}

.MPItemCartDisplay::first-letter {
color: transparent;
}

.MPDetailsProductTitle::first-letter {
background: #d0a02a;
padding: 1px 10px 2px;
margin-right: 7px;
}
*/
.MI-ShortDescription {
    font-size: 13.8px !important;
    font-weight: 400 !important;
    display: inline-block;
    line-height: 1.4;
    color: #3d3d3d;
    margin-top: 10px;
}

.MPDetailsSectionOne > ul {
background: #fcf9eed6;
    margin-bottom: 10px;
    border-radius: 20px;
}



.MPDetailsSectionOne > ul > li {
background: #ffffff00 !important;
border: none !important;
}


.MP-BagIcon-Button {
margin-top: -30px;
    display: inline-flex;
}

@media (max-width: 960px) {
.MarketPlaceItems > ul {
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
}

.MP-Content-Right {
width: auto !important;
}
}

#bloq_section_120380,#bloq_section_125535 {
position: sticky;
    top: 0px;
    z-index: 30000;
}

#bloq_section_125758, #bloq_section_120192, #bloq_section_120302, #bloq_section_125536 {
background-image: linear-gradient( hsl(60deg 50% 96%) 20%, hsl(60deg 50% 96% / 70%) 45%, hsl(60deg 50% 96% / 40%) 51%, hsla(0, 0%, 0%, 0) 100%), url(/bloqs/1257-9467/635858_GiftwithpurposeBG.jpg);
background-size: cover !important;
background-attachment: fixed !important;
}






 /* Code for MOBILE */
@media (max-width: 767px) { 

#bloq_section_120192 {   
background-image: linear-gradient( hsl(60deg 50% 96%) 20%, hsl(60deg 50% 96% / 70%) 45%, hsl(60deg 50% 96% / 40%) 51%, hsla(0, 0%, 0%, 0) 100%), url(/bloqs/1257-9467/635858_GiftwithpurposeBG.jpg);
background-size: cover !important;
overflow: hidden;
}
}



	#bloq_section_120308, #bloq_section_120305, #bloq_section_125554, #bloq_section_125550 {
background-image: linear-gradient( hsl(60deg 50% 96%) 10%, hsl(60deg 50% 96% / 70%) 40%, hsl(60deg 50% 96% / 40%) 81%, hsla(0, 0%, 0%, 0) 100%);

}

.MI-MarketItemHighlightText {
    background: #c12025;
    text-align: right;
    padding: 2px 25px;
    /* float: right; */
    /* margin-top: 13px; */
    position: absolute;
    font-size: 12px;
    /* max-width: 300px; */
    color: white;
    /* display: inline-block; */
    font-weight: 500;
    margin-top: 10px;
}

:target:before {
    content: "";
    display: block;
    height: 100px;
    margin: -100px 0 0;
}

#bloq_auto_menu_wrapper_451274 {
    display: table;
    float: left !important;
    margin: auto;
    width: 100px;
}

#bloqCard431579 > .CardItemsV3 > ul {
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
}


#bloqCard431594 .CardItemsV3 > ul {
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
}

#footer {
font-size: 14px;
}

#bloq_section_87376, #bloq_section_107914, #bloq_section_107664, #bloq_section_111623, #bloq_section_111624 {
max-width: 1400px;
}

div#_top_drawer {
    position: fixed;
    /* width: 100%; */
    top: 0;
    left: inherit !important;
    z-index: 999;
    max-width: 1400px !important;
    margin: auto !important;
}



.cardItemLinkHolder {
margin-top: 0px !important;
margin-botton: 0px !important;
}

.VinsubNavTitle {font-size: 14px; padding-bottom: 9px; color: white;}

.VineSubNav {
    color: #f5d4d0 !important;
    font-size: 85%;
  } 
  .VineSubNav:hover {
    text-decoration: none !important;
    color: white !important;
  }

.VineSubScroll50:before {
  height: 50px;
  display: block;
  content: '';
}

#bloq_section_107664, #bloq_section_87376, #bloq_section_107914, #bloq_section_111623, #bloq_section_111624 {
position: fixed;
}  

ul#menu_c_menu_257840.sf-menu li:hover {
background-color: white !important;
}

.VMPItems > ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(288px, 1fr)) !important;
    grid-gap: 2rem;
    list-style: none !important;
    padding: 0;
}
  .VMPItems > ul > li {
    border: 1px solid #b3b3b3;
    list-style: none !important;
    background: #ffffff;
    cursor: pointer;
}
  
  .VMPItems {
        padding: .5rem 2rem;
}
  
  .VMPItems > ul > li:hover {
    background: #d0d0d029;
    border: 1px solid #292929;
  }
  
ul#menu_c_menu_257840.sf-menu li a:hover {
    color: #575757 !important;
    background: red;
    margin-right: 20px;
    border-radius: 5px;
}


#b_sec_178812::after  {position:absolute;
  content: " ";
  display:block;
  left:0;
  bottom:-20px;
  width:100%;
  border-style: solid;
  border-width: 0 100vw 20px 0;
border-color: transparent rgb(201, 57, 39) transparent transparent;
}  

#bloq_section_88362::after  {position:absolute;
  content: " ";
  display:block;
  left:0;
  bottom:-20px;
  width:100%;
  border-style: solid;
  border-width: 0 100vw 20px 0;
border-color: transparent rgb(201, 57, 39) transparent transparent;
} 

#bloq_section_88362::before  {position:absolute;
  content: " ";
  display:block;
  left:0;
  top:0px;
  width:100%;
  border-style: solid;
  border-width: 0 0 20px 100vw;
border-color: transparent  transparent transparent rgb(201, 57, 39);
} 



 .home-story {cursor:pointer; border: 1px solid #b3b3b3; height: 660px;}
  .home-story:hover { background: #f9f9f9; border: 1px solid white;
 -webkit-box-shadow: 0px 0px 0px 8px #efefef;
-moz-box-shadow: 0px 0px 0px 8px #efefef;
box-shadow: 0px 0px 0px 8px #efefef;}


  .home-story-video {cursor:pointer; border: 1px solid #b3b3b3; height: 460px;}
  .home-story-video:hover { background: #f9f9f9; border: 1px solid white;
 -webkit-box-shadow: 0px 0px 0px 8px #efefef;
-moz-box-shadow: 0px 0px 0px 8px #efefef;

    box-shadow: 0px 0px 0px 8px #efefef;
}


#bloqs_page_25121:hover { 

background-color: white !important;
}



@media (max-width: 767px) {
body {
font-size: 115% !important;
Line-height: 2.8em !important;
}

.CardItemsV3 > ul {
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr))!important;
}
}


@media (min-width: 768px) and (max-width: 991px) {
body {
font-size: 125% !important;
}
.CardItemsV3 > ul {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))!important;
}
}


@media (min-width: 992px) and (max-width: 1199px) {
body {
font-size: 130% !important;
}
}


@media (min-width: 1200px) {
body {
font-size: 145% !important;
}
}

.marker {
background-color: yellow;
    padding: 10px;
    display: inline-block;}


#areaToggleWrapper304302 P {
line-height: 1em;
}

#b_item_304302 {

}



ul#menu_c_menu_257840.sf-menu li a:link, ul#menu_c_menu_257840.sf-menu li a:visited {
    color: #575757;
    background: #ececec8f;
    margin-right: 20px;
    border-radius: 5px;
}

@media (max-width: 767px) {
.sf-menu a {
    padding: 8px;
}
}

@media (max-width: 991px) {
#areaToggleWrapper304302 {
margin-top: -8px;
}
}


@media (min-width: 992px) {
#bloqs_page_link_25140 {
    background-color: #8ead3d !important;
border-radius: 10px;

}

ul#menu_c_menu_257840.sf-menu li a#bloqs_page_link_25140 {
color: white !important; 
}



#bloqs_page_link_26827{
background-color: #c93a27 !important;
border-radius: 10px;
}

ul#menu_c_menu_257840.sf-menu li a#bloqs_page_link_26827 {
color: white !important; 
}
}


@media screen and (min-width: 1200px) {
header, main, footer, #cp_editor1 {
    font-size: 1.2em;
}

}



q::before {
content: "";
}

q {

  margin: 15px 15px;
Padding: 60px 120px;
  Width:100%;
Line-height: 1.3em;
margin: auto;
Font-weight:400;
Color: white;
Font-size: 1.62em;
Display: Block;
background-image: url("http://bloqs.s3.amazonaws.com/1257-9467/368892_E9206A9EB79D41389567A4B7CB501D7C.jpeg");
background-repeat: no-repeat;
  background-size: 100% 100%;



}

q::after {
content: "";
}


.CardItemsV3 > ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    grid-gap: 2rem;
    list-style: none !important;
    padding: 0;
    font-size: 75%!important;
}

@media (max-width: 767px) {
.CardItemsV3 > ul {
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
}


}
.autoSiblingBloq {
padding: 0px !important;
}

.VineFooterNav a {
color: white !important;
text-decoration: none;
}
    
    .VineFooterNav a:hover {
color: #d37928 !important;
text-decoration: none !important;
}

#store_display_551758 > #market_item_search_results > .MarketPlaceItems > ul {grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))!important;}


#b_sec_283048 {
background: #fafaf0b8; margin: 15px; padding: 20px; border-radius: 5px; }