*{margin:0px; padding:0px;}
body{ margin:0px auto; padding:0px; font-family: 'Droid Arabic Kufi'; font-size:14px; direction:rtl; float:right; width:100%;}
ul li{ list-style-type:none;}
ul li a{ text-decoration:none;}
a,a:focus,a:hover{ outline:none !important; text-decoration:none; border:none !important;}
h1,h2,h3,h4,h5,h6,p,ul{ margin:0;}
*:focus,*.active{outline: none; border:none;}

/*@media(min-width:1360px){.container{ width:1025px;}} */

/*menu start*/
.topbar {direction:rtl; padding-top:6px; padding-bottom:6px; float:left; width:66%;}
.rightcontent { float:right; direction:ltr; }
.rightcontent h3{ display:inline; color: #919195; font-weight: bold; font-size:24px; line-height:28px;}
.rightcontent span{ font-size:24px; line-height:28px; color:#919195; 	font-family: 'Myriad Pro';}

.leftcontent { float:left; direction:ltr;}
.rightcontent ul li, .leftcontent ul li { display: inline-block; padding: 5px 8px 2px; border-right: 1px solid #797979;}
.rightcontent ul li:first-child { border: none;}
.rightcontent ul li a, .leftcontent ul li a { font-size:12px; color:#fff; line-height:12px;} 

.eventImg{  height:100%; }
.lastChild{border:0 !important;}
.headertop { direction:rtl; padding:20px 0 15px; border-bottom:10px solid rgba(197,18,71,0.8); position:relative; z-index:10;
background-color:rgba(234,233,233,0.8);background-clip:padding-box;}
.navbar { margin:0px; border-radius:0px; border:none;}
.navbar-brand { float:right;}
.navbar-header {float:left; width:100%;}
.headertop .navbar-nav li { float:right; width:146px; border-left:1px solid #1d1d1b;}
.headertop .navbar-nav span { color: #a2a2a4;}
.changeLang{ cursor: pointer; }
.headertop .navbar-nav span.active { color: #c51247;}
.headertop .navbar-nav li:last-child{ border:0;  font-size: 12px;}
.navbar-collapse{ padding-left:0; padding-right:0;}

.headertop .navbar-nav li a { font-size:16px; color:#1d1d1b; padding: 0 70px 0 70px; line-height:18px; position:relative;}
.headertop .navbar-nav li a:hover,.headertop .navbar-nav li a:focus, .headertop .navbar-nav li.active a { color:#c51247; background-color:transparent; }
.headertop .navbar-nav li.active a::after,.headertop .navbar-nav li a:hover::after{position: absolute; bottom:-26px; width:0; height:0; left:0; right:34px; margin:auto; text-align: center; content:''; border-right:10px solid transparent; border-left:10px solid transparent; border-bottom:10px solid rgba(197,18,71,0.84); display:block;}
.navbar-nav { float:right;  padding-top: 15px; padding-bottom: 11px; margin-right:0px; width: 78%;}
.navbar-brand { padding:0px; height:auto;}
.navbar-brand > img{ width:247px;}

.search_block {float:left; width:100%; position:relative;}
.search_block::after{ position:absolute; content:''; background-image:url(../images/search_icon.png); background-position:right center; background-repeat:no-repeat; background-size:100% 100%; top:4px; right:95px; width:18px; height:20px;} 
.search_block input { background-color:#c51247; border:0; padding: 5px 34px 5px 10px; color:#fff; position:relative; width:160px; text-align:right;}
.search_block button { border:0; padding:5px 10px 5px 20px; background-color:#fd5414; margin-left:-5px; color:#fff; font-weight:bold;}

/*slider start*/
.slick-initialized .slick-slide {  background-size:cover;  display:block;}
.banner .slick-dots { float:left; width:100%; text-align:center; position:relative; z-index:100; margin:auto; top:-15px;}
.banner .slick-dots li  { display:inline-block; margin:0 8px; padding:0;}
.banner .slick-dots li button { background-color:transparent; font-size:0px; border:0px; width:15px; height:15px;  background-repeat:no-repeat; background-position:bottom center; border-radius:15px; z-index:100; background-color:#fd5414;}
.banner .slick-dots li.slick-active button { background-position:top center; background-color:#c51247;}

.bannerslider {float: left; width: 100%; position:relative; margin-top:-131px; left:0; right:0; margin-left:auto; margin-right:auto;}

.bannerslider ul { position:absolute; top:210px; z-index:1000; right:auto; left:0; width: 300px; line-height: 60px;}
.bannerslider ul li { padding: 5px 0px; margin-bottom:10px;}
.bannerslider ul li a { background-color:#fd5414; text-align:right; direction:rtl; padding:0 10px; color:#fff; font-size:28px;}
.bannerslider ul li.active a { border-bottom: 5px solid #c51247 !important;}
.bannerslider ul li.active{ margin-bottom:15px;} 
.slick-slide{position:relative; height:625px !important;}

.slick-initialized .slick-slide {  background-size:cover;  display: block; padding-top:120px;}
.banner .slick-dots { float:right; position:relative; z-index:100; margin-right:0px; margin-top:-30px;}
.banner .slick-dots li  { display:inline-block; margin:0 8px;}
.banner .slick-dots li button { background-color:transparent; font-size:0px; border:0px; width:15px; height:15px;  border-radius:15px; z-index:100; background-color:#C51247;}
.banner .slick-dots li.slick-active button { background-position:top center; background-color:#FD5414;}
.slid_inner{ position:relative;}
/*slider end*/ 

/*content block start*/
.content_inner{ float:left; width:100%; padding:25px 40px; text-align:center;}
.content_inner ul li{ display:inline-block;}
.content_inner ul li a{ font-size:24px; color:#01608a; text-decoration:none; text-align:center;}
/*content block end*/

/* omdhana_block  start*/
.omdhana_block { float:left; width:100%; text-align:right;}
.country_block { float:left; width:100%; text-align:right;}
.omdhana_block_right { float:left; width:66%; background-color:#c51247; color:#fff; padding:30px 50px; min-height:373px;}
.omdhana_block_left { float:left; width:34%; background-color: #fd5414; color:#fff; padding:35px 20px; position:relative; min-height:407px;}
.omdhana_block_left::after{ position: absolute; content:''; left:-30px; top:50%; margin-top:-10px; border-top:20px solid transparent;
border-bottom: 20px solid transparent; border-right: 30px solid #fd5414;}

.country_block_right { float:right; width:74%;   padding:30px 50px; min-height:373px;}
.country_block_left { float:left; width:26%;   padding:35px 20px; position:relative; min-height:373px;}

.omdhana_block_left h2{ padding-bottom:35px; font-size:56px; font-weight:bold;}
.omdhana_block_left p{ padding-bottom:15px; line-height:20px;}
.omdhana_block_left span{ padding-top:23px; font-size:24px; font-weight:bold; float:right;}
.columnb { float:left; width:50%; padding:0 20px;}
.omdhana_title { float:left; width:100%; text-align:right; padding:0 20px 10px;}

.omdhana_title h2{ font-size:28px; font-weight:bold; width: 50%; display: inline;}
.omdhana_des{ font-size:12px;} 
.omdhana_des h3{ font-weight:bold; float:left; width:100%; border:1px solid #fff; position:relative; margin-bottom:15px; font-size:14px; padding:3px 5px;}
/*.omdhana_des h3::after{ position:absolute; content:''; top:100%; right:-1px; height:12px; width:12px;
background-image:url(../images/border-box.png); background-size:100% 100%; background-repeat:no-repeat; background-position:right bottom; } */

.omdhana_des span{ font-weight:bold; float:right; width:100%; float:right; width:100%; padding-top:5px;}
.omdhana_des b{ font-weight:normal; font-family:'OpenSans-Regular';}
.omdhana_info.br_bottom{ border-bottom:2px solid #fff; padding-bottom:10px;}
.columnc{ float:right; width:100%; padding-right:5px;}
/* omdhana_block  end*/

/*rergt_block start*/
.rergt_block{ float:left; width:100%;}
.rergt_block_left{ float:left; width:50%; background-color:#e2e3e4; color:#01608a; padding:25px 90px 25px 60px; min-height:320px;}
.rergt_block_left .rergt_title_block{ padding-bottom:15px;}
.rergt_block_left .rergt_title_block h2{  font-size:56px; font-weight:bold; padding-bottom:19px;}
.rergt_block_left .rergt_Info_block{ float:left; width:100%;}
.rergt_block_left .rergt_Info_block .columnd{ float:right; width:40%; text-align:right;}
.rergt_block_left .rergt_Info_block .columne{ float:left; width:40%;}
.rergt_block_left .rergt_Info_block img{ width:auto;}

.rergt_block_right{float:left; width:50%; background-color:#01608a; color:#ffffff; position:relative; padding:30px 25px 25px 30px; min-height:320px;}
.rergt_block_right::before{ position:absolute; content:''; left:-30px; top:25%; margin-top:0px; border-top:20px solid transparent;
border-bottom: 20px solid transparent; border-right: 30px solid #01608a;}
.rergt_block_right h2{ font-size:56px; font-weight:bold; padding-bottom:19px;}
.rergt_block_right span{ font-size:24px; font-weight:bold; padding-top:10px;}
/*rergt_block end*/

/*twitter block start*/
.twitter_wrapper_block{ float:left; width:100%; background-color:#e2e3e4; padding:43px 0px 35px; margin:65px 0 35px; text-align:left; position:relative;}
.twitter_wrapper_block .column3{  width:100%; margin:auto; border-right:2px solid #01608a; padding:0px 25px 0px 15px; min-height:265px;}
.twitter_wrapper_block .column3:last-child{ border:0;}
.twitter_wrapper_block .column3 p{ font-size:16px; line-height:20px; color:#01608a;  font-family:'OpenSans-Regular'; padding-bottom:25px;}

.twitter_twit_block{ position:absolute; top:-15px; right:0;}
.twitter_twit_count_block{ background-color:#01608a; padding:10px 10px 10px 20px; color:#fff; float:right; font-family:'OpenSans-Regular'; font-size:16px;}
.twitter_twit_count_block img{ float:right;}
.twitter_twit_count_block span{ padding:0 15px 0 25px; float:right;}
.twitter_twit_count_block a{ font-weight:normal; float:right; position:relative; padding-left:25px; color:#fff; }
.twitter_twit_count_block a::after{ position:absolute; content:''; left:10px; top:9px; height:5px; width:5px; background-color:#fff; border-radius:50px;}
.twitter_twit_count_block i{ font-style:normal; float:right;}

.twitter_twit_link_block{ float:right; background-color:#fd5414; padding:5.5px 20px; margin-right:12px;}
.twitter_twit_link_block a{color:#fff; font-size:24px; float:right; direction:ltr;}
/*twitter block end*/

/*footer start*/
.footer_wrapper{ float:left; width:100%; padding:25px 0; background-color:#01608a;}
.footer{ float:left; width:100%;}

.footer_content {text-align: center; padding-top:30px;}
.footer_content span{ color:#fff; text-align:center; font-size:14px; font-family:'OpenSans-Regular'; font-weight:bold; direction:ltr; float:left;}
.footer_form { float:right; color:#fff;}
.footer_form h2{ float:right; width:100%; font-size:14px; padding-bottom:10px;}
.footer_form input{width:70%; margin-right:5%; border:0; padding:2px 10px; color:#01608a; text-align:right; direction:rtl;}
.footer_form button{ float: left; width: 30%; padding: 2.2px 10px; border: 0; background-color: #FD5414; margin-left: -18px;}
.footer_logo { float:left; padding-top:5px;}
/*footer end*/

/*responsive*/
@media(max-width:767px)
{
.container{ padding:0;}
.headertop{ padding:20px 15px 5px;}
.navbar-toggle .icon-bar{ background-color:#2e664b; height:4px; width:28px; margin-bottom:5px;}	
.navbar-header {float:right; width:100%;}
.navbar-toggle{ float:left; padding-left:0;}
.navbar-brand > img{ width:200px;}
.leftcontent{ display:none;}
.topbar{ width:100%;}
.rightcontent span,.rightcontent h3{ font-size:20px;}

.navbar-nav{ padding:0; margin:0;}
.headertop .navbar-nav li{ border-left:0; border-bottom:1px solid #a2a2a4; float:left; width:100%; max-width:200px; }
.headertop .navbar-nav li a{ padding:0; display:block; float:left; width:100%; max-width:200px; padding:12px 0px; color:#a2a2a4;}
.headertop .navbar-nav li.active a::after,.headertop .navbar-nav li a:hover::after{ border:none; bottom:0;}

.bannerslider{ margin-top:-152px;}
.bannerslider ul{ top:120px; width:100%;}
.bannerslider ul li{ padding:0;}
.bannerslider ul li a{ float:left; width:100%;}

.omdhana_block_left,.omdhana_block_right{ width:100%;}
.country_block_left,.country_block_right{ width:100%;}
.omdhana_block_left::after{left:50%; top:100%; margin-top:0px; margin-left:-15px;
border-left:  20px solid transparent;
border-right: 20px solid transparent; 
border-top:   30px solid #fd5414;}

.omdhana_block_right{ padding:50px 20px 30px}
.country_block_right{ padding:50px 20px 30px}
.columnb{ width:100%; margin-bottom:20px;}

.rergt_block_left,.rergt_block_right{ width:100%;}
.rergt_block_right::before{ left:50%; top:100%; margin-top:0px;  margin-left:-15px;
border-left:  20px solid transparent;
border-right: 20px solid transparent; 
border-top:   30px solid #01608a;}

.rergt_block_left{ padding:60px 15px 30px;}
.rergt_block_left .rergt_Info_block img{ width:100%;}
.rergt_block_left .rergt_Info_block .columne,.rergt_block_left .rergt_Info_block .columnd{ width:47%;}

.twitter_wrapper_block{ margin:0;}
.twitter_twit_block{ top:0;}
.twitter_twit_count_block{ width:100%; text-align:center; margin-bottom:10px; padding:10px 10px 10px 15px;}
.twitter_twit_link_block{ width:100%; margin:0; text-align:center;}
.twitter_twit_count_block span{ padding:0px 10px 0px 0px; float:left;}
.twitter_twit_count_block i{ float:left;}
.twitter_twit_count_block a{ padding-right:10px;}

.twitter_wrapper_block{ padding:100px 20px 5px;}
.twitter_wrapper_block .column3{ width:100%; min-height:auto; border-right:0; border-bottom:2px solid #01608a; padding:20px 0px 0px;}

.footer_wrapper{ padding:20px 30px;}
.footer_content{ padding-top:0; padding-bottom:20px; float:left; width:100%; text-align:left;}
.footer_content span:fisrt-child{ float:left;}
.footer_content span:last-child{ float:right;}
.footer_form{ padding-bottom:20px;}
.footer_logo{ text-align:center;}
.columnc{ width:90%;}
.rightcontent{ display:block;}
.navbar{ position:relative; }
.navbar-collapse{ border-top:0; box-shadow:none; top:122px; z-index:10; background-color:#eeeeee; position:absolute; left:-15px; width:100%; max-width:240px; padding:0 15px;}
.banner .slick-dots li button{ display:none;}
.bannerslider ul { top:135px;}
.slick-slide{ height:420px !important;}
}
@media(min-width:768px) and (max-width:991px)
{
.headertop{ padding:10px 0 15px;}
.headertop .navbar-nav li.active a::after,.headertop .navbar-nav li a:hover::after{ bottom:-15px;}
.navbar-nav{ padding:10px 0 0;}
.navbar-brand > img {width:180px;}
.headertop .navbar-nav li a{ padding:0 43px 0 43px;}
.topbar{ width:69%;}
.omdhana_info.br_bottom{ padding-bottom:16px;}
.rergt_block_left{ padding:35px 90px 49px 60px;}
.twitter_wrapper_block{ padding:50px 0 20px;}
.twitter_wrapper_block .column3{ min-height:330px; padding:0px 10px 0px 10px; word-wrap:break-word;}
.twitter_wrapper_block .column3 p{ padding-bottom:10px;}

.rightcontent h3,.rightcontent span{ font-size:18px; line-height:24px;}
.search_block input{ width:150px;}
.navbar-header{ padding-top:10px;}
.slick-slide{ height:420px !important;}
.bannerslider ul{ top:110px;}

.omdhana_block_right{ padding:20px 30px;}
.columnc{ width:100%;}
.omdhana_block_left{ padding:25px 20px;}
.omdhana_block_left h2{ font-size:51px;}

.rergt_block_right h2{ font-size:48px;}
.rergt_block_left{ padding:55px 30px 61px 30px;}
.rergt_block_left .rergt_Info_block .columnd,.rergt_block_left .rergt_Info_block .columne{ width:45%;}
.rergt_block_left .rergt_Info_block img{ width:100%;}	
.rergt_block_left .rergt_title_block{ padding-bottom:25px;}
.rergt_block_right{ min-height:362px;}
.omdhana_block_right{ min-height:388px;}
.bannerslider ul { top:40px;}
}

@media(min-width:992px) and (max-width:1199px)
{
.navbar-brand > img {width:230px;}
.headertop .navbar-nav li a{ padding:0 60px 0 70px;}
.topbar{ width:67%;}
.omdhana_info.br_bottom{ padding-bottom:16px;}
.rergt_block_left{ padding:35px 90px 49px 60px;}
.twitter_wrapper_block .column3{ min-height:285px;}
.omdhana_block_right{ min-height:373px;}
.rergt_block_right{ min-height:336px;}

.bannerslider ul { top:120px;}
.slick-slide{ height:540px !important;}
}

.whiteBg{
width: 100%;
height: 150px;    
}

.orangeFirst{
    background-color: #FD5414;
color: #fff;
width: 72%;
display: inline-block;
padding: 10px;
    height: 60px;
}

.blueArrow{
    background-color: #01608A;
width: 27%;
color: #fff;
display: inline-block;
padding: 13.5px;
vertical-align: top;
margin-right: -5px;
    text-align: center;
}

.copyrightFoot{
    background-color: #919195;
color: #fff;
text-align: center;
font-size: 14px;
font-family: 'OpenSans-Regular';
font-weight: bold;
direction: ltr;
padding: 10px;
}

.footerDiv{
    display: inline-block;
width: 32%;
padding: 10px;
    color: #fff;
    font-size: 14px;
font-family: 'OpenSans-Regular';
font-weight: bold;
}

.section-sep{
    border-bottom: 10px solid rgba(10, 96, 134, 0.8);
}

.section-sep-red{
    margin-top: 35px;
    border-bottom: 25px solid #C51247;
    margin-bottom: 35px;
}

.coloredBlock{
    background-color: #F1F2F2;
}

.topicsBox{
    background-color: rgba(10, 96, 134, 1);
    padding: 5px;
    padding-right: 20px;
    padding-left: 20px;
    color: #fff;
    position: absolute;
    margin-right: 100px;
    margin-top: -13px;
    font-size: 28px;
}

.countryItem{
    display: inline-block;
    margin: 20px;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    width:140px;
}
.countryItem:hover , .countrySelected{
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.countryImage{
    display:inline-block;
}

.countryLabel{
    display:inline-block;
}

.countryImage > img{
    width: 75px;
    height: 50px;
   
}

.country-select{
    text-align: center;
}

.country-select > img{
    width:150px;
}

.country-select-title{
    font-size: 28px;
    color: #0A6086;
    font-weight: bold;
    text-align: center;
}

.country-select-desc{
    padding-top: 50px;
}

.country-ex-first{
    display: inline-block;
    width: 20%;
    text-align: center;
    margin-left: 25px;
    margin-bottom: 25px;
}

.country-ex-first > h2 , .country-ex-second > h2 , .country-ex-third > h2 {
    color: #0A6086;
}

.country-ex-firsta{
    display: inline-block;
    width: 20%;
    text-align: center;
    margin-left: 25px;
    margin-bottom: 25px;
}

.country-ex-firsta > h2{
    color: #0A6086;
}





.country-ex-second{
    display: inline-block;
    width: 20%;
    text-align: center;
    margin-left: 25px;
}

.country-ex-second > a >img , .country-ex-third > a > img{
    width: 100px;
    height: 145px;
}



.country-ex-third{
    display: inline-block;
    width: 50%;
    margin-right: 25px;
}

.country-ex-third > a >img{
    margin-left: 25px;
}


.v-sep{
    height: 125px;
    margin-bottom: 25px;
    width: 2px;
    display:inline-block;
    padding-top: 25px;
}

.v-sep > div{
    background-color: #0A6086;
    height: 190px;
}

.div50right{
    display: inline-block;
    width:49%;
    text-align: right;
    margin-top:25px;
    margin-bottom: 25px;
    cursor: pointer;
}

.div50right > img , .div50left > img {
    opacity: 0.5;
}

.div50right > img:hover , .div50left > img:hover {
    opacity: 1;
}

.div50right > div , .div50left > div{
    background-color: #E3E2E2;
    padding: 15px;
    padding-right: 50px;
    text-align: center;
    font-size: 18px;
    position: absolute;
    margin-top: 50px;
    color: #0A6086;
    font-weight: bold;
    margin-right: 200px;
    padding-left: 50px;
    z-index: 1;
}

.div50left{
    display: inline-block;
    width:49%;
    text-align: left;
    margin-top:25px;
    margin-bottom: 25px;
    cursor: pointer;
}

.usemargin{
    margin-top: 50px;
    margin-bottom: 50px;
}

.filterEvent{
    display: inline-block;
    text-align: center;
    width: 100%;
}

.filterItem{
    display: inline-block;
    text-align: center;
    border: 1px #000 solid;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
}

.filterItem:hover , .filterActive{
    color: #fff;
    background-color: #0A6086;
}


.eventItem{
    display: inline-block;
    width: 30%;
    margin: 15px;
    vertical-align: top;
}

.eventItem > img{
    width: 250px;
    height: 150px;
}

.eventItem > h3{
    color: #C21648;
    margin-top: 10px;
    height: 70px;
    font-size: 18px;
}

.eventDate{
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.eventDesc{
    font-size: 14px;
    height: 220px;
    text-align: justify;
}

.eventMore{
    text-align: left;
    font-weight: bold;
}

.loadMore{
    width: 50%;
    padding: 10px;
    background-color: #C21648;
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin-top: 55px;
    font-weight: bold;
    font-size: 18px;
    margin-right: 26%;
    margin-left: 25%;
}

.loadMore:hover , .loadMoreHover{
    background: #fff;
    color: #C21648;
    border: 1px #C21648 solid;
    margin-bottom: -2px;
}

.eventInner{
    position: absolute;
    font-size: 24px;
    font-weight: bold;
    background-color: #D2D1D1;
    bottom: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
}

.eventInner > span{
    color: #fff;
    background-color: #C21648;
    padding: 11px;
}

.eventMargin{
    margin-top: 550px;
    margin-bottom: 30px;
    font-size: 18px;
}

.columnd > a > img , .columne > a > img {
    width: 150px !important;
}

.linksWrapper{
    display: inline-block;
    width: 29%;
    margin: 20px;
    text-align: center;
    vertical-align: text-top;
}

.linksWrapperSingle{
    display: inline-block;
    width: 100%;
    margin: 20px;
    text-align: center;
    vertical-align: text-top; 
}

.linksTitle{
    font-weight: bold;
    font-size: 16px;
    color: #C21648;
}

.linksBody{
    text-align: right;
    padding: 15px;
}

.singleLinkWrapper{
    padding: 15px;
}

.singleLinkTitle{
    font-weight: bold;
}

.singleLink{
    word-wrap: break-word;
}

.footerCenter{
    margin-right: 65px;
}

.footerCustom{
    width: 30%;
}

.reportImg{
    width:100px;
}

.allLinks{
    color:#fff;
}

.allLinks:hover{
    color: #ccc;
}

.reportItem{
    width: auto !important;
    height:150px !important;
}

.manualTitle{
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    color: #C21648;
    margin-bottom: 25px;
    margin-top: 10px;
}

