@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'BahijTheSansArabic';
  src: url("fonts/BahijTheSansArabic-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/BahijTheSansArabic-Bold.woff") format("woff"), url("fonts/BahijTheSansArabic-Bold.ttf") format("truetype"), url("fonts/BahijTheSansArabic-Bold.svg#BahijTheSansArabic-Bold") format("svg");
  font-weight: 800;
  font-style: normal; }

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


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

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

@font-face {
  font-family: 'SFCompactDisplay';
  src: url("fonts/SFCompactDisplay-Light.eot?#iefix") format("embedded-opentype"), url("fonts/SFCompactDisplay-Light.woff") format("woff"), url("fonts/SFCompactDisplay-Light.ttf") format("truetype"), url("fonts/SFCompactDisplay-Light.svg#SFCompactDisplay-Light") format("svg");
  font-weight: 300;
  font-style: normal; }
body {
   font-family: "BahijTheSansArabicPlain","BahijTheSansArabic","SFCompactDisplay", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 17px;
  line-height: 24px; color: #000; }
h2 { margin-bottom: 20px;}
a { text-decoration: none;}
a:hover { text-decoration: none;}
.blue-color {color: #00325b !important;}
.orange-color {color: #b48a33;}
.white-color { color: #FFFFFF;}
.yellowColor { color: #f6be00 !important;}
.bgOrange { background-color: #b48a33;}
.bgstrongOrange { background-color: #e8675d;}
.bgGray { background-color: #ebebeb;}
.bgDarkGray { background-color: #515151;}
.bgBlue { background-color: #003058;}
.section-header { padding: 17px 0px 17px 0px;}
.section-arrow {width: 35px;font-size: 35px;top: 0px;line-height: 16px;}
.p0 { padding: 0px !important;}
.p2030 { padding: 20px 30px !important;}
.pl0 { padding-left: 0px !important;}
.m0 {padding: 0px !important;}
.fnt26 { font-size: 26px !important; line-height: 30px; }
.fnt16 { font-size: 16px !important; line-height: 21px; padding: 8px 0px; }
.fnt20 { font-size: 20px !important; line-height: 24px; }
.fnt14 { font-size: 14px !important; line-height: 20px; }
h2.fnt26 { font-size: 26px !important; }
h2.fnt22 { font-size: 22px !important; }
h1.fnt28 { font-size: 35px;padding: 0px 200px; }
p.fnt16 { font-size: 19px !important; line-height: 27px; padding: 8px 0px; }
.semibold { font-weight: 500;}
.strong { font-weight: 600;}
.gap { clear: both;height: 40px;}
.gap-small { clear: both;height: 20px;}
.gap-v-small { clear: both;height: 10px;}
.top-bar { background-color: #00325b; min-height: 95px; }
ul.top-menu { padding: 35px 0px 10px 0px; float: right;}
ul.top-menu li a { background-color: #00325b !important; color: #b68a33 !important; font-size: 15px; text-transform: uppercase;}
ul.top-menu li a.active { color: #FFF !important;}
ul.top-menu li a.active_secton_menu { color: #FFF !important;}
.page-top {height: 550px;position: relative;}
.page-top .background-slider {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 0;}
.page-top .background-slider .swiper-container {height: 100%;margin-top: 0;}
.page-top .background-slider .swiper-container .swiper-wrapper {margin-top: 0;}
.page-top .background-slider .swiper-container .swiper-wrapper .swiper-slide div {    height: 100%;     width: 100%; }
/*li.arabic {display: none;}
a.english { display: none !important;}*/
.page-top .page-title {
    color: #dddddd;
    text-transform: uppercase;
    font-size: 54px;
    line-height: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
    left: 0;
    right: 0;
    text-align: center;
}
.page-top .page-title .title {
    display: inline-block;

}

/* Banner Title */
.banner-contents {padding: 190px 0px 80px 0px;}
h2.banner-title {
    color: #FFF;
    font-size: 47pt;
}
div.banner-sub-title {
	color: #FFF;
	font-size:26px;
	line-height: 33px;
	padding: 15px 0px;
}

.banner-link {
    color: #EFEFEF;
    padding: 5px 0px;
    cursor: pointer;
    font-size: 27px;
}
.banner-link a { color: #FFF; text-decoration: none;}

footer .footer-top {
    padding: 45px 0 55px 0;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    color: #d4d4d4;
    font-size: 14.5px;
}
.footer-ul { margin: 0px;padding: 0px;list-style-type: none;}
.footer-ul li { padding: 3px 0px;font-weight: 500; text-decoration: none;}
.footer-ul li a { color: #FFF;font-weight: 500; text-decoration: none;}
.p050 { padding: 0px 50px;}
.pl0 {padding-left: 0px !important;}
.pr0 {padding-right: 0px !important;}
.social-icon { font-size: 17px !important;display: inline-block; padding-right: 5px;}
@-webkit-keyframes zoomin {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes zoomin {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
.page-top .background-image {
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
}
.animate-zoomin {
    -webkit-animation: zoomin 15s ease-out infinite;
    -moz-animation: zoomin 15s ease-out infinite;
    -ms-animation: zoomin 15s ease-out infinite;
    -o-animation: zoomin 15s ease-out infinite;
    animation: zoomin 15s ease-out infinite;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.row.equal-cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row.equal-cols:before,
.row.equal-cols:after {
  display: block;
}

.row.equal-cols > [class*='col-'] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.row.equal-cols > [class*='col-'] > * {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; 
}
.single-news-intro-contents { padding: 70px 140px;
    line-height: 1.3;
    font-size: 17px; text-align: center;}
.single-news-intro-contents h3 { font-size: 17pt !important;line-height: 20pt;  min-height: 79px; }
.news-item-more {padding-top: 30px;}
.news-item-more a {color: #FFF; font-weight: 500;}
.news-item-more a span {color: #b48a33; padding-right: 10px;}
.details-news-image { padding: 10px 0px 18px 0px;}
.link-read-more { color: #b48a33; text-decoration: none;}
a.link-read-more:hover { text-decoration: none;}
.news-intro { padding: 10px 15px 10px 0px; color:#b48a33; font-size: 14px; font-weight: 500; }
.shadow-box {
-webkit-box-shadow: 13px 11px 42px -20px rgba(0,0,0,0.22);
-moz-box-shadow: 13px 11px 42px -20px rgba(0,0,0,0.22);
box-shadow: 13px 11px 42px -20px rgba(0,0,0,0.22);
}
.fixedTop {
    position: fixed;
    z-index: 999999;
    border-bottom: solid 1px #6a6d6d;
    width: 100%;
}
/* INNER PAGES */
.right-side-menu-bar { background-color: #f4f5f8; padding: 15px 20px 0px 20px; float: left; margin-top: 20px; margin-bottom: 10px}
.right-side-menu-bar h3 {
    font-size: 20px;
    color: #b48a33;
}
.right-side-menu-bar ul { padding: 0px;margin: 0px; list-style-type: none;}
.right-side-menu-bar ul li { padding: 5px 0px; }
.right-side-menu-bar ul li .news-thumb {float: left; width:100%; padding: 2%; position: relative; background-color: #FFF; border-bottom: solid 1px #b48a33;}
.right-side-menu-bar ul li .news-thumb .news-thumb-img {width: 30%; margin-right: 3%; float: left;}
.right-side-menu-bar ul li .news-thumb .news-thumb-text {width: 65%; float: left;font-size: 14px;
    line-height: 17px;
    padding: 5px; color: #00325b !important; font-weight: 300 !important;}
.loadmore { display: inline-block;font-size: 16px; padding: 15px 0px 15px 0px; cursor: pointer;color: #b48a33;width: 100%;
    text-align: center}
.hde {display: none;}
.news-thumb.current-page {
    background-color: #d3a554 !important;
}
#ceo-message p {
    text-align: justify;
}

@media only screen and (max-width: 577px) and (min-width: 360px)  {
	.ll {
    width: 15%;
    float: right;
    padding-top: 3px;
	display: none !important;
}
	body {    font-size: 15px !important;
    line-height: 22px !important;}
	.navbar-brand {padding: 5px 10px;}
	.navbar-brand img { width: 70%;}
	.top-bar { min-height: 60px;}
	.mobhide { display: none !important;}
 /* Banner section */
	.mob-hide { display: none !important;}
	.page-top {height: 430px;position: relative;}
	.banner-contents {padding: 120px 0px 80px 0px;}
	h2.banner-title  {color: #FFF;font-size: 23pt;}
	
	div.banner-sub-title {color: #FFF;font-size: 15px;line-height: 21px;padding: 15px 0px;}
	.content-containers img { width: 100%;}
	h2.fnt26 { font-size: 26px !important;}
	p.fnt16  { font-size: 16px !important;line-height: 22px;}
	.single-news-intro-contents { padding:   20px 35px 40px 35px !important;}
	.single-news-intro-contents h3 {
		font-size: 15pt !important;}
	.p050 {
    padding: 0px !important;}
	h1.fnt28 { padding: 0px !important; font-size: 27px !important;}
	.title-with-bg-highlight-section{ font-size: 40px !important;}
	.flash-news-text {font-size: 19px !important; padding: 10px 0px 35px 0px !important;}
	.flash-news h3 { font-size: 37px !important;}
	.pl0 { padding: inherit !important;}
	.pr0 { padding: inherit !important;}
	.single-news-box .news-details { padding: 0px 0px 20px 0px !important;}
	.single-news-box .news-title {
    color: #b28825;
    font-size: 17px !important;
    text-transform: uppercase;
    padding: 10px 0px !important;
    text-align: center;}
	
	.bglightyellow-mh {
    background-color: #e3e0cd;
    height: auto !important;
    margin-top: 25px;
    padding: 30px 30px !important;	}
	
	.zimage {
    float: left;
    padding: 0px !important;
    position: relative !important;
    width: 100% !important;
    top: 0px !important;
    left: 0px !important;}
	.zimage img {width: 100%;}
	
	.zimage-text {
    float: left !important;
    padding: 10px;
	width: auto !important;
	}
	.mobilehide { display: none !important;}
	
	.tblcell {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    padding: 15px 20px;
}
	.expo-box { margin-bottom: 15px !important; min-height: 150px !important; display: block !important;}
	div#ceo-message {
    padding-top: 25px;
}
	.atchivement-box .numb {width: 100% !important; font-size: 65px !important;}
	.atchivement-box .text { width:100% !important;}
	
	.newsflashitem {
   
    text-align: center;
    color: #74777c;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 25px !important;
    border-bottom: solid;
}
	.orange-divider {display: none !important;}
	.title-with-bg-highlight-section-sub {font-size: 28px !important;}
	.row.equal-cols {     margin-bottom: 20px; }
	
	.scale2-bottom-title {
    text-transform: uppercase;
    font-size: 23px !important;
    line-height: 1.2 !important;
    color: #515151;
    padding: 25px 10px 15px 10px !important;
    text-align: center;
    font-weight: 700;
}
	
	.scale3 {
    padding: 20px 20px !important;
     min-height: 50px !important; 
    margin-bottom: 15px !important;
}
	.scale2 {
    padding: 20px !important;
    min-height: 50px !important;
}
	
}

.title-with-bg-highlight {
    padding: 17px;
    text-align: center;
    font-weight: 900;
    color: #FFF;
    font-size: 26px;
    margin: 5px 0px;
	line-height: 1;
}
.title-with-bg-highlight-section{
   padding: 20px;
    text-align: center;
    font-weight: 900;
    color: #FFF;
    font-size: 50px;
    margin: 5px 0px;
    line-height: 1;
}
.atchivement-box { float: left;text-align: center; width: 100%; padding: 16px 0px;}
.atchivement-box .numb {font-size: 85pt;font-weight: 700;color: #003058; line-height: 1.1;    width: 45%;
    float: right;}
.ll {
    width: 15%;
    float: right;
    padding-top: 3px;
	
}

.atchivement-box .numb.numb3 {
    background-color: #ffb9ad;
    font-size: 55px;
    padding: 15px 0px;
	color: #ed4a37;
	width: 30%;
}
.w70 {width: 70% !important; font-size: 17px !important;}
.p50 {padding: 50px !important;}
.atchivement-box .numb sup {
    top: 0.2em;
	font-size: 30px;
	vertical-align: top;
}
.atchivement-box .text {
    padding: 10px 25px 10px 10px;
    font-size: 18px;
    min-height: 110px;float: right;
    width: 55%;
	text-align: right;

}

p small {padding: 8px 0px; font-size: 65%;}
.atchivement-box .subtitle {
	font-size: 18px;
}
.small-highlight { padding: 7px 20px;}
.content-box-with-bgimage {background-position: center; background-size: cover; padding: 8px 35px 5px 35px;}
.news-flash-bg { background-image: url("images/news-flash-bg.jpg");width: 100%;    float: left;}
.flash-news h3{ font-size: 47px;
    color: #FFF;
    padding-bottom: 12px;
}
.flash-news-text {
    padding: 35px 0px;
    color: #FFF;
    font-size: 22px;
	line-height: 1.1;
}
.bglightyellow { background-color:#e3e0cd;}
.single-news-box {text-align:center;}
.single-news-box .news-title {     color: #b28825;
    font-size: 22px;
    /* text-transform: uppercase; */
    padding: 5px 0px;
    text-align: right;
    font-weight: 700; margin-bottom: 3px !important; direction: rtl;}
.single-news-box .news-details {padding: 0;margin: 0;text-align: right; padding-left: 90px; direction: rtl;}
.seperator {clear:both; height:5px; border-top:dashed 2px #002b55;}
.section-sub-title { text-transform:uppercase;text-align:center; color:#b28825; font-weight:500;}
.p060 { padding:0px 60px !important;}
.bgLightBlue {background-color:#ecf5fc;}
.bglightyellow-mh {
    background-color: #e3e0cd;
    height: 170px;
    margin-top: 25px;
	padding: 30px 80px;
}
.zimage {    float: left;    /* padding: 25px; */    position: absolute;    /* width: 350px; */    top: 5px;    left: 50px;}
.zimage-text {float: right;    width: 55%;    padding: 10px;}
.tbl { display:table !important;}
.tblcell { display:table-cell; vertical-align:bottom;}
.pt15 { padding-top:15px !important;}
.fullwidth {width:100%; padding-left:50px; padding-right:50px; clear: both;}
.bgGreen {background-color:#0ece9f;}
.bgPurple {background-color:#be3de8;}
.bglightgreen { background-color: #c4db6a;}
.bgWhite { background-color: #FFFFFF;}
h2.fnt43 { font-size: 43px; line-height: 1;}
.sus-box {
    background-color: #e3e0cd;
    padding: 20px 20px;
    margin-top: 15px;

	
}
.expo-box {
    background-color: rgba(236,245,252,.9);
    padding: 10px 8px 20px 8px;
    border: solid 1px #CCC;
    border-radius: 8px;
}
.expo-box.cntbox {
	display: table-cell;
    vertical-align: middle;
    height: 215px !important;
    padding: 20px;
}
.expo-icon {    width: 60%;
    margin: 0 auto;}
.expo-icon img {width: 100%;}
.sus-box h4 {font-size:30px; min-height: 47px;}

.fnt23 { font-size:23px; line-height: 1.1;}
.fnt20 { font-size:20px; line-height: 1.1;}
.fnt17 { font-size:17px; line-height: 1.1; font-weight: 700;}
.whitecolor { color:#FFF !important;}
.bgpicture { background-image: url("images/uae-ranking.jpg"); width:100%; max-width:1140px; }
.bgpictureexpo { background-image: url("images/expo-bg.jpg"); width:100%; max-width:1140px; }
.bgpicturesustaibale { background-image: url("images/sustainability-background.jpg"); width:100%; max-width:1140px; }
.spanblock { display:block; padding:8px 20px; font-size:16px;color:#FFF; margin:5px 0px;}
.cntbg1 {background-color: #d9e4df;}
.cntbg2 { background-color: #f2eeeb;}
.cntbg3 { background-color: #e1e9e5;}
.cntbg4 { background-color: #d5efef;}
.cntbg5 { background-color: #dfe6f0;}
.cntbg6 { background-color: #f8f8e5;}
.cntbg7 { background-color: #f7edeb;}
.cntbg8 { background-color: #f8f8e5;}
.cntbg9 { background-color: #fff9e6;}
.cntbg10 {background-color: #b5aa27;}
.bgLightGreen { background-color: #00aeac;}
.cntcolor1 { color: #74777c;}
.lighGreenColor { color: #00aeac !important;}
.fnt18 { font-size: 18px;}
.achivement-box-1 {background-color: #d5efee;}
.achivement-box-2 {background-color: #a7dfdc;}

.achbox-text-title { text-transform: uppercase; font-size: 21px; padding-bottom: 5px; line-height: 1.2;}
.lightfont {font-weight:300 !important; line-height:22px;}
.p-8-20 { padding:8px 20px;}
.numb2 {line-height: 50px !important;padding: 30px 0px 10px 0px;}
.fnt41 { font-size:41px;}
.white-divider { height:2px; background-color:#FFF; display:block;margin: 15px 0px;}
.newsflashitem {
   padding: 20px 20px;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    line-height: 23px;
    background-color: #b5aa27;
    border-right: solid 3px #EAEAEA;
	min-height: 160px;
}
.orange-divider {
	height: 5px;
    background-color: #f8735c;
    display: block;
    margin: 15px 0px;
}
.bgViolete { background-color:#584875 !important;}
.title-with-bg-highlight-section-sub {   
	padding: 20px;
    text-align: center;
    font-weight: 500;
    color: #c9bfae;
    font-size: 36px;
    margin: 5px 0px;
    line-height: 1;
    text-transform: uppercase;
}
.sub-sub-title {
	 font-weight: 700;
   
    font-size: 22px !important;
	padding: 6px 0px;
}
.table-display { display:table !important;}
.table-cell-display { display: table-cell;
    vertical-align: middle; }
.bgGreen { background-color:#007565;}
.diarybg2 { background-color:#00aeac;}
.diarybg3 { background-color:#1578bc;}
.diarybg4 { background-color:#e88333;}
.diarybg5 { background-color:#cfe78f;}
.diarybg6 { background-color:#779e30;}
.normalcolor {color: #231f20 !important;}
.blck { display: block !important;}
.fja { padding: 25px 0px;}
.scale2 { padding: 20px; min-height: 250px;}
.scale3  { padding: 30px 100px; min-height: 250px;}
.rightborderY { border-right:solid 2px #f6be00; }
.scale2-bottom-title {text-transform: uppercase;
    font-size: 28px;
   
    line-height: 1.1;
    color: #515151;
    padding: 25px 80px 15px 80px;
    text-align: center;
    font-weight: 700;}
.scale2-bottom-title span {color:#ed4a37;}
.scale3 ul li { text-align: left; padding-bottom: 8px;}