.bottom-animate, .top-animate { background: #232323 !important; top: 13px !important }
.top-animate { -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.mid-animate { opacity: 0 }
.bottom-animate { -webkit-transform: rotate(-225deg); transform: rotate(-225deg) }
.bottom-menu, .mid-menu, .top-menu { width: 25px; height: 3px; border-radius: 10px; background-color: #232323 }
.top-menu { top: 5px }
.mid-menu { top: 13px }
.bottom-menu { top: 21px }



.menui { background: #232323; transition: .6s ease; transition-timing-function: cubic-bezier(.75, 0, .29, 1.01); margin-top: 10px; position: absolute;z-index:1000; }

.mobilenav { top: 0; left: 0; z-index: 999; position: fixed }

.icon { display: block; padding: 9px; height: 32px; width: 32px; margin: 0; top: 23px;right: 35px;z-index: 1000; position: fixed }



.mobilenav { font-family: inherit; display: none; width: 100%; height: 100%; background: #fff; }
.mobilenav li { list-style-type: none; text-align: center; padding: 10px }
.mobilenav li a { font-size: 35px; color: #232323; text-decoration: none; font-weight: 700; width: 100% }
.mobilenav li:first-child { margin-top: 30px }
.mobilenav .mobilebar a.icon { top: 25px; }


header .logo, #overlay .logo { float:left;width: 225px;height: 75px;margin-left: 30px;background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url('/images/slogolong.png'); }
.slogo { width: 45px;height: 45px;margin-top: 25px;margin-left: 20px;background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url('/images/slogo.png'); }
header .mobilebar { display:none;float:right;font-size:36px;margin-top:18px;margin-right:15px;color:#232323 }


nav ul { list-style: none;font-size:0px; }
nav ul li { display:inline-block;  }
nav ul li a { text-decoration:none; }

nav#homepage-main ul { margin-top:10px; }
nav#homepage-main ul li {
	padding:10px 15px;
	height:50px;
	line-height:32px;
}
nav#homepage-main ul li a { 
	color:#232323; 
	font-size:21px;
	font-weight:700;
}

nav#homepage-main ul li:first-child a.active { border:0; }
nav#homepage-main ul li a.active, nav.sticky_nav ul li a.active { border-bottom:2px solid #C42323; }
nav#homepage-main ul li a:hover, nav.sticky_nav ul li a:hover { color:#C42323; }

nav.sticky_nav {
    position:fixed;
    top:0;
    z-index:500;
    width:100%;
    -webkit-transform:translateY(-110%);
    -moz-transform:translateY(-110%);
    -ms-transform:translateY(-110%);
    -o-transform:translateY(-110%);
    transform:translateY(-110%);
    -webkit-transition:-webkit-transform .4s;
    -webkit-transition-delay:ease;
    -moz-transition:-moz-transform .4s ease;
    -o-transition:-o-transform .4s ease;
    transition:transform .4s ease;
    background-color:#fff;
    padding:10px 0;
    border-bottom: 1px solid #f7f6f6
    -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 .5em rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 .5em rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 .5em rgba(0, 0, 0, 0.1);
}
nav.sticky_nav ul, #normal_nav ul { text-align:right;margin-top:10px;margin-right:25px; }
nav.sticky_nav ul li, #normal_nav ul li {
	padding:10px 15px;
	height:50px;
	line-height:32px;
}
nav.sticky_nav ul li a, #normal_nav ul li a {
	color:#232323; 
	font-size:21px;
	font-weight:700;
}

body.sticky_nav--on .sticky_nav, nav.sticky_nav.show {
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}



@media (max-width:1025px) { 
	header .logo { width:175px; }
	header nav#homepage-main ul li, header nav.sticky_nav ul li { padding:10px 10px }
	header nav#homepage-main ul li a, header nav.sticky_nav ul li a { font-size:18px; }
}

@media (max-width:840px) { 
	header .logo { width:175px; }
	header nav ul { display:none; }
	header .mobilebar { display:block; }
}

@media (max-width:500px) { 
    nav.sticky_nav { padding: 15px 0; }
    nav.sticky_nav .logo { width: 125px;height: 30px;margin-left: 15px; }
    nav.sticky_nav .icon { top: 7px; }

    .mobilenav .slogo { width: 40px;height: 40px;margin-top: 15px; }
    .mobilenav .mobilebar a.icon { top: 10px; }
}