#_page-bg{


    

    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;

	background-position: center center;

    padding-right: 0px ! important ;
}

#home-bg{


    background-image: url(../pages/bg-home.jpg);

    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;

	background-position: center center;

    padding-right: 0px ! important ;
}

#instruments-bg{


    background-image: url(../pages/bg-instruments.jpg);

    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;

	background-position: center center;

    padding-right: 0px ! important ;
}

#concerts-bg{


    background-image: url(../pages/bg-concerts.jpg);

    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;

	background-position: center center;

    padding-right: 0px ! important ;
}

#events-bg{


    background-image: url(../pages/bg-events.jpg);

    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;

	background-position: center center;

    padding-right: 0px ! important ;
}

#media-bg{


    background-image: url(../pages/bg-media.jpg);

    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;

	background-position: center center;

    padding-right: 0px ! important ;
}

#biography-bg{


    background-image: url(../pages/bg-biography.jpg);

    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;

	background-position: center center;

    padding-right: 0px ! important ;
}

.nav-tabs > li.active > a{
    background-color: #222222 ! important;
}
.titlebox{
    background: rgba(0, 0, 0, 0.4);
    padding:4px;
}

.calendar .text{
    padding-left:10px;
	padding-bottom:3px;
}

.calendar .date{
    font-size:20px;
	
}

.calendar .title{
    font-size:24px;
    
}

.calendar .subtitle{
    padding-bottom:10px;
}

.calendar .www{
    margin-top:10px;
}

.nextbox div{

}



@media (min-width: 768px) {
  .navbar {
    padding-left:3%;
    padding-right:3%;
  }
}

.fa-youtube{
    color:#CD201F;
}

.fa-facebook-square{
    color:#3b5998;
}

.intro p{
    font-size:16px;
	

}

.logotext{
  font-family: "Times New Roman", Times, serif;
  letter-spacing: 3px;
  font-size:26px;
}
.logosubtext{
  font-size:21px;
}

.thumbnail{
background-color:#c6cbcf !important ;
border: 0px none  #ddd !important ;
}
.image{
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}

.image img{
      position: absolute;
      max-width: 100%;
      max-height: 100%;
      top: 50%;
      left: 50%;
      /*background:#c6cbcf;

      border: 3px #fff solid;
*/
      -ms-transform: translateX(-50%) translateY(-50%); /* IE 9 */
      -webkit-transform: translateX(-50%) translateY(-50%); /* Safari */
      transform: translateX(-50%) translateY(-50%);
}

.image .hallo{
      position: absolute;
      max-height: 100%;
      width: 100%;
      max-height: 100%;
    /* bottom: 0;  */
      top: 90%;
      left: 50%;
      display:none;
      padding:5px;
      font-size:90%;
      font-size:50 vh;
      color:#666 !important;
    background: #fff !important;

      -ms-transform: translateX(-50%) translateY(-50%); /* IE 9 */
      -webkit-transform: translateX(-50%) translateY(-50%); /* Safari */
      transform: translateX(-50%) translateY(-50%);

      /*text-shadow: 0 1px 2px rgba(0,0,0,.6);*/
}



.image .title{
      position: absolute;
      max-height: 100%;
      width: 100%;
      max-height: 100%;
     min-height: 15%;
      top: 92%; /* 90 */
      left: 50%;
      display:inline-block;
      padding:5px;
      color:#666 !important;
    background: #fff !important;

      -ms-transform: translateX(-50%) translateY(-50%); /* IE 9 */
      -webkit-transform: translateX(-50%) translateY(-50%); /* Safari */
      transform: translateX(-50%) translateY(-50%);

    color:white;
    background:#c6cbcf;

    opacity:0.9;
}

figcaption{
/*font-style: italic;*/
font-size:1.5rem;
text-align: center;

}
 .item {
            background: #333;
            text-align: center;
            height: 300px;
        }
		
/*		
.item {
    position:relative;
    padding-top:20px;
    display:inline-block;
}
.notify-badge{
    position: absolute;
    left:-10px;
    top:2px;
    background:red;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color:white;
    padding:5px 10px;
    font-size:15px;
}
*/
.ribbon {
  position: absolute;
 /*  left: -5px; top: -5px;  */
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#F70505 0%, #8F0808 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}

/*
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
*/

img{
min-height:100%
}

.pointer-cursor div{
	cursor: pointer;
}

a:hover,
a:focus {
  cursor: pointer;
}
/*
.modal-video-close-btn {
	
	top: 15px !important ;
	right: 15px !important;
}

.modal-video-body{
	margin: 10px auto !important;
}
*/


.boxme{
	padding:10px 30px;
	margin:10px 0px;
	background-color: #feffee;
	color: #111 !important;
}

.boxme small,
.boxme h1,
.boxme h2,
.boxme h3,
.boxme h4,
.boxme h5,
.boxme h6 {
  color: #665959;
}

.modal { 
color: #000;
overflow: initial !important; 
}

 .previous{ font-size: 14pt !important;}
 
.nice h4{padding-top:30px !important;}