@import url(https://fonts.googleapis.com/css?family=Shojumaru);
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
html {
      height: 100%;
    }
    body {
      background: #f3f3f3;
      padding: 0;
      text-align: center;
      font-family: 'open sans';
      position: relative;
      margin: 0;
      height: 1100px;
	  width:100%;
    }
    .myside
	{
	 height:100px;
	 width:100px;
	 top:200px;
	 right:-25px;
	 margin-left:auto;
	 position:fixed;
	 z-index:100;
	}
	.myside a:hover{opacity:.7;}
	.wrapper {
    	height: auto !important;
    	height: 100%;
    	margin: 0 auto; 
    }
	.mainbox
	{
	 width:1100px;
	 height:490px;
	 margin:auto;
	 margin-top: -25px;
	 padding-left:15px;
	}
	.mainleftbx
	{
	 height:170px;
	 width:705px;
	 border:1px solid #0099cc;
	 border-radius:5px;
	 
	}
	#bx a
	{
	margin:10px;
	margin-left:20px;
	display:block;
	float:left;
	text-shadow:5x gray;
	background:white;
	height:150px;
	width:200px;
	border:1px solid #0099cc; 
	border-radius:4px;
	box-shadow:0px 0px 8px #0099cc;
	text-decoration:none;
	-webkit-transition: box-shadow .2s; /* For Safari 3.1 to 6.0 */
    transition: box-shadow .2s;
	margin-bottom:15px;
	}
	#bx img
	{
	 border-radius:4px;
	}
    #bx img:hover { box-shadow: 0px 0px 12px #0099cc; color:white;}
	.mainrtbox
	{
	 height:470px;
	 width:340px;
	 border:1px solid #0099cc;
	 border-radius:5px;
	 margin-right:30px;
	 margin-top:-175px;
	 float:right;
	
	 background:#0099cc;
	}
	.mainrtbox table th
	{
	 font-size:18px;
	 text-align:center;
	 text-transform:uppercase;
	 font-weight:bold;
	 color:white; 
	 padding-top:10px;
	 padding-bottom:10px;
	 border-bottom:2px dashed white;
	}
	.mainrtbox table td
	{
	font-size:12px;
	text-align:left; 
	padding-right:15px;
	padding-left:10px;
	color:white;
	font-weight:bold;
	}
	.mainrtbox  input[type="text"], 
	.mainrtbox  select
	{
	 margin:0;
	 height:30px;
	 font-weight:normal!important;
	 width:300px;
	 border:1px solid gray;
	 box-shadow:0px 0px 3px gray;
	 border-radius:4px;
	 padding-left:5px;
	 color:#880000;
	}
	.mainrtbox  input[type="submit"]
	{
	height:30px;
	margin:0;
	text-align:center;
	width:100px;
	background:red;
	border:1px solid black;
	box-shadow:0px 0px 5px gray;
	border-radius:5px;
	}
	.mainrtbox  input[type="submit"]:hover
	{
	 background:black;
	 border:1px solid white;
	 border-radius:5px;
	 box-shadow:0px 0px 5px gray;
	}
	.tab
	{
	 height:285px;
	 width:705px;
	 border:1px solid #0099cc;
	 margin-top:10px;
	 background:#fff;
	}
	.tab .heading
	{
	 margin:5px;
	 font-family:'Verdana';
	 font-weight:bold;
	 text-align:center;
	 font-size:15px;
	 
	}
	.tab .heading a 
	{
	 color:#880000; 
	 height:50px; 
	 line-height:50px;
	 vertical-align:middle;
	 min-width:200px; 
	 float:left; 
	 margin-top:5px; 
	 margin-left:20px;
	 margin-bottom:5px;
	 text-transform:uppercase;
	 }
	 .tab .heading a:hover{background:#0099cc; color:white;}
	.tab img{ height:208px; width:370px;float:left;margin-top:0px; margin:5px;}
	.tab.content .h
	{
	 font-size:120px;
	 font-weight:bold;
	 font-family:'Arial';
	}
	.tab .content {
	width:310px;
	height:208px;text-align:justify;
	float:left;
	font-size:15px;
	margin:5px; 
	margin-top:0px;
	background:#fff;
	}
	#pressdetail {display:none;}
	#coursedetail{display:none;}
	#test{background:#0099cc; color:#fff;}
	
	#mypage
	{
	 width:80%;
	 height:auto;
	 margin:auto;
	 margin-top:65px;
	 background:#fff;
	 border-left:1px solid #0099cc;
	 border-right:1px solid #0099cc;
	 box-shadow:0px 0px 5px #0099cc;
	}
	
	#mypage .heading
	{
	 height:30px;
	 width:100%;
	 background:#0099cc;
	 color:white;
	 font-size:22px;
	 text-align:center;
	 text-transform:uppercase;
	 font-weight:bold;
	}
    a {
      text-decoration: none;
    }
    
  .navbar-brand {
    font-family: 'Shojumaru', cursive, Arial, serif;
    letter-spacing: 2px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    width: 183px;
    font-size: 19px;
}  
.navbar-inner {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 30px;
    height: 60px;
}
.navbar-brand span {
    float: left;
}
    h1, h2 {
      width: 100%;
      float: left;
    }
    h1 {
      margin-top: 25px;
      color: #000;
      margin-bottom: 5px;
      font-size: 50px;
      letter-spacing: -4px;
    }
    h2 {
      color: #444;
      font-weight: 100;
      margin-top: 0;
      margin-bottom: 10px;
    }
    
    .pointer {
      color: #9b59b6;
      font-family: 'Pacifico', cursive;
      font-size: 30px;
      margin-top: 15px;
    }
    pre {
      margin: 80px auto;
    }
    pre code {
      padding: 35px;
      border-radius: 5px;
      font-size: 15px;
      background: rgba(0,0,0,0.1);
      border: rgba(0,0,0,0.05) 5px solid;
      max-width: 500px;
    }


    .main {
      float: left;
      width: 100%;
      margin: 0 auto;
      background: #161923;
    }
    
    .main h1 {
      padding:20px 50px;
      float: left;
      width: 100%;
      font-size: 90px;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      font-weight: 100;
      color: black;
      margin: 0;
      margin-top: 70px;
      font-family: 'Playfair Display';
      letter-spacing: -1px;
    }
   
    .main h1.demo1 {
      background: #1ABC9C;
    }
    
    .reload.bell {
      font-size: 12px;
      padding: 20px;
      width: 45px;
      text-align: center;
      height: 47px;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
    }
    
    .reload.bell #notification {
      font-size: 25px;
      line-height: 140%;
    }
    
    .reload, .btn{
      display: inline-block;
      border: 4px solid #A2261E;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      background: #CC3126;
      display: inline-block;
      line-height: 100%;
      padding: 0.7em;
      text-decoration: none;
      color: #fff;
      width: 100px;
      line-height: 140%;
      font-size: 17px;
      font-family: open sans;
      font-weight: bold;
    }
    .reload:hover{
      background: #A2261E;
    }
    .btn {
      width: 200px;
      color: #fff;
      border: none;
      margin-left: 10px;
      background: black;
    }
    .clear {
      width: auto;
    }
    .btn:hover, .btn:hover {
      background: rgba(0,0,0,0.8);
    }
    .btns {
      width: 410px;
      margin: 50px auto;
    }
    .credit {
      text-align: center;
      color: #444;
      padding: 10px;
      margin: 0 0 0 0;
      background: #161923;
      color: #FFF;
      float: left;
      width: 100%;
    }
    .credit a {
      color: #fff;
      text-decoration: none;
      font-weight: bold;
    }
    
    .back {
      position: absolute;
      top: 0;
      left: 0;
      text-align: center;
      display: block;
      padding: 7px;
      width: 100%;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(255, 255, 255, 0.25);
      font-weight: bold;
      font-size: 13px;
      color: #000;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
    }
    .back:hover {
      color: black;
      background: rgba(255, 255, 255, 0.5);
    }
    
    
    .page_container {
      max-width: 960px;
      margin: 50px auto;
    }

    .header {
      background: white;
      padding-top: 10px;
      margin-bottom: 0;
    }
    .header h1{
      margin-bottom: 0;
      font-size: 45px;
    }

    .header .menu {
      padding-bottom: 10px;
    }

    .benefits {
      color: black;
      height: 100px;
      background: #FFF;
      position: relative;
      width: 100%;
      padding: 25px;
      font-size: 40px;
      font-weight: 100;
      float: left;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
    }

    .benefits .page_container{
      
      margin: auto;
    }
  
    .immersive_slider .is-slide .content h2{
      line-height: 140%;
      font-weight: 100;
      color: white;
      font-weight: 100;
    }
    .immersive_slider .is-slide .content a {
      color: white;
    }
  
  .immersive_slider .is-slide .content p{
    float: left;
    font-weight: 100;
    width: 100%;
    font-size: 17px;
    margin-top: 5px;
  }
  #menu
   {
    width:auto;
	height:55px;
	line-height:55px;
	vertical-align:middle;
	float:left;
	margin-left:80px;
	text-align:left;
	font-size:15px; 
	
   }
   #menu ul
{
list-style:none;
position:relative;
margin:0;

color:white;
}
#menu ul li
{
 float:left;
 /*min-width:100px;*/
 width:auto;
 
 height:55px;
 margin-right:1px;
}
#menu ul ul
{
 display:none;
}
#menu ul li:hover > ul
{
 display:block;
}
#menu ul li a
{
 text-decoration:none;
 color:white;
 height:55px;text-align:center;
 line-height:55px;
 padding-left:5px;
 padding-right:5px;
 vertical-align:middle;
 display:block;
 width:100%;
 margin-right:5px;
 
 
}
#menu ul li a:hover
{
 background:#0258A5;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
}
#menu ul li ul
{
 position:absolute;
 z-index:1000;
}
#menu ul li:hover > ul
{
 margin:0;
 padding:0;
 background:#0099cc;
 opacity:0.8;
 min-width:155px;
 font-size:12px;
 height:auto;
}
#menu ul li:hover > ul li
{
 float:none;
 display:block;
}
.search
{
 height:55px;
 width:180px;
margin-left:8px;
 float:left;
 margin-top:5px;
 
}
.search input
{
 border:2px solid #0258A5;
 border-radius:5px;
 height:30px;
 width:180px;
 line-height:30px;
 vertical-align:middle;
 margin-top:12px;
 padding-left:10px;
}
.admin:hover{background:#0258A5;border-radius:5px;}
.xlogin li
{
 list-style:none;
 margin-left:-50px;
 display:none;
 min-width:150px!important;
 background:black;
}
.xlogin li a
{
 display:block;
 color:white;
}
.xlogin li a:hover{background:#0099cc;}
.admin:hover > .xlogin li {display:block;}