@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300);

section#services {
    padding: 50px 0;
}
 

.emerald {
  background-color: #f0f0f0;
}

.btn-social {
  border: 0;
  color: #fff;
  border-radius: 100%;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  padding: 0;
}
.btn-social.btn-facebook {
  background: #4f7dd4;
}
.btn-social.btn-facebook:hover {
  background: #789bde;
}
.btn-social.btn-twitter {
  background: #5bceff;
}
.btn-social.btn-twitter:hover {
  background: #8eddff;
}
.btn-social.btn-linkedin {
  background: #21a6d8;
}
.btn-social.btn-linkedin:hover {
  background: #49b9e3;
}
.btn-social.btn-google-plus {
  background: #dc422b;
}
.btn-social.btn-google-plus:hover {
  background: #e36957;
}
.btn-social:hover {
  color: #fff;
}

#social-media .icon-facebook {
  background-color: #3c5899;
}
#social-media .icon-facebook:hover {
  background-color: #4e6fba;
}
#social-media .icon-twitter {
  background-color: #29c5f6;
}
#social-media .icon-twitter:hover {
  background-color: #5ad2f8;
}
#social-media .icon-google-plus {
  background-color: #d13d2f;
}
#social-media .icon-google-plus:hover {
  background-color: #da6459;
}
#social-media .icon-pinterest {
  background-color: #c61118;
}
#social-media .icon-pinterest:hover {
  background-color: #ec1e26;
}
.icon-lg {
  font-size: 48px;
  height: 108px;
  width: 108px;
  line-height: 108px;
  color: #fff;
  margin: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  display: inline-block !important;
  border-radius: 100%;
}
.icon-md {
  font-size: 36px;
  height: 68px;
  width: 68px;
  line-height: 68px;
  color: #fff;
  margin-right: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  display: block;
  border-radius: 50%;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}

 .icon-stat {
     font-size: 2em;
     height: 53px;
     width: 53px;
     line-height: 53px;
     color: #888888;
     margin: 30px auto 0;
     background-color: #cccccc;
     text-align: center;
     display: block;
     border-radius: 50%;
     -webkit-transition: 500ms;
     -moz-transition: 500ms;
     -o-transition: 500ms;
     transition: 500ms;
 }

 .stat-title {
     margin:5px 0 0;
     font-size:14px;
     color:#888888;
 }

.shortcut {
    background: #f0f4f8  none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 20px;
    text-align: center;
}
.shortcut-icon {
    font-size: 50px;
}
.shortcut h3 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
}
.total-items {
    color: #888;
    font-size: 12px;
}

 .icon-gray {
     color: #888888;
 }
.icon-blue {
    color: #09639e;
}
.icon-blue:hover {
    color: #04568c;
}
.icon-green {
    color: #99cc33;
}
.icon-green:hover {
    color: #93c42f;
}
.icon-brown {
    color: #855410;
}
.icon-brown:hover {
    color: #633c06;
}
.icon-violet {
    color: #c406b4;
}
.icon-violet:hover {
    color: #b007a2;
}
.icon-dark-blue {
    color: #0c1d6b;
}
.icon-dark-blue:hover {
    color: #07175e;
}
.icon-orange {
    color: #f57f0a;
}
.icon-orange:hover {
    color: #d46d06;
}
.icon-light-blue {
    color: #1ba7de;
}
.icon-light-blue:hover {
    color: #158dbd;
}
.icon-light-green {
    color: #149c7e;
}
.icon-light-green:hover {
    color: #098066;
}