/* footer */
.foot {
	background: var(--dgreen); color: #fff; overflow: hidden;
	padding-top: 35px;
}
.fContent {overflow: hidden;}
.fcolumn {width: 100%; margin: 20px 0; padding: 0 20px;}
.fcolumn a {color: #fff; font-size: 1.4rem;}
.fcolumn a:hover {color: var(--lgreen);}
.fcolumn:nth-child(2) {
	border-width: 0 1px 0 1px;
	border-color: rgba(255,255,255,.2);
	border-style: solid;
}

.fcolumn p span {font-size: 1.2rem;}
.fcolumn h4 {margin-bottom: 5px;}
.fmail, .ftel {padding: 0 0 15px 0;}
.footAddress a {margin-bottom: 35px;}
.footAddress a i, .fmail i {
	font-size: 3.4rem; margin-right: 10px;
}
.socialbtns {
	border-top: 1px solid rgba(255,255,255,.2);
	padding: 20px;
}
.socialbtns a {
	width: 36px; height: 36px; font-size: 2rem; margin: 10px;
	color: var(--dgreen); background: #fff; border-radius: 50%;
}
.socialbtns a:hover {background: var(--lgreen);}
.members {margin: 40px 0 0;}
.members div {padding: 10px;}
.arkadlogo {margin-top: -25px;}
.footBar {background: #202020; color: #fff; font-size: 1.2rem;}
.bContent {padding: 10px 20px;}
/* go top bottom */
.scrollup {
	width: 51px; height: 51px; display:none; opacity: 0.7;
	background:url("../img/icon_top.png") no-repeat scroll 0% 0%;
	cursor:pointer; position: fixed; z-index: 1000;
	right:10px; bottom:40px;
}
.scrollup:hover {opacity: 1;}

/*.flotante {
    position: fixed; z-index: 1000;
    bottom: 25px; right: 30px;
    background: #203143;
    padding: 10px 12px; border-radius: 8px;
    background: rgba(32,49,67,.8);
}
.wsplink {color: #fff; text-decoration: none;}
.wsplink img {vertical-align: middle;}*/

.footmenu {
    display: table;
}
.footmenu li {
    list-style-type: none;
    padding: 8px 20px;
    position: relative;
}
.footmenu li::after {
    content: "";
    width: 40%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.apps {
    text-align: center;
    padding: 0 20px 20px;
}
.apps h2 {
    font-weight: 400;
    font-size: 1.4rem;
}
.apps a {
    display: block;
    padding: 5px 15px;
    border: 1px solid #fff;
    margin: 10px;
    border-radius: 5px;
}
.apps a:hover {background: rgba(255,255,255,.2);}

@media screen and (max-width: 1024px) {
	.fbox {padding: 20px 10px;}
	.fcolumn {padding: 0;}
}
@media screen and (max-width: 768px) {
	.fcolumn {width: 100%;}
	.mhide, .footAddress a i, .fmail i {display: none;}
	.footAddress a {margin-bottom: 15px; display: block;}
	.fbox {text-align: center; padding: 15px 20px;}
	.fmail, .ftel {padding: 0 0 10px;}
	.fmail a, .ftel a {padding: 10px; display: inline-block;}
	.footBar p {width: 100%; text-align: center;}
	.scrollup {right: 10px; bottom: 65px;}
	.socialbtns {padding: 10px;}
	.fcolumn:nth-child(2) {border: none;}
	.apps a img {max-width: 90px;}
}