@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;700&display=swap');
@font-face {
    font-family: 'GE Thameen';
    src: url('fonts/foGEThameen-Light.woff2') format('woff2'),
        url('fonts/GEThameen-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GE Thameen';
    src: url('fonts/GEThameen-DemiBold.woff2') format('woff2'),
        url('fonts/GEThameen-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GE Tasmeem';
    src: url('fonts/GETasmeem-Medium.woff2') format('woff2'),
        url('fonts/GETasmeem-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/************************************* Reset Styles ********************************/
html, body{overflow-x:hidden;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,div{
	vertical-align:top;
}
*{
	outline:none;box-sizing:border-box;
}
li,ol{
	list-style-type:none;
	list-style-image:none;
	list-style:none;
}
img{
	border:0px; max-width:100%; display:block;
}
textarea {
    resize: none;
}
input:focus,select:focus,textarea:focus,button:focus {
    outline: none;
}
a{
	text-decoration:none;
	}
input, textarea, select, body{
	font-size:14px;
	font-family: 'GE Thameen';
	font-weight: 600;
	}
/************************************* Reset End Styles ********************************/
/************************************* Common Styles ********************************/
.rightAlign{
	text-align:right;
	}
.centerAligned{
	text-align:center;
	}
.centeredBlock{
	margin-left:auto;
	margin-right:auto;
	float:none;
	}
.fullWidth{
	width:100%;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.posRelative{
	position:relative;
}
.absolutePos{
	position:absolute;
}
.textDecorationNone{
	text-decoration:none;
}
.textDecorationUnderline{
	text-decoration:underline;
}
.fontWeightBold{
	font-weight:bold;
}
.clearBoth{
	clear:both;
}
.clearRight{
	clear:right;
	}
input, textarea, select, body, .smallTop a, .mainMenu a{
	color:#868686;
}
.showFade{
	transition:all linear 400ms;
	-moz-transition:all linear 400ms;
	-webkit-transition:all linear 400ms;
	-ms-transition:all linear 400ms;
	}
/************************************* Common End Styles ********************************/
/************************************* Website Styles ********************************/
body{text-align: right; direction: rtl;}
.safeArea{max-width:1200px; margin:0 auto;}
.repsMenuBtn{display:none;}
.header, .hpBlock{direction:rtl;}
.topHeader{border-bottom:1px solid #eaeaea; padding:10px 0;}
.headContactInfo{font-family: 'Work Sans', sans-serif; float:left; direction:ltr;}
.headContactInfo a{color:#333333; background-position:left center; background-repeat:no-repeat; background-size:15px auto; padding-left:20px;}
.headContactInfo .emailAddress{margin-right:10px;}
.headContactInfo .emailAddress, .headContactInfo .whatsappIcon{display:inline-block; vertical-align:middle;}
.emailAddress a{background-image:url(../images/mail-header.svg);}
.whatsappIcon a{background-image:url(../images/Whtsap.svg);}
.smHolder{float:right; text-align:right;}
.smLinks{display:inline-block; vertical-align:middle;}
.smHolder ul{display:inline-block; width:100%;}
.smHolder ul li{float:right; width:20px; margin-left:10px; height:20px; display:flex; align-items:center;}
.smHolder ul li a{display:block;}
.smHolder ul li a{display:block; width:100%;}
.smHolder ul li:first-child {margin-left: 4px;}



.labelHolder{display:inline-block; vertical-align:middle; font-size:18px; color:#333333;}
.mainMenuHolder{padding:17px 0;}
.logoHolder{float:right; margin-left:15px; width:310px;}
.mainMenu{text-align:left;}
.mainMenu ul li{display:inline-block; margin-right:50px;}
.mainMenu ul li a{font-size:25px; color:#0c0c0c; padding:25px 0; display:block; position:relative;}
.mainMenu ul li:hover a{color:#e3032f;}
.mainMenu ul li a:after{content:""; width:0; height:4px; background-color:#e3032f; position:absolute; right:0; bottom:20px; left:0;}
.mainMenu ul li.selected a:after, .mainMenu ul li:hover a:after{width:100%;}

.sliderText, .sliderImg{float:right; width:50%;}
.sliderImg{height:700px;}
.sliderImg img{width:100%; display:block; height:100%; object-fit:cover;}
.sliderText{text-align:right;}
.mainSlider .flexslider .slides > li{background-color:#000000;}
.slidertextInner{padding-right:45px; padding-left:calc(100% - 600px);}
.bannertitle{font-size:49px; font-weight:600; color:#fff; margin-bottom:40px; line-height:55px;}
.bannerSubtitle{color:#ffffff; font-size:49px; font-weight:600; margin-bottom:40px;}
.bannerButton a{display:inline-block; background-color:#e3032f; color:#fff; padding:20px 75px;}
.bannerButton a:hover{background-color:#fff; color:#e3032f}
.sliderText{display:flex; align-items:center; height:700px; justify-content: flex-end;}
.mainSlider .flex-direction-nav{display:none;}
.mainSlider .flex-control-nav{bottom:auto; top:25px; width:auto; left:50px;}
.mainSlider .flex-control-paging li a{background-color:transparent; border:1px solid rgba(255,255,255,0.4); position:relative;}
.mainSlider .flex-control-paging li a.flex-active{transform:scale(1.3); border:1px solid rgba(255,255,255,1);}
.mainSlider .flex-control-paging li a:after{content:""; width:6px; height:6px; background-color:#fff; position:absolute; left:50%; top:50%; margin-left:-3px; margin-top:-3px; border-radius:50%; opacity:0;}
.mainSlider .flex-control-paging li a.flex-active:after{opacity:1;}

.hpBlock{padding:60px 0;}
.hpBlock h2{color:#000000; font-size:80px; font-weight:600; margin-bottom:60px;}
.hpBlock h2 span{ display:inline-block;}

.newsTabs{margin-bottom:83px;}
.newsTabs ul li{display:inline-block; margin-left:60px; position:relative;}
.newsTabs ul li a{font-size:25px; color:#000; opacity:0.3; font-weight:600; padding-right:50px;}
.newsTabs ul li a{background-repeat:no-repeat; background-position:right center; background-size:auto 27px; }
.newsTabs ul li:after{content:""; width:100%; height:20px; background-image:url(../images/RedShape.svg); background-position:center center; background-repeat:no-repeat; background-size:100px auto; position:absolute; left:0;  bottom:-20px; overflow:hidden; display:none;}

.newsTabs ul li:hover a, .newsTabs ul li.selected a{color:#e3032f;}
/*.newsTabs ul li a:after{content:""; width:0; height:4px; background-color:#e3032f; position:absolute; right:0; bottom:20px; left:0;}
.newsTabs ul li.selected a:after, .mainMenu ul li:hover a:after{width:100%;}*/



.newsTabs ul li.newsTab a{background-image:url(../images/News.svg);}
.newsTabs ul li.eventsTab a{background-image:url(../images/Calendar.svg);}
.newsTabs ul li.videosTab a{background-image:url(../images/Computer.svg);}
.newsTabs ul li.photosTab a{background-image:url(../images/Gallery.svg);}
.newsTabs ul li.videosTab{margin-left:0;}
.newsTabs ul li.twitterTab a{background-image:url(../images/twitter-tab.svg);}

.newsTabs ul li.newsTab.selected a, .newsTabs ul li.newsTab:hover a{background-image:url(../images/News-red.svg);}
.newsTabs ul li.eventsTab.selected a, .newsTabs ul li.eventsTab:hover a{background-image:url(../images/Calendar-red.svg);}
.newsTabs ul li.videosTab.selected a, .newsTabs ul li.videosTab:hover a{background-image:url(../images/Computer-red.svg);}
.newsTabs ul li.photosTab.selected a, .newsTabs ul li.photosTab:hover a{background-image:url(../images/Gallery-red.svg);}
.newsTabs ul li.twitterTab.selected a, .newsTabs ul li.twitterTab:hover a{background-image:url(../images/twitter-tab-red.svg);}


.newsTabs ul li.selected a, .newsTabs ul li:hover a{opacity:1}


.newsList .bigNews{width:50%; float:right; margin-left:2%;}
.newsList .smallNewsList{width:48%; float:right;}
.newsImg img, .newsImg a{width:100%; display:block;}
.newsImg{overflow:hidden; position:relative;}
.newsImg:hover img{ -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}
.newsList .bigNews .newsImg{margin-bottom:18px;}

.smallNewsList li{margin-bottom:23px;}
.smallNewsList .newsHolder{width:100%; display:inline-block;}
.smallNewsList .newsImg{width:45%; float:right; margin-left:2%;}
.smallNewsList .newsImg img{height:185px; object-fit:cover; width:100%;}
.smallNewsList .newsDesc{width:53%; float:right;}
.newsDesc .newsDate{color:#666666; font-size:23px; font-weight:300; margin-bottom:2px;}
.newsDesc .newsTitle a{font-size:16px; font-weight:600; color:#000;}
.newsDesc .newsTitle a:hover{color:#e90616;}
.slick-current .newsDesc .newsTitle a{font-size:16px;}
.readMoreBtn{text-align:center; margin-top:50px;}
.readMoreBtn a{display:inline-block; padding:15px 30px; background-color:#e3032f; color:#fff; font-size:20px; font-weight:300;}
.readMoreBtn a:hover{background-color:#000;}

.blackBlock{background-color:#000000;}
.blackBlock h2, .bgBlock h2{color:#fff;}
.blackBlock .newsDesc{background-color:#3d3d3d; padding:40px; color:#fff;}
.blackBlock .newsDate, .blackBlock .newsTitle a{color:#fff;}
.thawraHilightes .flex-control-nav{display:none;}
.thawraHilightes .slick-slide {transition: ease-in-out all .15s ease; transform: scale(1, 1); position: relative; opacity: 0.6;}
.thawraHilightes .slick-current {transform: scale(1.5, 1.5); transition: ease-in-out all .15s ease; z-index: 2; overflow: hidden;  border-radius: 0;  opacity: 1;}
.bgBlock{background-image:url(../images/flag.jpg); background-size:cover; background-repeat:no-repeat; position:relative;}
.bgBlock:after{position:absolute; content:''; width:100%; height:100%; left:0; top:0; right:0; bottom:0;background-color:rgba(0,0,0,0.5); z-index:1;}
.missionBlock, .visionBlock {float: right; width: 50%; padding-left: 10%;}
.bgBlock h3 {color: #ffffff;font-size: 50px;}
.bgBlock .safeArea{position:relative; z-index:3;}
/*.bodyText.greyText ul li{font-size:19px; color:#fff; display:block; padding-right:15px; position:relative; margin-bottom:10px; font-weight:400;}
.bodyText.greyText ul li:before{position:absolute; content:''; right:0; top:8px; background-image:url(../images/list-arrow.svg); width:7px; height:12px; background-repeat:no-repeat; background-size:100% 100%;}*/
.bodyText ul li{font-size:19px; color:#fff; display:block; padding-right:15px; position:relative; margin-bottom:10px; font-weight:400;}
.bodyText ul li:before{position:absolute; content:''; right:0; top:8px; background-image:url(../images/list-arrow.svg); width:7px; height:12px; background-repeat:no-repeat; background-size:100% 100%;}

.bodyText{color:#fff; font-size:22px; font-weight:400;}
.contactInfoBlock {float: right; width: 48%; margin-left: 4%;}
.sendMessageblock {float: right; width: 48%;}
.contactInfoBlock .contactList li {display: block; margin-bottom: 80px;}
.contactInfoBlock .contactList li:last-child{margin-bottom:0;}
.contactTitle {display: inline-block;margin-bottom: 15px;color: #000;font-size: 28px;  vertical-align: middle;}
.contactTitle span{display:inline-block; vertical-align:middle; width:45px; margin-left:20px;}
.contactDet, .contactDet a {display: block;color: #000;font-family: 'Work Sans', sans-serif;font-size: 30px;}
.contactDet a:hover{color:#e3032f;}
.contactDet.smLinks ul li {display: inline-block; width: 35px;  margin-left: 10px; height:35px; margin-bottom:0;}
.contactDet.smLinks ul li a{display:block; width:100%; height:100%; background-size:100% 100%;}
.contactDet.smLinks ul li.fb a{background-image:url(../images/fb-black.svg);}
.contactDet.smLinks ul li.insta a{background-image:url(../images/instagram-black.svg);}
.contactDet.smLinks ul li.youtube a{background-image:url(../images/youtube-black.svg);}
.contactDet.smLinks ul li.twitter a{background-image:url(../images/twitter-black.svg);}
.contactDet.smLinks ul li.fb a:hover{background-image:url(../images/fb-red.svg);}
.contactDet.smLinks ul li.insta a:hover{background-image:url(../images/instagram-red.svg);}
.contactDet.smLinks ul li.youtube a:hover{background-image:url(../images/youtube-red.svg);}
.contactDet.smLinks ul li.twitter a:hover{background-image:url(../images/twitter-red.svg);}
.contactDet.smLinks ul li.fb {margin-left: 1px;}
.sendMessageblock {padding: 30px; background-color: #e3032f;}
.sendMessageblock h4 {display: block; color: #fff; font-size: 48px; margin-bottom: 40px; padding-right: 60px; position: relative;}
.sendMessageblock h4:before{position:absolute; content:''; right:0; top:12px; background-image:url(../images/message.svg); width:41px; height:43px; background-repeat:no-repeat; background-size:100% 100%;}
.formRow{display:block; width:100%; position:relative; margin-bottom:20px;}
input[type="text"], textarea {background-color: transparent; border: none; border-bottom: 1px solid #fff; width: 100%;color: #fff;font-size: 28px; padding: 10px 0;}
.error{position:absolute; content:''; left:0; bottom:-20px; font-size:12px; color:#fff;}
.topFooter .error{color: #e3032f;}
.formActions {margin-top: 50px; text-align: left;}
input[type="submit"], .formActions a.submttn {background-color: #fff; color: #e3032f; border: 1px solid #fff; padding: 10px 30px; font-size:20px; cursor:pointer;}
input[type="submit"]:hover, .formActions a.submttn:hover{color:#fff; background-color: transparent;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ffffff;  opacity: 0.6 !important;}
.topFooter {padding: 40px 0; text-align: center;}
.topFooter h4{color: #e3032f; display: inline-block; font-size: 48px; margin-bottom: 40px; padding-right: 80px; position: relative;}
.topFooter h4:before{position:absolute; content:''; right:0; top:12px; background-image:url(../images/mail.svg); width:60px; height:55px; background-repeat:no-repeat; background-size:100% 100%;}
.inlineForm {text-align: center; direction:rtl;}
.inlineForm .formRow {display: inline-block; width: 40%; position: relative; margin-bottom: 0; margin-left: 30px; vertical-align:middle;}
.inlineForm .formActions {display:inline-block; margin-top: 0; text-align: left; vertical-align:middle;}
.inlineForm input[type="text"]{color:#676767; border-color:#676767; padding:5px 0;}
.inlineForm input::-webkit-input-placeholder{color:#676767; opacity:1;}
.inlineForm input[type="submit"], .inlineForm .formActions a.submttn {background-color: #e3032f; color: #fff; border:1px solid #e3032f;}
.inlineForm input[type="submit"]:hover, .inlineForm .formActions a.submttn:hover{color:#e3032f;background-color: transparent;}
.mainFooter {padding: 60px 0 30px; background-color: #efefef; background-image:url(../images/footer-bg.svg); background-position:left bottom; background-size:100% 100%; background-repeat:no-repeat;}

.contactBlock .safeArea, .mainFooter .safeArea {max-width: 880px;}
.leftFooter .logoHolder {width: 200px; float: none; display: block; margin: 0 0 30px;}
.leftFooter {float: none; text-align: right; width: 100%; margin-left: 0; margin-bottom:30px;}
.rightFooter {float: none; width: 100%;}
.copyRightHolder {margin-top: 130px;color: #000;}
ul.sitemapCol {float:right;}
ul.sitemapCol li{display:inline-block; margin-bottom:0; margin-left:30px;}
ul.sitemapCol li a{color:#000000; font-size:25px; }
ul.sitemapCol li a:hover{color: #e3032f;}
.rightFooter .smHolder {float: right; text-align: right; display: block; margin-bottom: 0; margin-left: 30px;}
.rightFooter .smHolder ul li{width:25px;margin-left: 15px;}
.rightFooter .smHolder ul li:first-child {margin-left: 6px;}

.emailHolder, .whatsappHolder {display: inline-block; margin-bottom: 0; direction:ltr; margin-left: 30px;}
.emailHolder a, .whatsappHolder a{color:#000000; font-size:20px; font-weight:500; font-family: 'Work Sans', sans-serif; padding-right:40px; position:relative;}
.emailHolder a:before{position:absolute; content:''; right:0; top:5px; background-image:url(../images/mail-header.svg); width:21px; height:21px; background-repeat:no-repeat; background-size:100% 100%;}
.whatsappHolder a:before{position:absolute; content:''; right:0; top:0; background-image:url(../images/Whtsap.svg); width:23px; height:23px; background-repeat:no-repeat; background-size:100% 100%;}
.emailHolder a:hover, .whatsappHolder a:hover{color:#e3032f;}
.rightFooter .smHolder span.labelHolder {color: #000; font-size: 20px;}

a.joinUs, a.donateUs {position: absolute;content: '';left: 0;top: 50%;background-color: #e3032f;z-index: 999;padding: 50px 5px 5px;  text-align: center; color: #fff; font-size: 20px; width:70px; line-height:22px;}
a.donateUs {top: 50%;}
a.joinUs{display:none;}
a.joinUs:before{position:absolute; content:''; right:50%; top:5px; background-image:url(../images/Cedar.svg); width:42px; height:43px; background-repeat:no-repeat; background-size:100% 100%; transform:translateX(50%); background-position:center center;}
a.donateUs:before{position:absolute; content:''; right:50%; top:5px; background-image:url(../images/donate.svg); width:55px; height:42px; background-repeat:no-repeat; background-size:100% 100%; transform:translateX(50%);}
.videosListHolder li {float: right; width: 31.3%; margin-left: 35px; margin-bottom:35px;}
.videosListHolder li:nth-child(3n){margin-left:0;}
.videosList .flex-control-nav{display:none;}
.videoImgHolder {position: relative; width: 100%; display: block; overflow: hidden; margin-bottom: 5px; height:210px;}
a.playIcon {position:relative; width:100%; height:100%; display:block;}
a.playIcon:after{position: absolute; content: ''; background-color: rgba(0,0,0,0.4); z-index: 9; width: 100%; height: 100%; top: 0;left: 0; background-image:url(../images/play.svg); background-position:center center; background-size:50px 50px;background-repeat:no-repeat;}
.videoImgHolder img, .albumItem img{display:block; max-width:100%; width:100%;}
.videoImgHolder:hover img, .albumItem:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.videoTitle a{color: #000000; font-size: 20px;}

.videosList .flex-direction-nav .flex-prev, .videosList .flexslider:hover .flex-direction-nav .flex-prev {left: 50px; right:inherit; opacity:1;}
.videosList .flex-direction-nav .flex-next, .videosList .flexslider:hover .flex-direction-nav .flex-next {right: inherit; left:0; opacity:1;}
.videosList .flex-direction-nav a{top:-40px; font-size:0;}
.videosList .flex-direction-nav a.flex-prev:before{content:''; background-image:url(../images/right-black.svg); width:25px; height:21px;}
.videosList .flex-direction-nav a.flex-next:before{content:''; background-image:url(../images/left-black.svg); width:25px; height:21px;}
.thawraHilightes { direction: ltr; min-height:600px;}
.thawraHilightes .newsDate { direction: rtl;}
.slick-prev, .slick-next{top:-50px;}
.slick-next{left:0; right:inherit;}
.slick-prev{left:65px;}
.slick-disabled{opacity:0.1;}
.highlightedAlbum{float:right; width:50%; margin-left:12px; height: 576.5px; overflow: hidden;}
.albumsListHolder{width:49%; float:right;}
.albumItem{width:100%; height:100%; overflow:hidden; display:block;}
.albumsListHolder .albumItem{width:48%; margin-left:2%; margin-bottom:12px; float:right;}
.albumsListHolder .albumItem:nth-child(2n){margin-left:0;}
.albumsListHolder .albumItem:nth-child(3n), .albumsListHolder .albumItem:nth-child(4n){margin-bottom:0;}

.subPageBanner{padding:30px 0;}
.subPageBanner h2 {color: #000000;font-size: 80px;font-weight: 600;margin-bottom: 60px;}
.subPageBanner.blackBlock h2{color:#fff; float:right; margin-bottom:0;}
.subPageBanner.blackBlock h2 span { padding-right: 120px; display: inline-block; background-image: url(../images/RedShape.svg);   background-position: right center; background-repeat: no-repeat; background-size: 110px auto;}

.breadcrumbsHolder {float: left; display: flex; align-items: center ;height: 120px; color:#ffffff;}
.breadcrumbsHolder a{color:#ffffff; font-size:18px; margin:0 5px;}
.breadcrumbsHolder a.active{color:#ffffff;}
.breadcrumbsHolder a:hover{text-decoration:underline;}
.subBannerInfo {display: block; margin-left: calc((100vw - 1200px) / 2);margin-bottom: -50px; margin-top:20px;}
.bannerImg {float: right; margin-left: 5%; width: 50%;}
.bannerInfo {float: right; width: 45%; color:#fff; font-size:56px; line-height:60px; position:relative;}
.bannerInfo:after{position:absolute; content:''; left:0; bottom:-80px; background-image:url(../images/quote.svg); width:118px; height:90px; background-repeat:no-repeat; background-size:100% 100%; opacity:0.2;}


.aboutTabsHolder {padding:60px 0;}

.tabsLinks{display:block; margin-bottom:40px;}
.tabsLinks a {font-size: 25px; color: #b5b5b5; padding: 0 0 25px 0; display: inline-block; position: relative; margin-left:50px; font-weight:600;}
.tabsLinks a:last-child{margin-left:0;}
.tabsLinks a:after {content: ""; width: 0; height: 4px;background-color: #e3032f; position: absolute; right: 0; bottom: 20px; left: 0;}
.visionHolder {padding: 0 0 60px 0;}
a.active{color:#000000;}
.tabsLinks a:hover:after, .tabsLinks a.active:after{width:100%;}
.sectionTitle {display: block; font-size: 90px; color: #000000; text-align: center; margin-bottom: 10px;}
.sectionDesc {display: block; color: #000; text-align: center; font-size: 50px; line-height: 60px; margin-bottom: 40px;}
.tab .textList li:before{background-image: url(../images/about/arrow.svg); }
.greyText,  .textList.greyText li{color:#000000;}
.tab .missionBlock, .tab .visionBlock{padding-right:0;}
.subBgBlock{padding:70px 0; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.subBgBlock:after{position:absolute; content:''; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.4); z-index:1;}
.rightHolder, .leftHolder{float:right; width:48%;}
.rightHolder{margin-left:4%;}
.largeDesc{color:#ffffff; font-size:35px; line-height:60px;}
.subBgBlock .safeArea{position:relative; z-index:3;}
.subBgBlock .bodyText{color:#fff; font-size:22px; font-weight:400;}
.imgTextHolder{margin-bottom:70px;}
.imgTextHolder.margTop {position: relative; z-index: 5;}
.margTop .fullImg{margin-top:-100px;}
.fullImg{margin-bottom:50px;}
.fullImg img {width: 100%;display: block;}

.highlightItem { float: right; width: 28%; margin-left: 10%;padding: 0 50px; text-align:center;}
.listItems {float: right; width: 62%;}
.smalItem {margin-top:60px; text-align:center; padding: 0 40px; position:relative;}
.strategyCol ul li:first-child .smalItem{margin-top:40px;}
.smalItem:before{position:absolute; content:''; right:50%; transform:translateX(-50%); height:40px; width:1px; border-right:1px dashed #d4d4d4; top:-40px;}
.smalItem .elIcon img {max-width: inherit;height: 80px; margin:0 auto; display:block;}
.numbersList {margin-top: 60px;}
.smallTitle {font-size: 20px; color: #000000; line-height: 24px; padding: 0 65px; min-height:50px;}
.elIcon {margin-bottom: 20px; display: block;}

.teamList ul li {float: right; width: 32%; margin-left: 2%; margin-bottom:25px;}
.teamList ul li:nth-child(3n){margin-left:0;}
.teamList ul li .teamImg{margin-bottom:15px; overflow:hidden; width:100%; display:block; position:relative;}
.teamList ul li .teamImg img{width:100%; display:block; filter: grayscale(100%);}
.teamList ul li:hover .teamImg img{filter: grayscale(0%); transform:scale(1.1,1.1);}
.teamTitle {display: block; color: #000000;font-size: 30px;margin-bottom: 5px; line-height:30px;}
.teamPosition {color: #000;font-size: 20px;font-weight: 300;}

a.mailMember{position:absolute; content:''; background-color:#e3032f; border-radius:50%; width:50px; height:50px;background-repeat:no-repeat; background-position:center center; background-image:url(../images/whiteMail.svg);left: 15px;  bottom: 15px;
    background-size: 24px auto;}
a.mailMember:hover{opacity:0.7;}


.timelineList ul li {float: right; width: 49%; margin-left: 2%; margin-bottom:25px;}
.timelineList ul li:nth-child(2n){margin-left:0;}
.timelineHolder {padding: 60px 0;}
.timelineLinks a {display: inline-block; color:#353535; margin-left: 70px; font-size: 50px; font-weight:700; font-family: 'Work Sans', sans-serif;}
.timelineLinks a.active{color:#e3032f;}
.timelineLinks {margin-bottom: 50px; display: block;}
/*.timelineSlider .flex-control-nav{display:none;}
.timelineSlider .flex-direction-nav a {opacity:1 !important;}
.timelineSlider .flexslider .flex-direction-nav .flex-prev, .timelineSlider .flexslider:hover .flex-direction-nav .flex-prev {opacity: 0.7;left: auto;right: 0;}
.timelineSlider .flex-direction-nav .flex-next, .timelineSlider .flexslider:hover .flex-direction-nav .flex-next {right: auto; left: 0; text-align: left;}
.timelineSlider .flex-direction-nav a:before{content:''; width: 25px; height: 21px;}
.timelineSlider .flex-direction-nav a.flex-prev:before{background-image: url(../images/right-black.svg);content:'';}
.timelineSlider .flex-direction-nav a.flex-next:before{background-image: url(../images/left-black.svg);content:'';}
.flexslider.carousel { margin-bottom: 60px;}
.flexslider.carousel ul li span {display: block; text-align: center;}*/
.timelineSlider .gallery-thumbs {padding-bottom: 40px;}
.timelineSlider .gallery-thumbs .swiper-slide span{color:#9b9b9b; font-size:17px; display:block; text-align:center; cursor:pointer
; position:relative;}
.timelineSlider .gallery-thumbs .swiper-slide span:after{content: ""; width: 0; height: 4px;background-color: #e3032f; position: absolute; right: 50%; bottom: -10px; transform: translateX(50%);}
.timelineSlider .swiper-button-next:after, .timelineSlider .swiper-container-rtl .swiper-button-prev:after {width: 19px; height: 16px;}
.timelineSlider .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{color:#000;}
.timelineSlider .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span:after{width:100%;}
.timelineSlider .swiper-button-next, .timelineSlider .swiper-button-prev{top:20%;}
.timeLineInfo {background-color: #111111; padding: 40px;}
.timeLineDate {color: #fff; display: block; font-size: 20px; margin-bottom: 10px;}
.timeLineTitle a{color:#ffffff; font-size:30px;}
.timeLineImg{position:relative; display:block; overflow:hidden; width:100%; height:300px;}
.timeLineTitle a:hover{color:#e3032f;}
.timeLineImg a{display:flex; align-items:center; justify-content:center; height:100%; width:100%;}
.timeLineImg img{display:block; width:100%;}

.timeLineImg:hover img{ transform:scale(1.1,1.1);}

.leftHolder.floatLeft {float: left;}
.mediaCenterBody {padding: 60px 0;}
.mediaCenterSlider{background-color: #e3032f;padding: 100px 0 200px;}
.mediaSlider .flex-control-nav{display:none;}
.mediaSlider .flex-direction-nav .flex-prev, .mediaSlider .flexslider:hover .flex-direction-nav .flex-prev {left: 50px; right:inherit; opacity:1;}
.mediaSlider .flex-direction-nav .flex-next, .mediaSlider .flexslider:hover .flex-direction-nav .flex-next {right: inherit; left:0; opacity:1;}
.mediaSlider .flex-direction-nav a{top:-20px; font-size:0;}
.mediaSlider .flex-direction-nav a.flex-prev:before{content:''; background-image:url(../images/right-white.svg); width:25px; height:21px;}
.mediaSlider .flex-direction-nav a.flex-next:before{content:''; background-image:url(../images/left-white.svg); width:25px; height:21px;}
.mediaItem{position:relative; direction:rtl;}
/*.mediaItem a{position:absolute; content:''; width:100%; height:100%; top:0; left:0; right:0; bottom:0; z-index:2;}*/
.mediaItem .imgHolder {margin-bottom: 30px; position:relative;}
.mediaDate {display: block; font-size: 23px; color: #ffffff; font-weight:300;}
.mediaTitle {color: #fff; font-weight: 600; font-size: 50px;}
.mediaListHolder .videoTitle a{font-size: 26px; color:#000; display:block; min-height:80px;}
.mediaListHolder .videoTitle a:hover{color:#e3032f;}
.mediaListHolder .videoDate {color: #000000;font-size: 20px;font-weight: 300;margin-bottom: 2px;}
videosListHolder .videoDate {direction:rtl;}
.mediaListHolder .videoImgHolder {margin-bottom: 20px;}
.mediaListHolder.margTop {margin-top: -130px;}

.margBot400{margin-bottom:400px;}
.mediaDetSlider .gallery-top .swiper-slide {height: 550px; background-size:cover; background-repeat:no-repeat;}
.mediaDetSlider .gallery-thumbs .swiper-slide {height: 130px; background-size:cover; background-repeat:no-repeat;}
.mediaDetSlider.margTop {margin-top: -400px;}
.mediaDetSlider .gallery-top{margin-bottom:10px;}
.mediaDetSlider .swiperPad{margin: 0 auto; width: 940px;overflow: hidden; padding: 0 70px;}
.mediaDetSlider .gallery-thumbs { overflow:visible; width:800px;}
.mediaDetSlider .swiper-button-next, .mediaDetSlider .swiper-container-rtl .swiper-button-prev {right: -70px; left: auto;}
.mediaDetSlider .swiper-button-prev, .mediaDetSlider .swiper-container-rtl .swiper-button-next {left: -70px; right: auto;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {content: '';background-image: url(../images/right-black.svg);
width: 25px; height: 21px;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {content: '';background-image: url(../images/left-black.svg);}
.mediaDetSlider .swiper-button-next, .mediaDetSlider .swiper-button-prev { width: 61px;height: 130px;margin-top: 0; top: 0; background-color: #ffffff; bottom: 0;}
.mediaDetSlider .gallery-thumbs .swiper-slide{opacity:0.3;}
.mediaDetSlider .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {opacity: 1;}

.mediaDetSlider {margin-bottom: 70px;}
.articleDetails {padding: 30px 150px; text-align: right; margin-bottom:100px;}
.articleDate {font-size: 20px; color: #111111; display: block; margin-bottom: 20px;}
.articletitle.sectionDesc {text-align: right;}
.shareArticle {display: block; margin: 40px 0; float:none;}
.shareArticle span{display:inline-block; vertical-align:middle; color:#000000; font-size:24px; margin-left:10px;}
.shareArticle.smHolder ul li{width:30px;}
.shareArticle .smLinks span {
  width: 30px !important;
  height: 30px;
  cursor: pointer;
}
	.shareArticle span img {
		height: 100% !important;
		width: 100%;
		min-width: 30px;
	}
	.shareArticle .smLinks span:hover {
		opacity: 0.8;
	}

.prevNextButtons a {display: inline-block; padding: 10px 20px; background-color: #e3032f; color: #fff; width: 100px; text-align: center; border:1px solid #e3032f; font-weight:300; font-size:20px;}
a.prevLink {float: right;}
a.nextLink {float: left;}
.prevNextButtons a:hover{background-color:transparent; color:#e3032f;}
.relatedArticles{margin-bottom:60px;}
h2.sectionDesc {text-align: right;}


.fancybox-slide--html{padding:0;}
#popAlbumHolder {display: block; background-color: #000; top: 0; bottom: 0; margin-bottom: 0; width: 100%; align-items:center; justify-content:center; padding: 60px 40px;}
.popcontent .mediaDetSlider.margTop {margin: 0;}
.popcontent {margin: 0 auto; max-width: 1000px;}
.popcontent .mediaDetSlider .swiper-button-next, .popcontent .mediaDetSlider .swiper-button-prev{background-color:#000000;}

.popcontent .swiper-button-prev:after, .popcontent .swiper-container-rtl .swiper-button-next:after {background-image: url(../images/left-white.svg);}
.popcontent .swiper-button-next:after, .popcontent .swiper-container-rtl .swiper-button-prev:after {background-image: url(../images/right-white.svg);}
.fancybox-close-small svg{opacity:1 !important;}
.fancybox-close-small{color:#fff !important; width:80px !important; height:80px !important; left: calc((100vw - 1060px) / 2); right:inherit; top:55px;}
.albumTitle {text-align: right; display: block; margin-bottom: 30px; color: #fff; font-size: 40px; padding-left: 5%;}
.popcontent .mediaDetSlider .gallery-top .swiper-slide{position:relative;}
.sharePost{position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.5); content:''; padding:15px 30px 15px 20px; margin:0;}
.sharePost span{display:inline-block; vertical-align:middle; font-size:16px; color:#fff;}
.sharePost.shareArticle.smHolder ul li {width: 15px;}

.contBlockHolder{padding:70px 0 120px;}
.contBlockHolder .contactList li {float: right; width: 33.3%; text-align: center;}
.contBlockHolder .contactTitle span {display: block; vertical-align: middle; width: 90px; margin-left: 0; margin: 0 auto 30px;   text-align: center;}
.contBlockHolder .contactDet.smLinks ul {text-align: center; display: inline-block;}
.contBlockHolder .contactTitle{margin-bottom:10px;}
.contBlockHolder ul.contactList {margin-top: 50px;}
.contBlockHolder .contactDet, .contBlockHolder .contactDet a{font-weight:400;}
.contactFormHolder{padding:70px 0; background-color:#e3032f;}
.contactFormHolder .sectionTitle{color:#fff;}
.leftForm {float: right; width: 40%; margin-left: 20%;}
.rightForm {float: right; width: 40%;}
.contactFormHolder textarea {height: 230px;}

.blackForm{margin-top:60px;}
.blackForm h3 {display: block; color: #000; font-size: 50px; margin-bottom: 30px;}
.blackForm .formHolder .inputEntity {float: right; width: 49%; margin-left: 2%;}
.blackForm .formHolder .captchaholder .inputEntity {width: auto;}
.blackForm .formHolder .formRow > .inputEntity:nth-child(2n){margin-left:0;}
.blackForm .formHolder .formRow label {font-size: 22px; color: #000; display: block; margin-bottom: 7px;}
.inputParent, .selectHolder{position: relative;}
.inputParent select, .inputParent input, .inputParent textarea, .inputParent input[type="date"]{border:1px solid #000; padding:10px; height:45px; width:100%; font-size:16px; color:#000;}
.inputParent select, .inputParent input[type="date"]{-webkit-appearance:none; background-color:transparent; cursor:pointer;}
.inputParent input::-webkit-input-placeholder, .inputParent textarea::-webkit-input-placeholder {color: #000;  opacity: 0.6 !important;}
.selectHolder:after{position:absolute; content:''; left:10px; top:50%; background-repeat:no-repeat; background-image:url(../images/arrow.svg); width:14px; height:8px; transform:translateY(-50%);}
.inputParent input[type="date" i] {font-family: 'GE Thameen'; text-align: right;}
.blackForm .formHolder .fullWidth .inputEntity{width:100%; margin-left:0; float:none;}
.blackForm .formHolder .inputEntity.halfHolder{width:90%;margin-left:2% !important;}
.blackForm .formHolder .inputEntity.quarterHolder{width:8%; margin-left:0;}
.inputParent textarea {height: 130px;}
.contBlockHolder .inlineForm {text-align: left;}
.slick-list{padding-top:50px !important;}
input[type=checkbox]:not(old), input[type=radio ]:not(old) {
	width : 2em;
	margin : 0;
	padding : 0;
	font-size : 1em;
	opacity : 0;
}
input[type=checkbox]:not(old) + label, input[type=radio ]:not(old) + label {
	display : inline-block;
	line-height : 1.5em;
}



input[type=checkbox]:not(old) + label:before, input[type=radio ]:not(old) + label:before {
	display : inline-block;
	width : 12px;
	height : 12px;
	margin : 10px 0 0 10px;
	background : #fff;
	border : 1px solid #000;
	vertical-align : bottom;
	float: right;
	content : '';
}
input[type=radio ]:not(old) + label:before {
	border-radius : 50%;
	display : block;
	width : 12px;
	height : 12px;
	margin : 10px 0 0 10px;
	border-radius : 50%;
	float: right;
	content : '';
}
	input[type=radio ]:not(old):checked + label:before, input[type=checkbox ]:not(old):checked + label:before {
		background: #e3032f;
	}
.stackedInput, ul.stackedInput li {
	display: inline-block;
	margin-left: 30px;
}
ul.stackedInput li label {font-weight:300;}
a.backListing {
    display: inline-block;
    padding-right: 25px;
    color: #000;
    font-weight: 600;
    position: relative;
}
a.backListing:before {
    position: absolute;
    content: '';
    background-image: url(../images/arrow.svg);
    width: 10px;
    height: 6px;
    right: 0;
    top: 7px;
    transform: rotate(-90deg);
    background-size: 100% 100%;
}
a.backListing:hover:before{right:5px;}
.blackBlock.thawrahighlightsBlock {background-color: #e3032f;}
/*.hpBlock.blackBlock.thawrahighlightsBlock h2 span{background-image: url(../images/whiteShape.svg);}*/
.whatsappBtn {position: fixed; left: -215px; bottom: 60px; z-index: 999999;}
.whatsappBtn a {padding: 15px 60px 15px 25px; position: relative; color: #e3032f; font-size: 20px; font-weight: 600; border-radius: 50px; border:1px solid #e3032f; background-color: rgba(255,255,255,0.9);}
.whatsappBtn a::before {position: absolute; content: ''; right: 15px; top: 50%; transform: translateY(-50%);background-image: url(../images/whatsapp-red.svg); width: 30px; height: 30px;background-repeat: no-repeat;}
.whatsappBtn:hover {left:0;}

.blackBlock.thawrahighlightsBlock .newsDesc{background-color:#fff;}
.blackBlock.thawrahighlightsBlock .newsDate, .blackBlock.thawrahighlightsBlock .newsTitle a {color: #000000;}

.blackBlock.thawrahighlightsBlock .readMoreBtn a {background-color: #ffffff; color: #000; border:1px solid #fff;}
.blackBlock.thawrahighlightsBlock .readMoreBtn a:hover{color:#ffffff;background-color: transparent;}



.twitterList ul li {float: right; width: 32%; margin-left: 2%;box-shadow: 0 -8px 45px -15px rgba(0,0,0,0.2); margin-bottom:20px;}
.twitterList ul li:nth-child(3n){margin-left:0;}
.twitterItem {position: relative; width: 100%; display: block; padding: 20px; background-color: #fff; height:100%;}
.twitterList ul li:hover .twitterItem{background-color: #efefef;}
.twitterItem > a{position:absolute; content:''; width:100%; height:100%; top:0; right:0; bottom:0; left:0;}
.twitterItem > a:before{position:absolute; content:''; background-image:url(../images/blue-twitter.svg); background-repeat:no-repeat; left:10px; top:10px; width:21px; height:17px;}
.instaHolder .juicer-feed h1.referral {
	display: none
}
.newsTabs ul li.instaTab a {
	background-image: url(../images/insta-tab.svg);
}

.newsTabs ul li.instaTab.selected a, .newsTabs ul li.instaTab:hover a {
	background-image: url(../images/insta-tab-red.svg);
}
.userInfo {
	display: block;
	font-size: 0;
	margin-bottom: 15px;
}
.userInfo { display: block; font-size: 0; margin-bottom: 15px;}
.userImg {display: inline-block; vertical-align: middle; width: 20%; border-radius: 50%; overflow: hidden; margin-left: 5%;}
.userDetails {display: inline-block; vertical-align: middle; width: 75%;}
.userName {font-size: 22px; color: #000000; display: block; margin-bottom: 5px;}
.userTitle { display: block; font-size: 0;}
span.userAcc {display: inline-block; font-size: 16px; direction: ltr; font-weight: 500; color: #333333;margin-left: 10px; vertical-align: middle;font-family: 'Work Sans', sans-serif;}
span.postDate {display: inline-block; font-size: 16px; font-weight: 600; color: #333333;margin-left: 10px; vertical-align: middle;}
.postDesc{display:block; font-size:18px; color:#666666; font-weight:400;}
.sectionSubTitle {display: block; text-align: center; margin-bottom: 30px; color: #000; font-size: 60px;}
.margBot100{margin-bottom:100px;}
.teamList.noImgs .teamItem { padding: 50px 20px; border: 1px solid #8c8c8c; position: relative;}

.teamItem{position:relative;}
li.listItem{cursor:pointer;}
.tab-pane {position: relative;background-color: #e2e2e2; padding: 45px; display: none;}
.tab-pane .bodyText{color:#2b2b2b; }
.teamRow .teamContent{display:none;}
.teamRow.active{margin-bottom:40px;}
.teamRow.active .teamContent{display:block;}
.tab-pane:not(.show) {opacity: 0;}
.tab-pane.show{ display:block; transition: opacity .15s linear;}
.tab-pane:before{position:absolute; content:''; background-image:url(../images/grey-arrow.svg); top:-30px; width:74px; height:37px;}
.tab-pane:first-child:before{right:5%;}
.tab-pane:nth-child(2):before{right:45%;}
.tab-pane:nth-child(3):before{right:85%;}
.teamRow.active .listingTeam {margin-bottom: 30px;}
.showDesktop{display:block;}
.showMobile{display:none;}
span.facebook-share.fbLink {font-size: 0;display: block;}
.mediaListHolder.relatedArticles .videoImgHolder {margin-bottom: 20px;height: 257px;}
.mediaListHolder .videoImgHolder a {display: block;width: 100%;height: 100%;justify-content: center; align-items: center;}
.mediaListHolder .videoImgHolder a img {display: block; width: 100%; height:100%;}
.bgBlock li {font-size: 19px;color: #fff;display: block;padding-right: 15px;position: relative;margin-bottom: 10px;font-weight: 400;}
.bgBlock ul li:before {position: absolute; content: ''; right: 0; top: 8px; background-image: url(../images/list-arrow.svg); width: 7px; height: 12px; background-repeat: no-repeat; background-size: 100% 100%;}
.mainFooter .logoHolder {float: none; margin-bottom: 25px;}
.externalLink {display: block;margin-top: 30px;text-align: right;}
.externalLink a{position:relative; padding-right:20px; color:#e3032f; font-size:16px;}
.externalLink a:after{position:absolute; content:''; right:0; top:5px; background-image:url(../images/red-arrow.svg); width:10px; height:10px; background-repeat:no-repeat; background-size:100% 100%;}
.externalLink a:hover:after{right:3px;}
.blackForm .error{color:#e3032f;}
.strategyCol {float: right;text-align: center;width: 32%;margin-left: 2%;}
.strategyCol:nth-child(3n){margin-left:0;}
.redTitle {background-color: #e3032f;padding: 20px;color: #fff;font-size: 38px;font-weight: 600;}
.aboutTabsHolder .tabsLinks a {font-size: 35px;}
.visionHolder .sectionDesc {font-size: 25px;line-height: 35px; margin-bottom:0;}
.visionHolder .sectionDesc span{color:#e3032f;}
.bodyText.textList h3 {color: #fff;font-size: 35px;display: block;}
.blackBgBlock{padding:70px 0 160px; background-color:#000;}
.aboutTabsHolder .subBgBlock .largeDesc {font-size: 22px;line-height: 30px;font-weight: 400;}
.aboutTabsHolder .subBgBlock .largeDesc h3{font-size:35px; line-height:45px;}
.aboutTabsHolder.noPadBot {padding-bottom: 0;}
.imgTextHolder h3, .visionHolder h3 {display: block;	font-size: 35px;text-align: center; color:#000; margin-bottom:30px;}
.bgBlock h3{font-size:35px;}










a, .mainMenu ul li a:after, .whatsappBtn, .externalLink a:after, .mainSlider .flex-control-paging li a, .mainSlider .flex-control-paging li a:after, .bannerButton a, .newsDesc .newsTitle a, .newsImg img, .newsTabs ul li a, .readMoreBtn a, input[type="submit"], .videoImgHolder img, .albumItem img, .tabsLinks a:after, .teamList ul li .teamImg img, .timeLineImg img, .timelineSlider .gallery-thumbs .swiper-slide span:after, a.backListing:before, .whatsappBtn a, .twitterItem, .teamRow .teamContent, .tab-pane {
	transition: all linear 200ms;
	-moz-transition: all linear 200ms;
	-webkit-transition: all linear 200ms;
	-ms-transition: all linear 200ms;
}
	
	