/* Start of header */

body {
 font-family: 'Cairo', sans-serif; !important;
}
.header {
  background-image: url(../images/Untitled-2.jpg);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
  width:100%;
  height: 110px;
  text-align: center;
  direction: rtl;
}
.header .logo img{width: 120px; height: 100px; margin-top: 3px;}
.header .email-sha {text-align: left; margin-top: 15px;}
.header .hotline-sha {text-align: left;}
.header .S_links{margin-top: -15px; margin-left: -29px;}
.header .S_links ul li { float:left; margin-left:30px; list-style:none; margin-right:-25px; text-decoration:none; margin-top:7px; }
.header .S_links .facebook{ color:#425f9c; transition:all .5s ease-in-out; }
.header .S_links .facebook:hover{ opacity:.6; }
.header .S_links .twitter{ color:#1da1f2; transition:all .5s ease-in-out; }
.header .S_links .twitter:hover{ opacity:.8; }
.header .S_links .google{ color:#dd5044; transition:all .5s ease-in-out; }
.header .S_links .google:hover{ opacity:.8; }
.header .S_links .youtupe{ color:#ea3415; transition:all .5s ease-in-out; }
.header .S_links .youtupe:hover{ opacity:.8; }
.header .S_links .rss{ color:#f36f24; transition:all .5s ease-in-out; margin-right:0px; }
#navbar{z-index: 999;}
.header .S_links .rss:hover{ opacity:.8; }
.navbar {
    padding: 0px 5px;
	margin-top: -2px;
}
.bg-light {
    background-color: #1f4b68 !important;
	color: #FFFFFF;
}
.navbar-light .navbar-nav .nav-link {
	color: #FFFFFF;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s  ease-in-out;
}
.navbar-light .navbar-nav .nav-link:hover { color: #AAA6A6;}
.navbar-light .navbar-brand {
    color: #FFFFFF;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s  ease-in-out;
}
.navbar-light .navbar-brand:hover { color: #C9B5B6;}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 35px;
    font-size: 18px;
}
.content {z-index: 1;}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}
/* end of header */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
/* Start of slider */
.slider123 .carousel-inner .carousel-item img{height:500px;}
.slider123 .carousel, .carousel-inner, .carousel-item{
	width: 100%;
	height: 500px;
}
.carousel-indicators li {
    border-radius: 10px 0 10px;
	height: 15px;
	background-color: rgba(2, 2, 2, 0.5);
  cursor: pointer;
}
.carousel-indicators .active {
    background-color: #1f4b68;
}
.carousel-indicators {
	bottom: -10px;
}
.slider123 .carousel-inner .carousel-item p{
	background-color:  rgba(2, 2, 2, 0.5);
	margin-bottom: -10px;
	padding: 4px 2px;
}
.slider123 .carousel-inner .carousel-item img{height:500px;}
/* End of slider */

/* Start of institute */
.instituts{
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #D1D2D3;
}
.instituts a{
  text-decoration: none;
}
.instituts .inst{
	background-color: #2980b9;
	height: 385px;
	color: #FFFFFF;
	border-radius: 0 30px 0 30px;
	padding-top: 1px;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s  ease-in-out;
}
.instituts .inst:hover{
	transform: scale(1.08);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.instituts .inst p{
	text-align: justify;
	direction: rtl;
	margin: 8px;
	font-size: 13px;
	line-height: 23px;
}
.instituts .inst h6{
	padding: 5px 0;
}
.instituts .inst h5:nth-of-type(2){
	background-color: #002AB1;
}
.instituts .inst a button {
	border-radius: 0 10px 0 10px;
	position: absolute;
	left: 35px;
	bottom: 7px;
}
.instituts .inst .backimg1{
	background-image: url(../images/institute3.jpg);
	background-repeat: no-repeat;
	background-size: 350px 170px;
	height: 170px;
	border-radius: 0 30px 0 0;
	margin: 2px;
}
.instituts .inst .backimg2{
	background-image: url(../images/institute.jpg);
	background-repeat: no-repeat;
	background-size: 350px 170px;
	height: 170px;
	border-radius: 0 30px 0 0;
	margin: 2px;
}
.instituts .inst .backimg3{
	background-image: url(../images/institute2.jpg);
	background-repeat: no-repeat;
	background-size: 350px 170px;
	height: 170px;
	border-radius: 0 30px 0 0;
	margin: 2px;
}
/* Start of institute */
/* Start Of Site Services */
.site-services{
	background: url(../images/background.jpg) no-repeat fixed;
	background-size: cover;
	padding: 20px 0;
  direction: rtl;
}
.site-services a{
  text-decoration:none;
  color: #000000;
}
.site-services h3{
	margin-bottom: 30px;
  color: #000000;
}
.site-services .services{
	margin-bottom: 20px;
	background-color: #c8d6e5;
	padding: 5px 0;
	width: 80%;
  margin-right: 10%;
	border-radius: 20px 0 20px 0;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s  ease-in-out;
}
.site-services .services:hover{
	transform: scale(1.08);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.site-services .services img{
	width: 100px;
	height: 82px;
}
/* Start Of Site Services */

/* Start Of News */
.news{padding: 30px 0 30px 0; background-color: #E5E5E5;}
.news .caption-news{
	width: 466px;
    height: 50px;
    background-color: rgba(2, 2, 2, 0.6);
    position: absolute;
    top: 286px;
    right: 183px;
}
.news .caption-news p{color: #FFFFFF;}
/*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 111 css*/
        .jssorb111 .i {position:absolute;color:#fff;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer;z-index:0;}
        .jssorb111 .i .n {display:none;}
        .jssorb111 .i .b {fill:#fff;stroke:#000;stroke-width:500;stroke-miterlimit:10;stroke-opacity:.5;}
        .jssorb111 .i:hover .b {fill:#fea900;stroke:#fea900;stroke-width:6000;stroke-opacity:1;}
        .jssorb111 .iav .b {fill:#000;stroke-width:6000;stroke-opacity:1;}
        .jssorb111 .i.idn {opacity:.3;}
        .jssorb111 .iav .n, .jssorb111 .i:hover .n {display:block;}

        /*jssor slider thumbnail skin 121 css*/
        .jssort121 .p {position:absolute;top:0;left:0;border-bottom:1px solid rgba(255,255,255,.2);box-sizing:border-box;color:#fff;background:rgba(0,0,0,.1);opacity:.7;}
        .jssort121 .p .t {position:absolute;padding:10px;box-sizing:border-box;top:0;left:0;width:100%;height:100%;line-height:24px;overflow:hidden;}
        .jssort121 .p .i {margin-right:10px;position:relative;top:0;left:0;width:96px;height:48px;border:none;float:left;}
        .jssort121 .pav, .jssort121 .p:hover {color:#000;background:rgba(255,255,255,.7);}
        .jssort121 .p:hover {opacity:.75;}
        .jssort121 .pav, .jssort121 .p:hover.pdn {opacity:1;}
        .jssort121 .ti {position:relative;font-size:14px;font-weight:bold;}
        .jssort121 .ti a{text-decoration: none;}
        .jssort121 .d {position:relative;font-size:12px;}
        /*.jssort121 .d:before {content:'\a';white-space:pre;}*/
/* End Of News */
/* Start Of Part 3 */
.president{height:auto; background-color:rgba(251, 252, 240, 0.68); padding: 0 0 20px 0;}
.img_pres img{height:270px; margin-top:25px;}
.president h3{color:#04367d; direction:rtl; font-size:30px; transition:all .5s ease-in-out;margin:25px 0 15px 0; text-align: -webkit-right;}
.president h3:hover{opacity:.6;}
.president p{direction:rtl; font-size:18px; text-align:justify; margin-bottom:8px;}
.president a{
	position: absolute;
    left: 16px;
    bottom: -11px;
}
/* End Of Part 3 */

/* Start Of Part 3 */
.videos{
	background: url(../images/background-art4.jpg) no-repeat fixed;
	background-size: cover;
	height: 410px;
	padding: 30px 0;
}
.videos .said-about h5{ color: #FFFFFF; font-size: 18px;}
.videos .said-about p{ color: #FFFFFF; font-size: 15px;}
.videos .contain-sayed {background-color: rgba(0,0,0,0.70);    padding: 5px 5px;
    margin-top: 9px;
    border-radius: 10px;}
/* Slideshow container */
.slideshow12-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
/* Hide the images by default */
.mySlides12 {
    display: none;
}
/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot12 {
  cursor: pointer;
  height: 20px;
  width: 30px;
  top: 35px;
  margin: -6px 2px;
  background-color: #bbb;
  border-radius: 10px 0;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.activee12, .dot12:hover {
  background-color: #717171;
}

/* Fading animation */
.fade12 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 5s;
  animation-name: fade;
  animation-duration: 5s;
  animation-iteration-count: infinite;
}

@-webkit-keyframes fade12 {
  from {opacity: 1}
  to {opacity: 1}
}

@keyframes fade12 {
  from {opacity: 1}
  to {opacity: 1}
}
/* End Of Part 3 */

.container12 {
    position: relative;
}
.photo-galary{
    padding: 30px 0 30px 0;
	background-color: #ecf0f1;
}
.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: 180px;
  transition: .5s ease;
  backface-visibility: hidden;
  border-radius: 15px 0 0 0;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 58%;
  left: 66%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container12:hover .image {
  opacity: 0.3;
}

.container12:hover .middle {
  opacity: 1;
}

.text {
  background-color: #2980b9;
  color: white;
  font-size: 16px;
  padding: 5px;
  width: 80px;
  height: 35px;
  border-radius: 10px 0 10px 0;
}
.text a {
	text-decoration: none;
	color: #FFFFFF;
}
.container12 h6{
	background-color: #2980b9;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	border-radius: 0 0 15px 0;
}
.said-about .carousel-inner .carousel-item{
	height: 300px;
}
.said-about .carousel-indicators {
	bottom: 135px;
}
.said-about .carousel-indicators li {
	width: 30px;
    height: 20px;
	background-color: #9A9A9A;
}
.said-about .carousel-inner .carousel-item img{
	width: 150px;
	height: 150px;
	border-radius: 50%;
}
.said-about .carousel-indicators .active{
	background-color: #4A4A4A;
}
/* Start Of Footer */
footer{
	background-color: #bdc3c7;
	padding: 20px 0 0 0;
}
footer h2{
	text-align: center;
    margin-bottom: 30px;
}
footer p{text-align: right;}
footer span{text-align: right;}
footer iframe { margin-bottom: 12px; }
.copyright{
    height: 50px;
   /* background-color: #0d1831; */
	background-color: #1f4b68 !important;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
}
/* End Of Footer */

/* Start Of News */
        /*jssor slider loading skin spin css*/
 .jssorl-009-spin img {
     animation-name: jssorl-009-spin;
     animation-duration: 1.6s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
 }

 @keyframes jssorl-009-spin {
     from { transform: rotate(0deg); }
     to { transform: rotate(360deg); }
}
.news-page{
	margin: 50px 0 50px 0;
}
.news-page h3{
  margin-top: -30px;
  margin-bottom: 20px;
   text-align: center;}
.news-page nav {position: absolute; right: 41%;}
.news-page .news-col{margin: 15px 0 10px 0; background-color: #dcdde1; padding: 10px; border-radius: 20px;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s  ease-in-out;}
.news-page .news-col:hover{
	transform: scale(1.03);
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.news-page .news-col h6{font-size: 16px; color: #b52626; margin-top: 10px;}
.news-page .news-col .date{text-align: right; color: #1f4b68;}
.news-page .news-col p{text-align: justify; font-size: 14px;}
.news-page .news-col .readmore a{text-decoration: none;}
/* End Of News */
/* Start Of More News */
.more-news {width: 100%; margin-top: 15px; position: inherit; margin-top: 15px;}
.more-news .img-thumbnail  {width: 100%;}
.more-news h6{font-size: 22px; color: #b52626; margin-top: 10px;}
.more-news p{text-align: justify; direction: rtl; font-size: 16px;}
.more-news span{position: inherit; right: -240px;}
.more-news .S_links{margin-top: -20px; position: inherit; right: -426px;}
.more-news .S_links ul li { float:left; margin-left:30px; list-style:none; margin-right:-25px; text-decoration:none; margin-top:7px; }
.more-news .S_links .facebook{ color:#425f9c; transition:all .5s ease-in-out; }
.more-news .S_links .facebook:hover{ opacity:.6; }
.more-news .S_links .twitter{ color:#1da1f2; transition:all .5s ease-in-out; }
.more-news .S_links .twitter:hover{ opacity:.8; }
.more-news .S_links .google{ color:#dd5044; transition:all .5s ease-in-out; }
.more-news .S_links .google:hover{ opacity:.8; }
.more-news .S_links .youtupe{ color:#ea3415; transition:all .5s ease-in-out; }
.more-news .S_links .youtupe:hover{ opacity:.8; }
.more-news .S_links .rss{ color:#f36f24; transition:all .5s ease-in-out; margin-right:0px; }
.more-news .S_links .rss:hover{ opacity:.8; }
/* Start Of More News */
/* Start Of Gallery Academy */
.gallery h3{font-weight: bold; font-family: DroidArabicKufiRegular !important; text-align: center;
	margin-top: 20px; margin-bottom: 15px;}
.gallery{ margin: 25px 0 25px 0;}
.photo-galary .modal-dialog {
    max-width: 80%;
    margin: 1.75rem auto;
}
/* End Of Gallery Academy */
.news-page .news-col{margin: 15px 0 10px 0; background-color: #dcdde1; padding: 10px; border-radius: 20px;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s  ease-in-out;
    min-height: 403px;}
.news-page .news-col p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 18px;
    max-height: 79px;
    font-size: 14px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}
.news-page .news-col img{height: 205px; width: 100%;}
/*
-------------------
-- Start About Page
-------------------
 */
.about-bg {
  background: url(../images/IMG_6253.jpg)fixed center center;
  height: 500px;
  background-size: cover;
}
.about-word {
    background-color: rgba(0, 0, 0, 0.54);
    height: 175px;
    position: relative;
    top: 115px;
    padding-top: 20px;
}
.about-word h1 {

	font-weight:bold;
	font-size:50px;
	color: #00c7d8;
}
.about-word p {

	font-weight:bold;
	color: #ecf0f1;
	font-size: 17px;
}
.institutes {
	height:auto;
	padding-bottom:40px;
	background:#dedede;
}
.institute {
	background-color: #eee;
	min-height: 1170px;

}
.institute img {
  width: 95%;
  height: 280px;
  border-radius: 15%;
  position: relative;
  bottom: 40px;
  border: 5px solid #eee;
  transition: all .8s ease-in-out;
}
.institute img:hover {
	background: rgba(44, 62, 80,.9);
	transform: scale(1.2);
}
.institute h1 {

	font-weight:bold;
	font-size:16px;
	color: #ecf0f1;
	margin : 0;
	border-radius: 5px;
	padding: 10px;
}
.institute h3 {

	font-weight:bold;
	text-align: right;
	margin-top: 40px;
	margin-bottom: 10px;
    padding-right: 15px;
	font-size: 18px;
	direction: rtl;
}
.institute h4 {

	font-weight:bold;
	text-align: right;
	margin-top: 30px;
	margin-bottom: 10px;
    padding-right: 15px;
	font-size: 20px;
	direction: rtl;
	color: #2d2d2d;
}
.institute h3 strong {
	color: #2d2d2d;
}
.institute p {

	font-weight:bold;
	font-size:13px;
	color: #34495e;
	text-align: justify;
    direction: rtl;
	padding-bottom: 0;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 15px;
}
.institute li {
	direction: rtl;

	font-weight:bold;
	text-align: right;
	color: #34495e;
}
.institute ul {
	padding-right: 30px;
	padding-top: 10px;
}
.institute span {
	width: 170px;
	position: absolute;
  right: 30px;
}
.institute-engineering h1 {
	background-color: #5cb85c;
}
.institute-engineering h3 {
	color: #5cb85c;
}
.institute-engineering span {
	border: 1px solid #5cb85c;
}
.institute-computers h1 {
	background-color: #337ab7;

}
.institute-computers h3 {
	color: #337ab7;
}
.institute-computers span {
	border: 1px solid #337ab7;
}
.institute-media h1 {
	background-color: #d9534f;
}
.institute-media h3 {
	color: #d9534f;
}
.institute-media span {
	border: 1px solid #d9534f;
}

.learnmap .modal-dialog {
  max-width: 50%;
}
.learnmap .modal-dialog img{
  width: 100%;
}
/*
------------------
 -- End About Page
------------------
*/