#xx-cookies-plugin{position:relative; z-index:99999999999; }
#xx-cookies-plugin #cp-show-button{display:block;position: fixed; left: 0px; bottom: 15px; line-height: 0px; font-size: 12px;padding: 5px 10px; border-radius: 0 5px 5px 0; color: #ffffff; background: #000; cursor: pointer; opacity: 0.5}
#xx-cookies-plugin #cp-show-button:hover{ opacity: 1}
#xx-cookies-plugin #cp-show-button span{ display:none}
#xx-cookies-plugin #cp-show-button img{ width:40px;height:40px}
#xx-cookies-plugin #cp-show-button.right{right:0;left:auto;border-radius: 5px 0 0 5px;}
#xx-cookies-plugin #cp-show-button.none{display:none !important}
#xx-cookies-plugin #cp-show-button.circle {border-radius: 50px;height:50px;width:50px;padding:0;left:10px;bottom:10px}
#xx-cookies-plugin #cp-show-button.circle img{ margin:5px 0 0 5px}
#xx-cookies-plugin #cp-show-button.text span{ display:block;padding:8px 5px;font-size:110%}
#xx-cookies-plugin #cp-show-button.text img{ display:none}
#xx-cookies-plugin #cp-show-button.text { left:10px;border-radius: 5px;bottom:10px}

#xx-cookies-plugin .cp-cover{position: fixed; left: 0px; top: 0px; height: 0; width: 100%; z-index: 9999; background: #1d1d1d; opacity: 0; -webkit-transition: opacity 0.4s ease !important;  -moz-transition: opacity 0.4s ease!important; -o-transition: opacity 0.4s ease!important; -ms-transition: opacity 0.4s ease!important; transition: opacity 0.4s ease!important; }
#xx-cookies-plugin.cp-show-cover .cp-cover{height: 100%; opacity: 0.4}

#xx-cookies-plugin .cp-content-wrap{position: fixed; left: 0; height:50%; bottom:-100%; padding: 105px  40px 130px 40px;width: 100%; z-index: 9999; background: transparent; opacity: 0.99; animation-fill-mode: backwards;  box-sizing: border-box; text-align: center;-webkit-transition: all 1s ease ;  -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
#xx-cookies-plugin.cp-show-info .cp-content-wrap{bottom: 25%;  }
#xx-cookies-plugin .no-transition{-webkit-transition: all 0s ease !important;  -moz-transition: all 0s ease!important; -o-transition: all 0s ease!important; -ms-transition: all 0s ease!important; transition: all 0s ease!important;}

#xx-cookies-plugin .cp-content-wrap .cp-content{max-width: 920px;  padding:30px 20px;background:#1b1b1b;margin: 0px auto; color: #fff; font-size: 15px;-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
#xx-cookies-plugin .cp-content-wrap .cp-content p{color: inherit; font-size: 100%; padding: 0px; margin: 1em 0px 1em 0px; line-height: 150%!important;}
#xx-cookies-plugin .cp-content-wrap .cp-content p:last-child{margin-bottom:0em}
#xx-cookies-plugin .cp-content-wrap .cp-content p a{color: inherit; }
#xx-cookies-plugin .cp-content-wrap .cp-content .cp-title{font-weight: bold; font-size: 170%; padding-bottom: 0}
#xx-cookies-plugin .cp-button{box-sizing: border-box; display: inline-block; line-height:34px; font-size:100%; color:#ffffff; text-decoration: none; font-weight: bold; border:2px solid #5C5C5D; padding:0px 20px; margin:5px; }
#xx-cookies-plugin .cp-button:hover{background: #5C5C5D;}
#xx-cookies-plugin .cp-button-ok{background: #28a834; border-color: #28a834;}
#xx-cookies-plugin .cp-button-ok:hover{background: #32cf40; border-color: #32cf40;}

#xx-cookies-plugin #cp-settings{position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 9999; display: none; font-size: 15px; line-height: 120%;}
#xx-cookies-plugin #cp-settings::before{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; content: ' '; opacity: 0.7}
#xx-cookies-plugin #cp-settings .cp-settings-container {display: table; height: 100%; width: 100%; position: absolute; left: 0; top: 0px;}
#xx-cookies-plugin #cp-settings .cp-settings-container > div{display: table-cell; vertical-align: middle; text-align: center; padding: 15px 50px;}
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-wrap-side{ overflow-y: auto; overflow-x: hidden;max-width: 600px; margin:0px auto; position: relative;}
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-wrap-side .cp-close{position: absolute; right: 0px; top: 0px; z-index: 9000; line-height:40px; width:40px; color: #888888; font-size:35px; cursor:pointer;  }
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-wrap-side .cp-close:hover{color: #333;  -webkit-transition: opacity 0.3s ease !important;  -moz-transition: opacity 0.3s ease!important; -o-transition: opacity 0.3s ease!important; -ms-transition: opacity 0.3s ease!important; transition: opacity 0.3s ease!important;   }
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-wrap{background: #EFEFEF;  min-height:200px; color: #666; text-align:left;   }
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-wrap .cp-box{padding: 35px 40px 30px 40px;}
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-wrap .cp-p{line-height:135%!important; font-size:95%; padding-bottom:1em;  }
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-wrap .cp-title-h2{color: #333; font-size:130%; font-weight:bold; padding-bottom: 0.5em;}
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-wrap .cp-title-h3{color: #333; font-size:110%; font-weight:normal; padding-bottom: 0.5em;}
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-wrap .cp-title-h4{color: #333; font-size:100%; font-weight:normal; padding-top: 0.5em; padding-bottom: 0.5em;}
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-wrap ul {margin: 0px; padding:0px 0px 0px 20px; }
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-wrap ul li{ font-size:95%; }

#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-toggle-wrap {position: relative; margin-top: -1px;}
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-toggle-wrap .cp-toggle-title{color: #333; cursor: pointer; font-size:95%; line-height:120% ; font-weight:bold; padding: 20px 30px 20px 40px; background:#F9F9F9; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #E7E7E7}
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-toggle-wrap .cp-toggle-title > div{position: relative; padding: 0px  25px 0px 23px;}
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-toggle-wrap .cp-toggle-title > div::before{position: absolute; left: 0px; top: 0px; content: " "; color: #E56385; font-size: 0px; width: 16px; height: 16px; background: url('x.png') no-repeat center center; background-size: 11px auto;}
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-toggle-wrap .cp-toggle-title > div::after{position: absolute; right: 0px; top: 0px; height: 100%; width: 20px; content: ""; background-repeat: no-repeat; background-size: 15px auto;background-position: center center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='11px'%3E%3Cpath fill-rule='evenodd' fill='%23000000' d='M-0.004,2.366 L2.333,-0.002 L8.497,6.261 L14.669,-0.002 L17.004,2.367 L8.495,11.002 L-0.004,2.366 Z'/%3E%3C/svg%3E");}
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-toggle-wrap .cp-toggle-title.cp-ok > div::before{content: " "; color: #28A834; font-size: 0px; background-image: url('checked.png');background-size: 12px auto; }
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-toggle-wrap .cp-toggle-title.cp-active > div::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='11px'%3E%3Cpath fill-rule='evenodd' fill='%23000000' d='M-0.004,8.634 L2.333,11.002 L8.497,4.739 L14.669,11.002 L17.004,8.632 L8.495,-0.003 L-0.004,8.634 Z'/%3E%3C/svg%3E"); }
#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-toggle-wrap .cp-box{padding: 25px 40px 30px 40px;  display: none; border-bottom: 1px solid #E7E7E7; background: #ffffff}


#xx-cookies-plugin #cp-settings .cp-settings-container .cp-show-cookies-table {display: inline-block; color: #333; text-decoration: underline; cursor: pointer; margin-top: 20px; margin-bottom: 15px; font-size: 88%;}
#xx-cookies-plugin #cp-settings .cp-settings-container .cp-show-cookies-table:hover {text-decoration: none;}
#xx-cookies-plugin #cp-settings .cp-settings-container .cp-cookies-table { display: none;}
#xx-cookies-plugin #cp-settings .cp-settings-container .cp-cookies-table table{border-spacing: 0px; border-collapse: collapse; border: 0px; width: 100%; font-size:100%; }
#xx-cookies-plugin #cp-settings .cp-settings-container .cp-cookies-table tr th{font-size: 80%; line-height: 120%;  white-space: nowrap; color: #333;padding: 10px 0px 10px 15px; text-align: left;  border-bottom: 2px solid #D8D8D8}
#xx-cookies-plugin #cp-settings .cp-settings-container .cp-cookies-table tr th:first-child{padding-left: 0px;}
#xx-cookies-plugin #cp-settings .cp-settings-container .cp-cookies-table tr td{font-size: 80%; line-height: 120%;   padding: 7px 0px 7px 15px; text-align: left; border-bottom:1px solid #E7E7E7; }
#xx-cookies-plugin #cp-settings .cp-settings-container .cp-cookies-table tr td.bold{font-weight: bold; color: #333}
#xx-cookies-plugin #cp-settings .cp-settings-container .cp-cookies-table tr td:first-child{padding-left: 0px; font-weight: bold; color: #333}
#xx-cookies-plugin #cp-settings .cp-settings-container .cp-cookies-table tr td:last-child{font-size:75% }


#xx-cookies-plugin .cp-buttons{display: flex; align-items: stretch; justify-content: center;text-align: center;}
#xx-cookies-plugin .cp-buttons .cp-button{width: 50%; line-height: 115%; font-size: 100%;   padding: 15px; margin: 0px;  display: flex; align-items: center; text-align: center;justify-content: center;}
#xx-cookies-plugin .cp-buttons .cp-button:first-child{margin-right: 5px; }
#xx-cookies-plugin .cp-buttons .cp-button:last-child{margin-left: 5px; }

#xx-cookies-plugin .cp-checkbox-wrap{position: relative; line-height: 20px; font-size: 95%; font-weight: bold; margin-bottom: 25px;}
#xx-cookies-plugin .cp-checkbox-wrap input[type=checkbox]{height: 0; width: 0; visibility: hidden; position: absolute; left: 0; top: 0; }
#xx-cookies-plugin .cp-checkbox-wrap label {cursor: pointer; text-indent: -9999px; width: 40px; height: 20px; background: grey; display: inline-block; border-radius: 20px; position: relative; margin: 0px 10px; }
#xx-cookies-plugin .cp-checkbox-wrap label:after {content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; background: #fff; border-radius: 16px; transition: 0.3s; }
#xx-cookies-plugin .cp-checkbox-wrap input:checked + label {background: #28A834; }
#xx-cookies-plugin .cp-checkbox-wrap input:checked + label:after {left: calc(100% - 2px); transform: translateX(-100%); }
#xx-cookies-plugin .cp-checkbox-wrap label:active:after {width: 16px; }


@media only screen and (max-width: 500px){
	#xx-cookies-plugin #cp-settings .cp-settings-container > div{padding: 15px;}
	#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-wrap .cp-box{padding: 20px;}
	#xx-cookies-plugin #cp-settings .cp-settings-container > div .cp-toggle-wrap .cp-toggle-title{padding: 15px 20px;}
	#xx-cookies-plugin .cp-buttons .cp-button{font-size: 85%; padding: 10px;}
	#xx-cookies-plugin .cp-content-wrap .cp-content{font-size: 13px;}
	#xx-cookies-plugin .cp-content-wrap{padding: 20px;}
	#xx-cookies-plugin #cp-settings .cp-settings-container .cp-cookies-table table{font-size:80% }
	#xx-cookies-plugin #cp-settings .cp-settings-container .cp-cookies-table tr th{white-space: normal;padding-left:10px; }
	#xx-cookies-plugin #cp-settings .cp-settings-container .cp-cookies-table tr td{padding-left:10px; }

}

@media only screen and (max-width: 500px){
	#xx-cookies-plugin .cp-buttons .cp-button{font-size: 185%; padding: 10px;}
	#xx-cookies-plugin .cp-content-wrap .cp-content{font-size: 18px;}
	#xx-cookies-plugin .cp-content-wrap{padding: 50px 20px;}
	#xx-cookies-plugin #cp-settings .cp-settings-container .cp-cookies-table table{font-size:100% }

}