body {
	/*background-color: blue;*/
    --layout: "desktop";
}

.topnav {
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  height: 80px;
}



.topnav-right {
  float: right;
  margin: 20px 220px 0px 0px;
}

.ATTIS-Logo-Full-1 {
  width: 67.3px;
  height: 50px;
  object-fit: contain;
  /*margin: 0px 0px 20px 60px;*/
  position: absolute;
  margin-left: 60px;
  left: 100px;
  top: 10px;
  /*filter: invert(0.5);*/
}



h1 {
  font-size: 64px;
}

h3 {
  font-size: 32px;
}

.About {
  /*max-width: 700px;*/
}

.paragraph {
  margin-top: 80px;
  width: 1000px;
}

/* PAGE 01 ======================================================= */
.page_01 {
	/*height: 400px;*/
	height: 100vh;
}

.div_strapline {
	top: 8%;
	font-size: 24px;
}

#progWave {
	transform: translate(0%, -120%);
	z-index: 2;
}

.Stat {
  font-size: 14px;
}

.Value {
  font-size: 24px;
}

#stat_bounce {
  position: absolute;
  left: 35%;
  top: 22%;
}

#stat_rotation {
  position: absolute;
  left: 58%;
  top: 26%;
	
}

#stat_steps {
  position: absolute;
  left: 27%;
  top: 36%;
}


#sinewaveCanvas {
	position: absolute;
	left: 0%;
	top: 10%;
	width: 48%;
	height: auto;
	z-index: 0;
}

.div_header, .div_header_attis {
	margin: auto;
}

/* PAGE 02 ======================================================= */



/* PAGE 03 ======================================================= */
.sae_strapline {
	font-size: 26px;
	top: 8%;	
}

#sae_header_1, #sae_header_2, #sae_header_3 {
	top: 78%;
}

.sae_subheader {
	font-size: 22px;
	top: 54%;	
	width: 1000px;
}

#sae_text_1, #sae_text_2, #sae_text_3 {
	top: 80%;
	font-size: 24px;
}



#bp_title_waterproof {top: 28%; left: 5%;}
#bp_title_lightweight {top: 46%; left: 70%;}
#bp_title_tough {top: 52%; left: 12%;}

.bullet_point_text {
  position: absolute;
  height: 71px;
  font-family: MontserratMedium;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: left;
}

#bp_text_waterproof {top: 22%; left: 5%; width: 230px;}
#bp_text_lightweight {top: 46%; left: 70%; width: 240px;}
#bp_text_tough {top: 53%; left: 5%; width: 250px;}



/*#preorder_textd {
  margin-top: 110px;
  left: 0%;
}*/



/*#attis_box {
	padding-top: 50px;
}*/


#preorder_sizeguide {
  position: absolute;
  margin-top: 55px;
  top: 46%;
  left: 0%;
}


#order_alert {



  /*left: 0%;
  margin-top: 365px;*/
}

/*.page_06 {*/
	/*margin-top: 20px;*/
	/*height: 300px;*/
/*}*/

/*.page_07 {
  margin-top: -100px;
}*/


.apple_esq_text {
  padding-top: 2%;
}


#app_text_0 {
	top: 12%;
}

.app_strapline {
  margin-top: 55px;
  font-size: 22px;
  margin-left: -80px;
}

.metrics {
  top: 90px;
  margin-left: -80px;
}

.metric {
  margin-top: 4px;
  font-size: 19px;
}



.IconLabel {
  /*margin-bottom: 0px;
  width: 191px;
  height: 44px;
  font-size: 16px;
  margin-left: 20%;*/
}

#preorder_btn {

  /*margin-top: 0px;*/
  /*top: 50%;
  left: 0%;*/
}






.video_container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

#youtube {

  width: 800px;
  height: 450px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}











.text_stridesense {
  /*width: 600px;*/
  height: 96px;
  font-family: Servetica;
  font-size: 80px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
}

.text_stridesense_strapline {
  margin-top: 30px;
  height: 29px;
  font-family: MontserratExtraBold;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
}

.text_sense_analyse_excel {
  /*width: 600px;*/
  height: 49px;
  font-family: MontserratExtraBold;
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
}

/*.tableMobile {
	visibility: hidden;
	display: none;
}*/

.in_the_box_table {
}


/*.tableNormal {
	visibility: visible;
	display: block;
}*/



.text_in_the_box {
  /*width: 600px;*/
  height: 49px;
  font-family: MontserratExtraBold;
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
}

.row {
  display: flex;
}

.column {
  flex: 22.22%;
 /* padding: 75px;*/
}

.text_stopwatch {
	margin-top: 10vh;
	height: 276px;
  font-family: Servetica;
  font-size: 300px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.05);
	
}

.InTheBox {
	top: 32px;
	right: 300px;
}

.TechSpecs {
	top: 32px;
	right: 440px;
}













.Xtra_Page_Paragraph_About {
	/*padding-left: 150px;*/
	padding-right: 0px;
}







.Xtra_Page_Title {
	font-size: 46px;
}

.Profile_Title {
    font-size: 38px;
  margin-left: -30px;
}


#brand_ambasador_profile_pic {
  margin-left: 0px;
}












.Xtra_Page_Subtitle {
    font-size: 32px;
}

.Xtra_Page_Paragraph {
  margin: auto;
  font-size: 22px;
}

#text_ready {
    /*transform: scaleY(50%);*/
    font-size: 143px;
}

#text_go {
    /*transform: scaleY(50%);*/
    font-size: 66px;
}





#video2 {
    height: 25%;
    max-height: 365px;

    /*opacity: 0.5;*/
}

#scaleFix {
    /*opacity: 0.5;*/
}

#last_button {
    /*margin-bottom: 60px;*/
    /*opacity: 0.5;*/
   /* float: left;*/
   margin: 0;
  position: absolute;
  top: 40%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}