@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);

#consentmanager{
font-family:Quattrocento Sans;
width:100%;
height:auto;
color:#fff;
background:rgba(103,112,119,1) !important;
left:0;bottom:0;width:450px;border:solid 1px #fff;margin:10px;border-radius:15px;
text-align:left;
position:fixed;
box-sizing:border-box;
z-index:100000
}

#consentmanager .closebtn{
position:absolute;
width:20px;
height:20px;
top:5px;
right:5px;
cursor:pointer;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAQxJREFUSIndlU0OgkAMRp8uuI3xLCILRe8E59A7EdCdcgHd4GLahIwdh5+40CYNpNN536RTCvy7JUAOnIEaeIrXEsslZ5JlwBXoIn4BtmPAC6AcAPa9lL1RmwJXL2LwbAZcPQ3BE95rfgN28vRBunb34g2Bi88NyE7WVp7ITWIAB2Pf3hI4B06pIBXpx9ZAa+w7WQK1kWiJxOAdUFkCz0CyLxKDd8BDE5eW0resDpzGr/m69z6qRLFLVmA7QMS85E9t6oP6Ikdjn9mmCW5w9RPvuD63TtkK3F8LfmjgpuLcUbEJwdW+OuzAjdxiInzQuFZLcfWMgRsGlCVkCa4jTrjefohXEtsz45f5G/YCD0j9Kj6NfusAAAAASUVORK5CYII=) top right no-repeat;
background-size:cover;
opacity:.3
}

#consentmanager .closebtn:hover{
opacity:.7
}

#consentmanager .innerwrapper{
max-width:1170px;
width:100%;
margin:0 auto;
text-align:left;
display:table;
box-sizing: border-box;
padding: 20px 20px 5px 20px;
}

#consentmanager .innerwrapper_content{
max-width:850px;
width:80%;
margin:0;
text-align:justify;
display:table-row;
vertical-align:middle
}
#consentmanager .cookie-content{
font-size:18px;
color:#fff;
line-height:24px;
}
#consentmanager .innerwrapper_settings{
margin:20px 0 10px;
}
#consentmanager .innerwrapper_settings > div{

}
#consentmanager .cookie_accept{
text-align:left;
}
#consentmanager .cookie_settings{
text-align:right;
}
#consentmanager .cookie_accept,#consentmanager .cookie_settings{
height:calc(100%);
height:-moz-calc(100%);
height:-webkit-calc(100%);
vertical-align:middle;
font-size:12px;
display:table-cell;width:40%;
}

#consentmanager .acceptcookies{
color:#fff;
background:#e39e1d;
padding:4px 70px;
font-size:20px;
border-radius:5px;
text-decoration:none;
cursor:pointer;
}
#consentmanager .popfooter{
background: #f2f2f2;color: #000;
padding:2px 2px 2px 30px;text-align: left; background-size: 60px; margin: 10px 0; background-position: 106px;font-size:12px;
}
#consentmanager .popbanner::before{
font-family: FontAwesome;
content:"\f013";
padding-right: 5px;
}
#consentmanager .popbanner{
font-size:20px;
color:#fff;
text-decoration:none
}

#consentmanager_lbdarkbg{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.8);
z-index:100001
}

#consentmanager_policy{
position:absolute;
top:10%;
bottom:10%;
left:25%;
right:25%;
padding:0;
background-color:#fff;
z-index:100001;
overflow:auto
}

#consentmanager_policy .innercontent{
position:absolute;
top:58px !important;
left:0;
right:0;
bottom:0;
width:100%;
height:auto;
background:#fff;
box-sizing:border-box;
-webkit-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
-o-transition:.5s ease-in-out;
transition:.5s ease-in-out;
overflow-y:auto
}

#consentmanager_policy .cookiesettings_h3{
font-family:Quattrocento Sans;
font-size:26px;
padding:14px;
border-bottom:1px solid #b4b4b4;
margin:0!important;
font-weight:400;
color:#000
}

#consentmanager_policy .consentmanager_lbxclose{
display:block;
width:50px;
height:50px;
box-sizing:border-box;
background:#fff;
color:#000;
text-decoration:none;
position:absolute;
top:0;
right:0;
-webkit-transition:.5s ease-in-out;
-moz-transition:.5s ease-in-out;
-o-transition:.5s ease-in-out;
transition:.5s ease-in-out
}

#consentmanager_policy .consentmanager_lbxclose:after,#consentmanager_policy .consentmanager_lbxclose:before{
content:"";
display:block;
height:30px;
width:1px;
background:#000;
position:absolute;
left:20px;
top:13px
}

#consentmanager_policy .consentmanager_lbxclose:before{
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg)
}

#consentmanager_policy .consentmanager_lbxclose:after{
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg)
}

#consentmanager_policy .tabbox{
margin:0;
width:30%;
float:left;
border-right:solid 1px #b4b4b4;
background:#ededed;
min-height:300px;
height:calc(100% - 0px);
position: relative;
}
#consentmanager_policy .tabbox img.lbc{
width:100%;
position: absolute;
bottom: 0;
left: 0;	
}

#tabbox>ul{
margin:20px 20px 0 0;
padding:0;
list-style:none;
width:100%;
position:relative;
right:-1px
}

#consentmanager_policy .tabbox ul li{
background:0 0;
color:#222;
display:inline-block;
padding:10px 15px;
cursor:pointer;
width:100%;
font-size:16px;
text-align:right;
box-sizing:border-box;
font-family:'Quattrocento Sans';
border-top:solid 1px #ededed;
border-right:solid 1px #b4b4b4;
border-bottom:solid 1px #ededed
}

#consentmanager_policy .tabbox ul li:last-child:after{
padding-right:3px;
font-family:FontAwesome;
content:"\f08e";
position:relative;
right:-4px;
top:2px
}

#consentmanager_policy .tabbox ul li.consentactivetabitem{
background:#fff;
color:#222;
font-weight:600;
border-top:solid 1px #b4b4b4;
border-right:solid 1px #fff;
border-bottom:solid 1px #b4b4b4
}
{other}

#consentmanager_policy .tabcontent-box{
width:69%;
float:right;
overflow-y:auto;
box-sizing:border-box;
font-family:'Quattrocento Sans'
}
#consentmanager_policy .linkbackclass{
float: right;
}
#consentmanager_policy .linkbackclass img{
width: 150px;
margin-top: 10px;
}

#consentmanager_policy .itemcontent{
display:none;
padding:25px
}

#consentmanager_policy .itemcontent h3{
padding:0 0 10px;
margin:0 0 30px;
font-weight:400;
font-size:25px;
line-height:25px;
color:#121520;
border-bottom:solid 1px #ededed
}

#consentmanager_policy .itemcontent h4{
font-weight:400;
font-size:18px;
line-height:18px;
color:#121520;
margin:30px 0 10px
}

#consentmanager_policy .itemcontent p{
line-height:30px;
margin:0 0 20px;
padding:0;
color:#000
}

#consentmanager_policy .itemcontent .cookienotice{
background:#eaeaea;
margin-top:20px;
padding:5px 10px;
border-left:solid 2px #aaa;
color:#000
}

#consentmanager_policy .itemcontent h3 span.strictgreen{
float:right;
padding:0 10px;
color:#fff;
background:#94ce5a;
border-radius:5px;
font-size:14px!important;
font-weight:500
}

#consentmanager_policy .itemcontent .coretext h4:first-child{
margin:10px 0
}

#consentmanager_policy .itemcontent .consentmanager_cookielist li{
margin-bottom:10px;
color:#000
}

#consentmanager_policy .itemcontent .consent_panelgroup .consent_panel{
border-radius:0;
border-color:#bfbfbf;
margin-bottom:5px
}

#consentmanager_policy .itemcontent .consent_panel .consent_paneltitle{
font-style:normal;
font-weight:400;
font-size:18px;
line-height:20px;
letter-spacing:0;
color:#121520;
position:relative;
background:#eaeaea;
border:1px solid #bfbfbf;
padding:10px 20px;
cursor:pointer
}

#consentmanager_policy .itemcontent .consent_panel .consent_paneltitle>i{
margin-right:10px
}

#consentmanager_policy .itemcontent .consent_panel .consent_paneltitle>i.fa-minus,#consentmanager_policy .itemcontent .consent_panel .consent_paneltitle>i.fa-plus{
position:absolute;
right:20px;
top:20px;
zoom:.7
}

#consentmanager_policy .itemcontent .consent_panel .consent_panelbody{
display:none;
min-height:100px;
border-left:solid 1px #bfbfbf;
border-right:solid 1px #bfbfbf;
border-bottom:solid 1px #bfbfbf;
line-height:30px;
margin:0;
padding:20px 10px;
color:#000
}

#consentmanager_policy .itemcontent .consent_panelgroup .consent_panel .consent_panelbody ul{
padding:0 20px;
margin:0 0 0 20px
}

#consentmanager_policy .itemcontent .consent_panelgroup .consent_panel .consent_panelbody .panelbodyfooterlinks{
text-align:right;
margin:10px 0
}

#consentmanager_policy .itemcontent .consent_panelgroup .consent_panel .consent_panelbody .panelbodyfooterlinks a{
color:#000;
text-decoration:none;
font-weight:700
}

#consentmanager_policy .itemcontent .consent_panelgroup .consent_panel .consent_panelbody .panelbodyfooterlinks a:hover{
color:#515151;
text-decoration:underline
}

#consentmanager_policy .innercontent #tabcontent-box .itemcontent .cookie_list{
line-height:20px
}

#consentmanager_policy .innercontent #tabcontent-box .itemcontent .consent-toogleswitch{
position:absolute;
display:inline-block;
width:60px;
height:34px;
right:20px;
zoom:.7
}

#consentmanager_policy .innercontent #tabcontent-box .itemcontent .consent-toogleswitch .activelabel{
position:absolute;
right:70px
}

#consentmanager_policy .innercontent #tabcontent-box .itemcontent .consent-toogleswitch input{
display:none
}

#consentmanager_policy .innercontent #tabcontent-box .itemcontent .consent-toogleswitch .slider{
position:absolute;
cursor:pointer;
top:0;
left:0;
right:0;
bottom:0;
background-color:#ccc;
-webkit-transition:.4s;
transition:.4s
}

#consentmanager_policy .innercontent #tabcontent-box .itemcontent .consent-toogleswitch .slider:before{
position:absolute;
content:"";
height:26px;
width:26px;
left:5px;
bottom:4px;
background-color:#fff;
-webkit-transition:.4s;
transition:.4s
}

#consentmanager_policy .innercontent #tabcontent-box .itemcontent .types_table th{
padding:10px;
background:#cfe0e8;
border:solid 1px #91acb857;
border-width:1px !important;
text-align:left;
}
#consentmanager_policy .innercontent #tabcontent-box .itemcontent .types_table td{
padding:10px;
background:#f1f1f1;
border:solid 1px #91acb857;
text-align:left;
}

#consentmanager_policy .innercontent #tabcontent-box .itemcontent .consent-toogleswitch input:checked+.slider{
background-color:#94ce5a
}

#consentmanager_policy .innercontent #tabcontent-box .itemcontent .consent-toogleswitch input:focus+.slider{
box-shadow:0 0 1px #94ce5a
}

#consentmanager_policy .consent-toogleswitch input:checked+.slider:before{
-webkit-transform:translateX(26px);
-ms-transform:translateX(26px);
transform:translateX(26px)
}

#consentmanager_policy .consent-toogleswitch .slider.round{
border-radius:34px
}

#consentmanager_policy .consent-toogleswitch .slider.round:before{
border-radius:50%
}

#consentmanager_policy .innercontent #tabcontent-box .itemcontent form.takeactionform ul{
list-style:none;
margin:0;
padding:0
}

#consentmanager_policy .innercontent #tabcontent-box .itemcontent form.takeactionform ul>li.formElements{
float:left;
min-width:160px;
margin:5px
}

#consentmanager_policy .innercontent #tabcontent-box .itemcontent form.takeactionform .form-elements{
clear:both;
display:inline-block;
margin-bottom:20px;
width:100%;
box-sizing:border-box
}

#consentmanager_policy .innercontent #tabcontent-box .itemcontent form.takeactionform .form-elements input[type=text]{
width:95%;
height:30px;
padding:2px 10px
}

#consentmanager_policy .innercontent #tabcontent-box .itemcontent form.takeactionform .form-elements select{
width:100%;
height:40px;
-webkit-appearance:menulist;
-moz-appearance:menulist;
padding:17px 15px
}

#consentmanager_policy .innercontent #tabcontent-box .itemcontent form.takeactionform .form-elements textarea{
width:100%;
height:100px
}

#consentmanager_policy .innercontent #tabcontent-box .itemcontent form.takeactionform .form-elements input[type=submit]{
display:inline-block;
padding:6px 12px;
margin-bottom:0;
font-size:14px;
font-weight:400;
line-height:1.42857143;
text-align:center;
white-space:nowrap;
vertical-align:middle;
-ms-touch-action:manipulation;
touch-action:manipulation;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background-image:none;
border:1px solid #2e6da4;
border-radius:4px;
color:#fff;
background-color:#337ab7
}

#consentmanager_policy .innercontent #tabcontent-box .itemcontent .necessary  li,
#consentmanager_policy .innercontent #tabcontent-box .itemcontent .performance li,
#consentmanager_policy .innercontent #tabcontent-box .itemcontent .functional li,
#consentmanager_policy .innercontent #tabcontent-box .itemcontent .targeting li{
line-height: 30px;
}


@media (min-width: 769px) {
	#consentmanager_policy{
		left:15%;
		right:15%;
	}
	#consentmanager_policy .itemcontent h3 span.strictgreen{
		float:initial;
		display: table;
		margin-top: 10px
	}
	#consentmanager_policy .innercontent{
		position: initial;
	}
}

@media (max-width: 768px) {
	#consentmanager{
		margin:0px !important;
		width: 100% !important;
	}
	#consentmanager .innerwrapper_settings > div{

	}
	#consentmanager .cookie_accept, #consentmanager .cookie_settings{
		display:block;width:100%;text-align:center;margin-bottom:20px;
	}
	#consentmanager_policy{
		left:5%;
		right:5%;
	}
	#consentmanager_policy .consentmanager_lbxclose{
		width:30px;
		height: 30px
	}
	#consentmanager_policy .consentmanager_lbxclose:after, #consentmanager_policy .consentmanager_lbxclose:before{
		top:10px;
		left: 14px;
		height: 20px
	}
	#consentmanager_policy .innercontent{
		position: initial;
	}
	#consentmanager_policy .cookiesettings_h3{
		font-size: 16px;
		font-weight: 700;
	}
	#consentmanager_policy .tabbox ul li{
		padding:9px 7px;
		font-size:14px;
	}
	#consentmanager_policy .linkbackclass{
		float: initial;
	}
	#consentmanager_policy .itemcontent{
		padding:10px;
	}
	#consentmanager_policy .itemcontent h3{
		font-size:20px;
		margin-bottom: 10px;
	}
	#consentmanager_policy .itemcontent h4{
		font-size:16px;	
		font-weight: 700;
	}
	#consentmanager_policy .itemcontent p{
		line-height: 24px;
		font-size: 14px;
	}
	#tabcontent-box .itemcontent .types_table th,
	#tabcontent-box .itemcontent .types_table td{
		font-size: 14px;
		width: 50%;
	}
	#consentmanager_policy .itemcontent h3 span.strictgreen{
		float:initial;
		display: table;
		margin-top:10px;
	}
	#consentmanager_policy .itemcontent .consent_panel .consent_paneltitle{
		font-size: 16px;
		padding: 10px;
	}
	#consentmanager_policy .itemcontent .consent_panel .consent_panelbody,
	#consentmanager_policy .itemcontent .consent_panelgroup .consent_panel .consent_panelbody ul{
		padding:0 5px;
	}

	#consentmanager_policy .itemcontent .consent_panelgroup .consent_panel .consent_panelbody ul li{
		font-size:14px;
		line-height: 24px;
	}
	#consentmanager .cookie-content{
		margin: 20px auto !important;
	}
	#consentmanager .innerwrapper{
		display:block !important;
	}
	#consentmanager .innerwrapper > div{
	}
}