@import "mymixins";
#footer{
	position:absolute;
    width:100%;
    bottom:0;
    background:$blue;
	padding:18px 0;
	font-size: 16px;
	line-height:20px;
	color: #fff;
	z-index: 5;
	.container{
		padding: 0;
	}
	a{
		color: #fff;
		&:hover{
			text-decoration: none;
			//color: $blue;
		}
	}
	.icon-holder{
		display: table-cell;
		vertical-align: middle;
		width: 50px;
		height:50px;
		background: #000;
		border-radius: 50%;
		span{
			display: block;
			width: 50px;
			height: 50px;
			padding: 11px;
		}
	}
	ul{
		@include list-style();
		text-transform: capitalize;
		width: 440px;
		li{
			margin: 0 0 0 25px;
			float: left;
			&:first-child{
				margin: 0;
			}
		}
	}
	.footer-holder{
		display: table;
		width: 100%;
	}
	.column{
		padding: 0 5px;
		display: table-cell;
		vertical-align:middle;
		form{
			//float: right;
		}
		&.copyright-poweredby{
			text-align: right;
			p{
				font-weight: 700;
				span{
					font-weight: 400;
				}
				~span{
					font-size: 12px;
				}
			}
		}
	}
}
/**/
@media only screen and (max-width: 991px) {
	#footer{
		ul{
			width: 400px;
			li{
				float: none;
				@include vertical-top();
				width: 33%;
				margin: 0 0 10px -4px;
				padding: 0 5px;
				&:first-child{
					margin: 0 0 10px -4px;
				}
			}
		}
	}
}
@media only screen and (max-width: 767px) {
	#footer{
		.footer-holder{
			display: block;
		}
		.column{
			display: block;
			width: 100%;
			&.lang_wrapper,
			&.copyright-poweredby{
				text-align: center;
			}
			&.lang_wrapper{
				margin: 0 0 10px;
				form{
					text-align: center;
				}
			}
		}
		ul{
			width: 100%;
			li{
				float: none;
				@include vertical-top();
				width: 50%;
				margin: 0 0 10px -4px;
				padding: 0 5px;
				&:first-child{
					margin: 0 0 10px -4px;
				}
			}
		}

	}
}