.cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica,Calibri,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999;
    background-color: #000000;
    opacity: 0.8;
}

.cc-window.cc-visible {
    display: -ms-flexbox;
    display: flex;
}

.cc-window.cc-floating {
	padding: 2em;
	max-width: 24em;
	-ms-flex-direction: column;
	flex-direction: column
}

.cc-btn, 
.cc-link {
	cursor: pointer
}

.cc-link,
.cc-link:visited{
    opacity: .8;
    display: inline-block;
    color: #ffd800;
}

.cc-link:hover {
    opacity: 1;
    color: #ffd800;
    text-decoration: underline
}


.cc-btn {
    display: block;
    padding: .5em .8em;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 13px;
    /*font-size: .9em;
	font-weight: 700;*/
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
    color: #000000;
    border-color: #ffd800;
    font-weight: bold;
    background-color: #ffd800;
    opacity: 0.8;
}

.cc-btn:hover {
    opacity: 1;
    color: #000000;
    border-color: #ffd800;
}

.cc-top {
	top: 1em
}

.cc-left {
	left: 1em
}

.cc-right {
	right: 1em
}

.cc-bottom {
	bottom: 1em
}

.cc-floating > .cc-link {
	margin-bottom: 1em
}

.cc-floating .cc-message {
    font-family: 'Open Sans', Helvetica, sans-serif;
    color: #ffffff;
    font-size: 13px;
    font-weight: 300;
    line-height: 21px;
    display: block;
    margin-bottom: 1em
}

.cc-banner.cc-top {
	left: 0;
	right: 0;
	top: 0
}

.cc-banner.cc-bottom {
	left: 0;
	right: 0;
	bottom: 0
}


.cc-btn + .cc-btn {
	margin-left: .5em
}

@media print {
	.cc-window {
		display: none
	}
}

@media screen and (max-width:900px) {
	.cc-btn {
		white-space: normal
	}
}

@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
	.cc-window.cc-top {
		top: 0
	}
	.cc-window.cc-bottom {
		bottom: 0
	}
    .cc-window.cc-floating, 
    .cc-window.cc-left, 
    .cc-window.cc-right {
		left: 0;
		right: 0
	}
	.cc-window.cc-banner {
		-ms-flex-direction: column;
		flex-direction: column
	}
	.cc-window.cc-floating {
		max-width: none
	}
	.cc-window .cc-message {
		margin-bottom: 1em
	}
}