@charset "utf-8";
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoKufiArabic-Regular.eot);
  src: url(../fonts/NotoKufiArabic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NotoKufiArabic-Regular.woff2) format('woff2'),
       url(../fonts/NotoKufiArabic-Regular.woff) format('woff'),
       url(../fonts/NotoKufiArabic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NotoKufiArabic-Bold.eot);
  src: url(../fonts/NotoKufiArabic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NotoKufiArabic-Bold.woff2) format('woff2'),
       url(../fonts/NotoKufiArabic-Bold.woff) format('woff'),
       url(../fonts/NotoKufiArabic-Bold.ttf) format('truetype');
}
BODY {user-select: none}
BODY:lang(ar){direction: rtl;font-family: 'Noto Kufi Arabic'!important;}
a, .scn_pages .nav-item a {color:#fff;text-decoration: none!important;}
.scn_pages a, .scn_pages a:hover{color: #27b8cd;}
a:hover{color:#fff;}
p{color:#898989;}
h1,h2,h3,h4,h5,h6{color:#2495b5;font-weight: 600;text-transform: uppercase;}
.sec_slider{position:relative;}
.scn_head{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 65px;
    background-color:#27b8cd;
	background-image: url(../images/servic-sec.png)!important;
    background-position: bottom left;
    background-size: cover;
    z-index: 999999;
}
.scn_head:after,.scn_head:before {
    position: absolute;
    content: "";
    z-index: 1;
    height: 18px;
    width: 50%;
    top: 100%;
}
.scn_head:after {left: 0;background: url(../images/shadow-bg.png) no-repeat top left;}
.scn_head:before {right: 0;background: url(../images/shadow-bg.png) no-repeat top right;}
.main-container{padding-top: 60px;}
.language{
	position:fixed;
	top: 15px;
	right: 30px;
    left: auto;
	z-index: 9999;
	font-family: arial;
}
.language:lang(ar){left: 30px;right: auto;}
.language a{
    font-family: 'Noto Kufi Arabic';
    color:#fff!important;
	font-size: 14px;
	border-radius: 50%;
    padding: 4px 15px 12px;
    text-shadow:0 0 0 #eee!important;
    background: #2495b5;
}
.language a:lang(ar) {font-family: inherit;padding: 8px 10px 10px;}
.logo{
	position:absolute;
	background-image:url(../images/circle.png);
	width: 275px;
	height: 275px;
	background-repeat:no-repeat;
	z-index:999;
	padding: 13px;
	background-size: 100% 100%;
}
.scn_head .logo {position: relative;background: #fff;width: 175px;height: 57px; margin: 0 auto;padding: 8px 5px;border-radius: 50px;margin-top: 4px;}
.scn_head .logo a {display: block;padding: 0;text-align: center;vertical-align: top;}
.scn_head .logo .logo_small {margin-top: -5px;margin-left: -10px;}
.scn_head .logo .logo_small:lang(ar) {margin-left: 0;}
.scn_head .logo:lang(ar),
.scn_head .logo img:lang(ar) {-webkit-transform: none;transform: none;right: auto;text-align: inherit;}

.logo:lang(ar){-webkit-transform: rotate(90deg);transform: rotate(90deg);right: 0;text-align: left;}
.logo img:lang(ar) {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.logo_item{width: 70%;}
.scn_head .logo_item{width: 100%;}
.scn_head .SCMenu-icon,.menu-icon{display:none!important;cursor:pionter;margin-top:10px;}
.logo-nav img{opacity:0;}
.clear{	clear:both;}
.logo-co {width: 50%;height: auto;}
.logo-nav{text-align:left;margin-top: -6px;}
.logo-nav:lang(ar){text-align:right;}
.img_logo{
	position:relative;
	background-color:  #fff;
	border-radius: 50%;
	padding: 20px;
	width:140px;
	height:140px;
	margin:-65px auto -65px auto;
	z-index: 9999;
}
.scn_pages .img_logo {margin: -126px auto 0 auto;}
.img_logo img {opacity: 0.3;}
.nav-item-m {padding-top: 11px;}
.nav-item-m a:hover{background: #fff;text-shadow: 0 0 0; color: #27b8cd;}
.nav-i1, .nav-i2:lang(ar){text-align: right;}
.nav-i2, .nav-i1:lang(ar){text-align: left;}
/*.............................menu.......................*/

nav {
    position: absolute;
    top: 0;
    width : 100%;
    padding: 15px 80px 10px;
    z-index:99999;
    text-align:right;
    color:#fff;
    text-transform : uppercase;
    text-shadow:#000;
}
.scn_head nav{position: relative;padding: 0;}
nav:lang(ar) {text-align:left;}
nav a {
    color : #fff;
    text-decoration : none;
    padding:10px 12px;
    font-size: 13px;
    display: inline-block;
    font-weight: 600;
    border-radius: 5px;
}
nav a:lang(ar){font-family: 'Noto Kufi Arabic';}
nav a:focus{color:#fff;}
nav a:hover {color : #eee;text-decoration : none;}
nav a.Active {background: #fff;text-shadow: 0 0 0; color: #27b8cd;}

/*............................about-us.............................*/

.about-us{
	padding:50px;
	background-image:url(../images/lines.png);
	background-repeat:no-repeat;
	background-position:top left;
}
.scn_pages .about-us{
    padding: 20px 50px;
    background-image:url(../images/services-bg.png),url(../images/msarat-team.png);
    background-position: center top, left 12px;
    background-repeat: no-repeat, no-repeat;
    background-size: 100%, 30%;
}
.about-us p {max-width: 800px;background: rgba(247, 248, 249, 0.6);padding: 25px;border-radius: 5px;box-shadow: 0 15px 34px #f5f5f5;}
.vision{
	min-height: 185px;
	background-image:url(../images/vision.png);
	background-repeat:no-repeat;
    background-position: center;
    background-size: 50% 120%;
    text-align: center;
    padding-right: 70px;
    margin-top: -50px;
}
.vision-h2{padding-top: 55px;padding-left: 60px;}
.about-item{margin-top:70px;}
.partner{padding: 50px 0px 0px 0px;}
.h1-item{
	background-image:url(../images/pionter.png);
	background-repeat:  no-repeat;
}
.h1-item:lang(ar){background-position-x: 120%;}

/*...................our-success...................
*/

.our-success{
    background-image:url(../images/lines2.png);
	background-repeat:  no-repeat;
	background-position:right top;
	padding:50px 0px;
}
.our-success p {max-width: 1000px; margin: 0 auto;}
.icon-1{margin-bottom: 55px;overflow:hidden;background: rgba(249, 249, 249, 0.38);box-shadow: 0 15px 34px #eee;padding: 20px;border-radius: 3px;}
.cup-icon{margin: 170px auto;width: 90%;max-width: 380px;height: auto;}
.icon-1 h3{font-size: 16px;}
.circle{
	background-color:#666;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	border-radius:50%;
	padding:10px;
	width: 50px;
	height: 50px;
	line-height: 30px;
	text-align: center;
	margin: 0 auto;
}
.service_link img{
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.service_link img:hover{
    -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/*........................sevices........................*/

.services-sec{
	background-color:#226393;
	background-image:url(../images/servic-sec.png),linear-gradient(90deg,#216393,#27b8cd)!important;
	background-position:bottom left;
    background-size: cover;
	padding:100px 0px 150px 0px;
}
.services-sec h2{color:#fff;margin-bottom:40px;}
.services-sec h3{color:#fff;font-weight: 600;}
.services-sec p{color:#fff;}

.main-services {
	background-color:#f7f8f9;
    background-image:url(../images/services-bg.png)!important;
	background-position:center;
    background-size: cover;
	padding: 50px 0 90px 20px;
}
.main-services p{max-width: 1000px; margin: 0 auto 30px;}
.servicesItems .serviceItem{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.servicesItems .serviceItem:hover{box-shadow: 0 15px 34px #eee;transform: scale(1.1);-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
/*........................event........................*/

.event-sec{
	padding: 50px 0 90px;
	color:#fff;
	overflow:hidden;
    background-image:url(../images/servic-sec.png),linear-gradient(90deg,#216393,#27b8cd)!important;
    position: relative;
}
.scn_pages .event-sec {background-image:url(../images/servic-sec.png),linear-gradient(360deg,#27b8cd,#216393)!important;background-repeat: no-repeat;background-size: cover;}
.manager{margin-right:-20px;margin-top:20px;}
.event-sec h2{color:#fff;}
.event-sec p{color:#fff;max-width: 1000px; margin: 0 auto 30px;padding: 0 20px;}
.logos{	margin-top:20px;}
.logos img{border-radius: 10px;height: 90px;width: 100%;}
.logos img:hover{box-shadow: 0 10px 9px 0 rgba(54, 63, 72, 0.10), 0 10px 9px 0 rgba(54, 63, 72, 0.10);}

.news img{height: 300px;width: 100%;border-radius: 5px;}
.news .news_title{position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;}
.news .news_title a {text-transform: none;color: #444;background: rgba(255,255,255,0.7);display: block;padding: 10px 20px;}

/*........................footer........................*/
.line{
	background-image:url(../images/line-footer.png);
	background-repeat:repeat-x;
	background-position:center left;
    margin-bottom: 10px;
}
.map{
	position:relative;
	margin-top:30px;
    min-height: 600px;
}
#Msarat-on-GMap{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.follow_us{
	position:absolute;
	width: 100%;
    max-width:300px;
	height: 424px;
	border-radius: 10px;
    font-size: 12px;
	background: linear-gradient(90deg,#216393,#27b8cd)!important;
	color:#fff;
	right:5%;
    left: auto;
	top: 85px;
    z-index: 10;
}
.follow_us:lang(ar){left:5%;right:auto;}
.follow_us input::placeholder{
	font-size:12px;
	color:#999;
}
.follow_us textarea::placeholder{
	font-size:12px;
	color:#999;
}

.follow_us h3{color:#fff;font-size:18px;}
footer{position: relative;padding: 30px 0 20px;}
footer a {color: #27b8cd!important;}
footer p{font-size: 14px;padding: 10px 0px;}
.footer-nav a{
    padding: 0 5px;
    border-left: 1px dotted #eee;
    font-size: 14.5px;
    color: #333!important;
}
.footer-nav a:hover{color: #27b8cd!important;}
.footer-nav a:lang(ar){font-size: 12px;}
.footer-nav a:lang(ar):last-child{
    border: 0;
}
.footer-nav a:lang(en):first-child{
    border: 0;
}
.contact-items p{color:#fff;}
.gm-style-iw {text-align: center!important;}
.back-to-top {
    position: absolute;
    z-index: 20;
    width: 60px;
    height: 60px;
    line-height: 77px;
    display: block;
    fill: #fff;
    stroke: inherit;
    transition: all .3s ease;
    top: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translate(-50%, 0);
    cursor: pointer;
    box-shadow: 0 0 30px 0 rgba(0, 130, 215, 0.4);
    border-radius: 100%;
    background-color: #27b8cd;
    text-align: center;
}
.back-to-top .utouch-icon {
    fill: #fff;
    height: 28px;
    width: 28px;
    transition: all .3s ease;
}
.share_socials a {
    display: inline-block;
    margin: 0 auto 1px;
    padding: 5px 2px 2px;
    text-align: center;
    font-size: 14px;
    background: #ddd;
    color: #fff!important;
    width: 27px;
    z-index: 1;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    transition: all 250ms;
}
.share_socials a:hover{background: #27b8cd;}
.bullet {
    display: inline-block!important;
    background: #fff;
    width: 35px;
    font-size: 15px;
    border-radius: 50%;
    margin: 0 5px;
    padding: 6px 15px;
    font-weight: 600;
    box-shadow: 0 6px 8px rgba(102,119,136,.03), 0 1px 2px rgba(102,119,136,.3);
    cursor: pointer;
}
.bullet.current,.Lpagination .bullet.current {background: #27b8cd;color: #fff!important;}
.bullet:hover,.Lpagination .bullet:hover {background: #2495b5;color: #fff!important;}
.mask{
	background-color: rgba(14, 127, 183,.6);
	position:fixed;
	width:100%;
	height:100vh;
	left:0;
	top:0;
	z-index:999;
    display: none;
}
.vw_TrainingB { 
    display: none; 
    width: 92%; 
    max-width: 900px; 
    height: auto; 
    max-height: 83%;
    border-radius: 5px; 
    padding: 20px; 
    background: #fff; 
    position: fixed; 
    top: 80px;left: 0;right: 0;
    margin: auto; 
    z-index: 9999;
    overflow: auto;
}
.bDscroll img{width: 100%;height: auto;}
.MobileMenu {
    display: none;
    width: 100%;
    position: absolute;
    height: auto;
    top: 65px;
    z-index: 999998;
    left: 0;
    background: #fff;
    padding: 20px;
    text-align: center;
}
.MobileMenu a {
    padding: 5px 20px;
    background: #27b8cd;
    border: 1px dotted #27b8cd;
    color: #fff;
    z-index: 99;
    border-radius: 10px;
    display: inline-block;
    margin: 5px;
}
/*...................*/
@media (max-width:768px){
	.no-padding {padding: 0!important;}
    .logo-nav {margin-top:0;padding-bottom: 0;}
	.logo-nav img{opacity:1 !important;}
	.logo-nav .menu-icon{position:absolute;top: 5px;right: 35px;color: #206a97;font-size: 25px;cursor: pointer;display: block!important;}
    .logo-nav .menu-icon:lang(ar){right: auto;left: 80px;}
    .language{float:right;top: 25px;right:15px;}
    .scn_head .language{top: 15px;}
    .language:lang(ar){float: left;}
    .language a{font-size: 15px;padding: 5px 13px 8px;}
    .language a:lang(ar){padding: 9px 9px 8px;font-size: 12px;}
    .img_logo {padding: 12px;width: 75px;height: 75px;margin: -35px auto -65px auto;}
    .showPage a {width: 18px;height: 18px;}    
    nav {padding:15px 0 0!important;position: relative;width: 100% !important;transition: 1s;background-color: rgb(255, 255, 255) !important;box-shadow: 0 10px 9px 0 rgba(54, 63, 72, 0.10), 0 10px 9px 0 rgba(54, 63, 72, 0.10);padding: 15px 5px 0px 0px;}
    .scn_head nav{background-color: transparent!important; box-shadow: none;}
    nav:after {content: "";position: absolute;top: 0;right: 0;height: 5px;width: 100%;background-image: -webkit-linear-gradient(180deg,#216393,#27b8cd);background-image: -moz-linear-gradient(180deg,#216393,#27b8cd);background-image: -o-linear-gradient(180deg,#216393,#27b8cd);}
    .scn_head nav:after {display: none;}
    .nav-item{padding: 0;}
	.nav-item a{box-shadow: 0 10px 9px 0 rgba(54, 63, 72, 0.10), 0 10px 9px 0 rgba(54, 63, 72, 0.10);color: rgb(51, 122, 183 ) !important;text-shadow: none !important;display: block;text-align: center;}
    .scn_head .nav-logo {display: block!important;margin: -15px auto 0}
    .logo-nav{text-align:center;}
    .logo-nav img{margin-bottom:10px;}
    .logo{display:none !important;}
    .scn_head .nav-logo .logo{display: block!important;}
    .menu-icon{display:inline;float:right;margin-right: 30px;}
    .scn_head .SCMenu-icon{position:absolute;display: block!important;left: 30px;right:auto;top: 20px;font-size: 22px;}
    .scn_head .SCMenu-icon:lang(ar){right: 30px;left: auto;}
    .logo_small{float:left;}
    .logo_small:lang(ar){float:right;}
    .nav-item{display:none;}
    nav a.Active{border-bottom:none;}
    .about-us {padding: 50px 10px;}
    .scn_pages .about-us{background-image: url(../images/services-bg.png);background-position: center top;background-repeat: no-repeat;background-size: 100%;}
    .login{position:relative;float:left;left:30px;}
    .small-item{background-color:#333;}
    .partner {padding: 90px 0;}
    .vision{margin-top: -10px;}
    .vision-h2 {padding-top: 75px;}
    .vw_TrainingB { overflow: scroll;}
    .bDscroll{max-height: 500px;}
    .bDscroll img{width: 90%;max-width:400px;height: auto;}
    .bDscroll h3{padding: 0 0 5px!important;text-align: center;}
    .icon-1.sec{padding: 20px 0!important;}
    .m_nopadding{padding: 0!important;}
    .m_nopadding20{padding-right: 20px!important;padding-left: 20px!important;}
}

@media (max-width:480px){
    .follow_us{left:0;right:0;padding:15px 5px;margin:0 auto 15px;}
    .logo-co{width:70%;}
}