#cookie_policy .settings{color:blue; text-decoration:underline; cursor:pointer;}

#cookieconsent{position:fixed; z-index:500; width:90%; max-width:980px; min-width:280px; font-size:14px; line-height:1.2em; bottom:.5rem; left:50%; padding:15px; box-sizing:border-box; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); background:rgba(40, 40, 40, .95); transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out; font-family: 'Roboto', sans-serif;}
#cookieconsent.masked{transform:translate(-50%, 100%); -webkit-transform:translate(-50%, 100%); opacity:0; visibility:hidden;}
#cookieconsent>span{position:absolute; right:10px; top:10px; width:30px; height:30px;}
#cookieconsent>span::after{content:''; width:100%; height:1px; position:absolute; left:50%; top:50%; background:white; transform:translate(-50%, -50%) rotate(45deg); -webkit-transform:translate(-50%, -50%) rotate(45deg);}
#cookieconsent>span::before{content:''; width:100%; height:1px; position:absolute; left:50%; top:50%; background:white; transform:translate(-50%, -50%) rotate(-45deg); -webkit-transform:translate(-50%, -50%) rotate(-45deg);}
#cookieconsent div{display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; float:left; width:100%; padding:5px; box-sizing:border-box;}
#cookieconsent div p{color:white; padding:0 30px 0 0;}
#cookieconsent div .allow{width:250px; text-align:center; vertical-align:middle; font-weight:700; line-height:1.2em; padding:.7em 0; background:#C4D52C; color:rgba(40, 40, 40, .95); cursor:pointer; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;}
#cookieconsent div .allow:hover{background:white;}
#cookieconsent p.agree{position: absolute; bottom: 0; right: 0; color:rgba(255, 255, 255, .5); cursor:pointer;}
#cookieconsent p.agree:hover{color:white;}
#cookieconsent div a{color:rgba(255, 255, 255, .5); text-decoration:none; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;}
#cookieconsent div a:hover{color:white;}
#cookieconsent div .settings{color:rgba(255, 255, 255, .5); cursor:pointer;}
#cookieconsent div .settings:hover{color:white;}
#cookieconsent div:nth-of-type(2){justify-content:center;}
#cookiesettings{position:fixed; z-index:1000; top:0; left:0; width:100%; height:100%; overflow:auto; color:white; font-size:14px; line-height:1.2em; background:rgba(0, 0, 0, .2); opacity:0; visibility:hidden; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out; font-family: 'Roboto', sans-serif;}
#cookiesettings.visible{opacity:1; visibility:visible;}
#cookiesettings > div{position:absolute; top:0; left:0; width:290px; height:100%; overflow:auto; background:rgba(40, 40, 40, .95); padding:30px 15px; box-sizing:border-box; transform:translate(-100%, 0); -webkit-transform:translate(-100%, 0); transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;}
#cookiesettings.visible > div{transform:translate(0, 0); -webkit-transform:translate(0, 0);}
#cookiesettings > div p.title{font-size:18px; font-weight:700; padding:.5em 0;}
#cookiesettings > div p.subtitle{font-size:16px; font-weight:bold; padding:1.5em 0 .5em 0;}
#cookiesettings > div p{font-size:14px; padding:.5em 0;}
#cookiesettings > div p a{color:rgba(255, 255, 255, .5); text-decoration:none; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;}
#cookiesettings > div p a:hover{color:white;}
#cookiesettings > div button{width:100%; margin:1em 0 0 0; text-align:center; background: rgb(0,110,177); color: white; border: none; font-weight:bold; font-size:14px; padding:10px; cursor:pointer; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;}
#cookiesettings > div button:hover{background:white; color: rgb(0,110,177);}
#cookiesettings > div ul{padding:5px 0; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-around; cursor:pointer;}
#cookiesettings > div ul li{position:relative; list-style-type: none;}
#cookiesettings > div .toggle{position:relative; width:100%;}
#cookiesettings > div .toggle span{position:absolute; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); left:50%; width:35px; height:20px; background:#e6e6e6; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; transition:.2s .1s all ease-in-out; -webkit-transition:.2s .1s all ease-in-out;}
#cookiesettings > div .toggle span::before{content:''; position:absolute; left:1px; top:1px; width:calc(100% - 2px); height:calc(100% - 2px); background:white; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;}
#cookiesettings > div .toggle span::after{content:''; position:absolute; left:1px; top:1px; height:calc(20px - 2px); width:calc(20px - 2px); background: #F2F2F2; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; box-shadow:0 3px 12px rgba(0, 0, 0, .16), 0 3px 1px rgba(0, 0, 0, .1); transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;}
#cookiesettings > div .toggle.active span{background: rgb(0,110,177);}
#cookiesettings > div .toggle.active span::before{transform:scale(0); -webkit-transform:scale(0);}
#cookiesettings > div .toggle.active span::after{transform:translate(1rem, 0); -webkit-transform:translate(1rem, 0);}
#cookiesettings > div .close{position:absolute; top:10px; right:10px; width:25px; height:25px; cursor:pointer;}
#cookiesettings > div .close::before{content:''; position:absolute; left:50%; top:50%; width:100%; height:2px; background:white; transform:translate(-50%, -50%) rotate(45deg); -webkit-transform:translate(-50%, -50%) rotate(45deg);}
#cookiesettings > div .close::after{content:''; position:absolute; left:50%; top:50%; width:100%; height:2px; background:white; transform:translate(-50%, -50%) rotate(-45deg); -webkit-transform:translate(-50%, -50%) rotate(-45deg);}