/* 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;

}





















Suede Trippy Lace Up Sneakers







Product Details







Suede upper




Hairy suede overlays on toe, tongue, quarter, and heel



Mesh lining



Rubber midsole and outsole



Suede PUMA Formstrip



Color: Feather Gray/Cool Dark Gray/Feather Gray



The Suede hit the scene in 1968 and has been changing the game ever since. It's been worn by icons of every generation, and it's stayed classic through it all. Instantly recognisable and constantly reinvented, Suede's legacy continues to grow and be legitimised by the authentic and expressive individuals that embrace the iconic shoe. Make a statement with this Trippy version, which features hairy suede and stamped and debossed details.




Additional Details




Manufacturer Color: Feather Gray/Cool Dark Gray/Feather Gray


Color: Grey


Occasion: Casual


Gender: Mens


Age: Adult


Brand: Puma