/* top section */

#contentareawbFP a {
	text-decoration:none;
}
#fpwrapper {
	width:960px;
	margin:0 auto;
}
.rowBanner {
	margin:20px auto 0;
	width:746px;
	position:relative;
}
.rowBanner div {
	font-size:22px;
	color:#6a0f1d;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:5px;
	text-align:center;
	width:100%;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:17px 0 13px;
}
.rowBanner span {
	font-weight:bold;
}
.rowBanner a {
	text-decoration:none;
}
.rowBanner div br {display:none;}

.img1OverlayWrapper {
	margin: 0 auto;
	position: relative;
	height: 100%;
	width: 960px;
}
.row1 {
	position:relative;
	margin:23px 0 0 0;
	clear:both;
}
.row1 img {
	display:none;
}
.row1 .overlay1 {
	position: absolute;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    float: left;
    text-align: center;
    right: 0px;
    top: 45%;
}
.row1 .overlay1 .top span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	letter-spacing:4px;
}
.row1 .overlay1 .top {
	float:left;
	width:100%;
	font-size:17px;
	text-align:center;
	line-height:25px;
	margin:0;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:3px;
}
.row1 .overlay1 .bottom {
	float: left;
    width: 100%;
    font-size: 48px;
    text-align: center;
    line-height: 55px;
    margin: 4px 0 0 0;
    color: white;
    font-family: 'Displace', Arial, Helvetica, sans-serif;
    letter-spacing: 5px;
}

.row1 .bottom.mobile{
	display: none;
}
.row1 .btnWrapper1 {
	margin:10px 0 0 0;
	text-align:center;
	display:inline-block;
	clear:both;
}
.row1 .shopCollBtn {
	font-size:19px;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	border-bottom:1px solid white;
	text-decoration:none;
	padding:0 0 4px 0;
}
.row {
	margin:58px 0 0 0;
	clear:both;
	position:relative;
	float:left;
}

.img2 {
	width:756px;
	margin: 0 auto;
	display: table;
	clear: both;
}
.img3 {
	width:100%;
	margin:0 50px 0 0;	
}

.row7 .innerCol.left{
	top:50%;
	transform: translateY(50%);
}

.row7 .circular-image{
	width:350px;
}

.img7{
	width:381px;
}

#contentareawbFP {
	width:960px;
	text-align:center;
	margin:0;
}
.topText {
	font-family: 'Displace', Arial, Helvetica, sans-serif;
	font-size: 27px;
	letter-spacing:5px;
	text-align: center;
	margin: 20px 0 0 0;
	line-height:36px;
	color:#000;
}
a.mainbtn {
	color:#000;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	letter-spacing:3px;
	margin:10px 0 0 0;
	border:none;
	width:100%;
	float:left;
}
a .shopNowBtn {
	border-bottom:1px solid #000;
	padding:0 0 4px 0;
	font-size:17px;
	letter-spacing:1px;
}
#wrapper {
	clear:both;
}
.fpbtn {
	padding:0 0 1px 0;
	border-bottom: 1px solid #000;
}
.fpbtn:hover {
	color:#676767;
}
/* .row img, .row .overlay {
	float:left;
} */
.row .overlay {
	position:relative;
	margin:170px 0 0 0;
}

.col {
	float:left;
	width:48.90%;
	position: relative;
}
.col2 {
	margin:0 20px 0 0;
	float:right;
}
.row2 {
	margin:74px 0 0 0;
	float:right;
	width:100%;
}
.row3 {
	margin:74px 0 0 0;
}
.row4 {
	margin:98px 0 0 80px;
	float:right;
}
.row6 {
	margin:143px 32px 0 0;
	float:right;
	width:335px;
}

.row7{
	margin:88px 0;
}

.row4 .overlay, .row5 .overlay, .row6 .overlay, .row7 .overlay {
	clear:both;
	float:none;
	display:inline-block;
	margin:0;
}

/* Category List Page */
.catListOuter {
	float:left;
	clear:both;
	width:960px;
	margin:50px 0 130px 0;
}
.catListOuter a {
	text-decoration:none;
}
.catListOuter .topRow {
	border-bottom: 1px solid #cccdce;
    clear: both;
    font-size: 15px;
    font-style: italic;
    height: 1px;
    margin: 29px 0;
    position: relative;
    text-align: center;
    width: 960px;
}
.catListOuter .topRow .innerTextDelivery {
    background: #fff none repeat scroll 0 0;
    left:0;
	right:0;
	margin:0 auto;
    line-height: 15px;
    position: absolute;
    top: -5px;
    width: 290px;
}
.catListOuter .topRow .innerTextDelivery a {
    color: #787878;
    text-decoration: none;
}
.catListOuter ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.catListOuter ul li {
	display:inline;
	float:left;
	margin:0 0 45px 0;
	position:relative;
	border-top:1px solid #000;
}
.catListOuter ul li.middle {
	margin:0 35px 45px 35px;
}
.catListOuter ul li img {
	display:block;
	width:295px;
}
.catListOuter .caption::before {
    content: " ";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.catListOuter .caption {
    bottom: 0;
    font: 0px/0 a;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
	z-index:100;
}
.catListOuter .textCatList {
	display: inline-block;
    font: 19px/1 Arial,sans-serif;
    padding: 4% 0;
    text-align: center;
    vertical-align: middle;
    width: 100%;
	font-weight:normal;
	color:#000;
	letter-spacing:2px;
}
.catListOuter .textInnerCatList {
    margin: 0 auto;
}
.catListOuter ul li a {
	color:#000;
	text-decoration:none;
}
#overlay {
	background:#000;
	opacity:0;
	width:283px;
	height:356px;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
}
#saleOverlay {
	background:#b13441;
	opacity:0;
	width:256px;
	height:321px;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
	margin:20px;
}
.paypalBoxTop {
	font-family:Arial, Helvetica, sans-serif;
	margin: 10px auto;
    text-align: center;
    width: 255px;
	height:25px;
}
.paypalBoxTop .paypalImg {
	float:left;
}
.paypalBoxTop .imgPaypal {
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
    width: 98px;
	margin:0 0 20px 0;
}
.paypalBoxTop .paypalText {
    color: #6e6e6e;
    font-size: 12px;
    letter-spacing: 0.7px;
    margin: 9px auto 0 15px;
    text-align: center;
	float:left;
}
.desktopOnly {
	display:inline;
}
.mobOnly {
	display:none;
}
.mobOnly--block {
	display:none;
}
.desktopOnly--block{
	display: block;
}


/**************/
/**** MOBILE DEVICES ****/
/**************/
@media only screen 
and (min-width : 320px) 
and (max-width : 667px)
{
	.w-100{
		width: 100%!important;
	}
	.mainimage{padding-top: 30px;}
	/* section 1 */
	#contentareawbFP {margin: 0 auto;width: 100%;float:none;}
	#contentareawbFP h2 {font-size:16px;line-height:24px;margin:10px 0 0 0;}
	#contentareawbFP h3 {letter-spacing:0;}
	#fpwrapper {width:100%;}
	
	.rowBanner {width:90%;margin:50px 5% 0;line-height:30px;}
	.rowBanner span {font-size:14px;border-bottom:1px solid #6a0f1d;}
	.rowBanner .dash {display:none;}
	.rowBanner div br {display:block;}
	
	.overlayButton {position:relative;width:100%;}
	.mainbtn {color:#000;background:#FFF;letter-spacing:2px;}	
	.mainbtn a {text-decoration:none;}
	.mainbtn a:hover {background:#FFF;}
	.img1OverlayWrapper {width:100%;height:auto;position:unset;}
	
	.desktopOnly {display:none;}
	.mobOnly {display:block;}
	
	#contentareawbFP img {width:100%;margin:0 auto;text-align:center;float:none;}
	.row1 {margin: 0;background: none !important;width: 100%;height: auto !important;min-height:auto !important;}
	.row1 img {width:100%; display: inline;margin: 20px 0 15px 0;}
	.row1 .overlay1 {position:relative;top:0;width:100%;left:0;}
	.row1 .overlay1 .top, .row1 .overlay1 .bottom {color:#000;}
	.row1 .shopCollBtn {border-bottom:1px solid #000;color:#000;}
	.row1 .btnWrapper1 {margin:5px 0 0 0;}
	.row {margin:55px 0 0 0;}
	.row .overlay {margin:0;width:100%;}
	#contentareawbFP .row2 img, #contentareawbFP .row5 img, #contentareawbFP .row6 img, #contentareawbFP .row7 img {width:75.7%;}
	.row3, .row4, .row5, .row6, .row7 {width:100%;}
	.row7 {margin:50px 0 50px 0;}
	.row1 .overlay1 .top {font-size:14px;}
	.row1 .overlay1 .bottom {font-size:22px;letter-spacing:3px;}
	.row1 .bottom.mobile{display: block;}
	.row1 .bottom.desktop{display: none;}
	.row1 .bottom.mobile {line-height: 38px;margin-top: 15px;}
	.row1 .bottom.mobile span {font-size: 28px;}
	.row1 .bottom.mobile {font-size: 18px;}

	.row7 .innerCol.left {
		transform: translateY(5%);
		margin-bottom:70px;
	}

	#row6{margin: 55px 0 0 0;}

	.row1 .shopCollBtn {font-size:14px;letter-spacing:1px;}
	.topText {font-size:25px;letter-spacing:4px;line-height:35px;}
	a .shopNowBtn {font-size:14px;letter-spacing:1px;}
	.row2 .topText br {display:none;}
	.row a.mainbtn {margin:5px 0 0 0;}
	
	.col {width:100%;}
	
	/* Category List */
	.catListOuter { overflow:hidden; margin: 30px 2.5%; width: 95%;float:none;}
	.catListOuter .topRow {width:100%;}
	.catListOuter ul{ text-align: center; list-style-type:none;padding:inherit;}
	.catListOuter ul li {margin:0 2% 23px 0;padding:0;width:49%;}
	.catListOuter ul li.middle {margin:0 2% 23px 0}
	.catListOuter ul li.second {margin:0 0 23px 0;}
	.catListOuter ul li.third.second {margin:0 0 23px 0}
	.catListOuter ul li.third {margin:0 2% 23px 0}
	.catListOuter ul li img {width:100%;}
	.catListOuter .textInner {width: 155px;font-size: 14px; height: 207px; padding: 0; line-height:25px;}
	.catListOuter .textInner.first {line-height:18px;}
	.catListOuter #overlay {display:none;}
	
	.catListOuter .caption {clear:both;position:relative;padding:5px 0;}
	.catListOuter .textCatList {color:#000;}
	.catListOuter .textCatList {font-size:11px;letter-spacing:1px;}
	
	.paypalBoxTop {clear:both;float:left;margin:10px 2.5% 0;text-align:center;width:95%;}
	.paypalBoxInner {width:250px;margin:0 auto;clear:both;}
	.paypalBoxTop .paypalText {float:right;margin:9px 0 0 0;}
	.desktopOnly {display:none;}
	.mobOnly {display:inline;}
	.desktopOnly--block{
		display: none;
	}
	.mobOnly--block {
		display:block;
	}
}