.custom-menu {
	a {
		-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	}

	& > div {
		display: inline-block;
	}

	ul {
		list-style: none;
	    margin: 0;
	    padding: 0;

		li {
			line-height: 2;

			a {
				font-size: 14px;
				font-weight: 400;
			    font-style: normal;
			    line-height: 1.6em;
			    letter-spacing: 0.05em;
				text-align: inherit;
			}
		}
	}

	&-title {
		font-size: 14px;
	    line-height: 1.4em;
	    letter-spacing: 0.05em;
		margin: 0 0 16px;
		text-transform: uppercase;
	}

	&-inline-large, &-inline-normal, &-inline-small {
		ul {
			li {
				@media (min-width: 768px) {
					float: left;
				}
				a {
					padding: 10px;
				}
			}
		}
	}

	&-inline-large {
		margin-left: auto;
		margin-right: auto;
		ul {
			display: inline-block;
			margin-left: auto;
			margin-right: auto;
			li {
				a {
					font-size: 14px;
					text-transform: uppercase;
					font-weight: 700;
				}
			}
		}
	}

	&-inline-normal {

	}

	&-inline-small {
		ul {
			li {
				a {
					font-size: 10px;
				}
			}
		}
	}

	&-list-normal {

	}

	// Color
	&-white {
		a {
			color:#FFFFFF ;
			&:hover {
				color: #DAD8D8;
			}
		}
		&-title {
			color: #FFFFFF;
		}
	}
	&-black {
		a {
			color: #000000;
			&:hover {
				color: #948D8D;
			}
		}
		&-title {
			color:#000000;
		}
	}
	&-gray {
		a {
			color: #818181;
			&:hover {
				color: #DBDBDB;
			}
		}
		&-title {
			color:#818181;
		}
	}
	&-light {
		a {
			color: #999;
			&:hover {
				color: #fff;
			}
		}
		&-title {
			color: #fff;
		}
	}
	&-dark {
		a {
			color: #666;
			&:hover {
				color: #333;
			}
		}
		&-title {
			color: #111;
		}
	}
}