/* Carousel */
#inspiration-carousel
{
}
#inspiration-carousel > .carousel
{
	padding:5px 5px 0 5px;
	background-color:#1A1A1A;
}

#inspiration-carousel > .carousel > .elastislide-wrapper
{
	/*width:948px; height:350px;  overflow:hidden;*/
}
#inspiration-carousel > .carousel > .elastislide-wrapper > .elastislide-carousel
{
	/*width:950px; height:350px; overflow:hidden;*/
}

#inspiration-carousel > .carousel ul
{
}
#inspiration-carousel > .carousel ul > li
{
	position:relative;
	width:950px; /*height:350px;*/
}
#inspiration-carousel > .carousel > ul > li
{
	display:none;
}
#inspiration-carousel > .carousel > ul > li:first-child
{
	display:block;
}
#inspiration-carousel > .carousel ul > li > img
{
	position:relative;
	z-index:0;
	width:950px; /*height:350px;*/
}
#inspiration-carousel > .carousel ul > li > .info
{
	position:absolute;
	top:0; right:0; bottom:0; left:0; z-index:1;
	width:100%; height:100%; overflow:hidden;
}
#inspiration-carousel > .carousel ul > li > .info > div
{
	display:table;
	width:100%; height:100%; overflow:hidden;
}
#inspiration-carousel > .carousel ul > li > .info > div > div
{
	display:table-cell;
	width:100%; height:100%; overflow:hidden;
	vertical-align:middle;
}
#inspiration-carousel > .carousel ul > li > .info > div > div > div
{
	min-width:390px; max-width:450px; overflow:hidden;
	margin:0 auto; padding:25px 20px 23px 20px;
	background:#FFF; background-color:rgba(255,255,255,0.7);
	text-align:center;
}
#inspiration-carousel > .carousel ul > li > .info > div > div > div > h3
{
	margin:0 0 10px 0;
	color:#222;
	font-weight:700; font-size:16px; line-height:16px; text-transform:uppercase;
}
#inspiration-carousel > .carousel ul > li > .info > div > div > div > h4
{
	margin:0;
	color:#222;
	font-weight:700; font-size:30px; line-height:30px; text-transform:uppercase;
}
#inspiration-carousel > .carousel ul > li > .info > div > div > div > .btn
{
	margin:20px 0 0 0;
}

/* Carousel Navigation */
#inspiration-carousel > .carousel > nav > .prev,
#inspiration-carousel > .carousel > nav > .next
{
	position:absolute; overflow:hidden;
	top:140px; z-index:10;
	width:59px; height:72px;
	margin:0; padding:0;
	background:url(/img/ui/carousel-sprite.png) no-repeat 0 0;
	text-indent:-9999px;
	opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70);

	cursor:pointer;
}
#inspiration-carousel > .carousel > nav > .prev
{
	left:15px;
	background-position:0 0;
}
#inspiration-carousel > .carousel > nav > .next
{
	right:15px;
	background-position:100% -122px;
}
#inspiration-carousel > .carousel > nav > .next:hover,
#inspiration-carousel > .carousel > nav > .prev:hover
{
	opacity:1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);
}
#inspiration-carousel > .carousel > nav > .disabled,
#inspiration-carousel > .carousel > nav > .disabled:hover
{
	cursor:default;
	opacity:0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30);
}

/* Carousel Footer */
#inspiration-carousel > footer
{
	position:relative;
	padding:17px 5px;

	background-color:#1A1A1A;
	/* Safari 4-5, Chrome 1-9 */
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#262626), to(#0E0E0E));
	/* Safari 5.1, Chrome 10+ */
	background:-webkit-linear-gradient(top, #262626, #0E0E0E);
	/* Firefox 3.6+ */
	background:-moz-linear-gradient(top, #262626, #0E0E0E);
	/* IE 10 */
	background:-ms-linear-gradient(top, #262626, #0E0E0E);
	/* Opera 11.10+ */
	background:-o-linear-gradient(top, #262626, #0E0E0E);

	color:#FFF;

	text-align:center;
}
#inspiration-carousel > footer > h3
{
	display:inline-block;
	margin:0 18px 0 0;
	font-size:21px; font-weight:700; line-height:31px;
	vertical-align:middle;
}
#inspiration-carousel > footer > form
{
	display:inline-block;
}
#inspiration-carousel > footer .custom-select
{
	min-width:230px;
	text-align:left;
}

/*#inspiration-carousel > footer > form > */
#inspiration-carousel .shadow
{
	height:18px;
	padding:0 38px 0 0;
	background:url(/img/ui/shadow-3d-sliding.png) no-repeat 100% -18px;
}
#inspiration-carousel .shadow > span
{
	display:block;
	height:100%;
	background:url(/img/ui/shadow-3d-sliding.png) no-repeat 0 0;
}

/* Tablet Portrait */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
	#inspiration-carousel > .carousel ul > li,
	#inspiration-carousel > .carousel ul > li > img
	{
		width:698px; height:257px;
	}
	#inspiration-carousel > .carousel > nav > .prev,
	#inspiration-carousel > .carousel > nav > .next
	{
		top:110px;
	}
	#inspiration-carousel > .carousel ul > li,
	#inspiration-carousel > .carousel ul > li > img
	{
		width:698px; height:257px;
	}
}

/* Mobile Portrait & Landscape */
@media only screen and (max-width:767px)
{
	#inspiration-carousel > footer
	{
		padding:12px 15px 16px 15px;
		text-align:left;
	}
	#inspiration-carousel > footer > form
	{
		display:block;
	}
	#inspiration-carousel > footer .custom-select
	{
		width:100%;
	}
	#inspiration-carousel > .carousel
	{
		display:none;
	}
	#inspiration-carousel > footer > h3
	{
		margin:0 0 10px 0;
		font-size:18px; line-height:20px;
	}
}