/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;

}

.slick-list
{
    position		: relative;
    display			: block;
    overflow		: hidden;
    margin			: 0;
    padding			: 0;
	height			: 85vh;
	background-color: #EEE;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position		: relative;
    top				: 0;
    left			: 0;
	height			: 75vh;
	background-color: #CCC;
    display			: block;
    margin-left		: auto;
    margin-right	: auto;
}



.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}


.slick-slide
{
    display			: none;
    float			: left;
	position		: relative;
	height			: 83vh;
	transition		: all .5s ease;
}

.slick-center
{
	outline			: none;
	background-color:#FFF;
	transition		: all .5s ease;
	box-shadow		: 0px 0px 20px #00000030;
	height			: 85vh;
	transition		: all .5s ease;
}


div.purchase
{
	bottom			: -100%;
	visibility		: hidden;
	z-index			: 0;
}

div.info-holder
{
	width			: 100%;
	text-align		: center;
	position		: absolute;
	bottom			: 20%;
}
div.info-holder span
{
	display			: block;
	font-family		: "Roboto", times;
	font-size		: 1em;
	line-height		: 25px;
	color			: #666;
	width			: 70%;
	margin-left		: 50%;
	transform		: translateX(-50%);
	font-weight		: 300;
}
div.button-holder
{
	width			: 90%;
	text-align		: center;
	position		: absolute;
	display			: none;
	left			: 5%;
	bottom			: 30%;
	transition		: all .3s ease;
}

.slick-center div.button-holder
{
	display			: block;
	bottom			: 5%;
	transition		: all .5s ease;
}

div.purchase
{
	width			: 120%;
	height			: auto;
	padding-bottom	: 10%;
	padding-top		: 0;
	bottom			: -20%;
	visibility		: visible;
	background-color: #FFF;
	position		: absolute;
	z-index			: 2;
	opacity			: 0;
	text-align		: center;
	box-shadow		: 0 0 30px #00000030;
	transition		: all .3s ease;
	visibility		: hidden;
	left			: -10%; 
}
.slick-center div.purchase.active
{
	bottom			: 5%;
	visibility		: visible;
	opacity			: 1;
}

hr
{
	height			: 1px;
	background-color: #EEE;
	margin			: 10px 40px;
	border			: none;
	padding			: 0;
}
div.purchase h2
{
	display			: block;
	font-family		: "Cormorant Garamond", times;
	font-size		: 1.3em;
	font-weight		: 200;
	line-height		: 30px;
	color			: rgb(232, 34, 45);
	margin			: 0px;
	margin-top		: 30px;
}

div.purchase label
{
	display			: block;
	font-family		: "Roboto", times;
	font-size		: .8em;
	font-weight		: 300;
	width			: 80%;
	margin			: 0 auto;
	text-decoration	: none;
	color			: #333;
	line-height		: 40px;
	white-space		: nowrap;
}

div.purchase label input[type="radio"]
{
	display			: none;
}


div.purchase label span.buy-l
{
	display			: inline-block;
	text-align		: left;
	padding-left	: 5%;
	width			: 35%;
}
div.purchase label span.buy-r
{
	display			: inline-block;
	text-align		: right;
	width			: 55%;
	padding-right	: 5%;
}

.slick-center div.purchase label input[type="radio"]:checked ~ span.buy-r,
.slick-center div.purchase label input[type="radio"]:checked ~ span.buy-l
{
	color			: rgb(232, 34, 45);
	background-color: #EEE!important;
}


div.contain img
{
	position		: absolute;
	box-shadow		: -10px 30px 50px #00000050;
    display			: block;
	max-width		: 80%;
	max-height		: 45vh;
	object-fit		: contain!important;
	margin			: 0px auto;
	transition		: all .3s ease;
	top				: 10%;
	left			: 50%;
	transform		: translateX(-50%);
}
div.contain img.zoomed
{
	top				: 0%;
	z-index			: 10000000000003;
	display			: block;
	height			: 80vh!important;
	max-width		: 100vw;
	max-height		: 80vh;
	width			: auto;
	left			: 50%;
	transform		: translateX(-50%);
	box-shadow		: 0px 50px 200px #000000;
	transition		: all .3s ease;
}

.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



@media only screen and (max-width: 600px)
{
	.slick-slider
	{
		margin-top		: 30px;
	}
	.slick-list
	{

		height			: 74vh;
		background-color: #EEE;
	}
	.slick-slide
	{
		height			: 75vh;
		transition		: all .5s ease;
	}

	.slick-center
	{
		outline			: none;
		background-color:#FFF;
		transition		: all .5s ease;
		box-shadow		: 0px 0px 20px #00000030;
		height			: 74vh;
		transition		: all .5s ease;
	}

}