@keyframes slideup2 {0%{transform:translateY(120%)}100%{transform:translateY(0%)}}
@-webkit-keyframes slideup2 {0%{transform:translateY(120%)}100%{transform:translateY(0%)}}
#cookie_box {display:flex;text-align:center;width:100%;box-sizing:border-box;z-index:100000000000;position:fixed;background:#fff;padding:20px 17px 10px 17px; bottom:15px; right:15px; transform:translateY(120%); border-radius:7px; max-width:420px; color:#111; animation: slideup2 0.25s; animation-delay:1.5s;animation-iteration-count: 1; transition-timing-function: ease-out; animation-fill-mode:forwards; border:2px solid #ec6d39}
#cookie_box #cookie_close {position: absolute; z-index:20; width:30px; height:30px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; background:#ec6d39; cursor: pointer; right:8px; top:8px; box-shadow:0 1px 2px #ddd}
#cookie_box #cookie_close:hover {background:#39b054}
#cookie_box #cookie_close img {cursor: pointer; position: absolute; transform: translate(-50%,-50%); top:50%; left:50%; width:40%}
#cookie_box.left {right: auto; left:15px}
#cookie_box .icon {display:inline-block;margin-right:5px;width:20px; height:19px;opacity:.5}
#cookie_box .ctop .ic {display:inline-block; width:20px; margin-right:7px; margin-bottom:-2px}
#cookie_box .ctop h6 {font-weight:700; margin:0; font-size: 20px; color:#29343c; display: inline-block; z-index: 5; letter-spacing:0.4px}
#cookie_box .ctop h6:before {content: ''; position: absolute; height:5px; z-index: -1; bottom:0; left:0; width:100%; background:#f7f0f0}
#cookie_box .ctop {margin-bottom: 14px}
#cookie_box p {display:inline-block;color:#111;font-size:14px;text-align:left;line-height:1.35em;font-weight:600; margin-bottom:10px; letter-spacing:0.1px}
#cookie_box p span {font-weight:500}
#cookie_box #all_accept{display:block;color:#FFF;font-weight:900; text-transform:uppercase;font-size:25px; letter-spacing:2px;padding:15px 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; background:#e86a36;cursor:pointer; box-sizing:border-box; width: 100%; line-height:1em; text-shadow:0 1px 1px #d35e2d;cursor:pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none}
#cookie_box #all_accept:hover{background:#f47f4d}
#cookie_box .c_settings.big, #cookie_box #c_save {display: block; font-size:14px; cursor: pointer; width: 100%; box-sizing: border-box; margin-top:8px; text-align: center; padding:10px 0; background:#f5f4f4; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; border: 1px solid #f1efef; color:#838a8e; font-weight:500; letter-spacing:0.2px}
#cookie_box .c_settings.big:hover, #cookie_box #c_save:hover {border-color: #ccc; color:#29343c}
#cookie_box #c_save {display: none}
#cookie_box.set #c_save {display: block}
#cookie_box.set .c_settings.big {display: none}
#cookie_box .cinfos {margin-top:8px; width: 100%}
#cookie_box .cinfos .c_link {font-size: 12px; font-weight:400; margin:0 7px; color: #a9aeb1}
#cookie_box .cinfos .c_link span.ic {width: 14px; line-height:0; margin-right:3px; opacity:0.35}
#cookie_box .cinfos .c_link span.ic.gr {width: 12px; height: 12px; opacity:0.28}
#cookie_box .cinfos .c_link a {font-size: 12px; font-weight:500; color: #a9aeb1; text-decoration:none}
#cookie_box .cinfos .c_link a:hover, #cookie_box .cinfos .c_link .c_settings:hover {color: #5c656b; cursor: pointer; text-decoration: underline}
#cookie_box .c_options {margin-bottom: 15px}
#cookie_box .c_option .flex {color: #a9aeb1}
#cookie_box .c_option.active .flex {color:#111}
#cookie_box .c_option {color: #a9aeb1; font-weight: 500; margin:0 12px; font-size:14px} 
#cookie_box .c_option:first-child {margin-left:0}
#cookie_box .c_option:last-child {margin-right:0}
#cookie_box .c_option .dot {width:8px; height:8px; background: #ddd; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; margin-right:5px}
#cookie_box .c_option.active {color:#29343c}
#cookie_box .c_option.active .dot {background:#e86a36}
#cookie_box .cinfos .c_settings {color: #a9aeb1; font-weight:500}
#cookie_box .c_expl {border:1px solid #f1eaea; box-sizing: border-box; width:100%; margin-top:13px; padding:18px; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; height: 200px; overflow-y: scroll; display: none}
#cookie_box.set .c_expl {display: block}
#cookie_box .c_expl .expl {box-sizing: border-box; display: block; border-bottom:1px solid #f1eaea; padding: 13px 0}
#cookie_box .c_expl .expl:last-child {border-bottom: none; padding-bottom: 0}
#cookie_box .c_expl .expl:first-child {padding-top:0}
#cookie_box .c_expl .expl .etop {width:100%; margin-bottom:11px}
#cookie_box .c_expl .expl h6 {font-size:17px; line-height: 1em; margin:0; font-weight:600}
#cookie_box .c_expl .expl p {font-size:13px; margin:0}
#cookie_box .switch {width:45px; background: #eae9e9; -webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px; box-sizing: border-box; padding: 3px; cursor: pointer; box-shadow: inset 0 0px 3px #ccc}
#cookie_box #essential_cookie {cursor: default; opacity:0.5}
#cookie_box .switch.active {background: #6ece40; box-shadow: inset 0 0px 3px #4f962c; background: linear-gradient(to bottom,#6ece40 0%,#5db334 100%)}
#cookie_box .switch .courser {width:15px; height:15px; background: #FFF; border-radius: 50%; background: linear-gradient(to bottom,#fff 0%,#fbfbfb 100%); box-shadow: 0 1px 1px #c3c3c3}
#cookie_box .switch.active .courser {box-shadow:0 1px 1px #396d21}
#cookie_box .c_option .flex {font-weight:600}

@media screen and (min-width:2000px) {
#cookie_box.left {left:calc((100vw - 1970px) / 2)}
#cookie_box.right {right:calc((100vw - 1970px) / 2)}
}
@media screen and (min-width:1800px) {
#cookie_box {max-width:500px}
#cookie_box p {font-size:16.5px; margin-bottom:14px}
#cookie_box .ctop h6 {font-size:25px}
#cookie_box .ctop .ic {width:25px}
#cookie_box #all_accept {font-size:30px; letter-spacing:1.5px; padding:18px 0}
#cookie_box .c_option {font-size:17px}
#cookie_box .c_option .dot {width:10px; height:10px; margin-right:7px}
#cookie_box .c_settings.big, #cookie_box #c_save {font-size:16px; margin-top:10px; padding:13px 0}
}	
@media screen and (max-width:550px) {
#cookie_box, #cookie_box.left {max-width:none; right:auto; left:0; bottom:0; border-radius:0; border:none; border-top:3px solid #ec6d39; -webkit-border-top-left-radius:17px;-webkit-border-top-right-radius: 17px; -moz-border-radius-topleft:17px; -moz-border-radius-topright:17px; border-top-left-radius:17px; border-top-right-radius:17px; padding:5vw 4vw 3vw 4vw}	
#cookie_box p {font-size:3.2vw; margin-bottom:3vw; letter-spacing:0.08vw; text-align:center}
#cookie_box .ctop {-moz-justify-content:center; -ms-justify-content:center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin:0 auto; margin-bottom:3vw}
#cookie_box .ctop h6 {font-size:5.5vw; font-weight:900; letter-spacing:0.4vw; text-transform:uppercase}
#cookie_box #all_accept {padding:4vw 0; font-size:6vw; letter-spacing:0.5vw}
#cookie_box .c_options {margin:0 auto; margin-bottom:4vw}
#cookie_box.fp {animation:none; display:none}
#cookie_box .ctop .ic {width:6vw; margin-right:1.5vw; margin-bottom:-0.5vw}
}	
@media screen and (max-width:420px) {
#cookie_box p {font-size:3.6vw; letter-spacing:0.12vw; padding:0 5%}
#cookie_box, #cookie_box.left {padding:6vw 5vw 4vw 5vw}
#cookie_box .ctop .ic {width:6.5vw}
}	
@media screen and (max-width:400px) {
#cookie_box .ctop h6 {font-size:6.25vw}
}
@media screen and (max-width:380px) {
#cookie_box .cinfos .c_link {margin: 0 5px}
#cookie_box .c_expl {height:150px}
#cookie_box p {font-size:3.9vw; padding:0 1%}
}	
@media screen and (max-width:350px) {
#cookie_box .c_option {margin: 0 2vw}	
#cookie_box .cinfos .c_link:nth-child(2) {display: none}
#cookie_box .c_expl {padding: 15px}
#cookie_box .ctop h6 {font-size:6vw}
#cookie_box .c_option .flex {font-size: 4.1vw}
#cookie_box p {font-size:3.9vw}
}