@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);



.box {
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px 25px;
    text-align: right;
    display: block;
    margin-top: 60px;
}
.box-icon {
    background-color: #57a544;
    border-radius: 50%;
    display: table;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    margin-top: -61px;
}
.box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.info h4 {
    font-size: 26px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.info > p {
    color: #717171;
    font-size: 16px;
    padding-top: 10px;
    text-align: justify;
}
.info > a {
    background-color: #03a9f4;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.info > a:hover {
    background-color: #0288d1;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}

.footer-transparent,
.subscribe-line-transparent {
  background-color: rgba(30, 30, 30, 0.97);
  color: #DDDDDD;
}
.footer-black nav > ul a,
.footer-transparent nav > ul a,
.subscribe-line-transparent nav > ul a {
  color: #FFFFFF;
}
.footer-black nav > ul a:hover, .footer-black nav > ul a:focus,
.footer-transparent nav > ul a:hover,
.subscribe-line-transparent nav > ul a:hover,
.footer-transparent nav > ul a:focus,
.subscribe-line-transparent nav > ul a:focus {
  color: #9A9A9A;
}
.footer-black .social-area > a:not(.btn),
.footer-transparent .social-area > a:not(.btn),
.subscribe-line-transparent .social-area > a:not(.btn) {
  color: #FFFFFF;
}
.footer-black .social-area > a:not(.btn):hover, .footer-black .social-area > a:not(.btn):focus,
.footer-transparent .social-area > a:not(.btn):hover,
.subscribe-line-transparent .social-area > a:not(.btn):hover,
.footer-transparent .social-area > a:not(.btn):focus,
.subscribe-line-transparent .social-area > a:not(.btn):focus {
  color: #9A9A9A;
}
.footer-black .btn-social,
.footer-transparent .btn-social,
.subscribe-line-transparent .btn-social {
  color: #FFFFFF;
}
.footer-black hr,
.footer-transparent hr,
.subscribe-line-transparent hr {
  border-color: #444444;
}
.footer-black .title,
.footer-transparent .title,
.subscribe-line-transparent .title {
  color: #DDDDDD;
}

.footer-transparent, .subscribe-line-transparent {
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}
.footer-transparent .container, .subscribe-line-transparent .container {
  z-index: 2;
  position: relative;
}
.footer-transparent::after, .subscribe-line-transparent::after {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgba(17, 17, 17, 0.5);
  display: block;
  content: "";
  z-index: 1;
}