.cookie-new-bg { display:none; z-index:1000000; position:fixed; background-color: rgba(7,35,58,.6); top:0; bottom:0; left:0; right:0; }
.cookie-new {  background-color:#fff; position:absolute; width:600px; box-sizing:border-box; max-width:90%; left:50%; margin-left:-300px; padding:40px; box-shadow: rgba(0,0,0,.1) 0 0 5px; border-radius:5px; overflow:auto; }
.cookie-new.manage { display:none; }
.cookie-new .cookie-new-inner { }
.cookie-new .cookie-new-inner span { margin:10px; }
.cookie-new .cookie-new-inner span { margin:0 10px; display:block; font-size:15px; line-height:1.5em; color:#000; text-align:center; }
.cookie-new .cookie-new-inner span a { color:#ff7353; }
.cookie-new-inner .cookie-buttons { display:flex; flex-wrap:wrap; width:100%; margin:10px 0; margin-top:20px; justify-content:center; }
.cookie-new .cookie-new-inner .cookie-buttons .button { cursor:pointer; padding:10px 20px; font-size:14px; font-weight:500; color:#fff; border:2px solid #2875d7; background-color:#2875d7; display:block; text-align:center; border-radius:5px; margin:0 5px; }
.cookie-new .cookie-new-inner .cookie-buttons .button.blank { background-color:transparent; color:#2875d7; }
.cookie-new .cookie-new-inner .cookie-buttons .button:hover { text-decoration:underline; }
.cookie-new h1 { font-size:20px; color:#000; font-weight:500; text-align:left; margin-bottom:20px; }
.cookie-new p { font-size: 15px; line-height: 1.5em; color:#000; font-weight:400; text-align:left; }
.cookie-new p a { color:#ff7353; }
.cookie-new h2 { font-size:17px; color:#000; font-weight:500; text-align:left; padding:20px; padding-right:50px; position:relative; cursor:pointer; }
.cookie-new h2:hover { text-decoration:underline; }
.cookie-new h2:after { content:"\e808"; font-family:'fontello_core'; position:absolute; right:20px; font-size:12px; top:50%; margin-top:-6px; color:#888; }
.cookie-new h2.active:after { transform: rotate(180deg); }
.cookie-new .cookie-type { background-color:#f4f9ff; border-radius:5px; margin-top:10px; border:1px solid #dbe0f1; }
.cookie-new .cookie-more { display:none; }
.cookie-new .cookie-more .sub { display:flex; align-items:center; justify-content:space-between; padding:20px; padding-top:0; }
.cookie-new .cookie-more .left-cookie-type { margin-right:20px; }
.cookie-new .cookie-more .right-cookie-type { }

.cookie-toggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 62px; height: 32px; display: inline-block; position: relative; border-radius: 50px; overflow: hidden; outline: none; border: none; cursor: pointer; background-color: #707070; transition: background-color ease 0.3s; }
.cookie-toggle:before { content: ""; display: block; position: absolute; z-index: 2; width: 28px; height: 28px; background: #fff; left: 2px; top: 2px; border-radius: 50%; font: 10px/28px Helvetica; text-transform: uppercase; font-weight: bold; text-indent: -22px; word-spacing: 37px; color: #fff; text-shadow: -1px -1px rgba(0,0,0,0.15); white-space: nowrap; box-shadow: 0 1px 2px rgba(0,0,0,0.2); transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s; }
.cookie-toggle:checked { background-color: #4CD964; }
.cookie-toggle:checked:before { left: 32px; }

@media (max-width: 700px) and (min-width: 0px) {
    .cookie-new { padding-bottom:10px; width:90%; margin-left:5%; left:auto; }
}

@media (max-width: 450px) and (min-width: 0px) {
    .cookie-new { padding:20px; }
    .cookie-new-inner .cookie-buttons { margin-bottom:0; }
    .cookie-new .cookie-new-inner .cookie-buttons .button { width:100%; margin:0; margin-bottom:10px; }
    .cookie-new h1 { margin-bottom:10px; }
    .cookie-new h2 { padding:10px; font-size:15px; }
    .cookie-new .cookie-more .sub { padding:10px; padding-top:0; }
    .cookie-new br { display:none; }
}