footer {
    background: #003370;
    color: #fff;
    line-height: 150%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 680px;
	overflow:hidden;
}

footer:before {
	content:'';
	background: url(i/abstractbg.svg) no-repeat;
	background-size:cover;
	background-position:left center;
	position:absolute;
	left:-30%;
	width:160%;
	height:280px;
	z-index:10;
	opacity:.4;
}

footer .f {
    padding: 25px 20px 40px 20px;
    height: 100%;
    overflow: hidden;
	position:relative;
	z-index:20;
}

footer .f a {
    color: #fff;
}

footer .lng {
	margin-bottom:20px;
}

footer .lng select {
	border:none;
	padding:8px 20px;
	background:#81ade1;
	font-weight:bold;
}

footer .address {
    margin: 10px 0 25px 0;
    text-align: center;
}

footer .address .company-name {
    margin: 0 0 20px 0;
}

footer .address .company-address {
    /* text-align: left; */
}

footer .address .logo-icon,
footer .address .logo {
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 8px auto 8px auto;
}

footer .address .logo-icon {
    width: 40px;
    height: 40px;
}

footer .address .logo {
    width: 100px;
    height: 22px;
    background-image: url('i/logo_font_white.svg');
}

footer .address .name {
    margin: 0 0 20px 0;
}

footer .footer-menus {
    margin: 30px 0;
    overflow: hidden;
}

footer .menu a {
    display: inline-block;
    transition: color 0.2s ease-out, background 0.2s ease-out;
}

footer .menu a:hover {
    color: #ededed;
}

/*
footer .menu-2 li:last-of-type {
    margin: 15px 0 0 0;
}

footer .menu-2 li:last-of-type a {
    font-family: 'Volte Medium';
    padding: 5px 10px;
    background: #fff;
    color: #000;
}

footer .menu-2 li:last-of-type a:hover {
    background: #e6e6e6;
}
*/

footer .socials {
    margin: 0 0 30px 0;
}

footer .socials .fb-icon {
    display: block;
    height: 34px;
    width: 34px;
    background: url('i/facebook.svg');
}

footer #stw {
    display: block;
    position: absolute;
    right: 0;
    bottom: 2px;
    padding: 0 12px;
    font-size: 0.74em;
    letter-spacing: 0.02em;
}

@media screen and (min-width: 540px) {
    footer {
        height: 400px;
    }

    footer .f {
        padding: 30px 40px;
    }

    footer .footer-menus {
        margin: 15px 0 25px 0;
        display: inline-block;
    }

    footer .address {
        text-align: left;
    }

    footer .address .logo-icon,
    footer .address .logo {
        margin-left: 0;
    }
}

@media screen and (min-width: 800px) {
    footer .menu {
        display: inline-block;
        padding: 0 50px 0 0;
        vertical-align: top;
    }

    footer .socials {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        padding: 20px 0 0 0;
    }
}

@media screen and (min-width: 1020px) {
    footer {
        height: 260px;
    }

    footer .f {
        padding: 35px 50px;
    }

    footer .address {
        text-align: left;
    }

    footer .address .logo-icon,
    footer .address .logo {
        margin-left: 0;
    }

    
    footer .address .company-address {
        display: inline-block;
		margin-right:180px;
    }


    footer .footer-menus {
        display: inline-block;
        margin: 15px 0 0 0;
		float:right;
    }

    footer .menu {
        display: inline-block;
        vertical-align: top;
        padding: 0 100px 0 0;
    }
}

@media screen and (min-width: 980px) {
    footer .f {
        padding: 35px 60px;
    }
}

@media screen and (min-width: 1320px) {
    footer .f {
        padding: 35px 20px;
    }
}