body {
    overflow-x: hidden;
    font-family: MrsBassclarinet;
	background-image:  url('../images/bg.jpg');
    background-position: center center;
    background-attachment: fixed;
	}

p {
    font-family: MrsBassclarinet;
    font-size: 16px;
	color:white;
}
.about p, .dates  p {
    font-family: MrsBassclarinet;
    font-size: 16px;
	color:black;
}


h1,h2,h3,h4,h5,h6 {
    font-family: MrsBassclarinet;
	color:white;

	}
h1{
    font-size: 30px;
}
h2{
    font-size: 36px;
	margin-top:40px;
}
h3{
    font-size: 26px;
	color: black;
}
h4{
    font-size: 26px;
	color: black;
}

h5{
    text-decoration: underline;
	font-size: 17px;
	color:black;
	margin-top:10px;
	margin-bottom:0px;
    letter-spacing: 2px;
}

hr.star-primary {
    border-color: #2c3e50;
}

h6{
    font-family: MrsBassclarinet;
    font-size: 16px;
	color:white;
}
.about h2 , .download h2, .dates h2 {
	color:black;
}
.h2 {
}


a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color: #18bc9c;
}

.video, .about, .download, .album,.dates{
padding-bottom: 20px;}

iframe {
padding: 10px;
}



.imgup{
width: 100%;
}


.img-centered {
    margin: 0 auto;
}

.about{
	margin-top: 300px;
}

.about, .dates, .download{
    overflow-x: hidden;
	background-image:  url('../images/bg2.jpg');
    background-position: center center;
    background-attachment: fixed;
    font-family: MrsBassclarinet;
	}

.flexslider .flex-control-nav {
   display:none;
}
	
.more_btn {
    padding: 13px 30px;
    border: 1px solid #333;
    font-size: 16px;
    color: #333;
    background-color: #FAFAFA;
    text-decoration: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.more_btn:hover {
    color: #FFF;
    background-color: #142127;
    cursor: pointer;
}
/*-- //Contact-Ends-Here --*/
.slider {
    position: relative;
}

@media(min-width:768px) {
    .navbar-fixed-top {
        padding: 25px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-fixed-top .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
        padding: 0;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}

.navbar {
    overflow-x: hidden;
    font-weight: 700;
	background-image:  url('../images/bg.jpg');
    background-position: center center;
    background-attachment: fixed;
}

.navbar-shrink{
    overflow-x: hidden;
	background-image:  url('../images/bg.jpg');
    background-position: center center;
    background-attachment: fixed;
	margin: 0;
}
.navbar a:focus {
    outline: 0;
}

.navbar .navbar-nav {
    letter-spacing: 1px;
}

.navbar .navbar-nav li a:focus {
    outline: 0;
}

.navbar-default,
.navbar-inverse {
    border: 0;
}

@media(max-width:767px) {

}


.btn-outline {
    margin-top: 15px;
    border: solid 2px #fff;
    font-size: 20px;
    color: #fff;
    background: 0 0;
    transition: all .3s ease-in-out;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
    border: solid 2px #fff;
    color: #18bc9c;
    background: #fff;
}


footer {
    color: #fff;
}

footer h3 {
    margin-bottom: 30px;
}

footer .footer-above {
    padding-top: 50px;
    background-color: #2c3e50;
}

footer .footer-col {
    margin-bottom: 50px;
}

footer .footer-below {
    padding: 25px 0;
    background-color: #233140;
}

.btn-social {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
}

.btn:focus,
.btn:active,
.btn.active {
    outline: 0;
}


.caption {
	display: inline-block;
	position: relative;
}

.caption img {
	display: block;
}

/* Slide in on hover (animate transforms) */
.caption-3 {
	overflow: hidden;
	background: #000;
}

.caption-3 img {
    width: 100%;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.caption-3:hover img {
	opacity: 0.5;
}

.caption-3::after,
.caption-3::before {
	position: absolute;
	width: 100%;
	height: 50%;
	color: #fff;
	z-index: 1;
	-webkit-transition: -webkit-transform 0.3s ease-in-out; 
	-moz-transition: -moz-transform 0.3s ease-in-out; 
	transition: transform 0.3s ease-in-out; 
}

.caption-3::after {
    content: attr(data-title);
    top: 0;
    background: rgba(0, 0, 0, 0.15);
    font-size: 30px;
    color: #009688;
    font-weight: 600;
    padding: 30px;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.caption-3::before {
    content: attr(data-description);
    top: 50%;
    background: rgba(0, 0, 0, 0.15);
    font-size: 14px;
    padding: 20px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
}

.caption-3:hover::after,
.caption-3:hover::before {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}

@media (min-width: 600px) {
iframe {
height:320px;}
}

@media (min-width: 1300px) {
.A2{margin-top:20px;}
}
@media (min-width: 1400px) {
.A2{margin-top:40px;}
}
@media (min-width: 1500px) {
.A2{margin-top:60px;}
}

@media (max-width: 1000px) {
	.col-xs-3 {
	width: 50%;
	}
}
@media (max-width: 770px) {
	.col-xs-4 {
	width: 100%;
	}
}
@media (max-width: 500px) {
	.col-xs-3 {
	width: 100%;
	}
}

@media (max-width: 500px) {
.col-sm-6 {
width: 100%;
}
h1{
font-size: 22px;
}
.col-xs-4{
width:100%}
}