@charset "UTF-8";
/* CSS Document */

*, h1, h2, h3, h4, h5, p { font-family: 'Oswald'; }

.body {
	overflow: inherit;
}

.product-container { margin-bottom: 100px; }
.persona-container { padding: 7vw 20px 0 20px; }
.outfit-container { padding: 0 40px; }

.main-image { position: relative; }
.main-image-text { position: absolute; top: 35%; left: 60%; z-index: 2;}
.main-image-text-ultrapack { position: absolute; top: 25%; left: 67%; z-index: 2;}
.main-image-text-custom-ultrapack { position: absolute; top: 20%; left: 60%; z-index: 2;}
.main-image-text-juggernaut { position: absolute; top: 30%; left: 63%; z-index: 2;}
.gen2-footwear-image-nav { position: absolute; top: .75vw; width: 100%; text-align: center; z-index: 2 }
.gen2-footwear-image-nav-link { font-family: 'Oswald'; font-weight: 200; font-size: 1.8vw; margin: 0 1.5vw; display: inline-table; color: #fff; }
.gen2-footwear-image-nav-link:hover { color:#e4e4e4;  }
.gen2-footwear-image-nav-link-coming-soon {font-size: 1vw; color: #b3b0b0; }

.active-image-nav { border-bottom: 2px solid #fd273d; }


.gen2-footwear-nav { background: #000; padding: 1vw; display: flex; justify-content: center; flex-wrap: wrap; }
.gen2-footwear-nav-back { background: #000; padding: 1vw; display: flex; justify-content: left; flex-wrap: wrap; }
/*.gen2-footwear-nav-link { font-size: 1.2vw; margin: 0 1.5vw; display: inline-table; color: #fff; text-decoration: none; padding: 7px 15px; border-bottom: 2px solid transparent;}
.gen2-footwear-nav-link:hover { border-bottom: 2px solid #00c6ff; color: #fff; }
.gen2-footwear-nav-link:active { border-bottom: 2px solid #00c6ff; color: #fff; }*/

/*nav.gen2nav {
	background: #ccc;
	padding: 1vw;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	list-style-type: none;
}*/

.boombah-title-ultrapack {font-size: 2vw; font-weight: 400; color: #fff; text-align: center;}
.ballistic-title { font-size: 4.75vw; color: #fff; text-align: center;}
.custom-ultrapack-title { font-size: 4.75vw; color: #fff; text-align: center;}
.sub-title { font-size: 2vw; font-weight: 400; color: #fff; text-align: center;}
.sub-title-custom-ultrapack { font-size: 2vw; font-weight: 400; color: #fff; text-align: center; padding-bottom: 1vh;}
.training-persona-text { font-weight: 100; font-size: 1.25vw; line-height: 1.75vw; text-align: center;}


#videoBG {
        width:100%;
        margin:auto;
        display:block;
        position: relative;
        
    }


.main-image-gradient-top-overlay { 
	background: linear-gradient(0deg, rgba(0,0,0,0) 60%, rgba(0,0,0,.6) 100%);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}



.product-name {
	font-family: Oswald;
	font-size: 28px;
	color: #000000;
	letter-spacing: 0;
	font-weight: 200;
	margin: 3px 0;
}

.short-description {
	font-family: Oswald;
	font-size: 20px;
	color: var(--theme-colors);
	letter-spacing: 0;
	font-weight: 200;
	margin: 3px 0 10px 0;
}

.product-holder { padding-top: 50px; }

.outline-btn {
	border: 1px solid #000000;
	font-family: Oswald;
	font-size: 16px;
	color: #000000;
	text-align: center;
	font-weight: 300;
	padding:3px 10px;
	display: inline-block;
}
.outline-btn:hover, .outline-btn-bottom:hover { color:#848484; border: 1px solid #848484; }

.outline-btn-container { position: relative; text-align: right; }
.outline-btn-bottom {
	border: 1px solid #000000;
	font-family: Oswald;
	font-size: 16px;
	color: #000000;
	text-align: center;
	font-weight: 300;
	padding:3px 10px;
	position:relative;
}


.sticky { 
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	z-index: 100;
	}

	.text-overlay-top-left-gen2-design {
		text-align: left;
		position: absolute;
		top: 21%;
		left: 5%;
		z-index: 4;
	}

	.text-overlay-top-left-custom-ultra-design {
		text-align: left;
		position: absolute;
		top: 21%;
		left: 5%;
		z-index: 4;
	}	

	.text-overlay-top-right-gen2-design {
		text-align: right;
		position: absolute;
		top: 21%;
		right: 3%;
		z-index: 4;
	}


	.text-overlay-top-left-design-header {
		padding-right: 50%; 
		font-size: 2vw;
	}

	.text-overlay-top-right-design-header {
		padding-left: 50%; 
		font-size: 2vw;
		text-align: right;
	}


	.text-overlay-top-left-design-body {
		padding-right: 50%;
		font-size: 1.7vw;
		line-height: 2.7vw;
	}


	.text-overlay-top-left-custom-ultrapack-design-body {
		padding-right: 42%;
		font-size: 1.7vw;
		line-height: 2.7vw;
	}



	.text-overlay-top-left-design-juggernaut-body {
		padding-right: 50%;
		font-size: 1.7vw;
		line-height: 2.7vw;
	}

	.text-overlay-top-right-design-body {
		padding-left: 54%;
		font-size: 1.7vw;
		line-height: 2.7vw;
	}


	.text-overlay-top-left-heel-header {
		padding-right: 40%; 
		font-size: 2vw;
	}

	.text-overlay-top-left-platform-header {
		padding-right: 15%; 
		font-size: 2vw;
	}

	.text-overlay-top-left-print-header {
		padding-right: 30%; 
		font-size: 2vw;
	}

	.text-overlay-top-left-heel-body {
		padding-right: 10%;
		font-size: 1.7vw;
		line-height: 2.7vw;
	}


	.text-overlay-top-left-gen2-heel {
		text-align: left;
		position: absolute;
		top: 1%;
		left: 5%;
		z-index: 4;
	}


	.text-overlay-bottom-left-custom-ultrapack-shoe {
		text-align: left;
		position: absolute;
		top: 56%;
		left: 5%;
		z-index: 4;
	}	

	.text-overlay-top-right-ronin-toe {
		text-align: right;
		position: absolute;
		top: 1%;
		right: 5%;
		z-index: 4;
	}


	.text-overlay-top-left-materials-header {
		padding-left: 50%;
		font-size: 2vw;
	}

	.text-overlay-top-left-materials-header {
		font-size: 2vw;
	}


	.text-overlay-top-left-custom-ultrapack-wheels-header {
		padding-left: 5%;
		font-size: 2vw;
	}


	.text-overlay-top-right-sock-comfort-header {
		padding-left: 30%;
		font-size: 2vw;
	}

	.text-overlay-top-left-materials-body {
		padding-left: 50%;
		font-size: 1.7vw; 
		line-height: 2.7vw;
	}
	
	.text-overlay-top-left-made-to-last-body {
		font-size: 1.7vw; 
		line-height: 2.7vw;
		padding-left: 10%;
	}

	.text-overlay-top-left-diamond-overlay-body {
		font-size: 1.7vw; 
		line-height: 2.7vw;
		padding-right: 50%;
	}	

	.text-overlay-top-right-sock-comfort-body {
		padding-left: 56%;
		font-size: 1.7vw; 
		line-height: 2.7vw;
	}


	.text-overlay-top-left-gen2-materials {
		text-align: right;
		position: absolute;
		top: 1%;
		right: 5%;
		z-index: 4;
	}


	.text-overlay-top-left-custom-ultrapack-straps {
		text-align: left;
		position: absolute;
		top: 1%;
		right: 5%;
		z-index: 4;
	}	


	.text-overlay-top-left-secure-header {
		padding-left: 60%;
		font-size: 2vw;
	}

	.text-overlay-top-left-secure-body {
		padding-left: 60%;
		font-size: 1.7vw;
		line-height: 2.7vw;
	}


	.text-overlay-awr-body {
		font-size: 1.7vw;
		line-height: 2.7vw;
	}

	.text-overlay-top-right-awr {
    text-align: right;
    position: absolute;
    top: 21%;
    left: 60%;
    right: 2%;
    z-index: 4;
	}

	.text-overlay-top-left-gen2-secure {
		text-align: right;
		position: absolute;
		top: 21%;
		right: 2.5%;
		z-index: 4;
	}

	.text-overlay-top-left-gen2-bg {
		text-align: left;
		position: absolute;
		top: -6%;
		left: 1%;
		color: #dadada;
		font-size: 11vw;
	}

	.text-overlay-top-left-design-title-bg {
		text-align: left;
		position: absolute;
		top: -5%;
		left: 2%;
		color: #ccc;
		font-size: 11vw;
	}

	.text-overlay-top-right-gen2-bg {
		text-align: left;
		position: absolute;
		top: -6%;
		right: 1%;
		color: #dadada;
		font-size: 11vw;
	}

	.text-overlay-top-left-gen2-outsoles-bg {
		
		text-align: left;
		position: absolute;
		top: -3%;
		left: 1%;
		color: #1A1A1A;
		font-size: 11vw;

	}

	.text-overlay-top-left-gen2-gallery-bg {
		text-align: left;
		color: #CCC;
		font-size: 11vw;
	}

	.text-overlay-top-left-gen2-shop-bg {
		text-align: left;
		color: #f3f3f3;
		font-size: 11vw;
	}


	.text-overlay-top-left-custom-ultrapack-design-now-bg {
		text-align: left;
		position: absolute;
		top: 79%;
		z-index: 5;
		color: #ccc;
		font-size: 11vw;
	}	

	.text-overlay-top-left-gen2-midsole {
		text-align: left;
		position: absolute;
		top: 6%;
		left: 2.5%;
		z-index: 4;
	}

	.text-overlay-top-left-gen2-outsoles {
		text-align: left;
		position: absolute;
		top: 15%;
		left: 5%;
		z-index: 4;
		padding-right: 55%;
	}

	.text-overlay-top-right-spxl-features {
		text-align: right;
		position: absolute;
		top: 6%;
		right: 5%;
		z-index: 4;
	}


	.text-overlay-top-left-custom-ultra-compartment-features {
		text-align: left;
		position: absolute;
		top: 1%;
		left: 5%;
		z-index: 4;
	}


	.text-overlay-bottom-left-custom-ultrapack-wheels {
		text-align: left;
		position: absolute;
		top: 60%;
		right: 5%;
		z-index: 4;
	}	

.rounded-corners {
	border-radius: 15px;
}			

.jumbotron {
    margin-bottom: 0px;
}

.boombah-black-on-white-btn {
	display: none;
}

a.anchor {
    display: block;
    position: relative;
    top: -7.9vh;
    visibility: hidden;
}



.training-promo-box { background: #ebf3eb; border: 1px solid #acbfaf; padding-top: 8px; border-radius: 5px; /*color: hsla(138, 52%, 51%, 1);*/ color: #000; display: block; text-align: center; }
.training-promo-subtext { font-size: 1vw; margin-top: -10px; }

.map-popup {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 99;
  width: 60%;
  padding: 2rem;
  background-color: #fff;
  transition: all 300ms ease-in;
  transform: translate(-50%,-50%);
  box-shadow: 0 0 24px rgba(0,0,0,0.22);
  opacity: 0;
  visibility: hidden;
}

.map-popup > *:first-child { margin-top: 0; }
.map-popup > *:last-child { margin-bottom: 0; }

.map-popup.open {
  opacity: 1;
  visibility: visible;
}

.map-spxl-popup {
  position: absolute;
  left: 29%;
  top: 55%;
  z-index: 99;
  width: 60%;
  padding: 2rem;
  background-color: #fff;
  transition: all 300ms ease-in;
  transform: translate(-50%,-50%);
  box-shadow: 0 0 24px rgba(0,0,0,0.22);
  opacity: 0;
  visibility: hidden;
  text-align: center;
}

.map-spxl-popup > *:first-child { margin-top: 0; }
.map-spxl-popup > *:last-child { margin-bottom: 0; }

.map-spxl-popup.open {
  opacity: 1;
  visibility: visible;
}

.marker {
  position: absolute;
  z-index: 1;
  display: inline-block;
  width: 36px;
  height: 36px;
  color: #fff;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  background-color: #008CDA;
  transition: all 300ms;
}

.marker1 {
  top: 30%;
  left: 55%;
}
.marker2 {
  top: 55%;
  left: 30%;
}

.marker3 {
  top: 60%;
  left: 73%;
}


.marker-molded-1 {
  top: 75%;
  left: 17%;
}

.marker-molded-2 {
  top: 55%;
  left: 35%;
}

.marker-molded-3 {
  top: 54%;
  left: 66%;
}

.marker-molded-4 {
  top: 38%;
  left: 54%;
}

.marker-metal-1 {
  top: 75%;
  left: 16%;
}

.marker-metal-2 {
  top: 55%;
  left: 32%;
}

.marker-metal-4 {
  top: 37%;
  left: 52%;
}

.marker-metal-5 {
  top: 51%;
  left: 20%;
}

.marker-power-turf-1 {
  top: 66%;
  left: 6%;
}

.marker-power-turf-2 {
  top: 57%;
  left: 52%;
}

.marker-power-turf-3 {
  top: 64%;
  left: 68%;
}

.marker-power-turf-4 {
  top: 52%;
  left: 79%;
}

.marker-power-turf-outsole-1 {
  top: 54%;
  left: 11%;
}

.marker-power-turf-outsole-2 {
  top: 27%;
  left: 37%;
}

.marker-power-turf-outsole-3 {
  top: 63%;
  left: 38%;
}

.marker-power-turf-outsole-4 {
  top: 48%;
  left: 70%;
}


.turf-spring-support {
	display: flex;
}

.marker-spxl-1 {
  top: 20%;
  left: 50%;
}
.marker-spxl-2 {
  top: 38%;
  left: 39%;
}

.marker-spxl-3 {
  top: 47%;
  left: 62%;
}

.marker-spxl-4 {
  top: 62%;
  left: 56%;
}

.marker-spxl-5 {
  top: 83%;
  left: 42%;
}

.marker-vortx-1 {
  top: 40%;
  left: 27%;
}

.marker-vortx-2 {
  top: 39%;
  left: 44%;
}

.marker-vortx-3 {
  top: 62%;
  left: 45%;
}

.marker-vortx-4 {
  top: 28%;
  left: 79%;
}

.marker-vortx-5 {
  top: 68%;
  left: 68%;
}

.text-overlay-top-left-gen2-spring-action {
	position: relative;
	text-align: left;
	padding: 20px;
	left: 0;
	right: 0;
	top: 0;
}


.text-overlay-top-left-spring-action-body {
	padding-right: 10%;
	font-size: 1.7vw;
	line-height: 2.7vw;
}


.text-overlay-outsole-design-header {
	font-size: 2vw;
	width: 100%;
	margin-top: 25px;
	text-align: center;
}

.shop-now-button-right {
	text-align: right; 
}

.shop-now-button-left {
	text-align: left; 
}

	
.text-overlay-bottom-left-base-stud {
	text-align: left;
	position: absolute;
	top: 65%;
	left: 5%;
	z-index: 4;
}

.text-overlay-bottom-left-base-stud-body {
	padding-right: 10%;
	font-size: 1.7vw;
	line-height: 2.7vw;
}


.text-overlay-bottom-right-gen2-responsive-midsole {
		text-align: right;
		position: absolute;
		top: 65%;
		right: 5%;
		z-index: 4;
}

.text-overlay-bottom-right-resposive-midsole-body {
	padding-left: 35%;
	font-size: 1.7vw; 
	line-height: 2.7vw;
}	


.text-overlay-bottom-left-custom-ultrapack-compartment-body {
	padding-right: 57%;
	font-size: 1.7vw; 
	line-height: 2.7vw;
}	


.text-overlay-bottom-left-wheels-body {
	padding-left: 5%;
	font-size: 1.7vw; 
	line-height: 2.7vw;
}	


.text-overlay-bottom-right-gen2-responsive-metal-midsole {
		text-align: right;
		position: absolute;
		top: 70%;
		right: 5%;
		z-index: 4;
}

.text-overlay-bottom-right-resposive-midsole-metal-body {
	font-size: 1.7vw; 
	line-height: 2.7vw;
}
	

.text-overlay-top-right-ronin-toe-header {
		font-size: 2vw;
	}

.text-vortx-header {
		font-size: 2vw;
		font-weight: 600;
		line-height: 4vh;
	}


.vortx-photo-grid { /* https://css-tricks.com/snippets/css/complete-guide-grid/ */
    display: grid;
    grid-template-columns: 2fr 2fr;
    grid-template-rows: auto;
    grid-template-areas:
        "vortx-photo-1 vortx-photo-1"
        "vortx-photo-2 vortx-photo-3"
        "vortx-photo-4 vortx-photo-3";
    grid-gap: 20px;
}

.vortx-photo-grid .photo-1 {
	grid-area: vortx-photo-1;
}

.vortx-photo-grid .photo-2 {
	grid-area: vortx-photo-2;
}

.vortx-photo-grid .photo-3 {
	grid-area: vortx-photo-3;
}

.vortx-photo-grid .photo-4 {
	grid-area: vortx-photo-4;
}

@media only screen and (min-width:48em) {
  .map-item {
    position: absolute;
    width: 36px;
    height: 36px;
    }
    .map-item .marker {
      top: auto;
      left: auto;
    }
  
  .map-item1 {
    top: 30%;
    left: 55%;
  }
  .map-item2 {
    top: 55%;
    left: 30%;
  }
  .map-item3 {
    top: 60%;
    left: 73%;
  }
  
  .map-popup {
    position: absolute;
    left: 58px;
    width: 280px;
    transform: translateY(-50%);
  }
  .map-popup:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -16px;
    margin-top: -16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 16px 16px 0;
    border-color: transparent #fff transparent transparent;
  }
  
  .map-popup.edge {
    left: auto;
    right: calc(100% + 24px);
  }
  .map-popup.edge:before {
    left: auto;
    right: -16px;
    border-width: 16px 0 16px 16px;
    border-color: transparent transparent transparent #fff;
  }

  .map-spxl-popup {
    position: absolute;
    left: 58px;
    width: auto;
    transform: translateY(-50%);
  }
  .map-spxl-popup:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -16px;
    margin-top: -16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 16px 16px 0;
    border-color: transparent #fff transparent transparent;
  }
  
  .map-spxl-popup.edge {
    left: auto;
    right: calc(100% + 24px);
  }
  .map-spxl-popup.edge:before {
    left: auto;
    right: -16px;
    border-width: 16px 0 16px 16px;
    border-color: transparent transparent transparent #fff;
  }

  .map-molded-item1 {
    top: 75%;
    left: 17%;
  }

  .map-molded-item2 {
    top: 55%;
    left: 35%;
  }

  .map-molded-item3 {
    top: 54%;
    left: 66%;
  }

  .map-molded-item4 {
    top: 38%;
    left: 54%;
  }

  .map-metal-item1 {
    top: 75%;
    left: 16%;
  }

  .map-metal-item2 {
    top: 55%;
    left: 32%;
  }

  .map-metal-item4 {
    top: 37%;
    left: 52%;
  }

  .map-metal-item5 {
    top: 51%;
    left: 20%;
  }  

   .map-power-turf-item1 {
    top: 75%;
    left: 9%;
  }
  .map-power-turf-item2 {
    top: 68%;
    left: 57%;
  }
  .map-power-turf-item3 {
    top: 68%;
    left: 73%;
  }
  .map-power-turf-item4 {
    top: 62%;
    left: 83%;
  }

  .map-power-turf-outsole-item1 {
    top: 60%;
    left: 18%;
  }
  .map-power-turf-outsole-item2 {
    top: 41%;
    left: 39%;
  }
  .map-power-turf-outsole-item3 {
    top: 68%;
    left: 41%;
  }
  .map-power-turf-outsole-item4 {
    top: 56%;
    left: 71%;
  }

  .map-spxl-item1 {
    top: 25%;
    left: 50%;
  }

  .map-spxl-item2 {
    top: 39%;
    left: 41%;
  }

  .map-spxl-item3 {
    top: 49%;
    left: 64%;
  }

  .map-spxl-item4 {
    top: 63%;
    left: 57%;
  }

  .map-spxl-item5 {
    top: 80%;
    left: 40%;
  }

  .map-vortx-item1 {
    top: 40%;
    left: 27%;
  }

  .map-vortx-item2 {
    top: 39%;
    left: 44%;
  }

  .map-vortx-item3 {
    top: 62%;
    left: 45%;
  }

  .map-vortx-item4 {
    top: 28%;
    left: 79%;
  }

  .map-vortx-item5 {
    top: 68%;
    left: 68%;
  }

}

@media only screen and (min-width: 100px) and (max-width: 767px) {

	.persona-container { padding: 0 20px 0 20px; }
	.product-container { margin-bottom: 40px; }
	.outfit-container { padding: 0; }
	.gen2-footwear-nav-link { font-family: 'Oswald'; font-weight: 200; font-size: 3vw; margin: 0 1.5vw; display: inline-table; color: #000; }
	.main-image-text { position: absolute; top: 51%; left: 62%; z-index: 2;}
	.main-image-text-ultrapack { position: absolute; top: 5%; left: 8%; z-index: 2;}
	.main-image-text-custom-ultrapack { position: absolute; top: 40%; left: 58%; z-index: 2;}
	.main-image-text-juggernaut { position: absolute; top: 0%; left: 55%; z-index: 2;}
	.training-persona-title { font-weight: 200; font-size: 4.75vw; color: var(--theme-colors); }
	.training-persona-text { font-weight: 100; font-size: 4vw; line-height: 3vw; text-align: center; }
	.product-name {
		font-family: Oswald;
		font-size: 4vw;
		color: #000000;
		letter-spacing: 0;
		font-weight: 200;
		margin: 3px 0;
	}

	.short-description {
		font-family: Oswald;
		font-size: 3vw;
		color: var(--theme-colors);
		letter-spacing: 0;
		font-weight: 200;
		margin: 3px 0 10px 0;
	}
	.outline-btn {
		border: 1px solid #000000;
		font-family: Oswald;
		font-size: 2.5vw;
		color: #000000;
		text-align: center;
		font-weight: 300;
		padding:3px 10px;
		display: inline-block;
	}
	.outline-btn-bottom {
		border: 1px solid #000000;
		font-family: Oswald;
		font-size: 2.5vw;
		color: #000000;
		text-align: center;
		font-weight: 300;
		padding:3px 10px;
		position:relative;
	}
	
	.training-promo-box { padding: 10px; }
	.training-promo-subtext { font-size: 2.5vw !important; margin-top: 0px; }


	.uniforms-jerseys h1 {
		font-size: 48px;
	}	
	.uniforms-jerseys .col-md-3 {
		padding-bottom: 50px;
	}	
	.uniforms-jerseys .col-xs-6 {
		flex-direction:column;
	}

	.text-overlay-top-left-gen2 {
		text-align: left;
		position: absolute;
		top: 0px;
		left: 20px;
	}	

	.sticky { 
		position: -webkit-sticky;
		position: sticky;
		top: 0px;
		z-index: 100;
	}

	.gen2-footwear-image-nav-link { font-family: 'Oswald'; font-weight: 200; font-size: 5.5vw; margin: 0 4.5vw; display: inline-table; color: #fff; }
	.gen2-footwear-image-nav-link-coming-soon {font-size: 3.5vw; color: #b3b0b0; }


	.boombah-title-ultrapack {font-size: 6vw; font-weight: 400;}
	.ballistic-title { font-size: 7.75vw; color: #fff; text-align: center; }
	.custom-ultrapack-title { font-size: 7.75vw; color: #fff; text-align: center; margin-bottom: 0vh; }	
	.sub-title { font-size: 4vw; color: #fff; text-align: center; }
  .sub-title-custom-ultrapack { font-size: 4vw; color: #fff; text-align: center; margin-bottom: 0vh; }

	.rounded-corners {
	border-radius: 10px;
	}

	
	.text-overlay-top-left-custom-ultra-design {
		text-align: left;
		position: absolute;
		top: 12%;
		left: 5%;
		z-index: 4;
	}

	.text-overlay-top-right-gen2-design {
		text-align: right;
		position: absolute;
		top: 14%;
		right: 5%;
		z-index: 4;
	}

	.text-overlay-top-left-design-title-bg {
		text-align: left;
		position: absolute;
		top: 0%;
		left: 2%;
		color: #b4b4b4;
		font-size: 21vw;
	}

	.text-overlay-top-right-gen2-bg {
		text-align: left;
		position: absolute;
		top: 0%;
		right: 2%;
		color: #dadada;
		font-size: 21vw;
	}


	.text-overlay-top-left-gen2-outsoles-bg {
		
		text-align: left;
		position: absolute;
		top: -3%;
		left: 1%;
		color: #1A1A1A;
		font-size: 21vw;

	}


	.text-overlay-top-left-gen2-gallery-bg {
		text-align: left;
		padding-left: 3%;
		color: #CCC;
		font-size: 21vw;
	}


	.text-overlay-top-left-gen2-shop-bg {
		text-align: left;
		padding-left: 3%;
		color: #f3f3f3;
		font-size: 21vw;
	}


	.text-overlay-top-left-custom-ultrapack-design-now-bg {
		text-align: left;
		padding-left: 3%;
		color: #f3f3f3;
		font-size: 21vw;
	}	


	.text-overlay-top-left-design-header {
		padding-right: 30%; 
		font-size: 3.5vw;
	}

	.text-overlay-top-right-design-header {
		padding-left: 40%; 
		font-size: 3.5vw;
		text-align: right;
	}

	.text-overlay-top-left-design-body {
		padding-right: 57%;
    padding-top: 7%;
    font-size: 3vw;
    line-height: 3.7vw;
	}

	.text-overlay-top-left-custom-ultrapack-design-body {
		padding-right: 64%;
    padding-top: 2%;
    font-size: 3vw;
    line-height: 3.7vw;
	}


	.text-overlay-top-left-design-juggernaut-body {
		padding-right: 57%;
    font-size: 3vw;
    line-height: 3.7vw;
	}

	.text-overlay-top-right-design-body {
		padding-left: 59%;
		font-size: 3vw;
		line-height: 3.7vw;
	}

	.text-overlay-top-left-heel-header {
		padding-right: 30%; 
		font-size: 3.5vw;
	}

	.text-overlay-top-left-platform-header {
		padding-right: 30%; 
		font-size: 3.5vw;
	}

	.text-overlay-top-left-platform-header {
		padding-right: 15%; 
		font-size: 3.5vw;
	}

	.text-overlay-top-right-ronin-toe-header {
		font-size: 3.5vw;
	}

	.text-overlay-top-left-print-header {
		padding-right: 30%; 
		font-size: 3.5vw;
	}

	.text-overlay-top-left-heel-body {
		padding-right: 30%;
		font-size: 3vw;
		line-height: 3.7vw;
	}


	.text-overlay-top-left-gen2-heel {
		text-align: left;
		position: absolute;
		top: 3%;
		left: 5%;
		z-index: 4;
	}


	.text-overlay-bottom-left-custom-ultrapack-shoe {
		text-align: left;
		position: absolute;
		top: 57%;
		left: 5%;
		z-index: 4;
	}	


	.text-overlay-top-left-materials-header {
		padding-left: 40%;
		font-size: 3.5vw;
	}

	.text-overlay-top-left-custom-ultrapack-wheels-header {
		padding-left: 40%;
		font-size: 3.5vw;
	}	


	.text-overlay-top-left-custom-ultrapack-header {
		padding-left: 40%;
		font-size: 3.5vw;
	}

	.text-overlay-top-left-made-to-last-header {
		font-size: 3.5vw;
	}

	.text-overlay-top-right-sock-comfort-header {
		padding-left: 46%;
		font-size: 3.5vw;
	}

	.text-overlay-top-left-materials-body {
		padding-left: 45%;
		font-size: 3vw; 
		line-height: 3.7vw;
	}

	.text-overlay-top-left-made-to-last-body {
		font-size: 3vw; 
		line-height: 3.7vw;
		padding-left: inherit;
	}	

	.text-overlay-top-right-sock-comfort-body {
		padding-left: 60%;
		font-size: 3vw; 
		line-height: 3.7vw;
	}

	.text-overlay-top-left-gen2-materials {
		text-align: right;
		position: absolute;
		top: 10%;
		right: 5%;
		z-index: 4;
	}

	.text-overlay-top-left-custom-ultrapack-straps {
		text-align: right;
		position: absolute;
		top: 10%;
		right: 5%;
		z-index: 4;
	}

	.text-overlay-top-left-secure-header {
		padding-left: 40%;
		font-size: 3.5vw;
	}

	.text-overlay-top-left-secure-body {
		padding-left: 55%;
		font-size: 3vw;
		line-height: 3.7vw;
	}


	.text-overlay-top-left-gen2-secure {
		text-align: right;
		position: absolute;
		top: 25%;
		right: 2.5%;
		z-index: 4;
	}


	.text-overlay-top-left-gen2-outsoles {
		text-align: left;
		position: absolute;
		top: 10%;
		left: 5%;
		z-index: 4;
		padding-right: 45%;
	}

	.turf-spring-support {
		display: inline;
	}

	.text-overlay-top-left-gen2-spring-action {
		position: relative;
		text-align: left;
		padding: 10px 20px;
		left: 0;
		right: 0;
		top: 0;
	}

	.text-overlay-top-left-spring-action-body {
		padding-right: 10%;
		font-size: 3vw;
		line-height: 3.7vw;
	}

	.text-overlay-outsole-design-header {
		font-size: 4vw;
		width: 100%;
		margin-top: 25px;
		text-align: center;
	}

	.shop-now-button-right {
	text-align: center; 
	}

	.shop-now-button-left {
	text-align: center; 
	}

	.text-overlay-bottom-left-base-stud {
	text-align: left;
	position: absolute;
	top: 65%;
	z-index: 4;
	}

	.text-overlay-bottom-left-base-stud-body {
	font-size: 3.5vw;
	line-height: 4.5vw;
	}

	.text-overlay-top-left-diamond-overlay-body {
	font-size: 3.5vw;
	line-height: 4.5vw;
	}

	.text-overlay-bottom-right-gen2-responsive-midsole {
		text-align: right;
		position: absolute;
		top: 50%;
		right: 5%;
		z-index: 4;
	}

	.text-overlay-bottom-right-resposive-midsole-body {
		padding-left: 40%;
		font-size: 3.5vw; 
		line-height: 4.5vw;
	}

.text-overlay-bottom-left-custom-ultrapack-compartment-body {
		padding-left: 0%;
		font-size: 3.5vw; 
		line-height: 4.5vw;
}

	.text-overlay-bottom-left-wheels-body {
		padding-left: 30%;
		font-size: 3.5vw; 
		line-height: 4.5vw;
	}	

	.text-overlay-bottom-right-gen2-responsive-metal-midsole {
		text-align: right;
		position: absolute;
		top: 72%;
		right: 5%;
		z-index: 4;
	}

	.text-overlay-bottom-right-resposive-midsole-metal-body {
		font-size: 4.5vw; 
		line-height: 5.5vw;
	}

	.text-overlay-top-right-spxl-features {
		text-align: right;
		position: absolute;
		top: 3%;
		right: 5%;
		z-index: 4;
	}


	.text-overlay-top-left-custom-ultra-compartment-features {
		text-align: left;
		position: absolute;
		top: 6%;
		left: 5%;
		z-index: 4;
	}	


	.text-overlay-bottom-left-custom-ultrapack-wheels {
		text-align: right;
		position: absolute;
		top: 53%;
		right: 5%;
		z-index: 4;
	}



	.text-overlay-awr-body {
		font-size: 4vw;
    line-height: 4.7vw;
	}

	.text-overlay-top-right-awr {
    text-align: right;
    position: absolute;
    top: 7%;
    left: 40%;
    right: 5%;
    z-index: 4;
	}

	.text-vortx-header {
		font-size: 7vw;
		font-weight: 600;
		line-height: 4vh;
	}


}