#main:after,
#main:before,
header:after,
header:before,
ul:after,
ul:before {
    content: "";
    display: table
}

#main .efx-info p,
ul {
    margin: 0
}

#main .efx-info h1,
nav li {
    display: inline-block
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#main:after,
header:after,
ul:after {
    clear: both
}

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

#main {
    padding: 2.5em 7%
}

#main .efx-info {
    width: 49%;
    float: left;
    padding: 2em 1em;
    font-weight: 700;
    border-radius: .2em
}

#main .efx-info h1 {
    line-height: 1;
    padding: .1em .2em;
    font-size: 5em;
    margin: 0
}

#main #efx-name {
    color: #16A085;
    font-weight: 900
}

#main #efx-ease {
    color: #34495E
}

#main .menu-chks {
    position: relative;
    line-height: 1;
    font-size: .9em;
    width: 45%;
    float: right
}

#main .menu-chks input {
    margin-right: .5em
}

#main .menu-chks input:checked+span {
    color: #16A085
}

#main .menu-chks input:checked+span:before {
    content: "\f046"
}

#main .menu-chks span {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

#main .menu-chks span:before {
    font-family: FontAwesome;
    position: absolute;
    left: 12px;
    top: 10px;
    color: #3b536b;
    content: "\f096";
    font-size: 1.4em
}

nav a,
nav li {
    position: relative
}

#main .menu-chks label {
    color: #e8e8e8;
    font-weight: 600;
    display: inline-block;
    position: relative;
    margin: .25em;
    background: #2d3f51;
    padding: .8em 1.2em .8em 2.5em;
    border-radius: .4em
}

#main .menu-chks label:hover {
    cursor: pointer
}

nav ul {
    text-align: center
}

nav a {
    z-index: 599;
    color: #f5f5f5;
    text-decoration: none;
    display: block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

nav a i[class*=caret] {
    color: #3b536b;
    margin-left: .15em
}

nav a:hover {
    color: #16A085
}

nav a:hover+.submenu {
    opacity: 1;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    visibility: visible
}

nav .eiob .submenu {
    -webkit-transition: all .3s cubic-bezier(.68, -.55, .265, 1.55), opacity .2s linear;
    -moz-transition: all .3s cubic-bezier(.68, -.55, .265, 1.55), opacity .2s linear;
    transition: all .3s cubic-bezier(.68, -.55, .265, 1.55), opacity .2s linear
}

nav .ln .submenu {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear
}

nav .ei .submenu {
    -webkit-transition: all .3s ease-in, opacity .2s linear;
    -moz-transition: all .3s ease-in, opacity .2s linear;
    transition: all .3s ease-in, opacity .2s linear
}

nav .eo .submenu {
    -webkit-transition: all .3s ease-out, opacity .2s linear;
    -moz-transition: all .3s ease-out, opacity .2s linear;
    transition: all .3s ease-out, opacity .2s linear
}

nav .submenu {
    display: block;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 499;
    width: 250px;
    top: 100%;
    left: 0;
    background: #2d3f51;
    box-shadow: 0 2px 5px rgba(68, 68, 68, .3);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

nav .submenu li>.submenu {
    top: 0;
    left: 100%
}

nav .submenu:hover {
    opacity: 1;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    visibility: visible
}

nav .submenu li {
    float: none;
    display: block;
    text-align: left
}

nav .submenu a {
    width: 100%;
    display: block;
    font-weight: 300;
    padding: 7px 25px 5px;
    line-height: 45px
}

nav .submenu a:hover {
    color: #f5f5f5;
    background-size: 500% 100%
}

nav.rx li:hover+.submenu {
    opacity: 1;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}

nav.rx .submenu {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg)
}

nav.rx .submenu:hover {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}

nav.fd .submenu:hover,
nav.fd li:hover+.submenu {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}

nav.fd li:hover+.submenu {
    opacity: 1;
    transform: translateY(0)
}

nav.fd .submenu {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px)
}

nav.fd .submenu:hover {
    transform: translateY(0)
}

nav.fu li:hover+.submenu {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

nav.fu .submenu {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px)
}

nav.fu .submenu:hover {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

nav.sc li:hover+.submenu {
    opacity: 1;
    -webkit-transform: rotateY(0) scale(1);
    -moz-transform: rotateY(0) scale(1);
    -ms-transform: rotateY(0) scale(1);
    -o-transform: rotateY(0) scale(1);
    transform: rotateY(0) scale(1)
}

nav.sc .submenu {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

nav.sc .submenu:hover {
    -webkit-transform: rotateY(0) scale(1);
    -moz-transform: rotateY(0) scale(1);
    -ms-transform: rotateY(0) scale(1);
    -o-transform: rotateY(0) scale(1);
    transform: rotateY(0) scale(1)
}

nav.rt li:hover+.submenu {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

nav.rt .submenu {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

nav.rt .submenu:hover {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

nav.mv li:hover+.submenu {
    -webkit-transform: translateX(0) skewX(0);
    -moz-transform: translateX(0) skewX(0);
    -ms-transform: translateX(0) skewX(0);
    -o-transform: translateX(0) skewX(0);
    transform: translateX(0) skewX(0)
}

nav.mv .submenu {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-40px) skewX(-7deg);
    -moz-transform: translateX(-40px) skewX(-7deg);
    -ms-transform: translateX(-40px) skewX(-7deg);
    -o-transform: translateX(-40px) skewX(-7deg);
    transform: translateX(-40px) skewX(-7deg)
}

nav.mv .submenu:hover {
    -webkit-transform: skewX(0);
    -moz-transform: skewX(0);
    -ms-transform: skewX(0);
    -o-transform: skewX(0);
    transform: skewX(0)
}

nav.dc li:hover+.submenu {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}

nav.dc .submenu {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg)
}

nav.dc .submenu:hover {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}

.nav {
    display: none
}

@media only screen and (min-width:150px) and (max-width:990px) {

    .nav,
    .nav ul {
        width: 100%;
        height: auto;
        margin: auto;
        overflow: hidden
    }

    nav {
        display: none
    }

    .nav {
        display: block;
        padding: 25px;
        background: #000
    }

    .navbar-header {
        width: 100%;
        height: auto
    }

    .navbar-toggle {
        background: #fff
    }

    .icon-bar {
        background: #000
    }

    .navbar-brand,
    .navbar-brand:hover {
        color: #fff
    }

    .nav ul {
        display: none
    }

    .nav ul li {
        width: 100% !important
    }

    .nav ul li a {
        color: #fff;
        padding: 10px 0;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none
    }

    .nav ul li ul {
        width: 100%;
        position: static;
        margin-left: 20px;
        background: #ccc;
        padding-left: 15px
    }

    .nav ul ul a {
        color: #000
    }
}