#responsivenewsletter
{
	display:none;
}

/*** end responsive temp ***/

.homepageholding
{
	width:100%;
	height:auto;
	max-width:1200px;
	margin:0px auto;
}

.homepageholding img
{
	width:100%;
}

#hpscroll
{
	display:block;
	height:40px;
	position:fixed;
	right:1%;
	top:calc(50vh - 20px);
	width:40px;
	z-index:9999;
}

#hpscroll img
{
	height:auto;
	width:100%;
}

/********** Slideshow **********/


#slideshow li
{
	background-size:cover !important;
	width:100%;
	display:block;
	height:650px;
}

#slideshow li .slideshowtext
{
	width:50%;
	max-width:700px;
	background:rgba(32,58,109,0.8);
	margin:40px auto 0px auto;
	padding:25px 50px;
	float:left;
	margin-left:calc(50% - 350px);
}

.slideshowtext h1
{
	width:100%;
	text-align:center;
	font-family:Prata;
	color:white;
	font-size:1.9em;
	font-weight:lighter;
}

.slideshowtext p
{
	color:white;
	width:100%;
	font-family:Prata;
	text-align:center;
	font-weight:lighter;
	line-height:1.5em;
}

.slidebtt
{
	font-family:Prata;
	font-weight:lighter;
	display:table;
	color:white;
	padding:10px 25px;
	margin:30px auto 10px auto;
	background:#65c3d3;
	text-transform:uppercase;
}

#slideshowcontent
{
	/*background:url(../gfx/backgroundwhitearrow.png) no-repeat center bottom, red;
	background-size:100%;*/
	width:100%;
	height:auto;
	display:block;
	position:relative;
	z-index:2000;
}

#slideshowsearch
{
	display:none;
	width:50%;
	max-width:800px;
	background:rgba(32,58,109,0.9);
	margin:10px auto;
	padding:10px;
}

#slideshowsearch img
{
	width:90%;
	margin:10px 5%;
}

#slideshowcontent a
{
	display:table;
	margin:10px auto;
	width:auto;
	height:auto;
}

.cycle-pager
{
	display:table;
	margin:5px auto;
	position:relative;
}


.cycle-pager span
{
	font-size:3.0em;
	color:white;
}

.cycle-pager .cycle-pager-active
{
	color:#65c3d3;
}

#slideshowcontent  > span
{
	width:100%;
	margin-top:-30px;
}

#slideshowcontent  > span img
{
	width:100%;
} 

/********** welcome **********/

#homepagewelcome
{
	width:96%;
	margin:10px auto;
	max-width:1200px;
}

#homepagewelcome img#welcomelogo
{
	width:30%;
	margin-left:35%;
}

#homepagewelcome h2
{
	width:100%;
	display:block;
	text-align:center;
	color:#203a6d;
	text-transform:uppercase;
	font-family:GothamNarrow;
	font-weight:lighter;
	font-size:1.35em;
}

#homepagewelcome p
{
	font-family:Prata;
	width:100%;
	text-align:center;
}

#homepagewelcome p a, #homepagewelcome p b
{
	color:#203a6d;
	text-transform:uppercase;
	font-family:GothamNarrow;
	font-weight:lighter;
	font-size:1.2em;
}

#homepagewelcome a.bluebtt
{	
	font-family:Prata;
	font-weight:lighter;
	display:table;
	color:white;
	padding:10px 25px;
	margin:30px auto 10px auto;
	background:#65c3d3;
	text-transform:uppercase;
}

/********** HP Categories **********/

#hpslide3, #hpslide2
{
	height:450px;
	overflow:hidden;
}


#hpslide3 .cycle-pager, #hpslide2 .cycle-pager
{
	position:absolute;
	z-index:3000;
	margin-top:-250px !important;
}

#hpcategories
{
	width:100%;
	max-width:1200px;
	margin:0px auto;
	height:auto;
	display:table;
}

#hpcategories > div
{
	width:23%;
	margin:1%;
	float:left;
}

#hpcategories > div > img
{
	width:100%;
	height:auto;
}

.hiddencontent
{
	width:100%;
	height:100%;
	z-index:300;
	background:rgba(32,58,109,0.4);
	position:relative;
	opacity:0;
	filter:alpha(opacity=0);

	-moz-transition: filter 0.5s, opacity 0.5s;
	-webkit-transition: filter 0.5s, opacity 0.5s;
	-o-transition: filter 0.5s, opacity 0.5s;
	-ms-transition: filter 0.5s, opacity 0.5s;
	transition: filter 0.5s, opacity 0.5s;
}

#hpcategories > div:hover div.hiddencontent
{	
	opacity:1;
	filter:alpha(opacity=100);
}

.hiddencontentborder
{
	width:96%;
	height:96%;
	border:1px solid rgba(255,255,255,0.8);
	margin:2%;
	float:left;
}

.hiddencontent h2
{
	font-family:Prata;
	width:100%;
	text-align:center;
	color:white;
	text-transform:uppercase;
	padding-top:40px;
	font-weight:lighter;
	font-size:1.2em;
	height:50%; 

	    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.hiddencontent a
{
	width:60%;
	margin-left:20%;
	display:block;
	text-align:center;
	color:white;
	padding:7px 0px;
	height:auto;
	background:#65c3d3;
	font-size:1.0em;
	text-transform:uppercase;
	font-family:Prata;
	font-weight:lighter;
}

#hpcategories > div h3
{
	width:100%;
	display:block;
	text-align:center;
	font-family:Prata;
	text-transform:uppercase;
	color:black;
	font-size:1.1em;
	margin-top:15px;

}

/********** featuredgrid **********/

.cycle-slideshow
{
	background:none;
}

.featuredgrid
{
	width:100%;
	max-width:1100px;
	margin:20px auto;
}

.featuredgrid div.carouselitem 
{
	width:198px !important;
	margin:10px;
	float:left;
	border:1px solid white;
}

.featuredgrid div.carouselitem:hover
{
	border:1px solid #65c3d3;
}

.featuredgrid > div img
{
	width:100%;
	height:auto;
}

.carouselitem > span
{
	width:100%;
	display:block;
	text-align:center;
	font-size:1.0em;
	font-family:Prata;
	color:black;
	line-height:1.5em;
} 

.carouselitem > a
{
	display:table;
	color:white;
	padding:7px 15px;
	height:auto;
	background:#65c3d3;
	font-size:1.0em;
	text-transform:uppercase;
	font-family:Prata;
	font-weight:lighter;
	margin:10px auto;
	opacity:0;
	filter:alpha(opacity=0);
}

.carouselitem:hover > a 
{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.carouselcontrols
{
	position:absolute;
}

.carouselcontrols
{
	display:table;
	width:auto;
	height:auto;
}

.carouselcontrols a
{
	display:table;
	width:auto;
	height:auto;
}

.carouselcontrols a img
{
	width:15px;
	height:auto;
}

.carouselcontrolsleft
{
	left:calc(50% - 620px);
	margin-top:100px;
}
.carouselcontrolsright
{
	right:calc(50% - 620px);
	margin-top:-191px;
}


#responsivenewsletter
{
	width:100%;
	float:left;
	height:auto;
	background:#65c3d3;
	padding:10px 0px;
}

@media only screen and (max-width:1400px) 
{
	#slideshow li .slideshowtext
	{
		margin-left:25%;
	}
}

@media only screen and (max-width:1200px) 
{
	#homepagewelcome img#welcomelogo
	{
		width:50%;
		margin-left:25%;
	}

	.carouselcontrolsleft
	{
		left:5px;
		margin-top:-29px;
	}

	.carouselcontrolsright
	{
		right:5px;
		margin-top:-315px;
	}

}

@media only screen and (max-width:850px) 
{
	#hpcategories > div
	{
		width:46%;
		margin:2%;
	}
}

@media only screen and (max-width:730px) 
{
	#hpslide1
	{
		display:none;
	}
	
	#hpcategories > div
	{
		width:46%;
		margin:2% 2%;
	}

	#hpcategories > div h3 
	{
		font-size: 0.8em;
	}

	#slideshow li .slideshowtext
	{
		width:80%;
		margin-left:10%;
	}

	#homepagewelcome img#welcomelogo
	{
		width:80%;
		margin-left:10%;
	}

	#slideshow
	{
		width:100% !important;
	}

	#featuredproductsection, #bestsellerssection
	{
		display:none;
	}

	#hpslide3, #hpslide2
	{
		height:auto;
		margin:5px auto;
	}

	#hpslide3 .cycle-pager, #hpslide2 .cycle-pager
	{
		margin-top:-50px !important;
	}

	#responsivenewsletter
	{
		display:block;
	}
}