/**
 * @author    RocketTheme http://www.rockettheme.com
 * @copyright Copyright (C) 2007 - 2015 RocketTheme, LLC
 * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */
/* Layout - Sprocket Lists - Core */
.sprocket-lists-portrait {position: relative;}
.sprocket-lists-portrait:after {display: table;content: "";*zoom: 1;clear: both;}
.sprocket-lists-portrait ul {list-style: none !important;margin: 0;padding: 0;}
.sprocket-lists-portrait-container {overflow: hidden;padding: 0 !important;}
.sprocket-lists-portrait-container li {padding: 10px 0;margin: 0;border-bottom: 5px solid rgba(0,0,0,0.1) !important;clear: both;overflow: hidden;cursor: pointer;}
.sprocket-lists-portrait-container li.active {cursor: inherit;}
.sprocket-lists-portrait-container li:last-child {border-bottom: 5px solid transparent !important;}

/* Layout - Sprocket Lists - Items */
.sprocket-lists-portrait-item {display: block;position: relative;}
.active .sprocket-lists-portrait-item {opacity: 1;margin-bottom: 0;}
.sprocket-lists-portrait-title {display: block;position: relative;margin: 15px 0;}
.sprocket-lists-portrait-item .sprocket-padding, .sprocket-lists-portrait-collapsed {padding: 10px;display: flex;display: -webkit-flex;}
.active .portrait-image {width: 30%;}
.portrait-image {width: 50px;display: inline-block;margin: 0 10px 0 0;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;-o-transition: width 0.3s;transition: width 0.3s;float: left;}
.sprocket-lists-portrait-item .readon {display: inline-block;margin-top: 15px;}

/* Layout - Sprocket Lists - Navigation */
.sprocket-lists-portrait-nav {display: table;width: 100%;}
.sprocket-lists-portrait-pagination {display: table-cell;vertical-align: middle;}
.sprocket-lists-portrait-pagination ul {float: left;margin: 0 !important;padding: 0 !important;}
.sprocket-lists-portrait-pagination li {display: inline-block !important;padding: 4px !important;opacity: 0.4;border-radius: 1em;cursor: pointer;width: 10px;height: 10px;}
.sprocket-lists-portrait-pagination li.active {opacity: 1;}
.sprocket-lists-portrait-pagination li span {display: none;font-size: 0em;line-height: 0em;}
.sprocket-lists-portrait-pagination-hidden {display: none;}
.sprocket-lists-portrait-arrows {display: table-cell;vertical-align: middle;}
.sprocket-lists-portrait-arrow ul {float: right;margin: 0 !important;padding: 0 !important;}
.sprocket-lists-portrait-arrows .arrow {display: block;width: 30px;height:30px;border-radius: 0px;border: 5px solid rgba(0,0,0,0.1);opacity: 0.5;cursor: pointer;float: right;margin-left: 5px;text-align: center;font-size: 2em;position: relative;background: transparent;color: rgba(0,0,0,0.1);}
.sprocket-lists-portrait-arrows .arrow:hover {opacity: 1;}
.sprocket-lists-portrait-arrows .arrow:before {content: '';width: 0;height: 0;position: absolute;top: 50%;margin-top: -5px;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.sprocket-lists-portrait-arrows .prev:before {left: 50%;margin-left: -3px;border-right: 5px solid;}
.sprocket-lists-portrait-arrows .next:before {right: 50%;margin-right: -3px;border-left: 5px solid;}

/* Layout - Sprocket Lists - Colors */
.sprocket-lists-portrait-pagination li {background: #000;color: #fff;}

/* Layout - Sprocket Lists - Transitions */
.sprocket-lists-portrait-arrows .arrow {-webkit-transition: opacity 0.2s ease-in;-moz-transition: opacity 0.2s ease-in;-o-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;}

/* Spinner */
.sprocket-lists-portrait.loading .spinner {margin: 5px auto;
  font-size: 3px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(42, 132, 214, 0.5);
  border-right: 1.1em solid rgba(42, 132, 214, 0.5);
  border-bottom: 1.1em solid rgba(42, 132, 214, 0.5);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;}
  
.sprocket-lists-portrait.loading .spinner,
.sprocket-lists-portrait.loading .spinner:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}