/* FONTS AND COLORS */
body {
font-family: Arial, sans-serif;
font-style: normal;
font-weight: 100;
font-size: 16px;
line-height: 1.428571429;
color: #333;
background-color: white;
}

h1, h2, h3, h5, h6 {
color: black;
}
h4{
color:#9e9c9c;
font-family:Arial, sans-serif;
font-weight:200;
font-size:18px;
line-height:0px;
}
h5{
font-weight:200;
font-size:20px;
text-align:center;
padding-bottom:0;
margin-bottom:0;
}

.spec{
width:100px;
height:2px;
background-color:#f0535b;
border:0;
}
.spec2{
width:100px;
height:2px;
background-color:#f0535b;
border:0;
align:left;
margin-left;0;
}

.specifications{
font-size:12px;
text-transform:uppercase;
color:#9e9c9c;

}
.navbar a, .navbar a:active, .navbar a:hover, .navbar a:visited {
color: #333;
}

.product-specs {
border:0;
border-collapse:collapse;
}
.product-specs td {
font-size:12px;
}
.attr-left {
background: #f9564f;
color: #fff;
display:inline- block;
float: left;
font-size: 12px;
margin-right: 20px;
padding-right: 12px;
text-align: right;
text-transform: uppercase;
width: 100px;
font-weight: 400;
border-collapse:collapse;
}
.gallery{

}

.attr-right {
vertical-align:middle;
float:left;
line-height:20px;
color:#333;
font-size:16px;
}


div.footer {
border-top: 1px solid #f1f1f1;
}

.navbar-default {
background:#ffffff;
}

.navbar-default .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
}

/* LAYOUT - CHANGING THESE WILL AFFECT THE SIZE AND LAYOUT OF YOUR AD TEMPLATE */

/* Responsive Columns */
.col-md-6{width:100%;}
.col-md-12{width:100%;}
.container{margin:auto;max-width:100%;}
.value-prop{ font-size:10px; display:block; padding-top:50%; float:left;}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px){
.container{width:750px;}
.col-md-12, .col-md-6{float:left;}
.col-md-6{width:48%; margin:1%;}
.value-prop{display:block; float:right; padding-top:10%; font-size:13px;}
}
@media (min-width:992px){
.container{width:970px;}
.col-md-12,.col-md-6{float:left;}
.col-md-6{width:48%; margin:1%;}
.value-prop{display:block; float:right; padding-top:6%; font-size:13px;}
}
@media (min-width:1200px){
.container{width:100%;}
.col-md-12,.col-md-6{float:left;}
.col-md-6{width:48%; margin:1%;}
.value-prop{display:block; float:left; padding-top:10%; font-size:13px;}
}
.img-responsive{display:block;height:auto;max-width:100%;}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
.col-md-6{width:100%;}
.col-md-12{width:100%;}
.container{margin:auto;max-width:100%;}
.value-prop{ font-size:10px; display:block;}}


/* Responsive Navigation Bar */
.nav{padding-left:0;margin-bottom:0;list-style:none;}
.nav:before, .nav:after{display:table;content:" ";}
.nav:after{clear:both;}
.nav:before, .nav:after{display:table;content:" ";}
.nav:after{clear:both;}
.nav > li{position:relative;display:block;}
.nav > li > a{position:relative;display:block;padding:10px 15px;}
.nav > li > a:hover, .nav > li > a:focus{text-decoration:none;background-color:#eeeeee;}
.nav > li > a > img{max-width:none;}
.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent; width:100%;}
@media (min-width:768px){.navbar{border-radius:4px;}
}
.navbar-header:before, .navbar-header:after{display:table;content:" ";}
.navbar-header:after{clear:both;}
.navbar-header:before, .navbar-header:after{display:table;content:" ";}
.navbar-header:after{clear:both;}
@media (min-width:768px){.navbar-header{float:left;}
}
.navbar-collapse{max-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch;}
.navbar-collapse:before, .navbar-collapse:after{display:table;content:" ";}
.navbar-collapse:after{clear:both;}
.navbar-collapse:before, .navbar-collapse:after{display:table;content:" ";}
.navbar-collapse:after{clear:both;}
.navbar-collapse.in{overflow-y:auto;}
@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none;}
.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important;}
.navbar-collapse.in{overflow-y:visible;}
}
@media (min-width:768px){.container > .navbar-header, container > .navbar-collapse{margin-right:0;margin-left:0;}
}
.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px;}
.navbar-brand:hover, .navbar-brand:focus{text-decoration:none;}
@media (min-width:768px){.navbar > .container .navbar-brand{margin-left:-15px;}
}
.navbar-nav{margin:7.5px -15px;}
.navbar-nav > li > a{padding-top:10px;padding-bottom:10px;line-height:20px;}
@media (min-width:768px){.navbar-nav{float:left;margin:0;}
.navbar-nav > li{float:left;}
.navbar-nav > li > a{padding-top:15px;padding-bottom:15px;}
.navbar-nav.navbar-right:last-child{margin-right:-15px;}
}
@media (min-width:768px){.navbar-left{float:left !important;}
.navbar-right{float:right !important;}
}

.CSSgal{
position: relative;
overflow: hidden;
height: 300px; /* Or set a fixed height */
}

/* SLIDER */
.CSSgal .slider{
height: 100%;
white-space: nowrap;
font-size: 0;
transition: 0.8s;
}

/* SLIDES */
.CSSgal .slider > *{
font-size: 1rem;
display: inline-block;
vertical-align: top;
height: 100%;
width: 100%;
background: none 50% no-repeat;
background-size: cover;
}


/* NAVIGATION */
.bullets{
position: relative;
z-index: 2;
bottom: 0;
padding: 10px 0;
width: auto;
height: auto;
max-width:20px;
max-height:20px;
text-align: center;
padding-top:40px;
}
.bullets > a{
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
text-decoration: none;
text-align: center;
border-radius: 50%;
background: rgba(255,255,255,1);
}
.CSSgal .bullets > a+a{
background: rgba(255,255,255,0.5); /* Dim all but first */
}
.CSSgal .bullets > a:hover{
background: rgba(0,255,255,0.9);
}

/* ACTIVE NAVIGATION ANCHOR */
.bullets >* { background: rgba(255,255,255,0.5); }
#s1:target ~ .bullets >*:nth-child(1){ background: rgba(255,255,255, 1); }
#s2:target ~ .bullets >*:nth-child(2){ background: rgba(255,255,255, 1); }
#s3:target ~ .bullets >*:nth-child(3){ background: rgba(255,255,255, 1); }
#s4:target ~ .bullets >*:nth-child(4){ background: rgba(255,255,255, 1); }
#s5:target ~ .bullets >*:nth-child(5){ background: rgba(255,255,255, 1); }
#s6:target ~ .bullets >*:nth-child(6){ background: rgba(255,255,255, 1); }

/* SLIDER ANIMATION POSITIONS */
#s1:target ~ .slider{ transform: translateX( 0%); -webkit-transform: translateX( 0%); }
#s2:target ~ .slider{ transform: translateX(-100%); -webkit-transform: translateX(-100%); }
#s3:target ~ .slider{ transform: translateX(-200%); -webkit-transform: translateX(-200%); }
#s4:target ~ .slider{ transform: translateX(-300%); -webkit-transform: translateX(-300%); }
#s5:target ~ .slider{ transform: translateX(-400%); -webkit-transform: translateX(-400%); }
#s6:target ~ .slider{ transform: translateX(-500%); -webkit-transform: translateX(-500%); }

.header-line{
height:5px;
background-color:#000;
border:0;
width:100%;
vertical-align-bottom;

}

.spec-details{
position: absolute;
left: 50%;
padding-top:20px;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
text-align:middle;

}





















Pure XT Refined Training Shoes







Product Details







Textile upper




Lace up closure



ProFoam midsole for lightweight responsiveness



Durable PUMAGRIP rubber on outsole for traction and durability



Thermoplastic Polyurethane Caging



Color: Puma White/Gray Violet



Ready to crush your next HIIT workout? Well, these are the shoes that will help. Built with ProFoam in the midsole, they offer exceptional lightweight responsiveness. And then there's the durable PUMAGRIP rubber compound on the outside, engineered for traction and durability. Comfort, style, strength. These are definitely the must have cross trainers you've been looking for.




Additional Details




Manufacturer Color: Puma White/Gray Violet


Color: White


Occasion: Casual


Gender: Mens


Age: Adult


Brand: Puma