@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700");
.footer-body { position: relative; overflow: hidden;}
.footer-body a {color: inherit;}
.footer-body .grid-menu {background-color: #f1f1f1;padding: 60px;font-size: 14px;font-weight: 600}
.footer-body .col-md-3 {text-align: center}
.footer-body .menu { margin: 0 auto}
.footer-body .menu .menu-item {margin-bottom: 36px;text-align: left;letter-spacing: 1px}
.footer-body .menu .menu-item:hover {color: #909090}
.footer-body .menu .menu-item:last-child {margin-bottom: 0}
.footer-body .social .title {font-size: 14px;font-weight: 400;letter-spacing: 1px;margin-bottom: 36px;text-transform: uppercase;font-weight: 700}
.footer-body .social .social-item {height: 30px; margin-bottom: 40px}
.footer-body .social .social-item:hover {color: #909090}
.footer-body .social .text {display: block;float: left;margin-left: 18px;height: 32px;line-height: 32px}
.footer-body .social .menu-icon {width: 32px;height: 32px;display: block;float: left;border-radius: 5px}
.footer-body .copyright {
        background-image: -webkit-gradient(linear,left top,left bottom,from(#6d6d6d),to(#4b4a4f));
        background-image: -o-linear-gradient(#6d6d6d,#4b4a4f);
        background-image: linear-gradient(#6d6d6d,#4b4a4f);
        background-color: #666;
        padding: 15px 0;
        font-size: 13px;
        letter-spacing: 1px
}

.footer-body .copyright .copyright-menu {float: left}
.footer-body .copyright .copyright-menu .menu-item {
                display: inline-block;
                color: #fff;
                height: 17px;
                line-height: normal;
                font-size: 13px;
                margin-bottom: 0;
                padding: 0 12px;
                border-right: 1px solid #888
}

.footer-body .copyright .copyright-menu .menu-item:last-child { border: none}
.footer-body .copyright .text { float: right; padding: 0 15px; color: #fff}
.container:after, .container:before, .row:after, .row:before {
    content: " ";
    display: table;
}
.container{width:100%; max-width:1920px;}
.container:after{clear:both;}

@media (max-width:1024px) {
.footer-body .grid-menu {padding: 0}
.footer-body .col-md-3 {text-align: left}
.footer-body .menu {display: block;padding: 0 20px }
.footer-body .menu .menu-item { margin-bottom: 0}
.footer-body .menu .menu-item > a {
                display: block;
                margin-bottom: 0;
                padding-top: 22px;
                padding-bottom: 14px;
                border-bottom: 1px solid #cacaca;
                position: relative
}

.footer-body .menu .menu-item > a:after {
                    content: "";
                    display: block;
                    width: 10px;
                    height: 12px;
                    background: url(/themes/sharp/images/dbl-angle.png);
                    background-size: 100% 100%;
                    position: absolute;
                    right: 0;
                    top: 24px
}

.footer-body .social { margin-top: 30px; padding: 0 20px}
.footer-body .social .title {display: none}
.footer-body .social .menu-icon {width: 24px;height: 24px}
.footer-body .social .text {
            line-height: 24px;
            height: 24px;
            margin-left: 6px;
            max-width: 120px;
            overflow: hidden
}

.footer-body .social .social-item {margin-bottom: 16px}
.footer-body .copyright {padding: 0;height: 60px}
.footer-body .copyright .copyright-menu {
            height: 30px;
            padding-top: 9px;
            float: none;
            display: block;
            text-align: center
}
.footer-body .copyright .copyright-menu .menu-item {height: 12px;line-height: 12px }
.footer-body .copyright .text {
            height: 30px;
            font-size: 10px;
            line-height: 30px;
            float: none;
            display: block;
            text-align: center
}
}

@media (max-width:768px) {
    .footer-body .social {
        padding-left: 20px
    }

        .footer-body .social .social-item {
            margin-right: 10px
        }

        .footer-body .social .text {
            display: none
        }

        .footer-body .social .col-xs-12 {
            width: auto
        }
}

@media (min-width:1025px) {
    .footer-body .container, .header-body .container {
        padding-left: 15px;
        padding-right: 15px
    }
    .col-md-3{width:25%; float:left;}
    .col-md-6{width: 50%; float:left;}

}

@media (min-width: 768px){
    .col-sm-6 { width: 50%; float:left;}
}


.footer {
    margin-top: 45px;
    padding-top: 35px;
    padding-bottom: 36px;
    border-top: 1px solid #e5e5e5
}
.clearfix:after, .clearfix:before, .filter-wrapper:after, .filter-wrapper:before{content:" "; display:table;}
.clearfix:after, .filter-wrapper:after{clear:both;}