*,::after,::before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

.cd-nav-trigger{
    position:absolute;
    display:inline-block
}
.cd-nav-trigger{
    top:15px;
    right:20px;
    height:44px;
    width:44px;
    z-index:5;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap
}
@media (max-width:991px){
    .cd-nav-trigger{
        top:10px;
        right:15px
    }
}
.cd-nav-trigger .cd-icon{
    position:absolute;
    left:50%;
    top:50%;
    bottom:auto;
    right:auto;
    -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%);
    display:inline-block;
    width:18px;
    height:2px;
    background-color:#222;
    z-index:10
}
.cd-nav-trigger .cd-icon::before,.cd-nav-trigger .cd-icon:after{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    background-color:#222;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:-webkit-transform .3s;
    -moz-transition:-moz-transform .3s;
    transition:transform .3s
}
.cd-nav-trigger .cd-icon::before{
    -webkit-transform:translateY(-6px) rotate(0);
    -moz-transform:translateY(-6px) rotate(0);
    -ms-transform:translateY(-6px) rotate(0);
    -o-transform:translateY(-6px) rotate(0);
    transform:translateY(-6px) rotate(0)
}
.cd-nav-trigger .cd-icon::after{
    -webkit-transform:translateY(6px) rotate(0);
    -moz-transform:translateY(6px) rotate(0);
    -ms-transform:translateY(6px) rotate(0);
    -o-transform:translateY(6px) rotate(0);
    transform:translateY(6px) rotate(0)
}
.cd-nav-trigger::after,.cd-nav-trigger::before{
    position:absolute;
    top:0;
    left:0;
    border-radius:50%;
    height:100%;
    width:100%;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    transition-property:transform
}
.cd-nav-trigger::before{
    background-color:#ededed;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-delay:.4s;
    -moz-transition-delay:.4s;
    transition-delay:.4s
}
.cd-nav-trigger::after{
    background-color:#ededed;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition-duration:0s;
    -moz-transition-duration:0s;
    transition-duration:0s;
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    transition-delay:0s
}
.cd-nav-trigger.close-nav::before{
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0)
}
.cd-nav-trigger.close-nav::after{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-delay:.4s;
    -moz-transition-delay:.4s;
    transition-delay:.4s
}
.cd-nav-trigger.close-nav .cd-icon{
    background-color:transparent
}
.cd-nav-trigger.close-nav .cd-icon::after,.cd-nav-trigger.close-nav .cd-icon::before{
    background-color:#222
}
.cd-nav-trigger.close-nav .cd-icon::before{
    -webkit-transform:translateY(0) rotate(45deg);
    -moz-transform:translateY(0) rotate(45deg);
    -ms-transform:translateY(0) rotate(45deg);
    -o-transform:translateY(0) rotate(45deg);
    transform:translateY(0) rotate(45deg)
}
.cd-nav-trigger.close-nav .cd-icon::after{
    -webkit-transform:translateY(0) rotate(-45deg);
    -moz-transform:translateY(0) rotate(-45deg);
    -ms-transform:translateY(0) rotate(-45deg);
    -o-transform:translateY(0) rotate(-45deg);
    transform:translateY(0) rotate(-45deg)
}
.cd-primary-nav{
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:100%;
    padding:80px 5%;
    z-index:3;
    background-color:#fff;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    visibility:hidden;
    opacity:0;
    -webkit-transition:visibility 0s,opacity .3s;
    -moz-transition:visibility 0s,opacity .3s;
    transition:visibility 0s,opacity .3s
}
ul.cd-primary-nav{
    list-style:none;
    padding:80px 0 0 0;
    margin:0
}
.cd-primary-nav li{
    margin:1.2em 0;
    text-align:center;
    text-transform:capitalize
}
.cd-primary-nav a{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-transition:color .2s;
    -moz-transition:color .2s;
    transition:color .2s;
    color:#777;
    font-size:18px
}
.no-touch .cd-primary-nav a:hover{
    color:#434bdf
}
.cd-primary-nav.fade-in{
    visibility:visible;
    opacity:1
}
@media only screen and (min-width:768px){
    .cd-primary-nav li{
        margin:2em 0
    }
    .cd-primary-nav a{
        font-size:21px
    }
}
@media only screen and (min-width:1170px){
    .cd-primary-nav li{
        margin:2.6em 0
    }
    .cd-primary-nav a{
        font-size:24px
    }
}
.cd-overlay-content,.cd-overlay-nav{
    position:fixed;
    top:18px;
    right:5%;
    height:4px;
    width:4px;
    -webkit-transform:translateX(-20px) translateY(20px);
    -moz-transform:translateX(-20px) translateY(20px);
    -ms-transform:translateX(-20px) translateY(20px);
    -o-transform:translateX(-20px) translateY(20px);
    transform:translateX(-20px) translateY(20px)
}
.cd-overlay-content span,.cd-overlay-nav span{
    display:inline-block;
    position:absolute;
    border-radius:50%;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    will-change:transform;
    -webkit-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    -o-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0)
}
.cd-overlay-content.is-hidden,.cd-overlay-nav.is-hidden{
    opacity:0;
    visibility:hidden;
    -webkit-transition:opacity .3s 0s,visibility 0s .3s;
    -moz-transition:opacity .3s 0s,visibility 0s .3s;
    transition:opacity .3s 0s,visibility 0s .3s
}
.cd-overlay-nav{
    z-index:2
}
.cd-overlay-nav span{
    background-color:#434bdf
}
.cd-overlay-content{
    z-index:4
}
.cd-overlay-content span{
    background-color:#434bdf
}