/**
     * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
     * http://cssreset.com
     */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      font: inherit;
      vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
      display: block;
    }
    body {
      line-height: 1;
    }
    ol, ul {
      list-style: none;
    }
    blockquote, q {
      quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
      content: '';
      content: none;
    }
    table {
      border-collapse: collapse;
      border-spacing: 0;
    }
  
  

  @font-face {
      font-family: 'kings';
      src: url('../fonts/kingthings_trypewriter_2-webfont.woff2') format('woff2'),
           url('../fonts/kingthings_trypewriter_2-webfont.woff') format('woff');
      font-weight: normal;
      font-style: normal;

  }

    body {
      background:#dedede;
      font-family:Arial, Helvetica, sans-serif;
      font-family: 'kings', sans-serif;
      padding: 0;
      position: relative;
      margin: 0;
      overflow-x: hidden;
    }
  
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

 
  A:link {COLOR: inherit; TEXT-DECORATION: underline;}
  A:visited {COLOR: inherit; TEXT-DECORATION: none;}
  A:active {COLOR: inherit; TEXT-DECORATION: none;}
  A:hover {COLOR: inherit; TEXT-DECORATION: none;}


html, body { 
   
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  font-weight:400;
  font-family: 'kings', sans-serif;
  background: #000;
  color: #231f20;
  margin: 0px;
  padding: 0px;
}


* {-webkit-font-smoothing: antialiased;}
*{-webkit-appearance: none;}

strong, b{ font-weight:bold;}
em,i{ font-style:italic;}
u{ text-decoration:underline;}
small{ font-size:70%;}
ul{ list-style:disc; margin:25px 0 25px 30px; }
ul li{ margin: 10px 0 20px; }

.clear{ clear:both;}
.clearR{ display: none; }

.all{ overflow: hidden; }

.center-wide{ width:1500px; margin:auto; position:relative; }
.center{ width:1400px; margin:auto; position:relative;  }
.centerSmall{ width:1000px; margin:auto; position:relative; }
.center-top{ height: 100%; position: relative; }

.top{ width: 100%; height: 88px; position: fixed; top: 0px; left: 0px; background: #000; z-index: 998; }
.separator{ width: 100%; height: 88px; }

.logo{ position: absolute; left: 0px; top: 20px; width: 290px; z-index: 200; cursor: pointer; }
.logo img{ width: 100%; }

.menuFixedContainer{ position: absolute; right: 0px; top: 3px; z-index: 100; font-size: 18px; font-weight: 500;}
.menuMainLista{ list-style: none; display: inline-block; height: 20px; }
.menuMainLista li{display: inline-block; margin: 0 22px; position: relative;}
.menuMainLista.m2 li a, .menuMainLista.m1 li a{  position: relative; display: block;
-webkit-transition: all 200ms;
   -moz-transition: all 200ms;
     -o-transition: all 200ms;
        transition: all 200ms;
}
.menuMainLista.m3 li{display: inline-block; margin: 0 4px; position: relative; width: 28px; height: 20px; }
.menuMainLista li a{color: #fff; text-decoration: none;}
.m1{ margin-right: 40px; }
.menuMainLista.m3 li{ overflow: visible; }
.menuMainLista.m3 li span{ position: absolute; display: block; width: 30px; height: 30px; background: #fff; left: 0px; top: -2px; z-index: 2; border-radius: 100%; 
-webkit-transition: all 200ms cubic-bezier(0.050, 0.000, 0.445, 1); 
-webkit-transition: all 200ms cubic-bezier(0.050, 0.000, 0.445, 1.650);
   -moz-transition: all 200ms cubic-bezier(0.050, 0.000, 0.445, 1.650);
     -o-transition: all 200ms cubic-bezier(0.050, 0.000, 0.445, 1.650);
        transition: all 200ms cubic-bezier(0.050, 0.000, 0.445, 1.650);}
.menuMainLista.m3 li img{ position: absolute; z-index: 100; left: 50%; top: 50%; }
.menuMainLista.m3 li.y img{ width: 18px; margin-left: -8px; margin-top: -7px; }
.menuMainLista.m3 li.forum img{ width: 23px; margin-left: -10.5px; margin-top: -9px; }
.menuMainLista.m3 li:hover span{ 
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
-o-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3); }
.m3.kontakt-icons li span{ background: #fff; }


.iconSocial{ position: relative; }
.iconSocial:after{ position: absolute; top: -20px; right: 0px; width: auto; padding: 4px 5px; font-size: 12px; border-radius: 5px; background: #e9ae4a; color: #000; content: attr(txt); display: none; text-transform: uppercase; z-index: 888;}
.iconSocial:hover:after{ display: block; }

.menuMainLista li a:after{ display: block; top: 0px; left: 0px; width: 0px; overflow: hidden; position: absolute; content: attr(txt); color: #e9ae4a;  transition: all 0.4s; white-space: nowrap; z-index: 500; font-size: inherit; }
.menuMainLista li a:hover:after, .menuMainLista li.current a:after{ width: 100%; }

.menuMobileClick{ width:40px; height:40px; cursor:pointer; position:absolute; right:0px; top:50%; margin-top:-20px; display:none; z-index:980; text-align:center; 
-webkit-transition: all .25s linear;
   -moz-transition: all .25s linear;
   -ms-transition: all .25s linear;
   -o-transition: all .25s linear;
  transition: all .25s linear;}
.top-scroll .menuMobileClick{ margin-top: -20px; }
.menuMobileClick div {
    width: 40px;
    height: 3px;
    background-color: #dedede;
    display:block;
    margin: 7px 0;
    border-radius: 2px;
-webkit-transition: all .25s cubic-bezier(0.68, -0.6, 0.32, 1.6);
   -moz-transition: all .25s cubic-bezier(0.68, -0.6, 0.32, 1.6);
   -ms-transition: all .25s cubic-bezier(0.68, -0.6, 0.32, 1.6);
   -o-transition: all .25s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition: all .25s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.menuMobileClick div:nth-of-type(1){ width: 35px; margin-left: 5px; }
.menuMobileClick div:nth-of-type(3){ width: 28px; margin-left: 12px; }
.menuMobileClick:hover div{width: 40px; margin-left: 0px;}

.menuFixed{ position: fixed; width: 100%; height: 100%; background: url("../grafika/back.jpg") center center; z-index: 1001; left: 0px; top: 0%; opacity: 0; display: none; overflow-x: hidden; overflow-y: scroll; text-align: center; padding-bottom: 100px;}
.closeMenuContainer{ width:50%; text-align:right; margin-bottom: 40px; position: relative; z-index: 900; margin-left: 50%; margin-top: 5px; }

.closeX { height: 40px; width: 40px; position: relative; box-sizing: border-box; line-height: 40px; display: inline-block; margin-top: 15px; cursor: pointer; z-index: 900;}
.closeX:before, .closeX:after {  width: 40px; height: 4px; transform: rotate(-45deg); content: ''; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -20px; display: block; background-color: #fff; transition: all 0.25s ease-out;}
.closeX:after { transform: rotate(-135deg);}
.menuFixedUl{ margin: 0px; padding: 0px; list-style: none; margin-bottom: 40px; }
.menuFixedKlik{ font-weight: bold; color: #fff; text-align: center; overflow: hidden; margin: 35px 0 0px; font-size: 47px; text-transform: uppercase; font-weight: 600; padding: 5px 0; position: relative; z-index: 100; cursor: pointer;}
.menuFixed a{ color: inherit; text-decoration: none; }
.menuFixedKlik img{ width: 150px; }


.header-outer{ position: relative; }
.header{ font-size: 80px; color: #000; background: url('../grafika/back_header.jpg') center center; padding: 5px 15px; display: inline-block; line-height: 1.1; }
.header-news{ text-align: right; margin-bottom: 100px; }
.header-koncerty{ text-align: right; margin-bottom: 100px; }
.header-kontakt{ text-align: right; margin-bottom: 100px; }
.header-kontakt .header{background: url('../grafika/back_noise_black.jpg') center center; color: #fff;}


.zaslona{ width: 100%; height: 0%; position: fixed; background: #000; opacity: .98; z-index: 1050; 
  -webkit-transition: all .40s linear;
  -moz-transition: all .40s linear;
  -ms-transition: all .40s linear;
  -o-transition: all .40s linear;
  transition: all .40s linear;}
.zaslona{ left: 0px; bottom: 0px; }
.zaslonaAll{height: 100%;}
.zaslonaInner{ position:fixed; width:100%; height:100%; overflow-y:auto; top:0px; left:0%; z-index:1051; opacity:0; -webkit-overflow-scrolling: touch; color: #fff;}

.closeOverlay{ width:40px; height:40px; float:right; margin-bottom:30px; z-index:950; cursor:pointer; opacity:0; position: relative;
              -webkit-transition: all .2s linear;
              -moz-transition: all .2s linear;
              -ms-transition: all .2s linear;
              -o-transition: all .2s linear;
              transition: all .2s linear; }
.closeOverlay .close1{ width: 4px; height: 40px; transform: rotate(45deg); background: #fff; position: absolute; left: 20px; top: 0px; }
.closeOverlay .close2{ width: 4px; height: 40px; transform: rotate(-45deg); background: #fff; position: absolute; left: 20px; top: 0px; }

.zaslona-loader{ width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; background: #000; opacity: 1; z-index: 1150; }
.zaslona-loader .loader-inner{ width: 300px; height: 320px; position: absolute; top: 50%; left: 50%; margin-left: -150px; margin-top: -160px; text-align: center; }
.zaslona-loader .loader-inner img{ width: 250px; }
.lds-ring { display: inline-block; position: relative; top: -20px; width: 80px; height: 80px;}
.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid #fed; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;  border-color: #fff transparent transparent transparent;}
.lds-ring div:nth-child(1) { animation-delay: -0.45s;}
.lds-ring div:nth-child(2) { animation-delay: -0.3s;}
.lds-ring div:nth-child(3) { animation-delay: -0.15s;}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}




.main{ width: 100%; position: relative; z-index: 500; }
.main-foto-container{ position: relative; width: 100%; z-index: 100; }
.main-foto, .main-foto-bottom, .main-foto-top{ width: 100%; position: relative; z-index: 100; }
.main-foto img, .main-foto-bottom img, .main-foto-top img{ width: 100%; display: block; }
.main-foto-top{ display: none; }
.main-foto-mapa{ position: absolute; top: 0px; left: 0px; width: 100%; z-index: 400; }
.main-foto-mapa img{ width: 100%; display: block; }
.main-foto-bottom-overlay{ position: absolute; width: 100%; height: 268px; left: 0px; bottom: 0px; background: url(../grafika/main-bottom.png) center bottom repeat-x; z-index: 200; }
.main-foto-bottom-overlay-R{ position: absolute; width: 100%; height: 268px; left: 0px; bottom: 0px; background: url(../grafika/main-bottom2.png) center bottom repeat-x; z-index: 200; display: none; }
.streamings{ position: absolute; text-align: center; width: 100%; left: 0px; bottom: 25%; z-index: 400; }
.streamings span{ margin: 0 15px; display: inline-block; 
-webkit-transition: all 200ms cubic-bezier(0.050, 0.000, 0.445, 1); 
-webkit-transition: all 200ms cubic-bezier(0.050, 0.000, 0.445, 1.650);
   -moz-transition: all 200ms cubic-bezier(0.050, 0.000, 0.445, 1.650);
     -o-transition: all 200ms cubic-bezier(0.050, 0.000, 0.445, 1.650);
        transition: all 200ms cubic-bezier(0.050, 0.000, 0.445, 1.650);}
.streamings span img{ height: 48px; position: relative; }
.streamings span.tidal img{ height: 59px; top: 4px; }
.streamings span.spotify img{ height: 42px; top: -5px; }
.streamings span a{ position: relative; }
.streamings span:hover{
  -moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.osobyInfo{ position: absolute; overflow: hidden; z-index: 900; height: 60px; width: 170px; }
.osobaTxtContainer{ width: 3px; overflow: hidden; position: absolute; top: 0px; left: 0px; z-index: 150; height: 68px;
-webkit-transition: all 350ms;
   -moz-transition: all 350ms;
     -o-transition: all 350ms;
        transition: all 350ms;
        transition-delay:.15s;
        -webkit-transition-delay:.15s}
.osobaTxtContainer:after{ width: 100%;  content: ''; display: block; position: absolute; height: 100%; top: 0px; left: 3px; z-index: 1; }
.osobaBorder{ width: 3px; background: #e9ae4a; height: 0%; position: absolute; left: 0px; top: 0px; 
-webkit-transition: all 300ms;
   -moz-transition: all 300ms;
     -o-transition: all 300ms;
        transition: all 300ms;}
.osobaTxt{ font-size: 27px; text-transform: uppercase; font-weight: 600; padding: 5px 0px 5px 7px; margin-left: 3px; position: relative; z-index: 100; display: none; overflow: hidden; white-space: nowrap;}
.osobaTxt div{ display: inline; background: #e5e5e5; box-shadow: 10px 0 0 #e5e5e5, -10px 0 0 #e5e5e5; color: #000; padding: 4px 0; }
.osobaTxt span{ display: inline-block; font-size: 16px; font-weight: 300; left: -3px; top: 1px; background: black; box-shadow: 10px 0 0 black, -10px 0 0 black; color: #e9ae4a; position: relative; padding: 4px 0; }
.borderShow{ height: 38px; }
.personShow{ width: 350px; z-index: 500; }



.subs-container{ position: relative; width: 100%; background: url("../grafika/back_noise.jpg") center top; z-index: 450; }
.news-container{ width: 100%; position: relative; padding: 20px 0 100px; }
.news-L, .news-R{ width: 50%; float: left; position: relative; margin-bottom: 90px;}
.news-L{ margin-top: 200px; }
.news-L .omega{ width: 100%; position: relative; }
.news-L .omega img{ width: 100%; display: block; }
.news-R{ margin-bottom: 90px; }

.txt-noise-back{ display: inline; background: url('../grafika/back_header.jpg') center center; padding: 1px 7px; line-height: 1.45; color: #000; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
.txt-back{display: inline; background: #000; padding: 1px 7px; line-height: 1.7; color: #e9ae4a; box-decoration-break: clone; -webkit-box-decoration-break: clone;}

.news-first{ position: relative; width: 70%; margin-left: 30%; }
.newsData-first-outer, .newsData-max-outer{ text-align: right; position: relative; top: 15px; right: -6px; z-index: 500; }
.newsData-first-outer{ position: absolute; right: -6px; top:-10px;  }
.newsData-first-outer-left{ position: relative; text-align: left; }

.newsData-first, .newsData-max{ background: #fff; color: #000; font-size: 17px; position: relative; display: inline-block; padding: 3px 5px; background: url('../grafika/back_header.jpg') center center; }
.newsNazwa-first{ font-size: 30px; margin: 25px 0 10px; text-transform: uppercase; cursor: pointer; }
.newsNazwa-max{ font-size: 33px; margin: 35px 0 25px; text-transform: uppercase; cursor: pointer; }
.newsTxt-first{ font-size: 18px; margin: 15px 0; color: #e9ae4a; line-height: 1.4; text-transform: uppercase; padding: 0 7px; display: -webkit-box;  -webkit-line-clamp: 13; line-clamp: 13;  -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis;}
.newsTxt-max{ font-size: 18px; margin: 15px 0; color: #e9ae4a; line-height: 1.8; text-transform: uppercase; padding: 0 7px; padding-bottom: 50px; }
.newsFoto{ width: 100%; position: relative; z-index: 400; cursor: pointer; }
.newsFoto img{ width: 100%; display: block; position: relative; z-index: 100;}

.newsFotoMaxOuter{ width: 700px; position: relative; margin: auto;  }
.newsFotoMax{ width: auto; max-width: 700px; margin: auto; position: relative; z-index: 400; cursor: pointer; text-align: center; }
.newsFotoMax img{ width: 100%; display: inline-block; position: relative; z-index: 100;}

.newsVideoPlay:after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(../grafika/play.svg) no-repeat center center; background-size: 100px; z-index: 800; opacity: .6; 
-webkit-transition: all 200ms cubic-bezier(0.050, 0.000, 0.445, 1); 
-webkit-transition: all 200ms cubic-bezier(0.050, 0.000, 0.445, 1.650);
   -moz-transition: all 200ms cubic-bezier(0.050, 0.000, 0.445, 1.650);
     -o-transition: all 200ms cubic-bezier(0.050, 0.000, 0.445, 1.650);
        transition: all 200ms cubic-bezier(0.050, 0.000, 0.445, 1.650);}
.newsVideoPlay:hover:after{ background-size: 30%; }
.newsVideo{ height: 150px; background: #777; }
.newsVideoMax{ height: 350px; }
.newsVideoMax.newsVideoPlay:hover:after{ background-size: 20%; }
.newsFotoMax.newsVideoPlay:hover:after{ background-size: 20%; }

.news-more{ text-align: right; margin-top: 35px; font-size: 16px; text-transform: uppercase; cursor: pointer;}
.news-more .txt-noise-back{ padding: 5px 7px; cursor: pointer;}
.news-more:hover .txt-noise-back{ background:#e9ae4a; }


.news-lista{ color: #fff; position: relative; width: 106%;  margin-left: -3%; }
.news-lista .news-mini{ width: 27.33333%; float: left; position: relative; margin: 3%;  }
.news-lista .news-mini .newsFoto-outer{ width: 100%; position: relative; overflow: hidden; background: ; }
.news-lista .news-mini .newsFoto-outer:after{ padding-top: 60%; display: block; content: ''; position: relative; }
.news-lista .news-mini .newsFoto-outer .newsFoto{ position: absolute; top: 0px; left: 0px; }
.newsNazwa-mini{ cursor: pointer; font-size: 26px; text-transform: uppercase; margin: 20px 0; }
.news-lista .news-mini:nth-of-type(3n+1){ clear: both; }
.newsTxt-mini{ font-size: 16px; margin: 15px 0; color: #e9ae4a; line-height: 1.5; text-transform: uppercase; padding: 0 7px; display: -webkit-box;  -webkit-line-clamp: 6; line-clamp: 6;  -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis;}
.loadMore{ margin: auto; margin-top: 50px; text-align: center; font-size: 20px; text-transform: uppercase; text-shadow: 0 0 2px rgba(255,255,255,.5); }
.loadMore a{ text-decoration: none; }
.loadMore a:hover .txt-noise-back{ background:#e9ae4a; }
.wczytaj-wiecej{ padding: 5px 15px; }



.galeria-foto{  width: 30%; float: left; margin-right: 3.3333%; margin-top: 20px; margin-bottom: 10px; position: relative; }
.galeria-foto:after{ padding-top: 100%; content: ''; display: block; position: relative; width: 100%; }
.galeria-foto .galeria-foto-inner{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; 
-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,.6);
box-shadow: 2px 2px 5px 0 rgba(0,0,0,.6); }
.galeria-foto-R{ width: 500px; margin: 20px auto; display: none; }
.galeria-foto-R img{ width: 100%; }



.app-container{ width: 1050px; position: relative; margin: 50px auto 50px; color: #fff; }
.app-container .app-L, .app-container .app-R{ float: left; position: relative; margin: 50px 0; }
.app-container .app-L{ width: 65%; padding-left: 190px; text-align: left; }
.app-container .app-L div.line1{ font-size: 26px; padding: 4px 8px; text-transform: uppercase; }
.app-container .app-L div.line2{ font-size: 16px; padding: 4px 8px; text-transform: uppercase; }
.app-container .app-R{ width: 35%; }
.app-icon{ position: absolute; width: 170px; left: 0px; top: -70px; }
.app-icon img{ width: 100%; display: block; }
.app-container .app-R img{ width: 155px; margin-right: 10px; }


.koncerty{ position: relative; z-index: 800; width: 100%; padding: 0 0 300px; color: #fff; background: url("../grafika/koncerty_back.png") center top no-repeat; background-size: 100%; min-height: 1000px;}
.koncerty-container{ width: 100%; margin: auto; }
.koncerty-row{ padding-left: 210px; position: relative; margin-bottom: 70px; width: 1100px;}
.koncerty-data{ display: inline-block; position: absolute; top: 0px; left: 0px; color: #fff; font-size: 20px; }
.koncerty-line1{ font-size: 30px; }
.koncerty-line2{ font-size: 20px;  }
.koncerty-line2-container{ padding-right: 150px; }
.koncerty-klik{ text-align: right;  position: absolute; right: 0px; bottom: -10px; }
.koncerty-klik .txt-back{ padding: 5px 10px; color: #fff; }
.koncerty-klik:hover .txt-back{background:#e9ae4a; color: #000;}
.koncerty-klik a{ color: #fff; text-decoration: none; }

.koncerty-bottom{ width: 100%; }
.koncerty-bottom img{ width: 100%; display: block; position: absolute; bottom: 0px; left: 0px; }

.archiwum-header{ text-align: center; margin:50px 0 60px; font-size: 24px; opacity: .7; }
.koncert-old{ opacity: .65 }
.archiwum-koncertow{ display: none; }
.archiwum-koncertow-click{ margin: auto; margin-top: 50px; text-align: center; font-size: 20px; text-transform: uppercase; text-shadow: 0 0 2px rgba(255,255,255,.5); cursor: pointer; }
.archiwum-koncertow-click:hover .txt-noise-back{ background:#e9ae4a; }



.kontakt-outer{ position: relative; width: 100%; top: 0px; z-index: 900; padding: 0 0 0px; color: #fff; background: url("../grafika/kontakt_back.png") center top no-repeat; background-size: 100%;}
.kontakt-outer:after{ padding-top: 66%; position: relative; content: ''; display: block; }
.kontakt{ position: absolute; top: 0px; left: 0px; width: 100%; }
.kontakt-txt{ position: absolute; left: 0px; bottom: 30%; width: 100%; color: #fff; }
.kontakt-l, .kontakt-r{ float: left; width: 50%; padding-right: 30px; }
.kontakt-l{ font-size: 22px; }
.kontakt-r{ font-size: 28px; }

.copy{ position: relative; z-index:900; text-align: right; padding: 10px 15px; color: #fff; font-size: 12px; }
.copy a{ font-size: 13px; }


#cookies-message{padding: 15px 20px; font-size: 14px; line-height: 22px; border-top: 1px solid #999; text-align: center; position: fixed; bottom: 0px; background-color: #262626; width: 100%; z-index: 999; box-sizing: border-box; -webkit-box-sizing: border-box; color:#999;}
#accept-cookies-checkbox{background-color:#999; padding: 5px 10px; color: #FFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; margin-left: 10px; text-decoration: none; cursor: pointer;}
#accept-cookies-checkbox:hover{ background:#000; color:#dedede;}