/*** SCROLL TOP LINK ***/

#scroll-top-link {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 990;
	height: auto;
	width: auto;
	display: none;
	border-radius: 50%;
}

#scroll-top-link.active {
	display: inline;
	background: rgba(0,112,186,0.5);
}

#scroll-top-link.active:hover {
	background: rgba(0,112,186,1);
}

#scroll-top-link.active .scroll-top-link {
	display: block;
    height: 50px;
    width: 50px;
	background: url(../images/top.active.png) center center no-repeat;
	background-size: 25px 13px;
	text-decoration: none;
}

#scroll-top-link.active .scroll-top-link:hover {
	background: url(../images/top.active.png) center center no-repeat;
	background-size: 25px 13px;
}


@media only screen and (max-width: 1600px) {
#scroll-top-link { right: 36px; bottom: 36px; }
}


@media only screen and (max-width: 1440px) {
#scroll-top-link { right: 30px; bottom: 30px; }
}


@media only screen and (max-width: 1440px) {
#scroll-top-link { right: 24px; bottom: 24px; }
}


@media only screen and (max-width: 480px) {
#scroll-top-link { right: 20px; bottom: 20px; }
}



/*** BOTTOM ***/

#bottom {
height: auto;
width: 100%;
display: flex;
flex-wrap: wrap;
background-color: var(--blue) !important;
padding: 50px;
height: 403px;
max-height: 403px;
background: url('../images/logo_footer.png') right -96px center no-repeat;
background-size: 576px;
color: var(--white);
position: relative;
font-size: 20px;
}

.ft-nav1 { width: 30%; display: flex; flex-direction: column; }

.ft-nav11 { width: 100%; display: block; margin-bottom: 50px; }

.ft-nav2 { width: 20%; display: block; }

.ft-nav3 { width: 30%; display: block; }


.ft-header, .ft-header2 {
font-size: 30px;
font-style: normal;
width: 100%;
display: block;
margin-bottom: 12px;
}

.ft-header { font-weight: var(--semibold); }
.ft-header2 { font-weight: var(--medium); }

.fth1 { display: none; }
.fth2 { display: inline; }

a.ft-link {
display: block;
height: 24px;
text-decoration: none;
color: var(--white);
margin-bottom: 8px;
}

a.ft-icon-link {
display: block;
padding-left: 40px;
height: 24px;
text-decoration: none;
color: var(--white);
margin-bottom: 8px;
}

a.ft-link:hover, a.ft-icon-link:hover { color: var(--lightblue); }

.ft-phone {
background: url('../images/phone.white.png') left 0px center no-repeat;
background-size: 24px 24px;
}

.ft-email {
background: url('../images/email.white.png') left 0px center no-repeat;
background-size: 24px 18px;
}

.ft-phone:hover {
background: url('../images/phone.lightblue.png') left 0px center no-repeat;
background-size: 24px;
}

.ft-email:hover {
background: url('../images/email.lightblue.png') left 0px center no-repeat;
background-size: 24px;
}



@media only screen and (max-width: 1440px) {
#bottom { font-size: 18px; background-size: 518px; height: 370px; max-height: 370px; background-position: right -86px center; }
.ft-nav1 { width: 27%; }
.fth1 { display: inline; }
.fth2 { display: none; }
.ft-header, .ft-header2 { font-size: 26px; }
a.ft-link, a.ft-icon-link, .ft-header, .ft-header2 { margin-bottom: 7px; }
.ft-phone, .ft-phone:hover, .ft-email, .ft-email:hover { background-size: 22px; }
}

@media only screen and (max-width: 1240px) {
#bottom { padding: 40px; }	
.ft-nav2 { width: 23%; }
}

@media only screen and (max-width: 1080px) {
#bottom { padding: 20px; background-size: 420px; height: 280px; max-height: 280px; background-position: right -76px center; }
.ft-header, .ft-header2 { font-size: 24px; }
a.ft-icon-link { font-size: 16px; height: 20px; padding-left: 34px;}
.ft-phone, .ft-phone:hover, .ft-email, .ft-email:hover { background-size: 20px; }
}

@media only screen and (max-width: 920px) {
#bottom { height: auto; max-height: 100%; background-position: right -76px bottom -150px; }
.ft-nav1, .ft-nav2 { width: 40%; }
.ft-nav3 { width: 50%; }
a.ft-icon-link { font-size: 18px; }
}

@media only screen and (max-width: 768px) {
#bottom { background-size: 380px; background-position: right -66px bottom -150px; }
.ft-header, .ft-header2 { font-size: 22px; }
.ft-nav1, .ft-nav2 { width: 50%; }
}

@media only screen and (max-width: 640px) {
#bottom { background-size: 320px; background-position: right -54px bottom -140px; }
.ft-nav1 { width: 55%; }
.ft-nav11 { margin-bottom: 40px; }
.ft-nav2 { width: 45%; }
}

@media only screen and (max-width: 480px) {
#bottom { background-size: 260px; background-position: right -40px bottom -110px; }
#socket { display: block; }
.ft-header, .ft-header2 { font-size: 20px; }
.ft-nav1, .ft-nav2, .ft-nav3 { width: 100%; }
.ft-nav11 { margin-bottom: 30px; }
.ft-nav2 { margin-bottom: 30px; }
#bottom, a.ft-link, a.ft-icon-link { font-size: 16px; }
}


/*** SOCKET ***/

#socket {
height: auto;
width: 100%;
display: block;
background-color: var(--xlightblue) !important;
padding: 10px 50px;
color: var(--anthracite);
background: url('../images/logo_footer.png') right -96px top -487px no-repeat;
background-size: 576px;
}

#socket .container {
width: 100%;
max-width: 1240px;
padding: 0px 20px;
}

.legalnote {
display: block;
width: 100%;
border: 1px solid var(--blue);
border-radius: 5px;
padding: 10px;
}

@media only screen and (max-width: 1440px) {
#socket { background-size: 518px; background-position: right -86px top -442px; }
}

@media only screen and (max-width: 1360px) {
#socket { padding: 10px 30px; }
}

@media only screen and (max-width: 1080px) {
#socket { background-size: 420px; background-position: right -76px top -348px; }
#socket { padding: 10px 0px; }
#socket .container { padding: 0px 10px; }
}

@media only screen and (max-width: 920px) {
#socket { background-size: 420px; background-position: right -76px top -266px; }
}

@media only screen and (max-width: 768px) {
#socket { background-size: 380px; background-position: right -66px top -226px; }
}

@media only screen and (max-width: 640px) {
#socket { background-size: 320px; background-position: right -54px top -177px; }
}

@media only screen and (max-width: 480px) {
#socket { background-size: 260px; background-position: right -40px top -147px; }
}