@font-face{font-family:'Axiforma';src:url('/fonts/Axiforma-Book.ttf');font-weight: lighter;font-style: normal;}
@font-face{font-family:'Axiforma';src:url('/fonts/Axiforma-BookItalic.ttf');font-weight: lighter;font-style: italic;}
@font-face{font-family:'Axiforma';src:url('/fonts/Axiforma-Book.ttf');font-weight: normal;font-style: normal;}
@font-face{font-family:'Axiforma';src:url('/fonts/Axiforma-BookItalic.ttf');font-weight: normal;font-style: italic;}
@font-face{font-family:'Axiforma';src:url('/fonts/Axiforma-Bold.ttf');font-weight: bold;font-style: normal;}
@font-face{font-family:'Axiforma';src:url('/fonts/Axiforma-BoldItalic.ttf');font-weight: bold;font-style: italic;}
@font-face{font-family:'Axiforma';src:url('/fonts/Axiforma-Bold.ttf');font-weight: bolder;font-style: normal;}
@font-face{font-family:'Axiforma';src:url('/fonts/Axiforma-BoldItalic.ttf');font-weight: bolder;font-style: italic;}

html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: none;font-size: 100%;background: transparent;font-family:Axiforma !important;font-weight: lighter;
box-sizing:border-box;
}
strong,b{font-weight:bolder !important;}
/* border: 1px solid #FF0000; */
html{}
html,body{height: 100%;width:100%;background-color:#eaeaea;min-width:700px;}
body{font-size:13px;}
img, a {outline: none;}
a:active, a:focus, img {outline: none; border: none }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
:focus {outline: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
.clear{clear:both;}
.visible{display:block;visibility:visible;}
.hidden{display:none;visibility:hidden;}
.left{position:relative;float:left;}
.right{position:relative;float:right;}
div{text-align:left;}

a:link{color:#f6b301;}
a:visited{color:#f6b301;}
a:hover{color:#f6b301;}
a:active{color:#f6b301;}

h1{font-size:36px;color:#000000;}
h2{font-size:24px;color:#000000;}
h3{font-size:20px;color:#000000;}

#fader{position:absolute;z-index:99998;background-color:#000000;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;}

.document{min-height:100%;margin-top:-60px;width:100%;min-width:700px;}
.document .sceleton{width:100%;height:100%;}
.document .sceleton .top{height:60px;padding-top:60px;width:100%;position:relative;}
.document .sceleton .top .inside_top{position:fixed;z-index:2;width:100%;height:60px;background-color:#525252;}
.document .sceleton .top .inside_top .open_close_menu{cursor:pointer;width:60px;height:60px;position:relative;float:left;background-image:URL(/images/menu.png);background-repeat:no-repeat;background-position:center center;}
.document .sceleton .top .inside_top .logo{width:200px;height:60px;background-image:URL(/images/logo_mc.png);position:relative;float:left;background-repeat:no-repeat;background-position:center center;}
.document .sceleton .top .inside_top .profile{position:relative;float:right;height:60px;padding-right:60px;cursor:pointer;}
.document .sceleton .top .inside_top .profile .user_panel{line-height:60px;height:60px;font-size:16px;color:#FFFFFF;padding-left:20px;padding-right:20px;}
.document .sceleton .top .inside_top .profile .highlight{background-color:#6b6b6b;}
.document .sceleton .top .inside_top .profile .opened{height:180px;width:100%;background-color:#6b6b6b;}

/*padding-left:20px;padding-right:20px;margin-left:-20px;*/

.document .sceleton .top .inside_top .profile .opened div{height:60px;line-height:60px;font-size:12px;background-repeat:no-repeat;width:100%;padding-left:60px;background-position:left 10px center;color:#FFFFFF;}
.document .sceleton .top .inside_top .profile .opened .user_role{background-image:URL(/images/user.png);}
.document .sceleton .top .inside_top .profile .opened .password{background-image:URL(/images/password.png);}
.document .sceleton .top .inside_top .profile .opened .logout{background-image:URL(/images/logout.png);}
.document .sceleton .top .inside_top .profile .opened .role1{background-image:URL(/images/user1.png);}
.document .sceleton .top .inside_top .profile .opened .role2{background-image:URL(/images/user2.png);}
.document .sceleton .top .inside_top .profile .opened .role3{background-image:URL(/images/user3.png);}
.document .sceleton .top .inside_top .profile .opened .role4{background-image:URL(/images/user4.png);}
.document .sceleton .top .inside_top .profile .opened .role5{background-image:URL(/images/user5.png);}
.document .sceleton .top .inside_top .profile .opened .role6{background-image:URL(/images/user6.png);}




.document .sceleton .top .inside_top .profile .user_name{position:relative;float:left;}
.document .sceleton .top .inside_top .profile .userlogo{position:relative;float:left;width:40px;height:40px;background-color:#cccccc;
border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-khtml-border-radius:20px;margin-top:10px;margin-left:20px;margin-right:20px;
line-height:40px;font-size:14px;text-align:center;padding-top:2px;
}
.document .sceleton .top .inside_top .profile .tri{position:relative;float:left;background-image:URL(/images/tri.gif);background-repeat:no-repeat;background-position:center center;width:8px;height:60px;}

.document .sceleton .main{width:100%;height:100%;min-height:100%;}
.document .sceleton #menuid{position:fixed;height:100%;z-index:1;background-color:#333333;}

.document .sceleton .brief{width:60px;}
.document .sceleton .main .content{width:100%;height:100%;}

.document .sceleton .main .wide{width:100%;background-color:#eaeaea;}
.document .sceleton .main .brief{width:100%;background-color:#eaeaea;}

.document .sceleton .main .incontent{background-color:#eaeaea;padding-top:60px;}
.document .sceleton .main .wide .incontent{margin-left:260px;}
.document .sceleton .main .brief .incontent{margin-left:60px;}
.document .sceleton .main .incontent{height:100%;background-color:#eaeaea;}
.contentoutin{margin:0 auto;width:96%;}




/* auth */
.bg{width:100%;height:100%;}
.bg .abscnt{position:absolute;z-index:2;    width: 50%;left: 25%;}
.bg .abscnt .cnt{margin:0 auto;width:800px;padding:100px;color:#FFFFFF;}
.bg .abscnt .cnt .logo{background-image:URL(/images/mc_big_logo.png);width:300px;height:138px;margin:0 auto;cursor:pointer;}
.bg .abscnt .cnt h1{text-align:center;color:#d6d6d6;}


#particles-js{width:100%;height:300px;}

/* ---- particles.js container ---- */

#particles-js{
position:absolute;z-index:1;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}

/* feedback */
.feedback{width:100%;padding-top:40px;}
.feedback .cap{position:relative;float:left;width:35%;height:50px;}
.feedback .fld{position:relative;float:left;width:65%;height:50px;padding-bottom:25px;}
.feedback .cap2{height:170px;}
.feedback .fld2{height:170px;}
.feedback .cap3{height:150px;}
.feedback .fld3{height:150px;}