/* 1.0 - Common Styles
---------------------------------------------------------------------- */

* {
  margin: 0;
}
html, body {
  height: 95%;
}
.page-wrap {
  min-height: 95%;
  /* equal to footer height */
  margin-bottom: -142px; 
}
.page-wrap:after {
  content: "";
  display: block;
  height: 142px; 
}

body, a, p, div, article,
aside, footer,
header, nav {
	font-family: Arial,sans-serif;
	margin: 0;
	padding: 0;
}

a{
	color: #5f5f5f;
	text-decoration: none;
	-webkit-transition: all .25s ease-in;
		-moz-transition: all .25s ease-in;
		 -ms-transition: all .25s ease-in;
		  -o-transition: all .25s ease-in;
		     transition: all .25s ease-in;
}
a:hover{
	text-decoration:underline;
}
a:link, a:visited, a:hover, a:active, a:hover {
	color: #0645ad;
}
.container {
	max-width: 1170px;
	padding:0px;
}

.container article#article-front {
    float:left;
    width:73%;
}
.container aside {
    float:right;
    width:25%;
	background-color: #eaeaea;
	padding: 10px;
	margin-top:10px;
	margin-bottom: 20px
}

aside h3 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 32px;
	color:#4c4c4c;
}

aside p {
	font-size:13px;
}


ul{
	list-style: none;
	padding-left: 0px;
}

.center {
  	text-align: center;

}
.bottom-border{
	width: 100%;
	padding-top: 20px;
	margin-bottom: 40px;
	border-bottom: 1px solid #e3e2e2;
}

.source-class{
	font-weight:bold;
	margin: 10pt 0 10pt 0;

}

.footer-social-icons li a,
#social-buttons a,
{
	-webkit-transition: all .25s ease-in;
	   -moz-transition: all .25s ease-in;
	    -ms-transition: all .25s ease-in;
	     -o-transition: all .25s ease-in;
	        transition: all .25s ease-in;
}

#contact-sidebar li .google-plus:hover,
#social-buttons .google-plus:hover,
.google-plus:hover{
	color: #FFF;
	background-color: #db514f;
}
#contact-sidebar li .linkedin:hover,
#social-buttons .linkedin:hover,
.linkedin:hover{
	color: #FFF;
	background-color: #3D63A1;
}
#contact-sidebar li .twitter:hover,
#social-buttons .twitter:hover,
.twitter:hover{
	color: #FFF;
	background-color: #2e9edd;
}
#contact-sidebar li .facebook:hover,
#social-buttons .facebook:hover,
.facebook:hover{
	color: #FFF;
	background-color: #3b5998;
}
.google-plus, .linkedin, .twitter, .facebook

{
	display: inline-block;
}

h5{
	text-align:right;
	font-style:italic;
	color:#6F6D6D;
}

.feedback {
	margin-left:20px;
}


/* 1.0 - Common Styles End
---------------------------------------------------------------------- */

/* 2.0 - Header
---------------------------------------------------------------------- */
#header .fullwidth{
	background-color: #343333;
	margin: 0px;
	padding: 0px;
	width: 100%;
}



/* 2.2 - site-title 
---------------------------------------------------------------------- */
#site-title .container{
	padding: 5px 0;
}

#site-title  .site-logo{
	margin-left: -10px;
	margin-top:10px;
}
#site-title .site-logo a{
	padding-left: 0px;
	padding-right: 0px;
	width: 300px;
}
#site-title .site-logo h1{
	color: #818285;
	font-size: 2em;
	font-weight: normal;
}
#site-title .site-logo h1 span{
	color: #515252;
	font-weight: 700;
}
#site-title .site-logo h3{
	color: #333333;
	font-size: .925em;
	font-weight: 400;
}
#site-title .site-logo img{
	width: auto;
	height: auto;
	margin: -10px 0 0 -15px;
	padding: 0px;
	padding-right: 20px;
	float: left;
}
#site-title  .add-space{
	text-align: center;
	font-size: 3em;
	line-height: 80px;
	width: 790px;
	height: 80px;
	float: right;
	margin-top:5px	;
	margin-bottom:15px;
	border-left-style:solid;
	border-left-color:#cccccc;
	border-left-width:20px
}

#site-title .add-space img{
	margin: -7px 0 0 5px;
}

/* 2.3 - nav-main 
---------------------------------------------------------------------- */
#nav-main{
	background-color: #3D63A1;
	width: 100%;
	height: 40px;
}
#nav-main .navbar-collapse{
	padding-left: 0px;
	float: left;
}
#nav-main .nav li{
	border-left:1px solid rgba(255,255,255,.3);
	border-right:1px solid rgba(0,0,0,.1); 
}
#nav-main .nav li a{
	
	color: #fff;
	font-weight: 400;
	font-size: 1.125em;
	background-color: #3D63A1;
	padding: 0px 20px;
	line-height: 40px;
	height: 40px;
	-webkit-transition: all .15s ease-in;
	   -moz-transition: all .15s ease-in;
	    -ms-transition: all .15s ease-in;
	     -o-transition: all .15s ease-in;
	        transition: all .15s ease-in;
}
#nav-main .nav li:first-child{
	border-left: none;
}
#nav-main .nav li:last-child{
	border-right: none;
}
#nav-main .nav li a:hover{
	background-color: #2e9edd;
}

.nav ul.sub-menu{
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 100;
}

#nav-main .nav ul.sub-menu li{
	position: relative;
	border-left: none;
	border-right: none;
}
.nav ul.sub-menu li a{
	display: inline-block;
	width: 180px;
	min-height: 40px;
	border-top:1px solid rgba(255,255,255,.3);
}

.nav ul.sub-menu ul.sub-menu-2,
.nav ul.sub-menu ul.sub-menu-2 ul.sub-menu-3{
	position: absolute;
	display: none;
	margin-left: 180px;
	top: 0;
	border-left:1px solid #2e9edd;
	z-index: 200;
}
.nav ul.sub-menu ul.sub-menu-2 ul.sub-menu-3{
	z-index: 300;
}

.dropdown-menu{
	background-color:#3D63A1;
}
.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus, 
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:hover, 
.dropdown-menu>.active>a:focus{
	background-image: none;
	background-color: #2e9edd;
}

/* 2.0 Header  End
---------------------------------------------------------------------- */

/* 6.0 - footer
---------------------------------------------------------------------- */

#footer{
	background-color: #4c4c4c;
	min-height: 40px;
	height: 142px; 
}

 .container{
	position: relative;
}
.copyright, .copyright a{
	color: #fff;
	line-height: 40px;
	text-align: center;
	margin-top:20px
}
.footer-social-icons{
	position: absolute;
	right: 0;
	top:0;
	height: 40px;
	width: 160px;
	margin-top:20px
}
.footer-social-icons li a{
	font-size: 1.35em;
	color: #fff;
	float: left;
	line-height: 40px;
	text-align: center;
	width: 40px;
}

/* 6.0 - footer End
---------------------------------------------------------------------- */

/* 13.0 - article
---------------------------------------------------------------------- */
#article {
	/* border-top: 1px solid #e3e2e2;
	border-bottom: 1px solid #e3e2e2; */
	margin-bottom: 40px;
	font-size: 10pt; /* MAIN FONT SIZE */
	color:#000000;
}
#article h1{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 32px;
	padding:10px 0;
	font-size: 1.4em;
	line-height: 40px;
	font-size: 1.4em;
	line-height: 40px;
}
#article h2{
	 font-family: Arial;
         font-size: 1em;
      color:#000000;
}
#article h3 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 28px;
	color:#4c4c4c;
}
#article img{
	width:auto;
	float:left;
	max-width: 100%;
	margin:10px 10px 0 0;
}

#article p{
	padding-bottom: 5px;
	padding-top: 5px;
}

#article li{
	padding-bottom: 5px;
	padding-top: 5px;
}

#article strong, .ref  {
	color:#4c4c4c;
}

#article table {
	max-width:1170px;
	width:90%
}

#article-front {
	margin-bottom: 40px;
	font-size: 10pt; /* MAIN FONT SIZE */
	color:#000000;
	max-width:75%;
	margin-top: 10px;
	padding:10px
}

#article-front h1 {
	color:#4c4c4c
}

#article-front p {
	font-size: 10pt;
	margin-top:25px;
	text-align:justify
}

/* 13.0 - Single Page End
---------------------------------------------------------------------- */

/* 16.0 - Media Queries
---------------------------------------------------------------------- */

/* 16.1 - media screen and (max-width: 1170px)
---------------------------------------------------------------------- */

@media screen and (max-width: 1170px)
{
	/*	#header form,
	#nav-main .current-time,
	#nav-below-main .language{
		padding-right: 15px;
	}
	
.navbar-brand{
		margin-left: 15px;
	}
	#left-section.col-md-8{
		padding-left: 15px;
	}
	#right-section.col-md-4{
		padding-right: 15px;
	}*/
	.add-space{
		margin-right: 15px;
	}
}
/* 16.2 - media screen and (max-width: 992px)
---------------------------------------------------------------------- */
@media screen and (max-width: 992px)
{
	#left-section.col-md-8,
	#right-section.col-md-4{
		padding: 15px;
		overflow: hidden;
	}
	#left-section.col-md-8{
		border-right: 0px solid transparent;
		padding-bottom: 0;
	}
	#main-section #right-section.col-md-4,
	#left-section .last-update{
	margin-top: 0;
	}
}
/* 16.3 - media screen and (max-width: 800px)
---------------------------------------------------------------------- */
@media screen and (max-width: 800px)
{

	#nav-top ul{
		display: none;
	}
	#nav-top ul.pull-right{
		display: block;
	}
	.nav ul.sub-menu ul.sub-menu-2,
	.nav ul.sub-menu ul.sub-menu-2 ul.sub-menu-3{
		margin-left: 90px;
	}
}
/* 16.4 - media screen and (max-width: 768px)
---------------------------------------------------------------------- */

@media screen and (max-width: 768px)
{	
	#nav-main{
		height: auto;
	}
/*	.navbar-brand{
		margin-left: 15px;
	}*/
	.container>.navbar-header, 
	.container>.navbar-collapse {
	margin-right:0;
	margin-left:0;
	}
	.add-space,
	#nav-main .nav li a i {
		display: none;
	}
	#nav-below-main .navbar-collapse, 
	#nav-main .navbar-collapse{
		width: 100%;
	}
	.nav>li {
		padding-left: 10px;
	}
	.nav ul.subMneu1, 
	.nav ul.subMneu1 ul.subMneu2, 
	.nav ul.subMneu1 ul.subMneu2 ul.subMneu3{
		display: block;
		width: 95%;
		margin-left: 5%;
		border-left: none;
	}
/*	.nav li:hover ul.subMneu1{
		display: block;
		width: 95%;
		margin-left: 5%;
		position: inherit;
		top:0;
		left:0;
	}*/
	#nav-main .nav li{
	border-left:none;
	}
	.nav ul.subMneu1 li a{
		display: inline-block;
		width: 100%;
		min-height: 40px;
		border-top:none;
		border-bottom:1px solid rgba(255,255,255,.3);
		width: 100%;
		border-left: none;
	}
	.nav ul.subMneu1 ul.subMneu2{
		position: inherit;
		display: block;
		margin-left: 0;
		margin-top: 0;
		border-left:none;
		width: 95%;
		margin-left: 5%;
	}
	#nav-main .nav li a.dropdown-toggle i{
		display: inline-block;
	}
}

/* 16.5 - media screen and (max-width: 728px)
---------------------------------------------------------------------- */
@media screen and (max-width: 728px){
	
	
}
/* 16.6 - media screen and (max-width: 640px)
---------------------------------------------------------------------- */
@media screen and (max-width: 640px){
	#nav-top .footer-social-icons,
	 {
		display: none;
	}
	
}
/* 16.8 - media screen and (max-width: 320px)
---------------------------------------------------------------------- */



@media screen and (max-width: 320px)
{
	#site-title .site-logo a{
		width: 260px;
	}
	#site-title .site-logo h1{
		font-size: 1.75em;
	}
	#site-title .site-logo h3{
		font-size: .875em;
	}
	#site-title .site-logo img{
		padding-right: 15px;
	}
	#nav-top{
		display: none;
	}		
}

@media screen and (max-width: 640px) { 
    .container {
        display:-webkit-flex;
        display:flex;
        -webkit-flex-direction:column;
        flex-direction:column;
    }
    .container article {
        -webkit-order:1;
        order:1;
    }
    .container aside {
        -webkit-order:2;
        order:2;
        float:initial;
        width:initial;
    }

article {
	min-width:95%;
	margin:0 0 0 5px;
}
}

/* My styles */

table.chrono h3 {
        font-size: 1.75em; 
 }
table.chrono h4 {
        
        font: 1.1em Arial, Verdana, Helvetica, sans-serif bold;
        color:#4c4c4c;
	margin:5px 0 15px 0
 }
 
 
 table.note ul {
        margin-bottom:0; 
		margin-left:10px;
 }
  
.fa-read {
	 color: #354a5f
}

/* Languages */

:lang(ar) 	{
    font-family: "Scheherazade", serif;
    font-size: 125%;
    }

:lang(he) 	{
    font-family: serif;
    font-size: 125%;
    }

:lang(hy) 	{
    font-family:  serif;
    font-size: 110%;
    }
 
 :lang(ko)  {
	 font-family: "Arial Unicode MS";
	 font-size:110%;
 }
 
  :lang(zh-Hans)  {
	 font-family: "Microsoft YaHei",serif;
	 font-size:110%;
 }
 
@media all and (max-width: 1500px) and (min-width: 600px) {
    #article td {
        font-size: 16px;
    }
	#article table {
		width:95%
	}
}
 
@media all and (max-width: 599px) and (min-width: 320px) {
    #article td {
        font-size: 14px;
    }
 	#article table {
		width:95%
	}
}