/*!#######################################################################
MeanMenu 2.0.7
--------
To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
#######################################################################*/a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:right;width:100%;position:absolute;background:0 0;padding:0;z-index:999}.mean-container a.meanmenu-reveal{width:35px;height:30px;position:absolute;left:0;cursor:pointer;color:#000;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-weight:700;padding-top:3px}.mean-container a.meanmenu-reveal span{display:block;background:#000;height:4px;margin-top:3px;border-radius:3px}.mean-container .mean-nav{float:right;width:100%;background:#fff;margin-top:48px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;border:none;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:right;width:100%}.mean-container .mean-nav ul li a i{display:none}.mean-container .mean-nav ul li a{display:block;float:right;width:90%;padding:1em 5%;margin:0;text-align:right;color:#677294;border-top:1px solid #dbeefd;text-decoration:none}.mean-container .mean-nav ul li a.active{color:#000}.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;color:#677294;border-top:1px solid #dbeefd;opacity:1;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible;text-transform:none;font-size:14px}.mean-container .mean-nav ul li.mean-last a{margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:100%;height:24px;padding:12px!important;text-align:left;position:absolute;left:0;top:0;z-index:2;font-weight:700;background:0 0;border:none!important}.mean-container .mean-push{float:right;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important}

        :root {
            --darkbg: #251d29;
            --darkt: #ffd1f7;
            --lightbg: #fff;
            --lightt: #d43370;

            --toggleHeight: 16em;
            --toggleWidth: 30em;
            --toggleBtnRadius: 10em;

            --bgColor--night: #423966;
            --toggleBtn-bgColor--night: var(--bgColor--night);
            --mooncolor: #d9fbff;
            --bgColor--day: #9ee3fb;
            --toggleBtn-bgColor--day: var(--bgColor--day);
        }

        .light {
            background: var(--lightbg);
            color: var(--lightt);
        }

        .tdnn {
            margin: 0 auto;
            font-size: 9.5%;
            margin-top: 10em;
            float: right;
            position: relative;
            height: var(--toggleHeight);
            width: var(--toggleWidth);
            border-radius: var(--toggleHeight);
            transition: all 500ms ease-in-out;
            background: var(--bgColor--night);
            margin-left: 11px;
            margin-top: 16px;
        }

        .day {
            background: #ffbf71;
        }

        .moon {
            position: absolute;
            display: block;
            border-radius: 50%;
            transition: all 400ms ease-in-out;

            top: 3em;
            left: 3em;
            transform: rotate(-75deg);
            width: var(--toggleBtnRadius);
            height: var(--toggleBtnRadius);
            background: var(--bgColor--night);
            box-shadow: 3em 2.5em 0 0em var(--mooncolor) inset,
            rgba(255, 255, 255, 0.1) 0em -7em 0 -4.5em,
            rgba(255, 255, 255, 0.1) 3em 7em 0 -4.5em,
            rgba(255, 255, 255, 0.1) 2em 13em 0 -4em,
            rgba(255, 255, 255, 0.1) 6em 2em 0 -4.1em,
            rgba(255, 255, 255, 0.1) 8em 8em 0 -4.5em,
            rgba(255, 255, 255, 0.1) 6em 13em 0 -4.5em,
            rgba(255, 255, 255, 0.1) -4em 7em 0 -4.5em,
            rgba(255, 255, 255, 0.1) -1em 10em 0 -4.5em;
        }

        .sun {
            top: 4.5em;
            left: 18em;
            transform: rotate(0deg);
            width: 7em;
            height: 7em;
            background: #fff;
            box-shadow: 3em 3em 0 5em #fff inset, 0 -5em 0 -2.7em #fff,
            3.5em -3.5em 0 -3em #fff, 5em 0 0 -2.7em #fff, 3.5em 3.5em 0 -3em #fff,
            0 5em 0 -2.7em #fff, -3.5em 3.5em 0 -3em #fff, -5em 0 0 -2.7em #fff,
            -3.5em -3.5em 0 -3em #fff;
        }
@media only screen and (max-width:767px){
    .tdnn{margin-top:5px !important;}
}