@keyframes lgpd-in{
	0%{ 
		opacity:0; 
		transform:translateY(100px); 
	}
	95%{ 
		opacity:1;  
		transform:translateY(-10px); 
	}
	100%{ 
		opacity:1;  
		transform:translateY(0px); 
	}
}

@keyframes lgpd-out{
	0%{ 
		opacity:1; 
		transform:translateY(0px); 
	}
	5%{ 
		transform:translateY(-10px); 
	}
	99%{ 
		transform:translateY(-100px); 
	}
	100%{ 
		opacity:0;  
		display: none;
		transform:translateY(200px); 
	}
}
.lgpdContainer {
	z-index:999;
	min-height:20px;
	box-sizing:border-box;
	color:#232323;
	background: #FFF;
	overflow:hidden;
	position:fixed;
	left:10px;
	right:10px;
	bottom:10px;
	padding:30px;
	border: 1px solid var(--color-01);
	border-radius:20px;
	box-shadow: 0px 10px 10px -5px #999;
	opacity: 0;
}

.lgpdContainer.show{
	animation: lgpd-in 1s forwards;
}

.lgpdContainer.hide{
	animation: lgpd-out 1s forwards;
}

.lgpdContainer .lgpdIn{
	display: flex;
	align-items: center;
}
.lgpdContainer .lgpdText{
	flex: min-content;

}
.lgpdContainer .lgpdTitle {
	font-family:OpenSans,arial,sans-serif;
	font-size:22px;
	line-height:20px;
	display:inline-block;
	margin-block: 10px;
}
.lgpdContainer .lgpdDesc {
/*	font-family:OpenSans,arial,sans-serif;*/
	font-size:13px;
	line-height:1.3;
	display:block;
	padding:0;
	font-size: 18px;
	color: #666;
}
.lgpdContainer .lgpdButtons a {
	display:inline-block;
	font-family:OpenSans,arial,sans-serif;
	color:#fff;
	font-size:14px;
	font-weight:700;
	margin-top:14px;
	background:var(--color-03);
	box-sizing:border-box;
	text-align:center;
	transition:background .3s;
	padding:8px 20px;
	margin: 10px;
	display:inline-block;
	text-decoration: none;
	border-radius: 50px;
}

.lgpdContainer .lgpdButtons a:nth-last-child(1){
	background:var(--color-02);
	color: #000;
}

.lgpdContainer .lgpdButtons a:hover {
	cursor:pointer;
	background:var(--color-05);
}
@media (max-width:980px){
	.lgpdContainer {
		bottom:0!important;
		left:0!important;
		width:100%!important;
		border-radius: 0px;
		box-shadow: 0px -10px 10px -5px #999;
	}
	.lgpdContainer .lgpdButtons a{
		display: block;
		margin-left:20px;
	}
}

@media (max-width:600px){
	.lgpdContainer .lgpdIn{
		display: block;
		text-align: center;
		
	}
	.lgpdContainer .lgpdText{
		padding-bottom: 10px;
		display: block;
	}

	.lgpdContainer .lgpdButtons a{
		margin: 10px 10px 0px;
		display: inline-block;
	}
}