/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.cookieContainer {
	z-index: 1030;
width: 500px;
min-height: 20px;
box-sizing: border-box;
padding: 20px 30px 10px 20px;
background: rgba(0, 0, 0, 0.7);
overflow: hidden;
position: fixed;
bottom: 30px;
left: 0;
display: none;
color: #ffffff !important;
margin-top: 100px;
margin-left: 25px;
}
.cookieContainer button { background:none; color:#fff;}
.cookieContainer .container { position:relative;}
.cookieContainer h2 { font-size:16px;}
.cookieContainer p { font-size:14px; color:#ffffff;}
.cookieContainer .alignright { text-align:right}
.cookieContainer .butn {margin:5px auto; float:none; display:inline-block; cursor:pointer; text-transform:uppercase; padding:4px;}
.cookieContainer .butn:hover { color:#ccc;}
.cookie-privacy { color: #ccc; text-transform:uppercase; margin-right:10px;}
.cookie-privacy:hover { color: #ffffff;}

.close-cookie {
	background-color: #000;
position: absolute;
top: 0;
right: -2px;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
opacity: 1;
z-index: 4;
color: #fff;
}
@media (max-width: 768px) {
.cookieContainer {
	margin: 0;
width: 100%;
bottom: 0;
}
.cookieContainer p { margin-bottom:0}
}