.pic-size-xs { width:10%; }
.pic-size-s { width:25%; }
.pic-size-m { width:38%; }
.pic-size-l { width:50%; }
.pic-size-xl { width:75%; }
.pic-size-100 { width:100%; }
.pic-border { border: 1px solid #000 !important; }
.pic-shadow { /*box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;*/ /*box-shadow:0 5px 5px -3px #999 !important;*/ 
  -webkit-box-shadow: -1px 31px 13px -12px rgba(0,0,0,0.38); -moz-box-shadow: -1px 31px 13px -12px rgba(0,0,0,0.38);
  box-shadow: -1px 31px 13px -12px rgba(0,0,0,0.38); }
/*.pic-frame { padding:0.5rem !important; }*/
.pic-frame { background-color:#fff !important; }
.pic-size-xs.pic-frame { margin-bottom: 0.25rem !important; padding:0.25rem !important; }
.pic-max-xs.pic-frame { margin-bottom: 0.25rem !important; padding:0.25rem !important; }
.pic-size-s.pic-frame, .pic-size-m.pic-frame { margin-bottom: 0.5rem !important; padding:0.5rem !important; }
.pic-max-s.pic-frame, .pic-max-m.pic-frame { margin-bottom: 0.5rem !important; padding:0.5rem !important; }
.pic-size-l.pic-frame { margin-bottom: 0.65rem !important; padding:0.65rem !important; }
.pic-max-l.pic-frame { margin-bottom: 0.65rem !important; padding:0.65rem !important; }
.pic-size-xl.pic-frame, .pic-size-100.pic-frame { margin-bottom: 1rem !important; padding:1rem !important; }
.pic-max-xl.pic-frame, .pic-max-100.pic-frame { margin-bottom: 1rem !important; padding:1rem !important; }
.float-left.pic-size-xs { margin-right:0.25rem !important; }
.float-left.pic-max-xs { margin-right:0.25rem !important; }
.float-right.pic-size-xs { margin-left:0.25rem !important; }
.float-right.pic-max-xs { margin-left:0.25rem !important; }
.float-left.pic-size-s, .float-left.pic-size-m { margin-right:1rem !important; }
.float-left.pic-max-s, .float-left.pic-max-m { margin-right:1rem !important; }
.float-right.pic-size-s, .float-right.pic-size-m { margin-left:0.5rem !important; }
.float-right.pic-max-s, .float-right.pic-max-m { margin-left:0.5rem !important; }
.float-left.pic-size-l { margin-right:1.3rem !important; }
.float-left.pic-max-l { margin-right:1.3rem !important; }
.float-right.pic-size-l { margin-left:0.65rem !important; }
.float-right.pic-max-l { margin-left:0.65rem !important; }
.float-left.pic-size-xl { margin-right:1rem !important; }
.float-left.pic-max-xl { margin-right:1rem !important; }
.float-right.pic-size-xl { margin-left:1rem !important; }
.float-right.pic-max-xl { margin-left:1rem !important; }
.float-left.pic-size-100 { margin-left:0 !important; margin-right:0 !important; }
.float-left.pic-max-100 { margin-left:0 !important; margin-right:0 !important; }
.float-right.pic-size-100 { margin-left:0 !important; margin-right:0 !important; }
.float-right.pic-max-100 { margin-left:0 !important; margin-right:0 !important; }
.pic-align-middle { display: block !important; margin-left:auto !important; margin-right:auto !important; }

.pic-size-xs.pic-shadow {   margin-bottom:35px !important; }
.pic-max-xs.pic-shadow {   margin-bottom:35px !important; }
.pic-size-s.pic-shadow, .pic-size-m.pic-shadow {   margin-bottom:35px !important; }
.pic-max-s.pic-shadow, .pic-max-m.pic-shadow {   margin-bottom:35px !important; }
.pic-size-l.pic-shadow {   margin-bottom:35px !important; }
.pic-max-l.pic-shadow {   margin-bottom:35px !important; }
.pic-size-xl.pic-shadow, .pic-size-100.pic-shadow {   margin-bottom:35px !important; }
.pic-max-xl.pic-shadow, .pic-max-100.pic-shadow {   margin-bottom:35px !important; }

.pic-size-xs.pic-shadow::after {   display: block; clear: both; content: ""; }
.pic-max-xs.pic-shadow::after {   display: block; clear: both; content: ""; }
.pic-size-s.pic-shadow::after, .pic-size-m.pic-shadow::after {   display: block; clear: both; content: ""; }
.pic-max-s.pic-shadow::after, .pic-max-m.pic-shadow::after {   display: block; clear: both; content: ""; }
.pic-size-l.pic-shadow::after {   display: block; clear: both; content: ""; }
.pic-max-l.pic-shadow::after {   display: block; clear: both; content: ""; }
.pic-size-xl.pic-shadow::after, .pic-size-100.pic-shadow::after {   display: block; clear: both; content: ""; }
.pic-max-xl.pic-shadow::after, .pic-max-100.pic-shadow::after {   display: block; clear: both; content: ""; }