/* 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 Classic Lace Up Sneakers







Product Details







Leather upper




Rubber midsole and outsole



Lace closure for a snug fit



Debossed and foil printed PUMA No. 2 Logo at quarter



PUMA Formstrip at lateral sides



Color: Puma White



Elevate your casual sneaker game with the PUMA CA Pro Classic sneakers. These sleek and stylish sneakers are the perfect addition to any outfit, whether you're hitting the city streets or just chilling with friends. With PUMA's signature comfort and quality, these sneakers offer a supportive fit and durable construction that will keep you stepping out in style for years to come. Upgrade your footwear collection with the PUMA CA Pro Classic sneakers and experience the perfect blend of fashion and function.




Additional Details




Manufacturer Color: Puma White


Color: White


Occasion: Casual


Gender: Mens


Age: Adult


Brand: Puma