 footer {
     padding: 15px 0;
     text-align: center;
}
 footer ul {
     margin-bottom: 0;
     padding: 0;
     list-style: none;
}
 footer ul li {
     display: inline-block;
}
 footer ul li a {
     color: inherit;
     padding: 15px;
     font-weight: 500;
     font-size: 12px;
     text-transform: uppercase;
     border-radius: 3px;
     text-decoration: none;
     position: relative;
     display: block;
}
 footer ul li a:hover {
     text-decoration: none;
}
 footer ul li .btn {
     margin: 0;
}
 footer ul.links-horizontal:first-child a {
     padding-left: 0;
}
 footer ul.links-horizontal:last-child a {
     padding-right: 0;
}
 footer ul.links-vertical li {
     display: block;
     margin-left: -5px;
     margin-right: -5px;
}
 footer ul.links-vertical li a {
     padding: 5px;
}
 footer .social-buttons a, footer .social-buttons .btn {
     margin-top: 5px;
     margin-bottom: 5px;
}
 footer .footer-brand {
     float: left;
     height: 50px;
     padding: 15px 15px;
     font-size: 18px;
     line-height: 20px;
     margin-left: -15px;
}
 footer .footer-brand:hover, footer .footer-brand:focus {
     color: #3C4858;
}
 footer .copyright {
     padding: 15px 0;
}
 footer .copyright .material-icons {
     font-size: 18px;
     position: relative;
     top: 3px;
}
 footer .pull-center {
     display: inline-block;
     float: none;
}
 .footer-big {
     padding: 15px 4vw 15px 4vw;
}
 .footer-big .content {
     text-align: left;
     width:100%;
}
 .footer-big .social-feed i {
     font-size: 20px;
     float:left;
     padding-right: 10px;
     margin-top: 4px;
}
 .footer-big .social-feed p {
     vertical-align: top;
}
 .footer-big .gallery-feed img {
     width: 20%;
     margin-right: 5%;
     margin-bottom: 5%;
     float: left;
}
 .footer-black {
     background: #232323;
     background: -moz-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
    /* FF3.6+ */
     background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #585858), color-stop(100%, #232323));
    /* Chrome,Safari4+ */
     background: -webkit-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
    /* Chrome10+,Safari5.1+ */
     background: -o-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
    /* Opera 12+ */
     background: -ms-radial-gradient(center, ellipse cover, #585858 0%, #232323 100%);
    /* IE10+ */
     background: radial-gradient(ellipse at center, #585858 0%, #232323 100%);
    /* W3C */
     background-size: 550% 450%;
}
 .footer-black a {
     color: #FFFFFF;
     opacity: .86;
}
 .footer-black a:hover, .footer-black a:focus {
     opacity: 1;
}
 .footer-black .footer-brand {
     color: #FFFFFF;
}
 .footer-black .footer-brand:hover, .footer-black .footer-brand:focus {
     color: #FFFFFF;
}
 .footer-black h5, .footer-black h4, .footer-black i, .footer-black .copyright {
     color: #FFFFFF;
}
 .footer-black hr {
     border-color: rgba(255, 255, 255, 0.2);
     margin-top: 25px;
     margin-bottom: 15px 
}
 .footer-big .content {
     text-align: left;
}
 .row {
     margin-right: -15px;
     margin-left: -15px;
}
 .row:after, .row:before {
     display: table;
     content: " ";
}
 .col-md-4 {
     width: 33.33333333%;
}
 .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
     float: left;
     position: relative;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
}
 .footer-black h5 {
     color: #FFFFFF;
     font-weight: 700;
     font-size: 1.25em;
     line-height: 1.55em;
     margin-bottom: 15px;
}
 .footer-big p {
     color: #999999;
     margin:0 0 10px;
     font-size:14px;
}
 .footer-big .social-feed p {
     overflow: hidden;
}
 .footer-big p {
     color: #999999;
}
 .footer.footer-black.footer-big ul.nav{
    float:left;
}
 .footer.footer-black.footer-big ul.nav li{
    display:inline-block;
}
 .footer.footer-black.footer-big ul.nav li a{
     padding: 15px;
     font-weight: 500;
     font-size: 12px;
     text-transform: uppercase;
     border-radius: 3px;
     text-decoration: none;
     position: relative;
     display: block;
}
 .rounded {
     border-radius: 6px !important;
}
 .img-raised {
     -webkit-box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
     box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
 ul.recents-post li{
    display:inline-block;
    width:100%;
    margin-bottom:0;
}
 ul.recents-post li .recent-image{
     float: left;
     width: 60px;
     margin-right: 11px;
     height: 55px;
    margin-bottom:10px;
}
 ul.recents-post li .recent-image a{
    padding:0;
    display:inline;
}
 ul.recents-post li .recent-image a img{
     height: 100%;
     object-fit: cover;
}
 ul.recents-post li .content .title a{
    padding:0;
    text-transform: inherit;
}
 .site-footer-content .subscribe-email{
     display: block;
     background: none;
     font: 15px "Roboto", sans-serif;
     border: 1px solid #ddd;
     padding: 10px 15px;
     height: 44px;
     width: 100%;
     margin-bottom: 15px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease;
     -webkit-border-radius: 25px;
     -moz-border-radius: 25px;
     -ms-border-radius: 25px;
     border-radius: 2px;
     text-align: center;
     color: #fff;
}
 .site-footer-content .subscribe-email::placeholder{
    color:#999;
}
 .site-footer-content button[type="submit"]{
     display: inline-block;
     background: #888888;
     color: #fff;
     font-size: 14px;
     padding: 11px 30px;
     border-radius: 2px;
     letter-spacing: 0.5px;
     line-height: 1;
     border: 2px solid transparent;
     width: 100%;
}
 @media screen and (max-width:767px){
     .col-md-4 {
        width:100%;
        text-align:center;
        margin-bottom: 20px;
    }
     .footer.footer-black.footer-big .social-feed{
        width: 100%;
        text-align:center;
    }
     .footer.footer-black.footer-big .social-feed a{
        display:inline-block;
    }
     .footer.footer-black.footer-big h5{
         margin-top: 20px;
    }
     footer .copyright {
        padding: 5px 0;
    }
     .footer-black hr{
        margin-top: 10px;
        margin-bottom: 10px;
    }
     .footer.footer-black.footer-big ul.recents-post{
        border: 1px solid #5a5757;
        padding: 15px;
    }
}
 