@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@charset "utf-8";
.social-right{position:fixed;right:0;top:40%;z-index:99999999}
.social-right .list-block li{margin:6px 0}
#loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 0.9;
  background-color: #fff;
  z-index: 9999999999999999;
  text-align: center;
}

#loading-image {
  position: absolute;
  top: 50%;
  left: 45%;
  z-index: 9999999999999999;
  width:32px;
}

.grey-box-icon { 
padding: 15px 20px 20px 20px;
text-align: center;
margin-bottom: 20px;
position: relative;
}
.grey-box-icon a {
  margin: 20px 0 0;
  color: #fff;
  padding: 10px 20px;
  border: 1px solid #fff;
  display: inline-block;
}
.grey-box-icon-pos{
    margin-top: -88px;
    margin-bottom: 31px;
}
.grey-box-icon:hover .fontawesome-icon.circle-white {
background-color: #f6f6f6;
color: #697277;
-moz-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.b1 {
  color: #fff;
  background: #F44336;
}
.b2 {
  color: #fff;
  background: #973CB6;
}
.b3 {
  color: #fff;
  background: #5EC64D;
}
.b4 {
  color: #fff;
  background: #29AAE2;
}
.pagehead
{
  color: #fff;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.55);
  border-bottom: 5px solid #f39914;
  background-color: rgb(18, 101, 93);
  font-size: 200%;
  text-align: center;
  font-weight: bold;
}
pagehead.h5 {
background: #f4c30f;
padding: 5px;
color: #fff;
font-size: 17px;
}