@charset "UTF-8";





header {
	background: #fff;
	width: 100%
}

header.z-index {
	z-index: 9
}

header .icon-logo {
	width: 5.5rem;
	height: 5.5rem;
	position: absolute;
	top: .5rem;
	left: 1rem;
	z-index: 1;
	margin-top: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s;
	transition: .3s
}

@media screen and (max-width:1024px) {
	header .icon-logo {
		display: none
	}
}

header .top-navigation {
	height: auto !important;
	padding: 1.2rem 0;
	max-width: 118rem;
	margin: auto;
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media screen and (max-width:1024px) {
	header .top-navigation {
		position: -webkit-sticky;
		position: sticky;
		width: 100%;
		top: 0;
		left: 0;
		padding: 0 1.2rem
	}
}

header .top-navigation .right {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	justify-content: space-between;
	margin-left: 1rem
}

header .top-navigation .right .search-item-content {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex: 1 1 auto;
	margin: 0 3rem;
	position: relative
}

@media screen and (max-width:1024px) {
	header .top-navigation .right .search-item-content {
		display: none
	}
}

header .top-navigation .right .search-item-content button {
	height: 4rem;
	line-height: 4rem;
	padding: 0 2rem
}

header .top-navigation .right .search-item-content .search-item {
	padding: 0 1rem;
	border: solid #d9d9d9 .1rem;
	border-radius: .8rem;
	height: 4rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-grow: 1;
	margin-right: .8rem;
	padding-left: 4rem
}

header .top-navigation .right .search-item-content .search-item:focus {
	border: solid #ff6f26 .1rem;
	color: #2e3440
}

@media screen and (max-width:1024px) {
	header .top-navigation .right .search-item-content .search-item {
		display: none
	}
}

header .top-navigation .right .search-item-content .search-item span {
	padding: 0 1rem;
	color: #92959b
}

@media screen and (max-width:1024px) {
	header .top-navigation .right .search-item-content .search-item span {
		display: none
	}
}

header .top-navigation .right .search-item-content .search-item.not-round {
	border-radius: .8rem .8rem 0 0
}

header .top-navigation .right .search-item-content .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 4rem;
	height: 4rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center
}

header .top-navigation .right .cart-user {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}

@media screen and (max-width:1024px) {
	header .top-navigation .right .cart-user {
		display: none
	}
}

header .top-navigation .right .cart-user .basket {
	padding: 0 1.5rem;
	display: flex;
	align-items: center;
	margin-right: 1rem
}

@media screen and (max-width:1024px) {
	header .top-navigation .right .cart-user .basket {
		display: none
	}
}

header .top-navigation .right .cart-user .basket span {
	margin-left: .7rem
}

@media screen and (max-width:1024px) {
	header .top-navigation .right .cart-user .basket {
		display: none
	}
}

header .top-navigation .right .cart-user .basket .icon {
	position: relative;
	display: inline-block;
	background-size: 3rem;
	width: 2.5rem;
	height: 2rem
}

header .top-navigation .right .cart-user .basket .icon .count {
	width: 2.3rem;
	height: 2.3rem;
	background: #ff6f26;
	position: absolute;
	right: -.8rem;
	top: -1.2rem;
	text-align: center;
	font-size: 1.1rem;
	color: #fff;
	border-radius: 100%;
	line-height: 2rem;
	border: solid #fff .2rem
}

@media screen and (max-width:1024px) {
	header .top-navigation .right .cart-user .basket span {
		display: none
	}
}

header .top-navigation .right .cart-user span {
	font-size: 1.3rem;
	color: #2e3440;
	-webkit-transition: .3s;
	transition: .3s
}

header .top-navigation .right .cart-user .user {
	position: relative;
	border: solid #d9d9d9 .1rem;
	border-radius: .8rem;
	height: 4rem;
	display: flex;
	align-items: center
}

header .top-navigation .right .cart-user .user .button {
	border: solid #ff6f26 .1rem;
	background: 0 0;
	border-radius: 4rem;
	padding: 0 3rem;
	font-size: 1.4rem;
	color: #ff6f26;
	line-height: 4rem;
	margin-top: 2.5rem;
	width: auto
}

header .top-navigation .right .cart-user .user span {
	margin-right: .5rem;
	line-height: 4rem
}

header .top-navigation .right .cart-user .user:hover .dropdown {
	position: relative
}

header .top-navigation .right .cart-user .user:hover .dropdown:after {
	content: "";
	opacity: 1;
	-moz-transform: rotate(180deg) translate(0);
	-webkit-transform: rotate(180deg) translate(0);
	-o-transform: srotate(180deg) translate(0);
	transform: srotate(180deg) translate(0)
}

header .search-result-desktop-content {
	position: absolute;
	top: 3.8rem;
	left: 0;
	width: calc(100% - .8rem);
	max-height: 50rem;
	overflow: auto;
	background: #fff;
	z-index: 10000;
	border-radius: 0 0 .8rem .8rem;
	border: solid #ff6f26 .1rem;
	opacity: 0;
	visibility: hidden
}

@media screen and (max-width:1024px) {
	header .search-result-desktop-content {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 20rem;
		left: 0
	}
}

header .search-result-desktop-content.visible {
	opacity: 1;
	visibility: visible
}

header .search-result-desktop-content .all-results {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	background: #fff;
	width: 100%;
	padding: 1.2rem 2.4rem
}

header .search-result-desktop-content .all-results .button {
	width: 100%;
	line-height: 4.6rem
}

header .search-result-desktop-content .search-result-desktop {
	padding: 2.4rem;
	position: relative;
	overflow: auto
}

header .search-result-desktop-content .search-result-desktop .title {
	font-size: 1.4rem;
	font-weight: 600;
	color: #2e3440;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 2.2rem
}

header .search-result-desktop-content .search-result-desktop .items {
	padding-bottom: 2.4rem
}

header .search-result-desktop-content .search-result-desktop .items li {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 1.4rem 0
}

header .search-result-desktop-content .search-result-desktop .items li a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-grow: 1
}

header .search-result-desktop-content .search-result-desktop .items li a figure {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}

header .search-result-desktop-content .search-result-desktop .items li a figure img {
	width: 4.8rem;
	flex-shrink: 0;
	border-radius: .8rem
}

header .search-result-desktop-content .search-result-desktop .items li a figure figcaption {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	padding-left: 1.2rem
}

header .search-result-desktop-content .search-result-desktop .items li a figure figcaption span {
	font-size: 1.4rem;
	color: #2e3440
}

header .search-result-desktop-content .search-result-desktop .items li a figure figcaption span strong {
	font-weight: 600
}

header .search-result-mobile-content {
	position: absolute;
	top: 3.8rem;
	left: 0;
	width: calc(100% - .8rem);
	max-height: 50rem;
	overflow: auto;
	background: #fff;
	z-index: 10000;
	border-radius: 0 0 .8rem .8rem;
	border: solid #ff6f26 .1rem;
	opacity: 0;
	visibility: hidden
}

@media screen and (max-width:1024px) {
	header .search-result-mobile-content {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 20rem;
		left: 0
	}
}

header .search-result-mobile-content.visible {
	opacity: 1;
	visibility: visible
}

header .search-result-mobile-content .all-results {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	background: #fff;
	width: 100%;
	padding: 1.2rem 2.4rem
}

header .search-result-mobile-content .all-results .button {
	width: 100%;
	line-height: 4.6rem
}

header .search-result-mobile-content .search-result-mobile {
	padding: 2.4rem;
	position: relative;
	overflow: auto
}

header .search-result-mobile-content .search-result-mobile .title {
	font-size: 1.4rem;
	font-weight: 600;
	color: #2e3440;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 2.2rem
}

header .search-result-mobile-content .search-result-mobile .items {
	padding-bottom: 2.4rem
}

header .search-result-mobile-content .search-result-mobile .items li {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 1.4rem 0
}

header .search-result-mobile-content .search-result-mobile .items li a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-grow: 1
}

header .search-result-mobile-content .search-result-mobile .items li a figure {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}

header .search-result-mobile-content .search-result-mobile .items li a figure img {
	width: 4.8rem;
	flex-shrink: 0;
	border-radius: .8rem
}

header .search-result-mobile-content .search-result-mobile .items li a figure figcaption {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	padding-left: 1.2rem
}

header .search-result-mobile-content .search-result-mobile .items li a figure figcaption span {
	font-size: 1.4rem;
	color: #2e3440
}

header .search-result-mobile-content .search-result-mobile .items li a figure figcaption span strong {
	font-weight: 600
}

header .shipment {
	font-size: 1.3rem;
	font-weight: 400;
	color: #2e3440;
	line-height: 5rem;
	display: inline-block
}

@media screen and (max-width:768px) {
	header .shipment {
		text-align: center;
		width: 100%
	}
}

header .shipment strong {
	font-weight: 600
}

header .shipment img {
	width: 2.4rem;
	margin-right: 1rem;
	margin-top: 1.3rem
}

header .logo {
	width: 13rem;
	height: 6.5rem;
	z-index: 1;
	background-size: 13rem;
	display: none
}

@media screen and (max-width:1200px) {
	header .logo {
		left: 1rem
	}
}

@media screen and (max-width:1024px) {
	header .logo {
		display: flex
	}
}

@media screen and (max-width:768px) {
	header .logo {
		background-size: 9rem;
		width: 9rem
	}
}

header .user-badge {
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 100%;
	background: #ff6f26;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	color: #fff;
	display: none;
	line-height: 2.4rem;
	padding-top: .2rem
}

@media screen and (max-width:1024px) {
	header .user-badge {
		display: flex
	}
}

header .user-login {
	padding: 0 1.6rem;
	display: none
}

@media screen and (max-width:1024px) {
	header .user-login {
		display: block
	}
}

header .back-button {
	position: absolute;
	top: 0;
	left: 0;
	height: 5.5rem;
	width: 5.5rem;
	text-align: center;
	display: none
}

header .back-button i {
	color: #ff6f26;
	font-size: 2.7rem;
	line-height: 5.5rem
}

@media screen and (max-width:1024px) {
	header .back-button {
		display: block
	}
}

header .basket-button {
	display: flex;
	align-items: center;
	margin-right: 2.4rem
}

@media screen and (max-width:1024px) {
	header .basket-button {
		display: none
	}
}

header .basket-button svg {
	margin-right: 1.2rem
}

header .basket-button .icon {
	position: relative
}

header .basket-button .icon .count {
	width: 23px;
	height: 23px;
	background: #ff6f26;
	position: absolute;
	right: 0;
	top: -12px;
	text-align: center;
	font-size: 11px;
	color: #fff;
	border-radius: 100%;
	line-height: 20px;
	border: solid #fff 2px
}

header label {
	margin-bottom: 0
}

header .notification-button {
	position: relative;
	display: inline-block;
	padding-left: 2rem;
	margin-top: 0;
	display: none
}

header .notification-button .notification-icon {
	position: relative;
	display: inline-block;
	background-size: 3rem;
	width: 2.5rem;
	height: 3rem;
	margin-top: .8rem;
	cursor: pointer
}

@media screen and (max-width:1024px) {
	header .notification-button .notification-icon {
		margin-top: 0
	}
}

header .notification-button .notification-icon .dot {
	width: 1.3rem;
	height: 1.3rem;
	background: #ff6f26;
	position: absolute;
	right: .2rem;
	top: .2rem;
	text-align: center;
	font-size: 1.1rem;
	color: #fff;
	border-radius: 100%;
	line-height: 2rem;
	border: solid #fff .2rem
}

@media screen and (max-width:1024px) {
	header .notification-button .notification-icon .dot {
		top: -.3rem
	}
}

header .notification-button .notification-content {
	width: 35rem;
	background: #ffda63;
	border-radius: 1rem;
	position: absolute;
	top: 5rem;
	right: 0;
	z-index: 2;
	-webkit-animation: 1s ease 0s normal forwards 1 fadein;
	animation: 1s ease 0s normal forwards 1 fadein;
	display: none
}

header .notification-button .notification-content:after {
	content: " ";
	width: 0;
	height: 0;
	border-left: 1.5rem solid transparent;
	border-right: 1.5rem solid transparent;
	border-bottom: 1.5rem solid #ffda63;
	position: absolute;
	right: 2px;
	top: -8px;
	height: 0;
	width: 0;
	border-width: 1.2rem
}

header .notification-button .notification-content.active {
	display: none
}

header .notification-button .notification-content .item {
	display: block;
	padding: 1.5rem;
	border-bottom: solid rgba(255, 255, 255, .35) .1rem;
	overflow: hidden
}

header .notification-button .notification-content .item:hover {
	-webkit-transition: background-color .3s ease-out;
	-moz-transition: background-color .3s ease-out;
	-o-transition: background-color .3s ease-out;
	transition: background-color .3s ease-out;
	background: rgba(255, 255, 255, .25)
}

header .notification-button .notification-content .item:last-child {
	margin: 0;
	border: none
}

header .notification-button .notification-content .notification-close {
	width: 2.4rem;
	height: 2.4rem;
	background: rgba(255, 255, 255, .5);
	border-radius: 100%;
	right: .5rem;
	top: .5rem;
	position: absolute;
	text-align: center
}

header .notification-button .notification-content .notification-close i {
	font-size: 2.4rem;
	color: #2e3440;
	line-height: 2.4rem
}

header .notification-button .notification-content .icon {
	width: 6rem;
	height: 6rem;
	background: #fff;
	border-radius: 100%;
	margin: 0;
	display: inline-block;
	text-align: center
}

header .notification-button .notification-content .icon figure {
	width: 6rem;
	height: 6rem;
	display: flex;
	align-content: center;
	justify-content: center
}

header .notification-button .notification-content .icon figure img {
	width: 3.4rem
}

header .notification-button .notification-content .notification-caption {
	width: calc(100% - 6rem);
	display: inline-block;
	padding: 1.2rem 0 0 1.5rem
}

header .notification-button .notification-content .notification-caption span {
	font-size: 1.5rem;
	line-height: 2rem;
	color: #000;
	font-weight: 600
}

@keyframes fadein-notification {
	0% {
		opacity: 0
	}

	66% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadein-notification {
	0% {
		opacity: 0
	}

	66% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

header .badge {
	display: inline-block;
	height: auto
}

header .badge span {
	padding: 0 1rem;
	position: relative;
	background: #fff;
	border-radius: .8rem;
	font-size: 1.1rem;
	font-weight: 500;
	color: #fff;
	line-height: 2rem;
	display: inline-block;
	position: relative;
	border-radius: 3.5rem;
	margin-left: 1rem;
	padding-top: .1rem
}

header .badge.NewProduct span {
	border: solid #ff5858 .1rem;
	background: 0 0;
	color: #ff5858
}

header .badge.Renewed span {
	border: solid #a265cc .1rem;
	background: 0 0;
	color: #a265cc
}

header .badge.Personalized span {
	border: solid #a265cc .1rem;
	background: 0 0;
	color: #a265cc
}

header .badge.Popular span {
	border: solid #ffa844 .1rem;
	background: 0 0;
	color: #ffa844
}

header .badge.BestSeller span {
	border: solid #42c878 .1rem;
	background: 0 0;
	color: #42c878
}

header .badge.FreeShipping span {
	border: solid #42c878 .1rem;
	background: 0 0;
	color: #42c878
}

header .badge.OutOfStock span {
	border: solid #ff7d68 .1rem;
	background: 0 0;
	color: #ff7d68
}

header .badge.ComingSoon span {
	border: solid #f8b704 .1rem;
	background: 0 0;
	color: #f8b704
}

header .badge.LimitedEdition span {
	border: solid #ff5858 .1rem;
	background: 0 0;
	color: #ff5858
}

header .badge.With20RetroCards span {
	border: solid #a265cc .1rem;
	background: 0 0;
	color: #ff5858
}

header .badge.SecondProduct11 span {
	background: #f8b704
}

header .badge.Gift span {
	border: solid #a265cc .1rem;
	background: 0 0;
	color: #ff5858
}

header .badge.WithPhoto span {
	border: solid #42c878 .1rem;
	background: 0 0;
	color: #ff5858
}

header .badge.WithoutPhoto span {
	border: solid #ffa844 .1rem;
	background: 0 0;
	color: #ff5858
}

header .badge.Glossy span {
	border: solid #7b30ff .1rem;
	background: 0 0;
	color: #7b30ff
}

header .badge.Matte span {
	border: solid #fb0 .1rem;
	background: 0 0;
	color: #fb0
}

header .account-menu li a {
	display: block;
	padding: 1.8rem 1.5rem;
	color: #2e3440;
	font-size: 1.5rem;
	font-weight: 500;
	position: relative;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

header .user {
	display: flex;
    align-items: center;
    border: solid #d9d9d9 1px;
    border-radius: 0.4rem;
    height: 46px;
}

header .user .dropdown {
	color: #2e3440;
	cursor: pointer;
	position: relative;
	padding: 0 1rem 0 1rem;
}



header .user .dropdown:hover:after {
	opacity: 1;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg)
}

header .user .dropdown:hover span {
	color: #ff6f26
}



header .user .dropdown.user-active {
	padding: 0 1.5rem 0 .5rem
}

header .user .dropdown.user-active .image {
	margin-top: 1rem;
	cursor: pointer
}

header .user .dropdown.user-active .image img {
	border-radius: 100%;
	width: 3rem
}

header .user .dropdown.user-active .profile img {
	padding: 0;
	border-radius: 100%;
	width: 3rem
}

header .user .dropdown.user-active .user-dropdown-content .content {
	padding: 1rem
}

header .user .dropdown:hover .user-dropdown-content {
	opacity: 1;
	visibility: visible;
	top: 0.4rem;
	right: 0;
	position: absolute;
	z-index: 101
}

header .user .user-dropdown-content {
	width: 12rem;
	position: absolute;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	right: 0;
	top: 3.5rem;
	right: -.5rem;
	padding-top: 2.5rem;
	white-space: nowrap
}

header .user .user-dropdown-content:after {
	content: " ";
	width: 0;
	height: 0;
	border-left: 1.5rem solid transparent;
	border-right: 1.5rem solid transparent;
	border-bottom: 1.5rem solid #fff;
	position: absolute;
	right: 1.2rem;
    top: 1.7rem;
	height: 0;
	width: 0;
	border-width: 1.2rem
}

header .user .user-dropdown-content .content {
	background: #fff;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .3);
	border-radius: .8rem;
	padding: .5rem 1rem;
	min-height: 100%;
	border-radius: 0.4rem;
}

header .user .user-dropdown-content .content img {
	width: 50px;
	border-radius: 100%;
	display: block;
	text-align: center;
	margin: auto
}

header .user .user-dropdown-content .content a {

	color: #2e3440;
	display: block;
	line-height: 2rem;
	font-weight: 500;

	border-bottom: solid #f3f3f3 .1rem
}

header .user .user-dropdown-content .content a:last-child {
	border: none
}

header .user .user-dropdown-content .content a:hover {
	color: #ff6f26
}

header .user .user-dropdown-content .content .profile {
	text-align: center
}

header .user .user-dropdown-content .content .profile.active {
	padding: 1.5rem 1.5rem 0
}

header .user .user-dropdown-content .content .profile .icon {
	width: 7rem;
	height: 7rem;
	margin: auto;
	background: #ff4600;
	text-align: center;
	border-radius: 100%
}

header .user .user-dropdown-content .content .profile .icon i {
	line-height: 7rem;
	font-size: 4rem;
	color: #fff;
	position: relative
}

header .user .user-dropdown-content .content .profile img {
	width: 7rem;
	border-radius: 100%;
	height: 7rem
}

header .user .user-dropdown-content .content .user-name {
	font-size: 1.6rem;
	line-height: 5rem;
	color: #2e3440;
	font-weight: 600;
	display: block;
	text-align: center
}

header .user .user-dropdown-content .content ul {
	padding: 1rem 0
}

header .user .user-dropdown-content .content ul li a {
	display: block;
	font-size: 1.3rem;
	color: #88949e;
	font-weight: 400;
	line-height: 3.4rem
}

header .user .user-dropdown-content .content .logout {
	font-size: 1.4rem;
	color: #2e3440;
	display: block;
	line-height: 5rem;
	font-weight: 500;
	margin: 0 1rem
}

header .user .user-dropdown-content .content .logout:hover {
	color: #ff6f26
}

header .user .user-dropdown-content .content .select-boxes {
	padding: 2rem 1rem 0
}

header .user .user-dropdown-content .content .select-boxes .selectric-items {
	width: 20rem !important;
	left: -2rem
}

header .user .user-dropdown-content .content .select-boxes .selectric-wrapper {
	margin-bottom: 2rem
}

header .user .user-dropdown-content .content .select-boxes .selectric-wrapper .selectric .label {
	width: 100%;
	height: 4.5rem;
	line-height: 4.5rem;
	margin: 0;
	font-size: 1.6rem;
	font-weight: 500 !important;
	color: #2e3440;
	position: relative
}

header .user .user-dropdown-content .content .select-boxes small {
	font-size: 1.4rem;
	color: #b2bdbf;
	font-weight: 400;
	display: block;
	position: relative;
	top: 0
}

header .user .profile {
	display: flex;
	align-items: center;
	font-weight: 600;
}

header .user .profile a {
	display: flex;
	align-items: center
}

header .user .profile a span {
	font-weight: 500;
	margin-right: .7rem
}

header .user .profile img {
	width: 2rem;
	margin-right: .7rem
}

header .cart {
	width: 3rem;
	height: 3rem;
	position: relative;
	display: inline-block;
	margin-top: 1.7rem;
	margin-left: .3rem
}

header .cart .count {
	position: absolute;
	width: 1.8rem;
	color: #fff;
	font-weight: 600;
	font-size: 1.2rem;
	line-height: 1.8rem;
	text-align: center;
	background: #ff6f26;
	border-radius: 100%;
	top: 0;
	right: -.5rem
}

header .delivery-country-bar {
	width: 100%;
	background: #1f232a;
	align-items: center;
	height: 4.8rem
}

@media screen and (max-width:648px) {
	header .delivery-country-bar {
		height: 9rem
	}
}

header .delivery-country-bar .container {
	justify-content: space-between;
	align-items: center;
	width: auto
}

@media screen and (max-width:1024px) {
	header .delivery-country-bar .container {
		padding: 0 1.2rem
	}
}

@media screen and (max-width:648px) {
	header .delivery-country-bar .container {
		flex-direction: column;
		width: 100%
	}
}

header .delivery-country-bar .container .text {
	font-size: 1.3rem;
	color: #fff;
	padding-right: 1rem
}

@media screen and (max-width:648px) {
	header .delivery-country-bar .container .text {
		padding: 0 0 1rem;
		width: 100%
	}
}

header .delivery-country-bar .container .select {
	flex: 1 1 auto;
	align-items: center;
	justify-content: flex-end;
	justify-content: flex-end
}

@media screen and (max-width:648px) {
	header .delivery-country-bar .container .select {
		width: 100%;
		justify-content: space-between
	}
}

@media screen and (max-width:648px) {
	header .delivery-country-bar .container .select .selectric-wrapper {
		width: 100%;
		justify-content: space-between
	}
}

header .delivery-country-bar .container .select .selectric {
	width: 18rem;
	height: 3.5rem;
	border-radius: 5rem;
	border: solid #fff .1rem;
	padding: 0 1.5rem;
	align-items: center;
	display: flex
}

@media screen and (max-width:648px) {
	header .delivery-country-bar .container .select .selectric {
		width: 100%
	}
}

header .delivery-country-bar .container .select .selectric .label {
	height: auto;
	color: #fff;
	font-size: 1.3rem;
	width: 100%
}

header .delivery-country-bar .container .select .selectric .label:after {
	color: #fff;
	font-size: 1.4rem
}

header .delivery-country-bar .container .select .continue {
	background: #ff6f26;
	height: 3.5rem;
	color: #fff;
	cursor: pointer;
	padding: 0 2rem;
	border-radius: 4rem;
	margin: 0 2rem
}

header .delivery-country-bar .container .select .cancel {
	display: flex;
	align-items: center;
	justify-content: center;
	background: 0 0;
	cursor: pointer
}

header .delivery-country-bar .container .select .cancel i {
	font-size: 2.5rem;
	color: #fff
}

header .app-download {
	background: #f4f4f4;
	border-radius: .8rem;
	padding: .4rem .8rem .4rem .4rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	margin-right: 1.6rem;
	display: none
}

@media screen and (max-width:1024px) {
	header .app-download {
		display: flex
	}
}

header .app-download img {
	width: 3.2rem
}

header .app-download span {
	font-size: 1.3rem;
	color: #2e3440;
	font-weight: 400;
	padding-left: .5rem;
	line-height: 1.6rem
}

header .app-download span strong {
	font-weight: 500
}

header .search-mobile-item {
	display: none
}

@media screen and (max-width:1024px) {
	header .search-mobile-item {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex
	}
}


.category-content .search-result-mobile-content.visible {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 12.8rem;
	left: 0;
	padding: 0 1.2rem;
	z-index: 8;
	background: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}

.category-content .search-result-mobile-content.visible .search-result-mobile {
	overflow: auto;
	padding-bottom: 18rem;
	flex: 1 1 auto
}

.category-content .search-result-mobile-content .title {
	padding: 0
}

.category-content .search-result-mobile-content .items {
	padding-bottom: 2.4rem
}

.category-content .search-result-mobile-content .items li {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 1.4rem 0
}

.category-content .search-result-mobile-content .items li a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-grow: 1
}

.category-content .search-result-mobile-content .items li a figure {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}

.category-content .search-result-mobile-content .items li a figure img {
	width: 4.8rem;
	flex-shrink: 0;
	border-radius: .8rem
}

.category-content .search-result-mobile-content .items li a figure figcaption {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	padding-left: 1.2rem
}

.category-content .search-result-mobile-content .items li a figure figcaption span {
	font-size: 1.4rem;
	color: #2e3440
}

.category-content .search-result-mobile-content .items li a figure figcaption span strong {
	font-weight: 600
}



.dropdown-menu1 {
	height: 4rem;
	width: 100%;
	position: relative;


}

@media screen and (max-width:1024px) {
	.dropdown-menu1 {
		display: none !important
	}
}

@media(max-width:1024px) {
	.dropdown-menu1 {
		background: #fff;
		position: absolute;
		width: auto;
		top: 0
	}
}

@media screen and (max-width:768px) {
	.dropdown-menu1 {
		height: auto
	}
}

.dropdown-menu1 .right {
	position: absolute;
	right: 0
}

.dropdown-menu1 .right .basket {
	position: relative;
	display: inline-block;
	margin-top: 3.5rem;
	margin-right: 3rem
}

@media screen and (max-width:768px) {
	.dropdown-menu1 .right .basket {
		margin-top: 1.8rem
	}
}

.dropdown-menu1 .right .basket img {
	width: 2.2rem
}

.dropdown-menu1 .right .basket .count {
	width: 2rem;
	height: 2rem;
	background: #ff6f26;
	position: absolute;
	right: -1rem;
	top: -.8rem;
	text-align: center;
	font-size: 1.1rem;
	color: #fff;
	border-radius: 100%;
	line-height: 2rem
}

.dropdown-menu1 .right .search {
	margin-top: 2.5rem;
	display: inline-block
}

@media screen and (max-width:768px) {
	.dropdown-menu1 .right .search {
		margin-top: 1rem
	}
}

.dropdown-menu1 .right .search i {
	font-size: 2.5rem;
	line-height: 4rem;
	padding: 0 3rem;
	color: #2e3440
}

.dropdown-menu1 .right .user {
	width: auto;
	display: inline-block
}

@media screen and (max-width:768px) {
	.dropdown-menu1 .right .user {
		display: none
	}
}

.dropdown-menu1 .right .user .button {
	border: solid #ff6f26 .1rem;
	background: 0 0;
	border-radius: 4rem;
	padding: 0 3rem;
	font-size: 1.4rem;
	color: #ff6f26;
	line-height: 4rem;
	margin-top: 2.5rem;
	width: auto
}



@media screen and (max-width:1024px) {
	.dropdown-menu1 {
		border: none !important
	}
}

.dropdown-menu1 .dropdown-menu1-content {
	text-align: center;
	width: 100%
}

.dropdown-menu1 .dropdown-menu1-content li.active a {
	color: #ff6f26
}

.dropdown-menu1 .dropdown-menu1-content .sub-menu li a {
	color: #2e3440
}

@media screen and (max-width:1180px) {
	.dropdown-menu1 .dropdown-menu1-content {
		display: flex;
		justify-content: space-between
	}
}

@media screen and (max-width:1024px) {
	.dropdown-menu1 .dropdown-menu1-content {
		display: none
	}
}

@media(max-width:1024px) {
	.dropdown-menu1 .dropdown-menu1-content {
		height: 100%;
		width: 100%;
		position: fixed;
		z-index: 3;
		top: 7rem;
		left: -100%;
		background: #fff;
		margin-top: 0;
		transition: 300ms;
		transition: ease-in-out 300ms;
		border-top: solid #f3f3f3 .1rem;
		padding: 1.5rem
	}
}

.dropdown-menu1 .dropdown-menu1-content .category-color {
	width: calc(100% + 2rem);
	height: .5rem;
	display: block;
	margin-top: 1rem;
	margin-left: -1rem;
	position: relative
}

.dropdown-menu1 .dropdown-menu1-content li {
	display: inline-flex;
	position: relative;
	z-index: 100;

	cursor: pointer
}

.dropdown-menu1 .dropdown-menu1-content li:last-child ul,
.dropdown-menu1 .dropdown-menu1-content li:nth-last-child(2) ul {
	right: 0 !important;
	left: auto !important
}

@media screen and (max-width:1300px) {
	.dropdown-menu1 .dropdown-menu1-content li {
		-webkit-box-flex: 0
	}
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-valentines-day {
	padding-left: 1.2rem;
	background-size: 2.5rem;
	background-position: 1.1rem 1rem;
	position: relative
}

@media screen and (max-width:1120px) {
	.dropdown-menu1 .dropdown-menu1-content li.category-icon-valentines-day {
		background-position: .1rem 1rem
	}
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-valentines-day:hover:after {
	opacity: 1;
	-webkit-transition: .3s;
	transition: .3s
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-valentines-day a {
	padding-left: 3rem
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-valentines-day:after {
	content: '';
	background-size: 2.5rem;
	background-position: 1.1rem 1rem;
	position: absolute;
	width: 4rem;
	height: 4.5rem;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s;
	cursor: pointer
}

@media screen and (max-width:1120px) {
	.dropdown-menu1 .dropdown-menu1-content li.category-icon-valentines-day:after {
		background-position: .1rem 1rem
	}
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-valentines-day.active {
	background-size: 2.5rem;
	background-position: 1.1rem 1rem;
	height: 4.5rem
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-valentines-day.active:before {
	content: '';
	bottom: -.4rem
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-valentines-day .product:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-valentines-day .product:after {
	content: '';
	position: absolute;
	width: 100%;
	height: .5rem;
	top: auto;
	left: 0;
	bottom: 0;
	background: #f25050;
	background-size: cover
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-christmas {
	padding-left: 1.2rem;
	background-size: 2.5rem;
	background-position: 1.1rem 1rem;
	position: relative
}

@media screen and (max-width:1120px) {
	.dropdown-menu1 .dropdown-menu1-content li.category-icon-christmas {
		background-position: .1rem 1rem
	}
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-christmas:hover:after {
	opacity: 1;
	-webkit-transition: .3s;
	transition: .3s
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-christmas a {
	padding-left: 3rem
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-christmas:after {
	content: '';
	background-size: 2.5rem;
	background-position: 1.1rem 1rem;
	position: absolute;
	width: 4rem;
	height: 4.5rem;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s;
	cursor: pointer
}

@media screen and (max-width:1120px) {
	.dropdown-menu1 .dropdown-menu1-content li.category-icon-christmas:after {
		background-position: .1rem 1rem
	}
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-christmas.active {
	background-size: 2.5rem;
	background-position: 1.1rem 1rem;
	height: 4.5rem
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-christmas.active:before {
	content: '';
	bottom: -.4rem
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-christmas .product:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-christmas .product:after {
	content: '';
	position: absolute;
	width: 100%;
	height: .5rem;
	top: auto;
	left: 0;
	bottom: 0;
	background: #60a917;
	background-size: cover
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-gift {
	padding-left: 1.2rem;
	background-size: 3rem;
	background-position: 1.1rem .3rem;
	position: relative;
	height: 4.5rem
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-gift:hover:after {
	opacity: 1;
	-webkit-transition: .3s;
	transition: .3s
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-gift a {
	padding-left: 3rem
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-gift:after {
	content: '';
	background-size: 3rem;
	background-position: 1.1rem -4.5rem;
	position: absolute;
	width: 4rem;
	height: 4.5rem;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s;
	cursor: pointer
}

@media screen and (max-width:1120px) {
	.dropdown-menu1 .dropdown-menu1-content li.category-icon-gift:after {
		background-position: 1.1rem -4.5rem
	}
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-gift.active {
	background-size: 3rem;
	background-position: 1.1rem -4.5rem
}

.dropdown-menu1 .dropdown-menu1-content li.category-icon-gift.active:before {
	content: '';
	bottom: -.4rem
}

.dropdown-menu1 .dropdown-menu1-content li a {
	text-decoration: none;
	padding: 0 1.55rem;
	line-height: 3rem;
	display: flex;
	color: #2e3440;
	font-weight: 500;
	font-size: 1.5rem;
	position: relative;
	-webkit-transition: .3s;
	transition: .3s
}

@media screen and (max-width:1240px) {
	.dropdown-menu1 .dropdown-menu1-content li a {
		font-size: 1.45rem;
		padding: 0 1rem
	}
}

@media screen and (max-width:1170px) {
	.dropdown-menu1 .dropdown-menu1-content li a {
		padding: 0 1rem
	}
}

@media screen and (max-width:1450px) {
	.dropdown-menu1 .dropdown-menu1-content li a {
		line-height: 4rem;
		justify-content: center;
		align-items: center;
		padding: 0 2rem
	}
}

@media screen and (max-width:1450px) {
	.dropdown-menu1 .dropdown-menu1-content li a {
		line-height: 4rem;
		justify-content: center;
		align-items: center;
		padding: 0 1rem;
		font-size: 14px;
	}
}

.dropdown-menu1 .dropdown-menu1-content li a:hover {
	color: #2e3440
}

.dropdown-menu1 .dropdown-menu1-content li a:hover:before {
	opacity: 1
}

.dropdown-menu1 .dropdown-menu1-content li:hover>a {
	color: #ff6f26;
	position: relative
}

.dropdown-menu1 .dropdown-menu1-content li:hover>a.notch {
	position: relative
}

.dropdown-menu1 .dropdown-menu1-content li:hover>a.notch:before {
	content: " ";
	border-left: 1.5rem solid transparent;
	border-right: 1.5rem solid transparent;
	border-bottom: 1.5rem solid #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 4.5rem;
	height: 0;
	width: 0;
	border-width: 1.2rem;
	z-index: 1000;
	opacity: 1
}

@media(max-width:1024px) {
	.dropdown-menu1 .dropdown-menu1-content li:hover>a.notch:before {
		display: none
	}
}

.dropdown-menu1 .dropdown-menu1-content li.active {
	position: relative;
	color: #ff6f26;
	z-index: 1
}

.dropdown-menu1 .dropdown-menu1-content li.active:before {
	content: '';
	position: absolute;
	height: .12rem;
	width: 100%;
	bottom: .1rem;
	left: 0;
	background: #ff6f26;
	z-index: 1
}

.dropdown-menu1 .dropdown-menu1-content ul {
	display: none;
	visibility: hidden;

	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 99;
	border-radius: .5rem;
	top: 3rem;
	padding-top: 1rem
}

.dropdown-menu1 .dropdown-menu1-content ul li {
	display: block;
	float: none;
	background: 0 0;
	text-align: left
}

.dropdown-menu1 .dropdown-menu1-content ul li a {
	font-size: 1.4rem;
	font-weight: 400;
	display: block;
	color: #2e3440;
	line-height: 5rem
}

.dropdown-menu1 .dropdown-menu1-content ul li:hover>a {
	color: #2e3440
}

.dropdown-menu1 .dropdown-menu1-content ul ul {
	top: 0;
	visibility: hidden;
	opacity: 0;
	transform: translate(0, 0);
	transition: all .2s ease-out
}

.dropdown-menu1 .dropdown-menu1-content ul ul:after {
	left: -6px;
	top: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-right-color: #fff;
	border-width: 6px;
	margin-top: -6px
}

.dropdown-menu1 .dropdown-menu1-content li>ul ul:hover {
	display: block;
	visibility: visible;
	opacity: 1;
	transform: translate(0, 0)
}

.dropdown-menu1 .dropdown-menu1-content.orange {
	background: #ff6f26
}

.dropdown-menu1 .dropdown-menu1-content.orange a {
	color: #fff
}

.dropdown-menu1 .dropdown-menu1-content.orange a:hover {
	color: #fff;
	background: #f25100;
	-webkit-transition: .3s;
	transition: .3s
}

.responsive-menu {
	display: none;
	width: 100%;
	background: 0 0;
	color: #2e3440;
	font-weight: 600;
	padding: 0
}

.responsive-menu i {
	font-size: 2.7rem;
	color: #374147
}

.responsive-menu:hover {
	color: #374147;
	text-decoration: none
}

.show.dropdown-menu1-content {
	left: 0;
	width: calc(100% - 5rem);
	height: calc(100% - 5.5rem);
	overflow-y: scroll;
	overflow-x: hidden;
	top: 5rem
}

.special-menu-content li {
	min-width: 30rem !important
}

@media(min-width:1024px) and (max-width:1024px) {
	header .mainWrap {
		width: 1024px
	}

	header .dropdown-menu1-content ul {
		top: 37px
	}

	header .dropdown-menu1-content li a {
		font-size: 12px
	}

	header a.hover {
		background: #374147
	}
}

@media(max-width:1024px) {
	header .mainWrap {
		width: auto;
		padding: 50px 20px
	}

	header .dropdown-menu1-content {
		display: block
	}

	header .responsive-menu {
		display: block;
		width: 3.5rem;
		text-align: center;
		line-height: 1rem;
		padding-top: 2rem;
		position: absolute;
		left: 1rem;
		z-index: 9999;
		top: 0
	}

	header nav {
		margin: 0;
		background: 0 0
	}

	header .dropdown-menu1-content li {
		display: block;
		margin: 0;
		text-align: left;
		width: 100%
	}

	header .dropdown-menu1-content li:last-child {
		border: none
	}

	header .dropdown-menu1-content li a {
		background: #fff;
		color: #797979;
		border-radius: .8rem
	}

	header .dropdown-menu1-content li a:hover {
		background: #51606e;
		color: #fff
	}

	header .dropdown-menu1-content li:hover>a {
		width: 100%;
		background: #2e3440;
		color: #fff
	}

	header .dropdown-menu1-content ul {
		visibility: hidden;
		opacity: 0;
		top: 0;
		left: 0;
		width: 100%;
		transform: initial
	}

	header .dropdown-menu1-content li:hover>ul {
		visibility: visible;
		opacity: 1;
		position: relative;
		transform: initial
	}

	header .dropdown-menu1-content ul ul {
		left: 0;
		transform: initial
	}

	header .dropdown-menu1-content li>ul ul:hover {
		transform: initial
	}
}

.category-view {
	min-width: max-content;
	background: 0 0 !important;
	position: relative
}

.category-view li {
	padding-top: 0 !important
}

@media(max-width:1024px) {
	.category-view li {
		padding-top: 0 !important
	}
}

.category-view .product {
	background: #fff !important;
	padding: 1rem 1rem 0 !important;
	border-radius: .5rem;
	position: relative;
	top: .9rem;
	overflow: hidden;
	cursor: default;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .3)
}

.category-view .product .productimages {
	width: 12rem;
    height: 12rem;
	display: inline-block;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
	border-radius: .8rem;
	position: relative;
	z-index: 2
}

@media(max-width:1024px) {
	.category-view .product .productimages {
		display: none
	}
}

.category-view .product .productimages .image {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
	position: absolute;
	z-index: 2
}

.category-view .product .productimages .category-image {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	overflow: hidden;
	position: absolute;
	z-index: 1
}

.category-view .product .list {
	width: calc(100% - 12.5rem);
	display: inline-block;
	padding-left: 1.5rem
}

@media(max-width:1024px) {
	.category-view .product .list {
		padding-top: 0 !important;
		width: 100%
	}
}








.category-view .product .list .category-name {
	font-size: 1.4rem;
	font-weight: 500;
	color: #2e3440 !important;
	line-height: 2.8rem;
	display: block
}

.category-view .product .list a {
	color: #2e3440;
	font-size: 14px;
    line-height: 22px;
    margin-bottom: 4px;
	display: inline-block;
	padding: 0;
	-webkit-transition: .3s;
	transition: .3s
}

.category-view .product .list a:before {
	display: none
}

.category-view .product .list a:hover {
	background: 0 0;
	color: #ff6f26
}

.category-view .product .list .all-products {
	color: #2e3440;
	font-size: 13px;
	font-weight: 500;
	display: block;
	text-align: right;
	border-radius: 5rem;
	line-height: 1.4rem;
	padding-top: 0;
	margin-top: .7rem
}

.category-view .product .list .all-categories {
	color: #2e3440;
	font-size: 13px;
	font-weight: 500;
	display: block;
	text-align: right;
	border-radius: 5rem;
	line-height: 1.4rem;
	padding-top: 0;
	margin-top: .7rem
}

.category-view .banner img {
	width: 100%
}

.bottom-menu {
	display: none;
	position: absolute;
	bottom: 0;
	left: 1.5rem;
	text-align: left
}

@media screen and (max-width:1024px) {
	.bottom-menu {
		display: block
	}
}

.bottom-menu .language a {
	font-size: 1.2rem;
	font-weight: 500;
	color: #2e3440;
	display: inline-block;
	margin-right: 1.5rem
}

.bottom-menu .language .change-language {
	width: 100%;
	height: 4rem;
	background: red;
	display: block
}

.bottom-menu .social {
	display: none;
	padding-top: 1rem
}

@media screen and (max-width:1024px) {
	.bottom-menu .social {
		display: block
	}
}

.bottom-menu .social a {
	display: inline-block;
	width: 4rem
}

.bottom-menu .social i {
	font-size: 2.2rem;
	color: #2e3440;
	padding-right: 1.7rem;
	line-height: 4rem;
	display: inline-block;
	width: 4rem
}


.notch {
	position: relative
}

.notch:before {
	content: " ";
	border-left: 1.5rem solid transparent;
	border-right: 1.5rem solid transparent;
	border-bottom: 1.5rem solid #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 5.5rem;
	height: 0;
	width: 0;
	border-width: 1.2rem;
	z-index: 1000;
	opacity: 0
}

@media(max-width:1024px) {
	.notch:before {
		display: none
	}
}

.campaing-header {
	display: none
}

body.message-bar-active {
	font-size: 0
}

body.message-bar-active .message-bar {
	width: 100%;
	height: 3.8rem;
	padding: 0 2rem;
	align-content: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
	visibility: hidden
}

body.message-bar-active .message-bar.hide-bar {
	height: 0
}

body.message-bar-active .message-bar.hide-bar span,
body.message-bar-active .message-bar.hide-bar i {
	opacity: 0
}

body.message-bar-active .message-bar.active {
	display: flex;
	opacity: 1;
	visibility: visible
}

body.message-bar-active .message-bar.clr-purple {
	background: #8e7eff
}

body.message-bar-active .message-bar.clr-green {
	background: #4ac98e
}

body.message-bar-active .message-bar.clr-orange {
	background: #ff8268
}

body.message-bar-active .message-bar span {
	font-size: 1.4rem;
	line-height: 1.5rem;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	opacity: 1
}

@media screen and (max-width:648px) {
	body.message-bar-active .message-bar span {
		font-size: 1.3rem
	}
}

body.message-bar-active .message-bar i {
	opacity: 1;
	width: 3rem;
	display: inline-flex
}

body.message-bar-active .mobile-menu .accordionmenu {
	height: calc(100% - +26rem)
}

body.message-bar-active .mobile-menu .accordionmenu.menu-open {
	height: calc(100% - 18rem)
}

.show {

	visibility: visible !important;
	display: block !important
}

.hide {
	opacity: 0 !important;
	visibility: hidden !important
}

@media all and (-ms-high-contrast:none) {
	.language img {
		width: 2.1rem;
		height: 2.1rem;
		margin-top: 1.3rem
	}

	.dropdown-menu1-content li.category-icon-valentines-day {
		padding-left: 1.2rem;
		background-size: 6rem;
		background-position: -.7rem 1rem;
		position: relative
	}

	.dropdown-menu1-content li.category-icon-valentines-day.active {
		padding-left: 1.2rem;
		background-size: 6rem;
		background-position: -.7rem 1rem;
		position: relative
	}
}

.photo-upload-page .header-light {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 4
}

.header-light {
	background: #fff;
	border-bottom: solid #f3f3f3 1px;
	position: relative
}

@media screen and (max-width:1024px) {
	.header-light {
		padding: 0;
		height: 50px
	}
}

.header-light .container {
	max-width: 999px;
	margin: auto;
	position: relative;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box
}

@media screen and (max-width:1024px) {
	.header-light .container {
		padding: 0 5px;
		height: 50px
	}
}

.header-light .container .back {
	display: none;
	width: 50px
}

@media screen and (max-width:1024px) {
	.header-light .container .back {
		display: flex
	}
}

.header-light .container .back i {
	font-size: 22px;
	color: #2e3440;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center
}

.header-light .container .right {
	display: flex;
	align-items: center
}

.header-light .logo {
	width: 130px;
	height: 65px;
}

@media screen and (max-width:1024px) {
	.header-light .logo {
		background-size: 90px;
		width: 90px;
		z-index: 11;
		height: 50px;
		background-position: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%)
	}
}

.header-light .user {
	position: relative;
	border: solid #d9d9d9 1px;
	border-radius: 8px;
	height: 40px;
	display: flex;
	align-items: center
}

@media screen and (max-width:768px) {
	.header-light .user {
		display: none
	}
}

.header-light .user span {
	font-size: 13px;
	line-height: 40px;
	color: #2e3440;
	display: inline-block;
	-webkit-transition: all .5s;
	transition: all .5s;
	font-weight: 500;
	letter-spacing: 0;
	margin-right: 5px
}

@media screen and (max-width:768px) {
	.header-light .user span {
		display: none
	}
}

.header-light .user .dropdown {
	font-size: 20px;
	color: #2e3440;
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 20px
}

.header-light .user .dropdown .profile a {
	display: flex;
	align-items: center
}

.header-light .user .dropdown:after {
	content: "";
	font-family: ionicons;
	font-size: 16px;
	color: #2e3440;
	opacity: .5
}

.header-light .user .dropdown:hover span {
	color: #2e3440
}

.header-light .user .dropdown:hover:after {
	content: "";
	opacity: 1;
	-moz-transform: rotate(180deg) translate(0);
	-webkit-transform: rotate(180deg) translate(0);
	-o-transform: srotate(180deg) translate(0);
	transform: srotate(180deg) translate(0)
}

.header-light .user .dropdown.user-active {
	padding: 0 15px 0 5px
}

.header-light .user .dropdown.user-active .image {
	margin-top: 10px;
	cursor: pointer
}

.header-light .user .dropdown.user-active .image img {
	border-radius: 100%;
	width: 30px;
	display: inline-block
}

.header-light .user .dropdown.user-active .profile {
	background: 0 0
}

.header-light .user .dropdown.user-active .profile span {
	font-weight: 600;
	margin-right: 7px
}

.header-light .user .dropdown.user-active .profile img {
	padding: 0;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	margin-right: 7px
}

.header-light .user .dropdown.user-active .user-dropdown-content .content {
	padding: 10px
}

.header-light .user .dropdown:hover .user-dropdown-content {
	opacity: 1;
	visibility: visible;
	top: 20px;
	right: 0;
	position: absolute;
	z-index: 101
}

.header-light .user .user-dropdown-content {
	width: 200px;
	position: absolute;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	right: 0;
	top: 35px;
	right: -5px;
	padding-top: 25px;
	white-space: nowrap
}

.header-light .user .user-dropdown-content:after {
	content: " ";
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #fff;
	position: absolute;
	right: 22px;
	top: 14px;
	height: 0;
	width: 0;
	border-width: 12px
}

.header-light .user .user-dropdown-content .content {
	background: #fff;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .3);
	border-radius: .8rem;
	padding: 5px 10px;
	min-height: 100%;
	border-radius: 10px
}

.header-light .user .user-dropdown-content .content img {
	width: 50px;
	border-radius: 100%;
	display: block;
	text-align: center;
	margin: auto
}

.header-light .user .user-dropdown-content .content a {
	font-size: 14px;
	color: #2e3440;
	display: block;
	line-height: 50px;
	font-weight: 500;
	margin: 5px 10px;
	border-bottom: solid #f3f3f3 1px
}

.header-light .user .user-dropdown-content .content a:last-child {
	border: none
}

.header-light .user .user-dropdown-content .content a:hover {
	color: #ff6f26
}

.header-light .user .user-dropdown-content .content .profile {
	text-align: center
}

.header-light .user .user-dropdown-content .content .profile.active {
	padding: 15px 15px 0
}

.header-light .user .user-dropdown-content .content .profile .icon {
	width: 7rem;
	height: 7rem;
	margin: auto;
	background: #ff4600;
	text-align: center;
	border-radius: 100%
}

.header-light .user .user-dropdown-content .content .profile .icon i {
	line-height: 7rem;
	font-size: 4rem;
	color: #fff;
	position: relative
}

.header-light .user .user-dropdown-content .content .profile img {
	width: 70px;
	border-radius: 100%;
	height: 70px
}

.header-light .user .user-dropdown-content .content .user-name {
	font-size: 16px;
	line-height: 30px;
	color: #2e3440;
	font-weight: 600;
	display: block;
	text-align: center
}

.header-light .user .user-dropdown-content .content ul {
	padding: 10px 0
}

.header-light .user .user-dropdown-content .content ul li a {
	display: block;
	font-size: 13px;
	color: #88949e;
	font-weight: 400;
	line-height: 34px
}

.header-light .user .user-dropdown-content .content .logout {
	font-size: 14px;
	color: #2e3440;
	display: block;
	line-height: 50px;
	font-weight: 500;
	margin: 0 10px
}

.header-light .user .user-dropdown-content .content .logout:hover {
	color: #ff6f26
}

.header-light .basket {
	padding: 0 24px
}

.header-light .basket .icon {
	position: relative
}

.header-light .basket .icon .count {
	width: 23px;
	height: 23px;
	background: #ff6f26;
	position: absolute;
	right: -12px;
	top: -12px;
	text-align: center;
	font-size: 11px;
	color: #fff;
	border-radius: 100%;
	line-height: 20px;
	border: solid #fff 2px;
	box-sizing: border-box
}

.header-light .basket span {
	font-size: 13px;
	color: #2e3440;
	display: inline-block;
	padding-left: 5px;
	-webkit-transition: .3s;
	transition: .3s
}

@media screen and (max-width:1024px) {
	.header-light .basket span {
		display: none
	}
}

.nav-bottom-menu {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	top: auto;
	z-index: 1;
	display: none;
	z-index: 10000000000;
	flex-direction: column;
	display: flex
}

.nav-bottom-menu ul {
	display: flex;
	align-items: center;
	background: #fff;
	display: none;
	border-top: solid #f3f3f3 .1rem;
	padding-bottom: env(safe-area-inset-bottom)
}

@media screen and (max-width:1024px) {
	.nav-bottom-menu ul {
		display: flex
	}
}

.nav-bottom-menu ul li {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex: 1;
	padding: .5rem 0
}

.nav-bottom-menu ul li.active svg {
	stroke: #ff6f26 !important
}

.nav-bottom-menu ul li.active span {
	color: #ff6f26
}

.nav-bottom-menu ul li i {
	width: 3rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: .4rem;
	position: relative
}

.nav-bottom-menu ul li i span {
	position: absolute;
	top: 1.4rem;
	left: -2.8rem;
	width: 100%;
	font-size: 1rem;
	color: #ff6f26;
	font-style: normal;
	text-align: center
}

.nav-bottom-menu ul li i svg {
	stroke: #2e3440
}

.nav-bottom-menu ul li a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-basis: 100%
}

.nav-bottom-menu ul li svg.stroke {
	stroke: #2e3440
}

.nav-bottom-menu ul li span {
	font-size: 1.1rem;
	color: #2e3440;
	font-weight: 500
}

.nav-bottom-menu .count {
	width: 1.8rem;
	height: 1.8rem;
	background: #ff6f26;
	display: flex;
	justify-content: center;
	line-height: 1.8rem;
	position: absolute;
	top: -.4rem;
	right: -.4rem;
	font-size: 1.1rem;
	font-style: normal;
	font-weight: 500;
	color: #fff;
	border-radius: 100%
}



form label {
	    font-size: 14px;
	color: #2e3440;

	display: flex;
	height: 3rem;
	align-items: center;
	justify-content: space-between
}

form .form-item {
	flex-direction: column;
	position: relative
}

@media screen and (max-width:768px) {
	form .form-item {
		margin: 0 0 1.5rem
	}
}

form input {
	width: 100%;
	height: 5rem;
	padding: 0 1rem;
	font-size: 1.3rem;
	color: #2e3440;
	border-radius: .5rem;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .8rem;
	    border: solid #e8eaeb 0.1rem;
}

form input:focus {
	background: #fff;

}

form input::-webkit-input-placeholder {
	color: #9d9da4
}

form input:-ms-input-placeholder {
	color: #9d9da4
}

form input::placeholder {
	color: #9d9da4
}

form h3 {
	font-size: 2rem;
	color: #2e3440;
	font-weight: 600
}

.text-area {
	width: 100%;
	min-height: 5rem;
	display: block;
	padding: 1rem;
	background: 0 0;
	border-bottom: solid #eef1f2 .1rem;
	outline: 0;
	resize: none;
	margin: 0 0 1rem;
	text-align: justify;
	color: #23262e;
	-o-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	font-weight: 400;
	font-family: san francisco text;
	font-size: 1.4rem;
	border-radius: .8rem
}

.text-area:focus {
	transition: .5s;
	color: #2e3440;
	background: #fff
}

.text-area::-webkit-input-placeholder {
	color: #b5bec2;
	font-size: 1.4rem;
	font-weight: 400
}

.text-area::-moz-placeholder {
	color: #b5bec2;
	font-size: 1.4rem;
	font-weight: 400
}

.text-area:-ms-input-placeholder {
	transition: .5s;
	color: #b5bec2;
	font-size: 1.4rem;
	font-weight: 400
}

.text-area:-moz-placeholder {
	transition: .5s;
	color: #b5bec2;
	font-size: 1.4rem;
	font-weight: 400
}

.text-danger {
	color: #f34848;
	line-height: 2.5rem;
	font-size: 1.2rem;
	width: 100%;
	display: flex;
	font-weight: 400;
	animation: fadein 2s;
	-moz-animation: fadein 2s;
	-webkit-animation: fadein 2s;
	-o-animation: fadein 2s
}







body.no-scroll,
body.scroll-disabled {
	position: fixed;
	height: 100%;
	width: 100%
}

body.padding-none {
	padding: 0
}

body.menu-hide {
	padding-top: 6.5rem
}

@media screen and (max-width:768px) {
	body.menu-hide {
		padding-top: 5rem
	}
}

body.country {
	padding-top: 18rem
}

@media screen and (max-width:768px) {
	body.country {
		padding-top: 15rem
	}
}

body.country.country-hide {
	padding-top: 13rem
}

@media screen and (max-width:768px) {
	body.country.country-hide {
		padding-top: 6rem
	}
}

a {
	text-decoration: none
}

img {
	width: 100%;
	height: auto
}

@media screen and (max-width:768px) {
	body.noscroll {
		overflow: visible;
		height: 100%
	}

	.open {
		opacity: 1;
		right: 0
	}
}