@import url('normalize.css');

#page-loader {
      position: fixed;
      left: 0;
      top: 0;
      z-index: 999;
      width: 100%;
      height: 100%;
      overflow: visible;
      background: #fbfbfb url('/i/img/loader.svg') no-repeat center center;
}
    
.page-loader-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}

.page-loader-hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}


a {color:#000000; text-decoration:none; border-bottom:1px solid #e1e1e1;}
a:hover {text-decoration:none; border-bottom:1px solid #ffffff;}

input {vertical-align: top; padding:7px; width:auto; overflow:visible; font-family: 'Swift', sans-serif; border:1px solid #cecece;}
button {padding:10px; width:auto; overflow:visible; cursor: pointer; font-family: 'Swift', sans-serif; border:none;}

::selection {
background: #e1e1e1;
}
::-moz-selection {
background: #e1e1e1;
}

html {
	font-family: 'Swift', sans-serif;
}

.wrapper-flex {	
	margin: 0 auto;
	padding:5px;
	min-width:980px;
	max-width:1190px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-between;
}

.wrapper-flex-top {	
	margin: 0 auto;
	padding:5px;
	min-width:980px;
	max-width:1190px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: space-between;
}

.wrapper {	
	margin: 0 auto;
	padding:5px;
	min-width:980px;
	max-width:1200px;
}

.block-border-bottom {
	padding-bottom:22px;
	border-bottom:1px dotted #ebefff;
}

.block-padding-top {
	padding-top:20px;
}

header {
	padding:20px 0 20px 0; 
	background:#F9FBFE;
	border-top:5px solid #46687d; 
	box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2);
}

header .about {
	flex: 0 1 auto;
}

header .about .years{
	display:block; 
	font-size:0.8em;
	color:#919191;
	font-weight:lighter;
	width:80px;
	margin-top:5px;

}

header .logo {
	flex: 0 1 auto;
	text-align:center;
	font-size:0.8em;
}

header #date {
	margin-left:110px;
	position:absolute;
	color:#cecece;
}

header .logo img {
	width:340px; 
	display:block;
	margin-bottom:10px;
}


header .action {
	flex: 0 1 auto;
}

header .menu img {
	width:28px;
}

header .menu a {
	border-bottom:none;
}

header .action button{
	background:#63c600;
	color:#ffffff;
	font-weight:lighter;
	font-size:1.2em;
	border-radius:5px;
}

nav {
	margin:5px 0 0 0;
	padding:15px 0 15px 0; 
}

nav a .newspaper-section {
	text-transform: uppercase;
	font-size:0.9em;
	font-weight:bolder;
	padding:5px;
	display:inline-block;
}

nav a:hover .newspaper-section {
	color:#46687d;
}

main {
	min-height:70vh;
}

footer {
	margin:10px 0 0 0;
}

footer .navigator{
	padding:10px 0 10px 0; 
	background:#46687d; 
}

footer .navigator a {
	text-transform: uppercase;
	font-size:0.9em;
	font-weight:bolder;
	color:#ffffff;
	border-bottom:1px solid #46687d;
}

footer .navigator a:hover {
	color:#fdfdfd;
	border-bottom:1px solid #46687d;
}


footer .footer-about {
	font-size:0.9em;
}

footer .footer-about p{
	
}

footer .footer-item {
	flex: 0 1 auto;
}
footer .text-right {
	text-align:right;
}


main .title_paper{
	min-height:200px; 
	margin-bottom:30px; 
	padding-bottom:20px;
	border-bottom:1px solid #46687d;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: space-between;
}

main h1 {
	font-size:1.9em;
}

main h3 {
	margin-bottom:10px;
}

main p {
	margin-bottom:10px;
}

main .title_paper .paper_articles_start {
	width:58%;
}


main .title_paper img.big {
	margin-bottom:15px;
	width:100%;
}

main .title_paper .paper_articles_all {
	width:38%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: stretch;
}

main .title_paper .paper_articles_all .paper_articles_list {
	margin-bottom:15px;
	width:48%;
	flex: 0 1 auto;
	
}


main .title_paper .paper_articles_all .paper_articles_list img{
	margin-bottom:15px;
	width:100%;
}

main .title_paper .paper_articles_text {
	margin-top:20px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: stretch;
}

main .title_paper .paper_articles_text .paper_articles_text_list{
	width:31%;
	margin-top:5px;
	flex: 0 1 auto;
}

main .title_paper  p{
	font-weight:bolder;
	line-height:1.6;
	font-size:1.0em;
	margin-bottom:5px;
}

main .title_paper  p.small{
	line-height:1.2;
	font-size:0.8em;
	font-weight:lighter;
	margin-bottom:10px;
}

main h3  {
	font-weight:bolder;
	line-height:1.6;
	font-size:1.3em;
}

main section.articles_list {
	margin-top:20px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: stretch;
}

main section.articles_list .paper_articles {
	width:31%;
	margin-top:5px;
	margin-bottom:15px;
	flex: 0 1 auto;
}
main section h2 {
	margin-bottom:15px;
}

main section h3 {
	margin-bottom:15px;
}
main section.articles_list .paper_articles img{
	width:100%;
}


main section.articles {
	
}

main section.articles p{
	margin-bottom:15px;
	line-height:1.9;
}

main span.arabic-ligature {
	 font-family: 'Arabesque';
}

main section.articles_list .paper_articles img{
	width:100%;
}

main section.articles h3{
	font-size:1.1em;
	line-height:1.3;
	font-weight:bold;
}

main section.articles img{
	width:70%;
	margin:0 auto;
	display:block;
	padding-bottom:15px;
	
}


main section.articles figure{
	padding:2px; 
	margin-bottom:10px;
}
main section.articles figure figcaption {
	width:60%;
	background:#eeeeee;
	padding:2% 5% 2% 5%;
	text-align:center;
	margin:0 auto;
	display:block;
}

main section.articles ul, ol {
	margin:10px 0 20px 30px;
}

main section.articles li {
	padding-bottom:5px;
	line-height:1.4;
}

.img-link {
	cursor:pointer;
}

.logo a {border-bottom:none;}

a.index_logo {
	text-align:center;
	width:31%; display:inline-block;
	padding:30px 0 30px 0;
	border:none;
	font-weight:bolder;
	margin-bottom:20px;
}

a.index_logo:hover{
	background:#e0f1ff;
}

a.index_logo:hover span{
	border-bottom:none;
}

a.index_logo span {
	border-bottom:1px solid #cecece;
}

a.open-layer {border:none;}

#overlayer {
	display: none; 
	position: fixed; 
	top: 0; right: 0; bottom: 0; left: 0; 
	width: 100%; height: 100%; 
	overflow-x: scroll;
	z-index: 1; 
	padding:20px; 
	background-color:#F9FBFE; 
	text-align: center;
}
#overlayer:before{
	content: ''; 
	display: inline-block; 
	height: 100vh;
	vertical-align: middle;
}

#overlayer #overlay-content {
	display: inline-block; 
	vertical-align: top; 
	position: relative; 
	z-index: 100; 
	width: 95%; 
	text-align: left; 
}

#overlayer #overlay-content #overlay-content-header {
	display: flex;
 	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
	width:100%;
}

#overlayer #overlay-content #overlay-content-header .ceil {
	display: flex;
   
}


#overlayer #overlay-content #overlay-content-header a.close-layer {
	padding-top:20px;
	border:none;
}

#overlayer #overlay-content #overlay-content-header a.close-layer img{
	width:25px;
	padding-top:6px;
	margin-right:30px;
}


#overlayer .online-broadcast {
	display:none;
}

#overlayer .system-notification {
	display:none;
}


#system-page-navigation {
	margin:20px 0 0 0;
	padding:0 0 150px 0;
	
}


#system-page-navigation ul{
	list-style-type:none;
	padding:10px;
	margin:0 0 15px 0;
	width:100%;
	background:#46677C;
}

#system-page-navigation li{
	padding:8px 8px 0 0;
	text-transform: uppercase;
	margin-right:10px;
	display:inline-block;
}

#system-page-navigation li a{
	border-bottom:none;
	width:100%; 
	height:100%;
	display:inline-block;
	color:#ffffff;
}

#system-page-navigation li a:hover{
	border-bottom:1 px solid #cecece;
	
}

#system-page-navigation ul.lang{
	margin-top:-13px;
	font-size:11pt;
	padding:5px;
	background:#F9FBFE;
	color:#000000
	width:100%;
}

#system-page-navigation ul.lang li{
	border-bottom:none;
	padding-bottom:4px;
	margin-bottom:0;
	text-transform: capitalize;
}

#system-page-navigation ul.lang li a {
	color:#000000;
}

.nav-paper-cont {
	display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: space-between;
	margin-top:20px;
}

.nav-paper {
	width: 31%;
    margin-top: 5px;
	margin-bottom:35px;
    flex: 0 1 auto;

	font-weight:bolder;
	font-size:12px;
	
}

.nav-paper img {
	outline:1px solid #cecece;
	padding:5px;
	height:420px;
	width:300px;
}

[class*="paper_articles_"] img {
	border:1px solid #cecece;
}

.grid {
    margin-bottom: 15px;
}

.flex-between-wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.flex-between-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

main .column {
    width: 28%;
    padding: 2%;
}
main .articles {
    margin-bottom: 25px;
    box-shadow: 0 0 20px 0 rgb(50 148 226 / 20%);
}

.paper_box {
	margin-top:40px;
}

.paper_box  a {
	border:none;
}

.paper_box  a img{
	border:none;
}

.art-decor {
	padding:10px;
	margin:20px 0 20px 0;
}