.footer {
	background-color: color(50);
	padding-top: 0px;
	.bottomBtn {
		position: fixed;
		bottom: 20px;
		font-weight: 600;
		z-index: 1;
		&--left {
			left: 15px;
		}
		&--right {
			right: 15px;
		}
	}
	.copy-bg {
		background-color: color(50);
		margin-top: 0px;
		padding: 20px 0;
		color: #000;
		font-size: 13px;
		border-top: 1px solid #e1e1e1;
		&__right {
			p {
				margin-right: 15px;
			}
		}
		p {
			color: #000;
			font-size: 13px;
		}
		.right {
			text-align: right;
		}
		ul {
			li {
				a {
					color: #000;
					&:hover {
						color: #fff;
					}
				}
				& + li {
					position: relative;
					padding-left: 10px;
					&:before {
						width: 1px;
						height: 10px;
						content: "";
						background-color: #000;
						position: absolute;
						left: 0px;
						top: 5px;
					}
				}
			}
		}

		@include media-breakpoint-down(md) {
			text-align: center;
		}
	}

	&__logo {
		img {
			width: 120px;
		}
	}

	.categoryRow {
		padding: 45px 0px;
		border-top: 1px solid #e1e1e1;
		ul {
			> li {
				display: flex;
				> a {
					font-family: font(sm);
					color: #000;
					font-size: 14px;
				}
				& + li {
					margin-top: 14px;
				}
				ul {
					display: flex;
					flex-wrap: wrap;
					margin-left: 5px;
					li {
						position: relative;
						padding: 0 6px;
						a {
							font-family: font(rg);
							color: #666;
							margin-right: 0;
							position: relative;

							&:after {
								position: absolute;
								bottom: 3px;
								right: 0;
								width: 0;
								height: 1px;
								background-color: #000;
								content: "";
								transition: 0.35s;
							}
							&:hover {
								&:after {
									width: 100%;
									left: 0;
									right: auto;
								}
							}
						}
						& + li {
							margin-top: 0px;
							&:before {
								content: "|";
								margin-right: 10px;
								position: relative;
								top: -2px;
							}
						}
					}
					position: relative;
					padding-left: 10px;
					&:before {
						position: absolute;
						content: ":";
						left: 0px;
						top: -2px;
					}
				}
			}
		}

		@include media-breakpoint-down(lg) {
			padding: 25px 0;
		}

		@include media-breakpoint-down(sm) {
			padding: 15px 0;
			ul {
				> li {
					display: block;
					ul {
						margin-left: -5px;
						padding-left: 0;
						&:before {
							display: none;
						}
					}
				}
			}
		}
	}

	.newsletter {
		padding: 40px 0;
		border-top: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
		.innerdiv {
			display: flex;
			align-items: center;
			.left {
				margin-right: 120px;
				p,
				h3 {
					color: color(900);
				}
				p {
					font-family: font(rg01);
					margin-bottom: 0px;
					// letter-spacing: 0.1em;
					color: color(190);
					font-size: 16px;
				}
				h3 {
					font-family: font(md01);
					// letter-spacing: 0.11em;
					font-size: 24px;
					line-height: 36px;
					font-weight: 600;
				}
			}
			.right {
				flex: 1 1 auto !important;
				padding-left: 150px;
				.form-group {
					position: relative;
					input:-webkit-autofill,
					input:-webkit-autofill:hover,
					input:-webkit-autofill:focus,
					textarea:-webkit-autofill,
					textarea:-webkit-autofill:hover,
					textarea:-webkit-autofill:focus,
					select:-webkit-autofill,
					select:-webkit-autofill:hover,
					select:-webkit-autofill:focus {
						border: 1px solid #ffffff;
						-webkit-text-fill-color: #ffffff;
						-webkit-box-shadow: 0 0 0px 1000px #291208 inset;
						transition: background-color 5000s ease-in-out 0s;
					}
					.form-control {
						border-color: #ccc;
						border-radius: 4px 0 0 4px;
						background-color: transparent;
						height: 50px;
						color: color(900);

						&:focus {
							border-color: color(500) !important;
						}
					}
					.btn-primary {
						display: inline-block;
						padding: 12px 45px;
						font-size: 16px;
						font-weight: 600;
						border-radius: 0 4px 4px 0;
					}
				}
			}
		}
		@media (max-width: 1399px) {
			.innerdiv {
				.right {
					padding-left: 90px;
				}
				.left {
					margin-right: 100px;					
				}
			}
		}
		@include media-breakpoint-down(lg) {
			padding: 30px 0;
			.innerdiv {
				.right {
					padding-left: 70px;
					.form-group {
						.form-control {
							height: 45px;
						}
						.btn-primary {
							padding: 10px 20px;
						}
					}
				}
				.left {
					margin-right: 40px;					
				}
			}
		}
		@include media-breakpoint-down(md) {
			.innerdiv {
				flex-wrap: wrap;
				.left {
					margin-right: 0;
					width: 100%;
					text-align: center;
					margin-bottom: 10px;
					p {
						margin-bottom: 6px;
					}
					h3 {
						font-size: 24px;
						br {
							display: none;
						}
					}
				}
				.right {
					padding-left: 0;
					text-align: center;
					width: 100%;
					.form-group {
						.btn-primary {
							padding: 9px 15px;
							font-size: 14px;
						}
					}
				}
			}
		}
		@include media-breakpoint-down(sm) {
			padding: 20px 0;
			.innerdiv {
				.left {
					h3 {
						font-size: 20px;
						line-height: 28px;
					}
				}
			}
		}
	}
	.topFooter {
		padding: 40px 0;
		position: relative;
		.bg-img {
			position: absolute;
			&.left {
				left: 30px;
				bottom: 0px;
				@media (max-width: 1700px) {
					max-width: 147px;
				}
			}
			&.right {
				right: 30px;
				top: 8%;
				@media (max-width: 1700px) {
					max-width: 147px;
				}
			}
			@include media-breakpoint-down(sm) {
				&.left,
				&.right {
					max-width: 110px;
				}
				&.right {
					right: 10px;
					top: 10px;
				}
			}
		}
		.logoSection {
			.footer-logo {
				margin-bottom: 30px;
				@include media-breakpoint-down(sm) {
					img{
						max-width: 142px;
					}
				}
			}
			.fotter-social-links {
				li {
					a {
						background-color: #fff;
						border-color: #fff;
						color: color(900);
						font-size: 20px;
						&:hover {
							background-color: color(600);
							border-color: color(600);
							color: color(900);
						}
					}
				}
			}
		}
		.linksRows {
			.column {
				flex: 0 0 20%;
				max-width: 20%;
				.title {
					font-size: 16px;
					font-family: font(ntbk);
					font-weight: bold;
					text-transform: uppercase;
					letter-spacing: 0.1em;
				}
				.info-link-widget {
					padding-left: 0px;
					li {
						padding: 3px 0;
						a {
							color: #666;
							position: relative;
							&:before {
								position: absolute;
								bottom: 0;
								right: 0;
								width: 0;
								height: 1px;
								background-color: #000;
								content: "";
								transition: 0.35s;
							}
							&:hover {
								color: #000;
								&:before {
									width: 100%;
									left: 0;
									right: auto;
								}
							}
						}
					}
				}
				.contactus {
					p {
						color: #666;
						font-size: 14px;
						margin-bottom: 3px;
						span {
							display: block;
						}
					}
					h5 {
						color: color(500);
						font-size: 20px;
						font-weight: bold;
					}
					ul {
						li {
							& + li {
								margin-top: 25px;
							}
						}
					}
				}
			}
		}
	}
	@include media-breakpoint-down(md) {
		.copy-bg {
			padding: 15px 0;
			&__right {
				margin-top: 15px;
			}
		}

		.topFooter {
			.fotter-social-links {
				margin-bottom: 25px;
			}
			.linksRows {
				.column {
					flex: 0 0 100%;
					max-width: 100%;
					.contactus {
						h5 {
							font-size: 20px;
						}
						ul {
							li {
								display: inline-block;
								&:not(:last-child) {
									margin-right: 51px;
								}
							}
						}
					}
					.info-link-widget {
						ul {
							margin-bottom: 25px;
						}
						li {
							display: inline-block;
							padding: 0px 0px;
							&:not(:last-child) {
								margin-right: 10px;
							}
						}
					}
				}
				.title {
					margin-bottom: 5px;
				}
			}
		}
	}
	@include media-breakpoint-down(sm) {
		.topFooter {
			padding: 28px 0 20px;
			.logoSection {
				margin-bottom: 25px;
			}
			.linksRows {
				.column {
					.contactus {
						h5 {
							font-size: 19px;
						}
						ul {
							li {
								display: inline-block;
								margin-top: 10px;
								&:not(:last-child) {
									margin-right: 40px;
								}
								& + li {
									margin-top: 10px;
								}
							}
						}
					}
					.info-link-widget {
						margin-top: 0px;
						ul {
							margin-bottom: 20px;
						}
					}
				}
			}
		}
	}
	@include media-breakpoint-down(xs) {
		.copy-bg {
			padding: 10px 0;
			&__right {
				margin-top: 10px;
				img {
					margin-top: 10px;
				}
			}
		}
	}
}