@keyframes aniGradientBG {
	0% {
		background-position: 0 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0 50%
	}
}

.serif,main h3,main heading,main discount {
	font-family: 'DM Serif Display','Hiragino Maru Gothic Pro','ＭＳ Ｐゴシック',Microsoft YaHei,Hiragino Sans GB,sans-serif
}

@keyframes aniGradientBG {
	0% {
		background-position: 0 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0 50%
	}
}

.serif,main h3,main heading,main discount {
	font-family: 'DM Serif Display','Hiragino Maru Gothic Pro','ＭＳ Ｐゴシック',Microsoft YaHei,Hiragino Sans GB,sans-serif
}

main h3,main h4,main p,main heading,main discount {
	margin: 0;
	color: #333;
	text-align: center
}

main h3,main heading,main discount {
	font-weight: normal
}

main heading,main discount {
	display: block;
	font-size: 22px;
	line-height: 26px;
	text-transform: uppercase
}

@media (max-width:599px) {
	main heading,main discount {
		font-size: 16px;
		line-height: 18px
	}
}

main heading sup {
	text-transform: lowercase
}

main h3 {
	font-size: 26px;
	line-height: 26px;
	text-transform: uppercase;
	margin-bottom: 0.5em
}

@media (min-width:960px) {
	main h3 {
		font-size: 30px;
		line-height: 30px
	}
}

main h4 {
	font-size: 14px;
	line-height: 16px;
	font-weight: 500
}

main .showMoreRow {
	margin: 0
}

main md-grid-tile div.ng-scope {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%
}

main md-grid-tile ul {
	margin: 0;
	padding: 0;
	list-style: none;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	bottom: 15%;
	text-align: center;
	width: 100%;
	max-width: 460px !important
}

main md-grid-tile ul>li {
	display: inline-block;
	width: 185px;
	margin: 8px
}

@media (max-width:419px) {
	main md-grid-tile ul>li {
		width: 40%
	}
}

main md-grid-tile ul>li a {
	-webkit-transition: 0.2s;
	transition: 0.2s;
	background: rgba(255,255,255,0.85);
	color: #444;
	display: block;
	text-decoration: none;
	padding: 8px
}

main md-grid-tile ul>li a:hover {
	-webkit-transform: scale(1.06,1.06);
	-ms-transform: scale(1.06,1.06);
	transform: scale(1.06,1.06);
	color: #63c956
}

main md-grid-tile .thislook {
	color: #FFF;
	position: absolute;
	bottom: 1em;
	right: 1em
}

main md-grid-tile:hover h3 {
	text-shadow: 0 2px 8px black;
	text-decoration: underline
}

main md-grid-tile:hover .pg {
	-webkit-transform: scale(1.06,1.06);
	-ms-transform: scale(1.06,1.06);
	transform: scale(1.06,1.06);
	-webkit-filter: brightness(0.75);
	-moz-filter: brightness(0.75);
	filter: brightness(0.75)
}

@media (min-width:960px) {
	.contentWrap {
		padding-left: 0;
		padding-right: 0
	}
}

.px-0 {
	padding-left: 0;
	padding-right: 0
}

.card-hover {
	position: relative;
	box-sizing: border-box;
	background: #fff
}

.card-hover:before,.card-hover:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: Min(10px,2%);
	width: calc(50% - Min(10px,2%));
	height: 8px;
	max-width: 300px;
	background: #777;
	-webkit-box-shadow: 0 14px 10px #777;
	-moz-box-shadow: 0 14px 10px #777;
	box-shadow: 0 14px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg)
}

.card-hover:after {
	right: Min(10px,2%);
	left: auto;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg)
}

@media (min-width:960px) {
	.card-hover.card-transparent {
		background: none
	}

	.card-hover.card-transparent:before,.card-hover.card-transparent:after {
		display: none
	}

	.card-hover.card-transparent .flipclock-wrapper {
		background: none !important
	}
}

.insert-banner,.limited-discount-banner {
	height: 114px;
	min-height: 114px
}

@media (min-width:960px) {
	.insert-banner,.limited-discount-banner {
		height: 85px;
		min-height: 85px
	}
}

.insert-banner {
	margin-top: -40px;
	margin-bottom: 70px;
	background-color: rgba(255,255,255,0.6)
}

.limited-discount-banner {
	position: relative;
	padding: 20px 16px 11px;
	color: #fff;
	background-color: #222;
	box-sizing: border-box
}

.limited-discount-banner :first-child .x-divider>:not(:first-child) {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(255,255,255,0.3);
	margin-left: 16px;
	padding-left: 14px
}

@media (max-width:959px) {
	.limited-discount-banner {
		padding: 16px 8px 32px
	}

	.limited-discount-banner :first-child .x-divider>:not(:first-child) {
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: rgba(255,255,255,0.3);
		margin-left: 10px;
		padding-left: 8px
	}
}

.limited-discount-banner :nth-child(2).x-divider>:not(:first-child):before {
	content: "";
	margin: 0 16px;
	width: 1px;
	height: 13px;
	display: inline-block;
	background-color: rgba(255,255,255,0.3);
	line-height: 12px
}

@media (max-width:959px) {
	.limited-discount-banner :nth-child(2).x-divider>:not(:first-child):before {
		margin-left: 10px;
		margin-right: 10px;
		height: 12px
	}
}

.limited-discount-banner .text-pink {
	color: #ff0090
}

.limited-discount-banner .bold {
	color: #ffff1e
}

.limited-discount-banner .offer span {
	margin: 0 2px;
	padding-bottom: 2px;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	font-family: "Lato",Helvetica,Arial,tahoma,"Hiragino Maru Gothic Pro","ＭＳ Ｐゴシック",Microsoft YaHei,Hiragino Sans GB,sans-serif !important
}

.limited-discount-banner .offer span+span {
	font-size: 12px;
	line-height: 14px;
	font-weight: normal
}

@media (min-width:960px) {
	.limited-discount-banner .offer span,.limited-discount-banner .offer span+span {
		font-size: 20px
	}
}

.limited-discount-banner>div:nth-child(2) {
	font-size: 12px;
	margin-top: 4px
}

@media (min-width:960px) {
	.limited-discount-banner>div:nth-child(2) {
		font-size: 14px;
		margin-top: 8px
	}
}

.limited-discount-banner a {
	position: absolute;
	bottom: 14px;
	right: 30px;
	font-size: 12px;
	color: rgba(255,255,255,0.5)
}

.limited-discount-banner a:hover {
	color: #63c956
}

@media (max-width:959px) {
	.limited-discount-banner a {
		left: auto;
		right: auto;
		bottom: 12px
	}
}

.limited-discount-banner.lighttheme :first-child .x-divider>:not(:first-child) {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(0,0,0,0.3);
	margin-left: 16px;
	padding-left: 14px
}

@media (max-width:959px) {
	.limited-discount-banner.lighttheme :first-child .x-divider>:not(:first-child) {
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: rgba(0,0,0,0.3);
		margin-left: 10px;
		padding-left: 8px
	}
}

.limited-discount-banner.lighttheme :nth-child(2).x-divider>:not(:first-child):before {
	background-color: rgba(0,0,0,0.3)
}

.limited-discount-banner.lighttheme a {
	color: rgba(0,0,0,0.5)
}

.discount-grid {
	padding: 0 8px;
	margin-bottom: 30px;
	box-sizing: border-box
}

@media (max-width:959px) {
	.discount-grid {
	}

	.discount-grid:not(.beauty-discount-grid) .flex-50:first-child {
		flex: 100%
	}

	.discount-grid:not(.beauty-discount-grid) .flex-50:first-child,.discount-grid:not(.beauty-discount-grid) .flex-50:first-child .grid-item.card-hover {
		max-width: 100%
	}
}

@media (min-width:960px) {
	.discount-grid {
		padding: 0 15px;
		margin-bottom: 40px
	}
}

.discount-grid>div {
	padding-bottom: 30px
}

@media (min-width:600px) {
	.discount-grid>div {
		padding-bottom: 40px
	}
}

.discount-grid .grid-item {
	position: relative;
	display: block;
	height: 100%;
	margin: 0 8px;
	background-size: auto 46vw;
	text-decoration: none;
	z-index: 1
}

.discount-grid .grid-item:hover {
	color: #666
}

@media (min-width:600px) {
	.discount-grid .grid-item {
		margin: 0 8px 0
	}
}

@media (min-width:960px) {
	.discount-grid .grid-item {
		margin: 0 15px 0;
		height: 100%;
		background-size: auto
	}
}

.discount-grid .grid-item .grid-img {
	position: relative;
	top: 0;
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-color: rgba(255,255,255,0.6);
	height: calc((50vw - 32px)*1.16)
}

@media (min-width:600px) {
	.discount-grid .grid-item .grid-img {
		height: calc(50vw - 32px)
	}
}

@media (min-width:960px) {
	.discount-grid .grid-item .grid-img {
		max-height: 270px
	}
}

.discount-grid .grid-item .card-hover {
	top: 0;
	width: 100%;
	min-height: 90px;
	margin: 0 auto;
	padding: 16px 12px;
	height: calc(100% - (50vw - 32px)*1.16)
}

@media (min-width:600px) {
	.discount-grid .grid-item .card-hover {
		margin-top: -60px;
		padding: 15px 20px 17px;
		height: calc(100% - (50vw - 32px) + 60px)
	}
}

@media (min-width:960px) {
	.discount-grid .grid-item .card-hover {
		max-width: 335px;
		padding-top: 18px;
		padding-bottom: 21px;
		height: calc(100% - 210px)
	}
}

.discount-grid .grid-item .card-hover heading {
	margin-bottom: 0
}

.discount-grid .grid-item .card-hover div {
	margin-top: 7px;
	text-align: center
}

.discount-grid .grid-item .card-hover discount {
	display: block
}

.discount-grid .grid-item .card-hover discount+div+div {
	margin-top: 4px
}

@media (max-width:599px) {
	.discount-grid .grid-item .card-hover heading,.discount-grid .grid-item .card-hover discount {
		font-size: 16px;
		line-height: 18px
	}

	.discount-grid .grid-item .card-hover div {
		font-size: 12px
	}
}

.discount-grid.beauty-discount-grid .grid-item .grid-img {
	background-position: center center;
	height: calc(50vw - 32px)
}

@media (min-width:600px) {
	.discount-grid.beauty-discount-grid .grid-item .grid-img {
		height: calc(50vw - 32px)
	}
}

.discount-grid.beauty-discount-grid .grid-item .card-hover {
	height: calc(100% - (50vw - 32px))
}

@media (min-width:600px) {
	.discount-grid.beauty-discount-grid .grid-item .card-hover {
		height: calc(100% - (50vw - 32px) + 60px)
	}
}

@media (min-width:960px) {
	.discount-grid.beauty-discount-grid .grid-item .card-hover {
		height: calc(100% - 210px)
	}
}

.product-highlight {
	padding: 24px 0 30px;
	background-color: #fff
}

@media (min-width:960px) {
	.product-highlight {
		max-height: 580px;
		padding-left: 10px;
		padding-right: 10px
	}
}

.product-highlight h3 {
	margin-bottom: 0
}

.product-highlight .item-list {
	position: relative;
	display: flex;
	width: 100%;
	padding: 24px 10px 30px;
	overflow-x: scroll;
	overflow-y: hidden;
	scrollbar-width: none
}

.product-highlight .item-list::-webkit-scrollbar {
	display: none
}

.product-highlight .item-list .md-button {
	position: absolute;
	top: 114px;
	z-index: 3;
	min-width: 38px;
	width: 38px;
	height: 38px;
	padding: 0;
	color: #333;
	background: #fff;
	border-radius: 50%;
	border: solid 1px rgba(0,0,0,0.15);
	box-sizing: border-box
}

.product-highlight .item-list .md-button[disabled] {
	color: #bbb
}

.product-highlight .item-list .icon-angle-left {
	left: -8px
}

.product-highlight .item-list .icon-angle-right {
	right: -8px
}

.product-highlight .item-list .itemContainer {
	width: calc((100vw - 30px)*0.5);
	padding: 0 8px
}

@media (min-width:600px) {
	.product-highlight .item-list .itemContainer {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media (min-width:960px) {
	.product-highlight .item-list .itemContainer {
		width: 20%;
	}
}

@media only screen and (max-width:1126px) and (min-width:960px) {
	.product-highlight .item-list .itemContainer:not(:nth-child(-n+7)) {
		display: none
	}
}

.product-highlight .item-list .itemContainer a {
	width: 100%;
	height: 100%;
	background: #fff;
	box-sizing: border-box;
	border-radius: 16px;
	overflow: hidden;
	text-decoration: none
}

.product-highlight .item-list .itemContainer a,.product-highlight .item-list .itemContainer a:hover {
	color: #212121
}

.product-highlight .item-list .itemContainer .itemCover {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	height: 160px;
	max-height: 216px
}

@media (min-width:600px) {
	.product-highlight .item-list .itemContainer .itemCover {
		height: 180px
	}
}

@media only screen and (min-width:1040px) {
	.product-highlight .item-list .itemContainer .itemCover {
		height: 216px
	}
}

.product-highlight .item-list .itemContainer .itemContent {
	padding: 12px 8px 14px
}

.product-highlight .item-list .itemContainer .itemContent .itemTitle {
	padding: 0 4px;
	margin-bottom: 7px
}

.product-highlight .item-list .itemContainer .itemContent .itemTitle,.product-highlight .item-list .itemContainer .itemContent .itemPrice {
	line-height: 16px
}

.product-highlight .item-list .itemContainer .itemContent .itemPrice s,.product-highlight .item-list .itemContainer .itemContent .itemPrice span {
	white-space: nowrap
}

.product-highlight .item-list .itemContainer .itemContent .itemPrice s {
	color: #666;
	padding-left: 2px;
	padding-right: 2px
}

.product-highlight .item-list .itemContainer .itemContent .itemPrice s:before,.product-highlight .item-list .itemContainer .itemContent .itemPrice s:after {
	content: "\00a0"
}

.product-highlight .item-list .itemContainer .itemContent .itemPrice span,.product-highlight .item-list .itemContainer .itemContent .itemsClaimed {
	padding-left: 4px;
	padding-right: 4px
}

.product-highlight .item-list .itemContainer .itemContent .nowrap,.product-highlight .item-list .itemContainer .itemContent ul.square a.help,ul.square .product-highlight .item-list .itemContainer .itemContent a.help {
	font-size: 12px
}

.product-highlight .grey-button {
	margin: 0
}

@media (min-width:600px) {
	.product-highlight.flash-sales-fashion {
		min-height: 454px
	}
}

@media only screen and (min-width:1040px) {
	.product-highlight.flash-sales-fashion {
		min-height: 494px
	}
}

@media (min-width:600px) {
	.product-highlight.flash-sales-beauty {
		min-height: 494px
	}
}

@media only screen and (min-width:1040px) {
	.product-highlight.flash-sales-beauty {
		min-height: 534px
	}
}

@media (min-width:600px) {
	.product-highlight.clearance-fashion {
		min-height: 391px
	}
}

@media only screen and (min-width:1040px) {
	.product-highlight.clearance-fashion {
		min-height: 431px
	}
}

@media (min-width:600px) {
	.product-highlight.clearance-beauty {
		min-height: 431px
	}
}

@media only screen and (min-width:1040px) {
	.product-highlight.clearance-beauty {
		min-height: 471px
	}
}

.product-highlight[class*="lowest-price"],.product-highlight[class*="lowest-price"] .item-list {
	padding-bottom: 27px
}

@media (min-width:600px) {
	.product-highlight.lowest-price-fashion {
		min-height: 429px
	}
}

@media only screen and (min-width:1040px) {
	.product-highlight.lowest-price-fashion {
		min-height: 469px
	}
}

@media (min-width:600px) {
	.product-highlight.lowest-price-beauty {
		min-height: 469px
	}
}

@media only screen and (min-width:1040px) {
	.product-highlight.lowest-price-beauty {
		min-height: 509px
	}
}

.flash-sales-fashion,.flash-sales-beauty {
	position: relative;
	background-color: #fe1580
}

.flash-sales-fashion>h3,.flash-sales-fashion>p,.flash-sales-fashion>.flipclock,.flash-sales-beauty>h3,.flash-sales-beauty>p,.flash-sales-beauty>.flipclock {
	position: relative
}

.flash-sales-fashion p,.flash-sales-beauty p {
	margin-bottom: 10px
}

.flash-sales-fashion h3,.flash-sales-fashion p,.flash-sales-beauty h3,.flash-sales-beauty p {
	color: #fff
}

.flash-sales-fashion .flipclock-mini,.flash-sales-beauty .flipclock-mini {
	margin-top: 10px;
	margin-bottom: -4px
}

.flash-sales-fashion:before,.flash-sales-beauty:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.flash-sales-fashion {
	background: linear-gradient(135deg,#fe1483 0,#fe1483 10%,#5410c5 40%,#2ae2ee 82%,#2ae2ee 100%)
}

.flash-sales-fashion:before {
	background: linear-gradient(-145deg,#5defa4 0,rgba(93,239,164,0) 35%,rgba(93,239,164,0) 100%)
}

.flash-sales-beauty {
	background: linear-gradient(135deg,#45ca3b 0,#45ca3b 8%,#08acf8 36%,#ffa0f5 82%,#ffa0f5 100%)
}

.flash-sales-beauty:before {
	background: linear-gradient(-155deg,#fefd05 0,rgba(254,253,5,0) 35%,rgba(254,253,5,0) 100%)
}

.lowest-price-fashion .itemTitle,.flash-sales-fashion .itemTitle,.clearance-fashion .itemTitle {
	display: none !important
}[class*="lowest-price"].sections,.flash-sales-fashion.sections,.flash-sales-beauty.sections {
	margin-bottom: 30px
}

@media (min-width:960px) {
[	class*="lowest-price"].sections,.flash-sales-fashion.sections,.flash-sales-beauty.sections {
		margin-bottom: 30px
	}
}[class*="lowest-price"] {
	background-size: 140% 100%;
	background-image: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/creative/share/l_lowest_price_ever.jpg);
	background-color: #140128;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden
}

@media (min-width:600px) {
[	class*="lowest-price"] {
		background-size: 120% 100%
	}
}

@media (min-width:960px) {
[	class*="lowest-price"] {
		background-size: 100% 100%
	}
}[class*="lowest-price"] h3 {
	color: #fff;
	text-shadow: 0 0 4px #fff,0 0 6px #fff,0 0 10px #5271ff,0 0 18px #5271ff,0 0 20px #5271ff
}[class*="lowest-price"] .flipclock-mini {
	margin-top: 10px;
	margin-bottom: -4px
}[class*="lowest-price"] .restriction {
	padding: 0 16px;
	color: rgba(255,255,255,0.75);
	text-align: center
}

.stock-clearance {
	background-color: #d90035;
	background-image: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/creative/share/instock_deco.png),url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/creative/share/instock_deco.png),url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/creative/share/instock_dotted.png);
	background-position: left -310px top,right -340px top,center center;
	background-size: auto 100%,auto 100%,auto;
	background-repeat: no-repeat,no-repeat,repeat
}

@media (min-width:600px) {
	.stock-clearance {
		background-position: left -296px top,right -296px top,center center
	}
}

@media (min-width:960px) {
	.stock-clearance {
		background-position: left -240px top,right -240px top,center center
	}
}

.stock-clearance h3 {
	color: #fff;
	text-shadow: -1px 1px 0 #d90035,-2px 3px 0 rgba(0,0,0,0.7)
}

.stock-clearance h3 span {
	white-space: nowrap
}

.stock-clearance p {
	margin-bottom: 0;
	color: rgba(255,255,255,0.9)
}

.stock-clearance .item-list .itemContainer .itemContent .itemDiscount {
	font-weight: bold;
	text-align: right;
	text-transform: uppercase
}

html,body {
	background-color: #f1f2f6
}

html a,body a {
	-webkit-touch-callout: default
}

body,button,select,input,textarea {
	font-family: "Lato",Helvetica,Arial,tahoma,"Hiragino Maru Gothic Pro","ＭＳ Ｐゴシック",Microsoft YaHei,Hiragino Sans GB,sans-serif;
	font-size: 14px
}

small {
	font-family: tahoma,arial
}

img {
	vertical-align: middle
}

a:link,a:visited {
	color: #666
}

a:hover {
	color: #63c956;
	cursor: pointer
}

dl {
	line-height: 1.44
}

dt,.bold {
	font-weight: bold
}

@media (max-width:599px) {
	dd {
		margin-left: 0
	}
}

main {
	display: block
}

.container,.siteAlert {
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	box-sizing: border-box
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	content: "";
	display: block;
	font-size: 1px;
	clear: both
}

@media (max-width:959px) {
	.overhide {
		overflow: hidden
	}
}

topbar-carousel,.hidden {
	display: none
}

nobr,.nowrap,ul.square a.help,.ellip {
	white-space: nowrap
}

.subtle {
	color: #666
}

.normal {
	font-weight: normal
}

.relative {
	position: relative
}

.affix {
	position: fixed
}

.spacer {
	padding: 16px
}

.p {
	margin: 1em 0
}

.ellip {
	vertical-align: middle;
	text-overflow: ellipsis;
	overflow: hidden
}

.md-input-messages-animation .md-input-message-animation.ys-showerror {
	opacity: 1;
	margin-top: 0
}

h5 {
	font-size: 14px
}

.alert {
	margin-bottom: 16px;
	padding: 13px 16px;
	border-top: 3px solid transparent;
	border-radius: 0 0 4px 4px;
	box-sizing: border-box
}

.alert h4 {
	color: inherit;
	margin-top: 0
}

.alert h5 {
	margin: 0 0 7px !important;
	padding: 0
}

.alert>p+p {
	margin-top: 8px
}

.alert a {
	font-weight: 400
}

.alert.top,.alert.bottom {
	margin-bottom: 0;
	border-radius: 0
}

.alert.top {
	border-width: 0 0 1px
}

.alert.bottom {
	padding-top: 8px;
	padding-bottom: 8px;
	min-height: 36px;
	font-size: 13px;
	border-width: 1px 0 0
}

.alert.mini {
	padding-top: 8px;
	padding-bottom: 9px
}

.alert-general {
	border-color: #666
}

.alert-success {
	background-color: #f1ffed;
	border-color: #abed8a;
	color: #3c763d
}

.alert-success hr {
	border-top-color: #c9e2b3
}

.alert-success a {
	color: #2b542c;
	white-space: nowrap
}

.alert-info {
	background-color: #d9edf7;
	border-color: #80dbf1;
	color: #31708f
}

.alert-info hr {
	border-top-color: #a6e1ec
}

.alert-info a {
	color: #245269
}

.alert-warning {
	background-color: #fcf8e3;
	border-color: #fada9f;
	color: #8a6d3b
}

.alert-warning hr {
	border-top-color: #f7e1b5
}

.alert-warning a {
	color: #66512c
}

.alert-warning.resultEmpty {
	margin-top: 5px;
	border-bottom: 3px solid #f7e1b5;
	border-radius: 0;
	text-align: center
}

.alert-danger {
	background-color: #fde5e5;
	border-color: #ff8e8d;
	color: #a94442
}

.alert-danger hr {
	border-top-color: #e4b9c0
}

.alert-danger a {
	color: #843534
}

.smallAlert .alert {
	padding-left: 11px;
	padding-right: 11px
}

.text-success {
	color: #3c763d
}

.text-info {
	color: #31708f
}

.text-warning {
	color: #8a6d3b
}

.text-danger {
	color: #a94442
}

.contentWidth {
	max-width: 780px;
	box-sizing: border-box
}

.noIndent,.noPoint {
	padding-left: 16px;
	margin-left: 0
}

.noIndent li,.noPoint li {
	margin: 8px 0
}

.noPoint {
	padding-left: 0 !important;
	list-style-type: none
}

.remark {
	color: #666;
	font-weight: normal
}

.remark.dialog-grey {
	color: #A9A9A9
}

.material-icons.fontSize {
	font-size: 14px
}

.material-icons.fontSize.active {
	color: #63c956
}

md-menu-item.active button {
	font-weight: bold;
	color: #63c956
}

.truncate-content {
	display: block;
	--lh: 1.4em;
	--max-lines: 3;
	line-height: var(--lh)
}

.truncate-content P:first-child {
	margin-top: 0
}

.truncate-content.truncate-overflow {
	display: -webkit-box;
	max-height: calc(var(--lh)*var(--max-lines));
	-webkit-line-clamp: var(--max-lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.truncate-content.truncate-overflow p {
	margin: 0
}

.align-left {
	text-align: left
}

.align-center {
	text-align: center
}

.align-right {
	text-align: right
}

.noStyle,.ys-multiple-accordion ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.noStyle li,.ys-multiple-accordion ul li {
	display: block
}

.noStyle.inlineChild li {
	display: inline-block
}

ul.square {
	list-style: square outside none;
	padding: 0 0 0 12px;
	-webkit-padding-start: 16px
}

ul.square:not(.defaultMargin) {
	margin: 0
}

ul.square li {
	padding: 0;
	margin-bottom: 6px
}

ul.square li:last-child {
	margin-bottom: 0
}

@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop,ul.square {
		padding-left: 15px
	}
}

.linkUnderline a,a.linkUnderline {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	color: #999;
	text-decoration: none;
	border-bottom: 1px solid transparent
}

.linkUnderline a:hover,a.linkUnderline:hover {
	border-color: #63c956 !important
}

.linkUnderline a:hover,.linkUnderline a.colorReverse,a.linkUnderline:hover,a.linkUnderline.colorReverse {
	color: #63c956 !important
}

.md-ys-theme.roundCorner {
	margin: 0;
	padding: 0;
	width: 100%
}

.md-ys-theme.roundCorner.autoWidth {
	width: auto
}

.md-ys-theme.roundCorner md-select {
	margin: 0;
	height: 36px;
	color: #444;
	border: 1px solid #dfe0e6;
	border-radius: 4px
}

.md-ys-theme.roundCorner md-select .md-select-value,.md-ys-theme.roundCorner md-select:focus:not([disabled]) .md-select-value {
	align-items: baseline;
	border: none;
	padding: 7px 4px 0 10px
}

.md-ys-theme.roundCorner md-select .md-select-value.md-select-placeholder {
	color: #212121
}

.md-ys-theme.roundCorner md-select:hover {
	border-color: #63c956
}

.md-ys-theme.roundCorner .md-select-icon:after {
	top: 3px;
	transform: scaleY(0.5) scaleX(1)
}

.round-btn-wrapper .round-btn {
	-webkit-transition: 0.3s;
	transition: 0.3s
}

.round-btn-wrapper.slicer .round-btn {
	margin: 0;
	padding: 0 10px;
	min-width: 32px;
	line-height: 72px;
	height: 72px;
	border: none;
	background: white;
	overflow: hidden
}

.round-btn-wrapper.medium .round-btn {
	margin: 0 5px;
	padding: 0 5px;
	line-height: 40px;
	min-height: 40px;
	font-weight: bold;
	text-transform: none
}

.round-btn-wrapper.small .round-btn {
	margin: 0 3px;
	padding: 0 5px;
	min-width: 38px;
	line-height: 34px;
	height: 38px;
	text-transform: none
}

.round-btn-wrapper.small .round-btn.vary {
	padding: 0
}

.round-btn-wrapper.small .round-btn.current,.round-btn-wrapper.small .round-btn.current:hover {
	color: #3eaf34 !important;
	border-color: #63c956;
	cursor: default
}

.round-btn-wrapper.small .round-btn.icon-angle-right {
	margin-right: 0
}

.round-btn-wrapper.small .separate {
	margin-left: 3px;
	margin-right: 3px
}

.round-btn-wrapper.small .separate .round-btn {
	margin-left: 0;
	margin-right: 0
}

.round-btn-wrapper .dotted {
	margin: 0 3px;
	padding: 0;
	min-width: 14px;
	line-height: 34px;
	height: 38px;
	text-transform: none;
	cursor: default;
	border: none;
	font-family: arial;
	font-siae: 16px;
	font-weight: bold
}

.round-btn-wrapper .dotted:hover {
	background: none
}

.round-btn-wrapper .round-btn {
	color: #666;
	border: 1px solid #dfe0e6;
	border-radius: 4px;
	box-sizing: border-box;
	background: #fff
}

.round-btn-wrapper .round-btn:not(.md-raised):not([disabled]):hover {
	color: #63c956
}

.round-btn-wrapper .round-btn:first-child {
	margin-left: 0
}

.round-btn-wrapper .round-btn:last-child {
	margin-right: 0
}

.round-btn-wrapper .round-btn:hover:not([disabled]) {
	background: #fff;
	border-color: #63c956
}

.round-btn-wrapper .round-btn[disabled] {
	color: #bbb
}

.round-btn-wrapper .round-btn.md-raised {
	box-shadow: none;
	border: none
}

.round-btn-wrapper.round-btn-group {
	margin-right: -3px
}

.round-btn-wrapper.round-btn-group .round-btn {
	margin: 0;
	border-radius: 0;
	box-sizing: border-box
}

.round-btn-wrapper.round-btn-group .round-btn:hover {
	position: relative;
	z-index: 1
}

.round-btn-wrapper.round-btn-group .round-btn.md-button {
	min-width: 0 !important
}

.round-btn-wrapper.round-btn-group .round-btn.md-button:first-child {
	margin-right: -1px;
	border-radius: 4px 0 0 4px
}

.round-btn-wrapper.round-btn-group .round-btn.md-button:last-child {
	margin-left: -1px;
	border-radius: 0 4px 4px 0
}

.round-btn-wrapper.round-btn-group .round-btn.md-button.md-primary {
	border-right: 1px solid rgba(0,0,0,0.2)
}

.round-btn-wrapper.round-btn-group .round-btn.md-button.md-primary:first-child {
	margin-right: 0
}

.round-btn-wrapper.round-btn-group .round-btn.md-button.md-primary:last-child {
	margin-left: 0;
	border-right: 0
}

.round-btn-wrapper.primary-group {
	margin: 0
}

.round-btn-wrapper.primary-group .md-primary {
	box-shadow: none;
	border: none
}

a.pill-btn.digit {
	font-size: 13px
}

a.pill-btn.shield {
	font-size: 14px;
	color: #000;
	margin: 4px 0;
	height: auto;
	display: flex;
	line-height: 1
}

a.pill-btn.shield>img {
	margin: 0 4px 0 -2px
}

.pill-btn-wrapper {
	margin: 12px 0 -8px
}

.pill-btn-wrapper .pill-btn:last-child {
	margin-right: 0
}

.pill-btn-wrapper .pill-btn:not(.fixedWidth) .icon:before {
	margin-right: 1px;
	font-size: 17px
}

.pill-btn-wrapper .pill-btn:not(.fixedWidth) .icon.icon-star:before {
	font-size: 18px
}

a.pill-btn:hover {
	color: #666;
	border-color: #63c956
}

a.pill-btn:hover .icon-angle-right {
	color: #63c956
}

.pill-btn,a.pill-btn {
	display: inline-block;
	margin-bottom: 8px;
	margin-right: 4px;
	padding: 0 10px;
	height: 34px;
	line-height: 32px;
	max-width: 100%;
	font-size: 12px;
	color: #999;
	background: white;
	box-sizing: border-box;
	border-radius: 20px;
	border: 1px solid #dfe0e6;
	text-decoration: none;
	outline: none
}

.pill-btn.small,a.pill-btn.small {
	margin-right: 0;
	height: 24px;
	line-height: 22px
}

.pill-btn.small.icon-video,a.pill-btn.small.icon-video {
	line-height: 18px
}

.pill-btn.darker .icon,a.pill-btn.darker .icon {
	color: #555
}

.pill-btn.fixedWidth,a.pill-btn.fixedWidth {
	padding: 0;
	min-width: 47px;
	text-align: center
}

.pill-btn.brandLanding .icon,a.pill-btn.brandLanding .icon {
	margin-right: -2px
}

.pill-btn .flag-icon,a.pill-btn .flag-icon {
	position: relative;
	top: -1px;
	box-shadow: 0 0 1px rgba(0,0,0,0.3)
}

.pill-btn .icon-angle-right:before,a.pill-btn .icon-angle-right:before {
	margin: -2px 0 0 8px;
	line-height: 32px
}

.pill-btn .icon:before,a.pill-btn .icon:before {
	margin-top: 0
}

.pill-btn .icon-video:before,a.pill-btn .icon-video:before {
	margin-top: 1px;
	margin-left: -1px;
	font-size: 18px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	a.pill-btn .icon:before {
		margin-top: -3px
	}

	a.pill-btn .icon-video:before {
		margin-top: -1px
	}
}

.bottomButton {
	padding: 0 16px;
	border-top: 2px solid #f1f2f6
}

.bottomButton .md-button {
	margin: 8px 0;
	width: 100%;
	color: #999;
	background: white !important;
	text-transform: none
}

.bottomButton .md-button:hover {
	color: #63c956;
	background: white
}

.exchangedAmount {
	display: inline-block;
	background-color: rgba(0,0,0,0.1);
	border-radius: 3px;
	padding: 3px 4px;
	font-size: 12px;
	color: rgba(0,0,0,0.5);
	white-space: nowrap
}

.md-button {
	padding: 0 11px
}

.md-button.no-shadow:not([disabled]),.md-button.md-primary.no-shadow:not([disabled]) {
	box-shadow: none
}

.md-button.wrap-button {
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 19px;
	white-space: normal
}

.md-button.wrap-button b {
	white-space: nowrap
}

@media (max-width:599px) {
	.md-button.wrap-button {
		padding: 9px 0
	}
}

.md-button.md-raised.md-warn[disabled] {
	color: rgba(0,0,0,0.38)
}

.md-button.md-raised.md-warn:not([disabled]) {
	background: #e54242
}

.md-button.md-raised.md-warn:hover:not([disabled]) {
	background: #d63636
}

.md-button.md-fab {
	padding: 0
}

.no-shadow .md-button:not([disabled]),.no-shadow .md-button.md-primary:not([disabled]) {
	box-shadow: none
}

actionrow {
	flex-direction: row;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	align-content: center;
	max-width: 100%
}

actionrow[align=right]:not(.layout-align-space-between-center) {
	justify-content: flex-end
}

actionrow[align=right] .md-button {
	margin-right: 0
}

actionrow[align=center] {
	justify-content: center
}

actionrow[align=left]:not(.layout-align-space-between-center) {
	justify-content: flex-start
}

actionrow[align=left] .md-button {
	margin-left: 0
}

@media (max-width:599px) {
	actionrow[xs-align=stretch] {
		flex-direction: column;
		align-items: stretch
	}

	actionrow[xs-align=stretch] .md-button {
		margin: 8px 0
	}
}

md-checkbox.md-default-theme.md-primary:not([disabled]):not(.md-checked) .md-icon,md-checkbox.md-primary:not([disabled]):not(.md-checked) .md-icon {
	border-color: #aaa;
	background: #f8f8f8
}

md-checkbox.md-checked .md-icon:after {
	left: 6px;
	top: 3px;
	width: 6px;
	height: 10px
}

md-checkbox .md-container,md-checkbox md-checkbox .md-icon {
	width: 18px;
	height: 18px
}

md-checkbox .md-icon {
	border-width: 1px;
	border-color: #09f
}

md-checkbox .md-label {
	margin-left: 28px
}

.gradientTop:before {
	content: "";
	display: block;
	width: 100%;
	height: 3px
}

.countdown {
	color: #f33
}

.icon-star:before,.icon-star:hover:before {
	color: #ffbe05
}

.colored .icon-myfav:before {
	color: #63c956
}

.regular-bg {
	background: #63c956
}

.bronze-bg {
	background: #eb8b4c
}

.silver-bg {
	background: #888
}

.gold-bg {
	background: #fbbc00
}

.ig-silver-bg {
	background: linear-gradient(135deg,#ffb427 0,#ff3a49 30%,#e518a1 60%,#6634e1 100%)
}

.progressWrapper {
	position: relative
}

.progressWrapper md-progress-circular {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px
}

.videoWrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.verticleBar {
	position: relative;
	top: -1px;
	display: inline-block;
	margin: 0 3px;
	color: #999;
	font-size: 13px;
	font-weight: normal
}

body.md-toast-animating {
	overflow: auto !important
}

md-toast {
	-webkit-transition: all 0 cubic-bezier(0.25,0.8,0.25,1);
	transition: all 0 cubic-bezier(0.25,0.8,0.25,1)
}

.md-dialog-container {
	position: fixed;
	top: 0 !important;
	overflow: hidden
}

md-progress-circular path {
	stroke-linecap: round
}

.transit,.childLinkTransit a {
	-webkit-transition: 0.3s;
	transition: 0.3s
}

input:focus,textarea:focus,select:focus {
	outline: none
}

.spinner .path {
	stroke: #4caf50;
	stroke-dasharray: 85;
	-webkit-transform-origin: center;
	transform-origin: center
}

.circularSpinner {
	-webkit-animation: spin 0.6s infinite linear;
	-moz-animation: spin 0.6s infinite linear;
	-o-animation: spin 0.6s infinite linear;
	animation: spin 0.6s infinite linear
}

@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0)
	}

	100% {
		-moz-transform: rotate(359deg)
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0)
	}

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

@-o-keyframes spin {
	0% {
		-o-transform: rotate(0)
	}

	100% {
		-o-transform: rotate(359deg)
	}
}

@-ms-keyframes spin {
	0% {
		-ms-transform: rotate(0)
	}

	100% {
		-ms-transform: rotate(359deg)
	}
}

@keyframes spin {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(359deg)
	}
}

a.md-button:not([disabled]).md-focused,.md-button:not([disabled]).md-focused {
	background-color: transparent
}

.ysCheckboxRadioWrapper md-checkbox,.ysCheckboxRadioWrapper md-radio-button {
	width: 100%;
	margin: 14px 0 2px
}

.ysCheckboxRadioWrapper md-checkbox .md-container,.ysCheckboxRadioWrapper md-radio-button .md-container {
	top: -1px;
	transform: translateY(0);
	-webkit-transform: translateY(0)
}

.ysCheckboxRadioWrapper.parentSection .childColumn {
	margin: 0;
	padding: 0
}

html[dir=rtl] .align-left {
	text-align: right
}

html[dir=rtl] .align-right {
	text-align: left
}

html[dir=rtl] .round-btn-wrapper.small .round-btn.icon-angle-right {
	margin-right: 3px;
	margin-left: 0
}

.showMoreRow {
	margin: 0
}

@media (min-width:960px) {
	.discount-bar-wrapper {
		display: none
	}
}

.main-banner,.second-banner,.third-banner {
	position: relative;
	z-index: 1;
	text-decoration: none
}

.main-banner,.main-banner:hover,.second-banner,.second-banner:hover,.third-banner,.third-banner:hover {
	color: #333
}

.main-banner,.text-box,.card-hover {
	box-sizing: border-box
}

.text-box {
	width: 100%;
	margin-top: -50px;
	padding: 0 16px;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center
}

@media (min-width:960px) {
	.text-box {
		position: absolute;
		z-index: 2;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0;
		padding: 32px 12%
	}
}

.main-banner {
	display: block
}

@media (max-width:959px) {
	.main-banner:before {
		content: "";
		display: block;
		width: 100%;
		padding-top: 100%;
		background-color: rgba(255,255,255,0.6)
	}
}

@media (min-width:960px) {
	.main-banner {
		padding-top: 32.78689%;
		background-color: rgba(255,255,255,0.6)
	}
}

.main-banner img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: 100%
}

@media (min-width:600px) {
	.main-banner heading {
		margin-bottom: 3px
	}

	.main-banner discount {
		font-size: 38px;
		line-height: 38px
	}
}

.main-banner p {
	margin-top: 7px;
	margin-bottom: 0
}

@media (max-width:599px) {
	.main-banner p {
		font-size: 12px
	}
}

@media (min-width:600px) {
	.main-banner p {
		margin-top: 4px
	}
}

.main-banner p,.main-banner:hover p {
	color: #666
}

.main-banner .showMoreRow {
	margin-top: 17px;
	margin-bottom: 3px
}

.main-banner heading,.main-banner discount {
	margin-left: 16px;
	margin-right: 16px
}

@media (min-width:960px) {
	.main-banner heading,.main-banner discount {
		margin-left: 20px;
		margin-right: 20px
	}
}

.main-banner p,.main-banner .showMoreRow {
	margin-left: 17px;
	margin-right: 17px
}

@media (min-width:960px) {
	.main-banner p,.main-banner .showMoreRow {
		margin-left: 21px;
		margin-right: 21px
	}
}

.main-banner .card-hover {
	width: 100%;
	padding: 16px 0 17px;
	text-align: center
}

@media (min-width:600px) {
	.main-banner .card-hover {
		padding-top: 14px
	}
}

@media (min-width:960px) {
	.main-banner .card-hover {
		width: 412px
	}

	.main-banner .card-hover.align-left,.main-banner .card-hover.align-left h3,.main-banner .card-hover.align-left p,.main-banner .card-hover.align-left .showMoreRow {
		text-align: left
	}

	.main-banner .card-hover.align-center,.main-banner .card-hover.align-center h3,.main-banner .card-hover.align-center p,.main-banner .card-hover.align-center .showMoreRow {
		text-align: center
	}

	.main-banner .card-hover.align-right,.main-banner .card-hover.align-right h3,.main-banner .card-hover.align-right p,.main-banner .card-hover.align-right .showMoreRow {
		text-align: right
	}
}

.main-banner .flipclock-wrapper {
	width: 100%;
	height: 45px;
	padding: 5px 20px 4px;
	box-sizing: border-box
}

.main-banner .credit {
	position: absolute;
	right: 17px;
	bottom: auto;
	top: calc(100vw - 95px);
	font-size: 12px;
	opacity: .5
}

@media (min-width:960px) {
	.main-banner .credit {
		right: 30px;
		bottom: 13px;
		top: auto
	}
}

.main-banner.timer .text-box {
	margin-top: -95px
}

@media (min-width:960px) {
	.main-banner.timer .text-box {
		margin-top: 0
	}
}

.main-banner.timer .credit {
	top: calc(100vw - 95px - 45px)
}

.main-banner.timer .flipclock-wrapper {
	margin-bottom: 16px
}

.main-banner.timer:not(.mobile-timer) .card-hover {
	padding-top: 0
}

@media (max-width:959px) {
	.main-banner.timer.mobile-timer .card-hover {
		padding-top: 0
	}
}

@media (min-width:960px) {
	.main-banner.timer.mobile-timer .flipclock-wrapper {
		display: none
	}
}

@media (min-width:960px) {
	.main-banner .credit,.main-banner.timer .credit {
		bottom: 13px;
		top: auto
	}
}

@media only screen and (max-width:458px) {
	.main-banner .credit {
		top: calc(100vw - 78px)
	}

	.main-banner.timer .credit {
		top: calc(100vw - 123px)
	}
}

.second-banner,.third-banner {
	position: relative;
	min-height: 175px;
	overflow: hidden;
	background-color: rgba(255,255,255,0.6)
}

.second-banner picture,.third-banner picture {
	position: absolute;
	display: block
}

.second-banner img,.third-banner img {
	display: block;
	width: 100%
}

.second-banner .text-box,.third-banner .text-box {
	position: relative;
	z-index: 2;
	padding: 24px 16px;
	margin: 0
}

@media (min-width:960px) {
	.second-banner .text-box,.third-banner .text-box {
		padding-left: 30px;
		padding-right: 30px
	}
}

.second-banner heading,.third-banner heading {
	margin-bottom: 0
}

.second-banner p,.third-banner p {
	margin: 5px 0 0
}

.second-banner .showMoreRow,.third-banner .showMoreRow {
	margin-top: 16px
}

@media only screen and (min-width:481px) and (max-width:559px) {
	.second-banner img {
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

@media only screen and (min-width:560px) and (max-width:727px) {
	.second-banner img {
		-webkit-transform: scale(1.7);
		transform: scale(1.7)
	}
}

@media only screen and (min-width:728px) and (max-width:960px) {
	.second-banner img {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}
}

@media only screen and (min-width:600px) and (max-width:699px) {
	.third-banner img {
		-webkit-transform: scale(1.15);
		transform: scale(1.15)
	}
}

@media only screen and (min-width:700px) and (max-width:959px) {
	.third-banner img {
		-webkit-transform: scale(1.12);
		transform: scale(1.12)
	}
}

@media only screen and (min-width:960px) {
	.third-banner img {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.third-banner-wrapper {
	margin-top: -36px
}

@media (min-width:960px) {
	.third-banner-wrapper {
		margin-top: -40px
	}
}

.third-banner-wrapper>.flex-100:first-child {
	margin-bottom: 24px
}

@media only screen and (min-width:699px) {
	.third-banner-wrapper>.flex-100 {
		max-width: 50%
	}

	.third-banner-wrapper>.flex-100:first-child {
		padding-right: 12px;
		margin-bottom: 0
	}

	.third-banner-wrapper>.flex-100:last-child {
		padding-left: 12px
	}
}

@media (min-width:960px) {
	.third-banner-wrapper>.flex-100:first-child {
		padding-right: 15px
	}

	.third-banner-wrapper>.flex-100:last-child {
		padding-left: 15px
	}
}

.brandIcons.sections,.top-categories.sections {
	margin-top: -6px
}

.top-categories.sections {
	margin-bottom: 26px
}

@media (min-width:960px) {
	.top-categories.sections {
		margin-bottom: 36px
	}
}

.top-categories h3 {
	margin-bottom: 30px
}

.category-list {
	width: 100%;
	padding: 0 8px 4px
}

@media (min-width:600px) {
	.category-list {
		padding-left: 16px;
		padding-right: 16px
	}
}

.category-item {
	width: 33.3333333333%;
	padding: 0 9px 20px;
	box-sizing: border-box
}

@media (min-width:600px) {
	.category-item {
		width: 25%;
		padding-left: 12px;
		padding-right: 12px
	}
}

@media (min-width:960px) {
	.category-item {
		width: 16.6666666666%
	}
}

.category-item a {
	text-decoration: none;
	padding-top: 100%
}

.category-item img {
	display: block;
	width: 100%;
	border-radius: 50%
}

.category-item .title {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	position: relative;
	width: 100%;
	min-height: 34px;
	margin-top: -34px;
	padding: 11px 2px 7px;
	font-size: 14px;
	line-height: 16px;
	color: #333;
	background: #f1f2f6;
	text-align: center
}

@media (min-width:960px) {
	.category-item .title {
		font-size: 16px;
		line-height: 18px
	}
}

.category-item:hover .title {
	color: #63c956
}

.recommended h3,.recently h3,.yesstylist h3,.article-n-video h3 {
	margin-bottom: 24px
}

.recommended,.recently {
	padding: 24px 8px 30px;
	background-color: #fff
}

@media (min-width:960px) {
	.recommended,.recently {
		padding-left: 22px;
		padding-right: 22px
	}
}

.yesstylist,.article-n-video {
	padding: 24px 16px 30px;
	background-color: #fff
}

@media (min-width:960px) {
	.yesstylist,.article-n-video {
		padding-left: 24px;
		padding-right: 24px
	}
}

.recommended.productGrid .productList:not(.cardColumnGrid) {
	margin-top: 0;
	padding: 0
}

.recommended.productGrid .productList:not(.cardColumnGrid) .itemContainer {
	border-width: 0
}

.recommended h3 {
	margin-bottom: 20px
}

.recommended .chartWrapper {
	height: 6px;
	margin-bottom: 4px;
	border-radius: 3px;
	background-color: #e9ebf1;
	overflow: hidden
}

.recommended .chartWrapper div {
	height: 100%;
	background: linear-gradient(to top,#fa6997,#fa6997,#f83775)
}

.recommended .nowrap,.recommended ul.square a.help,ul.square .recommended a.help {
	font-size: 12px
}

.yesstylist,.article-n-video {
	padding: 24px 16px 30px
}

@media (min-width:960px) {
	.yesstylist,.article-n-video {
		padding: 24px 24px 30px
	}
}

.yesstylist .yesstylist-item,.yesstylist .article-n-video-item,.article-n-video .yesstylist-item,.article-n-video .article-n-video-item {
	border-radius: 4px;
	overflow: hidden
}

.yesstylist .yesstylist-item .content,.yesstylist .article-n-video-item .content,.article-n-video .yesstylist-item .content,.article-n-video .article-n-video-item .content {
	padding: 23px 16px;
	box-sizing: border-box;
	height: 100%
}

@media (min-width:960px) {
	.yesstylist .yesstylist-item .content,.yesstylist .article-n-video-item .content,.article-n-video .yesstylist-item .content,.article-n-video .article-n-video-item .content {
		padding: 24px 20px 24px 30px
	}
}

.yesstylist .yesstylist-item .content h3,.yesstylist .article-n-video-item .content h3,.article-n-video .yesstylist-item .content h3,.article-n-video .article-n-video-item .content h3 {
	font-family: Lato;
	font-weight: 600;
	font-size: 18px;
	text-align: left;
	margin-bottom: 12px;
	line-height: 20px
}

.yesstylist .yesstylist-item .content .para,.yesstylist .article-n-video-item .content .para,.article-n-video .yesstylist-item .content .para,.article-n-video .article-n-video-item .content .para {
	color: #666;
	margin-bottom: 16px
}

.yesstylist .yesstylist-item .content .md-button,.yesstylist .article-n-video-item .content .md-button,.article-n-video .yesstylist-item .content .md-button,.article-n-video .article-n-video-item .content .md-button {
	margin: 0;
	bottom: 0;
	min-width: unset
}

.yesstylist-item {
	background-color: #fff
}

@media (min-width:600px) {
	.yesstylist-item {
		width: calc(50% - 8px)
	}
}

.yesstylist-item .content {
	height: 100%
}

@media (min-width:600px) {
	.yesstylist-item .content {
		height: 220px
	}
}

@media (min-width:960px) {
	.yesstylist-item .content {
		height: 100%;
		max-width: 58%
	}
}

@media (min-width:1280px) {
	.yesstylist-item .content {
		max-width: 306px
	}
}

.yesstylist-item .bg {
	height: calc(60vw - 30px);
	max-height: 250px;
	width: 100%
}

@media (min-width:960px) {
	.yesstylist-item .bg {
		height: 100%;
		max-height: unset;
		width: 260px
	}
}

.yesstylist-item:first-child {
	margin-bottom: 16px;
	margin-right: 0
}

@media (min-width:600px) {
	.yesstylist-item:first-child {
		margin-bottom: 0;
		margin-right: 8px
	}
}

.yesstylist-item:nth-child(2) {
	margin-left: 0
}

@media (min-width:600px) {
	.yesstylist-item:nth-child(2) {
		margin-left: 8px
	}
}

@media (min-width:1280px) {
	.article-n-video-item {
		width: 50%;
		max-width: 566px
	}
}

.article-n-video-item .bg {
	height: calc(87vw - 30px);
	width: 100%
}

@media (min-width:600px) {
	.article-n-video-item .bg {
		height: 100%
	}
}

@media (min-width:1280px) {
	.article-n-video-item .bg {
		width: 260px
	}
}

.article-n-video-item .content .para {
	margin-bottom: 0;
	position: relative
}

@media (max-width:959px) {
	.article-n-video-item .content .para {
		overflow: hidden;
		text-overflow: ellipsis;
		max-height: 51px
	}
}

@media (min-width:1280px) {
	.article-n-video-item .content {
		max-width: 50%
	}

	.article-n-video-item .content .para {
		overflow: unset;
		text-overflow: unset;
		max-height: unset
	}
}

.article-n-video-item .content .showMoreRow {
	margin-top: 8px
}

.article-n-video-item:first-child {
	margin-bottom: 16px;
	margin-right: 0
}

@media (min-width:600px) {
	.article-n-video-item:first-child {
		margin-bottom: 0;
		margin-right: 16px
	}
}

.article-n-video-item a.itemContainer {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border-radius: 3px;
	width: calc(50% - 8px);
	overflow: hidden;
	padding: 0;
	text-decoration: none;
	height: fit-content;
	background-color: #ffeff4
}

.article-n-video-item a.itemContainer:not(:nth-child(-n+2)) {
	margin-top: 14px
}

@media (min-width:1280px) {
	.article-n-video-item a.itemContainer {
		width: calc(50% - 30px);
		margin: 0 15px
	}

	.article-n-video-item a.itemContainer:not(:nth-child(-n+2)) {
		margin-top: 30px
	}
}

.article-n-video-item a.itemContainer .videothumb {
	margin-bottom: 0
}

.article-n-video-item a.itemContainer .itemTitle {
	height: 34px;
	padding: 0;
	margin: 10px 14px 11px;
	font-size: 14px;
	line-height: 17px;
	color: #666;
	background-color: #ffeff4;
	overflow: hidden
}

.article-n-video-item a.itemContainer .itemTitle:after {
	background: linear-gradient(to right,rgba(255,255,255,0),#ffeff4 50%)
}

@media (max-width:959px) {
	.browse-more {
		margin: 19px 11px 50px
	}

	.browse-more .mainMenu>div {
		margin-bottom: 10px;
		padding: 0 5px
	}

	.browse-more .mainMenu a {
		border-radius: 4px
	}

	.browse-more h3 {
		margin-bottom: 26px
	}

	.browse-more a {
		-webkit-transition: 0.3s;
		transition: 0.3s;
		display: block
	}
}

.love-yesstyle {
	padding: 24px 0 16px;
	background: #fff
}

@media (min-width:960px) {
	.love-yesstyle {
		padding: 24px 14px 22px
	}
}

.love-yesstyle h3 {
	padding: 0 30px;
	margin-bottom: 8px
}

.love-yesstyle h4 {
	margin: 13px 0 22px
}

.love-yesstyle p {
	margin-bottom: 17px
}

.ig-grid-list {
	padding: 0 8px
}

.ig-grid .grid-container {
	position: relative;
	display: block;
	margin: 8px;
	background-color: #f6f6f6;
	max-height: 296px;
	height: 296px
}

@media (min-width:960px) {
	.ig-grid .grid-container {
		max-height: 289px
	}
}

.ig-grid .grid-container.bg-cover.bg-gt-sm-contain {
	background-size: cover
}

.ig-grid img {
	width: 100%;
	height: auto
}

.ig-grid .ig-username {
	position: absolute;
	bottom: 14px;
	right: 14px;
	background: linear-gradient(to right,#ff4800,#c322be);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	z-index: 1
}

.ig-grid .ig-username:before,.ig-grid .ig-username:after {
	bottom: 0;
	right: 0;
	content: attr(data-text);
	position: absolute;
	-webkit-background-clip: text;
	background-clip: text
}

.ig-grid .ig-username:before {
	background-color: #fff;
	-webkit-text-stroke: 4px transparent;
	z-index: -1;
	padding: 0 2px
}

.ig-grid .ig-username:after {
	background-image: linear-gradient(to right,#ff4800,#c322be);
	-webkit-text-fill-color: transparent;
	z-index: 1;
	padding-right: 2px
}

.ig-grid .cta {
	box-sizing: border-box;
	border: 10px #fff3fe solid;
	height: calc(100% - 16px);
	background-color: #fff;
	padding: 33px 0;
	margin: 8px
}

@media (min-width:960px) {
	.ig-grid .cta {
		padding: 40px 0
	}
}

.ig-grid .cta .icon:before {
	line-height: 48px;
	font-size: 46px;
	color: rgba(255,255,255,0.9);
	background: -webkit-linear-gradient(44deg,#ffd521 13%,#ff3a49 40%,#ff3a49 50%,#e518a1 66%,#6634e1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

@media (max-width:599px) {
	.ig-grid.flex-order-10 {
		padding: 8px 0
	}
}

.recently .recently-list .itemContainer {
	padding: 0 8px 16px
}

.recently .showMoreRow {
	margin-top: 16px
}

.customer-review {
	padding: 25px 8px 30px;
	position: relative;
	background-image: linear-gradient(to top,#edffec,#f1fdee)
}

@media (min-width:960px) {
	.customer-review {
		padding-left: 20px;
		padding-right: 20px
	}
}

.customer-review h3 {
	margin-bottom: 7px
}

.customer-review p {
	margin-bottom: 25px;
	color: #666
}

.customer-review:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	display: block;
	height: 4px;
	background-image: linear-gradient(to top,#63c956,#09daaa)
}

.customer-review .showMoreRow {
	margin-top: 20px
}

.review-item {
	padding: 0 8px 29px;
	box-sizing: border-box;
	width: 100%
}

@media (min-width:960px) {
	.review-item {
		padding-left: 10px;
		padding-right: 10px
	}
}

@media (min-width:600px) {
	.review-item {
		max-width: 50%
	}
}

@media (min-width:960px) {
	.review-item {
		max-width: 33%
	}
}

@media (min-width:1280px) {
	.review-item {
		max-width: 295px
	}
}

.review-wrapper {
	display: block;
	background-color: #fff;
	border-radius: 4px;
	font-family: Lato;
	box-sizing: content-box;
	text-decoration: none;
	box-shadow: 0 2px 5px 0 rgba(22,65,0,0.18)
}

.review-wrapper a,.review-wrapper .product,.review-wrapper .icon-angle-right {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	text-decoration: none
}

.review-wrapper a:hover .product {
	color: #63c956
}

.review-wrapper a:hover .icon-angle-right {
	right: 11px
}

.review-wrapper img {
	width: 100%;
	max-height: 720px;
	display: block
}

.review-wrapper .image-wrapper {
	position: relative;
	min-height: 120px;
	background-color: #f1f2f6
}

.review-wrapper .image-wrapper .ratingRow {
	position: absolute;
	bottom: 10px;
	left: 16px
}

.review-wrapper .image-wrapper .ratingRow .colored:before {
	background-image: linear-gradient(to top,#ffcb07,#fa0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.review-wrapper .product {
	position: relative;
	padding: 14px 26px 11px 15px;
	color: #444;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px
}

.review-wrapper .icon-angle-right {
	position: absolute;
	top: 13px;
	right: 14px;
	font-size: 14px;
	font-weight: bold
}

.review-wrapper .content {
	padding: 0 15px 14px
}

.review-wrapper .comment {
	color: #444;
	font-size: 14px;
	line-height: 17px;
	word-wrap: break-word
}

.review-wrapper .info {
	position: relative;
	color: #777;
	margin: 9px 0 0
}

.review-wrapper .date,.review-wrapper .author {
	font-size: 12px
}

.review-wrapper .date {
	margin-bottom: 5px
}

.review-wrapper .author {
	margin-top: 4px
}

.review-wrapper .viewTranslation {
	padding: 0
}

.review-wrapper .translatedContent {
	left: -10px;
	right: -10px;
	line-height: 17px
}

.review-wrapper .translatedContent .reviewDate {
	font-size: 12px;
	margin-bottom: 8px
}

.review-wrapper .translatedContent.active {
	top: 19px
}

.splashsection {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center
}

.splashsection .pg {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%
}

.splashsection h3 {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
	white-space: nowrap;
	position: absolute;
	top: 20%;
	z-index: 1;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0 0 3px black
}

.beauty h3 {
	margin: 0.5em 0
}

.beauty ul {
	margin: 0
}

.brands {
	position: relative
}

.brands h3 {
	margin: 0;
	padding: 0.5em;
	background: #FFF;
	box-shadow: 0 -1px 2px rgba(0,0,0,0.2)
}

.brandlist {
	position: relative;
	padding: 8px;
	background: #FFF;
	z-index: 1
}

.brandlist ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.brandlist ul li {
	min-width: 10em
}

.brandlist ul li a:hover {
	color: #63c956
}

@media (max-width:419px) {
	.brandlist ul li {
		width: 40%
	}
}

.brandlist a {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	color: #666;
	text-decoration: none
}

.tabButton {
	margin-top: -8px
}

.aboutys .sectionHeading {
	margin-bottom: 16px
}

.aboutys .image {
	background-color: #fff
}

.aboutys p {
	background-color: #FFF;
	padding: 16px;
	margin: 0;
	line-height: 1.8em
}

.aboutys p a {
	color: #000;
	white-space: nowrap
}

@media (min-width:960px) {
	.aboutys .image~p {
		margin-top: -6px;
		padding-top: 0
	}
}

.vAccordion-blog article {
	line-height: 1.8em
}

.vAccordion-blog article a {
	text-decoration: none;
	color: #333
}

.vAccordion-blog article a u {
	color: #000
}

.vAccordion-blog article a:hover u {
	color: #63c956
}

.vAccordion-blog article .cover {
	display: inline-block;
	margin-bottom: 0.5em;
	position: relative;
	float: right;
	margin-left: 1em
}

.vAccordion-blog article .cover:before,.vAccordion-blog article .cover:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 18px;
	left: 8px;
	width: 50%;
	top: 80%;
	-webkit-box-shadow: 0 16px 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 16px 8px rgba(0,0,0,0.5);
	box-shadow: 0 16px 8px rgba(0,0,0,0.5);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg)
}

.vAccordion-blog article .cover:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 8px;
	left: auto
}

@media (max-width:419px) {
	.vAccordion-blog article .cover {
		float: none;
		margin-left: 0
	}
}

.vAccordion-blog article q:before {
	display: block;
	content: ""
}

.promoTitle {
	text-decoration: none;
	margin-top: 16px;
	text-align: center
}

@media (min-width:600px) {
	.highlightArea {
		margin-bottom: 60px
	}
}

@media (min-width:960px) {
	.highlightArea {
		min-height: 850px
	}
}

@media (min-width:1280px) {
	.highlightArea {
		min-height: 900px
	}
}

.frontArea {
	position: relative
}

.frontArea a {
	text-decoration: none
}

@media (min-width:960px) {
	.frontArea {
		margin-top: -8px
	}
}

@media (min-width:960px) {
	.frontArea.featurepage {
		margin-top: -28px
	}
}

.topCountDown {
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 3px;
	position: absolute;
	bottom: -14px;
	display: inline-block;
	padding: 3px 24px;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap
}

.sidepromo,.mainfocus {
	margin-top: 40px;
	background-color: #FFF
}

.sidepromo h4,.mainfocus h4 {
	font-size: 17px
}

.sidepromo h3,.sidepromo h4,.mainfocus h3,.mainfocus h4 {
	margin-top: 0;
	text-align: center;
	line-height: 1.2
}

.sidepromo h3.sectionHeading,.sidepromo h4.sectionHeading,.mainfocus h3.sectionHeading,.mainfocus h4.sectionHeading {
	margin: 0 8px
}

@media (max-width:419px) {
	.sidepromo h3,.sidepromo h4,.mainfocus h3,.mainfocus h4 {
		font-size: 130%
	}
}

@media (max-width:959px) {
	.sidepromo {
		box-sizing: border-box;
		border: 1px solid #f1f2f6
	}
}

.mainfocus {
	width: 100%;
	position: static;
	background-color: transparent
}

@media (min-width:960px) {
	.mainfocus {
		width: 45%;
		position: absolute;
		left: 50%;
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

.mainfocus .quicklinksblock p {
	font-size: 17px
}

@media (max-width:599px) {
	.mainfocus {
		margin-top: 16px
	}
}

@media (max-width:959px) {
	.mainfocus {
		margin-top: 16px
	}
}

.ysSection a {
	text-decoration: none
}

.ysSection a:hover {
	color: #000
}

.ysSection.carousel div {
	height: 100%
}

.ysSection.carousel div a {
	height: 100%
}

.ysSection.carousel div a div {
	height: auto
}

@media (max-width:419px) {
	.flex-xxs-100 {
		max-width: 100% !important;
		-webkit-flex: 1 1 100% !important;
		flex: 1 1 100% !important
	}
}

.quicklinksblock {
	background-color: #FFF;
	padding: 16px;
	text-align: center;
	margin: 0 24px;
	position: relative;
	top: -24px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.quicklinksblock ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.quicklinksblock ul li {
	margin: 8px 0
}

.quicklinksblock ul li a {
	text-decoration: none
}

@media (min-width:960px) {
	.quicklinksblock ul li a {
		font-size: 17px
	}
}

.quicklinksblock .urge {
	padding: 8px 16px;
	position: absolute;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: -32px
}

a:hover .quicklinksblock {
	color: #000
}

@media (min-width:960px) {
	a:hover .quicklinksblock {
		box-shadow: 0 1px 1px rgba(0,0,0,0.5)
	}
}

@media (max-width:959px) {
	.sidepromo .quicklinksblock {
		background-color: transparent;
		top: 0;
		margin: 0
	}
}

.beautybrandlist ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 16px
}

.beautybrandlist ul li {
	box-sizing: border-box;
	width: 45%
}

.beautybrandlist ul a {
	text-decoration: none
}

.blogFeatures a {
	height: 100%
}

.blogFeatures .flex-40 {
	overflow: hidden;
	position: relative
}

.blogFeatures .flex-40 img {
	position: absolute;
	width: 100%
}

@media (max-width:959px) {
	.blogFeatures h4.md-title {
		margin: 0.5em 0;
		font-size: 18px
	}
}

.frontpage-grid>div {
	margin-bottom: 0.3em;
	position: relative
}

@media (min-width:600px) {
	.frontpage-grid>div:not(:last-child) {
		border-right: 3px solid transparent
	}
}

.frontpage-grid .promoblock a {
	display: block
}

@media (min-width:600px) {
	.frontpage-grid .promoblock {
		padding-left: 1px
	}

	.frontpage-grid .promoblock.middle {
		padding-right: 1px
	}
}

.frontpage-grid .quicklinks {
	border: 0.2rem solid #896E42;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #FFF;
	padding: 8px;
	box-sizing: border-box
}

@media (max-width:599px) {
	.frontpage-grid .quicklinks {
		padding: 24px 16px
	}
}

.frontpage-grid .quicklinks h4 {
	margin: 4px 0;
	font-size: 18px
}

.frontpage-grid .quicklinks ul {
	list-style: none;
	margin: 0;
	padding: 0
}

@media (max-width:959px) {
	.frontpage-grid .quicklinks ul li:nth-child(1n+6) {
		display: none
	}
}

@media (max-width:599px) {
	.frontpage-grid .quicklinks ul li:nth-child(1n+0) {
		display: inline-block;
		margin: 2px 8px
	}
}

.frontpage-grid .quicklinks a {
	text-decoration: none;
	display: block;
	padding: 3px 0;
	color: #333;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border: 1px solid transparent;
	border-width: 1px 0
}

@media (min-width:1280px) {
	.frontpage-grid .quicklinks a {
		padding: 8px
	}
}

.frontpage-grid .quicklinks a:hover {
	color: #000;
	border-color: #CCC
}

.frontpage-grid .quicklinks .bestseller {
	margin: 0 0 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #896E42;
	white-space: normal;
	line-height: 1.2
}

.frontpage-grid .quicklinks .bestseller:hover {
	background-color: #63c956
}

.frontpage-grid .quicklinks.kids {
	border-color: #CCC
}

.frontpage-grid .quicklinks.kids ul {
	margin: 0 4px
}

.frontpage-grid .quicklinks .girl {
	color: #d03585
}

.frontpage-grid .quicklinks .girl a {
	color: #d03585
}

.frontpage-grid .quicklinks .girl a:hover {
	border-color: #edb1d0
}

.frontpage-grid .quicklinks .boy {
	color: #1f5cb6
}

.frontpage-grid .quicklinks .boy a {
	color: #1f5cb6
}

.frontpage-grid .quicklinks .boy a:hover {
	border-color: #84adea
}

.frontpage-grid .title {
	margin: 8px;
	font-weight: bold
}

.mainGrid {
	margin-bottom: 0.3em
}

@media (min-width:600px) {
	.flexGrid>div {
		height: 50%
	}

	.flexGrid>div:first-child {
		border-bottom: 0.15em solid transparent
	}

	.flexGrid>div:last-child {
		border-top: 0.15em solid transparent
	}
}

@media (max-width:599px) {
	.flexGrid>div:first-child {
		border-right: 0.15em solid transparent
	}

	.flexGrid>div:last-child {
		border-left: 0.15em solid transparent
	}
}

@media (max-width:959px) {
	md-grid-list.videogrid {
		padding-bottom: 0 !important
	}

	md-grid-list.videogrid md-grid-tile {
		position: relative
	}
}

md-grid-tile {
}

md-grid-tile .msg {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #CCC;
	padding: 8px;
	box-sizing: border-box
}

md-grid-tile .msg h4 {
	margin: 0.5em 0
}

@media (min-width:960px) {
	md-grid-tile .msg {
		padding: 16px
	}

	md-grid-tile .msg h4 {
		font-size: 18px
	}
}

@media (max-width:959px) {
	md-grid-tile .msg h4 {
		font-size: 14px
	}

	md-grid-tile .msg p {
		margin: 0.5em 0
	}

	md-grid-tile .msg u {
		display: none
	}
}

@media (min-width:600px) and (max-width:768px) {
	md-grid-tile .msg h4 {
		margin: 0
	}
}

@media (max-width:599px) {
	md-grid-tile .msg {
		padding: 16px
	}

	md-grid-tile .msg h4 {
		font-size: 18px
	}

	md-grid-tile .msg u {
		display: block
	}
}

@media (max-width:419px) {
	md-grid-tile .msg h4 {
		font-size: 14px
	}

	md-grid-tile .msg p {
		margin: 0.5em 0
	}

	md-grid-tile .msg u {
		display: none
	}
}

md-grid-tile .msg:before {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: -24px;
	left: -24px;
	border-width: 24px 24px 24px 0;
	border-style: solid;
	border-color: transparent #CCC transparent transparent
}

@media (max-width:959px) {
	md-grid-tile .msg:before {
		top: -16px;
		left: -16px;
		border-width: 16px 16px 16px 0
	}
}

@media (max-width:599px) {
	md-grid-tile .msg:before {
		top: -24px;
		left: -24px;
		border-width: 24px 24px 24px 0
	}
}

@media (max-width:419px) {
	md-grid-tile .msg:before {
		top: -16px;
		left: -16px;
		border-width: 16px 16px 16px 0
	}
}

md-grid-tile>figure>a,md-grid-tile div>a:not(.thislook) {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	display: flex;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-justify-content: flex-start;
	justify-content: flex-start
}

md-grid-tile>figure>a:hover,md-grid-tile div>a:not(.thislook):hover {
	color: #000
}

md-grid-tile div.vlist {
	overflow: auto !important;
	padding: 0 16px 16px
}

md-grid-tile div.vlist img {
	width: 160px;
	height: 90px;
	margin-right: 8px
}

md-grid-tile div.vlist>a {
	text-decoration: none;
	margin-top: 16px;
	height: auto
}

md-grid-tile div.vlist .sectionHeading {
	padding-left: 0;
	padding-right: 0
}

@media (min-width:960px) {
	md-grid-tile div.vlist {
		margin-top: 0;
		padding-bottom: 0
	}

	md-grid-tile div.vlist img {
		width: 50%;
		height: 50%;
		margin-right: 8px
	}
}

@media (max-width:959px) {
	md-grid-tile.similarlist {
		margin-top: 0 !important;
		padding-top: 0 !important
	}

	md-grid-tile.similarlist>figure {
		position: relative
	}
}

.m2 {
	width: 100%;
	height: auto
}

@media (min-width:600px) {
	.m2 {
		height: 100%;
		width: auto
	}
}

.flexcenter {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 100%;
	background-color: #CCC
}

.kidsnew {
	margin-bottom: 32px
}

@media (max-width:1279px) {
	.kidsnew {
		display: none
	}
}

.blog {
	background-color: #FFF
}

.blog>a:first-child {
	text-align: center
}

.blog>a:first-child img {
	min-width: 200px;
	max-width: 280px;
	margin: 0 auto
}

.blog>div>a {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	text-decoration: none
}

.blog>div>a b {
	display: inline-block;
	margin-bottom: 8px
}

@media (max-width:959px) {
	.blog>div:last-of-type,.blog md-divider:last-of-type {
		display: none
	}
}

@media (max-width:419px) {
	.blog>a:first-child {
		width: 100%
	}

	.blog>div,.blog md-divider {
		display: none
	}
}

.categories>div {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	box-sizing: border-box;
	position: relative;
	border-radius: 8px;
	border: 1px solid rgba(0,0,0,0.2);
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-filter: grayscale(50%) contrast(120%);
	filter: grayscale(50%) contrast(120%)
}

@media (max-width:599px) {
	.categories>div {
		width: calc(50% - 16px);
		height: 244px
	}

	.categories>div>a {
		height: 242px
	}
}

@media (min-width:600px) {
	.categories>div {
		width: calc(33.3333% - 16px);
		height: 292px
	}

	.categories>div>a {
		height: 290px
	}
}

@media (min-width:960px) {
	.categories>div {
		width: calc(16.6666% - 16px);
		height: 201px
	}

	.categories>div>a {
		height: 199px
	}
}

@media (max-width:419px) {
	.categories>div {
		width: calc(50% - 16px);
		height: 177px
	}

	.categories>div>a {
		height: 175px
	}
}

.categories>div:hover,.categories>div:hover>a {
	-webkit-filter: grayscale(0) contrast(100%);
	filter: grayscale(0) contrast(100%)
}

.categories>div:hover>h2,.categories>div:hover>a b {
	opacity: 0;
	-ms-transform: translate(-50%,100%);
	-webkit-transform: translate(-50%,100%);
	transform: translate(-50%,100%)
}

.categories>div>img {
	position: absolute;
	width: auto;
	height: 100%;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.categories>div>a {
	display: block;
	width: 100%;
	position: relative;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-filter: grayscale(50%) contrast(120%);
	filter: grayscale(50%) contrast(120%)
}

.categories>div>a>em {
	visibility: hidden
}

.categories>div>h2,.categories>div>a b {
	-webkit-transition: all cubic-bezier(1,-0.73,0.71,1.92) 0.8s;
	transition: all cubic-bezier(1,-0.73,0.71,1.92) 0.8s;
	margin: 0;
	font-size: 14px;
	position: absolute;
	padding: 8px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	display: inline-block;
	background: #FFF;
	border: 4px solid rgba(0,150,200,0.44)
}

.sectionHeading.musttry {
	margin-bottom: 8px;
	padding-bottom: 12px;
	background-color: #FEB5D0
}

.productgrid-more {
	text-align: center;
	margin-top: -24px
}

.featureheader {
	margin-top: 12px;
	margin-bottom: 2px
}

@media (min-width:960px) {
	.featureheader {
		margin-top: 18px;
		margin-bottom: 0
	}
}

.featureheader .vAccordion--default v-pane-header {
	padding-bottom: 0;
	border-bottom: 0
}

.featureheader .vAccordion--default v-pane-header h1 {
	margin: 0 18px 8px 0;
	font-size: 20px;
	line-height: 24px;
	color: #333
}

@media (min-width:960px) {
	.featureheader .vAccordion--default v-pane-header {
		cursor: default
	}

	.featureheader .vAccordion--default v-pane-header:before,.featureheader .vAccordion--default v-pane-header:after {
		display: none
	}

	.featureheader .vAccordion--default v-pane-header:hover,.featureheader .vAccordion--default v-pane-header:focus {
		color: #555
	}
}

.featureheader .vAccordion--default v-pane {
	margin-bottom: 8px
}

.featureheader .vAccordion--default v-pane.is-expanded {
	margin-bottom: 24px
}

@media (min-width:960px) {
	.featureheader .vAccordion--default v-pane,.featureheader .vAccordion--default v-pane:not(.is-expanded) {
		margin-bottom: 24px
	}

	.featureheader .vAccordion--default v-pane>v-pane-content,.featureheader .vAccordion--default v-pane:not(.is-expanded)>v-pane-content {
		max-height: none !important
	}
}

.featureheader .snslist {
	margin-bottom: 24px
}

.featureheader .noExtraContent h1 {
	margin: 0 18px 8px 0;
	font-size: 20px;
	line-height: 24px;
	color: #333
}

@media (min-width:960px) {
	.frontArea.beauty .sidepromo a {
		display: block;
		width: 100%;
		position: relative;
		overflow: hidden
	}

	.frontArea.beauty .sidepromo a:before {
		display: block;
		content: "";
		padding-top: 163px;
		width: 100%
	}
}

@media (min-width:960px) and (min-width:1280px) {
	.frontArea.beauty .sidepromo a:before {
		padding-top: 200px
	}
}

@media (min-width:960px) {
	.frontArea.beauty .sidepromo a:hover .quicklinksblock {
		box-shadow: none
	}

	.frontArea.beauty .sidepromo a>img {
		position: absolute;
		top: 0;
		left: 4px;
		width: calc(100% - 8px);
		clip: rect(4px,330px,168px,0)
	}
}

@media (min-width:960px) and (min-width:1280px) {
	.frontArea.beauty .sidepromo a>img {
		clip: rect(4px,330px,205px,0)
	}
}

@media (min-width:960px) {
	.frontArea.beauty .sidepromo a .quicklinksblock {
		padding: 12px 8px;
		margin: 0 4px;
		top: -4px
	}

	.frontArea.beauty .sidepromo a .quicklinksblock h4 {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.frontArea.beauty .sidepromo a .quicklinksblock p {
		margin: 4px 0 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}

	.mainfocus .quicklinksblock,.sidepromo .quicklinksblock {
		box-shadow: 0 1px 1px rgba(0,0,0,0.01)
	}
}

.ysSection.productGrid .round-btn-wrapper.showMoreRow {
	margin-top: 30px;
	margin-bottom: 30px
}

html[dir=rtl] main md-grid-tile .thislook {
	right: auto;
	left: 1em
}

@media (min-width:600px) {
	html[dir=rtl] .frontpage-grid>div:not(:last-child) {
		border-right: 0;
		border-left: 0.3em solid transparent
	}
}

html[dir=rtl] md-grid-tile>figure>a {
	justify-content: flex-end
}