#site-nav *,#site-nav,#site-nav h3,#site-nav .site-menu-item .site-menu-item-inner:after,#site-nav .site-menu-item .site-menu-item-specific,#site-nav .site-menu-item h3,#site-nav .site-menu-item-specific{
    -webkit-transition:all .3s ease !important;
    transition:all .3s ease !important
}
#site-nav:after,#site-nav .site-menu-item:before,#site-nav .site-menu-item:after,#site-nav .site-menu-item .site-menu-item-inner:after{
    content:".";
    display:block;
    text-indent:-9999px
}
.js-loading *,.js-loading *:before,.js-loading *:after{
    -webkit-animation-play-state:paused !important;
    animation-play-state:paused !important
}
.fadeInUp{
    -webkit-animation-duration:.3s;
    animation-duration:.3s
}
nav#site-nav,#site-nav section{
    position:relative
}
.group:after{
    display:block;
    height:0;
    clear:both;
    content:".";
    visibility:hidden
}
.right,.alignright{
    float:right;
    margin:0 0 1em 1em
}
.left,.alignleft{
    float:left;
    margin:0 1em 1em 0
}
.aligncenter{
    margin:0 auto;
    text-align:center;
    display:block
}
#site-nav ul{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    *font-size:95%;
    *font-size:.95em;
    line-height:1.2em;
    vertical-align:baseline;
    background:transparent
}
#site-nav li{
    list-style:none;
    padding-left:0;
    padding-bottom:0
}
@-webkit-keyframes dropdown{
    0%{
        z-index:0
    }
    5%{
        z-index:100
    }
    10%{
        height:100%
    }
    100%{
        height:650px;
        z-index:100
    }
}
@keyframes dropdown{
    0%{
        z-index:0
    }
    5%{
        z-index:100
    }
    10%{
        height:100%
    }
    100%{
        height:650px;
        z-index:100
    }
}
#site-nav{
    font-family:AvenirNextLTPro-Regular,sans;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    color:white
}
#site-nav a{
    color:white
}
#site-nav h2{
    -webkit-transition:font-size .3s ease !important;
    transition:font-size .3s ease !important;
    font-family:AvenirNextLTPro-Bold,sans;
    font-size:2.4em;
    text-align:center;
    text-transform:lowercase;
    font-weight:normal
}
#site-nav h3{
    font-size:.9em;
    text-align:center;
    text-transform:uppercase;
    font-weight:normal
}
#site-nav h3 .label{
    font-family:AvenirNextLTPro-Bold,sans;
    margin-right:1em;
    text-transform:none;
    font-size:1.4em;
    display:none
}
#site-nav:after{
    display:none
}
@media screen and (min-width:61.3125em){
    #site-nav{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        height:100px
    }
    #site-nav:after{
        pointer-events:none;
        background-image:url("../img/mask.png");
        background-size:160%;
        background-repeat:no-repeat;
        background-position:bottom center;
        display:block;
        height:100px;
        width:100%;
        position:absolute;
        top:121px;
        left:0
    }
    #site-nav .closed h2{
        font-size:1.1em
    }
    #site-nav .neutral h2{
        font-size:2.4em
    }
    .home #site-nav{
        height:650px
    }
    .home #site-nav h2{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:bottom left;
        transform-origin:bottom left;
        text-align:left;
        width:100%;
        font-size:4em;
        position:absolute;
        left:90%;
        bottom:100px
    }
    .home #site-nav:after{
        top:551px
    }
    #site-nav h3{
        font-size:1.1em;
        margin-bottom:2em;
        text-align:left;
        display:inline-block
    }
    #site-nav h3 .label{
        display:inline-block
    }
    .home #site-nav:hover h2{
        font-size:1.4em
    }
}
#site-nav .site-menu-item{
    position:relative;
    padding:2em 2em 2em 2em;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-preferred-size:0;
    flex-basis:0;
    height:100%;
    -webkit-transition:all .8s ease-in;
    transition:all .8s ease-in;
    -webkit-transform-origin:center center;
    transform-origin:center center;
    border-bottom-left-radius:50% 30px;
    border-bottom-right-radius:50% 30px;
    cursor:pointer
}
#site-nav .site-menu-item:before,#site-nav .site-menu-item:after{
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    opacity:.8;
    z-index:-1
}
#site-nav .site-menu-item:before{
    opacity:1;
    background-size:cover;
    background-position:top center
}
#site-nav .site-menu-item.active h2{
    text-decoration:underline
}
#site-nav .site-menu-item .site-menu-item-inner{
    height:100%;
    position:static;
    -webkit-transition:flex-grow .5s,-webkit-box-flex .5s;
    transition:flex-grow .5s,-webkit-box-flex .5s;
    transition:flex-grow .5s;
    transition:flex-grow .5s,-webkit-box-flex .5s,-ms-flex-positive .5s;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
#site-nav .site-menu-item .site-menu-item-inner:after{
    position:absolute;
    bottom:-7px;
    left:-25%;
    height:150%;
    width:150%;
    z-index:1;
    opacity:0;
    display:none;
    pointer-events:none
}
#site-nav .site-menu-item .site-menu-item-specific,#site-nav .site-menu-item h3{
    visibility:invisible;
    opacity:0;
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    height:0;
    max-height:0
}
/* new functionality
 * 
 * 
 * 
 * 
*/
@media screen and (min-width:61.3125em){
    #site-nav .site-menu-item{
        padding:0;
        height:100%;
        z-index:0;
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1;
        padding:60px 20px 160px;
        border-radius:0;
        overflow:hidden;
        -webkit-transition-duration:1s;
        transition-duration:1s
    }
    #site-nav .site-menu-item:hover h2{
        text-decoration:underline
    }
    #site-nav .site-menu-item.open{
        padding:60px 5%;
        -webkit-box-flex:10;
        -ms-flex-positive:10;
        flex-grow:10;
        -webkit-animation:dropdown ease-in-out .5s forwards;
        animation:dropdown ease-in-out .5s forwards;
        border-bottom-left-radius:50% 50px;
        border-bottom-right-radius:50% 50px
    }
    #site-nav .site-menu-item.open h2{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:bottom left;
        transform-origin:bottom left;
        text-align:left;
        width:100%;
        font-size:4em;
        position:absolute;
        left:95%;
        bottom:100px
    }
    #site-nav .site-menu-item.open h3{
        margin-bottom:2em
    }
    #site-nav .site-menu-item.open.active h2{
        text-decoration:none
    }
    #site-nav .site-menu-item.open.active .label{
        text-decoration:underline
    }
    #site-nav .site-menu-item.open:hover h2{
        text-decoration:none
    }
    #site-nav .site-menu-item.open .site-menu-item-inner:after{
        display:block;
        opacity:1;
        bottom:-1px
    }
    #site-nav .site-menu-item.open .site-menu-item-specific,#site-nav .site-menu-item.open h3{
        visibility:visible;
        height:auto;
        opacity:1;
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        height:auto;
        max-height:1000px
    }
    .home #site-nav .site-menu-item.open{
        -webkit-animation:none !important;
        animation:none !important
    }
    .home #site-nav .site-menu-item:hover{
        padding:60px 5%;
        -webkit-box-flex:10;
        -ms-flex-positive:10;
        flex-grow:10
    }
    .home #site-nav .site-menu-item:hover h2{
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:bottom left;
        transform-origin:bottom left;
        text-align:left;
        width:100%;
        font-size:4em;
        position:absolute;
        left:95%;
        bottom:100px
    }
    .home #site-nav .site-menu-item:hover h3{
        margin-bottom:2em
    }
    .home #site-nav .site-menu-item:hover.active h2{
        text-decoration:none
    }
    .home #site-nav .site-menu-item:hover.active .label{
        text-decoration:underline
    }
    .home #site-nav .site-menu-item:hover .site-menu-item-inner:after{
        display:block;
        opacity:1;
        bottom:-1px
    }
    .home .home #site-nav .site-menu-item:hover{
        height:650px;
        border-radius:0;
        z-index:0;
        -webkit-animation:none;
        animation:none
    }
    .home .home #site-nav .site-menu-item:hover .site-menu-item-inner:after{
        content:none
    }
    .home #site-nav .site-menu-item:hover .site-menu-item-specific,.home #site-nav .site-menu-item:hover h3{
        visibility:visible;
        height:auto;
        opacity:1;
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        height:auto;
        max-height:1000px
    }
}
#site-nav .site-menu-item-specific{
    margin:1em 0
}
#site-nav .site-menu-item-specific a{
    text-decoration:none;
    display:block;
    font-size:1.1em;
    margin-bottom:.5em
}
#site-nav .site-menu-item-specific>ul>li{
    margin-bottom:.5em
}
#site-nav .site-menu-item-specific>ul>li>a{
	cursor: default;
    font-family:AvenirNextLTPro-Demi,sans
}
@media screen and (min-width:61.3125em){
    #site-nav .site-menu-item-specific>ul>li{
        margin-bottom:3em
    }
    #site-nav .site-menu-item-specific>ul>li>a{
		font-family:AvenirNextLTPro-Demi,sans;
        margin-bottom:.5em;
        font-size:1.3em
    }

	#site-nav .site-menu-item-specific>ul>li li{
        margin-left:0;
        margin-bottom:.5em
    }
}
@media screen and (min-width:61.3125em){
    #site-nav .site-menu-item-specific{
        max-width:calc(100% - 4em)
    }
    #site-nav .site-menu-item-specific>ul{
        -webkit-column-count:2;
        column-count:2;
        -webkit-column-break-inside:avoid;
        break-inside:avoid
    }
    
	/* Manual column counts set for "learn" and "watch" menus */
	#site-nav #menu-learn{
        column-count:3
    }
	#site-nav #menu-watch{
		column-count:4;
		column-gap: 100px
	}
    /* Manual row space set for "support" menu */
	/*#site-nav #menu-support a{
		margin-bottom: 2.5em;
	}*/
	
	
    #site-nav .site-menu-item-specific>ul>li{
        -webkit-column-break-inside:avoid;
        break-inside:avoid;
        display:table
    }
}
#site-nav .current-menu-item>a,#site-nav .current_page_item>a{
    text-decoration:underline
}
#site-nav .menu-item-description{
    font-size:1.1em;
    display:block;
    font-style:italic;
    font-weight:normal;
    margin-bottom:1em
}
.button_container{
    display:inline-block;
    margin:0 1rem 0;
    height:40px;
    width:30px;
    position:relative;
    z-index:400;
    -webkit-transition:opacity .25s ease;
    transition:opacity .25s ease;
    line-height:1.5em
}
.button_container.active .top{
    -webkit-transform:translateY(11px) translateX(0) rotate(45deg);
    transform:translateY(11px) translateX(0) rotate(45deg)
}
.button_container.active .middle{
    opacity:0
}
.button_container.active .bottom{
    -webkit-transform:translateY(-11px) translateX(0) rotate(-45deg);
    transform:translateY(-11px) translateX(0) rotate(-45deg)
}
.button_container span{
    background:black;
    border:0;
    height:4px;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    -webkit-transition:all .35s ease;
    transition:all .35s ease;
    cursor:pointer;
    border-radius:2px
}
.button_container span:nth-of-type(2){
    top:11px
}
.button_container span:nth-of-type(3){
    top:22px
}
@media screen and (min-width:61.3125em){
    .button_container{
        display:none
    }
}
@media screen and (max-width:61.3125em){
    #site-nav{
        -webkit-transform-origin:top center;
        transform-origin:top center
    }
    #site-nav.menu-open{
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        height:auto
    }
    #site-nav.menu-closed{
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        height:0
    }
    #site-nav .site-menu-item.closed{
        padding:1em 2em
    }
    #site-nav .site-menu-item.closed h2{
        font-size:1.4em
    }
    #site-nav .site-menu-item.closed h3,#site-nav .site-menu-item.closed .site-menu-item-specific{
        visibility:hidden;
        opacity:0;
        margin:0;
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        height:0;
        max-height:0
    }
    #site-nav .site-menu-item.open{
        padding:1em 2em
    }
    #site-nav .site-menu-item.open h3,#site-nav .site-menu-item.open .site-menu-item-specific{
        visibility:visible;
        opacity:1;
        margin:0;
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
        height:auto;
        max-height:1000px
    }
    #site-nav .site-menu-item.neutral{
        padding:2em
    }
    #site-nav .site-menu-item.neutral h2{
        font-size:2.4em
    }
    #site-nav .sub-menu li{
        margin-left:30px
    }
    #site-nav .sub-menu.closed{
        visibility:hidden;
        opacity:0;
        height:0;
        max-height:0
    }
    #site-nav .sub-menu.open{
        visibility:visible;
        opacity:1;
        height:auto;
        max-height:1000px
    }
    #site-nav .menu-item-has-children>a:after{
        content:url("../img/plus.png");
        margin-left:.3em;
        position:relative;
        top:-3px
    }
    #site-nav .menu-item-has-children>a.minus:after{
        content:url("../img/minus.png")
    }
}