@charset "utf-8";

/* CSS Document */



@font-face {

	font-family: 'Optima';

	src: url('../fonts/Optima-Thin.eot');

	src: url('../fonts/Optima-Thin.eot?#iefix') format('embedded-opentype'),

	url('../fonts/Optima-Thin.woff2') format('woff2'),

	url('../fonts/Optima-Thin.woff') format('woff'),

	url('../fonts/Optima-Thin.ttf') format('truetype'),

	url('../fonts/Optima-Thin.svg#Optima-Thin') format('svg');

	font-weight: 100;

	font-style: normal;

}



@font-face {

	font-family: 'Optima';

	src: url('../fonts/Optima-Bold.eot');

	src: url('../fonts/Optima-Bold.eot?#iefix') format('embedded-opentype'),

	url('../fonts/Optima-Bold.woff2') format('woff2'),

	url('../fonts/Optima-Bold.woff') format('woff'),

	url('../fonts/Optima-Bold.ttf') format('truetype'),

	url('../fonts/Optima-Bold.svg#Optima-Bold') format('svg');

	font-weight: bold;

	font-style: normal;

}



@font-face {

	font-family: 'Segoe UI';

	src: url('SegoeUI.eot');

	src: url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),

	url('../fonts/SegoeUI.woff2') format('woff2'),

	url('../fonts/SegoeUI.woff') format('woff'),

	url('../fonts/SegoeUI.ttf') format('truetype'),

	url('../fonts/SegoeUI.svg#SegoeUI') format('svg');

	font-weight: normal;

	font-style: normal;

}


@font-face {
  font-family: 'DroidArabicKufi-Bold';
  src: url('../fonts/DroidArabicKufi-Bold.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/DroidArabicKufi-Bold.woff') format('woff'), 
  url('../fonts/DroidArabicKufi-Bold.ttf')  format('truetype'), 
  url('../fonts/DroidArabicKufi-Bold.svg#DroidArabicKufi-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DroidArabicKufi';
  src: url('../fonts/DroidArabicKufi.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/DroidArabicKufi.woff') format('woff'), 
  url('../fonts/DroidArabicKufi.ttf')  format('truetype'), 
  url('../fonts/DroidArabicKufi.svg#DroidArabicKufi') format('svg');
  font-weight: normal;
  font-style: normal;
}





body{

	font-family: 'DroidArabicKufi';

	background-color: #f0f0f0;

	background-image: url(../images/bg-footer.png);

	background-position: left bottom;

	background-repeat: no-repeat;

	text-align:justify;

}





.clear{

	clear: both;

}

.no-padding{

	padding: 0;

}

.no-margin{

	margin: 0;

}



a, button{

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.no-padding {

	padding: 0;

}

.no-margin {

	padding: 0;

}
.modal-body{
	direction:rtl;	
}



.social-side{

	position:fixed;

	right: 20px;

	top: 265px;

	width: 33px;

	z-index: 1030;

}

.social-side ul{

	list-style: none;

	padding: 0;

	margin: 0;

}

.social-side ul li{

	margin: 0 0 0px 0;

}

.social-side ul li a{

	display: block;

	padding: 5px;

}



.contact-side{

	position: absolute;

	left: -132px;

	width: 300px;

	top: 370px;

	z-index: 1030;

	-webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

.contact-side ul{

	list-style: none;

	padding: 0;

	margin: 0;

}

.contact-side ul li{

    float: left;

    margin: 0 2px 0 0;

}

.contact-side ul li a{

	display: block;

	color: #000;

	padding: 8px 35px;

	background: #fff;

	text-decoration: none;

}

.contact-side ul li a:hover{

	color: #fff;

	background: #ef2c2a;

}



.menu-section{

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	padding: 35px 0 0 0;

	background: rgba(0,0,0,0.95);

	z-index: 1030;

	display: none;

}

.menu-section.stable-menu{

	position: fixed;

	left: 0;

	right: 0;

	top: 0px;

	padding: 22px 0 0 0;

}

.menu{

	position: absolute;

	left: 0;

	right: 0;

	top: 35px;

	z-index: 1030;

}

@-webkit-keyframes moveDown {

	0% {

		-webkit-transform: translateY(-40px);

		opacity: 0;

	}

	100% {

		-webkit-transform: translateY(0px);

		opacity: 1;

	}

}

@-moz-keyframes moveDown {

	0% {

		-moz-transform: translateY(-40px);

		opacity: 0;

	}

	100% {

		-moz-transform: translateY(0px);

		opacity: 1;

	}

}

@-o-keyframes moveDown {

	0% {

		-o-transform: translateY(-40px);

		opacity: 0;

	}

	100% {

		-o-transform: translateY(0px);

		opacity: 1;

	}

}

@-ms-keyframes moveDown {

	0% {

		-ms-transform: translateY(-40px);

		opacity: 0;

	}

	100% {

		-ms-transform: translateY(0px);

		opacity: 1;

	}

}

@keyframes moveDown {

	0% {

		transform: translateY(-40px);

		opacity: 0;

	}

	100% {

		transform: translateY(0px);

		opacity: 1;

	}

}

.menu.fixed-menu{

	position: fixed;

	left: 0;

	right: 0;

	top: 0px;

	background: #f0f0f0;

	-webkit-animation: moveDown 0.6s ease-in-out 0.2s backwards;

    -moz-animation: moveDown 0.6s ease-in-out 0.2s backwards;

    -o-animation: moveDown 0.6s ease-in-out 0.2s backwards;

    -ms-animation: moveDown 0.6s ease-in-out 0.2s backwards;

    animation: moveDown 0.6s ease-in-out 0.2s backwards;



    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);

    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);

    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);

}

.logo{

	float: right;

	width: 165px;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.logo img{

	max-width: 100%;

}

.menu.fixed-menu .logo {

	width: 85px;

	margin: 8px 0 8px 0;

}

.menu-toggle{

	position: relative;

	display: block;

	float: left;

	width: 45px;

	height: 45px;

	padding: 10px;

	margin: 0 0 0 0;

	background: #ef2c2a;

	border-radius: 50%;

	text-align: center;

	border: 1px solid #ef2c2a;

}



.lng{

	color: #fff;

	float: left;

	width: auto;

	margin: 12px 12px 0;

}

.lng a {

	color: #fff;

	text-decoration: none;

}

.lng a:hover{

	color: #ef2c2a;

}

.menu-toggle:focus{

	outline: none;

}

.menu-toggle .icon-bar {

	display: block;

	width: 22px;

	height: 2px;

	border-radius: 1px;

	background: #fff;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.menu-toggle .icon-bar + .icon-bar {

	margin-top: 4px;

}

.menu.fixed-menu .menu-toggle{

	margin: 22px 0 0 0;

}

.menu.fixed-menu .lng{

	margin: 35px 12px 0;

}

.menu.fixed-menu .lng a {

	color: #000;

}

.menu.fixed-menu .lng a:hover{

	color: #ef2c2a;

}



/* ANIMATED X */

.menu-toggle.open .icon-bar{

	margin-left: 3px;

}

.menu-toggle.open .icon-bar:nth-of-type(1) {

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

	-webkit-transform-origin: 10% 10%;

	-ms-transform-origin: 10% 10%;

	transform-origin: 10% 10%;

}



.menu-toggle.open .icon-bar:nth-of-type(2) {

	opacity: 0;

	filter: alpha(opacity=0);

}



.menu-toggle.open .icon-bar:nth-of-type(3) {

	-webkit-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

	-webkit-transform-origin: 10% 90%;

	-ms-transform-origin: 10% 90%;

	transform-origin: 10% 90%;

}



/* ANIMATED X COLLAPSED */

.menu-toggle .collapsed .icon-bar:nth-of-type(1) {

	-webkit-transform: rotate(0);

	-ms-transform: rotate(0);

	transform: rotate(0);

}



.menu-toggle .collapsed .icon-bar:nth-of-type(2) {

	opacity: 1;

	filter: alpha(opacity=100);

}



.menu-toggle .collapsed .icon-bar:nth-of-type(3) {

	-webkit-transform: rotate(0);

	-ms-transform: rotate(0);

	transform: rotate(0);

}

/* END ANIMATED X */



.menu-top-sec{
	direction:rtl;
	float: right;

	width: 87.5%;

}

.menu-top-sec ul{

	list-style: none;

	padding: 0;

	margin: 0;

}

.menu-top-sec ul li{

	float: right;

	margin: 0 0 10px 25px;

}

.menu-top-sec ul li a{

	display: block;

	color: #fff;

	text-decoration: none;

}

.menu-top-sec ul li a img{

	display: inline-block;

	margin: 0 0 0 5px;

}

.menu-top-sec ul li a:hover{

	color: #ef2c2a;

}



.menu-search{

	float: left;

	width: 100%;

	max-width: 300px;

}

.menu-search input{

	background: transparent;

	border: 0;

	border-radius: 0;

	border-bottom: solid 1px #fff;

}

.menu-search .btn-search{

	color: #fff;

	position: absolute;

	left: 2px;

	top: 0;

	background: transparent;

}



.main-links-wrap{

	float: left;

	width: 100%;

	padding: 30px 60px 50px;

}

.main-links-wrap .main-links{

	float: left;

	width: 100%;

	padding: 50px 60px;

	background: #f0f0f0;

	text-align:right;

}

.main-links-wrap .main-links h3{

	color: #000000;

	font-size: 25px;

	font-weight: bold;

	margin: 0 0 15px 0;

}

.main-links-wrap .main-links h3 span{

	color: #ee2f2d;

}

.main-links-wrap .main-links h3 a{

	color: #000;

	text-decoration: none;

}

.main-links-wrap .main-links h3 a span{

	color: #ee2f2d;

}

.main-links-wrap .main-links h3 a:hover{

	color: #ee2f2d;

}

.main-links-wrap .main-links ul{

	list-style: none;

	padding: 0;

	margin: 0 0 10px 0;

}

.main-links-wrap .main-links ul li{

	margin-bottom: 6px;

}

.main-links-wrap .main-links ul li a{

	display: block;

	color: #000;

	font-size: 18px;

	text-decoration: none;

}

.main-links-wrap .main-links ul li a:hover{

	color: #ee2f2d;

}







.banner{

	position: relative;

}

.banner:after{

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 195px;

	background: url(../images/banner-pattern.png) left top repeat-x;

}

.banner .carousel{

	background: #000;

}

.banner .carousel .item img{

	width: 100%;

}

.banner .banner-caption{

	position: absolute;

	left: 0;

	right: 0;

	top: 38%;

	overflow: hidden;

}

.banner .banner-caption h1{

	color: #fff;

	font-size: calc(15px + 30 * ((100vw - 450px) / 916));

	font-family: 'Optima';

	font-weight: bold;

	margin: 0 0 30px 0;

	text-transform: uppercase;

	text-align:right;

}



.banner .banner-caption h1 span{

	color: #ee2f2d;

}



.banner .banner-caption a.more{

	display: inline-block;

	color: #fff;

	padding: 12px 45px;

	border-radius: 25px;

	border: solid 1px #fff;

	text-decoration: none;

}

.banner .banner-caption a.more:hover{

	color: #ee2f2d;

	background: #fff;

	border: solid 1px #fff;

}

.banner .carousel-indicators{

	text-align: left;

}

.banner .carousel-indicators:before{

	content: "";

	position: absolute;

	right: 100%;

	top: 9px;

	width: 1000px;

	height: 1px;

	background: #fff;

}

.banner .banner-box-cover {

	position: relative;

}

.banner .banner-box-cover .box-container{

	position: relative;

}

.banner .banner-box-cover ul{

	list-style: none;

	width: 45%;

	padding: 0;

	margin: 0;

}

.banner .banner-box-cover ul li{

	float: right;

	width: 50%;

	padding: 5px;

}

.banner .banner-box-cover .banner-box{

	float: left;

	width: 100%;

	padding: 20px;

	min-height: 150px;

	background-color: rgba(0,0,0,0.6);

	border: solid 1px;

	border-color: rgba(255,255,255,0.6);

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.banner .banner-box-cover .banner-box.bn-box-01{

	background-image: url(../images/banner-box-01.png);

	background-size: cover

}

.banner .banner-box-cover .banner-box.bn-box-02{

	background-image: url(../images/banner-box-02.png);

	background-size: cover

}

.banner .banner-box-cover .banner-box.bn-box-03{

	background-image: url(../images/banner-box-03.png);

	background-size: cover

}

.banner .banner-box-cover .banner-box.bn-box-04{

	background-image: url(../images/banner-box-04.png);

	background-size: cover

}

.banner .banner-box-cover a:hover .banner-box{

	background-color: rgba(255,255,255,1);

}

.banner .banner-box-cover .banner-box .box-icon{

	float: left;

	display: block;

	width: 50px;

	height: 50px;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.banner .banner-box-cover .banner-box .box-icon.box-01{

	background-image: url(../images/icon-ban-01.png);

	background-position: 0 0;

	background-size: 100%;

}

.banner .banner-box-cover a:hover .banner-box .box-icon.box-01{

	background-image: url(../images/icon-ban-01.png);

	background-position: 0 -50px;

	background-size: 100%;

}

.banner .banner-box-cover .banner-box .box-icon.box-02{

	background-image: url(../images/icon-ban-02.png);

	background-position: 0 0;

	background-size: 100%;

}

.banner .banner-box-cover a:hover .banner-box .box-icon.box-02{

	background-image: url(../images/icon-ban-02.png);

	background-position: 0 -50px;

	background-size: 100%;

}

.banner .banner-box-cover .banner-box .box-icon.box-03{

	background-image: url(../images/icon-ban-03.png);

	background-position: 0 0;

	background-size: 100%;

}

.banner .banner-box-cover a:hover .banner-box .box-icon.box-03{

	background-image: url(../images/icon-ban-03.png);

	background-position: 0 -50px;

	background-size: 100%;

}

.banner .banner-box-cover .banner-box .box-icon.box-04{

	background-image: url(../images/icon-ban-04.png);

	background-position: 0 0;

	background-size: 100%;

}

.banner .banner-box-cover a:hover .banner-box .box-icon.box-04{

	background-image: url(../images/icon-ban-04.png);

	background-position: 0 -50px;

	background-size: 100%;

}

.banner .banner-box-cover .banner-box h3{

	float: left;

	width: 100%;

	color: #fff;
	text-align:right;

	font-size: 20px;

	margin: 10px 0 0 0;

	text-transform: uppercase;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.banner .banner-box-cover .banner-box:hover h3{

	color: #000;

}

.banner .banner-box-cover .banner-box h3 span{

	font-weight: bold;

}

.banner .carousel-fade .carousel-inner .item {

	-webkit-transition-property: opacity;

	-moz-transition-property: opacity;

	-o-transition-property: opacity;

	-ms-transition-property: opacity;

	transition-property: opacity;

	-webkit-transition-duration: 1000ms;

	-moz-transition-duration: 1000ms;

	-o-transition-duration: 1000ms;

	-ms-transition-duration: 1000ms;

	transition-duration: 1000ms;

}

.banner .carousel-fade .carousel-inner .item,

.banner .carousel-fade .carousel-inner .active.left,

.banner .carousel-fade .carousel-inner .active.right {

	opacity: 0;

}

.banner .carousel-fade .carousel-inner .active,

.banner .carousel-fade .carousel-inner .next.left,

.banner .carousel-fade .carousel-inner .prev.right {

	opacity: 1;

}

.banner .carousel-fade .carousel-inner .next,

.banner .carousel-fade .carousel-inner .prev,

.banner .carousel-fade .carousel-inner .active.left,

.banner .carousel-fade .carousel-inner .active.right {

	left: 0;

	transform: translate3d(0, 0, 0);

}

.hm-welcome{

	float: left;

	width: 100%;

	padding: 75px 75px 30px 30px;

	margin: 35px 0 35px;
	direction:rtl;

	background-color: #fff;

	background-image: url(../images/bg-welcome.png);

	background-position: left bottom;

	background-repeat: no-repeat;

	-webkit-box-shadow: -5px 5px 10px 0px rgba(179,179,179,0.2);

	-moz-box-shadow: -5px 5px 10px 0px rgba(179,179,179,0.2);

	box-shadow: -5px 5px 10px 0px rgba(179,179,179,0.2);

}

.hm-welcome .welcome-hd{

	float: left;

	width: 100%;

	margin: 0 0 20px 0;

}

.hm-welcome .welcome-hd h3{

	color: #9e9e9e;

	font-size: 25px;

	margin: 0 0 0 0;

}

.hm-welcome .welcome-hd h2{

	color: #000;

	font-family: 'DroidArabicKufi-Bold';

	font-size: calc(20px + 25 * ((100vw - 450px) / 916));

	margin: 0 0 0 0;

	text-transform: uppercase;

}

.hm-welcome .welcome-hd h2 span{

	color: #ee2f2d;

}

.hm-welcome .welcome-txt{

	float: left;

	width: 100%;

}

.hm-welcome .welcome-txt p{

	color: #000;

	font-size: 18px;

	line-height: 30px;

}



 .welcome-txt a.more {

    display: inline-block;

    color: #000;

    padding: 12px 35px;

    border-radius: 25px;

    border: solid 1px #000;

    text-decoration: none;

}



 .welcome-txt a.more:hover {

	display: inline-block;

	color: #fff;

	background: #000;

}



.hm-programes{

	position: relative;

	float: left;

	width: 100%;

	margin-bottom: 35px;

	overflow: hidden;

}

.programe-bg{

	position: absolute;

	right: 0;

	left: 75px;

	top: 0;

	height: 100%;

	padding: 0;

	background: #ccc;

}

.programe-bg:after{

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: url(../images/bg-pattern.png) left top repeat;

}

.hm-programes .programe-cover{

	float: left;

	width: 100%;

	padding: 140px 225px 90px 0;

}

.prgms-types{

	float: left;
	text-align:right;
	width: 100%;

	padding: 0 0 0 70px;

	margin-bottom: 20px;

}

.prgms-types h2 {

	color: #fff;

	font-family: 'DroidArabicKufi-Bold';

	font-size: calc(20px + 25 * ((100vw - 450px) / 916));

	margin: 45px 0 20px 0;

	text-transform: uppercase;

	text-align:right;

}

.prgms-types h2 span {

	color: #ee2f2d;

}

.prgms-types ul{

	list-style: none;

	padding: 0;

	margin: 0;

}

.prgms-types ul li{

	margin: 0 0 9px 0;

}

.prgms-types ul li a{

	position: relative;

	display: block;

	font-size: 22px;

	font-weight: normal;

	color: #fff;

	padding: 12px 25px;

	border: solid 1px #fff;

	border-radius: 30px;

	text-decoration: none;

}



.prgms-types ul li a:hover:after

{

	position: absolute;

	content: "";

	opacity: 1;

	left: 10px;

	top: 20px;

	border-right: solid 12px #fff;

	border-top: solid 8px transparent;

	border-bottom: solid 8px transparent;

}

.prgms-types ul li.active a:after{

	position: absolute;

	content: "";

	opacity: 1;

	left: 10px;

	top: 20px;

	border-right: solid 12px #fff;

	border-top: solid 8px transparent;

	border-bottom: solid 8px transparent;

}

.business-carousel{

	float: left;
	
	width: 100%;

	padding: 60px 20px 20px 60px;

	background: #fff;

	overflow: hidden;

}

.business-carousel h3{

	color: #000;
	text-align:right;
	font-size: 25px;

	font-weight: bold;

	margin: 0 0 30px 0;

}

.business-carousel ul{

	list-style: none;

	padding: 0;

	margin: 0;

}

.business-carousel ul li{

	display: block;
	direction:rtl;
	
	width: 100%;

	margin: 0 0 12px 0;

}

.business-carousel ul li a{

color:#000; !important

}

.business-carousel .owl-carousel .owl-item img{

	display: inline-block;

	width: auto;

}

.business-carousel  .owl-carousel .owl-dots {

	position: relative;

	text-align: right;

}

.business-carousel  .owl-carousel .owl-dots:after{

	content: "";

	position: absolute;

	left: 99.666%;

	top: 9px;

	width: 100px;

	height: 1px;

	background: #000;

}

.business-carousel .owl-theme .owl-dots .owl-dot span {

	margin: 5px 2px;

	background: transparent;

	border: solid 1px #000;

}

.business-carousel .owl-theme .owl-dots .owl-dot.active span,

.business-carousel .owl-theme .owl-dots .owl-dot:hover span {

	background: #000;

}



.hm-why-cover{

	float: left;

	width: 100%;

	margin-bottom: 35px;

}

.hm-why-wrap{

	width: 39.5%;

	padding: 0;

	position: relative;

}

.hm-why-cont-wrap{

	width: 60.5%;

	padding: 0;

}



.hm-why-video img{

	width: 100%;

}

.why-video-txt{

	position: absolute;

	left: 0;

	bottom: 40px;
	text-align:right;

	padding: 0 200px 0 0;

	width: 100%;

	overflow: hidden;

}

.why-video-txt h2 {

	position: relative;

	color: #fff;

	font-family: 'DroidArabicKufi-Bold';

	font-size: calc(20px + 25 * ((100vw - 450px) / 916));

	margin: 0 0 0 0;

	text-transform: uppercase;

}

.why-video-txt h2:before{

	content: "";

	position: absolute;

	left: 100%;

	top: 50%;

	width: 300px;

	height: 1px;

	background: 	#fff;

}

.why-video-txt h2 span {

	color: #ee2f2d;

}

.why-video-txt img{

	width: auto;

	max-width: 100%;

	margin-bottom: 20px;

}

.hm-why-cont{

	float: left;

	width: 100%;
	
	text-align:right;

	padding: 100px 210px 75px 50px;

	background: #fff;

}

.hm-why-cont h2 {

	color: #000;

	font-family: 'DroidArabicKufi-Bold';

	font-size: calc(20px + 25 * ((100vw - 450px) / 916));

	margin: 0 0 20px 0;

	text-transform: uppercase;

	text-align:right;

}



.hm-why-cont h2 span {

	color: #ee2f2d;

}

.hm-why-cont p {

	color: #000;

	font-size: 18px;

	line-height: 30px;

	margin: 0 0 30px 0;

}

.hm-why-cont a.more {

	display: inline-block;

	color: #000;

	padding: 12px 45px;

	border-radius: 25px;

	border: solid 1px #000;

	text-decoration: none;

}

.hm-why-cont a.more:hover {

	display: inline-block;

	color: #fff;

	background: #000;

}

.hm-apply-cover{

	position: relative;

	float: left;

	width: 100%;

	padding: 65px 50px 50px;

	margin: 0 0 35px 0;

}

.hm-apply-bg{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

.hm-apply-bg:after {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: url(../images/bg-pattern.png) left top repeat;

}

.hm-apply-cover h2 {

	color: #fff;

	font-family: 'DroidArabicKufi-Bold';

	font-size: 38px;

	margin: 0 0 10px 0;

	text-transform: uppercase;

	text-align:right;

}

.hm-apply-cover h2 span {

	color: #ee2f2d;

}

.hm-apply-cover h2 span.small{

	font-size: 25px;

	color: #fff;

}

.hm-apply-cover a {

	display: inline-block;

	float: left;

	color: #fff;

	padding: 12px 45px;

	border-radius: 25px;

	border: solid 1px #fff;

	text-decoration: none;

}

.hm-apply-cover a:hover {

	display: inline-block;

	color: #000;

	background: #fff;

	border: solid 1px #fff;

}



.hm-press-cover{

	float: left;

	width: 100%;

	margin-bottom: 35px;

}



.hm-press-cont h2 {

	color: #000;

	font-family: 'DroidArabicKufi-Bold';

	font-size: calc(20px + 25 * ((100vw - 450px) / 916));

	margin: 35px 0 10px 0;

	text-transform: uppercase;

	text-align:right;

}

.hm-press-cont h2 span {

	color: #ee2f2d;

}



.press-carousel{

	position: relative;

	float: left;

	width: 100%;

	padding: 65px 0 0;

	background: #fff;

}

.press-carousel .item{

	padding: 0 75px 25px 60px;

}

.press-carousel h3{

	color: #000;

	font-size: 25px;

	font-weight: bold;

	line-height: 35px;

	margin: 0 0 10px 0;

	text-align:right;

}

.press-carousel p {

	color: #000;

	font-size: 16px;
	text-align:right;
	line-height: 30px;

	margin: 0 0 30px 0;

}

.press-carousel .date{

	position: absolute;

	color: #d3d3d3;

	right: -35px;

	top: 40px;

	width: 150px;

	letter-spacing: 2px;

	/* Safari */

	-webkit-transform: rotate(-90deg);

	/* Firefox */

	-moz-transform: rotate(-90deg);

	/* IE */

	-ms-transform: rotate(-90deg);

	/* Opera */

	-o-transform: rotate(-90deg);

	/* Internet Explorer */

	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

.press-carousel .date:before{

	content: "";

	position: absolute;

	right: 103%;

	top: 9px;

	width: 150px;

	height: 1px;

	background: #000;

}

.press-img{

	float: left;

	width: 100%;

}

.press-img img{

	width: 100%;

}

.hm-founder-cover{

	position: relative;

	float: left;

	width: 100%;

	padding: 95px 50px;

	margin-bottom: 35px;

}

.hm-founder-cover .hm-founder-bg {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

.hm-founder-cover .hm-founder-bg:after {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: url(../images/bg-pattern.png) left top repeat;

}

.hm-founder-cover .founder-hd{

	float: left;

	width: 100%;
	margin-bottom: 20px;

}

.hm-founder-cover .founder-hd h2 {

	color: #fff;

	font-family: 'DroidArabicKufi-Bold';

	font-size: calc(20px + 25 * ((100vw - 450px) / 916));

	margin: 50px 0 0;

	text-transform: uppercase;

	text-align:right;

}

.hm-founder-cover .founder-hd h2 span {

	color: #ee2f2d;

}

.hm-founder-cover .founder-list{

	float: left;

	width: 100%;

}

.hm-founder-cover .founder-list ul{

	list-style: none;

	padding: 0;

	margin: 0;

}

.hm-founder-cover .founder-list ul li{

	position: relative;

	float:right;

	width: 25%;

	padding: 5px;

}

.hm-founder-cover .founder-list ul li img{

	width: 100%;

}

.hm-founder-cover .founder-list ul li .img-hover{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	padding: 5px;

	opacity: 0;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.hm-founder-cover .founder-list ul li:hover .img-hover{

	opacity: 1;

}

.hm-founder-cover .founder-list ul li .img-hover img{

	width: 100%;

}

.footer-cover{

	float: left;

	width: 100%;
	direction:rtl;

	padding: 50px 50px 0;

	margin-bottom: 70px

}

.footer-links{

	float: right;

	width: 100%;

	margin-bottom: 20px;

	text-align:right;

}

.footer-links h3{

	color: #000;

	font-size: 22px;

	font-weight: bold;

	margin: 0 0 20px 0;

}

.footer-links ul{

	list-style: none;

	padding: 0;

	margin: 0;

}

.footer-links ul li{

	margin: 0 0 8px 0;

}

.footer-links ul li a{

	color: #000;

	font-size: 16px;

	text-decoration: none;

}

.footer-address{

	float: left;

	width: 100%;

	margin-bottom: 20px;

}

.footer-address h3{

	color: #000;

	font-size: 22px;

	font-weight: bold;

	margin: 0 0 20px 0;

}

.footer-address p{

	color: #000;

	font-size: 16px;

	line-height: 30px;

}

.footer-affiliation{

	float: left;

	width: 100%;

}

.footer-affiliation h3{

	color: #000;

	font-size: 22px;

	font-weight: bold;

	margin: 0 0 20px 0;

}

.footer-affiliation ul{

	list-style: none;

	padding: 0;;

	margin: 0;

}

.footer-affiliation ul li{

	float: right;

	width: 50%;

	padding: 5px;

}



.copy{

	float: left;

	font-size: 13px;

	color: #9c9c9c;

	width: 100%;

	background: #fff;

	padding: 25px 10px;

	margin-bottom: 30px;

	text-align: center;

	-webkit-box-shadow: 0px 0px 10px 0px rgba(179,179,179,0.2);

	-moz-box-shadow: 0px 0px 10px 0px rgba(179,179,179,0.2);

	box-shadow: 0px 0px 10px 0px rgba(179,179,179,0.2);

}

.copy a{

	color: #9c9c9c;

	text-decoration: none;

}

.copy a:hover{

	color: #ef2c2a;

}

.parallax-bg{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

}

.parallax-bg:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: url(../images/bg-pattern.png) left top repeat;

}

.parallax {

	position: relative;

	height: 100%;

}



.inside-banner{

	position: relative;

	width: 100%;

}

.inside-banner:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 195px;

    background: url(../images/banner-pattern.png) left top repeat-x;

}

.inside-banner img{

	object-fit: cover;
	width:100%;
	height: 100%;

}

.inside-banner .ins-banner-cover{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	padding-top: 15%;

	text-align: center;

}

.inside-banner .ins-banner-cover h1{

	color: #fff;

	font-family: 'DroidArabicKufi-Bold';

	font-size: calc(25px + 25 * ((100vw - 450px) / 916));

	margin: 0 0 10px 0;

	text-transform: uppercase;

}

.inside-banner .ins-banner-cover ul{

	list-style: none;

	padding: 0;

	margin: 0;

	color: #fff;

	font-size: 18px;

}

.inside-banner .ins-banner-cover ul li{

	display: inline-block;

}

.inside-banner .ins-banner-cover ul li + li:before {

	font-family: 'FontAwesome';

    padding: 0 5px;

    color: #fff;

    content: "\f105";

}

.inside-banner .ins-banner-cover ul li a{

	color: #fff;

	text-decoration: none;

}

.inside-banner .ins-banner-cover ul li a:hover{

	color: #ef2c2a;

}



.about-cont-cover {

    float: left;

    width: 100%;

    padding:55px 75px 75px 75px;

    margin: 35px 0 15px;

    background-color: #fff;

    -webkit-box-shadow: -5px 5px 10px 0px rgba(179,179,179,0.2);

    -moz-box-shadow: -5px 5px 10px 0px rgba(179,179,179,0.2);

    box-shadow: -5px 5px 10px 0px rgba(179,179,179,0.2);

}

.about-cont-cover ul{

	margin:0 !important;	

}

.about-cont-cover table {
	direction:rtl;
	margin-top:30px;

}

.about-cont-cover table td{

	padding:10px;

}

.about-cont-cover img.img-about{

	position: relative;

	float: right;

	max-width: 100%;

	margin: -90px 0 30px 60px;

}

.about-cont-cover img.img-serv{

	position: relative;

	float: left;

	max-width: 100%;

	margin: 0 60px 30px 0;

}

.about-cont-cover h2 {

    color: #000;

    font-family: 'DroidArabicKufi-Bold';

    font-size: calc(20px + 25 * ((100vw - 450px) / 916));

    margin: 0 0 0 0;

    text-transform: uppercase;

	text-align:right;

}

.about-cont-cover h2 span {

    color: #ee2f2d;

}

.about-cont-cover h3{

	color: #000;
	text-align:right;
	font-size: 20px;

	line-height: 30px;

}

.about-cont-cover p{

	font-size: 16px;
	direction:rtl;
	line-height: 26px;

	margin-top: 30px;
	text-align:right;

	margin-bottom:20px;

}

.about-cont-cover ul{

	width:auto;
	direction:rtl;
	float:right;

	padding:0 0 25px;

	display:block;

}

.about-cont-cover ul li{

	list-style:none;

	padding:5px 20px 5px 0;

	font-size:16px;

	background:url(../images/bullet.png) no-repeat top 13px right;

}

.abt-mission-cover{

	position: relative;
	direction:rtl;
	float: left;

	width: 100%;

	padding: 120px 75px 50px; 

}

.abt-nat-wrap{

	width: 39.5%;

}

.abt-cont-wrap{

	width: 60.5%;

}

.abt-mission-nav{

	float: left;

	width: 100%;

	padding: 0 0 0 45px;

	margin-bottom: 	30px;

}

.abt-mission-nav ul{

	list-style: none;

	padding: 0;

	margin: 0;

}

.abt-mission-nav ul li{

	border-bottom: solid 1px;

	border-bottom-color: rgba(255,255,255,0.3);

}

.abt-mission-nav ul li a{

    color: #fff;

    font-family: 'DroidArabicKufi-Bold';

    font-size: calc(20px + 25 * ((100vw - 450px) / 916));

    padding: 0 0 10px 0;

    margin: 0 0 10px 0;

    text-transform: uppercase;

    text-decoration: none;

}

.abt-mission-nav ul li a span {

    color: #ee2f2d;

}

.abt-mission-nav ul li.active a {

    color: #ee2f2d;

}

.abt-mission-cont{

	float: left;

	width: 100%;

	padding: 48px;

	background: #fff;

	margin-bottom: 	30px;

}

.abt-mission-cont .mission-scroll{

	float: left;

	width: 100% !important;

	height: 175px;

}

.white {

color:#FFFFFF;

font-weight:bold;

font-size:17px;

}

.mission-scroll .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,

.mission-scroll .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {

    width: 5px;

    background-color: #f4f4f4;

    background-color: rgba(244, 244, 244, 1);

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

}

.mission-scroll .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,

.mission-scroll .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    width: 5px;

    background-color: #ee2f2d;

    background-color: rgba(238,47,45,1);

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

}

.abt-mission-cont h3{

	font-size: 25px;

	font-weight: bold;

	margin: 0 0 15px 0;

}

.abt-mission-cont p{

	color: #000;

	font-size: 16px;

	line-height: 24px;

}

.board-box-cover{

	position: relative;

	float: left;

	width: 100%;

	padding: 90px 0 70px;

}

.board-box-cover:before{

	content: "";

	position: absolute;

	left: 175px;

	right: 175px;

	top: 0;

	height: 100%;

	background: #dfdfdf;

}

.board-box-cover .board-box{

	float: left;

	width: 100%;

	padding: 45px 30px;

	min-height: 265px;

	background: #fff;

	margin-bottom: 25px;

	text-align: center;

	-webkit-box-shadow: -3px 3px 10px 0px rgba(179,179,179,0.1);

    -moz-box-shadow: -3px 3px 10px 0px rgba(179,179,179,0.1);

    box-shadow: -3px 3px 10px 0px rgba(179,179,179,0.1);



    -webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.board-box-cover .board-box:hover{

	background: #000;

}

.board-box-cover .board-box a{

	text-decoration: none;

}

.board-box-cover .board-box .brd-icon{

	position: relative;

	width: 135px;

	height: 90px;

	margin: 0 auto 35px;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-ms-transition: 0.5s;

	transition: 0.5s;

}

.board-box-cover .board-box .brd-icon .brd-icon-hover{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

}

.board-box-cover .board-box:hover .brd-icon .brd-icon-hover{

	opacity: 1;

}

.board-box-cover .board-box .brd-icon .brd-icon-hover img{

	width: 100%;

}

.board-box-cover .board-box h3{

	color: #000;

	font-family: 'DroidArabicKufi-Bold';

	font-size: 25px;

	padding: 0;

	margin: 0;

	text-transform: uppercase;

	text-decoration: none;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.board-box-cover .board-box h3 span{

	color: #ee2f2d;

}

.board-box-cover .board-box:hover h3{

	color: #fff;

}



.apply-form-cover{

    float: left;

    width: 100%;

    padding: 100px 75px 90px 75px;

    margin: 35px 0 35px;

    background-color: #fff;

    -webkit-box-shadow: -5px 5px 10px 0px rgba(179,179,179,0.2);

    -moz-box-shadow: -5px 5px 10px 0px rgba(179,179,179,0.2);

    box-shadow: -5px 5px 10px 0px rgba(179,179,179,0.2);

}

.apply-form-cover h2 {

    color: #000;

    font-family: 'DroidArabicKufi-Bold';

    font-size: calc(20px + 25 * ((100vw - 450px) / 916));

    margin: 0 0 55px 0;

    text-transform: uppercase;

	text-align:right;

}

.apply-form-cover h2 span {

    color: #ee2f2d;

}

.apply-form-cover p{
	text-align:right;
	color: #000;

}

.apply-form-cover p span{

	color: #ee2f2d;

}

.apply-form-cover .apply-form{

	float: left;

	width: 100%;

}

.apply-form-cover .apply-form .row{

	margin-left: -7px;

	margin-right: -7px;

}

.apply-form-cover .apply-form .row .int-wrap{
	float:right;
	padding-left: 7px;

	padding-right: 7px;

}

.apply-form-cover .apply-form .form-control{

	height: 49px;

	background: #f5f5f5;

	border: 0;

	border-radius: 0;
	direction:rtl;

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);

}



.apply-form .checkbox {

  display: inline-block;

  position: relative;

  padding-left: 38px;

  margin-bottom: 12px;

  cursor: pointer;

  font-size: 14px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



/* Hide the browser's default checkbox */

.apply-form .checkbox input {

  position: absolute;

  opacity: 0;

}



/* Create a custom checkbox */

.apply-form .checkbox .checkmark {

  position: absolute;

  top: 0;

  left: 0;

  height: 25px;

  width: 25px;

  background-color: transparent;

  border: solid  1px #c6c6c6;

  border-radius: 6px;

}



/* On mouse-over, add a grey background color */

.apply-form .checkbox:hover input ~ .checkmark {

  background-color: #ccc;

}



/* When the checkbox is checked, add a blue background */

.apply-form .checkbox input:checked ~ .checkmark {

  background-color: #f02826;

  border: solid  1px #f02826;

}



/* Create the checkmark/indicator (hidden when not checked) */

.apply-form .checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the checkmark when checked */

.apply-form .checkbox input:checked ~ .checkmark:after {

  display: block;

}



/* Style the checkmark/indicator */

.apply-form .checkbox .checkmark:after {

  left: 9px;

  top: 5px;

  width: 5px;

  height: 10px;

  border: solid white;

  border-width: 0 3px 3px 0;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}

.apply-form .captcha{

	float: right;

	width: 40px;

}

.apply-form .captcha img{

	max-width: 100%;

}

.apply-form .btn-apply{

	color: #fff;

	padding: 12px 15px;

	background: #f02826;

	border: 0;

	font-weight:bold;

	border-radius: 0;

	width:50%;

}

.apply-form .btn-apply:hover{

	color:  #f02826;

	background: #a4a6a9;

}

.cont-address-cover {

    float: left;

    width: 100%;

    padding: 80px 75px 50px 75px;

    margin: 35px 0 35px;

    background-color: #fff;

    -webkit-box-shadow: -5px 5px 10px 0px rgba(179,179,179,0.2);

    -moz-box-shadow: -5px 5px 10px 0px rgba(179,179,179,0.2);

    box-shadow: -5px 5px 10px 0px rgba(179,179,179,0.2);

}

.cont-address-cover h2 {

    color: #000;

    font-family: 'DroidArabicKufi-Bold';

    font-size: calc(20px + 25 * ((100vw - 450px) / 916));

    margin: 0 0 60px 0;

    text-transform: uppercase;

	text-align:right;

}

.cont-address-cover h2 span {

    color: #ee2f2d;

}

.address-cover{

	float: right;
	direction:rtl;
	width: 90%;

	margin-bottom: 20px;

}

.address-cover.bdr{

	border-left: solid 1px #e1e1e1;

}

.address-cover h3{

	color: #000;

	font-size: 20px;

	font-weight: bold;

	margin: 0 0 20px 0;

}

.address-cover p{

	color: #000;

	font-size: 18px;

	line-height: 32px;

}

.address-cover p span{

	font-weight: bold;

}



.mail-form-cover{

	position: relative;

	float: left;

	width: 100%;

	padding: 60px 75px;

	margin-bottom: 35px;

}

.conatact-form{

	float: left;
	direction:rtl;
	width: 100%;

	position: relative;

}

.conatact-form h3{

	color: #fff;

	font-size: 25px;

	margin: 0 0 25px 0;

}

.conatact-form .row{

	margin-left: -7px;

	margin-right: -7px;

}

.conatact-form .row .cont-frm-wrap{

	padding-left: 7px;
	float:right;
	padding-right: 7px;

}

.conatact-form .form-control{

	background: #f5f5f5;

	border-radius: 0;

	border: 0;

}

.conatact-form input[type="text"]{

	height: 55px;

}

.conatact-form textarea{

	height: 125px;

}

.conatact-form .btn-submit{

	color: #fff;

	padding: 15px;

	background: #ef2c2a;

	text-transform: uppercase;

	border: 0;

	border-radius: 0;

}

.conatact-form .btn-submit:hover{

	background: #575656;

}



.loc-map-cover{

	position: relative;

	float: left;

	width: 100%;

	padding: 60px 75px;

	margin-bottom: 35px;

	border: solid 1px #fff;

}

.loc-map-cover .map-bg{

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%

}

.loc-map-cover .map-bg img{

	object-fit: cover;

	width: 100%;

	height: 100%;

}

.map-location{

	float: left;

	width: 100%;

}

.map-location h2 {

    color: #000;

    font-family: 'DroidArabicKufi-Bold';

    font-size: calc(20px + 25 * ((100vw - 450px) / 916));
	text-align:right;
    margin: 0 0 0 0;

    text-transform: uppercase;

}

.map-location h2 span {

    color: #ee2f2d;

}

.map-location a {

    display: inline-block;

    float: left;

    color: #000;

    padding: 12px 45px;

    border-radius: 25px;

    border: solid 1px #000;

    text-decoration: none;

}

.map-location a:hover {

    display: inline-block;

    color: #fff;

    background: #000;

    border: solid 1px #000;

}



.about-cbt-cover {

    float: left;

    width: 100%;

    padding: 0;

    margin: 35px 0 35px;

    background-color: #fff;

    -webkit-box-shadow: -5px 5px 10px 0px rgba(179,179,179,0.2);

    -moz-box-shadow: -5px 5px 10px 0px rgba(179,179,179,0.2);

    box-shadow: -5px 5px 10px 0px rgba(179,179,179,0.2);

}

.about-cbt-cover .about-cbt-wrap{
    float:right;
	direction:rtl;
	width: 56.5%;

}

.about-cbt-cover .about-img-wrap{

	width: 43.5%;

}

.about-cbt-cover .abt-cbt{

	float: left;

	width: 100%;

	padding: 50px 75px 30px 75px;

}

.about-cbt-cover .abt-cbt h2{

    color: #000;

    font-family: 'DroidArabicKufi-Bold';

    font-size: calc(20px + 25 * ((100vw - 450px) / 916));
	text-align:right !important;
    margin: 0 0 30px 0;

    text-transform: uppercase;

}

.about-cbt-cover .abt-cbt h2 span {

    color: #ee2f2d;

}

.about-cbt-cover .abt-cbt p {

    color: #000;

    font-size: 18px;
	direction:rtl;
    line-height: 30px;

    margin-bottom: 30px;

}

.about-cbt-cover .abt-cbt ul{

	list-style: none;

	padding: 0;

	margin: 0;

}

.about-cbt-cover .abt-cbt ul li{

	position: relative;

	color: #000;

    font-size: 18px;

	padding: 0 35px 6px 0;

}

.about-cbt-cover .abt-cbt ul li:before{

	content: "";

	position: absolute;

	right: 0;

	top: 8px;

	width: 11px;

	height: 11px;

	background: url(../images/bullet.png) center no-repeat;

}

.abt-cbt-img{

	float: left;

	width: 100%;

}

.abt-cbt-img img{

	width: 100%;

}

.why-video-txt img {

    width: auto;

    max-width: 100%;

}

.cbt-prgm-cover{

	position: relative;

	float: left;

	width: 100%;

	padding: 115px 75px 90px;

}

.cbt-prgm-cover .cbt-prgm{

	float: left;

	width: 100%;

}

.cbt-prgm .cbt-pgm-hd{

	float: left;

	width: 100%;

	margin-bottom: 20px;

}

.cbt-prgm .cbt-pgm-hd h2 {

    color: #fff;

    font-family: 'DroidArabicKufi-Bold';

    font-size: 38px;

    font-size: calc(20px + 25 * ((100vw - 450px) / 916));

    margin: 0 0 10px 0;

    text-transform: uppercase;

}

.cbt-prgm .cbt-pgm-hd h2 span {

    color: #ee2f2d;

}

.cbt-prgm .cbt-pgm-hd p{

	color: #fff;

}

.cbt-prgm .cbt-pgm-box{

	position: relative;

	float: left;

	width: 100%;

	border: solid 1px;

	border-color: rgba(255,255,255,0.3);

	background-color: rgba(0,0,0,0.5);

	height: 180px;

	margin-bottom: 25px;

	cursor: pointer;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.cbt-prgm .cbt-pgm-box.box-01{

	background-image: url();

	background-size: cover;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.cbt-prgm .cbt-pgm-box.box-01:hover{

	background-image: url(../images/bg-pgm-box-01.jpg);

}





.cbt-prgm .cbt-pgm-box.box-01{

	background-image: url();

	background-size: cover;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.cbt-prgm .cbt-pgm-box.box-01:hover{

	background-image: url(../images/bg-pgm-box-01.jpg);

}



.cbt-prgm .cbt-pgm-box.box-02{

	background-image: url();

	background-size: cover;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.cbt-prgm .cbt-pgm-box.box-02:hover{

	background-image: url(../images/box-commerce.jpg);

}



.cbt-prgm .cbt-pgm-box.box-03{

	background-image: url();

	background-size: cover;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.cbt-prgm .cbt-pgm-box.box-03:hover{

	background-image: url(../images/box-industrial.jpg);

}



.cbt-prgm .cbt-pgm-box.box-04{

	background-image: url();

	background-size: cover;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.cbt-prgm .cbt-pgm-box.box-04:hover{

	background-image: url(../images/box-auto-hnc-hnd.jpg);

}



.cbt-prgm .cbt-pgm-box.box-05{

	background-image: url();

	background-size: cover;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.cbt-prgm .cbt-pgm-box.box-05:hover{

	background-image: url(../images/box-business-hnc-hnd.jpg);

}





.cbt-prgm .cbt-pgm-box.box-06{

	background-image: url();

	background-size: cover;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.cbt-prgm .cbt-pgm-box.box-06:hover{

	background-image: url(../images/box-indus-hv.jpg);

}



.cbt-prgm .cbt-pgm-box.box-07{

	background-image: url();

	background-size: cover;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.cbt-prgm .cbt-pgm-box.box-07:hover{

	background-image: url(../images/box-indus-lv.jpg);

}



.cbt-prgm .cbt-pgm-box.box-08{

	background-image: url();

	background-size: cover;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.cbt-prgm .cbt-pgm-box.box-08:hover{

	background-image: url(../images/box-indus-vehile-acdnt.jpg);

}



.cbt-prgm .cbt-pgm-box.box-09{

	background-image: url();

	background-size: cover;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.cbt-prgm .cbt-pgm-box.box-09:hover{

	background-image: url(../images/box-indus-vehile-paint.jpg);

}



.cbt-prgm .cbt-pgm-box.box-10{

	background-image: url();

	background-size: cover;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.cbt-prgm .cbt-pgm-box.box-10:hover{

	background-image: url(../images/box-indus-vehile-air.jpg);

}



.cbt-prgm .cbt-pgm-box.box-11{

	background-image: url();

	background-size: cover;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.cbt-prgm .cbt-pgm-box.box-11:hover{

	background-image: url(../images/box-indus-suspension.jpg);

}



.cbt-prgm .cbt-pgm-box.box-12{

	background-image: url();

	background-size: cover;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.cbt-prgm .cbt-pgm-box.box-12:hover{

	background-image: url(../images/box-commerc-csr.jpg);

}



.cbt-prgm .cbt-pgm-box.box-13{

	background-image: url();

	background-size: cover;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.cbt-prgm .cbt-pgm-box.box-13:hover{

	background-image: url(../images/box-commerc-parts.jpg);

}



.cbt-prgm .cbt-pgm-box.box-14{

	background-image: url();

	background-size: cover;

	-webkit-transition: 0.25s;

	-moz-transition: 0.25s;

	-o-transition: 0.25s;

	-ms-transition: 0.25s;

	transition: 0.25s;

}

.cbt-prgm .cbt-pgm-box.box-14:hover{

	background-image: url(../images/box-commerc-sale.jpg);

}





.cbt-pgm-box .cbt-pgm-cont{

	display: table;

	width: 100%;

	height: 100%;

}

.cbt-pgm-box .cbt-pgm-cont .cbt-pgm-txt{

	display: table-cell;

	text-align: center;

	vertical-align: middle;

}

.cbt-pgm-box .cbt-pgm-cont .cbt-pgm-txt h3{

	color: #c3c3c3;

	font-size: 24px;

	margin: 0;

	text-align: center;

}

.cbt-pgm-box:hover .cbt-pgm-cont .cbt-pgm-txt h3{

	color: #fff;

}



.prgm-str-cover {

    position: relative;

    float: left;

    width: 100%;

    padding: 115px 75px 90px;

}

.cbt-prgm-cover .prgm-str {

    float: left;

    width: 100%;

}

.prgm-str .prgm-str-hd {

    float: left;

    width: 100%;

    margin-bottom: 20px;

    text-align: center;

}

.prgm-str .prgm-str-hd h2 {

    color: #fff;

    font-family: 'DroidArabicKufi-Bold';

    font-size: calc(20px + 25 * ((100vw - 450px) / 916));

    margin: 0 0 10px 0;

    text-transform: uppercase;

}

.prgm-str .prgm-str-hd h2 span {

    color: #ee2f2d;

}

.prgm-str .prgm-str-hd p{

	color: #fff;

}



.prgm-str .prgm-str-box {

    position: relative;

    float: left;

    width: 100%;

    border: solid 1px;

    border-color: rgba(255,255,255,0.3);

    background-color: rgba(0,0,0,0.5);

    height: 295px;

    margin-bottom: 25px;

    cursor: pointer;

    -webkit-transition: 0.25s;

    -moz-transition: 0.25s;

    -o-transition: 0.25s;

    -ms-transition: 0.25s;

    transition: 0.25s;

}

.prgm-str .prgm-str-box:hover{

	border-color: rgba(255,255,255,1);

    background-color: rgba(255,255,255,1);

}

.prgm-str-box .prgm-str-cont {

    display: table;

    width: 100%;

    height: 100%;

}

.prgm-str-box .prgm-str-cont .prgm-str-txt {

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}

.prgm-str-box .prgm-str-cont .prgm-str-txt a{

	text-decoration: none;

}

.prgm-str-box .prgm-str-cont .prgm-str-txt h4 {

    color: #c3c3c3;

    font-size: 25px;

    margin: 15px;

    text-align: center;

}

.prgm-str-box .prgm-str-cont .prgm-str-txt h3 {

    color: #c3c3c3;

    font-size: 35px;

    margin: 0;

    text-align: center;

}



.prgm-str-box:hover .prgm-str-cont .prgm-str-txt h4 {

    color: #000;

}

.prgm-str-box:hover .prgm-str-cont .prgm-str-txt h3 {

    color: #000;

}



.bd-gfp-modal.modal-open {

	overflow: visible;

	padding-right: 0 !important;

}

.bd-gfp-modal.modal-open .modal {

    position: absolute;

}

.bd-gfp-modal.modal-open .modal-backdrop {

    background-color: transparent;

}





.pgm-modal .modal-content {

    position: relative;

    background-color: #fff;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: 1px solid #fff;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: 0px;

    outline: 0;

    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);

    box-shadow: 0 3px 9px rgba(0, 0, 0, .2);

}

.pgm-modal .modal-header {

    padding: 5px;

    border-bottom: 0px solid #e5e5e5;

}

.pgm-modal .btn-close{

	float: right;

	font-size: 25px;

	width: 30px;

	height: 30px;

	color: #fff;

	background: #000;

	line-height: 25px;

	border: 0;

}



.pgm-modal-cover{

	float: left;

	width: 100%;

}

.pgm-modal-cover h2.modal-hd{

	color: #000;

	font-size: 25px;

	margin: 0 0 25px 0;

}

.pgm-modal-cover .pgm-md-txt{

	font-size: 16px;

	float: left;

	width: 100%;

	padding: 0 0 0 25px;

}

.pgm-modal-cover h3{

	font-size: 20px;

	margin: 0 0 15px 0;

}

.pgm-modal-cover .pgm-md-txt .list-abc{

	list-style-type: upper-alpha;

	padding: 0 0 0 18px;

	margin: 0 0 10px 0;

}

.pgm-modal-cover .pgm-md-txt .list-none{

	list-style: none;

	padding: 0;

	margin: 0;

}

.pgm-modal-cover .pgm-md-txt ul,

.pgm-modal-cover .pgm-md-txt ol{

	margin: 0 0 10px 0;

}



.inner-banner-menusec{

	width:100%;

	position:relative;

	margin-top:-50px;

}



.inner-banner-menusec .button1{

	width:25%;

	height:50px;

	float:right;

	background-color:#C00;

	display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.btn-active{

	border-bottom:5px solid #9a0202;	

}

.inner-banner-menusec .button1:hover, .inner-banner-menusec .button1:focus, .inner-banner-menusec .button1:active {

  -webkit-transform: translateY(-8px);

  transform: translateY(-8px);

}



.inner-banner-menusec .button2{

	width:25%;

	height:50px;

	float:right;

	background-color:#cf2727;

	display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.inner-banner-menusec .button2:hover, .inner-banner-menusec .button2:focus, .inner-banner-menusec .button2:active {

  -webkit-transform: translateY(-8px);

  transform: translateY(-8px);

}

.btn-active2{

	border-bottom:5px solid #9f1d1d;	

}

.inner-banner-menusec .button3{

	width:25%;

	height:50px;

	float:right;

	background-color:#fa4949;

	display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.inner-banner-menusec .button3:hover, .inner-banner-menusec .button3:focus, .inner-banner-menusec .button3:active {

  -webkit-transform: translateY(-8px);

  transform: translateY(-8px);

}

.btn-active3{

	border-bottom:5px solid #c41919;	

}

.inner-banner-menusec .button4{

	width:25%;

	height:50px;

	float:right;

	background-color:#d85e5e;

	display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.inner-banner-menusec .button4:hover, .inner-banner-menusec .button4:focus, .inner-banner-menusec .button4:active {

  -webkit-transform: translateY(-8px);

  transform: translateY(-8px);

}

.btn-active4{

	border-bottom:5px solid #b82a2a;	

}

.inner-banner-menusec .button5{

	width:37%;

	height:50px;

	float:right;

	background-color:#C00;

	display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.inner-banner-menusec .button5:hover, .inner-banner-menusec .button5:focus, .inner-banner-menusec .button5:active {

  -webkit-transform: translateY(-8px);

  transform: translateY(-8px);

}

.btn-active5{

	border-bottom:5px solid #9a0202;	

}

.inner-banner-menusec .button6{

	width:34%;

	height:50px;

	float:right;

	background-color:#ab1515;

	display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.inner-banner-menusec .button6:hover, .inner-banner-menusec .button6:focus, .inner-banner-menusec .button6:active {

  -webkit-transform: translateY(-8px);

  transform: translateY(-8px);

}

.btn-active6{

	border-bottom:5px solid #920303;	

}

.left-menumain{

	padding-top:35px;
	float:right;
	direction:rtl;

}

.left-menu1{

	width:100%;

	height:auto;

	padding:8px 15px 8px 0;

	margin-bottom:3px;

	font-family: 'DroidArabicKufi-Bold';

	text-align:right;

	font-size:18px;

	color:#FFF;

	background-color:#ae1f1f;

	display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}

.left-menu1:hover, .left-menu1:focus, .left-menu1:active {

  -webkit-transform: translateX(8px);

  transform: translateX(8px);

}

.left-menu2{

	width:100%;

	height:auto;

	padding:8px 15px 8px 0;

	margin-bottom:3px;

	text-align:right;

	font-family: 'DroidArabicKufi-Bold';

	font-size:18px;

	color:#FFF;

	background-color:#c52121;

	display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}

.left-menu2:hover, .left-menu3:focus, .left-menu4:active {

  -webkit-transform: translateX(8px);

  transform: translateX(8px);

}

.left-menu3{

	width:100%;

	height:auto;

	padding:8px 15px 8px 0;

	margin-bottom:3px;

	font-family: 'DroidArabicKufi-Bold';

	text-align:right;

	font-size:18px;

	color:#FFF;

	background-color:#d62828;

	display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}

.left-menu3:hover, .left-menu3:focus, .left-menu3:active {

  -webkit-transform: translateX(8px);

  transform: translateX(8px);

}

.left-menu4{

	width:100%;

	height:auto;

	padding:8px 15px 8px 0;

	margin-bottom:3px;

	font-family: 'DroidArabicKufi-Bold';

	text-align:right;

	font-size:18px;

	color:#FFF;

	background-color:#e94040;

	display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}

.left-menu4:hover, .left-menu4:focus, .left-menu4:active {

  -webkit-transform: translateX(8px);

  transform: translateX(8px);

}

.left-menu5{

	width:100%;

	height:auto;

	padding:8px 15px 8px 0;

	margin-bottom:3px;

	font-family: 'DroidArabicKufi-Bold';

	text-align:right;

	font-size:18px;

	color:#FFF;

	background-color:#eb5858;

	display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}

.left-menu5:hover, .left-menu5:focus, .left-menu5:active {

  -webkit-transform: translateX(8px);

  transform: translateX(8px);

}

.left-menu6{

	width:100%;

	height:auto;

	padding:8px 15px 8px 0;

	margin-bottom:3px;

	font-family: 'DroidArabicKufi-Bold';

	text-align:right;

	font-size:18px;

	color:#FFF;

	background-color:#f27878;

	display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}

.left-menu6:hover, .left-menu6:focus, .left-menu6:active {

  -webkit-transform: translateX(8px);

  transform: translateX(8px);

}







.btn-content{

	width:auto;

	float:left;

	font-family: 'DroidArabicKufi';

	font-size:16px;

	padding-top:14px;

	text-transform:uppercase;

	color:#FFF;

}

.inner-banner-menusec .button1 span{

	width:56px;

	height:50px;

	float:left;

	background-color:#9a0202;	

	margin-right:10px;

}

.inner-banner-menusec .button2 span{

	width:56px;

	height:50px;

	float:left;

	background-color:#9f1d1d;	

	margin-right:10px;

}

.inner-banner-menusec .button3 span{

	width:56px;

	height:50px;

	float:left;

	background-color:#c41919;	

	margin-right:10px;

}

.inner-banner-menusec .button4 span{

	width:56px;

	height:50px;

	float:left;

	background-color:#b82a2a;

	margin-right:10px;	

}

.inner-banner-menusec .button5 span{

	width:56px;

	height:50px;

	float:left;

	background-color:#9a0202;	

	margin-right:10px;

}

.inner-banner-menusec .button6 span{

	width:56px;

	height:50px;

	float:left;

	background-color:#920303;	

	margin-right:10px;

}

.management-row{

	width:100%;

	padding-top:25px;

	float:left;

	border-bottom:1px solid #CCC;

	margin-top:5px;

	padding-bottom:20px;

}

.management-pic{

	width:200px;

	margin:30px 0 15px 25px;

	float:right;

	border:0px solid #CCC;

}

.management-pic img{

	width:100%;

	height:auto;

	display:block;

}

.management-hed{

	width:100%;

	font-weight:bold;

	font-family: 'DroidArabicKufi-Bold';

	margin-bottom:15px;

	font-size:30px;

	color:#1755a1;

	text-align:right;

}

.sub-hed{

	width:100%;

	font-weight:bold;

	font-family: 'DroidArabicKufi-Bold';

	padding:15px 0;

	border-bottom:1px solid #ee2f2d;

	font-size:30px;

	color:#000;

	text-align:right;

}

.sub-hed2{

	width:100%;

	font-weight:bold;

	font-family: 'DroidArabicKufi-Bold';

	margin-bottom:15px;

	padding:5px 0;

	font-size:20px;

	color:#000;

	text-align:right;

}

.fullwidth{

	width:100% !important;

}

.sub-hed3{

	width:100%;

	font-weight:bold;

	font-family: 'DroidArabicKufi-Bold';

	margin-bottom:15px;

	padding:5% 0 0;

	font-size:22px;
	text-align:right;

	color:#ee2f2d;

}

.management-row h1{

	width:auto;

	font-size:25px;

	font-weight:bold;

	font-family: 'DroidArabicKufi-Bold';

	color:#ee2f2d;

	text-align:right;

	padding-top:10px;

}

.management-row h4{

	width:auto;

	font-size:20px;

	font-weight:bold;

	font-family: 'DroidArabicKufi-Bold';

	color:#d69932;

	text-align:right;

}



.bord-imgbox{

	width:100%;

	padding-top:15px;

	margin-top:25px;



}

.bord-imgbox img{

	width:100%;

	height:auto;

	display:block;

}

.bord-inner{

	width:100%;

	min-height:250px;

	padding:48px 20px 0 20px;

	background-color:#f2f2fa;

}

.bord-inner h1{

	width:100%;

	font-family: 'DroidArabicKufi';

	color:#000;

	padding-bottom:15px;

	margin:0;

	font-size:24px;

	text-align:right;

}



.bord-inner p{

	font-size: 16px;

	text-align:right;

}



.share-inner{

	width:100%;

	min-height:100px;

	padding:25px 20px 0 20px;

	background-color:#f2f2fa;

}



.share-inner h1{

	width:100%;

	font-family: 'DroidArabicKufi';

	color:#000;

	padding-bottom:15px;

	margin:0;

	font-size:20px;

	text-align:left;

}





.panel {

  border-width: 0 0 1px 0;

  border-style: solid;

  border-color: #fff;

  background: none;

  margin-top:30px;

  box-shadow: none;

}



.panel:last-child {

  border-bottom: none;

}



.panel-group > .panel:first-child .panel-heading {

  border-radius: 0px 0px 0 0;

}



.panel-group .panel {

  border-radius: 0;

}



.panel-group .panel + .panel {

  margin-top: 0;

}



.panel-heading {

  background-color: #929191;

  border-radius: 0;

  border: none;

  color: #fff;

  padding: 0;

}

.panel-heading:hover {

	background-color:#c03230;

}



.panel-title a {

  display: block;

  color: #fff;
  direction:rtl;
  padding: 15px;

  text-decoration:none;

  font-family: 'DroidArabicKufi-Bold';

  position: relative;

  font-size: 20px;

}



.panel-body {

  background: #fff;

}



.panel:last-child .panel-body {

  border-radius: 0 0 0px 0px;

}



.panel:last-child .panel-heading {

  border-radius: 0 0 0px 0px;

  transition: border-radius 0.3s linear 0.2s;

}



.panel:last-child .panel-heading.active {

  border-radius: 0;

  transition: border-radius linear 0s;

}

/* #bs-collapse icon scale option */



.panel-heading a:before {

  content: '\e146';

  position: absolute;

  font-family: 'Material Icons';

  left: 5px;

  top: 10px;

  font-size: 24px;

  transition: all 0.5s;

  transform: scale(1);

}



.panel-heading.active a:before {

  content: ' ';

  transition: all 0.5s;

  transform: scale(0);

}

.panel-heading a::before {

    content: '\e146';

    position: absolute;

    font-family: 'Material Icons';

    left: 5px;

    top: 10px;

    font-size: 24px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    -webkit-transform: scale(1);

    transform: scale(1);

}

#bs-collapse .panel-heading.active a::after {

    content: '\e909';

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

#bs-collapse .panel-heading a::after {

    content: ' ';

    font-size: 24px;

    position: absolute;

    font-family: 'Material Icons';

    left: 5px;

    top: 10px;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}

#bs-collapse .panel-heading a:after {

  content: ' ';

  font-size: 24px;

  position: absolute;

  font-family: 'Material Icons';

  left: 5px;

  top: 10px;

  transform: scale(0);

  transition: all 0.5s;

}



#bs-collapse .panel-heading.active a:after {

  content: '\e909';

  transform: scale(1);

  transition: all 0.5s;

}

/* #accordion rotate icon option */



#accordion .panel-heading a:before {

  content: '\e316';

  font-size: 24px;

  position: absolute;

  font-family: 'Material Icons';

  right: 5px;

  top: 10px;

  transform: rotate(180deg);

  transition: all 0.5s;

}



#accordion .panel-heading.active a:before {

  transform: rotate(0deg);

  transition: all 0.5s;

}





/*Video Light Box Starting*/



#profile-grid { overflow: auto; white-space: normal; }

#profile-grid .profile { padding-bottom: 40px; }

#profile-grid .panel { padding: 0 }

#profile-grid .panel-body { padding: 15px }

#profile-grid .profile-name { font-weight: bold; }

#profile-grid .thumbnail {margin-bottom:6px;}

#profile-grid .panel-thumbnail { overflow: hidden; }

#profile-grid .img-rounded { border-radius: 4px 4px 0 0;}



.foundation-box{

	width:46%;

	min-height:300px;

	padding:2%;

	margin:0 2% 20px 2%;

	float:left;

	background-color:#ededed;

}

.foundation-box h2{

	font-size:25px !important;

	margin-bottom:25px !important;

}

.partner-logo-box{

	width:23.8%;

	float:right;

	padding:5px;

	margin:.6%;

	background-color:#ee2f2d;

}

.partner-logo-box img{

	width:100%;

	height:auto;

	display:block;

}

.partner-caption{

	width:100%;

	min-height:50px;

	font-size:14px;

	color:#FFF;

	padding-top:5px;

	text-align:center;

}

.news-more{

	width:36px;

	height:25px;

	position:absolute;

	left:0;

	bottom:0;

	background-color:#900;

}

.press-imgbg{

	width:46%;

	float:right;

	margin:2%;

	padding:1%;

	border:5px solid #ef2c2a;

}

.press-imgbg img{

	width:100%;

	height:auto;

	display:block;

}



.news-row{

	width:100%;

	margin-top:30px;
	direction:rtl;

	padding-bottom:25px;

	border-bottom:1px dotted #CCC;

}

.news-datebg{

	width:100%;

	float:left;

	padding:2px 15px 2px 0;

	box-sizing:border-box;

	font-size:14px;

	font-weight:bold;

	color:#000;

	background-color:#CCC;

}

.news-imgbg{

	width:153px;

	height:170px;

	float:right;

	background-color:#930;

}

.news-textbg{

	width:95%;

	font-size:14px;

	float:left;

	color:#6b6b6b;

	line-height:30px;

	padding-right:5%;

}

.news-morein{

	width:105px;

	padding:5px 20px;

	color:#fff;

	font-size:12px;

	margin-top:10px;

	-webkit-transition: all 700ms ease;

  			-moz-transition: all 700ms ease;

			-ms-transition: all 700ms ease;

	 		transition: all 700ms ease;

	font-weight:normal;

	background-color:#ff0a08;

}

.news-morein:hover{

	background-color:#CCC;

	color:#000;

}

.news-morein a{

color:#FFFFFF;

}

.news-mainimg{

	width:50%;

	float:left;

}

.news-mainimg img{

	width:100%;

	height:auto;

	display:block;

}



/* RESPONSIVE CSS

-------------------------------------------------- */



@media (min-width: 768px) {

	.bd-gfp-modal.modal-open .modal-dialog {

	    width: 95%;

	    height: 90%;

	}

	.bd-gfp-modal.modal-open .modal-dialog .modal-content{

		height: 100%;

	}

}



@media (min-width: 992px) {



.news-textbg {

width:85%;

}



}



@media (min-width: 1200px) {

	.banner .banner-box-cover ul{

		position: absolute;

		left: 0;

		top: -550px;

	}

	.hm-why-video {

	  position: absolute;

	  width: 520px;

	  right: 75px;

	  top: -70px;

	  border: solid 1px #fff;

	  z-index: 1;

	}

	.hm-press-cont {

    position: absolute;

    right: 75px;

    width: 100%;

    z-index: 2;

	}

}



@media (min-width: 1280px) {

	.container{

		padding: 0;

	}

	.hm-why-video {

		width: 525px;

	  top: -90px;

	}

}



@media (min-width: 1366px) {

	.banner .banner-caption h1{

		font-size: 38px;

	}

	.hm-welcome .welcome-hd h2{

		font-size: 38px;

	}

	.prgms-types h2{

		font-size: 38px;

	}

	.hm-why-cont h2{

		font-size: 38px;

	}

	.why-video-txt h2{

		font-size: 38px;

	}

	.hm-press-cont h2{

		font-size: 38px;

	}

	.hm-founder-cover .founder-hd h2{

		font-size: 38px;

	}

	.inside-banner .ins-banner-cover h1{

		font-size: 40px;

	}

	.about-cont-cover h2 {

    font-size: 38px;

	}

	.abt-mission-nav ul li a{

    font-size: 38px;

	}

	.about-cbt-cover .abt-cbt h2{

    font-size: 38px;

	}

	.cbt-prgm .cbt-pgm-hd h2 {

    font-size: 38px;

	}

	.prgm-str .prgm-str-hd h2 {

    font-size: 38px;

	}

	.apply-form-cover h2 {

    font-size: 38px;

	}

	.cont-address-cover h2 {

    font-size: 38px;

	}

	.map-location h2 {

    font-size: 38px;

	}

}



@media (min-width: 1440px) {



}



@media (min-width: 1600px) {



}



@media (min-width: 1920px) {



}



@media (max-width: 1919px) {



}



@media (max-width: 1599px) {

	.banner .banner-box-cover ul {

	    top: -460px;

	}

}



@media (max-width: 1365px) {

	.logo{

		width: 120px;

	}

	.banner .banner-box-cover ul {

	    top: -400px;

	}

	.hm-programes .programe-cover {

    padding: 75px 0 60px 175px;

	}

	.press-carousel {

    padding: 35px 0 0;

	}

	.hm-founder-cover {

    padding: 70px 50px;

	}

	.board-box-cover .board-box .brd-icon{

		width: 100px;

		height: 67px;

	}

	.board-box-cover .board-box:hover .brd-icon.brd-icon-01{

		background: url(../images/icon-abt-01.png);

		background-size: 100%;

		background-position: 0 -67px;

	}

	.board-box-cover .board-box:hover .brd-icon.brd-icon-02{

		background: url(../images/icon-abt-02.png);

		background-size: 100%;

		background-position: 0 -67px;

	}

	.board-box-cover .board-box:hover .brd-icon.brd-icon-03{

		background: url(../images/icon-abt-03.png);

		background-size: 100%;

		background-position: 0 -67px;

	}

	.board-box-cover .board-box:hover .brd-icon.brd-icon-04{

		background: url(../images/icon-abt-04.png);

		background-size: 100%;

		background-position: 0 -67px;

	}

	.about-cbt-cover .abt-cbt {

    padding: 50px 50px 20px 50px;

	}

	.about-cbt-cover .abt-cbt h2 {

    margin: 0 0 25px 0;

	}

	.cbt-prgm-cover {

    padding: 70px 50px 50px;

	}

	.prgm-str-cover {

    padding: 70px 50px 50px;

	}

	.apply-form-cover{

		padding: 50px 50px 50px 50px;

	}

	.apply-form-cover h2 {

    margin: 0 0 40px 0;

	}

	.cont-address-cover {

    padding: 50px 30px 35px 30px;

  }

  .cont-address-cover h2 {

    margin: 0 0 30px 0;

	}

	.mail-form-cover {

    padding: 40px 50px;

    margin-bottom: 20px;

	}

}

@media (max-width: 1279px) {

	.logo{

		width: 90px;

	}

	.hm-welcome {

    padding: 50px 20px 20px 50px;

	}

	.about-cont-cover {

    padding: 50px 40px 20px 40px;

	}

	.abt-mission-cover {

    padding: 90px 45px 40px;

	}

	.board-box-cover .board-box h3{

		font-size: 22px;

	}

	.cbt-pgm-box .cbt-pgm-cont .cbt-pgm-txt h3 {

    font-size: 20px;

	}

	.prgm-str .prgm-str-box{

		height: 225px;

	}

	.prgm-str-box .prgm-str-cont .prgm-str-txt h4 {

    font-size: 18px;

	}

	.prgm-str-box .prgm-str-cont .prgm-str-txt h3 {

    font-size: 26px;

	}

	.apply-form-cover {

    padding: 30px 25px 30px 25px;

	}

	.cont-address-cover {

    padding: 30px 30px 20px 30px;

  }



}

@media (max-width: 1199px) {

	.menu {

	    top: 15px;

	}

	.menu-section {

	    padding: 15px 0 0 0;

	}

	.menu-section.stable-menu {

	    padding: 15px 0 0 0;

	}

	.banner::after {

	    height: 110px;

	    background-size: 4px 100%;

	}

	.banner .banner-box-cover{

		padding-top: 30px;

	}

	.banner .banner-box-cover ul{

		position: relative;

		width: 100%;

		top: 0;

	}

	.banner .banner-box-cover .banner-box{

		padding: 10px;

		min-height: auto;

		background-image: none;

		background-color: rgba(0,0,0,0.8);

	}

	.banner .banner-box-cover .banner-box.bn-box-01,

	.banner .banner-box-cover .banner-box.bn-box-02,

	.banner .banner-box-cover .banner-box.bn-box-03,

	.banner .banner-box-cover .banner-box.bn-box-04{

		background-image: none;

	}

	.banner .banner-box-cover .banner-box .box-icon{

		float: left;

		margin: 0 15px 0 0;

	}

	.banner .banner-box-cover .banner-box h3{

		float: left;

		width: auto;

		margin: 0 0 0 0;

	}

	.hm-programes .programe-cover {

    padding: 50px 0 50px 50px;

	}

	.prgms-types ul li a:hover:after,

	.prgms-types ul li.active a::after {

	    right: 10px;

	    top: 16px;

	    border-left: solid 8px #fff;

	    border-top: solid 5px transparent;

	    border-bottom: solid 5px transparent;

	}

	.prgms-types {

    padding: 0 35px 0 0;

	}

	.prgms-types ul li a {

    font-size: 16px;

    padding: 10px 25px;

	}

	.business-carousel h3 {

    font-size: 20px;

	}

	.business-carousel {

    padding: 40px 20px 10px 40px;

	}

	.prgms-types h2 {

    margin: 20px 0 15px 0;

	}

	.hm-why-video{

		float: left;

		width: 100%;

	}

	.hm-why-wrap {

    width: 50%;

	}

	.hm-why-cont-wrap {

    width: 50%;

	}

	.hm-why-cont {

    padding: 50px 25px 30px 50px;

	}

	.why-video-txt img {

    width: 100px;

	}

	.hm-apply-cover h2 {

    font-size: 30px;

	}

	.hm-press-cont{

		float: left;

		width: 100%;

	}

	.hm-press-cont h2 {

    margin: 0px 0 10px 0;

	}

	.footer-cover {

    padding: 20px 0px 0;

    margin-bottom: 50px;

	}

	.footer-links h3,

	.footer-address h3,

	.footer-affiliation h3 {

    font-size: 18px;

	}

	.main-links-wrap {

    padding: 20px 0px 40px;

	}

	.main-links-wrap .main-links {

    padding: 20px 15px;

	}

	.main-links-wrap .main-links h3 {

    font-size: 20px;

	}

	.inside-banner::after {

    height: 110px;

    background-size: 4px 100%;

	}

	.about-cont-cover img.img-about {

    margin: 0px 0px 30px 30px;

	}

	.about-cont-cover img.img-about{

		width: 40%;

	}

	.abt-mission-cover {

    padding: 60px 30px 30px;

	}

	.abt-mission-nav {

    padding: 0 20px 0 0;

	}

	.board-box-cover {

    padding: 50px 0 30px;

	}

	.board-box-cover .board-box{

		min-height: 215px;

	}

	.board-box-cover .board-box h3{

		font-size: 18px;

	}

	.board-box-cover .board-box .brd-icon{

		width: 75px;

		height: 50px;

	}

	.board-box-cover .board-box:hover .brd-icon.brd-icon-01{

		background: url(../images/icon-abt-01.png);

		background-size: 100%;

		background-position: 0 -50px;

	}

	.board-box-cover .board-box:hover .brd-icon.brd-icon-02{

		background: url(../images/icon-abt-02.png);

		background-size: 100%;

		background-position: 0 -50px;

	}

	.board-box-cover .board-box:hover .brd-icon.brd-icon-03{

		background: url(../images/icon-abt-03.png);

		background-size: 100%;

		background-position: 0 -50px;

	}

	.board-box-cover .board-box:hover .brd-icon.brd-icon-04{

		background: url(../images/icon-abt-04.png);

		background-size: 100%;

		background-position: 0 -50px;

	}

	.about-cbt-cover .abt-cbt {

    padding: 20px 10px 2px 25px;

	}

	.prgm-str .prgm-str-box {

    height: 200px;

	}

	.address-cover {

    width: 100%;

	}

	.mail-form-cover {

    padding: 40px 50px;

    margin-bottom: 20px;

	}

	.bd-gfp-modal.modal-open .modal {

    position: fixed;

	}

	.bd-gfp-modal.modal-open {

	overflow: hidden;

	padding-right: 17px !important;

	}

	.bd-gfp-modal.modal-open .modal-dialog {

    height: auto;

	}

	.bd-gfp-modal.modal-open .modal-backdrop {

    background-color: #000;

	}

	.pgm-modal .modal-header {

	padding: 5px;

	border-bottom: 0px solid #e5e5e5;

	}

	.pgm-modal-cover h2.modal-hd{

	font-size: 20px;

	margin: 0 0 20px 0;

	}

	.pgm-modal-cover h3{

		font-size: 16px;

		font-weight: bold;

	}

}

@media (max-width: 991px) {

	.social-side{

		display: none;

	}

	.contact-side{

		display: none;

	}

	.banner .banner-caption a.more {

	    padding: 8px 25px;

	}

	.hm-welcome{

		background-image: none;

	}

	.hm-welcome {

    padding: 20px 20px 20px 20px;

	}

	.programe-bg {

    right: 0;

	}

	.hm-programes .programe-cover {

    padding: 30px 30px 30px 30px;

	}

	.prgms-types {

    padding: 0 0 0 0;

	}

	.hm-why-wrap {

    width: 100%;

	}

	.hm-why-cont-wrap {

    width: 100%;

	}

	.hm-why-cont {

    padding: 30px 30px 20px 30px;

	}

	.hm-apply-cover {

    padding: 30px 30px 30px;

    margin: 0 0 35px 0;

	}

	.hm-apply-cover{

    text-align: center;

	}

	.hm-apply-cover a{

		float: none;

	}

	.hm-founder-cover {

    padding: 35px 15px;

	}

	.hm-founder-cover .founder-hd h2{

		margin: 0;

	}

	.about-cont-cover {

    padding: 20px 20px 0px 20px;

	}

	.abt-mission-cover {

    padding: 35px 15px 20px;

	}

	.abt-nat-wrap {

    width: 100%;

	}

	.abt-cont-wrap {

    width: 100%;

	}

	.board-box-cover .board-box{

		padding: 20px 20px;

		min-height: 180px;

	}

	.board-box-cover::before {

	  left: 75px;

	  right: 75px;

	}

	.board-box-cover {

    position: relative;

    float: left;

    width: 100%;

    padding: 40px 0 20px;

	}

	.about-cbt-cover .about-cbt-wrap {

    width: 100%;

	}

	.about-cbt-cover .about-img-wrap {

    width: 100%;

	}

	.cbt-prgm-cover {

    padding: 30px 30px 10px;

	}

	.cbt-prgm .cbt-pgm-box{

		height: 100px;

	}

	.about-cbt-cover .abt-cbt p {

    font-size: 16px;

    line-height: 26px;

    margin-bottom: 20px;

	}

	.apply-form-cover .apply-form .form-control{

		height: 41px;

	}

	.address-cover.bdr {

    border-right: solid 0px #e1e1e1;

	}

	.mail-form-cover {

    padding: 30px 20px;

    margin-bottom: 20px;

	}

	.conatact-form input[type="text"] {

    height: 41px;

	}

	.loc-map-cover {

    padding: 35px 35px;

    text-align: center;

	}

	.map-location a{

		float: none;

	}

	body{

	background-image: url(../images/bg-footer.png);

	background-size: 300px;

	}

	.inner-banner-menusec{

	width:100%;

	position:relative;

	margin-top:20px;

}

.inner-banner-menusec .button1, .inner-banner-menusec .button2, .inner-banner-menusec .button3, .inner-banner-menusec .button4{

	width:50%;

}

	

}

@media (max-width: 767px) {

	.main-links-wrap .main-links ul li a {

    font-size: 14px;

	}

	.menu-scroll{

		width: 100% !important;

		height: 300px;

		overflow: auto;

	}

	.logo {

	    width: 75px;

	}

	.menu.fixed-menu .logo {

	   width: 75px;

	}

	.banner .banner-caption h1 {

    	margin: 0 0 10px 0;

	}

	.banner .carousel-indicators {

    display: none;

	}

	.hm-welcome .welcome-hd h3 {

    font-size: 16px;

    margin: 0 0 10px 0;

	}

	.menu-top-sec {

    width: 100%;

	}

	.menu-search {

    float: left;

    max-width: 100%;

	}

	.footer-cover {

    padding: 20px 0px 0;

    margin-bottom: 20px;

	}

	.abt-mission-cover {

    padding: 20px 10px 0px;

	}

	.board-box-cover .board-box{

		padding: 20px 20px;

		min-height: auto;

	}

	.prgm-str .prgm-str-box {

    height: 150px;

	}

	.map-location a {

    padding: 8px 25px;

	}

	.foundation-box{

		width:96%;

		margin:15px 2%;

	}

	.partner-logo-box{

		width:32.1%;

	}

}

@media (max-width: 650px) {

	.inside-banner img {

    object-fit: cover;

    width: 100%;

    height: 210px;

	}

	.banner .banner-box-cover .banner-box .box-icon{

		width: 35px;

		height: 35px;

	}

	.banner .banner-box-cover .banner-box .box-icon.box-01{

		background-image: url(../images/icon-ban-01.png);

		background-position: 0 0;

		background-size: 100%;

	}

	.banner .banner-box-cover a:hover .banner-box .box-icon.box-01{

		background-image: url(../images/icon-ban-01.png);

		background-position: 0 -35px;

		background-size: 100%;

	}

	.banner .banner-box-cover .banner-box .box-icon.box-02{

		background-image: url(../images/icon-ban-02.png);

		background-position: 0 0;

		background-size: 100%;

	}

	.banner .banner-box-cover a:hover .banner-box .box-icon.box-02{

		background-image: url(../images/icon-ban-02.png);

		background-position: 0 -35px;

		background-size: 100%;

	}

	.banner .banner-box-cover .banner-box .box-icon.box-03{

		background-image: url(../images/icon-ban-03.png);

		background-position: 0 0;

		background-size: 100%;

	}

	.banner .banner-box-cover a:hover .banner-box .box-icon.box-03{

		background-image: url(../images/icon-ban-03.png);

		background-position: 0 -35px;

		background-size: 100%;

	}

	.banner .banner-box-cover .banner-box .box-icon.box-04{

		background-image: url(../images/icon-ban-04.png);

		background-position: 0 0;

		background-size: 100%;

	}

	.banner .banner-box-cover a:hover .banner-box .box-icon.box-04{

		background-image: url(../images/icon-ban-04.png);

		background-position: 0 -35px;

		background-size: 100%;

	}

	.banner .banner-box-cover .banner-box h3{

		font-size: 16px;

	}

	

	

}

@media (max-width: 550px) {

	.logo {

    width: 55px;

	}

	.menu.fixed-menu .logo {

    width: 55px;

	}

	.menu.fixed-menu .menu-toggle {

    margin: 9px 0 0 0;

	}

	.menu.fixed-menu .lng {

    margin: 21px 12px 0;

	}

	.banner .banner-caption a.more {

    padding: 6px 20px;

	}

	.business-carousel {

    padding: 25px 15px 10px 25px;

	}

	.business-carousel h3 {

    margin: 0 0 20px 0;

	}

	.business-carousel .owl-carousel .owl-item img {

    width: 30px;

	}

	.why-video-txt {

    bottom: 40px;

    padding: 0 0 0 40px;

	}

	.why-video-txt img {

    width: 60px;

	}

	.hm-founder-cover .founder-list ul li {

    width: 33.333%;

	}

	.about-cont-cover img.img-about{

		width: 100%;

	}

}

@media (max-width: 500px) {

.inner-banner-menusec .button1, .inner-banner-menusec .button2, .inner-banner-menusec .button3, .inner-banner-menusec .button4{

	width:100%;

}

.partner-logo-box{

		width:98.5%;

	}

	.partner-caption{

		height:auto;

		min-height:inherit;

		padding:10px 0;

	}

}



@media (max-width: 450px) {

	.banner .carousel .item img {

		object-fit: cover;

    width: 100%;

    height: 250px;

	}

	.banner .banner-caption h1{

		font-size: 15px;

	}

	.hm-welcome .welcome-hd h2{

		font-size: 20px;

	}

	.prgms-types h2{

		font-size: 20px;

	}

	.hm-why-cont h2{

		font-size: 20px;

	}

	.why-video-txt h2{

		font-size: 20px;

	}

	.hm-press-cont h2{

		font-size: 20px;

	}

	.hm-founder-cover .founder-hd h2{

		font-size: 20px;

	}

	.hm-founder-cover .founder-list ul li {

    width: 50%;

	}

	.inside-banner .ins-banner-cover h1{

		font-size: 25px;

	}

	.about-cont-cover h2 {

    font-size: 20px;

	}

	.abt-mission-nav ul li a{

    font-size: 20px;

	}

	.inside-banner img {

    height: 190px;

	}

	.about-cbt-cover .abt-cbt h2{

    font-size: 20px;

	}

	.cbt-prgm .cbt-pgm-hd h2 {

    font-size: 20px;

	}

	.prgm-str .prgm-str-hd h2 {

    font-size: 20px;

	}

	.apply-form-cover h2 {

    font-size: 20px;

	}

	.cont-address-cover h2 {

    font-size: 20px;

	}

	.map-location h2 {

    font-size: 20px;

	}

	.banner .banner-box-cover ul li{

		width: 100%;

	}

	.management-pic{

		float:none;

		margin:0 auto;

	}

	.management-hed{

		text-align:center;

	}

}

@media (max-width: 350px) {



}