@import url(https://fonts.googleapis.com/css?family=Wire+One);



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, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, em, 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-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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;
}
body {
    font-family: 'Poiret One', cursive;
    color: #99173C;
    background: linear-gradient(-101deg, #edf5f3, #edf5f366);
    -webkit-animation: AnimationName 51s ease infinite;
    -moz-animation: AnimationName 51s ease infinite;
    -o-animation: AnimationName 51s ease infinite;
    animation: AnimationName 51s ease infinite;
    @-webkit-keyframesanimationnamez0background-position: 0 58%}

50% {
    background-position: 100% 43%}
100% {
    background-position: 0 58%}
@-moz-keyframes AnimationName {
    0% {
    background-position: 0 58%}
50% {
    background-position: 100% 43%}
100% {
    background-position: 0 58%}
}@-o-keyframes AnimationName {
    0% {
    background-position: 0 58%}
50% {
    background-position: 100% 43%}
100% {
    background-position: 0 58%}
}@keyframes AnimationName {
    0% {
    background-position: 0 58%}
50% {
    background-position: 100% 43%}
100% {
    background-position: 0 58%}
}a:hover {
    text-decoration: none!important;
}
a:focus {
    outline: 0!important;
}
a:hover {
    text-decoration: none!important;
}
a {
    text-decoration: none!important;
}
i {
    text-decoration: none!important;
}
// .modal button {
//     color: #000;
//     background-color: #edf5f3;
//     font-size: 2rem;
//     margin-top: 1.2rem;
//     margin-right: 1.2rem;
//     text-align: center;
// }
// .modal button:hover {
//     color: #000;
// }
#menu {
    background-color: rgba(0, 0, 0, 0.9);
}
.navbar {
    background-color: transparent;
    padding-top: 2rem;
    border-color: transparent;
    padding-bottom: 1.3rem;
}
.navbar-outer {
    width: 1300px;
}
.navbar-inverse .navbar-nav > li > a {
    border: 1px solid transparent;
    font-weight: bolder;
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: .1rem;
}
.navbar-inverse .navbar-nav > li > a:hover {
    display: block;
    // color: #99173C;
    // border-bottom: 2.5px solid #99173C;
    // transition: all .5s ease;
    // border-top: 2.5px solid #99173C;
    // #821515;
color: white;
    text-shadow: 0 0 25px #821515, 0 0 25px #821515, 0 0 10px #821515, 0 0 20px #821515,
     0 0 30px #821515, 0 0 20px #821515, 0 0 20px #821515, 0 0 20px #821515,
     0 0 30px #821515,
    0 0 20px #821515,
     0 0 20px #821515, 0 0 40px #821515;
}

.btn {
    font-size: 1.3rem;
}
#logo img {
    display: block;
    float: none;
    margin-top: -2.9rem;
    width: 9rem;
    margin-left: 4rem;
}
li i.fa {
    color: #fff;
    font-size: 2.2rem;
    margin-top: -2rem;
    padding-top: 1.6rem;
}
.navbar-inverse .navbar-nav > li > a >i:hover{
     color: #99173C;
    border-color:transparent!important;
}
.carousel .item {
    width: 100%;
    max-height: 900px;
}
.carousel .item img {
    width: 100%}
.carousel .carousel-control {
    background: none;
    border: none;
    top: 20%}
.carousel-indicators {
    padding-bottom: 7%}
.carousel-caption {
    top: 1rem;
    bottom: auto;
}
.carousel-caption h1 {
    color: #fff;
    font-family:'Wire One';
    font-weight: normal;
    color: white;
  text-shadow: 0 0 10px #87ceeb, 0 0 15px #87ceeb, 0 0 10px deepskyblue,
  0 0 20px deepskyblue, 0 0 30px deepskyblue,
  0 0 20px deepskyblue, 0 0 20px deepskyblue, 0 0 20px deepskyblue,
  0 0 30px deepskyblue, 0 0 20px deepskyblue, 0 0 20px deepskyblue,
  0 0 40px skyblue;
    font-size: 7vw!important;
    line-height: 8vw!important;
    margin-top: 15%;
    margin-right: 5rem;
    letter-spacing: .2rem;
}
.carousel-caption h2 {
    font-size: 3.2rem;
    font-weight: normal;
    line-height: 4.5rem;
    letter-spacing: .2rem;
    margin-top: 12%
}
#cite {
    text-align: center;
    background-color: #0b0b0b;
    padding: 1rem;
}
#cite h2 {
    color: #edf5f3;
    line-height: 3rem;
    font-size: 2rem;
    font-style: italic;
}
#about_us {
    text-align: center;
    padding-top: 10rem;
    margin-bottom: 4rem;
}
#about_us h2 {
    font-size: 2rem;
    line-height: 3rem;
    padding: .6rem;
    font-weight: 700;
    color: #000;
    margin-top: 2.2rem;
    letter-spacing: .2rem;
    margin-bottom:15px;
}
#about_us img {
    transition:0.7s ease-out;
}
#about_us img:hover {
    webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
#about_us img[alt="ikonka_akordeon"]:hover{
    -ms-transform: scale(1.3,1);
    -webkit-transform: scale(1.3,1);
    -o-transform: scale(1.3,1);
    -ms-transform: scale(1.3,1);
    transform: scale(1.3,1);
}
#about_us img[alt="ikonka_tancerzy"]:hover{
    -ms-transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    transform:rotateY(180deg);
}
.active:hover {
    text-decoration: none!important;
}
.thumbnail {
    border-color: transparent;
    background-color: transparent;
}
.modal-body {
    text-indent: 5%;
    margin: 2rem;
    color: #000;
}
img.marek {
    width: 320px;
    margin:0 auto;
}
a.info-button {
    font-size: 1.3rem;
    font-weight: bold;
    // border-radius: 3px;
    // color:inherit;
}


.modal-header h1 {
    font-size: 3rem;
    text-align: center;
    font-weight: 700;
    padding-top: 2rem;
}
.modal-body h2 {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 700;
    text-indent: 5%;
    letter-spacing: .1rem;
}
.modal-body h4 {
    text-align: left;
    font-size: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    line-height: 2;
}
#numbers {
    padding-top: 6rem;
    padding-bottom: 3rem;
    background-color: #000;
    letter-spacing: .2rem;
}
#numbers h1 {
    color: #edf5f3;
}
.numbers_info {
    // background-color: #99173C;
    padding-top: 2rem;
    padding-bottom: 3rem;
    margin-bottom: 2rem;
    text-align: center;
    border-radius: .4rem;
    font-weight: 700;
    background: #070000;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #070000, #99173C, #070000);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #070000, #99173C, #070000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.numbers_info h1 {
    font-weight: 700;
    font-size: 2.8rem;
}
.numbers_info h5 {
    font-size: 1.8rem;
    color: #fff;
}
#numbers h3 {
    margin-right: 2rem;
    font-weight: 700;
    letter-spacing: .1rem;
    line-height: 3.5rem;
    font-size: 2rem;
}
#band {
    padding-top: 10rem;
    padding-bottom: 12rem;
    text-align: left;
    color: #000;
    text-transform: uppercase;
}
#band h2 {
    font-weight: 700;
    font-size: 2rem;
}
.nav-pills {
    font-weight: 700;
    text-align: center;
    padding-bottom: 3rem;
}
.nav-pills > li {
    float: none;
    padding-left: 1rem;
    display: inline-block;
    font-size: 1.7rem;
}
.nav-pills>li>a {
    color: #000;
    border: .2rem solid #fff;
    border-radius: 2rem;
}
.nav-pills>li.active >a, .nav-pills>li.active >a:focus, .nav-pills>li.active >a :hover {
    color: #99173C;
    background-color: #0b0b0b!important;
}
.nav-pills>li>a :hover {
    background-color: #fff;
}
.tab-pane p {
    font-size: 1.4rem;
    line-height: 2.3rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-weight: 400;
    margin-top: 1rem;
}
#orchestra p {
    font-size: 1.2rem;
    line-height: 2.2rem;
    margin-top: 1rem;
}
#conductors {
    text-align: left;
}
#conductors h2 {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: .2rem;
    margin-top: 1rem;
}
#conductors p {
    font-size: 1.1rem;
    line-height: 2rem;
}
#conductors img {
    margin-top: 2rem;
}
#info-concerts {
    background-image: url(skrzypce.jpg);
    background-size: cover;
    background-position: center center;
    padding: 9rem;
}
#info-concerts img {
    margin-bottom: 3rem;
}
.schedule {
    background-image: url(skrzypce.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
#concerts h2, h3 {
    font-size: 3rem;
    line-height: 4.5rem;
    color: #edf5f3;
}
#concerts h2 {
    color: #99173C;
    background-color: #000;
}
#concerts {
    text-align: center;
    letter-spacing: .1rem;
    font-weight: 700;
    line-height: 5rem;
    font-size: 4rem;
    padding: 2rem;
    margin: 3rem;
}
#concerts .modal-body .schedule {
    margin-top: 1rem;
    padding: 5rem;
}
// #concerts button {
//     background-color: #b5bdbb;
//     padding: .8rem;
//     margin-bottom: 2.7rem;
// }
// .enter button {
//     font-size: 1.8rem;
//     font-weight: bold;
//     border-radius: 3px;
//     color:#99173C;

// }
.gallery-container h2 {
    text-align: center;
    margin-top: 10rem;
    font-size: 4rem;
    line-height: 5rem;
    font-weight: 700;
    color: #99173C;
}
.tz-gallery {
    padding: 40px;
}
.tz-gallery .lightbox img {
    width: 100%;
    margin-bottom: 30px;
    transition: .2s ease-in-out;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.tz-gallery .lightbox img:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}
.tz-gallery img {
    border-radius: 4px;
}
#cd {
    margin-top: 15rem;
    padding-bottom: 6rem;
    padding-top: 8rem;
    color: #99173C;
    background-image: url(nagrania.jpg);
    background-size: cover;
}
#cd ul {
    list-style-type: none;
    text-align: left;
}
.cd-list h2 {
    font-size: 3rem;
    color: #000;
    font-weight: 700;
}
.cd-list li {
    font-size: 2rem;
    text-transform: uppercase;
    line-height: 4.4rem;
    letter-spacing: .3rem;
    font-weight: 700;
}
#cd img {
    margin-top: 10rem;
    width: 40rem;
    margin-bottom: 2rem;
}
#cd h3 {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
    color: #99173C;
}
h3>a {
    color: #000;
    text-decoration: underline;
    font-weight: 700;
}
h3>a:hover {
    color: #b5bdbb;
    text-decoration: underline;
    font-weight: 700;
}
.cyt {
    text-align: center;
    font-size: 9rem;
    letter-spacing: 1rem;
    color: #000;
    font-family: 'Italianno', cursive;
    font-weight: 400;
    font-style: italic;
    margin: 8rem 2rem 10rem;
}
#contact {
    padding-top: 2rem;
    margin-top: 8rem;
    text-align: center;
    background-color: #0b0b0b;
    letter-spacing: .2rem;
}
#contact h1 {
    color: #edf5f3;
    font-family: 'Poiret One';
    font-weight: 700;
    text-shadow: 2px 2px 2px #99173C;
    font-size: 3.4rem;
    line-height: 5rem;
    letter-spacing: .2rem;
}
#contact h2 {
    color: #b5bdbb;
    font-size: 2.5rem;
    line-height: 4.2rem;
    margin-bottom: 2rem;
}
#stopka {
    padding: 2rem;
    text-align: center;
}
#stopka h4 {
    color: #0b0b0b;
    font-size: 1.2rem;
}

a:visited{
    color:inherit;
}
 .carousel-caption.subtitle {
    /* Fallback for web browsers that doesn't support RGBa */

/* Fallback for web browsers that doesn't support RGBa */

background: rgb(0, 0, 0);

/* RGBa with 0.6 opacity */

background: rgba(0, 0, 0, 0.5);

/* For IE 5.5 - 7*/

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);

/* For IE 8*/

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    width: 60%;


  }
.info-button {
   background: #99173C;
  background-image: -webkit-linear-gradient(top, #99173C, #241919);
  background-image: -moz-linear-gradient(top, #99173C, #241919);
  background-image: -ms-linear-gradient(top, #99173C, #241919);
  background-image: -o-linear-gradient(top, #99173C, #241919);
  background-image: linear-gradient(to bottom, #99173C, #241919);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  -webkit-box-shadow: 0px 5px 3px #666666;
  -moz-box-shadow: 0px 5px 3px #666666;
  box-shadow: 0px 5px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 1.3rem;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.info-button:hover {
   background: #99173C;
  background-image: -webkit-linear-gradient(top, #99173C, #99173C);
  background-image: -moz-linear-gradient(top, #99173C, #99173C);
  background-image: -ms-linear-gradient(top, #99173C, #99173C);
  background-image: -o-linear-gradient(top, #99173C, #99173C);
  background-image: linear-gradient(to bottom, #99173C, #99173C);
  text-decoration: none;
  color:#fff;
}
a:visited{
    color:white;
}a:focuse{
    color:white;
}
a:active{
    color:white;
}