/**********************************************************************************************************************************************************************************************************************/
/**********************************************************************************************************************************************************************************************************************/
/**********************************************************************************************************************************************************************************************************************/
.cookiesTintedBackground{
	width:100%;
	height:100%;
	position:fixed;
	background-color:rgba(0,0,0,0.5);
	z-index:6;
	display:table;	
	display:none;
}

.cookiesBanner, .manageCookiesBox{
	width:40%;
	margin-top:10%;
	margin-left:30%;
	padding:25px;
	box-sizing: border-box;
	background:#ededed;
	float:left;
}

.cookiesBanner a{
	color:black;
}

.manageCookiesBox{
	visibility:hidden;
	overflow-x: hidden;
	overflow-y: scroll;
}

.cookiesBanner h3, .manageCookiesBox h3{
	width:100%;
	margin:0px;
	position:relative;
	text-align:left;
	font-weight:500;
	font-size:17px;
	color:black;
	float:left;
}

#manageCookiesPlusMinus, #necessaryCookiesPlusMinus, #nonEssentialPlusMinus{
	position:absolute;
	margin-top:-4px;
	margin-left:7px;
	font-size:21px;
	font-weight:500;
	color:#ff0036;
}

#manageCookiesPlusMinus{
	color:#00A300;
}

#manageCookiesPlusMinus:hover, #necessaryCookiesPlusMinus:hover, #nonEssentialPlusMinus:hover{
	cursor:pointer;
}

.manageCookiesBox h4, .manageCookiesBox h5{
	width:100%;
	margin:0px;
	margin-top:15px;
	position:relative;
	text-align:left;
	font-weight:500;
	font-size:15px;
	color:black;
	float:left;
}

.manageCookiesBox h5{
	margin-top:5px;
}


.cookiesBanner p, .manageCookiesBox p{
	width:100%;
	margin-bottom:0px;
	text-align:left;
	font-weight:300;
	font-size:14px;
	float:left;
}

.manageCookiesBox p{
	margin-top:5px;
	margin-bottom:15px;
}

#manageCookiesAbout{
	display:block;
}

#strictlyNecessaryAbout, .nonEssentialAbout{
	display:none;
}

.manageCookiesBox .p2{
	margin-top:2px;
	margin-bottom:2px;
}

.manageCookiesBox .p3{
	margin-top:2px;
	margin-bottom:7px;
}

.manageCookiesBox .p4{
	margin-top:2px;
	margin-bottom:9px;
}

.manageCookiesBox .p5{
	margin-top:2px;
	margin-bottom:3px;
}

.cookiesBanner .manageCookiesLink{
	text-decoration: underline;
	color:black;
}

.cookiesBanner .manageCookiesLink:hover{
	cursor: pointer;
}

.cookiesBanner button, .manageCookiesBox button{
	width:auto;
	padding:10px;
	padding-left:25px;
	padding-right:25px;
	margin-top:20px;
	border:none;
	border-radius:6px;
	font-weight:300;
	font-size:14px;
	color:white;
	background:black;
	float:left;
}

.noSwitch{
	width:100%;
	margin-bottom:22px;
	font-weight:500;
	font-size:14px;
	color:#00A300;
	float: left;
}

.switch{
	width: 45px;
	height: 24px;
	margin-bottom:17px;
	position: relative;
	display: inline-block;
}

.switch input{
	width: 0;
	height: 0;
	opacity: 0;
}

.slider{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	cursor: pointer;
	transition: .4s;
	-webkit-transition: .4s;
	background-color: #ccc;
}

.slider:before{
	width: 17px;
	height: 18px;
	bottom: 3px;
	left: 4px;
	position: absolute;
	content: "";
	transition: .4s;
	-webkit-transition: .4s;
	background-color: white;
}

input:checked + .slider{
	background-color: #00A300;
}

input:focus + .slider{
	box-shadow: 0 0 1px #00A300;
}

input:checked + .slider:before{
	transform: translateX(20px);
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
}

.slider.round{
	border-radius: 25px;
}

.slider.round:before{
	border-radius: 50%;
}

.manageCookiesBox .buttonWrapper{
	width:100%;
	float:left;
}

.manageCookiesBox .switchNote{
	margin-left:7px;
	font-weight:500;
	font-size:14px;
	color:#ff0036;
}

.manageCookiesBox .buttonWrapper button{
	padding:12px;
	background-color: #00A300;
	color:white;
}

/***********************************************************************************************************************************************************************************************************************/
/***size3***************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1020px) and (max-width: 1319px){
.cookiesBanner, .manageCookiesBox{
	width:50%;
	margin-top:10%;
	margin-left:25%;
}

}/**@media**/
/***********************************************************************************************************************************************************************************************************************/
/***size4***************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 920px) and (max-width: 1019px){
.cookiesBanner, .manageCookiesBox{
	width:60%;
	margin-top:10%;
	margin-left:20%;
}

}/**@media**/
/***********************************************************************************************************************************************************************************************************************/
/***size5***************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 820px) and (max-width: 919px){
.cookiesBanner, .manageCookiesBox{
	width:70%;
	margin-top:10%;
	margin-left:15%;
}

}/**@media**/
/***********************************************************************************************************************************************************************************************************************/
/***size6***************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 720px) and (max-width: 819px){
.cookiesBanner, .manageCookiesBox{
	width:80%;
	margin-top:10%;
	margin-left:10%;
}

}/**@media**/
/***********************************************************************************************************************************************************************************************************************/
/***size7***************************************************************************************************************************************************************************************************************/
/***********************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 200px) and (max-width: 719px){
.cookiesBanner, .manageCookiesBox{
	width:90%;
	max-height: 90vh;
	margin-top:5%;
	margin-left:5%;
}

.manageCookiesBox{
	padding-bottom:0px;
}

.manageCookiesBox .buttonWrapper button{
	margin-bottom:75px;
}

}/**@media**/