Scrawl Theme: Menu-Navigation appears differently apposed to WordPress.com demo

Hey friends,

I recently installed Scrawl (a WordPress.com) onto a www.ads-software.com installation.

Everything works great except there is a considerable difference in the appearance of the menu-navigation layout and animation.

Here’s what the WordPress.com menu-navigation looks like:
https://drive.google.com/file/d/0B6zR7s5HcPtWZ2R1d09HRURacVE/view?usp=sharing

And here’s the www.ads-software.com version:
https://drive.google.com/file/d/0B6zR7s5HcPtWc3c2SHpJcTRFZ2M/view?usp=sharing

I’m working on a child-theme.
I haven’t changed any of the css for the menu-navigation class. Here it is:

/* Main Navigation */

.main-navigation {
	font-family: Lora, Georgia, serif;
	font-size: 18px;
    font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 1.5em;
}
.main-navigation ul {
    list-style: none;
	margin: 0;
	padding: 0;
}
.main-navigation li {
    border-top: 2px solid rgba(255,255,255,0.05);
	clear: both;
    list-style: none;
	margin: 0;
	padding: 0;
    position: relative;
	display: block;
	width: 100%;
}
.main-navigation a,
.main-navigation a:visited {
    color: rgba(255,255,255,0.75);
    display: block;
    padding: .75em;
    position: relative;
}
.main-navigation ul ul li a {
    padding-left: 2.25em;
}
.main-navigation ul ul ul li a {
    padding-left: 3.75em;
}
.main-navigation ul ul ul ul li a {
    padding-left: 6em;
}
.main-navigation a,
.current_page_item > a,
.current-menu-item > a,
.current_page_item > a:visited,
.current-menu-item > a:visited {
    border-left: 1px solid #2b3233;
    transition: .2s all ease-in-out;
}
.main-navigation li a:hover,
.main-navigation li.current_page_item > a,
.main-navigation li.current-menu-item > a {
    border-left: 2px solid #d45a17;
    color: #fffdfd;
    transition: .2s all ease-in-out;
}

I’m guessing there is an additional animation library that I do not have as a part of the www.ads-software.com install.

Any insights would be most appreciated!