#pro-header {text-align: center;}




#pro-search{ padding-bottom: 10px;}
.search {max-width: 640px;}
.search .input-group.bd { 
   margin: 0.25rem auto;
   background-color: #fff;
   border-radius: 5px;
   border: 0px solid #fff;
   -webkit-box-shadow: rgba(155, 190, 255, 0.6) 0 0 5px;
   box-shadow: rgba(155, 190, 255, 0.6) 0 0 10px;
   transition: all .8s cubic-bezier(0,0,.2,1)}
.search input {outline: none; border: 1px solid #ddd; padding: 0.5rem 1rem;border-radius: 5px; font-size: 20px;}
.search button {padding: 0.5rem 1rem;outline: none;border: none;background-color: #204da8; color: #fff; border-radius: 5px;cursor: pointer; width: 100px;margin: 0.5rem auto;}
.form-control:focus {box-shadow: none;} 

.form-control::placeholder {
   color: #888 !important;
   opacity: 1; /* Firefox */
   font-weight: 300;
   font-size: 15px;
 }


#pro-btn-category { padding-bottom: 30px; }
.pro-btn-category {display: flex; align-items: center; justify-content: space-between; padding: 0;}
.pro-btn-category ul {display: contents; list-style: none;}
.pro-btn-category ul li {margin: 0 5px;}
.pro-btn-category ul li a { 
   text-decoration: none; font-size: 18px;
   font-weight: 400;
   color: #204da8;
   display: block;
   margin: 6px 0;
   padding: 6px 15px;
   background: #fafbff; 
   border-radius: 3px;
   border: 1px solid #fff;
   -webkit-box-shadow: rgba(155, 190, 255, 0.6) 0 0 3px;
   box-shadow: rgba(155, 190, 255, 0.6) 0 0 3px;
   transition: all .8s cubic-bezier(0,0,.2,1);

}
.pro-btn-category a:hover {color: #0047AB; background: rgb(225, 239, 252);}



#pro-main {padding: 0 10px 15px 10px;}
.pro-box {
   background-color: #fff;
   border-radius: 5px;
   border: 1px solid #fff;
   -webkit-box-shadow: rgba(155, 190, 255, 0.6) 0 0 10px;
   box-shadow: rgba(155, 190, 255, 0.6) 0 0 10px;
   transition: all .8s cubic-bezier(0,0,.2,1)
   /* cursor: pointer; */
}
.pro-img img {width: 100%; object-fit: cover; border-radius: 5px 5px 0 0;}

.pro-content {padding: 1rem; text-align: center;}
.pro-name {font-size: 14px; padding: 0;}
.pro-category {font-size: 14px;}

.pro-footer { text-align: center; }
.pro-footer .btn-default {background: #f5f9ff; width: 100%; border: none; border-radius: 0 0 5px 5px; color:#204da8; padding: 1rem; vertical-align: bottom; font-size: 14px;}
.pro-footer .btn-default:hover {background: #e3ecff; transition: all .8s cubic-bezier(0,0,.2,1)}