.gdpr-box, .gdpr-box *, .gdpr-box *:before, .gdpr-box *:after,
.gdpr-modal, .gdpr-modal *, .gdpr-modal *:before, .gdpr-modal *:after{ 
	margin: 0; padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.gdpr-box{
	position: fixed; top: 50%; left: 50%; z-index: 99998;
	display: block; width: 95%; height: auto; float: left;
	max-width: 640px; 
	background: rgba(255,255,255,1);  
	border: 1px solid #cccccc;
	border-radius: 5px;
	display: none;
	overflow: hidden;
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-weight: 500; color: #424242; font-size: 16px; line-height: 22px;
} 
.gdpr-modal{ 
	position: fixed; top: 50%; left: 50%; z-index: 99999;
	display: block; width: 95%; height: auto; float: left;
	max-width: 1024px; 
	background: rgba(255,255,255,1);  
	border: 1px solid #cccccc;
	border-radius: 5px;
	display: none;
	overflow: hidden;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%); 
	color: #424242;
	font-weight: 500; color: #424242; font-size: 16px; line-height: 22px;
} 

.gdpr-info{  
	width: 100%; height: auto; max-height: calc(95dvh - 200px); padding: 24px; padding-bottom: 125px; overflow: auto; 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.gdpr-info .b, .gdpr-info h3{ font-size: 18px; line-height: 24px; color: #3d3d3d; font-weight: 600; text-align: center; margin-bottom: 32px; }
.gdpr-info > *:first-child{ margin-top: 0; }
.gdpr-info > *:last-child{ margin-bottom: 0; } 
.gdpr-info h3{ margin: 24px 0; }
.gdpr-modal .gdpr-info h3{ font-size: 18px; line-height: 24px; color: #3d3d3d; font-weight: 600; text-align: left; margin-bottom: 32px; color: #3d3d3d; font-family: inherit; }
.gdpr-info p a{ color: #9f1f63; text-transform: uppercase; text-decoration: underline; display: inline-block; margin-right: 24px; }
.gdpr-info input[type="checkbox"]{ 
	display: inline-block; width: 52px; height: 26px; padding: 0; 
	appearance: none; cursor: pointer; border-radius: 0; 
	border: 0px solid; margin: 0;
	background: #81858e; 
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
}
.gdpr-info input[type="checkbox"]::before {
	content: ''; display: block; 
	height: 24px; width: 24px; 
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 26px;
	
	border: 0px solid;
	cursor: pointer;
	background: #fff;
	position: absolute; top: 1px; left: 1px;
}
.gdpr-info input[type="checkbox"]:checked{ background: #9f1f63; }
.gdpr-info input[type="checkbox"]:checked::before { top: 1px; left: auto; right: 1px; }

.gdpr-info p{ margin: 24px 0; }
.gdpr-box .gdpr-icon{ 
	margin: 24px 0;
	padding-left: 50px; position: relative; text-align: left;
}
.gdpr-box .gdpr-icon:before{
	content: ''; display: block; width: 32px; height: 32px;
	border-radius: 50%;
	position: absolute; top: 50%; left: 0; margin-top: -16px;
	background: rgba(51, 51, 51,0.5); 
	background-position: center center; background-size: 20px 20px; background-repeat: no-repeat;
}
.gdpr-box .gdpr-icon.profile:before{ background-image: url(../images/profile.svg?v=1); }
.gdpr-box .gdpr-icon.storage:before{ background-image: url(../images/storage.svg?v=1); }

.gdpr-buttons{ 
	width: calc(100% - 48px); float: left; padding: 24px 0; 
	position: absolute; bottom: 0; left: 24px; 
	border-top: 1px solid #ccc;
	background: #fff;
} 
.gdpr-buttons:after{ content: ''; display: block; clear: both; }
.gdpr-btn-main{
	display: inline-block; width: auto; height: 50px; padding: 0 25px; position: relative;
	border: 2px solid #9f1f63; background: #9f1f63;
	font-size: 16px; line-height: 50px; font-weight: 600;
	text-transform: none; text-align: center; color: #fff; text-decoration: none; 
	-webkit-appearance: none; appearance: none;		 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	-webkit-transition: background 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out;
	transition: background 200ms ease-in-out;
}
.gdpr-btn-main:hover{ background: #fff; color: #9f1f63; text-decoration: none; }

.gdpr-buttons .gdpr-btn-main.cc-btn-accept-all,
.gdpr-buttons .gdpr-btn-main.cc-allow{ float: right; }
.gdpr-buttons .gdpr-btn-main.options_btn{ border-color: #959595; background: #fff; color: #959595; float: left; }
.gdpr-buttons .gdpr-btn-main.options_btn:hover{ color: #9f1f63; border-color: #9f1f63; } 

.gdpr-buttons .gdpr-btn-main.cc-btn-accept-selected{ border-color: rgba(51, 51, 51,1); background: rgba(51, 51, 51,1); color: #fff; }
.gdpr-buttons .gdpr-btn-main.cc-btn-accept-selected:hover{ color: rgba(51, 51, 51,1); background: #fff; }
  

.gdpr-overlay{ 
	position: fixed; bottom: 0; left: 0; z-index: 99997;
	display: block; width: 100%; height: 100%; float: left;
	background: rgba(0,0,0,.6);
	display: none;
}
 

.gdpr-options{ position: relative; margin: 12px 0; }
.custom-switch{ position: absolute; right: 0; top: 0; font-weight: 600; color: rgba(51, 51, 51,1); }

.detail-content .article .info-max h3:first-of-type{ white-space: break-spaces; }

@media screen and (max-width: 640px) {
	.gdpr-box, .gdpr-modal{
		top: 5dvw; left: 5dvw; width: 90dvw;
		-moz-transform: translate(0,0);
	    -webkit-transform: translate(0, 0);
	    -o-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	    transform: translate(0,0);
	}
	.gdpr-info{
		padding: 24px;
    	padding-bottom: 136px;
    	max-height: calc(95dvh - 100px);
	}
	.gdpr-buttons{ left: 24px; padding: 12px 0 0 0; width: calc(100% - 48px); }
	.gdpr-info .b, .gdpr-info h3,
	.gdpr-modal .gdpr-info h3{ font-size: 18px; line-height: 24px; margin-bottom: 24px; }
	.gdpr-box .gdpr-icon{ margin-top: 12px; margin-bottom: 12px; margin-bottom: 24px; }
	
	.gdpr-btn-main{ 
		font-size: 14px;
    	line-height: 32px;
    	height: 36px;
	}
	.gdpr-buttons .gdpr-btn-main.cc-btn-accept-all, .gdpr-buttons .gdpr-btn-main.cc-allow,
	.gdpr-buttons .gdpr-btn-main.cc-btn-accept-selected,
	.gdpr-buttons .gdpr-btn-main.options_btn{
		float: none;
		display: block;
        margin: 0 auto; margin-bottom: 12px;
	}
}
@media screen and (max-width: 400px) {
	.gdpr-btn-main{ padding-left: 12px; padding-right: 12px; }
	
}