body {
  background: #000000;
}

body:after {
  content: "";
  position: fixed;
  top: 0;
  height: 100vh;
  left: 0;
  right: 0;
  z-index: -1;
  background: url(../images/Desktop_FIRE_PLAY_FIRE.jpg) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center top;
}

/* body.portrait:after {
  background: url(../images/header-image-bg-desktop.jpg) no-repeat scroll center
    top / cover;
} */

.weapon_text {
  width: 41vw;
  height: auto;
  margin: 53vh auto;
}

body.abs:after,
body.portrait.heaven.abs:after {
  content: none;
}

div#loader {
  background-color: #000000;
}

.loadTxt {
  color: #FFFFFF;
  font-size: 184px;
}

/*menu style*/

body .menu a {
  color: #fff;
  text-shadow: none;
}

body .menu a:hover {
  color: #fff;
  opacity: 0.5;
}

/* Section styles */

/*.landscape section#main {

	background-image: url('../images/bg_main.jpg');

	padding: 1.5vw 3vw;

}*/

section {
  /* background-color: #000000; */
}

.landscape section#music {
  text-align: center;
  /* margin-top: 80vh; */
  background-color: #000000;
}

.landscape section#video {
  background-color: #000000;
}

.landscape section#photo {
  background-image: url("../images/heavenPhoto.jpg");
  /* height: 130vh; */
  min-height: calc(100vw * 0.6);
}

.landscape section#ftr-sec {
  background: url('../images/avamax_Footer_BG_image.jpg') no-repeat;
  /* background-color: #d2d0d9; */
  background-position: center top;
  background-size: cover;
}

section#ftr-sec img {
  width: 100%;
}

button.hub-modal-close {
  outline: none;
}

a.videotitle {
  color: #000;
}

.videotitle:before,
.videotitle:after {
  border-bottom: 4px solid #000;
}

.buttonvideo:before {
  border-bottom: 4px solid #000;
}

a.buttonvideo {
  color: #000;
}

.buttonmusic:before {
  border-bottom: 2px solid #ab8b42;
}

a.buttonmusic {
  color: #000000;
}

.getitnowTitle {
  border: 1px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}

.getitnowTitle:hover {
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}

/* Content styles */

.landscape #photo span.tit {
  font-size: 23vw;
  text-transform: uppercase;
  letter-spacing: 0;
  font-family: "tex_gyre_herosbold";
  color: #FFFFFF;
  position: relative;
  top: 17vw;
}

#musicContent.lb_music_wrap {
  position: Fixed;
  width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
  background-color: #FFFFFF;
  color: #000000;
}

.musicsection {
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 100%;
}

#musicContent.lb_music_wrap ul.items {
  list-style: none;
}

#musicContent.lb_music_wrap .close,
#videoContent.lb_video_wrap .close {
  position: fixed;
  top: 1vw;
  right: 3vw;
  color: #000000;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 6px;
}

body #videoContent.lb_video_wrap .close {
  position: absolute;
}

.videoTitle {
  font-size: 12px;
  text-transform: uppercase;
  margin: 10px 0px;
  letter-spacing: 6px;
}

#musicContent.lb_music_wrap .item a {
  color: #000000;
}

#musicContent.lb_music_wrap .items {
  width: 100%;
}

#videoContent.lb_video_wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  min-height: 100%;
  background-color: #FFFFFF;
  color: #000000;
}

#videoContent.lb_video_wrap .items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
  padding: 5vw 4vw;
}

/*#videoContent.lb_video_wrap .items .video {

	width: 100%;

	padding-bottom: 56.25%;

	background-color: #000000;

}*/

section#music .title,
section#video .title,
section#ftr-sec .title {
  color: #FFFFFF;
}

.title>span:before,
.title>span:after {
  content: "";
  position: absolute;
  top: 50%;
  border-bottom: 0.20833333333333334vw solid #FFFFFF;
  width: 34.1vw;
  margin: 0 1.3020833333333333vw;
}

/* Portrait */

.portrait section#music {
  /* background-image: url('../images/bg_music_mobile.jpg'); */
  background-color: #000000;
}

.portrait section#photo {
  background-image: url("../images/WEAPONS_WIDE_NOTEXT@2x.png");
  background-color: #000000;
}

.portrait section#video {
  /* background-image: url('../images/heavenVideo.jpg'); */
  background: #000000;
}

.portrait section#ftr-sec {
  /* background-image: url('../images/heaven_mob-footer.jpg'); */
}

a.getitnow {
  text-transform: uppercase;
  letter-spacing: 5px;
  text-decoration: none;
  border-bottom: 1px solid;
  font-size: 12px;
}

.video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/********************Social********/

.socialLinks ul li a:hover,
.footers a:hover {
  opacity: 0.5;
}
.Header_Album_part{
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1; */
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


/* @media only screen and (max-width: 767px) {
  body {
  
    background: url(../images/AvaMax_Weapons_IGS@2x.png) no-repeat;
  
  }
} */

@media only screen and (max-width: 1023px) {
  .loadTxt {
    font-size: 63px;
  }
  body .menu a{
    color:#FFFFFF;
  }

  .loadTxt {
    margin: 10px 0 10px 0;
  }

  .portrait #photo span.tit {
    font-size: 19vw;
    text-transform: uppercase;
    letter-spacing: 21px;
    font-family: "tex_gyre_herosbold";
    color: #FFFFFF;
    position: relative;
    top: 375px;
  }

  .menutext {
    color: #000;
    /* background: #000000; */
  }
}

@media only screen and (min-width: 767px) and (max-width: 1023px) {
  .portrait section#music {
    height: calc(1624 / 750 * 38vw);
  }
}

@media only screen and (min-width: 767px) and (max-width: 1023px) and (orientation: portrait) {
  body:after {
    /*background: none;*/
  }
}

@media only screen and (max-width: 767px) {
  .portrait #photo span.tit {
    font-size: 78px;
    letter-spacing: 0;
    top: 390px;
  }

  .portrait section#music {
    /* margin-top: calc(1624/ 750 * 46vw); */
    /* bottom: -10px; */
  }

  .weapon_text {
    width: 86vw;
    height: auto;
    margin: 0 auto;
    padding-top: 70vh;
  }
}

@media (max-width: 767px) {
  body.portrait:after {
    background: url(../images/motto-head-mob.jpg) no-repeat scroll center top / cover;
    background-size: 80%;
    content: unset;
  }

  .title>span:before,
  .title>span:after {
    width: 12.1vw;
  }
}

@media (min-width: 1025px) {
  body:after {
    /* background-size: 100% 100%; */
    background-position: center top;
  }
}
@media (min-width: 2500px) {
  body:after {
    background-position: unset;
  }
}