.overflow-hidden {
	overflow: hidden;
}

.not-visible {
	opacity: 0;
	visibility: hidden;
}

.blogposts h1,
.single-post h1,
.single-post h2 {
	font-size: 26px;
	line-height: 1.3;
}

.blogposts h2,
.blogposts h3,
.blogposts h4,
.blogposts h5 {
	font-size: 20px;
}

.blog .fimage,
.jas-single-blog img {
	text-align: center;
	padding: 10px;
	border: 1px solid #e3e3e3;
	margin-bottom: 15px;
}


@media only screen and (max-width: 580px) {

	.blogposts h1,
	.single-post h1 {
		font-size: 20px;
	}

	.page-numbers li {
		margin: 0 12px;
	}
}

.woocommerce-cart .bgd.cw.result-count-order {
	display: none !important
}

.products.sfn-cart-addons .jas-col-md-4 {
	width: 25%;
	flex-basis: 25%;
	max-width: 25%;
}

.clear {
	clear: both
}

body {
	background: #fff !important;
	height: 100% !important
}

.container {
	padding-left: 15px;
	padding-right: 15px
}

header .left {
	float: left;
	width: 24%
}

header .jas-branding {
	padding: 19px 0px 3px 0px
}

header .center {
	float: left;
	width: 59%
}

header .center .top {
	padding-top: 17px;
	font-weight: 700;
	font-size: 16px
}

header .center .top .s1 {
	padding-right: 10px;
}

header .center .top .s2, header .center .top .s2 a {
	color: #d10900
}

header .center .top .s2 a {
	text-decoration: underline
}

header .center .top .l1 {
	margin-top: 9px;
	float: left
}

header .center .top .l2 {
	float: right
}

header .right {
	text-align: center;
	float: right;
	width: 17%
}

header #jas-main-menu {
	width: 96%;
	display: flex;
	flex-direction: row;
	margin: 0 0 0 0%;
	padding: 0;
}

header #jas-main-menu li {
	margin: 0px;
	list-style: none;
	flex-grow: 1;
}

header #jas-main-menu li a {
	position: relative;
	padding-bottom: 5px;
	margin-top: -10px;
	height: 100%;
	display: inline-block;
	letter-spacing: 0px;
	font-size: 16px;
	color: #000;
	font-weight: 700;
	text-transform: uppercase
}

header #jas-main-menu li a:hover:after {
	width: 100%;
	height: 1px;
	content: '';
	display: block;
	position: absolute;
	left: 0px;
	top: 52px
}

header #jas-main-menu li a:hover:after {
	background: #000
}

header #jas-main-menu ul li a:hover:after {
	background: #fff;
	bottom: -4px;
	top: auto
}

header #jas-main-menu .menu-item-object-product a:hover:after {
	display: none !important
}

.jas-socials a {
	margin: 0px 6px;
	border: 0px;
	line-height: 39px;
	width: 35px;
	height: 35px
}

.jas-socials a i {
	font-size: 19px
}

header .jas-socials a {
	background: #4fadfc
}

footer .jas-socials a {
	background: #fff
}

#hero>a {
	display: block;
	border-bottom: 1px solid #fff;
	background-size: cover !important;
	height: 500px;
	background-repeat: no-repeat !important;
	background-position: center !important
}

#hero a .mimg {
	display: none
}

#topbar {
	display: none;
	font-weight: 400;
	position: relative;
	/* background: #b13927; */
	background: #d10900;
	padding: 10px 0px 0 0;
	text-align: center;
	color: #fff;
	font-size: 24px;
}

#topbar .topbar-top {
	padding-bottom:10px;
}

#topbar.pink {
	background: #ff2da4;
}

#topbar.pink p {
  font-family: 'basicsanssemibold';
	font-size: 22px;
}

#topbar.yellow {
	background: var(--yellow2);
}

#topbar.yellow p {
  font-family: 'basicsanssemibold';
	font-size: 16px;
	color: #000;
}

#topbar.yellow p strong {
	font-size: 22px;
}

#topbar #close {
	right: 25px;
	position: absolute;
	top: 10px;
	color: #fff;
	font-weight: 700;
	z-index: 9;
}

#topbar.yellow #close {
	color: #000;
}

#topbar.v2 span,
#topbar.v2 {
	font-size: 24px;
	font-weight: 400;
}

#topbar.v2 em {
	font-size: 20px;
}

#topbar.v2 span {
	display: inline;
}

#topbar.v2 p {
	margin: 0;
}

#topbar.v2 p.smaller {
	font-size: 16px;
	font-weight: 500;
	padding: 0;
	margin: 0;
}

#topbar.blue {
	background: #1763b8;
	font-size: 16px;
}

#topbar.blue p {
	display: flex;
	justify-content: center;
	align-items: center;
}

#topbar.blue strong {
	font-size: 22px;
  font-family: 'basicsanssemibold';
	margin-right: 8px;
}


@media only screen and (max-width: 768px) {
	#topbar.v2 {
		font-size: 12px;
		font-weight: 400;
		padding-left: 15px;
		padding-right: 15px;
	}

	#topbar.v2 p.smaller {
		font-size: 10px;
		font-weight: 400;
	}

	#topbar.v2.blue {
		background: #1763b8;
		font-size: 8px;
	}

	#topbar.v2.blue strong {
		font-size: 10px;
	}
}

#topbar .topbar-bottom {
	background-color: #f18495;
	padding: 8px 20px;
	width: 100vw;
	max-width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

header .sf-open2 {
	position: relative;
	z-index: 10;
	display: inline-block;
	margin: 37px auto 0px auto;
	width: 48px;
	height: 42px;
	background: url('images/searchicon.png') no-repeat;
	background-size: 100% !important
}

header .jas-my-account {
	margin-left: 15px;
	margin-top: 35px;
	display: inline-block;
}

header .jas-my-account i {
	vertical-align: -2px;
	line-height: 58px;
	font-size: 48px;
	color: #d60900
}

header .jas-action {
	margin-left: 15px;
	margin-top: 35px;
	display: inline-block;
}

header .jas-action i {
	vertical-align: -2px;
	line-height: 58px;
	font-size: 48px;
	color: #d60900
}

header .jas-menu li {
	position: static
}

header #jas-main-menu {
	position: relative
}

/*header .jas-menu > li#menu-item-213659 a + .sub-menu {display:block !important;opacity:1 !important;visibility:visible !important}*/
header .jas-menu>li a+.sub-menu {
	display: none
}

header .jas-menu>li:hover a+.sub-menu {
	display: block
}

header .jas-menu li>ul.sub-menu.sub {
	padding: 26px 0 0 0;
	text-align: left;
	width: 985px;
	left: 0px;
	top: 75px;
	background: #4bb6fc;
	min-height: 400px
}

header .jas-menu li#menu-item-218951>ul.sub-menu.sub {
	min-height: 100%;
	left: 300px;
	max-width: 280px;
}

header .jas-menu li#menu-item-218951 ul.sub-menu.sub>li {
	width: 100%
}

header .jas-menu li>ul.sub-menu.subsub {
	opacity: 1 !important;
	visibility: visible !important;
	background: none
}

header .jas-menu li>ul.sub-menu.subsub li {
	text-align: left
}

header .jas-menu ul.sub-menu.sub>li {
	margin: 0px !important;
	width: 28%
}

header .jas-menu ul {
	z-index: 9999;
}

header .jas-menu li.menu-holiday ul.sub-menu.sub>li:nth-child(2),
header .jas-menu li.menu-shopbyproduct ul.sub-menu.sub>li:nth-child(2) {
	position: absolute;
	top: 26px;
	left: 28%;
}

header .jas-menu li.menu-holiday ul.sub-menu.sub>li:nth-child(3),
header .jas-menu li.menu-shopbyproduct ul.sub-menu.sub>li:nth-child(3) {
	position: absolute;
	top: 315px;
	left: 28%;
}

header .jas-menu li.menu-shopbyproduct ul.sub-menu.sub>li:nth-child(3) {
	top: 63px
}

header .jas-menu li.menu-build ul.sub-menu.sub>li {
	width: 50%
}

header .jas-menu li.hidden, #jas-mobile-menu ul li.hidden {
	display: none
}

header .jas-menu li.notclicked>a {
	cursor: default
}

header .jas-menu li.notclicked>a:after {
	display: none !important
}

/*header .jas-menu ul.sub-menu.sub > li:nth-child(4) {position:absolute;top:188px;left:28%;   }*/
/*
header .jas-menu ul.sub-menu.sub li:nth-child(3),header .jas-menu ul.sub-menu.sub li:nth-child(5),header .jas-menu ul.sub-menu.sub li:nth-child(7),header .jas-menu ul.sub-menu.sub li:nth-child(9),header .jas-menu ul.sub-menu.sub li:nth-child(11),header .jas-menu ul.sub-menu.sub li:nth-child(13),header .jas-menu ul.sub-menu.sub li:nth-child(15),header .jas-menu ul.sub-menu.sub li:nth-child(17),header .jas-menu ul.sub-menu.sub li:nth-child(19)  {clear:both}*/
header .jas-menu>li>a:before {
	position: absolute;
	display: none;
	content: '';
	width: 0;
	bottom: -10px;
	left: 0px;
	right: 0px;
	margin: auto;
	height: 0;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #4bb6fc;
}

header .jas-menu>li.active>a:before {
	display: block
}

#jas-mobile-menu .menu-item-object-product {
	display: none
}

.menu-item-object-product {
	background: #fff;
	text-align: center;
	position: absolute !important;
	top: 30px !important;
	right: 30px !important;
	left: auto !important;
	width: 274px !important;
}

.menu-item-object-product .pimage {
	height: 180px;
	display: block;
	margin: auto
}

.menu-item-object-product .pimage img {
	height: 100%;
	width: auto
}

.menu-item-object-product h3,
.menu-item-object-product .h3 {
	font-weight: bold;
	margin: 0 0 30px;
	padding-top: 10px;
	line-height: 1.2;
	color: #333;
	font-size: 16px;
	display: block;
	text-transform: uppercase
}

.menu-item-object-product .pricebox {
	text-transform: lowercase;
	font-weight: 300;
	font-size: 14px;
	color: #d50900
}

.menu-item-object-product .mostpopular {
	padding: 5px 23px 5px 40px;
	background-position: 9px 7px;
	background-color: #d90800;
	margin-top: -9px;
	margin-left: -16px
}

.menu-item-object-product .shoptoday {
	margin-bottom: 15px;
	margin-top: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #d10900;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	padding: 7px 29px
}

header {
	position: relative;
	width: 1360px;
	max-width: 100%;
	margin: 0 auto;
}

header .jas-menu ul li:not(:last-child) {
	border: 0px
}

header #jas-main-menu ul.sub-menu.sub li a {
	text-transform: uppercase;
	line-height: 1.4;
	margin: 7px 15px 10px 15px;
	padding: 0px;
	font-size: 15px !important;
	color: #fff !important;
	font-family: 'Lato';
	font-weight: 700
}

header #jas-main-menu ul.sub-menu ul.sub-menu li a {
	text-transform: none;
	font-size: 12px !important;
	padding: 0px;
	margin: 5px 15px;
}

header .jas-menu ul.sub-menu ul.sub-menu {
	min-height: auto;
	padding: 0px 0px 20px 0px;
	position: static;
	left: auto;
	top: auto;
	margin: 0px !important
}

header .jas-push-menu-btn {
	display: none;
	position: absolute;
	left: 30px;
	top: 38px
}

header .mobilecategs {
	display: none;
}

.seasonal_top_banner+#sub_pages_banner+.page-head.pr.tc {
	display: none
}

.seasonal_top_banner+#sub_pages_banner {
	margin-top: 10px
}

#sub_pages_banner {
	position: relative
}

.product-template-default:not(.postid-280475) #sub_pages_banner {
	margin-top: 40px
}

#sub_pages_banner .desktop {
	margin-bottom: 10px
}

#sub_pages_banner .mobile {
	display: none !important
}

#sub_pages_banner a {
	margin-left: auto;
	margin-right: auto
}

#sub_pages_banner .mobile, #sub_pages_banner .build {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

#sub_pages_banner .mobile .build {
	height: 100vw
}

#sub_pages_banner .mobilebg {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#hero {
	overflow: hidden;
	position: relative
}

#hero .mimg {
	display: none
}

#hero .cntnt {
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	height: 508px
}

#hero .innr {
	height: 100%;
	width: 100%;
	text-align: center
}

#hero .innr h1 {
	margin: 0px;
	padding: 0px;
	text-shadow: 3px 3px 0px #FFF;
	font-family: 'A Calling';
	font-size: 160px;
	line-height: 1;
	color: #d10900
}

#hero .innr h2 {
	margin: 0px;
	margin-top: -40px;
	padding: 0px;
	text-shadow: -2px -2px 0px #793717;
	font-family: 'A Calling';
	font-size: 73px;
	line-height: 1;
	color: #4b220e;
}

#hero.thanksgiving .innr h2 {
	margin-top: -17px;
	color: #7d3322;
	text-shadow: -2px -1px 0px #da593b;
}

#hero.holiday .innr h2 {
	color: #7d3322;
	text-shadow: -2px -1px 0px #fff;
}

#hero.holiday .innr h1 {
	font-size: 100px
}

#hero.holiday .innr h2 {
	margin-top: 5px;
	font-size: 60px
}

#hero.holiday .innr {
	padding-left: 23%
}

#hero.holiday .innr .buttn {
	background: #00a941;
	padding: 5px 55px;
}

#hero.holiday #persit {
	background-color: rgba(219, 11, 0, 0.9);
}

#hero.holiday .ll1 {
	text-shadow: 2px 2px 0px #fff;
	font-size: 32px;
	color: #803423;
	font-weight: 700
}

#hero .innr p {
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	font-weight: 700;
	color: #000;
	font-size: 30px;
	letter-spacing: 0.01em
}

#hero .innr .buttn {
	margin-top: 30px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.77);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.77);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.77);
	font-weight: bold;
	display: inline-block;
	border-radius: 30px 30px 30px 30px;
	-moz-border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 30px 30px 30px 30px;
	color: #fff;
	background: #d10900;
	padding: 10px 40px;
	border: 2px solid #fff;
	font-size: 20px;
}

#hero.thanksgiving .innr .buttn {
	background: #ff5219;
	padding: 5px 55px;
}

#hero.thanksgiving #persit {
	background-color: rgba(215, 92, 21, 0.9);
}

#hero.evergreen .cntnt {
	position: relative
}

#hero.evergreen .innr h1 {
	color: #d10900;
	font-size: 100px
}

#hero.evergreen .innr h2 {
	text-shadow: none;
	font-weight: 700;
	color: #803423;
	margin-top: 5px;
	font-size: 32px
}

#hero.evergreen .innr {
	position: relative;
	z-index: 9;
	padding-left: 0
}

#hero.evergreen .innr .buttn {
	background: #43a1f2;
	padding: 9px 0px;
	width: 347px
}

#hero.evergreen .innr .ctt {
	margin-left: -50px
}

#hero.evergreen .img-cookies {
	height: 100%;
	z-index: 1;
	position: absolute;
	top: 0
}

#hero.evergreen .img-cookies.img-l {
	left: 0
}

#hero.evergreen .img-cookies.img-r {
	right: 0
}

#hero.evergreen #persit {
	background-color: rgba(67, 161, 242, 0.9);
}

#hero.evergreen.easter .innr h1 {
	line-height: 0.7;
	color: #339cf7;
	font-size: 130px;
}

#hero.evergreen.easter .innr h2 {
	font-weight: 400;
	color: #339cf7;
	font-size: 65px;
	text-shadow: 3px 3px 0px #FFF;
	font-family: 'A Calling';
	line-height: 1
}

#hero.evergreen.easter .innr .buttn {
	background: #ff5219
}

#hero.evergreen.easter .innr .ctt {
	margin-top: -100px;
	margin-left: 21%
}

#hero.evergreen.easter .cntnt {
	background-position: center bottom !important;
}

@media only screen and (min-width: 1200px) {
	#hero.evergreen.easter .innr .buttn {
		width: 400px
	}
}

#hero.evergreen.valentines .innr .buttn {
	background: #e47eb5;
	width: 388px
}

#hero.evergreen.valentines #persit {
	background-color: rgba(228, 126, 181, 0.9);
}

#hero.evergreen.valentines .innr .ctt {
	margin-left: -20px
}

#hero.md {
	background: url(images/heros/22/mothersday/bg-md2022@2x.jpg) no-repeat center;
	background-size: cover;
	height: 610px
}

#hero.md .cont {
	max-width: 1360px;
	height: 100%
}

#hero.md .flex {
	line-height: 1;
	height: 100%
}

#hero.md .left {
	display: inline-block
}

#hero.md .right {
	margin-top: auto
}

#hero.md h1 {
	color: #e30785;
	font-family: 'BasicSansSF-Bold';
	font-size: 64px
}

#hero.md h2 {
	margin: -15px 0 0 0;
	color: #62187a;
	font-family: 'BasicSansSF-Bold';
	font-size: 53px
}

#hero.md a {
	letter-spacing: -0.025em;
	margin-top: 20px;
	background: #9c78ff;
	font-weight: 700;
	width: 466px;
	display: inline-block;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-size: 28px;
	border-radius: 40px
}

#hero.fd {
	background: url(images/heros/fathersday/fd-bg.jpg) no-repeat center;
	background-size: cover;
	height: 590px
}

#hero.fd .cont {
	max-width: 1360px;
	height: 100%
}

#hero.fd .flex {
	line-height: 1;
	height: 100%
}

#hero.fd .left {
	display: inline-block
}

#hero.fd .right {
	margin-top: auto
}

#hero.fd h1 {
	letter-spacing: -0.01em;
	padding-bottom: 30px;
	color: #fff601;
	font-family: 'BasicSansSF-Bold';
	font-size: 49px
}

#hero.fd a {
	margin-top: 58px;
	background: #fff601;
	font-weight: 700;
	width: 594px;
	display: inline-block;
	height: 77px;
	line-height: 77px;
	text-align: center;
	color: #000;
	font-size: 35px;
	border-radius: 40px
}

#hero .herodev {
	height: 100%
}

#hero .herodev .innr h1 {
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	font-size: 39px;
	color: #803523;
	transform: rotate(357deg);
	text-shadow: none
}

#hero.fd22 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 610px;
	background-image: url(images/heros/22/fathersday/bg-fd2022.jpg);
	background-image: -webkit-image-set(url("images/heros/22/fathersday/bg-fd2022.jpg") 1x, url("images/heros/22/fathersday/bg-fd2022@2x.jpg") 2x);
	background-image: -webkit-image-set(url("images/heros/22/fathersday/bg-fd2022.jpg") 1x, url("images/heros/22/fathersday/bg-fd2022@2x.jpg") 2x);
}

#hero.fd22 .cont {
	max-width: 1360px;
	height: 100%
}

#hero.fd22 .flex {
	line-height: 1;
	height: 100%
}

#hero.fd22 .left {
	width: 65%;
	display: inline-block
}

#hero.fd22 .right {
	margin-top: auto
}

#hero.fd22 a {
	font-family: 'BasicSansSF-Bold';
	letter-spacing: -0.025em;
	margin-top: 40px;
	background: #fff600;
	width: 526px;
	display: inline-block;
	height: 67px;
	line-height: 67px;
	text-align: center;
	color: #000;
	font-size: 36px;
	border-radius: 40px
}


.depth:before, .depth:after {
	content: attr(title);
	color: rgba(255, 255, 255, .1);
	position: absolute;
}

.depth:before {
	top: 1px;
	left: 1px
}

.depth:after {
	top: 2px;
	left: 2px
}

#hero .herodev h1 span {
	font-size: 100px;
	font-style: normal;
	font-family: 'A Calling';
	line-height: 1.5
}

#hero .herodev .innr .buttn {
	margin: 10px 0 0 0;
	width: 390px
}

#hero .herodev .innr .ctt.v2 .buttn {
	width: 390px
}

#hero .herodev h1 {
	font-family: 'A Calling';
	line-height: 1.5;
	padding-top: 0;
	color: #ea7400;
	font-size: 70px;
	text-shadow: -1px 4px white, -1px -3px #facf00
}

#hero .herodev strong {
	display: block;
	color: #803423;
	font-size: 21px
}

#hero .herodev .ctt.v2 h2 {
	font-weight: 400;
	font-family: 'A Calling';
	line-height: 1.1;
	font-size: 125px;
	color: #d10900;
	transform: rotate(356deg);
	text-shadow: 1px 4px white, -1px -3px #f91100
}

#hero .herodev .ctt p {
	padding-top: 0;
	display: flex;
	flex-direction: column;
	align-items: center
}

#hero .herodev .ctt p br {
	display: none
}

#hero .herodev .ctt p span {
	transform: rotate(358deg);
	font-family: 'A Calling';
	line-height: 1.5;
	padding-top: 0;
	color: #ea7400;
	font-size: 100px;
	text-shadow: -1px 4px white, -1px -3px #facf00
}

#hero .herodev .ctt.v2 .l3 {
	color: #803523;
	font-size: 45px;
	font-weight: 700;
	line-height: 1.2
}

#hero .herodev .ctt.v2 .l4 {
	margin-bottom: 15px
}

#hero .herodev .ctt.v2 .l4,
#hero .herodev .ctt.v2 .l4 strong {
	color: #803523;
	font-size: 28px;
	font-weight: 300;
	line-height: 1.2
}

#hero .herodev .ctt.v2 .l4 strong {
	font-weight: 700;
	display: inline;
	color: #d20901
}

#hero #persit {
	color: #fff;
	text-align: center;
	border: 4px solid #fff;
	max-width: 438px;
	width: 35%;
	background-color: rgba(255, 134, 64, 0.9);
	position: absolute;
	top: 30px;
	right: 72px;
	height: calc(100% - 167px)
}

#hero.evergreen .herodev .innr .buttn {
	background: #ee6e0a
}

#hero #persit .inner .images {
	position: relative
}

#hero #persit .inner h3 {
	display: block;
	margin: 0px;
	padding: 200px 0px 0px 0px;
	color: #fff;
	font-family: 'A Calling';
	font-size: 46px;
	line-height: 1.3;
}

#hero #persit .inner p, #hero #persit .inner a {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3
}

#hero #persit .inner a {
	margin-top: 0px;
	display: inline-block;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
	padding: 13px 41px;
	border: 2px solid #fff;
}

#hero #persit .inner a:hover {
	color: #339cf7;
	background: #fff
}

#hero #persit h3 {}

#hero.evergreen .herodev.dev2 .innr .ctt {
	margin-top: -30px;
	margin-left: 0
}

#hero .herodev.dev2 p:nth-child(1) {
	text-shadow: 4px 7px 6px rgba(0, 0, 0, 1);
	text-transform: uppercase;
	margin-bottom: 20px;
	transform: rotate(356deg);
	font-size: 39px;
	color: #fff;
	font-weight: 700
}

#hero .herodev.dev2 p strong {
	font-weight: 400;
	transform: rotate(357deg);
	font-size: 69px;
	color: #c1060a;
	text-shadow: -1px 4px white;
	font-family: 'A Calling';
	line-height: 0.9;
}

#hero .herodev.dev2 .innr h1 {
	font-family: 'A Calling';
	text-transform: none;
	line-height: 1;
	margin-bottom: 50px;
	margin-top: 20px;
	font-size: 125px;
	color: #fbe700;
	transform: rotate(356deg);
	text-shadow: 0px 0px 25px rgba(238, 110, 10, 1);
}

#hero.evergreen .herodev.dev2 .innr .buttn {
	margin-top: 25px;
	border: 0;
	background: #4eadfc;
	box-shadow: 0px 0px 9px 2px rgba(78, 174, 252, 1);
}

#hero.evergreen .cntnt {
	background-position: top center !important;
}

#hero.evergreen .herodev.dev2 {
	overflow: hidden
}

#hero.evergreen .herodev.dev2 .innr .h1 {
	letter-spacing: 0.03em;
	font-weight: 700;
	font-size: 25px;
	color: #fff;
	line-height: 1.2
}

#hero.evergreen .herodev.dev2 .innr .h2 {
	letter-spacing: 0.03em;
	font-weight: 700;
	font-size: 45px;
	color: #ff28de;
	line-height: 1.2
}

#hero.evergreen .herodev.dev2 .dev2imgleft {
	position: absolute;
	left: 0;
	bottom: 0
}

#hero.evergreen .herodev.dev2 .dev2imgright {
	position: absolute;
	right: 0;
	bottom: 0
}

#hero .dev3 {
	overflow: hidden
}

#hero .dev3.cntnt {
	background-position: bottom center !important
}

#hero .dev3.cntnt:after {
	width: 100%;
	height: 4.7vw;
	content: '';
	background: url(images/christmas-bottom.png) no-repeat center;
	background-size: contain;
	z-index: 1;
	position: absolute;
	bottom: 0;
	left: 0
}

#hero .dev3 .herodev .innr .buttn {
	background: #429c00 !important
}

#hero .dev3 .herodev .img-l, #hero .dev3 .herodev .img-r {
	z-index: 2
}

#hero .dev3 .herodev .imgd {
	bottom: 0;
	position: absolute;
	z-index: 3
}

#hero .dev3 .herodev .imgd.cr1 {
	z-index: 0;
	left: 330px
}

#hero .dev3 .herodev .imgd.cr2 {
	right: 420px
}

#hero .dev3 .herodev .imgd.cr3 {
	z-index: 0;
	right: 200px
}

#hero .build {
	height: 610px;
	background: rgb(149, 168, 213);
	background: -moz-linear-gradient(top, rgba(149, 168, 213, 1) 0%, rgba(229, 233, 244, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(149, 168, 213, 1) 0%, rgba(229, 233, 244, 1) 100%);
	background: linear-gradient(to bottom, rgba(149, 168, 213, 1) 0%, rgba(229, 233, 244, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95a8d5', endColorstr='#e5e9f4', GradientType=0);
}

#hero .build .titleimage {}

#hero .build .topimage {
	position: absolute;
	left: 66px;
	right: 0;
	top: -26px;
	margin: auto;
	transform: translateX(-340px);
}

#hero .build .leftimage {
	position: absolute;
	left: 0;
	bottom: 0
}

#hero .build .rightimage {
	position: absolute;
	right: 0;
	bottom: 0
}

#hero .build h1 {
	text-align: center;
	font-size: 38px;
	color: #301d6e;
	font-family: 'BasicSansSF-Bold';
	line-height: 40px
}

#hero.patriotic .build h1 {
	position: relative;
	z-index: 1;
	color: #fff;
}

#hero.patriotic #canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
}

#hero.patriotic .build a {
	position: relative;
	z-index: 1;
}

#hero.patriotic .build img {
	z-index: 2;
}

#hero.patriotic .build .titleimage.onlymobile {
	display: none
}

#hero .build h1 i {
	font-style: normal;
	font-family: 'BasicSansSF-Bold';
}

#hero .build a {
	margin-top: 30px;
	font-size: 28px;
	line-height: 60px;
	height: 60px;
	font-weight: 700;
	display: block;
	text-align: center;
	width: 284px;
	border-radius: 30px;
	background: #cf1014;
	color: #fff;
}

#hero .build .mobilebg {
	display: none
}

#hero.patriotic .firew-left, #hero.patriotic .firew-right {
	position: absolute;
	z-index: -2 !important;
	pointer-events: none;
}

#hero.patriotic .firew-left {
	top: -255px;
	left: -194px;
}

#hero.patriotic .firew-right {
	right: -147px;
	top: -263px;
}

#hero.patriotic .mobile {
	display: none;
}

@media only screen and (min-width: 1600px) {
	#hero .build .leftimage {
		left: 5%
	}

	#hero .build .rightimage {
		right: 5%
	}
}

@media only screen and (min-width: 1800px) {
	#hero .build .leftimage {
		left: 10%
	}

	#hero .build .rightimage {
		right: 10%
	}
}



.herodev.withvideo {
	position: relative;
	overflow: hidden;
	height: 33vw !important
}

.herodev .mobile {
	display: none
}

.herodev.january .inn img {
	width: 35vw
}

.herodev.january .inn {
	text-align: center;
	color: #fff;
	margin-left: -32vw;
	position: relative
}

.herodev.january .inn p strong {
	font-size: 2.2vw !important;
	color: #fff !important
}

.herodev.january .inn a {
	margin-top: 20px;
	font-weight: 700;
	width: 16vw;
	height: 3vw;
	font-size: 1.7vw;
	text-align: center;
	color: #000;
	display: inline-block;
	background: #f6c419;
	border-radius: 5vw
}

.herodev video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100% !important;
	height: auto !important;
}

.herodev.withvideo.v2 a {
	position: absolute;
	bottom: 2vw;
	left: 19.45vw;
	background: none;
	font-size: 0;
	text-indent: -9999px;
	width: 17.5vw;
	height: 3.4vw;
	display: block;
}

.herodev.withvideo.valentines a {
	bottom: 2.4vw;
	position: absolute;
	background: none;
	font-size: 0;
	text-indent: -9999px;
	width: 31vw;
	height: 3.7vw;
	display: block;
	right: 9.5vw;
}

#herocounter {
	height: 125px;
	background: #43adc8
}

#herocounter .cont {
	color: #fff;
	justify-content: space-around;
	height: 100%;
	max-width: 1086px !important;
}

#herocounter h3 {
	line-height: 1.1;
	color: #fff;
	font-size: 36px;
	font-family: 'BasicSansSF-Bold';
	margin: 0;
	padding: 0;
}

#herocounter p {
	line-height: 1.2;
	letter-spacing: 0.07em;
	margin: 0;
	padding: 0;
	font-size: 20px;
}

#herocounter .counters span {
	margin: 0 15px;
	padding-top: 13px;
	color: #000;
	text-align: center;
	display: inline-block;
	width: 77px;
	height: 73px;
	background: #fff;
	border-radius: 5px;
}

#herocounter .counters span small {
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 1;
	font-weight: 700
}

#herocounter .counters span strong {
	display: block;
	width: 100%;
	font-size: 40px;
	line-height: 1;
	font-weight: 700
}

#herocounter a {
	border-radius: 30px;
	display: inline-block;
	background: #fff;
	width: 184px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #000;
	font-size: 20px;
	font-weight: 700
}

.blink {
	animation: blink-animation 1s steps(5, start) infinite;
	-webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
	to {
		visibility: hidden;
	}
}

@-webkit-keyframes blink-animation {
	to {
		visibility: hidden;
	}
}


@media only screen and (min-width: 768px) {
	#hero.evergreen .herodev.dev2 .innr .buttn {
		width: 340px
	}
}

@-webkit-keyframes move1 {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	100% {
		transform: rotate(20deg);
		-webkit-transform: rotate(20deg);
		-webkit-transform: rotate(20deg);
		-webkit-transform: rotate(20deg);
	}
}

@-moz-keyframes move1 {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	100% {
		transform: rotate(20deg);
		-webkit-transform: rotate(20deg);
		-webkit-transform: rotate(20deg);
		-webkit-transform: rotate(20deg);
	}
}

@-o-keyframes move1 {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	100% {
		transform: rotate(20deg);
		-webkit-transform: rotate(20deg);
		-webkit-transform: rotate(20deg);
		-webkit-transform: rotate(20deg);
	}
}

@keyframes move1 {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	100% {
		transform: rotate(20deg);
		-webkit-transform: rotate(20deg);
		-webkit-transform: rotate(20deg);
		-webkit-transform: rotate(20deg);
	}
}

@-webkit-keyframes move2 {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	100% {
		transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
	}
}

@-moz-keyframes move2 {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	100% {
		transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
	}
}

@-o-keyframes move2 {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	100% {
		transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
	}
}

@keyframes move2 {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	100% {
		transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
	}
}

#hero #persit .cookie1 {
	-webkit-animation: move1 0.7s steps(2, end) infinite;
	-moz-animation: move1 0.7s steps(2, end) infinite;
	-o-animation: move1 0.7s steps(2, end) infinite;
	animation: move1 0.7s steps(2, end) infinite;
}

#hero #persit .cookie2, #hero #persit .cookie3 {
	-webkit-animation: move2 0.7s steps(2, end) infinite;
	-moz-animation: move2 0.7s steps(2, end) infinite;
	-o-animation: move2 0.7s steps(2, end) infinite;
	animation: move2 0.7s steps(2, end) infinite;
}

#hero #persit .cookie1 {
	position: absolute;
	top: 10px;
	left: -50px;
	width: 172px
}

#hero #persit .cookie2 {
	position: absolute;
	top: 16px;
	left: 109px;
	width: 185px
}

#hero #persit .cookie3 {
	z-index: 10;
	position: absolute;
	top: 64px;
	left: 291px;
	width: 190px
}



#hero.bts {
	height: 609px;
	color: #fff;
}

#hero.bts .anim {
	position: absolute;
	top: -183px;
	left: 0;
	height: 130%;
	right: 0;
	margin: auto;
	opacity: 0.25;
}

#hero.bts .anim.om {
	display: none;
}

#hero.bts .cont {
	position: relative;
	height: 100%;
	padding-top: 82px;
	z-index: 9;
}

#hero.bts p {
	margin: 0;
	padding: 0;
	font-size: 61px;
	line-height: 1.4;
	font-family: 'BasicSansSF-Bold';
}

#hero.bts h1,
#hero.bts .h1 {
	padding: 0;
	letter-spacing: 0;
	margin: 0;
	font-weight: 500;
	font-family: 'Spumante Bold';
	font-size: 135px;
	line-height: 1.2;
	color: #fff;
}

#hero.bts a {
	margin-top: 30px;
	font-size: 26px;
	line-height: 60px;
	height: 60px;
	display: block;
	font-weight: 400;
	text-align: center;
	margin: 0 auto;
	width: 475px;
	border-radius: 30px;
	background: #cf1014;
	color: #fff;
	font-family: 'BasicSansSF-Bold';
}

#hero.bts .il {
	position: absolute;
	bottom: 0;
	left: -59px;
}

#hero.bts .ir {
	position: absolute;
	bottom: 0;
	right: -13px;
}

@media only screen and (max-width: 1400px) {
	#hero.bts .anim {
		height: 120%;
		top: -150px;
	}

	#hero.bts .il {
		width: 300px;
		left: 57px;
	}

	#hero.bts .ir {
		right: 50px;
		width: 300px;
	}
}

@media only screen and (max-width: 1200px) {
	#hero.bts .anim {
		height: 70vw;
		top: -15vw;
	}

	#hero.bts .il {
		left: -9px;
	}

	#hero.bts .ir {
		right: 4px;
	}

}

@media only screen and (max-width: 992px) {

	#hero.bts .il,
	#hero.bts .ir {
		width: 25%;
	}

	body:not(.fixed-nav) #topbar.yellow + .mobile-top-bar-2024,
	body:not(.fixed-nav) #topbar.pink + .mobile-top-bar-2024 {
		top: 46px;
	}

	body:not(.fixed-nav) #topbar.yellow ~ header.v2024,
	body:not(.fixed-nav) #topbar.pink ~ header.v2024 {
		top: 70px;
	}

	body:not(.fixed-nav) #topbar.yellow ~ #mobile-search,
	body:not(.fixed-nav) #topbar.pink ~ #mobile-search {
		--offset: 41px !important;
	}

	body:not(.fixed-nav) #topbar.yellow ~ #page-main,
	body:not(.fixed-nav) #topbar.pink ~ #page-main {
		padding-top: 181px;
	}
}

@media screen and (max-width: 840px ) {
	#topbar.pink p {
		/* max-width: 300px; */
		margin: 5px auto;
		font-size: 14px;
	}

	#topbar.yellow p {
		margin: 3px auto;
		font-size: 14px;
	}

	#topbar.yellow p strong {
		font-size: 16px;
	}
}

@media only screen and (max-width: 768px) {
	#hero.bts {
		height: 100%;
	}

	#hero.bts .cont {
		padding-top: 100px;
		padding-bottom: 340px;
	}

	#hero.bts p {
		font-size: 8vw;
		line-height: 10vw;
	}

	#hero.bts h1,
	#hero.bts .h1 {
		font-size: 17vw;
		line-height: 22vw;
	}

	#hero.bts .il {
		width: 70%;
		left: -57px;
		max-width: 300px;
	}

	#hero.bts .ir {
		width: 54%;
		right: -30px;
		max-width: 300px;
		bottom: -15px;
	}

	#hero.bts a {
		width: auto;
		font-size: 4vw;
		line-height: 12vw;
		height: 11vw;
		display: inline-block;
		padding: 0 25px;
	}

	#hero.bts .anim.om {
		display: block;
	}

	#hero.bts .anim.od {
		display: none;
	}

	#hero.bts .anim {
		height: 100%;
		top: 0;
	}

	#topbar #close {
		right: 5px;
		top: 2px;
	}
}


#redbar {
	padding-top: 24px;
	padding-bottom: 10px;
	background: #d10900;
	color: #fff
}

#redbar .inner {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	text-align: center
}

#redbar .inner .box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 33.333333333%
}

#redbar .inner .box1 {
	justify-content: flex-start;
}

#redbar .inner .box3 {
	justify-content: flex-end;
}

#redbar .inner .box .img {
	float: left;
}

#redbar .inner .box .cntn {
	text-align: left;
	float: left;
	margin-left: 18px;
}

#redbar .inner .box .l1 {
	line-height: 1;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase
}

#redbar .inner .box .l2 {
	font-size: 12px;
	font-weight: 700;
}

.cont {
	margin: 0 auto;
	max-width: 1240px;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

#featureditems {
	padding: 80px 0px 40px 0px;
	text-align: center
}

#featureditems h2 {
	-webkit-transform: rotate(358deg);
	-moz-transform: rotate(358deg);
	-o-transform: rotate(358deg);
	margin: 0px;
	padding: 0px;
	color: #000;
	font-family: 'A Calling';
	font-size: 69px;
	line-height: 1.4
}

#featureditems p {
	margin: 0px;
	padding-bottom: 70px;
	padding-top: 8px;
	color: #000;
	font-size: 18px;
	line-height: 1.3
}

#featureditems h3 {
	margin-bottom: 4px;
	padding-top: 28px;
	letter-spacing: 0.05em;
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
}

#featureditems .pimage {
	position: relative;
	height: 20vw;
	max-height: 270px;
}

#featureditems .pimage img {
	margin: auto;
	height: 100%;
	width: auto;
	opacity: 1 !important
}

.herobuckts .bucket:hover a.pic {
	position: relative
}

.herobuckts .bucket {
	cursor: pointer
}

.herobuckts .product-image .db:before {
	display: none !important
}

#featureditems .cont a, .herobuckts .bucket:hover a.pic {
	transition: all 0.3s;
}

#featureditems .cont a *, .herobuckts .bucket:hover a.pic * {
	opacity: 1;
	transition: all 0.3s;
	text-align: center
}

#featureditems .cont a .pimage .bc-overlay, .herobuckts a.pic .bc-overlay {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 0;
	opacity: 0;
	pointer-events: none;
	background: rgba(246, 246, 246, .9);
}

#featureditems .cont a:hover .pimage .bc-overlay, .herobuckts .bucket:hover a.pic .bc-overlay {
	opacity: 1;
	pointer-events: all;
	height: 100%;
	top: 0;
}

#featureditems .cont a:hover .pimage .bc-overlay span, .herobuckts .bucket:hover a.pic .bc-overlay span {
	cursor: pointer;
	height: 42px;
	line-height: 40px;
	width: 162px;
	border-radius: 21px;
	background-color: #d10900;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: -20px;
	padding: 0;
	letter-spacing: 0;
	color: #fff;
}


#featureditems .slick-slide {
	margin-left: 10px;
	margin-right: 10px
}

#featureditems .slick-slide img {
	opacity: 1;
	filter: alpha(opacity=1);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#featureditems .slick-slide a {
	display: block
}

.slidder .slick-dots {
	margin-top: 38px
}

.slidder .slick-dots li {
	display: inline-block;
	margin-left: 12px;
	margin-right: 12px;
	list-style: none
}

.slidder .slick-dots li button {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 0px;
	width: 11px;
	height: 11px;
	text-indent: -9999px;
	background: #74bffe
}

.slidder .slick-dots li.slick-active button {
	background: #007ef8
}

#featureditems .pricebox {
	font-size: 18px;
	color: #d50900
}

#newsl {
	color: #fff;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}

#newsl h4, footer h4 {
	-webkit-transform: rotate(359deg);
	-moz-transform: rotate(359deg);
	-o-transform: rotate(359deg);
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-family: 'A Calling';
	font-size: 50px;
	line-height: 1.05
}

#newsl p {
	margin-bottom: 0px
}

#newsl .signup-newsletter-form {
	margin-top: 43px
}

.signup-newsletter-form {
	margin-top: 28px;
	text-align: left;
	width: 636px !important;
	position: relative;
	border: 0px !important;
}

.signup-newsletter-form input.input-text {
	height: 100%;
	padding: 16px 23px;
	width: calc(100% - 140px);
	background: #fff !important;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
	opacity: 1;
	font-size: 16px;
	color: #b0b0b0;
	font-weight: 700
}

.signup-newsletter-form input.submit-btn {
	opacity: 1 !important;
	line-height: 100%;
	height: 100%;
	padding: 16px 23px;
	width: 130px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: #0f8ef9 !important;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}



footer {
	padding: 70px 0px 50px 0px;
	color: #fff;
	background: #d10900;
	text-align: center
}

footer ul li {
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	list-style: none;
}

footer ul li a {
	color: #fff !important
}

footer ul.menu li {
	margin: 0px 9px
}

footer ul#footer-menu {
	margin-top: 4px;
}

footer ul#footer-menu li {
	margin: 0px 12px
}

footer h5 {
	color: #fff;
	margin: 40px 0px 17px 0px;
	padding: 0px;
	font-size: 40px;
}

footer h5 a {
	margin-left: 5px;
	display: inline-block;
	position: relative;
	color: #fff !important;
	font-weight: 700;
}

footer h5 a:after {
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	display: block;
	margin-top: -9px;
	left: 0px;
}

footer .copyr {
	margin-top: 41px;
	font-size: 12px;
}

footer .copyr a, footer .copyr .cp {
	color: #fff !important
}

.fsocial .jas-socials {
	margin-top: 26px
}

.fsocial .jas-socials a {
	color: #d10900
}

#handmade {
	padding-top: 72px;
	z-index: 100;
	position: relative;
	background-size: cover !important;
	background-position: bottom !important;
	background-repeat: no-repeat !important;
}

#handmade .cont {
	text-align: center;
}

#handmade .cont .l1 {
	padding-bottom: 7px;
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.1
}

#handmade .cont h4,
#handmade .cont h1 {
	margin: 0px;
	padding: 0px 0px 56px 0px;
	font-size: 82px;
	font-family: 'A Calling';
	line-height: 1.1;
	color: #020202;
}

#handmade .cont .inner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 38px;
	padding: 0;
}

#handmade .cont .inner>div {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.36);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.36);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.36);
	background: #fff;
	display: inline-block;
	vertical-align: top
}

#handmade .cont h3 {
	padding-top: 20px;
	line-height: 1.2;
	color: #333333;
	font-size: 16px;
	display: block;
	text-transform: uppercase
}

#handmade .cont .pricebox {
	color: #d50900;
	font-size: 14px
}

#handmade .cont .pimage {
	height: 20vw;
	max-height: 250px;
}

#handmade .cont .pimage img {
	margin: auto;
	height: 100%;
	width: auto
}

#handmade .cont .shoptoday {
	margin-bottom: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #d10900;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	padding: 7px 29px;
	transition: transform .3s;
}

#handmade .cont .shoptoday:hover {
	transform: translateY(-10px)
}

#handmade .cont .view {
	margin: 62px auto 100px auto;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	background: #d10900;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	padding: 7px 35px
}

#handmade .cont a.prod {
	position: relative;
	display: block;
	padding: 10px;
}

#handmade .cont .btm {
	height: 140px
}

#handmade .cont .yotpo {
	margin-bottom: 0px
}

#handmade .cont .yotpo a {
	padding: 0px;
	display: inline-block;
}

.mostpopular {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: -11px;
	left: -16px;
	display: inline-block;
	padding: 3px 23px 3px 40px;
	background: #339cf7 url('images/mostpopular.png') no-repeat;
	background-position: 9px 7px;
}


#letsget.v2 #handmade .cont .btm {
	height: 110px
}

#letsget.v2 #handmade a.product {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
}


#just {
	height: 623px;
	color: #fff;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

#just .l1, #just .l2 {
	font-family: 'A Calling';
	-webkit-transform: rotate(358deg);
	-moz-transform: rotate(358deg);
	-o-transform: rotate(358deg);
	font-size: 98px;
	line-height: 0.9;
}

#just .l1 {
	margin-left: -52px
}

#just .l2 {
	padding-bottom: 48px;
	margin-left: 76px;
}

#just p {
	letter-spacing: 0.05em;
	max-width: 430px;
	padding: 0px;
	margin: 0px;
	font-size: 20px;
	line-height: 1.25
}

#just .cont {
	margin-left: 6%;
	height: 100%
}

#just .grandmas {
	margin-top: 38px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	padding: 6px 55px;
	border: 3px solid #fff;
	display: inline-block;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
}

#just .grandmas:hover {
	background: #fff;
	color: #000
}

#mom {
	height: 462px;
}

.morelink {
	font-size: 19px;
	font-family: 'BasicSansSF-Bold';
	color: #cf1014 !important;
	text-decoration: underline;
}

#bottomseo {
	background: #fcf4ef;
	padding: 20px 0 35px 0;
}

#bottomseo h3 {
	line-height: 1.3;
	font-size: 42px;
	font-weight: 700;
	color: #333;
	font-family: 'Rooney-Bold';
}

#bottomseo p {
	color: #333;
	font-size: 19px;
	line-height: 29px;
	font-family: 'BasicSansRegular';
}

#bottomseo .inner {
	margin: 0 auto;
	max-width: 1170px;
}

@media only screen and (max-width: 480px) {
	#bottomseo {
		padding: 30px 0;
	}

	#bottomseo h3 {
		font-size: 26px;
	}

	#bottomseo p {
		font-size: 16px;
		line-height: 24px;
	}

	.morelink {
		font-size: 16px;
	}
}



#showm {
	position: relative;
	margin-top: -33px;
	background: #339cf7 url('images/bg_showm.jpg') no-repeat bottom center;
	background-size: contain;
	z-index: 0;
	letter-spacing: 0px;
	padding: 109px 0px 280px 0px;
	color: #fff;
	text-align: center
}

#showm .l1 {
	padding-bottom: 8px;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
}

#showm .l2 {
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
	font-weight: 700;
	margin-bottom: 37px;
	font-size: 60px;
	line-height: 1.05
}

#showm .boxes {
	margin: 0px 140px;
	padding-top: 25px;
}

#showm .boxes .box {
	float: left;
	width: 33.33333333%;
}

#showm .l3 {
	font-weight: 700;
	font-family: 'Poppins';
	margin-top: 20px;
	font-size: 16px;
	line-height: 20px;
}

#showm a {
	margin-left: 8px;
	margin-right: 8px;
	width: 303px;
	margin-top: 55px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	padding: 6px 0px;
	display: inline-block;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
}

#showm a.red {
	background: #d10900;
	border: 3px solid #d10900
}

#showm a.trans {
	border: 3px solid #fff;
}

#showm a.red:hover {
	border-color: #a10700;
	background: #a10700
}

#showm a.trans:hover {
	background: #fff;
	color: #339cf7
}

#showm .polaroid {
	z-index: 2;
	position: absolute;
	left: -92px;
	top: 100px
}

#showm .napkin {
	z-index: 2;
	position: absolute;
	right: -36px;
	top: 80px
}

#showm .imgcookies {
	z-index: 2;
	position: absolute;
	right: 0px;
	bottom: -88px
}

#showm .crumb2 {
	z-index: 3;
	display: inline-block;
	position: absolute;
	left: 10px;
}

#showm .crumb3 {
	z-index: 3;
	display: inline-block;
	position: absolute;
	right: -60px
}

#showm .mcook {
	display: none
}

.jarallax {
	position: relative;
	z-index: 0;
	min-width: 100%;
	min-height: 100%;
}

.jarallax>.jarallax-img {
	position: absolute;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#testims {
	background: #fff;
	padding-top: 20px;
	text-align: center
}

#testims .slick-slide div {
	margin: 0 auto;
	max-width: 790px;
	font-size: 26px;
	color: #000;
	line-height: 36px;
}

#testims .slick-dots {
	margin-bottom: 50px;
	margin-top: 30px
}

#insta {
	padding: 90px 0px;
	text-align: center
}

#insta .l1 {
	padding-bottom: 50px;
	color: #000;
	font-size: 32px;
	line-height: 1.3;
	font-weight: 700
}

#insta .instalink {
	margin-bottom: 70px;
	display: inline-block;
	color: #d10900;
	font-size: 32px;
	font-weight: bold;
}

#insta .instalink span {
	background: url('images/at.png') no-repeat left 17px;
	padding-left: 28px;
	display: inline-block;
}

#insta .instalink i {
	vertical-align: -6px;
	padding-right: 24px;
	color: #000;
	font-size: 55px
}

#insta #instafeed {
	margin: 0 auto;
	max-width: 1257px;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 38px;
	padding: 0;
}

#insta #instafeed a {
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	display: block;
	height: 29vw;
	width: 100%;
	max-height: 395px
}

#insta .inner {
	margin-left: 15px;
	margin-right: 15px
}

.header__search.hes2 {
	height: 161px;
	background: #fff;
}

.header__search.hes2>div {
	top: 50%
}

.header__search.hes2>div {
	max-width: 95%
}

.header__search.hes2 input[type="text"] {
	padding-right: 110px;
	text-align: left;
	border-bottom: 0px !important;
	border-left: 1px solid #fff;
	padding-left: 20px;
	color: #000;
}

.header__search.hes2 button {
	background: none;
	width: 60px;
	height: 60px;
	position: absolute;
	top: -10px;
	right: 70px;
	color: #000;
}

.header__search.hes2 button i {
	font-size: 30px;
}

.header__search.hes2 #sf-close {
	top: -10px;
	right: 0px;
	color: #000;
}

.jas-canvas-menu.jas-push-menu .bgb {
	background: #d10900 !important
}

.wcppec-checkout-buttons {
	clear: both !important;
}

#hero.hallow .cont {
	position: relative
}

#hero.hallow h1,
#hero.hallow h2 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 60px;
	font-family: 'BasicSansSF-Bold';
}

#hero.hallow .boo {
	margin: -30px 0
}

#hero.hallow p {
	padding-top: 10px;
	line-height: 1.1;
	font-size: 30px;
	color: #fff;
	font-family: 'BasicSansSF-Bold'
}

#hero.hallow a {
	width: 333px;
	height: 52px;
	font-weight: 700;
	line-height: 52px;
	background: #ee6e0a;
	border-radius: 26px;
	display: inline-block;
	margin-top: -25px;
	color: #fff;
	font-size: 23px
}

#hero.hallow .ghost {
	position: absolute;
	bottom: 0
}

#hero.hallow .ghost.g1 {
	left: 10%
}

#hero.hallow .ghost.g2 {
	transform: scaleX(-1);
	right: 10%
}

#hero.hallow .grass {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-position: bottom left;
	background-repeat: repeat-x;
	background-size: contain;
	background-image: url(images/heros/halloween/grass.png);
	height: 49px;
	z-index: 2;
}

#hero.thanksg {
	height: 548px;
	padding: 80px 0 15px 0
}

#hero.thanksg .absolute {
	position: absolute
}

#hero.thanksg .cont {
	max-width: 1600px
}

#hero.thanksg .tr {
	top: 0;
	right: 0
}

#hero.thanksg .left {
	padding-left: 65px
}

#hero.thanksg .right {
	margin-left: -100px
}

#hero.thanksg .br {
	width: 140px;
	bottom: 30px;
	right: 140px
}

#hero.thanksg h1 {
	font-size: 95px;
	line-height: 0.9;
	text-shadow: 3px 5px 0px #ceb79e;
	font-family: 'BasicSansSF-Bold';
	color: #fff
}

#hero.thanksg h2 {
	margin: 0;
	color: #fa9401;
	font-size: 110px;
	line-height: 1.3;
	font-family: 'Spumante Bold';
	text-shadow: 3px 5px 0px #ceb79e
}

#hero.thanksg a {
	margin-top: -20px;
	font-weight: 700;
	border-radius: 25px;
	height: 50px;
	line-height: 50px;
	font-size: 23px;
	background: #b9d608;
	color: #fff;
	padding: 0 20px;
}

#hero.thanksg .desktop-hide {
	display: none
}

#hero.bfcm {
	background-position: bottom center;
	height: 548px
}

#hero.bfcm .cont {
	max-width: 1600px
}

#hero.bfcm h1 {
	line-height: 0.8;
	text-shadow: 3px 5px 0px #d37712;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 118px;
	font-family: 'BasicSansSF-Bold'
}

#hero.bfcm h2 {
	line-height: 1.11;
	text-shadow: 3px 5px 0px #d37712;
	margin: 0;
	padding: 0;
	color: #ad1717;
	font-size: 118px;
	font-family: 'Spumante Bold';
}

#hero.bfcm .p1 {
	margin-bottom: 10px;
	margin-top: -10px;
	color: #fff;
	font-size: 31px;
	font-family: 'BasicSansSF-Bold'
}

#hero.bfcm .flex>div {
	width: 50%
}

#hero.bfcm .i1 {
	max-width: 800px
}

#hero.bfcm a {
	font-weight: 700;
	border-radius: 25px;
	height: 54px;
	line-height: 54px;
	font-size: 23px;
	background: #cf1014;
	color: #fff;
	padding: 0 35px;
}

#hero.bfcm .p2 {
	margin-bottom: 0;
	color: #fff;
	font-size: 17px;
	line-height: 1.1;
	font-family: 'BasicSansRegular';
}

#hero.bfcm .desktop-hide {
	display: none
}

#hero.dec21 {
	overflow: hidden;
	background: #006194;
	height: 548px
}

#hero.dec21 .cont {
	position: relative;
	height: 100%;
	max-width: 1600px
}

#hero.dec21 .z1 {
	z-index: 1;
	position: relative;
}

#hero.dec21 h1 {
	line-height: 1;
	text-shadow: 3px 5px 3px #004067;
	margin: -110px 0 0 0;
	padding: 0;
	color: #fff;
	font-size: 55px;
	font-family: 'BasicSansSF-Bold'
}

#hero.dec21 h2 {
	line-height: 1.11;
	text-shadow: 3px 5px 3px #004067;
	margin: 0;
	padding: 0;
	color: #a1d6de;
	font-size: 85px;
	font-family: 'Spumante Bold';
}

#hero.dec21 .p1 {
	margin-bottom: 10px;
	margin-top: -10px;
	color: #fff;
	font-size: 31px;
	font-family: 'BasicSansSF-Bold'
}

#hero.dec21 .flex>div {
	width: 50%
}

#hero.dec21 .i1 {
	max-width: 889px
}

#hero.dec21 .i2 {
	position: absolute;
	bottom: 0;
	left: -1600px;
	right: 0;
	margin: auto;
	max-width: 4800px;
	width: 4800px
}

#hero.dec21 .i3 {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#hero.dec21 a {
	font-weight: 700;
	border-radius: 25px;
	height: 54px;
	line-height: 54px;
	font-size: 23px;
	background: #02a544;
	color: #fff;
	padding: 0 45px;
}

#hero.dec21 .desktop-hide {
	display: none
}

#hero.dec21 .i1.mobile-hide {
	margin-left: -95px;
}

#hero.dec21 .right {
	height: 100%
}



@media only screen and (min-width: 1600px) {
	#hero.dec21 {
		height: 35vw
	}
}


@media only screen and (max-width: 1615px) {
	#hero.dec21 .i3 {
		display: block
	}

	#hero.dec21 .right,
	#hero.dec21 .i2 {
		display: none
	}
}

@media only screen and (max-width: 1540px) {

	#hero.bfcm h1,
	#hero.bfcm h2 {
		font-size: 7vw
	}

	#hero.bfcm .p1 {
		font-size: 2vw
	}

	#hero.dec21 h1 {
		font-size: 3.5vw
	}

	#hero.dec21 h2 {
		font-size: 5.4vw
	}

	#hero.dec21 .p1 {
		font-size: 2vw
	}

}

@media only screen and (min-width: 1980px) {}

@media only screen and (min-width: 1800px) {
	#handmade .cont .pimage {
		max-height: 220px;
	}



}

@media only screen and (min-width: 1700px) {
	#hero>a {
		height: calc(500px + 5vw)
	}

	#hero #persit .inner h3 {
		padding-top: 50%
	}
}


@media only screen and (max-width: 1620px) {
	#hero.thanksg {
		height: 100%;
		padding: 50px 0 30px 0
	}

	#hero.thanksg h1 {
		font-size: 5.6vw
	}

	#hero.thanksg h2 {
		text-shadow: 0.2vw 0.2vw 0px #ceb79e;
		font-size: 6.5vw
	}

	#hero.thanksg .left {
		width: 45%;
		padding-left: 0
	}

	#hero.thanksg .right {
		transform: translateX(-100px);
		margin-left: 0;
		width: 55%
	}

	#hero.thanksg a {
		margin-top: -10px;
		border-radius: 2vw;
		height: 3.5vw;
		line-height: 3.5vw;
		font-size: 1.5vw
	}

	#hero.thanksg .tr {
		width: 14%
	}

	#hero.thanksg .br {
		width: 10%;
		right: 80px
	}
}

@media only screen and (max-width: 1600px) {
	header .left {
		width: 20%
	}

	#hero.evergreen .herodev.dev2 .dev2imgleft,
	#hero.evergreen .herodev.dev2 .dev2imgright {
		bottom: -30px;
		transform: scale(0.8)
	}

	#hero.evergreen .herodev.dev2 .dev2imgleft {
		left: -100px
	}

	#hero.evergreen .herodev.dev2 .dev2imgright {
		right: -100px
	}
}


@media only screen and (min-width: 1500px) {
	#hero.thanksgiving .innr h1 {
		font-size: 153px
	}

	#hero.thanksgiving .innr h2 {
		font-size: 76px
	}


}

@media only screen and (max-width: 1545px) {
	#hero.evergreen.valentines .innr .ctt {
		margin-left: -20px
	}


}

@media only screen and (min-width: 1401px) and (max-width: 1545px) {
	#hero.evergreen.easter .innr .ctt {
		width: 100%;
		margin-left: 15%
	}
}

@media only screen and (max-width: 1500px) {
	header #jas-main-menu {
		width: 95%;
	}

	#hero>a {
		background-position: right center !important
	}

	#hero .innr h1 {
		font-size: 130px
	}

	#hero .innr h2 {
		font-size: 65px
	}

	#hero .innr p {
		font-size: 26px
	}

	#hero.holiday .innr h1 {
		font-size: 80px
	}

	#hero.holiday .innr h2 {
		font-size: 50px
	}

	#hero.holiday .innr {
		padding-left: 20%
	}

	#hero .herodev .img-cookies.img-l {
		left: -100px
	}

	#hero .herodev .img-cookies.img-r {
		right: -100px
	}

	#hero .dev3 .herodev .imgd.cr1 {
		left: 230px
	}

	#hero .dev3 .herodev .imgd.cr2 {
		right: 320px
	}

	#hero .dev3 .herodev .imgd.cr3 {
		right: 100px
	}

}

@media only screen and (max-width: 1430px) {
	#showm .imgcookies {
		width: 300px;
		right: -50px
	}

	#showm .polaroid {
		width: 300px
	}

	#showm .crumb2 {
		left: -50px;
		width: 300px;
	}

	#showm .crumb3 {
		right: -100px;
		width: 300px;
	}
}

@media only screen and (min-width: 1300px) and (max-width: 1400px) {
	#hero.evergreen.easter .innr .ctt {
		margin-left: auto
	}
}

@media only screen and (max-width: 1400px) {
	#hero.bfcm {
		height: 100%
	}

	#hero.bfcm .i1 {
		max-width: 100%
	}

	#hero.dec21 {
		height: 480px
	}

	#hero.dec21 .i1 {
		max-width: 100%
	}

	#hero .dev3 .herodev .imgd {
		transform: scale(0.8)
	}

	#hero .dev3 .herodev .imgd.cr1 {
		left: 150px
	}

	#hero .dev3 .herodev .imgd.cr2 {
		bottom: -20px;
		right: 270px
	}



	header #jas-main-menu li a {
		font-size: 15px
	}

	header .center .top {
		font-size: 15px
	}

	header .center .top .s1 {
		padding-right: 20px
	}

	header .center .top .s1:last-child {
		padding-right: 0px
	}

	header #jas-main-menu ul.sub-menu li a {
		font-size: 13px !important
	}

	#hero .innr h1 {
		font-size: 110px
	}

	#hero .innr h2 {
		font-size: 60px
	}

	#hero .innr p {
		font-size: 24px
	}


	#hero.holiday .innr {
		padding-left: 14%
	}

	#hero.evergreen .cntnt {
		height: 400px
	}

	#hero.evergreen .cntnt.build {
		height: 610px
	}


	#hero.evergreen .herodev.dev2 .innr .ctt img {
		height: 17vw
	}

	#hero.evergreen .herodev.dev2 .innr .h1 {
		font-size: 22px
	}

	#hero.evergreen .herodev.dev2 .innr .h2 {
		font-size: 32px
	}

	#hero.evergreen .herodev.dev2 .dev2imgleft {
		left: -200px
	}

	#hero.evergreen .herodev.dev2 .dev2imgright {
		right: -200px
	}

	#hero.evergreen #persit {
		width: 320px
	}

	#hero.evergreen #persit .images {
		margin-left: -50px;
		transform: scale(0.7);
		-webkit-transform: scale(0.7)
	}

	#hero.evergreen #persit .inner h3 {
		padding-top: 140px;
		font-size: 35px
	}

	#hero.evergreen .innr .ctt {
		margin-left: 0
	}

	#hero.evergreen.valentines .innr .ctt {
		margin-left: 20px
	}

	#hero.evergreen.easter .cntnt {
		height: 480px
	}

	#hero.evergreen.easter .innr h1 {
		font-size: 100px
	}

	#hero.evergreen.easter .innr h2 {
		font-size: 50px
	}

	#hero .herodev h1 span {
		font-size: 80px
	}

	#hero .herodev.dev2 p:nth-child(1) {
		font-size: 34px
	}

	#hero .herodev.dev2 p strong {
		font-size: 55px
	}

	#hero .herodev.dev2 .innr h1 {
		font-size: 100px
	}

	#hero .herodev .innr .buttn, #hero .herodev .innr .ctt.v2 .buttn {
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 18px
	}

	#hero.md {
		height: 40vw
	}

	#hero.md h1 {
		font-size: 4.5vw
	}

	#hero.md h2 {
		font-size: 3.6vw
	}

	#hero.md a {
		margin-top: 1.5vw;
		width: 42vw;
		height: 5.5vw;
		line-height: 5.5vw;
		font-size: 2.6vw;
		border-radius: 3vw;
	}

	#hero.fd22 {
		height: 40vw
	}

	#hero.fd22 h1 {
		font-size: 4.5vw
	}

	#hero.fd22 h2 {
		font-size: 3.6vw
	}

	#hero.fd22 a {
		margin-top: 1.7vw;
		width: 40vw;
		height: 5vw;
		line-height: 5vw;
		font-size: 2.4vw;
		border-radius: 3vw;
	}

	#hero.fd {
		height: 40vw
	}

	#hero.fd h1 {
		font-size: 3.5vw
	}

	#hero.fd a {
		margin-top: 3.5vw;
		width: 42vw;
		height: 5.5vw;
		line-height: 5.5vw;
		font-size: 2.6vw;
		border-radius: 3vw;
	}

}

@media only screen and (max-width: 1300px) {
	header #jas-main-menu li a {
		font-size: 14px
	}

	header .center .top {
		font-size: 14px
	}

	#hero #persit {
		right: 40px
	}

	#hero>a {
		background-position: right -80px center !important
	}

	#hero .herodev .innr h1 {
		font-size: 30px
	}

	#hero .herodev .ctt.v2 h2 {
		font-size: 90px;
	}
}

@media only screen and (max-width: 1260px) {
	header .center {
		width: 61%
	}

	#hero.thanksg h2 {
		font-size: 6.3vw
	}

	#hero .build .leftimage {
		left: -100px
	}

	#hero .build .rightimage {
		right: -100px
	}
}


@media only screen and (max-width: 1200px) {
	header .sf-open2 {
		margin-top: 40px;
		width: 50px;
		height: 44px
	}

	header .jas-my-account i {
		font-size: 56px;
		line-height: 48px
	}

	#hero.evergreen .innr .ctt {
		padding-left: 0
	}

	#hero.evergreen.valentines .innr .ctt {
		margin-left: 0px
	}

	#hero .herodev .img-cookies.img-l {
		left: -50px
	}

	#hero .herodev .img-cookies.img-r {
		right: -100px
	}

	#hero .build .leftimage {
		left: -200px
	}

	#hero .build .rightimage {
		right: -200px
	}

	header .jas-menu li#menu-item-218951>ul.sub-menu.sub {
		left: 220px
	}

}

@media only screen and (max-width: 1200px) {
	header .jas-menu ul.sub-menu {
		min-height: 370px
	}

	header #jas-main-menu li a {
		font-size: 13px
	}

	header .left {
		text-align: center
	}

	header .left img {
		margin-top: 20px;
		width: 80%
	}

	.jas-socials a {
		line-height: 40px
	}

	header .center {
		width: 68%
	}

	header .right {
		width: auto
	}

	header #jas-main-menu li a {
		padding-bottom: 0px
	}

	header .jas-branding {
		padding-top: 0px
	}

	header .center .top {
		padding-top: 19px
	}

	.jas-menu>li>a {
		line-height: 65px
	}

	header .jas-menu ul.sub-menu {
		top: 55px !important
	}

	header #jas-main-menu ul.sub-menu li a {
		font-size: 13px !important
	}

	header .jas-menu>li>a:before {
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 12px solid #4bb6fc;
	}

	#hero .cntnt {
		height: 400px
	}

	#hero #persit {
		width: 320px
	}

	#hero #persit .images {
		margin-left: -50px;
		transform: scale(0.7);
		-webkit-transform: scale(0.7)
	}

	#hero #persit .inner h3 {
		padding-top: 140px;
		font-size: 35px
	}

	#showm .imgcookies {
		width: 250px;
		right: -50px
	}

	#showm .polaroid {
		width: 250px;
		left: -60px;
	}

	#showm .crumb2 {
		left: -50px;
		width: 200px;
	}

	#showm .crumb3 {
		right: -100px;
		width: 200px;
	}

	#testims .slick-slide div {
		max-width: 600px;
		font-size: 22px;
		line-height: 30px
	}

	.jas-my-account ul {
		left: auto !important;
		right: 0px !important;
	}

	.sub-menu .menu-item-object-product {
		width: 200px !important
	}

}

@media only screen and (max-width: 1130px) {
	#showm .boxes {
		margin: 0 80px
	}

	#showm .imgcookies {
		width: 200px;
		right: -50px
	}

	#showm .polaroid {
		width: 200px;
		left: -60px;
	}

	#showm .crumb2 {
		left: -30px;
		width: 150px;
	}

	#showm .crumb3 {
		right: 0px;
		width: 150px;
	}

	#showm .napkin {
		width: 100px
	}

	#showm .l3 {
		font-size: 15px
	}

	header .jas-my-account i {
		vertical-align: 2px;
		font-size: 40px;
		line-height: 35px
	}

	header .sf-open2 {
		margin-top: 0px;
	}

	#hero.holiday .innr h1 {
		font-size: 60px
	}

	#hero.holiday .innr h2 {
		font-size: 40px
	}

	#hero.holiday .ll1 {
		font-size: 24px
	}

	#hero.evergreen .herodev.dev2 .dev2imgleft,
	#hero.evergreen .herodev.dev2 .dev2imgright {
		transform: scale(0.6)
	}

	#hero.evergreen .herodev.dev2 .dev2imgleft, #hero.evergreen .herodev.dev2 .dev2imgright {
		bottom: -60px
	}

	#hero.hallow .ghost.g1 {
		left: 0
	}

	#hero.hallow .ghost.g2 {
		right: 0
	}


}

@media only screen and (max-width: 1100px) {
	#hero.evergreen.easter .innr h1 {
		font-size: 80px
	}

	#hero.evergreen.easter .innr h2 {
		font-size: 40px
	}

	#mom {
		height: 350px;
	}

	#handmade .cont .inner {
		grid-gap: 20px;
	}

	header #jas-main-menu li a {
		font-size: 12px
	}

	header .center .top {
		font-size: 13px
	}

	header .center .top .s1 {
		padding-right: 10px
	}

	#featureditems h3 {
		padding-top: 20px;
		font-size: 16px;
	}

	#featureditems .pricebox {
		font-size: 15px
	}


	#hero .innr h1 {
		font-size: 100px
	}

	#hero .innr h2 {
		margin-top: -30px;
		font-size: 56px
	}

	#hero .innr p {
		font-size: 20px
	}

	#hero .innr .buttn {
		font-size: 16px;
		padding: 6px 30px;
	}

	#hero.thanksgiving .innr .buttn, #hero.holiday .innr .buttn, #hero.evergreen .innr .buttn, #hero .herodev .innr .ctt.v2 .buttn {
		padding: 6px 30px;
		width: auto
	}


	#hero.evergreen.valentines .innr .buttn {
		width: auto
	}

	#hero.evergreen.valentines .innr .ctt {
		margin-left: -50px
	}

	#hero .herodev h1 i {
		font-size: 60px
	}

	#herocounter h3 {
		padding: 0 5px;
		line-height: 1;
		font-size: 26px
	}

	#herocounter img {
		width: 80px
	}

	#herocounter p {
		padding: 0 5px;
		font-size: 17px
	}

	#herocounter a {
		font-size: 16px
	}

	#herocounter .counters span {
		width: 65px;
		margin: 0 10px
	}


}

@media only screen and (max-width: 1000px) {
	.jas-socials a {
		margin: 0px 4px
	}
}

@media only screen and (max-width: 991px) {
	#hero.bfcm .p2 {
		font-size: 14px
	}

	#hero.bfcm a {
		border-radius: 20px;
		height: 40px;
		line-height: 40px;
		font-size: 20px;
		padding: 0 25px;
	}

	#hero.dec21 a {
		border-radius: 20px;
		height: 40px;
		line-height: 40px;
		font-size: 20px;
		padding: 0 25px;
	}

	#hero.dec21 {
		height: 350px
	}

	#hero.dec21 h1 {
		margin-top: -50px
	}

	#hero .dev3 .herodev .imgd.cr2 {
		right: 100px
	}

	#hero .dev3 .herodev .imgd.cr3 {
		right: 0px
	}

	#hero.evergreen.easter .cntnt {
		height: 400px
	}

	header .jas-my-account {
		display: none !important
	}

	header #jas-main-menu .menu-item-object-product {
		display: none
	}

	#insta .l1 {
		font-size: 26px
	}

	#showm {
		padding-bottom: 200px
	}

	#hero.evergreen.easter .innr h1 {
		font-size: 70px
	}

	#hero.evergreen.easter .innr .ctt {
		margin-left: auto
	}

	#showm .imgcookies, #showm .polaroid {
		display: none
	}

	#showm .crumb3 {
		right: -50px
	}

	#showm .boxes {
		margin: 0 40px
	}

	#showm a.red {
		border: 1px solid #d10900
	}

	#showm a.trans {
		border: 1px solid #fff;
	}

	#showm .l1 {
		font-size: 20px
	}

	#showm .l2 {
		font-size: 50px;
	}

	#showm .boxes .box img {
		width: 120px
	}

	#showm .l3 {
		margin-top: 15px;
		font-size: 14px;
		line-height: 19px;
	}

	#just .jarallax:after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: Absolute;
		top: 0px;
		left: 0px;
		background-color: rgba(0, 0, 0, 0.4);
	}

	#just {
		position: relative;
		height: 500px
	}

	#just .jarallax {
		text-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	#just .cont {
		margin: auto;
		width: auto
	}

	#just #jarallax-container-1 {
		opacity: 1 !important;
		pointer-events: none !important;
	}

	#just .cont * {
		position: Relative;
		z-index: 1;
	}

	#just p {
		margin: auto
	}

	#just .l1, #just .l2 {
		font-size: 75px
	}

	#just .l2 {
		margin-left: 125px
	}

	#just p {
		max-width: 380px;
		text-align: center;
		font-size: 18px
	}

	#just .grandmas {
		padding: 5px 30px;
		border: 1px solid #fff;
		font-size: 18px;
	}

	#handmade .cont .inner {
		grid-template-columns: repeat(3, 1fr);
	}

	#handmade .cont .inner>div:last-child {
		display: none
	}

	#featureditems h3 {
		padding-top: 15px;
		font-size: 14px;
	}

	#featureditems h2 {
		line-height: 1;
		font-size: 50px
	}

	#handmade .cont h4,
	#handmade .cont h1 {
		font-size: 55px
	}

	#handmade .cont .l1 {
		font-size: 35px
	}

	#newsl h4, footer h4 {
		font-size: 40px
	}

	#featureditems p {
		font-size: 16px;
	}

	#featureditems .pricebox {
		font-size: 14px
	}

	#redbar .inner .box .cntn {
		margin-left: 10px;
	}

	#redbar .inner .box .img {
		width: 50px
	}

	#redbar .inner .box .img img {
		width: 100%
	}

	#redbar .inner .box .l1 {
		font-size: 13px
	}

	#redbar .inner .box .l2 {
		font-size: 11px;
	}

	#redbar .inner {
		max-width: 90%
	}

	#hero #persit {
		height: calc(100% - 140px);
		width: 280px
	}

	#hero #persit .images {
		margin-left: -60px;
		transform: scale(0.6);
		-webkit-transform: scale(0.6)
	}

	#hero #persit .inner h3 {
		padding-top: 120px
	}

	#hero #persit .inner p, #hero #persit .inner a {
		font-size: 14px
	}

	header #jas-main-menu, header .center .top {
		display: none
	}

	header .center .top {
		padding-top: 3.5vw
	}

	header {
		height: 155px
	}

	header .left {
		position: absolute;
		left: 0px;
		right: 0px;
		margin: auto;
		width: 100%
	}

	header .right {
		height: 128px;
		position: Absolute;
		right: 0px;
		top: 0px;
		z-index: 5;
	}

	header .right a {
		background-size: 100% !important;
	}

	header .sf-open2 {
		margin: 26px auto 0px auto
	}

	header .left img {
		width: 174px;
		margin: 0px;
		padding: 16px 0px
	}

	header .jas-push-menu-btn {
		display: block;
		z-index: 10;
	}

	#hero .cntnt {
		background-position: 70% center !important;
		height: 360px
	}

	header .mobilecategs {
		display: block;
		position: relative;
		padding-top: 115px;
		text-align: center;
	}

	header .mobilecategs li {
		list-style: none;
		display: inline-block;
	}

	header .mobilecategs li a {
		font-size: 18px;
		font-weight: 700;
		color: #000;
		margin: 0px 15px
	}

	.jas-push-menu .jas-my-account, .jas-action .sf-open2 {
		display: inline-block
	}

	.jas-canvas-menu .jas-action {
		text-align: center
	}

	header .jas-branding .db {
		z-index: 99;
		position: relative
	}

	#hero.evergreen .innr .ctt, #hero.evergreen.valentines .innr .ctt {
		margin-left: auto;
		margin-right: auto;
	}

	#hero.evergreen .img-cookies.img-l {
		left: -80px
	}

	#hero.evergreen .img-cookies.img-r {
		right: -80px
	}

	#hero .herodev .img-cookies.img-l {
		left: -100px
	}

	#hero .herodev .img-cookies.img-r {
		right: -200px
	}

	#hero.evergreen .cntnt.dd2 {
		height: 350px
	}

	#hero .herodev.dev2 .innr h1 {
		font-size: 90px
	}

	#hero .herodev.dev2 p:nth-child(1) {
		font-size: 25px;
	}

	#hero .herodev.dev2 p strong {
		font-size: 45px
	}

	#hero.evergreen .herodev.dev2 .innr .ctt {
		margin-top: -50px;
		margin-left: auto
	}

	#hero.evergreen .herodev.dev2 .dev2imgleft, #hero.evergreen .herodev.dev2 .dev2imgright {
		display: none
	}

	#hero.evergreen .cntnt.build {
		height: 90vw
	}

	#hero .build .titleimage {
		width: 95%
	}

	#hero .build .topimage {
		top: 13vw;
		transform: translateX(-34vw);
		width: 20vw;
	}

	#hero .build h1 {
		text-align: center;
		font-size: 7.5vw;
		line-height: 8.5vw
	}

	#hero .build h1 i {
		display: block
	}

	#hero .build h1 br {
		display: none
	}


	#hero:not(.patriotic) .build .titleimage {
		transform: rotate(-5deg);
	}


	#sub_pages_banner .mobile .build p {
		margin-bottom: 5px
	}

	#hero .build a {
		border-radius: 6vw;
		width: 55vw;
		height: 12vw;
		line-height: 12vw;
		font-size: 5vw;
		margin-top: 3.5vw
	}

	#hero .build .rightimage {
		right: -20vw;
		width: 35vw;
	}

	#hero .build .leftimage {
		left: -10vw;
		width: 35vw;
	}

	#hero.evergreen .cntnt.build {
		height: calc(100vh - 155px)
	}

	#hero .build .mobilebg {
		z-index: 0;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		display: block
	}

	#hero .build .titleimage, #hero .build h1, #hero .build p {
		z-index: 1;
	}

	#hero .build .leftimage, #hero .build .rightimage, #hero .build .topimage {
		display: none
	}

	#hero.hallow .ghost.g1 {
		left: -100px
	}

	#hero.hallow .ghost.g2 {
		right: -100px
	}

	#hero.fd22 .left {
		width: 95%;
	}
}

@media only screen and (max-width:840px) {
	#showm .boxes {
		margin: 0px 20px
	}

	#showm .crumb2 {
		left: -60px
	}

	#showm .crumb3 {
		right: -70px
	}

	#hero .innr p br {
		display: none
	}

	#hero .innr h1 {
		font-size: 90px
	}

	#hero .innr h2 {
		margin-top: -20px;
		font-size: 53px
	}

	#hero .innr p {
		font-size: 18px
	}

	#hero.holiday .innr {
		padding-left: 0%
	}
}

@media only screen and (min-width: 768px) {
	#hero .dev3 .herodev .innr .buttn {
		width: 325px !important
	}
}

@media only screen and (max-width: 767px) {
	#herocounter {
		height: 100%;
		padding: 10px 0;
	}

	#herocounter .flex {
		flex-direction: row !important;
	}

	#herocounter .cont.flex {
		flex-direction: column !important;
		justify-content: center;
	}

	#herocounter h3 {
		font-size: 17px;
		padding-bottom: 10px;
		letter-spacing: 0.03em;
	}

	#herocounter h3 br {
		display: none;
	}

	#herocounter .counters span strong {
		font-size: 24px;
	}

	#herocounter .counters span small {
		font-size: 7px;
	}

	#herocounter .counters span {
		width: 45px;
		height: 43px;
		padding-top: 8px;
		margin: 0 10px;
	}

	#herocounter a {
		display: none;
		margin-top: 10px;
		width: 90px;
		height: 20px;
		line-height: 20px;
		font-size: 9px;
	}

	#hero.bfcm .mobile-hide {
		display: none
	}

	#hero.bfcm .desktop-hide {
		display: block
	}

	#hero.bfcm .flex {
		flex-direction: column
	}

	#hero.bfcm .flex>div {
		width: 100%
	}

	#hero.bfcm {
		padding: 30px 0 0 0
	}

	#hero.bfcm h1 {
		z-index: 1;
		position: relative;
		font-size: 13vw
	}

	#hero.bfcm h2 {
		margin-top: 8px;
		line-height: 19vw;
		font-size: 21vw
	}

	#hero.bfcm .p1 {
		font-size: 5vw
	}

	#hero.bfcm .p2 {
		padding-bottom: 10px
	}

	#hero.bfcm a {
		border-radius: 25px;
		height: 54px;
		line-height: 54px;
		font-size: 23px;
		padding: 0 35px;
	}

	#hero.dec21 .mobile-hide {
		display: none
	}

	#hero.dec21 .desktop-hide {
		display: block
	}

	#hero.dec21 .flex {
		flex-direction: column
	}

	#hero.dec21 .flex>div {
		width: 100%
	}

	#hero.dec21 {
		height: 100%;
		padding: 30px 0 0 0
	}

	#hero.dec21 h1 {
		margin-top: 0;
		z-index: 1;
		position: relative;
		font-size: 9vw
	}

	#hero.dec21 h1 br {
		display: none
	}

	#hero.dec21 h2 {
		margin-top: 8px;
		line-height: 19vw;
		font-size: 21vw
	}

	#hero.dec21 .p1 {
		font-size: 6vw
	}

	#hero.dec21 .i3 {
		display: none
	}

	#hero.dec21 a {
		border-radius: 25px;
		height: 54px;
		line-height: 54px;
		font-size: 23px;
		padding: 0 35px;
	}

	#hero .dev3 .herodev .imgd {
		display: none
	}

	#hero.evergreen.easter .innr h1 {
		font-size: 80px
	}

	#hero.evergreen.easter .innr h2 {
		top: 25vw
	}

	#hero.evergreen.easter .innr .buttn {
		top: 35vw
	}

	#hero.evergreen.easter .cntnt {
		height: 100%
	}

	.herodev .mobile {
		display: block
	}

	.herodev .desktop {
		display: none
	}

	.herodev.withvideo {
		align-items: flex-start;
		height: 150vw !important
	}

	.herodev.january .inn {
		margin-top: 9vw;
		margin-left: auto;
		margin-right: auto
	}

	.herodev.january .inn a {
		margin-top: 30px;
		width: 45vw;
		height: 9vw;
		font-size: 5.1vw;
	}

	.herodev.january .inn p {
		margin-bottom: 1em
	}

	.herodev.january .inn p strong {
		font-size: 6vw !important;
	}

	.herodev.january .inn img {
		width: 90vw
	}

	.herodev.withvideo.v2 a {
		bottom: calc(87vw - 50px);
		left: 20vw;
		width: 56vw;
		height: 10vw
	}

	.herodev.withvideo.valentines a {
		bottom: calc(67.5vw - 50px);
		left: 6vw;
		width: 83vw;
		height: 10vw;
	}

	#insta #instafeed {
		grid-gap: 15px;
	}

	#insta {
		padding: 0px 0px 60px 0px
	}

	#insta .l1 {
		display: none
	}

	#showm .napkin {
		top: 150px !important
	}

	#showm .crumb2 {
		top: 100px !important;
		left: -60px
	}

	#showm .crumb3 {
		top: 290px !important;
		right: -40px
	}

	#showm .mcook {
		width: 70%;
		max-width: 400px;
		display: inline-block
	}

	#showm {
		padding-top: 60px;
		padding-bottom: 60px;
		background: #339cf7
	}

	#testims {
		padding-top: 60px;
	}

	#testims .slick-slide div {
		font-size: 18px
	}

	#showm .l1 {
		font-size: 18px
	}

	#showm .l2 {
		font-size: 40px;
	}

	#showm a.red {
		font-size: 18px;
		padding: 5px 0px;
		width: 290px
	}

	#showm .boxes, #showm a.trans {
		display: none
	}

	#mom {
		display: none
	}

	.mostpopular {
		left: -10px;
		background-position: 9px 5px;
		font-size: 14px;
	}

	#handmade .cont .inner {
		grid-gap: 30px;
		grid-template-columns: repeat(2, 1fr);
	}

	#handmade .cont .pimage {
		height: 30vw
	}

	#handmade .cont .btm {
		height: 120px
	}

	#handmade .cont .inner>div:nth-child(3) {
		display: none
	}

	#hero .innr h1, #hero .innr h2, #hero .innr p {
		display: none
	}

	#hero.holiday .innr p {
		display: block
	}

	#hero.thanksgiving .innr h1,
	#hero.thanksgiving .innr h2,
	#hero.holiday .innr h1,
	#hero.holiday .innr h2,
	#hero.holiday .innr .ll1,
	#hero.evergreen .innr h1,
	#hero.evergreen .innr h2,
	#hero.evergreen .innr .ll1 {
		position: absolute;
		display: block
	}

	#hero.holiday .innr .ll1 {
		top: 20vw;
		left: 0px;
		right: 0px;
		margin: auto;
		font-size: 4vw
	}

	#hero.thanksgiving .innr h1 {
		top: 18vw;
		left: 0px;
		right: 0px;
		margin: auto;
		font-size: 22vw
	}

	#hero.holiday .innr h1 {
		top: 27vw;
		left: 0px;
		right: 0px;
		margin: auto;
		font-size: 12vw
	}

	#hero.thanksgiving .innr h2 {
		top: 38vw;
		left: 0px;
		right: 0px;
		margin: auto;
		font-size: 8vw
	}

	#hero.holiday .innr h2 {
		top: 40vw;
		left: 0px;
		right: 0px;
		margin: auto;
		font-size: 7vw
	}

	#hero.thanksgiving .innr h2 {
		text-shadow: -1px -2px 0px #da593b
	}

	#hero.thanksgiving .innr h1 {
		text-shadow: 1px 1px 0px #FFF
	}

	#hero .innr .buttn, #hero.thanksgiving .innr .buttn, #hero.holiday .innr .buttn {
		font-size: 2.5vw;
		padding: 1.5vw 5vw;
		width: 45%;
		position: absolute;
		top: 44vw;
		left: 0px;
		right: 0px;
		margin: auto;
	}

	#hero.holiday .innr .buttn {
		top: 54vw
	}

	#hero.thanksgiving .innr .buttn, #hero.holdiay .innr .buttn {
		top: 50vw;
		width: 50%;
		padding: 1vw 5vw;
	}

	#hero.evergreen .innr {
		width: 100%
	}

	#hero.evergreen .innr p {
		display: block
	}

	#hero.evergreen .innr .ll1 {
		top: 18vw;
		left: 0px;
		right: 0px;
		margin: auto;
		font-size: 4vw
	}

	#hero.evergreen .innr h1 {
		top: 14vw;
		left: 0px;
		right: 0px;
		margin: auto;
		font-size: 13vw
	}

	#hero.evergreen.valentines .innr h1 {
		top: 17vw;
		font-size: 11vw
	}

	#hero.evergreen .innr h2 {
		top: 41vw;
		left: 0px;
		right: 0px;
		margin: auto;
		font-size: 4.5vw
	}

	#hero.evergreen.valentines .innr h2 {
		font-size: 4.2vw
	}

	#hero.evergreen .innr .buttn, #hero.evergreen.valentines .innr .buttn {
		font-size: 2.5vw;
		padding: 1.5vw 5vw;
		width: 45%;
		position: absolute;
		top: 51vw;
		left: 0px;
		right: 0px;
		margin: auto;
	}

	#hero.evergreen.valentines .innr .buttn {
		width: 53%
	}

	#hero.evergreen .cntnt {
		height: 100%
	}

	#hero.evergreen .img-cookies {
		display: none
	}

	#hero.evergreen #persit {
		width: 100%
	}

	#hero.evergreen #persit .inner h3 {
		font-size: 38px;
		padding-top: 150px;
	}

	#hero.evergreen #persit .images {
		width: 373px;
		max-width: 100%;
		margin-lefT: auto;
		margin-right: auto
	}


	#hero .herodev h1 i {
		font-size: 10vw
	}

	#hero .herodev .innr h1 {
		top: 8vw
	}

	#hero .herodev .innr h1 {
		font-size: 9vw
	}

	#hero .herodev .innr h1 span {
		font-size: 11vw
	}

	#hero .herodev .innr .buttn {
		position: static
	}

	#hero .herodev .innr p {
		font-size: 4vw;
		top: 15vw;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		display: flex;
		position: absolute;
	}

	#hero .herodev strong {
		font-size: 3.5vw
	}

	#hero .herodev .innr .buttn {
		width: 50vw;
		margin: 0.5vw 0
	}

	#hero .herodev .ctt p span {
		font-size: 12vw
	}

	#hero .herodev .ctt.v2 h1 {
		text-shadow: 1px 3px white;
		font-size: 5vw;
		top: 5vw
	}

	#hero .dev3 .herodev .ctt.v2 h1 {
		font-size: 5vw;
		text-shadow: none
	}

	#hero .herodev .innr .ctt.v2 .buttn {
		padding-left: 0;
		padding-right: 0;
		width: 51vw;
		margin: 0 auto;
		left: 0;
		right: 0;
		position: absolute;
		font-size: 3.4vw;
		top: 20vw
	}

	#hero .herodev .ctt.v2 h2 {
		text-shadow: 1px -1px 3px #e67873;
		font-size: 17vw;
		top: 13vw
	}

	#hero.evergreen .innr {
		position: static
	}

	#hero .herodev .ctt.v2 .l3,
	#hero .herodev .ctt.v2 .l4 {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto
	}

	#hero .herodev .ctt.v2 .l3 {
		line-height: 7vw;
		font-size: 6.7vw;
		top: 32.5vw
	}

	#hero .herodev .ctt.v2 .l4, #hero .herodev .ctt.v2 .l4 strong {
		line-height: 5.5vw;
		top: 39vw;
		font-size: 4.1vw;
	}

	#hero .mimg {
		display: block;
		width: 100%;
	}

	#hero #persit {
		border-top: 1px solid #fff;
		border-left: 0px;
		border-right: 0px;
		box-shadow: none;
		padding-bottom: 30px;
		padding-top: 30px;
		height: 100%;
		max-width: 100%;
		width: 100%;
		position: static;
		left: auto;
		right: auto;
		top: auto
	}

	#hero #persit .images {
		width: 373px;
		max-width: 100%;
		margin-lefT: auto;
		margin-right: auto
	}

	#hero #persit .inner h3 {
		font-size: 38px;
		padding-top: 150px
	}

	#hero #persit .inner a {
		border: 1px solid #fff
	}

	#hero #persit .inner p, #hero #persit .inner a {
		font-size: 16px
	}

	#redbar {
		padding-top: 20px;
		padding-bottom: 20px
	}

	#redbar .inner .box .l1 {
		font-size: 12px
	}

	#redbar .inner {
		max-width: 98%
	}

	#featureditems {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	footer h5 {
		font-size: 30px
	}

	footer .menu li a {
		font-size: 14px;
		margin: 10px !important;
		display: inline-block;
	}

	#footer-menu li a {
		font-size: 12px;
		margin: 10px !important;
		display: inline-block;
	}

	footer .copyr {
		margin-top: 30px
	}

	footer #mc4wp-form-1 {
		margin-bottom: 20px;
	}

	#handmade .cont .view {
		font-size: 16px;
		padding: 5px 20px;
	}

	#handmade .cont .shoptoday {
		font-size: 14px;
		padding: 4px 15px;
	}

	#handmade .cont h3 {
		font-size: 14px
	}

	.signup-newsletter-form {
		margin-top: 20px;
		width: 70% !important;
	}

	.signup-newsletter-form input.input-text {
		padding: 12px 15px;
		width: 75%;
		-webkit-border-radius: 27px;
		-moz-border-radius: 27px;
		border-radius: 27px;
		font-size: 14px;
	}

	.signup-newsletter-form input.submit-btn {
		padding: 12px 15px;
		width: 23%;
		font-size: 14px
	}

	#just {
		background-size: 280% !important;
	}

	#hero.evergreen .cntnt.dd2 {
		height: 65vw
	}

	#hero .herodev.dev2 .ctt p:nth-child(1) {
		font-size: 5vw;
		top: 10vw
	}

	#hero .herodev.dev2 p strong {
		font-size: 8vw
	}

	#hero .herodev.dev2 .ctt p:nth-child(2) {
		top: 14vw
	}

	#hero .herodev.dev2 .ctt p:last-child {
		top: 38vw
	}

	#hero .herodev.dev2 .innr h1 {
		font-size: 15vw;
		top: 15vw
	}

	#hero.evergreen .herodev.dev2 .innr .buttn {
		padding: 1.5vw 2vw;
		font-size: 3vw;
		width: 48vw
	}

	#hero.evergreen .herodev.dev2 .innr .ctt img {
		height: 35vw
	}

	#hero.evergreen .herodev.dev2 .innr .buttn {
		margin-top: 16vw
	}

	#hero.evergreen .herodev.dev2 .innr .h1 {
		font-size: 4vw
	}

	#hero.evergreen .herodev.dev2 .innr .h2 {
		font-size: 7.3vw
	}

	.herodev video.mobile {
		top: 100px
	}

	#hero.thanksg .right {
		width: 65%;
		transform: translateX(-50px);
	}
}


@media only screen and (max-width: 680px) {
	#redbar .inner .box .img {
		width: 40px
	}


}

@media only screen and (max-width: 650px) {

	#redbar .inner {
		display: block
	}

	#redbar .inner .box {
		float: left;
		width: 33.33333333%;
		text-align: center;
		display: block
	}

	#redbar .inner .box .img {
		margin-bottom: 10px;
		width: 100%;
		height: 50px;
		float: none;
	}

	#redbar .inner .box .img img {
		width: auto;
		height: 50px;
	}

	#redbar .inner .box .cntn {
		text-align: center;
		width: 100%;
		float: none;
		margin-left: auto
	}

	.signup-newsletter-form input.input-text {
		width: 70%;
	}

	.signup-newsletter-form input.submit-btn {
		width: 28%
	}

	.signup-newsletter-form {
		width: 80% !important;
	}

	#hero>a {
		height: 70vw
	}

	#hero>a .mimg {
		max-width: 160%;
		width: auto;
		height: 70vw
	}

	footer ul#footer-menu {
		margin-top: 20px
	}

	#hero.md {
		height: 100%;
		padding: 30px 0
	}

	#hero.md .flex {
		flex-direction: column
	}

	#hero.md h1 {
		font-size: 8vw
	}

	#hero.md h2 {
		margin-top: 0;
		font-size: 6.2vw
	}

	#hero.md a {
		margin-top: 3vw;
		width: 74vw;
		height: 10vw;
		line-height: 10vw;
		font-size: 4.2vw;
		border-radius: 6vw;
	}

	#hero.md #anim {
		width: 100%;
		max-width: 300px;
	}


	#hero.fd22 {
		height: 100%;
		padding: 50px 0 0 0;
		background-image: url(images/heros/22/fathersday/bg-fd2022-mobile.jpg);
		background-position: center top;
	}

	#hero.fd22 .flex {
		flex-direction: column
	}

	#hero.fd22 .left {
		width: 100%;
	}

	#hero.fd22 a {
		margin-bottom: 30px;
		margin-top: 5vw;
		width: 65vw;
		height: 11vw;
		line-height: 11vw;
		font-size: 4.4vw;
		border-radius: 7vw;
	}

	#hero.fd22 #anim {
		width: 100%;
		max-width: 450px;
	}

	#hero.fd {
		height: 100%;
		padding: 30px 0 0 0
	}

	#hero.fd .flex {
		flex-direction: column
	}

	#hero.fd h1 {
		font-size: 8vw
	}

	#hero.fd h2 {
		margin-top: 0;
		font-size: 6.2vw
	}

	#hero.fd a {
		margin-top: 8vw;
		width: 74vw;
		height: 10vw;
		line-height: 10vw;
		font-size: 4.2vw;
		border-radius: 6vw;
	}

	#hero.fd #anim {
		width: 100%;
		max-width: 300px;
	}

	#hero.hallow {
		height: 100% !important;
		padding: 60px 0 230px 0
	}

	#hero.hallow h1, #hero.hallow h2 {
		font-size: 11vw
	}

	#hero.hallow .boo {
		margin: -20px 0;
		max-width: 80%
	}

	#hero.hallow p {
		font-size: 6vw;
	}

	#hero.hallow p br {
		display: none
	}

	#hero.hallow a {
		margin-top: -20px;
		font-size: 21px;
		height: 50px;
		line-height: 50px;
		width: 300px
	}

	#hero.hallow .ghost.g1 {
		display: none
	}

	#hero.hallow .ghost.g2 {
		right: 0;
		left: 0;
		margin: auto;
		bottom: -30px
	}

	#hero.hallow .cont {
		position: static
	}

	#hero.thanksg {
		background-image: url(images/heros/thanksgiving/bg-thanksgiving-mobile.jpg) !important;
		background-position: bottom center;
		height: 100%;
		padding-top: 45px;
		padding-bottom: 10px
	}

	#hero.thanksg .flex {
		height: 100%;
		flex-direction: column;
		justify-content: space-around
	}

	#hero.thanksg .flex>div {
		width: 100%
	}

	#hero.thanksg .right {
		order: 0
	}

	#hero.thanksg .left {
		order: 1
	}

	#hero.thanksg .mobile-hide {
		display: none
	}

	#hero.thanksg .desktop-hide {
		margin: 0 auto;
		max-width: 90%;
		display: block
	}

	#hero.thanksg .right {
		transform: none
	}

	#hero.thanksg h1 {
		margin-bottom: 5vw;
		font-size: 11.5vw;
	}

	#hero.thanksg h2 {
		text-shadow: 0.3vw 0.7vw 0px #ceb79e;
		font-size: 20vw;
		line-height: 19vw;
	}

	#hero.thanksg a {
		margin-top: 10px;
		border-radius: 6vw;
		height: 12vw;
		line-height: 12vw;
		font-size: 5vw;
	}
}

@media only screen and (max-width: 620px) {
	.woocommerce-checkout #subbanner {
		display: none !important
	}
}

@media only screen and (max-width: 500px) {
	#redbar .inner {
		max-width: 100%;
		width: 100%
	}

	#redbar .inner .box .l2 {
		line-height: 12px
	}

	#hero .innr .buttn, #hero.thanksgiving .innr .buttn, #hero.holiday .innr .buttn {
		top: 43.8vw;
		font-size: 3.5vw;
		width: 60vw
	}

	#hero.thanksgiving .innr .buttn, #hero.holiday .innr .buttn {
		font-size: 3vw;
		width: 55vw;
		top: 51vw;
	}

	#hero.holiday .innr .buttn {
		top: 55vw;
		width: 50vw;
	}

	#hero.thanksgiving .innr h2 {
		font-size: 10vw
	}


	#hero.evergreen .innr .buttn, #hero.evergreen.valentines .innr .buttn {
		width: 45vw;
		font-size: 3vw
	}

	#hero.evergreen.valentines .innr .buttn {
		width: 59vw
	}

	.woocommerce-cart .products.sfn-cart-addons .jas-col-md-4 {
		width: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}

	#hero .herodev .innr .buttn {
		width: 56vw
	}

	#sub_pages_banner .mobile {
		display: block !important
	}

	#sub_pages_banner .desktop {
		display: none
	}

	.multiple-shipping-select {
		display: block !important;
	}

	.multiple-shipping-select a {
		width: auto;
		margin-top: 5px;
	}



}

@media only screen and (max-width: 480px) {
	#hero.bfcm a {
		border-radius: 20px;
		height: 40px;
		line-height: 40px;
		font-size: 15px;
		padding: 0 30px;
	}

	#hero.bfcm .p2 {
		font-size: 12px
	}

	#hero.dec21 a {
		border-radius: 25px;
		width: 282px;
		height: 50px;
		line-height: 50px;
		font-size: 20px;
		padding: 0;
		max-width: 100%
	}

	#hero.dec21 .p1 {
		padding-top: 7px
	}

	#hero.dec21 .p2 {
		font-size: 12px
	}

	#hero.evergreen.easter .innr h1 {
		font-size: 60px
	}

	#hero.evergreen.easter .innr h2 {
		font-size: 30px
	}

	#hero.evergreen.easter .innr .buttn {
		top: 39vw;
		width: 50vw
	}

	#hero.evergreen.easter .innr h2 {
		top: 27vw
	}

	#insta #instafeed {
		grid-template-columns: repeat(2, 1fr);
	}

	#insta #instafeed a {
		height: 43vw
	}

	#insta {
		padding: 0px 0px 30px 0px
	}

	#insta .instalink {
		font-size: 24px;
		margin-bottom: 30px
	}

	#insta .instalink span {
		background-position: left 10px
	}

	#insta .instalink i {
		font-size: 40px;
		padding-right: 15px
	}

	#showm .crumb3 {
		top: 240px !important;
	}

	#testims {
		padding-top: 30px;
	}

	#testims .slick-slide div {
		line-height: 22px;
		font-size: 16px
	}

	#testims .slick-dots {
		margin-bottom: 30px;
		margin-top: 15px
	}

	#showm .l1 {
		font-size: 16px
	}

	#showm .l2 {
		font-size: 34px
	}

	#showm {
		padding: 50px 0px 30px 0px
	}

	#showm a.red {
		font-size: 16px;
		width: 256px
	}

	#just {
		height: 100%
	}

	#just .jarallax {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#just .l1, #just .l2 {
		padding-bottom: 20px;
		font-size: 50px
	}

	#just .l1 {
		padding-bottom: 0px;
		margin-left: -82px
	}

	#just .l2 {
		margin-left: 40px
	}

	#just p {
		max-width: 380px;
		font-size: 16px
	}

	#just .grandmas {
		margin-top: 20px;
		padding: 5px 20px;
		font-size: 16px;
	}

	#handmade .cont .inner {
		grid-gap: 15px;
	}

	#handmade .cont .pimage {
		height: 30vw
	}

	.signup-newsletter-form {
		width: 100% !important;
	}

	footer h5 {
		font-size: 24px
	}

	footer {
		padding: 30px 0px
	}

	#newsl {
		padding-top: 30px;
		padding-bottom: 30px
	}

	#newsl h4, footer h4 {
		line-height: 1.1;
		font-size: 35px
	}

	#newsl h4 br {
		display: none
	}

	#featureditems h2 {
		padding-right: 30px;
		padding-left: 30px;
		line-height: 1;
		font-size: 45px
	}

	#handmade {
		padding-top: 30px
	}

	#handmade .cont h4,
	#handmade .cont h1 {
		font-size: 50px;
		padding-bottom: 30px;
	}

	#handmade .cont .l1 {
		font-size: 24px
	}

	#handmade .cont .view {
		margin-bottom: 60px;
		margin-top: 30px;
	}

	#featureditems #slick>div {
		margin-bottom: 10px;
		margin-top: 30px;
		vertical-align: top;
		width: 50%;
		padding-left: 10px;
		padding-right: 10px
	}

	#featureditems #slick>div {
		display: none
	}

	#featureditems #slick>div:nth-child(1), #featureditems #slick>div:nth-child(2), #featureditems #slick>div:nth-child(3) {
		display: inline-block
	}

	#featureditems .pimage {
		height: 40vw;
	}

	#featureditems p {
		display: none
	}

	#hero #persit .inner h3 {
		padding-top: 130px
	}

	header {
		height: 123px
	}

	header .left img {
		width: 120px;
		padding: 14px 0px
	}

	header .jas-push-menu-btn {
		left: 15px
	}

	header .right a {
		margin-right: 10px
	}

	header .right {
		height: 80px;
		width: auto;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		-webkit-box-align: center;
		align-items: center;
	}

	header .jas-push-menu-btn img {
		width: 40px
	}

	header .right a {
		width: 30px;
		height: 30px;
		margin-top: 0;
	}

	header .jas-action {
		margin-left: 0;
		margin-top: 0;
	}

	header .jas-action i {
		line-height: 32px;
		font-size: 32px;
	}

	header .jas-icon-cart .count {
		width: 18px;
		height: 18px;
		font-size: 9px;
		line-height: 20px;
		left: 20px;
		top: 0px;
	}

	header .jas-push-menu-btn {
		top: 26px
	}

	header .mobilecategs {
		padding-top: 86px
	}

	header .mobilecategs li a {
		font-size: 14px;
		margin: 0px 10px
	}

	#redbar .inner .box .img, #redbar .inner .box .cntn {
		text-align: left;
		width: auto;
		float: left;
	}

	#redbar .inner .box {
		text-align: left;
		width: 240px;
		margin: 0 auto;
		float: none;
	}

	#redbar .inner .box .cntn {
		margin-left: 10px
	}

	#redbar .inner .box .cntn .l1 {
		font-size: 14px;
		margin-top: 10px;
	}

	#redbar .inner .box .cntn .l2 {
		font-size: 12px;
		line-height: 16px
	}

	#hero.holiday .innr h2 {
		top: 43vw;
		font-size: 9vw;
		text-shadow: 1px 1px 0px #fff
	}

	#hero.holiday .innr h1 {
		font-size: 14vw
	}


	#hero.evergreen #persit .inner h3 {
		padding-top: 130px
	}

	#hero.evergreen #persit .images {
		transform: scale(0.6);
		-webkit-transform: scale(0.6);
	}

	#hero.evergreen .cntnt.build {
		height: calc(100vh - 120px);
	}





}

@media only screen and (max-width: 463px) {
	#featureditems #slick {
		display: flex;
		flex-wrap: wrap;
	}

	#featureditems #slick>div {
		display: block;
		flex-basis: 50%;
	}

	#just .cont {
		-webkit-animation-name: none !important;
		-moz-animation-name: none !important;
		-o-animation-name: none !important;
		-ms-animation-name: none !important;
		animation-name: none !important;
	}
}

@media only screen and (max-width: 430px) {
	.woocommerce-cart .products.sfn-cart-addons .jas-col-md-4 {
		width: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}

	.woocommerce-cart .products.sfn-cart-addons {
		flex-direction: column
	}

	#hero .innr .buttn {
		font-size: 4vw;
		width: 63vw
	}

	#hero.thanksgiving .innr h1 {
		top: 21vw;
		font-size: 20vw
	}

	#hero.thanksgiving .innr .buttn, #hero.holiday .innr .buttn {
		font-size: 2.9vw;
		width: 50vw;
		padding-left: 0px;
		padding-right: 0px;
	}

	#hero.evergreen .innr .buttn, #hero.evergreen.valentines .innr .buttn {
		font-size: 3.5vw;
		width: 45vw;
		padding-left: 0px;
		padding-right: 0px;
	}

	#hero.evergreen.valentines .innr .buttn {
		font-size: 3.1vw;
		width: 55vw;
	}

	#hero.evergreen .innr h1 {
		top: 15vw
	}

	#hero.evergreen .innr h2 {
		top: 42vw
	}

	body {
		height: auto !important;
	}

	/* body > .ui-autocomplete{display: none!important} */

	#hero .herodev .innr .buttn {
		width: 56vw
	}

	#hero .herodev .innr h1 {
		top: 6vw
	}

	.woocommerce-breadcrumb,
	.woocommerce-ordering:after {
		color: #000
	}
}

@media only screen and (max-width: 380px) {
	#just {
		background-size: 300% !important;
	}

	#handmade .cont .pimage {
		max-height: 100%;
		height: 100%;
	}

	#handmade .cont .pimage img {
		width: 100%;
		height: 100%
	}

	#handmade .cont .btm {
		padding-bottom: 15px;
		height: 100%
	}

	#featureditems h2 {
		padding-right: 0px;
		padding-left: 0px;
	}

	#hero #persit .images {
		margin-left: -30px
	}

	#hero.evergreen #persit .images {
		margin-left: -30px
	}

	#featureditems h3 {
		font-size: 13px
	}

	#handmade .cont .inner {
		grid-template-columns: repeat(1, 1fr);
	}

	#handmade .cont .inner>div {
		margin-top: 20px
	}

	#handmade .cont .view {
		margin-bottom: 80px;
	}

	#showm {
		margin-top: -60px
	}

	#showm .l2 {
		font-size: 30px
	}
}

@media only screen and (max-width: 370px) {
	#insta .instalink i {
		padding-right: 0px
	}

	header .mobilecategs li a {
		font-size: 13px;
		margin: 5px 10px
	}

	#hero.evergreen.easter .innr h1 {
		font-size: 50px
	}

}

@media screen and (max-width: 567px) {

	.yotpo-bottomline,
	.yotpo-stars,
	.yotpo .pull-left,
	.yotpo .standalone-bottomline.star-clickable, .yotpo .standalone-bottomline .star-clickable {
		display: block !important;
		text-align: center !important;
	}

	#topbar.pink {
		padding: 0 20px;
	}

	body:not(.fixed-nav) #topbar.yellow + .mobile-top-bar-2024,
	body:not(.fixed-nav) #topbar.pink + .mobile-top-bar-2024 {
		top: 28px;
	}

	body:not(.fixed-nav) #topbar.yellow ~ header.v2024,
	body:not(.fixed-nav) #topbar.pink ~ header.v2024 {
		top: 50px;
	}

	#topbar.pink p {
		font-size: 10px;
		line-height: 1em;
		margin: 0 auto;
	}

	#topbar.yellow p {
		font-size: 12px;
		line-height: 1em;
		margin: 0 auto;
	}

	#topbar.yellow p strong {
		font-size: 12px;
	}

	body:not(.fixed-nav) #topbar.yellow ~ #mobile-search,
	body:not(.fixed-nav) #topbar.pink ~ #mobile-search {
		--offset: 8px !important;
	}

	body:not(.fixed-nav) #topbar.yellow ~ #page-main,
	body:not(.fixed-nav) #topbar.pink ~ #page-main {
		padding-top: 158px;
	}

}

@media screen and (max-width: 380px ) {
	body:not(.fixed-nav) #topbar.pink + .mobile-top-bar-2024 {
		top: 44px;
	}

	body:not(.fixed-nav) #topbar.pink ~ header.v2024 {
		top: 66px;
	}

	body:not(.fixed-nav) #topbar.pink ~ #mobile-search {
		--offset: 24px !important;
	}

	body:not(.fixed-nav) #topbar.pink ~ #page-main {
		padding-top: 174px;
	}

	#topbar.pink p {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
}

.payment_box.payment_method_authorize_net_cim_credit_card {
	display: block !important;
}