@CHARSET "UTF-8";

.ec-gtm-cookie-directive
{
	position: fixed;
	bottom:20px;
	left: 0;
	right: 0;
	text-align: center;
	z-index:9999;
}

.ec-gtm-cookie-directive > div
{
	position:relative;
	display: inline-block;
	text-align: left;
	background:#fff;
	padding:20px;
	color:#000;
	max-width:300px;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.19);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.19);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.19);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	background-clip: padding-box;
  font-size: 14px;
}

.ec-gtm-cookie-directive > div > div { float:left; min-width:300px; }
.ec-gtm-cookie-directive > div > div > div:before,
.ec-gtm-cookie-directive > div > div > div:after { content: " ";display: table; }
.ec-gtm-cookie-directive > div > div > div:after { clear: both; }
.ec-gtm-cookie-directive > div > div > div p { display:block; padding:5px; margin:0px; }
.ec-gtm-cookie-directive > div > div > div a { cursor:pointer; color:#8e8e8e; }
.ec-gtm-cookie-directive > div > div > div a.action { display:block; text-align:left; padding:5px; float:left; }
.ec-gtm-cookie-directive > div > div > div a.action.accept { padding: 5px 10px;
  border: 1px solid #e31837;
  padding: 5px 10px;
  margin-right: 5px;
  display: inline-block;
  width: 133px;
  text-align: center;
  color: #e31837;
  font-weight: 600;
  display:none;
  }
.ec-gtm-cookie-directive > div > div > div a.action.accept-all { padding: 5px 10px;
  border: 1px solid #e31837;
  margin-right: 5px;
  display: inline-block;
  width: 138px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  background:#e31837;
  }
.ec-gtm-cookie-directive > div > div > div a.action.refuse {}
.ec-gtm-cookie-directive > div > div > div a.action.close { display:none; position:absolute; top:10px; right:10px; width:24px; height:24px; z-index:10000; margin:0px; }
.ec-gtm-cookie-directive > div > div > div a.action.customize { color:#e31837; font-weight:normal; }
.ec-gtm-cookie-directive > div > div > div a.action.customize { padding: 5px 10px;
  border: 1px solid #e31837;
  padding: 5px 10px;
  margin-right: 5px;
  display: inline-block;
  width: 133px;
  text-align: center;
  color: #e31837;
  font-weight: 600;}
.ec-gtm-cookie-directive-customize { display:none; }
.ec-gtm-cookie-directive > div > div > div a.action.decline { padding: 5px 10px;
  border: 1px solid #e31837;
  padding: 5px 10px;
  margin-right: 5px;
  display: inline-block;
  width: 133px;
  text-align: center;
  color: #e31837;
  font-weight: 600; }
.ec-gtm-cookie-directive > div > div > div a.action.close { position:absolute; top:10px; right:10px; width:24px; height:24px; z-index:10000; }

.ec-gtm-cookie-directive-segments { background:#f7f7f7; margin:10px -20px 10px -20px; padding:10px 25px 10px 25px; }
.ec-gtm-cookie-directive-segments > div { padding:5px 0px 5px 0px; }

.ec-gtm-cookie-directive-segments > div input[type="checkbox"] { display: none; }
.ec-gtm-cookie-directive-segments > div input[type="checkbox"] + label { display: block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.ec-gtm-cookie-directive-segments > div input[type="checkbox"] + label:before { content: ''; display: block; width: 20px; height: 20px; border: 1px solid #000; position: absolute; left: 0; top: 0; opacity: 1; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; }
.ec-gtm-cookie-directive-segments > div input[type="checkbox"]:checked + label:before { width: 10px;top: -5px;left: 5px;border-radius: 0;opacity: 1;border-top-color: transparent;border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg);}



.ec-gtm-cookie-directive small { display:block; padding:10px 20px 10px 35px; }

.ec-gtm-cookie-directive > div > div > div .ec-gtm-cookie-directive-note-toggle { display:block; margin:5px 0px 5px 35px; color:#e31837; font-size:12px; cursor:pointer; text-decoration:underline; }
.ec-gtm-cookie-directive > div > div > div .ec-gtm-cookie-directive-note { display:none; }
.ec-gtm-cookie-directive > div > div > div .ec-gtm-cookie-directive-note.ec-gtm-cookie-directive-note-consent { padding-left:30px; }



/*main .ec-gtm-cookie-directive { position:relative; }
main .ec-gtm-cookie-directive > div { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow: none; max-width:100%; padding:0px; }*/
main .ec-gtm-cookie-directive-segments { margin:10px 0px 20px 0px; background:none; padding:0px; }


@media (min-width: 1200px)
{
	.ec-gtm-cookie-directive > div  { max-width:600px; }
	.ec-gtm-cookie-directive > div > div { min-width:500px; }

	main .ec-gtm-cookie-directive { max-width:100%;}
}

@media (max-width: 1200px)
{
	.ec-gtm-cookie-directive > div > div { float:left; min-width:200px; }
}


@media (max-width: 420px)
{
    .ec-gtm-cookie-directive > div > div > div p{padding:3px;font-size:13px;}
	.ec-gtm-cookie-directive > div > div > div a.action.accept{max-width:120px;font-size:12px;padding:4px 10px;}
	.ec-gtm-cookie-directive > div > div > div a.action.accept-all{max-width:122px;font-size:12px;padding:4px 10px;}
	.ec-gtm-cookie-directive > div > div > div a.action.decline{max-width:120px;font-size:12px;padding:4px 10px; margin-top: 2px;}
    .ec-gtm-cookie-directive-segments > div {padding: 1px 0px 1px 0px;}
    .ec-gtm-cookie-directive > div > div > div .ec-gtm-cookie-directive-note-toggle{margin:3px 0px 3px 35px;}
    main .ec-gtm-cookie-directive-segments{margin:5px 0px 10px 0px;}
    .ec-gtm-cookie-directive > div > div > div a.action.refuse { padding-left: 10px; padding-top: 10px;}
    .ec-gtm-cookie-directive{bottom:10px;}
    .ec-gtm-cookie-directive > div {padding: 15px;}
}