/* config */

.cc-anchor, .cc-bar {
	
	--cc-bar-bg: #000000;			
	--cc-font-family: "Roboto";
	--cc-text-color: #d1bda5;	
	
	--cc-link-color: #ffffff;
	--cc-link-color-hover: #ffffff;
	
	--cc-btn-border-radius: 5px;	
	
	--cc-btn-border: #44220a; 
	--cc-btn-bg-color:#000000; 	
	--cc-btn-text-color:#d1bda5; 		
	
	--cc-btn-border-hover: #44220a; 	
	--cc-btn-border-bg-hover: #44220a; 		
	--cc-btn-text-color-hover: #d1bda5; 	

	--cc-btn-accept-border: #ffde09; 
	--cc-btn-accept-bg-color: #ffde09; 	
	--cc-btn-accept-text-color: #000000; 
	
	--cc-btn-accept-border-hover: #f3d22b; 
	--cc-btn-accept-bg-color-hover: #f3d22b; 	
	--cc-btn-accept-text-color-hover: #000000; 		
	
	--cc-switch-pin-border-off: #44220a;
	--cc-switch-pin-bg-off: #ffffff;
	
	--cc-switch-pin-border-on: #4cc98b;		
	--cc-switch-pin-bg-on: #edffec;		
}

/* styles */

.cc-anchor {
	text-align: center;
	font-size: 11px;
	font-family: var(--cc-font-family);
	padding-bottom: 20px;
	color: var(--cc-link-color);
	text-decoration: underline;
	z-index: 5;
	position: relative;
}

.cc-bar, .cc-bar *
{
	box-sizing: border-box;
}

.cc-anchor:hover { 
	color: var(--cc-link-color-hover);
	text-decoration: none;
}

.cc-bar { 
	border-top: 1px dotted #806807;	
	background: var(--cc-bar-bg);
	color: var(--cc-text-color); 
	width: 100%;
	position: fixed;
	bottom: 0;
	padding: 20px;
	transition: all 0.5s ease;
	z-index: 99; 
	font-family: var(--cc-font-family); 
}

.cc-bar.cc-bar-animation { 
	bottom: -500px;
}

.cc-bar .cc-bar-inner { 
	max-width: 980px;
	margin: auto;
}

.cc-bar .cc-bar-perex {
	line-height: 150% !important;
	text-align: center;
	font-size: 15px;
}

.cc-bar p { margin-bottom: 10px; }
.cc-bar .cc-bar-perex p { margin-bottom: 15px; padding: 0; }

.cc-bar .cc-bar-title {
	line-height: 150% !important;
	font-size: 18px;
	margin-bottom: 15px;
	padding: 0;
	text-align: center;
	font-weight: 600;
}

.cc-bar-perex a { 
	font-weight: 400; 
	color: var(--cc-link-color); 
	text-decoration: underline;
}

.cc-bar-perex a:hover {
	text-decoration: none;
	color: var(--cc-link-color-hover);
}

.cc-bar .cc-bar-options {
	text-align: center;
}

.cc-bar .cc-bar-btn {
	text-decoration: none;
	cursor: ponter;
	display: inline-block;
	border-width: 1px;
	border-style: solid;
	border-color: var(--cc-btn-border) !important;	;
	background-color: var(--cc-btn-bg-color) !important;	
	margin: 5px; padding: 10px 15px;
	color: var(--cc-btn-text-color) !important;	;
	border-radius: var(--cc-btn-border-radius);
	font-weight: 600;
	font-size: 14px;
}

.cc-bar .cc-bar-btn.cc-bar-btn-accept-all {
	border-color: var(--cc-btn-accept-border) !important;	
	background: var(--cc-btn-accept-border) !important;
	color: var(--cc-btn-accept-text-color) !important;
}

.cc-bar .cc-bar-btn:hover { 
	border-color: var(--cc-btn-border-hover) !important; 	
	background: var(--cc-btn-border-bg-hover) !important; 
	color: var(--cc-btn-text-color-hover) !important;	
	text-decoration: 'none';
	cursor: pointer;
}

.cc-bar .cc-bar-btn.cc-bar-btn-accept-all:hover { 
	border-color: var(--cc-btn-accept-border-hover) !important;	
	background: var(--cc-btn-accept-bg-color-hover) !important;	
	color: var(--cc-btn-accept-text-color-hover) !important;	
	text-decoration: none;  	
}

.cc-switch { 	
	border-width: 1px;
	border-style: solid;
	border-color: var(--cc-switch-pin-border-off);
	background-color: var(--cc-switch-pin-bg-off);	
	display: inline-block;
	width: 50px; height: 26px; border-radius: 25px;
	position: relative;
	cursor: pointer;
} 

.cc-switch .cc-switch-pin {
	position: absolute; top: 2px; left: 2px; 
	width: 20px; height: 20px; border-radius: 20px; 
	background-color: var(--cc-switch-pin-border-off);
	transition: all 0.2s ease;
}

.cc-switch.active .cc-switch-pin { 
	background-color: var(--cc-switch-pin-border-on);
	left: 26px;
}

.cc-switch.active { 
	border-color: var(--cc-switch-pin-border-on); 
	background-color: var(--cc-switch-pin-bg-on);
}

.cc-switch[disabled] {
	opacity: 0.5;
}

.cc-bar-settings { 
	margin: auto;
	display: none;
	padding-top: 10px; }

.cc-group { 
	display: flex;
	justify-content:
	space-between;
	margin-top: 10px;
}

.cc-bar-settings {
	text-align: left;
}

.cc-bar-settings strong { 
	font-size: 16px; display: block;
	margin-bottom: 2px;
}

.cc-bar-settings p { 
	display: block;
	padding-bottom: 0px;
}

.cc-group + .cc-bar-options {
	margin-top: 10px;
}

.cc-bar-settings.active {
	display: block;
}

/* very custom */

.cc-bar { box-shadow: -10px 0 15px #000; }
.cc-bar-settings { max-width: 525px; }
/*
.cc-bar .cc-bar-btn:hover { box-shadow: 0px 0px 0px 4px #f6f6f6 !important; }
.cc-bar .cc-bar-btn-accept-all:hover { box-shadow: 0px 0px 0px 4px #ffe5ed !important; }
*/

.cc-anchor { margin-top: 10px; }

@media all and (min-width: 990px) {
    .cc-anchor { margin-top: -10px; }
}