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

}





















Ca Pro Embroidery FS Lace Up Sneakers







Product Details







Lace up construction




Leather and textile upper



Rubber outsole



Textile lining and insole







Color: Puma White-Poppy Red



This Ca Pro Embroidery Sneakers are very similar to the signature platform Pumas. The colorway is what makes this shoe interesting, with the red details on the side of the shoes.




Additional Details




Manufacturer Color: Puma White-Poppy Red


Color: Red


Occasion: Casual


Gender: Mens


Age: Adult


Brand: Puma