/* reset */
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:transparent}article,aside,figure,footer,header,nav,section,details,summary{display:block}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}img,object,embed{max-width:100%}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:700;vertical-align:bottom}td{font-weight:400;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:700}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}pre,code,kbd,samp{font-family:monospace,sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}
body,select,input,textarea{color:#333}
a{color:#dd997d}
a:hover{color:#69f; text-decoration:none;}
::-moz-selection{background:#fcd700;color:#fff;text-shadow:none}
::selection{background:#fcd700;color:#fff;text-shadow:none}
a:link{-webkit-tap-highlight-color:#fcd700}
ins{background-color:#fcd700;color:#000;text-decoration:none}
mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:700}
input:-moz-placeholder{color:#a9a9a9}
textarea:-moz-placeholder{color:#a9a9a9}
/* sheet */
@font-face {
    font-family: 'typo_grotesk_roundedlight';
    src: url('/css/typo_grotesk_rounded_light_demo-webfont.eot');
    src: url('/css/typo_grotesk_rounded_light_demo-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/typo_grotesk_rounded_light_demo-webfont.woff2') format('woff2'),
         url('/css/typo_grotesk_rounded_light_demo-webfont.woff') format('woff'),
         url('/css/typo_grotesk_rounded_light_demo-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
input{font-family: 'Times New Roman'; color: #ffffff; font-size: 20px;}
input:-webkit-autofill {
   -webkit-box-shadow:0 0 0 50px white inset;
   -webkit-text-fill-color: #333;
}
body{ background: #0f032f url(/images/background.jpg) center top no-repeat ;  font-family: 'Times New Roman'; color: #ffffff; font-size:18px; line-height: 24px }
.container{padding-top: 6%; }
h1{font-size: 45px; font-weight:bold;color:#dd997d; text-shadow: 2px 2px 0px rgba(0,0,0,0.8); max-width: 600px; line-height: 55px; font-family: 'typo_grotesk_roundedlight'; text-transform: uppercase;}
h2{ font-size: 20px; line-height: 35px; font-family: 'typo_grotesk_roundedlight'; text-transform: uppercase;}
h3{font-weight:bold;}
.intro{ padding-top: 45px; margin-bottom: 35px;}
.login-panel{background:rgba(0,0,0,0.4); border: 1px solid #2a2a60;font-size: 16px; box-shadow: 0px 0px 20px rgba(0,0,0,0.6)}
.login-panel .panel-heading{background:#231852; border:0px;  color:#ffffff;  text-transform: uppercase; font-weight:bold;}
.login-panel .panel-body{padding: 20px;}
.btn{font-size: 20px; font-weight:bold; padding-top:2px; text-shadow: 0px 1px 0px rgba(0,0,0,0.6)}
.btn-success{background: #bc7b60}
.btn-success:hover{background: #dd997d}
.sidebar{ -webkit-transition:all .218s ease-in; transition:all .218s ease-in;}
.sidebar .tableholder{background:#2a2a60;border-radius: 5px; overflow:hidden; margin-bottom: 15px;}
.sidebar h1,.mobileheader h1{font-size: 30px; line-height: 40px; padding-top: 25px;}
.sidebar h2,.mobileheader h2{font-size: 16px; line-height: 26px; padding-bottom: 25px;}
.sidebar .table{margin-bottom:0px;}
.sidebar .table td{font-size: 18px; line-height: 22px; border-top: 1px solid rgba(0,0,0,0.3);}
.sidebar .table td a{display:block; cursor:pointer; padding: 5px 15px 5px 15px;}
.sidebar .table td a i{font-size: 14px;}
.videoholder{height: 100%; position: fixed;  background: rgba(0,0,0,0.8); right: 0px; top:0px;}
.videoholder table.vh{ height: 100%; width: 100% }
.videoholder table.vh td{ vertical-align: middle; text-align: center; }
.videoholder .vh .flowplayer .fp-embed {display: none !important;}
.videoholder .vh .flowplayer.is-playing{ background-color: #000 !important; }

.sidebar .table tr td:first-child{max-width: 30px;}
.section td{cursor:pointer;}
.files td{cursor:pointer;}
.section td strong{font-weight:normal}
.files td strong{font-weight:normal}
.section:hover td,.section.active td ,a.active, .sub a:hover{background:#ffffff; color:#323232}
.files:hover td,.files.active td ,a.active, .sub a:hover{background:#ffffff; color:#323232}
.sidebar .table .sub {display:none;}
.sidebar .table .sub td{padding:0px;}

.loadvideo{ position: absolute; top: 50%; left: 50%;font-size: 60px;color:rgba(255,255,255,0.2); margin-left: -30px; margin-top: -30px; width: 60px; line-height: 60px; text-align:center;}
.mobileheader{display:none;}

.col1{border-right: 1px solid rgba(255,255,255,0.4);}
.col2{padding-left: 55px;}
.cover{box-shadow: 0px 0px 8px rgba(0,0,0,0.8); border: 1px solid rgba(255,255,255,0.6); max-width: 90%;}
.table.content{margin-top: 25px;}
.table.content tr td:first-child{width: 25px;}
.table.content tr td:last-child{text-align:right;}
.table.content tr td:first-child img{width: 16px; max-width: none;}
.table.content tr td{padding: 3px; border-top: 1px solid rgba(255,255,255,0.1);}
.table.content tr:hover td{background:rgba(255,255,255,0.2)}
::-webkit-scrollbar { width: 12px;}     
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #2a2a60}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4);}

@media screen and (max-width:1023px)
{
        .mobileheader{display:block; padding-top: 10px;}
        .mobilemenu{position:absolute; right: 20px; top: 55px; cursor: pointer; font-size: 40px; color:#ffffff;}
        .sidebar{position:absolute; width: 280px; height: 100%; overflow-y: scroll; left: -300px; top:0px;background:#2a2a60; z-index:1000}
        .sidebar h1, .sidebar h2{display:none;}
        .videoholder{ position:relative; z-index:999}
        .sidebar.show{left:0px;}
        .loadvideo{display:none;}

        h1{font-size: 38px;  line-height: 45px; max-width: 80%}
        h2{ font-size: 18px; line-height: 30px;}
        h3{font-weight:bold;}
        .col1{border:0px;}
        .col2{padding-left:15px; padding-top: 25px;}
        .cover{min-width: 100%;}
}

.opac{opacity: 0.5;}