/*
	@name secrets_of_embroidery___handheld
*/
:root {
  --banner_row_width: calc(100% * .96);
  --banner_desktop_width: calc(100% * .96);
  --banner_desktop_height: calc(100vw * .34);
  --banner_desktop_med_height: calc(100vw * .52);
  --banner_desktop_sm_width: calc(((100vw * .96) - (100vw * .042)) / 2);	
  --banner_desktop_sm_height: calc((((100vw * .96) - (100vw * .031)) / 2) * .71);	
  --gallery_row_width: calc(100% - 291px);
  --gallery_row_height: calc((100vw - 291px)/4.6);
}
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@800&display=swap');


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

html {
		-webkit-text-size-adjust: none;
}
body{
	margin: 0 0;
	font-family: Mulish;
font-style: normal;
font-weight: 200;
font-size: 14px;
line-height: 18px;
color: #3F4B7C;
}
#treasurehunt{
	max-width:95%;
	margin:auto;
}
#treasurehunt p{
	margin:16px;
}
.cart_liked_icon{
    display: inline-block;
margin-left: calc(100vw * .021);
margin-top: calc(100vw * .021);
}
.cart_slide_thumbnail_badges{
	display:inline-block;
}
.cart_slide_treasure{
	width: calc(100vw * .068);
display: none;
height: calc(100vw * .068);
}
.cart_slide_icon_treasure{
	height: calc(100vw * .068);
position: relative;
display: block;
width: calc(100vw * .068);
}
.cart_slide_th_vector{
	background: url(//secretsof.com/includes/stylesheets/skins/treasuregold_lg.jpg);
background-size: cover;
height: calc(100vw * .068);
position: relative;
display: block;
width: calc(100vw * .068);
	top: calc(100vw * .018);
}
.cart_slide_diamond {
 width: calc(100vw * .068);
display: none;
height: calc(100vw * .068);
}
.cart_slide_icon_diamond {
height: calc(100vw * .068);
position: relative;
display: block;
width: calc(100vw * .068);
}
.cart_slide_dh_vector {
 background: url(//secretsof.com/includes/stylesheets/skins/treasurediamond_lg.jpg);
background-size: cover;
height: calc(100vw * .068);
position: relative;
display: block;
width: calc(100vw * .068);
	top: calc(100vw * .018);
}
.cart_slide_silver {
 width: calc(100vw * .068);
display: none;
height: calc(100vw * .068);
}
.cart_slide_icon_silver {
height: calc(100vw * .068);
position: relative;
display: block;
width: calc(100vw * .068);
}
.cart_slide_sh_vector {
 background: url(//secretsof.com/includes/stylesheets/skins/treasuresilver_lg.jpg);
background-size: cover;
height: calc(100vw * .068);
position: relative;
display: block;
width: calc(100vw * .068);
	top: calc(100vw * .018);
}
#home_bottom_message{
	margin: calc(100vw * .016) auto;
font-family: Mulish;
font-size: 14px;
font-weight: 200;
text-align: left;
color: #784ab1;
width: var(--banner_row_width);
}
#home_top_message{
	margin: calc(100vw * .016) auto;
font-family: Mulish;
font-size: 14px;
font-weight: 400;
text-align: left;
color: #784ab1;
width: var(--banner_row_width);
}
.banner_header{
	top: auto !important;
position: relative !important;
height: calc(100vw *.032);
margin-bottom: calc(100vw * .06);
}
.sales_image{width:12vw;}
.sales_image img{ 
width: calc(100vw * .04);
	vertical-align:auto !important;
	display:inline;
	margin-right:1vw;
}
.treasure {
  float: left;
  top: 0px;
  left: 0px;
   width: calc(100vw * .035);
  height:calc(100vw * .035);
}
.icon_treasure {
  top: 0px;
  left: 0px;
  width: calc(100vw * .035);
  height:calc(100vw * .035);
}
.th_vector {
  top: 0px !important;
  left: 0px;
    width: calc(100vw * .035);
  height:calc(100vw * .035);
  background: url(skins/treasuregold.png);
  background-size: cover;
}
.diamond {
  float: left;
  top: 0px;
  left: 0;
  width: calc(100vw * .035);
  height:calc(100vw * .035);
}
.icon_diamond {
  top: 0;
  left: 0;
 width: calc(100vw * .035);
  height:calc(100vw * .035);
}
.dh_vector {
  top: 0px !important;
  left: 0px;
  width: calc(100vw * .035);
  height:calc(100vw * .035);
  background: url(//secretsof.com/includes/stylesheets/skins/treasurediamond_lg.jpg);
  background-size: cover;
}
.silver {
  float: left;
  top: 0px;
  left: 0;
  width: calc(100vw * .035);
  height:calc(100vw * .035);
}
.icon_silver {
  top: 0;
  left: 0;
 width: calc(100vw * .035);
  height:calc(100vw * .035);
}
.sh_vector {
  top: 0px !important;
  left: 0px;
  width: calc(100vw * .035);
  height:calc(100vw * .035);
  background: url(//secretsof.com/includes/stylesheets/skins/treasuresilver_lg.jpg);
  background-size: cover;
}
.slider_treasure {
  float: left;
  top: 0px;
  left: 0px;
   width: calc(100vw * .035);
  height:calc(100vw * .035);
}
.slider_icon_treasure {
  top: 0px;
  left: 0px;
  width: calc(100vw * .035);
  height:calc(100vw * .035);
}
.slider_th_vector {
  top: 0px !important;
  left: 0px;
    width: calc(100vw * .035);
  height:calc(100vw * .035);
  background: url(skins/treasuregold.png);
  background-size: cover;
}
.slider_diamond {
  float: left;
  top: 0px;
  left: 0;
  width: calc(100vw * .035);
  height:calc(100vw * .035);
}
.slider_icon_diamond {
  top: 0;
  left: 0;
 width: calc(100vw * .035);
  height:calc(100vw * .035);
}
.slider_dh_vector {
  top: 0px !important;
  left: 0px;
  width: calc(100vw * .035);
  height:calc(100vw * .035);
  background: url(//secretsof.com/includes/stylesheets/skins/treasurediamond_lg.jpg);
  background-size: cover;
}
.slider_silver {
  float: left;
  top: 0px;
  left: 0;
  width: calc(100vw * .035);
  height:calc(100vw * .035);
}
.slider_icon_silver {
  top: 0;
  left: 0;
 width: calc(100vw * .035);
  height:calc(100vw * .035);
}
.slider_sh_vector {
  top: 0px !important;
  left: 0px;
  width: calc(100vw * .035);
  height:calc(100vw * .035);
  background: url(//secretsof.com/includes/stylesheets/skins/treasuresilver_lg.jpg);
  background-size: cover;
}
#mobile_secrets{
	width:var(--banner_row_width);
	margin:0 auto;
}
#mobile_secrets p{
	margin:calc(100vw * .021) 0 !important;
}
.designer {
  display: none;
}
#designer_toggle {
  cursor: pointer;
  position: relative;
	display:inline-block;
  width: 50%;
 
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: calc(100vw * .037);
  line-height:calc(100vw * .048);
  /* identical to box height */
  text-align: right;
  text-decoration-line: underline;
  /* Primary Dark */
  color: #3F4B7C;
}
 
#login_message {
 
  position: relative !important;
  
  
  /* Light blue */
  background: #F8F9FF;
  border-radius: 5px;
  /* Inside Auto Layout */
  width: var(--banner_row_width);
  margin: 16px auto;
}
#login_message .customer {
  
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  align-items: center;
  /* Primary purple */
  color: #784AB1;
}
#login_error_message {
  padding: 12px;
  position: relative !important;

  /* Light blue */
  background: #F8F9FF;
  border-radius: 5px;
  /* Inside Auto Layout */
  width: 95%;
  margin: 16px auto;

  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  align-items: center;
  /* Primary purple */
  color: red;
}
#login_message .customer a{
  
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #ab1ec3;
}
#login_message .designer a{
  
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #ab1ec3;
}
#login_message .designer {
  
  left: 12px;
  top: 12px;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  align-items: center;
  /* Primary purple */
  color: #784AB1;
}
#login_form_container {
  position: relative;
  width: var(--banner_row_width);
  margin:auto;
}
#login_form {
  position: relative;
  width: calc(100vw * .81);
  
  margin:auto;
  border-radius: 20px;
}
#login_form_frame {
  padding: 0px;
  position: relative;
  width: calc(100vw * .81);
}
.login_field {
  position: relative;
  width: calc(100vw * .81);
  height: calc(100vw * .08);
  left: 0px;
  top: 0px;
  /* Light blue */
  background: #F8F9FF;
  border-radius: 5px;
  margin: 8px 0px;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  border: 0;
  /* identical to box height */
  /* Primary Dark */
  color: #3F4B7C;
  
}
#login_button_frame {
  position: relative;
  width: calc(100vw * .485);
  height: calc(100vw * .152);
  left: 0px;
  margin: 16px auto;
}
#login_button {
	cursor:pointer;
  width: calc(100vw * .485);
  height: calc(100vw * .152);
  
  /* Primary purple */
  background: #784AB1;
  box-shadow: inset 0px -4px 4px rgba(255, 255, 255, 0.1);
  border-radius: 10px;
	display: flex;
align-items: center;
justify-content: center;
}

#login_button_text {
  width: 150px;
  height: 25px;
  font-family: Nunito,sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  /* identical to box height */
  text-align: center;
  /* White */
  color: #FFFFFF;
}
.login_image_frame {
  position: relative;
width: calc(100vw * .75);
height: calc(100vw * .1386);
left: 0px !important;
cursor: pointer;
margin: 0 auto;
display: flex;
justify-content: center;
}
.login_image_frame img {
  height: 52px;
 
}
#login_popup.show {
  visibility: visible;
  z-index: 300;
  opacity: 1;
  transition: all .5s ease-in-out; /*make it smooth*/
}
#login_popup.hide {
  visibility: hidden;
  opacity: 0;
  z-index: -1; /*hide it in the back of the page*/
  transition: all .5s ease-in-out; /*make it smooth*/
}
#overlay.show {
  visibility: visible;
  z-index: 100;
  opacity: 1;
}
.mobile_page_header {
  position: relative;
  height: calc(100vw *.144);
  width:var(--banner_row_width);
  display:flex;
	align-items:center;
	text-align:left;
	margin: calc(100vw * .063) auto calc(100vw * .021);
}
#mobile_liked_page_icon {
  display:inline-block;
  width: calc(100vw * .077);
  height: calc(100vw * .077);
  background: url(//secretsof.com/images/mobile/mobile_liked.svg);
  background-size: cover;
}
.mobile_page_title {
  position: relative;
  
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  font-size: calc(100vw * .048);
  line-height: calc(100vw * .061);
  color: #784AB1;
  display: inline-block;
  margin-left: calc(100vw * .042);
}
#cart_message {
  margin-top: 32px;
  margin-left: 24px;
}
.small_text {
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 14px;
  align-items: center;
  color: #784AB1;
}
#download_message_title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #784AB1;
  margin-top: 16px;
  margin-left: 24px;
}
#download_message {
  color: #3F4B7C;
 margin:calc(100vw * .042) 0 0 24px;
  width:var(--banner_row_width);
}
#download_message ul {
	width: var(--banner_row_width);
	margin: calc(100vw * .042) 0 0 20px;
}
#card_details_title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: calc(100vw * .032);
  line-height: calc(100vw * .042);
  color: #3F4B7C;
  margin-bottom: 16px;
}
#cart_card_bg {
  position: relative;
  width: calc(var(--banner_row_width) - (100vw * .126));
  background: #F1F3FC;
  border-radius: 20px;
	margin: calc(100vw * .042) auto;
	padding:calc(100vw * .063);
}
#browser_notice {
  font-family: Nunito,sans-serif;
  font-size: calc(100vw * .027);
}
#cart_messages{
	font-family: Nunito, sans-serif;
font-style: normal;
font-weight: normal;
color: #3F4B7C;
	width:var(--banner_row_width);
	margin:calc(100vw * .021); auto;
}
#cart_messages input{
display: inline-block;
font-size: calc(100vw * .032);;
  line-height: calc(100vw * .042);;
font-family: Nunito, sans-serif;
font-weight: 400;
color: #3F4B7C;
    padding-right: 1.4em;
    padding-left: 0.8em;

box-sizing: border-box;
margin: 0;
border: 0;
border-radius: 5px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #F8F9FF;
	margin-top: calc(100vw *.021);
height: calc(100vw * .084);
}
#cart_messages button{
	font-size: calc(100vw * .032);;
  line-height: calc(100vw * .042);;
font-family: Nunito, sans-serif;
font-weight: 400;

-ms-border-radius: 40px;
-o-border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
background: rgba(120, 74, 177, 1);
color:#fff;
	border:0;
	width:100px;
	margin-top: calc(100vw *.021);
height: calc(100vw * .084);
}
#points_pay_button{
	font-size: calc(100vw * .032);;
  line-height: calc(100vw * .042);;
font-family: Nunito, sans-serif;
font-weight: 400;
-ms-border-radius: 40px;
-o-border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
background: rgba(120, 74, 177, 1);
color:#fff;
	border:0;
	width: calc(100vw * .6);
margin: calc(100vw *.021) auto 0;
	display:block;
height: calc(100vw * .084);
}
#mobile_total{
	width:var(--banner_row_width);
	margin:calc(100vw * .021) auto;
}
#total {
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  font-size: calc(100vw * .032);;
  line-height: calc(100vw * .042);;
  position: relative;
  display: inline-block;
	margin-top:calc(100vw * .021);
	color:#3F4B7C;
	width:calc(var(--banner_row_width) / 2);
}
#total_cost {
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: calc(100vw * .032);;
  line-height: calc(100vw * .042);;
  position: relative;
  display: inline-block;
  text-align: right;
 margin-top:calc(100vw * .021);
	color:#3F4B7C;
	width:calc(var(--banner_row_width) / 2);
}
.tooltip .tooltiptext {
  display:none;
}
#mobile_format_container{
	display:inline-block;
	margin-left: calc(100vw * .042);
}
.cart_item {
  top: 0px;
  left: 0px;
  width: var(--banner_row_width);
  margin: calc(100vw * .042) auto 0;	
  height: 100%;
	display:flex;
	align-items:center;
}
.cart_product_image {
  position: relative;
  width: calc(100vw * .186);
  height: calc(100vw * .186);
  background: url(skins/__img___frame_41.png);
  background-size: auto;
  background-size: cover;
  display: inline-block;
	border-radius:5px;
}
.cart_page_input {
  height: calc(100vw * .04);
  line-height: calc(100vw * .042);
  display: block;
  font-size: calc(100vw * .032);
  font-family: Nunito, sans-serif;
  font-weight: 400;
  color: #3F4B7C;
    padding-right: 1.4em;
    padding-left: 0.8em;
 
  
  box-sizing: border-box;
  margin: 0;
  border: 0;
  
}
.cart_product_format {
  height: calc(100vw * .04);
  position: relative;
	width:calc(100vw * .28);
 
}
.cart_product_size {
  height: calc(100vw * .04);
  position: relative;
}
.cart_product_price {
  text-align: right;
  height: 20px;
  position: relative;
  display: inline-block;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: calc(100vw * .037);
  line-height: calc(100vw * .048);
	width:calc(100vw * .4); 
}
.icon_x {
  position: relative;
  display: inline-block;
  width: calc(100vw * .032);
  height: calc(100vw * .032);
  background: url(skins/vector_ek150.png);
  background-size: cover;
	margin-left:calc(100vw * .021);
}
#cart_page_download {
  padding: calc(100vw * .032);
  position: relative;
  background: rgba(235, 63, 150, 0.05);
  border-radius: 5px;
  margin: 0 auto;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: calc(100vw * .037);
  line-height: calc(100vw * .04);;
  color: #EB3F96;
	width:calc(var(--banner_row_width) - (100vw * .064));
}
#cart_page_header {
  position: relative;
  height: calc(100vw *.144);
  width:var(--banner_row_width);
  display:flex;
	align-items:center;
	text-align:left;
	margin: calc(100vw * .063) auto calc(100vw * .021);
}
#cart_page_icon {
  display:inline-block;
  width: calc(100vw * .077);
  height: calc(100vw * .077);
  background: url(skins/vector_ek149.png);
  background-size: cover;
}
#cart_page_title {
  position: relative;
  
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  font-size: calc(100vw * .048);
  line-height: calc(100vw * .061);
  color: #784AB1;
  display: inline-block;
  margin-left: calc(100vw * .042);
}
#designs_container{
	margin:calc(100vw * .042) 0 0 0 !important;
}
.despage_title{
	font-family: 'Mulish';
font-style: normal;
font-weight: 800;
font-size: calc(100vw * .048);
line-height: calc(100vw * .061);
margin-bottom:calc(100vw * .021);
	
/* idecal to box height */
text-transform: uppercase;

/* Primary Dark */
color: #3F4B7C;
}
.stores_page_header{
	width:var(--banner_row_width);
	margin:0 auto;
	display:flex;
	align-items:center;
   justify-content: center;
	height:calc(100vw * .277);
	background: #F6F6FF;
}
.stores_page_title{
	font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: calc(100vw * .048);
line-height: calc(100vw * .061);
width: 100%;
text-align: center;
/* Primary purple */
color: #784AB1;
	text-transform: capitalize;
}
.stores_page_icon{
	width:calc(100vw * .067);
	display:inline-block;
	margin-right:calc(100vw * .021);
}
#mobile_stores_nav_arrow{
	margin: calc(100vw * .042);
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 700;
font-size: calc(100vw * .048);
line-height: calc(100vw * .067);
}
.store_link{
width: var(--banner_row_width);
    height: calc(100vw * .125);
    background: #F8F9FF;
    border-radius: 5px;
    margin: calc(100vw * .021) auto;
	display:flex;
	align-items:center;
	justify-content: center;
}
.store_link div{
	width:calc(var(--banner_row_width) - calc(100vw * .085));
	margin:0 auto;
	text-align:left;
}
.store_link a{
text-decoration:none;
	font-size: calc(100vw * .037);
  line-height: calc(100vw * .046);
	 font-family: Mulish;
  font-style: normal;
  font-weight: 400;
	color: #3F4B7C;
}
#stores_page_message {
  padding: 12px;
  position: relative;
  background: #F1F3FC;
  border-radius: 5px;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: calc(100vw * .037);
  line-height: calc(100vw * .046);
  color: #784AB1;
  margin: 4px auto;
	width:var(--banner_row_width);
}
.page_title {
  display:none !important;
}
#popup-store > p {
    display:none;
	width: var(--banner_row_width);
margin: calc(100vw * .021) auto;
	text-align:left !important;
	font-family: Mulish;
  font-style: normal;
  font-weight: 200;
  font-size: calc(100vw * .037);
  line-height: calc(100vw * .048);
  color: #3F4B7C;
	
}

#popup-store > p ~ p {
    display:block !important;
}
#top-pops p{
	width: var(--banner_row_width);
margin: auto;
	font-family: Mulish;
  font-style: normal;
  font-weight: 200;
  font-size: calc(100vw * .037);
  line-height: calc(100vw * .048);
  color: #3F4B7C;
}
#clearance p{
	width: var(--banner_row_width);
margin: auto;
	  font-family: Mulish;
  font-style: normal;
  font-weight: 200;
  font-size: calc(100vw * .037);
  line-height: calc(100vw * .048);
  color: #3F4B7C;
}
}
.filter_header > .filter_item {
    margin-top:calc(100vw * .021) !important;
}

.filter_header > .filter_item ~ .filter_item {
    margin-top:0;
}
.icon_arrow_line {
  top: calc(100vw * .02);
  right: calc(100vw * .028);
  width: calc(100vw * .048);
  height: calc(100vw * .048);
   position: absolute !important;
}
.vector_ek25 {
 
  width: calc(100vw * .021);
height: calc(100vw * .042);
}
.closed .icon_arrow_line .vector_ek25 {
  left: 3px;
  top: 0px !important;
  left: 3px;
 width: calc(100vw * .021);
height: calc(100vw * .042);
  background: url(skins/vector_ek25.png);
  background-size: cover;
}
.open .icon_arrow_line .vector_ek25 {
  top: 3px;
 width: calc(100vw * .042) !important;
height: calc(100vw * .021) !important;
  background: url(skins/down_arrow.png);
  background-size: cover;
}
.filter_header.closed{
	height:auto;
}
.filter_header.open{
	height:100vw;
	overflow:scroll;
}
.sort_item{
	position:relative !important;
	left: 8px;
height: 26px;
overflow: hidden;
font-family: Mulish;
font-size: 14px;
text-align: left;
color: #3F4A7C;
cursor: pointer;
top: 4px;
}
.filter_header {
  cursor: pointer;
  position: relative !important;
  left: 8px;
  /*width: 137px;
	height: 26px;*/
  margin-bottom: 8px;
}
.filter_item {
  display: block;
  position: relative !important;
  height: calc(100vw * .082);
  margin: 0px 0px;
	
}
.filter_label{
	font-size: calc(100vw * .048);
}
.filter_item_icon {
  position: absolute;
  width: 8px;
  height: 6px;
  left: 8px;
  top: calc(50% - 15px/2);
  background: url("skins/check_mark.png");
  background-cover: cover;
  /* Inside Auto Layout */
  margin: 0px 8px;
}
.filter_item_text {
  position: relative !important;
  left: 25px;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  /* identical to box height */
  /* Primary Dark */
  color: #3F4B7C;
  margin: 0px 10px;
}
#filter_content_container{
	max-width: var(--banner_row_width);
margin: calc(100vw * .085) auto;
}
.filter_container {
  display: block;
  position: relative !important;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  top: 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #3F4B7C;
}
.label_with_combo{
	font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: calc(100vw * .058);
line-height:  calc(100vw * .0746);
	color:#3F4B7C;

}
/* Hide the browser's default checkbox */
.filter_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.filter_checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  background-color: #fff;
}
/* On mouse-over, add a grey background color */
.filter_container:hover input ~ .filter_checkmark {
  background-color: #fff;
}
/* When the checkbox is checked, add a blue background */
.filter_container input:checked ~ .filter_checkmark {
  background-color: #fff;
}
/* Create the checkmark/indicator (hidden when not checked) */
.filter_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.filter_container input:checked ~ .filter_checkmark:after {
  display: block;
}
.filter_container input:checked ~ span.filter_label {
  color: #784AB1;
}
/* Style the checkmark/indicator */
.filter_container .filter_checkmark:after {
  
 width: calc(100vw * .009);
height: calc(100vw * .02);
  border: solid #784AB1;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.open .filter_item {
  display: block;
}
.closed .filter_item {
  display: none;
}
.closed .sort_item {
  display: none;
}
#buttons_search_bar_ek1 {
	position:relative;
}
#mobile_close{
	position: absolute;
width: calc(100vw * .099);
height: calc(100vw * .099);
top: 4vw;
right: calc(100vw * .025);
	display:flex;
	justify-content: center;
	align-content: center;
	background-color:#fff;
	border-radius:100%;
	border: 1px solid grey;
}
#mobile_close img{
 height:calc(100vw * .048);
width:calc(100vw * .048);
	margin-top: calc(100vw * .025);
}
.active_purple_pill{
	
background: #784AB1;
border-radius: 100px;
font-weight: 600;
color: #FFFFFF;
border: 1px solid #784AB1;

}
.inactive{
	
/* Primary purple */
background: #ffffff;
color: #3F4B7C;
margin: 0px 4px;
	font-weight: normal;
}
#category_filters, #bestselling_filters, #wp_categories,#my_secrets_categories{
	/*overflow: hidden;*/
width: var(--banner_row_width);
margin: 0 auto !important;
height: calc(100vw * .11);
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
#category_filters > div, #bestselling_filters > div, #wp_categories > div,,#my_secrets_categories > div{
	white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
height: calc(100vw * .15);
}
.category_button,.subcategory_button,.sub2category_button{
	
	display:inline-block;
	position:relative;
	padding: calc(100vw * .018) calc(100vw * .032) ;
	font-family: Mulish;
font-style: normal;
font-size: calc(100vw * .043) ;
line-height: calc(100vw * .053) ;;
	cursor:pointer;
}
.subcat_div{display:none;}
.close_icon{
	position: relative !important;

margin-left: 8px;
}
.x_on{
display: inline-block;	
}
.x_off{
	display: none;
}
.subclose_icon{
	position: relative !important;

margin-left: 8px;
}
.active_subcat .subclose_icon{
display: inline-block;	
}
.inactive .subclose_icon{
	display: none;
}
.active_subcat{
	border: 1px solid #784AB1;
box-sizing: border-box;
border-radius: 100px;
	font-weight: 600;
font-size: 12px;
color: #784AB1;
	margin-left:4px;
}
#search_bar_with_filter,#stores_search_bar_with_filter {
 width: var(--banner_row_width);
margin: calc(100vw * .02) auto;
height: calc(100vw * .13);
display: flex;
justify-content: center;
align-items: center;
}
#stores_search_bar_with_filter #__search {
	width: calc(100vw * .65) !important;
}
#rectangle_36 {
  display:none;
}
#search_bar {
  width: calc(100vw * .8);
  height: calc(100vw * .13);
	background: #F1F3FC;
border-radius: 10px;
	display: inline-flex;
  justify-content: center;
  align-items: center; 
}
#frame_19 {
  
  width: calc(100vw * .043);
  height: calc(100vw * .048);
}
#search {
  
 width: calc(100vw * .043);
  height: calc(100vw * .048);
}
#vector_ek24 {
  
  width: calc(100vw * .043);
  height: calc(100vw * .048);
  background: url(//secretsof.com/images/mobile/mobile_search.svg);
  background-size: cover;
}
input::placeholder{
	color: #3F4B7C;
}
#__search{
	width: calc(100vw * .55);
height: calc(100vw * .053);

font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: calc(100vw * .042);
line-height: calc(100vw * .053);
color: #3F4B7C;
	background: #F1F3FC;
	border:0;
}
#dropdown_container{
	width: calc(100vw * .128);
height: calc(100vw * .13);
background: #F1F3FC;
border-radius: 10px;
display: inline-flex;
justify-content: center;
align-items: center;
margin-left: calc(100vw * .021);
}
#dropdown_container.filters_on{
background: #9859F2 !important;
}
#dropdown_container.filters_on .icon{
	background: url(//secretsof.com/images/mobile/mobile_filter_buttons_on.svg) !important;
}
#__css_style_icon___vector {
 
  width: calc(100vw * .043);
  height: calc(100vw * .043);
  background: url(//secretsof.com/images/mobile/mobile_filter_buttons.svg);
  background-size: cover;
}
#buttons_search_bar, .filter{
display:none;
}
#phonewrapper{
height: calc(100% - (100vw * .25));
overflow-y: scroll;
}
.buttonContent{
	position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
	
}
#addtocart_button_container {
  position: relative;
  width: calc(100% * .402);
  height:calc(100vw * .157);
  /* Inside Auto Layout */
  margin: 10px auto 0;
	z-index:200;
}
#addtocart_button {
  width: calc(100vw * .402);
  height:calc(100vw * .157);
  
}
#addtocart_background {
  width: calc(100vw * .402);
  height:calc(100vw * .157);
  
  
  /* Pink gradient */
  background: conic-gradient(from 180deg at 50% 50%, #EF4298 -120deg, #ED6CB0 189.38deg, #EB3F95 189.41deg, #EB3F95 189.45deg, #EF4298 240deg, #ED6CB0 549.38deg);
  box-shadow: 0px 20px 40px rgba(125, 9, 145, 0.15);
  border-radius: 100px;
	cursor:pointer;
}
#addtocart_text {
  display:inline-block;
  height: 18px;
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  /* identical to box height */
  text-transform: uppercase;
  /* White */
  color: #FFFFFF;
  /* Inside Auto Layout */
  margin-left:20px;
 
}
#addtocart_icon {
position: absolute;
/*top: calc(100vw * .0004);*/
left: calc(100vw * .03);
  width: calc(100vw * .053);
  height: calc(100vw * .0506);
  background: url("//secretsof.com/includes/stylesheets/skins/basket.png");
  background-size: cover;
  /* Inside Auto Layout */
  
}
#addedtocart_button {
   width: calc(100vw * .402);
  height:calc(100vw * .157);
}
#addedtocart_button > p {
	height: 20px;
text-align:center;
font-family: Mulish;
font-size: 14px;
color: #3F4A7C;

width: 100%;
position:relative;
	margin: 8px 0 16px 0;
	cursor:pointer;
}
#addedtocart_button > p > a {
	text-decoration:none;
	font-family: Mulish;
font-size: 14px;
color: #3F4A7C;
}
#addedtocart_button > p > a:hover {
  font-family: Mulish;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  color: #784AB1;
}
#addedtocart_background {
  width: calc(100vw * .402);
  height:calc(100vw * .157);
 
  /* Pink gradient */
  background: conic-gradient(from 180deg at 50% 50%, #EF4298 -120deg, #ED6CB0 189.38deg, #EB3F95 189.41deg, #EB3F95 189.45deg, #EF4298 240deg, #ED6CB0 549.38deg);
  box-shadow: 0px 20px 40px rgba(125, 9, 145, 0.15);
  border-radius: 100px;
}
#addedtocart_text {
  display:inline-block;
  height: 18px;
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  /* identical to box height */
  text-transform: uppercase;
  /* White */
  color: #FFFFFF;
  /* Inside Auto Layout */
  margin-left:20px;
}
#addedtocart_icon {
  position: absolute;
/*top: calc(100vw * .0004);*/
left: calc(100vw * .07);
  width: calc(100vw * .053);
  height: calc(100vw * .0405);
  background: url("//secretsof.com/includes/stylesheets/skins/check.png");
  background-size: cover;
  /* Inside Auto Layout */
  
}
#cart_slide_variants {
  clear: both;
  position: relative;
  width: 100%;
  border: 1px solid #C6C7CC;
  border-radius: 5px;
  /* Inside Auto Layout */
  flex: none;
  order: 2;
  flex-grow: 0;
  margin: 16px auto;
}
.cart_slide_variant {
  position: relative;
  display: inline-block;
  width: 100%;
  background: #fff;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  margin: 0px 0px;
}
.cart_slide_variant.checked {
  background: #F5F5F5;
  font-weight: 600;
}
.cart_slide_variant.checked .orgprice {
  font-weight: 600;
}
.cart_slide_variant.checked .variant_price {
  font-weight: 600;
}
.cart_slide_variant.checked .radio-label {
  font-weight: 600;
}
.cart_slide_variant_text {
  position: static;
  width: calc(100% * .928);
  height: 20px;
  left: 16px;
  top: 16px;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 15px 0px;
}
.radio {
  display: inline-block;
  margin-left: 10px;
}
.radio {
  /*margin: 0.5rem;*/
  input[type="radio"] {
    position: absolute;
    opacity: 0;
    + .radio-label {
      &:before {
        content: '';
        background: $color1;
        border-radius: 100%;
        border: 1px solid darken($color1, 25%);
        display: inline-block;
        width: 1.4em;
        height: 1.4em;
        position: relative;
        top: -0.2em;
        margin-right: 1em;
        vertical-align: top;
        cursor: pointer;
        text-align: center;
        transition: all 250ms ease;
      }
    }
    &:checked {
      + .radio-label {
        &:before {
          background-color: $color2;
          box-shadow: inset 0 0 0 4px $color1;
        }
      }
    }
    &:focus {
      + .radio-label {
        &:before {
          outline: none;
          border-color: $color2;
        }
      }
    }
    &:disabled {
      + .radio-label {
        &:before {
          box-shadow: inset 0 0 0 4px $color1;
          border-color: darken($color1, 25%);
          background: darken($color1, 25%);
        }
      }
    }
    + .radio-label {
      &:empty {
        &:before {
          margin-right: 0;
        }
      }
    }
  }
}
.radio-label {
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: calc(100vw * .035);
  display: inline-block;
}
.variant_price {
  position: absolute;
  display: inline-block;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: calc(100vw * .035);
  right: calc(100vw * .17);
}
.orgprice {
  position: absolute;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: calc(100vw * .03);
  line-height: calc(100vw * .04);
  right: calc(100vw * .043);
  top: calc(100vw * .048);
  /* identical to box height */
  text-align: right;
  text-decoration-line: line-through;
  /* Gray */
  color: #C6C7CC;
}
.select-css {
  position: relative;
  display: block;
  font-family: Nunito,sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: calc(100vw * .037);
  color: #3F4B7C;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  border: 1px solid #C6C7CC;
  border-radius: 5px;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
  display: none;
}
.select-css:hover {
  border-color: #888;
}
.select-css:focus {
  border-color: #aaa;
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}
.select-css option {
  font-weight: normal;
}
#cart_slide_variants_format {
 
  width: calc(100% * .928);;
  margin:auto;
}
#morelink{
	position:absolute;
	bottom:0;
	right:0;
	font-family: Mulish;
font-size: 3.5vw;
color: #AB1EC4;
  line-height: 19px;
	font-style: normal;
font-weight: 700;
	background-color: white;
}
#lesslink{
	position:absolute;
	bottom:0;
	right:0;
	font-family: Mulish;
font-size: 3.5vw;
color: #AB1EC4;
  line-height: 19px;
	font-style: normal;
font-weight: 700;
}
#cart_slide_description {
  position: relative;
margin: calc(100vw * .042) auto 0;
 width: calc(100% - (100vw * .084));
  font-family: 'Mulish';
font-style: normal;
font-weight: 400;
font-size: 3.5vw;
color: #3F4B7C;
  line-height: calc(100vw*.053);
  color: #818181;
	height:calc((100vw*.053) * 2);
	overflow:hidden;
}
#cart_slide_description p{margin:0;}
#cart_slide_large_images .slick-prev:before {
font-size: 40px !important;
	color: black !important;
}
#cart_slide_large_images .slick-next:before {
font-size: 40px !important;
color: black !important;
}
#cart_slide_large_images .slick-prev {
left: -25px !important;
}
#cart_slide_large_images .slick-next {
right: -22px !important;
}
#cart_slide_large_images{
	margin: 0 calc(100vw * .042);
}
#cart_slide_large_images .slick-prev, .slick-next {
width: 40px !important;
height: 40px !important;
}
.cart_slide_large_image{
	width:calc((100vw - (100vw * .042)) * .75);
	height:calc((100vw - (100vw * .042)) * .75);
	float:left;
	
}
#cart_slide_large_image{
	width:calc((100vw - (100vw * .042)) * .75);
	height:calc((100vw - (100vw * .042)) * .75); 
	margin:0 auto;
	
}
.no_margin{margin-left:0 !important}
.slick-dots{display:none !important;}
.slick-prev{
	left:15px !important;
	z-index:25;
}
.slick-next{
	right:-9px !important;
	z-index:25;
}
.mobile_liked_off img {
  background: url("//secretsof.com/images/mobile/liked_off.svg") no-repeat;
  width: calc(100vw * .099); /* Width of new image */
  height: 0px !important;
  height /**/: calc(100vw * .099); /* Height of new image */
  padding: calc(100vw * .099) 0 0 0; /* Height of new image */
}
.mobile_liked_on img {
  background: url("//secretsof.com/images/mobile/liked_on.svg") no-repeat;
  width: calc(100vw * .099); /* Width of new image */
  height: 0px !important;
  height /**/: calc(100vw * .099); /* Height of new image */
  padding: calc(100vw * .099) 0 0 0; /* Height of new image */
}
.liked_icon{
	display:none;
}
#mobile_pd{
	position: absolute;
width: calc(100vw * .128);
height: calc(100vw * .128);
right: calc(100vw * .1);
	top: calc(100vw * .82);
}
.mobile_liked_icon{
	position: absolute;
width: calc(100vw * .099);
height: calc(100vw * .099);
bottom: -4vw;
right: calc(100vw * .025);
}
.mobile_pd_liked_on, .mobile_pd_liked_off{
	
	z-index: 10;
	
}
.product_thumbnail:hover .shown{
	visibility:visible;
  opacity:1;
}
.liked_on, .liked_off{
	display:none;
}
.liked_on.shown {
	display:none;
}
.liked_off.shown {
	display:none;
}
.mobile_liked_on, .mobile_liked_off{
	visibility:hidden;
  opacity:0;	
	z-index: 10;
	position:absolute;
}
.mobile_liked_on.shown {
	visibility:visible;
	opacity:1;
}
.mobile_liked_off.shown {
	visibility:visible;
	opacity:1;
}
#vector_ek276sm {
  width: calc(100vw *.032);
  height: calc(100vw *.032);
  background: url(//secretsof.com/includes/stylesheets/skins/vector_ek276sm.png);
  background-size: cover;
}
#icon_best_selling {

  width: calc(100% *.032);
  height: calc(100vw *.032);
}
.icon_frame {
  float: left;
  width: calc(100% *.032);
  height: calc(100vw *.032);
	margin-top:calc(100vw * .011);
}
.title {
  float: left;
  overflow: hidden;
  font-family: Mulish;
  font-size: calc(100vw * .04);
  font-weight: 600;
  text-align: left;
  color: #784AB1;
  text-transform: uppercase;
  margin-left:calc(100vw * .032);	
}
.title a{
  font-family: Mulish;
  font-size: calc(100vw * .04);
  font-weight: 600;
  text-align: left;
  color: #784AB1;
  text-transform: uppercase;
  text-decoration:none;
}
.gallery_row {
  clear: both;
 /* width: var(--banner_row_width);
  ;*/
  height: calc((var(--banner_row_width)/4.6)+50);
	margin:calc(100vw * .043) calc(100vw * .021) 0;

}
.gallery_group {
  clear: both;
  top: calc(100vw * .042);
  left: -8px;
 /* width: var(--banner_row_width);*/
  height:calc(100vw * .576);
}
.product_thumbnail {
  float: left;
  top: 0px;
  left: 0px;
  width: calc(100vw * .46);
  /*height: calc(var(--banner_row_width)/5.32);*/
  margin: 0 0 8px 8px;
  /*height: calc(100vw * .576);*/
}
.item {
  top: 0px;
  left: 0px;
 width: calc(100vw * .46);
 /* height: calc(var(--banner_row_width)/5.32);*/
}
.item a {
  text-decoration: none;
  border: 0;
}
.thumbnail_image {
  top: 0px;
  left: 0px;
 width: calc(100vw * .46);
  height: calc(100vw * .46);
  border-top-right-radius: 5px;
  /*border-top-left-radius:5px;
	border:solid 1px #333;*/
}
.f_1 {
  width: calc(100vw * .46);
  height: calc(100vw * .46);
  background-size: cover;
	position:relative;
  border-radius:5px;
}
#f_1 {
  background: url(skins/f_1.png);
  background-size: cover;
}
.thumbnail_label {
  left: 0px;
  width: calc(100vw * .46);
  height: calc(var(--banner_row_width)/22);
  /*border-top:1px solid #333;*/
	min-height: 40px;
}
.thumbnail_image_bg {
  top: 0px;
  left: 0px;
  width: calc(100vw * .46);
  height: calc(var(--banner_row_width)/22);
  background: rgba(255, 255, 255, .9);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.thumbnail_badges {
  float: left;
width: 10vw;
height: 4vw;
margin: 8px 8px 0 0;
	
}
.thumbnail_sale {
  float: left;
  
  width: 25px;
  height: 14px;
}
#__img___sale_img {
  width: 25px;
  height: 14px;
  background: url(skins/sale.svg);
  background-size: cover;
}
.__img___sale_img {
  width: 8vw;
  height: 8vw;
  background: url(//secretsof.com/websiteimages/sale_icons/sale.png);
  background-size: cover;
}
.diamond {
  float: left;
  top: 0px;
  left: 2px;
  width: 16px;
  height: 15px;
}
.icon_diamond {
  top: 2px;
  left: 2px;
  width: 12px;
  height: 11px;
}
.vector {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 12px;
  height: 10.13px;
  background: url(skins/vector.png);
  background-size: cover;
}

.thumbnail_sale_price {
  float: left;
 margin: 8px 8px 0 0;
  /*height: 26.64px;*/
  overflow: hidden;
  font-family: Mulish;
  font-size: 3vw;
  text-decoration: line-through;
  text-align: left;
  color: #C6C7CC;
}
.thumbnail_text{
	height: 4vw;
overflow: visible;
font-family: Mulish;
font-size: 3.8vw;
font-weight: 400;
text-align: left;
color: #3F4A7C;
margin-top: calc(100vw * .02);
	/*display:none;*/
}
.thumbnail_price {
  float: left;
overflow: hidden;
font-family: Mulish;
font-size: 3vw;
text-align: left;
color: #3F4A7C;
font-weight: 600;
margin: 8px 8px 0 0;
}
#__like_icon {
  top: 0px;
  left: 148px;
  width: 37px;
  height: 32px;
}
.like_icon_container {
  top: 0px;
  left: 0px;
  width: 37px;
  height: 32px;
}
.heart_bg {
  display: none;
  top: 0px;
  left: 0px;
  width: 37px;
  height: 32px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  -ms-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.25);
  background: rgba(255, 255, 255, 1);
}
.__img___icon_heart {
  top: 8px !important;
  position: absolute !important;
  left: 10px;
  width: 16px;
  height: 16px;
  background: url(skins/__img___icon_heart.png);
  background-size: cover;
}
.gallery_header {

  width: var(--banner_row_width);
  height: calc(100vw * .032);
}
.products_mobile_header{
	margin: calc(100vw * .07) auto calc(100vw * .07);
	text-align:left; 
	width: var(--banner_row_width);
	display:flex;
	align-items: center;
}

.products_mobile_header img{
	width:calc(100vw * .077);
	display:inline-block;
	
}

.products_mobile_header span{
	font-family: 'Mulish';
font-style: normal;
font-weight: 700;
font-size: calc(100vw * .048);
line-height: calc(100vw * .061);
	display:flex;
	align-items: center;
	margin-left:calc(100vw * .021);
color: #784AB1;
}
#mobile_header {
	margin: calc(100vw * .04) auto 0;
width: calc(100% * .5);
	
}
#mobile_header img{
	width:calc(100vw * .5);
	
}
.mobile_header {
	margin: calc(100vw * .04) auto 0;
width: calc(100% * .5);
	
}
.mobile_header img{
	width:calc(100vw * .5);
	
}
.banner_row {
   width: var(--banner_row_width);
margin:0 auto calc(100vw * .07);
	top: auto !important;
}
.banner_desktop, .banner_desktop_special {
  height: var(--banner_desktop_height);
	float:none !important;
	margin-left:0 !important;
	margin-top:calc(100vw * .043);
}
.banner_desktop_sm,.banner_desktop_sm_special {
  width: var(--banner_desktop_sm_width);
  height: var(--banner_desktop_sm_height);
	display:inline-block;
	float:none !important;
}
.banner_desktop_med {
  width: var(--banner_desktop_width);
  height: var( --banner_desktop_med_height);
	float:none !important;
	margin-left:0 !important;
	margin-bottom:calc(100vw * .04);
}
.banner_desktop2 {
  top: 0px;
  left: calc(var(--banner_desktop_width) + 8px);
  ;
  width: var(--banner_desktop_width);
  height: var(--banner_desktop_height);
}

.image_sm,.image_sm_special {
  width: var(--banner_desktop_sm_width);
  height: var(--banner_desktop_sm_height);
}
.image_med {
  width: var(--banner_desktop_width);
  height: var( --banner_desktop_med_height);
}
.banner_image,.banner_image_special {
  position: absolute !important;
  width: var(--banner_desktop_width);
  height: var(--banner_desktop_height);
  border-radius: 20px;
}
#banner_image1 {
  background: url(//secretsof.com/websiteimages/homepageimages/banner_image1.jpg);
  background-size: cover;
}
#banner_image2 {
  background: url(//secretsof.com/websiteimages/homepageimages/banner_image2.jpg);
  background-size: cover;
}
#banner_image3 {
  background: url(//secretsof.com/websiteimages/homepageimages/banner_image3.jpg);
  background-size: cover;
}
#banner_image4 {
  background: url(//secretsof.com/websiteimages/homepageimages/banner_image4.jpg);
  background-size: cover;
}
#banner_image5 {
  background: url(//secretsof.com/websiteimages/homepageimages/banner_image5.jpg);
  background-size: cover;
	width:var(--banner_row_width) !important;
}
#banner_image6 {
  background: url(//secretsof.com/websiteimages/homepageimages/banner_image6.jpg);
  background-size: cover;
}
#banner_image7 {
  background: url(//secretsof.com/websiteimages/homepageimages/banner_image7.jpg);
  background-size: cover;
}
#banner_image8 {
  background: url(//secretsof.com/websiteimages/homepageimages/banner_image8.jpg);
  background-size: cover;
}
#banner_image9 {
  background: url(//secretsof.com/websiteimages/homepageimages/banner_image9.jpg);
  background-size: cover;
}
#banner_image10 {
  background: url(//secretsof.com/websiteimages/homepageimages/banner_image10.jpg);
  background-size: cover;
}
#banner_image11 {
  background: url(//secretsof.com/websiteimages/homepageimages/banner_image11.jpg);
  background-size: cover;
}
#banner_image12 {
  background: url(//secretsof.com/websiteimages/homepageimages/banner_image12.jpg);
  background-size: cover;
}
#specials_banner_image1 {
  background: url(skins/specials_banner_image1.png);
  background-size: cover;
}
#specials_banner_image2 {
  background: url(skins/specials_banner_image2.png);
  background-size: cover;
}
#specials_banner_image3 {
  background: url(skins/specials_banner_image3.png);
  background-size: cover;
}
#specials_banner_image4 {
  background: url(skins/specials_banner_image4.png);
  background-size: cover;
}
#specials_banner_image5 {
  background: url(skins/specials_banner_image5.png);
  background-size: cover;
}
#specials_banner_image6 {
  background: url(skins/specials_banner_image6.png);
  background-size: cover;
}
#specials_banner_image7 {
  background: url(skins/specials_banner_image7.png);
  background-size: cover;
}
#specials_banner_image8 {
  background: url(skins/specials_banner_image8.png);
  background-size: cover;
}
.banner_image_sm,.banner_image_sm_special {
  position: absolute !important;
  width: var(--banner_desktop_sm_width);
  height: var(--banner_desktop_sm_height);
  background-size: cover;
  border-radius: 20px;
}
.banner_image_med {
  position: absolute !important;
  width: var(--banner_desktop_width);
  height: var( --banner_desktop_med_height);
  background-size: cover;
  border-radius: 20px;
}
.text {
  top: calc(var(--banner_desktop_height)/1.87);
  left: calc(var(--banner_desktop_width)/28);
}
.banner_text {
  padding: 10px;
  left: calc((var(--banner_desktop_width)/1.79)/39.25);
  overflow: hidden;
  font-family: Mulish;
  font-size: 1.2vw;
  text-align: left;
  color: #000000;
  font-weight: 900;
}
.banner_text2 > div {
  display: inline;
  padding: 10px;
  background: rgba(255, 255, 255, 1);
}
.banner_text > div {
  display: inline;
  padding: 10px;
  background: rgba(255, 255, 255, 1);
}
.banner_text2 {
  padding: 8px;
  top: calc((var(--banner_desktop_height)/5.13)/9);
  left: calc((var(--banner_desktop_width)/1.79)/33);
  overflow: hidden;
  font-family: Mulish;
  font-size: .8vw;
  font-weight: 800;
  text-align: left;
  color: #9758F2;
}
#mobile_menu_popup {
  position: fixed;
  top: calc((100vw * .915)* .169);
  left: 0;
  width: 100%;
display:none;
	padding-top:32px;
	z-index: 301;
background-color: #fff;
	height:100%;
}
.menu_item {
  margin-bottom:8px;
  width: calc(100% * .68);
  height: calc(100% * .077);;
  position: relative !important;
  margin-left:calc(((100vw * .915) * .071) + (100vw * .0425));
}
.menu_item a {
  text-decoration: none;
}
.menu_icon { 
/*margin-left: calc(100vw * .064);*/
width: calc(100vw * .043);
height: calc(100vw * .075);
display: inline-flex;
	align-items:center;
}
#menu_icon_home_active {
  
  
  left: 0px;
  width: calc(100vw * .043);
height: calc(100vw * .043);
  background: url(skins/vector_ek29.png);
  background-size: cover;
}
#menu_icon_home {
  
  
  left: 0px;
  width: calc(100vw * .043);
height: calc(100vw * .043);
  background: url(skins/vector_ek68.png);
  background-size: cover;
}
.activemenu .menu_label {
  font-weight: 600 !important;
  color: #784AB1 !important;
}

.menu_label {
 height: calc(100vw * .075);
overflow: hidden;
font-family: Mulish;
font-size: 5vw;
color: #3F4A7C;
text-align: left;
	display: inline-flex;
/*display: inline-block;
	width:calc(100% - 109px);
	vertical-align:top;*/
	align-items: center;
margin-left: calc(100vw * .064);
}
.menu_label a {
  text_decoration: none;
}
.active_line {
  top: -8px;
  left: 25px;
  width: 38px;
  height: 4px;
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  background: #784AB1;
	/*display:inline-block;*/
	display:none;
}
#menu_icon_all_active {
 
  
  left: 0px;
  width: calc(100vw * .043);
height: calc(100vw * .043);
  background: url(skins/vector_ek69.png);
  background-size: cover;
}
#menu_icon_all {
  
  
  left: 0px;
  width: calc(100vw * .043);
height: calc(100vw * .043);
  background: url(skins/vector_ek30.png);
  background-size: cover;
}
#menu_icon_bestselling {
  
  
  left: 0px;
  width: calc(100vw * .043);
height: calc(100vw * .034);
  background: url(skins/vector_ek31.png);
  background-size: cover;
}
#menu_icon_bestselling_active {
  
  
  left: 0px;
  width: calc(100vw * .043);
height: calc(100vw * .034);
  background: url(skins/bestselling_on.svg);
  background-size: cover;
}
#menu_icon_new {
 
 
  left: 0px;
  width: calc(100vw * .043);
height: calc(100vw * .043);
  background: url(skins/vector_ek32.png);
  background-size: cover;
}
#menu_icon_new_active {
  
  
  left: 0px;
 width: calc(100vw * .043);
height: calc(100vw * .043);
  background: url(skins/newarrivals_on.svg);
  background-size: cover;
}
#menu_icon_specials {
  left: 0px;
  width: calc(100vw * .043);
height: calc(100vw * .043);
  background: url(skins/vector_ek33.png);
  background-size: cover;
}
#menu_icon_specials_active {
 
  
  left: 0px;
 width: calc(100vw * .043);
height: calc(100vw * .043);
  background: url(skins/specials_active.png);
  background-size: cover;
}
#menu_icon_stores {
 
  
  left: 0px;
  width: calc(100vw * .043);
height: calc(100vw * .043);
  background: url(skins/vector_ek34.png);
  background-size: cover;
}
#menu_icon_stores_active {
 
  
  left: 0px;
  width: calc(100vw * .043);
height: calc(100vw * .043);
  background: url(skins/stores_on.svg);
  background-size: cover;
}
#menu_icon_customer {
 
  
  left: 0px;
  width: calc(100vw * .043);
height: calc(100vw * .043);
  background: url(//secretsof.com/websiteimages/menu_icons/customer_support.svg);
  background-size: cover;
}
#menu_icon_customer_active {
  
 
  left: 0px;
  width: calc(100vw * .043);
height: calc(100vw * .043);
  background: url(skins/customer_service_active.png);
  background-size: cover;
}
#menu_icon_embtips {
 
  
  left: 0.45px;
  width: calc(100vw * .043);
height: calc(100vw * .043);
  background: url(//secretsof.com/websiteimages/menu_icons/blog.svg);
  background-size: cover;
}
#menu_icon_embtips_active {
  
  
  left: 0px;
  width: calc(100vw * .043);
height: calc(100vw * .043);
  background: url(skins/customer_service_active.png);
  background-size: cover;
}
#menu_icon_embird {
 
 
  left: 0px;
  width: calc(100vw * .043);
height: calc(100vw * .035);
  background: url(skins/vector_ek36.png);
  background-size: cover;
}
#menu_icon_embird_active {
  
  
  left: 0px;
  width: calc(100vw * .043);
height: calc(100vw * .043);
  background: url(skins/embird_active.png);
  background-size: cover;
}
/* Place the navbar at the bottom of the page, and make it stick */
.mobilenavbarcontainer {
  background-color: #FFF;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 100vw;;
  height: calc((100vw * .915)* .169);
	z-index:302;
}
.mobilenavbar {
  background-color: #F1F3FC;
  overflow: hidden;
  width: calc(100% * .915);
  height: calc((100vw * .915)* .169);
	margin:auto calc(100vw * .0425);
	border-radius:10px;
}
.mobile_nav_icon {
	width:calc((100vw * .915) * .105);
	height:calc((100vw * .915) * .105);
	margin-top:calc(((100vw * .915)* .169) * .2);
	display:inline-block;
	
}
.mobile_nav_menu_inactive {
    background:url(//secretsof.com/images/mobile/mobile_menu_icon_off.svg);
	margin-left:calc((100vw * .915) * .071);
	background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
}
.mobile_nav_icon_notfirst {
	margin-left:calc((100vw * .915) * .065);
	background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
}
.mobile_nav_menu_active{
	background:url(//secretsof.com/images/mobile/mobile_menu_icon_on.svg);
	margin-left:calc((100vw * .915) * .071);
	background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
}
.mobile_nav_search_inactive {
    background:url(//secretsof.com/images/mobile/mobile_search_icon_off.svg);
	background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.mobile_nav_search_active {
    background:url(//secretsof.com/images/mobile/mobile_nav_search_on.svg);
	background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
}
.mobile_nav_liked_inactive {
    background:url(//secretsof.com/images/mobile/mobile_liked_icon_off.svg);
	background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
}
.mobile_nav_liked_active { 
    background:url(//secretsof.com/images/mobile/mobile_nav_liked_on.svg);
	background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
}
.mobile_nav_cart_inactive {
    background:url(//secretsof.com/images/mobile/mobile_cart_icon_off.svg);
	background-position: center;
background-repeat: no-repeat;
background-size: cover;
	
}
.mobile_nav_cart_active {
    background:url(//secretsof.com/images/mobile/mobile_cart_on.svg);
	background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.mobile_nav_mysecrets_inactive {
    background:url(//secretsof.com/images/mobile/mobile_mysecrets_icon_off.svg);
	background-position: center;
background-repeat: no-repeat;
background-size: cover;
	
}
.mobile_nav_mysecrets_active {
    background:url(//secretsof.com/images/mobile/mobile_nav_user_on.svg);
	background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
}

.popup{
	z-index: 100;
	width: 100vw!important;
	height: 100vh!important;
	position: fixed!important;
	top:0!important;
	left:0!important;
	display: none;
}

.popup .bg{
	background-color: rgba(0,0,0,0.55);
	width: 100%!important;
	height: 100%!important;
}
#product_detail_popup.hide {
  display:none;
  opacity: 0;
  z-index: -1; /*hide it in the back of the page*/
  right: -50%; /*Put it on the very top*/
  transition: all .5s ease-in-out; /*make it smooth*/
}
#login_popup {
 visibility:hidden;
  opacity: 0;
  z-index: -1; /*hide it in the back of the page*/
  position: fixed;
  background: #fff;
  width: 100%;
  top: 0;
  left: 0;
  right:0;
	bottom: calc((100vw * .915)* .169);
  transition: all .5s ease-in-out; /*make it smooth*/
}
#login_popup.hide {
  display:none;
  opacity: 0;
  z-index: -1; /*hide it in the back of the page*/
  transition: all .5s ease-in-out; /*make it smooth*/
}
#login_header {
  position: relative;
  width: var(--banner_row_width);
  height: calc(100vw * .144);
  margin: calc(100vw * .042) auto 0;
display:flex;
	align-items: center;
}
#login_header_icon {
  position: relative;
	display:inline-block;
  width: calc(100vw * .077);
}
#login_header_icon_membership {
  position: absolute;
  width: 29px;
  height: 29px;
  left: calc(50% - 29px/2);
  top: calc(50% - 29px/2 - 0.5px);
  background: url(skins/login_image.png);
  background-size: cover;
}
#login_header_title {
  position: relative;
	display:inline-block;
  width: calc(100vw * .36);
  margin-left: calc(100vw * .042);
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: calc(100vw * .048);;
  line-height: calc(100vw * .06);
  /* identical to box height */
  display: flex;
  align-items: center;
  /* Primary purple */
  color: #784AB1;
}
#cart_big_photo_overlay.hide {
  display:none;
  opacity: 0;
  transition: opacity 300ms;
}
.hide {
  display:none;
  transition: all .3s ease-in-out; /*make it smooth*/
}
#signup_popup {
 display:none;
  opacity: 0;
  z-index: -1; /*hide it in the back of the page*/
  position: fixed;
  background: #fff;
  width: var(--banner_row_width);
  height: 750px;
  border-radius: 10px;
  top: 0;
	margin: 0 auto;
  transition: all .5s ease-in-out; /*make it smooth*/
	
}
#signup_popup.hide {
  display:none;
  opacity: 0;
  z-index: -1; /*hide it in the back of the page*/
  transition: all .5s ease-in-out; /*make it smooth*/
}
#signup_popup.show {
  display:block;
  opacity: 1;
  z-index: 301; /*hide it in the back of the page*/
  transition: all .5s ease-in-out; /*make it smooth*/
	padding: calc(100vw * .02);
}
#signup_header {
  position: relative;
  width: var(--banner_row_width);
  height: 54px;
}
#signup_header_icon {
  position: absolute;
  width: 29px;
  left: 0px;
  top: 0%;
  bottom: 0%;
}
#signup_header_icon_membership {
  position: absolute;
  width: 29px;
  height: 29px;
  left: calc(50% - 29px/2);
  top: calc(50% - 29px/2 - 0.5px);
  background: url(skins/login_image.png);
  background-size: cover;
}
#signup_header_title {
  position: absolute;
  width: 300px;
  left: 45px;
  top: 29.63%;
  bottom: 27.78%;
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  /* identical to box height */
  display: flex;
  align-items: center;
  /* Primary purple */
  color: #784AB1;
}
#signup_button_frame {
  position: relative;
  width: 200px;
  margin: 16px auto;
}
#signup_button {
	cursor:pointer;
  padding: 16px;
  /* Primary purple */
  background: #784AB1;
  box-shadow: inset 0px -4px 4px rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
#signup_button_text {
  
  font-family: Nunito,sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  /* identical to box height */
  text-align: center;
  /* White */
  color: #FFFFFF;
}
#subscribe_popup {
 display:none;
  opacity: 0;
  z-index: -1; /*hide it in the back of the page*/
  position: fixed;
  background: #fff;
  width: 100%;
  height: 750px;
  border-radius: 10px;
  top: 0;
	margin: 0 auto;
  transition: all .5s ease-in-out; /*make it smooth*/
	
}
#subscribe_popup.hide {
  display:none;
  opacity: 0;
  z-index: -1; /*hide it in the back of the page*/
  transition: all .5s ease-in-out; /*make it smooth*/
}
#subscribe_popup.show {
  display:block;
  opacity: 1;
  z-index: 310; /*hide it in the back of the page*/
  transition: all .5s ease-in-out; /*make it smooth*/
	padding: calc(100vw * .02);
}
#signup_header2 {
  position: relative;
  width: var(--banner_row_width);
}
#signup_header_icon2 {
  position: absolute;
  width: 29px;
  left: 0px;
  top: 10%;
}
#signup_header_icon_membership2 {
  position: absolute;
  width: 29px;
  height: 29px;
  left: calc(50% - 29px/2);
  top: calc(50% - 29px/2 - 0.5px);
  background: url(skins/login_image.png);
  background-size: cover;
}
#signup_header_title2 {
  width: 80%;
  margin:auto;
  left: 45px;
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  /* identical to box height */
  display: flex;
  align-items: center;
  /* Primary purple */
  color: #784AB1;
}
#signup_button_frame2 {
  position: relative;
  width: 200px;
  margin: 16px auto;
}
#signup_button2 {
	cursor:pointer;
  padding: 16px;
  /* Primary purple */
  background: #784AB1;
  box-shadow: inset 0px -4px 4px rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
#signup_button_text2 {
  
  font-family: Nunito,sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  /* identical to box height */
  text-align: center;
  /* White */
  color: #FFFFFF;
}
#subscribe_close{
	
	position: absolute;
  width: 29px;
  right: -8px;
  top:10px;
  
}
#overlay {
  display:none;
  opacity: 0;
  z-index: -1; /*hide it in the back of the page*/
  position: absolute;
  top: 0;
  bottom: 0;
  background: #fff;
  width: 100%;
  height: 1024px;
}
#product_detail_popup.hide {
  display:none;
  opacity: 0;
  z-index: -1; /*hide it in the back of the page*/
  right: -50%; /*Put it on the very top*/
  transition: all .5s ease-in-out; /*make it smooth*/
}
#product_detail_popup.show {
 display:block;
  z-index: 200;
  opacity: 1;
  right: 0;
  top: 0; /*slide it down smoothly*/
  transform: translateY(0);
height: 100%;
}

#product_detail_popup {
 position: fixed;
  width: 100%;
  min-height: 100%;
	max-height: 100%;
  bottom: 0;
  background-color: white;
  transform: translateY(100%);
  transition: transform .6s cubic-bezier(.4, 0, .2, 1);
  
}

#mobile_bottom_spacer{
	background-color: #FFF;
overflow: hidden;
position: relative;
width: 100vw;
height: calc((100vw * .915)* .169);
}
#mobile_back_arrow {
	width:calc(100vw * .06);
	height: calc(100vw + .045);
	margin-right:calc(100vw * .042);
}
#cart_slide_title{
	margin: calc(100vw * .042);
	font-family: 'Nunito Sans';
font-style: normal;
font-weight: 700;
font-size: calc(100vw * .048);
line-height: calc(100vw * .067);
}
#pd_liked_off, #pd_liked_on {display:none !important;}
#cart_slide_storename {
  position: relative;
  margin: calc(100vw * .042) auto 0;
 width: calc(100% - (100vw * .084));
 font-family: Mulish;
font-size: 3.5vw;
color: #AB1EC4;
  line-height: 19px;
	font-style: normal;
font-weight: 700;
 
}
#cart_slide_storename a:hover {
  font-weight: 700 !important;
  color: #784AB1 !important;
}

#cart_slide_storename a {
  text-decoration: none;
  
}
	#sales_image{display:none;}
#mobile_sales_image{
	display:inline-block;
}
#cart_big_photo_overlay {
  visibility: visible;
  position: absolute;
  opacity: 1;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 400;
  background-color: rgba(144, 144, 144, 0.7);
}
#cart_big_photo_overlay.hide {
  display:none;
  opacity: 0;
  transition: opacity 300ms;
}
#cart_big_photo {
  transition: opacity 300ms;
  position: relative;
  width: 100%;
  height:100vw;
  margin: 50px auto;
  border-radius: 20px;
}