/*
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://css.animalslebanon.org/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(https://css.animalslebanon.org/CrYjSnGjrRCn0pd9VQsnFOvvDin1pK8aKteLpeZ5c0A.woff) format('woff'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://css.animalslebanon.org/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(https://css.animalslebanon.org/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(https://css.animalslebanon.org/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(https://css.animalslebanon.org/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:#fff; }
body, h1, h2, h3, h4, h5 { font-family: 'Roboto', sans-serif; font-size:13px; line-height:21px; font-weight:normal; color:#333; 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:22px; 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; }

/* TITLES */
h1 { position:relative; font-family: 'Roboto Condensed'; font-weight:700; font-size:42px; line-height:44px; padding-left:2.9%; padding-top:20px;  padding-right:2.5%; }
h2 { font-weight:normal; font-size:17px; line-height:25px; padding-bottom:20px; }
h3 { font-family: 'Roboto Condensed'; font-weight:700; font-size:23px; line-height:110%;  }
h4 { font-family: 'Roboto Condensed'; font-size:28px; line-height:25px; }

.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; }

/* MENUBAR AND DROPDOWNS */
#page_menubar { position:absolute; top:0px; left:187px; }
#bar { list-style-type: none; margin:0; padding:0; width:100%; display:block; cursor:pointer; }
#bar li { display:inline; float:left; }
.bar_item { display:block; font-size:15px; font-weight:normal; color:#000; padding:27px 17px 23px 17px;  }
.bar_item2 { display:block; font-size:15px; font-weight:normal; color:#fff; padding:27px 17px 23px 17px; background-color: #C4122F; }
.copyhover { color:#fff; background-color:#C41230; }
.selecthover { color:#fff; background-color:#C41230; }
.subm { font-weight:normal !important; padding-bottom:0 !important;}
#mobile_menub { position:absolute; background:url(images/bm_menu2.png) 0px 0; right:0px; top:0px; width:40px; height:53px; background-size:80px 53px; z-index:100; 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:left; display:none; }
.men a { font-size:14px; display:block; background-color:#3B3A3F; color:#fff; padding:3px 20px 0px 20px; height:23px; text-align:left; 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:#C41230;  }
.men .men a:first-child { border-top: solid 10px #C41230; }
.men .men a:last-of-type { border-bottom: solid 10px #C41230; }
.men .men a:hover { background-color:#333; }

#magni { position:absolute; background:url(images/mag20x2.png); right:20px; top:26px; 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;  }

/* ALL */
#logo { float:left; position:relative; display:block; background:url(images/aa_essentials/logo_234_94_x2.png); background-size:127px 51px; width:127px; height:51px; top:11px; left:2.9%; }
.card { position:relative; display:block; text-decoration:none;  }
.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%; }
/* .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: 25px 50px 0px 15px; height:55px;  }
.header_arrow { position:absolute; top:20px; right:20px; background: url(images/smallarrow_15_40x2.png); width:15px; height:40px; background-size: 15px 40px; }
.txt_holder { background-color:#fff; }
.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; } */
/* v2 */
.title_large { position:relative; font-family: 'Roboto'; font-weight:500; font-size:38px; line-height:40px; 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%;  }
.text_centered { text-align:center;}

/* FORMS */
.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;}
#marker2 { position:absolute; background:url(images/_site/marker212_76x2.png); width:106px; height:38px; z-index:50; top: -1000px; left: -1000px; background-size:106px 38px;}


#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: 1px solid #ccc; padding-left:5px; width:100%; border-radius: 2px; background-color:#EDEDED; }
input[type=text]:focus { outline-width: 0;}
textarea { 			font-size:14px; line-height:19px; height:100px; border: 1px solid #CCC; padding: 8px 15px 8px 15px;  width:404px; max-width:100%; border-radius: 2px; background-color:#EDEDED; }
select { 			font-size:14px; line-height:19px; height:30px; border: 1px 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%; cursor:pointer;}

.fln { padding-left:7%;  padding-right:7%; padding-bottom:2px; padding-top:14px; 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:1%; width:49%; }
.fln > span.u100 { width:99%;   }
.fln > input { width:99%;   }


/* PAGES */
.wide_body { position:relative; background-color:#F3F4F5; border-top: solid 1px #ddd;}
/*.wide_body { padding-top:70px; } */
.page_body, #top_sp, #white_page, #black_page, #page_bottom { margin:0 auto; position:relative; width:1022px; max-width:100%; overflow:hidden; text-align:left; }
/* position:fixed; left:0; right:0;  */
#page_top {margin:0 auto; position:relative; width:1022px; max-width:100%; overflow:hidden; text-align:left; height:70px; background-color:#fff; z-index:100; border-left:1px solid #eee; border-right:1px solid #eee; 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; } */

#top_sp { height:48px;}
#white_page { padding-bottom:20px; background-color:#fff; border-bottom: solid 30px #f3f4f5; }
#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:18px; line-height:27px; color:#444; padding-top:25px; width:94.6%;   }
#page_img_wide { margin-bottom:30px; max-width: 100%; }
#page_img_wide img { position:relative; display:block; max-height:auto; max-width: 100%; }
#page_text_wide { }

/* BOTTOM COLUMNS */
#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; }

/* 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:#2CB3C5; color:#fff; } 
a.aca_button2 { background-color:#fff; color:#2CB3C5; } 
a.aca_button:hover , a.aca_button2:hover { background-color:#23909E; } 

a.donate_now { display:inline-block; position:absolute; background-color:#C41230; color:#fff; cursor:pointer; text-align:center; height:30px; font-weight:700; padding:12px 24px 0px 23px; margin-top:14px; border-radius: 4px; right:60px;  }
a.donate_now:hover { background-color:#9C0E25; }

.donate_today { position:relative; float:left; width:231px; border:0; height:235px; margin-bottom:15px; margin-top:25px; margin-left:2.9%; background-color:#c41230; color:#fff; text-align:left; }
.donate_today div:nth-child(1) { position:absolute; left:20px; top:18px; font-family: 'Roboto', sans-serif; font-weight:300; font-size:20px; width:80%; line-height:25px; }
.donate_today div:nth-child(2) { position:absolute; left:20px; top:135px; font-family: 'Roboto Condensed'; font-weight:700; font-size:40px; width:170px; line-height:35px; }

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

#fluid { display:block; width:22px; height:22px; background:url(images/fd_44.png); background-size:66px 22px; background-position: 0px 0px; }
#fluid:hover { background-position: -44px 0px; }

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

@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
	#fluid { position:absolute; background:url(images/fd_44.png) -1 0; background-size:66px 22px;}
	#fluid:hover { background-position: -44px 0px;}
}
@media screen and (max-width: 1022px) {
	.stuck_image { opacity: 0.65; filter: alpha(opacity=65); }
	#mobile_menub { display:block; }
	.page_body { min-width:100%; }
	
	#page_top { position:fixed; left:0; right:0; width:100%; height:53px; border-left:0px solid #eee; border-right:0px solid #eee; }
	#padder { margin:0 auto; position:relative; background-color:#f3f4f5; height:53px; }
	
	#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 { top:2px;  }
	#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; }
	.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:#e6e6e6;  }
	.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; }
	
	a.donate_now { margin-top:6px; right:80px; padding:12px 24px 0px 23px; }
	.searchf {  margin-top:6px; right:80px; }
	#magni { right:50px; top:19px;  }
}
@media screen and (max-width: 524px) {
	a.donate_now { padding:12px 24px 0px 23px; }
	.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; }
}
@media screen and (max-width: 400px) {
	a.donate_now { padding:12px 18px 0px 17px; }
	.searchf { width:117px !important; }
}
@media screen and (max-width: 355px) {
	a.donate_now { padding:12px 12px 0px 11px; font-size: 11px; }
	.searchf { width:93px !important; }
	#logo { top:6px; background-size: 100px 40px; width: 100px; height: 40px; }
}
