@charset "utf-8";
/* CSS Document */


.cd-bouncy-nav-modal{position:fixed;z-index:1;top:0;left:0;width:100%;height:100%;background-color:rgba(36,35,37,.9);opacity:0;visibility:hidden;-webkit-transition:opacity .3s .6s,visibility 0s .9s;-moz-transition:opacity .3s .6s,visibility 0s .9s;transition:opacity .3s .6s,visibility 0s .9s}
.cd-bouncy-nav-modal.fade-in{visibility:visible;opacity:1;-webkit-transition:opacity .1s 0s,visibility 0s 0s;-moz-transition:opacity .1s 0s,visibility 0s 0s;transition:opacity .1s 0s,visibility 0s 0s; z-index:2000;}
.cd-bouncy-nav-modal .cd-close{display:block;position:fixed;top:60px;right:60px;width:44px;height:44px;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../images/cd-icon-close.svg) no-repeat center center;-webkit-transform:scale(0) translateZ(0);-moz-transform:scale(0) translateZ(0);-ms-transform:scale(0) translateZ(0);-o-transform:scale(0) translateZ(0);transform:scale(0) translateZ(0);-webkit-transition:-webkit-transform .3s 0s,visibility 0s .3s;-moz-transition:-moz-transform .3s 0s,visibility 0s .3s;transition:transform .3s 0s,visibility 0s .3s}
.cd-bouncy-nav-modal.fade-in .cd-close{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s 0s,visibility .3s 0s;-moz-transition:-moz-transform .3s 0s,visibility .3s 0s;transition:transform .3s 0s,visibility .3s 0s}

.cd-bouncy-nav{position:absolute;left:45%;top:50vh;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:90%;}
.cd-bouncy-nav li{width:100%;float:left;text-align: left; font-size:16px; -webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translateY(100vh);-moz-transform:translateY(100vh);-ms-transform:translateY(100vh);-o-transform:translateY(100vh);transform:translateY(100vh); font-weight: bold;}
.cd-bouncy-nav li span{width:6px; height:6px; border-radius: 50%; background: #fff; float:left; margin-top:8px;margin-right:10px;}
.cd-bouncy-nav li ul{width:100%; float:left;}
.cd-bouncy-nav li ul li{width:50%; float:left; text-align: left;}


.is-visible .cd-bouncy-nav li{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.fade-in .cd-bouncy-nav li{-webkit-animation:cd-move-in .4s;-moz-animation:cd-move-in .4s;animation:cd-move-in .4s}
.fade-out .cd-bouncy-nav li{-webkit-animation:cd-move-out .4s;-moz-animation:cd-move-out .4s;animation:cd-move-out .4s}
.fade-in .cd-bouncy-nav li,.fade-out .cd-bouncy-nav li{-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards}
.fade-in .cd-bouncy-nav li:nth-of-type(2),.fade-out .cd-bouncy-nav li:nth-of-type(2){-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}
.fade-in .cd-bouncy-nav li:nth-of-type(3),.fade-out .cd-bouncy-nav li:nth-of-type(3){-webkit-animation-delay:.15s;-moz-animation-delay:.15s;animation-delay:.15s}
.fade-in .cd-bouncy-nav li:nth-of-type(4),.fade-out .cd-bouncy-nav li:nth-of-type(4){-webkit-animation-delay:.25s;-moz-animation-delay:.25s;animation-delay:.25s}
.fade-in .cd-bouncy-nav li:nth-of-type(5),.fade-out .cd-bouncy-nav li:nth-of-type(5){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.fade-in .cd-bouncy-nav li:nth-of-type(6),.fade-out .cd-bouncy-nav li:nth-of-type(6){-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}
.cd-bouncy-nav li a{display:inline-block;min-width:80px;position:relative;padding:20px 40px 0;margin-bottom:10px;color:#fff}
.cd-bouncy-nav li a::before{content:'';display:block;position:absolute;top:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.cd-bouncy-nav li ul li{font-size:14px; font-weight: normal; }
.cd-bouncy-nav li ul li a{padding:10px 40px 0; margin-bottom:10px; color:#eee;}

@-webkit-keyframes cd-move-in{0%{-webkit-transform:translateY(100vh)}
65%{-webkit-transform:translateY(-1.5vh)}
100%{-webkit-transform:translateY(0vh)}
}
@-moz-keyframes cd-move-in{0%{-moz-transform:translateY(100vh)}
65%{-moz-transform:translateY(-1.5vh)}
100%{-moz-transform:translateY(0vh)}
}
@keyframes cd-move-in{0%{-webkit-transform:translateY(100vh);-moz-transform:translateY(100vh);-ms-transform:translateY(100vh);-o-transform:translateY(100vh);transform:translateY(100vh)}
65%{-webkit-transform:translateY(-1.5vh);-moz-transform:translateY(-1.5vh);-ms-transform:translateY(-1.5vh);-o-transform:translateY(-1.5vh);transform:translateY(-1.5vh)}
100%{-webkit-transform:translateY(0vh);-moz-transform:translateY(0vh);-ms-transform:translateY(0vh);-o-transform:translateY(0vh);transform:translateY(0vh)}
}
@-webkit-keyframes cd-move-out{0%{-webkit-transform:translateY(0vh)}
100%{-webkit-transform:translateY(-100vh)}
}
@-moz-keyframes cd-move-out{0%{-moz-transform:translateY(0vh)}
100%{-moz-transform:translateY(-100vh)}
}
@keyframes cd-move-out{0%{-webkit-transform:translateY(0vh);-moz-transform:translateY(0vh);-ms-transform:translateY(0vh);-o-transform:translateY(0vh);transform:translateY(0vh)}
100%{-webkit-transform:translateY(-100vh);-moz-transform:translateY(-100vh);-ms-transform:translateY(-100vh);-o-transform:translateY(-100vh);transform:translateY(-100vh)}
}