/***
 *** Footer
 ***/

.whole-footer-area {
    padding: 95px 0px 28px;
    background-color: #263238;
}

.whole-footer-area .footer-area .view-menu-block {
    display: flex;
    flex-wrap: wrap;
}

.whole-footer-area .footer-area .view-menu-block h3,
body.path-frontpage .footer-area .view-menu-block h3
 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 16px;
    pointer-events: none;
}

.whole-footer-area .footer-area .view-menu-block ul.menu.menu--footer-service {
    margin-bottom: 80px;
}

.whole-footer-area .footer-area .view-menu-block ul.menu.menu--footer-partners {
    margin-bottom: 46px;
}

.whole-footer-area .footer-area .view-menu-block .col-1,
.whole-footer-area .footer-area .view-menu-block .col-2,
.whole-footer-area .footer-area .view-menu-block .col-3,
.whole-footer-area .footer-area .view-menu-block .col-4 {
    flex: 1 25%;
    max-width: 25%;
}

.whole-footer-area .footer-area .view-menu-block ul.menu,
.whole-footer-area .footer-area .view-menu-block ul.menu li {
    list-style: none;
    list-style-image: none;
    padding: 0px;
    margin: 0px;
}

.whole-footer-area .footer-area .view-menu-block ul.menu li a {
    padding: 0px;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: rgba(225, 225, 255, 0.5);
    cursor: pointer;
    margin-bottom: 15px;
    background: none;
	display: inline-block;
    transition: all 0.5s ease;
}

.whole-footer-area .footer-area .view-menu-block ul.menu li:last-child a {
    margin-bottom: 0px;
}

.whole-footer-area .footer-area .view-menu-block ul.menu li a:hover {
    color: #ffffff;
}

.whole-footer-area .footer-area .copyright {
    padding: 16px 0px 0px;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: rgba(225, 225, 255, 0.5);
}

.footer-logo-social-link {
    width: 100%;
    overflow: hidden;
    padding-top: 76px;
}

.footer-logo-social-link .footer-logo {
    width: 100%;
    overflow: hidden;
}

.footer-logo-social-link .copyright-area {
    float: left;
    width: 50%;
}

.footer-logo-social-link .social-link,
.footer-logo-social-link .subscribe-link {
    float: right;
    padding-top: 14px;
    width: 25%;
}

.footer-logo-social-link ul,
.footer-logo-social-link ul li,
.footer-logo-social-link ul li,
.footer-logo-social-link ul {
    list-style: none;
    list-style-image: none;
    padding: 0px;
    margin: 0px;
}

.footer-logo-social-link .footer-logo ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    padding-right: 20px;
    border-right: 1px solid #37474F;
}

.footer-logo-social-link .footer-logo ul li:last-child {
    margin-right: 0px;
    padding-right: 0px;
    border-right: 0px;
}

body.path-frontpage .field--items .field--item .field .footer-logo-social-link .social-link h3,
.footer-logo-social-link .social-link h3,
body.path-frontpage .field--items .field--item .field .footer-subscribe-link .subscribe-link h3,
.footer-subscribe-link .subscribe-link h3
 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 10px;
}

.footer-logo-social-link .social-link ul li,
 .footer-logo-social-link .subscribe-link ul li {
    width: 20px;
    height: 20px;
    float: left;
	display: flex;
    vertical-align: middle;
    align-items: center;
    margin-right: 25px;
}

.footer-logo-social-link .social-link ul li:last-child {
    margin-right: 0px;
}

.footer-logo-social-link .social-link ul li a,
.footer-logo-social-link .subscribe-link ul li a {
    width: 100%;
    display: block;
    cursor: pointer;
    line-height: 14px;
}