.cookie-notice {position: fixed;left: 0;width: 100%;z-index: 9999;background-color: #e6e6e6;text-align: center;padding: 0;}
.cookie-notice p{padding: 5px 45px;margin: 7px 0;}
.cookie-notice p a {text-decoration: underline; color:#7b7370; font-weight:300;}
.cookie-notice .c-agree {position: absolute;top: 15px;right: 20px;width: 15px;height: 15px;display: block;cursor: pointer;}
.cookie-notice .c-agree:after, .cookie-notice .c-agree:before{content: '';display: block;position: absolute;top: 50%;left: 50%;margin-top: -1px;margin-left: -7.5px;width: 15px;height: 2px;background-color: #575757;}
.cookie-notice .c-agree:before{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.cookie-notice .c-agree:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.cookie-notice.bottom {bottom: 0;}
.cookie-notice.top {top: 0;}
.cookie-notice.top-left {top:20px; left:20px; max-width:400px; padding:20px 20px 0; box-sizing: border-box; width:80%}
.cookie-notice.top-left p {padding:0;}
.cookie-notice.bottom-right {bottom:20px; right:20px; left:auto; max-width:400px; padding:20px 20px 0; box-sizing: border-box; width:80%}
.cookie-notice.bottom-right p {padding:0;}

.cookie-notice.top-left .c-agree {position: absolute; top: 0;  left: 0; background: #90928e; width: 100%;  height: 21px; font-size: 11px; text-align: right; box-sizing: border-box; padding: 3px 31px;  font-weight: bold;  color:#e6e6e6;}
.cookie-notice.top-left .c-agree:before {right:10px; left:auto; background-color:#e6e6e6;}
.cookie-notice.top-left .c-agree:after {right:10px; left:auto; background-color:#e6e6e6;}

.cookie-notice.bottom-right .c-agree {position: absolute; top: 0;  left: 0; background: #90928e; width: 100%;  height: 21px; font-size: 11px; text-align: right; box-sizing: border-box; padding: 3px 31px;  font-weight: bold;  color:#e6e6e6;}
.cookie-notice.bottom-right .c-agree:before {right:10px; left:auto; background-color:#e6e6e6;}
.cookie-notice.bottom-right .c-agree:after {right:10px; left:auto; background-color:#e6e6e6;}

@media only screen and (max-width: 500px) {
	
	.cookie-notice.bottom-right {right:0; padding-top:0; bottom:0; width:100%; max-width:100%;}
	.cookie-notice.bottom-right p{padding: 5px 45px;margin: 7px 0;}
	.cookie-notice.bottom-right .c-agree {left:auto; background:none;position: absolute;top: 15px;right: 20px;width: 15px;height: 15px;display: block;cursor: pointer; padding:0;}
	.cookie-notice.bottom-right .c-agree:after, .cookie-notice.bottom-right .c-agree:before{content: '';display: block;position: absolute;top: 50%;left: 50%;margin-top: -1px;margin-left: -7.5px;width: 15px;height: 2px;background-color: #575757;}
	.cookie-notice.bottom-right .c-agree:before{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	.cookie-notice.bottom-right .c-agree:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
	
	.cookie-notice.top-left {left:0; padding-top:0; top:0; width:100%; max-width:100%;}
	.cookie-notice.top-left p{padding: 5px 45px;margin: 7px 0;}
	.cookie-notice.top-left .c-agree {left:auto; background:none;position: absolute;top: 15px;right: 20px;width: 15px;height: 15px;display: block;cursor: pointer; padding:0;}
	.cookie-notice.top-left .c-agree:after, .cookie-notice.top-left .c-agree:before{content: '';display: block;position: absolute;top: 50%;left: 50%;margin-top: -1px;margin-left: -7.5px;width: 15px;height: 2px;background-color: #575757;}
	.cookie-notice.top-left .c-agree:before{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	.cookie-notice.top-left .c-agree:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
	
}