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

/* NAVIGATION BAR */

#mobile_navigation {
	display: none;
	opacity: 0;
}

#tablet_navigation {
	visibility: visible;
	display: block;
	opacity: 1;
}

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

.topnav-right {
  float: right;
  margin: 40px 45px 0px 0px;
}

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



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

.page_02 {
	padding-bottom: 0px;
}

/*right: 0;
  padding-left: 200px;
  max-width: 1000px;*/

#attisNavbarLogo {
	filter: invert(1);
}

/* PAGE 00 ======================================================= */
.page_00 {height: 70vh;} /* 70 */
.inner {display: inline-block; vertical-align: middle; opacity:0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -65%);}
.inner img {display: block; margin-left: auto; margin-right: auto; margin-top: 10px; transform: scale(1.0);}

#logo_text {
	margin-top: 0px;
	width: 100%;
color: #FFFFFF;
  font-family: Servetica-Medium;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  /*color: #364b5c;*/
}











/*#attis_logo_full {
	padding-bottom: 80px;
}*/








h1 {
  font-size: 48px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 16px;
  line-height: 1.5;
}


.faq_table_div {
	display: block;
}






/* PAGE 01 ======================================================= */
.page_01 {
	/*height: 400px;*/
	height: 60vh;
}
.page_03 {
	padding-top: 0%;
}





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

.div_strapline {	
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #364B5C; /* GREY */
	text-align: center;
	position: absolute;
    display: block;
	top: 5%;
	left: 0;
	right: 0;
	margin: auto;	
}

/* PAGE 03 ======================================================= */

#s_a_e {
	margin-top: 0%;
	/*font-size: 30px;*/
	/*font-size: 40px;*/
}

.sae_strapline {
	font-size: 24px;
	top: 7%;	
}




















.div_strapline {
  top: 14%;
  font-size: 21px;
}

#progWave {
  transform: translate(0%, -110%);
}

.Stat {
  font-size: 14px;
}

.Value {
  font-size: 24px;
}

#stat_bounce {
  position: absolute;
  left: 28%;
  top: 34%;
}

#stat_rotation {
  position: absolute;
  left: 62%;
  top: 35%;
}

#stat_steps {
  position: absolute;
  left: 18%;
  top: 55%;
}

#sinewaveCanvas {
	position: absolute;
	left: 0%;
	top: 24%;
	width: 48%;
	height: auto;
	z-index: 0;
	/*transform: translate(0%, -300%);*/
	/*background-color: #00FF00;*/ /*green*/
}



#sensors_row {
	padding-top: 0%;
   /* transform: translateX(-68%);*/
}


.bullet_point_title {
	padding-top: 0%;
	
	
	
	/*padding-left: 2%;*/
	/*top: -60px;*/
}














.text_stridesense {
  /*width: 600px;*/
  height: 68px;
  font-family: Servetica;
  font-size: 64px;
  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: 26px;
  height: 26px;
  font-family: MontserratExtraBold;
  font-size: 21px;
  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: 44px;
  font-family: MontserratExtraBold;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
}

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

.row {
  display: flex;
}

.row_text {
  /*display: flex;
  line-height: 14px;*/
}

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






.Icon-Labels {
  width: 191px;
  height: 44px;

  font-family: MontserratMedium;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  text-align: center;
	display: block;
	margin: auto;
}










.RuiningLegs {
  margin-top: 8vh;
  text-align: center;
  vertical-align: middle;
}

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

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

.in_the_box_table {
	top: 15%;
}*/

/*.tableNormal {
	visibility: visible;
	display: block;
	top: 15%;
	margin-bottom: 50px;
}*/

/*.product_carousel {
	margin-top: 0px;
}*/


.delivery_icon_label {
	margin-top: -25%;
	margin-bottom: 0%;
}

.InTheBox {
	position: absolute;
	float:right;
    margin-right:100px;
    clear:both;	
	right: 120px;
	top: 52px;
    display: inline-block;
    width: 74px;
    height: 17px;
    /*font-family: Montserrat;*/
  font-family: MontserratMedium;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.TechSpecs {
	position: absolute;
	float:right;
    margin-right:100px;
    clear:both;	
	right: 240px;
	top: 52px;
    display: inline-block;
    width: 78px;
    height: 17px;
    /*font-family: Montserrat;*/
  font-family: MontserratMedium;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
	white-space: nowrap;
}



.menu_link {
	display: block;
}

#sae_header_1, #sae_header_2, #sae_header_3 {
	font-size: 40px;
	top: 80%;
}

.sae_subheader {
	font-size: 24px;
	top: 62%;
	width: 560px;
}

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








#bp_title_waterproof {top: 27%; left: 5%;}
#bp_title_lightweight {top: 48%; 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: 21%; left: 5%; width: 230px;}
#bp_text_lightweight {top: 46%; left: 70%; width: 220px;}
#bp_text_tough {top: 54%; left: 5%; width: 250px;}





.page_04 {
	margin-top: 0px;
}




.app_header {
	font-size: 40px;
	top: 0%;
	padding-bottom: 40px;
}



#phone_image_container {
	top: 50px;
}

#app_text_0 {
	/*left: 0%;*/
	top: 9%;
	top: 14%;
	width: 500px;
}


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

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

.metric {
  margin-top: 2px;
  font-size: 15px;
}











.page_05 {
	margin-top: 100px;
}




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

















.apple_esq_text {
	/*margin: auto;*/
	text-align: center;
	position: absolute;
	top: 0%;
	left: 0;
	right: 0;
	margin: auto;
	
	position: absolute;
  
  height: 71px;
  /*font-family: Montserrat;*/
  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: center;
  padding-top: 5%;
	/*padding-left: 2%;*/
  


  /*display: block;
	top: 10%;
	left: 0;
	right: 0;*/

	
}







#preorder_title {
  position: absolute;
  left: 0%;
}

/*#preorder_text {
  top: 3%;
  left: 10%;
}

#preorder_textb {
  top: 6%;
  left: 10%;
  margin-top: 90px;
}

#preorder_textc {
  margin-top: 12px;
  position: absolute;
  top: 20%;
  left: 15%;
}*/


#preorder_text {
  margin-top: 60px;
  left: 0%;
}

#preorder_textb {
  margin-top: 90px;
  left: 0%;
  width: 350px;
}

#preorder_textc {
  margin-top: 135px;
  left: 0%;
}

#preorder_textd {
  margin-top: 200px;
  left: 0%;
}

#preorder_dropdown {
  /*margin-top: 235px;
  left: 0%;*/
}

#preorder_text {
  margin-top: 60px;
}


#attis_box {
	padding-top: 50px;
}

#attis_product_02 {
	padding-top: 50px;
}

#attis_product_03 {
	padding-top: 50px;
}

#app_phone_01 {
	padding-top: 50px;
}

#app_phone_02 {
	padding-top: 50px;
}

#app_phone_03 {
	padding-top: 50px;
}



#preorder_sizeguide {
  position: absolute;
  margin-top: 120px;
  top: 40%;
  left: 0%;
}

#preorder_btn {

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

#order_alert {



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



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

#mc_embed_signup {
	/*margin-top: -800px;*/
}

/*#po_box {
	padding-top: 50%;
}*/





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

#youtube {

  width: 620px;
  height: 348px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
















.Preorder_Menu_Button {
  width: 120px;
  height: 41px;
}














#brand_ambasador_profile_pic {
	width: 80%;
  margin-left: 60px;
}









.Xtra_Page_Title {
	font-size: 42px;
}

.Profile_Title {
  font-size: 32px;
  text-align: left;
  padding-left: 10px;
}

.Xtra_Page_Subtitle {
    font-size: 26px;
}

.Xtra_Page_Paragraph {
  padding-left: 25px;
  font-size: 18px; 
  text-align: left;
}








/* ======================= FOOTER ======================= */ 

.footer {font-size: 12px; display: inline-block;}
#faq {display: inline-block;}
#why {display: inline-block;}

.knockout-text-container text {
    font-size: 120px;
  }

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

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

#video2 {
  height: 35%;
}

#scaleFix {
    /*opacity: 0.2;
    width: 60vw;*/
}
#last_button {
    /*margin-top: 20vh;*/
/*margin-left: 50%;
margin-right: 50%*/
/*margin: 0 auto;
    float: left;*/

    top: 120%;
    top: 70%;
    -ms-transform: translate(0%, 0%);
    transform: translate(-50%, 0%);
  }