#webhint {
display:none;
}

.cs_banner-wrapper {
z-index:9001;
position:relative;
height:0;
-webkit-animation-duration:.8s;
-moz-animation-duration:.8s;
-o-animation-duration:.8s;
animation-duration:.8s;
-webkit-animation-name:growDown;
animation-name:growDown;
}

.cs_container {
overflow:hidden;
position:fixed;
bottom:0;
left:0;
right:0;
background-image: url(/images/layout/bg_cookie.png);
background-repeat: repeat;
padding:4px 6px 2px 2%;
color:#fff;
font-size:17px;
font-family: "VFuturaLight","Futura",Arial,sans-serif;
box-sizing:border-box;
-webkit-animation-duration:.8s;
-moz-animation-duration:.8s;
-o-animation-duration:.8s;
animation-duration:.8s;
-webkit-animation-name:slideDown;
animation-name:slideDown;
padding:6px 2% 12px 2%;
}

.cs_container ::-moz-selection {
background:#ff5e99;
color:#fff;
text-shadow:none;
}

.cs_container .cs_btn {
font-size:0.8em;
transition:font-size 200ms;
line-height:1em;
background-color:#f1d600;
cursor:pointer;
text-align:center;
display:block;
width:30%;
margin-left:10px;
float:right;
max-width:120px;
padding:8px 10px 8px 10px;
color:#000;
background-color:#fff;
transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
background-image: url(/images/layout/arrow_333.png);
background-position: 12% center;
background-repeat: no-repeat;
background-size: auto 40%;
}

.cs_container .cs_btn:hover {
background-color:#ccc;
background-image: url(/images/layout/arrow.png);
background-position: 12% center;
background-repeat: no-repeat;
background-size: auto 40%;
}

.cs_container .cs_message {
font-family: "VFuturaLight","Futura",Arial,sans-serif;
font-weight:light;
font-size:0.9em;
transition:font-size 200ms;
line-height:1.5em;
display:block;
margin:0;
padding:0 0 24px 0;
color:#fff;
width:70%;
}

.cs_container .cs_logo {
display:none;
text-indent:-1000px;
overflow:hidden;
width:100px;
height:22px;
opacity:0.9;
transition:opacity 200ms;
}

.cs_container .cs_logo:hover,.cs_container .cs_logo:active {
opacity:1;
}

.cs_container a:link, .cs_container a:hover, .cs_container a:active, .cs_container a:visited {
text-decoration:none;
color:#333;
transition:200ms color;
}

.cs_container a:hover {
color:#fff;
}

.cs_container .cs_more_info:link, .cs_container .cs_more_info:active, .cs_container .cs_more_info:visited {
color:#ccc;
}

.cs_container .cs_more_info:hover {
color:#ddd;
}

100% {
margin-top:0;
height:66px;
}

@media screen and min-width 500px{
.cs_container .cs_btn {
font-size:.8em;
}

.cs_container .cs_message {
font-size:.8em;
margin-top:.5em;
color:#FFF;
}
}

@media screen and min-width 768px{
.cs_container .cs_btn {
font-size:1em;
padding:8px 15px;
}

.cs_container .cs_message {
font-size:1em;
line-height:1em;
}

#webhint {
display:block;
}

.cs_container {
padding:15px 30px;
}
}

@media screen and min-width 992px{
.cs_container .cs_message {
font-size:1em;
}
}

@media print{
.cs_banner-wrapper,.cs_container {
display:none;
}
}




/* Smartphones (portrait and landscape) ----------- */

@media screen and (max-width: 980px) {

.cs_container .cs_message {
font-size:0.7em;
}


}