@charset "UTF-8";


/* CSS Document */

/* TOP NAV mobile */
#mc_mobilenav{position:fixed; top:0; right:0; width:auto; padding:11px 20px; padding-right:10px; display:none;z-index:9999; text-align: right;}
#mc_mobilenav .mc_mobilenav_box{padding:5px 7px; background:none; cursor:pointer; display:inline-block; width:auto; position:relative; left:-5px;
-ms-transform: scale(1, 1); /* IE 9 */ -webkit-transform: scale(1, 1); /* Safari */ transform: scale(1, 1);
}
#mc_mobilenav .mc_mobilenav_box span{display:block; background-color:#000; width:30px; height:2px; margin-top:6px; margin-bottom:6px;position:relative; top:0px;}
#mc_mobilenav .active span.line1{-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position:relative; top:8px;}
#mc_mobilenav .active span.line2{opacity:0;}
#mc_mobilenav .active span.line3{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position:relative; top:-8px;}
#mc_mobilenav .active span.line1,
#mc_mobilenav .active span.line3,
#mc_mobilenav .mc_mobilenav_box span,
#mc_mobilenav .active,
#mc_mobilenav .mc_mobilenav_box,
.mc_mobilenav_slidebox a{
	-webkit-transition-duration: 0.3s; /* Safari */
    transition-duration: 0.3s;
}
#mc_mobilenav .active{
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	color:#000;
}
.mc_mobilenav_slidebox{background:#000 url(mobile_logowatermark.png); position:fixed; top:0; left:0; z-index:970; width:100%; height:100%; padding-top:80px; opacity:0;
-webkit-transition-duration: 0.6s; /* Safari */
    transition-duration: 0.6s;
	-webkit-animation: slide 5s linear infinite;
}
.mc_mobilenav_slidebox ul li{list-style:none;}
.mc_mobilenav_slidebox a{color:#fff; display:block; text-align:center; font-size:21px; letter-spacing: 1px; font-weight:bold; text-decoration: none!important; line-height:120px;}
.mc_mobilenav_slidebox a:hover{letter-spacing: 3px;}
.mc_mobilenav_slidebox_active{-ms-transform:translatex(0px)!important; -webkit-transform:translatex(0px)!important; transform:translatex(0px)!important; opacity:1;}


@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -269px -152px; }
}

@media (max-width:1024px) {.mc_topnav_col2{display:none;}#mc_mobilenav{display:block;}#mc_topnav img{max-width:65px;}}