.uppercase {
text-transform:uppercase;
}

body {
font-family:Rokkitt;
font-weight:400;
}

/*p {
font-family:Open sans;
font-size:13px;
line-height:20px;
margin-bottom:20px
}
*/
#elements .btn {
display:block;
margin-bottom:15px;
}

.no-padding {
padding:0px !important;
}

.space20 { margin-bottom:20px;}
.space30 { margin-bottom:30px;}

.space50 { margin-bottom:50px;}



.btn-blue {
background:#5d8c8a;
}



.btn-books {
	margin-bottom: 10px;
	border: 1px solid #999;
}

/*.posts img {width: 25%}*/

/*==================================================
 *book shadow
 * ===============================================*/
.bookshadow {
  -webkit-box-shadow: 5px 5px 5px  #666;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    5px 5px 5px #666;  /* Firefox 3.5 - 3.6 */
  box-shadow:        5px 5px 5px  #666;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.col-xs-15{
    width:20%;
}

/*- - - - - - - - - - - - - - - - - - - - 
		   ACCORDION
- - - - - - - - - - - - - - - - - - - - */

#accordion {
}

.panel {
    border-radius: 0px;
}

.panel-default > .panel-heading {
	border-radius:0px;
	border:none;
}

.panel-title {
color: #888;
}

.panel-heading {
    padding: 0px 0px;
position:relative;
}

.panel-body {
background:#fff;
color:#2D2C2C;
/*padding:0px 20px 15px;
*/border:none !important;
}


.panel-heading .accordion-toggle {
    background: #fff;
  padding: 12px 0;
display: table;
width: 100%;
/*border:1px solid #e96546;
*/color:#888;
}



/*.panel-heading .accordion-toggle:after {
	content: "";
	background:url(../images/minus.png) no-repeat left center; 
	float: right;  
	width:15px;
	height:15px;
	position:relative;
	top:-0px;
	right:-10px;

}
*/
/*.panel-heading .accordion-toggle.collapsed:after {
	content: "";
	background:url(../images/plus.png) no-repeat left center;
	float: right;  
	width:15px;
	height:15px;
	position:relative;
	top:-0px;
	right:-2px;
}

.panel-heading .accordion-toggle:after {
	content: "";
	background:url(../images/minus.png) no-repeat left center; 
	float: right;  
	width:15px;
	height:15px;
	position:relative;
	top:-0px;
	right:12px;

}

.panel-heading .accordion-toggle.collapsed:after {
	content: "";
	background:url(../images/plus.png) no-repeat left center;
	float: right;  
	width:15px;
	height:15px;
	position:relative;
	top:-0px;
	right:12px;

}
*/

aside a.social:hover {
	background: #555;
	color: #fff;
}

aside a.social  {
	width: 30px;
	height: 30px;
	display: table;
	border-radius: 50%;
	background: #4c7271;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 18px;
	margin-bottom:15px;
	padding-top:5px;
}
/*my overlay*/

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.image-container {
  width:25%;
  position:relative;
  overflow: hidden; 
  display: inline-block;
}
  
.image-container img {
  max-width: 100%; 
  height: auto;
  display: block; /* added this */
  
}

.image-container a {
  position:absolute;
  color: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  z-index:2;
  background: rgba(133, 200, 198, 0.77);
  opacity:0;
  position:absolute;
  color: #fff;
/*  background: rgba(141, 178, 215, 0.77);
*/  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  text-align:center;
  font-size:40px;  
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  z-index:1;
}

.image-container:hover a {
  opacity:1 ;
}

.image-container .popup i {
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}  

.pull-right {margin: 0 0 1em 1em}