#bgGrad {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcbf08+0,d9a404+100 */
  background: #fcbf08;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fcbf08 0%, #d9a404 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fcbf08 0%, #d9a404 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fcbf08 0%, #d9a404 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcbf08', endColorstr='#d9a404', GradientType=0);
  /* IE6-9 */
}
@font-face {
  font-family: 'icomoon';
  src: url('/fonts/icomoon.eot?wfgvet');
  src: url('/fonts/icomoon.eot?wfgvet#iefix') format('embedded-opentype'), url('/fonts/icomoon.ttf?wfgvet') format('truetype'), url('/fonts/icomoon.woff?wfgvet') format('woff'), url('/fonts/icomoon.svg?wfgvet#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-x1:before {
  content: "\e903";
}
.icon-th-menu:before {
  content: "\e901";
}
.icon-mail:before {
  content: "\e900";
}
.icon-x:before {
  content: "\e902";
}
.icon-search:before {
  content: "\e986";
}
body {
  background-color: #fff;
}
.container {
  max-width: 124rem;
  margin: 0 auto;
  padding: 0;
}
.columnR {
  max-width: 18.75rem;
  width: 15%;
  float: right;
  overflow: hidden;
}
.columnR img {
  max-width: 100%;
}
.icon-th-menu,
.close {
  display: none;
}
.columnM {
  max-width: 103.75rem;
  width: 83.6%;
  float: left;
}
.columnMR {
  max-width: 83rem;
  width: 75%;
  float: right;
}
.columnL {
  max-width: 30rem;
  width: 24%;
  float: left;
}
.dirL {
  direction: ltr;
}
.pullR {
  float: right;
}
.pullL {
  float: left;
}
.dirR {
  direction: rtl;
}
.positionR {
  position: relative;
}
iframe {
  max-width: 100%;
}
header {
  background-color: #fff;
}
footer {
  float: right;
  width: 100%;
  background: url(/Content/images/bg.jpg);
  background-size: cover;
  margin: 0 auto;
}
footer .footing {
  margin: 0 auto;
  width: auto;
  text-align: center;
}
footer .footer-text {
  /*background-color: @red;*/
  max-width: 1170px;
  margin: 0 auto;
  padding: 1.5rem;
  color: #fff;
}
footer .footer-text a {
  color: #fff;
}
.pagerNum {
  margin: 0 0.1rem;
  padding: 0 0.25rem;
}
.pagerNum.active,
.pagerNum:hover {
  background-color: #f7832d;
  color: #fff;
}
.btnshow {
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 2rem;
}
.btnshow a {
  display: block;
  width: 2rem;
  height: 2rem;
}
.home {
  margin-top: 2rem;
}
.home ul.links {
  display: table;
  width: 100%;
}
.home ul.links li {
  display: table-cell;
  padding: 0.5rem;
  text-align: center;
}
.home ul.links li a {
  color: #000;
}
.home ul.links li a img {
  max-width: 10rem;
}
.home ul.links li a span {
  display: block;
}
.home .about figure {
  margin-top: 2rem;
  width: 38%;
  float: right;
}
.home .about figure img {
  width: 100%;
  background: url(/userfiles/home/about.jpg) no-repeat;
  background-size: 100%;
}
.home .about .about-text {
  width: 60%;
  float: left;
}
.home .articles article {
  padding: 1rem;
  position: relative;
}
.home .articles article .cat {
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
  background-color: #fcb100;
  padding: 0 0.5rem;
  color: #fff;
}
.home .articles article:after {
  content: '';
  display: table;
  clear: both;
}
.home .articles article h3 {
  background-color: #a06112;
  color: #fff;
  margin-bottom: 1rem;
  padding: 0.5rem;
}
.home .articles article h3 a {
  color: #fff;
  font-style: italic;
}
.home .articles article figure {
  width: 40%;
  float: right;
  margin-left: 1rem;
  overflow: hidden;
}
.home .articles article figure img {
  width: 100%;
}
.home .articles article .summary {
  width: 56%;
  float: left;
}
.home .articles article:nth-child(2n) h3 {
  background-color: #fcb100;
}
.home .articles article:nth-child(2n) .cat {
  background-color: #a06112;
}
.header-section {
  border-top: 2rem solid transparent;
}
.header-section .svg-img {
  height: 3.125rem;
  max-width: 3.125rem;
}
.header-section .logo img {
  max-width: 100%;
}
.header-section .banner-top {
  width: 71%;
  height: 7.7rem;
  overflow: hidden;
  float: right;
  border: 1px solid #ddd;
}
.header-section .banner-top img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}
.header-section .search-cont {
  width: 20%;
  float: left;
}
.header-section .search-cont .search {
  position: relative;
}
.header-section .search-cont .search i {
  position: absolute;
  font-size: 1.75rem;
  right: -2rem;
  background: orange;
  padding: 0.5rem;
  border-radius: 50%;
  top: -0.25rem;
  color: #000;
}
.header-section .search-cont .search input {
  width: 100%;
  padding-right: 1rem;
}
.header-section .search-cont .social {
  text-align: center;
  margin-top: 1.5rem;
}
.header-section .search-cont .social img {
  height: 2rem;
}
.header-section .buttons {
  width: 11.25rem;
  float: left;
}
.header-section .buttons table {
  text-align: center;
  float: left;
}
.header-section .buttons table td {
  padding-right: 0.5rem;
  white-space: nowrap;
}
.header-section .buttons table td:first-child {
  text-align: left;
}
.header-section .buttons table td:last-child {
  text-align: left;
}
.header-section .buttons .social {
  display: flex;
  justify-content: space-between;
}
.home-slider {
  height: 27rem;
  overflow: hidden;
}
.js-flickity.slider-main,
.js-flickity.slider-main .flickity-viewport {
  height: 38rem !important;
  width: 100%;
}
.js-flickity.slider-main .flickity-slider > div {
  width: 100%;
}
.js-flickity.slider-main .flickity-slider > div .item-slider1-index {
  background-color: #ddd;
}
.js-flickity.slider-main .flickity-slider > div img {
  width: 100%;
  max-height: 100%;
  max-width: 100%;
}
.js-flickity.slider-main .flickity-prev-next-button {
  z-index: 15;
}
.menu-main {
  display: table;
  width: 100%;
  padding-top: 0.5rem;
}
.menu-main > li {
  display: table-cell;
}
.menu-main > li > a {
  display: block;
  padding: 0.5rem;
  color: #000;
  font-weight: bold;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcbf08+0,d9a404+100 */
  background: #fcbf08;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fcbf08 0%, #d9a404 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fcbf08 0%, #d9a404 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fcbf08 0%, #d9a404 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcbf08', endColorstr='#d9a404', GradientType=0);
  /* IE6-9 */
}
.menu-main > li > a .svg-img,
.menu-main > li > a img {
  height: 1.7rem;
  display: inline-block;
  vertical-align: middle;
}
.menu-main > li > a span {
  display: inline-block;
  vertical-align: baseline;
}
.menu-main > li:last-child > a {
  margin-left: 0;
}
.menu-main li {
  position: relative;
}
.menu-main li:hover > ul,
.menu-main li:focus > ul {
  display: block;
  opacity: 1;
  transition: opacity 2s;
  white-space: nowrap;
  min-width: 13rem;
}
.menu-main li a:hover + ul,
.menu-main li a:focus + ul {
  display: block;
  opacity: 1;
  transition: opacity 1s;
}
.menu-main .sub-menu {
  position: absolute;
  z-index: 10;
  display: none;
  opacity: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcbf08+0,d9a404+100 */
  background: #fcbf08;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fcbf08 0%, #d9a404 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fcbf08 0%, #d9a404 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fcbf08 0%, #d9a404 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcbf08', endColorstr='#d9a404', GradientType=0);
  /* IE6-9 */
  color: #000;
  -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
  right: 0.25rem;
}
.menu-main .sub-menu:before {
  content: "";
  display: block;
  height: 3px;
  background-color: #fecd0b;
}
.menu-main .sub-menu a {
  color: #000;
  display: block;
}
.menu-main .sub-menu .parent:after {
  content: "\23f4";
  color: #fecd0b;
  display: block;
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  left: 1rem;
  top: 0;
}
.menu-main .sub-menu .parent:hover:after {
  color: #2DB993;
  left: 0.25rem;
  transition: ease-in-out 0.5s;
}
.menu-main .sub-menu > li {
  padding-right: 0.5rem;
  border-bottom: 1px solid #fecd0b;
}
.menu-main .sub-menu > li:hover {
  background-color: #fecd0b;
  transition: background-color linear 0.25s;
}
.menu-main .sub-menu .sub-menu {
  right: 100%;
  top: 0;
}
.social-share {
  position: fixed;
  width: 8rem;
  top: 18%;
  right: -5.5rem;
  transition: right 0.5s;
  z-index: 10;
}
.social-share.active,
.social-share:hover,
.social-share.focus {
  right: -0.5rem;
}
.social-share svg {
  background: #fff;
  border-radius: 6px;
}
section.block {
  width: 50%;
  float: right;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
  margin-bottom: 2rem;
}
section.block > div {
  background: #ababab;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ffffff 0%, #ababab 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ffffff 0%, #ababab 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ffffff 0%, #ababab 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding: 4.5rem 0.75rem 0.75rem 0.75rem;
  border-radius: 0.75rem;
}
section.block > div h2 {
  background: #f58f00;
  /* Old browsers */
  background: -moz-linear-gradient(left, #f58f00 0%, #a56110 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f58f00 0%, #a56110 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f58f00 0%, #a56110 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  width: 65%;
  right: 0;
  color: #fff;
  position: absolute;
  top: 0.8rem;
  font-size: 1.5rem;
  text-align: left;
  padding: 0 1rem;
  border-radius: 2rem 0rem 0rem 2rem;
  box-shadow: #888 -3px -2px 6px 1px;
  transition: ease-in-out 0.5s;
}
section.block > div h2:hover,
section.block > div h2:focus {
  width: 95%;
  padding-right: 30%;
}
section.block > div h2 a {
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
section.block > div h2 a:hover,
section.block > div h2 a:focus {
  color: #fecd0b;
}
section.block > div h2:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1rem 1rem 0 0;
  border-color: #404040 transparent transparent transparent;
  top: 2.9rem;
  right: 0;
}
section.block > div .text {
  background-color: #fff;
  padding: 1rem;
  font-family: 'Traditional Arabic';
  font-size: 1.75rem;
  font-weight: bold;
  text-align: right;
  height: 24.69rem;
  overflow: hidden;
}
section.block > div .text article {
  margin-bottom: 1rem;
  height: 6.55rem;
  overflow: hidden;
}
section.block > div .text article h3,
section.block > div .text article h3 span {
  font-size: 1.75rem !important;
}
section.block > div .text article:after {
  content: "";
  display: table;
  clear: both;
}
section.block > div .text article .summary {
  font-size: 1.2rem;
  line-height: 1.1;
}
section.block > div .text article figure {
  width: 25%;
  float: right;
  margin-left: 0.5rem;
}
section.block > div .text article figure img {
  max-width: 100%;
  min-height: 100%;
}
section.block > div .text a {
  color: #000;
}
section.block > div .text a:hover {
  color: #004E53;
}
section.block:nth-child(2n) {
  padding-left: 0.5rem;
}
section.block:nth-child(2n) h2:hover,
section.block:nth-child(2n) h2:focus {
  width: 97%;
  padding-left: 30%;
}
section.block:nth-child(2n+1) {
  padding-right: 1.5rem;
}
section.block:nth-child(2n+1) h2 {
  right: auto;
  left: 0;
  text-align: right;
  border-radius: 0 2rem 2rem 0;
  box-shadow: #888 2px -1px 6px 1px;
}
section.block:nth-child(2n+1) h2:before {
  border-width: 0 1rem 1rem 0;
  border-color: transparent #404040 transparent transparent;
  right: auto;
  left: 0;
}
section.block.article article,
section.block.video article,
section.block.article iframe,
section.block.video iframe {
  width: calc(100% + 2rem);
  height: calc(100% + 2rem) !important;
  margin: -1rem;
  position: relative;
}
section.block.article article figure,
section.block.video article figure,
section.block.article iframe figure,
section.block.video iframe figure {
  width: 100% !important;
  height: 100%;
}
section.block.article article figure img,
section.block.video article figure img,
section.block.article iframe figure img,
section.block.video iframe figure img {
  width: 100%;
}
section.block.article article .layer,
section.block.video article .layer,
section.block.article iframe .layer,
section.block.video iframe .layer {
  position: absolute;
  top: calc(100% - 8rem);
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 7rem;
  padding: 0 0.75rem 0.5rem 0.75rem;
}
section.block.article article .layer .summary,
section.block.video article .layer .summary,
section.block.article iframe .layer .summary,
section.block.video iframe .layer .summary {
  font-size: 1rem;
  font-size: 1.25rem;
  line-height: 1;
}
.free-text-box {
  border: 0.75rem solid #fcb100;
  background-color: #fff;
  width: 50%;
  float: right;
  min-height: 13rem;
  padding: 0.5rem;
}
.free-text-side {
  border: 2px solid #999;
  min-height: 20rem;
  margin-bottom: 1.5rem;
  padding: 0.5rem;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,dbdbdb+100 */
  background: #f0f0f0;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #f0f0f0 0%, #dbdbdb 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #f0f0f0 0%, #dbdbdb 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #f0f0f0 0%, #dbdbdb 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#dbdbdb', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.main-content {
  width: 73%;
  float: left;
}
.main-content.articles .text-contant-first {
  padding-top: 0;
}
.main-content.articles .text-contant-first .item-k-contant {
  padding: 0;
}
.side-content {
  width: 27%;
  float: right;
  padding-left: 2rem;
}
.inner-header {
  position: relative;
  height: 28rem;
  overflow: hidden;
}
.inner-header:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 1.9rem);
  height: 5px;
  bottom: 0;
  background-color: #a06112;
}
.inner-header img {
  max-width: 100%;
}
.inner-header .slide-title,
.inner-header h1 {
  position: absolute;
  font-size: 2.5rem;
  padding: 0 5.25rem;
  background-color: #a06112;
  color: #fff;
  font-family: traditional arabic;
  font-weight: bold;
  top: 50%;
  transform: translateY(-50%);
  border-left: 1rem solid #fff;
}
.inner-header .slide-title:before,
.inner-header h1:before {
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 100%;
  left: 0.25rem;
  background-color: #fff;
}
.title-first-text-item h1 {
  color: #a06112;
  font-size: 1.75rem;
  font-weight: bold;
}
.clear-fix:after {
  content: "";
  display: table;
  clear: both;
}
.left-side .fa {
  color: #aaa;
}
.date {
  color: #fff;
}
.Modified {
  border: 3px solid red;
}
.Saved {
  border: 2px solid green;
  background-color: #7b972d;
}
#settings {
  background-color: #dee6ce;
}
.VSFalse {
  color: red !important;
}
.cke_editable {
  outline: 1px dotted red;
}
body {
  font-family: 'Droid Arabic Kufi', sans-serif;
  color: #000;
}
ul.menu-sidebar li {
  color: white;
  border-bottom: solid 1px #a26020;
}
ul.menu-sidebar li:hover {
  background: #F7832D;
}
ul.menu-sidebar li a {
  color: white;
}
.menu-side {
  background: #003a6a;
}
.btn-menu-close {
  color: white;
}
.btn-menu {
  color: #FFFFFF;
}
.header-11s {
  background: rgba(0, 0, 0, 0.65);
}
.header-11s a {
  color: #fff;
}
.header-11s a h2 {
  color: #D8EF62;
}
ul.head-menu li a h2 {
  color: #D8EF62;
}
ul.head-menu li a p {
  color: #fff;
}
.btn-search input {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #b8b8b8 50%, #b8b8b8 51%, #ffffff 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #b8b8b8), color-stop(51%, #b8b8b8), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ffffff 0%, #b8b8b8 50%, #b8b8b8 51%, #ffffff 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #b8b8b8 50%, #b8b8b8 51%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #b8b8b8 50%, #b8b8b8 51%, #ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #b8b8b8 50%, #b8b8b8 51%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}
.btn-search span {
  border-right: 1px solid #9f9f9e;
  color: #9f9f9e;
}
.left-top-soial-btn ul li a {
  color: #fff;
}
.left-top-soial-btn ul li a:hover {
  color: #f7832d;
}
.left-side {
  background: #fff;
  border: 1px solid #efefe1;
  -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
}
.left-side ul li a {
  color: #C02E2A;
}
.left-side ul li a:hover {
  color: #f7832d;
}
ul.head-menusa {
  background-color: #00569d;
}
ul.head-menusa li a {
  color: #fff;
}
ul.head-menusa li:hover a,
ul.head-menusa li a:hover,
.navbar-default .navbar-nav > li > a:hover {
  color: #fecd0b;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.dor-sc {
  background: #00569d;
  -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
}
.header-dor-sc {
  background: #fff;
}
.header-dor-sc h2 {
  color: #202325;
}
.header-dor-sc span {
  background: #f7832d;
  color: #fff;
}
.item-dor-sc ul li a {
  color: #fff;
}
.item-dor-sc ul li {
  border-bottom: 1px solid #efefe1;
}
.first-item-ofcontant {
  background: #fff;
  background-image: url(../images/bg-text.png);
}
.text-contant-first h2 {
  color: #C02E2A;
}
.text-contant-first p,
.text-contant-firsts p {
  color: #5c5c5c;
}
.item-k-contant a {
  color: #f7832d;
}
.item-k-contant a i {
  border: 1px solid #f7832d;
  color: #f7832d;
}
.item-k-contant a i.fa-eye {
  color: green;
}
.zwaia-first {
  background: #fff;
  /*border: 1px solid #efefe1;*/
  -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
}
.text-zwaia-first a {
  color: #6f6f6f;
}
.header-zwaia h2 {
  color: #Fff;
}
.header-contant-first h2 {
  color: #Fff;
}
.play-video-zwia {
  color: #fff;
}
.header-zwasia {
  color: #6f6f6f;
}
.text-zwia3 input,
.text-zwia3 select,
.text-zwia3 textarea {
  color: #6f6f6f;
}
.sawaa {
  background: #efefe1;
}
.text-left-footer h2 {
  color: #3b3b3b;
}
.footer-item-text {
  background: #003a6a;
  -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
}
.text-left-footer p {
  color: #3b3b3b;
}
.contant-footer {
  color: #3b3b3b;
}
table.table-condensed tbody tr td:first-child,
table.table-condensed tbody tr td:last-child,
table.table-condensed thead tr th:first-child,
table.table-condensed thead tr th:last-child {
  color: #f7832d;
}
.calendaer-idk {
  background: #fff;
  -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3);
}
td.day.active {
  background: #00569d !important;
}
.header-11s:before {
  background-image: url(../images/home.png);
}
.left-side ul li .active {
  color: #f7832d;
}
h4.media-heading {
  color: #C02E2A;
}
.media-body p {
  color: #747474;
}
.answer-btn {
  color: #f7832d;
}
h4.media-heading span {
  color: #C02E2A;
}
h4.media-heading span i {
  color: #C02E2A;
}
.first-news-qhr {
  border: 1px solid #efefe1;
}
ul.ul-list-title-item {
  border-bottom: 2px solid #f7f7f7;
}
ul.ul-list-title-item li a {
  color: #979797;
}
.add-comment-user-item input,
.text-item-k-contant input {
  border: 1px solid #efefe1;
}
.add-comment-user-item textarea,
.text-item-k-contant textarea {
  border: 1px solid #efefe1;
  background: transparent;
}
.add-comment-user-item a,
.text-item-k-contant a {
  background: #C02E2A;
  color: #fff;
}
.text-item-k-contant.page-content a {
  background-color: transparent;
  color: #f7832d;
}
.text-item-k-contant.page-content a:hover {
  color: #00569d;
}
.page-content .album-container {
  background-color: #eee;
}
.page-content .album-container i {
  display: inline-block;
  width: calc(14.2% - 1rem);
  margin: 0.5rem;
  height: 6rem;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.page-content .album-container i:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.page-content .album-container i:hover:before,
.page-content .album-container i:focus:before {
  display: none;
}
.page-content .album-container i img {
  width: 100%;
  min-height: 100%;
}
.video-add .selected {
  border: 2px solid #a06112;
}
.videos {
  padding: 1rem;
  background-color: #fff;
}
.videos .video {
  display: inline-block;
  width: calc(25% - 1.3rem);
  margin: 0.5rem;
  position: relative;
  overflow: hidden;
  font-family: 'Traditional Arabic';
}
.videos .video a span {
  opacity: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(45, 185, 147, 0.8);
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  padding: 0.25rem;
  border: 1px solid #000;
}
.videos .video a:hover span {
  opacity: 1;
}
.videos .video img {
  width: 100%;
  min-height: 100%;
}
.contact-us h4 {
  color: #747474;
}
.contact-us p {
  color: #747474;
}
table.table thead th {
  color: #fff;
  border: 1px solid #efefe1;
}
table.table thead tr {
  background: #C02E2A;
}
.FAQ-w,
.first-comment {
  border: 1px solid #efefe1;
  background: rgba(255, 255, 255, 0.5);
}
.FAQ-b {
  border: 1px solid #efefe1;
  background: rgba(239, 239, 239, 0.5);
}
.FAQ-w h2 {
  color: #C02E2A;
}
.FAQ-b h2 {
  color: #C02E2A;
}
.first-comment h3 {
  color: #747474;
}
.slider1-index-ins:before {
  background-image: url(../images/home.png);
}
.item-dor-sc ul li:hover {
  border-bottom: 1px solid #f7832d;
}
.text-item-k-contants a {
  color: #202325;
}
.calendaer-idk .header-dor-sc {
  background: #F5F5F5;
}
.calendaer-idk .header-dor-sc span {
  background: #f7832d;
}
.popup-reg {
  background: #fff;
}
.popLayer {
  background-color: rgba(0, 0, 0, 0.7);
}
.popLayer.full #popNext,
.popLayer.full #popPrev {
  display: none;
}
.popLayer.full #popContent {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popLayer.full #popContent iframe {
  width: 100%;
  height: 100%;
}
#popNext:hover,
#popPrev:hover,
#popClose:hover {
  color: white;
}
.FileUploadEditor {
  background-color: #fff;
}
.bread-crumbs {
  padding: 1.5rem 0;
}
.bread-crumbs .bread-crumb {
  color: #000;
  font-size: 1.25rem;
  font-family: 'Traditional Arabic';
  margin-right: 1rem;
}
.bread-crumbs .bread-crumb:first-child {
  margin-right: 0;
}
.bread-crumbs .bread-crumb:before {
  content: "\2605";
  display: inline-block;
  font-size: 1rem;
  padding-left: 0.25rem;
}
.bread-crumbs .bread-crumb:hover {
  border-bottom: 2px solid #C02E2A;
  font-weight: bold;
}
.edit-True .menu-btn {
  border: 1px dotted red;
}
/*#region marquee*/
.marquee-cont {
  background-color: #a06112;
  padding: 0 0.25rem;
  width: 100%;
  margin-bottom: 0.5rem;
  color: #fff;
  overflow: hidden;
}
.marquee-icon {
  width: 6rem;
  float: right;
}
.marquee {
  float: right;
}
.marquee .free-text {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  animation: marquee 50s linear infinite;
}
.marquee .free-text:hover {
  animation-play-state: paused;
}
/* Make it move */
@keyframes marquee {
  0% {
    text-indent: 47rem;
  }
  100% {
    text-indent: -47rem;
  }
}
/*#endregion marquee*/
.file-manager .preview-link a {
  background-color: #eee;
  border: 1px solid #999;
  display: inline-block;
  padding: 0 0.25rem;
  margin: 0 0.5rem;
}
.calendar-cont .title {
  background: url('images/calendar.png') no-repeat;
  background-size: 100%;
  width: calc(100% + 3rem);
  margin-right: -1rem;
  position: relative;
  padding: 0.75rem 1rem 0.5rem 1.5rem;
}
.calendar-cont .title:hover b {
  color: #a06112;
}
.calendar-cont .title b {
  font-size: 2rem;
  float: left;
  width: 69%;
  text-align: center;
  color: #fff;
}
.calendar-cont .title span {
  font-size: 2rem;
  float: right;
  border-radius: 50%;
  width: 30%;
  text-align: center;
  color: #fcb100;
}
.calendar-cont .calendar {
  float: left;
  padding: 0;
  margin: 0 -1rem;
  width: calc(100% + 2rem);
  transition: width 0.5s;
  position: relative;
}
.calendar-cont .calendar.show-column {
  width: calc(80% + 2rem);
}
.calendar-cont .calendar:after {
  content: '';
  display: table;
  clear: both;
}
.calendar-cont .calendar > li {
  list-style: none;
  float: right;
  width: 14.28%;
  height: 2rem;
  padding: 0 0.25rem 0.5rem 0.25rem;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.calendar-cont .calendar > li.today:before,
.calendar-cont .calendar > li.active:before {
  content: '';
  display: block;
  position: absolute;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}
.calendar-cont .calendar > li.today:not(.dummy):before {
  background-color: #ddd;
}
.calendar-cont .calendar > li.active:not(.dummy) {
  color: #fff;
}
.calendar-cont .calendar > li.active:not(.dummy):before {
  background-color: #fcb100;
}
.calendar-cont .calendar > li a {
  font-size: 0.9rem;
  color: #000;
}
.calendar-cont .calendar > li i {
  display: block;
  font-size: 0.9rem;
  text-decoration: none;
}
.calendar-cont .calendar > li.pop {
  display: none;
  position: absolute;
  left: 100%;
  height: auto;
  background-color: #a06112;
  overflow: initial;
  width: inherit;
  padding: 0;
  border-radius: 5px;
  box-shadow: 0px 5px 16px 0px #a06112;
}
.calendar-cont .calendar > li.pop li {
  width: auto;
}
.calendar-cont .calendar > li.pop li h3 {
  font-weight: bold;
  color: #bee812;
}
.calendar-cont .calendar > li.pop li div {
  padding-bottom: 2rem;
  color: #fff;
}
.calendar-cont .calendar > li:not(.pop):hover + li.pop {
  display: inline-block;
}
.contact-form {
  margin-top: 1rem;
  display: inline-block;
}
.contact-form > div {
  padding: 1rem;
}
.contact-form label {
  width: 10rem;
}
.contact-form .button {
  text-align: center;
}
@media screen and (max-width: 420px) {
  .no-mobile {
    display: none;
  }
  .icon-th-menu {
    display: inline-block;
    font-size: 2rem;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    color: #fcb100;
  }
  .container {
    max-width: 100%;
  }
  .container > .container {
    padding: 0;
  }
  .menu-main {
    display: table;
  }
  nav {
    display: none;
  }
  nav.active {
    display: block;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #fcb100;
    z-index: 20;
  }
  nav .close {
    display: inline-block;
    position: fixed;
    left: 1.5rem;
    top: 0.5rem;
    background-color: #fcb100;
    padding: 1rem;
    z-index: 21;
    opacity: 1;
    color: white;
    border-radius: 50%;
    box-shadow: 1px 1px 17px 4px;
  }
  .columnM {
    float: none;
    max-width: 100%;
    width: 100%;
  }
  .columnMR {
    max-width: 100%;
    width: 100%;
  }
  .columnR {
    max-width: 100%;
    width: 100%;
    float: right;
    text-align: center;
  }
  .columnL {
    max-width: 100%;
    width: 100%;
  }
  .calendar-cont .title {
    padding: 1.75rem 1rem 3.5rem 1.5rem;
  }
  .home-slider {
    height: 12rem;
  }
  .marquee-cont {
    display: none;
  }
  .home ul.links {
    display: none;
  }
  .home .about {
    padding: 0.5rem;
    float: right;
  }
  .home .about figure {
    width: 100%;
  }
  .home .about .about-text {
    width: 100%;
  }
  .home .articles {
    float: right;
  }
  .home .articles article {
    padding: 0;
    border: 1px solid #ddd;
    margin-bottom: 1rem;
    box-shadow: 4px 5px 11px 0px #a29c8d;
  }
  .home .articles article .cat {
    display: none;
  }
  .home .articles article figure {
    width: 100%;
  }
  .home .articles article .summary {
    width: 100%;
    padding: 0.25rem;
  }
  .home .articles article h3 {
    margin-bottom: 0;
  }
  .header-section .logo img {
    max-width: 50%;
  }
  .header-section .banner-top {
    width: 100%;
  }
  .header-section .banner-top img {
    max-width: 100%;
  }
  .header-section .search-cont {
    width: 100%;
    float: left;
    margin-top: 1rem;
    padding-right: 2rem;
  }
  .header-section .search-cont .search {
    /*width: 50%;*/
    float: right;
    margin-bottom: 0.75rem;
  }
  .header-section .search-cont .social {
    /*width: 48%;
                float: left;
                margin-top: .25rem;*/
    display: none;
  }
  footer {
    background: none;
  }
}
.home-articles-slider .item-slider1-index {
  position: relative;
  height: 38rem;
}
.home-articles-slider .item-slider1-index .text {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: -7rem;
  width: 100%;
  padding: 0.5rem;
  transition: ease-in-out 0.5s;
}
.home-articles-slider .item-slider1-index .text .title {
  display: block;
  height: 5rem;
}
.home-articles-slider .item-slider1-index .text a {
  color: #fff;
}
.home-articles-slider .item-slider1-index .text .summary {
  display: block;
  height: 6rem;
  color: #fcb100;
}
.home-articles-slider .item-slider1-index:hover .text {
  bottom: 0;
}
@media screen and (max-width: 1024px) {
  .container {
    width: 100%;
    padding: 0 1rem;
    margin: 0;
  }
  .marquee .free-text {
    width: 100%;
    animation: none;
  }
  .item-k-contant {
    padding: 10px;
  }
  .js-flickity.slider-main {
    height: 26rem !important;
  }
  .js-flickity.slider-main .flickity-viewport {
    height: 26rem !important;
  }
  .home-articles-slider .item-slider1-index {
    height: 26rem;
  }
}
@media screen and (max-width: 768px) {
  .btn-menu {
    color: #fff;
  }
  .menu-main {
    display: block;
  }
  .menu-main > li {
    display: block;
  }
  .menu-main > li a {
    margin: 0;
  }
  .menu-main > li:first-child {
    width: 100%;
  }
  .menu-main .sub-menu {
    position: static;
    opacity: 1;
  }
  .menu-main .sub-menu .sub-menu {
    background-color: #fecd0b;
    display: block;
  }
  .header-section .buttons {
    padding-bottom: 0;
    padding-top: 0;
  }
  .header-section .buttons table tr:last-child td {
    padding-top: 0;
  }
  .marquee-cont {
    background-color: transparent;
  }
  .marquee-cont .marquee-icon {
    display: none;
  }
  .marquee-cont .marquee {
    display: block;
  }
  .marquee-cont .marquee .free-text {
    white-space: normal;
  }
  section.block {
    width: 100%;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  section.block.video .text {
    padding: 0 1rem;
    height: 21rem;
  }
  section.block.video .text iframe {
    height: 100% !important;
  }
  section.block > div {
    padding-top: 3.5rem;
  }
  section.block > div h2 {
    right: -0.5rem;
    font-size: 1rem;
  }
  section.block > div h2:before {
    top: 1.9rem;
  }
  section.block > div .text {
    overflow-y: visible;
    height: auto;
  }
  section.block > div .text article {
    height: auto;
  }
  section.block > div .text article .layer {
    position: static;
  }
  section.block > div .text article figure {
    width: 100%;
    float: none;
  }
  section.block > div .text article h3,
  section.block > div .text article h3 span {
    font-size: 1.3rem !important;
  }
  .free-text-box {
    width: 100%;
  }
  section.block:nth-child(2n+1) h2 {
    left: -0.5rem;
  }
  section.block > div .text article .summary {
    font-size: 1rem;
    line-height: 1.1;
  }
  .main-content {
    width: 100%;
  }
  .side-content {
    width: 100%;
    padding-left: 0;
  }
  .videos .video {
    width: calc(50% - 1.3rem);
  }
  .videos .delete {
    position: absolute;
    z-index: 20;
    bottom: 0;
  }
  .page-content .album-container i {
    width: calc(24.2% - .75rem);
  }
  .js-flickity.slider-main {
    height: 25rem !important;
  }
  .js-flickity.slider-main .flickity-viewport {
    height: 24rem !important;
  }
  .home-articles-slider .item-slider1-index {
    height: 25rem;
  }
}
@media screen and (max-width: 420px) {
  .logo img {
    max-width: 50%;
  }
  .menu-main > li > a {
    margin-left: 0;
  }
  .header-section {
    border-top: 0;
  }
  .header-section .buttons {
    width: 100%;
  }
  .header-section .buttons table {
    float: right;
  }
  .js-flickity.slider-main {
    height: 13rem !important;
    width: 100%;
  }
  .js-flickity.slider-main .flickity-viewport {
    height: 13rem !important;
    width: 100%;
  }
  .home-articles-slider .item-slider1-index {
    height: 13rem;
  }
  .home-articles-slider .item-slider1-index .text {
    font-size: 0.5rem;
    bottom: -4.5rem;
  }
  .home-articles-slider .item-slider1-index .text .title {
    height: 2rem;
  }
  .home-articles-slider .item-slider1-index .text .summary {
    height: 4rem;
  }
  .flickity-prev-next-button {
    width: 20px;
    height: 20px;
  }
  .flickity-page-dots {
    display: none;
  }
  .media-body p {
    width: 100%;
  }
  .item-k-contant {
    padding: 0;
  }
  .inner-header {
    height: auto;
  }
  .inner-header h1 {
    padding: 0 2.25rem;
    top: 25%;
    font-size: 1.5rem;
  }
  .page-content .album-container i {
    width: calc(48.2% - .75rem);
  }
  #popNext,
  #popPrev,
  #popClose {
    font-size: 2em;
  }
}
@media print {
  header,
  footer,
  .bread-crumbs,
  .article-top-image {
    display: none;
  }
  .article-top {
    padding-top: 0;
  }
  .article {
    border: 0;
  }
  .article-body {
    padding: 0;
  }
}