@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700);
@import url(https://fonts.googleapis.com/css?family=Noticia+Text:400,700);
@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Serif+Pro:400,700);
.iamenu ul li ul::before, .iamenu ul::before { content: ""; top: 0; left: 0; bottom: 0; right: 0 }
a, a:active, a:focus { outline: 0 }
.iamenu ul { z-index: 999; background-color: #222; position: fixed; top: 0; z-index: -1; margin: 0; padding-top: 10%; padding-left: 0; width: 0; height: 0; opacity: .9; filter: alpha(opacity=90); list-style: none; text-align: center; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
.iamenu ul::before { position: absolute; z-index: -1; opacity: 1 }
.iamenu ul li ul { position: relative; top: 0; left: 0; display: block; z-index: 1; margin: 0 auto; padding: 0; height: 0; width: 400px; background-color: transparent; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top }
.iamenu ul li ul::before { position: absolute; z-index: -1; opacity: 0 }

@media (max-width:400px) {
.iamenu ul li ul { width: 100% }
}
.iamenu ul li a { display: block; font-size: 14px; color: #FFF; text-decoration: none; padding:5px 0; }
.iamenu ul li a:hover { color: #00D7FE }
.iamenu ul li.iamenu-sub a:after { content: "*"; position: relative; top: 8px; left: 10px; color: #00D7FE }
.iamenu .iamenu-btn span:after, .iamenu .iamenu-btn span:before, .iamenu .iamenu-btn.iamenu-btn-close span:after, .iamenu ul li.iamenu-sub ul li a:after { content: "" }
.iamenu ul li ul li a { display: block; width: 100%; border-bottom: 1px solid #FFF; line-height: 48px; font-size: 24px; text-transform: capitalize }
.iamenu.iamenu-birds ul li ul li a, .iamenu.iamenu-grey ul li ul li a, .iamenu.iamenu-photography ul li ul li a, .iamenu.iamenu-sand ul li ul li a, .iamenu.iamenu-white ul li ul li a { border-bottom: 1px solid #2B343F }
.iamenu ul li ul li:first-child a { border-top: 1px solid #FFF }
.iamenu.iamenu-birds ul li ul li:first-child a, .iamenu.iamenu-grey ul li ul li:first-child a, .iamenu.iamenu-photography ul li ul li:first-child a, .iamenu.iamenu-sand ul li ul li:first-child a, .iamenu.iamenu-white ul li ul li:first-child a { border-top: 1px solid #2B343F }
.iamenu .iamenu-btn { z-index: 3; /*position: fixed;*/ top: 10px; left: 12px; width: 24px; height: 16px;} 
.iamenu .iamenu-btn span, .iamenu .iamenu-btn span:after, .iamenu .iamenu-btn span:before { position: absolute; top: 8px; left: 0; bottom: auto; right: auto; width: 100%; height: 6px; background-color: rgba(0,0,0,1); cursor: pointer }
.iamenu .iamenu-btn span:before { position: absolute; top: -8px; -webkit-transition: all .5s; transition: all .5s }
.iamenu .iamenu-btn span:after { position: absolute; top: 8px; -webkit-transition: all .5s; transition: all .5s }
.iamenu .iamenu-btn.iamenu-btn-right { left: auto; right: 24px }
.iamenu .iamenu-btn.iamenu-btn-bottom-left { top: auto; bottom: 24px }
.iamenu .iamenu-btn.iamenu-btn-bottom-right { top: auto; bottom: 24px; left: auto; right: 24px }
.iamenu .iamenu-btn.iamenu-btn-close span, .iamenu .iamenu-btn.iamenu-btn-close span:after, .iamenu .iamenu-btn.iamenu-btn-close span:before { background-color: rgba(255,255,255,1) }
.iamenu .iamenu-btn.iamenu-btn-close span { background-color: transparent; -webkit-transition: all .25s; transition: all .25s }
.iamenu .iamenu-btn.iamenu-btn-close span:before { top: 0; content: ""; -webkit-transition: all .25s; transition: all .25s; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.iamenu .iamenu-btn.iamenu-btn-close span:after { top: 0; -webkit-transition: all .25s; transition: all .25s; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
.iamenu-droid-serif { font-family: "Droid Serif", sans-serif }
.iamenu-noticia-text { font-family: "Noticia Text", sans-serif }
.iamenu-oxygen { font-family: Oxygen, sans-serif }
.iamenu-raleway { font-family: Raleway, sans-serif }
.iamenu-roboto { font-family: Roboto, sans-serif }
.iamenu-roboto-slab { font-family: "Roboto Slab", sans-serif }
.iamenu-source-sans-pro { font-family: "Source Sans Pro", sans-serif }
.iamenu-source-serif-pro { font-family: "Source Serif Pro", sans-serif }
.iamenu-lozenge ul::before { background: url(../img/black_lozenge_@2X.png) }
.iamenu-lozenge.iamenu-opacity ul::before { opacity: .8 }
.iamenu-lozenge.iamenu-opacity ul li ul::before { opacity: 0 }
.iamenu-wood ul::before { background: url(../img/dark_wood_@2X.png) }
.iamenu-wood.iamenu-opacity ul::before { opacity: .8 }
.iamenu-wood.iamenu-opacity ul li ul::before { opacity: 0 }
.iamenu-birds ul::before { background: url(../img/foggy_birds_@2X.png) }
.iamenu-birds.iamenu-opacity ul::before { opacity: .8 }
.iamenu-birds.iamenu-opacity ul li ul::before { opacity: 0 }
.iamenu.iamenu-birds ul li a { color: #2B343F }
.iamenu.iamenu-birds ul li a:hover { color: #00D7FE }
.iamenu.iamenu-birds .iamenu-btn.iamenu-btn-close span:after, .iamenu.iamenu-birds .iamenu-btn.iamenu-btn-close span:before { background-color: rgba(0,0,0,1) }
.iamenu-food ul::before { background: url(../img/food.png) }
.iamenu-food.iamenu-opacity ul::before { opacity: .8 }
.iamenu-food.iamenu-opacity ul li ul::before { opacity: 0 }
.iamenu-navyblue ul::before { background: url(../img/navy_blue_@2X.png) }
.iamenu-navyblue.iamenu-opacity ul::before { opacity: .8 }
.iamenu-navyblue.iamenu-opacity ul li ul::before { opacity: 0 }
.iamenu-photography ul::before { background: url(../img/photography_@2X.png) }
.iamenu-photography.iamenu-opacity ul::before { opacity: .8 }
.iamenu-photography.iamenu-opacity ul li ul::before { opacity: 0 }
.iamenu.iamenu-photography ul li a { color: #2B343F }
.iamenu.iamenu-photography ul li a:hover { color: #00D7FE }
.iamenu.iamenu-photography .iamenu-btn.iamenu-btn-close span:after, .iamenu.iamenu-photography .iamenu-btn.iamenu-btn-close span:before { background-color: rgba(0,0,0,1) }
.iamenu-restaurant ul::before { background: url(../img/restaurant.png) }
.iamenu-restaurant.iamenu-opacity ul::before { opacity: .8 }
.iamenu-restaurant.iamenu-opacity ul li ul::before { opacity: 0 }
.iamenu-typography ul::before { background: url(../img/type_@2X.png) }
.iamenu-typography.iamenu-opacity ul::before { opacity: .8 }
.iamenu-typography.iamenu-opacity ul li ul::before { opacity: 0 }
.iamenu-dark ul::before { background-color: #2B343F }
.iamenu-dark.iamenu-opacity ul::before { opacity: .8 }
.iamenu-dark.iamenu-opacity ul li ul::before { opacity: 0 }
.iamenu-grey ul::before { background-color: #EEE }
.iamenu-grey.iamenu-opacity ul::before { opacity: .8 }
.iamenu-grey.iamenu-opacity ul li ul::before { opacity: 0 }
.iamenu.iamenu-grey ul li a { color: #2B343F }
.iamenu.iamenu-grey ul li a:hover { color: #00D7FE }
.iamenu.iamenu-grey .iamenu-btn.iamenu-btn-close span:after, .iamenu.iamenu-grey .iamenu-btn.iamenu-btn-close span:before { background-color: rgba(0,0,0,1) }
.iamenu-blue ul::before { background-color: #158CBA }
.iamenu-blue.iamenu-opacity ul::before { opacity: .8 }
.iamenu-blue.iamenu-opacity ul li ul::before { opacity: 0 }
.iamenu-violet ul::before { background-color: #93F }
.iamenu-violet.iamenu-opacity ul::before { opacity: .8 }
.iamenu-violet.iamenu-opacity ul li ul::before { opacity: 0 }
.iamenu-seeblue ul { background-color: #5BC5FF }
.iamenu-coal ul::before { background-color: #071C29 }
.iamenu-coal.iamenu-opacity ul::before { opacity: .8 }
.iamenu-coal.iamenu-opacity ul li ul::before { opacity: 0 }
.iamenu-white ul::before { background-color: #FFF }
.iamenu-white.iamenu-opacity ul::before { opacity: .8 }
.iamenu-white.iamenu-opacity ul li ul::before { opacity: 0 }
.iamenu.iamenu-white ul li a { color: #2B343F }
.iamenu.iamenu-white ul li a:hover { color: #00D7FE }
.iamenu.iamenu-white .iamenu-btn.iamenu-btn-close span:after, .iamenu.iamenu-white .iamenu-btn.iamenu-btn-close span:before { background-color: rgba(0,0,0,1) }
.iamenu-sand ul::before { background-color: #FFF5CC }
.iamenu-sand.iamenu-opacity ul::before { opacity: .8 }
.iamenu-sand.iamenu-opacity ul li ul::before { opacity: 0 }
.iamenu.iamenu-sand ul li a { color: #2B343F }
.iamenu.iamenu-sand ul li a:hover { color: #00D7FE }
.iamenu.iamenu-sand .iamenu-btn.iamenu-btn-close span:after, .iamenu.iamenu-sand .iamenu-btn.iamenu-btn-close span:before { background-color: rgba(0,0,0,1) }
.iamenu-gravity ul.iamenu-show { -webkit-animation: iamenu-gravity-show .5s ease-out forwards; animation: iamenu-gravity-show .5s ease-out forwards }
@-webkit-keyframes iamenu-gravity-show {
0% {
z-index:-1;
width:0;
height:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform-origin:center top;
-ms-transform-origin:center top;
transform-origin:center top;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
1% {
z-index:-1;
top:-2000px;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
z-index:1;
top:0;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes iamenu-gravity-show {
0% {
z-index:-1;
width:0;
height:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform-origin:center top;
-ms-transform-origin:center top;
transform-origin:center top;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
1% {
z-index:-1;
top:-2000px;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
z-index:1;
top:0;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
}
.iamenu-gravity ul.iamenu-hide { -webkit-animation: iamenu-gravity-hide .5s ease-out forwards; animation: iamenu-gravity-hide .5s ease-out forwards }
@-webkit-keyframes iamenu-gravity-hide {
0% {
z-index:1;
top:0;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
99% {
top:-2000px;
width:100%;
height:100%;
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
z-index:-1;
top:0;
width:0;
height:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
}
@keyframes iamenu-gravity-hide {
0% {
z-index:1;
top:0;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
99% {
top:-2000px;
width:100%;
height:100%;
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
z-index:-1;
top:0;
width:0;
height:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
}
.iamenu-shift-right ul.iamenu-show { -webkit-animation: iamenu-shift-right-show .5s ease-out forwards; animation: iamenu-shift-right-show .5s ease-out forwards }
@-webkit-keyframes iamenu-shift-right-show {
0% {
z-index:-1;
width:0;
height:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
1% {
z-index:-1;
left:-4000px;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
z-index:1;
left:0;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes iamenu-shift-right-show {
0% {
z-index:-1;
left:-4000px;
width:0;
height:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
1% {
z-index:-1;
left:-4000px;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
z-index:1;
left:0;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
}
.iamenu-shift-right ul.iamenu-hide { -webkit-animation: iamenu-shift-right-hide .5s ease-out forwards; animation: iamenu-shift-right-hide .5s ease-out forwards }
@-webkit-keyframes iamenu-shift-right-hide {
0% {
z-index:1;
left:0;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
99% {
z-index:-1;
left:-4000px;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
z-index:-1;
left:0;
width:0;
height:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
}
@keyframes iamenu-shift-right-hide {
0% {
z-index:1;
left:0;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
99% {
z-index:-1;
left:-4000px;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
z-index:-1;
left:0;
width:0;
height:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
}
.iamenu-shift-left ul.iamenu-show { -webkit-animation: iamenu-shift-left-show .5s ease-out forwards; animation: iamenu-shift-left-show .5s ease-out forwards }
@-webkit-keyframes iamenu-shift-left-show {
0% {
z-index:-1;
width:0;
height:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
1% {
z-index:-1;
right:-4000px;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
z-index:1;
right:0;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes iamenu-shift-left-show {
0% {
z-index:-1;
right:-4000px;
width:0;
height:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
1% {
z-index:-1;
right:-4000px;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
z-index:1;
right:0;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
}
.iamenu-shift-left ul.iamenu-hide { -webkit-animation: iamenu-shift-left-hide .5s ease-out forwards; animation: iamenu-shift-left-hide .5s ease-out forwards }
@-webkit-keyframes iamenu-shift-left-hide {
0% {
z-index:1;
right:0;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
99% {
z-index:-1;
right:-4000px;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
z-index:-1;
right:0;
width:0;
height:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
}
@keyframes iamenu-shift-left-hide {
0% {
z-index:1;
right:0;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
99% {
z-index:-1;
right:-4000px;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
z-index:-1;
right:0;
width:0;
height:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
}
.iamenu-fade ul.iamenu-show { -webkit-animation: iamenu-fade-show .5s ease-out forwards; animation: iamenu-fade-show .5s ease-out forwards }
@-webkit-keyframes iamenu-fade-show {
0% {
z-index:-1;
width:0;
height:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
1% {
z-index:-1;
width:100%;
height:100%;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
z-index:1;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes iamenu-fade-show {
0% {
z-index:-1;
width:0;
height:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
1% {
z-index:-1;
width:100%;
height:100%;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
z-index:1;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
}
.iamenu-fade ul.iamenu-hide { -webkit-animation: iamenu-fade-hide .5s ease-out forwards; animation: iamenu-fade-hide .5s ease-out forwards }
@-webkit-keyframes iamenu-fade-hide {
0% {
z-index:1;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
99% {
z-index:-1;
width:100%;
height:100%;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
width:0;
height:0;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
}
@keyframes iamenu-fade-hide {
0% {
z-index:1;
width:100%;
height:100%;
opacity:1;
filter:alpha(opacity=1);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
99% {
z-index:-1;
width:100%;
height:100%;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
width:0;
height:0;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
}
.iamenu-sub-show { -webkit-animation: iamenu-sub-show .25s ease-out forwards; animation: iamenu-sub-show .25s ease-out forwards }
@-webkit-keyframes iamenu-sub-show {
0% {
margin:0 auto;
height:0;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
100% {
margin:15px auto;
height:100%;
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes iamenu-sub-show {
0% {
margin:0 auto;
height:0;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
100% {
margin:15px auto;
height:100%;
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
}
.iamenu-sub-hide { -webkit-animation: iamenu-sub-hide .25s ease-out forwards; animation: iamenu-sub-hide .25s ease-out forwards }
@-webkit-keyframes iamenu-sub-hide {
0% {
margin:15px auto;
height:100%;
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
margin:0 auto;
height:0;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
}
@keyframes iamenu-sub-hide {
0% {
margin:15px auto;
height:100%;
-webkit-transform:scaleY(1);
-ms-transform:scaleY(1);
transform:scaleY(1)
}
100% {
margin:0 auto;
height:0;
-webkit-transform:scaleY(0);
-ms-transform:scaleY(0);
transform:scaleY(0)
}
}