/* custom tabs UI by : Husien Adel - elearnig deanship kfu - 20/9 */
@import url('fonts/font-awesome.min.css');

@font-face {
  font-family: 'hell';
  src: url('fonts/HelveticaNeueW23forSKY-Reg.eot'); /* IE9 Compat Modes */
  src: url('fonts/HelveticaNeueW23forSKY-Reg.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/HelveticaNeueW23forSKY-Reg.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/HelveticaNeueW23forSKY-Reg.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/HelveticaNeueW23forSKY-Reg.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/HelveticaNeueW23forSKY-Reg.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'droid';
  src: url('fonts/DroidArabicNaskh.eot'); /* IE9 Compat Modes */
  src: url('fonts/DroidArabicNaskh.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/DroidArabicNaskh.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/DroidArabicNaskh.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/DroidArabicNaskh.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/DroidArabicNaskh.svg#svgFontName') format('svg'); /* Legacy iOS */
}




@charset "UTF-8";
* {padding: 0; margin: 0; border: none; text-decoration: none; outline: none}
body {padding: 0; margin: 0; direction: rtl; font-size: 15px;}

.container { margin: 0 auto; overflow: hidden;}
#tabsBlock {width: 100%; margin: 15px auto;}



ul.tabs {width: 100%; margin: 0 auto;}
  ul.tabs li {list-style: none;}
    ul.tabs::after {content: ""; display: block; clear: both;}
    ul.tabs li a { display: block;  float: right; width: 18.5%;  margin-left: 1.333333333333333%; float: right; background-color: #C69A47; color: #fff; text-align: center; font: 0.9em 'hell',Arial,sans-serif; padding: 15px 0; position: relative;}
    ul.tabs li:last-child a {margin-left: 0 !important;}
      ul.tabs li a:hover,   ul.tabs li a.active {background-color: #0b6f77;

      }

      ul.tabs li a.active::after {content: ""; display: block; width: 0px;     position: absolute; bottom: -5px; right: 0; left: 0; margin-right: auto; margin-left: auto;
      border-left: 10px solid transparent;
      	border-right: 10px solid transparent;
      	border-top: 10px solid #0b6f77;

    }

#tab1, #tab2, #tab3, #tab4, #tab5 {width: 100%; background-color: #0b6f77; color: #fff;  padding:35px 40px 5px; -webkit-box-sizing: border-box;
box-sizing: border-box; margin-top: 1.333333333333333%; overflow: hidden;}

#tab4 {padding-bottom: 30px;}
#tab1 {
    padding-bottom: 0px !important;
    position: relative;
}

  ul.tabs li .icon {display: inline-block; width: 40px; height: 40px; background-color: #fff;  font-size: 1.2em; border-radius: 40px; text-align: center; color: #ccc; line-height: 45px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);
  box-shadow: 0 0 5px rgba(0,0,0,0.4); }

ul.tabs li a.active .icon {color: #0b6f77 !important}


.post {width: 100%; float: right; margin-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 33px;font: 1.2em 'hell',Arial,sans-serif;}
/*.post img {float: right; margin-left: 15px; border: 3px solid #fff; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
box-shadow: 0 0 10px rgba(0,0,0,0.3);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}*/

.post img.pull-left {
    width: 50%;
}

#tab1 .post:nth-of-type(3n), #tab1 .post:nth-of-type(4n) {border-bottom: none; margin-bottom: 10px;}
.post h2 {font: 1em 'hell',Arial,sans-serif; padding-top: 25px; text-shadow: 0 0 2px rgba(0,0,0,0.5); }
.post h2 a {color: #fff; }
.post .date { color: rgb(0 236 255);
    font: 0.7em 'droid',Arial,sans-serif;
    float: right;
    min-width: 56%;

}

/*.post:hover img {border: 3px solid #fff; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);*/
box-shadow: 0 0 20px rgba(0,0,0,0.5);}

.qLinks {width: 100%; margin: 0 auto; }
  .qLinks li {list-style: none; width: 50%; float: right; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 15px;}
    .qLinks li a {color: #fff; font: 1em 'hell',Arial,sans-serif;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
  }
    .qLinks li a i {vertical-align: middle; margin-left: 10px; display: inline-block; width: 30px; height: 30px; border: 1px solid #fff; text-align: center; border-radius: 30px; line-height: 30px; background-color: rgba(0,0,0,0.1);
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
    }
      .qLinks li a:hover {color: rgba(255,255,255,0.7);}
.qLinks li a:hover i {background-color: #fff; color: #2199ce; margin-right: 4px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
box-shadow: 0 0 5px rgba(0,0,0,0.2);}



.webDirectory {width: 100%; margin: 0 auto;}
  .webDirectory li {list-style: none; width: 50%; float: right; margin-bottom: 20px;}
    .webDirectory li a img {display: block; border: 3px solid #fff;
border-radius: 25px; margin: 0 auto;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }
      .webDirectory li a:hover img {-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
      box-shadow: 0 0 15px rgba(0,0,0,0.3);}
        .webDirectory li span { text-align: center !important; color: #fff; font: 1.1em 'hell',Arial,sans-serif; display: inline-block; margin: 0 auto; width: 100%; padding: 5px 0 0;}


.voteBlock {width: 100%; margin: 0 auto;}
  .voteBlock img {float: right; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  box-shadow: 0 0 10px rgba(0,0,0,0.2); margin-left: 15px;}
    .voteBlock h2 {color: #fff; font: 1.1em 'hell',Arial,sans-serif; padding: 5px 0 15px;}

    .pollAnswers {color: #fff; padding: 10px 0; font: 0.8em 'Droid',Arial,sans-serif;}
    .pollAnswers table {margin-bottom: 15px;}
    .pollAnswers table tr td {padding: 5px 0;}
.pollAnswers table tr td input[type="radio"] {vertical-align: middle; margin-left: 5px; }

.pollBtns input[type="submit"], .pollBtns input[type="button"] {background-color: #fff; padding: 10px; font: 1em 'hell',Arial,sans-serif;}

.pollBtns input[type="submit"] {margin-left: 15px;}
.pollBtns input[type="submit"]:hover, .pollBtns input[type="button"]:hover {background-color: #fff; cursor: pointer; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5);
box-shadow: 0 0 15px rgba(0,0,0,0.5);}


.post table.table {
    border: 0px solid #ffff;
}

.post table.table td{
    border: 1px solid #ffff;
	padding: 7px;
}

.post a:link, .post a:active, .post a:hover, .post a:visited {
    color: #ffdfa3;
    text-decoration: none;
}
.whatsclass
{
margin:30px 0px 10px 0px;
font-size:21px;
}

.whatsclass i
{
color:#54dc60;
}

.col-xs-4 {
    width: 33.33333333%;
    float: right;
	margin-left: 20px;
}

.pull-left2 {
    float: left;
    top: 0;
    position: absolute;
    left: 0px;
    width: 50%;
}

.pull-left3 {
    float: left;
    top: 10%;
    position: absolute;
    left: 0px;
    width: 200px;
    /* margin: 0px 0px 0px 0px; */
    /* background-blend-mode: color-burn; */
    /* background-color: #c69a47; */
    mix-blend-mode: multiply;
}

.whatsclass img {
    /* height: 74%; */
    margin: auto;
    float: right;
	margin-left: 20px;
}

.post h2.title {
    font-size: 1.5em;
    color: #fff;
    border-bottom: 3px solid #c69a47;
    margin-bottom: 8px;
}

.post .date td {
    color: rgb(0 236 255);
    font: 1.1em 'droid',Arial,sans-serif;
    /* float: right; */
	border:1px solid #fff;
}

@media (max-width: 1024px) {
    ul.tabs li a
    {
    height: 60px;
    }
}