.cc-window {
	-webkit-transition: all 0.4s ease;
		    transition: all 0.4s ease;
	-webkit-transform : translateY(100%);
		    transform : translateY(100%);
	
	position          : fixed;
	bottom            : 0;
	left              : 0; 
	right			  : 0;
	z-index           : 1000;
	display           : flex;
	font-size         : 1em;
	line-height       : 1.2rem;	
	background-image  : url('../../layout/img/background/background_v3-4.jpg');
	opacity           : 0;
}
.cc-window--show {
	-webkit-transform : translateY(0%);
	transform         : translateY(0%);
	opacity           : 1;
}
	.cc-message {		
		background-color : rgba(0,0,0,0.30);
		flex-grow        : 1;
		padding          : 20px;
		color            : white;
	}
		.cc-link {
			color: inherit;
			opacity: 0.5;
		}
		.cc-link:hover {
			opacity: 1;
		}
	.cc-compliance {
		/* background-color : rgba(255,0,0,0.1) !important; */
		background-color : rgba(0,0,0,0.30);
		padding-left: 5px;
		padding-right: 18px;
		padding-top: 20px;
		display: flex;
    	/* align-items: center; */
	}
		.cc-btn {
			position: relative;
			opacity: 0.3;
			width: 1.2em;
			height: 1.2em;
			display: block;
			overflow: hidden;
			text-indent: -100em;
		}
		.cc-btn::before,
		.cc-btn::after { 
			position: absolute;
			top: 50%; left: 0; right: 0;
			height: 2px;
			background-color: white;
			content: "";
		}
		.cc-btn::before {
			transform: rotate(45deg);
		} 
		.cc-btn::after {
			transform: rotate(-45deg);
		} 
		.cc-btn:hover {
			opacity: 1;
		}

@media (max-width: 770px) {
	.cc-message {
		padding: 15px;
	}
	.cc-compliance {
		padding-top: 15px;
	}
}