@charset "utf-8";
/* CSS Document */


/*
	
FONTS:
font-family: Patua One;
font-family: "Nunito Sans", sans-serif;

IMAGES:
https://i1.adis.ws/i/dm/#INSERT#.jpg?img404=noimagedefault&qlt=80&fmt.jpeg.interlaced=true

CTA ARROW:
<span data-icon="" style="font-size: 80%"></span>

TRACKING:
manual_cm_sp="rachel-vosper_lhn-_-link_1-_-wk05-rachel-vosper_lhn"

*/

/* KEY TOOLS START */

.grid .block
	{
		margin-left:10px;
		margin-right:10px;
	}
	
.clear
	{
		clear:both;
		float:none;
	}


/* KEY TOOLS END */


/* GRID CODE START */
	
.grid 
	{
		float:left;
		width:100%;
		margin:0px auto 0px auto;
		padding:0px;
	}
	
.grid .pc12 
	{
		float:left;
		width:100%;
	}
	
.grid .pc11
	{
		float:left;
		width:91.6661%;
	}
	
.grid .pc10
	{
		float:left;
		width:83.3329%;
	}
	
.grid .pc9
	{
		float:left;
		width:74.9997%;
	}

.grid .pc8
	{
		float:left;
		width:66.6665%;
	}
	
.grid .pc7
	{
		float:left;
		width:58.3328%;
	}
	
.grid .pc6 
	{
		float:left;
		width:49.9996%;
	}
	
.grid .pc5
	{
		float:left;
		width:41.6664%;
	}
	
.grid .pc4
	{
		float:left;
		width:33.3332%;
	}
	
.grid .pc3
	{
		float:left;
		width:24.9997%;
	}
	
.grid .pc2
	{
		float:left;
		width:16.6665%;
	}
	
.grid .pc1
	{
		float:left;
		width:8.3332%;
	}
	
.grid .pc-show
	{
		display:block;
	}
	
.grid .pc-hide
	{
		display:none;
	}
	
	
@media screen and (max-width: 1050px) {
	.grid .tab12 
		{
		float:left;
		width:100%;
		}

	.grid .tab11
		{
			float:left;
			width:91.6661%;
		}

	.grid .tab10
		{
			float:left;
			width:83.3329%;
		}

	.grid .tab9
		{
			float:left;
			width:74.9997%;
		}

	.grid .tab8
		{
			float:left;
			width:66.6665%;
		}

	.grid .tab7
		{
			float:left;
			width:58.3328%;
		}

	.grid .tab6 
		{
			float:left;
			width:49.9996%;
		}

	.grid .tab5
		{
			float:left;
			width:41.6664%;
		}

	.grid .tab4
		{
			float:left;
			width:33.3332%;
		}

	.grid .tab3
		{
			float:left;
			width:24.9997%;
		}

	.grid .tab2
		{
			float:left;
			width:16.6665%;
		}

	.grid .tab1
		{
			float:left;
			width:8.3332%;
		}
	.grid .tab-show
		{
			display:block;
		}
	
	.grid .tab-hide
		{
			display:none;
		}
}
	
	
@media screen and (max-width: 880px) {
	.grid .mob12 
		{
		float:left;
		width:100%;
		}

	.grid .mob11
		{
			float:left;
			width:91.6661%;
		}

	.grid .mob10
		{
			float:left;
			width:83.3329%;
		}

	.grid .mob9
		{
			float:left;
			width:74.9997%;
		}

	.grid .mob8
		{
			float:left;
			width:66.6665%;
		}

	.grid .mob7
		{
			float:left;
			width:58.3328%;
		}

	.grid .mob6 
		{
			float:left;
			width:49.9996%;
		}

	.grid .mob5
		{
			float:left;
			width:41.6664%;
		}

	.grid .mob4
		{
			float:left;
			width:33.3332%;
		}

	.grid .mob3
		{
			float:left;
			width:24.9997%;
		}

	.grid .mob2
		{
			float:left;
			width:16.6665%;
		}

	.grid .mob1
		{
			float:left;
			width:8.3332%;
		}
	.mob-show
		{
			display:block;
		}
	
	.mob-hide
		{
			display:none;
		}
}

/* GRID CODE END */




/* SLIM BANNER CSS START */

h3.push {
	padding-top:17px;
}

@media screen and (max-width: 510px) {
	h3.push {
		padding-top:6px;
	}
}

@media screen and (max-width: 440px) {
	h3.push {
		padding-top:0px;
	}
}

.ws18-top-banner-container {
    float: left;
    margin-bottom: 35px;
    position: relative;
    width: 100%;
}

.wc18-top-filter-banner-container {
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}

.ws18-top-banner-container a,
.wc18-top-filter-banner-container a{
	text-decoration: none; 
}

.ws18-top-skinny-banner {
    background-color: #ee1c25;
    padding: 10px 15px;
    text-align: center;
    width: 100%;
}

.wc18-top-skinny-banner {
    background-color: #ffd600;
    padding: 10px 15px;
    text-align: center;
    width: 100%;
}

.ws18-top-skinny-banner br {
    display:none;
}

.ws18-top-banner h3,
.ws18-top-skinny-banner p,
.wc18-top-banner h3,
.wc18-top-skinny-banner p {
    margin: 0;
}

.ws18-top-skinny-banner p {
    font-family: Nunito Sans!important;
    font-size: 18px;
    line-height: 23px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
}

.wc18-top-skinny-banner p {

	font-family: Patua One;
    font-size: 20px;
    line-height: 23px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 0;
}

.ws18-top-skinny-banner p strong {
    font-family: Patua One;
    font-size: 20px;
    line-height: 23px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
}

.wc18-top-skinny-banner p strong {
    font-family: Nunito Sans!important;
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 0;
}

.ws18-top-banner-container {
	float: left;
    margin-bottom: 35px;
    position: relative;
	width: 100%;
}

.ws18-top-banner-container a {
	text-decoration: none; 
}

.ws18-top-banner {
	background-color: #ee1c25;
	text-align: center;
	padding: 16px;
}

.ws18-top-banner img {
	width: 140px;
	margin-right: 16px;
	vertical-align: -50%;
}

.ws18-top-banner h3 {
	color: #fff;
	font-family: Nunito Sans!important;
	font-size: 22px;
	font-weight: 300;
	letter-spacing: 2px;
	line-height: 40px;
	text-transform: uppercase;
}

.ws18-percentage-mob {
	display: none;
}

@media screen and (max-width: 810px) {
	.ws18-top-skinny-banner br {
		display:block;
	}
	
	.ws18-top-banner img {
		display: none;
	}

	.ws18-top-banner {
		padding: 12px;
	}

	.ws18-top-banner h3 {
		font-size: 26px;
		line-height: 31px;
	}
	
	.ws18-percentage-mob {
		display: block;
		font-family: Patua One;
		font-size: 26px;
		line-height: 26px;
		font-weight: 300;
		letter-spacing: 2px;
	}
	
	.ws18-percentage-mob strong {
		font-weight: 300!important;
		font-size: 36px;
	}
}

@media screen and (max-width: 480px) {
	.ws18-top-banner h3 {
		font-size: 20px;
		line-height: 26px;
	}
	
	.ws18-percentage-mob strong {
		font-weight: 300!important;
		font-size: 30px;
	}
}

/* SLIM BANNER CSS END */





/* CLP BANNER CSS START */ 

.ws18-category-animated-row-container {
    height: auto;
    margin-bottom: 50px;
	float:left;
    position: relative;
    width: 100%;
    z-index: 1;
}
.ws18-category-animated-row-text {
    background-color: #ee1c25;
    height: auto;
    padding: 10px;
    text-align: center;
    float:left;
    width: 400px;
}
#ws18-category-animated-row-text-wo-links {
    padding: 40px 20px;
}
#ws18-category-animated-row-text-wo-links-large {
    padding: 80px 20px;
}
.ws18-category-animated-row-text img {
	width: 50%;
	margin-top: 10px;
	float:left;
}

.ws18-category-animated-row-text .single img {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    margin-top: 10px;
    float: left;
}

.ws18-category-animated-row-text .single h3 {
	width:100%;
	max-width:100%;
}

.ws18-category-animated-row-text h2 {
	color: #fff;
	font-family: Nunito Sans!important;
	text-transform: uppercase;
	font-size: 19px;
	font-weight: 300;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom:4px;
	letter-spacing:2px;
	text-align:center;
}
.ws18-category-animated-row-text h2 strong {
	color: #fff;
	font-family: Patua One!important;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 300;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom:4px;
	letter-spacing:1px;
	text-align:center;
}
.ws18-category-animated-row-text h3 {
	color: #fff;
	font-family: Nunito Sans!important;
	font-weight: 500;
	line-height: 36px;
	letter-spacing: 1px;
	width:50%;
	max-width:50%;
	float:right;
	font-size:20px;
	text-align:center;
	line-height:23px;
	margin-bottom:0px;
	margin-top:6px;
}

.ws18-category-animated-row-text h3 strong {
	font-size:27px;
	line-height:29px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.ws18-category-animated-row-text h3 br {
	display: block;
}
.ws18-category-animated-row-text h4 {
    background-color: #ee1c25;
    color: #ffffff;
    display: block;
    font-family: Nunito Sans;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    border: 1px solid #ffffff;
    margin: 15px 1% 0px 2%;
    width: 46%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 9px;
}

.ws18-category-animated-row-text h4.long {
    margin: 15px 2% 0px 2%;
    width: 95%;
}

.ws18-category-animated-row-text h4.white,
.ws18-category-animated-row-text h4.white-double {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #ffffff;
}

@media screen and (max-width: 440px) {
	.ws18-category-animated-row-text h4.white-double {
		padding-top: 22px;
    	padding-bottom: 20px;
	}
}

@media screen and (max-width: 400px) {
	.ws18-category-animated-row-text h4.white-double {
		padding-top: 20px;
    	padding-bottom: 18px;
	}
}

.ws18-category-animated-row-text h4.odd-row {
  	margin-left: 25%;
    margin-right: 25%;
    float: left;
    width: 50%;
}

.ws18-category-animated-row-text .ws18-push {
  	margin-top:25px;
}
    

.ws18-category-animated-row-image,
.ws18-category-animated-row-text {
	min-height: 316px;
}

.ws18-category-animated-row-image {
    background-position: right center;
    background-repeat: no-repeat;
    /* background-size: cover; */
    float: right;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
    z-index: -1;
    /* margin-left: 380px; */
}
.ws18-category-animated-row-image h5 {
	width: 100%;
	bottom: 20px;
	text-align: center;
	position: absolute;
}
.ws18-category-animated-row-image h5 strong {
	background-color: rgba(255, 255, 255, 0.65);
	color: #333;
	font-family: Nunito Sans;
	font-size: 21px;
	font-weight: 500;
	letter-spacing: 3px;
	line-height: 28px;
	padding: 8px 30px;
	text-transform: uppercase;
	width: auto;
}
.ws18-category-animated-row-bkgd {
    background-color: #ee1c25;
    bottom: 0;
    height: 200px;
    margin-bottom: -40px;
    position: absolute;
    right: -2.75%;
    width: 43%;
    z-index: -2;
}

.ws18-category-animated-row-container {
    margin-bottom: 0px!important;
}

@media screen and (max-width: 810px) {
	.ws18-category-animated-row-container {
		margin-top: 0;
		width: 100%;
	}
	.ws18-category-animated-row-text {
		width: 100%;
		padding:20px;
	}
	.ws18-category-animated-row-text .ws18-push {
		margin-top:0px;
	}
	#ws18-category-animated-row-text-wo-links {
		padding: 20px;
	}
	#ws18-category-animated-row-text-wo-links-large {
		padding: 20px;
	}
	.ws18-category-animated-row-text img {
		width: 50%;
		min-width: 150px;
		margin-top: 0;
	}
	.ws18-category-animated-row-text h3 {
		font-size: 20px;
		line-height: 24px;
	}
	.ws18-category-animated-row-text h4 {
		font-size: 16px;
		line-height: 31px;
		margin-top: 17px;
		margin: 15px 1% 0px 2%;
		width: 46%;
	}
	.ws18-category-animated-row-image {
		position: relative;
		height: 0px;
		margin-top: 0;
		margin-left:0px;
		width: 100%;
		display:none;
	}
	.ws18-category-animated-row-bkgd {
		display: none;
	}
}

 @media screen and (max-width: 600px) {
	 .ws18-category-animated-row-text img {
		width: 40%;
		text-align:center;
		margin-left: auto;
		margin-right: auto;
		float: left;
	}
	 
	.ws18-category-animated-row-text h4 {
		font-size: 15px;
	}
	 
	.ws18-category-animated-row-text h3 {
		width:60%;
		max-width:50%;
	}
	 
	.ws18-category-animated-row-text h3 strong {
		font-size:27px;
		line-height:29px;
	}
}


 @media screen and (max-width: 560px) { 
	.ws18-category-animated-row-text {
		min-height:inherit;
	}
	 
	 .ws18-category-animated-row-text h4 {
		font-size: 14px;
	}
}


 @media screen and (max-width: 480px) { 
	.ws18-category-animated-row-text h3 {
		font-size: 20px;
		line-height: 24px;
	}

	 .ws18-category-animated-row-text h3 strong {
		font-size:25px;
		line-height:28px;
	 }
	.ws18-category-animated-row-text h4 {
		max-width: 100%;
		font-size: 14px;
		line-height: 23px;
		letter-spacing: 2px;
	}
	.ws18-category-animated-row-image {
		height: 250px;
	   padding:15px;
	}
	.ws18-category-animated-row-image h5 {
	  margin-top:195px;
		position: relative;
	  padding: 8px 30px;
		background-color: rgba(255, 255, 255, 0.65);
	}
	.ws18-category-animated-row-image h5 strong {
		background-color: rgba(255, 255, 255, 0);
		font-size: 19px;
		line-height: 26px;
	}
	.ws18-category-animated-row-text h3 {
		margin-top:8px;
	}
	 
	 .ws18-category-animated-row-text h4.odd-row {
		margin-left: 2%;
		margin-right: 2%;
		float: left;
		width: 96%;
	}
}

 @media screen and (max-width: 400px) {
	 .ws18-category-animated-row-text h4 {
		font-size: 13px;
		line-height: 19px;
	}
	 
	.ws18-category-animated-row-text h3 {
		margin-top:0px;
		text-align:center;
	}
	 
	 .ws18-category-animated-row-text h3 strong {
		font-size:24px;
		line-height:28px;
	 }
	 
	 .ws18-category-animated-row-text h2 {
		margin-bottom: 10px;
	}
	 
	.ws18-category-animated-row-text {
		width: 100%;
		padding: 10px;
	}
}


 @media screen and (max-width: 370px) {
	 .ws18-category-animated-row-text h3 {
		width: 100%;
		max-width: 100%;
	}
	 
	.ws18-category-animated-row-text img {
		width: 40%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		text-align: center;
		margin-bottom:15px;
	}
}

@media screen and (max-width: 365px) {
	.ws18-category-animated-row-text h4 {
		max-width: 97%;
		width: 97%;
	} 
}

/* CLP BANNER CSS END */





/* FILTER BANNER CSS START */ 


.ws18-plp-banner-container .plp-banner-thumbs-container {
    padding-bottom: 15px!important;
    padding-top: 8px!important;
}


@media screen and (max-width: 540px) {
	#plp-banner-thumb-h4-cutout {
		border:none!important;
	}
}

.ws18-plp-banner-container .mob1000 {
		display:none;
	}

@media screen and (max-width: 1000px) {
	.plp-banner-thumbs-text {
		padding: 0px 20px 0px 20px!important;
	}
	
	.ws18-plp-banner-container .mob1000 {
		display:block;
	}
	
	.ws18-plp-banner-container .wc18-top-filter-banner-container,
	.ws18-plp-banner-container .wc18-top-skinny-banner {
		display:none;
	}
}

.plp-banner-thumbs-text {
    width: 64%!important;
    margin-top: -40px!important;
    margin-left: 18%!important;
    margin-right: 18%!important;
    padding: 0px 15px!important;
}

.ws18-plp-banner-container .plp-banner-thumbs-text p strong {
    font-family: Patua One;
    font-size: 20px;
    line-height: 23px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ee1c25;
    margin-bottom: 0;
}

.ws18-plp-banner-container .plp-banner-thumbs-text p {
   	padding-bottom:10px;
	padding-bottom: 10px;
	margin-bottom:0px;
    font-family: Nunito Sans!important;
    font-weight: 500;
    text-transform: uppercase;
    color: #333333;
	letter-spacing: 1px;
    font-size: 20px;
}

@media screen and (max-width: 1000px) {
	.plp-banner-thumbs-text {
		padding: 0px 20px 10px 20px!important;
	}
}

.plp-banner-thumbs-text p br {
    display:none!important;
}

.ws18-plp-banner-container {
    border: 3px solid #ee1c25!important;
	margin-top:20px!important;
}

.plp-banner-shop-by-color-text h3 {
    margin: 0px!important;
}

.ws18-plp-banner-container #plp-banner-thumb-cutout {
    margin-bottom: 0px!important;
}

.plp-banner-thumb h4.double {
	padding-top:19px!important;
	padding-bottom:17px!important;
}


.ws18-plp-banner-container #plp-banner-thumb-h4-cutout {
    background-color: rgba(255,255,255,0.0)!important;
    padding: 10px 0 8px 0;
    border: 1px solid #333333!important;
	position: inherit!important;
}


#plp-banner-thumb-h4-clearance {
	background-color: rgba(255,214,0,1)!important;
	 padding: 10px 0 8px 0!important;
    border: 1px solid #ffd600!important;
}

#plp-banner-thumb-h4-clearance-doube-height {
	 padding: 19px 0 18px 0!important;
	background-color: rgba(255,214,0,1)!important;
    border: 1px solid #ffd600!important;
}

@media screen and (max-width: 540px) {
	#plp-banner-thumb-h4-clearance-doube-height {
		 padding: 16px 0 16px 0!important;
	}
}

.five-spot-thumb-long {
    width: 18.4%;
}

.three-spot-thumb-long {
    width: 32%;
}

@media screen and (max-width: 1000px) {
	.five-spot-thumb-mob {
		width: 100%!important;
	}
}

.plp-banner-two-spot-thumb-img,
.plp-banner-three-spot-thumb-img,
.plp-banner-four-spot-thumb-img,
.plp-banner-five-spot-thumb-img,
.plp-banner-six-spot-thumb-img{
	width:100%;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	height:120px;
	margin-top:-15px;
}

.plp-banner-thumb h4 {
	margin-top: 0px!important;
	padding-top:0px;
}

.six-spot-thumb {
    width: 15%;
}

@media screen and (max-width: 1300px) {
	.plp-banner-thumb h4 {
		margin: 0px 0px 14px 0px!important;
	}
}

@media screen and (max-width: 1000px) {
	.plp-banner-two-spot-thumb-img,
	.plp-banner-three-spot-thumb-img,
	.plp-banner-four-spot-thumb-img,
	.plp-banner-five-spot-thumb-img,
	.plp-banner-six-spot-thumb-img {
		height:90px;
	}
	
	.two-spot-thumb-long,
	.three-spot-thumb-long,
	.four-spot-thumb-long,
	.five-spot-thumb-long,
	.six-spot-thumb-long {
		width: 100%;
	}
	
	.six-spot-thumb,
	.three-spot-thumb {
		width: 48.5%;
	}
}
	
}
 

@media screen and (max-width: 810px) {
	.five-spot-thumb .full-width {
		width: 100%!important;
	}
	
	.plp-banner-thumbs-text p br {
		display:block!important;
	}
	
	.hide810,
	.wc18-top-skinny-banner p .hide810 {
		display:none!important;
		width:0px!important;
		font-size:0!important;
		margin:0px!important;
		padding:0px!important;
	}
}   


@media screen and (max-width: 540px) {
	.plp-banner-thumbs-text {
		width: 85%!important;
		margin-left: 8%!important;
	}
}

@media screen and (max-width: 470px) {	
	.plp-banner-thumbs-text {
		width: 92%!important;
		margin-left: 4%!important;
	}
}

.ws18 .plp-banner-thumb-img {
    background-position: center center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    height: 110px!important;
    padding: 10px!important;
}

.ws18 #plp-banner-thumb-h4-cutout {
    background-color: rgba(255,255,255,0.0)!important;
    padding: 0 0 4px 0!important;
	border:none!important;
	margin:0px!important;
}

.ws18 .plp-banner-thumb h4 {
    background-color: rgba(255,255,255,0.80)!important;
    color: #333!important;
    font-family: "Nunito Sans", sans-serif!important;
    font-size: 13px!important;
    font-weight: 700!important;
    line-height: 18px!important;
    letter-spacing: 1px!important;
    text-transform: uppercase!important;
    width: auto!important;
    padding-top: 6px!important;
    padding-bottom: 6px!important;
}

.ws18 #plp-banner-thumb-cutout {
    margin-bottom: 22px!important;
}

.ws18-breaker br {
	display:none;
}

@media screen and (max-width: 440px) {
	.ws18-breaker br {
		display:block;
	}
}


@media screen and (max-width: 540px) {
	.ws18 #plp-banner-thumb-h4-cutout {
		background-color: rgba(255, 255, 255, 0.8)!important;
		border:none!important;
		padding: 16px 0!important;
		position: absolute!important;
		width: 100%!important;
		padding: 27px 0px 0px 0px!important;
	}
	
	.ws18 .plp-banner-thumb-img {
		height: 70px!important;
	}
	
	.ws18 #plp-banner-thumb-cutout {
		position: relative!important;
		margin-bottom: 8px!important;
	}
}

.wc18-top-filter-banner-container .wc18-top-skinny-banner p br {
	display:none;
}


@media screen and (max-width:  390px) {
	.wc18-top-filter-banner-container .wc18-top-skinny-banner p br {
		display:block;
	}
}

@media screen and (max-width: 1000px) {
	a:nth-child(2n+1) .six-spot-thumb {
		margin-left: 3%;
	}
}


@media screen and (max-width: 1200px) {
	.criclePricePoint {
		top:100px!important;
	}
}


@media screen and (max-width: 480px) {
	.criclePricePoint {
		top:30px!important;
	}
}