#footer-area {
	background-image: url('../../images/texture.jpg');
	padding: 20px;
	overflow: auto;
	#f-form {
		.f-form-wrapper {
			background: @background;
			padding: 10px;
			.wpcf7 {
				label {
					width: 100%;
				}
				input {
					width: 100%;
					outline: none;
					border-radius: 0;
					height: 35px;
				}
				button, html input[type=button], input[type=reset], input[type=submit] {
					background: @sbg;
					color: @background;
					outline: none;
					box-shadow: none;
					border: none;
					border-radius: 0;
					text-shadow: none;
					padding: 10px;
					font-size: 16px;
					.transition(0.3s all ease);
					@media screen and (min-width: 768px) {
						&:hover {
							background: @accent;
							.transition(0.3s all ease);
						}
					}
				}
				span.ajax-loader {
					display: none;
				}
				textarea {
					height: 65px;
					border-radius: 0;
					outline: none;
				}
			}
		}
	}

	#footerp-content {
		.pagecontent-wrapper {
			background: @background;
			text-align: center;
			padding: 10px;
 			@media screen and (max-width: 768px) {
 				margin-top: 20px;
 			}			
 			h1, h2, h3 {
				margin-top: 5px;
				font-size: 18px;
			}
			p {
				&:before {
					content: "\f10d";
    				font-family: "FontAwesome";
    				font-size: 15px;
    				color: @sbg;
    				position: relative;
    				top: -2px;
    				bottom: 0;
    				left: -4px;
    				right: 0;
				}
				&:after {
					content: "\f10e";
    				font-family: "FontAwesome";
    				font-size: 15px;
    				color: @sbg;
    				position: relative;
    				top: 4px;
    				bottom: 0;
    				left: 2px;
    				right: 0;
				}
			}
		}
	}

	#footer-menulist {
		.menu-wrapper {
 			background: darken(@background, 40%);
 			padding: 0px;
 			border-top: 20px solid @accent;
 			@media screen and (max-width: 768px) {
 				margin-top: 20px;
 			}
			ul {
				margin: 0px;
				li {
					list-style: none;
					padding: 10px 5px;
					border-bottom: 1px solid white;
					.transition(0.4s all ease);
					a {
						color: white;
						padding: 5px 15px;
						i {
							margin-right: 20px;
							color: @accent;
						}
					}
					ul li {
						display: none;
					}
					@media screen and (min-width: 768px) {
						&:hover {
							.transition(0.4s all ease);
							color: white;
							background: @accent;
							i {
								color: white;
							}
						}
					}
				}
			}
		}
	}
}