/*
	@name secrets_of_embroidery___desktop
*/ :root {
  --banner_row_width: calc(100vw - 291px);
  --banner_desktop_width: calc((100vw - 299px)/2);
  --banner_desktop_height: calc(var(--banner_desktop_width) / 2.851);
  --gallery_row_width: calc(100vw - 291px);
  --gallery_row_height: calc((100vw - 291px)/4.6);
}
*, *::before, *::after {
  box-sizing: border-box;
}
@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');
/* Only edit this if you know what you are doing! */
body {
  margin: 0px;
  padding: 0px;
 margin: 0 0 1.75em;
	font-family: Mulish;
font-style: normal;
font-weight: 200;
font-size: 14px;
line-height: 18px;
color: #3F4B7C;
  overflow-x: hidden;
}
/* Only edit this if you know what you are doing! */
img {
  display: block;
  margin: 0px;
  border: none;
  padding: 0px;
}
/* Only edit this if you know what you are doing! */
div {
  position: relative;
}
p{text-transform:none;}
.cart_liked_icon{
   display: inline-block;
top: -26px;
left: 8px;
width: 16px;
height: 16px;
}
.promo{
	background-image: url('https://secretsof.com/websiteimages/sale_icons/saleicon-promo.png');
  background-position: 95% top;
  background-repeat: no-repeat;
}
.lg_img-prev {
  left: 11px;
}
.lg_img-next::before {
  content: '→';
}
.lg_img-prev.lg_img-disabled::before, .lg_img-next.lg_img-disabled::before {
  opacity: .25;
}
.lg_img-prev::before {
  content: '←';
}
.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {
  opacity: .25;
}
.slick-prev::before {
  content: '←';
}
.lg_img-prev::before, .lg_img-next::before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lg_img-prev, .lg_img-next {
	display:inline-block;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 25%;
 
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  vertical-align: middle;
}
.elementor{
	display:inline-block;
}
#home_bottom_message{
	margin-top:120px;margin-left: 32px; font-family: Mulish; font-size: 14px; font-weight: 200; text-align: left; color: #784ab1;
}
#home_top_message{
	margin-left: 32px; font-family: Mulish; font-size: 14px; font-weight: 400; text-align: left; color: #784ab1;
}
.admin img{
	position:relative !important;
	display:inline-block !important;
}
#mobile_pd{
	display:none;
}
.sales_image{
	position: absolute;
top: calc(100vw * -.005);
	width:4vw;
	
}
.sales_image img{ 
width: calc(100vw * .016);
	margin-right:6px;
	display:inline;
}
.slider_sales_image{
	position: absolute;
top: calc(100vw * -.008);
}
.slider_sales_image img{ 
width: calc(100vw * .009);
}
#mobile_close{
	display:none;
}
mobile-bottom_spacer{display:none;}
#filters_text{
	
height: 31px;
display: inline-block;
position: relative;
padding-left: 39px;
}
#side_menu div {
  position: relative;
}
.item, .sort, .filter, .category, .menu_label, .login{ 
	cursor:pointer; 
}
.filter_x_off{
	background-color:#ffffff;
	border-radius:50%;
	color:#9aa5cd;
width: 15px;
display: inline-block;
text-align: center;
margin-left: 15px;
}
.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;
}

.popup .content{
	position: absolute;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%);
    background-color: #fff;
    max-height: 100vh;
    box-shadow:0px 0px 4px 1px rgba(0,0,0,0.25);
    border-radius: 10px;
}
.filter_header {
  cursor: pointer;
  position: relative !important;
  left: 8px;
  /*width: 137px;
	height: 26px;*/
  margin-bottom: 8px;
}
#search_bar_with_filter div {
  position: absolute;
}
#content-container {
  position: relative;
  width: 100%;
  overflow: visible;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#content-container > div {
  position: relative;
  top: inherit;
}
#popupclose {
  float: right;
  padding: 10px;
  cursor: pointer;
}
#home_content {
  top: 0px;
  left: 0px;
  width: 100%;
 
}
#content {
  position: relative;
  clear: both;
  display: inline-block;
  margin-top: 73px;
  width: calc(100vw - 259px);
}
.banner_row {
  top: 16px;
  left: 32px;
  width: var(--banner_row_width);
  height: calc(var(--banner_row_width)/5.7);
}
.banner_desktop {
  top: 0px;
  left: 0px;
  width: var(--banner_desktop_width);
  height: var(--banner_desktop_height);
}
.banner_desktop_sm {
  top: 0px;
  left: 0px;
  width: calc((var(--banner_desktop_width)/2) - 8px);
  height: var(--banner_desktop_height);
}
.banner_desktop_special {
  top: 0px;
  left: 0px;
  width: calc(var(--banner_row_width) * .498);
  height: calc((var(--banner_row_width) * .498) * .35);
}
.banner_desktop_sm_special {
  top: 0px;
  left: 0px;
  width: calc(var(--banner_row_width) * .23);
  height: calc((var(--banner_row_width) * .23) * .71);
	margin-right:8px;
}
.banner_desktop_med {
  top: 0px;
  left: 0px;
  width: calc((var(--banner_desktop_width)/1.505) - 8px);
  height: var(--banner_desktop_height);
}
.banner_desktop2 {
  top: 0px;
  left: calc(var(--banner_desktop_width) + 8px);
  ;
  width: var(--banner_desktop_width);
  height: var(--banner_desktop_height);
}
.image {
  top: 0px;
  left: 0px;
  width: var(--banner_desktop_width);
  height: var(--banner_desktop_height);
}
.image_sm {
  top: 0px;
  left: 0px;
  width: calc((var(--banner_desktop_width)/2) - 8px);
  height: var(--banner_desktop_height);
}
.image_special {
  top: 0px;
  left: 0px;
   width: calc(var(--banner_row_width) * .498);
  height: calc((var(--banner_row_width) * .498) * .35);
}
.image_sm_special {
  top: 0px;
  left: 0px;
  width: calc(var(--banner_row_width) * .23);
  height: calc((var(--banner_row_width) * .23) * .71);
}
.image_med {
  top: 0px;
  left: 0px;
  width: calc((var(--banner_desktop_width)/1.505) - 8px);
  height: var(--banner_desktop_height);
}
.banner_image {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: var(--banner_desktop_width);
  height: var(--banner_desktop_height);
  border-radius: 20px;
}
.banner_image_special {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
   width: calc(var(--banner_row_width) * .498);
  height: calc((var(--banner_row_width) * .498) * .35);
  border-radius: 20px;
}
#banner_image1 {
  background: url(https://secretsof.com/websiteimages/homepageimages/banner_image1.jpg);
  background-size: cover;
}
#banner_image2 {
  background: url(https://secretsof.com/websiteimages/homepageimages/banner_image2.jpg);
  background-size: cover;
}
#banner_image3 {
  background: url(https://secretsof.com/websiteimages/homepageimages/banner_image3.jpg);
  background-size: cover;
}
#banner_image4 {
  background: url(https://secretsof.com/websiteimages/homepageimages/banner_image4.jpg);
  background-size: cover;
}
#banner_image5 {
  background: url(https://secretsof.com/websiteimages/homepageimages/banner_image5.jpg);
  background-size: cover;
	height:calc((var(--banner_row_width) * .23) * .71) !important;
	width:calc(((var(--banner_row_width) * .23) * .71) / .35) !important;
}
#banner_image6 {
  background: url(https://secretsof.com/websiteimages/homepageimages/banner_image6.jpg);
  background-size: cover;
}
#banner_image7 {
  background: url(https://secretsof.com/websiteimages/homepageimages/banner_image7.jpg);
  background-size: cover;
}
#banner_image8 {
  background: url(https://secretsof.com/websiteimages/homepageimages/banner_image8.jpg);
  background-size: cover;
}
#banner_image9 {
  background: url(https://secretsof.com/websiteimages/homepageimages/banner_image9.jpg);
  background-size: cover;
}
#banner_image10 {
  background: url(https://secretsof.com/websiteimages/homepageimages/banner_image10.jpg);
  background-size: cover;
}
#banner_image11 {
  background: url(https://secretsof.com/websiteimages/homepageimages/banner_image11.jpg);
  background-size: cover;
}
#banner_image12 {
  background: url(https://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 {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: calc((var(--banner_desktop_width)/2) - 8px);
  height: var(--banner_desktop_height);
  background: url(skins/banner_image_ek2.png);
  background-size: cover;
  border-radius: 20px;
}
.banner_image_sm_special {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: calc(var(--banner_row_width) * .23);
  height: calc((var(--banner_row_width) * .23) * .71);
  background: url(skins/banner_image_ek2.png);
  background-size: cover;
  border-radius: 20px;
}
.banner_image_med {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: calc((var(--banner_desktop_width)/1.505) - 8px);
  height: var(--banner_desktop_height);
  background: url(skins/banner_image_ek2.png);
  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;
}
.gallery_row {
  clear: both;
  top: 48px;
  left: 32px;
  width: var(--banner_row_width);
  ;
  height: calc((var(--banner_row_width)/4.6)+50);
}
.gallery_group {
  clear: both;
  top: 8px;
  left: -8px;
  width: var(--banner_row_width);
  height: calc(var(--banner_row_width)/4.9);
}
.product_thumbnail {
  float: left;
  top: 0px;
  left: 0px;
  width: calc((var(--banner_row_width) - 62px)/6);
  /*height: calc(var(--banner_row_width)/5.32);*/
  margin: 0 0 8px 8px;
	min-height: calc(((var(--banner_row_width) - 62px)/6)+40);
}
.item {
  top: 0px;
  left: 0px;
  width: calc((var(--banner_row_width) - 62px)/6);
 /* height: calc(var(--banner_row_width)/5.32);*/
}
.item a {
  text-decoration: none;
  border: 0;
}
.thumbnail_image {
  top: 0px;
  left: 0px;
  width: calc((var(--banner_row_width) - 62px)/6);
  height: calc((var(--banner_row_width) - 62px)/6);
  border-top-right-radius: 5px;
  /*border-top-left-radius:5px;
	border:solid 1px #333;*/
}
.f_1 {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: calc((var(--banner_row_width) - 62px)/6);
  height: calc((var(--banner_row_width) - 62px)/6);
  background-size: cover;
  border-radius:.5vw .5vw 0 0;
}
#f_1 {
  background: url(skins/f_1.png);
  background-size: cover;
}
.thumbnail_label {
  left: 0px;
  width: calc((var(--banner_row_width) - 62px)/6);
  height: calc(var(--banner_row_width)/22);
  /*border-top:1px solid #333;*/
	min-height: 40px;
}
.thumbnail_image_bg {
  top: 0px;
  left: 0px;
  width: calc((var(--banner_row_width) - 55px)/6);
  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;
  top: 7px;
  left: 20px;
  width: 45px;
  height: 15px;
}
.thumbnail_sale {
  float: left;
  top: 0px;
  left: 0px;
  width: 25px;
  height: 14px;
}
#__img___sale_img {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 25px;
  height: 14px;
  background: url(skins/sale.svg);
  background-size: cover;
}
.__img___sale_img {
  top: calc(100vw * -.0029) !important; 
  position: absolute !important;
  left: -7px;
  width: 2vw;
  height: 2vw;
  background: url(https://secretsof.com/websiteimages/sale_icons/sale.png);
  background-size: cover;
}
.diamond {
  float: left;
  top: 0px;
  left: 0;
  width: calc(100vw * .016);
  height:calc(100vw * .016);
}
.silver {
  float: left;
  top: 0px;
  left: 0;
  width: calc(100vw * .016);
  height:calc(100vw * .016);
}
.icon_diamond {
  top: 0;
  left: 0;
 width: calc(100vw * .016);
  height:calc(100vw * .016);
}
.icon_silver {
  top: 0;
  left: 0;
 width: calc(100vw * .016);
  height:calc(100vw * .016);
}
.dh_vector {
  top: calc(100vw * -.005) !important;
  position: absolute !important;
  left: 0px;
  width: calc(100vw * .016);
  height:calc(100vw * .016);
  background: url(https://secretsof.com/includes/stylesheets/skins/treasurediamond_lg.jpg);
  background-size: cover;
}
.sh_vector {
  top: calc(100vw * -.005) !important;
  position: absolute !important;
  left: 0px;
  width: calc(100vw * .016);
  height:calc(100vw * .016);
  background: url(https://secretsof.com/includes/stylesheets/skins/treasuresilver_lg.jpg);
  background-size: cover;
}
.slider_diamond {
  float: left;
  top: 0px;
  left: 0;
  width: calc(100vw * .009);
  height:calc(100vw * .009);
}
.slider_icon_diamond {
  top: 0;
  left: 0;
 width: calc(100vw * .009);
  height:calc(100vw * .009);
}
.slider_dh_vector {
  top: calc(100vw * -.008) !important;
  position: absolute !important;
  left: 0px;
  width: calc(100vw * .009);
  height:calc(100vw * .009);
  background: url(https://secretsof.com/includes/stylesheets/skins/treasurediamond_lg.jpg);
  background-size: cover;
}
.slider_silver {
  float: left;
  top: 0px;
  left: 0;
  width: calc(100vw * .009);
  height:calc(100vw * .009);
}
.slider_icon_silver {
  top: 0;
  left: 0;
 width: calc(100vw * .009);
  height:calc(100vw * .009);
}
.slider_sh_vector {
  top: calc(100vw * -.008) !important;
  position: absolute !important;
  left: 0px;
  width: calc(100vw * .009);
  height:calc(100vw * .009);
  background: url(https://secretsof.com/includes/stylesheets/skins/treasuresilver_lg.jpg);
  background-size: cover;
}

.thumbnail_sale_price {
  float: left;
  top: 0px;
  left: 10px;
  /*height: 26.64px;*/
  overflow: hidden;
  font-family: Mulish;
  font-size: 1vw;
  text-decoration: line-through;
  text-align: left;
  color: #C6C7CC;
}
#__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 {
  top: 0px;
  left: 0px;
  width: var(--banner_row_width);
  height: 18px;
}
.icon_frame {
  float: left;
  top: 0px;
  left: 0px;
  width: 12px;
  height: 18px;
}
#icon_best_selling {
  top: 3px;
  left: 0px;
  width: 12px;
  height: 12px;
}
.title {
  top: 0px;
  left: 5px;
  float: left;
  height: 28px;
  overflow: hidden;
  font-family: Mulish;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  color: #784AB1;
  text-transform: uppercase;
}
.title a{
  font-family: Mulish;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  color: #784AB1;
  text-transform: uppercase;
  text-decoration:none;
}
.despage_title {
  top: 0px;
  left: 5px;
  float: left;
  height: 28px;
  overflow: hidden;
  font-family: Mulish;
  font-size: 14px;
  font-weight: 800;
  text-align: left;
  color: #3F4B7C;
  text-transform: uppercase;
}
#icon_new_arrivals {
  top: 3px;
  left: 0px;
  width: 12px;
  height: 12px;
}
.show_all {
  top: 0px;
  right: 64px;
  float: right;
  width: 68px;
  height: 28px;
  overflow: hidden;
  font-family: Mulish;
  font-size: 14px;
  text-align: right;
  color: #2F80ED;
}
.category {
  display: block;
}
.category > .bg {
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 1);
}
.category > .label {
  font-family: Mulish;
  font-size: 12px;
  text-align: left;
  color: #3F4B7C;
}
.category:selected {
  display: block;
}
.category:selected > .bg {
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: rgba(120, 74, 177, 1);
}
.category:selected > .label {
  font-family: Mulish;
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  color: #FFFFFF;
}
.category:hover {
  display: block;
}
.category:hover > .bg {
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: rgba(248, 249, 255, 1);
}
.category:hover > .label {
  font-family: Mulish;
  font-size: 12px;
  text-align: left;
  color: #3F4B7C;
}
.sort {
  display: block;
}
.sort > .bg {
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: rgba(243, 246, 254, 1);
}
.sort > .label {
  font-family: Mulish;
  font-size: 12px;
  text-align: left;
  color: #3F4A7C;
}
.sort > .icon {
  background: url(skins/styles/sort/icon.png);
  background-size: cover;
}
.sort:hover {
  display: block;
}
.sort:hover > .bg {
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: rgba(152, 89, 242, 1);
}
.sort:hover > .label {
  font-family: Mulish;
  font-size: 12px;
  text-align: left;
  color: #FFFFFF;
}
.sort:hover > .icon {
  background: url(skins/styles/sort_hover/icon.png);
  background-size: cover;
}
.filter {
  display: block;
}
.filter > .bg {
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: rgba(243, 246, 254, 1);
}
.filter > .icon {
  background: url(skins/styles/filter/icon.png);
  background-size: cover;
}
.filter > #__filters {
  font-family: Mulish;
  font-size: 12px;
  text-align: left;
  color: #3F4A7C;
}
.filter:hover {
  display: block;
}
.filter:hover > .bg {
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: rgba(152, 89, 242, 1);
}
.filter:hover > .icon {
  background: url(skins/styles/filter_hover/icon.png);
  background-size: cover;
}
.filter:hover > #__filters {
  font-family: Mulish;
  font-size: 12px;
  text-align: left;
  color: #FFFFFF;
}
.menu_label:hover {
  font-family: Mulish;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  color: #784AB1;
}
.login {
  font-family: Mulish;
  font-size: 14px;
  text-decoration: underline;
  text-align: left;
  color: #9758F2;
}
.login:hover {
  font-family: Mulish;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  text-align: left;
  color: #784AB1;
}
.input {
  font-family: Mulish;
  font-size: 14px;
  text-align: left;
  color: #3F4A7C;
}
.input {
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 0px solid #f8f9ff;
  background: rgba(255, 255, 255, 0);
  background: -webkit-linear-gradient(-90deg, rgba(248, 249, 255, 0) 0%, rgba(248, 249, 255, 0) 100%);
  background: -o-linear-gradient(-90deg, rgba(248, 249, 255, 0) 0%, rgba(248, 249, 255, 0) 100%);
  background: -moz-linear-gradient(-90deg, rgba(248, 249, 255, 0) 0%, rgba(248, 249, 255, 0) 100%);
  background: -ms-linear-gradient(-90deg, rgba(248, 249, 255, 0) 0%, rgba(248, 249, 255, 0) 100%);
  background: linear-gradient(-90deg, rgba(248, 249, 255, 0) 0%, rgba(248, 249, 255, 0) 100%);
}
.item {
  display: block;
}
.item > .thumbnail_like {
  display: none;
}
.item:hover {
  display: block;
}
.item:hover > .like {
  display: block;
}
.table_alt {
  background: rgba(245.44, 245.44, 245.44, 1);
}
#side_menu {
  top: 0px;
  left: 0px;
  width: 227px;
  height: 1024px;
  display: inline-block;
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.25);
  background: rgba(255, 255, 255, 1);
  vertical-align: top;
}
#side_menu div {
  position: relative;
}
#logo {
  margin:20px;
  width: 154px;
  height: 53px;
}
#logo_image {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 154px;
  height: 53px;
  background: url(skins/image_4.svg);
  background-size: auto;
  background-size: cover;
}
#menu_list {
  margin-top: 44px;
}
.menu_item {
  margin-bottom:8px;
  width: 227px;
  height: 34px;
  position: relative !important;
}
.menu_item a {
  text-decoration: none;
}
.menu_icon {
  margin-left: 24px;
width: 16px;
height: 20px;
display: inline-block;
}
#menu_icon_home_active {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 16px;
  background: url(skins/vector_ek29.png);
  background-size: cover;
}
#menu_icon_home {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 16px;
  background: url(skins/vector_ek68.png);
  background-size: cover;
}
.activemenu .menu_label {
  font-weight: 600 !important;
  color: #784AB1 !important;
}
.menu_label {
  height: 20px;
 margin-left: 16px;
overflow: hidden;
font-family: Mulish;
font-size: 14px;
color: #3F4A7C;
text-align: left;
display: inline-block;
	/*width:calc(100% - 109px);*/
	vertical-align:top;
}
.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 {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 15.99px;
  background: url(skins/vector_ek69.png);
  background-size: cover;
}
#menu_icon_all {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 15.99px;
  background: url(skins/vector_ek30.png);
  background-size: cover;
}
#menu_icon_bestselling {
  top: 2px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 12.83px;
  background: url(skins/vector_ek31.png);
  background-size: cover;
}
#menu_icon_bestselling_active {
  top: 2px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 12.83px;
  background: url(skins/bestselling_on.svg);
  background-size: cover;
}
#menu_icon_new {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 16px;
  background: url(skins/vector_ek32.png);
  background-size: cover;
}
#menu_icon_new_active {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 16px;
  background: url(skins/newarrivals_on.svg);
  background-size: cover;
}
#menu_icon_specials {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 15.37px;
  background: url(skins/vector_ek33.png);
  background-size: cover;
}
#menu_icon_specials_active {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 16px;
  background: url(skins/specials_active.png);
  background-size: cover;
}
#menu_icon_stores {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 16px;
  background: url(skins/vector_ek34.png);
  background-size: cover;
}
#menu_icon_stores_active {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 16px;
  background: url(skins/stores_on.svg);
  background-size: cover;
}
#menu_icon_customer {
  top: 0.24px !important;
  position: absolute !important;
  left: 0.45px;
  width: 15.49px;
  height: 15.52px;
  background: url(//secretsof.com/websiteimages/menu_icons/customer_support.svg);
  background-size: cover;
}
#menu_icon_customer_active {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 16px;
  background: url(skins/customer_service_active.png);
  background-size: cover;
}
#menu_icon_embtips {
  top: 0.24px !important;
  position: absolute !important;
  left: 0.45px;
  width: 15.49px;
  height: 15.52px;
  background: url(//secretsof.com/websiteimages/menu_icons/blog.svg);
  background-size: cover;
}
#menu_icon_embtips_active {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 16px;
  background: url(skins/customer_service_active.png);
  background-size: cover;
}
#menu_icon_embird {
  top: 1px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 13.07px;
  background: url(skins/vector_ek36.png);
  background-size: cover;
}
#menu_icon_embird_active {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 13.07px;
  background: url(skins/embird_active.png);
  background-size: cover;
}
#menu_icon_cart {
  top: 1px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 13.85px;
  background: url(skins/vector_ek37.png);
  background-size: cover;
}
#menu_icon_cart_active {
  top: 1px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 13.85px;
  background: url(skins/vector_ek147.png);
  background-size: cover;
}
#menu_icon_liked {
  top: 1px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 14.77px;
  background: url(skins/vector_ek38.png);
  background-size: cover;
}
#menu_icon_liked_active {
  top: 1px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 14.77px;
  background: url(skins/vector_ek38.png);
  background-size: cover;
}
#label_ek24 {
  top: -369px;
  left: 56px;
  width: 75px;
  height: 28px;
  overflow: hidden;
  font-family: Mulish;
  font-size: 14px;
  text-align: left;
  color: #3F4A7C;
}
#_00 {
  top: 4px;
  left: -2px;
  width: 27px;
  height: 21.5px;
  overflow: hidden;
  font-family: Mulish;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  color: #FFFFFF;
	display:none;
}
#secrets_club {
  margin-top: 62px;
  margin-left: 16px;
  width: 202px;
  
}
#membership_section {
  top: 0px;
  left: 0px;
  width: 202px;
  
}
#rectangle_20 {
  top: 26px;
  left: 0px;
  width: 202px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background: rgba(247.56, 249.24, 255, 1);
}
#__img___background {
  top: 62px;
position:absolute !important;
  left: 0px;
  width: 202px;
  height: 143.5px;
  background: url(skins/__img___background.png);
  background-size: auto;
  background-size: cover;
}
#and_get_exclusive_designs_with_your_free_membership_ {
  top: 40px;
  left: 14px;
  width: 181px;
  overflow: hidden;
  font-family: Roboto;
  font-size: 12px;
  text-align: center;
  color: #3F4A7C;
}
#logout{
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
 top: 50px;
  width: 100%;
  height: 36px;
  overflow: hidden;
  text-align: center;
	cursor:pointer;
}
#join_today_ {
	top:32px;
  width: 100%;
height: 28px;
overflow: hidden;
font-family: Mulish;
font-size: 14px;
font-weight: 600;
text-align: center;
color: #784AB1;
	cursor:pointer;

}
#user_name {
	top:45px;
  width: 100%;
height: 28px;
overflow: hidden;
font-family: Mulish;
font-size: 14px;
font-weight: 600;
text-align: center;
color: #784AB1;

}
#secrets_menu_list{
	margin-top:50px;
}
#button_cta {
  top: 50px;
  left: 38px;
  width: 125px;
  height: 37px;
}
#login_bg {
  top: 0px;
  left: 0px;
  width: 125px;
  height: 37px;
  -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);
}
#join_now {
  top: 10px;
  left: 18px;
  width: 95px;
  height: 24px;
  overflow: hidden;
  font-family: Nunito, sans-serif;
  font-size: 12px;
  text-align: center;
  color: #FFFFFF;
}
#or {
      top:112px;
    left: 77px;
    width: 39px;
    height: 27px;
    overflow: hidden;
    font-family: Mulish;
    font-size: 14px;
    text-align: left;
    color: #3F4A7C;
    display: inline-block;
}
.login {
  font-family: Mulish;
  font-size: 14px;
  text-decoration: underline;
  text-align: left;
  color: #9758F2;
}
#__login {
  /*top: 112px;
left: 53px;*/
	top: -65px;
left: 85px;
width: 64px;
height: 27px;
overflow: hidden;
display: inline-block;
	text-decoration:none;
}
#image_33 {
  top: 0px !important;
  position: absolute !important;
  left: 77px;
  width: 48px;
  height: 48.34px;
  background: url(skins/image_33.png);
  background-size: auto;
  background-size: cover;
	z-index:10;
}
#logged_in{
	height:300px;
}
#logged_out{
	/*height:280px;*/
}
#frame_812 {
  top: 130px;
  left: 0px;
  width: 202px;
  height: 29px;
}
#social_media {
  top: 0px;
  left: 49px;
  width: 103px;
  height: 29px;
}
#group_19 {
  top: 0px;
  left: 0px;
  width: 103px;
  height: 29px;
}
#frame_810 {
  top: 0px;
  left: 0px;
  width: 29px;
  height: 29px;
	display:inline-block;
}
#ellipse_11 {
  top: 0px;
  left: 0px;
  width: 29px;
  height: 29px;
  -ms-border-radius: 14.5px / 14.5px;
  -o-border-radius: 14.5px / 14.5px;
  -moz-border-radius: 14.5px / 14.5px;
  -webkit-border-radius: 14.5px / 14.5px;
  border-radius: 14.5px / 14.5px;
  background: rgba(212.17, 218.14, 239.06, 1);
}
#image_35 {
  top: 8px !important;
  position: absolute !important;
  left: 10px;
  width: 9.46px;
  height: 12px;
  background: url(skins/image_35.png);
  background-size: cover;
}
#frame_811 {
  top: 0px;
  
  width: 29px;
  height: 29px;
	display:inline-block;
}
#ellipse_10 {
  top: 0px;
  left: 0px;
  width: 29px;
  height: 29px;
  -ms-border-radius: 14.5px / 14.5px;
  -o-border-radius: 14.5px / 14.5px;
  -moz-border-radius: 14.5px / 14.5px;
  -webkit-border-radius: 14.5px / 14.5px;
  border-radius: 14.5px / 14.5px;
  background: rgba(212.17, 218.14, 239.06, 1);
}
#image_36 {
  top: 8px !important;
  position: absolute !important;
  left: 12px;
  width: 5.92px;
  height: 12px;
  background: url(skins/image_36.png);
  background-size: cover;
}
#frame_809 {
  top: 0px;
  
  width: 29px;
  height: 29px;
	display:inline-block;
}
#ellipse_12 {
  top: 0px;
  left: 0px;
  width: 29px;
  height: 29px;
  -ms-border-radius: 14.5px / 14.5px;
  -o-border-radius: 14.5px / 14.5px;
  -moz-border-radius: 14.5px / 14.5px;
  -webkit-border-radius: 14.5px / 14.5px;
  border-radius: 14.5px / 14.5px;
  background: rgba(212.17, 218.14, 239.06, 1);
}
#image_37 {
  top: 8px !important;
  position: absolute !important;
  left: 8px;
  width: 12px;
  height: 12px;
  background: url(skins/image_37.png);
  background-size: cover;
}
#search_bar_with_filter {
  top: 16px;
  left: 265px;
  /*width: 100%;*/
  height: 54px;
}
#stores_search_bar_with_filter {
  margin: 48px 0 0 32px;
  height: 54px;
}
#stores_search_bar_with_filter div {
  position: absolute;
}
#rectangle_36 {
  top: 2px;
  left: 0px;
  width: calc(100vw - 299px);
  height: 52px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background: rgba(248, 249, 255, 1);
}
#search_bar {
  top: 2px;
  left: 0px;
  width: calc(100vw - 299px);
  height: 50px;
}
#frame_19 {
  top: 16px;
  left: 32px;
  width: 16px;
  height: 18px;
}
#search {
  top: 1px;
  left: 0px;
  width: 16px;
  height: 16px;
}
#vector_ek24 {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 16px;
  background: url(skins/vector_ek24.png);
  background-size: cover;
}
#__search {
  top: 10px;
  left: 57px;
  width: 281px;
  height: 28px;
  overflow: hidden;
  position: absolute;
  color: #;
}
#dropdown_container {
  top: 10px;
  right: 65px;
  width: 335px;
  height: 31px;
  z-index:11;
}
#buttons_search_bar {
  top: 0px;
  left: 0px;
  width: 200px;
  height: 31px;
}
#__group_36 {
  top: 0px;
  left: 0px;
  width: 200px;
  height: 31px;
}
#__rectangle_37 {
  top: 0px;
  left: 0px;
  width: 200px;
  height: 31px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
#__sort_by__featured {
  top: 8px;
  left: 16px;
  width: 170px;
  height: 23px;
  overflow: hidden;
  color: #;
}
#__css_style_icon___vector {
  top: 13px !important;
  position: absolute !important;
  left: 180px;
  width: 10.5px;
  height: 5.25px;
}
#__filter_content_ek2 {
    top: 42px;
    left: -45px;
    width: 194px;
    height: 146px;
}
.sort_item_off{
	display:none;
}
.sort_content_container {
  top: 0px;
  left: 0px;
  width: 194px;
  position:relative !important;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -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);
}
.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;
}

#frame_33_ek4 {
  top: 4px;
  left: 115px;
  width: 12px;
  height: 18px;
}
#buttons_search_bar_ek1 {
  top: 0px;
  left: 220px;
  width: 173px;
  height: 31px;
}
#__group_36_ek1 > .bg_on {
  background: rgba(152, 89, 242, 1);
}
#__group_36_ek1 > .wide {
  width: 173px;
}
#__group_36_ek1 > .color_white {
  color: #fff;
}
#__group_36_ek1 > .icon_white {
  background: url(skins/styles/filter_hover/icon.png);
  background-size: cover;
}
#__group_36_ek1 {
  top: 0px;
  left: 0px;
  width: 173px;
  height: 31px;
}
#__rectangle_44 {
  top: 0px;
  left: 0px;
  width: 89px;
  height: 31px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
#__css_style_icon___vector_ek1 {
  top: 9px !important;
  position: absolute !important;
  left: 16px;
  width: 12px;
  height: 12px;
}
#__filters {
  top: 8px;
  /*left: 39px;
  width: 100px;
  height: 100px;*/
  overflow: hidden;
  color: #;
}
#__filter_content_ek1 {
  top: 42px;
  left: -65px;
  /*width: 153px;*/
  height: 120px;
}
#filter_content_container {
  position: relative !important;
  top: 0px;
  left: 0px;
  width: 185px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -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);
  padding-bottom: 4px;
}
.label_with_combo {
  top: 4px;
  left: 4px;
  /*width: 70px;*/
  /*height: 28px;*/
  overflow: hidden;
  font-family: Mulish;
  font-size: 14px;
  text-align: left;
  color: #3F4A7C;
  position: relative !important;
  margin-bottom: 8px;
  cursor: pointer;
}
.icon_arrow_line {
  top: 7px;
  left: 150px;
  width: 12px;
  height: 12px;
}
.vector_ek25 {
  position: absolute !important;
  width: 5.25px;
  height: 10.5px;
}
.closed .icon_arrow_line .vector_ek25 {
  left: 3px;
  top: 0px !important;
  left: 3px;
  width: 5.25px;
  height: 10.5px;
  background: url(skins/vector_ek25.png);
  background-size: cover;
}
.open .icon_arrow_line .vector_ek25 {
  top: 3px;
  height: 5.25px;
  width: 10.5px;
  background: url(skins/down_arrow.png);
  background-size: cover;
}
#component_3_ek1 {
  top: 34px;
  left: 8px;
  width: 137px;
  height: 26px;
}
#label_with_combo_ek1 {
  top: 4px;
  left: 4px;
  width: 61px;
  height: 28px;
  overflow: hidden;
  font-family: Mulish;
  font-size: 14px;
  text-align: left;
  color: #3F4A7C;
}
#icon_arrow_line_ek1 {
  top: 7px;
  left: 121px;
  width: 12px;
  height: 12px;
}
#vector_ek26 {
  top: 0px !important;
  position: absolute !important;
  left: 3px;
  width: 5.25px;
  height: 10.5px;
  background: url(skins/vector_ek26.png);
  background-size: cover;
}
#component_4_ek1 {
  top: 60px;
  left: 8px;
  width: 137px;
  height: 26px;
}
#label_with_combo_ek2 {
  top: 4px;
  left: 4px;
  width: 45px;
  height: 28px;
  overflow: hidden;
  font-family: Mulish;
  font-size: 14px;
  text-align: left;
  color: #3F4A7C;
}
#icon_arrow_line_ek2 {
  top: 7px;
  left: 121px;
  width: 12px;
  height: 12px;
}
#vector_ek27 {
  top: 0px !important;
  position: absolute !important;
  left: 3px;
  width: 5.25px;
  height: 10.5px;
  background: url(skins/vector_ek27.png);
  background-size: cover;
}
#component_2 {
  top: 86px;
  left: 8px;
  width: 137px;
  height: 26px;
}
#label_with_combo_ek3 {
  top: 4px;
  left: 4px;
  width: 78px;
  height: 28px;
  overflow: hidden;
  font-family: Mulish;
  font-size: 14px;
  text-align: left;
  color: #3F4A7C;
}
#icon_arrow_line_ek3 {
  top: 7px;
  left: 121px;
  width: 12px;
  height: 12px;
}
#vector_ek28 {
  top: 0px !important;
  position: absolute !important;
  left: 3px;
  width: 5.25px;
  height: 10.5px;
  background: url(skins/vector_ek28.png);
  background-size: cover;
}
/* Add your custom CSS here */
#overlay {
  visibility: hidden;
  opacity: 0;
  z-index: -1; /*hide it in the back of the page*/
  position: absolute !important;
  top: 0 !important;
  bottom: 0;
  background: #999;
  width: 100%;
  height: 1024px;
}
#product_detail_popup {
  visibility: hidden;
  opacity: 0;
  z-index: -1; /*hide it in the back of the page*/
  position: absolute !important;
  background: #fff;
  width: 529px;
  height: 1024px;
  right: -50%; /*Put it on the very top*/
  transition: all .5s ease-in-out; /*make it smooth*/
}
/*Now show it*/
#product_detail_popup.show {
  visibility: visible;
  z-index: 200;
  opacity: 1;
  right: 0;
  top: 0; /*slide it down smoothly*/
  transition: all .5s ease-in-out; /*make it smooth*/
}
#product_detail_popup.hide {
  visibility: hidden;
  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: absolute !important;
  background: #fff;
  width: 521px;
  border-radius: 10px;
  top: calc((100vh - 602px)/2)!important;
  left: calc((100vw - 521px)/2);
  transition: all .5s ease-in-out; /*make it smooth*/
}
/*Now show it*/
#login_popup.show {
  visibility: visible;
  z-index: 200;
  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: .4;
}
#login_header {
  position: relative;
  width: 414px;
  height: 54px;
  left: 16px;
  margin-top: 16px;
}
#login_header_icon {
  position: absolute;
  width: 29px;
  left: 0px;
  top: 0%;
  bottom: 0%;
}
#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: absolute;
  width: 130px;
  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;
}
#designer_toggle {
  cursor: pointer;
  position: absolute;
  width: 116px;
  height: 18px;
  right: -72px;
  top: 18px;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  /* identical to box height */
  text-align: right;
  text-decoration-line: underline;
  /* Primary Dark */
  color: #3F4B7C;
}
.designer {
  display: none;
}
#login_message.designermessage {
  height: 60px !important;
}
#login_message {
  padding: 12px;
  position: relative !important;
  height: 41px;
  left: 3.07%;
  right: 3.65%;
  margin-top: 60px;
  /* Light blue */
  background: #F8F9FF;
  border-radius: 5px;
  /* Inside Auto Layout */
  width: 486px;
  margin: 16px 0px;
}
#login_message .customer {
  position: absolute;
  width: 462px;
  height: 36px;
  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_error_message {
  padding: 12px;
  position: relative !important;
  left: 3.07%;
  right: 3.65%;
  /* Light blue */
  background: #F8F9FF;
  border-radius: 5px;
  /* Inside Auto Layout */
  width: 486px;
  margin: 16px 0px;

  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 {
  position: static;
  width: 462px;
  height: 36px;
  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: 489px;
  height: 424px;
  left: 16px;
}
#login_form {
  position: relative;
  width: 343px;
  height: 371px;
  left: 67px;
  border-radius: 20px;
}
#login_form_frame {
  padding: 0px;
  position: relative;
  width: 304px;
  height: 323px;
  left: 24px;
}
.login_field {
  position: relative;
  width: 304px;
  height: 35px;
  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;
  padding: 10px;
}
#login_button_frame {
  position: relative;
  width: 304px;
  height: 86px;
  left: 0px;
  margin: 16px 0px;
}
#login_button {
	cursor:pointer;
  padding: 16px;
  position: absolute;
  width: 182px;
  height: 57px;
  left: calc(50% - 182px/2);
  top: 16px;
  /* Primary purple */
  background: #784AB1;
  box-shadow: inset 0px -4px 4px rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}

#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: 304px;
  height: 52px;
  left: 0px;
	cursor:pointer;
	
}
.login_image_frame img {
  position: absolute;
  width: 244px;
  height: 52px;
  left: 30px;
  top: 0px;
}
#cart_slide_title {
  position: relative;
  left: 7.46%;
  top: 32px;
  font-family: Nunito,sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 30px;
  /* identical to box height */
  color: #000000;
}
#cart_slide_storename {
  position: relative;
  left: 7.46%;
  top: 32px;
 font-family: Mulish;
font-size: 14px;
color: #3F4A7C;
  line-height: 19px;
 
}
#cart_slide_storename a:hover {
  font-weight: 600 !important;
  color: #784AB1 !important;
}

#cart_slide_storename a {
  text-decoration: none;
  
}
#cart_slide_description {
  position: relative;
  left: 7.46%;
  top: 32px;
  width: 465px;
  font-family: Nunito,sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #818181;
}
#cart_slide_images {
  position: relative;
  /*left: 7.46%;*/
  top: 32px;
  border-radius: 5px;
  /* Inside Auto Layout */
  margin: 16px auto;
width: 100%;
  text-align:center;
}
#cart_slide_large_image {
  position: relative;
  left: 0%;
  right: 0%;
  top: 0%;
  border:2px dashed #efeaf1;
  height: 420px;
  width: 465px;
	background-color:white !important;
	display: inline-block;
}
#cart_slide_large_image:hover #cart_slide_large_image_overlay_icon {
  background-color: white;
  opacity: 0.7;
  -webkit-transition: background-color 300ms ease-out, opacity 300ms ease-out;
  transition: background-color 300ms ease-out, opacity 300ms ease-out;
}
#cart_slide_large_image_overlay {
  position: absolute;
  width: 465px;
  height: 420px;
  opacity: 0;
  -webkit-transition: background-color 300ms ease-out, opacity 300ms ease-out;
  transition: background-color 300ms ease-out, opacity 300ms ease-out;
  background: white;
  border-radius: 5px;
}
#cart_slide_large_image_overlay_icon {
  width: 40px;
  height: 40px;
  margin: 380px 0 0 425px;
  background: url(https://secretsof.com/includes/stylesheets/skins/cart_image_icon.png);
  background-size: cover;
	opacity: 0;
	-webkit-transition: background-color 300ms ease-out, opacity 300ms ease-out;
  transition: background-color 300ms ease-out, opacity 300ms ease-out;
}
#cart_big_photo_overlay {
  visibility: visible;
  position: absolute !important;
  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 {
  visibility: hidden;
  opacity: 0;
  transition: opacity 300ms;
}
#cart_big_photo {
  transition: opacity 300ms;
  position: relative;
  width: 685px;
  height: 600px;
  margin: 50px auto;
  border-radius: 20px;
}
#cart_slide_small_photo_container {
  position: relative;
	width:465px;
	margin: 0 auto;
}
.cart_slide_small_photo {
  margin: 8px 4px 8px 4px !important;
  display: inline-block;
  height: 108px;
  width: 108px;
  border-radius: 5px;
}
.cart_slide_small_photo_text {
	position:absolute;width: 100%;bottom: -18px;
}
.cart_slide_small_photo.inactive {
  opacity: 1;
}
#cart_slide_variants {
  clear: both;
  position: relative;
  width: 367px;
  border: 1px solid #C6C7CC;
  border-radius: 5px;
  /* Inside Auto Layout */
  flex: none;
  order: 2;
  flex-grow: 0;
  margin: 16px 0px;
}
.cart_slide_variant {
  position: relative;
  display: inline-block;
  width: 365px;
  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: 331.93px;
  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:#fff;
        border-radius: 100%;
        border: 1px solid #ccc;
        display: inline-block;
        width: 1em;
        height: 1em;
        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: #ced4eb;
          box-shadow: inset 0 0 0 2px #999;
        }
      }
    }
    &:focus {
      + .radio-label {
        &:before {
          outline: none;
          border-color: #ccc;
        }
      }
    }
    &: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: 16px;
  display: inline-block;
}
.variant_price {
  position: absolute;
  display: inline-block;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  right: 64px
}
.orgprice {
  position: absolute;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  right: 16px;
  top: 18px;
  /* 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: 14px;
  color: #3F4B7C;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 368px;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  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 {
  top: 80px;
  width: 467px;
  left: 82px;
}
#addtocart_button_container {
  position: relative;
  width: 365px;
  height: 62px;
  left: 82px;
  top: 80px;
  /* Inside Auto Layout */
  flex: none;
  order: 3;
  flex-grow: 0;
  margin: 16px 0px;
}
#addtocart_button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#addtocart_background {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 20px 38px;
  position: absolute;
  width: 197px;
  height: 59px;
  left: calc(50% - 197px/2 + 0.5px);
  top: calc(50% - 59px/2);
  /* 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 {
  position: static;
  height: 18px;
  left: 62px;
  top: 20px;
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  /* identical to box height */
  text-align: center;
  text-transform: uppercase;
  /* White */
  color: #FFFFFF;
  /* Inside Auto Layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0px 8px;
}
#addtocart_icon {
  position: static;
  width: 20px;
  height: 19px;
  left: 38px;
  top: 20px;
  background: url("https://secretsof.com/includes/stylesheets/skins/basket.png");
  background-size: cover;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
#addedtocart_button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#addedtocart_button > p {
	height: 20px;
text-align:center;
font-family: Mulish;
font-size: 14px;
color: #3F4A7C;

width: 100%;
position:absolute;
	top:60px;
	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 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 20px 38px;
  position: absolute;
  width: 197px;
  height: 59px;
  left: calc(50% - 197px/2 + 0.5px);
  top: calc(50% - 59px/2);
  /* 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 {
  position: relative;
  width: 51px;
  height: 18px;
  left: 16px;
  top: 0px;
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  /* identical to box height */
  text-align: center;
  text-transform: uppercase;
  /* White */
  color: #FFFFFF;
  /* Inside Auto Layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0px 8px;
}
#addedtocart_icon {
  position: relative;
  width: 20px;
  height: 19px;
  left: 20px;
  top: 0px;
  background: url("https://secretsof.com/includes/stylesheets/skins/check.png");
  background-size: cover;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
.show {
  visibility: visible;
  transition: all .3s ease-in-out; /*make it smooth*/
}
.hide {
  visibility: hidden;
  transition: all .3s ease-in-out; /*make it smooth*/
}
#vector_ek6 {
  top: 1.5px !important;
  position: absolute !important;
  left: 0px;
  width: 12px;
  height: 9.63px;
  background: url(https://secretsof.com/includes/stylesheets/skins/vector_ek6.png);
  background-size: cover;
}
#vector_ek276sm {
  top: 1.5px !important;
  position: absolute !important;
  left: 0px;
  width: 12px;
  height: 9.63px;
  background: url(https://secretsof.com/includes/stylesheets/skins/vector_ek276sm.png);
  background-size: cover;
}
.filter_item {
  display: block;
  position: relative !important;
  height: 23px;
  margin: 0px 0px;
}
.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_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;
}
/* 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 {
  left: 10px;
  top: 3px;
  width: 5px;
  height: 10px;
  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;
}
/* Tooltip container */
.tooltip {
  position: relative;
  /* display: inline-block;*/
  /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  /*width: 200px;*/
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 3px 3px;
  /*border-radius: 6px;
   Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
	font-size: 11px;
font-weight: 600;
}
.tooltip .tooltiptext {
  bottom: 100%;
  left: 50%;
  margin-left: -100px; /* Use half of the width (120/2 = 60), to center the tooltip */
  opacity: 0;
  transition: opacity 1s;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
#cart_page_header {
  position: relative;
  height: 54px;
  left: 32px;
  top: 16px;
  margin: 8px 0px;
}
#cart_page_icon {
  position: relative;
  width: 29px;
  height: 25.1px;
  left: 0px;
  top: 10px;
  bottom: 0%;
  display: inline-block;
  background: url(skins/vector_ek149.png);
  background-size: cover;
}
#cart_page_title {
  position: relative;
  left: 12px;
  top: 5px;
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  color: #784AB1;
  display: inline-block;
}
#cart_page_download {
  padding: 12px;
  position: relative;
  height: 50px;
  left: 32px;
  top: 10px;
  background: rgba(235, 63, 150, 0.05);
  border-radius: 5px;
  margin: 8px 0px;
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #EB3F96;
  margin: 4px 0px;
}
#stores_page_message {
  padding: 12px;
  position: relative;
  height: 39px;
  left: 32px;
  top: 10px;
  background: #F1F3FC;
  border-radius: 5px;
  margin: 8px 0px;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #784AB1;
  margin: 4px 0px;
}
#cart_page_underline {
  position: relative;
  height: 0px;
  left: 32px;
  top: 10px;
  /* Light Gray */
  border: 1px solid #F5F5F6;
  margin: 8px 0px;
}
#left_column {
  position: relative;
  display: inline-block;
  width: calc(100% - 355px);
  left: 32px;
  top: 16px;
  vertical-align: top;
}
#right_column {
  position: relative;
  display: inline-block;
  width: 350px;;
  top: 16px;
  vertical-align: top;
}
.cart_item {}
.cart_product_image {
  top: 8px !important;
  position: relative;
  left: 0px;
  width: 84px;
  height: 84px;
  background: url(skins/__img___frame_41.png);
  background-size: auto;
  background-size: cover;
  display: inline-block;
	border-radius:5px;
}
.cart_product_format {
  top: 35px;
  width: 184px;
  height: 32px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  left: 8px;
}
.cart_product_size {
  top: 35px;
  width: 184px;
  height: 32px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  left: 16px;
}
.cart_product_price {
  top: 41px;
  width: calc(100% - 560px);
  text-align: right;
  height: 20px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
.icon_x {
  position: relative;
  display: inline-block;
  top: 42px;
  left: 16px;
  width: 16px;
  height: 16px;
  background: url(skins/vector_ek150.png);
  background-size: cover;
  vertical-align: top;
}
.cart_page_input {
  height: 32px;
  line-height: 16px;
  display: block;
  font-size: 12px;
  font-family: Nunito, sans-serif;
  font-weight: 400;
  color: #3F4B7C;
  padding: .6em 1.4em .5em .8em;
  width: 184px;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 0;
  border-radius: 5px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #F8F9FF;
  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');
  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 option {
  font-weight: normal;
}
#total {
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  display: inline-block;
  width: calc(100% - 200px);
	margin-top:32px;
}
.dark_heading {
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  display: inline-block;
  width: 70%;
  
}
#total_cost {
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  display: inline-block;
  width: 100px;
  text-align: right;
 margin-top:32px;cart_
	vertical-align:top;
}
#points_message{
	font-family: Nunito, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 19px;
color: #3F4B7C;
margin-top: 16px;
}
#cart_messages{
	font-family: Nunito, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 19px;
color: #3F4B7C;
margin-top: 24px;
}
#cart_messages input{
	height: 32px;
line-height: 16px;
display: inline-block;
font-size: 12px;
font-family: Nunito, sans-serif;
font-weight: 400;
color: #3F4B7C;
padding: .6em 1.4em .5em .8em;
    padding-right: 1.4em;
    padding-left: 0.8em;
width: 184px;
max-width: 100%;
box-sizing: border-box;
margin: 0;
border: 0;
border-radius: 5px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #F8F9FF;
}
#cart_messages button{
	font-size: 12px;
font-family: Nunito, sans-serif;
font-weight: 400;
height: 32px;
-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;
}
#points_pay_button{
	font-size: 12px;
font-family: Nunito, sans-serif;
font-weight: 400;
height: 32px;
-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: 200px;
margin: 0 auto;
display: block;
}
#line_8 {
  border: 1px solid #F5F5F6;
  top: 16px;
  width: calc(100% - 32px);
}
.left_cart_line {
  border: 1px solid #F5F5F6;
  margin: 16px 0;
  width: calc(100% - 32px);
}
.cart_gallery_row {
  clear: both;
  top: 64px;
  left: 0;
  width: calc(100% - 32px);
  height: calc((((100vw - 300px) * .6) * .95) * .3246);
}
.plain_text{
	font-family: Nunito, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 19px;
color: #3F4B7C;
width:calc(100% - 32px);
}
.cart_gallery_header {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 18px;
}
.cart_gallery_group {
  clear: both;
  top: 8px;
  left: -8px;
  width: 100%;
  height: calc((((100vw - 291px) * .6) * .95)* .2827);
}
.cart_product_thumbnail {
  float: left;
  top: 0px;
  left: 0px;
  width: calc((100% - 56px)/4);
  height: 100%;
  margin-left: 8px;
}
.cart_item {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.cart_item a {
  text-decoration: none;
  border: 0;
}
.cart_thumbnail_image {
  top: 0px;
  left: 0px;
  width: 100%;
  height: calc(((((100vw - 291px) * .6) * .95)* .2827) * .75);
  border-top-right-radius: 5px;
  /*border-top-left-radius:5px;
	border:solid 1px #333;*/
}
.cart_f_1 {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 100%;
  height: calc(((((100vw - 291px) * .6) * .95)* .2827));
  background-size: cover;
  /*border-radius:5px;*/
}
#cart_f_1 {
  background: url(skins/f_1.png);
  background-size: cover;
}
.cart_thumbnail_label {
  left: 0px;
  width: 100%;
  height: calc(((((100vw - 291px) * .6) * .95)* .2827) * .236);
  /*border-top:1px solid #333;*/
}
.cart_thumbnail_image_bg {
  top: 0px;
  left: 0px;
  width: 100%;
  height: calc(((((100vw - 291px) * .6) * .95)* .2827) * .236);
  background: rgba(255, 255, 255, .9);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.thumbnail_text {
  top: 0px;
  left: 0px;
  height: 1.4vw;
  overflow: visible;
  font-family: Mulish;
  font-size: 1.1vw;
  font-weight: 400;
  text-align: left;
  color: #3F4A7C;
	margin-top:5px;
}
.thumbnail_badges {
  float: left;
  top: 7px;
  left: 1.8vw;
  width: 3vw;
  height: 1vw;
}
.thumbnail_sale {
  float: left;
  top: 0px;
  left: 0px;
  width: 2vw;
  height: 1vw;
}
#__img___sale_img {
  top: -6px !important;
  position: absolute !important;
  left: 2px;
  width: 25px;
  height: 14px;
  background: url(skins/sale.svg);
  background-size: cover;
}
#slider___img___sale_img {
  top: -14px !important;
  position: absolute !important;
  left: 2px;
  width: 25px;
  height: 14px;
  background: url(skins/sale.svg);
  background-size: cover;
}
.__img___sale_img {
  top: -7px !important;
  position: absolute !important;
  left: -7px;
  width: 2vw;
  height: 2vw;
  background: url(https://secretsof.com/websiteimages/sale_icons/sale.png);
  background-size: cover;
}

.treasure {
  float: left;
  top: 0px;
  left: 0px;
   width: calc(100vw * .016);
  height:calc(100vw * .016);
}
.icon_treasure {
  top: 0px;
  left: 0px;
  width: calc(100vw * .016);
  height:calc(100vw * .016);
}
.th_vector {
  top: calc(100vw * -.005) !important;
  position: absolute !important;
  left: 0px;
   width: calc(100vw * .016);
  height:calc(100vw * .016);
  background: url(skins/treasuregold.png);
  background-size: cover;
}
.slider_treasure {
  float: left;
  top: 0px;
  left: 0px;
   width: calc(100vw * .009);
  height:calc(100vw * .009);
}
.slider_icon_treasure {
  top: 0px;
  left: 0px;
  width: calc(100vw * .009);
  height:calc(100vw * .009);
}
.slider_th_vector {
  top: calc(100vw * -.008) !important;
  position: absolute !important;
  left: 0px;
   width: calc(100vw * .009);
  height:calc(100vw * .009);
  background: url(skins/treasuregold.png);
  background-size: cover;
}
.thumbnail_price {
  float: left;
  top: 6px;
  left: 0px;
  height: 28px;
  overflow: hidden;
  font-family: Mulish;
  font-size: 16px;
  text-align: left;
  color: #3F4A7C;
  font-weight: 600;
}
.slider_thumbnail_price {
  float: left;
  top: -8px;
  height: 18px;
overflow: hidden;
font-family: Mulish;
font-size: 12px;
text-align: left;
color: #3F4A7C;
font-weight: 600;
margin-right: 8px;
}
.thumbnail_sale_price {
  float: left;
  top: 7px;
  left: 10px;
  /*height: 26.64px;*/
  overflow: hidden;
  font-family: Mulish;
  font-size: .9vw;
  text-decoration: line-through;
  text-align: left;
  color: #C6C7CC;
}
.slider_thumbnail_sale_price {
  float: left;
  top: -8px;
  left: 10px;
    height: 15px;
  overflow: hidden;
  font-family: Mulish;
  font-size: 12px;
  text-decoration: line-through;
  text-align: left;
  color: #C6C7CC;
  margin-right: 8px;
}
#__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 {
  top: 0px;
  left: 0px;
  width: var(--banner_row_width);
  height: 18px;
}
.icon_frame {
  float: left;
  top: 0px;
  left: 0px;
  width: 12px;
  height: 18px;
}
#icon_best_selling {
  top: 3px;
  left: 0px;
  width: 12px;
  height: 12px;
}
.cart_title {
  top: 0px;
  left: 0px;
  float: left;
  height: 28px;
  overflow: hidden;
  font-family: Mulish;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  color: #784AB1;
  text-transform: uppercase;
}
#icon_new_arrivals {
  top: 3px;
  left: 0px;
  width: 12px;
  height: 12px;
}
#cart_card_bg {
  position: relative;
  width: 100%;
  top: 16px;
  padding: 24px;
  /* Washed blue */
  background: #F1F3FC;
  border-radius: 20px;
}
#card_details_container {}
#card_details_title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  /* Primary Dark */
  color: #3F4B7C;
  margin-bottom: 16px;
}
#card_buttons_container {
  position: relative;
  margin-top: 10px;
}
#paypal_button.on {
  position: relative;
  display: inline-block;
  width: 121px;
  height: 50px;
  /* Primary purple */
  background: #784AB1;
  /* White */
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 5px;
}
#paypal_button.off {
  position: relative;
  display: inline-block;
  width: 121px;
  height: 50px;
  /* Primary purple */
  background: #ffffff;
  /* White */
  border: 1px solid #c6c7cc;
  box-sizing: border-box;
  border-radius: 5px;
}
#paypal_button.on #paypal_button_checkmark {
  display: inline-block;
}
#paypal_button_checkmark {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 12px;
  top: 13px;
  position: relative;
}
#paypal_button.off #paypal_button_checkmark_image {
  display: none;
}
#paypal_button_logo_on {
  position: relative;
  vertical-align: middle;
  width: 20px;
  height: 15px;
  top: 11px;
}
#paypal_button_logo_off {
  position: relative;
  vertical-align: middle;
  width: 20px;
  height: 15px;
  top: 11px;
}
#paypal_button.on #paypal_button_logo_on {
  display: inline-block;
}
#paypal_button.off #paypal_button_logo_on {
  display: none;
}
#paypal_button.on #paypal_button_logo_off {
  display: none;
}
#paypal_button.off #paypal_button_logo_off {
  display: inline-block;
}
#paypal_button_text {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 49px;
  height: 26px;
  left: 10px;
  top: 17px;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 13px;
}
#paypal_button.on #paypal_button_text {
  color: #FFFFFF;
}
#paypal_button.off #paypal_button_text {
  color: #3F4B7C;
  ;
}
#credit_card_button.on {
  position: relative;
  display: inline-block;
  width: 121px;
  height: 50px;
  /* Primary purple */
  background: #784AB1;
  /* White */
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 5px;
}
#credit_card_button.off {
  position: relative;
  display: inline-block;
  width: 121px;
  height: 50px;
  /* Primary purple */
  background: #ffffff;
  /* White */
  border: 1px solid #c6c7cc;
  box-sizing: border-box;
  border-radius: 5px;
}
#credit_card_button.on #credit_card_button_checkmark {
  display: inline-block;
}
#credit_card_button_checkmark {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-left: 12px;
  top: 13px;
  position: relative;
}
#credit_card_button.off #credit_card_button_checkmark_image {
  display: none;
}
#credit_card_button_logo_on {
  position: relative;
  vertical-align: middle;
  width: 20px;
  height: 15px;
  top: 11px;
}
#credit_card_button_logo_off {
  position: relative;
  vertical-align: middle;
  width: 20px;
  height: 15px;
  top: 11px;
}
#credit_card_button.on #credit_card_button_logo_on {
  display: inline-block;
}
#credit_card_button.off #credit_card_button_logo_on {
  display: none;
}
#credit_card_button.on #credit_card_button_logo_off {
  display: none;
}
#credit_card_button.off #credit_card_button_logo_off {
  display: inline-block;
}
#credit_card_button_text {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 49px;
  height: 26px;
  left: 10px;
  top: 11px;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 13px;
}
#credit_card_button.on #credit_card_button_text {
  color: #FFFFFF;
}
#credit_card_button.off #credit_card_button_text {
  color: #3F4B7C;
  ;
}
#download_message_title {
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  /* Primary purple */
  color: #784AB1;
  margin-top: 16px;
	margin-left:24px;
}
#download_message {
  
  color: #3F4B7C;
  margin-top: 16px;
	margin-left:24px;
}
.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_button,.subcategory_button,.sub2category_button{
	height: 31px;
	display:inline-block;
	position:relative;
	padding: 7px 12px;
	font-family: Mulish;
font-style: normal;
font-size: 12px;
line-height: 15px;
	cursor:pointer;
}
#all_designs_content{
	    clear: both;
    display: inline-block;
    margin-top: 109px;
    width: calc(100vw - 299px);
    margin-left: 32px;
}
.all_designs_content{
	    clear: both;
    display: inline-block;
    margin-top: 109px;
    width: calc(100vw - 299px);
    margin-left: 32px;
}
#category_filters{
	position: relative;
/*height: 63px;
overflow: hidden;*/
}
#bestselling_filters{
	position: relative;
height: 32px;
overflow: hidden;
}
#designs_container{
	position:relative;
	width: calc(100vw - 299px);
	margin-top:40px;
}
#designs_container .product_thumbnail{
	margin-top:1% !important;
}
.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;
}
.active_sub2cat .subclose_icon{
display: inline-block;	
}
.active_sub2cat{
	border: 1px solid #784AB1;
box-sizing: border-box;
border-radius: 100px;
	font-weight: 600;
font-size: 12px;
color: #784AB1;
	margin-left:4px;
}
#browser_notice{
font-family:Nunito,sans-serif;
	font-size:10px;
}
.small_text{
	font-family: Nunito, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 15px;
color: #3F4B7C;
}
#cart_message{
	margin-bottom:32px;
	margin-left:24px;
}
#download_message ul{
  list-style: none; /* Remove default bullets */
	padding-left:0;
}

#download_message ul li::before {
	margin-bottom:1em;
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #784AB1; /* Change the color */
  font-weight: 600; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
}
#gift_icon{
	position: relative;
  width: 29px;
  height: 27.1px;
  left: 0px;
  top: 4px;
  margin-right:8px;
  display: inline-block;
  background: url(skins/gifticon.png);
  background-size: cover;
}
#rewards_icon{
	position: relative;
  width: 29px;
  height: 31.1px;
  left: 0px;
  top: 4px;
  margin-right:8px;
  display: inline-block;
  background: url(skins/rewardicon.png);
  background-size: cover;
}

#jcl-demo {
	display:none;
	width:465px;
	margin:130px auto 0;
}
.purple_header{
	
font-family: Mulish;
font-size: 14px;
font-weight: 600;
text-align: center;
color: #784AB1;
}
.bundle{ 
	width:465px;
	margin:auto;
}
.slider_product_thumbnail {
  float: left;
  top: 0px;
  left: 0px;
  width: 140px;
  height: 180px;
  margin-left: 8px;
}
.slider_item {
  top: 0px;
  left: 0px;
  width: 140px;
  height: 180px;
}
.slider_item a {
  text-decoration: none;
  border: 0;
}
.slider_thumbnail_image {
  top: 0px;
  left: 0px;
  width: 140px;
  height: 140px;
  border-top-right-radius: 5px;
  /*border-top-left-radius:5px;
	border:solid 1px #333;*/
}
.slider_f_1 {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
 width: 140px;
  height: 140px;
  background-size: cover;
  /*border-radius:5px;*/
}
.slider_thumbnail_label {
  left: 0px;
  width: 140px;
  height: 40px;
  /*border-top:1px solid #333;*/
}
.slider_thumbnail_image_bg {
  /*top: 33px;*/
  left: 0px;
  width: 140px;
  height: 40px;
  background: rgba(255, 255, 255, .9);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.slider_thumbnail_badges {
  float: left;
  top: 7px;
  left: 20px;
 
}
.slider_thumbnail_sale {
  float: left;
  top: 0px;
  left: 0px;
  width: 25px;
  height: 14px;
}

.slider__img___sale_img {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 25px;
  height: 14px;
  background: url(skins/sale.svg);
  background-size: cover;
}
.slider_diamond {
  float: left;
  top: 0px;
  left: 2px;
  width: 16px;
  height: 15px;
}
.slider_icon_diamond {
  top: 2px;
  left: 2px;
  width: 12px;
  height: 11px;
}
.slider_vector {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 12px;
  height: 10.13px;
  background: url(skins/vector.png);
  background-size: cover;
}
/*.slider_thumbnail_price {
  float: left;
  top: 6px;
  left: 6.69px;
  height: 28px;
  overflow: hidden;
  font-family: Mulish;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #3F4A7C;
  font-weight: 700;
}
.slider_thumbnail_sale_price {
  float: left;
  top: 6px;
  left: 16px;
  height: 26.64px;
  overflow: hidden;
  font-family: Mulish;
  font-size: 12px;
  text-decoration: line-through;
  text-align: left;
  color: #C6C7CC;
}*/
.similar{
	width:465px;
	margin:auto;
	height:282px;
}
.slider_thumbnail_text {
  top: 0px;
  left: 1px;
  height: 28px;
  overflow: visible;
  font-family: Mulish;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #3F4A7C;
}
#bundle_cart_slide_variants_format {
  
  width: 465px;
  left: 32px;
}
#bundle_cart_slide_variants {
  clear: both;
  position: relative;
  width: 368px;
  border: 1px solid #C6C7CC;
  border-radius: 5px;
  /* Inside Auto Layout */
  flex: none;
  order: 2;
  flex-grow: 0;
  margin: 16px 0px;
}
.bundle_cart_slide_variant {
  position: relative;
  display: inline-block;
  width: 365px;
  background: #fff;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  margin: 0px 0px;
}
.bundle_cart_slide_variant.checked {
  background: #F5F5F5;
  font-weight: 600;
}
.bundle_cart_slide_variant.checked .orgprice {
  font-weight: 600;
}
.bundle_cart_slide_variant.checked .variant_price {
  font-weight: 600;
}
.bundle_cart_slide_variant.checked .bundle_radio-label {
  font-weight: 600;
}
.bundle_cart_slide_variant_text {
  position: static;
  width: 331.93px;
  height: 20px;
  left: 16px;
  top: 16px;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 15px 0px;
}
.bundle_radio {
  display: inline-block;
  margin-left: 10px;
}
.bundle_radio {
  /*margin: 0.5rem;*/
  input[type="radio"] {
    position: absolute;
    opacity: 0;
    + .bundle_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 {
      + .bundle_radio-label {
        &:before {
          background-color: $color2;
          box-shadow: inset 0 0 0 4px $color1;
        }
      }
    }
    &:focus {
      + .bundle_radio-label {
        &:before {
          outline: none;
          border-color: $color2;
        }
      }
    }
    &:disabled {
      + .bundle_radio-label {
        &:before {
          box-shadow: inset 0 0 0 4px $color1;
          border-color: darken($color1, 25%);
          background: darken($color1, 25%);
        }
      }
    }
    + .bundle_radio-label {
      &:empty {
        &:before {
          margin-right: 0;
        }
      }
    }
  }
}
.bundle_radio-label {
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  display: inline-block;
}
.bundle_variant_price {
  position: absolute;
  display: inline-block;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  right: 64px
}
.bundle_select-css {
  position: relative;
  display: block;
  font-family: Nunito,sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #3F4B7C;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 368px;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  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%;
}
.bundle_select-css::-ms-expand {
  display: none;
}
.bundle_select-css:hover {
  border-color: #888;
}
.bundle_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;
}
.bundle_select-css option {
  font-weight: normal;
}
#bundle_addtocart_button_container {
  position: relative;
  width: 365px;
  height: 62px;
  left: 32px;
  top: 80px;
  /* Inside Auto Layout */
  flex: none;
  order: 3;
  flex-grow: 0;
  margin: 16px 0px;
}
#bundle_addtocart_button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#bundle_addtocart_background {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 20px 38px;
  position: absolute;
  width: 197px;
  height: 59px;
  left: calc(50% - 130px/2 + 0.5px);
  top: calc(50% - 74px/2);
  /* 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;
}
#bundle_addtocart_text {
  position: static;
  height: 18px;
  left: 62px;
  top: 20px;
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  /* identical to box height */
  text-align: center;
  text-transform: uppercase;
  /* White */
  color: #FFFFFF;
  /* Inside Auto Layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0px 8px;
}
#bundle_addtocart_icon {
  position: static;
  width: 20px;
  height: 19px;
  left: 38px;
  top: 20px;
  background: url("https://secretsof.com/includes/stylesheets/skins/basket.png");
  background-size: cover;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
#bundle_addedtocart_button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#bundle_addedtocart_background {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 20px 38px;
  position: absolute;
  width: 197px;
  height: 59px;
  left: calc(50% - 197px/2 + 0.5px);
  top: calc(50% - 59px/2);
  /* 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;
}
#bundle_addedtocart_text {
  position: relative;
  width: 51px;
  height: 18px;
  left: 16px;
  top: 0px;
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  /* identical to box height */
  text-align: center;
  text-transform: uppercase;
  /* White */
  color: #FFFFFF;
  /* Inside Auto Layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0px 8px;
}
#bundle_addedtocart_icon {
  position: relative;
  width: 20px;
  height: 19px;
  left: 20px;
  top: 0px;
  background: url("https://secretsof.com/includes/stylesheets/skins/check.png");
  background-size: cover;
  /* Inside Auto Layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
.signup_container {
  display: block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	font-family: Mulish;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
border: 0;
color: #3F4B7C;
}

/* Hide the browser's default checkbox */
.signup_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.signup_checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.signup_container:hover input ~ .signup_checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.signup_container input:checked ~ .signup_checkmark {
  background-color: #784AB1;
}

/* Create the checkmark/indicator (hidden when not checked) */
.signup_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.signup_container input:checked ~ .signup_checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.signup_container .signup_checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#signup_popup {
  visibility: hidden;
  opacity: 0;
  z-index: -1; /*hide it in the back of the page*/
  position: absolute !important;
  background: #fff;
  width: 480px;
  height: 750px;
  border-radius: 10px;
  top: calc((100vh - 602px)/2) !important;
  left: calc((100vw - 521px)/2);
  transition: all .5s ease-in-out; /*make it smooth*/
}
/*Now show it*/
#signup_popup.show {
  visibility: visible;
  z-index: 200;
  opacity: 1;
  transition: all .5s ease-in-out; /*make it smooth*/
}
#signup_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*/
}

#signup_header {
  position: relative;
  width: 414px;
  height: 54px;
  left: 16px;
  top: 16px;
}
#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_message {
  position: relative !important;
  margin:0 auto;
  width: 486px;
}
#signup_message .customer {
  position: relative !important;
  width: 462px;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  align-items: center;
  /* Primary purple */
  color: #784AB1;
	margin:0 auto;
}
#signup_error_message {
  position: relative !important;
  left: 3.07%;
  right: 3.65%;
  /* Light blue */
  width: 486px;
  margin: 16px 0px;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  align-items: center;
  /* Primary purple */
  color: red;
	display:none;
}
#signup_message2 {
  position: relative !important;
  width: 462px;
  left: 12px;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  align-items: center;
  /* Primary purple */
  color: #784AB1;
	margin-top: 32px;
}

#signup_message2 .customer {
  position: relative !important;
  width: 462px;
  left: 12px;
  
}
.small_text{
	font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 14px;
  align-items: center;
  /* Primary purple */
  color: #784AB1;
}
.med_text{
	font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  align-items: center;
  /* Primary purple */
  color: #784AB1;
}
#signup_form_container {
  position: relative;
  width: 489px;

}
#signup_form {
  position: relative;
  width: 343px;
  left: 67px;
  border-radius: 20px;
}
#signup_form_frame {
  padding: 0px;
  position: relative;
  width: 320px;
  margin:auto;
}

#signup_button_frame {
  position: relative;
  width: 304px;
  height: 86px;
  left: 0px;
 
}
#signup_button {
	cursor:pointer;
  padding: 16px;
  position: absolute;
  width: 182px;
  height: 57px;
  left: calc(50% - 182px/2);
  top: 16px;
  /* Primary purple */
  background: #784AB1;
  box-shadow: inset 0px -4px 4px rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
#signup_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;
}
#subscribe_popup {
  visibility: hidden;
  opacity: 0;
  z-index: -1; /*hide it in the back of the page*/
  position: absolute !important;
  background: #fff;
  width: 550px;
  height: 700px;
  border-radius: 10px;
  top: calc((100vh - 602px)/2) !important;
  left: calc((100vw - 521px)/2);
  transition: all .5s ease-in-out; /*make it smooth*/
}
/*Now show it*/
#subscribe_popup.show {
  visibility: visible;
  z-index: 210;
  opacity: 1;
  transition: all .5s ease-in-out; /*make it smooth*/
}
#subscribe_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*/
}

#signup_header2 {
  position: relative;
  width: 520px;
  height: 120px;
  left: 16px;
}
#signup_header_icon2 {
  position: absolute;
  width: 29px;
  left: 0px;
  top: 20px;
}
#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 {
  position: absolute;
  width: 440px;
  left: 45px;
  top: 10%;
  bottom: 27.78%;
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 24px;
  /* identical to box height */
  display: flex;
  align-items: center;
  /* Primary purple */
  color: #784AB1;
}

#signup_message2 {
  position: relative !important;
  margin:0 auto;
  width: 486px;
}
#signup_message2 .customer {
  position: relative !important;
  width: 462px;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  align-items: center;
  /* Primary purple */
  color: #784AB1;
	margin:0 auto;
}
#subscribe_error_message {
  position: relative !important;
  left: 3.07%;
  right: 3.65%;
  /* Light blue */
  width: 400px;
  margin: 16px 0px;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  align-items: center;
  /* Primary purple */
  color: red;
	display:none;
}
#signup_message_2 {
  position: relative !important;
  width: 550px;
  left: 12px;
  font-family: Mulish;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  align-items: center;
  /* Primary purple */
  color: #784AB1;
	margin-top: 32px;
}

#signup_message_2 .customer {
  position: relative !important;
  width: 100%;
  left: 12px;
  
}

#signup_form_container2 {
  position: relative;
  width: 550px;
	height:457px;

}
#signup_form2 {
  position: relative;
  width: 550px;
  border-radius: 20px;
}
#signup_form_frame2 {
  padding: 0px;
  position: relative;
  width: 550px;
  margin:auto;
	text-align:center;
}

#signup_button_frame2 {
  position: relative;
  height: 86px;
  left: 0px;
 
}
#signup_button2 {
	cursor:pointer;
  padding: 16px;
  position: absolute;
  width: 182px;
  height: 57px;
  left: calc(50% - 182px/2);
  top: 16px;
  /* Primary purple */
  background: #784AB1;
  box-shadow: inset 0px -4px 4px rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
#signup_button_text2 {
  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;
}
#subscribe_close{
	
	position: absolute;
  width: 29px;
  right: -8px;
  top:10px;
  
}

.grey_text{
	color:#959596;
	font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}#cart_slide_title img{
	cursor:pointer;
	display:inline;
	position:relative;
}
.page_header {
  position: relative;
  height: 54px;
  left: 32px;
  top: 16px;
  margin: 8px 0px;
}
#liked_page_icon {
  position: relative;
  width: 29px;
  height: 28px;
  left: 0px;
  top: 10px;
  bottom: 0%;
  display: inline-block;
  background: url(skins/liked_header.svg);
  background-size: cover;
}
.page_title {
  position: relative;
  left: 12px;
  top: 5px;
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  color: #784AB1;
  display: inline-block;
}
.liked_icon{
	position:absolute;
	width: 16px;
	height: 16px;
	left: 86%;
	top: 5%;
}
mobile_liked_icon{
	display:none;
	}
.product_thumbnail:hover .shown{
	visibility:visible;
  opacity:1;
  transition-delay:0s;
}
.mobile_liked_on, .mobile_liked_off{display:none;}
.liked_on, .liked_off{
	visibility:hidden;
  opacity:0;
  transition:visibility 0s linear 0.1s,opacity 0.1s linear;
	
	position: absolute;
left: 0%;
right: 0%;
top: 6.25%;
bottom: 1.44%;
	z-index: 10;
}
.liked_on.shown {
	visibility:visible;
	opacity:1;
}
.cart_slide_thumbnail_badges {
 display:inline-block;
  width: 45px;
  height: 20px;
}

.cart_slide_diamond {
  width: 20px;
  height: 20px;
	display:none;
}
.cart_slide_icon_diamond {
  top: 4px;
  left: 2px;
  width: 20px;
  height: 20px;
}
.cart_slide_dh_vector {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 16px;
  background: url(skins/treasurediamond_lg.jpg);
  background-size: cover;
}
.cart_slide_silver {
  width: 20px;
  height: 20px;
	display:none;
}
.cart_slide_icon_silver {
  top: 4px;
  left: 2px;
  width: 20px;
  height: 20px;
}
.cart_slide_sh_vector {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 16px;
  background: url(skins/treasuresilver_lg.jpg);
  background-size: cover;
}
.cart_slide_treasure {
  width: 20px;
  height: 20px;
	display:none;
}
.cart_slide_icon_treasure {
  top: 4px;
  left: 2px;
  width: 20px;
  height: 20px;
}
.cart_slide_th_vector {
  top: 0px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 16px;
  background: url(skins/treasuregold_lg.jpg);
  background-size: cover;
}
.cart_slide_blackout {
  width: 20px;
  height: 20px;
	display:none;
}
.cart_slide_iconblackout {
  top: 4px;
  left: 2px;
  width: 20px;
  height: 20px;
}
.cart_slide_bo_vector {
  top: 5px !important;
  position: absolute !important;
  left: 0px;
  width: 16px;
  height: 16px;
  background: url(//secretsof.com/images/bo2.png);
  background-size: cover;
}
#stores_page_header {
  position: relative;
  height: 54px;
  left: 32px;
  top: 16px;
  margin: 8px 0px;
}
#stores_page_icon {
  position: relative;
  width: 29px;
  height: 25.1px;
  left: 0px;
  top: 10px;
  bottom: 0%;
  display: inline-block;
  background: url(skins/stores.svg);
  background-size: cover;
}
#stores_page_title {
  position: relative;
  left: 12px;
  top: 5px;
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  color: #784AB1;
  display: inline-block;
	text-transform: capitalize; 
}
.store_link{
	width: 280px;
height: 47px;
display:inline-block;
background: #F8F9FF;
border-radius: 5px;
margin: 8px 8px 0 0;
padding: 14px 0 0 16px;
}
.store_link a{
	font-family: Mulish;
font-style: normal;
font-weight: 200;
font-size: 14px;
line-height: 18px;
color: #3F4B7C;
text-decoration:none;
text-align:left;

}
.stores_page_header {
  position: relative;
  
  left: 32px;
  top: 16px;
  margin: 8px 0px;


/*background: url("https://secretsof.com/includes/stylesheets/skins/stores_background.svg");
background-size: cover;*/
width:calc(100vw - 299px);
	background-color:#F6F6FF;

}
.stores_page_icon {
  position: relative;
  width: 29px;
  height: 29px;
  left: 0px;
  top: 10px;
  bottom: 0%;
  display: inline-block;
  background: url(skins/stores_large.svg);
  background-size: cover;
	
	
	margin-right:16px;
}
.stores_page_title {
	padding:16px 0 24px 0;
	position:relative;
	margin:auto;
	vertical-align:middle;
	/*width: 300px;*/
/*height: 50px;*/
font-family: Mulish;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 23px;

color: #784AB1;
 text-align:center;
  display: block;
	text-transform: capitalize; 
}
.stores_page_title p{
	vertical-align:middle;
	font-family: Mulish;
font-style: normal;
font-weight: 200;
font-size: 14px;
	color: #3F4B7C;
}
#sales_image{
	top: 38px;
height: 32px;
left: 7.46%;
}
#freebie_container{
	position: relative;
left: 7.46%;
top: 116px;
width: 465px;
font-family: Nunito,sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 16px;
color: #818181;
}
#freebie_container img{
	position:relative !important;
	
}
.sales_link_cell{
		width: 280px;
height: 47px;
display:inline-block;
background: #F8F9FF;
border-radius: 5px;
margin: 8px 8px 0 0;
padding: 11px 0 0 16px;


}
.sales_link_cell img{
	display:inline-block;
	margin:0;
	position:relative !important;
}
.sales_link_cell a{
	font-family: Mulish;
font-style: normal;
font-weight: 200;
font-size: 14px;
line-height: 18px;
color: #3F4B7C;
text-decoration:none;
text-align:left;
text-decoration:none;
	cursor:pointer;

}
#wp_categories{
	max-width:690px;
	margin:32px auto;
}
#my_secrets_categories{
	max-width:690px;
	margin:32px 12px;
}
#mobile_back_arrow {display:none !important;}
#mobile_sales_image {display:none !important;}
.widget-area{display:inline-block;}
.content-area{display:inline-block;
margin-left: 32px;
vertical-align:top;}
@media all and (max-width: 1320px)  {
	#right_column {
    width: calc((100% - 64px) * .38);
    position: relative;
    display: inline-block;
    max-width: 350px;
    top: 16px;
    vertical-align: top;
}
	#left_column {
    position: relative;
    display: inline-block;
    width: calc(((100% - 64px) - ((100% - 64px) * .38)));
    margin-left: 32px;
    top: 16px;
    vertical-align: top;
		left:auto;
}
	.cart_product_price {
    top: 41px;
    width: calc((100vw - 289px) * .13);
    text-align: right;
    height: 20px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: Mulish;
    font-style: normal;
    font-weight: normal;
    font-size: calc(100vw * .011);
    line-height: 18px;
}
	.cart_product_format {
    top: 35px;
    width: calc((100vw - 289px) *.15);
    height: 32px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    left: 8px;
}
	.cart_page_input {
    height: 32px;
    line-height: 16px;
    display: block;
    font-size: 12px;
    font-family: Nunito, sans-serif;
    font-weight: 400;
    color: #3F4B7C;
    padding: 0.6em 1.4em 0.5em 0.8em;
    width: calc((100vw - 289px) *.15);
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 0;
    border-radius: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #F8F9FF;
	}
	.cart_product_size {
    top: 35px;
    width: calc((100vw - 289px) *.15);
    height: 32px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    left: 8px;
}
	.cart_product_image{
		width: calc((100vw - 289px) *.07);
		height: calc((100vw - 289px) *.07);
	}
	.paypal-buttons, .paypal-buttons-context-iframe ,.paypal-buttons-label-unknown, .paypal-buttons-layout-vertical{
		min-width:100px !important;
	}
	
}
@media only screen and (max-device-width: 1024px) {
	.elementor-heading-title {
    line-height: 20px !important;
	}
	.elementor {
	max-width:530px !important;
}
	.widget-title{font-size:1em;}
	.widget_nav_menu div{
		font-size:12px;
	}
	.content-area{
max-width: calc(100vw - 527px);

	}
	#main table{
		max-width:800px !important;
		width:calc(100vw - 527px) !important;
	}
}