#c22{position: fixed; z-index: 10000000; padding: 22px 26px 16px; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90vw; border-radius: 10px; max-width: 900px; max-height: 90vh; background: #ffffff; box-shadow: 0 0 150px rgb(0 0 0 / 50%); box-sizing: border-box; font-family: Helvetica, Sans-Serif;}
#c22 .c22-cleaner{clear: both;}
#c22 img.c22-icon{float: left; height: 25px; margin: 5px 10px 5px 0;}
#c22 h1.c22-h1{font-size: 25px; line-height: 35px; margin: 0 0 12px 0; padding: 0; color: #000000; font-weight: bold;}
#c22 h2.c22-h2{font-size: 20px; line-height: 28px; margin: 2px 0 10px 0; padding: 0; color: #000000; font-weight: bold;}
#c22 p.c22-p{font-size: 14px; line-height: 22px; margin: 0 0 5px 0; padding: 0 0 5px 0; color: #000000;}
#c22 .c22-button{transition: 250ms ease all; float: right; color: #000000; font-size: 18px; line-height: 36px; border-radius: 6px; font-weight: bolder; border: 2px solid black; padding: 5px 20px; margin: 10px 0 10px 10px;}
#c22 .c22-button:hover{background: #000000; color: #ffffff;}
#c22 .c22-button.c22-button-small{border-color: transparent; font-size: 14px; font-weight: normal; color: #000000;}
#c22 .c22-button.c22-button-small:hover{background: initial; color: initial;}
#c22 .c22-button.c22-button-medium{display: none; font-weight: lighter; border-color: #666666; border-width: 1px; color: #666666; font-size: 14px; line-height: 38px}
#c22 .c22-button.c22-button-medium:hover{color: #ffffff;}
#c22 .c22-settings{display: none; overflow: auto; max-height: 50vh;}
#c22 .c22-settings::-webkit-scrollbar {display: none}
#c22 .c22-group{margin: 5px 0; padding: 10px 10px 6px 20px; border-radius: 6px; border: 1px solid black; width: 100%;}
#c22 .c22-group .c22-h3{font-size: 18px; line-height: 36px; margin: 0 ; padding: 0; color: #000000; float: left;}
#c22 .c22-group .c22-h3 .c22-h3-a{color: #000000; font-size: 18px; line-height: 36px;}
#c22 .c22-group .c22-h3 .c22-h3-a span{font-size: 10px; line-height: 36px;  position: relative; top: -3px; padding: 0 5px 0 0;}
#c22 .c22-group .c22-switcher{float: right; position: relative; height: 24px; border-radius: 26px; background: #dddddd; width: 50px;  display: block; padding: 2px; margin: 3px 0 0 0;}
#c22 .c22-group .c22-switcher.c22-active{ background: #000000;}
#c22 .c22-group .c22-switcher.c22-nonclickable.c22-active{ background: #555555; cursor: default;}
#c22 .c22-group .c22-switcher .c22-circle{height: 20px; width: 20px; background: #ffffff; border-radius: 100%; z-index: 10000001; position: absolute; left: 2px; transition: ease all 250ms;}
#c22 .c22-group .c22-switcher.c22-active .c22-circle{ left: auto; right: 2px;}
#c22 .c22-group .c22-cookies{display: none;}
#c22 .c22-group .c22-cookie{padding: 6px 12px 4px; border: 1px dashed #dddddd; width: 100%; margin: 2px 0 6px;}
#c22 .c22-group .c22-cookie.active{display: block;}
#c22 .c22-group .c22-cookie h4.c22-h4{float: left; margin: 0; padding: 0; line-height: 24px; font-size: 16px; font-weight: bold; margin: 0; padding: 0; color: #000000; }
#c22 .c22-group .c22-cookie h4.c22-h4 span{font-size: 10px; line-height: 36px;  position: relative; top: -2px; padding: 0 6px 0 0;}
#c22 .c22-group .c22-cookie a.c22-a{font-size: 14px; text-decoration: underline;  color: #000000; font-weight: normal; }
#c22 .c22-group .c22-cookie .c22-cookie-details{display: none}

#c22.bottom{transform: translate(-50%, 0); bottom: 0; top: auto; width: 100%; max-width: 1920px; background: rgba(255,255,255,0.95); padding: 11px 26px 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
#c22.bottom p.c22-p.c22-p-main{width: 80%; float: left; margin-bottom: 0; padding-bottom: 0; margin-top: 2px;}
#c22.bottom .c22-button.c22-button-no-margin{margin-bottom: 0; margin-top: 0;}
#c22.bottom p.c22-h1{margin-bottom: 0; font-size: 20px;}

@media (max-height: 720px){
    #c22 .c22-settings{max-height: 25vh;}
}
@media (max-height: 420px){
    #c22 .c22-settings{max-height: 15vh}
}
@media (max-width: 767px){
    #c22 .c22-settings{max-height: 33vh; margin-bottom: 20px}
    #c22{padding: 16px 20px 12px; width: 90vw;}
    #c22 h1.c22-h1{font-size:16px ;line-height: 24px; margin: 0 0 8px 0;}
    #c22 img.c22-icon{height: 16px;}
    #c22 p.c22-p{font-size: 12px; line-height: 18px;}
    #c22 .c22-group .c22-cookie a.c22-a{font-size: 12px; }
    #c22 .c22-button{padding: 4px 16px; font-size: 14px; line-height: 30px; margin: 10px 0 5px 5px;}
    #c22 .c22-button.c22-button-medium{ font-size: 14px; line-height: 32px;}
    #c22 h2.c22-h2{font-size:14px ;line-height: 24px;}
    #c22 .c22-group{padding: 8px 8px 4px 14px;}
    #c22 .c22-group .c22-h3{line-height: 30px;}
    #c22 .c22-group .c22-h3 .c22-h3-a span{top: -1px; font-size: 12px;}
    #c22 .c22-group .c22-h3 .c22-h3-a{font-size:14px ;line-height: 24px;}
    #c22 .c22-group .c22-cookie h4.c22-h4{font-size:14px ;line-height: 24px;}
    #c22 .c22-group .c22-cookie{padding: 4px 6px 2px}

    #c22.bottom{padding:11px 16px 8px;}
    #c22.bottom p.c22-h1{font-size: 14px;}
    #c22.bottom p.c22-p.c22-p-main{width: 100%;padding-bottom: 5px; font-size: 11px; line-height: 15px;}
}

/* Custom */
#c22 .c22-button.c22-button-big{background: #1ea754; color: #ffffff; border-color: #1ea754;}
#c22 .c22-button.c22-button-big:hover{ background: #caa962;  border-color: #caa962;}
#c22 .c22-group .c22-switcher.c22-active{ background:  rgba(30, 167, 84, 1);}
#c22 .c22-group .c22-switcher.c22-nonclickable.c22-active{ background: rgba(30, 167, 84, 0.5);}