/*!
* Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
* Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/
        
        body {
            width: 100%;
            height: 100%;
            font-family: "open_sansregular", sans-serif;
            color: #232323;
            background-image: url(../img/wov.png);
        }
        @font-face {
            font-family: 'stereofidelicregular';
            src: url('../fonts/stereofidelic-webfont.eot');
            src: url('../fonts/stereofidelic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/stereofidelic-webfont.woff2') format('woff2'), url('../fonts/stereofidelic-webfont.woff') format('woff'), url('../fonts/stereofidelic-webfont.ttf') format('truetype'), url('../fonts/stereofidelic-webfont.svg#londrina_solidregular') format('svg');
            font-weight: normal;
            font-style: normal;
        }
/* 		@font-face {
			font-family: 'norwesterregular';
			src: url('../fonts/norwester-webfont.eot');
			src: url('../fonts/norwester-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/norwester-webfont.woff2') format('woff2'),
				 url('../fonts/norwester-webfont.woff') format('woff'),
				 url('../fonts/norwester-webfont.ttf') format('truetype'),
				 url('../fonts/norwester-webfont.svg#norwesterregular') format('svg');
			font-weight: normal;
			font-style: normal;

		} */
		@font-face {
			font-family: 'open_sansregular';
			src: url('../fonts/OpenSans-Regular-webfont.eot');
			src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
				 url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
				 url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
			font-weight: normal;
			font-style: normal;

		}
		
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/robotocondensed-bold-webfont.eot');
    src: url('../fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-bold-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'londrina_solidregular';
    src: url('../fonts/londrinasolid-regular-webfont.eot');
    src: url('../fonts/londrinasolid-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/londrinasolid-regular-webfont.woff2') format('woff2'),
         url('../fonts/londrinasolid-regular-webfont.woff') format('woff'),
         url('../fonts/londrinasolid-regular-webfont.ttf') format('truetype'),
         url('../fonts/londrinasolid-regular-webfont.svg#londrina_solidregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('../fonts/robotocondensed-bolditalic-webfont.eot');
    src: url('../fonts/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-bolditalic-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('../fonts/robotocondensed-italic-webfont.eot');
    src: url('../fonts/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-italic-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-italic-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-italic-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedlight';
    src: url('../fonts/robotocondensed-light-webfont.eot');
    src: url('../fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-light-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('../fonts/robotocondensed-lightitalic-webfont.eot');
    src: url('../fonts/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-lightitalic-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/robotocondensed-regular-webfont.eot');
    src: url('../fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



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

}




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

}




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

}




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

}
        span {
            font-family: roboto_condensedbold, sans-serif;
        }
        html {
            width: 100%;
            height: 100%;
			overflow-x:hidden;
        }
        h1,
        h2,
        h4,
        h5,
        h6 {
            margin: 0 0 35px;
            text-transform: uppercase;
            font-family: "montserratblack", sans-serif;
            font-weight: 700;
        }
        h3 {
            text-transform: uppercase;
            font-family: "montserratblack", sans-serif;
            font-weight: 700;
            font-size: 36px;
        }
		@media screen and (min-width:450px) {
			.content-section h2 {
				FONT-SIZE: 50px;
			}
		}
		@media screen and (max-width:449px) {
			.content-section h2 {
				FONT-SIZE: 36px;
			}
		}
        p {
            margin: 0 0 25px;
            font-size: 24px;
            line-height: 1.5;
            font-family: open_sansregular;
        }
        @media(min-width:768px) {
            p {
                margin: 0 0 35px;
                font-size: 26px;
                line-height: 1.6;
            }
            #interest-form input {
                height: 40px;
                width: 40%;
                font-size: 26px;
                padding: 0 8px;
                margin: 20px 4%;
            }
            #interest-form textarea {
                font-size: 26px;
                padding: 0 8px;
                margin: 20px 4%;
            }
        }
        a {
            color: #42dca3;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }
        a:hover,
        a:focus {
            text-decoration: none;
            color: #1d9b6c;
        }
        .light {
            font-weight: 400;
        }
        .navbar-custom {
            margin-bottom: 0;
            border-bottom: 1px solid rgba(255, 255, 255, .3);
            text-transform: uppercase;
            font-family: "londrina_solidregular", sans-serif;
            background-color: #ffffff;
        }
        .navbar-custom .navbar-brand {
            font-weight: 700;
			padding:0;
			display:inline-block;
        }
		.navbar-custom .navbar-brand img,
		.navbar-custom .navbar-brand h1 {
			display:inline-block;
			vertical-align:middle;
			margin:0;
		}
		@media screen and (min-width:330px) {
			.navbar-custom .navbar-brand h1 {
				margin-top:3px;
				margin-right:3px;
				font-size:40px
			}
		}
		@media screen and (max-width:475px) {
			.navbar-custom .navbar-brand h1 {
				margin-top:0px;
				font-size:22px;
				line-height:44px;
			}
		}
        .navbar-custom .navbar-brand:focus {
            outline: 0;
        }
        .navbar-custom .navbar-brand .navbar-toggle {
            padding: 4px 6px;
            font-size: 22px;
            color: #232323;
        }
        .navbar-custom .navbar-brand .navbar-toggle:focus,
        .navbar-custom .navbar-brand .navbar-toggle:active {
            outline: 0;
        }
        .navbar-custom a {
            color: #232323;
        }
        .navbar-custom .nav li a {
            -webkit-transition: background .3s ease-in-out;
            -moz-transition: background .3s ease-in-out;
            transition: background .3s ease-in-out;
        }
        .navbar-custom .nav li a:hover {
            outline: 0;
            color: #42DCA3;
            background-color: transparent;
        }
        .navbar-custom .nav li a:focus,
        .navbar-custom .nav li a:active {
            outline: 0;
            background-color: transparent;
        }
        .navbar-custom .nav li.active {
            outline: 0;
        }
        .navbar-custom .nav li.active a {
            color: #42DCA3;
        }
        @media(min-width:768px) {
            .navbar-custom {
                padding: 20px 0;
                border-bottom: 0;
                letter-spacing: 1px;
                background: 0 0;
                -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
                -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
                transition: background .5s ease-in-out, padding .5s ease-in-out;
            }
            .navbar-custom.top-nav-collapse,
			.navbar-custom.perma-collapse {
                padding: 0;
                border-bottom: 1px solid rgba(255, 255, 255, .3);
                background: #fff;
            }
        }
        .navbar-custom.top-nav-collapse {
            background-color: #ffffff;
        }
        .intro {
            display: table;
            width: 100%;
            height: 100%;
            padding: 100px 0;
            text-align: center;
            color: #ffffff;
            background: no-repeat top center scroll;
            background-color: #000;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            -o-background-size: cover;
        }
		@media screen and (min-width:651px) {
			.intro.main-image {
				/* background-image: url(../img/intro-bg-alt-hori-1.jpg); */
				background-image: url(../img/yacht.jpg);
				background-position:center;
			}
		}
		@media screen and (max-width:650px) {
			.intro.main-image {
			 background-attachment:scroll;
			 background-image: url(../img/yacht.jpg);
				/* background-image: url(../img/intro-bg-alt-vert.jpg); */
			}
		}
        .intro .intro-body,
        .full-screen-body {
            display: table-cell;
            vertical-align: middle;
        }
        .intro .intro-body .brand-heading {
            font-size: 46px;
            display: inline-block;
            vertical-align: middle;
            margin-bottom: 0;
        }
        .intro .intro-body .intro-text {
            font-size: 24px;
        }
        @media(min-width:768px) {
            .intro {
                height: 100%;
                padding: 0;
            }
            .intro .intro-body .brand-heading {
                font-size: 140px;
                margin-bottom: 0;
                margin-top: 12px;
                margin-left: 14px;
            }
            .intro .intro-body .intro-text {
                font-size: 30px;
            }
        }
        .btn-circle {
            width: 70px;
            height: 70px;
            margin-top: 15px;
            padding: 7px 16px;
            border: 2px solid #fff;
            border-radius: 100%!important;
            font-size: 40px;
            color: #ffffff;
            background: 0 0;
            -webkit-transition: background .3s ease-in-out;
            -moz-transition: background .3s ease-in-out;
            transition: background .3s ease-in-out;
        }
		.btn-circle.dark, 
		.btn-circle.dark:hover,
		.btn-circle.dark:focus {
			color:#232323;
			border: 2px solid #232323;
		}
        .btn-circle:hover,
        .btn-circle:focus {
            outline: 0;
            color: #ffffff;
            background: rgba(255, 255, 255, .1);
        }
		.ultra-clear {
			width:100%; clear:both;
		}
        .btn-circle i.animated {
            -webkit-transition-property: -webkit-transform;
            -webkit-transition-duration: 1s;
            -moz-transition-property: -moz-transform;
            -moz-transition-duration: 1s;
        }
        .btn-circle:hover i.animated {
            -webkit-animation-name: pulse;
            -moz-animation-name: pulse;
            -webkit-animation-duration: 1.5s;
            -moz-animation-duration: 1.5s;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            -webkit-animation-timing-function: ease;
            -moz-animation-timing-function: ease;
        }
        @-webkit-keyframes pulse {
            0% {
                -webkit-transform: scale(1);
                transform: scale(1);
            }
            50% {
                -webkit-transform: scale(1.2);
                transform: scale(1.2);
            }
            100% {
                -webkit-transform: scale(1);
                transform: scale(1);
            }
        }
        @-moz-keyframes pulse {
            0% {
                -moz-transform: scale(1);
                transform: scale(1);
            }
            50% {
                -moz-transform: scale(1.2);
                transform: scale(1.2);
            }
            100% {
                -moz-transform: scale(1);
                transform: scale(1);
            }
        }
        section.full-screen {
            width: 100%;
            display: table;
            height: 100vh;
            height: -webkit-calc(100vh - 50px);
            height: -moz-calc(100vh - 50px);
            height: -ms-calc(100vh - 50px);
            height: -o-calc(100vh - 50px);
            padding-top: 60px;
            /*padding-bottom: 60px;*/
        }
        header.full-screen {
            width: 100%;
            display: table;
            height: 100vh;
           /*  height: -webkit-calc(100vh - 50px);
            height: -moz-calc(100vh - 50px);
            height: -ms-calc(100vh - 50px);
            height: -o-calc(100vh - 50px); */
            padding-top: 60px;
            /*padding-bottom: 60px;*/
        }
        #map {
            width: 100%;
            height: 300px;
            margin-top: 80px;
        }
        @media(min-width:767px) {
            #interest-form input#message,
            #interest-form textarea#message {
                width: 88%;
            }
            section.full-screen {
                padding-top: 20px;
                padding-bottom: 20px;
            }
            .download-section {
                padding: 100px 0;
            }
            #map {
                height: 400px;
                margin-top: 250px;
            }
        }
        .btn {
            border-radius: 0;
            text-transform: uppercase;
            font-family: "londrina_solidregular", sans-serif;
            font-weight: 400;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }
		.bigblocklink {
		    display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			z-index: 10;
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
		}
		.bigblocklink span {
			position:absolute;
			width:100%;
			top:50%;
			margin-top:-0.5em;
			  text-transform: uppercase;
            font-family: "londrina_solidregular", sans-serif;
			display:block;
		}
		@media screen and (min-width:451px) {
			.bigblocklink span {
				font-size:38px;
			}
		}
		@media screen and (max-width:450px) {
			.bigblocklink span {
				font-size:26px;
			}
		}
        .btn-default,
		.bigblocklink{
            border: 0;
            color: #000;
            background-color: #42dca3;
        }
        .btn-default:hover,
        .btn-default:focus,
		.bigblocklink:hover,
        .bigblocklink:focus {
            outline: 0;
            color: #fff;
            background-color: #21694E;
            border-radius: 5px;
        }
		
		.bigblocklink:hover,
        .bigblocklink:focus {
			border-radius:0;
		}
		.pagination .btn-default {
			margin:0 10px;
		}
		.gallery-fix .pagination .btn-default {
			margin-top:20px;
		}
		#photo-gallery {
			/* background:#232323; */
		}
        ul.banner-social-buttons {
            margin-top: 0;
        }
        @media(max-width:1199px) {
            ul.banner-social-buttons {
                margin-top: 15px;
            }
        }
        @media(max-width:767px) {
            #up-button {
                font-size: 24px !important;
            }
            footer {
                margin-top: 0 !important;
            }
            p {
                font-size: 16px;
            }
            #about .band-member {
                margin: 0 8px 15px 8px !important;
            }
            .intro .intro-logo {
                height: 134px !important;
                width: auto !important;
                display: block !important;
                margin: 0 auto;
            }
            #interest-form input,
            #interest-form textarea {
                height: 30px;
                width: 94%;
                padding: 0 3%;
                margin: 15px 0;
            }
            header.intro {
                margin-top: 56px;
            }
            ul.banner-social-buttons li {
                display: inline-block;
                margin-bottom: 20px;
                padding: 0;
            }
            ul.banner-social-buttons li:last-child {
                margin-bottom: 0;
            }
        }
        footer {
            padding: 50px 0;
            background-color: #ffffff;
        }
        footer p {
            margin: 0;
        }
        ::-moz-selection {
            text-shadow: none;
            background: #fcfcfc;
            background: rgba(255, 255, 255, .2);
        }
        ::selection {
            text-shadow: none;
            background: #fcfcfc;
            background: rgba(255, 255, 255, .2);
        }
        img::selection {
            background: 0 0;
        }
        img::-moz-selection {
            background: 0 0;
        }
        body {
            webkit-tap-highlight-color: rgba(255, 255, 255, .2);
        }
        #interest-form {
            width: 100%;
            display: inline-block;
            font-family: open_sansregular;
        }
        #interest-form input,
        #interest-form textarea {
            font-size: 20px !important;
            display: inline-block;
            color: #afafaf;
            border: 1px solid #ccc;
            text-align: left;
			border-radius:3px;
        }
        #interest-form textarea {
            line-height: 2em;
        }
        #interest-form input:not(#submit):hover,
        #interest-form textarea:hover,
        #interest-form input:focus,
        #interest-form textarea:focus {
         
            outline: none;
            color: gray;
        }
        #interest-form input#submit {
            text-align: center;
            cursor: default;
            color: #ffffff;
        }
        #interest-form input#submit.ready {
            background-color: #42DCA3;
            color: #ffffff;
			border:0;
			cursor:pointer;
        }
        #interest-form input#submit.ready:hover {
            -webkit-animation-name: pulse;
            -moz-animation-name: pulse;
            -webkit-animation-duration: 1.5s;
            -moz-animation-duration: 1.5s;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            -webkit-animation-timing-function: ease;
            -moz-animation-timing-function: ease;
        }
        #interest-form input#submit.ready:active {
            background-color: #20bA91;
            box-shadow: none;
            outline: none;
            box-shadow: -1px -2px 0px gray;
            -webkit-animation-name: none;
            -moz-animation-name: none;
        }
        #interest-form textarea#message {
            height: 120px;
            vertical-align: top;
            text-align: justify;
            outline: none;
            margin-top: 15px;
        }
        .band-member {
            position: static;
            height: 150px;
            display: inline-block;
            width: 150px;
            border-radius: 50%;
            box-shadow: 2px 3px 0 gray;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            margin: 0 15px 30px 15px;
            outline: none;
        }
        #up-button {
            font-size: 46px;
            line-height: 1em;
            height: auto;
            width: auto;
            display: inline-block;
            vertical-align: middle;
        }
        #up-button:hover {
            -webkit-animation-name: pulse;
            -moz-animation-name: pulse;
            -webkit-animation-duration: 1.5s;
            -moz-animation-duration: 1.5s;
            -webkit-animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            -webkit-animation-timing-function: ease;
            -moz-animation-timing-function: ease;
            color: #42DCA3;
        }
        footer .container p {
            display: inline-block;
			 font-family: "londrina_solidregular", sans-serif;
			 font-size:20px;
			 text-transform:uppercase;
			 line-height:44px;
        }
        a.navbar-brand .top-logo {
            height: 44px;
            width: auto;
            display: inline-block;
        }
		@media screen and (min-width: 768px) {
			a.navbar-brand .top-logo {
				display:inline-block;
			}
			.big-logo {
				display:none;
			}
		}
		@media screen and (max-width: 767px) {
		a.navbar-brand .top-logo {
				display:none;
			}
			.big-logo {
				display:inline-block;
				width:98%;
				margin:15px 1%;
			}
		}
        nav a.navbar-brand.page-scroll {
            padding-top: 3px;
        }
        .intro .intro-logo {
            height: 175px;
            width: auto;
            display: inline-block;
        }
@media (max-width: 767px) {
    section.pic-1,
    section.pic-pier,
    section.pic-music {
        background-size: cover !important;
        background-attachment: scroll !important;
    }
}
        section.pic-1 {
            background: url(/img/pic-1.jpg) no-repeat top center scroll;
            background-size: cover;
            color: #fff;
			background-attachment:fixed;
        }
        section.pic-1.black-text {
            color: #222;
        }
        section.pic-pier {
           /*  background: url(/img/pier.jpg) no-repeat top center scroll; */
            background: url(/img/yacht.jpg) no-repeat top center scroll;
            background-size: cover;
            color: #fff;
			background-attachment:fixed;
        }
        section.pic-music {
           /*  background: url(/img/pier.jpg) no-repeat top center scroll; */
            background: url(/img/band-photo-bg.jpg) no-repeat top left scroll;
            background-size: cover;
            color: #fff;
			background-attachment:fixed;
        }
	/* 	@media screen and (min-width:651px) {
			 section.pic-music {
				background-image: url(/img/band-photo-bg.jpg);
			 }
		}
		@media screen and (max-width:650px) {
			 section.pic-music {
				background-image: url(/img/band-photo-bg-mobile.jpg);
			 }
		} */
		 section.pic-music {
				background-image: url(/img/san-diego-pool-party-band.jpg);
			 }
        div.send-result .contact-message {
            font-size: 20px;
            background-color: firebrick;
            color: white;
            padding: 4px 8px;
            border-radius: 3px;
        }
        div.send-result .contact-message.green {
            background-color: #42DCA3;
            color: #ffffff;
        }
        .event-box,
		.story-box {
            /*border: 1px solid gray;
        border-bottom: 2px solid gray;*/
            margin-bottom: 15px;
            overflow: hidden;
            border-radius: 15px;
            background-color: #ffffff;
			cursor:pointer;
			border-radius:15px;
			display:block;
        }
		.story-box {
			cursor:default;
		}
		.story-box h4 {
			margin: 0;
			padding: 5px;
			font-size: 24px;
			background-color: #232323;
			color: #ffffff;
			border-bottom: 1px solid black;
			border-top-left-radius:15px;
			border-top-right-radius:15px;
		}
		.story-box p {
			margin-bottom:10px !important;
		}
		.story-box .story-box-img {
			 height: 175px; 
			 width:100%; 
			 display: inline-block; 
			 background-position: 50% 50%; 
			 background-size: cover;
			 cursor:pointer;
		}
		.story-box .story-box-img:hover {
            box-shadow: 0 0 20px #000;
		}
		.story-box form table {
			margin:0 auto 10px auto;
		}
		.story-box h3 {
			margin-top:0;
		}
        .event-box h3,
        .bio-box h3 {
            background-color: #42DCA3;
            margin: 0;
            padding: 10px 0;
        }
        .event-box:hover h3 {
            color: #ffffff;
        }
        .event-box:hover h4 {
            background-color: #232323;
        }
        .event-box:hover {
            box-shadow: 0 0 6px gray;
        }
		.event-box h3.day {
			padding-bottom:0;
			font-size:26px;
			line-height:26px;
		}
		.event-box h3.event-title {
			padding-top:0;
		}
		.event-box p {
			padding:0 10px;
		}
        .event-box h4,
        .story-box h4,
        .tab-content h4 {
            margin: 0;
            padding: 5px;
            font-size: 24px;
            background-color: #232323;
            color: #ffffff;
            border-bottom: 1px solid black;
        }
        p.location {
            margin-bottom: 0;
        }
        .pic-2 {
            background-image: url(/img/pic-2.jpg);
            ../img/beach.jpg background-size: cover;
        }
        .pic-2 p {}
        .modal {
            text-align: center;
        }
        @media screen and (min-width: 768px) {
            .event-box {
                min-height: 250px;
            }
			.event-box > p {
				font-size:22px;
			}
            .modal:before {
                display: inline-block;
                vertical-align: middle;
                content: " ";
                height: 100%;
            }
            .map-div {
                height: 500px;
                margin: 0 auto;
            }
            .toggle-container > button {
                height: 125px;
                width: 125px;
            }
        }
        @media (max-width: 767px) {
            nav a.navbar-brand.page-scroll {
                padding-top: 6px;
				padding-left:10px;
            }
            .toggle-container > button,
            button.band-member {
                width: 75px !important;
                height: 75px;
            }
            .map-div {
                height: 300px;
                margin: 0 auto;
            }
            .modal-dialog {
                width: 90%;
            }
			a.btn-circle {
				margin-bottom:20px;
			}
        }
        .modal-dialog {
            display: inline-block;
            text-align: left;
            vertical-align: middle;
            background: #fff;
            border-radius: 5px;
            box-shadow: 2px 3px 3px gray;
        }
        button.close {
            position: absolute;
            border: 2px white solid;
            border-radius: 50%;
            z-index: 100008;
            right: 10px;
            top: 4px;
            outline: none;
            opacity: 1;
        }
        .info-window h1 {
            margin: 0 auto;
            padding: 7px 0;
            color: #fff;
            background-color: #232323;
            border-radius: 25px;
            max-width: 90%;
            box-shadow: 2px 3px 3px gray;
            font-size: 26px;
            margin-bottom: 7px;
        }
        .info-window p {
            font-size: 16px;
            margin: 0;
        }
        .no-gutter > [class*=col-] {
            padding-right: 0;
            padding-left: 0;
        }
        .gallery-item:hover > .gallery-caption {
            opacity: 1.0;
            transition: all 0.2s ease-in-out;
        }
        .gallery-caption {
            position: absolute;
            z-index: 1;
            bottom: -2px;
            font-size: 16px;
            color: #fff;
            background-color: black;
            padding: .2em 7px;
            opacity: 0.0;
            width: 100%;
            line-height: 1.5em;
        }
		.gallery-item,
		.gallery-item-non-photo		{
			overflow:hidden;
			background-size:cover;
			background-position:center center;
			cursor:pointer;
		}
        .gallery-caption > span {
            background-color: inherit;
            margin-top: .3em;
        }
		.gallery-fix {
			padding-top:51px;
		}
        .gallery-caption > .gallery-title {
            position: relative;
            left: 0;
        }
        .gallery-caption > .gallery-date {
            position: relative;
            right: 0;
			color:#42DCA3;
        }
        @media (min-width: 1200px) {
            .gallery-item,
            .gallery-item-non-photo {
                height: 33%;
            }
        }
        @media (max-width: 1199px) {
            .gallery-item,
            .gallery-item-non-photo {
                height: auto;
            }
        }
        .not-padded {
            padding: 0 !important;
        }
        div.stretchy-wrapper {
            width: 100%;
            height: 100%;
            padding-bottom: 62%;
            position: relative;
            overflow: hidden;
        }
        div.stretchy-wrapper > img {
            position: absolute;
            top: 50%;
            bottom: 0;
            left: 0;
            right: 0;
            transform: translate(0, -50%);
            width: 100%;
        }
        .gallery-item.landscape div.stretchy-wrapper > img.img-responsive {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            right: 0;
            transform: translate(-50%, 0);
            height: 100%;
            max-width: none;
            width: auto;
        }
        .gallery-item-non-photo.landscape div.stretchy-wrapper > img.img-responsive {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            right: 0;
            transform: translate(-50%, 0);
            height: 100%;
            max-width: none;
            width: auto;
        }
        .gallery-row {
          /*   height: 100%; */
             height: auto; 
        }
        .modal-image {
            max-width: 100%;
            max-height: 100%;
			width: 100%;
        }
		
		/*this makes the containers inline-block and not floated*/
		/* seriously, what the fuck? No inline-block classes? hopefully im just a blind idiot*/
		/* added 10/2/15 */
		.inline-block-container.col-lg-1, 
		.inline-block-container.col-lg-10, 
		.inline-block-container.col-lg-11, 
		.inline-block-container.col-lg-12, 
		.inline-block-container.col-lg-2, 
		.inline-block-container.col-lg-3, 
		.inline-block-container.col-lg-4, 
		.inline-block-container.col-lg-5, 
		.inline-block-container.col-lg-6, 
		.inline-block-container.col-lg-7, 
		.inline-block-container.col-lg-8, 
		.inline-block-container.col-lg-9 {
			display:inline-block;
			float:none;
		}
		.inline-block-container:nth-of-type(2n) {
			margin-left:-4px;
		}
		@media screen and (max-width:768px) {
		.inline-block-container.col-lg-1, 
		.inline-block-container.col-lg-10, 
		.inline-block-container.col-lg-11, 
		.inline-block-container.col-lg-12, 
		.inline-block-container.col-lg-2, 
		.inline-block-container.col-lg-3, 
		.inline-block-container.col-lg-4, 
		.inline-block-container.col-lg-5, 
		.inline-block-container.col-lg-6, 
		.inline-block-container.col-lg-7, 
		.inline-block-container.col-lg-8, 
		.inline-block-container.col-lg-9 {
			width:100%;
		}
		}
		
		/*responsive container for youtube videos*/
		/* added 10/2/15 */
		.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.soundcloud.video-container {
    position: relative;
    padding-bottom: 24.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 15px;
}

.pagination {
	width: 100%;
	display:block;
}

@media screen and (min-width: 451px) {
	.responsivePopupPara {
		text-align:left;
	}
	.responsivePopupImg {
		width:90px;
		margin-right:14px;
		float:left;
	}
	
}
@media screen and (max-width:450px) {
	.responsivePopupPara {
		text-align:center;
	}
	.responsivePopupImg {
		width:75px;
		margin-bottom:10px;
		float:none;
		text-align:center;
	}
	
}

@media screen and (min-width:651px) {
	.background-fixed {
		background-attachment:fixed;
	}
}
@media screen and (max-width:650px) {
	.background-fixed {
		width:100%;
		height:100%;
		background-attachment:scroll;
	}
}


@media screen and (min-width:1024px) {
	.first-one {
		margin-top:400px;
	}
}
@media screen and (max-width:1023px) {
	.first-one {
		margin-top:50px;
		margin-bottom:0;
	}
}

@media screen and (min-width:995px) {
	.facebook-like-container {
	    width: 81px;
    height: 20px;
    vertical-align: middle;
    float: right;
    padding: 15px 0px;
	}
}
@media screen and (max-width:994px) and (min-width:768px) {
.facebook-like-container {
	    width: 50px;
    height: auto;
	overflow:hidden;
    vertical-align: middle;
    float: right;
    padding: 15px 0px;
	}
}

@media screen and (max-width:767px) {
	.facebook-like-container {
	    width: 81px;
    height: auto;
    vertical-align: middle;
    float: left;
    padding: 18px 0px 18px 1px;
	}
}