/* Breadcrumbs
---------------------------------------------------------------------------------------------------------*/
.breadcrumbs { height:15px; line-height:15px; padding-bottom:15px; font-size:13px; }

/* Body
---------------------------------------------------------------------------------------------------------*/
.section { width:100%; max-width:1230px; margin:auto; position:relative; }
.column-left { float: left; width: 200px; }
.column-right { margin-left: 220px; min-height:270px; }

.repped-image { float:left; height: 40px; width:40px; border-radius:3px; background-position:center center; background-size:cover; background-color:#efefef; margin-bottom:5px;  }
.repped-name { float:left; height: 40px; line-height:40px; margin-bottom:5px; }

.artist-wrap { float:left; margin:0 3% 3% 0; background-color:#efefef; overflow:hidden; position:relative; cursor:pointer;  }
.artist-image { position:absolute; left:0; top: 0; width:100%; height:100%; background-size: cover; background-position:center center; z-index:5; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } 
.artist-text { position: absolute; left:0; bottom: 5px; background-image:url('https://cafans.b-cdn.net/lib/images/blacktrans.png'); padding:5px; text-align:center; width:100%; font-family: 'Lato',arial,helvetica,sans-serif; color:#fff; font-size: 13px; text-shadow: 0 0 5px black; z-index:10; }
.artist-wrap a { color:#FFF; text-transform:uppercase; font-weight:400; }
.artist-wrap:hover .artist-image, .artist-wrap:focus .artist-image { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.artist-wrap:hover .artist-image:before, .artist-wrap:focus .artist-image:before { display: block; }
.artist-wrap:hover a, .artist-wrap:focus a { display: block; }

.artist-wrap-sm { text-align:center; display:inline-block; margin:0 .5% 0 0; background-color:#efefef; overflow:hidden; position:relative; cursor:pointer;  }
.artist-image-sm { position:absolute; left:0; top: 0; width:100%; height:100%; background-size: cover; background-position:center center; z-index:5; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } 
.artist-text-sm { position: absolute; left:0; bottom: 0px; background-image:url('https://cafans.b-cdn.net/lib/images/blacktrans.png'); padding:1px; text-align:center; width:100%; font-family: 'Lato',arial,helvetica,sans-serif; color:#fff; font-size: 8px; text-shadow: 0 0 5px black; z-index:10; }
.artist-wrap-sm a { color:#FFF; text-transform:uppercase; font-weight:400; }
.artist-wrap-sm:hover .artist-image, .artist-wrap:focus .artist-image { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.artist-wrap-sm:hover .artist-image:before, .artist-wrap:focus .artist-image:before { display: block; }
.artist-wrap-sm:hover a, .artist-wrap:focus a { display: block; }

.seven { width: 8%; padding-bottom: 8%; }
.ten { width: 9%; padding-bottom: 9%; }
.fifteen { width: 15%; padding-bottom: 15%; }
.sixteen { width: 16%; padding-bottom: 16%; }
.twenty { width: 12%; padding-bottom: 12%; }
.twentyone { width: 19%; height: 50%; padding-bottom: 22%; }
.twentyfive { width: 24%; padding-bottom: 25%; }
.twentytwo { width: 22%; padding-bottom: 22%; }
.thirtythree { width: 32%; padding-bottom: 32%; }
.hundred { width: 100%; padding-bottom: 100%; }


.six { width:16.66%; }
.five { width:20%; }
.four { width:25%; }
.three { width:33%; }

.thirty { float:left; width:30%; } 
.fourty { float:left; width:38%; } 
.fifty { float:left; width:50%; } 
.sixty { float:left; width:62%; }
.seventy { float:left; width:70%; }

.artist-imagebox { float:left; height: 150px; width:150px; margin:10px 10px 10px 0; border-radius:5px; border:2px solid #000; }

/* Dealer Artist Section
---------------------------------------------------------------------------------------------------------*/

.commission-more a, .commission-more a:link, .commission-more a:visited { display: block; margin-top:10px; margin-bottom:10px;  padding: 0 7px 0 7px; margin: 0 5px 0 0; font-weight: normal; color: #FFF; width:200px; font-size: 14px; line-height: 24px; text-align: center; height: 24px; background-color: #58be54; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.commission-more a:hover { color: #FFF; background-color: #24873f; }

.green-button a, .commission-more a:link, .commission-more a:visited { display: block; margin-top:10px; margin-bottom:10px;  padding: 0 7px 0 7px; margin: 0 5px 0 0; font-weight: normal; color: #FFF; font-size: 12px; line-height: 24px; text-align: center; height: 24px; background-color: #58be54; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.green-button a:hover { color: #FFF; background-color: #24873f; }

.box-intro {
  transition: box-shadow .3s;
  width: auto;
  height: auto;
  padding-top: 0px;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:15px;
  margin: 1px;
  border-radius:10px;
  border: 1px solid #ffd052;
  background: #fff;
  float: left;
  
}
.box-intro:hover {
 border: 1px solid #ffd052;
 box-shadow: 5px 10px 13px #ccc; 
}

.box {
  transition: box-shadow .3s;
  width: 300px;
  height: 200px;
  padding:15px;
  margin: 10px;
  border-radius:10px;
  border: 1px solid #f0f0f0;
  background: #fff;
  float: left;
  
}
.box:hover {
 border: 1px solid #ffd052;
 box-shadow: 5px 10px 13px #ccc; 
}

.box-auto {
  transition: box-shadow .3s;
  width: auto;
  height: auto;
  padding-top: 0px;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:15px;
  margin: 1px;
  border-radius:10px;
  border: 1px solid #f0f0f0;
  background: #fff;
  float: left;
  
}
.box-auto:hover {
 border: 1px solid #ffd052;
 box-shadow: 5px 10px 13px #ccc; 
}