/* ==============================================================

Author : Lukáš Fischer - www.ex-create.cz

============================================================== */

/*
Fontawesome
=========================== */



/*
Global style
=========================== */

*{padding:0;margin:0;}
html{}
img{border:none;} 
.cleaner{clear:both;height:1px;}
.f-left{float:left;} 
.f-right{float:right;}
.opacity{opacity: 1; filter:alpha (opacity=100);}
.opacity:hover{opacity: 0.8; filter:alpha (opacity=80);}
.a-center{width:100%;text-align:center;}
.a-right{width:100%;text-align:right;}    
a{color:#1d1d1b;}
a:hover{text-decoration:none;}
.hidden{display:none;}
table{border-collapse: collapse;border-spacing: 0;}


/*
Layout style
=========================== */
html{}

body{
  margin:0;
  padding:0;
  background:#fff;
  font-family: 'allerregular';
  font-size:14px;
  color:#666666;
  overflow-x:hidden;
}

.container{
  position:relative;
  width:1000px;
  margin:0 auto;
}

.button{
  display:inline-block;
  height:50px;
  line-height:50px;
  padding:0 20px;
  font-size:20px;
  font-weight:700;
  text-transform:uppercase;
  text-decoration:none;
  color:#000;
  outline:solid 2px #000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
} 

.button:hover{
  background:#000;
  color:#fff;
  outline:solid 2px #000;
} 



/*
Typography
=========================== */
h1{font-size:70px; font-weight:700; line-height:70px; margin-bottom:0;color:#fff;padding-top:130px;text-align:center;text-transform:uppercase;}
h2{font-size:28px; font-weight:700; line-height:28px; margin-bottom:25px;} 
h3{font-size:22px; font-weight:700; line-height:22px; margin-bottom:25px;}  
h4{font-size:16px; font-weight:100; line-height:16px; margin-bottom:25px;}
h5{font-size:44px; font-weight:100; line-height:44px; margin-bottom:40px;}  
p{line-height:20px;} 


/*
Grid
=========================== */
.grid-0{width:650px;}
.grid-1{width:310px;}
.grid-2{width:150px;}
.grid-3{width:480px;}
.grid-4{width:23%;margin-right:2%;float:left;}
.grid-5{width:100%;}
.grid-6{width:48%;margin:0 1% 15px 1%;}
.grid-7{width:310px;}
.grid-8{width:50%;}
.grid-9{width:45%;}

.row-0{margin-bottom:0;}.row-1{margin-bottom:10px;}.row-2{margin-bottom:20px;}.row-3{margin-bottom:30px;}.row-4{margin-bottom:40px;}.row-5{margin-bottom:50px;}.row-6{margin-bottom:60px;}.row-7{margin-bottom:70px;}.row-8{margin-bottom:80px;}.row-9{margin-bottom:90px;}.row-10{margin-bottom:100px;}

.header-wrapper{position:relative;}
.header-wrapper-home{height:460px;}
.header-wrapper-subpage{height:270px;background:url(../img/bg-body-subpage.jpg) repeat-x 50% 0}
.wrapper-0{}

/*
Header
=========================== */
header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background:url(../img/bg-header.png) repeat-x 0 100%;
  z-index:99;
  padding-bottom:66px;
}

header .logo{
  display:inline-block;
  margin:10px 0;
}

header .navigation{
  list-style:none;
  margin-top:22px;
}

header .navigation li{
  display:inline-block;
  margin:0 25px;
}

header .navigation li a{
  display:inline-block;
  height:52px;
  line-height:52px;
  font-size:15px;
  color:#fff;
  text-decoration:none;
  background:none;
  padding:0 2px;
}

header .navigation li a:hover, header .navigation li a.active{
  background:url(../img/nav-hover.png) no-repeat 50% 100%;
}

header .search{
  list-style:none;
  margin-top:22px;  
}

header .search > li{
  display:inline-block;
}

header .search > li > span{
  display:block;
  width:52px;
  height:52px;
  line-height:52px;
  font-size:15px;
  color:#fff;
  cursor:pointer;
  text-align:center;  
}

header .search > li:hover > span, header .search > li > span.active{
  background:#000;  
}

header .search ul{
  display:none;
  position:absolute;
  width:940px;
  background:#000;
  left:0;
  padding:30px;
  list-style:none;
}

header .search ul .text{
  position:relative;
  top:-2px;
  width:705px;
  height:50px;
  line-height:50px;
  border:none;
  outline:solid 1px #333;
  color:#fff;
  padding-left:10px;
  background:none; 
  margin-right:5px; 
  font-style:italic;
}

header .search ul .button{
  color:#fff;
  outline:solid 2px #fff;
  border:none;
  background:none;  
  margin-right:5px;
  cursor:pointer;
}

header .search ul .button:hover{
  color:#666;
  outline:solid 2px #666;
}

header .search ul .button-close{
  color:#999;
  outline:solid 2px #999;
}



/*
Slider
=========================== */
.slider{
  position:relative;
  top:0;
  z-index:9;
  background:#000;
}

.slider li{
  background:#000;
  height:460px;
}

.slider .img{
  width:100%;
  height:460px;
  opacity: 0.5; filter:alpha (opacity=50);  
}

.slider .info{
  position:absolute;
  top:170px;
  left:50%;
  width:1000px;
  margin-left:-500px;
  text-align:center;
  color:#fff;
}

.slider .info h2{
  font-size:77px;
  line-height:85px;
  margin-bottom:30px;
  text-transform:uppercase;
}

.slider .info i, .slider .info em{
  font-size:14px;
  display:block;
  margin-bottom:45px;
}

.slider .info .button{
  color:#fff;
  outline:solid 3px #fff;
  background:url(../img/bg-button.png) repeat 0% 0%;
}

.slider .info .button:hover{
  background:url(../img/bg-button.png) #000 repeat 0% 0%;
}

.bx-wrapper img {
  opacity: 0.5; filter:alpha (opacity=50);  
}


/*
Content
=========================== */
.content h2{
  font-weight:bold;
  text-transform:uppercase;
  color:#262d2d;
  padding-bottom:5px;
  border-bottom:solid 3px #262d2d;
  margin-bottom:20px;
}

.content .news{
  padding-bottom:10px;
  border-bottom:solid 1px #bfbfbf;
  margin-bottom:20px;
  min-height:225px;
}

.content .news .img-wrapper{
  background:#fff;
  display:block;
  width:150px;
  height:150px;
  position:relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.content .news .img-wrapper img{
  display:block;
  width:100%;
  height:auto;
  min-height:150px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.content .news .img-wrapper:hover img{
  opacity: 0.6; filter:alpha (opacity=60);
}

.content .news .img-wrapper span{
  position:absolute;
  top:0;
  opacity:0;
  width:150px;
  height:150px;
  background:url(../img/zoom.png) no-repeat 50% 50%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.content .news .img-wrapper:hover span{
  opacity:1;
}

.content .news .title{
  display:block;
  font-size:18px;
  font-weight:bold;
  margin-bottom:15px;
  color:#000;
  text-decoration:none;
}

.content .news .title:hover{
  text-decoration:underline;
}

.content .news .date{
  display:block;
  font-size:12px;
  font-style:italic;
  color:#666666;
  margin-bottom:15px;
}

.content .news p{
  font-size:13px;
  line-height:18px;
  color:#666666;
  margin-bottom:5px;
}

.content .news .button{
  height:32px;
  line-height:32px;
  font-size:16px;
}

.content .news .button{
  margin-top:15px;
}

.social-site{
  width:270px;
  padding:20px;
  background:#000;
}

.social-site a{
  display:inline-block;
  height:48px;
  margin-right:7px;
  text-indent:-9999px;

}

.social-site a.end{
  margin-right:0px;
}

.social-site a.facebook{width:48px; background:url(../img/icon-fb.png);}
.social-site a.twitter{width:48px; background:url(../img/icon-tw.png);}
.social-site a.bandzone{width:71px; background:url(../img/icon-bz.png);}
.social-site a.bandcamp{width:69px; background:url(../img/icon-bc.png);}
.social-site a.instagram{width:48px; background-image:url(../img/instagram.png);background-size:auto 48px;}

.social-site a.facebook:hover{width:48px; background:url(../img/icon-fb-active.png);}
.social-site a.twitter:hover{width:48px; background:url(../img/icon-tw-active.png);}
.social-site a.bandzone:hover{width:71px; background:url(../img/icon-bz-active.png);}
.social-site a.bandcamp:hover{width:69px; background:url(../img/icon-bc-active.png);}
.social-site a.instagram:hover{background-image:url(../img/instagram-active.png);}

.footer-social-site{
  width:230px;
  background:#000;
}

.footer-social-site a{
  display:inline-block;
  height:39px;
  margin-right:9px;
  text-indent:-9999px;
  overflow:hidden;
}

.footer-social-site a:hover{
  opacity: 0.8; filter:alpha (opacity=80);
}

.footer-social-site a.end{
  margin-right:0px;
}

.footer-social-site a.facebook{width:39px; background:url(../img/icon-fb.png);}
.footer-social-site a.twitter{width:39px; background:url(../img/icon-tw.png);}
.footer-social-site a.bandzone{width:57px; background:url(../img/icon-bz.png);}
.footer-social-site a.bandcamp{width:56px; background:url(../img/icon-bc.png);}
.footer-social-site a.instagram{width:39px; background-image:url(../img/instagram.png);background-size:auto 39px;}


/*
Footer
=========================== */
footer{
  width:100%;
  padding:30px 0 10px;
  background:#000;
  color:#fff;
}

footer h4{
  font-size:16px;
  font-weight:bold;
  padding-bottom:5px;
  border-bottom:solid 2px #fff;
  margin-bottom:20px;
  text-transform:uppercase;
}

footer ul{
  list-style:none;
}

footer ul li{
  padding:4px 0;
}

footer i{
  display:inline-block;
  margin-right:9px;
}

footer a{
  color:#fff;
  text-decoration:none;
}

footer a:hover{
  text-decoration:underline;
}

footer input.text, #mc_embed_signup_scroll input.email{
  height:32px;
  line-height:32px;
  width:97%;
  padding-left:2%;
  outline:solid 1px #7b7b7b;
  margin-bottom:10px;
  background:none;
  border:none;
  font-style:italic;
  color:#fff;
}

footer input.button{
  height:28px;
  line-height:28px;
  background:none;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  border:none;
  outline:solid 3px #fff;
  margin-left:2px;
  cursor:pointer;
}

footer input.button:hover{
  outline:solid 3px #999;
}

.copyright{
  width:100%;
  text-align:center;
  color:#000;
  padding:15px 0;
  font-weight:bold;
}


/*
Desky
=========================== */
.filter{

}

.filter form{
  width:100%;
  position:relative;
  height:42px;
}

.filter form fieldset{
  border:none;
}

.filter form fieldset select{
  display:none;
}

.filter form .text{
  position:absolute;
  top:0;
  left:0;
  width:825px;
  height:40px;
  line-height:40px;
  background:#fff;
  border:solid 1px #000;
  padding-left:5px;
  font-size:20px;
  font-weight:400;
  font-style:italic;
  color:#afafaf;
}

.filter form .button{
  position:absolute;
  top:3px;
  right:0;
  height:36px;
  line-height:36px;
  border:none;
  background:none;
  cursor:pointer;
  outline:solid 3px #000;
}

.filter form .button:hover{
  color:#666;
  outline:solid 3px #666;
}

.filter hr{
  background:#bfbfbf;
  border:none;
  margin:20px 0;
  height:1px;
}

.filter .labels{

}

.wp-tag-cloud{
  list-style:none;
}

.wp-tag-cloud li{
  display:inline-block;
}

.filter .labels a{
  display:inline-block;
  height:22px;
  line-height:22px;
  padding:0 10px;
  font-size:12px;
  text-align:center;
  text-decoration:none;
  color:#fff;
  background:#000;
  margin:0 5px 5px 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.filter .labels a:hover{
  background:#666;
}

.pagination .button{
  outline:solid 3px #bababa;
  color:#bababa;
  margin:0 4px;
}

.pagination .button:hover, .pagination a.active{
  outline:solid 3px #000;
  background:none;
  color:#000;
}

.social-info{
  padding:8px 0;
  border-top:solid 1px #bfbfbf;
  border-bottom:solid 1px #bfbfbf;
}

.social-info span{
  font-size:19px;
  font-weight:bold;
  color:#000;
}

.grid-9 img{
  width:100%;
  height:auto;
}

.content .date span{
  color:#336666;
}

.content h3{
  font-size:18px;
  font-weight:bold;
  text-transform:uppercase;
  color:#000;
  margin-bottom:10px;
}

.content p{
  margin-bottom:30px;
}

.cart-buttons{
  margin:50px 0 30px;
}

.cart-buttons .bc-button{
  height:40px;
  line-height:40px;
  font-size:15px;
  color:#7f7f7f;
  outline:solid 3px #7f7f7f;
  padding:0 10px;
  margin:5px 0 0 15px;
}

.cart-buttons .bc-button:hover{
  outline:solid 3px #000;
  color:#fff;
}

.tracklist table{
  font-size:13px;
  font-weight:bold;
}

.tracklist table tr{

}

.tracklist table tr td{
  padding:10px 5px 10px 0;
}

.tracklist table tr td.name{
  padding:0 10px;
  color:#106c86;
  min-width:190px;
}

.message{
  width:90%;
  padding:25px 5%;
  background:#eaeaea;
  color:#000;
}

.message a{
  font-size:18px;
  font-weight:700;
  text-decoration:none;
}

.message a:hover{
  text-decoration:underline;
}

.message a i{
  margin-right:5px;
}

.contact-info{
  margin-top:15px;
}

.contact-info span{
  font-size:14px;
  color:#000;
  display:block;
  margin-bottom:10px;
}

.contact-info span i{
  margin-right:5px;
}

.contact-info span a{
  text-decoration:none;
}

.contact-info span a:hover{
  text-decoration:underline;
}

/* Diskografie */
.diskografie{
  
}

/* Video */
.video iframe{
  width:500px;
  height:281px;
}

/* c number */
.c-number{
  /*border-bottom:solid 1px #bfbfbf; */
  padding-bottom:15px;
  margin-bottom:20px;
  color:#000;
}

/* Pagination */
.pagination{
  display:block;
  clear:both;
}

.pagination a{
  display:inline-block;
  height:30px;
  line-height:30px;
  padding:0 10px;
  margin:0 3px;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  text-decoration:none;
  color:#000;
  outline:solid 2px #000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.pagination a:hover{
  background:#000;
  color:#fff;
  outline:solid 2px #000;
}

/* cookie lišta  =========================== */
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{
  background-color: #000000!important;
  border-color: #000000!important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton{
  border: 2px solid #000000!important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{
  border-color: #000000!important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a{
  color: #000000!important;
}

#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #000000!important;
}

#CybotCookiebotDialogTabContent input[type=checkbox][disabled]:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #D6D6D6!important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-bottom: 1px solid #000000!important;
    color: #000000!important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
    color: #000000!important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogPoweredbyCybot{
  opacity:0.4!important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogPoweredbyImage{
  display:none!important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg{
  fill: #000000!important;
}

#CookiebotWidget .CookiebotWidget-consent-details button {
  color: #000000!important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: #000000!important;
  border-color: #000000!important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  border-color: #000000!important;
}

#CybotCookiebotDialogPoweredbyCybot{
  opacity:0.25!important;
}

#CybotCookiebotDialogPoweredbyImage{
  visibility:hidden!important;
}