﻿@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(fonts/MaterialIcons-Regular.woff) format('woff'),
       url(fonts/MaterialIcons-Regular.ttf) format('truetype');
}
@font-face {
    font-family:'DIN Next LT Arabic Ultra Light';
    src:url('fonts/DINNextLTArabic-UltraLight.ttf');
    src:local('âک؛'),
        url('fonts/DINNextLTArabic-UltraLight.ttf') format('truetype');
    font-weight:lighter;
}
@font-face {
    font-family:'DIN Next LT Arabic Light';
    src:url('fonts/DINNextLTArabic-Light.ttf');
    src:local('âک؛'),
        url('fonts/DINNextLTArabic-Light.ttf') format('truetype');
    font-weight:lighter;
}
@font-face {
    font-family:'DIN Next LT Arabic';
    src:url('fonts/DINNextLTArabic-Regular.ttf');
    src:local('âک؛'),
        url('fonts/DINNextLTArabic-Regular.ttf') format('truetype');
    font-weight:normal;
}
@font-face {
    font-family:'DIN Next LT Arabic Medium';
    src:url('fonts/DINNextLTArabic-Medium.ttf');
    src:local('âک؛'),
        url('fonts/DINNextLTArabic-Medium.ttf') format('truetype');
    font-weight:bold;
}
::selection {
	background: #C17173; /* Safari */
	color: #fff;
}
::-moz-selection {
	background: #C17173; /* Firefox */
	color: #fff;
}
mark {
	color: #56869a;
	background: #E2E2E2;
}
* {
	outline: none;
	transition: all 0s ease-in-out;
    transition-property: all;
    transition-duration: 0.25s;
    transition-timing-function: ease;
}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: 'liga';
}
html, body, h1, h2, h3, h4, ul {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: "DIN Next LT Arabic Light";
}
body {
	overflow-x: hidden;
}
a {
	text-decoration: none;
	color: #c8706f;
}
a:hover {
	color: #5e5758;
}
a img {
	border-style: none; 	
}
ul, li, ol {
	margin: 0;
	padding: 0;
	/*list-style-type: none;*/
}
header {
	border-width: 5px;
	border-color: #ececec;
	height: 135px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 1001;
	background-color: #f3f2ef;
	border-bottom-style: solid;
	box-sizing:border-box;
}
header.shadow {
	height: 60px;
	background-color: #f3f2ef;
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}
header:hover {
	background-color: #f3f2ef;
}
header #logo {
	height: 135px;
	overflow: hidden;
	position: absolute;
	top: 0;
	display: block;
	width: 200px;
}
header.shadow #logo {
	height: 60px;
}
header #logo_max {
	background-position: center center;
	background-image: url('images/logo.svg');
	width: 112px;
	height: 112px;
	display: block;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 10px;
	opacity: 1;
    transition-duration: 0.5s;
}
header #logo_max.shadow {
	top: -200px;
	opacity: 0;
}
header #logo_min {
	background-image: url('images/logo_small.svg');
	width: 200px;
	height: 54px;
	display: block;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -60px;
	top: auto;
	opacity: 1;
    transition-duration: 0.5s;
}
header #logo_min.shadow {
	bottom: 0;
	opacity: 1;
}
header h1 {
	width: 50%;
    display: flex;
    padding-top: 36px;
    color: #c8706f;
}
header h1.shadow {
    padding-top: 0;
}
header ul.links {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	font-size: 20px;
	text-transform: capitalize;
	font-weight: normal;
	position: absolute;
	top: 50px;
	height: auto;
}
header ul.links.shadow {
	top: 10px;
	width: 48%;
}
header ul.links li {
	display: block;
	position: relative;
	padding: 0;
	margin: 0 5px;
	text-align: center;
	flex-grow: 1;
}
header ul.links li a {
	font-family: "DIN Next LT Arabic Light";
	text-decoration: none;
	color: #5e5758;
	margin: 0px;
	height: 36px;
	display: block; /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);*/;
	white-space: nowrap;
	font-weight: normal;
	line-height: 30px;
	font-size: 20px;
	padding: 0 10px 6px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
header ul.links.shadow li a {
	font-size: 16px;
}
header ul.links > li a:hover, header ul.links > li a.current {
	height: 31px;
	color: #fff;
	background-color: #C17173;
	transition: all .15s ease-in-out;
	transition-property: all;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
	transition-delay: initial;
}
header ul.links li ul {
	display: block;
	position: absolute;
	padding: 5px;
	margin: 0;
	min-width: 140px;
	z-index: 0;
	visibility: hidden;
	opacity: 0;
	flex-wrap: wrap;
	top: 20px;
	border-width: 3px;
	border-color: #ececec;
	background-color: #fff;
	border-bottom-style: solid;
	-webkit-box-shadow: 0px 7px 37px -12px rgba(0,0,0,0.9);
	-moz-box-shadow: 0px 7px 37px -12px rgba(0,0,0,0.9);
	box-shadow: 0px 7px 37px -12px rgba(0,0,0,0.9);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
header ul.links > li:hover > ul {
	opacity: 1;
	z-index: 10;
	top: 37px;
	visibility: visible;
}
header ul.links li ul li {
	display: block;
	padding: 0;
	margin: 0;
	height: auto;
	flex-grow: 1;
	flex-basis: 160px;
	list-style-type: none;
}
header ul.links li ul li a {
	border-color: transparent;
	float: none;
	height: auto;
	padding: 2px 6px;
	display: block;
	font-size: 16px;
	color: #5e5758;
	border-width: 4px;
	background-color: transparent;
	min-width: 180px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
	background-image: none;
}
header ul.links li ul li a img {
	max-width: 100px;
	max-height: 75px;
	display: block;
	margin: auto;
}
header ul.links li ul li ul li a img {
	display: none;
}
header ul.links li ul li a:hover, 
header ul.links li ul li a.current {
	border-color: #56869A;
	height: auto;
	color: inherit;
	background-color: #ece9e4;
}
header ul.links li ul li ul {
	border-style: none;
	padding: 5px;
	visibility: hidden;
	opacity: 0;
	background-color: #ece9e4;
	position: absolute;
	top: -10px;
}
header ul.links > li > ul > li:hover > ul {
	opacity: 1;
	z-index: 10;
	top: 5px;
	visibility: visible;
}
header ul.links li ul li ul li {
	float: none;
	display: block;
	margin: 0;
	min-width: 0;
}
header ul.links li ul li ul li a {
	float: none;
	height: auto;
	padding: 0 6px;
	display: block;
	font-size: 14px;
	background-color: transparent;
}
header ul.links li ul li ul li ul {
	display: none;
}
header #langs {
	height: 24px;
    margin: 10px 10px;
}
/*#socials {
	width: 460px;
	height: 22px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	position: absolute;
	top: 5px;
	left: 0px;
}
#socials.shadow {
	top: -30px;
}
#socials a {
	margin: 0 2px;
	background-size: 100% 100%;
	height: 22px;
	width: 22px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease;
	opacity: 0.4;
    filter: alpha(opacity=40);
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}
#socials a:hover {
    filter: alpha(opacity=100);
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	opacity: 1;
}*/
#masthead {
	width: max(1000px,90%);
	margin: auto;
	position: relative;
}
#masthead a#langs {
	position: absolute;
	top: 0;
	right: 500px;
	width: 60px;
	background-color: #083d5d;
	color: #FFFFFF;
	height: 20px;
	font-family: Tahoma;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	z-index: 100;
}
#masthead a#langs.shadow {
	top: -20px;
}
#masthead a#langs:hover {
	padding-top: 5px;
}
#masthead form[name=search] {
	overflow: hidden;
	padding-top: 4px;
}
#masthead form[name=search] * {
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}
#masthead form[name=search] input[type=submit] {
	border-style: none;
	background-size: 50% 50%;
	background-position: center center;
	height: 28px;
	width: 28px;
	/*background-color: #182945;*/
	background-color: rgba(24,41,69,0.2);
	color: #FFFFFF;
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	line-height: 22px;
	background-image: url('images/search.png');
	background-repeat: no-repeat;
	cursor: pointer;
}
#masthead form[name=search] input[type=search] {
	font-family: "DIN Next LT Arabic";
	color: #00A1CB;
	border-style: none;
	width: 0px;
	height: 28px;
	line-height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #EAEAEA;
	padding: 3px 0;
	margin: auto 2px;
	font-size: 14px;
}
#masthead form[name=search]:hover input[type=search] {
	width: 160px;
	padding: 3px 5px;
}
#masthead form[name=search]:hover input[type=submit] {
	background-color: #C17173;
}
#socials {
	height:auto;
/*	border-bottom:#09F thin solid;
	border-bottom-width:3px;*/
	padding:0px;
	margin:0px;
	text-align:end;
	line-height:13px;
	position: absolute;
	top: 0px;
}
#nav-toggle { 
	display: none;
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 10001;
	direction: ltr;
	cursor: pointer;
	padding: 16px 36px 21px 6px;
	overflow: hidden;
	background-color: rgba(0,0,0,0.35);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#nav-toggle span, 
#nav-toggle span:before, 
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 30px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}
#nav-toggle span:before {
  top: -10px; 
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle span, 
#nav-toggle span:before, 
#nav-toggle span:after {
  transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, 
#nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}
nav {
	background-color: #5e5758;
	color: #fff;
	padding: 10px 0;
	height: auto;
}
main nav:nth-of-type(odd) {
	background-color: #fff;
	color: #5e5758;
}
nav * {
	transition: all 0s ease;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: ease;
}
nav .content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
nav .content a.addon {
	-ms-transform: scale(0.5,0.5); /* IE 9 */
    -webkit-transform: scale(0.5,0.5); /* Safari */
    transform: scale(0.5,0.5); /* Standard syntax */
	opacity: 0;	
}
nav .content a.addon.N {
	display: block;
	border-style: solid;
	border-width: 5px;
	border-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 200px;
	min-width: 200px;
	max-width: 1000px;
	height: 120px;
	flex-grow: 1;
	overflow: hidden;
	margin: 10px;
	box-sizing: border-box;
}
nav .content a.addon.N:hover {
	border-color: #d8d243;
}
nav .content a.addon.N span {
	display: none;
}
nav a.addon.Y {
	background-position: center 10px;
	background-size: 64px 64px;
	position: relative;
	width: 120px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
nav a.addon.Y span {
	color: #fff;
	text-align: center;
	display: block;
	font-size: 16px;
	text-transform: capitalize;
	white-space:normal;
	margin-top: 85px;
}
nav a.addon.Y:hover {
	background-position: center top;
}
nav a.addon.Y:hover span {
	color: #d8d243;
}
nav.alone {
	padding: 0;
}
nav.alone .content {
	width: 100%;
}
nav.alone a.addon.Y {
	background-position: center top;
	background-size: cover;
	width: 100%;
	display: block;
	height: 500px;
	background-repeat: no-repeat;
}
nav.alone a.addon.Y > span {
	display: block;
	color: #fff;
	font-size: 26px;
	background-color: #C17173;
	text-transform: capitalize;
	margin: auto;
	text-align: center;
	padding: 20px;
	font-family: "din Next LT Arabic";
}
main {
	margin: auto;
	overflow: hidden;
}
main > h3 {
	color: #c8706f;
	font-size: 26px;
	margin-bottom: 10px;
	width: 100%;
	text-transform: capitalize;
}
main.inpage {
	margin: 150px auto auto auto;
	width: 1000px;
	padding-right: 100px;
	padding-left: 100px;
	padding-bottom: 30px;
}
main.inpage article {
	margin-bottom: 20px;
}
main.inpage > section {
	padding: 20px;
	margin-bottom: 20px;
}
main.inpage > section ul {
	margin-top: 0px;
}
section {
	color: #182945;
	background-color: #fff;
	background-attachment: fixed;
	background-size: cover;
}
section,
article {
	margin: 0;
	padding: 10px 20px;
	background-color: #F5F5F5;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
}
article section {
	padding: 0 20px 20px 20px;
    margin: auto -20px -10px -20px;
	background-color: #e7e6e6;
}
section.indx {
	padding: 60px 0;
	border-radius: 0;
}
section.indx:nth-of-type(even) {
	background-color: #D2BA9F;
	color: #fff;
}
section.indx:nth-of-type(even) h2 a {
	color: #fff !important;
}
section.indx:last-child {
	padding-bottom: 80px;
}
article:hover,
main.inpage > section:hover {
	-webkit-box-shadow: 0px 15px 64px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 15px 64px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 15px 64px 0px rgba(0,0,0,0.25);
}
section h2,
article h2 {
	color: #c8706f;
	text-transform: capitalize;
	font-weight: normal;
	font-size: 32px;
	margin-bottom: 10px;
	font-family: "DIN Next LT Arabic Light";
}
article h3 {
	margin: 5px 0;
	font-size: 24px;
	color: #56869a;
	font-family: "DIN Next LT Arabic";
}
article h4 {
	margin: 5px 0;
	font-size: 18px;
	color: #c8706f;
	font-family: "DIN Next LT Arabic";
}
section h3 {
	margin: 0;
	font-size: 24px;
	color: #56869a;
	font-family: "DIN Next LT Arabic Light";
}
section.s h2 {
	display: block;
}
section p,
article p {
	margin: 0 0 10px 0;
	text-align: justify;
	line-height: 22px;
	font-size: 18px;
}
section.s h2, 
section.s p {
	text-align: center;
}
section.s p {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
section ul.links {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 20px;
}
section ul.links li {
	/*background-color: rgba(24,41,69,0.15);*/
	background-color: rgba(86,134,154,0.8);
	margin: 5px;
	flex-grow: 1;
	width: 310px;
    max-width: 350px;
    list-style-type: none;
	-ms-transform: scale(0.5,0.5); /* IE 9 */
    -webkit-transform: scale(0.5,0.5); /* Safari */
    transform: scale(0.5,0.5); /* Standard syntax */
    transition-property: transform, opacity, box-shadow;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
	-webkit-transition-property: transform, opacity, box-shadow;
	-webkit-transition-duration: 0.5;
	-webkit-transition-timing-function: ease-in-out;
	opacity: 0;
}
section ul.links.books li {
	width: 140px;
	max-width: 150px;
	text-align: start;
}
section ul.links.books li a span {
	text-align: right;
	font-size: 12px;
}
section ul.links li a {
	display: block;
	font-size: 16px;
	color: #fff;
	height: 100%;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}
section ul.links li a span {
	padding: 10px;
	display: block;
	text-align: justify;
}
section ul.links li a span:nth-child(2) {
	padding: 5px 10px;
	height: 100%;
	width: 100%;
	color: #fff;
	background-color: rgba(86,134,154,0.8);
	position: absolute;
	top: 142px;
	box-sizing: border-box;
	line-height: 26px;
    font-size: 16px;
}
section ul.links li a:hover span:nth-child(2) {
	background-color: rgba(86,134,154,0.9);
	top: 0px !important;
}
section ul.links li a span.img {
	background-position: center center;
	background-size: cover;
	height: 160px;
	background-repeat: no-repeat;
}
section ul.links li a:hover, 
section ul.links li:hover  {
	background-color: rgba(86,134,154,1);
	text-decoration: none;
}
section ul.links li.current {
	background-color: #C17173;
}
section.s ul.links li {
	margin: 8px;
	max-width: 320px;
	list-style-type: none;
	-ms-transform: scale(0.5,0.5); /* IE 9 */
    -webkit-transform: scale(0.5,0.5); /* Safari */
    transform: scale(0.5,0.5); /* Standard syntax */
    transition-property: transform, opacity, box-shadow;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
	-webkit-transition-property: transform, opacity, box-shadow;
	-webkit-transition-duration: 0.5;
	-webkit-transition-timing-function: ease-in-out;
	opacity: 0;
}
section.s ul.links li a span {
	font-size: 18px;
}
section.s ul.links li a h1 {
	font-weight: normal;
	font-family: "DIN Next LT Arabic Ultra Light";
	font-size: 70px;
	margin: 0;
	text-align: center;
	direction: ltr;
	line-height: 70px;
	padding-bottom: 50px;
}
section.s ul.links li a h3 {
	text-align: center;
	line-height: 60px;
}
section .caroufredsel_wrapper {
	width: auto !important;
	margin: auto !important;
	/*direction: ltr;*/
}
section .caroufredsel_wrapper .owl-carousel {
    transition-property: left;
    transition-duration: 0s;
    transition-timing-function: none;
}
section a.prev,section a.next {
	background-position: center center;
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	bottom: 64px;
	padding: 6px;
	-webkit-border-radius: 45%;
	-moz-border-radius: 45%;
	border-radius: 45%;
	background-color: rgba(0,0,0,0.2);
}
section a.next img {
	margin: 10px 13px auto 10px;	
	height: 20px;
}
section a.prev img {
	margin-top: 10px;
	margin-bottom: auto;
	height: 20px;
}
section a.prev { left: -70px; }
section a.prev:hover,
section a.next:hover {
	background-color: #56869A;
}
section a.next { right: -70px;}
@page {
  size: A4;
   @footnote {
    border-top: 0.6pt solid black;
    padding-top: 8pt;
  }
}
section.books table.view {
	width: auto;
	min-width: 70%;
}
section.books table.view td:nth-child(2n+1) {
	width: 20%;
	color: #fff;
	background-color: #C17173;
	border-color: #f7f7f7;
}
section.books table.view td a {
	display: inline-block;
}
section.books .tools {
	display: block;
	position: absolute;
	top: 14px;
	font-family: 'Material Icons';
	font-size: 26px;
	z-index: 200;
}
section.books .tools a {
	color: #444045;
	padding: 5px;
}
section.books .tools a:hover {
	color: #56869A;
}
section.books table {
	border-style: none;
	width: 100%;
	border-spacing: 0px;
	margin-bottom: 10px;
}
section.books table thead tr td {
	font-family: "DIN Next LT Arabic";
	border-bottom-style: solid;
	border-width: 2px;
	border-color: #56869A;
	color: #56869A;
	padding: 10px 5px;
	min-width: 60px;
}
section.books table tbody tr td a.img {
	position: relative;
	width:48px;
	height:48px;
	display:block;
	overflow:hidden;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
 i.ebook{
	position: absolute;
	bottom:15px;
    right: 40px;
    background: #56869A;
    font-size: 16px;
    display: block;
	width: 25px;
	height:25px;
	color: #fff !important;
	text-decoration: none !important;
	cursor: pointer !important;
	line-height: 26px;
	text-align: center;
	border-radius: 50%;
}
footer .ebook{
	background: #fff;
	color: #56869A !important;
	bottom: 0;
}
section.books table tbody tr td a {
	display: block;
	color: #444045;
}
section.books table tbody tr td:nth-child(2) a {
	color: #C17173;
}
section.books table tbody tr:hover {
	background-color: rgba(0,0,0,0.05);
}
section.books table tbody tr td a:hover {
	color: #56869A;
}
section.books table tbody tr td {
	font-family: "DIN Next LT Arabic";
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #ccc;
	padding: 10px 5px;
	position: relative;
}
section.books table tbody tr td i {
	font-style: normal;
	text-decoration: line-through;
	color: #808080;
	cursor: no-drop;
}
aside.book_preview {
	width: 30%;
	box-sizing: border-box;
	padding: 0 0 0 20px;
	float: right;
}
aside.book_preview .img {
	width: 100%;
	display: block;
}
aside.book_preview .img img {
	width: 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
aside.book_preview .img:hover img {
	-moz-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.25);
}
aside.book_preview #rateYo {
	margin: 8px auto 12px auto;
	display: block;
}
aside.book_preview .statics {
	margin-bottom: 10px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
aside.book_preview .statics div {
	text-align: center;
	line-height: 22px;
	background-color: #e4e3e3;
	color: #56869a;
	width: 31%;
	height: 60px;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
aside.book_preview .statics div b {
	font-size: 26px;
	display: block;
	font-weight: normal;
	line-height: 28px;
}
aside.book_preview a.button {
	background-color: #56869a;
	font-size: 18px;
	color: #fff;
	width: 100%;
	height: 40px;
	line-height: 20px;
	text-align: center;
	box-sizing:border-box;
	display: block;
	padding: 8px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
aside.book_preview a.button:hover {
	background-color: #d2ba9f;
}

.msg {
	display: inline-block;
	padding: 2px 8px;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.msg b {
	margin-left: 5px;
	float: right;
}
.msg.red {
	background-color: #f96265;
}
.msg.orng {
	background-color: #f9a862;
}
.msg.blu {
	background-color: #00a1cb;
}
.msg.grn {
	background-color: #96ca52;
}
.path {
	height: 26px;
	line-height: 16px;
	width: 1000px;
	padding: 5px 8px;
	background-color: rgba(94,87,88,0.15);
	color: #a6a6a6;
	font-size: 12px;
	text-transform: capitalize;
	box-sizing: border-box;
	white-space: nowrap;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.path li {
	display: inline-block;
}
.path li a {
	background-size: 5px;
	color: inherit;
	background-repeat: no-repeat;
    filter: alpha(opacity=40);
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}
.path li a:hover {
	color: #56869A;
    filter: alpha(opacity=0);
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}
article {
	text-align: justify;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
article hr {
	border-style: solid;
	border-color: #E0E0E0;
}
article table {
	min-width: 50%;
	border-collapse: collapse;
	border-spacing: 0;
	border-color: #ccc;
}
article table tr:first-child {
	background-color: #1C82B5;
    color: #fff;
}
article table td {
	padding:0 5px;
}
article a {
	color: #00A1CB;
}
article a:hover {
	text-decoration: underline;
}
article a.bigimg,
section a.bigimg {
	background-size: cover;
	width: 300px;
	height: 200px;
	background-color: #fff;
	padding: 5px;
	display: block;
	margin-top: auto;
	margin-bottom: auto;
	overflow: hidden;
    box-sizing: border-box;	
}
section a.bigimg {
	padding: 0;
	margin-top: 16px;
}
article a.bigimg:hover,
section a.bigimg:hover {
	-moz-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.25);
}
article a.bigimg img.video,
section a.bigimg img.video {
	margin: 0px;
	width: 48px;
	position: absolute;
	top: 0;
	z-index: 100;
	background-color: rgba(0,0,0,0.4);
	padding: 82px 132px;
}
article a.bigimg img.video:hover,
section a.bigimg img.video:hover {
	background-color: rgba(0,0,0,0);
}
article p img {
	width: auto;
}
article .attachs {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
article .attachs a {
	background-size: cover;
	background-position: center center;
	width: 145px;
	height: 145px;
	margin: 10px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	position: relative;
	flex-grow: 1;
    transition-property: transform, opacity, box-shadow;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	-webkit-transition-property: transform, opacity, box-shadow;
	-webkit-transition-duration: 0.2;
	-webkit-transition-timing-function: ease-in-out;
}
article .attachs a img.video {
	padding: 50px 50px;
}
article .attachs a:hover {
	-ms-transform: scale(0.95,0.95) !important; /* IE 9 */
    -webkit-transform: scale(0.95,0.95) !important; /* Safari */
    transform: scale(0.95,0.95) !important; /* Standard syntax */

	-moz-box-shadow:    0px 0px 15px 0px #999;
	-webkit-box-shadow: 0px 0px 15px 0px #999;
	box-shadow:         0px 0px 15px 0px #999;
}
article .files {
	overflow: auto;
	margin: 0px;
	display: flex;
	flex-wrap: wrap;
}
article .files a {
	margin: 5px;
	border-width: 3px;
	border-color: #DBDBDB;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 15px;
	background-color: #EFEFEF;
	border-bottom-style: solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	flex-basis: 200px;
	flex-grow: 1;
	background-image: url('images/save.svg');
	background-repeat: no-repeat;
	background-size: 36px 36px;
}
article .files a:hover {
	background-color: #E5E5E5;
}
article .files a img {
	border-style: none;
	border-width: 0px;
	padding: 0;
	width: inherit;
	height: inherit;
}

/* --- Forms --- */
main.inpage form {
	font-weight: normal;
	padding: 5px 0;
	margin: 5px 0;
	border-top-style: none;
}
main.inpage form * {
	font-size: 18px;
	font-family: "DIN Next LT Arabic Light";
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
main.inpage form label {
	width: 160px;
	display: inline-block;
}
main.inpage form *:focus {
	border-color: #56869A;
}
main.inpage form fieldset {
	margin: 10px;
	border: 1px solid #CCCCCC;
}
main.inpage form select {
	max-width: 160px;
	min-width: 40px;
	height: 35px;
	margin: 5px;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px 1px 2px 1px;
	box-sizing: content-box;
}
main.inpage form input[type=text],
main.inpage form input[type=search],
main.inpage form input[type=email],
main.inpage form input[type=number],
main.inpage form input[type=date],
main.inpage form input[type=tel] {
	border-width: 1px 1px 2px 1px;
	height: 38px;
	max-width: 300px;
	width: 100%;
	margin: 5px;
	box-sizing: border-box !important;
	padding: 5px 5px 5px 5px;
	background-color: #fff;
	color: #333;
	border-style: solid;
	border-color: #ccc;
	box-sizing: content-box;
}
main.inpage form input[type=date] {
	width: auto;
}
main.inpage form textarea {
	padding: 10px;
	width: 50%;
	height: 200px;
	margin: 5px;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px 1px 2px 1px;
}
main.inpage form input:focus {
	border-color: #56869A;
}
main.inpage form input[type=text].input {
	width: 100px;
	margin-top: 0px;
	font-size: 26px;
}
main.inpage form input[type=submit],
input[type=button] {
	font-family: "DIN Next LT Arabic Light";
	height: 38px;
	width: 100px;
	margin: 5px;
	padding: 5px;
	border-style: none;
	background-color: #56869A;
	color: #fff;
	cursor: pointer;
	border-color: #426675;
	border-bottom-style: solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 18px;
	line-height: 20px;
}
main.inpage form input[type=submit]:hover {
	background-color: #C17173;
	border-color: #AE4D4F;
}

/* --- Pagination --- */
div.pagination {
	width: 100%;
	color: #CCCCCC;
	padding: 0px 0 10px 0;
	display: block;
	position: relative;
	height: 16px;
	font-weight: bold;
	box-sizing: border-box;
	margin-bottom: 20px;
}
div.pagination a {
	color: #666666;
	padding: 0px 8px 2px 8px;
	text-decoration: none;
	font-weight: bold;
	margin-right: 2px;
	margin-left: 2px;
	border-radius: 45%;
	-webkit-border-radius: 45%;
	-moz-border-radius: 45%;
}
div.pagination a:hover, div.pagination a:active {
	color: #fff;
	background-color: #D2BA9F;
}
div.pagination span.current {
	color: #fff;
	font-weight: bold;
	padding: 0px 8px 2px 8px;
	background-color: #C17173;
	border-radius: 45%;
	-webkit-border-radius: 45%;
	-moz-border-radius: 45%;
}
div.pagination span.disabled {
	color: #C0C0C0;
	padding: 5px 10px;
	margin: 0 2px;
	font-weight: bold;
}
div.pagination .statics {
	margin: 0px;
	padding: 5px;
	font-family: tahoma;
	font-size: 12px;
	color: #999999;
	font-weight: normal;
	position: absolute;
	text-align: center;
	direction: rtl;
	height: 11px;
	top: -4px;
}

footer {
	background-color: #56869A;
	height: auto;
	overflow-y: visible;
	position: relative;
}
footer h1 {
	background-position: center top;
	padding: 0px;
	height: 23px;
	color: #fff;
	background-image: url('images/map_click.png');
	background-repeat: no-repeat;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	position: absolute;
	top: -32px;
	cursor: pointer;
}
footer .content {
	display: flex !important;
	flex-wrap: wrap;
}
footer ul.links {
	margin: 5px auto 0 auto;
	width: 300px;
	display: block;
	flex-wrap: nowrap;
	overflow: auto;
	position: relative;
	min-height: 60px;
	padding: 10px;
	box-sizing: border-box;
}
footer ul.links h2 {
	color: #ffffff;
	font-size: 28px;
	margin: 0 8px 10px 0;
	font-family: "DIN Next LT Arabic Ultra Light";
	font-weight: lighter;
}
footer ul.links li {
	min-width: 150px;
	margin: 6px 0;
	padding: 0 0 0 6px;
	list-style-type: none;
	text-align: justify;
	overflow: hidden;
	position: relative;
}
footer ul.links li:hover {
	border-color: rgba(255,255,255,0.8);
}
footer ul.links li a span:last-child {
	color: rgba(255,255,255,0.7);
	text-transform: capitalize;
	font-size: 14px;
	padding: 2px;
	display: block;
	height: 44px;
}
footer ul.links li a:hover span,
footer ul.links li a.current span,
footer h1:hover {
	color: #fff;
}
footer ul.links li a .img {
	background-size: cover;
	width:48px;
	height:48px;
	float: right;
	display:block;
	overflow:hidden;
	margin-left: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
footer #map {
	overflow:hidden;
	height:0;
    transition-property: height;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}
#rights {
	margin: auto;
	font-size: 11px;
	color: #FFFFFF;
	height: auto;
	min-height: 16px;
	padding: 10px 30px;
	text-align: center;
	direction: ltr;
	background-color: #444045;
}
#rights a {
	color: #c17173;
	text-decoration: none;
	font-weight: bold;
}
#rights span {
	display:block;
	padding: 1px;
}
#rights a:hover {
	text-decoration: underline;
}
/*Back to top button */
#back-top {
	position: fixed;
	bottom: 10px;
	right: 30px;
    transition-property: opacity;
    transition-duration: 0s;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0s;
}
#back-top span {
	width: 64px;
	height: 64px;
	display: block;
	margin-bottom: 7px;
	background: url(images/top.png) center center no-repeat;
	-webkit-border-radius: 45%;
	-moz-border-radius: 45%;
	border-radius: 45%;
	background-color: #C17173;
}
#back-top a:hover span {
	background-color: #C17173;
}
.show {
	-ms-transform: scale(0.5,0.5); /* IE 9 */
    -webkit-transform: scale(0.5,0.5); /* Safari */
    transform: scale(0.5,0.5); /* Standard syntax */
    transition-property: transform, opacity, box-shadow;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
	-webkit-transition-property: transform, opacity, box-shadow;
	-webkit-transition-duration: 0.5;
	-webkit-transition-timing-function: ease-in-out;
	opacity: 0;	
}
.hide {
	-ms-transform: scale(1,1) !important; /* IE 9 */
    -webkit-transform: scale(1,1) !important; /* Safari */
    transform: scale(1,1) !important; /* Standard syntax */
	opacity: 1 !important;
}
.content {
	width: 1000px;
	margin: auto;
	display: block;
	position: relative;
}
@media screen and (max-width: 1024px) {
	header {
		height: 100px;
	}
	header #logo_max {
		width: 80px;
		height: 80px;
		top: 5px;
	}
	header ul.links {
		top: 45px;
		width: 86%;
	}
	header ul.links.shadow {
		width: 72%;
	}
	header ul.links li a {
		font-size: 16px;
		padding: 0 5px 6px 5px;
	}
	header ul.links.shadow li a {
		font-size: 14px;
	}
	header ul.links li ul li a {
		font-size: 14px;
	}
	#masthead {
		width: 100%;
	}
	nav .content a.addon.N {
		height: 90px;
	}
	nav .content a.addon.Y {
		width: 110px;
	}
	main.inpage {
		margin: 110px auto auto auto;
		width: 100%;
		padding-right: 10px;
		padding-left: 10px;
		box-sizing: border-box;
	}
	section ul.links li {
		min-width: 200px;
		max-width: 226px;
	}
	section.s ul.links li {
		max-width: 292px;
	}
	section .caroufredsel_wrapper {
		width: 90% !important;
		/*direction: ltr;*/
	}
	section a.next { right: -30px;}
	section a.prev { left: -30px;}
	.path {
		width: 100%;
	}
	article p img {
		width: auto;
	}
	article .files a:hover {
		background-color: #E5E5E5;
	}
	footer ul.links {
		width: 100%;
	}
	footer ul.links li {
		min-width: 24%;
	}
	.content {
		width: 90%;
	}
}
@media screen and (max-width: 720px) {
	header {
		height: 60px;
		background-color: rgba(255,255,255,1);
		-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	}
	header #logo {
		height: 60px;
	}
	header #logo_max {
		top: -200px;
		opacity: 0;
	}
	header #logo_min {
		top: 0;
		width: 60px;
		height: 50px;
		opacity: 1;
		overflow: hidden;
		background-position: right center;
		background-size: cover;
	}
	#masthead form[name=search] {
		display: block;
		position: absolute;
		width: 85%;
		top: 10px;
		z-index: 2002;
	}
	#masthead form[name=search] input[type=search] {
		width: 70%;
		height: 28px;
		padding: 3px 5px;
	}
	#masthead form[name=search]:hover input[type=search] {
		width: 70%;
		padding: 3px 5px;
	}
	#socials {
		top: 0px;
		width: 0%;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;
		z-index: 2002;
	}
	#socials.sided {
		width: 76%;
	}
	header h1 {
		padding-top: 10px;
	    width: 70%;
	    font-size: 22px;
	}
	header h1.shadow {
		padding-top: 10px;
	}
	header ul.links {
		background-color: rgba(0,0,0,0.7);
		height: 100%;
		width: 70%;
		padding: 110px 10px 10px;
		top: 0;
		z-index: 2000;
		display: block;
		position: fixed;
		margin-top: 0;
		-webkit-box-shadow: 0px 0px 37px 8px rgba(0,0,0,0.50);
		-moz-box-shadow: 0px 0px 37px 8px rgba(0,0,0,0.50);
		box-shadow: 0px 0px 37px 8px rgba(0,0,0,0.50);
		transition-property: left;
	    transition-duration: 0s;
	    transition-timing-function: ease;
	    -webkit-transition-property: left;
	    -webkit-transition-duration: 0s;
	    -webkit-transition-timing-function: ease;
	}
	header ul.links.shadow {
		top:0;
	}
	header ul.links.sided, header.sided {
	}
	header ul.links.sided {
		overflow-y: auto;
	}
	header ul.links li {
		float: none;
	}
	header ul.links li a {
		float: none;
		display: inline-block;
		color: #fff;
		padding: 0;
		font-size: 16px;
	}
	header ul.links.shadow li a {
		font-size: 16px;
	}
	header ul.links li ul {
		position: relative;
		top: auto;
		min-width: 0;
		border-width: 0px;
		height: 0;
		padding: 0;
	}
	header ul.links li:hover {
		height: auto;
	}
	header ul.links li:hover ul {
		height: auto;
		top: 0;
		z-index: 100;
	}
	header ul.links li ul li {
		flex-basis: 200px;
	}
	header ul.links li ul li a {
		min-width: 0;
	}
	header ul.links.shadow li ul li a {
		font-size: 14px;
	}
	header #langs {
	    margin: 0 10px 10px 175px;
	    line-height: 18px;
	}
	#nav-toggle { 
		display: block;
	}
	nav .content {
		width: 95%;
	}
	nav .content a.addon.N {
		width: 100%;
		max-width: 100%;
		height: 80px;
	}
	nav .content a.addon.Y {
		background-size: 48px 48px;
		width: 50px;
	}
	nav .content a.addon.Y span {
	    margin-top: 60px;
		font-size: 12px;
	}
	nav.alone {
		padding: 0;
	}
	nav.alone .content {
		width: 100%;
	}
	nav.alone a.addon.Y {
		background-size: cover;
		width: 100%;
		height: 300px;
	}
	nav.alone a.addon.Y > span {
		font-size: 20px;
		text-transform: capitalize;
		margin: auto;
	}
	main.inpage {
		margin: 70px auto auto auto;
		width: 100%;
		padding-right: 10px;
		padding-left: 10px;
		box-sizing: border-box;
	}
	main.inpage > section {
		padding: 10px;
	}
	section.books table.view td:nth-child(2n+1) {
		width: 32%;
	}
	section.indx {
		padding: 10px 0;
	}
	section ul.links li {
		min-width: 200px;
		max-width: 100%;
	}
	section.s ul.links li {
		max-width: 270px;
	}
	section .caroufredsel_wrapper {
		width: 100% !important;
		margin: inherit !important;
		/*direction: ltr;*/
	}
	section a.next { right: -30px;}
	section a.prev { left: -30px;}
	.path {
		width: 100%;
	}
	article table {
		min-width: 100%;
	}
	aside.book_preview {
		width: 100%;
		padding: 0;
		float: none;
		margin-bottom: 10px;
	}
	aside.book_preview .img {
		width: 100%;
		text-align: center;
	}
	aside.book_preview .img img {
		width: 50%;
	}
	article a.bigimg,
	section a.bigimg {
		width: 100%;
		height: 200px;
		margin-bottom: 20px;
		float: none;
	}
	article p img {
		width: 100%;
	}
	article .files a:hover {
		background-color: #E5E5E5;
	}
	/* --- Forms --- */
	article form label {
		width: 100%;
		display: block;
		float: none;
	}
	article form input[type=text],
	article form input[type=email],
	article form input[type=number],
	article form input[type=date],
	article form input[type=tel] {
		width: 95%;
	}
	article form textarea {
		width: 92%;
	}
	article form input[type=submit] {
		width: 50%;
		margin: 5px auto;
	}
	div.pagination {
		text-align: center;
		height: 40px;
	}
	div.pagination .statics {
		top: 26px;
		width: 100%;
	}
	footer ul.links {
		width: 100%;
	}
	footer ul.links li {
		min-width: 48%;
	}
	/*Back to top button */
	#back-top {
		display: none;
		position: fixed;
		top: -6px;
		z-index: 1001;
	}
	#back-top span {
		width: 37px;
		height: 37px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.content {
		width: 80%;
	}
}




/** Counters Section **/
ul.counters{
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}

.counters li{
    list-style: none;
    text-align: center;
}
.counters li a{
	color:#fff;
}
.counters li p{
    font-size: 23px;
    text-align: center;
}
.counters li span{
    font-size: 36px;
    font-weight: 900;
    display: block;
	margin: 30px 0;
	min-height: 35px;
}
.counters li img{
    max-width: 75px;
    display: block;
    margin: 0 auto;
}
@media only screen and (max-width: 966px) {
    ul.counters{
        display: block;
    }

    .counters li{
        width: 50%;
        padding: 0 10px;
        box-sizing: border-box;
        margin-bottom: 30px;
        float: right;

    }
}

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

    .counters li{
        width: 100%;
        padding: 0;
        margin-bottom: 50px;
        float: none;

    }
    .counters li img{
        width: 60px;
    }
    .counters li span{
        margin: 15px 0;
    }
}#masthead form[name=search] input[type=text] {
	direction: DIRE;
}
section ul.links li {
	direction: DIRE;
}
header {
	XALIGN: 0px;
}
header #logo {
	ALIGN: 0;
}
header #logo_max {
	ALIGN: 0;
}
header #logo_min {
	ALIGN: 0;
}
header h1 {
    margin-ALIGN: 140px;
}
header h1.shadow {
    margin-ALIGN: 208px;
}
header ul.links {
	XALIGN: 0px;
	padding-XALIGN: 0px;
}
header ul.links li ul {
	ALIGN: 0px;
}
header ul.links li ul li {
	text-align: ALIGN;
}
header ul.links li ul li a {
	border-ALIGN-style: solid;
	border-XALIGN-style: none;
}
header ul.links li ul li a:hover, 
header ul.links li ul li a.current {
	border-ALIGN-style: solid;
	border-XALIGN-style: none;
}
header ul.links li ul li ul {
	ALIGN: 90%;
}
header #langs {
    float: ALIGN;
}
#masthead form[name=search] {
	float: XALIGN;
}
#masthead form[name=search] input[type=submit] {
	float: XALIGN;
}
#socials {
	XALIGN: 0px;
}
nav div.addon {
	padding-ALIGN: 8px;
	padding-XALIGN: 8px;
}
section.books .tools {
	XALIGN: 10px;
}
section ul.links li a span:nth-child(2) {
	XALIGN: 0;
}
section .caroufredsel_wrapper {
	direction: DIRE;
}
section a.prev img {
	margin-ALIGN: 16px;
	margin-XALIGN: auto;
}
.path {
	direction: DIRE
}
.path li a {
    padding-XALIGN: 12px;
    margin-XALIGN: 8px;
	background-position: XALIGN 6px;
	background-image: url('images/XALIGN_arrow.png');
}
article a.bigimg,
section a.bigimg {
	float: XALIGN;
	margin-ALIGN: 20px;
}
article a.bigimg img.video,
section a.bigimg img.video {
	ALIGN: 0;
}
article .files a {
	padding-ALIGN: 10px;
	padding-XALIGN: 40px;
}
article form label {
	float: ALIGN;
}
article form input[type=text].input {
	float: ALIGN;
}
/* --- Pagination --- */
div.pagination {
	direction: ltr;
	text-align: XALIGN;
}
div.pagination .statics {
	direction: DIRE;
	ALIGN: 5px;
	XALIGN: auto;
}
@media screen and (max-width: 1024px) {
	header #logo_max {
		ALIGN: 5px;
	}
	section a.next { right: -30px;}
	section a.prev { left: -30px;}
}
@media screen and (max-width: 720px) {
	header #logo_min {
		ALIGN: 10px;
		background-position: ALIGN center;
	}
	#masthead form[name=search] {
		XALIGN: 60px;
	}
	#socials {
		XALIGN: 0px;
	}
	header h1 {
	    margin-ALIGN: 80px;
	}
	header h1.shadow {
	    margin-ALIGN: 80px;
	}
	header ul.links {
		XALIGN: -80%;
		ALIGN: auto;
		transition-property: XALIGN;
	    -webkit-transition-property: XALIGN;
	}
	header ul.links.sided, header.sided {
		XALIGN: 0;
	}
	header ul.links li ul {
		ALIGN: auto;
	}
	header #langs {
		margin-ALIGN: 10px;
		margin-XALIGN: 175px;
	}
	article a.bigimg,
	section a.bigimg {
	    margin-ALIGN: auto;
	}
	div.pagination .statics {
		ALIGN: 0;
		XALIGN: -5px;
	}
	#back-top {
		XALIGN: 60px;
		ALIGN: auto;
	}
}