/*
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,700");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700");
*/
/* @import url("https://fonts.googleapis.com/css?family=Merriweather:400,300,700,900%7CRoboto+Condensed:400,300,700%7CRoboto:400,300,700"); */

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,700,900%7CAlegreya:400');

/* @import url("https://fonts.googleapis.com/css?family=Merriweather:400,300,700,900%7CRoboto+Condensed:400,300,700%7CRoboto:400,300,700"); */
/* @import url("https://fonts.googleapis.com/css?family=Lateef&subset=arabic,latin"); */

@import url("https://fonts.googleapis.com/css?family=Droid+Arabic+Naskh:400,700");
@import url("https://fonts.googleapis.com/css?family=Droid+Arabic+Kufi:400,700");

/* @import url("https://fonts.googleapis.com/css?family=Lateef&subset=arabic,latin"); */

/* @import url("https://fonts.googleapis.com/css?family=Droid+Arabic+Naskh:400,700");
@import url("https://fonts.googleapis.com/css?family=Droid+Arabic+Kufi:400,700"); /*
/*
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url("../fonts/Hgo13k-tfSpn0qi1SFdUfbO3LdcAZYWl9Si6vvxL-qU.woff") format('woff');}
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto Regular'), local('Roboto-Regular'), url("../fonts/CrYjSnGjrRCn0pd9VQsnFOvvDin1pK8aKteLpeZ5c0A.woff") format('woff'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url("../fonts/d-6IYplOFocCacKzxwXSOLO3LdcAZYWl9Si6vvxL-qU.woff") format('woff'); }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url("../fonts/b9QBgL0iMZfDSpmcXcE8nMrfajfqx5pse9BUPMmpr-I.woff") format('woff'); }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url("../fonts/Zd2E9abXLFGSr9G3YK2MsNxB8OB85xaNTJvVSB9YUjQ.woff") format('woff'); }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url("../fonts/b9QBgL0iMZfDSpmcXcE8nPZRQUbYfRc-1FWT9T9EE8M.woff") format('woff');}
*/

html { -webkit-text-size-adjust: none; } /* Prevent font scaling in landscape -webkit-text-size-adjust: none; */
body, img, div, p, h1, h2, h3, h4, h5, form { margin: 0; padding: 0; }
body { background-color:#f7f3ec; }
body, h1, h2, h3, h4, h5 { font-family: 'Source Sans Pro', sans-serif; font-size:16px; line-height:24px; font-weight:400; color:#444; white-space: normal; text-align:left;  }
img { border:0px; }
a { text-decoration:none; color:#4682C4; }
ul { margin:0; padding-left:20px; padding-bottom:17px; }
p { padding-bottom:16px; padding-top:0px; }
hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin-bottom:20px; }
.rounded {border-radius: 4px; }
.cent { margin-left:auto; margin-right:auto; width:86px; }

/* NAMED COLORS */
.rouge { color:#C41230 !important; } .rougef { color:#C4122F !important; } .blanc { color:#fff !important; } .grey_bg { background-color:#EDEDED !important; } .green_bg { background-color:#15C288 !important; } .rouge_bg { background-color:#C41230 !important; }
.oblue { color: #1A2F54 !important;}

/* TITLES */
h1 { position:relative; font-weight:700; font-size:35px; line-height:44px; padding-left:2.9%; padding-top:13px;  padding-right:2.5%; }
/* h2 { font-weight:normal; font-size:17px; line-height:25px; padding-bottom:20px; } */

h2 { font-family: 'Alegreya'; position:relative; width:100%; font-size:24px; color:#1A2F54; padding-bottom:28px; font-weight:500; }
h3 { font-weight:700; font-size:23px; line-height:110%;  }
h4 { font-size:28px; line-height:25px; font-weight: bold; }
h5 { font-family: 'Alegreya'; padding-bottom: 28px; font-size: 20px;}

.con19 { font-family: 'Roboto Condensed'; font-size:19px; line-height:21px; }
.reg18 { font-family: 'Roboto'; font-size:18px; line-height:24px; }

.large_section_title { position:relative; font-family: 'Roboto Condensed'; font-weight:700; font-size:42px; line-height:42px; }
.tri { position:relative; background:url("../images/tri_72_34.png") 0px 0; left:15px; top:-17px; width:72px; height:17px; background-size:72px 34px; float:left; z-index:100; }

.kufi { font-family: 'Droid Arabic Kufi' !important; text-align:right !important; direction:rtl; }
.arabic { font-family: 'Droid Arabic Naskh' !important; font-size:17px; text-align:right !important; direction:rtl; line-height:30px; }

#page_body_body { float:left; width:69.6%; max-width:100%; text-align:left;}
#dafloat, #dafloat2 { float:left; width:25%; padding-left:2.9%; text-align:left; padding-right:10px; line-height:20px; }

#sidem #section {  font-weight:400; font-size:20px; padding-top:20px; line-height:40px;  }
#sidem a {  color:#555; display:block; font-weight:300; font-size:15px; padding-top:5px; border-bottom:solid 1px #999; padding-bottom:2px; line-height:32px; text-indent: 11px;  }
#sidem a:hover { color:#b58b4d; }
#sidem .sss { font-size:14px; padding:7px 0 6px 21px; text-indent: 0px;  font-weight:normal; line-height: 24px; }
.sidem-ar {}
.sid_selected { font-weight:700 !important; }
.sectt { font-weight: bold !important; color:#b58b4d !important; }



/* MENUBAR AND DROPDOWNS */

#wide_topbar { margin:0 auto; position:relative; max-width:100%; overflow:hidden; text-align:left; height:40px; z-index:200; overflow:visible;}
#topbar { margin:0 auto; position:relative; width:100%; max-width:100%; overflow:hidden; text-align:left; height:31px; padding-top:9px; background-color:#1A2F54; z-index:200; overflow:visible; font-size: 15px; }


#page_menubar { position:absolute; top:0px; left:0px; width:100%; text-align: right; }
#bar { list-style-type: none; margin:0; padding:0; display:inline-block; text-align:left; }
#bar li { display:inline; float:left; }
.bar_item { display:block; font-size:22px; line-height:20px; font-weight:300; color:#000; padding:25px 20px 27px 20px;  }
.bar_item2 { display:block; font-size:22px; line-height:20px; font-weight:normal; color:#fff; padding:25px 20px 27px 20px; background-color: #c8ab62; }
.copyhover { color:#fff; background-color:#c8ab62;  }
/* color:#fff; background-color:#C41230; border-bottom: 4px solid black; padding-bottom:18px;*/ /*  */
.selecthover { font-weight:700; }
.subm { font-weight:normal !important; padding-bottom:0 !important;}
#mobile_menub { position:absolute; background:url("../images/bm_menu22.png") 0px 0; right:0px; top:0px; width:40px; height:53px; background-size:80px 53px; z-index:10; display:none; }
.mobile_menub_hover { background-position: 40px 0px !important; width:40px; height:53px; background-size:80px 53px; }

.men { position:absolute; margin:0; padding:0; padding-top:3px; text-align:inherit; display:none; min-width: 180px; }
.men a { font-size:14px; display:block; background-color:#3B3A3F; color:#fff; padding:8px 20px 5px 20px; min-height:23px; text-align:inherit; left:15px; z-index:20000; }
.men a:first-child { border-top: solid 10px #3B3A3F; }
.men a:last-of-type { border-bottom: solid 10px #3B3A3F; }
.men a:hover { background-color:#262529; }
.men .men { margin-left:100%; left:-10px; margin-top:-39px; width:250px; }
.men .men a { background-color:#c8ab62;  }
.men .men a:first-child { border-top: solid 10px #c8ab62; }
.men .men a:last-of-type { border-bottom: solid 10px #c8ab62; }
.men .men a:hover { background-color:#333; }

#magni { position:absolute; background:url("../images/mag20x2b.png"); right:30px; top:27px; width:20px; height:20px; background-size:20px 20px; z-index:100; cursor:pointer; }
#lock { position:absolute; background:url("../images/lock_20_30.png"); width:10px; height:15px; background-size:10px 15px; right:10px; top:10px;  }

.bar_item3 { display:block; font-size:22px; line-height:20px; font-weight:300; color:#000; padding:25px 20px 27px 20px;  }

/* LOGOS */
/* #logo { float:left; position:relative; display:block; background:url("../images/logox2_704_108.png"); background-size:357px 54px; width:357px; height:54px; top:16px; left:2.9%; z-index:100; } */

#logo { float:left; position:relative; display:block; background:url("../images/logox2_704_108.png"); background-size:317px 48px; width:317px; height:48px; top:15px; left:2.9%; z-index:100; }
#logo-ar { float:left; position:relative; display:block; background:url("../images/logo-ar.png"); background-size:337px 55px; width:337px; height:55px; top:11px; left:2.9%; z-index:100; }



/* CARDS */
.card { position:relative; display:block; text-decoration:none; }
/*
.hpic2 { overflow:hidden; }
.hpic2 .cc { position:absolute;top:0;left:-50%;width:200%;height:100%; }
.hpic2 .cc img { position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;min-width:50%;min-height:100%; }
.card .img_holder { position:relative; width:100%; height:155px; overflow:hidden; background-color:#000;}
.card .img_holder img { display:block; position:relative; width:100%; min-width:auto; max-height:auto; min-height:100%; }
*/
.img_holder {  position:relative; width:100%; height:auto; min-height:155px; overflow:hidden; background-color:#000; }
.img_holder .cc { position:absolute; width:200%; height:100%; top:0; left:-50%; background-color:#000; }
.img_holder .cc img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; min-width:50%; min-height:100%;  }

/* .card .txt_holder { text-align:left; padding-left:15px; padding-top:15px; height:80px; } */
.text_card { position:relative; width:473px; border:0; margin-bottom:15px; background-color:#fff; max-width:100%; font-family: 'Roboto'; font-size:14px; color:#000;  }
.text_card .card_title { font-family: 'Roboto Condensed'; color:#000; font-weight:700; font-size:29px; padding-top:26px; padding-left:2.9%; }
.text_card_title { font-family: 'Roboto Condensed'; color:#000; font-weight:700; font-size:29px;  color:#C41230; padding-top:30px; }
.csp { float:left; position:relative; width:473px; border:0;  margin-bottom:15px; margin-left:2.9%; max-width:94.6%; font-size:14px; }
.csp3 { float:left; position:relative; width:300px; border:0;  margin-bottom:15px; margin-left:2.9%; max-width:94.6%; font-size:14px; }
.csp4 { float:left; position:relative; width:219px; border:0;  margin-bottom:15px; margin-left:2.9%; max-width:94.6%; font-size:14px; }
.card .txt_line {position:relative; left:0px; font-weight:normal; font-size:17px; line-height:20px; color:#000; margin:0; }
.card:hover { box-shadow: 0 0 10px #ccc; }
.card_header { position: relative; top:0px; left:0px; right:0px; text-align:left; font-family: 'Roboto Condensed'; font-weight:700; font-size:35px; line-height:28px; color:#fff; background-color:#C41230; padding: 35px 50px 10px 15px; height:55px;  }

.header_arrow { position:absolute; top:30px; right:20px; background: url("../images/smallarrow_15_40x2.png"); width:15px; height:40px; background-size: 15px 40px; }
/* background-color:#fff; */
.txt_holder {  }
.bigarrow { position:absolute; right:10%; top:140px; background:url("../images/bigarrow_42_122_x2.png"); width:21px; height:66px; background-size:21px 66px; }
.card3 { position:relative; float:left; width:305px; border:0; height:235px; margin-bottom:15px; margin-left:2%; background-color:#c41230; color:#fff; text-align:left;  }
.card33 { float:left; width:305px; border:0;  margin-bottom:15px; margin-left:2%; background-color:#fff; }
.stuck_image { position:absolute; right:0px; background-repeat:no-repeat;  }
.text29 { font-family: 'Roboto Condensed'; color:#000; font-weight:700; font-size:29px; line-height:26px; }
#section_title { font-family: 'Roboto Condensed'; padding-top:13px; padding-left:2.9%; font-weight:700; font-size:28px; color:#C41230; float:left;}


/* LARGE PAGES WITH FORMS */
.title_large { position:relative; font-family: 'Roboto Condensed'; font-weight:700; font-size:42px; line-height:42px; padding-left:2.9%; padding-top:30px; }
.text { position:relative; font-weight:300; padding-left:2.9%; font-size:18px; line-height:27px; padding-top:15px; width:500px; max-width:94.6%; }
.text_large { position:relative; font-family: 'Roboto Condensed'; font-weight:500; font-size:23px; line-height:25px; padding-left:2.9%; padding-top:30px; width:450px; max-width:94.6%;  }

/* FORMS */
form { }
.form_card { position:relative; width:473px; border:0;  margin-bottom:15px; margin-left:2.9%; background-color:#fff; max-width:94.6%; font-size:14px;  }
.form_card_header { position:relative; width:100%; height:100px; background-color:#EDEDED; text-align:center; }
.form_card_title { font-family: 'Roboto Condensed'; color:#000; font-weight:700; font-size:29px; padding-top:40px; line-height:26px; }
#marker { position:absolute; background:url("../images/form-arrow-14_30.png"); width:14px; height:30px; z-index:1000; top: -1000px; left: -1000px;}
#response { display:none; font-weight:normal; font-size:17px; line-height:25px; padding-bottom:20px;}
input[type=text] { 	font-size:14px; line-height:19px; height:30px; border: 0px solid #ccc; padding-left:15px; width:100%; border-radius: 2px; background-color:#EDEDED; font-family: 'Merriweather' !important;  }
input[type=text]:focus { outline-width: 0;}
textarea { 			font-size:14px; line-height:19px; height:100px; border: 0px solid #CCC; padding: 8px 15px 8px 15px;  width:404px; max-width:100%; border-radius: 2px; background-color:#EDEDED; font-family: 'Merriweather' !important;  }
select { 			font-size:14px; line-height:19px; height:30px; border: 0px solid #CCC; width:404px; max-width:100%; background-color:#EDEDED; margin-bottom:6px; }
label { display:block; color:#555; }
#upl { display:block; position:relative; width:99%; background-color:#eee; min-height:50px; border-radius: 4px; }
#dopt { position:absolute; color:#C41230; top:22px; right:30px; width:200px; text-align:right; }
#next_button {position:absolute; bottom:20px; right:7%; }

input[type=text]:lang(ar) { padding-left:0px; padding-right:15px; font-family: 'Droid Arabic Kufi' !important; text-align:right !important; direction:rtl; line-height:27px; }
textarea:lang(ar) { font-family: 'Droid Arabic Kufi' !important; text-align:right !important; direction:rtl; }

.fln { padding-right:2.5%; padding-bottom:16px; color:#555; }
.fln label { padding-left:19px; text-indent:-19px; padding-right:7px; line-height:20px; }
.fln > span { display:inline-block; max-width:100%; padding-right:2%; width:49%; }
.fln > span.u100 { width:99%;   }
.fln > input { width:99%;   }
.fln > span:last-of-type { padding-right:0%; } 

.fln:lang(ar) {padding-right:0%; padding-left:2.5%;}
.fln > span:lang(ar) { padding-right:0%; padding-left:2%; width:49%; }
.fln > span:last-of-type:lang(ar) { padding-left:0%; } 

/* PAGE CONTAINERS */
.wide_body { position:relative; background-color:#f7f3ec;}
/*.wide_body { padding-top:70px; } */

/* PAGES */
.page_block { margin:0 auto; position:relative; width:800px; max-width:100%; overflow:hidden; text-align:left; padding-top: 0px; background-color:#fff; }

/* BLOCK MODIFIERs */
.top_block { padding-top: 70px; padding-bottom: 36px; }
.last_block { padding-bottom:60px; }

.top_block2 { padding-top: 40px; padding-bottom: 36px; }

.page_body, #top_sp, #white_page, #black_page, #page_bottom, #normal_page { margin:0 auto; position:relative; width:800px; max-width:100%; overflow:hidden; text-align:left; }
/* position:fixed; left:0; right:0;  *//*border-left:1px solid #eee; border-right:1px solid #eee;*/
#page_top {margin:0 auto; position:relative; width:1150px; max-width:100%; overflow:hidden; text-align:left; height:70px;  z-index:100;  overflow:visible; }
#undertop { } /* position:fixed; left:0; right:0; height:70px; background-color:#fff; box-shadow: 0 0 10px #ccc; }*/
/* #padder { margin:0 auto; position:relative; background-color:#f3f4f5; height:70px; } */
#bottom_page { margin:0 auto; position:relative; height:300px;  background-color:#fff; width:1150px; max-width:100%;   }
#wide_page_top {margin:0 auto; position:absolute; width:100%; height:72px;  z-index:100; overflow:visible; background-color:#fff;}



#top_sp { height:48px;}
#white_page { background-color:#fff;  }
#normal_page { padding-top:105px; background-color:#f7f3ec; }
#black_page { padding-bottom:20px; background-color:#000; border-bottom: solid 30px #f3f4f5; color:#fff; }
#page_bottom { background-color:#fff; padding-top:20px; color:#555; border-top: solid 1px #ddd; }
#section_nm { font-family: 'Roboto Condensed'; padding-top:13px; padding-left:2.9%; font-weight:700; font-size:28px; color:#C41230; }
#story_date { font-family: 'Roboto Condensed'; color:#000; font-weight:400; font-size:23px; padding:25px 0 0px 2.9%; }
#story_subtitle { font-family: 'Roboto Condensed'; color:#000; font-weight:700; font-size:23px; line-height:25px; padding-top:10px;  padding-left:2.9%; }
#body_text { float:left; width: 630px; max-width:94%; padding-left:22px; padding-right:22px; margin-top:25px; margin-bottom:20px; }

#content, #disqus_thread { position:relative; float:left; margin-left:2.9%; font-weight:300; font-size:18px; line-height:27px; color:#444; padding-top:25px; width:700px; max-width:94.6%;  }
#page_body_img { position:relative; display:block; width:700px; max-width: 100%; background-color:#000;  margin-bottom:30px;  }
#page_body_img img { position:relative; display:block; width:700px; max-height:auto; }
#page_body_img span { display:block; padding-top:6px; font-size:14px; line-height:19px; background-color:#fff;  }

.body_img { position:relative; float:left; display:block; width:700px; max-width: 100%; background-color:#000;  margin-bottom:30px;  }
.body_img img { position:relative; display:block; width:700px; max-height:auto; }
.body_img span { display:block; padding-top:6px; font-size:14px; line-height:19px; background-color:#fff;  }
.body_vid { margin-bottom:30px;  }

.pullquote { display:block; float:right; font-family: 'Roboto', sans-serif; font-size:18px; line-height:20px; font-weight:700; border-top: solid 2px #000; padding: 12px 0px 12px 5px; margin-bottom:20px; margin-left:15px; width:260px; color:#C41230; border-bottom: solid 1px #000; }

#content_wide { position:relative; float:left; margin-left:2.9%; margin-right:2.5%; font-weight:300; font-size:17px; line-height:29px; color:#444; padding-top:25px; width:94.6%;   }
#page_img_wide { margin-bottom:30px; max-width: 100%; overflow: hidden; padding-left:2.9%; }
#page_img_wide img { position:relative; display:block; max-height:auto; max-width: 100%; min-height:200px;  }
#page_text_wide { }
#content_wide p { padding-bottom: 26px !important;}


/* OSAIMI BOTTOM */
#wide_blank {margin:0 auto; position:relative; max-width:100%; background-color:#fff; z-index:50; overflow:visible;}
#bottom_links { position:absolute; display:block; left: calc(20% - 78px);  text-align:center;  }
#bottom_links a { color:#999; display:block; font-size:14px; padding-top:5px; }
#bottom_contact { position:absolute; display:block; left: calc(80% - 90px); text-align:center; direction:rtl;   }
#bottom_contact ul { padding:0; margin:0;    }
#bottom_contact li { color:#999; display:block; font-size:14px; padding-top:5px; }

/* BOTTOM COLUMNS - NOT USED */
/*
#bot3 { float:left; position:relative; width:590px; margin-left:4%; margin-right:4%; text-align:left; height:85px;  }
#bot4 { float:right; position:relative; width:270px; margin-right:22px; text-align:right; height:64px; }
#bot3 div, #bot4 div { position:absolute; }
*/

/* OSAIMI ARTICLE NAV */
#arau { float:left; position:relative; display:block; background:url("../images/araux4_72_116.png"); background-size:262px 49px; width:262px; height:49px; top:11px; left:2.9%; }
#navi { float:right; margin-right:30px; margin-left:30px; margin-top:30px;  z-index:100; }
#ppage { position:relative; display:inline-block; background:url("../images/araux4_72_116.png"); background-size:18px 29px; width:18px; height:29px;-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; overflow:hidden; white-space:nowrap; z-index:1;}
#npage { position:relative; display:inline-block; background:url("../images/araux4_72_116.png"); background-size:18px 29px; width:18px; height:29px; z-index:1;}

/* OSAIMI SOCIAL LINKS */
#social { margin:0 auto; position:relative; top:-10px; width:84px; }
#ln { position:relative; display:inline-block; background:url("../images/lntwtx2_176_80.png"); background-size:88px 40px; width:40px; height:40px; z-index:1; }
#twtr { position:relative; display:inline-block; background:url("../images/lntwtx2_176_80.png"); background-size:88px 40px; background-position:40px 0px; width:40px; height:40px; z-index:1; }




/* BUTTONS */
a.aca_button, a.aca_button2 { display:inline-block; cursor:pointer; text-align:center; height:34px; font-weight:700; padding:14px 31px 0px 30px; margin-top:10px; border-radius: 4px; }
a.aca_button { background-color:#c8ab62; color:#fff; } 
a.aca_button2 { background-color:#fff; color:#c8ab62; } 
a.aca_button:hover , a.aca_button2:hover { background-color:#664E2D; } 

.searchf { display:block; position:absolute; color:#555; height:30px !important; background-color:#fff !important; width:260px !important; font-size: 14px; padding:0px 24px 0px 23px; margin-top:21px; border-radius: 4px; right:15px;  }
.searchf:focus { outline-width: 0; }

#botl1 { float:right; margin-left:2.9%; width:60%; color:#555; line-height:20px; text-align:right;}
#botl2 { float:right; margin-right:2.5%; text-align:right; color:#999; line-height:20px; }
#privacy:after { content:" | "; }

.ptitle { position:relative; font-family: 'Roboto'; font-weight:700; font-size:20px; line-height:25px; padding-top:10px; }
.psub { position:relative; font-family: 'Roboto'; font-weight:700; font-size:17px; line-height:22px; padding-bottom:20px; }



/* CONTACT PAGE COLUMNS */
.u30 { float:left; position:relative; width:30%; padding-left:2.9%; margin-bottom: 30px; }
.u60 { float:left; position:relative; width:64.2%; padding-left:2.9%; }

.titles { position:relative; width:100%; font-size:24px; color:#1A2F54; margin-bottom:30px;  }
.sub_centered { position:relative; width:90%;  margin-bottom:20px; font-size:16px; text-align:center; margin:0 auto; padding-top: 10px; padding-bottom: 20px; }
.text_centered { text-align:center !important; }



.text_part .title { font-weight:500; }


.circle { background:url("images/circle_242.png"); width:121px; height:calc(121px - 52px); background-size:121px 121px; padding-top:52px; color: #c8ab62; font-size:26px; padding-left:2px; text-align:center;    }
.circle_title { width: 100%; text-align:center; font-size:16px; color:#1A2F54; }
.circle_block { position:relative; display:inline-block; width: 121px; height:150px; padding:20px;  }
#some-element { 
    background-color: #1A2F54; /* Fallback */
    background-color: rgba(26, 47, 84, .8); 
}
#some-element2 { 
    background-color: #1A2F54; /* Fallback */
    background-color: rgba(20, 38, 69, .8);
}
#banner-box { position:absolute; right:2.9%; width:480px; max-width:92%; padding;top:30px; }
#banner-box2 { position:relative; display:block; margin:0 auto; width:900px; max-width:72%; padding;top:80px; }

.top_elem { padding-top:0px; width: 100% !important;}

/*
header { margin:0 auto; position:fixed; max-width:100%; background-color:#fff; z-index:100; -webkit-box-shadow: 2px -5px 9px 6px rgba(0,0,0,0.36); -moz-box-shadow: 2px -5px 9px 6px rgba(0,0,0,0.36); box-shadow: 2px -5px 9px 6px rgba(0,0,0,0.36); width:100%; height:40px; }


.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}
*/

.sectionss {  width:300px; display:inline-block; text-align: left; padding-right:30px; padding-top:60px; padding-left:2.9%; vertical-align: top; }
.ib { display:inline-block; width:100%; vertical-align: top;}

#menu126drop { margin-right: 100%; right: -10px;}
#menu137drop { margin-right: 100%; right: -10px;}
#menu125drop { margin-right: 100%; right: -10px;}






.fin_links { cursor: pointer; list-style-type: none; text-align:center !important; padding-left:0; padding-right:0; }
.fin_links li { display:inline-block; margin: 2 10px 2 10px; color:#bbb; border-bottom: solid 1px #fff; -webkit-tap-highlight-color: transparent;}
.fin_links li:hover { color:#fff;}
#aa, #ba, #ca, #da, #ea { display:none;  transition-duration: 0.3s;}

.fin_links2 { cursor: pointer; list-style-type: none; text-align:center !important; padding-left:0;}
.fin_links2 li { display:inline-block; margin: 2 10px 2 10px; color:#bbb; border-bottom: solid 1px #fff; -webkit-tap-highlight-color: transparent;}
.fin_links2 li:hover { color:#fff;}
#ab, #bb { display:none;  transition-duration: 0.3s;}

.fin_links3 { cursor: pointer; list-style-type: none; text-align:center !important; padding-left:0;}
.fin_links3 li { display:inline-block; margin: 2 10px 2 10px; color:#bbb; border-bottom: solid 1px #fff; -webkit-tap-highlight-color: transparent;}
.fin_links3 li:hover { color:#fff;}

#ac, #bc { display:none;  transition-duration: 0.3s; }


.selekted { border-bottom: solid 1px #c7ab62 !important; color:#fff !important;  }
.selekted2 { border: solid 2px #c7ab62 !important; color: #000 !important; border-radius: 5px; padding-left: 8px; padding-right: 8px; margin: 0 0px 0 0px !important; }

.ert, .ert2, .ert3 { padding-top: 22px; }

.ert i { color: #c7ab62;}
.ert2 i { color: #c7ab62;}
.ert3 i { color: #c7ab62;}

h4 { text-transform: uppercase; color:#c7ab62; padding-bottom:20px; font-size: 19px; }
h5 { text-transform: uppercase; color:#c7ab62;  }

.underline {
  display: inline;
  position: relative;
  overflow: hidden;
}
.underline:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: -5px;
  background: #000;
  height: 4px;
  transition-property: left right;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.underline:hover:after,
.underline:focus:after,
.underline:active:after {
  right: 0;
}

.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}



header { margin:0 auto; position:fixed; max-width:100%; z-index:100; -webkit-box-shadow: 2px -5px 9px 6px rgba(0,0,0,0.36); -moz-box-shadow: 2px -5px 9px 6px rgba(0,0,0,0.36); box-shadow: 2px -5px 9px 6px rgba(0,0,0,0.36); width:100%; height:72px; }

.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}





.contnt { padding-top:40px; padding-bottom:25px; }





.supp-title { display:inline-block; font-size:24px; color:#fff; padding-top:40px; font-weight: normal;  }
.sup_sub { display:inline-block; font-size:24px; font-size:16px; padding-top:100px; color:#b58b4e; font-weight: bold; width:74%; }
.sup_text {  display:inline-block; font-weight:lighter; padding-top:20px; color:#fff; width: 74%; max-width: 900px; font-weight: normal;}
.supp-link { color:#b58b4e; padding-top:25px; display: inline-block; font-weight: normal;   }

#home-block { position:absolute; top: 38%; width:100%; text-align: center;  }
.banner-title { position:relative; display:inline-block; color: #B68C4E; font-size:32px; text-align: center; line-height: 150%; font-weight: bold;  }
.banner-text { position:relative; display:inline-block; padding-top:40px; color: #e9c66d; font-size:29px; text-align:center; font-weight:300; width:84%; max-width:820px; line-height: 150%;  }

#bobbl1 { background:url("../images/home_icons2.png"); width:119px; height:119px; background-size:522px 264px; background-position: -6px -6px; }
#bobbl1:hover { background:url("../images/home_icons2.png"); width:119px; height:119px; background-size:522px 264px; background-position: -6px -403px; }
#bobbl2 { background:url("../images/home_icons2.png"); width:119px; height:119px; background-size:522px 264px; background-position: -136px -6px; }
#bobbl2:hover { background:url("../images/home_icons2.png"); width:119px; height:119px; background-size:522px 264px; background-position: -136px -403px; }
#bobbl3 { background:url("../images/home_icons2.png"); width:119px; height:119px; background-size:522px 264px; background-position: -266px -6px; }
#bobbl3:hover { background:url("../images/home_icons2.png"); width:119px; height:119px; background-size:522px 264px; background-position: -266px -403px; }
#bobbl4 { background:url("../images/home_icons2.png"); width:119px; height:119px; background-size:522px 264px; background-position: -398px -6px; }
#bobbl4:hover { background:url("../images/home_icons2.png"); width:119px; height:119px; background-size:522px 264px; background-position: -398px -403px; }

.circle_title { width: 100%; text-align:center; font-size:16px; color:#b58b4e; font-weight: bold; padding-top:5px; }
.circle_block { position:relative; display:inline-block; width: 121px; height:150px; padding:20px;  }
.text_part { padding-bottom:15px;	}

div.fotorama__arr.fotorama__arr--prev { background: url("../images/arrow_58_82.png"); width: 29px; height:41px; background-size:29px 41px; left: 3%; }
div.fotorama__arr.fotorama__arr--next { background: url("../images/arrow_58_82.png"); width: 29px; height:41px; background-size:29px 41px; left: calc(97% - 29px); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; overflow:hidden; white-space:nowrap;  }

@media screen and (max-width: 550px) {
	.supp-title { font-size: 20px;  }
	.sup_sub { padding-top:80px; }
	.sup_text {  font-size: 12px; line-height: 150%; }
	#home-block { top:30%; }
	.banner-title { font-size: 26px; font-weight: bold;  }
	.banner-text { padding-top:30px; font-size:19px; }
}






.circle-arrow { width:52px; height:53px; background-image:url("../images/circl.png"); background-size:52px 53px; margin:0 auto; padding-top:19px; background-repeat: no-repeat; transition-duration: 0.3s; transition-timing-function: ease-out; cursor: pointer;}
.circle-arrow:hover {padding-top:28px; }

.arroo { width:24px; height:14px; background-image:url("../images/arroo.png"); background-size:24px 14px; display: inline-block; }

.language-links { color:#000; font-size: 18px; }
.language-links:hover {color: #e9c66d;}
.en-links { font-family: 'Source Sans Pro', sans-serif; font-size: 17px; font-weight: 600;}
.ar-links { font-family: 'Source Sans Pro', sans-serif;  font-weight: 600;}

.right-align { text-align: right !important;}













@media screen and (max-width: 1200px) {

	#bar {margin-right: calc(50% - 450px); }

}

@media screen and (max-width: 950px) {
	
	/* side menu */
#sidem #section {  font-weight:400; font-size:20px; padding-top:20px; line-height:40px;  }
#sidem a {  color:#555; display:block; font-weight:300; font-size:15px; padding-top:5px; border-bottom:solid 1px #999; padding-bottom:2px; line-height:32px; text-indent: 11px;  }
#sidem a:hover { color:#b58b4d; }
#sidem .sss { padding:7px 0 6px 0px;  }
.sidem-ar {}
.sid_selected { font-weight:700 !important; }
.sectt { font-weight: bold !important; color:#b58b4d !important; }

	
	
	
	
	
	
	.stuck_image { opacity: 0.4; filter: alpha(opacity=40); }
	#mobile_menub { display:block; }
	.page_body { min-width:100%; padding-top:53px; }
	
	
	
	#dafloat2 { width:94.2%; padding-left:2.9%; text-align:left; padding-right:2.9%; }
	.ib { display:inline-block; width:48%;}
	
	#normal_page { padding-top:90px; }
	
	#topbar { position:fixed; }
	#wide_page_top { height:50px; }
	
	#page_top { position:fixed; background-color:#fff; -webkit-box-shadow: 2px -5px 9px 6px rgba(0,0,0,0.36); -moz-box-shadow: 2px -5px 9px 6px rgba(0,0,0,0.36); box-shadow: 2px -5px 9px 6px rgba(0,0,0,0.36); width:100%; height:53px; border-left:0px solid #eee; border-right:0px solid #eee; }
	#page_body_img { padding-left:0px; width:100%;}
	#page_body_img img { width:100%;}
	
	.body_img { padding-left:0px; width:100%;}
	.body_img img { width:100%;}

	.body_vid { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
	.body_vid iframe, .body_vid object, .body_vid embed { position:absolute; top:0; left:0; width:100%; height:100%; } 
	
	#body_text { width:90% !important; }
	#logo {   }
	
	#logo { float:left; position:relative; display:block; background:url("../images/logox2_704_108.png"); background-size:234px 36px; width:234px; height:36px; top:11px; left:2.9%; z-index:100; }
#logo-ar { float:left; position:relative; display:block; background:url("../images/logo-ar.png"); background-size:248px 40px; width:248px; height:40px; top:10px; left:2.9%; z-index:100; }

	
	/*#logo_b, #logo_w { float:left; position:relative; display:block; background:url("../images/logo_osaimi_b_524_96.png"); background-size:262px 48px; width:262px; height:48px; top:11px; left:2.9%; z-index:100; }
	#logo_arb, #logo_arw { float:left; position:relative; display:block; background:url("../images/logo_osaimi_arb_540_100.png"); background-size:270px 50px; width:270px; height:50px; top:11px; left:2.9%; z-index:100; }
 */
	#logo_b, #logo_w, #logo_arb, #logo_arw {top:3px; }
	
	#page_menubar { position:absolute; top:53px; width:100%; left:0px; }
	
	#bar { position:absolute; list-style-type: none; margin:0; padding:0; width:100%; left:0px; display:none; }
	#bar li { float:left; width:100%; text-align:left; border:0; border-top:solid #555 1px; background-color:#3B3A3F;  }
	.bar_item { color:#fff; padding:10px 19px 8px 18px; }
	.bar_item3 { color:#fff; padding:10px 19px 8px 18px; }
	.language-links { color:#fff; }
	.subm { font-weight:normal !important; padding-bottom:8px !important; }
	.card  { min-width:94.6%; }
	#top_sp { height:0px; }
	#bot3 { width:92%;}
	
	.men { position:relative; width:100%; padding-top:0px; display:none;  }
	.men a { border-top:solid #ddd 1px; background-color:#ccc; padding:10px 19px 8px 18px; color:#666;}
	.men a:first-child { border-top:solid #ddd 1px; }
	.men a:last-of-type { border-bottom:0;}
	.men a:hover { background-color:#262529; }
	.men .men { margin-left:0px; left:0px; margin-top:0px; width:100%; }
	.men .men a { background-color:#f7f3ec;  }
	.men .men a:first-child { border-top: solid 0px #2CB3C5; }
	.men .men a:last-child { border-bottom: solid 0px #2CB3C5; }
	.men .men a:hover { background-color:#262529; }
	
	.searchf {  margin-top:6px; right:80px; display:none; }
	#magni { right:50px; top:19px;  }
	
	.u30 { width:100%; }
	.u60 {  width:100%; }
	
	.top_elem { padding-top:50px;}
	
	header { margin:0 auto; position:fixed;  box-shadow: 2px -5px 9px 6px rgba(0,0,0,0.36); width:100%; height:53px; }

	
	
}
@media screen and (max-width: 838px) {
#normal_page { position:relative; margin-left:2.9%; margin-right:2.5%; max-width:94.6%; }
.page_block { position:relative; margin-left:2.9%; margin-right:2.5%; max-width:94.6%; }
.page_body { position:relative; margin-left:2.9%; margin-right:2.5%; max-width:94.6%; }
.contnt { padding-top:140px; }
}

@media screen and (max-width: 695px) {
	#dafloat { display:none; }
	#page_body_body { width:100%;}
	
	
	.sectionss { padding-top:0px; }
	
	.top_block { padding-top: 45px; }
.last_block { padding-bottom:35px; }
}

@media screen and (max-width: 524px) {
	.ib { display:block; width:100%;}
	
	.searchf { width:130px !important; }
	input[type=text], #upl, .fln > span, .fln > span.u100  { width:100%; }
	.fln > span:nth-child(2) { padding-bottom:2px; padding-top:14px; }
	#privacy:after { content:""; display:block; }
	
	#bottom_links { position:relative; display:block; margin:0 auto; left:0px;  }

	#bottom_contact {position:relative; display:block; margin:0 auto; left:0px; top:30px;  }
	#bottom_page { height:auto; padding-bottom:48px;  }
}



@media screen and (max-width: 400px) {
	.searchf { width:117px !important; }
}