
.logo-menu
{
	width			: 83%;
	padding			: 2% 10% 2% 7%;
	position		: fixed;
	z-index			: 2;
	top				: 0;
	background-color		: #FFFFFFCC;
	-webkit-backdrop-filter : blur(10px);
	backdrop-filter			: blur(10px);
}

.galeri-slider
{
	width			: 100%;
	text-align		: center;
	margin			: 0px auto;
}
.purchase
{
	bottom			: -100%;
	visibility		: hidden;
	z-index			: 0;
}

.info-holder
{
	width			: 100%;
	text-align		: center;
}
.info-holder span
{
	display			: block;
	font-family		: "Roboto";
	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;
	visibility		: hidden;
	opacity			: 0;
	margin			: 5% auto;
	transition		: all .3s ease;
}

.slick-center div.button-holder
{
	display			: block;
	bottom			: 5%;
	transition		: all .5s ease;
}

.purchase
{
	width			: 120%;
	height			: auto;
	padding-bottom	: 10%;
	padding-top		: 0;
	bottom			: -20%;
	visibility		: visible;
	background-color: #FFF;
	position		: absolute;
	z-index			: 20000;
	opacity			: 0;
	box-shadow		: 0 0 30px #00000030;
	transition		: all .3s ease;
	visibility		: hidden;
	left			: 50%;
	transform		: translateX(-50%);
}
.purchase.active
{
	bottom			: 5%;
	visibility		: visible;
	opacity			: 1;
}

hr
{
	height			: 1px;
	background-color: #EEE;
	margin			: 10px 40px;
	border			: none;
	padding			: 0;
}
.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;
}

.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;
}

.purchase label input[type="radio"]
{
	display			: none;
}


.purchase label span.buy-l
{
	display			: inline-block;
	text-align		: left!important;
	padding-left	: 20px;
}
.purchase label span.buy-r
{
	display			: inline-block;
	text-align		: right;
	width			: 55%;
	padding-right	: 5%;
}

.purchase label input[type="radio"]:checked ~ span.buy-r,
.purchase label input[type="radio"]:checked ~ span.buy-l
{
	color			: rgb(232, 34, 45);
	background-color: #EEE!important;
}

.contain
{
	display			: inline-block;
	width			: 23%;
	min-width		: 250px;
	position		: relative;
	vertical-align	: top;
	margin			: 2% 0;
	min-height		: 45vh;
}

.contain:hover > div.button-holder
{
	opacity: 1;
	visibility	 : visible;
}

.contain a img
{
    display			: block;
	max-width		: 80%;
	max-height		: 30vh;
	object-fit		: contain!important;
	margin			: 0px auto;
	transition		: all .3s ease;
	box-shadow		: 0px 10px 30px #00000040;
	margin-bottom	: 5%;
	border			: 1px solid #FFF;
}
