<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
@font-face {



  font-family: "Nassim";



  src: url("nassim-regular.eot");



  src:local(""), url("nassim-regular.woff")format("woff"),



    url("nassim-regular.ttf")format("truetype");



  font-weight: normal;



  font-style: normal;



}


@font-face {



    font-family: "Kufi-Arabic-Bold";



    src: url("Kufi-Arabic-Bold.ttf");



  }
  
  
      
    @font-face {



    font-family: "Europa";



    src: url("europa-regular-webfont.ttf");



  } 
  
@font-face {



    font-family: "Kufi-Arabic-Regular";



    src: url("Kufi-Arabic-Regular.ttf");



  }
  
  
  
  
  .div_login{
	  font-family: 'Kufi-Arabic-Regular';
	  border: 1px dashed #ccc;
	  padding: 10px 10px;
	  border-radius: 10px;
	  background: #666;
  }

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: ;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@-webkit-keyframes comeDown {
  100% {
    -webkit-transform: translateY(0px);
  }
}
@keyframes comeDown {
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes mainmenu {
  0% {
    -webkit-transform: translateY(-95px);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}
@keyframes mainmenu {
  0% {
    transform: translateY(-95px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes myeffect {
  0% {
    transform: scale(2);
    -webkit-transform: scale(1);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
  }
  50% {
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
  }
  100% {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@-webkit-keyframes myeffect {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  50% {
    transform: scale(2);
    -webkit-transform: scale(2);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes myeffect {
  0% {
    transform: scale(2);
    -moz-transform: scale(2);
  }
  50% {
    transform: scale(2);
    -moz-transform: scale(2);
  }
  100% {
    transform: scale(1);
    -moz-transform: scale(1);
  }
}
@keyframes mymove {
  0% {
    right: -80%;
  }
  100% {
    right: 0px;
  }
}
@-webkit-keyframes mymove {
  0% {
    right: -80%;
  }
  100% {
    right: 0px;
  }
}
@-moz-keyframes mymove {
  0% {
    right: -80%;
  }
  100% {
    right: 0px;
  }
}
@keyframes mymove2 {
  0% {
    opacity: 0;
    transform: translateY(-500px);
    -webkit-transform: translateY(-500px);
    -moz-transform: translateY(-500px);
    -ms-transform: translateY(-500px);
    -o-transform: translateY(-500px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-webkit-keyframes mymove2 {
  0% {
    opacity: 0;
    transform: translateY(-500px);
    -webkit-transform: translateY(-500px);
    -moz-transform: translateY(-500px);
    -ms-transform: translateY(-500px);
    -o-transform: translateY(-500px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-moz-keyframes mymove2 {
  0% {
    opacity: 0;
    transform: translateY(-500px);
    -webkit-transform: translateY(-500px);
    -moz-transform: translateY(-500px);
    -ms-transform: translateY(-500px);
    -o-transform: translateY(-500px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@keyframes mymove3 {
  0% {
    opacity: 0;
    transform: translateY(500px);
    -webkit-transform: translateY(500px);
    -moz-transform: translateY(500px);
    -ms-transform: translateY(500px);
    -o-transform: translateY(500px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-webkit-keyframes mymove3 {
  0% {
    opacity: 0;
    transform: translateY(500px);
    -webkit-transform: translateY(500px);
    -moz-transform: translateY(500px);
    -ms-transform: translateY(500px);
    -o-transform: translateY(500px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-moz-keyframes mymove3 {
  0% {
    opacity: 0;
    transform: translateY(500px);
    -webkit-transform: translateY(500px);
    -moz-transform: translateY(500px);
    -ms-transform: translateY(500px);
    -o-transform: translateY(500px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@keyframes mymove4 {
  0% {
    opacity: 0;
    transform: scaleX(0) rotateZ(360deg);
    -webkit-transform: scaleX(0) rotateZ(360deg);
    -moz-transform: scaleX(0) rotateZ(360deg);
    -ms-transform: scaleX(0) rotateZ(360deg);
    -o-transform: scaleX(0) rotateZ(360deg);
  }
  100% {
    opacity: 1;
    transform: scaleX(1) rotateZ(0deg);
    -moz-transform: scaleX(1) rotateZ(0deg);
    -webkit-transform: scaleX(1) rotateZ(0deg);
    -ms-transform: scaleX(1) rotateZ(0deg);
    -o-transform: scaleX(1) rotateZ(0deg);
  }
}
@-webkit-keyframes mymove4 {
  0% {
    opacity: 0;
    transform: scaleX(0) rotateZ(360deg);
    -webkit-transform: scaleX(0) rotateZ(360deg);
    -moz-transform: scaleX(0) rotateZ(360deg);
    -ms-transform: scaleX(0) rotateZ(360deg);
    -o-transform: scaleX(0) rotateZ(360deg);
  }
  100% {
    opacity: 1;
    transform: scaleX(1) rotateZ(0deg);
    -moz-transform: scaleX(1) rotateZ(0deg);
    -webkit-transform: scaleX(1) rotateZ(0deg);
    -ms-transform: scaleX(1) rotateZ(0deg);
    -o-transform: scaleX(1) rotateZ(0deg);
  }
}
@-moz-keyframes mymove4 {
  0% {
    opacity: 0;
    transform: scaleX(0) rotateZ(360deg);
    -webkit-transform: scaleX(0) rotateZ(360deg);
    -moz-transform: scaleX(0) rotateZ(360deg);
    -ms-transform: scaleX(0) rotateZ(360deg);
    -o-transform: scaleX(0) rotateZ(360deg);
  }
  100% {
    opacity: 1;
    transform: scaleX(1) rotateZ(0deg);
    -moz-transform: scaleX(1) rotateZ(0deg);
    -webkit-transform: scaleX(1) rotateZ(0deg);
    -ms-transform: scaleX(1) rotateZ(0deg);
    -o-transform: scaleX(1) rotateZ(0deg);
  }
}
@keyframes mymove5 {
  0% {
    transform: rotate(180deg) translateY(-500px);
    -webkit-transform: rotate(180deg) translateY(-500px);
    -moz-transform: rotate(180deg) translateY(-500px);
    -ms-transform: rotate(180deg) translateY(-500px);
    -o-transform: rotate(180deg) translateY(-500px);
  }
  100% {
    transform: rotate(0deg) translateY(0);
    -moz-transform: rotate(0deg) translateY(0);
    -webkit-transform: rotate(0deg) translateY(0);
    -ms-transform: rotate(0deg) translateY(0);
    -o-transform: rotate(0deg) translateY(0);
  }
}
@-webkit-keyframes mymove5 {
  0% {
    transform: rotate(180deg) translateY(-500px);
    -webkit-transform: rotate(180deg) translateY(-500px);
    -moz-transform: rotate(180deg) translateY(-500px);
    -ms-transform: rotate(180deg) translateY(-500px);
    -o-transform: rotate(180deg) translateY(-500px);
  }
  100% {
    transform: rotate(0deg) translateY(0);
    -moz-transform: rotate(0deg) translateY(0);
    -webkit-transform: rotate(0deg) translateY(0);
    -ms-transform: rotate(0deg) translateY(0);
    -o-transform: rotate(0deg) translateY(0);
  }
}
@keyframes mymove6 {
  0% {
    opacity: 0;
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    -o-transform: translateX(-1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
}
@-webkit-keyframes mymove6 {
  0% {
    opacity: 0;
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    -o-transform: translateX(-1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
}
@-moz-keyframes mymove6 {
  0% {
    opacity: 0;
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
    -moz-transform: translateX(-1000px);
    -ms-transform: translateX(-1000px);
    -o-transform: translateX(-1000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }
}



.backtotop {
  background-color: #666;
  width: 45px;
  bottom: 0;
  right: 0px;
  padding: 5px 0;
  overflow: hidden;
  z-index: 99999;
  position: fixed;
  display: block;
  text-align: center;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  color: #fff;
}
.backtotop:hover,
.backtotop:focus {
  color: white;
  text-shadow: 0 0 7px rgba(255,255,255,0.7);
}
.backtotop i {
  font-size: 24px;
  margin: 0;
  display: block;
}
.bs-docs-example ul.the-icons li:hover {
  background: #4aa9f1;
}
#outer #cookieMessageContainer {
  top: auto;
  bottom: 0;
  text-align: center;
  color: #ccc;
  background-color: #111;
  background-color: rgba(18,18,18,0.8);
  zoom: 1;
  background-color: transparent \9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc111111, endColorstr=#cc111111)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc111111, endColorstr=#cc111111);
}
#outer #cookieMessageContainer .fa {
  margin: 0 15px;
  padding: 3px 5px;
  background: #333;
  border-radius: 2px;
}
#outer #cookieMessageContainer a:hover {
  color: white;
}
.link {
  color: #4aa9f1;
  text-decoration: none;
}
.link:hover {
  color: #4a505c;
}
.linkReverse {
  color: #4a505c;
}
.linkReverse:hover {
  color: #4aa9f1;
}
.linkGray {
  color: #666;
}
.linkGray:hover {
  color: #4aa9f1;
}
.linkGraylighter {
  color: #999;
}
.linkGraylighter:hover {
  color: #4aa9f1;
}
.align-left {
  text-align: left !important;
}
.align-right {
  text-align: right !important;
}
.align-center {
  text-align: center !important;
}
.noitalic {
  font-style: normal !important;
}
.nobold {
  font-weight: normal !important;
}
.nomarginall {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.nopaddingall {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.nomargintop {
  margin-top: 0 !important;
}
.poscenter {
  display: table;
  margin: 0 auto;
}
.nomargin {
  margin: 0 !important;
}
.nomarginbottom {
  margin-bottom: 0 !important;
}
.nomarginleft {
  margin-left: 0 !important;
}
.nomarginright {
  margin-right: 0 !important;
}
.nopaddingtop {
  padding-top: 0 !important;
}
.nopaddingbottom {
  padding-bottom: 0 !important;
}
.nopaddingleft {
  padding-left: 0 !important;
}
.nopaddingright {
  padding-right: 0 !important;
}
i.fa-times:before {
  content: "\f00d";
}
.thumbnail.pull-left {
  margin: 0 10px 10px 0;
}
.thumbnail.pull-right {
  margin: 0 0 10px 10px;
}
.ico-hits,
.ico-user,
.ico-clock {
  width: 20px;
  height: 12px;
  background: url("../less/images/icon/icon_hits2.html") no-repeat;
  margin: -3px 5px 0 0;
  vertical-align: middle;
  display: inline-block;
}
.ico-user {
  width: 18px;
  height: 18px;
  background: url("../less/images/icon/icon_author.html") no-repeat;
}
.ico-clock {
  width: 16px;
  height: 16px;
  background: url("../less/images/icon/icon_date2.html") no-repeat;
}
.grayshadow {
  text-shadow: 1px 1px #575757, 2px 2px #575757, 3px 3px #575757, 4px 4px #575757, 5px 5px #575757, 6px 6px #575757, 7px 7px #575757, 8px 8px #575757, 9px 9px #575757, 10px 10px #575757, 11px 11px #5a5a5a, 12px 12px #5d5d5d, 13px 13px #606060, 14px 14px #636363, 15px 15px #666666;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 12px;
}
h1 {
  font-size: 200%;
  line-height: 115%;
}
h2 {
  font-size: 160%;
  line-height: 110%;
}
h3 {
  font-size: 21px;
  line-height: 110%;
  font-family: "Kufi-Arabic-Bold";
      margin-top: 20px;
    margin-bottom: 10px;

}
h4 {
  font-size: 11pt;
  font-family: 'Kufi-Arabic-Bold';
}
h5 {
  font-size: 91%;
}
h6 {
  font-size: 84%;
}
.com {
  color: #93a1a1;
}
.lit {
  color: #195f91;
}
.pun,
.opn,
.clo {
  color: #93a1a1;
}
.fun {
  color: #dc322f;
}
.str,
.atv {
  color: #D14;
}
.kwd,
.prettyprint .tag {
  color: #1e347b;
}
.typ,
.atn,
.dec,
.var {
  color: teal;
}
.pln {
  color: #48484c;
}
.clear {
  clear: both;
}
.prettyprint {
  padding: 8px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}
.prettyprint.linenums {
  box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}
div.yt-typography div.page-header &gt; h1 {
  color: #666;
  font-weight: bold;
  margin: 0 0 15px;
  line-height: 30px;
  font-size: 240%;
  text-transform: none;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
ol.linenums {
  margin: 0 0 0 33px;
}
ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 20px;
  text-shadow: 0 1px 0 #fff;
  padding: 3px 0 3px 10px;
}
ol.linenums li:nth-last-child(odd) {
  background: #FCFCFC;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
}
.bs-docs-example {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.bs-docs-example h2.page-header {
  font-size: 180%;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  margin: 1.5em 0 1em;
  padding-bottom: 15px;
}
.bs-docs-example:after {
  content: "Example";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #333333;
  -webkit-border-radius: 4px 0 4px 0;
  -moz-border-radius: 4px 0 4px 0;
  border-radius: 4px 0 4px 0;
}
.bs-docs-example + .prettyprint {
  margin-top: -20px;
  padding: 4px 0 0 8px;
  margin-bottom: 15px;
  overflow: hidden;
}
.example-sites {
  margin-left: 20px;
}
.example-sites img {
  max-width: 100%;
  margin: 0 auto;
}
.scrollspy-example {
  height: 200px;
  overflow: auto;
  position: relative;
}
code,
pre {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  display: inline-block;
}
span.highlight {
  color: #fff;
}
body {
  line-height: 21px;
  background-color: #f6f6f6;
  color: #777;
  font-size: 17px;
  font-family: "nassim";
}
#yt_header {
  padding: 0;
  background: #3f444e;
  direction: rtl;
  z-index: 999;
  position: sticky;
}
#yt_header #top2 {
  text-align: right;
  position: relative;
  right: 4%;
  z-index: 99999;
}
#yt_header #top1 {
  position: relative;
  height: 48px;
  /* float: none; */
}
#yt_header #top1:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #3f444e;
  z-index: 999;
}
#yt_header .menu {
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  font-family: "Kufi-Arabic-Regular";
}
#yt_header .menu &gt;li {
  list-style: none;
  display: inline-block;
  position: relative;
  /* height: 50px; */
  line-height: 48px;
  float: right;
}
#yt_header .menu &gt;li a {
  padding: 0 10px;
  display: block;
  font-size: 13px;
  color: #8c8b8b;
  position: relative;
  z-index: 9999;
}
#yt_header .menu &gt;li a:hover {
  color: #fff;
}
#yt_header .menu &gt;li:last-child {
  padding-right: 10px;
  border-right: 1px solid #32363e;
}
#yt_header .menu &gt;li ul.yt-list {
  position: absolute;
  top: -420%;
  left: 0;
  z-index: 99;
  min-width: 120px;
  background: #3f444e;
  padding: 0;
  margin: 0;
  transition: top 0.3s ease-out;
}
#yt_header .menu &gt;li ul.yt-list li {
  display: block;
  padding: 5px 10px;
  white-space: nowrap;
  list-style: none;
  height: auto;
  line-height: 20px;
}
#yt_header .menu &gt;li ul.yt-list li a {
  color: #ccc;
  display: inline-block;
}
#yt_header .menu &gt;li ul.yt-list li:hover {
  background: #666;
}
#yt_header .menu &gt;li ul.yt-list li:hover a {
  color: #fff;
}
#yt_header .menu &gt;li:hover ul {
  top: 100%;
  transition: top 0.3s ease-out;
}
#yt_menuwrap {
  background: #fff;
  margin: 0;
  box-shadow: 0 0 2px rgba(0,0,0,.8);
  position: relative;
  z-index: 98;
  direction: rtl;
  text-align: right;
}
#yt_menuwrap #yt_logo {
  /* height: initial; */
  /* line-height: 74px; */
  position: relative;
  z-index: 2;
  height: 76px;
}
#yt_menuwrap.menu-fixed {
  width: 100%;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: none;
}
#yt_menuwrap.menu-fixed:before {
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: #eee;
  opacity: 0.9;
  z-index: 1;
}
#yt_spotlight1 {
  display: block;
  position: relative;
  z-index: 1;
}
#yt_spotlight1 .container {
  padding: 0;
  width: 100%;
  overflow: hidden;
}
#yt_spotlight2 {
  display: block;
  position: relative;
  z-index: 1;
  background: url("../images/bg/bg-1.jpg") no-repeat 0 0;
  padding: 0 0 24px;
  margin: 0 0 40px;
  background-size: 100% 100%;
}
#yt_spotlight3 {
  display: block;
  position: relative;
  z-index: 1;
}
#yt_spotlight4 {
  display: block;
  position: relative;
  /* z-index: 1; */
  background: url(../images/bg/bg-2.jpg) no-repeat 0 0 fixed;
  padding: 20px 0 10px;
  margin: 0;
  background-size: 100% 100%;
}
#yt_spotlight5 {
  display: block;
  position: relative;
  z-index: 1;
}
#yt_spotlight5 .module {
  margin-bottom: 0;
  padding-top: 45px;
  text-align: right;
}
#yt_spotlight8 {
  background: #17191e;
  padding: 40px 0;
  display: block;
  position: relative;
  z-index: 1;
}
#yt_spotlight8 .module h3.modtitle {
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  position: relative;
  margin: 0;
  padding: 15px 0;
  text-align: right;
}
#yt_spotlight8 .module h3.modtitle:before {
  content: "";
  height: 3px;
  width: 30px;
  background: #4aa9f1;
  position: absolute;
  top: 0;
  right: 0;
}
#yt_spotlight6 {
  display: block;
  position: relative;
  z-index: 1;
}
#yt_spotlight6 .container {
  width: 100%;
  padding: 0;
  overflow: hidden;
}
#yt_spotlight6 .module {
  margin-bottom: 0;
}
.homepage #yt_spotlight7 {
  margin: 0;
  direction: rtl;
}
#yt_spotlight7 {
  background: #3f444e;
  padding: 20px 0;
  display: block;
  position: relative;
  z-index: 1;
  margin-top: 30px;
}
#yt_spotlight7 .module {
  margin-bottom: 0;
}
#yt_breadcrumb {
  background: #e5e5e5;
  padding: 10px 0;
  margin-bottom: 30px;
}
#yt_breadcrumb #breadcrumb .module {
  margin-bottom: 0;
}
#yt_breadcrumb #breadcrumb .breadcrumb {
  margin: 0;
  padding: 0;
  background: none;
  direction: rtl;
  text-align: right;
  font-family: "Kufi-Arabic-Regular";
}
#yt_breadcrumb #breadcrumb .breadcrumb a {
  color: #666;
}
#yt_breadcrumb #breadcrumb .breadcrumb a:hover {
  color: #4aa9f1;
}
#yt_breadcrumb #breadcrumb .breadcrumb .divider {
  margin: 0 10px;
}
#yt_breadcrumb #breadcrumb .breadcrumb &gt; li + li:before {
  display: none;
}
#yt_breadcrumb #breadcrumb .breadcrumb &gt; li {
  font-size: 14px;
}
#yt_breadcrumb #breadcrumb .breadcrumb &gt; li.active {
  color: #3f444e;
  font-weight: bold;
}
#content {
  display: block;
  position: relative;
  z-index: 1;
  direction: rtl;
  text-align: right;
}
#content #yt_component {
  background: #fff;
  margin-bottom: 30px;
  clear: both;
  /* height: 500px; */
  text-align: right;
  /* font-family: "nassim"; */
}
#content #right .bg1 {
  padding-bottom: 0px;
}
#content #mainbottom1 {
  clear: both;
}
#yt_footer {
  background: #0d0e11;
  padding: 20px 0px;
  text-align: center;
}
#yt_footer #yt_copyright {
  color: #999;
}
#yt_footer #yt_copyright a {
  color: #4aa9f1;
}
#yt_footer #yt_copyright a:hover {
  color: #4a505c;
}
#yt_footer #yt_copyright .yt-logo {
  margin: 5px 15px 0 0;
  float: left;
}
#yt_footer #yt_copyright .copyright,
#yt_footer #yt_copyright .designby {
  display: inline;
  color: #999;
}
#yt_footer #yt_copyright .copyright_middle {
  display: inline-block;
}
#yt_footer #yt_copyright .powered-by {
  display: inline-block;
}
@media (max-width: 1024px) {
  .no-res {
    width: 1190px;
  }
}
a {
  color: #4aa9f1;
}
a:hover {
  color: #4a505c;
  text-decoration: none;
}
a:focus {
  outline: none;
  text-decoration: none;
}
*::selection {
  background: #4aa9f1;
  color: #fff;
}
*::-moz-selection {
  background: #4aa9f1;
  color: #fff;
}
p {
  min-height: 28px;
}
[class^="icon-"],
[class*=" icon-"] {
  margin-right: 5px;
  font-size: 14px;
}
.badge,
.label {
  display: inline-block;
}
.page-header {
  margin: 0 0 20px;
}
pre {
  border: none;
  border-left: 3px solid #4aa9f1;
  line-height: 30px;
  border-radius: 0;
  font-size: 110%;
  padding: 20px;
  margin: 2em 0;
}
.textColor {
  color: #4aa9f1 !important;
}
img {
  max-width: 100%;
}
div.img_caption {
  position: relative;
}
div.img_caption.left {
  margin: 0 1em 1em 0;
}
div.img_caption p.img_caption {
  font-size: 92%;
  font-weight: bold;
  padding: 5px 0 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #eee;
  border: 1px solid #ddd;
  border-top: none;
  box-shadow: 0 -1px 0 #fff inset;
}
div.caption {
  margin: 0 1em 1em 0;
  float: left;
}
div.yt-lightbox a img {
  width: auto;
}
pre.highlighter:before {
  background-color: #4aa9f1;
}
.no-modal {
  position: static;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  display: inline-block;
  width: auto;
}
ul,
ol {
  padding-left: 12px;
}
ul li {
  /* line-height: 24px; */
}
ul ul {
  list-style: disc;
}
ul.blank {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.latestnews.yt-list {
  margin: -10px -15px;
}
ul.latestnews.yt-list li:last-child {
  border-bottom: none;
}
ul.latestnews.yt-list li {
  border-bottom: 1px solid #f5f5f5;
  padding: 4px 15px;
}
ul.latestnews.yt-list li:hover {
  color: #4aa9f1;
  background: #f5f5f5;
}
ul.latestnews.yt-list li a {
  color: #777;
}
ul.latestnews.yt-list li a:hover {
  color: #4aa9f1;
}
ul.category {
  list-style: none;
  padding: 0;
}
ul.category li {
  border-bottom: 1px solid #ddd;
}
iframe {
  border: none;
}
select {
  padding: 5px;
}
#modlgn-remember {
  margin-top: 0;
}
input[type="radio"],
input[type="checkbox"] {
  margin-top: 3px;
}
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #f0f7fc;
}
input[type="text"]:focus,
textarea:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"],
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="submit"]:focus,
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
.btn:focus,
button[type="submit"] {
  outline: 0 none;
}
label,
input,
button,
select,
textarea {
  font-size: 12px;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  border-radius: 0;
  font-size: 17px;
  background: #fff;
  color: #595b5a;
  padding: 4px 6px;
  border: solid 1px #ccc;
  height: 30px;
}
fieldset {
  margin-bottom: 1em;
}
fieldset legend {
  padding-bottom: 10px;
  border-bottom-color: #ccc;
}
.form-horizontal .control-group {
  margin-bottom: 15px;
}
.label {
  padding: 3px 5px;
  margin-right: 5px;
}
.button,
button,
.btReverse {
  background: #4aa9f1;
  color: #fff;
  padding: 8px 20px;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  border: none;
  border-radius: 0px;
  font-family: 'Kufi-Arabic-Regular';
}
.button:hover,
button:hover {
  background: #4a505c;
  color: #fff;
}
.button:hover span,
button:hover span {
  color: #fff;
}
.btReverse {
  background: #4a505c;
}
.btReverse:hover {
  background: #4aa9f1;
  color: #fff;
}
.form-horizontal .control-label {
  text-align: left;
}
form.box fieldset {
  border: 1px solid #ccc;
  padding: 0 10px 10px;
}
form.box legend {
  background: #fff;
  padding: 0 10px;
  width: auto;
  border: none;
  margin: 0;
  font-size: 110%;
  line-height: 100%;
}
.display-limit {
  padding: 1em 0;
  overflow: hidden;
}
.form-inline .input-append .add-on i {
  margin: 0 !important;
}
.form-inline .btn-primary .icon-search {
  vertical-align: 1px;
}
.tooltip {
  background: none;
  border: none;
}
div.tooltip.fade {
  background: transparent;
  border: none;
}
.tip-wrap {
  z-index: 999;
}
.tip-wrap .tip {
  max-width: 350px;
  padding: 0px;
  border: 1px solid #777;
  background: #eee;
}
.tip-wrap .tip.badge-info {
  background-color: #2f96b4;
  padding: 2px 6px;
  border: none;
  box-shadow: 0;
  display: inline-block;
  position: relative;
  top: -2px;
}
.tip-wrap .tip .tip-title {
  background: #777;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  padding: 5px 10px;
  font-weight: bold;
}
.tip-wrap .tip .tip-text {
  color: #444;
  font-size: 108%;
  padding: 5px 10px;
}
table.category {
  width: 100%;
  margin-top: 20px;
}
table.category thead {
  background: #eee;
}
table.category thead tr th {
  background: #777;
  border-bottom: 2px solid #444;
  font-size: 118%;
  color: #fff;
  padding: 8px;
  text-align: right;
}
table.category thead tr th a {
  color: #fff;
  font-family: "Kufi-Arabic-Regular";
  font-weight: 100;
  font-size: 14px;
}
table.category tbody tr:hover td {
  background-color: #f5f5f5;
}
table.category tbody tr td {
  padding: 2px 8px;
  border-top: 1px solid #ddd;
  font-family: "Kufi-Arabic-Bold";
}
table.category tbody tr td.list-hits,
table.category tbody tr td.hits {
  font-weight: bold;
}
#recaptcha_response_field {
  border-color: #ddd !important;
}
#system-message {
  margin: 0;
}
#system-message .alert {
  background: #f0ad4e;
  color: #fff;
}
#system-message .message {
  margin-bottom: 1.5em;
}
#system-message .message &gt; ul {
  margin: 0;
  background-position: 5px 40%;
}
.system-unpublished .system-unpublished {
  margin: -10px;
  padding: 10px;
  border-top: 16px solid;
  border-bottom: 5px solid;
  position: relative;
}
.system-unpublished .system-unpublished:before {
  content: 'Unpublished';
  text-transform: uppercase;
  top: -19px;
  left: 10px;
  position: absolute;
  font-size: 0.8em;
  font-weight: bold;
}
span.highlight {
  background-color: #f16529 !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #444;
}
.form-vertical .btn-toolbar {
  margin-bottom: 1em;
}
[class*="col-"] &gt; .col-sm-12 {
  padding: 0px;
}
.form-validate .controls select {
  display: block !important;
}
.form-validate div.chzn-container {
  display: none !important;
}
.form-validate .hasTooltip {
  display: inline-block !important;
}
.form-validate .modal-button {
  background: #999;
  color: #fff;
}
.form-validate .modal {
  position: static;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  display: inline-block;
  width: auto;
  padding: 6px 10px;
  margin: 0 5px;
}
.form-validate .radio input[type="radio"],
.form-validate .radio-inline input[type="radio"],
.form-validate .checkbox input[type="checkbox"],
.form-validate .checkbox-inline input[type="checkbox"] {
  margin: 5px;
}
.form-validate legend,
.form-validate .accordion-toggle {
  padding: 8px 10px;
  background: #ddd;
  margin-bottom: 10px;
  display: block;
}
.calendar .button {
  display: table-cell;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-style: normal;
}
.icon-calendar:before {
  content: "\f073";
}
.icon-edit:before {
  content: "\f044";
}
.icon-remove:before {
  content: "\f00d";
}
.jmodedit {
  background: #777;
  color: #fff;
  height: auto !important;
  width: 40px !important;
}
#xmap {
  margin: 20px;
}
#xmap ul li {
  list-style: none;
  background: url(../images/point.png) repeat-x 0 13px;
}
#xmap ul li a {
  background: white;
  display: inline-block;
  padding: 0 10px;
  color: #666;
}
#xmap ul li a:hover {
  color: #4aa9f1;
}
#xmap ul li a:before {
  content: "";
  font-family: FontAwesome;
  font-size: 14px;
  margin-right: 8px;
}
#xmap ul ul.level_1 {
  margin-left: 20px;
}
#xmap ul ul.level_1 li {
  padding: 0;
}
#yt_component .button:hover,
button:hover,
.btn:focus,
.btn:hover {
  background: #449bdc;
  color: #fff !important;
}
.contentpane {
  display: block;
  overflow: auto;
}
.ico-hits,
.ico-user,
.ico-clock {
  width: 20px;
  height: 12px;
  background: url("../images/icon/icon_hits2.png") no-repeat;
  margin: -3px 0px 0 5px;
  vertical-align: middle;
  display: inline-block;
}
.ico-user {
  width: 18px;
  height: 18px;
  background: url("../images/icon/icon_author.png") no-repeat;
}
.ico-clock {
  width: 11px;
  height: 11px;
  background: url("../images/icon/icon_date2.png") no-repeat;
}
.grayshadow {
  text-shadow: 1px 1px #575757, 2px 2px #575757, 3px 3px #575757, 4px 4px #575757, 5px 5px #575757, 6px 6px #575757, 7px 7px #575757, 8px 8px #575757, 9px 9px #575757, 10px 10px #575757, 11px 11px #5a5a5a, 12px 12px #5d5d5d, 13px 13px #606060, 14px 14px #636363, 15px 15px #666666;
}
div.categories-list &gt; div {
  margin-bottom: 2em;
}
.profile-edit #helpsite-refresh {
  margin-top: 10px;
}
.blog .heading-category {
  font-size: 18px;
  margin: 0 -15px 15px;
  padding: 0 15px 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
}
.blog .items-leading .item {
  margin-bottom: 15px;
  padding-bottom: 5px;
  overflow: hidden;
      height: 280px;
}
.blog .items-leading .item.col-sm-3 .article-text {
  clear: both;
}
.blog .items-leading .item .item-image {
  margin: 0 20px 20px 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: left;
}
.blog .items-leading .item .item-image .listingimg {
  display: block;
  -webkit-transition: all 0.35s ease-in-out 0s;
  -moz-transition: all 0.35s ease-in-out 0s;
  -o-transition: all 0.35s ease-in-out 0s;
  transition: all 0.35s ease-in-out 0s;
  -webkit-transform: translate(0,0px);
  -moz-transform: translate(0,0px);
  -ms-transform: translate(0,0px);
  -o-transform: translate(0,0px);
  transform: translate(0,0px);
   background: url("../images/placeholder600x400.png")  no-repeat center center;
    background-size: cover;
}
.blog .items-leading .item .item-image .article-aside {
  background: #3f444e;
}
.blog .items-leading .item .item-image .article-aside .category-name a {
  color: #fff;
}
.blog .items-leading .item .item-image .article-aside .category-name a:hover {
  color: #4aa9f1;
}
.blog .items-leading .item .item-image img {
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
}
.blog .items-leading .item .item-image .article-aside {
  width: 100%;
  z-index: 1;
  position: absolute;
  bottom: 0;
  box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset;
  background: #3f444e;
  -webkit-transform: translate(0,100%);
  -moz-transform: translate(0,100%);
  -ms-transform: translate(0,100%);
  -o-transform: translate(0,100%);
  transform: translate(0,100%);
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  backface-visibility: hidden;
}
.blog .items-leading .item .item-image .article-aside dl.article-info {
  margin: 0;
  padding: 10px;
}
.blog .items-leading .item .item-image:hover .listingimg {
  -webkit-transform: translate(0,-15px);
  -moz-transform: translate(0,-15px);
  -ms-transform: translate(0,-15px);
  -o-transform: translate(0,-15px);
  transform: translate(0,-15px);
}
.blog .items-leading .item .item-image:hover .article-aside {
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);
}
.blog .items-leading .item .article-header h2 {
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: normal;
}
.blog .items-leading .item .article-header h2 a {
  color: #666;
  font-family: 'Kufi-Arabic-Bold';
  font-size: 14px;
}
.blog .items-leading .item .article-header h2 a:hover {
  color: #4aa9f1;
}
.blog .items-leading .item .article-aside .article-info {
  margin-bottom: 10px;
  font-size: 12px;
  font-family: 'Kufi-Arabic-Regular';
}
.blog .items-leading .item .article-aside dd {
  display: inline-block;
  color: #999;
  margin-right: 0px;
  margin-left: 8px;
  /* font-size: 11px; */
}
.blog .items-leading .item .article-aside dd a {
  color: #999;
}
.blog .items-leading .item .article-aside dd a:hover {
  color: #4aa9f1;
}
.blog .items-leading .item .content_rating {
  margin-bottom: 15px;
}
.blog .items-leading .item .content_rating .unseen.element-invisible {
  float: left;
  color: #999;
  margin-right: 15px;
}
.blog .items-leading .item .item-tags  .label {
  padding: 5px;
  font-weight: normal;
  margin: 0;
}
.blog .items-leading .item.col-sm-6,
.blog .items-leading .item.col-sm-4,
.blog .items-leading .item.col-sm-3 {
  border: none;
  float: right;
}
.blog .items-leading .item.col-sm-3 .article-text {
  clear: both;
}
.blog .items-leading .item .item-image {
  margin: 0 0px 20px 20px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: left;
}
.blog .items-leading .item .item-image .article-aside {
  background: #3f444e;
}
.blog .items-leading .item .item-image .article-aside .category-name a {
  color: #fff;
}
.blog .items-leading .item .item-image .article-aside .category-name a:hover {
  color: #4aa9f1;
}
.blog .items-row .item {
  margin-bottom: 15px;
  padding-bottom: 5px;
  overflow: hidden;
}
.blog .items-row .item.col-sm-3 .article-text {
  clear: both;
}
.blog .items-row .item .item-image {
  margin: 0 20px 20px 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: left;
}
.blog .items-row .item .item-image .listingimg {
  display: block;
  -webkit-transition: all 0.35s ease-in-out 0s;
  -moz-transition: all 0.35s ease-in-out 0s;
  -o-transition: all 0.35s ease-in-out 0s;
  transition: all 0.35s ease-in-out 0s;
  -webkit-transform: translate(0,0px);
  -moz-transform: translate(0,0px);
  -ms-transform: translate(0,0px);
  -o-transform: translate(0,0px);
  transform: translate(0,0px);
}
.blog .items-row .item .item-image .article-aside {
  background: #3f444e;
}
.blog .items-row .item .item-image .article-aside .category-name a {
  color: #fff;
}
.blog .items-row .item .item-image .article-aside .category-name a:hover {
  color: #4aa9f1;
}
.blog .items-row .item .item-image img {
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
}

.itemImageBlock .itemImage img {
    background: url(../images/placeholder600x400.png) no-repeat center center;
    background-size: cover;
}

.blog .items-row .item .item-image .article-aside {
  width: 100%;
  z-index: 1;
  position: absolute;
  bottom: 0;
  box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset;
  background: #3f444e;
  -webkit-transform: translate(0,100%);
  -moz-transform: translate(0,100%);
  -ms-transform: translate(0,100%);
  -o-transform: translate(0,100%);
  transform: translate(0,100%);
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  backface-visibility: hidden;
}
.blog .items-row .item .item-image .article-aside dl.article-info {
  margin: 0;
  padding: 10px;
}
.blog .items-row .item .item-image:hover .listingimg {
  -webkit-transform: translate(0,-15px);
  -moz-transform: translate(0,-15px);
  -ms-transform: translate(0,-15px);
  -o-transform: translate(0,-15px);
  transform: translate(0,-15px);
}
.blog .items-row .item .item-image:hover .article-aside {
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);
}
.blog .items-row .item .article-header h2 {
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: normal;
}
.blog .items-row .item .article-header h2 a {
  color: #666;
}
.blog .items-row .item .article-header h2 a:hover {
  color: #4aa9f1;
}
.blog .items-row .item .article-aside .article-info {
  margin-bottom: 10px;
}
.blog .items-row .item .article-aside dd {
  display: inline-block;
  color: #999;
  margin-right: 10px;
  font-size: 89%;
}
.blog .items-row .item .article-aside dd a {
  color: #999;
}
.blog .items-row .item .article-aside dd a:hover {
  color: #4aa9f1;
}
.blog .items-row .item .content_rating {
  margin-bottom: 15px;
}
.blog .items-row .item .content_rating .unseen.element-invisible {
  float: left;
  color: #999;
  margin-right: 15px;
}
.blog .items-row .item .item-tags  .label {
  padding: 5px;
  font-weight: normal;
  margin: 0;
}
.blog .items-row .item.col-sm-6,
.blog .items-row .item.col-sm-4,
.blog .items-row .item.col-sm-3 {
  border: none;
}
.blog.tag-category .category-desc {
  margin-bottom: 20px;
}
.blog.tag-category form.row .item-image img {
  margin-top: 0 !important;
}
.item-page .img-fulltext img {
  width: auto !important;
}
.item-page .article-header h2 {
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: normal;
}
.item-page .article-header h2 a {
  color: #4aa9f1;
}
.item-page .article-header h2 a:hover {
  color: #4aa9f1;
}
.item-page .article-header h2 {
  font-size: 30px;
  font-family: 'Kufi-Arabic-Bold';
}
.item-page .article-aside .article-info {
  margin-bottom: 10px;
}
.item-page .article-aside dd {
  display: inline-block;
  color: #999;
  margin-right: 10px;
  font-size: 89%;
}
.item-page .article-aside dd a {
  color: #999;
}
.item-page .article-aside dd a:hover {
  color: #4aa9f1;
}
.item-page .article-aside .article-info {
  margin-bottom: 20px;
  font-family: 'Kufi-Arabic-Regular';
}
.item-page .tags {
  margin-bottom: 30px;
}
.item-page .img-fulltext {
  margin-bottom: 20px;
}
div.archive .filter-search {
  background: #666;
  border-color: #ddd;
  border-radius: 0;
}
div.archive .filter-search #limit {
  width: auto;
  margin-right: 5px;
}
div.archive .form-inline .filters .button {
  padding: 4px 20px 3px 20px;
}
div.archive #archive-items &gt; div {
  border-top: 1px dotted #666;
  padding: 15px 0;
}
div.archive #archive-items &gt; div:first-child {
  border-top: none;
}
div.archive #archive-items &gt; div h2.item-title {
  margin: 0;
  font-size: 115%;
}
div.archive #archive-items &gt; div dl.article-info {
  color: #999;
  margin: 0;
}
div.archive #archive-items &gt; div dl.article-info dd {
  display: inline-block;
  font-size: 91.7%;
  line-height: 24px;
  margin: 0 10px 0 0;
  padding: 0;
}
div.archive #archive-items &gt; div .intro &gt; p {
  display: inline;
}
.pagination {
  height: auto;
  margin: 5px auto 8px;
  display: table;
}
.pagination li {
  margin: 0 2px;
}
.pagination li a,
.pagination li span {
  float: none;
  display: inline-block;
  padding: 5px 12px;
  border: 1px solid #ccc;
  color: #777;
  background: #fff;
  border-radius: 0 !important;
  height: 32px;
  width: auto;
  vertical-align: top;
}
.pagination li.active span,
.pagination li.active a,
.pagination li:hover span,
.pagination li:hover a {
  color: #fff;
  background: #4aa9f1 !important;
  border: 1px solid #4aa9f1 !important;
}
.pagination li .pagenav .r-hiden {
  display: none;
}
.pagenavcounter {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1em;
}
.article-index {
  margin: 0px 0px 0px 20px;
}
.article-index .nav-stacked {
  border: solid 1px #ccc;
  border-radius: 0px;
  overflow: hidden;
}
.article-index .nav-stacked li {
  border-bottom: solid 1px #ccc;
  float: none;
}
.article-index .nav-stacked li a {
  border: none;
  margin: 0px;
  border-radius: 0px;
}
.pager li &gt; a,
.pager li &gt; span {
  border-radius: 0;
  background: #eee;
}
.search #searchForm .searchintro {
  margin: 15px 0;
}
.search #searchForm .phrases-box .controls .radio {
  margin: 10px 20px;
}
.search #searchForm button.btn {
  padding: 7px 15px;
  border-radius: 0;
  position: relative;
}
.search #searchForm button.btn:before {
  content: "\f002";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-family: fontawesome;
  text-align: center;
  line-height: 35px;
  color: #fff;
}
.search .search-results {
  clear: both;
}
.search .search-results .result-category {
  display: none;
}
.search .search-results .result-category,
.search .search-results .result-text {
  padding: 0;
  margin: 0;
}
.search .search-results .result-text {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #ddd;
}
.finder #search-form {
  background: #ECF0E8;
  border-bottom: 1px solid #ddd;
  padding: 20px;
  margin-bottom: 30px;
}
.finder #search-form #finder-search {
  margin: 0;
}
.finder #search-form #finder-search #advanced-search {
  padding: 10px 0 0;
}
.finder #search-form #finder-search #advanced-search #finder-filter-window ul {
  list-style: none;
  margin: 0;
}
.finder #search-form #finder-search #advanced-search #finder-filter-window ul li {
  margin-bottom: 10px;
}
.finder #search-form #finder-search #advanced-search #finder-filter-window ul li label {
  width: 150px;
}
.finder #search-results #search-query-explained {
  margin: 1em 0;
  border-bottom: 3px solid #eee;
  font-weight: bold;
  -webkit-box-shadow: inset 0 -1px 0 #ccc;
  -moz-box-shadow: inset 0 -1px 0 #ccc;
  box-shadow: inset 0 -1px 0 #ccc;
}
.finder #search-results ul.list-striped {
  margin: 0;
  list-style: none;
}
.finder #search-results ul.list-striped li {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #eee;
}
.finder #search-results ul.list-striped li .result-url {
  color: #999;
}
.newsfeed-category select[multiple],
.newsfeed-category select[size],
.contact-category select[multiple],
.contact-category select[size] {
  width: auto;
}
.newsfeed ol {
  margin: 0;
  list-style: none;
  padding: 0;
}
.newsfeed ol li {
  border-bottom: 1px dotted #ccc;
  padding: 20px 0;
}
.newsfeed ol li a {
  color: #777;
  font-weight: normal;
}
.newsfeed ol li .feed-item-description {
  margin-top: 10px;
  overflow: hidden;
}
.newsfeed ol li .feed-item-description &gt; img:first-child {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #eee;
  margin: 0 0 10px 15px;
  padding: 5px;
}
h1.title {
  font-size: 180%;
}
h2.subtitle {
  font-size: 130%;
}
.view-login #system-message {
  width: 550px;
  margin: 0 auto;
}
.view-login #content #yt_component {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.view-login .wrap-login {
  width: 550px;
  margin: 0 auto;
  padding: 1em 2em 2em;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px rgba(0,0,0,0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.view-login .wrap-login .page-header {
  margin: -14px -28px 15px;
  padding: 10px 25px;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
}
.view-login .wrap-login .page-header h1 {
  margin: 0;
}
.view-login .wrap-login .form-horizontal .control-group {
  float: left;
  width: 50%;
  margin: 1em 0;
}
.view-login .wrap-login .form-horizontal .control-label {
  float: none;
}
.view-login .wrap-login .form-horizontal .controls input {
  width: 180px;
}
.view-login .wrap-login .other-link {
  overflow: hidden;
}
.view-login .wrap-login .other-link ul.yt-list {
  margin: 0 0 0 15px;
}
.view-login .wrap-login .other-link ul.yt-list li {
  float: left;
  margin-right: 30px;
}
.view-login .wrap-login .other-link ul.yt-list li a {
  font-size: 12px;
  color: #777;
}
.view-login .wrap-login .other-link ul.yt-list li a:hover {
  color: #4aa9f1;
}
.login .form-horizontal {
  margin-bottom: 0;
}
.login .well {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 10px 0 0;
  margin: 0;
}
.login .well .control-label label {
  font-weight: bold;
}
.login .well .controls {
  margin: 0;
}
.registration .page-header {
  margin: 0 0 15px;
}
.registration .page-header h2 {
  margin: 0;
}
.registration .form-horizontal .control-label {
  text-align: left;
}
.registration .form-horizontal .control-label label {
  font-weight: bold;
}
div.contact h3.jicons-text {
  font-size: 120%;
}
div.contact ul.blank li,
div.contact .contact-misc,
div.contact form.box legend {
  color: #999;
}
div.contact .contact-image {
  width: 50%;
  float: right;
}
div.contact .contact-image img {
  padding: 5px;
  border: 1px solid #ccc;
  margin-top: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.contact textarea,
div.contact input {
  width: 300px;
}
div.contact textarea {
  height: 100px;
}
div.contact .contact-address,
div.contact .contact-contactinfo,
div.contact .contact-miscinfo {
  margin-bottom: 2em;
}
div.contact form.box fieldset {
  border: none;
  padding: 0;
}
div.contact form.box legend {
  padding: 0;
  font-size: 12px;
}
.contact-ajax .el-control {
  margin-bottom: 10px;
  margin-top: 10px;
}
.contact-ajax .el-control label {
  width: 100px;
}
.contact-ajax .el-control input {
  width: 200px;
}
.related-items li {
  margin-bottom: 10px;
  min-height: 150px !important;
}
.pagination&gt;.active&gt;a,
.pagination&gt;.active&gt;span,
.pagination&gt;.active&gt;a:hover,
.pagination&gt;.active&gt;span:hover,
.pagination&gt;.active&gt;a:focus,
.pagination&gt;.active&gt;span:focus {
  background: #4aa9f1;
  border-color: transparent;
}
.pagination&gt;.active&gt;a:hover,
.pagination&gt;.active&gt;span:hover,
.pagination&gt;.active&gt;a:hover:hover,
.pagination&gt;.active&gt;span:hover:hover,
.pagination&gt;.active&gt;a:focus:hover,
.pagination&gt;.active&gt;span:focus:hover {
  background: #c5e0f4;
}
.pagination ul li {
  margin-top: 5px;
  margin-bottom: 5px;
  float: left;
  overflow: visible;
}
.effect-images {
  content: "";
  background: #4aa9f1;
  height: 100%;
  width: 100%;
  left: 0;
  position: absolute;
  opacity: 0;
  top: 0;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}
.suffix strong {
  display: inline-block;
}
.time-ago {
  font-size: 11px;
  color: #bbb;
  font-style: italic;
}
.module_menu,
div.module {
  margin: 0 0 20px;
  /* height: 140px; */
}
.module h3.modtitle {
  padding: 9px 0px;
  font-size: 30px;
  color: #000;
  text-transform: uppercase;
  text-align: right;
  font-family: "Kufi-Arabic-Bold";
}

#content_right #right .module h3.modtitle {
 font-size: 21px;
}


#k2Container.itemView .itemBody {
    padding: 0;
    font-family: "nassim";
    font-size: 18pt;
    line-height: 34px;
    margin-top: 10px;
}

#k2Container.itemView .itemBody .itemFullText p{
	
	margin: 15px 4px;
}

#k2Container.itemView .itemBody .itemFullText ul{
	
	margin: 0px 14px;
}



.module.icon1 h3.modtitle {
  position: relative;
  padding: 8px 0 8px 35px;
  background: #4aa9f1;
  color: #fff;
}
.module.icon1 h3.modtitle:before {
  content: "\f02c";
  height: 100%;
  width: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 36px;
  font-family: fontawesome;
  color: #fff;
  font-size: 16px;
}
.module.icon2 h3.modtitle {
  position: relative;
  padding: 8px 0 8px 35px;
  background: #4aa9f1;
  color: #fff;
}
.module.icon2 h3.modtitle:before {
  content: "\f02d";
  height: 100%;
  width: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 36px;
  font-family: fontawesome;
  color: #fff;
  font-size: 16px;
}
.module.icon2 h3.modtitle:after {
  display: none;
}
.module.icon3 h3.modtitle {
  position: relative;
  padding: 8px 0 8px 35px;
  background: #4aa9f1;
  color: #fff;
}
.module.icon3 h3.modtitle:before {
  content: "\f073";
  height: 100%;
  width: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 36px;
  font-family: fontawesome;
  color: #fff;
  font-size: 16px;
}
.module.icon3 h3.modtitle:after {
  display: none;
}
.module.icon4 h3.modtitle {
  position: relative;
  padding: 8px 0 8px 35px;
  background: #4aa9f1;
  color: #fff;
}
.module.icon4 h3.modtitle:before {
  content: "\f108";
  height: 100%;
  width: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 36px;
  font-family: fontawesome;
  color: #fff;
  font-size: 16px;
}
.module.icon4 h3.modtitle:after {
  display: none;
}
.module.icon5 h3.modtitle {
  position: relative;
  padding: 8px 0 8px 35px;
  background: #4aa9f1;
  color: #fff;
}
.module.icon5 h3.modtitle:before {
  content: "\f03e";
  height: 100%;
  width: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 36px;
  font-family: fontawesome;
  color: #fff;
  font-size: 16px;
}
.module.icon5 h3.modtitle:after {
  display: none;
}
.module.icon6 h3.modtitle {
  position: relative;
  padding: 8px 0 8px 35px;
  background: #4aa9f1;
  color: #fff;
}
.module.icon6 h3.modtitle:before {
  content: "\f015";
  height: 100%;
  width: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 36px;
  font-family: fontawesome;
  color: #fff;
  font-size: 16px;
}
.module.icon6 h3.modtitle:after {
  display: none;
}
.module.icon7 h3.modtitle {
  position: relative;
  padding: 8px 0 8px 35px;
  background: #4aa9f1;
  color: #fff;
}
.module.icon7 h3.modtitle:before {
  content: "\f075";
  height: 100%;
  width: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 36px;
  font-family: fontawesome;
  color: #fff;
  font-size: 16px;
}
.module.icon7 h3.modtitle:after {
  display: none;
}
.module.icon8 h3.modtitle {
  position: relative;
  padding: 8px 0 8px 35px;
  background: #4aa9f1;
  color: #fff;
}
.module.icon8 h3.modtitle:before {
  content: "\f07c";
  height: 100%;
  width: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 36px;
  font-family: fontawesome;
  color: #fff;
  font-size: 16px;
}
.module.icon8 h3.modtitle:after {
  display: none;
}
.module .badge {
  height: 61px;
  width: 40px;
  border-radius: 0;
  padding: 15px 2px;
}
.module.badge_new {
  padding-left: 60px;
  position: relative;
}
.module.badge_new h3.modtitle {
  padding: 0;
  color: #444;
  border: none;
}
.module.badge_new h3.modtitle .badge {
  background: url("../images/icon/new.png") no-repeat;
  position: absolute;
  font-size: 12px;
  left: 0;
  top: 10px;
}
.module.badge_hot {
  padding-right: 60px;
  position: relative;
  font-family: Kufi-Arabic-Regular;
  font-size: 13px;
  height: 100px;
}
.module.badge_hot h3.modtitle {
  padding: 0;
  color: #444;
  border: none;
  height: inherit !important;
  font-family: Kufi-Arabic-Bold !important;
}
.module.badge_hot h3.modtitle .badge {
  background: url("../images/icon/hot.png") no-repeat;
  position: absolute;
  font-size: 12px;
  right: 0;
  top: 10px;
}
.module.badge_cool {
  padding-left: 60px;
  position: relative;
}
.module.badge_cool h3.modtitle {
  padding: 0;
  color: #444;
  border: none;
}
.module.badge_cool h3.modtitle .badge {
  background: url("../images/icon/cool.png") no-repeat;
  position: absolute;
  font-size: 12px;
  left: 0;
  top: 10px;
}
.module.badge_best {
  padding-left: 60px;
  position: relative;
}
.module.badge_best h3.modtitle {
  padding: 0;
  color: #444;
  border: none;
}
.module.badge_best h3.modtitle .badge {
  background: url("../images/icon/best.png") no-repeat;
  position: absolute;
  font-size: 12px;
  left: 0;
  top: 10px;
}
.module.box-1 h3.modtitle {
  background: #4aa9f1;
  padding: 8px 20px;
  color: #fff;
}
.module.box-2 h3.modtitle {
  margin: 0;
  padding: 8px 20px;
  background: #4aa9f1;
  color: #fff;
}
.module.box-2 .modcontent {
  padding: 0 20px 10px;
  background: #e5e5e5;
}
.module.box-3 h3.modtitle {
  padding: 8px 20px;
  border-top: 2px solid #4aa9f1;
  border-bottom: 2px solid #4aa9f1;
  color: #444;
}
.module.box-4 {
  border: 1px solid #ddd;
}
.module.box-4 h3.modtitle {
  padding: 8px 20px;
  border-bottom: 1px solid #ddd;
  color: #444;
}
.module.box-4 .modcontent {
  padding: 0 20px 10px;
}
.module._menu {
  background: #fff;
  border: 1px solid #ddd;
}
.module._menu h3.modtitle {
  margin: 0px;
  padding: 16px 20px;
}
.module._menu .modcontent {
  padding: 4px;
}
.module._menu .modcontent ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.module._menu .modcontent ul.menu &gt; li {
  display: -webkit-box;
  font-family: 'Kufi-Arabic-Bold';
  font-weight: 500;
  font-size: 11px;
  border-bottom: 1px solid #e5e5e5;
}
.module._menu .modcontent ul.menu &gt; li &gt; a,
.module._menu .modcontent ul.menu &gt; li &gt; span {
  color: #ff;
  /* display: block; */
  padding: 1px 0px;
  width: 100%;
}
.module._menu .modcontent ul.menu &gt; li &gt; a:hover,
.module._menu .modcontent ul.menu &gt; li &gt; span:hover {
  background: transparent;
}
.module._menu .modcontent ul.menu &gt; li:hover {
  background: #4aa9f1;
}
.module._menu .modcontent ul.menu &gt; li:hover,
.module._menu .modcontent ul.menu &gt; li.active {
  background: #ddd;
  color: #ccc;
}
.module._menu .modcontent ul.menu &gt; li:hover a,
.module._menu .modcontent ul.menu &gt; li.active a {
  color: #777;
}
.module._menu .modcontent ul.menu &gt; li:hover span,
.module._menu .modcontent ul.menu &gt; li.active span {
  color: #fff;
}
.module._menu .modcontent ul.menu &gt; li.parent {
  position: relative;
}
.module._menu .modcontent ul.menu &gt; li.parent &gt; a:after {
  font-family: FontAwesome;
  content: "\f0d7";
  margin: 0 10px;
}
.module._menu .modcontent ul.menu &gt; li.parent ul {
  list-style: none;
  display: none;
  background: #F7F7F7;
  position: absolute;
  z-index: 3;
  border: solid 1px #ccc;
  top: 130%;
  left: 0;
  width: 100%;
  padding: 5px 10px;
  font-size: 91%;
  margin: 0;
}
.module._menu .modcontent ul.menu &gt; li.parent ul li {
  padding: 4px 0;
}
.module._menu .modcontent ul.menu &gt; li.parent ul li ul {
  border: none;
}
.module._menu .modcontent ul.menu &gt; li.parent ul li:hover {
  color: #4aa9f1;
}
.module._menu .modcontent ul.menu &gt; li.parent ul li:hover li {
  color: #777;
}
.module._menu .modcontent ul.menu &gt; li.parent ul li:hover li:hover {
  color: #4aa9f1;
}
.module._menu .modcontent ul.menu &gt; li.parent ul li.active {
  color: #4aa9f1;
}
.module._menu .modcontent ul.menu &gt; li.parent ul li.active li {
  color: #777;
}
.module._menu .modcontent ul.menu &gt; li.parent ul li.active li:hover {
  color: #4aa9f1;
}
.module._menu .modcontent ul.menu &gt; li.parent ul li.active li.active {
  color: #4aa9f1;
}
.module._menu .modcontent ul.menu &gt; li.parent ul li.active li.active a {
  color: #4aa9f1;
}
.module._menu .modcontent ul.menu &gt; li.parent ul li.active li a {
  color: #777;
}
.module._menu .modcontent ul.menu &gt; li.parent ul li.active li a:hover {
  color: #4aa9f1;
}
.module._menu .modcontent ul.menu &gt; li.parent ul li.active a {
  color: #4aa9f1;
}
.module._menu .modcontent ul.menu &gt; li.parent ul li a {
  color: #777;
  display: block;
}
.module._menu .modcontent ul.menu &gt; li.parent ul li a:hover {
  color: #4aa9f1;
}
.module._menu .modcontent ul.menu &gt; li.parent:hover ul {
  display: block;
  top: 100%;
  border-top: 1px;
}
.module._menu .modcontent ul.menu &gt; li.parent:hover ul ul {
  position: static;
  box-shadow: none;
  font-size: 100%;
}
.module._menu .modcontent ul.menu &gt; li:last-child {
  border: none;
}
.module._menu .col2 li {
  margin: 5px;
  padding: 0 0px;
  display: inline-block;
  background: #777777;
  border: none !important;
  border-radius: 3px;
}

.module._menu .col2 li.info {
  background: #3498db;
}
.module._menu .col2 li.warning {
  background: #f0ad4e;
}
.module._menu .col2 li.primary {
  background: #428bca;
}
.module._menu .col2 li.danger {
  background: #d9534f;
}
.module._menu .col2 li.success {
  background: #5cb85c;
}

.module._menu .col2 li a {
  color: white;
}
table.variations {
  width: 100%;
  clear: both;
  margin: 1em 0 2em;
  font-size: 91%;
}
table.variations tr.odd {
  background: none;
  border: none;
}
table.variations tr.odd td {
  text-shadow: 0 1px 1px rgba(255,255,255,0.6);
}
table.variations tr td {
  border: 1px solid #ccc;
  padding: 5px 10px;
  color: #777;
}
table.variations tr td.bold {
  /* font-weight: bold; */
  background: #e5e5e5;
}
.module.me-language {
  display: inline-block;
  position: relative;
  float: right;
  margin: 0;
  font-family: "Kufi-Arabic-Regular";
}
.module.me-language .modcontent .mod-languages:hover a.dropdown-toggle {
  color: #fff;
}
.module.me-language .modcontent .mod-languages a.dropdown-toggle {
  display: block;
  color: #ccc;
  font-size: 13px;
  /* height: 47px; */
  line-height: 48px;
  padding: 0 7px;
  border-left: 1px solid #32363e;
  border-right: 1px solid #32363e;
}
.module.me-language .modcontent .mod-languages a.dropdown-toggle img {
  margin-right: 5px;
  width: 20%;
}
.module.me-language .modcontent .mod-languages a.dropdown-toggle i {
  margin: 0 0 0 5px;
}
.module.me-language .modcontent .mod-languages a.dropdown-toggle:hover {
  color: #fff;
}
.module.me-language .modcontent .mod-languages ul.dropdown-menu {
  background: #3f444e;
  border-radius: 0px;
  border: none;
  padding: 0 0 !important;
  box-shadow: none;
  min-width: 100%;
  max-height: 85px;
  text-align: right;
}
.module.me-language .modcontent .mod-languages ul.dropdown-menu li {
  margin: 0px;
  text-align: right;
}
.module.me-language .modcontent .mod-languages ul.dropdown-menu li a {
  padding: 7px 11px;
  background: transparent;
  font-size: 12px;
  color: #ccc;
}
.module.me-language .modcontent .mod-languages ul.dropdown-menu li a img {
  margin-right: 9px;
  float: left;
  margin-top: 4px;
  width: 20%;
}
.module.me-language .modcontent .mod-languages ul.dropdown-menu li a:hover {
  background: #666;
  color: #fff;
}
#logout-form.form-vertical {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  float: right;
  overflow: hidden;
  padding: 0;
  height: 50px;
  line-height: 50px;
  margin-left: 10px;
}
#logout-form.form-vertical .login-greeting {
  float: left;
  color: #fff;
  margin: 0 5px 0px 0px;
  font-size: 11px;
  line-height: 25px;
  color: #909090;
  line-height: 50px;
  height: 50px;
  white-space: nowrap;
}
#logout-form.form-vertical .logout-button {
  float: left;
}
#logout-form.form-vertical .logout-button .btn {
  padding: 7px 10px;
  border-radius: 0;
  background: #4aa9f1;
}
.module.me-login {
  display: inline-block;
  float: right;
  transition: height 0.3s ease-in-out;
  position: relative;
  margin: 0;
  z-index: 99999;
}
.module.me-login .login-switch {
  margin: 0;
  font-size: 13px;
  color: #ccc;
  font-weight: normal;
  /* height: 50px; */
  line-height: 48px;
  padding: 0 8px;
  display: block;
  font-family: "Kufi-Arabic-Regular";
}
.module.me-login .login-switch i {
  margin: 0 0 0 5px;
}
.module.me-login .login-switch:hover {
  background: none;
  color: #fff;
}
#mod-finder-searchform {
  margin: 3px 20px 0 0;
  position: relative;
}
#mod-finder-searchform input.inputbox {
  width: 200px;
  height: 34px;
  padding: 4px 30px 4px 10px;
  color: #999;
  background: #fff;
  float: right;
  font-size: 91%;
  border: 1px solid #e3e3e3;
}
#mod-finder-searchform input.inputbox:focus + .button i {
  color: #4aa9f1;
}
#mod-finder-searchform .button {
  color: #999;
  background: transparent;
  border: 1px solid #999;
  height: 35px;
  position: absolute;
  top: 0;
  right: 10px;
  line-height: 10px;
  z-index: 10;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#mod-finder-searchform .button:hover {
  border-color: #4aa9f1;
  color: #4aa9f1;
}
#mod-finder-searchform i {
  margin: 0;
  font-size: 14px;
}
.form-inline {
  margin: 0;
}
.form-inline [class^="icon-"],
.form-inline [class*=" icon-"] {
  margin: 0;
}
.form-inline .input-append .add-on,
.form-inline .input-prepend .add-on {
  padding: 4px 10px;
}
.form-inline .input-small {
  width: 120px;
}
.form-inline .icon-add {
  display: inline-block;
  color: #fff;
  line-height: 14px;
  width: 14px;
  height: 14px;
  background: #4aa9f1;
  text-align: center;
  margin-right: 6px;
}
.form-inline .icon-add:before {
  content: "+";
}
.form-inline ul.unstyled {
  margin: 0;
}
.form-inline .filters .button {
  padding: 4px 20px;
}
.banner-top {
  text-align: right;
}
.banner-top a {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.banner-top a img {
  transition: all 0.3s ease-in-out;
}
.banner-top a:hover img {
  -moz-animation: myeffect 0.8s ease-in-out;
  -webkit-animation: myeffect 0.8s ease-in-out;
  -o-animation: myeffect 0.8s ease-in-out;
  -ms-animation: myeffect 0.8s ease-in-out;
  animation: myeffect 0.8s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.module.banner-main {
  margin: 30px 0 25px 0;
}
.banner-right,
.banner-main {
  text-align: right;
}
.banner-right a,
.banner-main a {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.banner-right a img,
.banner-main a img {
  transition: all 0.3s ease-in-out;
}
.banner-right a:hover img,
.banner-main a:hover img {
  -moz-animation: myeffect 0.8s ease-in-out;
  -webkit-animation: myeffect 0.8s ease-in-out;
  -o-animation: myeffect 0.8s ease-in-out;
  -ms-animation: myeffect 0.8s ease-in-out;
  animation: myeffect 0.8s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.whoonline {
  padding: 15px 20px;
}
.whoonline h3.modtitle {
  margin-bottom: 20px;
}
.whoonline .modcontent {
  background: #4aa9f1;
  padding: 15px;
  color: #fff;
}
.whoonline .round-online {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: url("../images/styling/default/icon_user.html") no-repeat center center #fff;
  margin-right: 15px;
  float: left;
}
.whoonline .round-online i {
  font-size: 30px;
  color: #4aa9f1;
  display: table;
  margin: 14px auto;
  display: none;
}
ul.list-contact li {
  margin-bottom: 15px;
}
ul.list-contact .fa {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  background: #E0E0E0;
  margin: 0 15px 15px 0;
}
ul.list-contact &gt; div {
  overflow: hidden;
}
ul.list-contact h3 {
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #000;
}
ul.list-contact p {
  font-size: 12px;
  line-height: 18px;
}
ul.list-contact a {
  color: #666;
}
ul.list-contact a:hover {
  color: #4aa9f1;
}
#bd .pp_default .pp_content_container .pp_content .pp_details .pp_close {
  top: 10px;
}
.mega-module ul.menu li {
  position: relative;
  padding: 1px 0 1px 0;
}
.mega-module ul.menu li a {
  display: block;
  padding: 6px 10px;
  color: #fff;
  font-size: 100%;
  text-transform: none;
  line-height: 20px;
}
.mega-module ul.menu li:hover a,
.mega-module ul.menu li.active a {
  background-color: #6fb2e4;
}
.social-cus-mod .yt-socialbt {
  margin: 0;
  float: left;
  border-right: 1px solid #151515;
}
.social-cus-mod .yt-socialbt a {
  border-radius: 0;
  background: #000;
  color: #808080;
  box-shadow: none;
  border: none;
  width: 36px;
  height: 36px;
}
.social-cus-mod .yt-socialbt a i {
  font-size: 16px;
  line-height: 36px;
}
.social-cus-mod .yt-socialbt a:hover {
  background: #4aa9f1;
  color: #fff;
}
.social-cus-mod .yt-socialbt:last-child {
  border: none;
}
#contact ul li i {
  color: #999;
  margin-right: 9px;
}
#contact ul li a {
  color: #4aa9f1;
}
#contact ul li a:hover {
  color: #c5e0f4;
}
.yt-loginform {
  position: relative;
  border-right: 1px solid #34353a;
}
.yt-loginform:hover .dropdown-toggle {
  background: #4aa9f1;
}
.yt-loginform .dropdown-toggle {
  padding: 0px 16px;
  display: block;
  color: #fff;
  line-height: 54px;
  background: #1C1E24;
}
.yt-loginform .dropdown-toggle .fa {
  margin-left: 5px;
}
.yt-loginform .dropdown-menu {
  min-width: 250px;
  margin: 0;
  border: none;
  box-shadow: none;
  background-color: #4aa9f1;
  background-color: rgba(152,199,235,0.9);
  zoom: 1;
  background-color: transparent \9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e598c7eb, endColorstr=#e598c7eb)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e598c7eb, endColorstr=#e598c7eb);
  padding: 20px;
  border-radius: 0px;
}
.yt-loginform .dropdown-menu .input-small {
  border: none;
  width: 100%;
  height: 30px;
}
.yt-loginform .dropdown-menu .button {
  background: #3f444e;
  padding: 10px 35px;
  margin-bottom: 10px;
  transition: 0.3s all ease 0s;
  width: 100%;
}
.yt-loginform .dropdown-menu .button:hover {
  background: #000;
}
.yt-loginform .dropdown-menu ul.unstyled {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.yt-loginform .dropdown-menu ul.unstyled li a {
  color: #ddd;
  font-size: 12px;
  transition: 0.3s all ease 0s;
}
.yt-loginform .dropdown-menu ul.unstyled li a:hover {
  color: #fff;
}
.yt-loginform .login-switch {
  display: block;
  color: #fff;
}
.yt-loginform .login-switch:hover {
  background: #4aa9f1;
}

.myAnnonce .modal-dialog {
    
    margin: 100px auto;
    z-index: 9999;
    /* text-align: right; */
}

.myAnnonce h3.title {
    margin-top: 0px;
    font-size: 37px;
    color: #4aa9f1;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: right;
    direction: rtl;
}


#myLogin .modal-dialog, #myLogin_page .modal-dialog{
  width: 380px;
  margin: 100px auto;
  z-index: 9999;
  /* text-align: right; */
}
#myLogin .modal-content, #myLogin_page .modal-content,.myAnnonce .modal-content  {
  padding: 30px;
  border-radius: 0;
  text-align: left;
}
#myLogin h3.title ,#myLogin_page h3.title {
  font-size: 24px;
  color: #4aa9f1;
  margin-bottom: 20px;
  text-transform: uppercase;
  text-align: right;
  direction: rtl;
}
#myLogin .btReverse,#myLogin_page .btReverse,.myAnnonce .btReverse {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-family: "Kufi-Arabic-Bold";
}
#myLogin #login-form ,.myAnnonce #myLogin_page #login-form-page  .annonce-form-page{
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
} 
#myLogin #login-form .userdata, #myLogin_page #login-form-page .userdata, .myAnnonce .annonce-form-page .userdata  {
  margin: 0 0 20px;
  text-align: right;
  direction: rtl;
  font-family: "Kufi-Arabic-Regular";
}
#myLogin #login-form .userdata label ,#myLogin_page #login-form-page.userdata label ,.myAnnonce .annonce-form-page.userdata label {
  font-weight: 500;
}
#myLogin #login-form .userdata input[type="checkbox"], #myLogin_page #login-form-page .userdata input[type="checkbox"] {
  margin: 3px 5px 0px 0px;
}
#myLogin #login-form .userdata .button , #myLogin_page #login-form-page .userdata .button, .myAnnonce .annonce-form-page .userdata .button  {
  text-transform: uppercase;
  font-family: "Kufi-Arabic-Bold";
}
#myLogin #login-form ul.listlogin, #myLogin_page #login-form-page ul.listlogin , .myAnnonce .annonce-form-page ul.listlogin  {
  border-top: 1px solid #E7E7E7;
  margin: 0;
  padding: 15px 0px;
  font-size: 18px;
  text-align: right;
  font-family: "Kufi-Arabic-Regular";
}
#myLogin #login-form ul.listlogin li, #myLogin_page #login-form-page ul.listlogin li , .myAnnonce .annonce-form-page ul.listlogin li  {
  display: inline-block;
  margin-right: 10px;
}
#myLogin #login-form ul.listlogin li a , #myLogin_page #login-form-page ul.listlogin li a, .myAnnonce .annonce-form-page ul.listlogin li a {
  color: #4aa9f1;
}
#myLogin #login-form ul.listlogin li a:hover, #myLogin_page #login-form-page ul.listlogin li a:hover , .myAnnonce .annonce-form-page ul.listlogin li a:hover{
  color: #4aa9f1;
}
.k2LatestCommentsBlock.tab-comments .k2Avatar img {
  border: none;
  margin: 2px 9px 4px 0;
}
.k2LatestCommentsBlock.tab-comments .lcUsername {
  float: left;
  margin: 0 10px 0 0;
  width: 100%;
}
.k2LatestCommentsBlock.tab-comments .lcUsername a {
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  text-transform: capitalize;
}
.k2LatestCommentsBlock.tab-comments .lcUsername a:hover {
  color: #4aa9f1;
}
.k2LatestCommentsBlock.tab-comments .lcCommentDate {
  font-size: 11px;
  float: left;
}
.k2LatestCommentsBlock.tab-comments ul {
  margin-left: 0;
  padding: 0;
}
.k2LatestCommentsBlock.tab-comments ul li {
  list-style: none;
  background: #fff;
  display: block;
  padding: 0 0 10px;
  margin: 0 0 10px;
  border-bottom: 1px solid #3f444e;
}
.k2LatestCommentsBlock.tab-comments ul li.lastItem {
  border: none;
}
.k2LatestCommentsBlock.tab-comments ul li:empty {
  display: none;
}
.k2LatestCommentsBlock.tab-comments ul li a {
  color: #666;
}
.k2LatestCommentsBlock.tab-comments ul li a:hover {
  color: #4aa9f1;
}
.k2LatestCommentsBlock.tab-comments ul li .lcComment {
  display: inline-block;
  max-width: 78%;
  border: 1px solid #f2f2f2;
  padding: 5px 10px;
  margin-bottom: 8px;
  position: relative;
  float: left;
  border-radius: 8px;
  font-size: 12px;
  font-style: italic;
}
.k2LatestCommentsBlock.tab-comments ul .even {
  background: none repeat scroll 0 0 #fff;
  font-family: 'Kufi-Arabic-Regular';
  font-size: 14px;
  color: #ababab;
}
.k2LatestCommentsBlock.tab-comments h3.modtitle {
  background: #4aa9f1;
  color: #FFFFFF;
  font-size: 160%;
  font-weight: 400;
  margin: 0 0 20px;
  padding: 10px;
  text-transform: uppercase;
  width: 62%;
}
.k2ItemsBlock.k2-content-tags ul {
  padding: 0;
}
.k2ItemsBlock.k2-content-tags ul li {
  list-style: none;
}
.k2ItemsBlock.k2-content-tags ul li.even,
.k2ItemsBlock.k2-content-tags ul li.odd {
  background: none;
  border: none;
  margin: 0 0 15px;
  padding: 0;
  border-bottom: 1px solid #cfcfcf;
}
.k2ItemsBlock.k2-content-tags ul li.even.lastItem,
.k2ItemsBlock.k2-content-tags ul li.odd.lastItem {
  margin: 0;
  border-bottom: none;
}
.k2ItemsBlock.k2-content-tags ul li.even .moduleItemIntrotext,
.k2ItemsBlock.k2-content-tags ul li.odd .moduleItemIntrotext {
  color: #ccc;
  line-height: 24px;
}
.k2ItemsBlock.k2-content-tags ul li.even .moduleItemIntrotext .moduleItemImage,
.k2ItemsBlock.k2-content-tags ul li.odd .moduleItemIntrotext .moduleItemImage {
  display: inline-block;
  float: left;
  overflow: hidden;
  margin: 0 15px 0 0;
}
.k2ItemsBlock.k2-content-tags ul li.even .moduleItemIntrotext .moduleItemImage img,
.k2ItemsBlock.k2-content-tags ul li.odd .moduleItemIntrotext .moduleItemImage img {
  float: none;
  margin: 0;
  border: none;
  transition: all 0.3s ease-in-out;
}
.k2ItemsBlock.k2-content-tags ul li.even .moduleItemIntrotext .moduleItemImage:hover img,
.k2ItemsBlock.k2-content-tags ul li.odd .moduleItemIntrotext .moduleItemImage:hover img {
  transition: all 0.3s ease-in-out;
  transform: scale(1.2);
}
.k2ItemsBlock.k2-content-tags ul li.even .moduleItemTitle,
.k2ItemsBlock.k2-content-tags ul li.odd .moduleItemTitle {
  font-size: 14px;
  display: block;
  color: #000;
  font-weight: bold;
  line-height: 20px;
  margin-top: -5px;
}
.k2ItemsBlock.k2-content-tags ul li.even .moduleItemTitle:hover,
.k2ItemsBlock.k2-content-tags ul li.odd .moduleItemTitle:hover {
  color: #4aa9f1;
}
.k2ItemsBlock.k2-content-tags ul li.even .main,
.k2ItemsBlock.k2-content-tags ul li.odd .main {
  display: inline-block;
  width: 68%;
}
.k2ItemsBlock.k2-content-tags ul li.even .main .introtext,
.k2ItemsBlock.k2-content-tags ul li.odd .main .introtext {
  color: #444;
}
.k2ItemsBlock.k2-content-tags ul li.even .main p,
.k2ItemsBlock.k2-content-tags ul li.odd .main p {
  color: #444;
}
.k2ItemsBlock.k2-content-tags ul li.even .moduleItemDateCreated,
.k2ItemsBlock.k2-content-tags ul li.odd .moduleItemDateCreated {
  font-size: 11px;
  color: #999;
  margin-right: 20px;
}
.k2ItemsBlock.k2-content-tags ul li.even .moduleItemComments,
.k2ItemsBlock.k2-content-tags ul li.odd .moduleItemComments {
  font-size: 11px;
  border: none;
  color: #999;
}
.k2ItemsBlock.k2-content-tags ul li.even .moduleItemComments:hover,
.k2ItemsBlock.k2-content-tags ul li.odd .moduleItemComments:hover {
  color: #4aa9f1;
}
.k2-content-recent ul {
  padding: 0;
}
.k2-content-recent ul li {
  list-style: none;
}
.k2-content-recent ul li.even {
  border-bottom: 1px dotted #eee;
}
.k2-content-recent ul li.even,
.k2-content-recent ul li.odd {
  background: none;
  border-bottom: 1px dotted #ddd;
  margin: 0 0 5px;
  padding: 0 0 5px;
}
.k2-content-recent ul li.even.lastItem,
.k2-content-recent ul li.odd.lastItem {
  margin: 0;
}
.k2-content-recent ul li.even .k2Avatar,
.k2-content-recent ul li.odd .k2Avatar {
  display: block;
  overflow: hidden;
}
.k2-content-recent ul li.even .moduleItemIntrotext,
.k2-content-recent ul li.odd .moduleItemIntrotext {
  color: #ccc;
  line-height: 24px;
}
.k2-content-recent ul li.even .moduleItemIntrotext .moduleItemImage,
.k2-content-recent ul li.odd .moduleItemIntrotext .moduleItemImage {
  display: inline-block;
  float: right;
  overflow: hidden;
  margin: 0 0 0 15px;
}
.k2-content-recent ul li.even .moduleItemIntrotext .moduleItemImage img,
.k2-content-recent ul li.odd .moduleItemIntrotext .moduleItemImage img {
  float: none;
  margin: 0;
  border: none;
  transition: all 0.3s ease-in-out;
}
.k2-content-recent ul li.even .moduleItemIntrotext .moduleItemImage:hover img,
.k2-content-recent ul li.odd .moduleItemIntrotext .moduleItemImage:hover img {
  transition: all 0.3s ease-in-out;
  transform: scale(1.2);
}
.k2-content-recent ul li.even .moduleItemTitle,
.k2-content-recent ul li.odd .moduleItemTitle {
  font-size: 14px;
  display: block;
  color: #444;
  /* font-weight: bold; */
  font-family: 'Kufi-Arabic-Regular';
  line-height: 20px;
  margin-top: -5px;
}
.k2-content-recent ul li.even .moduleItemTitle:hover,
.k2-content-recent ul li.odd .moduleItemTitle:hover {
  color: #4aa9f1;
}
.k2-content-recent ul li.even .main,
.k2-content-recent ul li.odd .main {
  display: inline-block;
  width: 60%;
}
.k2-content-recent ul li.even .main .introtext,
.k2-content-recent ul li.odd .main .introtext {
  color: #444;
}
.k2-content-recent ul li.even .main p,
.k2-content-recent ul li.odd .main p {
  color: #444;
}
.k2-content-recent ul li.even .moduleItemDateCreated,
.k2-content-recent ul li.odd .moduleItemDateCreated {
  font-size: 12px;
  color: #999;
  margin-left: 20px;
  font-family: 'Kufi-Arabic-Regular';
}
.k2-content-recent ul li.even .moduleItemComments,
.k2-content-recent ul li.odd .moduleItemComments {
  font-size: 11px;
  border: none;
  color: #999;
}
.k2-content-recent ul li.even .moduleItemComments:hover,
.k2-content-recent ul li.odd .moduleItemComments:hover {
  color: #4aa9f1;
}
#right .module div.moduletabs.top-position {
  margin: 0;
}
.module.module_tabs .modcontent {
  padding-top: 0;
}
.module div.moduletabs.top-position {
  margin: 0 -15px 0 0;
}
.module div.moduletabs.top-position div.tabs-content div.tabs-content-inner div.tab-content {
  background: none;
}
.module div.moduletabs.top-position div.tabs-container {
  position: relative;
  width: 100%;
  height: auto;
  border-top: 2px solid #4aa9f1;
  overflow: visible;
  z-index: 1;
}
.module div.moduletabs.top-position div.tabs-container ul.tabs li {
  padding: 0;
  text-align: center;
  font-family: 'Kufi-Arabic-Bold';
  float: right !important;
  direction: rtl;
}
.module div.moduletabs.top-position div.tabs-container ul.tabs li .tab.selected {
  background: #4aa9f1;
  color: #fff;
  position: relative;
  border: none;
}
.module div.moduletabs.top-position div.tabs-container ul.tabs li .tab.selected:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-color: #4aa9f1 transparent transparent transparent;
  border-width: 9px 9px 0;
  bottom: -9px;
  left: 50%;
}
.module div.moduletabs.top-position div.tabs-container ul.tabs li .tab.selected:hover {
  color: #fff;
}
.module div.moduletabs.top-position div.tabs-container ul.tabs li .tab {
  font-size: 19px;
  font-weight: bold;
  padding: 8px 0;
  background: #EEEEEE;
  margin: 0 0 16px;
  color: #4aa9f1;
}
.module div.moduletabs.top-position div.tabs-container ul.tabs li .tab:hover {
  color: #4aa9f1;
}
.module div.moduletabs.top-position div.tabs-container ul.tabs li:last-child .tab {
  border: none;
}
.module div.moduletabs.top-position div.tabs-content-wrap div.tabs-content {
  border-top: none;
}
.module div.moduletabs.top-position div.tabs-content-wrap div.tabs-content div.k2ItemsBlock ul {
  margin: 0;
}
.module div.moduletabs.top-position .mod-k2-content ul li.even .moduleItemTitle,
.module div.moduletabs.top-position .mod-k2-content ul li.odd .moduleItemTitle {
  color: #444;
  line-height: 20px;
  font-weight: bold;
  font-size: 14px;
}
.module div.moduletabs.top-position .mod-k2-content ul li.even .moduleItemTitle:hover,
.module div.moduletabs.top-position .mod-k2-content ul li.odd .moduleItemTitle:hover {
  color: #4aa9f1;
}
.module.k2-slider-style-one h3.modtitle {
  color: #000;
  margin: 0 0 20px;
  text-align: right;
  font-family: "Kufi-Arabic-Bold";
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider {
  margin: 0;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button {
  margin: 0;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button {
  text-indent: 0;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button .preview {
  background: #ebebeb;
  color: #4aa9f1;
  padding: 4px 8px;
  font-size: 24px;
  opacity: 1;
  bottom: 31px;
  text-align: center;
  border: 1px solid #dedede;
  width: 85px;
  height: 31px;
  left: 106px;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button .preview i {
  margin: 0;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button .preview:hover {
  color: #4aa9f1;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button .next {
  background: #ebebeb;
  color: #4aa9f1;
  padding: 4px 8px;
  font-size: 24px;
  opacity: 1;
  bottom: 31px;
  text-align: center;
  border: 1px solid #dedede;
  width: 85px;
  left: 14px;
  height: 31px;
  margin-left: 0px;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button .next i {
  margin: 0;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button .next:hover {
  color: #4aa9f1;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider {
  margin: 0 -1%;
  text-align: right;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img {
  padding: 0;
  border: none;
  /* text-align: right; */
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img .item-img-info {
  overflow: hidden;
  position: relative;
  height: 182px;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img .item-img-info .over-image {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  opacity: 0.5;
  top: 0;
  left: 0;
  pointer-events: none;
  box-shadow: 0 0 0 0 #4aa9f1 inset;
  transition: all 0.2s ease-out;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img .item-img-info img {
  transition: all 0.2s ease-out;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img .item-img-info:hover img {
  -moz-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -webkit-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -o-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -ms-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transition: all 0.2s ease-out;
  transition-delay: 0.1s;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img .item-img-info:hover .over-image {
  opacity: 1;
  box-shadow: 0 0 0 8px #4aa9f1 inset;
  transition: all 0.2s ease-out;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img:hover {
  opacity: 1;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 15px;
  /* font-weight: bold; */
  height: 81px;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-title a {
  color: #4aa9f1;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-content .item-des {
  color: #666;
  line-height: 20px;
  font-weight: 300;
  font-size: 13px;
  margin: 0 0 15px;
  height: 34px;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-content .item-read {
  display: inline-block;
  border: 1px solid #4aa9f1;
  background: #4aa9f1;
  cursor: pointer;
  margin: 0px;
  border-radius: 5px;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 30px;
  font-family: "Kufi-Arabic-Regular";
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-content .item-read a {
  color: #000;
  font-weight: 500;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-content .item-read a i {
  /* height: 25px; */
  margin: 0px;
  padding: 1px 2px;
  color: #fff;
  /* background: #ccc; */
  line-height: 28px;
  /* border-right: 1px solid #4aa9f1; */
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-content .item-read a span {
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-content .item-read:hover {
  border-color: #4aa9f1;
  /* background: #ccc; */
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-content .item-read:hover a {
  color: #4aa9f1;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-content .item-read:hover i {
  border-color: #4aa9f1;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item:hover .item-wrap .item-info .item-title a {
  color: #4aa9f1;
}
.k2TagCloudBlock.tags-k2 {
  padding: 0;
  display: inline-block;
  width: 100%;
}
.k2TagCloudBlock.tags-k2 a {
  display: block;
  /* position: relative;*/
  margin: 0 5px 5px 5px;
  padding: 9px 10px 9px 15px;
  float: right;
  color: #FF;
  text-transform: capitalize;
  border: 1px solid #ddd;
  font-family: 'Kufi-Arabic-Bold';
}
.k2TagCloudBlock.tags-k2 a:hover {
  /* padding: 5px 10px 5px 15px; */
  padding: 9px 10px 9px 15px;
  background: #4aa9f1;
  color: #fff;
  float: right;
  border-color: #4aa9f1;
}
.module.content-accordion h3.modtitle {
  display: inline-block;
  font-weight: bold;
  font-size: 24px;
  color: #4aa9f1;
  border-color: #4aa9f1;
  margin-bottom: 30px;
}
div.sj-accordion {
  border: none;
}
div.sj-accordion .acd-items {
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
}
div.sj-accordion .acd-items .acd-item:nth-child(1) .acd-header {
  border-top: 1px solid #ebebeb;
}
div.sj-accordion .acd-items .acd-item .acd-header {
  margin: 0;
  font-family: "Kufi-Arabic-bold";
  font-size: 14px;
  padding: 10px 15px;
  position: relative;
  color: #666;
   background:#fff;
  border-bottom: 1px solid #ddd;
  border-right: none;
  border-left: none;
  border-top: none;
  transition: all 0.2s ease-in-out;
}
div.sj-accordion .acd-items .acd-item .acd-header &gt;span {
  color: #4aa9f1;
  font-weight: bold;
}
div.sj-accordion .acd-items .acd-item .acd-header:hover {
  background: #f4f4f4;
  color: #4aa9f1;
  transition: all 0.3s ease-in-out;
}
div.sj-accordion .acd-items .acd-item .acd-header:hover:before {
  background-color: #4aa9f1;
}
div.sj-accordion .acd-items .acd-item .acd-content-wrap .acd-content-wrap-inner {
  padding: 0 10px;
  font-weight: 300;
  font-size: 12pt;
  overflow: auto;
  max-height: 192px;
}
div.sj-accordion .acd-items .acd-item.selected {
  border-bottom: 1px solid #ebebeb;
  margin: 0;
}
div.sj-accordion .acd-items .acd-item.selected .acd-header {
  background: #4aa9f1;
  color: #fff;
  font-weight: normal;
  border: none;
}
div.sj-accordion .acd-items .acd-item.selected .acd-header &gt;span {
  color: #fff;
  font-weight: bold;
}
div.sj-accordion .acd-items .acd-item.selected .acd-content-wrap {
  margin: 10px 0;
}
div.sj-accordion .acd-items .acd-item.selected .acd-content-wrap .acd-content-wrap-inner {
  padding: 0 10px;
}
.extra-upcoming-slider h3.modtitle {
  color: #fff;
  margin: 0 0 20px;
  text-align: right;
  font-family: "Kufi-Arabic-Bold";
}
.extra-upcoming-slider .sj-extraslider {
  margin: 0 -15px;
}
.extra-upcoming-slider .sj-extraslider .extraslider-control {
  float: none;
  text-align: center;
  padding-top: 25px;
}
.extra-upcoming-slider .sj-extraslider .extraslider-control .nav-page {
  float: none;
}
.extra-upcoming-slider .sj-extraslider .extraslider-control .nav-page .page {
  display: inline-block;
  float: none;
}
.extra-upcoming-slider .sj-extraslider .extraslider-control .nav-page .page .button-page {
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background: none;
  border: 2px solid #fff;
  margin: 0 3px;
  /* float: right; */
}
.extra-upcoming-slider .sj-extraslider .extraslider-control .nav-page .page .button-page.sel,
.extra-upcoming-slider .sj-extraslider .extraslider-control .nav-page .page .button-page:hover {
  background: #fff;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner {
  border: none;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item-wrap-inner {
  margin: 0 15px;
  overflow: visible;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line {
  border: none;
  margin: 0;
  padding: 0 0 20px;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image {
  position: relative;
  overflow: hidden;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .over-image {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  opacity: 0.5;
  top: 0;
  left: 0;
  pointer-events: none;
  box-shadow: 0 0 0 0 #4aa9f1 inset;
  transition: all 0.2s ease-out;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image img {
  transition: all 0.2s ease-out;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image:hover img {
  -moz-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -webkit-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -o-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -ms-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transition: all 0.2s ease-out;
  transition-delay: 0.1s;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image:hover .over-image {
  opacity: 1;
  box-shadow: 0 0 0 8px #4aa9f1 inset;
  transition: all 0.2s ease-out;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .time-image {
  display: inline-block;
  padding: 6px 13px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  height: 100%;
  color: #fff;
  background-size: 100% 100%;
  transition: all 0.5s ease-in-out;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .time-image:before {
  content: "";
  height: 100%;
  width: 100%;
  background: #4aa9f1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.8;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .time-image .item-created {
  display: block;
  clear: both;
  margin: 0 0 20px;
  position: relative;
  z-index: 2;
  font-size: 10pt;
  font-family: "Kufi-Arabic-Regular";
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .time-image .item-created span {
  display: block;
  font-weight: bold;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .time-image .item-created span:nth-child(1) {
  font-size: 30px;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .time-image .event-time {
  display: inline-block;
  position: relative;
  z-index: 2;
  font-weight: 500;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .time-image .event-time .start-time:after {
  content: "\f068";
  font-family: fontawesome;
  display: block;
  font-size: 7px;
  line-height: 7px;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image:hover .time-image {
  left: -100%;
  transition: all 0.5s ease-in-out;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info {
  background: none;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-title {
  background: #fff;
  font-weight: 500;
  font-size: 13px;
  height: 129px;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-title a {
  color: #4aa9f1;
  text-transform: uppercase;
  padding: 0;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-title a:hover {
  color: #4aa9f1;
  text-decoration: none;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .school {
  padding: 10px;
  color: #666;
  background: #fff;
  font-weight: 300;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .school p {
  margin: 0;
  font-weight: 300;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .school a {
  color: #4aa9f1;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .school a:hover {
  color: #4a505c;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-content {
  position: relative;
  background: #fff;
  margin: 0;
  padding: 0 10px 10px;
  font-weight: 300;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-content .item-description {
  color: #000;
  height: 16px;
  margin-bottom: 30px;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-content .item-readmore {
  text-align: right;
  position: absolute;
  right: 20px;
  bottom: -10px;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-content .item-readmore a {
  display: inline-block;
  font-size: 18px;
  padding: 8px 16px;
  background: #3f444e;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-content .item-readmore a i {
  margin: 0;
  color: #fff;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-content .item-readmore a:hover {
  background: #4aa9f1;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap:hover .item-info .item-title a {
  color: #4aa9f1;
}
.style-me-scattered .sj-sg-gallery {
  direction: ltr;
  font-family: "Kufi-Arabic-Regular" !important;
  /* font-size: 12pt; */
}
.style-me-scattered .sj-sg-gallery nav span:after {
  content: "\f0e2";
  font-family: "fontawesome";
  font-size: 14px;
}
.style-me-scattered .sj-sg-gallery .sg-photostack {
  background: url(../images/bg/bg-3.jpg) no-repeat 0 0 fixed;
  background-size: 100% 100%;
}
.style-me-scattered .sj-sg-gallery .sg-photostack .sg-container figure {
  padding: 25px;
}
.style-me-scattered .sj-sg-gallery .sg-photostack .sg-container figure figcaption .sg-title a:hover {
  color: #4aa9f1;
  text-decoration: none;
}
.style-me-scattered .sj-sg-gallery .sg-photostack .sg-container figure img {
  box-shadow: 0 0 0 0 #4aa9f1;
  transition: all 0.3s ease-in-out;
}
.style-me-scattered .sj-sg-gallery .sg-photostack .sg-container figure img:hover {
  opacity: 1;
  box-shadow: 0 0 1px 8px #4aa9f1;
  transition: all 0.3s ease-in-out;
}
.style-me-scattered .sj-sg-gallery .sg-photostack .buttom-click {
  transition: all 0.5s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 999;
  font-family: "Kufi-Arabic-Bold";
}
.style-me-scattered .sj-sg-gallery .sg-photostack .buttom-click span {
  padding: 20px 30px;
  text-transform: uppercase;
  border: 3px solid #fff;
  opacity: 1;
  box-shadow: 0 0 0 0 #fff;
}
.style-me-scattered .sj-sg-gallery .sg-photostack.photostack-perspective {
  transition: all 0.5s ease-in-out;
}
.style-me-scattered .sj-sg-gallery .sg-photostack.photostack-perspective .buttom-click span {
  transition: all 0.5s ease-in-out;
  opacity: 0;
  box-shadow: 0 0 10px 30px #fff;
}
.trending-posts {
  position: relative;
}
.trending-posts h3.modtitle {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px dashed #ccc;
}
.trending-posts .sj-extraslider {
  margin: 0;
}
.trending-posts .sj-extraslider .extraslider-control {
  position: absolute;
  top: 0;
  right: 0;
}
.trending-posts .sj-extraslider .extraslider-control i {
  margin: 0;
  font-size: 11px;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 18px;
  top: 0;
  left: 0;
}
.trending-posts .sj-extraslider .extraslider-control .button-prev {
  height: 18px;
  width: 18px;
  border-radius: 99px;
  margin: 0 3px;
  line-height: 18px;
  text-align: center;
  background: #c4cace;
  color: #fff;
  position: relative;
}
.trending-posts .sj-extraslider .extraslider-control .button-prev:hover {
  background: #3f444e;
}
.trending-posts .sj-extraslider .extraslider-control .button-next {
  height: 18px;
  width: 18px;
  border-radius: 99px;
  line-height: 16px;
  text-align: center;
  background: #c4cace;
  color: #fff;
  position: relative;
}
.trending-posts .sj-extraslider .extraslider-control .button-next:hover {
  background: #3f444e;
}
.trending-posts .sj-extraslider .extraslider-inner {
  border: none;
}
.trending-posts .sj-extraslider .extraslider-inner .item-wrap.style1 .item-info {
  position: static;
  background: none;
}
.trending-posts .sj-extraslider .extraslider-inner .item-wrap.style1 .item-info .item-title {
  padding: 0;
}
.trending-posts .sj-extraslider .extraslider-inner .item-wrap.style1 .item-info .item-title a {
  color: #000;
  font-size: 14px;
  font-weight: bold;
}
.trending-posts .sj-extraslider .extraslider-inner .item-wrap.style1 .item-info .item-title a:hover {
  color: #4aa9f1;
}
.trending-posts .sj-extraslider .extraslider-inner .item-wrap.style1 .item-info .item-content {
  margin: 0 0 10px;
}
.trending-posts .sj-extraslider .extraslider-inner .item-wrap.style1 .item-info .item-content .item-description {
  color: #000;
  font-size: 12px;
}
.trending-posts .sj-extraslider .item .line {
  border-top: none;
  border-bottom: 1px solid #ccc;
}
.trending-posts .sj-extraslider .item .line:last-child {
  border: none;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first {
  margin-bottom: 30px;
  display: block;
  overflow: hidden;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-image {
  display: inline-block;
  float: right;
  margin-left: 30px;
  overflow: hidden;
  position: relative;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-image .over-image {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  opacity: 0.5;
  top: 0;
  left: 0;
  pointer-events: none;
  box-shadow: 0 0 0 0 #4aa9f1 inset;
  transition: all 0.2s ease-out;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-image img {
  transition: all 0.2s ease-out;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-image:hover img {
  -moz-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -webkit-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -o-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -ms-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transition: all 0.2s ease-out;
  transition-delay: 0.1s;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-image:hover .over-image {
  opacity: 1;
  box-shadow: 0 0 0 8px #4aa9f1 inset;
  transition: all 0.2s ease-out;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .content-main .item-title a {
  color: #4aa9f1;
  font-weight: 500;
  text-transform: uppercase;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .content-main .item-title a:hover {
  color: #4aa9f1;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .content-main .item-description {
  color: #666;
  margin: 0 0 20px;
  font-weight: 300;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .by-date {
  padding: 0;
  display: inline-block;
  margin: 0 -3px 5px;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .by-date li {
  list-style: none;
  display: inline-block;
  margin: 0 3px;
  font-size: 11px;
  color: #999;
  font-style: italic;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .by-date li:nth-child(1) {
  color: #4aa9f1;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .by-date li:nth-child(1) span {
  color: #999;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-readmore {
  display: inline-block;
  border: 1px solid #4aa9f1;
  background: #4aa9f1;
  font-weight: 400;
  margin: 0px;
  border-radius: 5px;
  text-transform: uppercase;
  font-family: "Kufi-Arabic-Regular";
  font-size: 30px;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-readmore a {
  color: #fff;
  font-weight: 500;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-readmore a i {
  /* height: 27px; */
  margin: 0px;
  padding: 1px 2px;
  /* padding: 0 7px; */
  line-height: 28px;
  border-right: 1px solid #4aa9f1;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-readmore a span {
  padding: 0 7px;
  height: 24px;
  line-height: 20px;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-readmore:hover {
  border-color: #4aa9f1;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-readmore:hover a {
  color: #4aa9f1;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-readmore:hover i {
  border-color: #4aa9f1;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-other {
  float: left;
  width: 100%;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link {
  padding: 0;
  overflow: hidden;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link li.row {
  list-style: none;
  padding: 6px 0;
  font-weight: 300;
  border-bottom: 1px solid #ebebeb;
  direction: rtl;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link li.row:nth-child(1) {
  border-top: 1px solid #ebebeb;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link li.row:last-child {
  border-bottom: none;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link li.row a {
  color: #000;
  float: right;
  font-size: 14px !important;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link li.row a:hover {
  color: #4aa9f1;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link .by-date {
  display: inline-block;
  margin: 0 -3px 5px;
  text-align: right;
  font-weight: 300;
  /* font-size: 26pt; */
  font-family: "Kufi-Arabic-Regular";
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link .by-date li {
  list-style: none;
  display: inline-block;
  margin: 0 3px;
  font-size: 12px;
  color: #999;
  font-style: italic;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link .by-date li:nth-child(1) {
  color: #4aa9f1;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link .by-date li:nth-child(1) span {
  color: #999;
}
.module.k2-mega-new-main .modcontent .sj-meganew .meganew-viewall {
  display: inline-block;
  border: 1px solid #ddd;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 11px;
  float: left;
}
.module.k2-mega-new-main .modcontent .sj-meganew .meganew-viewall a {
  color: #000;
  font-weight: 500;
}
.module.k2-mega-new-main .modcontent .sj-meganew .meganew-viewall a i {
  height: 35px;
  padding: 0 10px;
  line-height: 35px;
  border-right: 1px solid #ddd;
}
.module.k2-mega-new-main .modcontent .sj-meganew .meganew-viewall a span {
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
}
.module.k2-mega-new-main .modcontent .sj-meganew .meganew-viewall:hover {
  border-color: #4aa9f1;
}
.module.k2-mega-new-main .modcontent .sj-meganew .meganew-viewall:hover a {
  color: #4aa9f1;
}
.module.k2-mega-new-main .modcontent .sj-meganew .meganew-viewall:hover i {
  border-color: #4aa9f1;
}
div.contact-ajax .ctajax-wrap.bigmap .col-md-12 {
  margin-bottom: 20px;
}
div.contact-ajax .ctajax-wrap .el-control {
  position: relative;
}
div.contact-ajax .ctajax-wrap .el-control .ca-tooltip {
  position: absolute;
  right: 10px;
  top: 0;
}
div.contact-ajax .ctajax-wrap .ctajax-element .el-ctajax-form input[type="submit"] {
  padding: 8px 35px;
  border-radius: 0;
  background: #4aa9f1;
  border: none;
  color: #fff;
}
div.contact-ajax .ctajax-wrap .ctajax-element .el-ctajax-form input[type="submit"]:hover {
  background: #23262D;
}
div.contact-ajax .ctajax-wrap .ctajax-element .el-inner .el-heading {
  font-size: 18px;
}
div.contact-ajax .ctajax-wrap .ctajax-element .el-inner .el-ctajax-form input.el-input {
  width: 85%;
}
.stats-module dt {
  width: 50%;
  display: inline-block;
  font-weight: 100;
  vertical-align: top;
  font-size: 12px;
  font-family: 'Kufi-Arabic-Regular';
}
.stats-module dd {
  width: 50%;
  display: inline-block;
  font-size: 12px;
  margin: 0px;
  margin-bottom: 2px;
  font-family: 'Kufi-Arabic-Bold';
}
.module._menu.side-menu .modcontent ul.menu &gt; li.parent &gt;a:after,
.module._menu.side-menu .modcontent ul.menu &gt; li.parent span:after {
  content: "\f0da";
  font-family: FontAwesome;
  margin: 0 10px;
  float: right;
}
.module._menu.side-menu .modcontent ul.menu &gt; li.parent ul {
  left: -100%;
  -webkit-transition: transform 0.2s ease-in-out 0s;
  -moz-transition: transform 0.2s ease-in-out 0s;
  -o-transition: transform 0.2s ease-in-out 0s;
  transition: transform 0.2s ease-in-out 0s;
}
.module._menu.side-menu .modcontent ul.menu &gt; li.parent ul li.parent &gt; span {
  color: #777;
  cursor: pointer;
}
.module._menu.side-menu .modcontent ul.menu &gt; li.parent ul li.parent &gt; span:after {
  content: "\f0da";
  font-family: FontAwesome;
  position: relative;
  float: right;
}
.module._menu.side-menu .modcontent ul.menu &gt; li.parent ul li.parent &gt; span:hover {
  color: #4aa9f1;
}
.module._menu.side-menu .modcontent ul.menu &gt; li.parent ul li ul {
  display: none;
  width: 220px;
}
.module._menu.side-menu .modcontent ul.menu &gt; li.parent:hover ul {
  top: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 15px;
}
.module._menu.side-menu .modcontent ul.menu &gt; li.parent:hover ul li {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding: 4px 10px;
}
.module._menu.side-menu .modcontent ul.menu &gt; li.parent:hover ul li:last-child {
  border: none;
}
.module._menu.side-menu .modcontent ul.menu &gt; li.parent:hover ul li.parent &gt; a:after {
  content: "\f0da";
  font-family: FontAwesome;
  position: relative;
  float: right;
}
.module._menu.side-menu .modcontent ul.menu &gt; li.parent:hover ul li:hover ul {
  display: block;
  left: -220px;
  position: absolute;
  top: 0;
  z-index: 10;
  background: #fff;
}
.module._menu.side-menu .modcontent ul.menu &gt; li.parent:hover ul li:hover ul li {
  padding: 4px 5px;
}
.module._menu.side-menu .modcontent ul.menu li a.fa-home:before {
  margin-right: 10px;
}
.module._menu.tree-menu .modcontent ul.menu li ul {
  display: none;
}
.module._menu.tree-menu .modcontent ul.menu li a:after {
  display: none;
}
.module._menu.tree-menu .modcontent ul.menu li:hover ul {
  display: none;
}
.module._menu.tree-menu .modcontent ul.menu &gt; li.parent.active &gt; a:after {
  display: inline-block;
}
.module._menu.tree-menu .modcontent ul.menu &gt; li.parent.active ul {
  background: #fff;
  display: block;
  position: static;
  border: 0;
  padding-left: 20px;
  list-style-type: circle;
}
.module._menu.tree-menu .modcontent ul.menu &gt; li.parent.active ul li.parent &gt; span {
  color: #777;
  cursor: pointer;
}
.module._menu.tree-menu .modcontent ul.menu &gt; li.parent.active ul li.parent &gt; span:hover {
  color: #4aa9f1;
}
.module._menu.tree-menu .modcontent ul.menu &gt; li.parent.active:hover ul ul {
  font-size: 91%;
}
.module._menu.tree-menu .modcontent ul.menu li a.fa-home:before {
  margin-right: 10px;
}
.module.sjflatmenu {
  border: 1px solid #ddd;
  background: #fff;
  position: relative;
  z-index: 0;
}
.module.sjflatmenu h3.modtitle {
  padding: 16px 20px;
}
.module.sjflatmenu .modcontent {
  padding: 10px;
  font-size: 14px;
  font-family: 'Kufi-Arabic-Regular';
}
.module.sjflatmenu .modcontent .pretext,
.module.sjflatmenu .modcontent .posttext {
  display: none;
}
.module.sjflatmenu .modcontent .flyout-menu {
  border: none;
  background: #fff;
}
.module.sjflatmenu .modcontent .flyout-menu li {
  background: #fff;
  border-bottom: #ddd 1px solid;
}
.module.sjflatmenu .modcontent .flyout-menu li .fm-item .fm-link a {
  color: #4a505c;
  font-weight: normal;
}
.module.sjflatmenu .modcontent .flyout-menu li .fm-item .fm-link a img {
  display: none;
}
.module.sjflatmenu .modcontent .flyout-menu li .fm-container ul {
  border: #ddd 1px solid;
  list-style: none;
}
.module.sjflatmenu .modcontent .flyout-menu li .fm-container ul li .fm-item .fm-link a {
  color: #4a505c;
  font-weight: normal;
  padding-left: 0;
  background: none;
}
.module.sjflatmenu .modcontent .flyout-menu li .fm-container ul li .fm-item .fm-link a img {
  display: none;
}
.module.sjflatmenu .modcontent .flyout-menu li .fm-container ul li:hover .fm-item .fm-link a {
  color: #fff;
}
.module.sjflatmenu .modcontent .flyout-menu li .fm-container ul li:hover .fm-container .fm-item .fm-link a {
  color: #4a505c;
}
.module.sjflatmenu .modcontent .flyout-menu li .fm-container ul li:hover .fm-container li:hover .fm-item .fm-link a {
  color: #fff;
}
.module.sjflatmenu .modcontent .flyout-menu li .fm-container ul li:hover .fm-container li:hover .fm-container .fm-item .fm-link a {
  color: #4a505c;
}
.module.sjflatmenu .modcontent .flyout-menu li .fm-container ul li:hover .fm-container li:hover .fm-container li:hover .fm-item .fm-link a {
  color: #fff;
}
.module.sjflatmenu .modcontent .flyout-menu li.fm-last {
  border: none;
}
.module.sjflatmenu .modcontent .flyout-menu li:hover {
  background: #4aa9f1;
}
.module.sjflatmenu .modcontent .flyout-menu li:hover .fm-item .fm-link a {
  color: #fff;
}
.module.sjflatmenu .modcontent .accordion-menu {
  border: none;
  margin-top: -16px;
  background: #fff;
}
.module.sjflatmenu .modcontent .accordion-menu li {
  background: #fff;
  border-bottom: #ddd 1px solid;
}
.module.sjflatmenu .modcontent .accordion-menu li a {
  color: #4a505c;
}
.module.sjflatmenu .modcontent .accordion-menu li a img {
  display: none;
}
.module.sjflatmenu .modcontent .accordion-menu li.fm-last {
  border-bottom: none;
}
.module.sjflatmenu .modcontent .accordion-menu li.fm-opened &gt; .fm-item {
  border-bottom: none;
}
.module.sjflatmenu .modcontent .accordion-menu li.fm-opened .fm-container ul {
  list-style-type: circle;
  margin-left: 20px;
}
.module.sjflatmenu .modcontent .accordion-menu li.fm-opened .fm-container ul li {
  border: none;
  padding: 2px 0;
}
.module.sjflatmenu .modcontent .accordion-menu li.fm-opened .fm-container ul li a {
  padding-left: 0;
  line-height: normal;
}
.module.sjflatmenu .modcontent .accordion-menu li .fm-item a {
  background: none;
  padding-left: none;
  font-weight: normal;
}
.module.sjflatmenu .modcontent .accordion-menu li:hover {
  background: #4aa9f1;
}
.module.sjflatmenu .modcontent .accordion-menu li:hover a {
  color: #fff;
}
.module.sjflatmenu .modcontent .accordion-menu li.fm-opened:hover {
  background: #fff;
}
.module.sjflatmenu .modcontent .accordion-menu li.fm-opened:hover li:hover {
  background: #fff;
}
.module.sjflatmenu .modcontent .accordion-menu li.fm-opened:hover a {
  color: #4a505c;
}
.module.sjflatmenu .modcontent .accordion-menu li.fm-opened:hover a:hover {
  color: #4aa9f1;
}
.module.sjflatmenu .modcontent .accordion-menu li.fm-opened .fm-item a {
  color: #4a505c;
}
.module.sjflatmenu .modcontent .accordion-menu li.fm-opened .fm-item:hover a {
  color: #4aa9f1;
}
.social-counter .sj-social-media-counts .sc-wrap {
  margin: 0 -5px;
}
.social-counter .sj-social-media-counts .sc-wrap .sc-item {
  margin-bottom: 20px;
}
.social-counter .sj-social-media-counts .sc-wrap .sc-item .sc-icon {
  height: 60px;
  line-height: 60px;
  width: 40px;
  border-color: rgba(255,255,255,0.2);
}
.social-counter .sj-social-media-counts .sc-wrap .like-count {
  font-size: 14px;
  line-height: 22px;
  padding: 0 12px;
}
.social-counter .sj-social-media-counts .sc-wrap .like-text {
  font-size: 12px;
  padding: 0 12px;
  text-transform: uppercase;
}
.module.slick-slider-hexagon {
  margin: 0;
}
div.sj-k2slickslider img {
  width: auto;
}
div.sj-k2slickslider .slickslider-items {
  margin: auto;
}
div.sj-k2slickslider .slickslider-items .item-content {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
div.sj-k2slickslider .slickslider-items .item-content .item-content-inner {
  padding-top: 200px;
}
div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-title {
  margin: 0 0 1px;
  text-align: center;
  animation: mymove2 1.2s ease-in infinite;
  -webkit-animation: mymove2 1.2s ease-in-out;
  -moz-animation: mymove2 1.2s ease-in-out infinite;
  -o-animation: mymove2 1.2s ease-in-out;
  -ms-animation: mymove2 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
}
div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-title a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 20px;
  margin: 0 0 20px;
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
  position: relative;
  display: inline-block;
}
div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-title a:hover {
  color: #c5e0f4;
  transition: all 0.1s ease-in;
}
div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-title .line {
  display: block;
  overflow: hidden;
  height: 4px;
  width: 80px;
  margin: 0 auto 20px;
  background: #4aa9f1;
  transition: all 1s ease-in;
}
div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-description {
  white-space: normal;
  color: #fff;
  margin: 0 auto 30px;
  width: 70%;
  text-align: center;
  position: relative;
  animation: mymove6 0.8s ease-in infinite;
  -webkit-animation: mymove6 0.8s ease-in;
  -moz-animation: mymove6 0.8s ease-in infinite;
  -o-animation: mymove6 0.8s ease-in;
  -ms-animation: mymove6 0.8s ease-in;
  transition: all 0.8s ease-in;
}
div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-readmore {
  float: none;
  margin: auto;
  display: block;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  width: 160px;
  border-radius: 2px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  background: #4aa9f1;
  padding: 0;
  position: relative;
  transition: all 1.5s ease;
  animation: mymove3 1.2s ease-in infinite;
  -webkit-animation: mymove3 1.2s ease-in;
  -moz-animation: mymove3 1.2s ease-in infinite;
  -ms-animation: mymove3 1.2s ease-in 1;
  -o-animation: mymove3 1.2s ease-in 1;
  transition: all 1.2s ease-in;
}
div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-readmore:before {
  content: "";
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.2;
}
div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-readmore a {
  color: #fff;
  position: absolute;
  text-decoration: none;
  float: none;
  background: none;
  padding: 0;
  height: auto;
  line-height: 50px;
  width: 100%;
  top: 0;
  left: 0;
}
div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-readmore:hover {
  background: #3f444e;
}
div.sj-k2slickslider .slickslider-items.bg-style1,
div.sj-k2slickslider .slickslider-items.bg-style1 {
  background: none;
}
div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item .images-slideshow,
div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item .images-slideshow {
  position: relative;
}
div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item .images-slideshow img,
div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item .images-slideshow img {
  max-width: none;
}
div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item.active .item-content .item-title,
div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item.active .item-content .item-title {
  animation: mymove2 1.2s ease-in-out infinite;
  -webkit-animation: mymove2 1.2s ease-in-out;
  -moz-animation: mymove2 1.2s ease-in-out;
  -o-animation: mymove2 1.2s ease-in-out;
  -ms-animation: mymove2 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
}
div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item.active .item-content .item-description,
div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item.active .item-content .item-description {
  -webkit-animation: mymove6 0.8s ease-in;
  -moz-animation: mymove6 0.8s ease-in;
  animation: mymove6 0.8s ease-in;
}
div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item.active .item-content .item-readmore,
div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item.active .item-content .item-readmore {
  -webkit-animation: mymove3 1.2s ease-in;
  -moz-animation: mymove3 1.2s ease-in;
  animation: mymove3 1.2s ease-in;
}
div.sj-k2slickslider .nav-pagination.conner-tl {
  left: 0;
  right: 0;
  top: 42%;
  max-width: 100%;
  background: none;
  box-shadow: none;
  pointer-events: none;
  z-index: 2;
}
div.sj-k2slickslider .nav-pagination.conner-tl a.left {
  position: absolute;
  left: -100px;
  height: 60px;
  width: 60px;
  border-radius: 60px;
  line-height: 60px;
  text-align: center;
  overflow: hidden;
  text-indent: 99px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #999;
  text-transform: uppercase;
  pointer-events: auto;
  transition: all 0.3s ease-in-out;
  background: url(../images/icon/row-left.png) no-repeat center center rgba(255,255,255,0.7);
}
div.sj-k2slickslider .nav-pagination.conner-tl a.left:hover {
  width: 120px;
  transition: all 0.3s ease-in-out;
  background-position: 15px center;
  text-indent: 0;
  padding-left: 10px;
  background-color: #fff;
}
div.sj-k2slickslider .nav-pagination.conner-tl a.right {
  position: absolute;
  right: -100px;
  height: 60px;
  width: 60px;
  border-radius: 60px;
  line-height: 60px;
  text-align: center;
  overflow: hidden;
  text-indent: -99px;
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #999;
  text-transform: uppercase;
  pointer-events: auto;
  transition: all 0.3s ease-in-out;
  background: url(../images/icon/row-right.png) no-repeat center center rgba(255,255,255,0.7);
}
div.sj-k2slickslider .nav-pagination.conner-tl a.right:hover {
  width: 120px;
  transition: all 0.3s ease-in-out;
  background-position: 85px center;
  background-color: #fff;
  text-indent: 0;
  padding-right: 10px;
}
div.sj-k2slickslider div.pag-item {
  position: absolute;
  bottom: 50px;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 2;
}
div.sj-k2slickslider div.pag-item a {
  list-style: none;
  display: inline-block;
  margin: 0 5px;
  height: 10px;
  width: 10px;
  border: 2px solid #fff;
  border-radius: 13px;
  overflow: hidden;
  text-indent: -999px;
  cursor: pointer;
}
div.sj-k2slickslider div.pag-item a.sel {
  background: #fff;
}
div.sj-k2slickslider:hover .nav-pagination.conner-tl a.left {
  left: 30px;
  -moz-transform: rotateZ(360deg);
  -webkit-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
  transition: all 0.3s ease-in-out;
}
div.sj-k2slickslider:hover .nav-pagination.conner-tl a.right {
  right: 30px;
  -moz-transform: rotateZ(-360deg);
  -webkit-transform: rotateZ(-360deg);
  transform: rotateZ(-360deg);
  transition: all 0.3s ease-in-out;
}
#bd .pp_default .pp_content_container .pp_content .pp_details {
  margin: -4px 0 0;
}
.module.featured-videos {
  background: #eee;
}
.module.featured-videos h3.modtitle {
  background: #3f444e;
  margin: 0 0 20px;
}
.module.featured-videos .modcontent {
  padding: 0 15px 30px;
}
.module.featured-videos .sj-k2-container-slider {
  margin: 0;
}
.module.featured-videos .sj-k2-container-slider .page-button .control-button .preview {
  background: #404a4f;
  border-radius: 99px;
  color: #fff;
  height: 16px;
  line-height: 16px;
  margin: 0 3px;
  text-align: center;
  width: 16px;
  top: -45px;
  right: 10px;
  z-index: 1;
  bottom: auto;
  text-indent: 0;
}
.module.featured-videos .sj-k2-container-slider .page-button .control-button .preview i {
  margin: 0;
}
.module.featured-videos .sj-k2-container-slider .page-button .control-button .preview:hover {
  background: #a6b0b5;
}
.module.featured-videos .sj-k2-container-slider .page-button .control-button .next {
  background: #404a4f;
  border-radius: 99px;
  color: #fff;
  height: 16px;
  line-height: 16px;
  margin: 0 3px;
  text-align: center;
  width: 16px;
  top: -45px;
  z-index: 1;
  right: -10px;
  bottom: auto;
  text-indent: 0;
}
.module.featured-videos .sj-k2-container-slider .page-button .control-button .next i {
  margin: 0;
}
.module.featured-videos .sj-k2-container-slider .page-button .control-button .next:hover {
  background: #a6b0b5;
}
.module.featured-videos .sj-k2-container-slider .slider {
  z-index: 9;
}
.module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img {
  padding: 0;
  border: none;
}
.module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img .item-img-info {
  position: relative;
  overflow: hidden;
}
.module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img .item-img-info:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/icon/youtube.png") no-repeat center;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}
.module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img .item-img-info:hover:after {
  animation: myeffect 1s ease-in-out;
  -webkit-animation: myeffect 1s ease-in-out;
  -moz-animation: myeffect 1s ease-in-out;
  -ms-animation: myeffect 1s ease-in-out;
  -o-animation: myeffect 1s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img:hover {
  opacity: 1;
}
.module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img .item-info .item-title {
  font-size: 14px;
}
.module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img .item-info .item-title a {
  color: #000;
  font-weight: bold;
}
.module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img .item-info .item-title a:hover {
  color: #4aa9f1;
}
.module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img .item-content .item-des {
  font-size: 12px;
  color: #444;
}
.module.me_search {
  margin: 0;
  padding: 0;
  display: inline-block;
  float: right;
}
.module.me_search .modcontent .dropdown {
  transition: all 0.5s ease-in;
}
.module.me_search .modcontent .dropdown.open {
  transition: all 0.5s ease-in;
}
.module.me_search .modcontent .dropdown.open .dropdown-menu {
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transition: all 0.5s ease-in;
}
.module.me_search .modcontent .dropdown.open button.dropdown-toggle:before {
  content: "\f00d";
}
.module.me_search .modcontent .dropdown button.dropdown-toggle {
  height: 50px;
  width: 50px;
  display: block;
  border-right: 1px solid #32363e;
  padding: 0;
  background: none;
  position: relative;
  color: #ccc;
}
.module.me_search .modcontent .dropdown button.dropdown-toggle:before {
  content: "\f002";
  display: block;
  position: absolute;
  top: 0;
  left: 1px;
  height: 100%;
  width: 100%;
  font-family: fontawesome;
  font-size: 13px;
  line-height: 50px;
}
.module.me_search .modcontent .dropdown .dropdown-menu {
  left: auto;
  right: -2px;
  min-width: 636px;
  top: 58px;
  display: block;
  border-radius: 0;
  border-top: 3px solid #4aa9f1;
  padding: 10px 0;
  box-shadow: 1px 5px 6px 0 #333;
  border-bottom: 1px solid #4aa9f1;
  transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transition: all 0.5s ease-in;
}
.module.me_search .modcontent .dropdown .dropdown-menu #mod-finder-searchform input.inputbox {
  border: none;
  width: 85%;
  float: none;
  padding: 4px 30px;
}
.module.me_search .modcontent .dropdown .dropdown-menu .form-inline {
  margin: 0;
}
.module.me_search .modcontent .dropdown .dropdown-menu .form-inline textarea,
.module.me_search .modcontent .dropdown .dropdown-menu .form-inline input[type="text"] {
  width: 84.5%;
  border: none;
  font-family: Dosis;
  font-size: 18px;
  font-weight: 400;
  padding: 4px 6px 4px 50px;
  background: url("../images/icon/icon_search.html") no-repeat 12px center;
  color: #999;
}
.module.me_search .modcontent .dropdown .dropdown-menu .form-inline button.button {
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
}
.module.me_search .modcontent .dropdown .dropdown-menu:before {
  border-style: solid;
  border-width: 0 8px 8px;
  top: -11px;
  content: "";
  height: 0;
  left: 96%;
  position: absolute;
  width: 0;
  opacity: 1;
  background: none;
  border-color: transparent transparent #4aa9f1;
  transition: all 0.3s ease-in;
}
.module.me_search:hover .modcontent .dropdown button.dropdown-toggle {
  color: #fff;
}
.module.k2-categories h3.modtitle {
  padding: 10px;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  background: #e6e6e8;
}
.module.k2-categories .k2CategoriesListBlock {
  padding: 0;
  direction: rtl;
  text-align: right;
  background: #e0e0e0;
}
.module.k2-categories .k2CategoriesListBlock &gt;ul {
  padding: 0;
  /* background: #ccc; */
}
.module.k2-categories .k2CategoriesListBlock &gt;ul li {
  list-style: none;
  padding: 4px 0;
  overflow: hidden;
  position: relative;
  /* background: #cacaca; */
  border-bottom: 1px dotted #7f7f7f;
  transition: all 0.2s ease-in;
}
.module.k2-categories .k2CategoriesListBlock &gt;ul li a {
  color: #666;
  display: inline-block;
  line-height: 30px;
  font-family: 'Kufi-Arabic-Bold';
  font-weight: 500;
  font-size: 12px;
}
.module.k2-categories .k2CategoriesListBlock &gt;ul li .puce {
    color: #666;
    height: 0px;
    width: 0px;

    border-radius: 99px;
    display: inline-block;
    margin: 0 10px 0 18px;
    padding-left: 5px;
	    font-size: 13px;
}


.module.k2-categories:hover .k2CategoriesListBlock &gt;ul li .puce{
	 color: #fff;
	  transition: all 0.2s ease-in;
}

.module.k2-categories:hover .k2CategoriesListBlock &gt;ul li:hover .puce {
  color: #fff;
       font-size: 15px;
  transition: all 0.2s ease-in;
}

.module.k2-categories:hover .k2CategoriesListBlock &gt;ul li:hover:before .puce {
  color: #fff;
       font-size: 15px;
  transition: all 0.2s ease-in;
}


.module.k2-categories:hover h3.modtitle {
  color: #fff;
  background: #4aa9f1;
}
.module.k2-categories:hover .k2CategoriesListBlock {
  background: #6fb2e4;
  border-top: 1px solid #fff;
  transition: background 0.2s ease-in;
}
.module.k2-categories:hover .k2CategoriesListBlock &gt;ul {
  padding: 0;
}
.module.k2-categories:hover .k2CategoriesListBlock &gt;ul li {
  border-color: #fff;
  transition: all 0.2s ease-in;
}
.module.k2-categories:hover .k2CategoriesListBlock &gt;ul li a {
  color: #fff;
  display: inline-block;
  transition: transform 0.2s ease-in-out;
}
.module.k2-categories:hover .k2CategoriesListBlock &gt;ul li:before {
  background: #fff;
  margin: 0 10px;
  transition: all 0.2s ease-in;
}
.module.k2-categories:hover .k2CategoriesListBlock &gt;ul li:hover {
  background: #2682c7;
  transition: all 0.2s ease-in;
}
.module.k2-categories:hover .k2CategoriesListBlock &gt;ul li:hover:before {
  background: #fff;
  height: 8px;
  width: 8px;
  transition: all 0.2s ease-in;
}
.module.k2-categories:hover .k2CategoriesListBlock &gt;ul li:hover a {
  color: #afd4f0;
  -moz-transform: translateX(-10px);
  transform: translateX(-10px);
  -webkit-transform: translateX(-10px);
  font-style: italic;
  transition: transform 0.2s ease-in-out;
}
.list_mega {
  margin: 15px 0;
  padding: 0;
  font-size: 12pt;
}
.list_mega li {
  list-style: none;
  border-bottom: 1px solid #ddd;
  font-family: "Kufi-Arabic-Regular";
}
.list_mega li:nth-child(1) {
  border-top: 1px solid #ddd;
}
.list_mega li a {
  color: #444;
  padding: 6px 0;
  display: block;
}
.list_mega li:hover {
  background: #6fb2e4;
  padding: 0 10px;
  transition: padding 0.3s ease-in-out;
}
.list_mega li:hover a {
  color: #fff;
}
.list_mega li:hover:before {
  background: #fff;
}
.module.get-in-touch .modcontent {
  color: #999;
  text-align: right;
  font-size: 11pt;
  font-family: "Kufi-Arabic-Regular";
}
.module.get-in-touch .modcontent ul {
  padding: 0;
}
.module.get-in-touch .modcontent ul li {
  list-style: none;
}
.module.get-in-touch .modcontent ul li span.lea {
  font-weight: 400;
  color: #fff;
}
.module.useful-link ul.menu {
  padding: 0;
  text-align: right;
  font-size: 11pt;
  font-family: "Kufi-Arabic-Regular";
}
.module.useful-link ul.menu li {
  list-style: none;
  color: #999;
}
.module.useful-link ul.menu li a {
  display: inline-block;
  color: #999;
}
.module.useful-link ul.menu li:hover a {
  color: #4aa9f1;
}
.module.clients-say .modcontent div.yt-extra-carousel .carousel-inner {
  margin: 5px 0 2em;
  text-align: right;
  font-family: "Kufi-Arabic-Regular";
  font-size: 11pt;
}
.module.clients-say .modcontent div.yt-extra-carousel .carousel-inner .item {
  color: #999;
}
.module.clients-say .modcontent div.yt-extra-carousel .carousel-inner .item .item-image {
  display: inline-block;
  height: 70px;
  width: 70px;
  border-radius: 70px;
  text-align: center;
  line-height: 70px;
  overflow: hidden;
  margin: 0 30px 30px 0;
  float: left;
  position: relative;
}
.module.clients-say .modcontent div.yt-extra-carousel .carousel-inner .item .item-image img {
  float: left;
}
.module.clients-say .modcontent div.yt-extra-carousel .carousel-inner .item h3.title {
  font-size: 13px;
  color: #999;
  font-weight: 400;
}
.module.clients-say .modcontent div.yt-extra-carousel .carousel-inner .item h3.title span {
  color: #4aa9f1;
}
.module.clients-say .modcontent div.yt-extra-carousel .carousel-indicators {
  bottom: 0;
  margin: 0 38px;
}
.module.clients-say .modcontent div.yt-extra-carousel .carousel-indicators li {
  border-radius: 100px;
  background: none;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
}
.module.clients-say .modcontent div.yt-extra-carousel .carousel-indicators li.active,
.module.clients-say .modcontent div.yt-extra-carousel .carousel-indicators li:hover {
  background: #fff;
}
.module.clients-say .modcontent div.yt-extra-carousel .carousel-control {
  display: none;
}
.module.feature-teachers {
  padding: 45px 0 30px;
  background: #4aa9f1;
  height: 570px;
}
.module.feature-teachers h3.modtitle {
  text-align: center;
  color: #fff;
}
.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-inner {
  margin: 5px 0 2em;
}
.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-inner .item {
  color: #999;
  text-align: center;
}
.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-inner .item .item-image {
  display: inline-block;
  height: 100px;
  width: 100px;
  border-radius: 100px;
  text-align: center;
  line-height: 100px;
  overflow: hidden;
  margin: 0 auto 15px;
}
.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-inner .item .item-image img {
  float: left;
}
.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-inner .item .content-main {
  color: #fff;
  text-align: center;
  min-height: 152px;
}
.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-inner .item .content-main h3.title {
  font-size: 30pt;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 5px;
}
.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-inner .item .content-main .adred {
  display: block;
  margin: 0 0 10px;
  position: relative;
  font-family: "Kufi-Arabic-Bold";
}
.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-inner .item .content-main .adred:after {
  content: "";
  display: block;
  height: 2px;
  width: 30px;
  margin: 10px auto;
  text-align: center;
  background: #fff;
}
.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-inner .item .content-main .post-commnets {
  padding: 0 20px;
}
.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-indicators {
  bottom: 0;
  position: relative;
  margin: 30px 0 0;
}
.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-indicators li {
  border-radius: 100px;
  background: none;
  border: 2px solid #fff;
  height: 10px;
  width: 10px;
}
.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-indicators li.active,
.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-indicators li:hover {
  background: #fff;
}
.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-control {
  display: none;
}
.module.feature-teachers .modcontent div.yt-extra-carousel .carousel-indicators {
  left: 14px;
  width: 100%;
  margin: 0;
  direction: rtl;
}
.module.newsletter {
  position: relative;
  padding-right: 180px;
}
.module.newsletter h3.modtitle {
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  text-transform: capitalize;
}
.module.newsletter h3.modtitle:before {
  content: "\f003";
  display: inline-block;
  margin-left: 15px;
  font-size: 24px;
  color: #fff;
  font-family: fontawesome;
}
.module.newsletter td {
  padding-bottom: 0;
}
.module.newsletter .modcontent .acymailing_form td.acyfield_email {
  width: 368px;
  direction: rtl;
}
.module.newsletter .modcontent .acymailing_form td.acyfield_email input.inputbox {
  height: 40px;
  background: #393d46;
  border: 1px solid #535760;
  color: #fff;
  padding: 0 20px;
  font-family: "Kufi-Arabic-Regular";
}
.module.newsletter .modcontent .acymailing_form td.acyfield_email input.inputbox:focus {
  border: 2px solid #fff;
}
.module.newsletter .modcontent .acymailing_form td.acysubbuttons input.button {
  padding: 0 40px;
  height: 40px;
  margin-left: 20px;
  border-radius: 2px;
  font-size: 12pt;
  background: #4aa9f1;
  text-transform: uppercase;
@font-face {
  font-family: "Kufi-Arabic-Bold";
  src: url("Kufi-Arabic-Bold.ttf");          }              @font-face {
  font-family: "Kufi-Arabic-Regular";
  src: url("Kufi-Arabic-Regular.ttf");          }                        .clearfix {    *
  zoom: 1;  }  .clearfix:before,  .clearfix:after {
  display: table;
  content: "";
  line-height: 0;  }  .clearfix:after {
  clear: both;  }  .hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;  }  .input-block-level {
  display: block;
  width: 100%;
  min-height:;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  }  @-webkit-keyframes comeDown {    100% {
  -webkit-transform: translateY(0px);    }  }  @keyframes comeDown {    100% {
  transform: translateY(0px);    }  }  @-webkit-keyframes mainmenu {    0% {
  -webkit-transform: translateY(-95px);    }    100% {
  -webkit-transform: translateY(0px);    }  }  @keyframes mainmenu {    0% {
  transform: translateY(-95px);    }    100% {
  transform: translateY(0px);    }  }  @keyframes myeffect {    0% {
  transform: scale(2);
  -webkit-transform: scale(1);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);    }    50% {
  transform: scale(2);
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);    }    100% {
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);    }  }  @-webkit-keyframes myeffect {    0% {
  transform: scale(1);
  -webkit-transform: scale(1);    }    50% {
  transform: scale(2);
  -webkit-transform: scale(2);    }    100% {
  transform: scale(1);
  -webkit-transform: scale(1);    }  }  @-moz-keyframes myeffect {    0% {
  transform: scale(2);
  -moz-transform: scale(2);    }    50% {
  transform: scale(2);
  -moz-transform: scale(2);    }    100% {
  transform: scale(1);
  -moz-transform: scale(1);    }  }  @keyframes mymove {    0% {
  right: -80%;    }    100% {
  right: 0px;    }  }  @-webkit-keyframes mymove {    0% {
  right: -80%;    }    100% {
  right: 0px;    }  }  @-moz-keyframes mymove {    0% {
  right: -80%;    }    100% {
  right: 0px;    }  }  @keyframes mymove2 {    0% {
  opacity: 0;
  transform: translateY(-500px);
  -webkit-transform: translateY(-500px);
  -moz-transform: translateY(-500px);
  -ms-transform: translateY(-500px);
  -o-transform: translateY(-500px);    }    100% {
  opacity: 1;
  transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);    }  }  @-webkit-keyframes mymove2 {    0% {
  opacity: 0;
  transform: translateY(-500px);
  -webkit-transform: translateY(-500px);
  -moz-transform: translateY(-500px);
  -ms-transform: translateY(-500px);
  -o-transform: translateY(-500px);    }    100% {
  opacity: 1;
  transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);    }  }  @-moz-keyframes mymove2 {    0% {
  opacity: 0;
  transform: translateY(-500px);
  -webkit-transform: translateY(-500px);
  -moz-transform: translateY(-500px);
  -ms-transform: translateY(-500px);
  -o-transform: translateY(-500px);    }    100% {
  opacity: 1;
  transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);    }  }  @keyframes mymove3 {    0% {
  opacity: 0;
  transform: translateY(500px);
  -webkit-transform: translateY(500px);
  -moz-transform: translateY(500px);
  -ms-transform: translateY(500px);
  -o-transform: translateY(500px);    }    100% {
  opacity: 1;
  transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);    }  }  @-webkit-keyframes mymove3 {    0% {
  opacity: 0;
  transform: translateY(500px);
  -webkit-transform: translateY(500px);
  -moz-transform: translateY(500px);
  -ms-transform: translateY(500px);
  -o-transform: translateY(500px);    }    100% {
  opacity: 1;
  transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);    }  }  @-moz-keyframes mymove3 {    0% {
  opacity: 0;
  transform: translateY(500px);
  -webkit-transform: translateY(500px);
  -moz-transform: translateY(500px);
  -ms-transform: translateY(500px);
  -o-transform: translateY(500px);    }    100% {
  opacity: 1;
  transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);    }  }  @keyframes mymove4 {    0% {
  opacity: 0;
  transform: scaleX(0) rotateZ(360deg);
  -webkit-transform: scaleX(0) rotateZ(360deg);
  -moz-transform: scaleX(0) rotateZ(360deg);
  -ms-transform: scaleX(0) rotateZ(360deg);
  -o-transform: scaleX(0) rotateZ(360deg);    }    100% {
  opacity: 1;
  transform: scaleX(1) rotateZ(0deg);
  -moz-transform: scaleX(1) rotateZ(0deg);
  -webkit-transform: scaleX(1) rotateZ(0deg);
  -ms-transform: scaleX(1) rotateZ(0deg);
  -o-transform: scaleX(1) rotateZ(0deg);    }  }  @-webkit-keyframes mymove4 {    0% {
  opacity: 0;
  transform: scaleX(0) rotateZ(360deg);
  -webkit-transform: scaleX(0) rotateZ(360deg);
  -moz-transform: scaleX(0) rotateZ(360deg);
  -ms-transform: scaleX(0) rotateZ(360deg);
  -o-transform: scaleX(0) rotateZ(360deg);    }    100% {
  opacity: 1;
  transform: scaleX(1) rotateZ(0deg);
  -moz-transform: scaleX(1) rotateZ(0deg);
  -webkit-transform: scaleX(1) rotateZ(0deg);
  -ms-transform: scaleX(1) rotateZ(0deg);
  -o-transform: scaleX(1) rotateZ(0deg);    }  }  @-moz-keyframes mymove4 {    0% {
  opacity: 0;
  transform: scaleX(0) rotateZ(360deg);
  -webkit-transform: scaleX(0) rotateZ(360deg);
  -moz-transform: scaleX(0) rotateZ(360deg);
  -ms-transform: scaleX(0) rotateZ(360deg);
  -o-transform: scaleX(0) rotateZ(360deg);    }    100% {
  opacity: 1;
  transform: scaleX(1) rotateZ(0deg);
  -moz-transform: scaleX(1) rotateZ(0deg);
  -webkit-transform: scaleX(1) rotateZ(0deg);
  -ms-transform: scaleX(1) rotateZ(0deg);
  -o-transform: scaleX(1) rotateZ(0deg);    }  }  @keyframes mymove5 {    0% {
  transform: rotate(180deg) translateY(-500px);
  -webkit-transform: rotate(180deg) translateY(-500px);
  -moz-transform: rotate(180deg) translateY(-500px);
  -ms-transform: rotate(180deg) translateY(-500px);
  -o-transform: rotate(180deg) translateY(-500px);    }    100% {
  transform: rotate(0deg) translateY(0);
  -moz-transform: rotate(0deg) translateY(0);
  -webkit-transform: rotate(0deg) translateY(0);
  -ms-transform: rotate(0deg) translateY(0);
  -o-transform: rotate(0deg) translateY(0);    }  }  @-webkit-keyframes mymove5 {    0% {
  transform: rotate(180deg) translateY(-500px);
  -webkit-transform: rotate(180deg) translateY(-500px);
  -moz-transform: rotate(180deg) translateY(-500px);
  -ms-transform: rotate(180deg) translateY(-500px);
  -o-transform: rotate(180deg) translateY(-500px);    }    100% {
  transform: rotate(0deg) translateY(0);
  -moz-transform: rotate(0deg) translateY(0);
  -webkit-transform: rotate(0deg) translateY(0);
  -ms-transform: rotate(0deg) translateY(0);
  -o-transform: rotate(0deg) translateY(0);    }  }  @keyframes mymove6 {    0% {
  opacity: 0;
  transform: translateX(-1000px);
  -webkit-transform: translateX(-1000px);
  -moz-transform: translateX(-1000px);
  -ms-transform: translateX(-1000px);
  -o-transform: translateX(-1000px);    }    100% {
  opacity: 1;
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);    }  }  @-webkit-keyframes mymove6 {    0% {
  opacity: 0;
  transform: translateX(-1000px);
  -webkit-transform: translateX(-1000px);
  -moz-transform: translateX(-1000px);
  -ms-transform: translateX(-1000px);
  -o-transform: translateX(-1000px);    }    100% {
  opacity: 1;
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);    }  }  @-moz-keyframes mymove6 {    0% {
  opacity: 0;
  transform: translateX(-1000px);
  -webkit-transform: translateX(-1000px);
  -moz-transform: translateX(-1000px);
  -ms-transform: translateX(-1000px);
  -o-transform: translateX(-1000px);    }    100% {
  opacity: 1;
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);    }  }  .backtotop {
  background-color: #666;
  width: 45px;
  bottom: 0;
  left: 0px;
  padding: 5px 0;
  overflow: hidden;
  z-index: 99999;
  position: fixed;
  display: block;
  text-align: center;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  color: #fff;  }  .backtotop:hover,  .backtotop:focus {
  color: white;
  text-shadow: 0 0 7px rgba(255,255,255,0.7);  }  .backtotop
  i {    font-size: 24px;
  margin: 0;
  display: block;  }  .bs-docs-example
  ul.the-icons li:hover {    background: #4aa9f1;  }  #outer #cookieMessageContainer {
  top: auto;
  bottom: 0;
  text-align: center;
  color: #ccc;
  background-color: #111;
  background-color: rgba(18,18,18,0.8);
  zoom: 1;
  background-color: transparent \9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc111111, endColorstr=#cc111111)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc111111, endColorstr=#cc111111);  }  #outer #cookieMessageContainer .fa {
  margin: 0 15px;
  padding: 3px 5px;
  background: #333;
  border-radius: 2px;  }  #outer #cookieMessageContainer
  a:hover {    color: white;  }  .link {
  color: #4aa9f1;
  text-decoration: none;  }  .link:hover {
  color: #4a505c;  }  .linkReverse {
  color: #4a505c;  }  .linkReverse:hover {
  color: #4aa9f1;  }  .linkGray {
  color: #666;  }  .linkGray:hover {
  color: #4aa9f1;  }  .linkGraylighter {
  color: #999;  }  .linkGraylighter:hover {
  color: #4aa9f1;  }  .align-left {
  text-align: left !important;  }  .align-right {
  text-align: right !important;  }  .align-center {
  text-align: center !important;  }  .noitalic {
  font-style: normal !important;  }  .nobold {
  font-weight: normal !important;  }  .nomarginall {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;  }  .nopaddingall {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;  }  .nomargintop {
  margin-top: 0 !important;  }  .poscenter {
  display: table;
  margin: 0 auto;  }  .nomargin {
  margin: 0 !important;  }  .nomarginbottom {
  margin-bottom: 0 !important;  }  .nomarginleft {
  margin-left: 0 !important;  }  .nomarginright {
  margin-right: 0 !important;  }  .nopaddingtop {
  padding-top: 0 !important;  }  .nopaddingbottom {
  padding-bottom: 0 !important;  }  .nopaddingleft {
  padding-left: 0 !important;  }  .nopaddingright {
  padding-right: 0 !important;  }
  i.fa-times:before {    content: "\f00d";  }  .thumbnail.pull-left {
  margin: 0 10px 10px 0;  }  .thumbnail.pull-right {
  margin: 0 0 10px 10px;  }  .ico-hits,  .ico-user,  .ico-clock {
  width: 20px;
  height: 12px;
  background: url("../less/images/icon/icon_hits2.html") no-repeat;
  margin: -3px 5px 0 0;
  vertical-align: middle;
  display: inline-block;  }  .ico-user {
  width: 18px;
  height: 18px;
  background: url("../less/images/icon/icon_author.html") no-repeat;  }  .ico-clock {
  width: 16px;
  height: 16px;
  background: url("../less/images/icon/icon_date2.html") no-repeat;  }  .grayshadow {
  text-shadow: 1px 1px #575757, 2px 2px #575757, 3px 3px #575757, 4px 4px #575757, 5px 5px #575757, 6px 6px #575757, 7px 7px #575757, 8px 8px #575757, 9px 9px #575757, 10px 10px #575757, 11px 11px #5a5a5a, 12px 12px #5d5d5d, 13px 13px #606060, 14px 14px #636363, 15px 15px #666666;  }
  h1,  h2,  h3,  h4,  h5,  h6 {    margin: 0 0 12px;  }
  h1 {    font-size: 200%;
  line-height: 115%;  }
  h2 {    font-size: 160%;
  line-height: 110%;  }
  h3 {    font-size: 130%;
  line-height: 110%;
  font-family: 'header-font';  }
  h4 {    font-size: 110%;  }
  h5 {    font-size: 91%;  }
  h6 {    font-size: 84%;  }  .com {
  color: #93a1a1;  }  .lit {
  color: #195f91;  }  .pun,  .opn,  .clo {
  color: #93a1a1;  }  .fun {
  color: #dc322f;  }  .str,  .atv {
  color: #D14;  }  .kwd,  .prettyprint .tag {
  color: #1e347b;  }  .typ,  .atn,  .dec,  .var {
  color: teal;  }  .pln {
  color: #48484c;  }  .clear {
  clear: both;  }  .prettyprint {
  padding: 8px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;  }  .prettyprint.linenums {
  box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;  }
  div.yt-typography div.page-header &gt; h1 {    color: #666;
  font-weight: bold;
  margin: 0 0 15px;
  line-height: 30px;
  font-size: 240%;
  text-transform: none;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;  }
  ol.linenums {    margin: 0 0 0 33px;  }
  ol.linenums li {    padding-left: 12px;
  color: #bebec5;
  line-height: 20px;
  text-shadow: 0 1px 0 #fff;
  padding: 3px 0 3px 10px;  }
  ol.linenums li:nth-last-child(odd) {    background: #FCFCFC;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(0, 0, 0, 0.05);  }  .bs-docs-example {
  position: relative;
  margin: 15px 0;
  padding: 39px 19px 14px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;  }  .bs-docs-example
  h2.page-header {    font-size: 180%;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  margin: 1.5em 0 1em;
  padding-bottom: 15px;  }  .bs-docs-example:after {
  content: "Example";
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #333333;
  -webkit-border-radius: 4px 0 4px 0;
  -moz-border-radius: 4px 0 4px 0;
  border-radius: 4px 0 4px 0;  }  .bs-docs-example + .prettyprint {
  margin-top: -20px;
  padding: 4px 0 0 8px;
  margin-bottom: 15px;
  overflow: hidden;  }  .example-sites {
  margin-left: 20px;  }  .example-sites
  img {    max-width: 100%;
  margin: 0 auto;  }  .scrollspy-example {
  height: 200px;
  overflow: auto;
  position: relative;  }
  code,  pre {    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;  }
  code {    display: inline-block;  }
  span.highlight {    color: #fff;  }
  body {    line-height: 21px;
  background-color: #f6f6f6;
  color: #777;
  font-size: 17px;
  font-family: "nassim";  }  #yt_header {
  padding: 0;
  background: #3f444e;
  direction: rtl;  }  #yt_header #top2 {
  text-align: right;  }  #yt_header #top1 {
  position: relative;  }  #yt_header #top1:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #3f444e;
  z-index: 999;  }  #yt_header .menu {
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  font-family: "Kufi-Arabic-Regular";  }  #yt_header .menu &gt;
  li {    list-style: none;
  display: inline-block;
  position: relative;
  height: 50px;
  line-height: 50px;
  float: right;  }  #yt_header .menu &gt;
  li a {    padding: 0 10px;
  display: block;
  font-size: 17px;
  color: #ccc;
  position: relative;
  z-index: 9999;  }  #yt_header .menu &gt;
  li a:hover {    color: #fff;  }  #yt_header .menu &gt;
  li:last-child {    padding-right: 10px;
  border-right: 1px solid #32363e;  }  #yt_header .menu &gt;
  li ul.yt-list {    position: absolute;
  top: -350%;
  left: 0;
  z-index: 99;
  min-width: 120px;
  background: #3f444e;
  padding: 0;
  margin: 0;
  transition: top 0.3s ease-out;  }  #yt_header .menu &gt;
  li ul.yt-list li {    display: block;
  padding: 5px 10px;
  white-space: nowrap;
  list-style: none;
  height: auto;
  line-height: 22px;  }  #yt_header .menu &gt;
  li ul.yt-list li a {    color: #ccc;
  display: inline-block;  }  #yt_header .menu &gt;
  li ul.yt-list li:hover {    background: #666;  }  #yt_header .menu &gt;
  li ul.yt-list li:hover a {    color: #fff;  }  #yt_header .menu &gt;
  li:hover ul {    top: 100%;
  transition: top 0.3s ease-out;  }  #yt_menuwrap {
  background: #fff;
  margin: 0;
  position: relative;
  z-index: 98;
  direction: rtl;
  text-align: right;  }  #yt_menuwrap #yt_logo {
  height: 76px;
  line-height: 74px;
  position: relative;
  z-index: 2;  }  #yt_menuwrap.menu-fixed {
  width: 100%;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: none;  }  #yt_menuwrap.menu-fixed:before {
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: #eee;
  opacity: 0.9;
  z-index: 1;  }  #yt_spotlight1 {
  display: block;
  position: relative;
  z-index: 1;  }  #yt_spotlight1 .container {
  padding: 0;
  width: 100%;
  overflow: hidden;  }  #yt_spotlight2 {
  display: block;
  position: relative;
  z-index: 1;
  background: url("../images/bg/bg-1.jpg") no-repeat 0 0;
  padding: 0 0 50px;
  margin: 0 0 40px;
  background-size: 100% 100%;  }  #yt_spotlight3 {
  display: block;
  position: relative;
  z-index: 1;  }  #yt_spotlight4 {
  display: block;
  position: relative;
  z-index: 1;
  background: url(../images/bg/bg-2.jpg) no-repeat 0 0 fixed;
  padding: 45px 0 50px;
  margin: 0;
  background-size: 100% 100%;  }  #yt_spotlight5 {
  display: block;
  position: relative;
  z-index: 1;  }  #yt_spotlight5 .module {
  margin-bottom: 0;
  padding-top: 45px;
  text-align: right;  }  #yt_spotlight8 {
  background: #17191e;
  padding: 40px 0;
  display: block;
  position: relative;
  z-index: 1;  }  #yt_spotlight8 .module
  h3.modtitle {    font-size: 13px;
  color: #fff;
  font-weight: bold;
  position: relative;
  margin: 0;
  padding: 15px 0;
  text-align: right;  }  #yt_spotlight8 .module
  h3.modtitle:before {    content: "";
  height: 3px;
  width: 30px;
  background: #4aa9f1;
  position: absolute;
  top: 0;
  right: 0;  }  #yt_spotlight6 {
  display: block;
  position: relative;
  z-index: 1;  }  #yt_spotlight6 .container {
  width: 100%;
  padding: 0;
  overflow: hidden;  }  #yt_spotlight6 .module {
  margin-bottom: 0;  }  .homepage #yt_spotlight7 {
  margin: 0;
  direction: rtl;  }  #yt_spotlight7 {
  background: #3f444e;
  padding: 20px 0;
  display: block;
  position: relative;
  z-index: 1;
  margin-top: 30px;  }  #yt_spotlight7 .module {
  margin-bottom: 0;  }  #yt_breadcrumb {
  background: #e5e5e5;
  padding: 10px 0;
  margin-bottom: 30px;  }  #yt_breadcrumb #breadcrumb .module {
  margin-bottom: 0;  }  #yt_breadcrumb #breadcrumb .breadcrumb {
  margin: 0;
  padding: 0;
  background: none;  }  #yt_breadcrumb #breadcrumb .breadcrumb
  a {    color: #666;  }  #yt_breadcrumb #breadcrumb .breadcrumb
  a:hover {    color: #4aa9f1;  }  #yt_breadcrumb #breadcrumb .breadcrumb .divider {
  margin: 0 10px;  }  #yt_breadcrumb #breadcrumb .breadcrumb &gt;
  li + li:before {    display: none;  }  #yt_breadcrumb #breadcrumb .breadcrumb &gt;
  li {    font-size: 12px;  }  #yt_breadcrumb #breadcrumb .breadcrumb &gt;
  li.active {    color: #4aa9f1;  }  #content {
  display: block;
  position: relative;
  z-index: 1;  }  #content #yt_component {
  background: #fff;
  margin-bottom: 30px;
  clear: both;  }  #content #right .bg1 {
  padding-bottom: 0px;  }  #content #mainbottom1 {
  clear: both;  }  #yt_footer {
  background: #0d0e11;
  padding: 20px 0px;
  text-align: center;  }  #yt_footer #yt_copyright {
  color: #999;  }  #yt_footer #yt_copyright
  a {    color: #4aa9f1;  }  #yt_footer #yt_copyright
  a:hover {    color: #4a505c;  }  #yt_footer #yt_copyright .yt-logo {
  margin: 5px 15px 0 0;
  float: left;  }  #yt_footer #yt_copyright .copyright,  #yt_footer #yt_copyright .designby {
  display: inline;
  color: #999;  }  #yt_footer #yt_copyright .copyright_middle {
  display: inline-block;  }  #yt_footer #yt_copyright .powered-by {
  display: inline-block;  }  @media (
  max-width: 1024px) {    .no-res {      width: 1190px;    }  }
  a {    color: #4aa9f1;  }
  a:hover {    color: #4a505c;
  text-decoration: none;  }
  a:focus {    outline: none;
  text-decoration: none;  }  *::selection {
  background: #4aa9f1;
  color: #fff;  }  *::
  -moz-selection {    background: #4aa9f1;
  color: #fff;  }
  p {    min-height: 22px;  }  [
  class^="icon-"],  [class*=" icon-"] {    margin-right: 5px;
  font-size: 14px;  }  .badge,  .label {
  display: inline-block;  }  .page-header {
  margin: 0 0 20px;  }
  pre {    border: none;
  border-left: 3px solid #4aa9f1;
  line-height: 30px;
  border-radius: 0;
  font-size: 110%;
  padding: 20px;
  margin: 2em 0;  }  .textColor {
  color: #4aa9f1 !important;  }
  img {    max-width: 100%;  }
  div.img_caption {    position: relative;  }
  div.img_caption.left {    margin: 0 1em 1em 0;  }
  div.img_caption p.img_caption {    font-size: 92%;
  font-weight: bold;
  padding: 5px 0 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #eee;
  border: 1px solid #ddd;
  border-top: none;
  box-shadow: 0 -1px 0 #fff inset;  }
  div.caption {    margin: 0 1em 1em 0;
  float: left;  }
  div.yt-lightbox a img {    width: auto;  }
  pre.highlighter:before {    background-color: #4aa9f1;  }  .no-modal {
  position: static;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  display: inline-block;
  width: auto;  }
  ul,  ol {    padding-left: 12px;  }
  ul li {    line-height: 24px;  }
  ul ul {    list-style: disc;  }
  ul.blank {    list-style: none;
  margin: 0;
  padding: 0;  }
  ul.latestnews.yt-list {    margin: -10px -15px;  }
  ul.latestnews.yt-list li:last-child {    border-bottom: none;  }
  ul.latestnews.yt-list li {    border-bottom: 1px solid #f5f5f5;
  padding: 4px 15px;  }
  ul.latestnews.yt-list li:hover {    color: #4aa9f1;
  background: #f5f5f5;  }
  ul.latestnews.yt-list li a {    color: #777;  }
  ul.latestnews.yt-list li a:hover {    color: #4aa9f1;  }
  ul.category {    list-style: none;
  padding: 0;  }
  ul.category li {    border-bottom: 1px solid #ddd;  }
  iframe {    border: none;  }
  select {    padding: 5px;  }  #modlgn-remember {
  margin-top: 0;  }
  input[type="radio"],  input[type="checkbox"] {    margin-top: 3px;  }
  input:focus:required:invalid:focus,  textarea:focus:required:invalid:focus,  select:focus:required:invalid:focus {    border-color: #f0f7fc;  }
  input[type="text"]:focus,  textarea:focus,  input[type="password"]:focus,  input[type="datetime"]:focus,  input[type="datetime-local"],  input[type="date"]:focus,  input[type="month"]:focus,  input[type="time"]:focus,  input[type="week"]:focus,  input[type="number"]:focus,  input[type="email"]:focus,  input[type="url"]:focus,  input[type="search"]:focus,  input[type="tel"]:focus,  input[type="submit"]:focus,  select:focus,  input[type="file"]:focus,  input[type="radio"]:focus,  input[type="checkbox"]:focus,  .btn:focus,  button[type="submit"] {    outline: 0 none;  }
  label,  input,  button,  select,  textarea {    font-size: 12px;  }
  textarea,  input[type="text"],  input[type="password"],  input[type="datetime"],  input[type="datetime-local"],  input[type="date"],  input[type="month"],  input[type="time"],  input[type="week"],  input[type="number"],  input[type="email"],  input[type="url"],  input[type="search"],  input[type="tel"],  input[type="color"],  .uneditable-input {    border-radius: 0;
  font-size: 12px;
  background: #fff;
  padding: 4px 6px;
  border: solid 1px #ccc;
  height: 36px;  }
  fieldset {    margin-bottom: 1em;  }
  fieldset legend {    padding-bottom: 10px;
  border-bottom-color: #ccc;  }  .form-horizontal .control-group {
  margin-bottom: 15px;  }  .label {
  padding: 3px 5px;
  margin-right: 5px;  }  .button,
  button,  .btReverse {    background: #4aa9f1;
  color: #fff;
  padding: 8px 20px;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  border: none;
  border-radius: 0px;  }  .button:hover,
  button:hover {    background: #4a505c;
  color: #fff;  }  .button:hover
  span,  button:hover span {    color: #fff;  }  .btReverse {
  background: #4a505c;  }  .btReverse:hover {
  background: #4aa9f1;
  color: #fff;  }  .form-horizontal .control-label {
  text-align: left;  }
  form.box fieldset {    border: 1px solid #ccc;
  padding: 0 10px 10px;  }
  form.box legend {    background: #fff;
  padding: 0 10px;
  width: auto;
  border: none;
  margin: 0;
  font-size: 110%;
  line-height: 100%;  }  .display-limit {
  padding: 1em 0;
  overflow: hidden;  }  .form-inline .input-append .add-on
  i {    margin: 0 !important;  }  .form-inline .btn-primary .icon-search {
  vertical-align: 1px;  }  .tooltip {
  background: none;
  border: none;  }
  div.tooltip.fade {    background: transparent;
  border: none;  }  .tip-wrap {
  z-index: 999;  }  .tip-wrap .tip {
  max-width: 350px;
  padding: 0px;
  border: 1px solid #777;
  background: #eee;  }  .tip-wrap .tip.badge-info {
  background-color: #2f96b4;
  padding: 2px 6px;
  border: none;
  box-shadow: 0;
  display: inline-block;
  position: relative;
  top: -2px;  }  .tip-wrap .tip .tip-title {
  background: #777;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  padding: 5px 10px;
  font-weight: bold;  }  .tip-wrap .tip .tip-text {
  color: #444;
  font-size: 108%;
  padding: 5px 10px;  }
  table.category {    width: 100%;
  margin-top: 20px;  }
  table.category thead {    background: #eee;  }
  table.category thead tr th {    background: #777;
  border-bottom: 2px solid #444;
  font-size: 118%;
  color: #fff;
  padding: 8px;
  text-align: left;  }
  table.category thead tr th a {    color: #fff;  }
  table.category tbody tr:hover td {    background-color: #f5f5f5;  }
  table.category tbody tr td {    padding: 8px;
  border-top: 1px solid #ddd;  }
  table.category tbody tr td.list-hits,  table.category tbody tr td.hits {    font-weight: bold;  }  #recaptcha_response_field {
  border-color: #ddd !important;  }  #system-message {
  margin: 0;  }  #system-message .alert {
  background: #f0ad4e;
  color: #fff;  }  #system-message .message {
  margin-bottom: 1.5em;  }  #system-message .message &gt;
  ul {    margin: 0;
  background-position: 5px 40%;  }  .system-unpublished .system-unpublished {
  margin: -10px;
  padding: 10px;
  border-top: 16px solid;
  border-bottom: 5px solid;
  position: relative;  }  .system-unpublished .system-unpublished:before {
  content: 'Unpublished';
  text-transform: uppercase;
  top: -19px;
  left: 10px;
  position: absolute;
  font-size: 0.8em;
  font-weight: bold;  }
  span.highlight {    background-color: #f16529 !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #444;  }  .form-vertical .btn-toolbar {
  margin-bottom: 1em;  }  [
  class*="col-"] &gt; .col-sm-12 {    padding: 0px;  }  .form-validate .controls
  select {    display: block !important;  }  .form-validate
  div.chzn-container {    display: none !important;  }  .form-validate .hasTooltip {
  display: inline-block !important;  }  .form-validate .modal-button {
  background: #999;
  color: #fff;  }  .form-validate .modal {
  position: static;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  display: inline-block;
  width: auto;
  padding: 6px 10px;
  margin: 0 5px;  }  .form-validate .radio
  input[type="radio"],  .form-validate .radio-inline input[type="radio"],  .form-validate .checkbox input[type="checkbox"],  .form-validate .checkbox-inline input[type="checkbox"] {    margin: 5px;  }  .form-validate
  legend,  .form-validate .accordion-toggle {    padding: 8px 10px;
  background: #ddd;
  margin-bottom: 10px;
  display: block;  }  .calendar .button {
  display: table-cell;  }  [
  class^="icon-"],  [class*=" icon-"] {    font-family: FontAwesome;
  font-style: normal;  }  .icon-calendar:before {
  content: "\f073";  }  .icon-edit:before {
  content: "\f044";  }  .icon-remove:before {
  content: "\f00d";  }  .jmodedit {
  background: #777;
  color: #fff;
  height: auto !important;
  width: 40px !important;  }  #xmap {
  margin: 20px;  }  #xmap
  ul li {    list-style: none;
  background: url(../images/point.png) repeat-x 0 13px;  }  #xmap
  ul li a {    background: white;
  display: inline-block;
  padding: 0 10px;
  color: #666;  }  #xmap
  ul li a:hover {    color: #4aa9f1;  }  #xmap
  ul li a:before {    content: "";
  font-family: FontAwesome;
  font-size: 14px;
  margin-right: 8px;  }  #xmap
  ul ul.level_1 {    margin-left: 20px;  }  #xmap
  ul ul.level_1 li {    padding: 0;  }  #yt_component .button:hover,
  button:hover,  .btn:focus,  .btn:hover {    background: #449bdc;
  color: #fff;  }  .contentpane {
  display: block;
  overflow: auto;  }  .ico-hits,  .ico-user,  .ico-clock {
  width: 20px;
  height: 12px;
  background: url("../images/icon/icon_hits2.png") no-repeat;
  margin: -3px 5px 0 0;
  vertical-align: middle;
  display: inline-block;  }  .ico-user {
  width: 18px;
  height: 18px;
  background: url("../images/icon/icon_author.png") no-repeat;  }  .ico-clock {
  width: 16px;
  height: 16px;
  background: url("../images/icon/icon_date2.png") no-repeat;  }  .grayshadow {
  text-shadow: 1px 1px #575757, 2px 2px #575757, 3px 3px #575757, 4px 4px #575757, 5px 5px #575757, 6px 6px #575757, 7px 7px #575757, 8px 8px #575757, 9px 9px #575757, 10px 10px #575757, 11px 11px #5a5a5a, 12px 12px #5d5d5d, 13px 13px #606060, 14px 14px #636363, 15px 15px #666666;  }
  div.categories-list &gt; div {    margin-bottom: 2em;  }  .profile-edit #helpsite-refresh {
  margin-top: 10px;  }  .blog .heading-category {
  font-size: 18px;
  margin: 0 -15px 15px;
  padding: 0 15px 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;  }  .blog .items-leading .item {
  margin-bottom: 15px;
  padding-bottom: 5px;
  overflow: hidden;  }  .blog .items-leading .item.col-sm-3 .article-text {
  clear: both;  }  .blog .items-leading .item .item-image {
  margin: 0 20px 20px 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: left;  }  .blog .items-leading .item .item-image .listingimg {
  display: block;
  -webkit-transition: all 0.35s ease-in-out 0s;
  -moz-transition: all 0.35s ease-in-out 0s;
  -o-transition: all 0.35s ease-in-out 0s;
  transition: all 0.35s ease-in-out 0s;
  -webkit-transform: translate(0,0px);
  -moz-transform: translate(0,0px);
  -ms-transform: translate(0,0px);
  -o-transform: translate(0,0px);
  transform: translate(0,0px);  }  .blog .items-leading .item .item-image .article-aside {
  background: #3f444e;  }  .blog .items-leading .item .item-image .article-aside .category-name
  a {    color: #fff;  }  .blog .items-leading .item .item-image .article-aside .category-name
  a:hover {    color: #4aa9f1;  }  .blog .items-leading .item .item-image
  img {    -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;  }  .blog .items-leading .item .item-image .article-aside {
  width: 100%;
  z-index: 1;
  position: absolute;
  bottom: 0;
  box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset;
  background: #3f444e;
  -webkit-transform: translate(0,100%);
  -moz-transform: translate(0,100%);
  -ms-transform: translate(0,100%);
  -o-transform: translate(0,100%);
  transform: translate(0,100%);
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  backface-visibility: hidden;  }  .blog .items-leading .item .item-image .article-aside
  dl.article-info {    margin: 0;
  padding: 10px;  }  .blog .items-leading .item .item-image:hover .listingimg {
  -webkit-transform: translate(0,-15px);
  -moz-transform: translate(0,-15px);
  -ms-transform: translate(0,-15px);
  -o-transform: translate(0,-15px);
  transform: translate(0,-15px);  }  .blog .items-leading .item .item-image:hover .article-aside {
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);  }  .blog .items-leading .item .article-header
  h2 {    font-size: 18px;
  margin-bottom: 5px;
  font-weight: normal;  }  .blog .items-leading .item .article-header
  h2 a {    color: #666;  }  .blog .items-leading .item .article-header
  h2 a:hover {    color: #4aa9f1;  }  .blog .items-leading .item .article-aside .article-info {
  margin-bottom: 10px;  }  .blog .items-leading .item .article-aside
  dd {    display: inline-block;
  color: #999;
  margin-right: 10px;
  font-size: 89%;  }  .blog .items-leading .item .article-aside
  dd a {    color: #999;  }  .blog .items-leading .item .article-aside
  dd a:hover {    color: #4aa9f1;  }  .blog .items-leading .item .content_rating {
  margin-bottom: 15px;  }  .blog .items-leading .item .content_rating .unseen.element-invisible {
  float: left;
  color: #999;
  margin-right: 15px;  }  .blog .items-leading .item .item-tags  .label {
  padding: 5px;
  font-weight: normal;
  margin: 0;  }  .blog .items-leading .item.col-sm-6,  .blog .items-leading .item.col-sm-4,  .blog .items-leading .item.col-sm-3 {
  border: none;  }  .blog .items-leading .item.col-sm-3 .article-text {
  clear: both;  }  .blog .items-leading .item .item-image {
  margin: 0 20px 20px 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: left;  }  .blog .items-leading .item .item-image .article-aside {
  background: #3f444e;  }  .blog .items-leading .item .item-image .article-aside .category-name
  a {    color: #fff;  }  .blog .items-leading .item .item-image .article-aside .category-name
  a:hover {    color: #4aa9f1;  }  .blog .items-row .item {
  margin-bottom: 15px;
  padding-bottom: 5px;
  overflow: hidden;  }  .blog .items-row .item.col-sm-3 .article-text {
  clear: both;  }  .blog .items-row .item .item-image {
  margin: 0 20px 20px 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: left;  }  .blog .items-row .item .item-image .listingimg {
  display: block;
  -webkit-transition: all 0.35s ease-in-out 0s;
  -moz-transition: all 0.35s ease-in-out 0s;
  -o-transition: all 0.35s ease-in-out 0s;
  transition: all 0.35s ease-in-out 0s;
  -webkit-transform: translate(0,0px);
  -moz-transform: translate(0,0px);
  -ms-transform: translate(0,0px);
  -o-transform: translate(0,0px);
  transform: translate(0,0px);  }  .blog .items-row .item .item-image .article-aside {
  background: #3f444e;  }  .blog .items-row .item .item-image .article-aside .category-name
  a {    color: #fff;  }  .blog .items-row .item .item-image .article-aside .category-name
  a:hover {    color: #4aa9f1;  }  .blog .items-row .item .item-image
  img {    -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;  }  .blog .items-row .item .item-image .article-aside {
  width: 100%;
  z-index: 1;
  position: absolute;
  bottom: 0;
  box-shadow: 0 1px 0px rgba(255,255,255,0.1) inset;
  background: #3f444e;
  -webkit-transform: translate(0,100%);
  -moz-transform: translate(0,100%);
  -ms-transform: translate(0,100%);
  -o-transform: translate(0,100%);
  transform: translate(0,100%);
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s;
  backface-visibility: hidden;  }  .blog .items-row .item .item-image .article-aside
  dl.article-info {    margin: 0;
  padding: 10px;  }  .blog .items-row .item .item-image:hover .listingimg {
  -webkit-transform: translate(0,-15px);
  -moz-transform: translate(0,-15px);
  -ms-transform: translate(0,-15px);
  -o-transform: translate(0,-15px);
  transform: translate(0,-15px);  }  .blog .items-row .item .item-image:hover .article-aside {
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);  }  .blog .items-row .item .article-header
  h2 {    font-size: 18px;
  margin-bottom: 5px;
  font-weight: normal;  }  .blog .items-row .item .article-header
  h2 a {    color: #666;  }  .blog .items-row .item .article-header
  h2 a:hover {    color: #4aa9f1;  }  .blog .items-row .item .article-aside .article-info {
  margin-bottom: 10px;  }  .blog .items-row .item .article-aside
  dd {    display: inline-block;
  color: #999;
  margin-right: 10px;
  font-size: 89%;  }  .blog .items-row .item .article-aside
  dd a {    color: #999;  }  .blog .items-row .item .article-aside
  dd a:hover {    color: #4aa9f1;  }  .blog .items-row .item .content_rating {
  margin-bottom: 15px;  }  .blog .items-row .item .content_rating .unseen.element-invisible {
  float: left;
  color: #999;
  margin-right: 15px;  }  .blog .items-row .item .item-tags  .label {
  padding: 5px;
  font-weight: normal;
  margin: 0;  }  .blog .items-row .item.col-sm-6,  .blog .items-row .item.col-sm-4,  .blog .items-row .item.col-sm-3 {
  border: none;  }  .blog.tag-category .category-desc {
  margin-bottom: 20px;  }  .blog.tag-category
  form.row .item-image img {    margin-top: 0 !important;  }  .item-page .img-fulltext
  img {    width: auto !important;  }  .item-page .article-header
  h2 {    font-size: 18px;
  margin-bottom: 5px;
  font-weight: normal;  }  .item-page .article-header
  h2 a {    color: #666;  }  .item-page .article-header
  h2 a:hover {    color: #4aa9f1;  }  .item-page .article-header
  h2 {    font-size: 24px;  }  .item-page .article-aside .article-info {
  margin-bottom: 10px;  }  .item-page .article-aside
  dd {    display: inline-block;
  color: #999;
  margin-right: 10px;
  font-size: 89%;  }  .item-page .article-aside
  dd a {    color: #999;  }  .item-page .article-aside
  dd a:hover {    color: #4aa9f1;  }  .item-page .article-aside .article-info {
  margin-bottom: 20px;  }  .item-page .tags {
  margin-bottom: 30px;  }  .item-page .img-fulltext {
  margin-bottom: 20px;  }
  div.archive .filter-search {    background: #666;
  border-color: #ddd;
  border-radius: 0;  }
  div.archive .filter-search #limit {    width: auto;
  margin-right: 5px;  }
  div.archive .form-inline .filters .button {    padding: 4px 20px 3px 20px;  }
  div.archive #archive-items &gt; div {    border-top: 1px dotted #666;
  padding: 15px 0;  }
  div.archive #archive-items &gt; div:first-child {    border-top: none;  }
  div.archive #archive-items &gt; div h2.item-title {    margin: 0;
  font-size: 115%;  }
  div.archive #archive-items &gt; div dl.article-info {    color: #999;
  margin: 0;  }
  div.archive #archive-items &gt; div dl.article-info dd {    display: inline-block;
  font-size: 91.7%;
  line-height: 24px;
  margin: 0 10px 0 0;
  padding: 0;  }
  div.archive #archive-items &gt; div .intro &gt; p {    display: inline;  }  .pagination {
  height: auto;
  margin: 5px auto 8px;
  display: table;  }  .pagination
  li {    margin: 0 2px;  }  .pagination
  li a,  .pagination li span {    float: none;
  display: inline-block;
  padding: 5px 12px;
  border: 1px solid #ccc;
  color: #777;
  background: #fff;
  border-radius: 0 !important;
  height: 32px;
  vertical-align: top;  }  .pagination
  li.active span,  .pagination li.active a,  .pagination li:hover span,  .pagination li:hover a {    color: #fff;
  background: #4aa9f1 !important;
  border: 1px solid #4aa9f1 !important;  }  .pagination
  li .pagenav .r-hiden {    display: none;  }  .pagenavcounter {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1em;  }  .article-index {
  margin: 0px 0px 0px 20px;  }  .article-index .nav-stacked {
  border: solid 1px #ccc;
  border-radius: 0px;
  overflow: hidden;  }  .article-index .nav-stacked
  li {    border-bottom: solid 1px #ccc;
  float: none;  }  .article-index .nav-stacked
  li a {    border: none;
  margin: 0px;
  border-radius: 0px;  }  .pager
  li &gt; a,  .pager li &gt; span {    border-radius: 0;
  background: #eee;  }  .search #searchForm .searchintro {
  margin: 15px 0;  }  .search #searchForm .phrases-box .controls .radio {
  margin: 10px 20px;  }  .search #searchForm
  button.btn {    padding: 7px 15px;
  border-radius: 0;
  position: relative;  }  .search #searchForm
  button.btn:before {    content: "\f002";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-family: fontawesome;
  text-align: center;
  line-height: 35px;
  color: #fff;  }  .search .search-results {
  clear: both;  }  .search .search-results .result-category {
  display: none;  }  .search .search-results .result-category,  .search .search-results .result-text {
  padding: 0;
  margin: 0;  }  .search .search-results .result-text {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #ddd;  }  .finder #search-form {
  background: #ECF0E8;
  border-bottom: 1px solid #ddd;
  padding: 20px;
  margin-bottom: 30px;  }  .finder #search-form #finder-search {
  margin: 0;  }  .finder #search-form #finder-search #advanced-search {
  padding: 10px 0 0;  }  .finder #search-form #finder-search #advanced-search #finder-filter-window
  ul {    list-style: none;
  margin: 0;  }  .finder #search-form #finder-search #advanced-search #finder-filter-window
  ul li {    margin-bottom: 10px;  }  .finder #search-form #finder-search #advanced-search #finder-filter-window
  ul li label {    width: 150px;  }  .finder #search-results #search-query-explained {
  margin: 1em 0;
  border-bottom: 3px solid #eee;
  font-weight: bold;
  -webkit-box-shadow: inset 0 -1px 0 #ccc;
  -moz-box-shadow: inset 0 -1px 0 #ccc;
  box-shadow: inset 0 -1px 0 #ccc;  }  .finder #search-results
  ul.list-striped {    margin: 0;
  list-style: none;  }  .finder #search-results
  ul.list-striped li {    margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #eee;  }  .finder #search-results
  ul.list-striped li .result-url {    color: #999;  }  .newsfeed-category
  select[multiple],  .newsfeed-category select[size],  .contact-category select[multiple],  .contact-category select[size] {    width: auto;  }  .newsfeed
  ol {    margin: 0;
  list-style: none;
  padding: 0;  }  .newsfeed
  ol li {    border-bottom: 1px dotted #ccc;
  padding: 20px 0;  }  .newsfeed
  ol li a {    color: #777;
  font-weight: normal;  }  .newsfeed
  ol li .feed-item-description {    margin-top: 10px;
  overflow: hidden;  }  .newsfeed
  ol li .feed-item-description &gt; img:first-child {    background: none repeat scroll 0 0 #fff;
  border: 1px solid #eee;
  margin: 0 0 10px 15px;
  padding: 5px;  }
  h1.title {    font-size: 180%;  }
  h2.subtitle {    font-size: 130%;  }  .view-login #system-message {
  width: 550px;
  margin: 0 auto;  }  .view-login #content #yt_component {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;  }  .view-login .wrap-login {
  width: 550px;
  margin: 0 auto;
  padding: 1em 2em 2em;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px rgba(0,0,0,0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  }  .view-login .wrap-login .page-header {
  margin: -14px -28px 15px;
  padding: 10px 25px;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;  }  .view-login .wrap-login .page-header
  h1 {    margin: 0;  }  .view-login .wrap-login .form-horizontal .control-group {
  float: left;
  width: 50%;
  margin: 1em 0;  }  .view-login .wrap-login .form-horizontal .control-label {
  float: none;  }  .view-login .wrap-login .form-horizontal .controls
  input {    width: 180px;  }  .view-login .wrap-login .other-link {
  overflow: hidden;  }  .view-login .wrap-login .other-link
  ul.yt-list {    margin: 0 0 0 15px;  }  .view-login .wrap-login .other-link
  ul.yt-list li {    float: left;
  margin-right: 30px;  }  .view-login .wrap-login .other-link
  ul.yt-list li a {    font-size: 12px;
  color: #777;  }  .view-login .wrap-login .other-link
  ul.yt-list li a:hover {    color: #4aa9f1;  }  .login .form-horizontal {
  margin-bottom: 0;  }  .login .well {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 10px 0 0;
  margin: 0;  }  .login .well .control-label
  label {    font-weight: bold;  }  .login .well .controls {
  margin: 0;  }  .registration .page-header {
  margin: 0 0 15px;  }  .registration .page-header
  h2 {    margin: 0;  }  .registration .form-horizontal .control-label {
  text-align: left;  }  .registration .form-horizontal .control-label
  label {    font-weight: bold;  }
  div.contact h3.jicons-text {    font-size: 120%;  }
  div.contact ul.blank li,  div.contact .contact-misc,  div.contact form.box legend {    color: #999;  }
  div.contact .contact-image {    width: 50%;
  float: right;  }
  div.contact .contact-image img {    padding: 5px;
  border: 1px solid #ccc;
  margin-top: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  }
  div.contact textarea,  div.contact input {    width: 300px;  }
  div.contact textarea {    height: 100px;  }
  div.contact .contact-address,  div.contact .contact-contactinfo,  div.contact .contact-miscinfo {    margin-bottom: 2em;  }
  div.contact form.box fieldset {    border: none;
  padding: 0;  }
  div.contact form.box legend {    padding: 0;
  font-size: 12px;  }  .contact-ajax .el-control {
  margin-bottom: 10px;
  margin-top: 10px;  }  .contact-ajax .el-control
  label {    width: 100px;  }  .contact-ajax .el-control
  input {    width: 200px;  }  .related-items
  li {    margin-bottom: 10px;  }  .pagination&gt;.active&gt;
  a,  .pagination&gt;.active&gt;span,  .pagination&gt;.active&gt;a:hover,  .pagination&gt;.active&gt;span:hover,  .pagination&gt;.active&gt;a:focus,  .pagination&gt;.active&gt;span:focus {    background: #4aa9f1;
  border-color: transparent;  }  .pagination&gt;.active&gt;
  a:hover,  .pagination&gt;.active&gt;span:hover,  .pagination&gt;.active&gt;a:hover:hover,  .pagination&gt;.active&gt;span:hover:hover,  .pagination&gt;.active&gt;a:focus:hover,  .pagination&gt;.active&gt;span:focus:hover {    background: #c5e0f4;  }  .pagination
  ul li {    margin-top: 5px;
  margin-bottom: 5px;
  float: left;
  overflow: visible;  }  .effect-images {
  content: "";
  background: #4aa9f1;
  height: 100%;
  width: 100%;
  left: 0;
  position: absolute;
  opacity: 0;
  top: 0;
  pointer-events: none;
  transition: all 0.3s ease-in-out;  }  .suffix
  strong {    display: inline-block;  }  .time-ago {
  font-size: 11px;
  color: #bbb;
  font-style: italic;  }  .module_menu,
  div.module {    margin: 0 0 20px;  }  .module
  h3.modtitle {    padding: 9px 0px;
  font-size: 18px;
  color: #000;
  text-transform: uppercase;
  text-align: right;
  font-family: "Kufi-Arabic-Bold";  }  .module.icon1
  h3.modtitle {    position: relative;
  padding: 8px 0 8px 35px;
  background: #4aa9f1;
  color: #fff;  }  .module.icon1
  h3.modtitle:before {    content: "\f02c";
  height: 100%;
  width: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 36px;
  font-family: fontawesome;
  color: #fff;
  font-size: 16px;  }  .module.icon2
  h3.modtitle {    position: relative;
  padding: 8px 0 8px 35px;
  background: #4aa9f1;
  color: #fff;  }  .module.icon2
  h3.modtitle:before {    content: "\f02d";
  height: 100%;
  width: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 36px;
  font-family: fontawesome;
  color: #fff;
  font-size: 16px;  }  .module.icon2
  h3.modtitle:after {    display: none;  }  .module.icon3
  h3.modtitle {    position: relative;
  padding: 8px 0 8px 35px;
  background: #4aa9f1;
  color: #fff;  }  .module.icon3
  h3.modtitle:before {    content: "\f073";
  height: 100%;
  width: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 36px;
  font-family: fontawesome;
  color: #fff;
  font-size: 16px;  }  .module.icon3
  h3.modtitle:after {    display: none;  }  .module.icon4
  h3.modtitle {    position: relative;
  padding: 8px 0 8px 35px;
  background: #4aa9f1;
  color: #fff;  }  .module.icon4
  h3.modtitle:before {    content: "\f108";
  height: 100%;
  width: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 36px;
  font-family: fontawesome;
  color: #fff;
  font-size: 16px;  }  .module.icon4
  h3.modtitle:after {    display: none;  }  .module.icon5
  h3.modtitle {    position: relative;
  padding: 8px 0 8px 35px;
  background: #4aa9f1;
  color: #fff;  }  .module.icon5
  h3.modtitle:before {    content: "\f03e";
  height: 100%;
  width: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 36px;
  font-family: fontawesome;
  color: #fff;
  font-size: 16px;  }  .module.icon5
  h3.modtitle:after {    display: none;  }  .module.icon6
  h3.modtitle {    position: relative;
  padding: 8px 0 8px 35px;
  background: #4aa9f1;
  color: #fff;  }  .module.icon6
  h3.modtitle:before {    content: "\f015";
  height: 100%;
  width: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 36px;
  font-family: fontawesome;
  color: #fff;
  font-size: 16px;  }  .module.icon6
  h3.modtitle:after {    display: none;  }  .module.icon7
  h3.modtitle {    position: relative;
  padding: 8px 0 8px 35px;
  background: #4aa9f1;
  color: #fff;  }  .module.icon7
  h3.modtitle:before {    content: "\f075";
  height: 100%;
  width: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 36px;
  font-family: fontawesome;
  color: #fff;
  font-size: 16px;  }  .module.icon7
  h3.modtitle:after {    display: none;  }  .module.icon8
  h3.modtitle {    position: relative;
  padding: 8px 0 8px 35px;
  background: #4aa9f1;
  color: #fff;  }  .module.icon8
  h3.modtitle:before {    content: "\f07c";
  height: 100%;
  width: 35px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 36px;
  font-family: fontawesome;
  color: #fff;
  font-size: 16px;  }  .module.icon8
  h3.modtitle:after {    display: none;  }  .module .badge {
  height: 61px;
  width: 40px;
  border-radius: 0;
  padding: 15px 2px;  }  .module.badge_new {
  padding-left: 60px;
  position: relative;  }  .module.badge_new
  h3.modtitle {    padding: 0;
  color: #444;
  border: none;  }  .module.badge_new
  h3.modtitle .badge {    background: url("../images/icon/new.png") no-repeat;
  position: absolute;
  font-size: 12px;
  left: 0;
  top: 10px;  }  .module.badge_hot {
  padding-left: 60px;
  position: relative;  }  .module.badge_hot
  h3.modtitle {    padding: 0;
  color: #444;
  border: none;  }  .module.badge_hot
  h3.modtitle .badge {    background: url("../images/icon/hot.png") no-repeat;
  position: absolute;
  font-size: 12px;
  left: 0;
  top: 10px;  }  .module.badge_cool {
  padding-left: 60px;
  position: relative;  }  .module.badge_cool
  h3.modtitle {    padding: 0;
  color: #444;
  border: none;  }  .module.badge_cool
  h3.modtitle .badge {    background: url("../images/icon/cool.png") no-repeat;
  position: absolute;
  font-size: 12px;
  left: 0;
  top: 10px;  }  .module.badge_best {
  padding-left: 60px;
  position: relative;  }  .module.badge_best
  h3.modtitle {    padding: 0;
  color: #444;
  border: none;  }  .module.badge_best
  h3.modtitle .badge {    background: url("../images/icon/best.png") no-repeat;
  position: absolute;
  font-size: 12px;
  left: 0;
  top: 10px;  }  .module.box-1
  h3.modtitle {    background: #4aa9f1;
  padding: 8px 20px;
  color: #fff;  }  .module.box-2
  h3.modtitle {    margin: 0;
  padding: 8px 20px;
  background: #4aa9f1;
  color: #fff;  }  .module.box-2 .modcontent {
  padding: 0 20px 10px;
  background: #e5e5e5;  }  .module.box-3
  h3.modtitle {    padding: 8px 20px;
  border-top: 2px solid #4aa9f1;
  border-bottom: 2px solid #4aa9f1;
  color: #444;  }  .module.box-4 {
  border: 1px solid #ddd;  }  .module.box-4
  h3.modtitle {    padding: 8px 20px;
  border-bottom: 1px solid #ddd;
  color: #444;  }  .module.box-4 .modcontent {
  padding: 0 20px 10px;  }  .module._menu {
  background: #fff;
  border: 1px solid #ddd;  }  .module._menu
  h3.modtitle {    margin: 0px;
  padding: 16px 20px;  }  .module._menu .modcontent {
  padding: 15px;  }  .module._menu .modcontent
  ul.menu {    list-style: none;
  margin: 0;
  padding: 0;  }  .module._menu .modcontent
  ul.menu &gt; li {    border-bottom: 1px solid #e5e5e5;  }  .module._menu .modcontent
  ul.menu &gt; li &gt; a,  .module._menu .modcontent ul.menu &gt; li &gt; span {    color: #777;
  display: block;
  padding: 8px 6px;  }  .module._menu .modcontent
  ul.menu &gt; li &gt; a:hover,  .module._menu .modcontent ul.menu &gt; li &gt; span:hover {    background: transparent;  }  .module._menu .modcontent
  ul.menu &gt; li:hover {    background: #4aa9f1;  }  .module._menu .modcontent
  ul.menu &gt; li:hover,  .module._menu .modcontent ul.menu &gt; li.active {    background: #4aa9f1;  }  .module._menu .modcontent
  ul.menu &gt; li:hover a,  .module._menu .modcontent ul.menu &gt; li.active a {    color: #fff;  }  .module._menu .modcontent
  ul.menu &gt; li:hover span,  .module._menu .modcontent ul.menu &gt; li.active span {    color: #fff;  }  .module._menu .modcontent
  ul.menu &gt; li.parent {    position: relative;  }  .module._menu .modcontent
  ul.menu &gt; li.parent &gt; a:after {    font-family: FontAwesome;
  content: "\f0d7";
  margin: 0 10px;  }  .module._menu .modcontent
  ul.menu &gt; li.parent ul {    list-style: none;
  display: none;
  background: #F7F7F7;
  position: absolute;
  z-index: 3;
  border: solid 1px #ccc;
  top: 130%;
  left: 0;
  width: 100%;
  padding: 5px 10px;
  font-size: 91%;
  margin: 0;  }  .module._menu .modcontent
  ul.menu &gt; li.parent ul li {    padding: 4px 0;  }  .module._menu .modcontent
  ul.menu &gt; li.parent ul li ul {    border: none;  }  .module._menu .modcontent
  ul.menu &gt; li.parent ul li:hover {    color: #4aa9f1;  }  .module._menu .modcontent
  ul.menu &gt; li.parent ul li:hover li {    color: #777;  }  .module._menu .modcontent
  ul.menu &gt; li.parent ul li:hover li:hover {    color: #4aa9f1;  }  .module._menu .modcontent
  ul.menu &gt; li.parent ul li.active {    color: #4aa9f1;  }  .module._menu .modcontent
  ul.menu &gt; li.parent ul li.active li {    color: #777;  }  .module._menu .modcontent
  ul.menu &gt; li.parent ul li.active li:hover {    color: #4aa9f1;  }  .module._menu .modcontent
  ul.menu &gt; li.parent ul li.active li.active {    color: #4aa9f1;  }  .module._menu .modcontent
  ul.menu &gt; li.parent ul li.active li.active a {    color: #4aa9f1;  }  .module._menu .modcontent
  ul.menu &gt; li.parent ul li.active li a {    color: #777;  }  .module._menu .modcontent
  ul.menu &gt; li.parent ul li.active li a:hover {    color: #4aa9f1;  }  .module._menu .modcontent
  ul.menu &gt; li.parent ul li.active a {    color: #4aa9f1;  }  .module._menu .modcontent
  ul.menu &gt; li.parent ul li a {    color: #777;
  display: block;  }  .module._menu .modcontent
  ul.menu &gt; li.parent ul li a:hover {    color: #4aa9f1;  }  .module._menu .modcontent
  ul.menu &gt; li.parent:hover ul {    display: block;
  top: 100%;
  border-top: 1px;  }  .module._menu .modcontent
  ul.menu &gt; li.parent:hover ul ul {    position: static;
  box-shadow: none;
  font-size: 100%;  }  .module._menu .modcontent
  ul.menu &gt; li:last-child {    border: none;  }  .module._menu .col2
  li {    margin: 5px;
  padding: 0 10px;
  display: inline-block;
  background: #ddd;
  border: none !important;
  border-radius: 3px;  }  .module._menu .col2
  li a {    color: white;  }
  table.variations {    width: 100%;
  clear: both;
  margin: 1em 0 2em;
  font-size: 91%;  }
  table.variations tr.odd {    background: none;
  border: none;  }
  table.variations tr.odd td {    text-shadow: 0 1px 1px rgba(255,255,255,0.6);  }
  table.variations tr td {    border: 1px solid #ccc;
  padding: 5px 10px;
  color: #777;  }
  table.variations tr td.bold {    font-weight: bold;
  background: #e5e5e5;  }  .module.me-language {
  display: inline-block;
  position: relative;
  float: right;
  margin: 0;  }  .module.me-language .modcontent .mod-languages:hover
  a.dropdown-toggle {    color: #fff;  }  .module.me-language .modcontent .mod-languages
  a.dropdown-toggle {    display: block;
  color: #ccc;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  border-left: 1px solid #32363e;
  border-right: 1px solid #32363e;  }  .module.me-language .modcontent .mod-languages
  a.dropdown-toggle img {    margin-right: 5px;
  width: 20%;  }  .module.me-language .modcontent .mod-languages
  a.dropdown-toggle i {    margin: 0 0 0 5px;  }  .module.me-language .modcontent .mod-languages
  a.dropdown-toggle:hover {    color: #fff;  }  .module.me-language .modcontent .mod-languages
  ul.dropdown-menu {    background: #3f444e;
  border-radius: 0px;
  border: none;
  padding: 0 0 !important;
  box-shadow: none;
  min-width: 100%;
  max-height: 85px;  }  .module.me-language .modcontent .mod-languages
  ul.dropdown-menu li {    margin: 0px;
  text-align: left;  }  .module.me-language .modcontent .mod-languages
  ul.dropdown-menu li a {    padding: 7px 11px;
  background: transparent;
  font-size: 12px;
  color: #ccc;  }  .module.me-language .modcontent .mod-languages
  ul.dropdown-menu li a img {    margin-right: 9px;
  float: left;
  margin-top: 4px;
  width: 20%;  }  .module.me-language .modcontent .mod-languages
  ul.dropdown-menu li a:hover {    background: #666;
  color: #fff;  }  #logout-form.form-vertical {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  float: right;
  overflow: hidden;
  padding: 0;
  height: 50px;
  line-height: 50px;
  margin-left: 10px;  }  #logout-form.form-vertical .login-greeting {
  float: left;
  color: #fff;
  margin: 0 5px 0px 0px;
  font-size: 11px;
  line-height: 25px;
  color: #909090;
  line-height: 50px;
  height: 50px;
  white-space: nowrap;  }  #logout-form.form-vertical .logout-button {
  float: left;  }  #logout-form.form-vertical .logout-button .btn {
  padding: 7px 10px;
  border-radius: 0;
  background: #4aa9f1;  }  .module.me-login {
  display: inline-block;
  float: right;
  transition: height 0.3s ease-in-out;
  position: relative;
  margin: 0;  }  .module.me-login .login-switch {
  margin: 0;
  font-size: 13px;
  color: #ccc;
  font-weight: normal;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  display: block;
  font-family: "Kufi-Arabic-Regular";  }  .module.me-login .login-switch
  i {    margin: 0 0 0 5px;  }  .module.me-login .login-switch:hover {
  background: none;
  color: #fff;  }  #mod-finder-searchform {
  margin: 3px 20px 0 0;
  position: relative;  }  #mod-finder-searchform
  input.inputbox {    width: 200px;
  height: 34px;
  padding: 4px 30px 4px 10px;
  color: #999;
  background: #fff;
  float: right;
  font-size: 91%;
  border: 1px solid #e3e3e3;  }  #mod-finder-searchform
  input.inputbox:focus + .button i {    color: #4aa9f1;  }  #mod-finder-searchform .button {
  color: #999;
  background: transparent;
  border: 1px solid #999;
  height: 35px;
  position: absolute;
  top: 0;
  right: 10px;
  line-height: 10px;
  z-index: 10;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;  }  #mod-finder-searchform .button:hover {
  border-color: #4aa9f1;
  color: #4aa9f1;  }  #mod-finder-searchform
  i {    margin: 0;
  font-size: 14px;  }  .form-inline {
  margin: 0;  }  .form-inline [
  class^="icon-"],  .form-inline [class*=" icon-"] {    margin: 0;  }  .form-inline .input-append .add-on,  .form-inline .input-prepend .add-on {
  padding: 4px 10px;  }  .form-inline .input-small {
  width: 120px;  }  .form-inline .icon-add {
  display: inline-block;
  color: #fff;
  line-height: 14px;
  width: 14px;
  height: 14px;
  background: #4aa9f1;
  text-align: center;
  margin-right: 6px;  }  .form-inline .icon-add:before {
  content: "+";  }  .form-inline
  ul.unstyled {    margin: 0;  }  .form-inline .filters .button {
  padding: 4px 20px;  }  .banner-top {
  text-align: right;  }  .banner-top
  a {    display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;  }  .banner-top
  a img {    transition: all 0.3s ease-in-out;  }  .banner-top
  a:hover img {    -moz-animation: myeffect 0.8s ease-in-out;
  -webkit-animation: myeffect 0.8s ease-in-out;
  -o-animation: myeffect 0.8s ease-in-out;
  -ms-animation: myeffect 0.8s ease-in-out;
  animation: myeffect 0.8s ease-in-out;
  transition: all 0.3s ease-in-out;  }  .module.banner-main {
  margin: 30px 0 25px 0;  }  .banner-right,  .banner-main {
  text-align: right;  }  .banner-right
  a,  .banner-main a {    display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;  }  .banner-right
  a img,  .banner-main a img {    transition: all 0.3s ease-in-out;  }  .banner-right
  a:hover img,  .banner-main a:hover img {    -moz-animation: myeffect 0.8s ease-in-out;
  -webkit-animation: myeffect 0.8s ease-in-out;
  -o-animation: myeffect 0.8s ease-in-out;
  -ms-animation: myeffect 0.8s ease-in-out;
  animation: myeffect 0.8s ease-in-out;
  transition: all 0.3s ease-in-out;  }  .whoonline {
  padding: 15px 20px;  }  .whoonline
  h3.modtitle {    margin-bottom: 20px;  }  .whoonline .modcontent {
  background: #4aa9f1;
  padding: 15px;
  color: #fff;  }  .whoonline .round-online {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: url("../images/styling/default/icon_user.html") no-repeat center center #fff;
  margin-right: 15px;
  float: left;  }  .whoonline .round-online
  i {    font-size: 30px;
  color: #4aa9f1;
  display: table;
  margin: 14px auto;
  display: none;  }
  ul.list-contact li {    margin-bottom: 15px;  }
  ul.list-contact .fa {    width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  background: #E0E0E0;
  margin: 0 15px 15px 0;  }
  ul.list-contact &gt; div {    overflow: hidden;  }
  ul.list-contact h3 {    font-size: 100%;
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #000;  }
  ul.list-contact p {    font-size: 12px;
  line-height: 18px;  }
  ul.list-contact a {    color: #666;  }
  ul.list-contact a:hover {    color: #4aa9f1;  }  #bd .pp_default .pp_content_container .pp_content .pp_details .pp_close {
  top: 10px;  }  .mega-module
  ul.menu li {    position: relative;
  padding: 1px 0 1px 0;  }  .mega-module
  ul.menu li a {    display: block;
  padding: 6px 10px;
  color: #fff;
  font-size: 100%;
  text-transform: none;
  line-height: 20px;  }  .mega-module
  ul.menu li:hover a,  .mega-module ul.menu li.active a {    background-color: #6fb2e4;  }  .social-cus-mod .yt-socialbt {
  margin: 0;
  float: left;
  border-right: 1px solid #151515;  }  .social-cus-mod .yt-socialbt
  a {    border-radius: 0;
  background: #000;
  color: #808080;
  box-shadow: none;
  border: none;
  width: 36px;
  height: 36px;  }  .social-cus-mod .yt-socialbt
  a i {    font-size: 16px;
  line-height: 36px;  }  .social-cus-mod .yt-socialbt
  a:hover {    background: #4aa9f1;
  color: #fff;  }  .social-cus-mod .yt-socialbt:last-child {
  border: none;  }  #contact
  ul li i {    color: #999;
  margin-right: 9px;  }  #contact
  ul li a {    color: #4aa9f1;  }  #contact
  ul li a:hover {    color: #c5e0f4;  }  .yt-loginform {
  position: relative;
  border-right: 1px solid #34353a;  }  .yt-loginform:hover .dropdown-toggle {
  background: #4aa9f1;  }  .yt-loginform .dropdown-toggle {
  padding: 0px 16px;
  display: block;
  color: #fff;
  line-height: 54px;
  background: #1C1E24;  }  .yt-loginform .dropdown-toggle .fa {
  margin-left: 5px;  }  .yt-loginform .dropdown-menu {
  min-width: 250px;
  margin: 0;
  border: none;
  box-shadow: none;
  background-color: #4aa9f1;
  background-color: rgba(152,199,235,0.9);
  zoom: 1;
  background-color: transparent \9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e598c7eb, endColorstr=#e598c7eb)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e598c7eb, endColorstr=#e598c7eb);
  padding: 20px;
  border-radius: 0px;  }  .yt-loginform .dropdown-menu .input-small {
  border: none;
  width: 100%;
  height: 30px;  }  .yt-loginform .dropdown-menu .button {
  background: #3f444e;
  padding: 10px 35px;
  margin-bottom: 10px;
  transition: 0.3s all ease 0s;
  width: 100%;  }  .yt-loginform .dropdown-menu .button:hover {
  background: #000;  }  .yt-loginform .dropdown-menu
  ul.unstyled {    list-style: none;
  padding: 0px;
  margin: 0px;  }  .yt-loginform .dropdown-menu
  ul.unstyled li a {    color: #ddd;
  font-size: 12px;
  transition: 0.3s all ease 0s;  }  .yt-loginform .dropdown-menu
  ul.unstyled li a:hover {    color: #fff;  }  .yt-loginform .login-switch {
  display: block;
  color: #fff;  }  .yt-loginform .login-switch:hover {
  background: #4aa9f1;  }  #myLogin .modal-dialog {
  width: 380px;
  margin: 100px auto;
  z-index: 9999;  }  #myLogin .modal-content {
  padding: 30px;
  border-radius: 0;
  text-align: left;  }  #myLogin
  h3.title {    font-size: 24px;
  color: #000;
  margin-bottom: 20px;
  text-transform: uppercase;  }  #myLogin .btReverse {
  display: block;
  text-align: center;
  text-transform: uppercase;  }  #myLogin #login-form {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;  }  #myLogin #login-form .userdata {
  margin: 0 0 20px;  }  #myLogin #login-form .userdata
  label {    font-weight: 500;  }  #myLogin #login-form .userdata
  input[type="checkbox"] {    margin: 3px 5px 0px 0px;  }  #myLogin #login-form .userdata .button {
  text-transform: uppercase;  }  #myLogin #login-form
  ul.listlogin {    border-top: 1px solid #E7E7E7;
  margin: 0;
  padding: 15px 0px;
  font-size: 12px;  }  #myLogin #login-form
  ul.listlogin li {    display: inline-block;
  margin-right: 10px;  }  #myLogin #login-form
  ul.listlogin li a {    color: #999;  }  #myLogin #login-form
  ul.listlogin li a:hover {    color: #4aa9f1;  }  .k2LatestCommentsBlock.tab-comments .k2Avatar
  img {    border: none;
  margin: 2px 9px 4px 0;  }  .k2LatestCommentsBlock.tab-comments .lcUsername {
  float: left;
  margin: 0 10px 0 0;
  width: 100%;  }  .k2LatestCommentsBlock.tab-comments .lcUsername
  a {    font-family: arial;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  text-transform: capitalize;  }  .k2LatestCommentsBlock.tab-comments .lcUsername
  a:hover {    color: #4aa9f1;  }  .k2LatestCommentsBlock.tab-comments .lcCommentDate {
  font-size: 11px;
  float: left;  }  .k2LatestCommentsBlock.tab-comments
  ul {    margin-left: 0;
  padding: 0;  }  .k2LatestCommentsBlock.tab-comments
  ul li {    list-style: none;
  background: #fff;
  display: block;
  padding: 0 0 10px;
  margin: 0 0 20px;
  border-bottom: 1px solid #3f444e;  }  .k2LatestCommentsBlock.tab-comments
  ul li.lastItem {    border: none;  }  .k2LatestCommentsBlock.tab-comments
  ul li:empty {    display: none;  }  .k2LatestCommentsBlock.tab-comments
  ul li a {    color: #666;  }  .k2LatestCommentsBlock.tab-comments
  ul li a:hover {    color: #4aa9f1;  }  .k2LatestCommentsBlock.tab-comments
  ul li .lcComment {    display: inline-block;
  max-width: 78%;
  border: 1px solid #f2f2f2;
  padding: 5px 10px;
  margin-bottom: 8px;
  position: relative;
  float: left;
  border-radius: 8px;
  font-size: 12px;
  font-style: italic;  }  .k2LatestCommentsBlock.tab-comments
  ul .even {    background: none repeat scroll 0 0 #fff;  }  .k2LatestCommentsBlock.tab-comments
  h3.modtitle {    background: #4aa9f1;
  color: #FFFFFF;
  font-size: 160%;
  font-weight: 400;
  margin: 0 0 20px;
  padding: 10px;
  text-transform: uppercase;
  width: 62%;  }  .k2ItemsBlock.k2-content-tags
  ul {    padding: 0;  }  .k2ItemsBlock.k2-content-tags
  ul li {    list-style: none;  }  .k2ItemsBlock.k2-content-tags
  ul li.even,  .k2ItemsBlock.k2-content-tags ul li.odd {    background: none;
  border: none;
  margin: 0 0 15px;
  padding: 0;
  border-bottom: 1px solid #cfcfcf;  }  .k2ItemsBlock.k2-content-tags
  ul li.even.lastItem,  .k2ItemsBlock.k2-content-tags ul li.odd.lastItem {    margin: 0;
  border-bottom: none;  }  .k2ItemsBlock.k2-content-tags
  ul li.even .moduleItemIntrotext,  .k2ItemsBlock.k2-content-tags ul li.odd .moduleItemIntrotext {    color: #ccc;
  line-height: 24px;  }  .k2ItemsBlock.k2-content-tags
  ul li.even .moduleItemIntrotext .moduleItemImage,  .k2ItemsBlock.k2-content-tags ul li.odd .moduleItemIntrotext .moduleItemImage {    display: inline-block;
  float: left;
  overflow: hidden;
  margin: 0 15px 0 0;  }  .k2ItemsBlock.k2-content-tags
  ul li.even .moduleItemIntrotext .moduleItemImage img,  .k2ItemsBlock.k2-content-tags ul li.odd .moduleItemIntrotext .moduleItemImage img {    float: none;
  margin: 0;
  border: none;
  transition: all 0.3s ease-in-out;  }  .k2ItemsBlock.k2-content-tags
  ul li.even .moduleItemIntrotext .moduleItemImage:hover img,  .k2ItemsBlock.k2-content-tags ul li.odd .moduleItemIntrotext .moduleItemImage:hover img {    transition: all 0.3s ease-in-out;
  transform: scale(1.2);  }  .k2ItemsBlock.k2-content-tags
  ul li.even .moduleItemTitle,  .k2ItemsBlock.k2-content-tags ul li.odd .moduleItemTitle {    font-size: 14px;
  display: block;
  color: #000;
  font-weight: bold;
  line-height: 20px;
  margin-top: -5px;  }  .k2ItemsBlock.k2-content-tags
  ul li.even .moduleItemTitle:hover,  .k2ItemsBlock.k2-content-tags ul li.odd .moduleItemTitle:hover {    color: #4aa9f1;  }  .k2ItemsBlock.k2-content-tags
  ul li.even .main,  .k2ItemsBlock.k2-content-tags ul li.odd .main {    display: inline-block;
  width: 68%;  }  .k2ItemsBlock.k2-content-tags
  ul li.even .main .introtext,  .k2ItemsBlock.k2-content-tags ul li.odd .main .introtext {    color: #444;  }  .k2ItemsBlock.k2-content-tags
  ul li.even .main p,  .k2ItemsBlock.k2-content-tags ul li.odd .main p {    color: #444;  }  .k2ItemsBlock.k2-content-tags
  ul li.even .moduleItemDateCreated,  .k2ItemsBlock.k2-content-tags ul li.odd .moduleItemDateCreated {    font-size: 11px;
  color: #999;
  margin-right: 20px;  }  .k2ItemsBlock.k2-content-tags
  ul li.even .moduleItemComments,  .k2ItemsBlock.k2-content-tags ul li.odd .moduleItemComments {    font-size: 11px;
  border: none;
  color: #999;  }  .k2ItemsBlock.k2-content-tags
  ul li.even .moduleItemComments:hover,  .k2ItemsBlock.k2-content-tags ul li.odd .moduleItemComments:hover {    color: #4aa9f1;  }  .k2-content-recent
  ul {    padding: 0;  }  .k2-content-recent
  ul li {    list-style: none;  }  .k2-content-recent
  ul li.even {    border-bottom: 1px dotted #eee;  }  .k2-content-recent
  ul li.even,  .k2-content-recent ul li.odd {    background: none;
  border-bottom: 1px dotted #ddd;
  margin: 0 0 15px;
  padding: 0 0 15px;  }  .k2-content-recent
  ul li.even.lastItem,  .k2-content-recent ul li.odd.lastItem {    margin: 0;  }  .k2-content-recent
  ul li.even .k2Avatar,  .k2-content-recent ul li.odd .k2Avatar {    display: block;
  overflow: hidden;  }  .k2-content-recent
  ul li.even .moduleItemIntrotext,  .k2-content-recent ul li.odd .moduleItemIntrotext {    color: #ccc;
  line-height: 24px;  }  .k2-content-recent
  ul li.even .moduleItemIntrotext .moduleItemImage,  .k2-content-recent ul li.odd .moduleItemIntrotext .moduleItemImage {    display: inline-block;
  float: left;
  overflow: hidden;
  margin: 0 15px 0 0;  }  .k2-content-recent
  ul li.even .moduleItemIntrotext .moduleItemImage img,  .k2-content-recent ul li.odd .moduleItemIntrotext .moduleItemImage img {    float: none;
  margin: 0;
  border: none;
  transition: all 0.3s ease-in-out;  }  .k2-content-recent
  ul li.even .moduleItemIntrotext .moduleItemImage:hover img,  .k2-content-recent ul li.odd .moduleItemIntrotext .moduleItemImage:hover img {    transition: all 0.3s ease-in-out;
  transform: scale(1.2);  }  .k2-content-recent
  ul li.even .moduleItemTitle,  .k2-content-recent ul li.odd .moduleItemTitle {    font-size: 14px;
  display: block;
  color: #444;
  font-weight: bold;
  line-height: 20px;
  margin-top: -5px;  }  .k2-content-recent
  ul li.even .moduleItemTitle:hover,  .k2-content-recent ul li.odd .moduleItemTitle:hover {    color: #4aa9f1;  }  .k2-content-recent
  ul li.even .main,  .k2-content-recent ul li.odd .main {    display: inline-block;
  width: 60%;  }  .k2-content-recent
  ul li.even .main .introtext,  .k2-content-recent ul li.odd .main .introtext {    color: #444;  }  .k2-content-recent
  ul li.even .main p,  .k2-content-recent ul li.odd .main p {    color: #444;  }  .k2-content-recent
  ul li.even .moduleItemDateCreated,  .k2-content-recent ul li.odd .moduleItemDateCreated {    font-size: 11px;
  color: #999;
  margin-right: 20px;  }  .k2-content-recent
  ul li.even .moduleItemComments,  .k2-content-recent ul li.odd .moduleItemComments {    font-size: 11px;
  border: none;
  color: #999;  }  .k2-content-recent
  ul li.even .moduleItemComments:hover,  .k2-content-recent ul li.odd .moduleItemComments:hover {    color: #4aa9f1;  }  #right .module
  div.moduletabs.top-position {    margin: 0;  }  .module.module_tabs .modcontent {
  padding-top: 0;  }  .module
  div.moduletabs.top-position {    margin: 0 -15px 0 0;  }  .module
  div.moduletabs.top-position div.tabs-content div.tabs-content-inner div.tab-content {    background: none;  }  .module
  div.moduletabs.top-position div.tabs-container {    position: relative;
  width: 100%;
  height: auto;
  border-top: 2px solid #4aa9f1;
  overflow: visible;
  z-index: 1;  }  .module
  div.moduletabs.top-position div.tabs-container ul.tabs li {    padding: 0;  }  .module
  div.moduletabs.top-position div.tabs-container ul.tabs li .tab.selected {    background: #4aa9f1;
  color: #fff;
  position: relative;
  border: none;  }  .module
  div.moduletabs.top-position div.tabs-container ul.tabs li .tab.selected:before {    content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-color: #4aa9f1 transparent transparent transparent;
  border-width: 9px 9px 0;
  bottom: -9px;
  left: 42%;  }  .module
  div.moduletabs.top-position div.tabs-container ul.tabs li .tab.selected:hover {    color: #fff;  }  .module
  div.moduletabs.top-position div.tabs-container ul.tabs li .tab {    font-size: 14px;
  font-weight: bold;
  padding: 8px 0;
  background: #EEEEEE;
  margin: 0 0 16px;
  color: #4a505c;  }  .module
  div.moduletabs.top-position div.tabs-container ul.tabs li .tab:hover {    color: #4aa9f1;  }  .module
  div.moduletabs.top-position div.tabs-container ul.tabs li:last-child .tab {    border: none;  }  .module
  div.moduletabs.top-position div.tabs-content-wrap div.tabs-content {    border-top: none;  }  .module
  div.moduletabs.top-position div.tabs-content-wrap div.tabs-content div.k2ItemsBlock ul {    margin: 0;  }  .module
  div.moduletabs.top-position .mod-k2-content ul li.even .moduleItemTitle,  .module div.moduletabs.top-position .mod-k2-content ul li.odd .moduleItemTitle {    color: #444;
  line-height: 20px;
  font-weight: bold;
  font-size: 14px;  }  .module
  div.moduletabs.top-position .mod-k2-content ul li.even .moduleItemTitle:hover,  .module div.moduletabs.top-position .mod-k2-content ul li.odd .moduleItemTitle:hover {    color: #4aa9f1;  }  .module.k2-slider-style-one
  h3.modtitle {    color: #000;
  margin: 0 0 20px;
  text-align: right;
  font-family: "Kufi-Arabic-Bold";  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider {
  margin: 0;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button {
  margin: 0;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button {
  text-indent: 0;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button .preview {
  background: none;
  color: #444;
  font-size: 14px;
  opacity: 1;
  bottom: 35px;
  width: auto;
  /* left: 8px; */
  left: 0;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button .preview
  i {    margin: 0;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button .preview:hover {
  color: #4aa9f1;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button .next {
  background: none;
  color: #444;
  font-size: 14px;
  opacity: 1;
  bottom: 35px;
  width: auto;
  left: 14px;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button .next
  i {    margin: 0;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button .next:hover {
  color: #4aa9f1;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider {
  margin: 0 -1%;
  text-align: right;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img {
  padding: 0;
  border: none;
  /* text-align: right; */  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img .item-img-info {
  overflow: hidden;
  position: relative;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img .item-img-info .over-image {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  opacity: 0.5;
  top: 0;
  left: 0;
  pointer-events: none;
  box-shadow: 0 0 0 0 #4aa9f1 inset;
  transition: all 0.2s ease-out;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img .item-img-info
  img {    transition: all 0.2s ease-out;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img .item-img-info:hover
  img {    -moz-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -webkit-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -o-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -ms-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transition: all 0.2s ease-out;
  transition-delay: 0.1s;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img .item-img-info:hover .over-image {
  opacity: 1;
  box-shadow: 0 0 0 8px #4aa9f1 inset;
  transition: all 0.2s ease-out;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img:hover {
  opacity: 1;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-title
  a {    color: #000;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-content .item-des {
  color: #666;
  line-height: 20px;
  font-weight: 300;
  font-size: 13px;
  margin: 0 0 15px;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-content .item-read {
  display: inline-block;
  border: 1px solid #ddd;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 11px;
  font-family: "Kufi-Arabic-Regular";  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-content .item-read
  a {    color: #000;
  font-weight: 500;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-content .item-read
  a i {    height: 25px;
  padding: 0 6px;
  line-height: 28px;
  border-right: 1px solid #ddd;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-content .item-read
  a span {    padding: 0 8px;
  height: 20px;
  line-height: 20px;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-content .item-read:hover {
  border-color: #4aa9f1;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-content .item-read:hover
  a {    color: #4aa9f1;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-info .item-content .item-read:hover
  i {    border-color: #4aa9f1;  }  .module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item:hover .item-wrap .item-info .item-title
  a {    color: #4aa9f1;  }  .k2TagCloudBlock.tags-k2 {
  padding: 0;  }  .k2TagCloudBlock.tags-k2
  a {    display: inline-block;
  position: relative;
  margin: 0 5px 5px 0;
  padding: 5px 10px 5px 15px;
  color: #666;
  text-transform: capitalize;
  border: 1px solid #ddd;  }  .k2TagCloudBlock.tags-k2
  a:hover {    padding: 5px 10px 5px 15px;
  background: #4aa9f1;
  color: #fff;
  border-color: #4aa9f1;  }  .module.content-accordion
  h3.modtitle {    display: inline-block;
  font-weight: bold;
  font-size: 24px;
  color: #4aa9f1;
  border-color: #4aa9f1;
  margin-bottom: 30px;  }
  div.sj-accordion {    border: none;  }
  div.sj-accordion .acd-items {    border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;  }
  div.sj-accordion .acd-items .acd-item:nth-child(1) .acd-header {    border-top: 1px solid #ebebeb;  }
  div.sj-accordion .acd-items .acd-item .acd-header {    margin: 0;
  font-family: "Kufi-Arabic-Regular";
  padding: 10px 15px;
  position: relative;
  color: #666;
  background:#fff;
  border-bottom: 1px solid #ddd;
  border-right: none;
  border-left: none;
  border-top: none;
  transition: all 0.2s ease-in-out;  }
  div.sj-accordion .acd-items .acd-item .acd-header &gt;span {    color: #4aa9f1;
  font-weight: bold;  }
  div.sj-accordion .acd-items .acd-item .acd-header:hover {    background: #f4f4f4;
  color: #4aa9f1;
  transition: all 0.3s ease-in-out;  }
  div.sj-accordion .acd-items .acd-item .acd-header:hover:before {    background-color: #4aa9f1;  }
  div.sj-accordion .acd-items .acd-item .acd-content-wrap .acd-content-wrap-inner {    padding: 0 10px;
  font-weight: 300;
  font-size: 12pt;  }
  div.sj-accordion .acd-items .acd-item.selected {    border-bottom: 1px solid #ebebeb;
  margin: 0;  }
  div.sj-accordion .acd-items .acd-item.selected .acd-header {    background: #4aa9f1;
  color: #fff;
  font-weight: normal;
  border: none;  }
  div.sj-accordion .acd-items .acd-item.selected .acd-header &gt;span {    color: #fff;
  font-weight: bold;  }
  div.sj-accordion .acd-items .acd-item.selected .acd-content-wrap {    margin: 10px 0;  }
  div.sj-accordion .acd-items .acd-item.selected .acd-content-wrap .acd-content-wrap-inner {    padding: 0 10px;  }  .extra-upcoming-slider
  h3.modtitle {    color: #fff;
  margin: 0 0 20px;
  text-align: right;
  font-family: "Kufi-Arabic-Bold";  }  .extra-upcoming-slider .sj-extraslider {
  margin: 0 -15px;  }  .extra-upcoming-slider .sj-extraslider .extraslider-control {
  float: none;
  text-align: center;
  padding-top: 25px;  }  .extra-upcoming-slider .sj-extraslider .extraslider-control .nav-page {
  float: none;  }  .extra-upcoming-slider .sj-extraslider .extraslider-control .nav-page .page {
  display: inline-block;
  float: none;  }  .extra-upcoming-slider .sj-extraslider .extraslider-control .nav-page .page .button-page {
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background: none;
  border: 2px solid #fff;
  margin: 0 3px;
  /* float: right; */  }  .extra-upcoming-slider .sj-extraslider .extraslider-control .nav-page .page .button-page.sel,  .extra-upcoming-slider .sj-extraslider .extraslider-control .nav-page .page .button-page:hover {
  background: #fff;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner {
  border: none;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item-wrap-inner {
  margin: 0 15px;
  overflow: visible;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line {
  border: none;
  margin: 0;
  padding: 0 0 20px;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image {
  position: relative;
  overflow: hidden;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .over-image {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  opacity: 0.5;
  top: 0;
  left: 0;
  pointer-events: none;
  box-shadow: 0 0 0 0 #4aa9f1 inset;
  transition: all 0.2s ease-out;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image
  img {    transition: all 0.2s ease-out;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image:hover
  img {    -moz-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -webkit-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -o-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -ms-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transition: all 0.2s ease-out;
  transition-delay: 0.1s;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image:hover .over-image {
  opacity: 1;
  box-shadow: 0 0 0 8px #4aa9f1 inset;
  transition: all 0.2s ease-out;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .time-image {
  display: inline-block;
  padding: 20px 30px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  height: 100%;
  color: #fff;
  background-size: 100% 100%;
  transition: all 0.5s ease-in-out;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .time-image:before {
  content: "";
  height: 100%;
  width: 100%;
  background: #4aa9f1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.8;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .time-image .item-created {
  display: block;
  clear: both;
  margin: 0 0 20px;
  position: relative;
  z-index: 2;
  font-size: 12pt;
  font-family: "Kufi-Arabic-Regular";  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .time-image .item-created
  span {    display: block;
  font-weight: bold;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .time-image .item-created
  span:nth-child(1) {    font-size: 30px;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .time-image .event-time {
  display: inline-block;
  position: relative;
  z-index: 2;
  font-weight: 500;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .time-image .event-time .start-time:after {
  content: "\f068";
  font-family: fontawesome;
  display: block;
  font-size: 7px;
  line-height: 7px;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image:hover .time-image {
  left: -100%;
  transition: all 0.5s ease-in-out;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info {
  background: none;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-title {
  background: #fff;
  font-weight: 500;
  font-size: 10pt;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-title
  a {    color: #000;
  text-transform: uppercase;
  padding: 0;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-title
  a:hover {    color: #4aa9f1;
  text-decoration: none;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .school {
  padding: 10px;
  color: #666;
  background: #fff;
  font-weight: 300;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .school
  p {    margin: 0;
  font-weight: 300;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .school
  a {    color: #4aa9f1;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .school
  a:hover {    color: #4a505c;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-content {
  position: relative;
  background: #fff;
  margin: 0;
  padding: 0 10px 10px;
  font-weight: 300;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-content .item-description {
  color: #000;
  margin-bottom: 30px;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-content .item-readmore {
  text-align: right;
  position: absolute;
  right: 20px;
  bottom: -10px;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-content .item-readmore
  a {    display: inline-block;
  font-size: 18px;
  padding: 8px 16px;
  background: #3f444e;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-content .item-readmore
  a i {    margin: 0;
  color: #fff;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-content .item-readmore
  a:hover {    background: #4aa9f1;  }  .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap:hover .item-info .item-title
  a {    color: #4aa9f1;  }  .style-me-scattered .sj-sg-gallery {
  direction: ltr;  }  .style-me-scattered .sj-sg-gallery
  nav span:after {    content: "\f0e2";
  font-family: "fontawesome";
  font-size: 14px;  }  .style-me-scattered .sj-sg-gallery .sg-photostack {
  background: url(../images/bg/bg-3.jpg) no-repeat 0 0 fixed;
  background-size: 100% 100%;  }  .style-me-scattered .sj-sg-gallery .sg-photostack .sg-container
  figure {    padding: 25px;  }  .style-me-scattered .sj-sg-gallery .sg-photostack .sg-container
  figure figcaption .sg-title a:hover {    color: #4aa9f1;
  text-decoration: none;  }  .style-me-scattered .sj-sg-gallery .sg-photostack .sg-container
  figure img {    box-shadow: 0 0 0 0 #4aa9f1;
  transition: all 0.3s ease-in-out;  }  .style-me-scattered .sj-sg-gallery .sg-photostack .sg-container
  figure img:hover {    opacity: 1;
  box-shadow: 0 0 1px 8px #4aa9f1;
  transition: all 0.3s ease-in-out;  }  .style-me-scattered .sj-sg-gallery .sg-photostack .buttom-click {
  transition: all 0.5s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 999;
  font-family: "Kufi-Arabic-Bold";  }  .style-me-scattered .sj-sg-gallery .sg-photostack .buttom-click
  span {    padding: 20px 30px;
  text-transform: uppercase;
  border: 3px solid #fff;
  opacity: 1;
  box-shadow: 0 0 0 0 #fff;  }  .style-me-scattered .sj-sg-gallery .sg-photostack.photostack-perspective {
  transition: all 0.5s ease-in-out;  }  .style-me-scattered .sj-sg-gallery .sg-photostack.photostack-perspective .buttom-click
  span {    transition: all 0.5s ease-in-out;
  opacity: 0;
  box-shadow: 0 0 10px 30px #fff;  }  .trending-posts {
  position: relative;  }  .trending-posts
  h3.modtitle {    color: #000;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px dashed #ccc;  }  .trending-posts .sj-extraslider {
  margin: 0;  }  .trending-posts .sj-extraslider .extraslider-control {
  position: absolute;
  top: 0;
  right: 0;  }  .trending-posts .sj-extraslider .extraslider-control
  i {    margin: 0;
  font-size: 11px;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 18px;
  top: 0;
  left: 0;  }  .trending-posts .sj-extraslider .extraslider-control .button-prev {
  height: 18px;
  width: 18px;
  border-radius: 99px;
  margin: 0 3px;
  line-height: 18px;
  text-align: center;
  background: #c4cace;
  color: #fff;
  position: relative;  }  .trending-posts .sj-extraslider .extraslider-control .button-prev:hover {
  background: #3f444e;  }  .trending-posts .sj-extraslider .extraslider-control .button-next {
  height: 18px;
  width: 18px;
  border-radius: 99px;
  line-height: 16px;
  text-align: center;
  background: #c4cace;
  color: #fff;
  position: relative;  }  .trending-posts .sj-extraslider .extraslider-control .button-next:hover {
  background: #3f444e;  }  .trending-posts .sj-extraslider .extraslider-inner {
  border: none;  }  .trending-posts .sj-extraslider .extraslider-inner .item-wrap.style1 .item-info {
  position: static;
  background: none;  }  .trending-posts .sj-extraslider .extraslider-inner .item-wrap.style1 .item-info .item-title {
  padding: 0;  }  .trending-posts .sj-extraslider .extraslider-inner .item-wrap.style1 .item-info .item-title
  a {    color: #000;
  font-size: 14px;
  font-weight: bold;  }  .trending-posts .sj-extraslider .extraslider-inner .item-wrap.style1 .item-info .item-title
  a:hover {    color: #4aa9f1;  }  .trending-posts .sj-extraslider .extraslider-inner .item-wrap.style1 .item-info .item-content {
  margin: 0 0 10px;  }  .trending-posts .sj-extraslider .extraslider-inner .item-wrap.style1 .item-info .item-content .item-description {
  color: #000;
  font-size: 12px;  }  .trending-posts .sj-extraslider .item .line {
  border-top: none;
  border-bottom: 1px solid #ccc;  }  .trending-posts .sj-extraslider .item .line:last-child {
  border: none;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first {
  margin-bottom: 30px;
  display: block;
  overflow: hidden;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-image {
  display: inline-block;
  float: right;
  margin-left: 30px;
  overflow: hidden;
  position: relative;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-image .over-image {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  opacity: 0.5;
  top: 0;
  left: 0;
  pointer-events: none;
  box-shadow: 0 0 0 0 #4aa9f1 inset;
  transition: all 0.2s ease-out;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-image
  img {    transition: all 0.2s ease-out;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-image:hover
  img {    -moz-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -webkit-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -o-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -ms-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transition: all 0.2s ease-out;
  transition-delay: 0.1s;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-image:hover .over-image {
  opacity: 1;
  box-shadow: 0 0 0 8px #4aa9f1 inset;
  transition: all 0.2s ease-out;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .content-main .item-title
  a {    color: #000;
  font-weight: 500;
  text-transform: uppercase;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .content-main .item-title
  a:hover {    color: #4aa9f1;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .content-main .item-description {
  color: #666;
  margin: 0 0 20px;
  font-weight: 300;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .by-date {
  padding: 0;
  display: inline-block;
  margin: 0 -3px 5px;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .by-date
  li {    list-style: none;
  display: inline-block;
  margin: 0 3px;
  font-size: 11px;
  color: #999;
  font-style: italic;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .by-date
  li:nth-child(1) {    color: #4aa9f1;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .by-date
  li:nth-child(1) span {    color: #999;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-readmore {
  display: inline-block;
  border: 1px solid #ddd;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 11px;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-readmore
  a {    color: #000;
  font-weight: 500;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-readmore
  a i {    height: 27px;
  padding: 0 7px;
  line-height: 28px;
  border-right: 1px solid #ddd;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-readmore
  a span {    padding: 0 7px;
  height: 24px;
  line-height: 20px;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-readmore:hover {
  border-color: #4aa9f1;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-readmore:hover
  a {    color: #4aa9f1;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-first .item-readmore:hover
  i {    border-color: #4aa9f1;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-other {
  float: left;
  width: 100%;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link {
  padding: 0;
  overflow: hidden;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link
  li.row {    list-style: none;
  padding: 10px 0;
  font-weight: 300;
  border-bottom: 1px solid #ebebeb;
  direction: rtl;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link
  li.row:nth-child(1) {    border-top: 1px solid #ebebeb;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link
  li.row:last-child {    border-bottom: none;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link
  li.row a {    color: #000;
  float: right;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link
  li.row a:hover {    color: #4aa9f1;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link .by-date {
  display: inline-block;
  margin: 0 -3px 5px;
  text-align: right;
  font-weight: 300;
  /* font-size: 26pt; */
  font-family: "Kufi-Arabic-Regular";  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link .by-date
  li {    list-style: none;
  display: inline-block;
  margin: 0 3px;
  font-size: 12px;
  color: #999;
  font-style: italic;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link .by-date
  li:nth-child(1) {    color: #4aa9f1;  }  .module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link .by-date
  li:nth-child(1) span {    color: #999;  }  .module.k2-mega-new-main .modcontent .sj-meganew .meganew-viewall {
  display: inline-block;
  border: 1px solid #ddd;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 11px;
  float: left;  }  .module.k2-mega-new-main .modcontent .sj-meganew .meganew-viewall
  a {    color: #000;
  font-weight: 500;  }  .module.k2-mega-new-main .modcontent .sj-meganew .meganew-viewall
  a i {    height: 35px;
  padding: 0 10px;
  line-height: 35px;
  border-right: 1px solid #ddd;  }  .module.k2-mega-new-main .modcontent .sj-meganew .meganew-viewall
  a span {    padding: 0 15px;
  height: 35px;
  line-height: 35px;  }  .module.k2-mega-new-main .modcontent .sj-meganew .meganew-viewall:hover {
  border-color: #4aa9f1;  }  .module.k2-mega-new-main .modcontent .sj-meganew .meganew-viewall:hover
  a {    color: #4aa9f1;  }  .module.k2-mega-new-main .modcontent .sj-meganew .meganew-viewall:hover
  i {    border-color: #4aa9f1;  }
  div.contact-ajax .ctajax-wrap.bigmap .col-md-12 {    margin-bottom: 20px;  }
  div.contact-ajax .ctajax-wrap .el-control {    position: relative;  }
  div.contact-ajax .ctajax-wrap .el-control .ca-tooltip {    position: absolute;
  right: 10px;
  top: 0;  }
  div.contact-ajax .ctajax-wrap .ctajax-element .el-ctajax-form input[type="submit"] {    padding: 8px 35px;
  border-radius: 0;
  background: #4aa9f1;
  border: none;
  color: #fff;  }
  div.contact-ajax .ctajax-wrap .ctajax-element .el-ctajax-form input[type="submit"]:hover {    background: #23262D;  }
  div.contact-ajax .ctajax-wrap .ctajax-element .el-inner .el-heading {    font-size: 18px;  }
  div.contact-ajax .ctajax-wrap .ctajax-element .el-inner .el-ctajax-form input.el-input {    width: 85%;  }  .stats-module
  dt {    width: 35%;
  display: inline-block;
  font-weight: bold;  }  .stats-module
  dd {    width: 63%;
  display: inline-block;  }  .module._menu.side-menu .modcontent
  ul.menu &gt; li.parent &gt;a:after,  .module._menu.side-menu .modcontent ul.menu &gt; li.parent span:after {    content: "\f0da";
  font-family: FontAwesome;
  margin: 0 10px;
  float: right;  }  .module._menu.side-menu .modcontent
  ul.menu &gt; li.parent ul {    left: -100%;
  -webkit-transition: transform 0.2s ease-in-out 0s;
  -moz-transition: transform 0.2s ease-in-out 0s;
  -o-transition: transform 0.2s ease-in-out 0s;
  transition: transform 0.2s ease-in-out 0s;  }  .module._menu.side-menu .modcontent
  ul.menu &gt; li.parent ul li.parent &gt; span {    color: #777;
  cursor: pointer;  }  .module._menu.side-menu .modcontent
  ul.menu &gt; li.parent ul li.parent &gt; span:after {    content: "\f0da";
  font-family: FontAwesome;
  position: relative;
  float: right;  }  .module._menu.side-menu .modcontent
  ul.menu &gt; li.parent ul li.parent &gt; span:hover {    color: #4aa9f1;  }  .module._menu.side-menu .modcontent
  ul.menu &gt; li.parent ul li ul {    display: none;
  width: 220px;  }  .module._menu.side-menu .modcontent
  ul.menu &gt; li.parent:hover ul {    top: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 15px;  }  .module._menu.side-menu .modcontent
  ul.menu &gt; li.parent:hover ul li {    position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding: 4px 10px;  }  .module._menu.side-menu .modcontent
  ul.menu &gt; li.parent:hover ul li:last-child {    border: none;  }  .module._menu.side-menu .modcontent
  ul.menu &gt; li.parent:hover ul li.parent &gt; a:after {    content: "\f0da";
  font-family: FontAwesome;
  position: relative;
  float: right;  }  .module._menu.side-menu .modcontent
  ul.menu &gt; li.parent:hover ul li:hover ul {    display: block;
  left: -220px;
  position: absolute;
  top: 0;
  z-index: 10;
  background: #fff;  }  .module._menu.side-menu .modcontent
  ul.menu &gt; li.parent:hover ul li:hover ul li {    padding: 4px 5px;  }  .module._menu.side-menu .modcontent
  ul.menu li a.fa-home:before {    margin-right: 10px;  }  .module._menu.tree-menu .modcontent
  ul.menu li ul {    display: none;  }  .module._menu.tree-menu .modcontent
  ul.menu li a:after {    display: none;  }  .module._menu.tree-menu .modcontent
  ul.menu li:hover ul {    display: none;  }  .module._menu.tree-menu .modcontent
  ul.menu &gt; li.parent.active &gt; a:after {    display: inline-block;  }  .module._menu.tree-menu .modcontent
  ul.menu &gt; li.parent.active ul {    background: #fff;
  display: block;
  position: static;
  border: 0;
  padding-left: 20px;
  list-style-type: circle;  }  .module._menu.tree-menu .modcontent
  ul.menu &gt; li.parent.active ul li.parent &gt; span {    color: #777;
  cursor: pointer;  }  .module._menu.tree-menu .modcontent
  ul.menu &gt; li.parent.active ul li.parent &gt; span:hover {    color: #4aa9f1;  }  .module._menu.tree-menu .modcontent
  ul.menu &gt; li.parent.active:hover ul ul {    font-size: 91%;  }  .module._menu.tree-menu .modcontent
  ul.menu li a.fa-home:before {    margin-right: 10px;  }  .module.sjflatmenu {
  border: 1px solid #ddd;
  background: #fff;
  position: relative;
  z-index: 0;  }  .module.sjflatmenu
  h3.modtitle {    padding: 16px 20px;  }  .module.sjflatmenu .modcontent {
  padding: 15px;  }  .module.sjflatmenu .modcontent .pretext,  .module.sjflatmenu .modcontent .posttext {
  display: none;  }  .module.sjflatmenu .modcontent .flyout-menu {
  border: none;
  background: #fff;  }  .module.sjflatmenu .modcontent .flyout-menu
  li {    background: #fff;
  border-bottom: #ddd 1px solid;  }  .module.sjflatmenu .modcontent .flyout-menu
  li .fm-item .fm-link a {    color: #4a505c;
  font-weight: normal;  }  .module.sjflatmenu .modcontent .flyout-menu
  li .fm-item .fm-link a img {    display: none;  }  .module.sjflatmenu .modcontent .flyout-menu
  li .fm-container ul {    border: #ddd 1px solid;
  list-style: none;  }  .module.sjflatmenu .modcontent .flyout-menu
  li .fm-container ul li .fm-item .fm-link a {    color: #4a505c;
  font-weight: normal;
  padding-left: 0;
  background: none;  }  .module.sjflatmenu .modcontent .flyout-menu
  li .fm-container ul li .fm-item .fm-link a img {    display: none;  }  .module.sjflatmenu .modcontent .flyout-menu
  li .fm-container ul li:hover .fm-item .fm-link a {    color: #fff;  }  .module.sjflatmenu .modcontent .flyout-menu
  li .fm-container ul li:hover .fm-container .fm-item .fm-link a {    color: #4a505c;  }  .module.sjflatmenu .modcontent .flyout-menu
  li .fm-container ul li:hover .fm-container li:hover .fm-item .fm-link a {    color: #fff;  }  .module.sjflatmenu .modcontent .flyout-menu
  li .fm-container ul li:hover .fm-container li:hover .fm-container .fm-item .fm-link a {    color: #4a505c;  }  .module.sjflatmenu .modcontent .flyout-menu
  li .fm-container ul li:hover .fm-container li:hover .fm-container li:hover .fm-item .fm-link a {    color: #fff;  }  .module.sjflatmenu .modcontent .flyout-menu
  li.fm-last {    border: none;  }  .module.sjflatmenu .modcontent .flyout-menu
  li:hover {    background: #4aa9f1;  }  .module.sjflatmenu .modcontent .flyout-menu
  li:hover .fm-item .fm-link a {    color: #fff;  }  .module.sjflatmenu .modcontent .accordion-menu {
  border: none;
  margin-top: -16px;
  background: #fff;  }  .module.sjflatmenu .modcontent .accordion-menu
  li {    background: #fff;
  border-bottom: #ddd 1px solid;  }  .module.sjflatmenu .modcontent .accordion-menu
  li a {    color: #4a505c;  }  .module.sjflatmenu .modcontent .accordion-menu
  li a img {    display: none;  }  .module.sjflatmenu .modcontent .accordion-menu
  li.fm-last {    border-bottom: none;  }  .module.sjflatmenu .modcontent .accordion-menu
  li.fm-opened &gt; .fm-item {    border-bottom: none;  }  .module.sjflatmenu .modcontent .accordion-menu
  li.fm-opened .fm-container ul {    list-style-type: circle;
  margin-left: 20px;  }  .module.sjflatmenu .modcontent .accordion-menu
  li.fm-opened .fm-container ul li {    border: none;
  padding: 2px 0;  }  .module.sjflatmenu .modcontent .accordion-menu
  li.fm-opened .fm-container ul li a {    padding-left: 0;
  line-height: normal;  }  .module.sjflatmenu .modcontent .accordion-menu
  li .fm-item a {    background: none;
  padding-left: none;
  font-weight: normal;  }  .module.sjflatmenu .modcontent .accordion-menu
  li:hover {    background: #4aa9f1;  }  .module.sjflatmenu .modcontent .accordion-menu
  li:hover a {    color: #fff;  }  .module.sjflatmenu .modcontent .accordion-menu
  li.fm-opened:hover {    background: #fff;  }  .module.sjflatmenu .modcontent .accordion-menu
  li.fm-opened:hover li:hover {    background: #fff;  }  .module.sjflatmenu .modcontent .accordion-menu
  li.fm-opened:hover a {    color: #4a505c;  }  .module.sjflatmenu .modcontent .accordion-menu
  li.fm-opened:hover a:hover {    color: #4aa9f1;  }  .module.sjflatmenu .modcontent .accordion-menu
  li.fm-opened .fm-item a {    color: #4a505c;  }  .module.sjflatmenu .modcontent .accordion-menu
  li.fm-opened .fm-item:hover a {    color: #4aa9f1;  }  .social-counter .sj-social-media-counts .sc-wrap {
  margin: 0 -5px;  }  .social-counter .sj-social-media-counts .sc-wrap .sc-item {
  margin-bottom: 20px;  }  .social-counter .sj-social-media-counts .sc-wrap .sc-item .sc-icon {
  height: 60px;
  line-height: 60px;
  width: 40px;
  border-color: rgba(255,255,255,0.2);  }  .social-counter .sj-social-media-counts .sc-wrap .like-count {
  font-size: 14px;
  line-height: 22px;
  padding: 0 12px;  }  .social-counter .sj-social-media-counts .sc-wrap .like-text {
  font-size: 12px;
  padding: 0 12px;
  text-transform: uppercase;  }  .module.slick-slider-hexagon {
  margin: 0;  }
  div.sj-k2slickslider img {    width: auto;  }
  div.sj-k2slickslider .slickslider-items {    margin: auto;  }
  div.sj-k2slickslider .slickslider-items .item-content {    top: 0;
  left: 0;
  width: 100%;
  z-index: 2;  }
  div.sj-k2slickslider .slickslider-items .item-content .item-content-inner {    padding-top: 200px;  }
  div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-title {    margin: 0 0 1px;
  text-align: center;
  animation: mymove2 1.2s ease-in infinite;
  -webkit-animation: mymove2 1.2s ease-in-out;
  -moz-animation: mymove2 1.2s ease-in-out infinite;
  -o-animation: mymove2 1.2s ease-in-out;
  -ms-animation: mymove2 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;  }
  div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-title a {    color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 20px;
  margin: 0 0 20px;
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
  position: relative;
  display: inline-block;  }
  div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-title a:hover {    color: #c5e0f4;
  transition: all 0.1s ease-in;  }
  div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-title .line {    display: block;
  overflow: hidden;
  height: 4px;
  width: 80px;
  margin: 0 auto 20px;
  background: #4aa9f1;
  transition: all 1s ease-in;  }
  div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-description {    white-space: normal;
  color: #fff;
  margin: 0 auto 30px;
  width: 70%;
  text-align: center;
  position: relative;
  animation: mymove6 0.8s ease-in infinite;
  -webkit-animation: mymove6 0.8s ease-in;
  -moz-animation: mymove6 0.8s ease-in infinite;
  -o-animation: mymove6 0.8s ease-in;
  -ms-animation: mymove6 0.8s ease-in;
  transition: all 0.8s ease-in;  }
  div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-readmore {    float: none;
  margin: auto;
  display: block;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  width: 160px;
  border-radius: 2px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  background: #4aa9f1;
  padding: 0;
  position: relative;
  transition: all 1.5s ease;
  animation: mymove3 1.2s ease-in infinite;
  -webkit-animation: mymove3 1.2s ease-in;
  -moz-animation: mymove3 1.2s ease-in infinite;
  -ms-animation: mymove3 1.2s ease-in 1;
  -o-animation: mymove3 1.2s ease-in 1;
  transition: all 1.2s ease-in;  }
  div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-readmore:before {    content: "";
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.2;  }
  div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-readmore a {    color: #fff;
  position: absolute;
  text-decoration: none;
  float: none;
  background: none;
  padding: 0;
  height: auto;
  line-height: 50px;
  width: 100%;
  top: 0;
  left: 0;  }
  div.sj-k2slickslider .slickslider-items .item-content .item-content-inner .item-readmore:hover {    background: #3f444e;  }
  div.sj-k2slickslider .slickslider-items.bg-style1,  div.sj-k2slickslider .slickslider-items.bg-style1 {    background: none;  }
  div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item .images-slideshow,  div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item .images-slideshow {    position: relative;  }
  div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item .images-slideshow img,  div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item .images-slideshow img {    max-width: none;  }
  div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item.active .item-content .item-title,  div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item.active .item-content .item-title {    animation: mymove2 1.2s ease-in-out infinite;
  -webkit-animation: mymove2 1.2s ease-in-out;
  -moz-animation: mymove2 1.2s ease-in-out;
  -o-animation: mymove2 1.2s ease-in-out;
  -ms-animation: mymove2 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;  }
  div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item.active .item-content .item-description,  div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item.active .item-content .item-description {    -webkit-animation: mymove6 0.8s ease-in;
  -moz-animation: mymove6 0.8s ease-in;
  animation: mymove6 0.8s ease-in;  }
  div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item.active .item-content .item-readmore,  div.sj-k2slickslider .slickslider-items.bg-style1 .slickslider-item.active .item-content .item-readmore {    -webkit-animation: mymove3 1.2s ease-in;
  -moz-animation: mymove3 1.2s ease-in;
  animation: mymove3 1.2s ease-in;  }
  div.sj-k2slickslider .nav-pagination.conner-tl {    left: 0;
  right: 0;
  top: 42%;
  max-width: 100%;
  background: none;
  box-shadow: none;
  pointer-events: none;
  z-index: 2;  }
  div.sj-k2slickslider .nav-pagination.conner-tl a.left {    position: absolute;
  left: -100px;
  height: 60px;
  width: 60px;
  border-radius: 60px;
  line-height: 60px;
  text-align: center;
  overflow: hidden;
  text-indent: 99px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #999;
  text-transform: uppercase;
  pointer-events: auto;
  transition: all 0.3s ease-in-out;
  background: url(../images/icon/row-left.png) no-repeat center center rgba(255,255,255,0.7);  }
  div.sj-k2slickslider .nav-pagination.conner-tl a.left:hover {    width: 120px;
  transition: all 0.3s ease-in-out;
  background-position: 15px center;
  text-indent: 0;
  padding-left: 10px;
  background-color: #fff;  }
  div.sj-k2slickslider .nav-pagination.conner-tl a.right {    position: absolute;
  right: -100px;
  height: 60px;
  width: 60px;
  border-radius: 60px;
  line-height: 60px;
  text-align: center;
  overflow: hidden;
  text-indent: -99px;
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #999;
  text-transform: uppercase;
  pointer-events: auto;
  transition: all 0.3s ease-in-out;
  background: url(../images/icon/row-right.png) no-repeat center center rgba(255,255,255,0.7);  }
  div.sj-k2slickslider .nav-pagination.conner-tl a.right:hover {    width: 120px;
  transition: all 0.3s ease-in-out;
  background-position: 85px center;
  background-color: #fff;
  text-indent: 0;
  padding-right: 10px;  }
  div.sj-k2slickslider div.pag-item {    position: absolute;
  bottom: 50px;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 2;  }
  div.sj-k2slickslider div.pag-item a {    list-style: none;
  display: inline-block;
  margin: 0 5px;
  height: 10px;
  width: 10px;
  border: 2px solid #fff;
  border-radius: 13px;
  overflow: hidden;
  text-indent: -999px;
  cursor: pointer;  }
  div.sj-k2slickslider div.pag-item a.sel {    background: #fff;  }
  div.sj-k2slickslider:hover .nav-pagination.conner-tl a.left {    left: 30px;
  -moz-transform: rotateZ(360deg);
  -webkit-transform: rotateZ(360deg);
  transform: rotateZ(360deg);
  transition: all 0.3s ease-in-out;  }
  div.sj-k2slickslider:hover .nav-pagination.conner-tl a.right {    right: 30px;
  -moz-transform: rotateZ(-360deg);
  -webkit-transform: rotateZ(-360deg);
  transform: rotateZ(-360deg);
  transition: all 0.3s ease-in-out;  }  #bd .pp_default .pp_content_container .pp_content .pp_details {
  margin: -4px 0 0;  }  .module.featured-videos {
  background: #eee;  }  .module.featured-videos
  h3.modtitle {    background: #3f444e;
  margin: 0 0 20px;  }  .module.featured-videos .modcontent {
  padding: 0 15px 30px;  }  .module.featured-videos .sj-k2-container-slider {
  margin: 0;  }  .module.featured-videos .sj-k2-container-slider .page-button .control-button .preview {
  background: #404a4f;
  border-radius: 99px;
  color: #fff;
  height: 16px;
  line-height: 16px;
  margin: 0 3px;
  text-align: center;
  width: 16px;
  top: -45px;
  right: 10px;
  z-index: 1;
  bottom: auto;
  text-indent: 0;  }  .module.featured-videos .sj-k2-container-slider .page-button .control-button .preview
  i {    margin: 0;  }  .module.featured-videos .sj-k2-container-slider .page-button .control-button .preview:hover {
  background: #a6b0b5;  }  .module.featured-videos .sj-k2-container-slider .page-button .control-button .next {
  background: #404a4f;
  border-radius: 99px;
  color: #fff;
  height: 16px;
  line-height: 16px;
  margin: 0 3px;
  text-align: center;
  width: 16px;
  top: -45px;
  z-index: 1;
  right: -10px;
  bottom: auto;
  text-indent: 0;  }  .module.featured-videos .sj-k2-container-slider .page-button .control-button .next
  i {    margin: 0;  }  .module.featured-videos .sj-k2-container-slider .page-button .control-button .next:hover {
  background: #a6b0b5;  }  .module.featured-videos .sj-k2-container-slider .slider {
  z-index: 9;  }  .module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img {
  padding: 0;
  border: none;  }  .module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img .item-img-info {
  position: relative;
  overflow: hidden;  }  .module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img .item-img-info:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/icon/youtube.png") no-repeat center;
  pointer-events: none;
  transition: all 0.3s ease-in-out;  }  .module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img .item-img-info:hover:after {
  animation: myeffect 1s ease-in-out;
  -webkit-animation: myeffect 1s ease-in-out;
  -moz-animation: myeffect 1s ease-in-out;
  -ms-animation: myeffect 1s ease-in-out;
  -o-animation: myeffect 1s ease-in-out;
  transition: all 0.3s ease-in-out;  }  .module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img:hover {
  opacity: 1;  }  .module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img .item-info .item-title {
  font-size: 14px;  }  .module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img .item-info .item-title
  a {    color: #000;
  font-weight: bold;  }  .module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img .item-info .item-title
  a:hover {    color: #4aa9f1;  }  .module.featured-videos .sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img .item-content .item-des {
  font-size: 12px;
  color: #444;  }  .module.me_search {
  margin: 0;
  padding: 0;
  display: inline-block;
  float: right;  }  .module.me_search .modcontent .dropdown {
  transition: all 0.5s ease-in;  }  .module.me_search .modcontent .dropdown.open {
  transition: all 0.5s ease-in;  }  .module.me_search .modcontent .dropdown.open .dropdown-menu {
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transition: all 0.5s ease-in;  }  .module.me_search .modcontent .dropdown.open
  button.dropdown-toggle:before {    content: "\f00d";  }  .module.me_search .modcontent .dropdown
  button.dropdown-toggle {    height: 50px;
  width: 50px;
  display: block;
  border-right: 1px solid #32363e;
  padding: 0;
  background: none;
  position: relative;
  color: #ccc;  }  .module.me_search .modcontent .dropdown
  button.dropdown-toggle:before {    content: "\f002";
  display: block;
  position: absolute;
  top: 0;
  left: 1px;
  height: 100%;
  width: 100%;
  font-family: fontawesome;
  font-size: 13px;
  line-height: 50px;  }  .module.me_search .modcontent .dropdown .dropdown-menu {
  left: auto;
  right: -2px;
  min-width: 636px;
  top: 58px;
  display: block;
  border-radius: 0;
  border-top: 3px solid #4aa9f1;
  padding: 10px 0;
  box-shadow: 1px 5px 6px 0 #333;
  border-bottom: 1px solid #4aa9f1;
  transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transition: all 0.5s ease-in;  }  .module.me_search .modcontent .dropdown .dropdown-menu #mod-finder-searchform
  input.inputbox {    border: none;
  width: 85%;
  float: none;
  padding: 4px 30px;  }  .module.me_search .modcontent .dropdown .dropdown-menu .form-inline {
  margin: 0;  }  .module.me_search .modcontent .dropdown .dropdown-menu .form-inline
  textarea,  .module.me_search .modcontent .dropdown .dropdown-menu .form-inline input[type="text"] {    width: 84.5%;
  border: none;
  font-family: Dosis;
  font-size: 18px;
  font-weight: 400;
  padding: 4px 6px 4px 50px;
  background: url("../images/icon/icon_search.html") no-repeat 12px center;
  color: #999;  }  .module.me_search .modcontent .dropdown .dropdown-menu .form-inline
  button.button {    font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;  }  .module.me_search .modcontent .dropdown .dropdown-menu:before {
  border-style: solid;
  border-width: 0 8px 8px;
  top: -11px;
  content: "";
  height: 0;
  left: 96%;
  position: absolute;
  width: 0;
  opacity: 1;
  background: none;
  border-color: transparent transparent #4aa9f1;
  transition: all 0.3s ease-in;  }  .module.me_search:hover .modcontent .dropdown
  button.dropdown-toggle {    color: #fff;  }  .module.k2-categories
  h3.modtitle {    padding: 10px;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;  }  .module.k2-categories .k2CategoriesListBlock {
  padding: 0;  }  .module.k2-categories .k2CategoriesListBlock &gt;
  ul {    padding: 0;  }  .module.k2-categories .k2CategoriesListBlock &gt;
  ul li {    list-style: none;
  padding: 4px 0;
  overflow: hidden;
  position: relative;
  border-bottom: 1px dotted #7f7f7f;
  transition: all 0.2s ease-in;  }  .module.k2-categories .k2CategoriesListBlock &gt;
  ul li a {    color: #666;
  display: inline-block;
  line-height: 30px;  }  .module.k2-categories .k2CategoriesListBlock &gt;
  ul li:before {    content: "";
  height: 6px;
  width: 6px;
  background: #999;
  border-radius: 99px;
  display: inline-block;
  margin: 0 10px 0 0;  }  .module.k2-categories:hover
  h3.modtitle {    color: #fff;
  background: #4aa9f1;  }  .module.k2-categories:hover .k2CategoriesListBlock {
  background: #6fb2e4;
  border-top: 1px solid #fff;
  transition: background 0.2s ease-in;  }  .module.k2-categories:hover .k2CategoriesListBlock &gt;
  ul {    padding: 0;  }  .module.k2-categories:hover .k2CategoriesListBlock &gt;
  ul li {    border-color: #fff;
  transition: all 0.2s ease-in;  }  .module.k2-categories:hover .k2CategoriesListBlock &gt;
  ul li a {    color: #fff;
  display: inline-block;
  transition: transform 0.2s ease-in-out;  }  .module.k2-categories:hover .k2CategoriesListBlock &gt;
  ul li:before {    background: #fff;
  margin: 0 10px;
  transition: all 0.2s ease-in;  }  .module.k2-categories:hover .k2CategoriesListBlock &gt;
  ul li:hover {    background: #2682c7;
  transition: all 0.2s ease-in;  }  .module.k2-categories:hover .k2CategoriesListBlock &gt;
  ul li:hover:before {    background: #fff;
  height: 8px;
  width: 8px;
  transition: all 0.2s ease-in;  }  .module.k2-categories:hover .k2CategoriesListBlock &gt;
  ul li:hover a {    color: #afd4f0;
  -moz-transform: translateX(10px);
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  font-style: italic;
  transition: transform 0.2s ease-in-out;  }  .list_mega {
  margin: 15px 0;
  padding: 0;
  font-size: 12pt;  }  .list_mega
  li {    list-style: none;
  border-bottom: 1px solid #ddd;
  font-family: "Kufi-Arabic-Regular";  }  .list_mega
  li:nth-child(1) {    border-top: 1px solid #ddd;  }  .list_mega
  li a {    color: #444;
  padding: 6px 0;
  display: block;  }  .list_mega
  li:hover {    background: #6fb2e4;
  padding: 0 10px;
  transition: padding 0.3s ease-in-out;  }  .list_mega
  li:hover a {    color: #fff;  }  .list_mega
  li:hover:before {    background: #fff;  }  .module.get-in-touch .modcontent {
  color: #999;
  text-align: right;
  font-size: 11pt;
  font-family: "Kufi-Arabic-Regular";  }  .module.get-in-touch .modcontent
  ul {    padding: 0;  }  .module.get-in-touch .modcontent
  ul li {    list-style: none;  }  .module.get-in-touch .modcontent
  ul li span.lea {    font-weight: 400;
  color: #fff;  }  .module.useful-link
  ul.menu {    padding: 0;
  text-align: right;
  font-size: 11pt;
  font-family: "Kufi-Arabic-Regular";  }  .module.useful-link
  ul.menu li {    list-style: none;
  color: #999;  }  .module.useful-link
  ul.menu li a {    display: inline-block;
  color: #999;  }  .module.useful-link
  ul.menu li:hover a {    color: #4aa9f1;  }  .module.clients-say .modcontent
  div.yt-extra-carousel .carousel-inner {    margin: 5px 0 2em;
  text-align: right;
  font-family: "Kufi-Arabic-Regular";
  font-size: 11pt;  }  .module.clients-say .modcontent
  div.yt-extra-carousel .carousel-inner .item {    color: #999;  }  .module.clients-say .modcontent
  div.yt-extra-carousel .carousel-inner .item .item-image {    display: inline-block;
  height: 70px;
  width: 70px;
  border-radius: 70px;
  text-align: center;
  line-height: 70px;
  overflow: hidden;
  margin: 0 30px 30px 0;
  float: left;
  position: relative;  }  .module.clients-say .modcontent
  div.yt-extra-carousel .carousel-inner .item .item-image img {    float: left;  }  .module.clients-say .modcontent
  div.yt-extra-carousel .carousel-inner .item h3.title {    font-size: 13px;
  color: #999;
  font-weight: 400;  }  .module.clients-say .modcontent
  div.yt-extra-carousel .carousel-inner .item h3.title span {    color: #4aa9f1;  }  .module.clients-say .modcontent
  div.yt-extra-carousel .carousel-indicators {    bottom: 0;
  margin: 0 38px;  }  .module.clients-say .modcontent
  div.yt-extra-carousel .carousel-indicators li {    border-radius: 100px;
  background: none;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;  }  .module.clients-say .modcontent
  div.yt-extra-carousel .carousel-indicators li.active,  .module.clients-say .modcontent div.yt-extra-carousel .carousel-indicators li:hover {    background: #fff;  }  .module.clients-say .modcontent
  div.yt-extra-carousel .carousel-control {    display: none;  }  .module.feature-teachers {
  padding: 45px 0 30px;
  background: #4aa9f1;  }  .module.feature-teachers
  h3.modtitle {    text-align: center;
  color: #fff;  }  .module.feature-teachers .modcontent
  div.yt-extra-carousel .carousel-inner {    margin: 5px 0 2em;  }  .module.feature-teachers .modcontent
  div.yt-extra-carousel .carousel-inner .item {    color: #999;
  text-align: center;  }  .module.feature-teachers .modcontent
  div.yt-extra-carousel .carousel-inner .item .item-image {    display: inline-block;
  height: 100px;
  width: 100px;
  border-radius: 100px;
  text-align: center;
  line-height: 100px;
  overflow: hidden;
  margin: 0 auto 15px;  }  .module.feature-teachers .modcontent
  div.yt-extra-carousel .carousel-inner .item .item-image img {    float: left;  }  .module.feature-teachers .modcontent
  div.yt-extra-carousel .carousel-inner .item .content-main {    color: #fff;
  text-align: center;  }  .module.feature-teachers .modcontent
  div.yt-extra-carousel .carousel-inner .item .content-main h3.title {    font-size: 30pt;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 5px;  }  .module.feature-teachers .modcontent
  div.yt-extra-carousel .carousel-inner .item .content-main .adred {    display: block;
  margin: 0 0 10px;
  position: relative;
  font-family: "Kufi-Arabic-Bold";  }  .module.feature-teachers .modcontent
  div.yt-extra-carousel .carousel-inner .item .content-main .adred:after {    content: "";
  display: block;
  height: 2px;
  width: 30px;
  margin: 10px auto;
  text-align: center;
  background: #fff;  }  .module.feature-teachers .modcontent
  div.yt-extra-carousel .carousel-inner .item .content-main .post-commnets {    padding: 0 20px;  }  .module.feature-teachers .modcontent
  div.yt-extra-carousel .carousel-indicators {    bottom: 0;
  position: relative;
  margin: 30px 0 0;  }  .module.feature-teachers .modcontent
  div.yt-extra-carousel .carousel-indicators li {    border-radius: 100px;
  background: none;
  border: 2px solid #fff;
  height: 10px;
  width: 10px;  }  .module.feature-teachers .modcontent
  div.yt-extra-carousel .carousel-indicators li.active,  .module.feature-teachers .modcontent div.yt-extra-carousel .carousel-indicators li:hover {    background: #fff;  }  .module.feature-teachers .modcontent
  div.yt-extra-carousel .carousel-control {    display: none;  }  .module.feature-teachers .modcontent
  div.yt-extra-carousel .carousel-indicators {    left: 14px;
  width: 100%;
  margin: 0;
  direction: rtl;  }  .module.newsletter {
  position: relative;
  padding-right: 77px;  }  .module.newsletter
  h3.modtitle {    margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  text-transform: capitalize;  }  .module.newsletter
  h3.modtitle:before {    content: "\f003";
  display: inline-block;
  margin-left: 15px;
  font-size: 24px;
  color: #fff;
  font-family: fontawesome;  }  .module.newsletter
  td {    padding-bottom: 0;  }  .module.newsletter .modcontent .acymailing_form
  td.acyfield_email {    width: 368px;
  direction: rtl;  }  .module.newsletter .modcontent .acymailing_form
  td.acyfield_email input.inputbox {    height: 40px;
  background: #393d46;
  border: 1px solid #535760;
  color: #fff;
  padding: 0 20px;  }  .module.newsletter .modcontent .acymailing_form
  td.acyfield_email input.inputbox:focus {    border: 2px solid #fff;  }  .module.newsletter .modcontent .acymailing_form
  td.acysubbuttons input.button {    padding: 0 40px;
  height: 40px;
  margin-left: 20px;
  border-radius: 2px;
  font-size: 11px;
  background: #4aa9f1;
  text-transform: uppercase;  }  .module.newsletter .modcontent .acymailing_form
  td.acysubbuttons input.button:hover {    background: #17191e;  }  .module.social-icon .list-icon {
  text-align: right;  }  .module.social-icon .list-icon
  div.yt-socialbt {    margin: 0;  }  .module.social-icon .list-icon
  div.yt-socialbt a {    height: 35px;
  width: 35px;
  line-height: 35px;
  border: none;
  border-radius: 0;
  box-shadow: none;  }  .module.social-icon .list-icon
  div.yt-socialbt a i {    font-size: 16px;
  transition: all 0.3s ease-in-out;  }  .module.social-icon .list-icon
  div.yt-socialbt a:hover i {    animation: myeffect 0.5s ease-in-out;
  transition: all 0.3s ease-in-out;  }  .module.categories-ii {
  margin-top: -20px;
  margin-bottom: 0;  }  .module.categories-ii .modcontent .sj_category {
  box-shadow: none;
  direction: rtl;  }  .module.categories-ii .modcontent
  ul.line {    padding: 0;  }  .module.categories-ii .modcontent
  ul.line &gt;li {    list-style: none;
  float: left;
  display: inline-block;
  height: 170px;
  width: 16.6666666667%;
  margin: 0;  }  .module.categories-ii .modcontent
  ul.line &gt;li.content {    padding: 30px 15px;
  color: #000;
  line-height: 18px;
  background: #fff;
  position: relative;
  transition: all 0.3s ease-in-out;
  text-align: right;  }  .module.categories-ii .modcontent
  ul.line &gt;li.content h3.tilte {    /* text-transform: uppercase; */    position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Kufi-Arabic-Bold';  }  .module.categories-ii .modcontent
  ul.line &gt;li.content h3.tilte a {    color: #000;  }  .module.categories-ii .modcontent
  ul.line &gt;li.content h3.tilte:before {    content: "";
  height: 2px;
  width: 45px;
  background: #ccc;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: all 0.3s ease-in-out;  }  .module.categories-ii .modcontent
  ul.line &gt;li.content .des {    color: #6d6d6d;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.3em;
  text-align: right;
  direction: rtl;  }  .module.categories-ii .modcontent
  ul.line &gt;li.content:before {    content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  border-width: 8px 8px;
  top: 45%;
  left: -15px;
  z-index: 99;
  transition: all 0.3s ease-in-out;  }  .module.categories-ii .modcontent
  ul.line &gt;li.content:hover {    background: #4aa9f1;
  transition: all 0.3s ease-in-out;  }  .module.categories-ii .modcontent
  ul.line &gt;li.content:hover h3.tilte {    color: #fff;  }  .module.categories-ii .modcontent
  ul.line &gt;li.content:hover h3.tilte a {    color: #fff;
  /* font-size: 15pt; */  }  .module.categories-ii .modcontent
  ul.line &gt;li.content:hover h3.tilte:before {    background: #fff;
  width: 100%;
  transition: all 0.3s ease-in-out;  }  .module.categories-ii .modcontent
  ul.line &gt;li.content:hover .des {    color: #fff;  }  .module.categories-ii .modcontent
  ul.line &gt;li.content:hover:before {    border-color: transparent #4aa9f1 transparent transparent;
  transition: all 0.3s ease-in-out;  }  .module.categories-ii .modcontent
  ul.line &gt;li.icon-image {    font-size: 48px;
  color: #fff;
  text-align: center;
  position: relative;
  overflow: hidden;  }  .module.categories-ii .modcontent
  ul.line &gt;li.icon-image .over-image {    height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  opacity: 0.5;
  top: 0;
  left: 0;
  pointer-events: none;
  box-shadow: 0 0 0 0 #4aa9f1 inset;
  transition: all 0.2s ease-out;  }  .module.categories-ii .modcontent
  ul.line &gt;li.icon-image img {    transition: all 0.2s ease-out;  }  .module.categories-ii .modcontent
  ul.line &gt;li.icon-image:hover img {    -moz-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -webkit-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -o-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -ms-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transition: all 0.2s ease-out;
  transition-delay: 0.1s;  }  .module.categories-ii .modcontent
  ul.line &gt;li.icon-image:hover .over-image {    opacity: 1;
  box-shadow: 0 0 0 8px #4aa9f1 inset;
  transition: all 0.2s ease-out;  }  .module.categories-ii .modcontent
  ul.line &gt;li:nth-child(8),  .module.categories-ii .modcontent ul.line &gt;li:nth-child(10),  .module.categories-ii .modcontent ul.line &gt;li:nth-child(12) {    float: right;
  z-index: 99;
  position: relative;  }  .module.categories-ii .modcontent
  ul.line &gt;li:nth-child(8):before,  .module.categories-ii .modcontent ul.line &gt;li:nth-child(10):before,  .module.categories-ii .modcontent ul.line &gt;li:nth-child(12):before {    content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 8px 8px;
  top: 45%;
  right: -15px;
  left: auto;  }  .module.categories-ii .modcontent
  ul.line &gt;li:nth-child(8):hover:before,  .module.categories-ii .modcontent ul.line &gt;li:nth-child(10):hover:before,  .module.categories-ii .modcontent ul.line &gt;li:nth-child(12):hover:before {    border-color: transparent transparent transparent #4aa9f1;  }  .module.categories-ii .modcontent
  ul.line &gt;li:nth-child(7),  .module.categories-ii .modcontent ul.line &gt;li:nth-child(9),  .module.categories-ii .modcontent ul.line &gt;li:nth-child(11) {    float: right;  }  .module.cus-admissions .modcontent
  ul {    padding: 0;
  border: 1px solid #ebebeb;  }  .module.cus-admissions .modcontent
  ul li {    list-style: none;
  padding: 20px;
  border-bottom: 1px solid #ebebeb;  }  .module.cus-admissions .modcontent
  ul li .icon {    display: inline-block;
  float: left;
  width: 30%;  }  .module.cus-admissions .modcontent
  ul li .content {    display: grid;  }  .module.cus-admissions .modcontent
  ul li .content p {    margin: 0;
  font-weight: 300;  }  .module.cus-admissions .modcontent
  ul li .content h3.title a {    font-size: 13px;
  color: #000;
  text-transform: uppercase;
  font-weight: 500;  }  .module.cus-admissions .modcontent
  ul li .content h3.title a:hover {    color: #4aa9f1;  }  .module.cus-admissions .modcontent
  ul li:last-child {    border: none;  }  .module.cus-admissions .modcontent
  ul li:hover {    background: #f6f6f6;  }  .icon-chevron-right:before {
  content: "\f101";  }  .icon-chevron-left:before {
  content: "\f100";  }  .item-page .img-fulltext
  img {    width: 100%;  }  #bd #content.com_kunena  #yt_component {
  padding: 0;
  border: none;
  background: none;  }  #bd #Kunena #ktop {
  border: none;
  background: #3f444e;  }  #bd #Kunena #ktop #ktopmenu #ktab {
  margin: 0;  }  #bd #Kunena #ktop #ktopmenu #ktab .menu
  li {    margin: 0 !important;  }  #bd #Kunena #ktop #ktopmenu #ktab .menu
  li a {    background: none;
  color: #fff;
  padding: 8px 10px;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 14px;
  border-right: 1px solid #fff;  }  #bd #Kunena #ktop #ktopmenu #ktab .menu
  li.active a {    background: #4aa9f1;  }  #bd #Kunena #ktop #ktopmenu #ktab .menu
  li:hover a {    background: #4aa9f1;  }  #bd #Kunena #ktop #ktopmenu #ktab .menu
  li:last-child a {    border: none;  }  #bd #Kunena #ktop
  span.ktoggler {    background: none;
  margin: -32px 15px;
  padding: 2px;  }  #bd #Kunena .kblock {
  background-color: #fff;
  margin: 0 0 30px;  }  #bd #Kunena .kblock.kadvsearch,  #bd #Kunena .kblock.kfrontstats {
  margin: 0;  }  #bd #Kunena .kblock.kpathway {
  margin: 0;  }  #bd #Kunena .kblock .kheader {
  background: #4aa9f1;
  color: #fff;  }  #bd #Kunena .kblock .kheader
  h2 .ktitle,  #bd #Kunena .kblock .kheader h2 span {    color: #fff;  }  #bd #Kunena .kblock .kheader
  h2 a {    color: #fff !important;  }  #bd #Kunena .kblock .kheader
  h3 span {    color: #fff;  }  #bd #Kunena .kblock .kheader .ktitle-desc {
  color: #fff;  }  #bd #Kunena .kblock .kcontainer .kbody .kblocktable .krow2
  td {    background: #fff;  }  #bd #Kunena .kblock .kcontainer .kbody .kblocktable .krow2
  td.km &gt; div {    border: none;
  border-bottom: #ccc 1px dotted;  }  #bd #Kunena .klist-markallcatsread {
  background: #fff;
  margin: 0 0 30px;  }  #bd #Kunena
  tr.krow1 td {    background: #fff;
  border: 1px solid #ebebeb !important;  }  #bd #Kunena
  tr.krow1 td .k_guest {    font-size: 14px;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  margin: 20px 0;  }  #bd #Kunena
  tr.krow1 td .k_guest b {    color: #4aa9f1;  }  #bd #Kunena
  tr.krow1 td div.input {    margin: 0 0 20px;  }  #bd #Kunena
  tr.krow1 td div.input span {    margin-right: 20px;  }  #bd #Kunena
  tr.krow1 td div.input span .inputbox {    margin: 0 10px;
  padding: 10px 20px;
  background: #ccc;  }  #bd #Kunena
  tr.krow1 td div.input span .inputbox:focus {    background: #fff;  }  #bd #Kunena
  tr.krow1 td div.input span .kbutton {    margin: 0 10px;
  padding: 8px 20px;
  background: #3f444e;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;  }  #bd #Kunena
  tr.krow1 td div.input span .kbutton:hover {    background: #4aa9f1;
  border: none;  }  #bd #Kunena
  tr.krow1 td .klink-block {    padding: 15px 0;  }  #bd #Kunena
  tr.krow1 td .klink-block span {    margin: 0 10px;  }  #bd #Kunena
  tr.krow1 td .klink-block span a {    color: #666;  }  #bd #Kunena
  tr.krow1 td .klink-block span a:hover {    color: #4aa9f1;  }  #bd #Kunena
  td.kprofileboxcnt ul.kprofilebox-welcome li input.kbutton:hover {    background-color: rgba(0,0,0,0.15);  }  #bd.rtl #Kunena
  tr.krow1 td div.input {    display: block;
  overflow: hidden;  }  #bd.rtl #Kunena
  tr.krow1 td div.input span {    float: right;  }  #bd.rtl #Kunena .fltlft {
  float: right;  }  #bd.rtl #Kunena .fltrt {
  float: left;  }  #bd.rtl #Kunena #ktop
  span.ktoggler {    float: left;  }  #bd.rtl #Kunena .ktitle,  #bd.rtl #Kunena
  a.ktitle {    float: right;  }  #bd.rtl #Kunena
  td.kprofileboxcnt {    text-align: right;  }  #bd.rtl #Kunena
  div.kthead-title a {    float: none;  }  #bd.rtl #Kunena
  h1,  #bd.rtl #Kunena h2 {    text-align: right;  }  #bd.rtl #Kunena
  div.kblock span.ktoggler {    float: left;
  top: 7px;  }  #bd.rtl #Kunena
  table.kblocktable {    text-align: right;  }  #bd.rtl #Kunena
  td.kcol-kcatlastpost {    text-align: right;  }  .fancy {
  background: #ebebeb;
  position: absolute;
  padding: 0;
  margin: 0;  }  #moonavigator {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 999;
  text-align: right;  }  #moonavigator
  li.level1 {    position: relative;
  display: inline-block;
  padding: 0 25px;
  margin: 0;
  z-index: 1;
  list-style: none;
  text-align: left;  }  #moonavigator
  li.level1 &gt; .item-link {    margin: 0;
  padding: 40px 0;
  color: #000;
  display: block;
  font-weight: bold;
  text-transform: uppercase;  }  #moonavigator
  li.level1 &gt; .item-link:hover {    color: #4aa9f1;  }  #moonavigator
  li.level1 .fa-caret-down {    font-size: 14px;
  margin: 0 5px;  }  #moonavigator
  li.level1 .showdesc .menu-title {    line-height: 100%;
  padding-bottom: 3px;
  margin-top: -1px;
  display: block;  }  #moonavigator
  li.level1 .showdesc .menu-desc {    display: block;
  font-size: 11px;
  color: #ccc;
  line-height: 100%;  }  #moonavigator
  li.level1.active &gt; .item-link,  #moonavigator li.level1:hover &gt; .item-link {    color: #4aa9f1;  }  #moonavigator
  li.level1.active &gt; .item-link span,  #moonavigator li.level1:hover &gt; .item-link span {    padding: 0 0 10px;
  border-bottom: 2px solid #4aa9f1;  }  #moonavigator
  li.level1.first {    border-left: 1px solid rgba(255,255,255,0.2);  }  #moonavigator
  li.level1.last {    padding-right: 0;  }  #moonavigator
  ul.subnavi {    left: 0;
  position: absolute;
  z-index: 3;
  padding: 0 20px;
  list-style: none;
  min-width: 220px;
  background: #fff;
  border-top: 2px solid #4aa9f1;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,0.1) inset;  }  #moonavigator
  ul.subnavi li {    position: relative;
  border-bottom: 1px solid #ddd;  }  #moonavigator
  ul.subnavi li .item-link {    display: block;
  margin: 0;
  padding: 6px 0;
  color: #000;
  font-size: 12px;
  text-transform: capitalize;
  line-height: 25px;
  transition: padding 0.2s ease-in-out;  }  #moonavigator
  ul.subnavi li .fa-caret-right {    position: absolute;
  right: 10px;
  z-index: 1;
  margin: 4px 0;  }  #moonavigator
  ul.subnavi li.last {    border: none;  }  #moonavigator
  ul.subnavi li .showdesc {    text-align: left;  }  #moonavigator
  ul.subnavi li .showdesc span.menu-title {    padding-bottom: 5px;  }  #moonavigator
  ul.subnavi li .showdesc span.menu-desc {    font-family: "arial";
  padding-bottom: 3px;  }  #moonavigator
  ul.subnavi li:hover &gt; .item-link,  #moonavigator ul.subnavi li.hover &gt; .item-link,  #moonavigator ul.subnavi li.active &gt; .item-link {    color: #fff;
  background: #6fb2e4;
  padding-left: 10px;
  padding-right: 10px;
  transition: padding 0.2s ease-in-out;  }  #moonavigator
  li.level1:hover ul.level2,  #moonavigator li.level1.hover ul.level2 {    display: block;
  box-shadow: 1px 2px 2px rgba(0,0,0,0.4);  }  #moonavigator
  li.level2:hover ul.level3,  #moonavigator li.level2.hover ul.level3,  #moonavigator li.level3:hover ul.level4,  #moonavigator li.level3.hover ul.level4,  #moonavigator li.level4:hover ul.level5,  #moonavigator li.level4.hover ul.level5,  #moonavigator li.level5:hover ul.level6,  #moonavigator li.level5.hover ul.level6 {    left: 100%;
  top: 0;
  display: block;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,0.1) inset;  }  #meganavigator {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 60;
  text-align: right;  }  #meganavigator
  li.level1 {    position: relative;
  display: inline-block;
  padding: 0 25px;
  margin: 0;
  z-index: 1;
  float: right;
  list-style: none;
  text-align: left;  }  #meganavigator
  li.level1 &gt; .item-link {    margin: 0;
  padding: 26px 0;
  color: #000;
  display: block;
  font-family: 'Kufi-Arabic-Bold';
  font-weight: bold;
  text-transform: uppercase;  }  #meganavigator
  li.level1 &gt; .item-link:hover {    color: #4aa9f1;  }  #meganavigator
  li.level1 .fa-caret-down {    font-size: 14px;
  margin: 0 5px;  }  #meganavigator
  li.level1 .showdesc .menu-title {    line-height: 100%;
  padding-bottom: 3px;
  margin-top: -1px;
  display: block;  }  #meganavigator
  li.level1 .showdesc .menu-desc {    display: block;
  font-size: 11px;
  color: #ccc;
  line-height: 100%;  }  #meganavigator
  li.level1.active &gt; .item-link,  #meganavigator li.level1:hover &gt; .item-link {    color: #4aa9f1;  }  #meganavigator
  li.level1.active &gt; .item-link span,  #meganavigator li.level1:hover &gt; .item-link span {    padding: 0 0 10px;
  border-bottom: 2px solid #4aa9f1;  }  #meganavigator
  li.level1.first {    border-left: 1px solid rgba(255,255,255,0.2);  }  #meganavigator
  li.level1.last {    padding-right: 0;  }  #meganavigator .mega-content {
  position: absolute;
  left: -999em;
  text-align: right;
  z-index: 10;
  background: #fff;
  border-top: 2px solid #4aa9f1;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,0.1) inset;  }  #meganavigator .mega-content.megachild .mega-content-inner {
  padding: 10px 0;
  display: block;  }  #meganavigator .mega-content .mega-col {
  float: right;  }  #meganavigator .mega-content .mega-col.one {
  width: 220px;  }  #meganavigator .mega-content .mega-col.more .mega-module {
  padding: 15px 20px 10px;  }  #meganavigator .mega-content .mega-col .mega-group {
  display: block;  }  #meganavigator .mega-content .mega-col .mega-group
  div.mega-group-title .item-link {    font-size: 150%;
  padding: 0 10px 10px;
  color: #fff;
  display: block;  }  #meganavigator .mega-content .mega-col .mega-group
  div.mega-group-title .showdesc .menu-title {    padding: 0 0 5px;  }  #meganavigator .mega-content .mega-col .mega-module {
  color: #444;  }  #meganavigator .mega-content .mega-col .mega-module .mega-module-title {
  margin: 0;
  text-transform: uppercase;
  font-size: 15pt;
  font-weight: bolder;
  font-family: 'Kufi-Arabic-Bold';  }  #meganavigator .mega-content .mega-col .mega-module.trending-posts .mega-module-title {
  margin: 0;
  border-bottom: 1px dashed #ccc;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;  }  #meganavigator .mega-content .mega-col .mega-module.trending-posts .sj-extraslider .extraslider-control {
  display: none;  }  #meganavigator .mega-content
  ul.subnavi {    list-style: none;
  padding: 20px;
  text-align: right;  }  #meganavigator .mega-content
  ul.subnavi li {    position: relative;
  border-bottom: 1px solid #ddd;  }  #meganavigator .mega-content
  ul.subnavi li .item-link {    display: block;
  margin: 0;
  padding: 6px 0;
  color: #000;
  font-size: 16px;
  text-transform: capitalize;
  line-height: 25px;
  transition: padding 0.2s ease-in-out;  }  #meganavigator .mega-content
  ul.subnavi li .fa-caret-right {    position: absolute;
  right: 10px;
  z-index: 1;
  margin: 4px 0;  }  #meganavigator .mega-content
  ul.subnavi li.last {    border: none;  }  #meganavigator .mega-content
  ul.subnavi li .showdesc {    text-align: left;  }  #meganavigator .mega-content
  ul.subnavi li .showdesc span.menu-title {    padding-bottom: 5px;  }  #meganavigator .mega-content
  ul.subnavi li .showdesc span.menu-desc {    font-family: "arial";
  padding-bottom: 3px;  }  #meganavigator .mega-content
  ul.subnavi li:hover &gt; .item-link,  #meganavigator .mega-content ul.subnavi li.hover &gt; .item-link,  #meganavigator .mega-content ul.subnavi li.active &gt; .item-link {    color: #fff;
  background: #6fb2e4;
  padding-left: 10px;
  padding-right: 10px;
  transition: padding 0.2s ease-in-out;  }  #meganavigator .mega-content
  ul.subnavi li .item-link {    position: relative;
  font-weight: normal;
  color: #444;
  font-family: "Kufi-Arabic-Regular";  }  #meganavigator .mega-content
  ul.subnavi li:hover &gt; .item-link:before {    background: #fff;  }  #meganavigator .mega-content
  ul.subnavi li .active:before {    background: #fff;  }  #meganavigator .extra-upcoming-slider .sj-extraslider .extraslider-control {
  padding-top: 0;  }  #meganavigator .extra-upcoming-slider .sj-extraslider .extraslider-control .nav-page .page .button-page {
  border-color: #4aa9f1;  }  #meganavigator .extra-upcoming-slider .sj-extraslider .extraslider-control .nav-page .page .button-page.sel,  #meganavigator .extra-upcoming-slider .sj-extraslider .extraslider-control .nav-page .page .button-page:hover {
  background: #4aa9f1;  }  #meganavigator .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line {
  padding-bottom: 0;  }  .yt-resmenu {
  position: relative;
  z-index: 90;
  display: none;  }  .yt-resmenu .btn-navbar {
  background: #4aa9f1;
  height: 54px;
  border-radius: 0;
  color: #fff;
  font-size: 16px;  }  .yt-resmenu .nav-collapse {
  border-bottom: 3px solid #4aa9f1;
  padding: 4px;
  background: white;  }  .yt-resmenu .nav-collapse
  ul.resmenu {    margin: 0;  }  .yt-resmenu .nav-collapse
  ul.resmenu li {    background: #f2f2f2;
  margin-bottom: 3px;  }  .yt-resmenu .nav-collapse
  ul.resmenu li a {    color: #666;
  margin: 0;
  padding: 5px 15px;
  font-size: 14px;  }  .yt-resmenu .nav-collapse
  ul.resmenu li.haveChild {    position: relative;  }  .yt-resmenu .nav-collapse
  ul.resmenu li.haveChild .menuress-toggle {    position: absolute;
  width: 35px;
  line-height: 35px;
  right: 0px;
  top: 0px;
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 22px;
  color: #999;
  z-index: 5;  }  .yt-resmenu .nav-collapse
  ul.resmenu li.haveChild .menuress-toggle:before {    content: "\f196";  }  .yt-resmenu .nav-collapse
  ul.resmenu li.haveChild .res-wrapnav {    margin: 3px 0 3px 20px;  }  .yt-resmenu .nav-collapse
  ul.resmenu li.haveChild.level1.active &gt; .menuress-toggle {    color: white;  }  .yt-resmenu .nav-collapse
  ul.resmenu li.haveChild.level1.active &gt; a {    background: #4aa9f1;
  color: white;  }  .yt-resmenu .nav-collapse
  ul.resmenu li.haveChild.active &gt; .menuress-toggle:before {    content: "\f147";  }  .fontsize_l {
  font-size: 18px;
  font-weight: 400;  }  .g-underline {
  font-size: 180%;
  font-weight: 400;  }
  ul.c-step {    list-style: none;
  margin: 0 auto 4em auto;
  counter-reset: section;
  display: table;
  position: relative;
  z-index: 1;
  padding: 0;  }
  ul.c-step:before {    content: "";
  width: 100%;
  height: 10px;
  background: #DEDEDE;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 50%;
  margin-top: -5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset;
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset;  }
  ul.c-step li {    list-style: none;
  margin: 0 50px;
  padding-top: 50px;
  line-height: 25px;
  display: inline-block;
  position: relative;
  z-index: 3;
  text-align: center;  }
  ul.c-step li:before,  ul.c-step li.active:before {    counter-increment: section;
  content: counter(section);
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  display: inline-block;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.3) inset, 0 0 0 4px #DEDEDE;
  -moz-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.3) inset, 0 0 0 4px #DEDEDE;
  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.3) inset, 0 0 0 4px #DEDEDE;
  background-color: #93afa9;
  background-image: -moz-linear-gradient(top,#AAC3BF,#719088);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#AAC3BF),to(#719088));
  background-image: -webkit-linear-gradient(top,#AAC3BF,#719088);
  background-image: -o-linear-gradient(top,#AAC3BF,#719088);
  background-image: linear-gradient(to bottom,#AAC3BF,#719088);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaac3bf', endColorstr='#ff719088', GradientType=0);  }
  ul.c-step li.active:before {    background-color: #b4d7f1;
  background-image: -moz-linear-gradient(top,#c5e0f4,#4aa9f1);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#c5e0f4),to(#4aa9f1));
  background-image: -webkit-linear-gradient(top,#c5e0f4,#4aa9f1);
  background-image: -o-linear-gradient(top,#c5e0f4,#4aa9f1);
  background-image: linear-gradient(to bottom,#c5e0f4,#4aa9f1);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc4dff4', endColorstr='#ff4aa9f1', GradientType=0);  }
  ul.c-step li.active h3 {    color: #4aa9f1;  }
  ul.c-step li h3 {    margin: 10px 0 0;
  font-size: 16px;  }
  ul.c-step li span {    font-size: 13px;  }  .table-underline
  thead {    border-bottom: 2px solid #404040;
  font-size: 14px;
  background-color: #e5e5e5;
  background-image: -moz-linear-gradient(top,#F5F5F5,#CCCCCC);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#F5F5F5),to(#CCCCCC));
  background-image: -webkit-linear-gradient(top,#F5F5F5,#CCCCCC);
  background-image: -o-linear-gradient(top,#F5F5F5,#CCCCCC);
  background-image: linear-gradient(to bottom,#F5F5F5,#CCCCCC);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffcccccc', GradientType=0);  }  .table-underline
  tbody tr:hover {    background: #FAFFED;  }  #g-about .yt-list
  li {    border-bottom: 1px dotted #ccc;
  padding: 7px 0;  }  #g-about .ourmember {
  margin-top: 60px;
  text-align: center;  }  #g-about .ourmember
  h3.page-module-title:after {    margin: 10px auto;
  width: 30%;  }  #g-about .ourmember .pre-text {
  padding: 0px 150px;
  margin-bottom: 20px;  }  #g-about .ourmember .item-content .image {
  position: relative;
  overflow: hidden;
  margin-bottom: 13px;  }  #g-about .ourmember .item-content .image .socials {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;  }  #g-about .ourmember .item-content .image .socials
  a {    display: block;
  height: 25px;
  width: 25px;
  background: #333;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
  margin: 0px 4px;
  float: left;
  position: absolute;
  bottom: -30px;  }  #g-about .ourmember .item-content .image .socials
  a .fa {    margin: 0px;
  line-height: 25px;
  color: #ccc9cb;
  transition: 0.3s all ease 0s;  }  #g-about .ourmember .item-content .image .socials
  a:hover {    background: #4aa9f1;  }  #g-about .ourmember .item-content .image .socials
  a:hover .fa {    color: #fff;  }  #g-about .ourmember .item-content .image .socials
  a.facebook {    transition: 0.3s all ease 0s;
  left: 32%;  }  #g-about .ourmember .item-content .image .socials
  a.flickr {    transition: 0.5s all ease 0s;
  left: 45%;  }  #g-about .ourmember .item-content .image .socials
  a.twitter {    transition: 0.7s all ease 0s;
  left: 58%;  }  #g-about .ourmember .item-content .name {
  margin-bottom: 5px;  }  #g-about .ourmember .item-content .job {
  color: #000;
  font-size: 13px;
  margin-bottom: 3px;
  font-weight: 600;  }  #g-about .ourmember .item-content:hover .image .socials
  a.facebook {    bottom: 25px;  }  #g-about .ourmember .item-content:hover .image .socials
  a.flickr {    bottom: 25px;  }  #g-about .ourmember .item-content:hover .image .socials
  a.twitter {    bottom: 25px;  }  #g-about .ourmember #yt-extra-carousel .carousel-inner {
  margin: 3em 0;  }  #g-about .ourmember #yt-extra-carousel .carousel-indicators {
  bottom: auto;
  top: 0px;
  margin: 0px -28px 0 0;  }  #g-about .ourmember #yt-extra-carousel .carousel-indicators
  li {    height: 12px;
  width: 12px;
  background: #d7d7d5;
  border: none;
  border-radius: 50%;  }  #g-about .ourmember #yt-extra-carousel .carousel-indicators
  li.active {    background: #4aa9f1;  }  #g-about .ourmember #yt-extra-carousel .carousel-indicators
  li:hover {    background: #4aa9f1;  }  #g-about .customersay {
  border: solid 1px #e9e9e9;
  padding: 0 15px;
  position: relative;  }  #g-about .customersay .yt-extra-carousel {
  margin: 0;
  overflow: visible;  }  #g-about .customersay .yt-extra-carousel .carousel-control {
  width: 25px;
  height: 25px;
  border: 1px solid #ccc;
  box-shadow: 0 0 0 6px #fff;
  border-radius: 50%;  }  #g-about .customersay .yt-extra-carousel .carousel-control
  i {    line-height: 22px;
  font-size: 18px;  }  #g-about .customersay .yt-extra-carousel .carousel-control.left {
  right: 45px !important;
  top: 4px !important;
  left: auto;  }  #g-about .customersay .yt-extra-carousel .carousel-control.right {
  right: 10px !important;
  top: 4px !important;  }  #g-about .customersay .yt-extra-carousel .carousel-control:hover {
  border-color: #4aa9f1;  }  #g-about .customersay .yt-extra-carousel .carousel-control:hover
  i {    color: #4aa9f1;  }  #g-about .customersay .cus-title {
  background: #fff;
  padding: 10px;
  position: absolute;
  left: 30px;
  top: -25px;  }  #g-about
  h3.page-module-title {    margin-bottom: 20px;  }  #g-about
  ul.circle li {    position: relative;
  margin-left: 30px;
  list-style: none;  }  #g-about
  ul.circle li:before {    content: "\f111";
  color: #4aa9f1;
  font-family: FontAwesome;
  font-size: 8px;
  line-height: 8px;
  border: 2px solid rgba(0,0,0,0.05);
  border-radius: 100%;
  position: absolute;
  margin-left: -20px;
  top: 5px;  }  #g-pageservices .features .fa {
  background: #777;
  height: 75px;
  width: 75px;
  text-align: center;
  line-height: 67px;
  border: 3px solid #eee;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;  }  #g-pageservices .col-sm-4 {
  margin: 1em 0;  }  #g-pageservices .our
  h3 {    margin-top: 1em;  }  #g-pageservices
  article {    overflow: hidden;  }  #g-pageservices
  article h3 {    font-weight: normal;  }  #g-pageservices
  article a.detail:after {    content: "\f105";
  font-family: FontAwesome;
  display: inline-block;
  color: #fff;
  background: #4aa9f1;
  margin: -3px 3px 0;
  height: 14px;
  width: 14px;
  line-height: 14px;
  font-size: 12px;
  text-align: center;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;  }  #g-pageservices
  article a.detail:hover:after {    color: #fff;  }  #g-pageservices
  h2 {    font-size: 180%;
  margin-bottom: 1em;  }  #g-pageservices
  h3.page-module-title {    margin-bottom: 20px;  }  #g-pageservices
  h3.accordion-heading.active {    color: #4aa9f1;  }  #g-pageservices
  hr {    height: 5px;
  background: #eee;
  border-top-color: #ddd;
  margin: 3em 0;  }  #g-pageservices .testimonial-avatar [
  class^="icon-"],  #g-pageservices .testimonial-avatar [class*=" icon-"] {    border: none;  }  #g-pagecolumn
  hr {    height: 5px;
  background: #eee;
  border-top-color: #ddd;
  margin: 4em 0;
  float: left;
  width: 100%;  }  #g-pageportfolio [
  class*="col-sm"] {    position: relative;
  top: 0;
  background: #F9F9F9;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: -1px;
  padding: 0 5px;
  z-index: 1;
  -webkit-box-shadow: 1px 1px 0  #FFFFFF inset,1px 0 0 #D8D8D8, 0 1px 0 #E5E5E5, 2px 1px 0 #D8D8D8, 1px 2px 0 #E5E5E5, 3px 2px 0 #D8D8D8, 2px 3px 0 #E5E5E5, 4px 3px 0 #D8D8D8, 4px 3px 0 #eee, 4px 3px 0 #E5E5E5, 4px 4px 0 #E5E5E5;
  -moz-box-shadow: 1px 1px 0  #FFFFFF inset,1px 0 0 #D8D8D8, 0 1px 0 #E5E5E5, 2px 1px 0 #D8D8D8, 1px 2px 0 #E5E5E5, 3px 2px 0 #D8D8D8, 2px 3px 0 #E5E5E5, 4px 3px 0 #D8D8D8, 4px 3px 0 #eee, 4px 3px 0 #E5E5E5, 4px 4px 0 #E5E5E5;
  box-shadow: 1px 1px 0  #FFFFFF inset,1px 0 0 #D8D8D8, 0 1px 0 #E5E5E5, 2px 1px 0 #D8D8D8, 1px 2px 0 #E5E5E5, 3px 2px 0 #D8D8D8, 2px 3px 0 #E5E5E5, 4px 3px 0 #D8D8D8, 4px 3px 0 #eee, 4px 3px 0 #E5E5E5, 4px 4px 0 #E5E5E5;  }  #g-pageportfolio [
  class*="col-sm"] .port-item-img {    position: relative;
  display: block;
  padding: 10px 10px 0;
  overflow: hidden;
  border-right: none;  }  #g-pageportfolio [
  class*="col-sm"] .port-item-content {    padding: 10px;  }  #g-pageportfolio [
  class*="col-sm"] .port-item-content h4 {    font-size: 100%;
  line-height: 22px;  }  #g-pageportfolio [
  class*="col-sm"] .port-item-content h4 a {    color: #4a505c;  }  #g-pageportfolio [
  class*="col-sm"] .port-item-content h4 a:hover {    color: #4aa9f1;  }  #g-pageportfolio [
  class*="col-sm"] .port-item-content p {    margin-bottom: 5px;  }  #g-pageportfolio [
  class*="col-sm"]:hover {    top: 4px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;  }  #g-pagewhatnew .yt-lightbox.image-none {
  padding: 3px;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  display: table;
  margin: 0 auto 10px;  }  #g-pagewhatnew
  h3.title {    margin-bottom: 1em;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
  font-size: 180%;  }  #g-pagewhatnew .yt-lightbox
  a  img {    width: auto;  }  .categories-list .collapse.in {
  width: 100%;  }  .rtl #g-pageportfolio [
  class*="span"] .port-item-content a.detail:after,  .rtl #g-pageservices article a.detail:after {    content: "\f104";  }  .rtl
  ul.yt-accordion li.accordion-group h3.accordion-heading .fa-plus-circle {    margin-right: 0px;
  margin-left: 5px;  }  @media (
  min-width: 768px) and (max-width: 979px) {    ul.c-step li {      margin: 0 10px;    }    #g-pagewhatnew .yt-lightbox.image-none {
  display: block;    }  }  @media (
  max-width: 767px) {    .yt-lightbox {      float: none !important;    }    #g-pageservices .span4 {
  margin-bottom: 2em !important;    }    #g-pageportfolio [class*=
  "span"] {      margin-bottom: 1em !important;    }    #g-pageportfolio [class*=
  "span"] .port-item-img {      display: inline-block;    }    #g-pagewhatnew .yt-lightbox.image-none {
  display: block;    }    .yt-gallery ul li {
  width: auto !important;    }    ul.c-step:before {
  display: none;    }    ul.c-step li {
  display: table-cell;    }    div.yt-lightbox.image-left {
  float: none;
  display: inline-block;
  margin: 0 0 15px;    }    div.g-pageteam div.b-ourteam [class*=
  "span"] {      margin-bottom: 30px !important;    }  }  #k2Container {
  padding: 0;  }  #k2Container
  div.itemIsFeatured,  #k2Container div.catItemIsFeatured,  #k2Container div.userItemIsFeatured {    background: #fff;  }  #k2Container
  h3.itemCommentsCounter {    margin-top: 10px;  }  #k2Container
  div.k2Pagination {    margin: 0;
  padding: 0;  }  #k2Container
  div.k2Pagination .pagination li .pagenav .l-hiden {    display: inline;
  margin: 0;  }  #k2Container
  div.k2Pagination .pagination li .pagenav .r-hiden {    display: none;
  margin: 0;  }  #k2Container .itemList .itemContainer .catItemView .catItemImageBlock {
  overflow: hidden;
  position: relative;
  text-align: center;  }  #k2Container .itemList .itemContainer .catItemView .catItemImageBlock .over-image {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  opacity: 0.5;
  top: 0;
  left: 0;
  pointer-events: none;
  box-shadow: 0 0 0 0 #4aa9f1 inset;
  transition: all 0.2s ease-out;  }  #k2Container .itemList .itemContainer .catItemView .catItemImageBlock
  img {    transition: all 0.2s ease-out;  }  #k2Container .itemList .itemContainer .catItemView .catItemImageBlock:hover
  img {    -moz-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -webkit-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -o-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -ms-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transition: all 0.2s ease-out;
  transition-delay: 0.1s;  }  #k2Container .itemList .itemContainer .catItemView .catItemImageBlock:hover .over-image {
  opacity: 1;
  box-shadow: 0 0 0 8px #4aa9f1 inset;
  transition: all 0.2s ease-out;  }  #k2Container .itemList .itemContainer .catItemView .catItemImageBlock .zoom_img {
  height: 30px;
  width: 30px;
  position: absolute;
  display: block;
  text-align: center;
  top: 45%;
  left: 45%;
  opacity: 0;
  transform: scale(0);
  background: #fff;
  color: #4aa9f1;
  transition: all 0.3s ease-in-out;  }  #k2Container .itemList .itemContainer .catItemView .catItemImageBlock .zoom_img:before {
  content: "\f067";
  height: 100%;
  width: 100%;
  font-family: fontawesome;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 30px;
  transition: all 0.3s ease-in-out;  }  #k2Container .itemList .itemContainer .catItemView .catItemImageBlock .zoom_img:hover {
  background: #4aa9f1;
  color: #fff;  }  #k2Container .itemList .itemContainer .catItemView .catItemImageBlock.me-video:after {
  background: url("../images/bg/play-video.png") no-repeat scroll center 28%;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;  }  #k2Container .itemList .itemContainer .catItemView .catItemImageBlock.me-video:hover:after {
  background: url("../images/styling/red/play-video.html") no-repeat scroll center center;  }  #k2Container .itemList .itemContainer .catItemView .catItemImageBlock:hover:before {
  opacity: 1;
  transition: all 0.3s ease-in;  }  #k2Container .itemList .itemContainer .catItemView .catItemImageBlock:hover .zoom_img {
  opacity: 1;
  transform: scale(1);
  transition: all 0.3s ease-in-out;  }  #k2Container .itemList .itemContainer .catItemView .main-item .catItemRatingBlock {
  padding: 2px 0 0;
  margin-right: 8px;
  display: block;  }  #k2Container .itemList .itemContainer .catItemView .main-item .catItemRatingBlock .itemRatingForm {
  line-height: 20px;
  padding-right: 8px;  }  #k2Container .itemList .itemContainer .catItemView .main-item .catItemRatingBlock .itemRatingForm
  ul.itemRatingList {    height: 20px;
  width: 75px;
  z-index: 1;  }  #k2Container .itemList .itemContainer .catItemView .main-item .catItemRatingBlock .itemRatingForm
  ul.itemRatingList li.itemCurrentRating {    height: 18px;  }  #k2Container .itemList .itemContainer .catItemView .main-item .catItemRatingBlock .itemRatingForm
  ul.itemRatingList a:hover {    background-position: left -18px;  }  #k2Container .itemList .itemContainer .catItemView .main-item .catItemRatingBlock .itemRatingForm .itemRatingLog {
  color: #999;  }  #k2Container.itemListView .itemList {
  margin: 0 -15px;  }  #k2Container.itemListView
  h3.modtitle {    font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  color: #4a505c;
  padding: 10px 0;
  border-bottom: solid 2px #4a505c;
  margin: 0 0 30px;  }  #k2Container.itemListView .itemListCategoriesBlock .itemListCategory {
  background: #fff;
  padding: 0;
  margin: 0;  }  #k2Container.itemListView .itemListCategoriesBlock .itemListCategory
  h3 {    padding: 10px 0 5px;
  border-bottom: solid 1px #ccc;
  color: #444;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  margin: 0 0 25px;  }  #k2Container.itemListView .itemListCategoriesBlock .itemListCategory
  h3:before {    content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: #ccc;  }  #k2Container.itemListView .itemListCategoriesBlock .itemListCategory
  h3:after {    content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 3px;
  width: 110px;
  background: #4aa9f1;  }  #k2Container .k2Pagination .pagination
  a,  #k2Container .k2Pagination .pagination span {    margin-right: 5px;
  margin-bottom: 5px;
  padding: 3px 12px;
  border-radius: 0;
  color: #666;
  height: 26px;  }  #k2Container .k2Pagination .pagination
  a:hover,  #k2Container .k2Pagination .pagination span:hover {    color: #fff;
  background: #4aa9f1;
  border-color: #4aa9f1;  }  #k2Container .k2Pagination .pagination
  li.active a,  #k2Container .k2Pagination .pagination li.active span {    color: #fff;
  background: #4aa9f1;
  border-color: #4aa9f1;  }  #k2Container .itemListCategoriesBlock .itemListCategory {
  background: transparent;
  border: none;
  padding: 10px;
  margin: 0 0 30px;
  background: #4aa9f1;
  color: #fff;  }  #k2Container .itemListCategoriesBlock .itemListCategory
  h2 {    font-size: 18px;
  color: #000;
  font-weight: bold;
  margin: 0 0 30px;
  text-transform: uppercase;  }  #k2Container .itemListCategoriesBlock .itemListCategory
  p {    color: #444;  }  #k2Container .itemListCategoriesBlock .itemListCategory .main-cate {
  display: block;
  overflow: hidden;
  margin: 0;
  font-style: italic;  }  #k2Container .itemListCategoriesBlock .itemListSubCategories &gt;
  h3 {    margin: 15px;
  font-size: 20px;
  text-transform: uppercase;
  color: #000;  }  #k2Container .itemListCategoriesBlock .itemListSubCategories .subCategoryContainer .subCategory {
  padding: 15px;
  margin-bottom: 30px;
  background: #fff;  }  #k2Container .itemListCategoriesBlock .itemListSubCategories .subCategoryContainer .subCategory
  p:empty {    display: none;  }  #k2Container .itemListCategoriesBlock .itemListSubCategories .subCategoryContainer .subCategoryImage {
  display: block;
  float: left;  }  #k2Container .itemListCategoriesBlock .itemListSubCategories .subCategoryContainer .subCategoryImage
  img {    margin: 0 15px 15px 0;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView {
  padding: 0;
  margin-bottom: 30px;
  -moz-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  display: -moz-box;
  display: -webkit-box;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .catItemImageBlock {
  padding: 0;
  margin: 0 30px 0 0;
  float: left;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  position: relative;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .catItemImageBlock
  img {    padding: 0;
  border: none;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .catItemImageBlock .CommentsLink
  div.catItemCommentsLink {    padding: 0;
  margin: 0;
  border: none;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .catItemImageBlock .CommentsLink
  div.catItemCommentsLink a {    color: #fff;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .catItemImageBlock .CommentsLink:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-color: #fff transparent transparent;
  border-width: 5px 5px 0 0;
  bottom: -7px;
  left: 4px;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item {
  display: block;
  -moz-box-flex: 1;
  -webkit-box-flex: 50;
  position: relative;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item
  h3.catItemTitle {    font-size: 16px;
  margin: 0 0 5px;
  padding: 0;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item
  h3.catItemTitle a {    color: #666;
  font-weight: bold;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item
  h3.catItemTitle a:hover {    color: #4aa9f1;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item
  h3.catItemTitle ul.list-icon {    float: right;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item
  h3.catItemTitle ul.list-icon li {    list-style: none;
  float: right;
  font-size: 16px;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item
  h3.catItemTitle ul.list-icon li a {    color: #999;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item
  h3.catItemTitle ul.list-icon li a:hover {    color: #4aa9f1;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside {
  margin: 0 -5px;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside .article-info {
  margin-bottom: 10px;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside .catItemCommentsLink {
  border: none;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside
  dd {    display: inline-block;
  color: #bbb;
  font-size: 11px;
  border-right: 1px solid #bbb;
  padding: 0 5px;
  line-height: 11px;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside
  dd:last-child {    border: none;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside
  dd .catItemCategory a,  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside dd .catItemCommentsLink a {    color: #bbb;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside
  dd .catItemCategory a:hover,  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside dd .catItemCommentsLink a:hover {    color: #4aa9f1;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside .catItemAuthor
  a {    color: #999;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside .catItemAuthor
  a:hover {    color: #4aa9f1;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .catItemBody {
  padding: 0;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .catItemBody .catItemIntroText {
  padding: 0 0 1px;
  margin-bottom: 10px;
  position: relative;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .catItemBody .catItemExtraFields {
  position: absolute;
  bottom: -10px;
  right: 0;
  border: none;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .catItemBody .catItemExtraFields
  ul li.typeTextarea {    padding: 0 0 0 20px;
  border: none;
  background: #fff;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .catItemBody .catItemExtraFields
  ul li.typeTextarea .catItemExtraFieldsValue .icon a {    height: 15px;
  width: 15px;
  display: inline-block;
  text-align: center;
  line-height: 15px;
  border-radius: 2px;
  font-size: 9px;
  margin-left: 3px;
  background: #CDCDCD;
  color: #fff;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .catItemBody .catItemExtraFields
  ul li.typeTextarea .catItemExtraFieldsValue .icon a i {    margin: 0;  }  #k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .catItemBody .catItemExtraFields
  ul li.typeTextarea .catItemExtraFieldsValue .icon a:hover {    background: #4aa9f1;  }  #k2Container .itemList .itemContainer.col-sm-6 .catItemView,  #k2Container .itemList .itemContainer.col-sm-4 .catItemView,  #k2Container .itemList .itemContainer.col-sm-3 .catItemView {
  padding: 0;
  margin: 0 0 30px;  }  #k2Container .itemList .itemContainer.col-sm-6 .catItemView .catItemImageBlock,  #k2Container .itemList .itemContainer.col-sm-4 .catItemView .catItemImageBlock,  #k2Container .itemList .itemContainer.col-sm-3 .catItemView .catItemImageBlock {
  padding: 0;
  position: relative;
  margin: 0 0 25px;
  display: inline-block;  }  #k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item
  div.catItemHeader h3.catItemTitle,  #k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemHeader h3.catItemTitle,  #k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemHeader h3.catItemTitle {    color: #000;
  font-size: 14px;
  padding: 0;
  font-weight: bold;
  margin: 0 0 10px;  }  #k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item
  div.catItemHeader h3.catItemTitle a,  #k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemHeader h3.catItemTitle a,  #k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemHeader h3.catItemTitle a {    color: #444;  }  #k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item
  div.catItemHeader h3.catItemTitle a:hover,  #k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemHeader h3.catItemTitle a:hover,  #k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemHeader h3.catItemTitle a:hover {    color: #4aa9f1;  }  #k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item
  div.catItemHeader .article-aside,  #k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemHeader .article-aside,  #k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemHeader .article-aside {    margin: 0 -5px;  }  #k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item
  div.catItemHeader .article-aside dl,  #k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemHeader .article-aside dl,  #k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemHeader .article-aside dl {    margin: 0 10px;  }  #k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item
  div.catItemHeader .article-aside dl dd,  #k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemHeader .article-aside dl dd,  #k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemHeader .article-aside dl dd {    display: inline-block;
  padding-right: 5px;
  border-right: 1px solid #ccc;
  line-height: 11px;
  color: #999;  }  #k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item
  div.catItemBody,  #k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemBody,  #k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemBody {    padding: 0;  }  #k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item
  div.catItemBody .catItemIntroText,  #k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemBody .catItemIntroText,  #k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemBody .catItemIntroText {    padding: 0;
  margin: 0 0 20px;  }  #k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item
  div.catItemBody .catItemIntroText p,  #k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemBody .catItemIntroText p,  #k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemBody .catItemIntroText p {    margin: 0;  }  #k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item
  div.catItemBody .catItemExtraFields,  #k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemBody .catItemExtraFields,  #k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemBody .catItemExtraFields {    position: absolute;
  bottom: 32px;
  right: 15px;
  border: none;  }  #k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item
  div.catItemBody .catItemExtraFields ul li.typeTextarea,  #k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea,  #k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea {    padding: 0 0 0 20px;
  border: none;
  background: #fff;  }  #k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item
  div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a,  #k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a,  #k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a {    height: 15px;
  width: 15px;
  display: inline-block;
  text-align: center;
  line-height: 15px;
  border-radius: 2px;
  font-size: 9px;
  margin-left: 3px;
  background: #CDCDCD;
  color: #fff;  }  #k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item
  div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a i,  #k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a i,  #k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a i {    margin: 0;  }  #k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item
  div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a:hover,  #k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a:hover,  #k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a:hover {    background: #4aa9f1;  }  #k2Container .itemList .itemContainer.col-sm-3 .catItemView .catItemImageBlock
  img {    width: 100%;  }  #k2Container.userView .userBlock {
  background: #4aa9f1;
  border: none;
  color: #fff;  }  #k2Container.userView .userBlock .userEmail {
  color: #fff;  }  #k2Container.userView .userBlock .userEmail
  a {    color: #fff;  }  #k2Container.userView .userBlock .userEmail
  a:hover {    color: #686868;  }  #k2Container.userView .catItemHeader .userItemTitle
  a {    color: #444;  }  #k2Container.userView .catItemHeader .userItemTitle
  a:hover {    color: #4aa9f1;  }  #k2Container.userView .catItemHeader .article-aside {
  font-size: 11px;  }  #k2Container.userView .catItemHeader .article-aside
  dl {    margin: 0;  }  #k2Container.userView .catItemHeader .article-aside .article-info .create {
  margin-right: 20px;  }  #k2Container.userView .catItemHeader .article-aside .article-info .catItemCommentsLink {
  border: none;  }  #k2Container.userView .catItemHeader .article-aside .article-info .catItemCommentsLink
  a {    color: #999;  }  #k2Container.userView .catItemHeader .article-aside .article-info .catItemCommentsLink
  a:hover {    color: #4aa9f1;  }  #k2Container.tagView .tagItemHeader .tagItemTitle
  a {    color: #444;
  font-weight: 400;  }  #k2Container.tagView .tagItemHeader .tagItemTitle
  a:hover {    color: #4aa9f1;  }  #k2Container.tagView .article-aside {
  font-size: 11px;
  color: #999;  }  #k2Container.tagView .article-aside .article-info {
  margin: 0;  }  #k2Container.latestView .latestItemsUser {
  margin: 0 0 30px;
  background: #4aa9f1;
  border: none;
  color: #fff;  }  #k2Container.latestView .latestItemsUser
  h2 a {    color: #fff;  }  #k2Container.latestView .latestItemsUser .latestItemsUserURL {
  display: none;  }  #k2Container.latestView .latestItemsUser .latestItemsUserEmail {
  color: #fff;  }  #k2Container.latestView .latestItemsUser .latestItemsUserEmail
  a {    color: #fff;  }  #k2Container.latestView .latestItemsUser .latestItemsUserEmail
  a:hover {    color: #686868;  }  #k2Container.latestView .itemList .catItemView .catItemHeader
  h2.latestItemTitle a {    color: #444;
  font-weight: 400;  }  #k2Container.latestView .itemList .catItemView .catItemHeader
  h2.latestItemTitle a:hover {    color: #4aa9f1;  }  #k2Container.latestView .itemList .catItemView .article-aside {
  font-size: 11px;  }  #k2Container.latestView .itemList .catItemView .article-aside .article-info {
  margin: 0;  }  #k2Container.latestView .itemList .catItemView .article-aside .article-info .create {
  color: #999;  }  #k2Container.latestView .itemList .catItemView,  #k2Container.userView .itemList .catItemView,  #k2Container.tagView .itemList .catItemView {
  padding: 0;
  margin-bottom: 30px;  }  #k2Container.latestView .itemList .catItemView .main-inline,  #k2Container.userView .itemList .catItemView .main-inline,  #k2Container.tagView .itemList .catItemView .main-inline {
  display: inline;  }  #k2Container.latestView .itemList .catItemView .catItemImageBlock,  #k2Container.userView .itemList .catItemView .catItemImageBlock,  #k2Container.tagView .itemList .catItemView .catItemImageBlock {
  padding: 0;
  margin: 0 20px 0 0;
  float: left;
  z-index: 2;
  overflow: hidden;
  width: 23%;
  display: inline-block;
  position: relative;  }  #k2Container.latestView .itemList .catItemView .catItemImageBlock .over-image,  #k2Container.userView .itemList .catItemView .catItemImageBlock .over-image,  #k2Container.tagView .itemList .catItemView .catItemImageBlock .over-image {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  opacity: 0.5;
  top: 0;
  left: 0;
  pointer-events: none;
  box-shadow: 0 0 0 0 #4aa9f1 inset;
  transition: all 0.2s ease-out;  }  #k2Container.latestView .itemList .catItemView .catItemImageBlock
  img,  #k2Container.userView .itemList .catItemView .catItemImageBlock img,  #k2Container.tagView .itemList .catItemView .catItemImageBlock img {    transition: all 0.2s ease-out;  }  #k2Container.latestView .itemList .catItemView .catItemImageBlock:hover
  img,  #k2Container.userView .itemList .catItemView .catItemImageBlock:hover img,  #k2Container.tagView .itemList .catItemView .catItemImageBlock:hover img {    -moz-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -webkit-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -o-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -ms-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transition: all 0.2s ease-out;
  transition-delay: 0.1s;  }  #k2Container.latestView .itemList .catItemView .catItemImageBlock:hover .over-image,  #k2Container.userView .itemList .catItemView .catItemImageBlock:hover .over-image,  #k2Container.tagView .itemList .catItemView .catItemImageBlock:hover .over-image {
  opacity: 1;
  box-shadow: 0 0 0 8px #4aa9f1 inset;
  transition: all 0.2s ease-out;  }  #k2Container.latestView .itemList .catItemView .catItemImageBlock .zoom_img,  #k2Container.userView .itemList .catItemView .catItemImageBlock .zoom_img,  #k2Container.tagView .itemList .catItemView .catItemImageBlock .zoom_img {
  height: 30px;
  width: 30px;
  position: absolute;
  display: block;
  text-align: center;
  top: 45%;
  left: 45%;
  opacity: 0;
  transform: scale(0);
  background: #fff;
  color: #4aa9f1;
  transition: all 0.3s ease-in-out;  }  #k2Container.latestView .itemList .catItemView .catItemImageBlock .zoom_img:before,  #k2Container.userView .itemList .catItemView .catItemImageBlock .zoom_img:before,  #k2Container.tagView .itemList .catItemView .catItemImageBlock .zoom_img:before {
  content: "\f067";
  height: 100%;
  width: 100%;
  font-family: fontawesome;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 30px;  }  #k2Container.latestView .itemList .catItemView .catItemImageBlock .zoom_img:hover,  #k2Container.userView .itemList .catItemView .catItemImageBlock .zoom_img:hover,  #k2Container.tagView .itemList .catItemView .catItemImageBlock .zoom_img:hover {
  background: #4aa9f1;
  color: #fff;  }  #k2Container.latestView .itemList .catItemView .catItemImageBlock:hover:before,  #k2Container.userView .itemList .catItemView .catItemImageBlock:hover:before,  #k2Container.tagView .itemList .catItemView .catItemImageBlock:hover:before {
  opacity: 1;
  transition: all 0.3s ease-in;  }  #k2Container.latestView .itemList .catItemView .catItemImageBlock:hover .zoom_img,  #k2Container.userView .itemList .catItemView .catItemImageBlock:hover .zoom_img,  #k2Container.tagView .itemList .catItemView .catItemImageBlock:hover .zoom_img {
  opacity: 1;
  transform: scale(1);
  transition: all 0.3s ease-in-out;  }  #k2Container.latestView .itemList .catItemView .main-item,  #k2Container.userView .itemList .catItemView .main-item,  #k2Container.tagView .itemList .catItemView .main-item {
  border-bottom: 1px solid #ddd;
  position: relative;
  z-index: 1;
  display: inline-block;
  width: calc(74%);  }  #k2Container.latestView .itemList .catItemView .main-item
  h3.catItemTitle,  #k2Container.userView .itemList .catItemView .main-item h3.catItemTitle,  #k2Container.tagView .itemList .catItemView .main-item h3.catItemTitle {    font-size: 14px;
  margin: 0 0 5px;
  padding: 0;
  font-weight: bold;  }  #k2Container.latestView .itemList .catItemView .main-item
  h3.catItemTitle a,  #k2Container.userView .itemList .catItemView .main-item h3.catItemTitle a,  #k2Container.tagView .itemList .catItemView .main-item h3.catItemTitle a {    color: #444;  }  #k2Container.latestView .itemList .catItemView .main-item
  h3.catItemTitle a:hover,  #k2Container.userView .itemList .catItemView .main-item h3.catItemTitle a:hover,  #k2Container.tagView .itemList .catItemView .main-item h3.catItemTitle a:hover {    color: #4aa9f1;  }  #k2Container.latestView .itemList .catItemView .main-item
  h3.catItemTitle ul.list-icon,  #k2Container.userView .itemList .catItemView .main-item h3.catItemTitle ul.list-icon,  #k2Container.tagView .itemList .catItemView .main-item h3.catItemTitle ul.list-icon {    float: right;  }  #k2Container.latestView .itemList .catItemView .main-item
  h3.catItemTitle ul.list-icon li,  #k2Container.userView .itemList .catItemView .main-item h3.catItemTitle ul.list-icon li,  #k2Container.tagView .itemList .catItemView .main-item h3.catItemTitle ul.list-icon li {    list-style: none;
  float: right;
  font-size: 16px;  }  #k2Container.latestView .itemList .catItemView .main-item
  h3.catItemTitle ul.list-icon li a,  #k2Container.userView .itemList .catItemView .main-item h3.catItemTitle ul.list-icon li a,  #k2Container.tagView .itemList .catItemView .main-item h3.catItemTitle ul.list-icon li a {    color: #bbb;  }  #k2Container.latestView .itemList .catItemView .main-item
  h3.catItemTitle ul.list-icon li a:hover,  #k2Container.userView .itemList .catItemView .main-item h3.catItemTitle ul.list-icon li a:hover,  #k2Container.tagView .itemList .catItemView .main-item h3.catItemTitle ul.list-icon li a:hover {    color: #4aa9f1;  }  #k2Container.latestView .itemList .catItemView .main-item .article-aside .article-info,  #k2Container.userView .itemList .catItemView .main-item .article-aside .article-info,  #k2Container.tagView .itemList .catItemView .main-item .article-aside .article-info {
  margin-bottom: 10px;  }  #k2Container.latestView .itemList .catItemView .main-item .article-aside .catItemCommentsLink,  #k2Container.userView .itemList .catItemView .main-item .article-aside .catItemCommentsLink,  #k2Container.tagView .itemList .catItemView .main-item .article-aside .catItemCommentsLink {
  border: none;  }  #k2Container.latestView .itemList .catItemView .main-item .article-aside
  dd,  #k2Container.userView .itemList .catItemView .main-item .article-aside dd,  #k2Container.tagView .itemList .catItemView .main-item .article-aside dd {    display: inline-block;
  margin-right: 5px;
  font-size: 11px;  }  #k2Container.latestView .itemList .catItemView .main-item .article-aside .catItemAuthor
  a,  #k2Container.userView .itemList .catItemView .main-item .article-aside .catItemAuthor a,  #k2Container.tagView .itemList .catItemView .main-item .article-aside .catItemAuthor a {    color: #999;  }  #k2Container.latestView .itemList .catItemView .main-item .article-aside .catItemAuthor
  a:hover,  #k2Container.userView .itemList .catItemView .main-item .article-aside .catItemAuthor a:hover,  #k2Container.tagView .itemList .catItemView .main-item .article-aside .catItemAuthor a:hover {    color: #4aa9f1;  }  #k2Container.latestView .itemList .catItemView .main-item .catItemBody,  #k2Container.userView .itemList .catItemView .main-item .catItemBody,  #k2Container.tagView .itemList .catItemView .main-item .catItemBody {
  padding: 0;  }  #k2Container.latestView .itemList .catItemView .main-item .catItemBody .catItemIntroText,  #k2Container.userView .itemList .catItemView .main-item .catItemBody .catItemIntroText,  #k2Container.tagView .itemList .catItemView .main-item .catItemBody .catItemIntroText {
  padding: 0 0 1px;
  margin-bottom: 10px;
  position: relative;  }  @media screen and (
  -webkit-min-device-pixel-ratio: 0) {    #k2Container.latestView .itemList .catItemView .main-item,    #k2Container.userView .itemList .catItemView .main-item,    #k2Container.tagView .itemList .catItemView .main-item {      border-bottom: none;    }  }  #k2Container.itemView {
  border: none;
  margin: 0;
  padding: 0;  }  #k2Container.itemView .itemToolbar {
  color: #999;  }  #k2Container.itemView .itemToolbar .icon-item {
  font-size: 12px;  }  #k2Container.itemView .itemHeader .me-inline {
  display: inline-block;  }  #k2Container.itemView .itemHeader
  h2.itemTitle {    color: #444;
  font-size: 24px;
  padding: 0;
  margin: 0 0 10px;  }  #k2Container.itemView .itemHeader
  h2.itemTitle a {    color: #444;  }  #k2Container.itemView .itemHeader
  h2.itemTitle a:hover {    color: #4aa9f1;  }  #k2Container.itemView .itemHeader .itemToolbar {
  float: right;
  margin: 0;
  background: none;
  border: none;
  color: #999;  }  @media screen and (
  -webkit-min-device-pixel-ratio: 0) {    #k2Container.itemView .itemHeader .itemToolbar .itemDateCreated {      min-width: 122px;    }  }  #k2Container.itemView .itemHeader .itemToolbar .size-mail .itemTextResizerTitle {
  color: #444;
  font-size: 11px;
  text-transform: capitalize;  }  #k2Container.itemView .itemHeader .itemToolbar .size-mail
  a#fontIncrease {    display: inline-block;
  height: 20px;
  width: 20px;
  line-height: 18px;
  border: 1px solid #999;
  color: #999;
  border-radius: 3px;
  font-size: 16px;  }  #k2Container.itemView .itemHeader .itemToolbar .size-mail
  a#fontIncrease:hover {    color: #fff;
  background: #4aa9f1;
  border-color: #4aa9f1;  }  #k2Container.itemView .itemHeader .itemToolbar .size-mail
  a#fontDecrease {    display: inline-block;
  height: 20px;
  width: 20px;
  line-height: 18px;
  border: 1px solid #999;
  color: #999;
  border-radius: 3px;
  font-size: 16px;  }  #k2Container.itemView .itemHeader .itemToolbar .size-mail
  a#fontDecrease:hover {    color: #fff;
  background: #4aa9f1;
  border-color: #4aa9f1;  }  #k2Container.itemView .itemHeader .itemToolbar .size-mail .fontsize {
  margin-right: 35px;  }  #k2Container.itemView .itemHeader .itemToolbar .size-mail .emailbutton {
  border: none;
  padding: 0;  }  #k2Container.itemView .itemHeader .itemToolbar .size-mail .emailbutton
  a {    font-size: 14px;
  color: #999;  }  #k2Container.itemView .itemHeader .itemToolbar .size-mail .emailbutton
  a:hover {    color: #4aa9f1;  }  #k2Container.itemView .itemHeader .itemToolbar .size-mail .printbutton {
  border: none;
  padding: 0;  }  #k2Container.itemView .itemHeader .itemToolbar .size-mail .printbutton
  a {    font-size: 14px;
  color: #999;  }  #k2Container.itemView .itemHeader .itemToolbar .size-mail .printbutton
  a:hover {    color: #4aa9f1;  }  #k2Container.itemView .itemToolbar {
  background: none;
  border: none;
  display: block;
  overflow: hidden;
  margin: 0 0 15px;  }  #k2Container.itemView .itemToolbar
  ul li {    border: none;  }  #k2Container.itemView .itemToolbar .itemRatingBlock {
  padding: 2px 0 0;
  margin-right: 8px;
  display: block;  }  #k2Container.itemView .itemToolbar .itemRatingBlock .itemRatingForm {
  line-height: 20px;
  padding-right: 8px;  }  #k2Container.itemView .itemToolbar .itemRatingBlock .itemRatingForm
  ul.itemRatingList {    height: 20px;
  width: 75px;
  z-index: 1;  }  #k2Container.itemView .itemToolbar .itemRatingBlock .itemRatingForm
  ul.itemRatingList li.itemCurrentRating {    height: 18px;  }  #k2Container.itemView .itemToolbar .itemRatingBlock .itemRatingForm
  ul.itemRatingList a:hover {    background-position: left -18px;  }  #k2Container.itemView .itemToolbar .itemRatingBlock .itemRatingForm .itemRatingLog {
  color: #999;  }  #k2Container.itemView .itemToolbar .me-inline {
  display: inline-block;
  float: left;
  margin-right: 30px;  }  #k2Container.itemView .itemBody {
  padding: 0;  }  #k2Container.itemView .itemBody .page-header
  h2.itemTitle {    font-size: 16px;
  color: #444;
  font-weight: bold;  }  #k2Container.itemView .itemBody .page-header
  h2.itemTitle &gt; span {    background: #3f444e;
  color: #fff;
  padding: 2px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  display: inline-block;  }  #k2Container.itemView .itemBody .page-header
  h2.itemTitle &gt; span sup {    top: 0;
  font-size: 100%;  }  #k2Container.itemView .itemBody .itemImageBlock {
  text-align: center;
  padding: 0;
  margin: 0;  }  #k2Container.itemView .itemBody .itemImageBlock .itemImage {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;  }  #k2Container.itemView .itemBody .itemImageBlock .itemImage:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease-in-out;  }  #k2Container.itemView .itemBody .itemImageBlock .itemImage
  a.modal {    position: static;
  width: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  border: none;  }  #k2Container.itemView .itemBody .itemImageBlock .itemImage
  img {    border: none;
  padding: 0;  }  #k2Container.itemView .itemBody .itemImageBlock .itemImage:hover:before {
  opacity: 0.5;
  transition: all 0.3s ease-in-out;  }  #k2Container.itemView .itemBody .itemNaviTop {
  position: relative;
  margin: 0 0 20px;  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info {    background: #EEEEEE;
  padding: 10px;  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info dd {    color: #444;
  font-size: 100%;  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info dd .itemDateCreated {    margin-right: 20px;
  color: #999;
  font-size: 11px;  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info dd .icon-category:before {    content: "\f07b ";  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info dd .category {    margin-right: 20px;
  color: #999;  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info dd .category a {    color: #999;
  font-size: 11px;  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info dd .category a:hover {    color: #4a505c;  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info dd .itemAuthor {    color: #999;  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info dd .itemAuthor a {    color: #999;
  font-size: 11px;  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info dd .itemAuthor a:hover {    color: #4a505c;  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info dd.k2item-email {    position: absolute;
  right: 0;  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info dd.k2item-email a {    color: #999;  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info dd.k2item-email a:hover {    color: #4a505c;  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info dd.item-caption {    float: right;  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info dd.item-caption:before {    content: "";  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info dd.item-caption &gt; span {    font-size: 13px;
  font-style: normal;
  margin-left: 10px;  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info dd a {    color: #444;  }  #k2Container.itemView .itemBody .itemNaviTop
  dl.article-info dd a:hover {    color: #4a505c;  }  #k2Container.itemView .itemBody
  div.itemIntroText {    font-weight: normal;  }  #k2Container.itemView .itemBody
  div.itemFullText {    margin-bottom: 50px;  }  #k2Container.itemView .itemBody
  div.itemFullText .itemDateModified {    display: none;  }  #k2Container.itemView .itemBody .itemNaviBottom {
  margin-bottom: 1em;  }  #k2Container.itemView .itemBody .itemNaviBottom &gt;
  div {    min-height: 20px;  }  #k2Container.itemView .itemBody .itemNaviBottom &gt;
  div:last-child {    border: none;  }  #k2Container.itemView .itemBody .itemNaviBottom .itemSocialSharing {
  padding: 0;  }  #k2Container.itemView .itemBody .itemNaviBottom .itemSocialSharing &gt;
  div {    float: left;
  width: auto;
  height: 20px;  }  #k2Container.itemView .itemBody .itemNaviBottom .itemSocialSharing &gt;
  div &gt; iframe {    width: 80px !important;  }  #k2Container.itemView .itemBody .itemTagsBlock {
  padding: 0;
  border: none;
  margin-bottom: 5px;  }  #k2Container.itemView .itemBody .itemTagsBlock
  span {    color: #444 Light;
  font-weight: normal;  }  #k2Container.itemView .itemBody .itemAttachmentsBlock {
  padding: 4px 0;
  border: none;
  margin-bottom: 1em;  }  #k2Container.itemView .itemBody .itemAttachmentsBlock
  span {    color: #444 Light;
  font-weight: normal;  }  #k2Container.itemView .itemBody .itemExtraFields
  li {    background: #fff;
  border: none;  }  #k2Container.itemView .itemBody .itemExtraFields
  li span.itemExtraFieldsLabel {    width: auto;
  text-transform: uppercase;  }  #k2Container.itemView .itemBody .itemExtraFields
  li .icon i {    padding: 5px;
  background: #eee;
  border-radius: 2px;  }  #k2Container.itemView .itemBody .itemExtraFields
  li .icon i:hover {    background: #4aa9f1;
  color: #fff;  }  #k2Container.itemView .itemAuthorBlock {
  background: #EEEEEE;
  border: none;
  padding: 0;
  border-top: 1px solid #dee2f1;
  margin: 1em 0 2em;
  display: block;
  overflow: hidden;  }  #k2Container.itemView .itemAuthorBlock .header-author {
  display: block;
  overflow: hidden;
  padding: 10px;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;  }  #k2Container.itemView .itemAuthorBlock .header-author .me-inline {
  display: inline;
  float: left;
  margin-right: 20px;
  font-size: 11px;  }  #k2Container.itemView .itemAuthorBlock .header-author .itemcomment
  a {    color: #444;  }  #k2Container.itemView .itemAuthorBlock .header-author .itemcomment
  a:hover {    color: #4aa9f1;  }  #k2Container.itemView .itemAuthorBlock .header-author .itemHits {
  color: #444;  }  #k2Container.itemView .itemAuthorBlock .header-author
  div.itemTagsBlock {    border: none;
  padding: 0;
  font-size: 11px;  }  #k2Container.itemView .itemAuthorBlock .header-author
  div.itemTagsBlock i {    font-size: 14px;  }  #k2Container.itemView .itemAuthorBlock .header-author
  div.itemTagsBlock span {    color: #999;  }  #k2Container.itemView .itemAuthorBlock .header-author
  div.itemTagsBlock .itemTags a {    color: #444;  }  #k2Container.itemView .itemAuthorBlock .header-author
  div.itemTagsBlock .itemTags a:hover {    color: #4aa9f1;  }  #k2Container.itemView .itemAuthorBlock
  img.itemAuthorAvatar {    border: none;
  padding: 0;
  margin-right: 15px;  }  #k2Container.itemView .itemAuthorBlock
  h3.itemAuthorName {    font-weight: normal;
  margin-bottom: 10px;
  font-size: 16px;  }  #k2Container.itemView .itemAuthorBlock
  h3.itemAuthorName a {    color: #000;  }  #k2Container.itemView .itemAuthorBlock
  h3.itemAuthorName a:hover {    color: #4aa9f1;  }  #k2Container.itemView .itemAuthorBlock
  div.itemAuthorDetails span.itemAuthorUrl {    border: none;
  font-weight: normal;  }  #k2Container.itemView .itemAuthorBlock .itemAuthorAvatar {
  float: left;
  padding: 0 10px 10px;  }  #k2Container.itemView .itemAuthorBlock .itemAuthorDetails {
  padding: 0 10px;  }  #k2Container.itemView .itemAuthorBlock .itemAuthorDetails
  p:empty {    display: none;  }  #k2Container.itemView .itemAuthorLatest
  h3 {    font-size: 13px;
  font-weight: normal;
  color: #000;
  text-transform: uppercase;
  padding: 10px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;  }  #k2Container.itemView .itemAuthorLatest
  ul {    padding: 0;  }  #k2Container.itemView .itemAuthorLatest
  ul li.even,  #k2Container.itemView .itemAuthorLatest ul li.odd {    list-style: none;
  background: #fff;
  border: none;  }  #k2Container.itemView .itemAuthorLatest
  ul li.even a,  #k2Container.itemView .itemAuthorLatest ul li.odd a {    color: #444;  }  #k2Container.itemView .itemAuthorLatest
  ul li.even a:hover,  #k2Container.itemView .itemAuthorLatest ul li.odd a:hover {    color: #4aa9f1;  }  #k2Container.itemView .itemNavigation {
  border: none;
  padding: 4px 0;
  margin-bottom: 20px;
  background: transparent;  }  #k2Container.itemView .itemNavigation .itemNavigationTitle {
  padding: 10px;
  border: 1px solid #999;
  border-radius: 99px;  }  #k2Container.itemView .itemLatest {
  margin-bottom: 10px;  }  #k2Container.itemView .itemLatest
  h3 {    font-size: 16px;
  font-weight: 800;
  color: #444;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;  }  #k2Container.itemView .itemLatest
  ul {    margin: 0;  }  #k2Container.itemView .itemLatest
  ul li {    border: none;
  background: transparent;
  list-style: none;  }  #k2Container.itemView .itemLatest
  ul li:before {    content: "\f105";
  font-family: fontawesome;
  font-size: 16px;
  margin-right: 5px;  }  #k2Container.itemView .itemLatest
  ul li a {    color: #444;  }  #k2Container.itemView .itemLatest
  ul li:hover a {    color: #4a505c;  }  #k2Container.itemView .itemLatest
  ul li:hover:before {    color: #4a505c;  }  #k2Container.itemView .itemVideoBlock {
  padding: 0;
  background: transparent;
  border-top: 1px solid #dee2f1;
  padding-top: 2em;
  margin-bottom: 2em;  }  #k2Container.itemView .itemVideoBlock
  h3 {    font-size: 151.4%;
  font-family:;  }  #k2Container.itemView .itemVideoBlock .itemVideoEmbedded {
  text-align: center;
  padding-left: 5px;  }  #k2Container.itemView .itemVideoBlock .itemVideoEmbedded
  iframe {    margin: 0 12px 0px 0;
  position: relative;
  z-index: 1;  }  #k2Container.itemView .itemImageGallery {
  border-top: 1px solid #dee2f1;
  padding-top: 2em;
  margin-bottom: 2em;
  overflow: hidden;  }  #k2Container.itemView .itemImageGallery
  h3 {    font-size: 151.4%;
  font-family:;  }  #k2Container.itemView .itemImageGallery
  ul.sigProClassic li.sigProThumb span.sigProLinkWrapper {    margin: 0;
  padding: 0;
  border: none;  }  #k2Container.itemView .itemComments {
  padding: 0;
  background: #fff;
  border: none;
  overflow: hidden;  }  #k2Container.itemView .itemComments
  h3 {    font-size: 13px;
  font-weight: normal;
  color: #000;
  padding: 0;
  text-transform: uppercase;
  padding: 10px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;  }  #k2Container.itemView .itemComments .itemCommentsList .even,  #k2Container.itemView .itemComments .itemCommentsList .odd {
  background: transparent;
  border-bottom: none;  }  #k2Container.itemView .itemComments .itemCommentsList .even
  img,  #k2Container.itemView .itemComments .itemCommentsList .odd img {    margin: 5px 15px 0 0;
  border: 1px solid #eee;  }  #k2Container.itemView .itemComments .itemCommentsList .even .commentLink
  a,  #k2Container.itemView .itemComments .itemCommentsList .odd .commentLink a {    color: #4aa9f1;
  text-decoration: none;  }  #k2Container.itemView .itemComments .itemCommentsList .even .commentLink
  a:hover,  #k2Container.itemView .itemComments .itemCommentsList .odd .commentLink a:hover {    color: #4a505c;  }  #k2Container.itemView .itemComments .itemCommentsList .even
  p,  #k2Container.itemView .itemComments .itemCommentsList .odd p {    padding: 0;  }  #k2Container.itemView .itemComments .itemCommentsList .even
  span.commentDate,  #k2Container.itemView .itemComments .itemCommentsList .even span.commentAuthorName,  #k2Container.itemView .itemComments .itemCommentsList .odd span.commentDate,  #k2Container.itemView .itemComments .itemCommentsList .odd span.commentAuthorName {    font-weight: normal;
  color: #4aa9f1;
  border: none;
  display: inline-block;  }  #k2Container.itemView .itemComments .itemCommentsList .even .commentAuthorName,  #k2Container.itemView .itemComments .itemCommentsList .odd .commentAuthorName {
  font-size: 18px;
  margin-right: 10px;  }  #k2Container.itemView .itemComments .itemCommentsList .even
  span.commentDate,  #k2Container.itemView .itemComments .itemCommentsList .odd span.commentDate {    font-size: 11px;
  color: #444;  }  #k2Container.itemView .itemComments .itemCommentsPagination {
  display: none;  }  #k2Container.itemView .itemComments
  p.itemCommentsFormNotes {    border: none;
  margin: 1em 0 2em;  }  #k2Container.itemView .itemComments
  textarea.inputbox {    width: 90%;  }  #k2Container.itemView .itemComments .button
  i {    border-color: #fff;
  display: inline-block;
  background: url("../images/white-arrow-right.html") no-repeat scroll 3px 4px;
  margin: -3px 0 0 5px;  }  #k2Container.itemView .itemComments .itemCommentsForm
  form span#formLog {    padding: 0;
  margin: 0;  }  #k2Container.itemView .itemComments .itemCommentsForm
  h3 {    font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 30px;  }  #k2Container.itemView .itemComments .itemCommentsForm
  form {    margin-bottom: 0;  }  #k2Container.itemView .itemComments .itemCommentsForm .form-horizontal .controls {
  text-align: right;
  margin: 0 6px 0 0;  }  #k2Container.itemView .itemComments .itemCommentsForm
  form.form-validate {    color: #999;  }  #k2Container.itemView .itemComments .itemCommentsForm
  form.form-validate label {    display: none;  }  #k2Container.itemView .itemComments .itemCommentsForm
  form.form-validate input#userName {    width: 90%;
  margin-bottom: 10px;  }  #k2Container.itemView .itemComments .itemCommentsForm
  form.form-validate .me-inline {    display: inline;
  float: left;  }  #k2Container.itemView .itemComments .itemCommentsForm
  form.form-validate input.me-inline {    width: 44%;
  margin-bottom: 20px;  }  #k2Container.itemView .itemComments .itemCommentsForm
  form.form-validate input#commentEmail {    margin-right: 17px;  }  #k2Container.itemView .itemComments .itemCommentsForm
  form.form-validate input#submitCommentButton {    border: none;
  background: #4aa9f1;
  padding: 8px 20px;  }  #k2Container.itemView .itemComments .itemCommentsForm
  form.form-validate input#submitCommentButton:hover {    background: #23262D;  }  #k2Container.itemView .itemComments .itemCommentsForm
  textarea.inputbox {    width: 90%;
  background: #fff;
  color: #999;
  margin-bottom: 10px;  }
  div.itemCommentsForm form span#formLog {    position: absolute;
  margin-top: 25px;  }  .contentpane #outer {
  display: none;  }
  font-family: "Kufi-Arabic-Regular";
  font-family: "Kufi-Arabic-Regular";
}

.site-button{
	  font-family: "Kufi-Arabic-Regular";
}
.sg-title{
	  font-family: 'Kufi-Arabic-Bold' !important;
}
.item-postby{
	  font-family: "Kufi-Arabic-Regular";	
}


.title_popup{
		  font-family: "Kufi-Arabic-Regular";
}
.description-Title{
	  font-family: "nassim" !important;
	  font-size: 20px !important;
	  direction:rtl !important;
}

.module.newsletter .modcontent .acymailing_form td.acysubbuttons input.button:hover {
  background: #17191e;
}
.module.social-icon .list-icon {
  text-align: right;
}
.module.social-icon .list-icon div.yt-socialbt {
  margin: 0;
}
.module.social-icon .list-icon div.yt-socialbt a {
  height: 35px;
  width: 35px;
  line-height: 35px;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.module.social-icon .list-icon div.yt-socialbt a i {
  font-size: 16px;
  transition: all 0.3s ease-in-out;
}
.module.social-icon .list-icon div.yt-socialbt a:hover i {
  animation: myeffect 0.5s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.module.categories-ii {
  margin-top: -20px;
  margin-bottom: 0;
}
.module.categories-ii .modcontent .sj_category {
  box-shadow: none;
  direction: rtl;
}
.module.categories-ii .modcontent ul.line {
  padding: 0;
}
.module.categories-ii .modcontent ul.line &gt;li {
  list-style: none;
  float: left;
  display: inline-block;
  height: 170px;
  width: 16.6666666667%;
  margin: 0;
}
.module.categories-ii .modcontent ul.line &gt;li.content {
  padding: 30px 15px;
  color: #000;
  line-height: 18px;
  background: #fff;
  position: relative;
  transition: all 0.3s ease-in-out;
  text-align: right;
}
.module.categories-ii .modcontent ul.line &gt;li.content h3.tilte {
  /* text-transform: uppercase; */
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 15px;
  font-family: 'Kufi-Arabic-Bold';
}
.module.categories-ii .modcontent ul.line &gt;li.content h3.tilte a {
  color: #000;
}
.module.categories-ii .modcontent ul.line &gt;li.content h3.tilte:before {
  content: "";
  height: 2px;
  width: 45px;
  background: #ccc;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: all 0.3s ease-in-out;
}
.module.categories-ii .modcontent ul.line &gt;li.content .des {
  color: #6d6d6d;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.3em;
  text-align: right;
  direction: rtl;
}
.module.categories-ii .modcontent ul.line &gt;li.content:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  border-width: 8px 8px;
  top: 45%;
  left: -15px;
  z-index: 99;
  transition: all 0.3s ease-in-out;
}
.module.categories-ii .modcontent ul.line &gt;li.content:hover {
  background: #474b54;
  transition: all 0.3s ease-in-out;
}
.module.categories-ii .modcontent ul.line &gt;li.content:hover h3.tilte {
  color: #fff;
}
.module.categories-ii .modcontent ul.line &gt;li.content:hover h3.tilte a {
  color: #fff;
  /* font-size: 15pt; */
}
.module.categories-ii .modcontent ul.line &gt;li.content:hover h3.tilte:before {
  background: #fff;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.module.categories-ii .modcontent ul.line &gt;li.content:hover .des {
  color: #fff;
}
.module.categories-ii .modcontent ul.line &gt;li.content:hover:before {
  border-color: transparent #474b54 transparent transparent;
  transition: all 0.3s ease-in-out;
}
.module.categories-ii .modcontent ul.line &gt;li.icon-image {
  font-size: 48px;
  color: #fff;
  text-align: center;
  position: relative;
  overflow: hidden;
  background: #777777;
}
.module.categories-ii .modcontent ul.line &gt;li.icon-image .over-image {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  opacity: 0.5;
  top: 0;
  left: 0;
  pointer-events: none;
  box-shadow: 0 0 0 0 #4aa9f1 inset;
  transition: all 0.2s ease-out;
}
.module.categories-ii .modcontent ul.line &gt;li.icon-image img {
  transition: all 0.2s ease-out;
}
.module.categories-ii .modcontent ul.line &gt;li.icon-image:hover img {
  -moz-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -webkit-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -o-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -ms-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transition: all 0.2s ease-out;
  transition-delay: 0.1s;
}
.module.categories-ii .modcontent ul.line &gt;li.icon-image:hover .over-image {
  opacity: 1;
  box-shadow: 0 0 0 8px #474b543b inset;
  transition: all 0.2s ease-out;
}
.module.categories-ii .modcontent ul.line &gt;li:nth-child(8),
.module.categories-ii .modcontent ul.line &gt;li:nth-child(10),
.module.categories-ii .modcontent ul.line &gt;li:nth-child(12) {
  float: right;
  z-index: 99;
  position: relative;
}
.module.categories-ii .modcontent ul.line &gt;li:nth-child(8):before,
.module.categories-ii .modcontent ul.line &gt;li:nth-child(10):before,
.module.categories-ii .modcontent ul.line &gt;li:nth-child(12):before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 8px 8px;
  top: 45%;
  right: -15px;
  left: auto;
}
.module.categories-ii .modcontent ul.line &gt;li:nth-child(8):hover:before,
.module.categories-ii .modcontent ul.line &gt;li:nth-child(10):hover:before,
.module.categories-ii .modcontent ul.line &gt;li:nth-child(12):hover:before {
  border-color: transparent transparent transparent #474b54;
}
.module.categories-ii .modcontent ul.line &gt;li:nth-child(7),
.module.categories-ii .modcontent ul.line &gt;li:nth-child(9),
.module.categories-ii .modcontent ul.line &gt;li:nth-child(11) {
  float: right;
}
.module.cus-admissions .modcontent ul {
  padding: 0;
  border: 1px solid #e0e0e0;
  background: #ebebeb;
}
.module.cus-admissions .modcontent ul li {
  list-style: none;
  padding: 9px;
  border-bottom: 1px solid #dedcdc;
}
.module.cus-admissions .modcontent ul li .icon {
  display: inline-block;
  float: right;
  width: 26%;
  text-align: right;
}
.module.cus-admissions .modcontent ul li .content {
  display: grid;
  text-align: right;
  direction: rtl;
}
.module.cus-admissions .modcontent ul li .content p {
  margin: 0;
  font-weight: 300;
  font-family: "Kufi-Arabic-Regular";
  font-size: 14px;
}
.module.cus-admissions .modcontent ul li .content h3.title a {
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
  font-weight: 500;
  font-family: "Kufi-Arabic-Bold";
}
.module.cus-admissions .modcontent ul li .content h3.title a:hover {
  color: #4aa9f1;
}
.module.cus-admissions .modcontent ul li:last-child {
  border: none;
}
.module.cus-admissions .modcontent ul li:hover {
  background: #e0e0e0;
}
.icon-chevron-right:before {
  content: "\f101";
}
.icon-chevron-left:before {
  content: "\f100";
}
.item-page .img-fulltext img {
  width: 100%;
}
#bd #content.com_kunena  #yt_component {
  padding: 0;
  border: none;
  background: none;
}
#bd #Kunena #ktop {
  border: none;
  background: #3f444e;
}
#bd #Kunena #ktop #ktopmenu #ktab {
  margin: 0;
}
#bd #Kunena #ktop #ktopmenu #ktab .menu li {
  margin: 0 !important;
}
#bd #Kunena #ktop #ktopmenu #ktab .menu li a {
  background: none;
  color: #fff;
  padding: 8px 10px;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 14px;
  border-right: 1px solid #fff;
}
#bd #Kunena #ktop #ktopmenu #ktab .menu li.active a {
  background: #4aa9f1;
}
#bd #Kunena #ktop #ktopmenu #ktab .menu li:hover a {
  background: #4aa9f1;
}
#bd #Kunena #ktop #ktopmenu #ktab .menu li:last-child a {
  border: none;
}
#bd #Kunena #ktop span.ktoggler {
  background: none;
  margin: -32px 15px;
  padding: 2px;
}
#bd #Kunena .kblock {
  background-color: #fff;
  margin: 0 0 30px;
}
#bd #Kunena .kblock.kadvsearch,
#bd #Kunena .kblock.kfrontstats {
  margin: 0;
}
#bd #Kunena .kblock.kpathway {
  margin: 0;
}
#bd #Kunena .kblock .kheader {
  background: #4aa9f1;
  color: #fff;
}
#bd #Kunena .kblock .kheader h2 .ktitle,
#bd #Kunena .kblock .kheader h2 span {
  color: #fff;
}
#bd #Kunena .kblock .kheader h2 a {
  color: #fff !important;
}
#bd #Kunena .kblock .kheader h3 span {
  color: #fff;
}
#bd #Kunena .kblock .kheader .ktitle-desc {
  color: #fff;
}
#bd #Kunena .kblock .kcontainer .kbody .kblocktable .krow2 td {
  background: #fff;
}
#bd #Kunena .kblock .kcontainer .kbody .kblocktable .krow2 td.km &gt; div {
  border: none;
  border-bottom: #ccc 1px dotted;
}
#bd #Kunena .klist-markallcatsread {
  background: #fff;
  margin: 0 0 30px;
}
#bd #Kunena tr.krow1 td {
  background: #fff;
  border: 1px solid #ebebeb !important;
}
#bd #Kunena tr.krow1 td .k_guest {
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  margin: 20px 0;
}
#bd #Kunena tr.krow1 td .k_guest b {
  color: #4aa9f1;
}
#bd #Kunena tr.krow1 td div.input {
  margin: 0 0 20px;
}
#bd #Kunena tr.krow1 td div.input span {
  margin-right: 20px;
}
#bd #Kunena tr.krow1 td div.input span .inputbox {
  margin: 0 10px;
  padding: 10px 20px;
  background: #ccc;
}
#bd #Kunena tr.krow1 td div.input span .inputbox:focus {
  background: #fff;
}
#bd #Kunena tr.krow1 td div.input span .kbutton {
  margin: 0 10px;
  padding: 8px 20px;
  background: #3f444e;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
}
#bd #Kunena tr.krow1 td div.input span .kbutton:hover {
  background: #4aa9f1;
  border: none;
}
#bd #Kunena tr.krow1 td .klink-block {
  padding: 15px 0;
}
#bd #Kunena tr.krow1 td .klink-block span {
  margin: 0 10px;
}
#bd #Kunena tr.krow1 td .klink-block span a {
  color: #666;
}
#bd #Kunena tr.krow1 td .klink-block span a:hover {
  color: #4aa9f1;
}
#bd #Kunena td.kprofileboxcnt ul.kprofilebox-welcome li input.kbutton:hover {
  background-color: rgba(0,0,0,0.15);
}
#bd.rtl #Kunena tr.krow1 td div.input {
  display: block;
  overflow: hidden;
}
#bd.rtl #Kunena tr.krow1 td div.input span {
  float: right;
}
#bd.rtl #Kunena .fltlft {
  float: right;
}
#bd.rtl #Kunena .fltrt {
  float: left;
}
#bd.rtl #Kunena #ktop span.ktoggler {
  float: left;
}
#bd.rtl #Kunena .ktitle,
#bd.rtl #Kunena a.ktitle {
  float: right;
}
#bd.rtl #Kunena td.kprofileboxcnt {
  text-align: right;
}
#bd.rtl #Kunena div.kthead-title a {
  float: none;
}
#bd.rtl #Kunena h1,
#bd.rtl #Kunena h2 {
  text-align: right;
}
#bd.rtl #Kunena div.kblock span.ktoggler {
  float: left;
  top: 7px;
}
#bd.rtl #Kunena table.kblocktable {
  text-align: right;
}
#bd.rtl #Kunena td.kcol-kcatlastpost {
  text-align: right;
}
.fancy {
  background: #ebebeb;
  position: absolute;
  padding: 0;
  margin: 0;
}
#moonavigator {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 999;
  text-align: right;
}
#moonavigator li.level1 {
  position: relative;
  display: inline-block;
  padding: 0 25px;
  margin: 0;
  z-index: 1;
  list-style: none;
  text-align: left;
}
#moonavigator li.level1 &gt; .item-link {
  margin: 0;
  padding: 40px 0;
  color: #000;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}
#moonavigator li.level1 &gt; .item-link:hover {
  color: #4aa9f1;
}
#moonavigator li.level1 .fa-caret-down {
  font-size: 14px;
  margin: 0 5px;
}
#moonavigator li.level1 .showdesc .menu-title {
  line-height: 100%;
  padding-bottom: 3px;
  margin-top: -1px;
  display: block;
}
#moonavigator li.level1 .showdesc .menu-desc {
  display: block;
  font-size: 11px;
  color: #ccc;
  line-height: 100%;
}
#moonavigator li.level1.active &gt; .item-link,
#moonavigator li.level1:hover &gt; .item-link {
  color: #4aa9f1;
}
#moonavigator li.level1.active &gt; .item-link span,
#moonavigator li.level1:hover &gt; .item-link span {
  padding: 0 0 10px;
  border-bottom: 2px solid #4aa9f1;
}
#moonavigator li.level1.first {
  border-left: 1px solid rgba(255,255,255,0.2);
}
#moonavigator li.level1.last {
  padding-right: 0;
}
#moonavigator ul.subnavi {
  left: 0;
  position: absolute;
  z-index: 3;
  padding: 0 20px;
  list-style: none;
  min-width: 220px;
  background: #fff;
  border-top: 2px solid #4aa9f1;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,0.1) inset;
}
#moonavigator ul.subnavi li {
  position: relative;
  border-bottom: 1px solid #ddd;
}
#moonavigator ul.subnavi li .item-link {
  display: block;
  margin: 0;
  padding: 6px 0;
  color: #000;
  font-size: 12px;
  text-transform: capitalize;
  line-height: 25px;
  transition: padding 0.2s ease-in-out;
}
#moonavigator ul.subnavi li .fa-caret-right {
  position: absolute;
  right: 10px;
  z-index: 1;
  margin: 4px 0;
}
#moonavigator ul.subnavi li.last {
  border: none;
}
#moonavigator ul.subnavi li .showdesc {
  text-align: left;
}
#moonavigator ul.subnavi li .showdesc span.menu-title {
  padding-bottom: 5px;
}
#moonavigator ul.subnavi li .showdesc span.menu-desc {
  font-family: "arial";
  padding-bottom: 3px;
}
#moonavigator ul.subnavi li:hover &gt; .item-link,
#moonavigator ul.subnavi li.hover &gt; .item-link,
#moonavigator ul.subnavi li.active &gt; .item-link {
  color: #fff;
  background: #6fb2e4;
  padding-left: 10px;
  padding-right: 10px;
  transition: padding 0.2s ease-in-out;
}
#moonavigator li.level1:hover ul.level2,
#moonavigator li.level1.hover ul.level2 {
  display: block;
  box-shadow: 1px 2px 2px rgba(0,0,0,0.4);
}
#moonavigator li.level2:hover ul.level3,
#moonavigator li.level2.hover ul.level3,
#moonavigator li.level3:hover ul.level4,
#moonavigator li.level3.hover ul.level4,
#moonavigator li.level4:hover ul.level5,
#moonavigator li.level4.hover ul.level5,
#moonavigator li.level5:hover ul.level6,
#moonavigator li.level5.hover ul.level6 {
  left: 100%;
  top: 0;
  display: block;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,0.1) inset;
}
#meganavigator {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 60;
  text-align: right;
}
#meganavigator li.level1 {
  position: relative;
  display: inline-block;
  padding: 0 11px;
  margin: 0;
  z-index: 1;
  float: right;
  list-style: none;
  text-align: left;
}
#meganavigator li.level1 &gt; .item-link {
  margin: 0;
  padding: 39px 0;
  color: #000;
  display: block;
  font-family: 'Kufi-Arabic-Bold';
  font-weight: bold;
  text-transform: uppercase;
}
#meganavigator li.level1 &gt; .item-link:hover {
  color: #4aa9f1;
}
#meganavigator li.level1 .fa-caret-down {
  font-size: 14px;
  margin: 0 5px;
}
#meganavigator li.level1 .showdesc .menu-title {
  line-height: 100%;
  padding-bottom: 3px;
  margin-top: -1px;
  display: block;
}
#meganavigator li.level1 .showdesc .menu-desc {
  display: block;
  font-size: 11px;
  color: #ccc;
  line-height: 100%;
}
#meganavigator li.level1.active &gt; .item-link,
#meganavigator li.level1:hover &gt; .item-link {
  color: #4aa9f1;
}
#meganavigator li.level1.active &gt; .item-link span,
#meganavigator li.level1:hover &gt; .item-link span {
  padding: 0 0 10px;
  border-bottom: 2px solid #4aa9f1;
}
#meganavigator li.level1.first {
  border-left: 1px solid rgba(255,255,255,0.2);
}
#meganavigator li.level1.last {
  padding-right: 0;
}
#meganavigator .mega-content {
  position: absolute;
  left: -999em;
  text-align: right;
  z-index: 10;
  background: #fff;
  border-top: 2px solid #4aa9f1;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.2), 1px 1px 0 rgba(0,0,0,0.1) inset;
}
#meganavigator .mega-content.megachild .mega-content-inner {
  padding: 10px 0;
  display: block;
}
#meganavigator .mega-content .mega-col {
  float: right;
}
#meganavigator .mega-content .mega-col.one {
  width: 240px;
}
#meganavigator .mega-content .mega-col.more .mega-module {
  padding: 15px 20px 10px;
}
#meganavigator .mega-content .mega-col .mega-group {
  display: block;
}
#meganavigator .mega-content .mega-col .mega-group div.mega-group-title .item-link {
  font-size: 150%;
  padding: 0 10px 10px;
  color: #fff;
  display: block;
}
#meganavigator .mega-content .mega-col .mega-group div.mega-group-title .showdesc .menu-title {
  padding: 0 0 5px;
}
#meganavigator .mega-content .mega-col .mega-module {
  color: #444;
}
#meganavigator .mega-content .mega-col .mega-module .mega-module-title {
  margin: 0;
  text-transform: uppercase;
  font-size: 15pt;
  font-weight: bolder;
  font-family: 'Kufi-Arabic-Bold';
  margin-bottom:17px;
}
#meganavigator .mega-content .mega-col .mega-module.trending-posts .mega-module-title {
  margin: 0;
  border-bottom: 1px dashed #ccc;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
#meganavigator .mega-content .mega-col .mega-module.trending-posts .sj-extraslider .extraslider-control {
  display: none;
}
#meganavigator .mega-content ul.subnavi {
  list-style: none;
  padding: 20px;
  text-align: right;
}
#meganavigator .mega-content ul.subnavi li {
  position: relative;
  /* border-bottom: 1px solid #ddd; */
  font-size: 13pt;
  font-weight: bolder;
  font-family: 'Kufi-Arabic-Bold';
}
#meganavigator .mega-content ul.subnavi li .item-link {
  display: block;
  margin: 0;
  padding: 6px 0;
  color: #000;
  font-size: 14px;
  text-transform: capitalize;
  line-height: 25px;
  transition: padding 0.2s ease-in-out;
}
#meganavigator .mega-content ul.subnavi li .fa-caret-right {
  position: absolute;
  right: 10px;
  z-index: 1;
  margin: 4px 0;
}
#meganavigator .mega-content ul.subnavi li.last {
  border: none;
}
#meganavigator .mega-content ul.subnavi li .showdesc {
  text-align: left;
}
#meganavigator .mega-content ul.subnavi li .showdesc span.menu-title {
  padding-bottom: 5px;
}
#meganavigator .mega-content ul.subnavi li .showdesc span.menu-desc {
  font-family: "arial";
  padding-bottom: 3px;
}
#meganavigator .mega-content ul.subnavi li:hover &gt; .item-link,
#meganavigator .mega-content ul.subnavi li.hover &gt; .item-link,
#meganavigator .mega-content ul.subnavi li.active &gt; .item-link {
  color: #fff;
  background: #6fb2e4;
  padding-left: 10px;
  padding-right: 10px;
  transition: padding 0.2s ease-in-out;
}
#meganavigator .mega-content ul.subnavi li .item-link {
  position: relative;
  font-weight: normal;
  color: #444;
  font-family: "Kufi-Arabic-Regular";
  border-bottom: 1px solid #ddd;
}
#meganavigator .mega-content ul.subnavi li:hover &gt; .item-link:before {
  background: #fff;
}
#meganavigator .mega-content ul.subnavi li .active:before {
  background: #fff;
}
#meganavigator .extra-upcoming-slider .sj-extraslider .extraslider-control {
  padding-top: 0;
}
#meganavigator .extra-upcoming-slider .sj-extraslider .extraslider-control .nav-page .page .button-page {
  border-color: #4aa9f1;
}
#meganavigator .extra-upcoming-slider .sj-extraslider .extraslider-control .nav-page .page .button-page.sel,
#meganavigator .extra-upcoming-slider .sj-extraslider .extraslider-control .nav-page .page .button-page:hover {
  background: #4aa9f1;
}
#meganavigator .extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line {
  padding-bottom: 0;
}
.yt-resmenu {
  position: relative;
  z-index: 90;
  display: none;
}
.yt-resmenu .btn-navbar {
  background: #4aa9f1;
  height: 54px;
  border-radius: 0;
  color: #fff;
  font-size: 19px;
  padding: 5px 3px 0px 17px;
}
.yt-resmenu .nav-collapse {
  border-bottom: 3px solid #4aa9f1;
  padding: 4px;
  background: white;
}
.yt-resmenu .nav-collapse ul.resmenu {
  margin: 0;
  padding-right: 0px;
}
.yt-resmenu .nav-collapse ul.resmenu li {
  background: #f2f2f2;
  margin-bottom: 3px;
}
.yt-resmenu .nav-collapse ul.resmenu li a {
  color: #666;
  margin: 0;
  padding: 5px 15px;
  font-size: 14px;
  font-family: "Kufi-Arabic-Bold"; 
}
.yt-resmenu .nav-collapse ul.resmenu li.haveChild a{
  position: relative;
    font-family: "Kufi-Arabic-Bold"; 
}
.yt-resmenu .nav-collapse ul.resmenu li.haveChild .menuress-toggle {
  position: absolute;
  width: 35px;
  line-height: 35px;
  left: 0px;
  top: 0px;
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 22px;
  color: #999;
  z-index: 5;
}
.yt-resmenu .nav-collapse ul.resmenu li.haveChild .menuress-toggle:before {
  content: "\f196";
}
.yt-resmenu .nav-collapse ul.resmenu li.haveChild .res-wrapnav   ul.nav li a{
  margin: 3px 0 3px 20px;

}



.yt-resmenu .nav-collapse ul.resmenu li.haveChild.res-wrapnav. ul.nav li.level2 .active &gt; a {
	
	    background-color: #2f374c;
    border-color: #2f374c;
    color: #fff !important;
}

.yt-resmenu .nav-collapse ul.resmenu li.level2 .res-wrapnav   ul.nav li a{

font-family: "Kufi-Arabic-Regular" !important; 
}

.yt-resmenu .nav-collapse ul.resmenu li.level2 .res-wrapnav   ul.nav{

background:#fdfdfd; 
}

.yt-resmenu .nav-collapse ul.resmenu li.level2 .res-wrapnav   ul.nav li{

background:#fdfdfd; 
}

.yt-resmenu .nav-collapse ul.resmenu li.haveChild.level1.active &gt; .menuress-toggle {
  color: white;
}
.yt-resmenu .nav-collapse ul.resmenu li.haveChild.level1.active &gt; a {
  background: #4aa9f1;
  color: white;
}
.yt-resmenu .nav-collapse ul.resmenu li.haveChild.active &gt; .menuress-toggle:before {
  content: "\f147";
}
.fontsize_l {
  font-size: 18px;
  font-weight: 400;
}
.g-underline {
  font-size: 180%;
  font-weight: 400;
}
ul.c-step {
  list-style: none;
  margin: 0 auto 4em auto;
  counter-reset: section;
  display: table;
  position: relative;
  z-index: 1;
  padding: 0;
}
ul.c-step:before {
  content: "";
  width: 100%;
  height: 10px;
  background: #DEDEDE;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 50%;
  margin-top: -5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset;
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset;
}
ul.c-step li {
  list-style: none;
  margin: 0 50px;
  padding-top: 50px;
  line-height: 25px;
  display: inline-block;
  position: relative;
  z-index: 3;
  text-align: center;
}
ul.c-step li:before,
ul.c-step li.active:before {
  counter-increment: section;
  content: counter(section);
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  display: inline-block;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.3) inset, 0 0 0 4px #DEDEDE;
  -moz-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.3) inset, 0 0 0 4px #DEDEDE;
  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.3) inset, 0 0 0 4px #DEDEDE;
  background-color: #93afa9;
  background-image: -moz-linear-gradient(top,#AAC3BF,#719088);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#AAC3BF),to(#719088));
  background-image: -webkit-linear-gradient(top,#AAC3BF,#719088);
  background-image: -o-linear-gradient(top,#AAC3BF,#719088);
  background-image: linear-gradient(to bottom,#AAC3BF,#719088);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaac3bf', endColorstr='#ff719088', GradientType=0);
}
ul.c-step li.active:before {
  background-color: #b4d7f1;
  background-image: -moz-linear-gradient(top,#c5e0f4,#4aa9f1);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#c5e0f4),to(#4aa9f1));
  background-image: -webkit-linear-gradient(top,#c5e0f4,#4aa9f1);
  background-image: -o-linear-gradient(top,#c5e0f4,#4aa9f1);
  background-image: linear-gradient(to bottom,#c5e0f4,#4aa9f1);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc4dff4', endColorstr='#ff4aa9f1', GradientType=0);
}
ul.c-step li.active h3 {
  color: #4aa9f1;
}
ul.c-step li h3 {
  margin: 10px 0 0;
  font-size: 16px;
}
ul.c-step li span {
  font-size: 13px;
}
.table-underline thead {
  border-bottom: 2px solid #404040;
  font-size: 14px;
  background-color: #e5e5e5;
  background-image: -moz-linear-gradient(top,#F5F5F5,#CCCCCC);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#F5F5F5),to(#CCCCCC));
  background-image: -webkit-linear-gradient(top,#F5F5F5,#CCCCCC);
  background-image: -o-linear-gradient(top,#F5F5F5,#CCCCCC);
  background-image: linear-gradient(to bottom,#F5F5F5,#CCCCCC);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffcccccc', GradientType=0);
}
.table-underline tbody tr:hover {
  background: #FAFFED;
}
#g-about .yt-list li {
  border-bottom: 1px dotted #ccc;
  padding: 7px 0;
}
#g-about .ourmember {
  margin-top: 60px;
  text-align: center;
}
#g-about .ourmember h3.page-module-title:after {
  margin: 10px auto;
  width: 30%;
}
#g-about .ourmember .pre-text {
  padding: 0px 150px;
  margin-bottom: 20px;
}
#g-about .ourmember .item-content .image {
  position: relative;
  overflow: hidden;
  margin-bottom: 13px;
}
#g-about .ourmember .item-content .image .socials {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
#g-about .ourmember .item-content .image .socials a {
  display: block;
  height: 25px;
  width: 25px;
  background: #333;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
  margin: 0px 4px;
  float: left;
  position: absolute;
  bottom: -30px;
}
#g-about .ourmember .item-content .image .socials a .fa {
  margin: 0px;
  line-height: 25px;
  color: #ccc9cb;
  transition: 0.3s all ease 0s;
}
#g-about .ourmember .item-content .image .socials a:hover {
  background: #4aa9f1;
}
#g-about .ourmember .item-content .image .socials a:hover .fa {
  color: #fff;
}
#g-about .ourmember .item-content .image .socials a.facebook {
  transition: 0.3s all ease 0s;
  left: 32%;
}
#g-about .ourmember .item-content .image .socials a.flickr {
  transition: 0.5s all ease 0s;
  left: 45%;
}
#g-about .ourmember .item-content .image .socials a.twitter {
  transition: 0.7s all ease 0s;
  left: 58%;
}
#g-about .ourmember .item-content .name {
  margin-bottom: 5px;
}
#g-about .ourmember .item-content .job {
  color: #000;
  font-size: 13px;
  margin-bottom: 3px;
  font-weight: 600;
}
#g-about .ourmember .item-content:hover .image .socials a.facebook {
  bottom: 25px;
}
#g-about .ourmember .item-content:hover .image .socials a.flickr {
  bottom: 25px;
}
#g-about .ourmember .item-content:hover .image .socials a.twitter {
  bottom: 25px;
}
#g-about .ourmember #yt-extra-carousel .carousel-inner {
  margin: 3em 0;
}
#g-about .ourmember #yt-extra-carousel .carousel-indicators {
  bottom: auto;
  top: 0px;
  margin: 0px -28px 0 0;
}
#g-about .ourmember #yt-extra-carousel .carousel-indicators li {
  height: 12px;
  width: 12px;
  background: #d7d7d5;
  border: none;
  border-radius: 50%;
}
#g-about .ourmember #yt-extra-carousel .carousel-indicators li.active {
  background: #4aa9f1;
}
#g-about .ourmember #yt-extra-carousel .carousel-indicators li:hover {
  background: #4aa9f1;
}
#g-about .customersay {
  border: solid 1px #e9e9e9;
  padding: 0 15px;
  position: relative;
}
#g-about .customersay .yt-extra-carousel {
  margin: 0;
  overflow: visible;
}
#g-about .customersay .yt-extra-carousel .carousel-control {
  width: 25px;
  height: 25px;
  border: 1px solid #ccc;
  box-shadow: 0 0 0 6px #fff;
  border-radius: 50%;
}
#g-about .customersay .yt-extra-carousel .carousel-control i {
  line-height: 22px;
  font-size: 18px;
}
#g-about .customersay .yt-extra-carousel .carousel-control.left {
  right: 45px !important;
  top: 4px !important;
  left: auto;
}
#g-about .customersay .yt-extra-carousel .carousel-control.right {
  right: 10px !important;
  top: 4px !important;
}
#g-about .customersay .yt-extra-carousel .carousel-control:hover {
  border-color: #4aa9f1;
}
#g-about .customersay .yt-extra-carousel .carousel-control:hover i {
  color: #4aa9f1;
}
#g-about .customersay .cus-title {
  background: #fff;
  padding: 10px;
  position: absolute;
  left: 30px;
  top: -25px;
}
#g-about h3.page-module-title {
  margin-bottom: 20px;
}
#g-about ul.circle li {
  position: relative;
  margin-left: 30px;
  list-style: none;
}
#g-about ul.circle li:before {
  content: "\f111";
  color: #4aa9f1;
  font-family: FontAwesome;
  font-size: 8px;
  line-height: 8px;
  border: 2px solid rgba(0,0,0,0.05);
  border-radius: 100%;
  position: absolute;
  margin-left: -20px;
  top: 5px;
}
#g-pageservices .features .fa {
  background: #777;
  height: 75px;
  width: 75px;
  text-align: center;
  line-height: 67px;
  border: 3px solid #eee;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#g-pageservices .col-sm-4 {
  margin: 1em 0;
}
#g-pageservices .our h3 {
  margin-top: 1em;
}
#g-pageservices article {
  overflow: hidden;
}
#g-pageservices article h3 {
  font-weight: normal;
}
#g-pageservices article a.detail:after {
  content: "\f105";
  font-family: FontAwesome;
  display: inline-block;
  color: #fff;
  background: #4aa9f1;
  margin: -3px 3px 0;
  height: 14px;
  width: 14px;
  line-height: 14px;
  font-size: 12px;
  text-align: center;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
#g-pageservices article a.detail:hover:after {
  color: #fff;
}
#g-pageservices h2 {
  font-size: 180%;
  margin-bottom: 1em;
}
#g-pageservices h3.page-module-title {
  margin-bottom: 20px;
}
#g-pageservices h3.accordion-heading.active {
  color: #4aa9f1;
}
#g-pageservices hr {
  height: 5px;
  background: #eee;
  border-top-color: #ddd;
  margin: 3em 0;
}
#g-pageservices .testimonial-avatar [class^="icon-"],
#g-pageservices .testimonial-avatar [class*=" icon-"] {
  border: none;
}
#g-pagecolumn hr {
  height: 5px;
  background: #eee;
  border-top-color: #ddd;
  margin: 4em 0;
  float: left;
  width: 100%;
}
#g-pageportfolio [class*="col-sm"] {
  position: relative;
  top: 0;
  background: #F9F9F9;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: -1px;
  padding: 0 5px;
  z-index: 1;
  -webkit-box-shadow: 1px 1px 0  #FFFFFF inset,1px 0 0 #D8D8D8, 0 1px 0 #E5E5E5, 2px 1px 0 #D8D8D8, 1px 2px 0 #E5E5E5, 3px 2px 0 #D8D8D8, 2px 3px 0 #E5E5E5, 4px 3px 0 #D8D8D8, 4px 3px 0 #eee, 4px 3px 0 #E5E5E5, 4px 4px 0 #E5E5E5;
  -moz-box-shadow: 1px 1px 0  #FFFFFF inset,1px 0 0 #D8D8D8, 0 1px 0 #E5E5E5, 2px 1px 0 #D8D8D8, 1px 2px 0 #E5E5E5, 3px 2px 0 #D8D8D8, 2px 3px 0 #E5E5E5, 4px 3px 0 #D8D8D8, 4px 3px 0 #eee, 4px 3px 0 #E5E5E5, 4px 4px 0 #E5E5E5;
  box-shadow: 1px 1px 0  #FFFFFF inset,1px 0 0 #D8D8D8, 0 1px 0 #E5E5E5, 2px 1px 0 #D8D8D8, 1px 2px 0 #E5E5E5, 3px 2px 0 #D8D8D8, 2px 3px 0 #E5E5E5, 4px 3px 0 #D8D8D8, 4px 3px 0 #eee, 4px 3px 0 #E5E5E5, 4px 4px 0 #E5E5E5;
}
#g-pageportfolio [class*="col-sm"] .port-item-img {
  position: relative;
  display: block;
  padding: 10px 10px 0;
  overflow: hidden;
  border-right: none;
}
#g-pageportfolio [class*="col-sm"] .port-item-content {
  padding: 10px;
}
#g-pageportfolio [class*="col-sm"] .port-item-content h4 {
  font-size: 100%;
  line-height: 22px;
}
#g-pageportfolio [class*="col-sm"] .port-item-content h4 a {
  color: #4a505c;
}
#g-pageportfolio [class*="col-sm"] .port-item-content h4 a:hover {
  color: #4aa9f1;
}
#g-pageportfolio [class*="col-sm"] .port-item-content p {
  margin-bottom: 5px;
}
#g-pageportfolio [class*="col-sm"]:hover {
  top: 4px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#g-pagewhatnew .yt-lightbox.image-none {
  padding: 3px;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  display: table;
  margin: 0 auto 10px;
}
#g-pagewhatnew h3.title {
  margin-bottom: 1em;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
  font-size: 180%;
}
#g-pagewhatnew .yt-lightbox a  img {
  width: auto;
}
.categories-list .collapse.in {
  width: 100%;
}
.rtl #g-pageportfolio [class*="span"] .port-item-content a.detail:after,
.rtl #g-pageservices article a.detail:after {
  content: "\f104";
}
.rtl ul.yt-accordion li.accordion-group h3.accordion-heading .fa-plus-circle {
  margin-right: 0px;
  margin-left: 5px;
}
@media (min-width: 768px) and (max-width: 979px) {
  ul.c-step li {
    margin: 0 10px;
  }
  #g-pagewhatnew .yt-lightbox.image-none {
    display: block;
  }
}

@media (max-width: 767px) {
  .yt-lightbox {
    float: none !important;
  }
  #g-pageservices .span4 {
    margin-bottom: 2em !important;
  }
  #g-pageportfolio [class*="span"] {
    margin-bottom: 1em !important;
  }
  #g-pageportfolio [class*="span"] .port-item-img {
    display: inline-block;
  }
  #g-pagewhatnew .yt-lightbox.image-none {
    display: block;
  }
  .yt-gallery ul li {
    width: auto !important;
  }
  ul.c-step:before {
    display: none;
  }
  ul.c-step li {
    display: table-cell;
  }
  div.yt-lightbox.image-left {
    float: none;
    display: inline-block;
    margin: 0 0 15px;
  }
  div.g-pageteam div.b-ourteam [class*="span"] {
    margin-bottom: 30px !important;
  }
}
#k2Container {
  padding: 0;
}
#k2Container div.itemIsFeatured,
#k2Container div.catItemIsFeatured,
#k2Container div.userItemIsFeatured {
  background: #fff;
}
#k2Container h3.itemCommentsCounter {
  margin-top: 10px;
}
#k2Container div.k2Pagination {
  margin: 0;
  padding: 0;
}
#k2Container div.k2Pagination .pagination li .pagenav .l-hiden {
  display: inline;
  margin: 0;
}
#k2Container div.k2Pagination .pagination li .pagenav .r-hiden {
  display: none;
  margin: 0;
}
#k2Container .itemList .itemContainer .catItemView .catItemImageBlock {
  overflow: hidden;
  position: relative;
  text-align: center;
}
#k2Container .itemList .itemContainer .catItemView .catItemImageBlock .over-image {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  opacity: 0.5;
  top: 0;
  left: 0;
  pointer-events: none;
  box-shadow: 0 0 0 0 #4aa9f1 inset;
  transition: all 0.2s ease-out;
}
#k2Container .itemList .itemContainer .catItemView .catItemImageBlock img {
  transition: all 0.2s ease-out;
}
#k2Container .itemList .itemContainer .catItemView .catItemImageBlock:hover img {
  -moz-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -webkit-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -o-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  -ms-transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transform: perspective(2000px) rotateY(-5deg) translate(0,-8px);
  transition: all 0.2s ease-out;
  transition-delay: 0.1s;
}
#k2Container .itemList .itemContainer .catItemView .catItemImageBlock:hover .over-image {
  opacity: 1;
  box-shadow: 0 0 0 8px #4aa9f1 inset;
  transition: all 0.2s ease-out;
}
#k2Container .itemList .itemContainer .catItemView .catItemImageBlock .zoom_img {
  height: 30px;
  width: 30px;
  position: absolute;
  display: block;
  text-align: center;
  top: 45%;
  left: 45%;
  opacity: 0;
  transform: scale(0);
  background: #fff;
  color: #4aa9f1;
  transition: all 0.3s ease-in-out;
}
#k2Container .itemList .itemContainer .catItemView .catItemImageBlock .zoom_img:before {
  content: "\f067";
  height: 100%;
  width: 100%;
  font-family: fontawesome;
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 30px;
  transition: all 0.3s ease-in-out;
}
#k2Container .itemList .itemContainer .catItemView .catItemImageBlock .zoom_img:hover {
  background: #4aa9f1;
  color: #fff;
}
#k2Container .itemList .itemContainer .catItemView .catItemImageBlock.me-video:after {
  background: url("../images/bg/play-video.png") no-repeat scroll center 28%;
  content: "";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
#k2Container .itemList .itemContainer .catItemView .catItemImageBlock.me-video:hover:after {
  background: url("../images/styling/red/play-video.html") no-repeat scroll center center;
}
#k2Container .itemList .itemContainer .catItemView .catItemImageBlock:hover:before {
  opacity: 1;
  transition: all 0.3s ease-in;
}
#k2Container .itemList .itemContainer .catItemView .catItemImageBlock:hover .zoom_img {
  opacity: 1;
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}
#k2Container .itemList .itemContainer .catItemView .main-item .catItemRatingBlock {
  padding: 2px 0 0;
  margin-right: 8px;
  display: block;
}
#k2Container .itemList .itemContainer .catItemView .main-item .catItemRatingBlock .itemRatingForm {
  line-height: 20px;
  padding-right: 8px;
}
#k2Container .itemList .itemContainer .catItemView .main-item .catItemRatingBlock .itemRatingForm ul.itemRatingList {
  height: 20px;
  width: 75px;
  z-index: 1;
}
#k2Container .itemList .itemContainer .catItemView .main-item .catItemRatingBlock .itemRatingForm ul.itemRatingList li.itemCurrentRating {
  height: 18px;
}
#k2Container .itemList .itemContainer .catItemView .main-item .catItemRatingBlock .itemRatingForm ul.itemRatingList a:hover {
  background-position: left -18px;
}
#k2Container .itemList .itemContainer .catItemView .main-item .catItemRatingBlock .itemRatingForm .itemRatingLog {
  color: #999;
}
#k2Container.itemListView .itemList {
  margin: 0 -15px;
  direction: rtl;
  text-align: right;
}
#k2Container.itemListView h3.modtitle {
  font-size: 15px;
  font-family: Kufi-Arabic-Regular;
  font-weight: 100;
  text-transform: capitalize;
  color: #4a505c;
  padding: 10px 0;
  /* border-bottom: solid 2px #4a505c; */
  margin: 0 0 8px 0px;
  /* height: 70px; */
}
#k2Container.itemListView .itemListCategoriesBlock .itemListCategory {
  background: #fff;
  padding: 0;
  margin: 0;
  /* font-family: "Kufi-Arabic-Bold"; */
  /* font-size: 28px; */
}
#k2Container.itemListView .itemListCategoriesBlock .itemListCategory h3 {
  padding: 10px 0 5px;
  border-bottom: solid 1px #ccc;
  color: #444;
  font-size: 20px;
  font-weight: 400;
  position: relative;
  margin: 0 0 25px;
}
#k2Container.itemListView .itemListCategoriesBlock .itemListCategory h3:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background: #ccc;
}
#k2Container.itemListView .itemListCategoriesBlock .itemListCategory h3:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 3px;
  width: 110px;
  background: #4aa9f1;
}
#k2Container .k2Pagination .pagination a,
#k2Container .k2Pagination .pagination span {
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 3px 12px;
  border-radius: 0;
  color: #666;
  /* height: 33px; */
  font-family: 'Kufi-Arabic-Regular';
}
#k2Container .k2Pagination .pagination a:hover,
#k2Container .k2Pagination .pagination span:hover {
  color: #fff;
  background: #4aa9f1;
  border-color: #4aa9f1;
}
#k2Container .k2Pagination .pagination li.active a,
#k2Container .k2Pagination .pagination li.active span {
  color: #fff;
  background: #4aa9f1;
  border-color: #4aa9f1;
}
#k2Container .itemListCategoriesBlock .itemListCategory {
  background: transparent;
  border: none;
  padding: 10px;
  margin: 0 0 30px;
  background: #4aa9f1;
  color: #fff;
}
#k2Container .itemListCategoriesBlock .itemListCategory h2 {
  font-size: 18px;
  color: #4aa9f1;
  font-weight: bold;
  margin: 0 0 30px;
  text-transform: uppercase;
  font-family: "Kufi-Arabic-Bold";
  font-size: 47px;
}
#k2Container .itemListCategoriesBlock .itemListCategory p {
  color: #444;
}
#k2Container .itemListCategoriesBlock .itemListCategory .main-cate {
  display: block;
  overflow: hidden;
  margin: 0;
  font-style: italic;
}
#k2Container .itemListCategoriesBlock .itemListSubCategories &gt; h3 {
  margin: 15px;
  font-size: 20px;
  text-transform: uppercase;
  color: #000;
}
#k2Container .itemListCategoriesBlock .itemListSubCategories .subCategoryContainer .subCategory {
  padding: 15px;
  margin-bottom: 30px;
  background: #fff;
}
#k2Container .itemListCategoriesBlock .itemListSubCategories .subCategoryContainer .subCategory p:empty {
  display: none;
}
#k2Container .itemListCategoriesBlock .itemListSubCategories .subCategoryContainer .subCategoryImage {
  display: block;
  float: left;
}
#k2Container .itemListCategoriesBlock .itemListSubCategories .subCategoryContainer .subCategoryImage img {
  margin: 0 15px 15px 0;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView {
  padding: 0;
  margin-bottom: 30px;
  -moz-box-orient: horizontal;
  -webkit-box-orient: horizontal;
  display: -moz-box;
  display: -webkit-box;
  text-align: right;
  direction: rtl;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .catItemImageBlock {
  padding: 0;
  border: 1px solid #d9e2e8;
  margin: 0 0px 0 30px;
  float: left;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  position: relative;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .catItemImageBlock img {
  padding: 0;
  border: none;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .catItemImageBlock .CommentsLink div.catItemCommentsLink {
  padding: 0;
  margin: 0;
  border: none;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .catItemImageBlock .CommentsLink div.catItemCommentsLink a {
  color: #fff;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .catItemImageBlock .CommentsLink:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-color: #fff transparent transparent;
  border-width: 5px 5px 0 0;
  bottom: -7px;
  left: 4px;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item {
  display: block;
  -moz-box-flex: 1;
  -webkit-box-flex: 50;
  position: relative;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item h3.catItemTitle {
  font-size: 16px;
  margin: 0 0 5px;
  padding: 0;
  font-family: 'Kufi-Arabic-Regular';
  font-weight: initial;
  line-height: 24px;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item h3.catItemTitle a {
  color: #4aa9f1;
  font-weight: bold;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item h3.catItemTitle a:hover {
  color: #4aa9f1;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item h3.catItemTitle ul.list-icon {
  float: right;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item h3.catItemTitle ul.list-icon li {
  list-style: none;
  float: right;
  font-size: 16px;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item h3.catItemTitle ul.list-icon li a {
  color: #999;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item h3.catItemTitle ul.list-icon li a:hover {
  color: #4aa9f1;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside {
  margin: 0 -5px;
  font-family: 'Kufi-Arabic-Regular';
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside .article-info {
  margin-bottom: 10px;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside .catItemCommentsLink {
  border: none;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside dd {
  display: inline-block;
  color: #bbb;
  font-size: 13px;
  border-left: 1px solid #bbb;
  padding: 0 5px;
  line-height: 11px;
  direction: rtl;
  text-align: right;
  margin-right: 0px;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside dd:last-child {
  border: none;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside dd .catItemCategory a,
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside dd .catItemCommentsLink a {
  color: #bbb;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside dd .catItemCategory a:hover,
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside dd .catItemCommentsLink a:hover {
  color: #4aa9f1;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside .catItemAuthor a {
  color: #999;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .article-aside .catItemAuthor a:hover {
  color: #4aa9f1;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .catItemBody {
  padding: 0;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .catItemBody .catItemIntroText {
  padding: 0 0 1px;
  margin-bottom: 10px;
  position: relative;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .catItemBody .catItemExtraFields {
  position: absolute;
  bottom: -10px;
  right: 0;
  border: none;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .catItemBody .catItemExtraFields ul li.typeTextarea {
  padding: 0 0 0 20px;
  border: none;
  background: #fff;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a {
  height: 15px;
  width: 15px;
  display: inline-block;
  text-align: center;
  line-height: 15px;
  border-radius: 2px;
  font-size: 9px;
  margin-left: 3px;
  background: #CDCDCD;
  color: #fff;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a i {
  margin: 0;
}
#k2Container .itemList .itemContainer.col-sm-12 .catItemView .main-item .catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a:hover {
  background: #4aa9f1;
}
#k2Container .itemList .itemContainer.col-sm-6 .catItemView,
#k2Container .itemList .itemContainer.col-sm-4 .catItemView,
#k2Container .itemList .itemContainer.col-sm-3 .catItemView {
  padding: 0;
  margin: 0 0 30px;
}
#k2Container .itemList .itemContainer.col-sm-6 .catItemView .catItemImageBlock,
#k2Container .itemList .itemContainer.col-sm-4 .catItemView .catItemImageBlock,
#k2Container .itemList .itemContainer.col-sm-3 .catItemView .catItemImageBlock {
  padding: 0;
  position: relative;
  margin: 0 0 25px;
  display: inline-block;
}
#k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item div.catItemHeader h3.catItemTitle,
#k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemHeader h3.catItemTitle,
#k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemHeader h3.catItemTitle {
  color: #000;
  font-size: 14px;
  padding: 0;
  font-weight: bold;
  margin: 0 0 10px;
}
#k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item div.catItemHeader h3.catItemTitle a,
#k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemHeader h3.catItemTitle a,
#k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemHeader h3.catItemTitle a {
  color: #444;
}
#k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item div.catItemHeader h3.catItemTitle a:hover,
#k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemHeader h3.catItemTitle a:hover,
#k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemHeader h3.catItemTitle a:hover {
  color: #4aa9f1;
}
#k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item div.catItemHeader .article-aside,
#k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemHeader .article-aside,
#k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemHeader .article-aside {
  margin: 0 -5px;
}
#k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item div.catItemHeader .article-aside dl,
#k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemHeader .article-aside dl,
#k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemHeader .article-aside dl {
  margin: 0 10px;
}
#k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item div.catItemHeader .article-aside dl dd,
#k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemHeader .article-aside dl dd,
#k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemHeader .article-aside dl dd {
  display: inline-block;
  padding-right: 5px;
  border-right: 1px solid #ccc;
  line-height: 11px;
  color: #999;
}
#k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item div.catItemBody,
#k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemBody,
#k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemBody {
  padding: 0;
}
#k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item div.catItemBody .catItemIntroText,
#k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemBody .catItemIntroText,
#k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemBody .catItemIntroText {
  padding: 0;
  margin: 0 0 20px;
}
#k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item div.catItemBody .catItemIntroText p,
#k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemBody .catItemIntroText p,
#k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemBody .catItemIntroText p {
  margin: 0;
}
#k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item div.catItemBody .catItemExtraFields,
#k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemBody .catItemExtraFields,
#k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemBody .catItemExtraFields {
  position: absolute;
  bottom: 32px;
  right: 15px;
  border: none;
}
#k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea,
#k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea,
#k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea {
  padding: 0 0 0 20px;
  border: none;
  background: #fff;
}
#k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a,
#k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a,
#k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a {
  height: 15px;
  width: 15px;
  display: inline-block;
  text-align: center;
  line-height: 15px;
  border-radius: 2px;
  font-size: 9px;
  margin-left: 3px;
  background: #CDCDCD;
  color: #fff;
}
#k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a i,
#k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a i,
#k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a i {
  margin: 0;
}
#k2Container .itemList .itemContainer.col-sm-6 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a:hover,
#k2Container .itemList .itemContainer.col-sm-4 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a:hover,
#k2Container .itemList .itemContainer.col-sm-3 .catItemView .main-item div.catItemBody .catItemExtraFields ul li.typeTextarea .catItemExtraFieldsValue .icon a:hover {
  background: #4aa9f1;
}
#k2Container .itemList .itemContainer.col-sm-3 .catItemView .catItemImageBlock img {
  width: 100%;
}
#k2Container.userView .userBlock {
  background: #4aa9f1;
  border: none;
  color: #fff;
}
#k2Container.userView .userBlock .userEmail {
  color: #fff;
}
#k2Container.userView .userBlock .userEmail a {
  color: #fff;
}
#k2Container.userView .userBlock .userEmail a:hover {
  color: #686868;
}
#k2Container.userView .catItemHeader .userItemTitle a {
  color: #444;
}
#k2Container.userView .catItemHeader .userItemTitle a:hover {
  color: #4aa9f1;
}
#k2Container.userView .catItemHeader .article-aside {
  font-size: 11px;
}
#k2Container.userView .catItemHeader .article-aside dl {
  margin: 0;
}
#k2Container.userView .catItemHeader .article-aside .article-info .create {
  margin-right: 20px;
}
#k2Container.userView .catItemHeader .article-aside .article-info .catItemCommentsLink {
  border: none;
}
#k2Container.userView .catItemHeader .article-aside .article-info .catItemCommentsLink a {
  color: #999;
}
#k2Container.userView .catItemHeader .article-aside .article-info .catItemCommentsLink a:hover {
  color: #4aa9f1;
}
#k2Container.tagView .tagItemHeader .tagItemTitle a {
  color: #444;
  font-weight: 400;
}
#k2Container.tagView .tagItemHeader .tagItemTitle a:hover {
  color: #4aa9f1;
}
#k2Container.tagView .article-aside {
  font-size: 11px;
  color: #999;
}
#k2Container.tagView .article-aside .article-info {
  margin: 0;
}
#k2Container.latestView .latestItemsUser {
  margin: 0 0 30px;
  background: #4aa9f1;
  border: none;
  color: #fff;
}
#k2Container.latestView .latestItemsUser h2 a {
  color: #fff;
}
#k2Container.latestView .latestItemsUser .latestItemsUserURL {
  display: none;
}
#k2Container.latestView .latestItemsUser .latestItemsUserEmail {
  color: #fff;
}
#k2Container.latestView .latestItemsUser .latestItemsUserEmail a {
  color: #fff;
}
#k2Container.latestView .latestItemsUser .latestItemsUserEmail a:hover {
  color: #686868;
}
#k2Container.latestView .itemList .catItemView .catItemHeader h2.latestItemTitle a {
  color: #444;
  font-weight: 400;
}


#goalBoxes .goalsContainer.study {
    background-color: rgb(74, 169, 241);
}

#goalBoxes .goalsContainer {
    text-align: right;
    direction: rtl;
    margin-top: 10px;
    border-radius: 6px;
    padding: 6px 5% 24px;
	background: url(images/searchblock.png) no-repeat center center;
}
#goalBoxes .goalsContainer .linkContainer {
    display: table;
}

#goalBoxes .goalsContainer .linkContainer .title {
    font-size: 18px;
    font-family: Kufi-Arabic-Bold;
    display: table-cell;
    vertical-align: middle;
    color: rgb(255, 255, 255);
    margin: 12px;
}

#goalBoxes .goalsContainer.earnCredit {
    background-color: rgb(59, 134, 191);
}

#goalBoxes .goalsContainer.improveGrades {
    background-color: rgb(45, 98, 138);
}
#goalBoxes .goalsContainer.testPrep {
    background-color: rgb(29, 64, 90);
}


.label-menu {
	/*display: inline; */
    padding: 3px 4px;
    font-size: 14px;
    font-weight: 500;
    /* font-weight: 700; */
    margin-top: 2px;
    text-align: right;
    line-height: 19px;
    color: #FFF !important;
    /* text-align: center; */
    white-space: inherit;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #777 !important;
    font-family: 'Kufi-Arabic-Regular';
    border: 1px solid #dddddd;
}
.label-menu:hover {
    color: #FFF;
    background-color: #4aa9f1!important ;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 166px;
    padding: 5px 0;
    width: max-content;
    margin: 2px 2px 0px;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
}


.dropdown-submenu {
    position: relative;
	text-align: right;
}

.dropdown-submenu&gt;.dropdown-menu {
     top: 0;
    left: -100% !important;
    right: 100% !important;
    margin-top: -6px;
    margin-right: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    text-align: right;
}

.dropdown-submenu:hover&gt;.dropdown-menu {
    display: block;
}

.dropdown-menu .multi-level li a {
  font-family: 'Kufi-Arabic-Bold';
  font-size: 11pt;
}


.dropdown-submenu&gt;.dropdown-menu li a {
    font-family: 'Kufi-Arabic-Regular';
    font-size: 11pt;
}




.dropdown-submenu&gt;.dropdown-menu li.dropdown-submenu ul.dropdown-menu li a:hover {
    color: #FFF;
    text-decoration: none;
    background-color: #4aa9f1;
}



.dropdown-submenu&gt;a:after {
     display: block;
    content: " ";
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-right-color: #ccc;
    margin-top: 5px;
    margin-left: -10px;
}
.dropdown-submenu:hover&gt;a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left&gt;.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}



#searchResult{
    list-style: none;
    padding: 0px;
    width: 390px;
    position: absolute;
    margin: 0;
    z-index: 99999;
  
}


#searchResult2{
    list-style: none;
    padding: 0px;
    width: max-content;
    position: absolute;
    margin: 0;
    z-index: 99999;
    max-height: 400px;
    overflow: auto;
}



#searchResult li{
 background: lavender;
 padding: 4px;
 margin-bottom: 1px;
}

#searchResult li:nth-child(even){
 background: cadetblue;
 color: white;
}

#searchResult li:hover{
 cursor: pointer;
}


.typeahead,
.tt-query,
.tt-hint {
  width: 600px;
  height: 50px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}
.typeahead {
  background-color: #fff;
}
.typeahead:focus {
  border: 2px solid #0097cf;
}
.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
  color: #999
}
.tt-menu {
  width: 600px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}
.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}
.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;
}
.tt-suggestion p {
  margin: 0;
}
/** Movie Card (Movie Suggestions) **/
.movie-card {
      position: relative;
    padding: 4px;
    border-bottom: 1px solid #eaedef;
}

.movie-card a{
	color:#666;
}

.movie-card:hover a,.movie-card.is-active a {
   color:#fff;
}


.movie-card-poster {
 position: absolute;
    top: 8px;
    right: 8px;
    width: 39px;
    height: 39px;
    border: 2px solid #ccd6dd;
    border-radius: 5px;

}
.movie-card:hover .movie-card-poster {
    border-color: #f5f8fa;
}
.movie-card-details {
    min-height: 44px;
    padding-right: 50px;
}
.movie-card-name{
    display: inline-block;
}
.movie-card-name {
    font-weight: 700;
}
.movie-card-plot {
    font-size: 13px;
    line-height: 18px;
}
.movie-card:hover,
.movie-card.is-active {
    color: #fff;
    background: #0088CC;
    cursor: pointer;
}
.empty-message {
    position: relative;
    padding: 10px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}

		ul.brands {
    max-width: 1140px;
    margin: 0 auto;
	    list-style: none;
    cursor: default;
	    margin-top: 20px;
}
 ul.brands li {
    width: 20%;
	    padding: 0 0 40px 0;
    float: right;
	    display: list-item;
    text-align: -webkit-match-parent;
	
}

 ul.brands li .icon {
       width: 100%;
    height: 100px;
    padding: 3px 6px;
    background: transparent no-repeat center center;
    text-align: center;
    /* height: 169px; */
    text-align: center;
    overflow: hidden;
    position: relative;
}
 ul.brands li .icon img {
  
        max-width: 190px;
}


@media (max-width: 1024px){
	#meganavigator li.level1 {
    padding: 0 12px !important;
}


.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img .item-img-info {
    overflow: hidden;
    position: relative;
    height: 134px;
}

.btn {
    display: inline-block;
    padding: 5px 7px;
    margin-bottom: 0;
    font-size: 15px;
}
	
	.module.me-login .login-switch {
    margin: 0;
    font-size: 11px;
    padding: 0 5px;
}

#yt_header .menu &gt;li a {
    padding: 0 5px;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-title {
    background: #fff;
    font-weight: 500;
    font-size: 15px;
    height: 130px;
}
.module.feature-teachers {
    padding-top: 10px !important;
    padding: 45px 0px 30px;
    background: #4aa9f1;
    height: 485px;
}

#k2Container.itemListView h3.modtitle {
    font-size: 13px;
        padding: 7px 0;
    margin: 0 0 2px 0px;
}
.module.badge_hot {
    font-size: 11px;
    line-height: 16px;
}
	.module.newsletter h3.modtitle {
   
    font-size: 13px;
	}
	
	.related-items h3.related-item-title {
    font-size: 10pt;
	}
	
	.blog .items-leading .item .article-header h2 a {

    font-size: 13px;
}

	.related-items h3.related-item-title {
		font-size: 10pt;
	}

	.yt-slidePanel .yt-sticky .module .btn-special {
    height: 35px;
    width: 30px;
    color: #fff;
    border-bottom: 1px solid #666;
    background-color: #777;
    display: block;
    position: absolute;
    cursor: pointer;
    text-align: center;
}

.yt-slidePanel .yt-sticky .module .btn-special span {
    font-size: 15px;
    line-height: 35px;
    width: 16px;
    margin: 0 2px 0 4px;
}
}


@media (max-width: 480px) {
ul.brands li {
    width: 50%;
    padding: 0 0 10px 0;
    float: right;
    display: list-item;
    text-align: -webkit-match-parent;
}
}

.options {
    width: 100%;
    margin: auto;
	    margin-top: 14px;
}

.image_retour{
	 background: url(images/back_AR.png) no-repeat center center;
        background-size: cover;
		width:50px;
		height:50px;
		cursor:pointer;
}

.image_retour:hover{
	 background: url(images/back0_AR.png) no-repeat center center;
        background-size: cover;
		width:50px;
		height:50px;
		cursor:pointer;
}


 .options .option {
	 cursor:pointer;
   width: 160px;
    height: 50px; 
    padding: 2px 3px;
    text-align: center;
    float: right;
    border-radius: 5px;
   
	margin-right: 10px;
	margin-left: 10px;
	 background: #e8e8e8d9;
    color: #464242;
	
    display: table;
    text-decoration: none;
    font-size: 19px;
    margin-bottom: 12px;
}

.options .option .v-align {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
	
.options .option .subTitle {
    font-size: 12px;
	 font-family: 'Kufi-Arabic-Regular';
    float: left;
    width: 100%;
    text-align: center;
    
   
    letter-spacing: 0.14em;
}

.options .option .subMaintitle {
    font-size: 15px;
    margin-bottom: 45px;
    font-family: 'Kufi-Arabic-Regular';
	font-weight:100
}

.options .option:hover {
     
	
	 background: url(images/btnhover.jpg) no-repeat center center;
        background-size: cover;
    color: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,.8);
}

.text_question  {
	 font-family: 'Kufi-Arabic-Regular'; 
     font-size: 24pt;
    line-height: 45px;
	margin-right: 10px;
	margin-left: 10px;
    text-rendering: optimizelegibility;
    text-shadow: 0 0 3px rgba(0,0,0,.8)

  }
.title_question{
	text-rendering: optimizelegibility;
    text-shadow: 0 0 3px rgba(0,0,0,.8);
}

.rev_slider_wrapper{
	position:relative;
	z-index: 0;
}


.rev_slider{
	position:relative;
	overflow:visible;
}

.tp-overflow-hidden { 	overflow:hidden !important;}
.group_ov_hidden 	{	overflow:hidden}

.tp-simpleresponsive img,
.rev_slider img{
	max-width:none !important;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	margin:0px;
	padding:0px;
	border-width:0px;
	border:none;
}

.rev_slider .no-slides-text{
	font-weight:bold;
	text-align:center;
	padding-top:80px;
}

.rev_slider &gt;ul,
.rev_slider_wrapper &gt;ul,
.tp-revslider-mainul &gt;li,
.rev_slider &gt;ul &gt;li,
.rev_slider &gt;ul &gt;li:before,
.tp-revslider-mainul &gt;li:before,
.tp-simpleresponsive &gt;ul,
.tp-simpleresponsive &gt;ul &gt;li,
.tp-simpleresponsive &gt;ul &gt;li:before,
.tp-revslider-mainul &gt;li,
.tp-simpleresponsive &gt;ul &gt;li{
	list-style:none !important;
	position:absolute;	
	margin:0px !important;
	padding:0px !important;
	overflow-x: visible;
	overflow-y: visible;
	list-style-type: none !important;
	background-image:none;
	background-position:0px 0px;
	text-indent: 0em;
	top:0px;left:0px;
}


.tp-revslider-mainul &gt;li,
.rev_slider &gt;ul &gt;li,
.rev_slider &gt;ul &gt;li:before,
.tp-revslider-mainul &gt;li:before,
.tp-simpleresponsive &gt;ul &gt;li,
.tp-simpleresponsive &gt;ul &gt;li:before,
.tp-revslider-mainul &gt;li,
.tp-simpleresponsive &gt;ul &gt;li { 
	visibility:hidden; 
}

.tp-revslider-slidesli,
.tp-revslider-mainul	{	
	padding:0 !important; 
	margin:0 !important; 
	list-style:none !important;
}

.rev_slider li.tp-revslider-slidesli {
    position: absolute !important;
}


.tp-caption .rs-untoggled-content { display:block;}
.tp-caption .rs-toggled-content { display:none;}

.rs-toggle-content-active.tp-caption .rs-toggled-content { display:block;}
.rs-toggle-content-active.tp-caption .rs-untoggled-content { display:none;}

.rev_slider .tp-caption,
.rev_slider .caption 	{ 
	position:relative;  
	visibility:hidden; 
	white-space: nowrap;
	display: block;
}


.rev_slider .tp-mask-wrap .tp-caption,
.rev_slider .tp-mask-wrap *:last-child,
.wpb_text_column .rev_slider .tp-mask-wrap .tp-caption,
.wpb_text_column .rev_slider .tp-mask-wrap *:last-child{
	margin-bottom:0;

}


.rev_slider_wrapper	{	width:100%;}

.fullscreen-container {	
	position:relative;
	padding:0;
}


.fullwidthbanner-container{
	position:relative;
	padding:0;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabanner{
	width:100%;
	position:relative;
}

.message_repense{
	direction:rtl;
	text-align:right;
	font-family: 'Nassim';
	
}

.btn_reponse {
    float: left;
    position: relative;
    top: 0px;
    margin-bottom: 4px;
    padding: 1px 4px;
}

.tt-dataset{
	 max-height: 400px; 
     overflow: auto; 
}

.itemTitle{
	    color: #4aa9f1;
    font-weight: bold;
    margin: 0 0 30px;
    font-family: "Kufi-Arabic-Bold";
    font-size: 47px;
}

div.yt-tabs ul.nav-tabs li {
    /* max-width: 286px; */
    float: right;
}

.slide_news{
	height: 470px;
	overflow: hidden;
}

.image_header{
	 max-width: 53%;
	 /* max-height: 150px; */
	 margin: 15px 0px;
	 border: 1px solid #bbb;
}

.image_header:hover{
	 max-width: 53%;
	 /* max-height: 150px; */
	 margin: 15px 0px;
	 border: 10px solid #4aa9f1;
}


.image_footer{
	 max-width: 100%;   
	 
	 margin: 15px 0px;    
	 border: 1px solid #bbb;
}


.image_footer:hover{
	 max-width: 100%;   
	 
	 margin: 15px 0px;    
	 border: 10px solid #4aa9f1;
}
.title{
	    color: #4aa9f1;
}

@media (max-width: 480px){
	

	
	
	.module div.moduletabs.top-position {
    margin: 0 0px 0 0;
}

	.itemTitle {
    color: #4aa9f1;
    font-weight: bold;
    margin: 0 0 30px;
    font-family: "Kufi-Arabic-Bold";
    font-size: 26px;
	}


	.image_header{
	 max-width: 100%;   
	 margin: 15px 0px;    
	 border: 1px solid #bbb;
}

	.image_footer{
	 max-width: 100%;   
	 margin: 15px 0px;    
	 border: 1px solid #bbb;
}


	.module.categories-ii .modcontent ul.line &gt;li.content h3.tilte:before {
    content: "";
    height: 2px;
    width: 45px;
     background: transparent; 
    position: absolute;
    right: 0;
    bottom: 0;
    transition: all 0.3s ease-in-out;
}
	.module.categories-ii .modcontent ul.line &gt;li {
    list-style: none;
    float: left;
    display: inline-block;
    height: 45px;
    width: 16.6666666667%;
    margin: 0;
}

	.module.categories-ii .modcontent ul.line &gt;li.content h3.tilte {
    /* text-transform: uppercase; */
       position: relative;
    padding-bottom: 0px;
    margin: 0px;
    font-weight: 400;
    font-size: 11px;
    line-height: 10px;
     padding: 8px 7px;
    line-height: 14px;
	}
	
	.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider .item .item-wrap .item-img .item-img-info {
    overflow: hidden;
    position: relative;
    height: 220px;
}
	#style-1 {
   height: fit-content !important;
    overflow: inherit;
    padding-right: 5px;
    margin-left: 0px;
}

#yt_spotlight2 {
    padding: 0 0 34px;
    margin: 0 0 0px;
    background-size: 100% 100%;
}	
.tp-bgimg { 
	z-index: 20;
    height: 306px !important;
}
	.module.categories-ii .modcontent ul.line &gt;li.content {
    padding: 4px 11px;
    line-height: 11px;
  
    text-align: right;
}

	
	.module.categories-ii .modcontent ul.line &gt;li.icon-image img {
    transition: all 0.2s ease-out;
    height: 50px !important;
}
.module.categories-ii .modcontent ul.line &gt;li.content:before {
   
    top: 35%;
    left: -15px;
    z-index: 99;
}


	.module.categories-ii .modcontent ul.line &gt;li.content .des {
    color: #6d6d6d;
    font-weight: 300;
    font-size: 11px;
	display: none;
	}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-info .item-title {
    background: #fff;
    font-weight: 500;
    font-size: 13px;
    height: 129px;
}
.style-me-scattered .sj-sg-gallery .sg-photostack .buttom-click span{
    padding: 13px 11px;
    text-transform: initial;
}
#bd .style-me-scattered .sj-sg-gallery .sg-photostack .buttom-click {
    font-size: 11px !important;
    padding: 0px;
}
.module.k2-mega-new-main .modcontent .sj-meganew .item-other .otehr-link .by-date {
    display: inline-block;
    margin: 0 0px 3px;
    text-align: right;
    padding: 0px;
}
	.text_question  {
	    font-size: 16pt;
	}
	.options .option {
		  width: 44%;
	}
	.options .option .subMaintitle {
       font-size: 15px;
 }
	
	.module h3.modtitle {
    padding: 9px 0px;
    padding-top: 30px;
	}
	
	.module.feature-teachers {
    height: inherit;
	}
	
	 ul.brands li .icon {
		    height: 60px; 
	 }
	  ul.brands li .icon img {
  
        max-width: 82px;
}

.module h3.modtitle {
    padding: 9px 0px;
    padding-top: 30px;
    font-size: 19px;
	
}

.module div.moduletabs.top-position div.tabs-container ul.tabs li .tab {
    font-size: 12px;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .time-image .item-created span:nth-child(1) {
    font-size: 15px;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .time-image .item-created span {
    display: block;
    font-weight: bold;
    font-size: 14px;
}

.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image .time-image .item-created {
    display: block;
    clear: both;
    margin: 0 0 8px;
    position: relative;
    z-index: 2;
    line-height: 17px;
}
.extra-upcoming-slider .sj-extraslider .extraslider-inner .item .line .item-wrap .item-image {
    position: relative;
    overflow: hidden;
    height: 135px !important;
}
#goalBoxes .goalsContainer .linkContainer .title {
    font-size: 17px;
}

#k2Container .itemListCategoriesBlock .itemListCategory h2 {
    font-size: 25px;
}


.module.k2-slider-style-one .modcontent .sj-k2-container-slider .slider {
    margin: 0 -1%;
    text-align: right;
    position: inherit;
    overflow: -webkit-paged-y;
}

.sj-k2-container-slider .slider .vpo-wrap .vp .vpi-wrap {
    white-space: nowrap;
    font-size: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;;
}

.module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button .preview {
    bottom: 15px;
    display: none;
}
.module.k2-slider-style-one .modcontent .sj-k2-container-slider .page-button .control-button .next {
    bottom: 15px;
    display: none;
}

.sj-k2-container-slider .slider .vpo-wrap .vp {
    position: relative;
    overflow: initial !important;
    max-height: 384px !important;
}
.sj-k2-container-slider .slider .vpo-wrap .vp .item {
    margin-bottom: 2%;
    display: block !important;
    font-size: medium;
    white-space: normal;
    vertical-align: top;
    float: none;
    /* width: 100%; */
}

.slide_news{
	
	height:inherit;
	overflow :initial ;
}
#searchResult {
    padding: 0px;
    width: 100%;
    z-index: 99999;
}

.col-md-3{
	width:100%;
}
#yt_menuwrap {
    display: block !important;
}
}
.alert{
    font-family: "Kufi-Arabic-Regular";	
	    direction: rtl;
}
</pre></body></html>