.footer{
	.aboutContent{
		color: $primary;
		font-size: 18px;
		line-height: 30px;
		margin: 20px 0;
		max-width: 360px;
		@include max-width-991{
			font-size: 16px;
			line-height: 24px;
		}
		@include max-width-767{
			max-width: 100%;
			font-size: 14px;
			line-height: 20px;
		}
	}
	.socialIcons{
		display: flex;
		flex-direction: row;
		@include max-width-991{
			margin-bottom: 30px;
		}
		.socialLi{
			list-style-type: none;
			margin-right: 20px;
			a{
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				width: 36px;
				height: 36px;
				background: $primary;
				border-radius: 50%;
				z-index: 1;
				overflow: hidden;
				&:after{
					position: absolute;
					content: '';
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: $blue;
					border-radius: 50%;
					@include scale(0,0);
					@include anim(0.2s);
					z-index: -1;
				}
				&:hover{
					&:after{
						@include scale(1,1);
					}
				}
			}
		}
	}
	.footerTitle{
		font-size: 16px;
		line-height: 26px;
		color: #666;
		margin-bottom: 30px;
		@include max-width-767{
			margin-bottom: 10px;
			margin-top: 20px;
		}
	}
	.footerlist{
		@include max-width-991{
			display: flex;
			flex-wrap: wrap;
		}
		@include max-width-767{
			margin-bottom: 40px;
		}
		li{
			list-style-type: none;
			@include max-width-991{
				width: 50%;
			}
			@include max-width-480{
				width: 100%;
			}
			a{
				@include anim(0.2s);
				font-size: 16px;
				line-height: 36px;
				color: #1D1D1D;
				@include max-width-767{
					line-height: 26px;
					font-size: 14px;
				}
				&:hover{
					color: $blue;
				}
			}
		}
	}
	.contactForm{
		.form-group{
			.label{
				font-weight: 700;
				font-size: 16px;
				line-height: 24px;
				color: #1C1C1C;
				margin-bottom: 10px;
				display: block;
			}
			.inputField{
				width: 100%;
				border-radius: 4px;
				border: 1px solid #F5F5F5;
				background: #F5F5F5;
				padding: 10px 15px;
				height: 48px;
				color: $primary;
				font-weight: 14px;
				@include anim(0.2s);
				&:focus{
					border-color: #1C1C1C;
					background: transparent;
				}
				&.textarea{
					resize: none;
					height: 145px;
				}
			}
			.checkLabel{
				position: relative;
				.inputField{
					position: absolute;
					opacity: 0;
					visibility: hidden;
					&:checked{
						+ .checkSpan{
							&:after{
								background: $blue;
								border-color: $blue;
							}
							&:before{
								opacity: 1;
								visibility: visible;
							}
						}
					}
				}
				.checkSpan{
					position: relative;
					padding-left: 30px;
					cursor: pointer;
					font-weight: 700;
					font-size: 14px;
					&:after{
						position: absolute;
						content: '';
						left: 0;
						top: 0;
						width: 20px;
						height: 20px;
						border-radius: 4px;
						border: 1px solid #1C1C1C;
						@include anim(0.2s);
					}
					&:before{
						position: absolute;
						content: '';
						left: 5px;
						top: 6px;
						width: 10px;
						height: 8px;
						background: url('../images/tick.svg') no-repeat center;
						opacity: 0;
						z-index: 1;
						visibility: hidden;
						@include anim(0.2s);
					}
				}
			}
		}
	}
	.smallFooter{
		border-top: 1px solid rgba(28, 28, 28, 0.12);
		padding: 35px 0;
		.ipadCenter{
			@include max-width-1199{
				text-align: center;
			}
			@include max-width-991{
				margin-top: 20px;
			}
			@include max-width-480{
				text-align: left;
			}
		}
		p, a{
			color: #666666;
			font-size: 14px;
			line-height: 24px;
			@include max-width-991{
				text-align: center;
			}
			@include max-width-480{
				text-align: left;
			}
		}
		a{
			&:hover{
				color: $blue;
			}
		}
		ul{
			display: flex;
			align-items: center;
			justify-content: flex-end;
			@include max-width-991{
				align-items: center;
				flex-direction: row;
				justify-content: center;
				margin-top: 20px;
			}
			@include max-width-480{
				justify-content: flex-start;
			}
			li{
				list-style-type: none;
				padding-left: 35px;
				@include max-width-1199{
					padding-left: 15px;
				}
				@include max-width-767{
					padding-right: 10px;
					padding-left: 10px;
				}
				@include max-width-480{
					padding-left: 0;
					padding-right: 15px;
				}
				a{
					color: #666666;
					font-size: 14px;
					line-height: 18px;
					&:hover{
						color: $blue;
					}
					@include max-width-480{
						font-size: 12px;
					}
				}

			}
		}
	}
}