@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: 15%; left: 67%; z-index: 2;}
.main-image-text-rize { position: absolute; top: 25%; left: 67%; z-index: 2;}
.main-image-text-concorde { position: absolute; top: 25%; left: 65%; z-index: 2;}
.main-image-text-viper-pk { position: absolute; top: 2%; left: 9%; z-index: 2;}
.main-image-text-genesis { position: absolute; top: 25%; left: 61%; z-index: 2;}
.main-image-text-viper-pro-pk { position: absolute; top: 10%; left: 9%; z-index: 2;}
.main-image-text-pitch-toe { position: absolute; top: 10%; left: 9%; 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;
}*/


.ballistic-title { font-size: 6.75vw; color: #fff; text-align: center;}
.concorde-title { 
	font-size: 6.75vw; color: #fff; text-align: center;
	text-shadow: 2px 2px 4px rgba(0,0,0, 0.5);
}
.viper-px-title { font-size: 6.75vw; color: #fff; text-align: center;}
.boombah-title {font-size: 2vw; font-weight: 400; color: #fff; text-align: center;}
.boombah-title-rize {font-size: 2vw; font-weight: 400; color: #fff; text-align: center;}
.boombah-title-concorde {font-size: 2vw; font-weight: 400; color: #fff; text-align: center; text-shadow: 2px 2px 4px rgba(0,0,0, 0.5);}
.training-persona-text { font-weight: 100; font-size: 1.25vw; line-height: 1.75vw; text-align: center;}

.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;
}


.text-overlay-top-right-gen3-shop {
		text-align: right;
    position: relative;
    top: 11%;
    z-index: 4;
}

.text-overlay-top-right-gen3-bg-shop {
		text-align: left;
    position: absolute;
    top: 3%;
    right: 7%;
    color: #dadada;
    padding-top: 0%;
    font-size: 11vw;
}


.img-fluid-85 {
		max-width: 85%;
    width: 100%;
    height: auto;
}



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

    }

    .video-bg-overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
    }

    .video-bg-graident-right {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
    }


    .video-bg-graident-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
    }


.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;
	}


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

	.text-overlay-top-left-gen2-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-right-design-header-genesis-2 {
		padding-left: 55%; 
		font-size: 2vw;
		text-align: right;
	}

	.text-overlay-top-right-design-header-concorde {
		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-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-right-design-body-concorde {
		padding-left: 54%;
		font-size: 1.7vw;
		line-height: 2.7vw;
	}



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


	.text-overlay-top-genesis-2-design-body {
		padding: 0 2% 0 55%;
		font-size: 1.7vw;
		line-height: 2.7vw;
	}


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

	.text-overlay-top-left-upper-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: 60%;
		font-size: 1.7vw;
		line-height: 2.7vw;
	}

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

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


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


	.text-overlay-top-left-ptoe-body {
		padding-right: 55%;
		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-top-left-gen3-upper {
		text-align: left;
		position: absolute;
		top: 30%;
		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-right-sock-comfort-header {
		padding-left: 30%;
		font-size: 2vw;
	}

		.text-overlay-bottom-right-concorde-midsole-header {
		padding-left: 35%;
		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: 50%;
		font-size: 1.7vw; 
		line-height: 2.7vw;
	}


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


	.text-overlay-bottom-right-rize-toe-body {
		padding-left: 45%;
		font-size: 1.7vw; 
		line-height: 2.7vw;
	}


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



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


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



	.text-overlay-bottom-right-trampoline-heel {
		text-align: right;
		position: absolute;
		top: 71%;
		right: 5%;
		z-index: 4;
	}

	.text-overlay-bottom-right-concorde-upper {
		text-align: right;
		position: absolute;
		top: 64%;
		right: 5%;
		z-index: 4;
	}


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


	.text-overlay-bottom-right-gen3-midsole {
		text-align: right;
		position: absolute;
		top: 57%;
		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-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: #444;
		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-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: 1%;
		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; 
	padding-right: 5%;
}

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


.shop-now-botton-text{
		padding: 5%;
    border: 0.15vw solid #000;
    color: #000;
    font-size: 1.7vw;
    display: inline-block;
    text-align: center;
}

	
.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-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%;
  }

}

.collection-button a{
	padding: 10px 35px;
	background-color: #000;
	border: 2px solid #000;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.7vw; display:inline-block;
	cursor: pointer;
}

.collection-header {
	font-size: 2.7vw;
	font-weight: 400;
	text-transform: uppercase;
}

@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: -10%; left: 8%; z-index: 2;}
	.main-image-text-rize { position: absolute; top: 5%; left: 8%; z-index: 2;}
	.main-image-text-concorde { position: absolute; top: 0%; left: 4%; z-index: 2;}
	.main-image-text-viper-pk { position: absolute; top: -12%; left: 9%; z-index: 2;}
	.main-image-text-genesis { position: absolute; top: -12%; left: 9%; z-index: 2;}
	.main-image-text-viper-pro-pk { position: absolute; top: -12%; left: 25%; z-index: 2;}
	.main-image-text-pitch-toe { position: absolute; top: -13%; left: 14%; 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;
	}

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

	.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; }



	.ballistic-title { font-size: 12.75vw; color: #fff; text-align: center; }

	.concorde-title { 
		font-size: 12.75vw; color: #fff; text-align: center; 		
		text-shadow: 2px 2px 4px rgba(0,0,0, 0.5);
	}

	.viper-px-title { font-size: 10.75vw; color: #fff; text-align: center; }

	.boombah-title {font-size: 4vw; font-weight: 400;}
	.boombah-title-rize {font-size: 6vw; font-weight: 400;}
	.boombah-title-concorde {font-size: 6vw; font-weight: 400; text-shadow: 2px 2px 4px rgba(0,0,0, 0.5);}

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


	.img-fluid-85 {
		max-width: 100%;
    width: 100%;
    height: auto;
}

.text-overlay-top-right-gen3-bg-shop {
		text-align: left;
    position: absolute;
    top: 3%;
    right: 7%;
    color: #dadada;
    font-size: 21vw;
}

.video-bg-graident-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 90%);
}


.shop-now-botton-text{
		padding: 5%;
    border: 0.7vw solid #000;
    color: #000;
    font-size: 5vw;
    display: inline-block;
    text-align: center;
}


.text-overlay-top-right-gen3-shop {
		text-align: right;
    position: relative;
    top: 11%;
    padding-top: 20%;
    z-index: 4;
}


	
	.text-overlay-top-left-gen2-design {
		text-align: left;
		position: absolute;
		top: 14%;
		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-gen2-bg {
		text-align: left;
		position: absolute;
		top: 0%;
		left: 2%;
		color: #dadada;
		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: #444;
		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-design-header {
		padding-right: 40%; 
		font-size: 3.5vw;
	}

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

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

	.text-overlay-top-right-design-header-concorde {
		padding-left: 30%; 
		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-design-juggernaut-body {
		padding-right: 57%;
    font-size: 3vw;
    line-height: 3.7vw;
	}

	.text-overlay-top-right-design-body {
		padding-left: 60%;
		font-size: 3.5vw;
		line-height: 4vw;
	}


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

	.text-overlay-top-rize-design-body {
		padding-left: 53%;
		font-size: 3.5vw;
		line-height: 4vw;
	}


	.text-overlay-top-genesis-2-design-body {
		padding-left: 53%;
		font-size: 3.5vw;
		line-height: 4vw;
	}

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

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

	.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: 60%;
		font-size: 3.5vw;
		line-height: 4vw;
	}


	.text-overlay-top-left-rize-body {
		padding-right: 43%;
		font-size: 3.5vw;
		line-height: 4vw;
	}



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


	.text-overlay-top-left-materials-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: 4vw;
	}

	.text-overlay-bottom-right-concorde-midsole-header {
		padding-left: 46%;
		font-size: 4vw;
	}

	.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: 3.5vw; 
		line-height: 4vw;
	}

	.text-overlay-bottom-right-concorde-midsole-body {
		padding-left: 60%;
		font-size: 3.5vw; 
		line-height: 4vw;
	}

	.text-overlay-bottom-right-rize-toe-body {
		padding-left: 60%;
		font-size: 3.5vw; 
		line-height: 4vw;
	}


	.text-overlay-bottom-right-genesis-heel-body {
		padding-left: 60%;
		font-size: 3.5vw; 
		line-height: 4vw;
	}


	.text-overlay-bottom-right-px-midsole {
		padding-left: 60%;
		font-size: 3.5vw; 
		line-height: 4vw;
	}

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


	.text-overlay-bottom-right-trampoline-heel {
		text-align: right;
		position: absolute;
		top: 60%;
		right: 5%;
		z-index: 4;
	}	

	.text-overlay-bottom-right-concorde-upper {
		text-align: right;
		position: absolute;
		top: 60%;
		right: 5%;
		z-index: 4;
	}


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

	.text-overlay-bottom-right-gen3-midsole {
		text-align: right;
		position: absolute;
		top: 60%;
		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; 
	padding-right: 0%;
	}

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

	.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-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-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;
	}

	.text-overlay-top-left-upper-body {
		padding-right: 50%;
		font-size: 3.5vw;
		line-height: 4vw;
	}

.text-overlay-top-left-pt-body {
		padding-right: 50%;
		font-size: 3.5vw;
		line-height: 4vw;
	}

.text-overlay-top-left-ptoe-body {
		padding-right: 50%;
		font-size: 3.5vw;
		line-height: 4vw;
	}



	.text-overlay-top-left-gen3-upper {
		text-align: left;
		position: absolute;
		top: 10%;
		left: 5%;
		z-index: 4;
	}

	.collection-header {
	font-size: 7.7vw;
	font-weight: 400;
	text-transform: uppercase;
}

.collection-button a{
	padding: 10px 35px;
	background-color: #000;
	border: 2px solid #000;
	color: #fff;
	text-transform: uppercase;
	font-size: 4.4vw; display:inline-block;
	cursor: pointer;
}


}