@charset "utf-8";
.content-right {
    text-align: right;
}
.content-left {
    text-align: left;
}
.content-center {

}
.row {
	margin-left: 0px;
	margin-right: 0px;
}
.sand-back{
	background-image: url("../images/sand1.jpg");
	background-position: center bottom;
	background-size: cover;
}
.sand-back-dim{
	background-image: url("../images/sand1.jpg");
	background-position: center bottom;
	background-size: cover;
}
.b1{
	background-image: url("../images/b1.jpg");
	background-position: center center;
	background-size: cover;
}
.b1p{
	background-image: url("../images/b11.jpg");
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
  	background-size: cover;
}
/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed. Might not need this.*/
@media only screen and (max-device-width: 1366px) {
  .b1p {
    background-attachment: scroll;
  }
}
.b2p{
	background-image: url("../images/b2.jpg");
	background-attachment: fixed;
	background-position: center bottom;
	background-repeat: no-repeat;
  	background-size: cover;
}
/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed. Might not need this.*/
@media only screen and (max-device-width: 1366px) {
  .b2p {
    background-attachment: scroll;
  }
}
.b3p{
	background-image: url("../images/b111.jpg");
	background-attachment: fixed;
	background-position: center bottom;
	background-repeat: no-repeat;
  	background-size: cover;
}
/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed. Might not need this.*/
@media only screen and (max-device-width: 1366px) {
  .b3p {
    background-attachment: scroll;
  }
}
.pismo1 {
	background-image: url("../images/pismo1.jpg");
	background-attachment: fixed;
	background-position: center bottom;
	background-repeat: no-repeat;
  	background-size: cover;
	min-height: 400px;
}
/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed. Might not need this.*/
@media only screen and (max-device-width: 1366px) {
  .pismo1 {
    background-attachment: scroll;
  }
}
.b1w {
	background-color: rgba(255,255,255,0.80);
}
.b1b {
	background-color: rgba(0,0,0,0.70);
}
.b1b40 {
	background-color: rgba(0,0,0,0.40);
}
.b1w30 {
	background-color: rgba(255,255,255,0.30);
}
.b1w50 {
	background-color: rgba(255,255,255,0.50);
}
.b1w90 {
	background-color: rgba(255,255,255,0.90);
}
.blu1{
	background-image: url("../images/blu1.jpg");
	background-position: left bottom;
	background-size: cover;
}
.blu2{
	background-image: url("../images/blu2.jpg");
	background-position: left bottom;
	background-size: cover;
}
.blu3{
	background-image: url("../images/blu3.jpg");
	background-position: left bottom;
	background-size: cover;
}
.blu4{
	background-image: url("../images/blu4.jpg");
	background-position: left bottom;
	background-size: cover;
}
.blu5{
	background-image: url("../images/blu5.jpg");
	background-position: left bottom;
	background-size: cover;
}
.blu6{
	background-image: url("../images/blu6.jpg");
	background-position: left bottom;
	background-size: cover;
}
.blu7{
	background-image: url("../images/blu7.jpg");
	background-position: left bottom;
	background-size: cover;
}
.blu8{
	background-image: url("../images/blu8.jpg");
	background-position: left bottom;
	background-size: cover;
}
.blu9{
	background-image: url("../images/blu9.jpg");
	background-position: left bottom;
	background-size: cover;
}
.blu-back{
	background-image: url("../images/blu.jpg");
	background-position: center bottom;
	background-size: cover;
}
.blupad {
	padding: 72px 40px 40px 40px;
}
.blu-border {
	border-right-color: #ffffff;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.f44 {
	font-size: 44px;
}
.f22 {
	font-size: 16px;
}
.f18 {
	font-size: 18px;
}
.band-header {
    background-color: rgba(255,255,255,0.60);
}

.content-header {
    padding-bottom: 0px;
    padding-top: 5px;

}
.logo-header {
    /* [disabled]margin-top: px; */
    margin-right: 8px;
    margin-bottom: 5px;
}
.btn-dark{
	background-color: #004080;
}
.btn-light{
	background-color: #e9ecef;
}
.nav {
}

/* nav color */
a:visited {
    /* color: inherit; */
}

.nav-item {
    color: #004080;
    font-weight: 600;
    font-size: small;
	margin-top: 7px;
}

.nav-link {
    padding: .5rem 0rem .5rem 1.5rem;
}

/* nav hover color */
.nav-link:hover, .nav-link:focus {
    color: rgba(0,0,0,1.00);
}



/* hamburger navbar */
.hamburger {
	margin-top: -56px;
}

/* brand header text color */
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
/* brand header text color hover */
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

/* nav link hover */
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
/* disabled text color */
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
/* active text color */
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
/* border */
.navbar-light .navbar-toggler {
  border: 0px;
  outline: 0px;
}
/* hamburger end */


.band-headline {
    background-color: #004080;
    padding-top: 5px;
}
.content-headline {
    color: rgba(255,255,255,1.00);
    text-align: right;
    font-style: italic;
    font-weight: 100;
}
.band-intro {
    padding-top: 100px;
    background-color: rgba(255,255,255,.50);
    background-image: url(../images/white%20leather.jpg);
	background-blend-mode: lighten;
}

.band-footer {
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: rgba(0,0,0,1.00);
}
.content-footer {
    color: rgba(255,255,255,1.00);
}
.color-text {
    color: #004080;
}
.color-background {
    color: #004080;
}
.font-weight-bold-light {
    font-weight: 500;
}
.band-about {
    padding-top: 40px;
    padding-bottom: 40px;
}
.content-hi {
    background-color: rgba(255,255,255,1.00);
    font-size: medium;
    padding-bottom: 30px;
    padding-right: 35px;
    padding-left: 35px;
}
.button-background , .button-background:link{
    color: rgba(255,255,255,1.00);
    background-color: rgba(0,0,0,1.00);
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 12px;
    padding-right: 12px;
	outline: 0px;
	border: 0;
}
.button-link:hover ,.button-link:focus{
    color: #004080;
    text-decoration: none;
	border: 0px;
    outline: 0px;
}
.content-big-headline {
    font-size: xx-large;
    margin-top: 20px;
}
.band-testimonies {
    /* background-color: rgba(255,255,255,0.90);*/
    color: rgba(0,0,0,1.00);
    text-align: center;
    height: 330px;
    vertical-align: text-top;
}
.band-tiers {
    padding-top: 100px;
    padding-bottom: 20px;
}
.background-image-cover {
	position: fixed;
	background-image: url(../images/crowd.jpg);
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -9999;
}
.background-jmvideo-cover {
	position: fixed;
	background-image: url(../images/crowd.jpg);
	top:0;
	left:0; 
	right: 0;
	bottom: 0; 
	overflow: hidden;
	z-index: -9998;
}
.background-jmvideo {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
}
.content-blank {
    background-color: rgba(255,255,255,0.00);
}
.jumbotron {
	margin-bottom: 0px;
}
.carousel {
  width:100%;
  position: none;
}
.carousel-indicators2 {
    bottom: -180px;
    position: relative;	/*vertical-align: bottom;*/
}
h1, .h1 {
    font-size: 2.4em;
}
.pbm-faq {
	color: #001E3D;
	font-weight: 600;
	font-size: 18px;
	background-color: #e9ecef; 
	
}
.content-tiers {
    margin-bottom: 20px;
    color: rgba(255,255,255,1.00);
    background-color: rgba(0,0,0,0.40);
    text-align: center;
    margin-right: 10px;
    height: 200px;
    padding-top: 50px;
}
.bg-about-right {
    width: 100%;
    position: absolute;
    z-index: -99;
    overflow-x: hidden;
    overflow-y: hidden;
}
.bg-about-left {
    width: 100%;
    position: absolute;
    z-index: -99;
    margin-top: 70px;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-bottom: 16px;
}
.text-box-black-left {
    background-color: rgba(0,0,0,1.00);
    padding-right: 70px;
    padding-left: 70px;
    padding-top: 70px;
    padding-bottom: 70px;
}
.text-box-black-right {
    background-color: rgba(0,0,0,1.00);
    padding-right: 70px;
    padding-left: 70px;
    padding-top: 70px;
    padding-bottom: 70px;
}
.carousel-about {
	height: 650px;
}
	.about-one {
		margin-top: -320px;
	}
.bg-about-one {
	max-width: 320px;
}
/* tier page */
.release-block {
    padding: 42px 25px;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    background-size: cover;
    background-position: center;
}

.release-block_inner {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.release-block_content {
    position: relative;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.release-block_widget {
    order: 1;
    width: 100%;
}
.release-block_title {
    font-size: 36px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 16px;
    color: #f9f5e1;
    font-weight: 700;
}

.release-block_text {
    font-size: 16px;
    line-height: 1.35;
    color: #f9f5e1;
    margin-bottom: 14px;
}
.release-block_holder__right .release-block_content {
    order: 2;
    text-align: right;
	margin-left: 50%;
}

.release-block_content {
    width: 50%;
    text-align: left;
    margin-top: 23px;
}
.release-block_holder__align-center {
    align-items: center;
}
.text-glow {
  animation: pulse 5s infinite;
}

@keyframes pulse {
  0%, 100% {
    color: rgba(255,255,255,1.00);
  }
  50% {
    color: rgba(200,200,200,1.00);
  }
}



/* adjust for screen sizes */
@media only screen and (max-width: 1200px) {

	h1, .h1 {
    font-size: 1.8em;
	padding-top: 6px;
}
	.band-intro {
    padding-top: 48px;
}
}
@media only screen and (max-width: 600px) {

.band-testimonies {
    height: 260px;
	margin-bottom: 40px;
}
	.carousel-indicators2 {
    bottom: -220px;
}
	.band-tiers {
    display: none;
}
}

/*small screen change header add hamburger */
@media only screen and (max-width: 493px) {
.logo-header {
    margin-top: 12px;
}
h1, .h1 {
    font-size: 1.6em;
}
}
@media only screen and (max-width: 419px) {

.nav {
	display: none;
}
.release-block_content {
    width: 100%;
    text-align: center;	
}
.release-block_holder__right .release-block_content {
    text-align: center;
	margin-left: 0%;
	padding-right: 20px;
}
}

@media only screen and (min-width: 420px) {
.hamburger {
	display: none;
}
}
@media only screen and (max-width: 1202px) {
.printed-gif {
	display: none;
}
	.printed-gif-bottom {
	background-image: url("../images/white leather.jpg");
	background-repeat: repeat;
	padding: 40px;
}
}
@media only screen and (min-width: 1203px) {
.printed-gif-bottom {
	display: none;
}
}
@media only screen and (max-width: 770px) {

.carousel-about {
	display: none;
}
	.about-one {
		margin-top: 10px;
	}
	.text-box-black-left {
	padding: 20px;
}
	.text-box-black-right {
	padding: 20px;
}
}
@media only screen and (min-width: 770px) {

.bg-about-one {
	display: none;
}
}
