#cookie_initial { background-color: #eee;color: #000;display: none;padding: 25px 30px;position: fixed;z-index: 20000;bottom: 0;left: 0;width: 100%; }
.cookie_initial_options { display: flex;flex-wrap: wrap; }
.cookie_initial_options .cio_left { width: 60%; }
.cookie_initial_options .cio_left h5 { font-size: 20px;margin-bottom: 10px;color: #1e8acc; }
.cookie_initial_options .cio_right { width: 40%; }
.cookie_initial_options .cio_right ul { display: flex;flex-wrap: wrap;justify-content: flex-end; }
.cookie_initial_options .cio_right ul li { margin-right: 14px; }
.cookie_initial_options .cio_right ul li:last-child { margin-right: 0; }
.cookie_initial_options .cio_right ul li a { display: block;text-decoration: none;border: 1px solid #333;padding: 10px 18px;color: #333; }
.cookie_initial_options .cio_right ul li a:hover { text-decoration: underline; }
.cookie_initial_options .cio_right ul li a.accept { background-color: #333;color: #fff; }
.cookie_initial_options .cio_right ul li a.reject {  }
.cookie_initial_options .cio_right ul li a.custom { background: #256593;color: #fff;  }

#cookie_custom_overlay { display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 25000;background: #fffc; }

#cookie_custom_wrapper { display: none;position: fixed;width: 800px;height: 70%;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 20px #0004;z-index: 30000; }

#cookie_custom_inner { position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;overflow-y: auto;padding: 24px 34px; }
.cookie_custom_close { position: absolute;top: 8px;right: 8px;font-size: 12px;color: #1E8ACC; }

#cookie_custom_wrapper h1 { font-size: 32px;margin-bottom: 14px; }
#cookie_custom_wrapper h2 { font-size: 26px;margin-bottom: 14px; }
#cookie_custom_wrapper ul.cc_options { background: #eee;padding: 16px 22px;margin-bottom: 20px; }
#cookie_custom_wrapper ul.cc_options li { position: relative;padding-left: 50px;margin-bottom: 10px; }
#cookie_custom_wrapper ul.cc_options li div.switch_outer { position: absolute;left: 0;top: 50%;width: 36px;height: 20px;border: 1px solid #ccc;margin-top: -10px;padding: 1px;background: #fff; }
#cookie_custom_wrapper ul.cc_options li input { display: none; }
#cookie_custom_wrapper ul.cc_options li div.switch_outer a { display: block;height: 18px;position: relative;width: 100%;transition: all 0.4s ease; }
#cookie_custom_wrapper ul.cc_options li div.switch_outer a span { display: block;height: 16px;width: 16px;position: absolute;transition: all 0.4s ease; }
#cookie_custom_wrapper ul.cc_options li div.switch_outer a.off span { background: #ccc;left: 0; }
#cookie_custom_wrapper ul.cc_options li div.switch_outer a.on span { background: #2DCC43;left: 16px; }


@media only screen and (max-width: 900px) {

    .cookie_initial_options .cio_left { width: 100%;text-align: center;margin-bottom: 12px; }
    .cookie_initial_options .cio_right { width: 100%; }
    .cookie_initial_options .cio_right ul { display: block; }
    .cookie_initial_options .cio_right ul li { margin: 0 0px 12px 0; }
    .cookie_initial_options .cio_right ul li a { text-align: center; }

    #cookie_custom_wrapper { width: 90%;height: 80%; }


    }