@charset "utf-8";
/* CSS Document */
/* config */

.cc-anchor, .cc-bar {
	
	--cc-bar-bg: #000;			
	--cc-font-family: Helvetica,Arial,sans-serif;
	--cc-text-color: #fff;	
	
	--cc-link-color: #fecb3f;
	--cc-link-color-hover: #fecb3f;
	
	--cc-btn-border-radius: 0px;
	
	--cc-btn-border: #f4f4f4; 
	--cc-btn-bg-color: #f4f4f4; 	
	--cc-btn-text-color: #000000; 		
	
	--cc-btn-border-hover: #dddddd; 	
	--cc-btn-border-bg-hover: #dddddd; 		
	--cc-btn-text-color-hover: #000000; 	

	--cc-btn-accept-border: #fecb3f;
	--cc-btn-accept-bg-color: #fecb3f;
	--cc-btn-accept-text-color: #000000; 
	
	--cc-btn-accept-border-hover: #fecb3f;
	--cc-btn-accept-bg-color-hover: #fecb3f;
	--cc-btn-accept-text-color-hover: #000000; 		
	
	--cc-switch-pin-border-off: #cccccc;
	--cc-switch-pin-bg-off: #ffffff;
	
	--cc-switch-pin-border-on: #fecb3f;
	--cc-switch-pin-bg-on: #fff5cf;
}

/* 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 { 
	background:url(../images/page/cookie.png) left center no-repeat #000; /* var(--cc-bar-bg); */;
	background-size:auto 70%;
	color: var(--cc-text-color); 
	width: 100%;
	position: fixed;
	bottom: 0;
	padding: 20px;
	transition: all 0.5s ease;
	z-index: 9996; 
	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: 13px;
}

.cc-bar p { margin-bottom: 10px; font-size: 13px; }
.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:16px;
}

.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: 14px; 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;
}

.cc-bar-btn-decline-all { display: none !important; }

/* very custom */

.cc-bar { box-shadow: -10px 0 15px #999; }
.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 { display: none; }

/* MOBILY */
@media all and ( max-width: 1366px ) {
.cc-bar { 
	background: #000; /* var(--cc-bar-bg); */;
}
}

