/*---------------------------------------------- Page Layout Home ----------------------------------------------*/



/*---- Width Calculation (1720px Resolution X Percentage) - 200px (Note: 568px Threshbold)---*/



.swiper-slide.slide-main:nth-child(1) {

  width: 50%;

  min-width: 568px;

  background-color:#333; 

   background-image: url('../img/home/IMG_20201020_105452--YES-HDR.jpg');
	
  /*-- background-image:url('https://mundocosplayer.com.br/conteudo/uploads/2019/10/cosplayer-brasileira-stormtrooper-3.jpg'); --*/
	
  /*-- background-image:url('../img/home/1200x1200_Airxon_home_profile_black-filtered.jpg'); --*/

  background-position: 72% center;

  background-repeat: no-repeat;

  background-size: cover;

}

.swiper-slide.slide-main:nth-child(2) {

  width: 40%;

  min-width: 488px;

  background-color:#777;

}

.swiper-slide.slide-main:nth-child(3) {

  width: 60%;

  min-width: 568px;

  background-color:#111115;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.swiper-slide.slide-main:nth-child(4) {

  display:none!important;

  width: 60%;

  min-width: 568px;

  background-color:#444;

  background-image:url('../img/home/1200x1200_Airxon_home_woods_black_filtered.jpg');

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.swiper-slide.slide-main:nth-child(5) {

  width: 40%;

  min-width: 488px;

  background-color:#2f2f2f;

}

.swiper-slide.slide-main:nth-child(6) {

  width: 40%;

  min-width: 488px;

  background-color:#383838;

}

.swiper-slide.slide-main:nth-child(7) {

  width: 80%;

  min-width: 668px;

  background-color:#444;

  background-image:url('../img/home/Airxon-neonsign-compressed.jpg');

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.swiper-slide.slide-main:nth-child(8) {

  width: 60%;

  min-width: 568px;

  background-color:#999;

  background-image:url('../img/home/uxscreen.jpg');

  background-position: 40% center;

  background-repeat: no-repeat;

  background-size: cover;

}

.swiper-slide.slide-main:nth-child(9) {

  width: 40%;

  min-width: 488px;

  background-color:#383838;

}

.swiper-slide.slide-main:nth-child(10) {

  width: 40%;

  min-width: 488px;

  background-color:#383838;

}

.swiper-slide.slide-main:nth-child(11) {

  width: 80%;

  min-width: 668px;

  background-color:#141213;

}


#showcase-valkyrie {
  background-color:#151514;
  background-image:url('../work/portfolio/Build/Airxon_Portfolio_Build_Mockup6_Filtered-Compressed.jpg')!important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#showcase-threadshock {
  background-color:#b2b2b1;
  background-image:url('../work/portfolio/Amazon/Airxon_Portfolio_Amazon_Mockup2_Filtered.jpg')!important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}



.billboard-middle .middle-bottom.no-margin.absolute-bottom.bottom-illustration {
    bottom: calc(55vh - 20vw)!important;
}

.billboard-middle .middle-top h1.callout-headline {
    font-family: 'BigNoodleTitling', 'Tungsten', 'Rajdhani', sans-serif!important;
	text-transform: uppercase!important;
    font-weight: 400!important;
}

.img-responsive.img-frankensteinlab {
    display: block;
    max-width: 110%;
    height: auto;
    margin: 0px auto;
    max-height: 70vh;
}

#swipe3 .middle-top h1.callout-headline {
    font-size: calc(10.5vh + 2.5vw)!important;
    font-weight: 600!important;
}

#swipe3 .middle-top h2 {
    font-family: 'Rajdhani', sans-serif!important;
	font-size: 3.7vh!important;
	font-weight: 300!important;
}

#swipe3 .middle-center video.background-videowrap {
    margin-top: -10vh;
	opacity: 1!important;
}

video.video-pm {
    max-height: 60vh;
    margin-bottom: 4vh;
	width:100%;
}

/*---------------------------------------------- Section Responsive ----------------------------------------------*/



@media screen and (min-width: 1501px) {

/*---------- Insert Style -----------*/

}


@media screen and (max-width: 1500px) {

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 1450px) and (min-width: 769px){

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 1200px) {

/*---------- Insert Style -----------*/

}


@media screen and (max-width: 1120px) and (min-width: 769px){

/*---------- Insert Style -----------*/

}



@media screen and (min-width: 1170px) {

/*---------- Insert Style -----------*/

}



@media screen and (min-width: 769px) {

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 768px) {

  .billboard-middle .middle-bottom.no-margin.absolute-bottom.bottom-illustration {
      bottom: calc(40vh - 30vw)!important;
  }

  .img-responsive.img-frankensteinlab {
      display: block;
      max-width: 130%;
      height: auto;
      margin: 0px -15%;
  }

}



@media screen and (max-width: 540px) {

/*---------- Insert Style -----------*/

}



@media screen and (max-width: 498px) {



}