/*------------------------------------------*/
/*	 Preload Animation 					   */
/*------------------------------------------*/

#preloader {
		position: fixed;
		top:0;
		right:0;
		bottom:0;
		left:0;
		z-index:99999; 
		background-color:#fff;
}

#status {
		position:absolute;
		top:50%; 
		left:50%; 
		margin:-60px 0 0 -60px;
		width:120px;
		height:120px;
		background-image:url(../images/loader.gif);
		background-position:center;
		background-repeat:no-repeat;
		background-size:125px 125px;
}  

/*------------------------------------------*/
/*	 HTML & Body
/*------------------------------------------*/

html { 
		-webkit-user-select:none;	
}




body {
		width: 100%;
		font: 14px Roboto, Arial, sans-serif;
		color: #352524;
		background:f7f7f7; 
}

body.landing {
-webkit-font-smoothing: antialiased;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover !important;
overflow: hidden;
background:url(../images/red-03.jpg) no-repeat center center fixed; 
}




hr {clear:both;}

main {
		color:#564831;
		padding: 70px 0px 50px 0px;
}



/*------------------------------------------*/
/*	 Headers
/*------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin-top: 0; 
	margin-bottom: 0px;
	font-weight:300;
	line-height:1.4em;
}

h1 {color:#fff;}



/* h2.red {color:#fff; border-radius: 10px;background: #ac1f36; padding: 10px; margin:0px 0px 20px 0px;} */
h2 {margin:0px 0px 20px 0px; padding: 0px 0px 0px 0px;}
h3 {color:#9c0a10; }
h4 {color:#8f5a30;}

h2 {font-size:29px;}

h2 + h4 {margin-top: 20px; }
h3 + p {margin-top: 20px; }
p {line-height:1.6em; text-align:justify}


.header {
background:#8b0208 url(../images/nav/h1-bg-2.png) center center no-repeat;
width:100%;
}

.header  h1 {border:none; padding:10px 0px 10px 0px;}


.intro {
margin:70px 0px 20px 0px;


}




@media only screen and (max-width: 991px) {
h1 { font-size: 28px;}

}




/*------------------------------------------*/
/*	 Link Setting
/*------------------------------------------*/

a, a:visited, a:focus {
	color:#d51e25;
	text-decoration: none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

a:hover {
	color: #000;
	text-decoration: underline;
}


/*------------------------------------------*/
/*	 Lists
/*------------------------------------------*/

ul {
margin:10px;
}



/*------------------------------------------*/
/*	 Navigation Menu    
/*------------------------------------------*/

.navbar {
	background:#352524 url(../images/nav/main-nav-bg.png) left top repeat-x;
	font-size:14px; 
	min-height: 70px;

}
.navbar-nav>li>a {color: #b6b0a7}
.navbar-nav>li>a:hover {color: #fff;background:none;}
.navbar-nav > li.active {color: #fff; background:#9c0a10;}
.navbar-nav > li.active > a {color: #fff; }

.navbar-toggle {
	background: none;
	border: none;
}

 .navbar-toggle .icon-bar {background: #fff;}

 
 .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
background:#820c2c; color:#fff;
}

.dropdown-menu{
background:#9f0730;
border:0;
}

.dropdown-menu > li > a {color: #fff; padding: 10px 20px; }

.dropdown-menu > li > a:hover, .dropdown-menu>.active>a:hover {color: #fff; background:#820c2c;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus {
color: #fff;
text-decoration: none;
background:url(../images/nav/main-nav-bg-over) left top;
font-weight:bold;
}

@media (min-width: 768px) {
	.navbar-nav>li>a {padding-top:25px;padding-bottom:25px;}
}


/*------------------------------------------*/
/*	 Responsive Menu    
/*------------------------------------------*/


.navbar-toggle .icon-bar {background-color: #9c0a10;}
.navbar-toggle:hover  .icon-bar{background: #fff;}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 15px 10px;
	margin-top: 12px;
	margin-right: 15px;
	margin-bottom: 8px;
	background:none;
	border: none;
	background-color: none;
	background-color: transparent;
	background-image: none;
}

.navbar-brand {
	background:url(../images/nav/osn-logo-m.png) no-repeat;
	display:block;
	width:220px;
	height:70px;
}


.navbar-nav>li>a:focus {
	background:none;
}


 .navbar-nav>.active {
	background: url(../images/nav-bg-over.png) left top repeat-x;
}

/*------------------------------------------*/
/*	 Map
/*------------------------------------------*/

.mymap {margin:20px 0px 20px 0px;}

.relat {
position: relative;


}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 Footer
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

footer {
   margin: 0;
    padding: 5px;
    font-size: 0.8em;
    color: #cacaca;
    background: #352524;
    position: fixed;
    bottom: 0px;
    z-index: 1;
    width: 100%;
}

ul.consortium {
		clear: both;
		list-style: none;
		margin: 15px 0px 0px 0px;
		padding: 25px 0px 0px 0px;
		border-top: 1px #e0e0e0 solid;
}



ul.consortium > li + li {
		margin-left:1.71%;
  }

ul.consortium > li {
		 float: left;
		 width:11%;
		 height:auto;
}


ul.consortium > li > a > img  {
		opacity: 0.6;
		filter: alpha(opacity=60); /* For IE8 and earlier */
	
}

ul.consortium > li > a > img:hover {
		opacity: 1.0;
		filter: alpha(opacity=100); /* For IE8 and earlier */
}



/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*	 Tables
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

.table {margin-top:20px;margin-bottom:20px;}

.table>tbody>tr>td {
	vertical-align: middle;
}

.table td {vertical-align: middle; text-align:left; }
.table td p {text-align:left; }
.table td p span{text-align:left; }

.table>tbody>tr>td:first-child {
	 text-align:left; 
}

.table>tbody>tr>td:last-child {
	 text-align:left;
}

.table>tbody>tr>td:last-child {
	/* text-align:right; */
}

.table>thead>tr>th {
	font-weight:normal;
	color:#fff;
	background:#9c0a10;
	border-bottom: 2px solid #73090d;
}

.table>tbody>tr.alert {
	color:#ff0000;
}

.table>tbody>tr.green {
	color:#6acc00;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*	Responsive Styles
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 992px) {

	h1 { font-size: 44px;}

}




@media only screen and (max-width: 767px){

	h1 { font-size: 30px;}
	.header  h1 {border:none; padding:10px 5px 10px 5px;}
	h2 { font-size: 30px;}
	
	.contact h3 { font-size: 25px;}

	.intro h1 {
    padding:120px 0px 100px 0px;
	color:#fff;
	width:100%;
	font-size:30px;
	border:0;
}
	
	.navbar-nav > li > a:hover, 
	.navbar-nav > li { text-align: center;}
	.navbar-nav > li > a { line-height: 40px; text-align: center; }	

	.navbar-nav > li > a:hover,.navbar-nav > li > a.selected-nav {color: #fff;}
	.navbar-brand { margin-left:10px;}
	.navbar-nav>.active {background:#fff;}
	.contact-logo {margin-bottom:20px;}
	
	.dropdown-menu > li > a {text-align: center; }
	

	.person + .person {margin-top:25px;}
	.invited-speakers + .invited-speakers {margin-top:20px;}

h3 + p {margin-top: 15px; }

}



/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Others
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/


.contact  .member-list {
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
}

.contact  .member-list li {
    margin: 10px 0px 10px 0px;
    padding: 0;
}


.img-responsive { width:100%; height:auto; }

.table-dis {
display:table;
}

.table-dis-child {
display: table-cell;
vertical-align: middle;
}

ol, ul {
  margin-top: 0;
  margin-bottom: 10px;
}



.my-list {
margin:10px 30px 10px 30px;
}

.right-nav {width:100%; display:block; color:#fff;}
.right-nav > ul {margin-top:30px;padding:0px;list-style-image:none; }
.right-nav > ul > li {display:block;margin:0;  text-align:right; clear:both;}
.right-nav > ul > li.title {font-size:16px; border-bottom:1px solid #e0e0e0; text-align:left; padding-bottom:7px;}
.right-nav > ul > li.title:hover {cursor:default; background:transparent; }

.right-nav > ul > li > a{ color:#ffc2c2;  display:block; font-weight:normal; padding:10px 7px 10px 0px;}
.right-nav > ul > li > a:hover {cursor:pointer; background: url(../images/black_30fill_bg.png) left top repeat;}
.right-nav > ul > li > a:hover {text-decoration:none;}

.right-nav > ul > li.text {padding:10px 7px 10px 7px;  text-align:center;}
.right-nav > ul > li.text > a{ color:#ffc2c2;  font-weight:normal;  width:50%; float:left; margin:auto;}
.right-nav > ul > li.text > a > img{ width:100%; height:auto;}
.right-nav > ul > li.text > a:hover {cursor:pointer; background: none;}
.right-nav > ul > li.text > a:hover {text-decoration:none;}


.right-nav > ul  + ul {margin-top:20px;}



.sponsors {
background:#e6e6e6;
padding:15px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Rows
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

.gray-row {
padding:20px 0px 20px 0px;
background:#f3f3f3;
border-top:1px solid #e1e1e1;
border-bottom:1px solid #fff;
}

.white-row {
padding:20px 0px 20px 0px;
background:#fff;
border-top:1px solid #e1e1e1;
border-bottom:1px solid #fff;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Invited speakers
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

.invited-speaker + .invited-speaker {
margin-top:20px;
}

.invited-speaker  > .name {
font-size:20px;
font-weight:300;
color:#000;
}

.invited-speaker  > .affiliation {
}

.invited-speaker  > .topic {
font-style:italic;
color:#f20008;
}



.red {color:#9c0a10; font-weight:bold;}


.person > .name {margin-top:15px; color:#9c0a10; font-size:30px; line-height:1.4;}
.person > .funct {font-size:21px; line-height:1.4em;}
.person > .info {line-height:1.6em; }



.picture-wall {margin:20px 10px 20px 10px;}
.picture-wall div { padding:0;}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Forms
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

input {width:100%;}
.status_form{display: none; width:100%; padding: 15px 15px 15px 50px; min-height:30px;font-size:13px;color: #fff;  background:#a20e14;  border:1px dashed #eb7d7d; margin-bottom:20px; }

.reg_form_1 {display:block;width:485px;height:150px; background:url(../images/reg_form_1.png) 0 0 no-repeat;}
.reg_form_1:hover {background:url(../images/reg_form_1_over.png) 0 0 no-repeat;}
.reg_form_2 {display:block;width:485px;height:150px; background:url(../images/reg_form_2.png) 0 0 no-repeat; }
.reg_form_2:hover {background:url(../images/reg_form_2_over.png) 0 0 no-repeat;}

.gallery {
	text-align:center;
}

.gallery .thumb {
    width: 250px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #1d2c31;
}