@charset "utf-8";
/* CSS Document */
@import url(droidarabickufi.css);
.for-admission {display: none!important}

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;
        font-size:100%;
        font:inherit;
        /*vertical-align:baseline;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
        display:block;
}
body {
        line-height:1;
}
ol, ul {
        list-style:none;
}
blockquote, q {
        quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content:'';
        content:none;
}
table {
        border-collapse:collapse;
        border-spacing:0;
}


.managedbyImg {display: block; width: 100%; margin-top: 5px;}
.accreditedbyImg {display: block; width: 100%;}

/* ===================================== */

body							{background:#FFF; color:#666; font-family:'robotoregular'; font-size:15px; line-height:normal;}

h1, h2, h3, h4, h5		{padding:7px 0; font-family:'roboto_condensedregular'; color:#a88758;}
h1								{font-size:28px; margin:0 0 7px 0;}
h2								{font-size:26px;}
h3								{font-size:24px; padding:7px 0 0 0; color:#333;}
h4								{font-size:22px;}
h5								{font-size:20px; padding:7px 0 0 0;}

p								{padding:7px 0;}
strong						{font-family:'robotobold';font-weight: bold;}
b								{font-family:'robotobold'; font-weight: bold;}


a								{color:#a88758; text-decoration:none;}
a:hover						{color:#666666;}

.wrapper						{width:990px; margin:0 auto;}
.clear						{clear:both;}
.img_right					{float:right; display:block; margin:0 0 15px 15px;}
.img_left					{float:left; display:block; margin:0 15px 15px 0;}

.img_auto_a					{width:100%; display:block;}
.img_auto_b					{width:auto; display:block;}

.ul_list						{padding:2px 0 2px 35px; list-style-type:disc;}
.ul_list li					{padding:1px 0; list-style-position:outside;}

.ol_list						{padding:2px 0 2px 35px; list-style-type:decimal;}
.ol_list li					{padding:1px 0; list-style-position:outside;}

.table						{width:100%; margin:0; background:#FFF; border-collapse:collapse;}
.table th					{padding:7px 5px; text-align:left; background:#f6f3ee; font-family:'robotobold'; border:1px solid #CCC; vertical-align:text-top;}
.table td					{padding:7px 5px; border:1px solid #CCC; vertical-align:middle; vertical-align:top;}

.quick_links				{padding:2px 0 2px 35px; list-style-image:url(../images/icons/bullet.png);}
.quick_links li			    {padding:2px 0; list-style-position:outside;}


.bread_crumb_wrap				{float:left; width:100%; padding:30px 0; background:url(../images/page-header.jpg) center center repeat-x;}
.bread_crumb_wrap h2			{padding-top:0; text-transform:uppercase;}
.breadcrumb						{float:left; width:100%;}
.breadcrumb li					{float:left; width:auto; display:inline-block; color:#a88758;}
.breadcrumb li a				{color:#fff;}
.breadcrumb li a:hover		{color:#a88758;}
.breadcrumb>.active			{color:#a88758;}
.breadcrumb>li+li:before	{padding:0 5px; color:#fff; content:"/\00a0"}





.page							{float:left; width:100%;}
.header_wrap				{float:left; width:100%; padding:10px 0; background:url(../images/pattern.jpg);}
.header						{float:left; width:100%;}
.logo							{float:left; width:60%;}
.right_area					{float:right; width:35%;}
.right_area_a				{float:left; width:100%; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #a88758;}
.right_area_b				{float:left; width:100%; padding:5px 0 0 0;}

.top_links_a				{float:right; width:auto;}
.top_links_a li			{float:left; width:auto; margin:0 0 0 25px;}
.top_links_a li a			{float:left; width:auto; color:#000000; font-family:'roboto_condensedregular';}
.top_links_a li a:hover	{color:#a88758;}			

.top_links_b				{float:right; width:auto;}
.top_links_b li			{float:left; width:40%; margin:0 0 0 25px; font-family:'roboto_condensedregular'; display: inline-block;}

.menu_wrap					{float:left; width:100%; background:#a88758;}
.fixed 						{position:fixed; top:0; left:0; width:100%; z-index:9999;}

.banner_wrap				{float:left; width:100%;}

.content_wrap				{float:left; width:100%; background:url(../images/pattern.jpg);}
.raw_a						{float:left; width:100%; padding:15px 0; background:rgba(210, 211, 213, .7);}
.raw_b						{float:left; width:100%; padding:15px 0;}
.raw_c						{float:left; width:100%; padding:25px 0; background:#FFF;}

.calendar_wrap				{float:left; width:30%;}
.whats_new					{float:right; width:65%;}
.whats_new_wrap			{float:left;overflow: hidden; width:96%; padding:2%; background:#a88758; -webkit-border-top-left-radius:200px; -webkit-border-bottom-left-radius:200px; -moz-border-radius-topleft:200px; -moz-border-radius-bottomleft:200px; border-top-left-radius:200px; border-bottom-left-radius:200px;height: 218px;}
.whats_new_text			{float:left; width:20%; padding:8% 0 0 0; text-align:center; color:#FFF; font-size:18px;}
.whats_new_slider			{float:left; width:79.9%;}
.whats_new_img				{float:left; width:30%;}
.whats_new_img	img		{width:90%; display:block;}
.whats_new_cont			{float:left; width:70%;}
.whats_new_cont h4		{color:#FFF; padding:0 0 5px 0;}
.whats_new_cont p			{color:#000000; padding:0 0 5px 0;}
.whats_new_cont a			{color:#000000;}
.whats_new_cont a:hover	{color:#FFF;}

.golden_text 				{ color:#a88758!important;}


.f_block_a					{float:left; width:23.5%; padding:0 2% 0 0;}
.f_block_b					{float:left; width:23.5%; padding:0 2% 0 0;}
.f_block_c					{float:left; width:23.5%; padding:0 2% 0 0;}
.f_block_d					{float:left; width:23.5%;}

.cont_us_home				{float:left; width:100%;}
.cont_us_home li			{float:left; width:100%; padding:0 0 5px 0;}
.cont_us_home li span	{float:left; width:10%;}
.cont_us_home li div		{float:left; width:90%;}

.shoot_message				{float:left; width:100%;}
.shoot_message li			{float:left; width:100%; padding:0 0 9px 0;}
.shoot_message li:last-child{padding:0;}
.shoot_message_field		{width:96%; margin:0; padding:7px 2%; outline:0; background:#FFF; border:1px solid #CCC;}
.shoot_message_btn		{margin:0; padding:7px 25px; outline:0; background:#a88758; color:#FFF; border:none; font-family:'robotoregular'; text-transform:uppercase;}

.rtl						{ direction:rtl; font-family: 'Droid Arabic Kufi', serif , Arial; font-size:0.9em; line-height:24px;unicode-bidi:embed;}
.rtl h1, .rtl h2,.rtl h3,.rtl h4,.rtl h5,.rtl h6{ font-family: 'Droid Arabic Kufi', serif , Arial;}
.rtl h3                     { font-size: 20px;}
.rtl .ul_list				{ padding: 2px 35px 2px 0; list-style-type: disc;}
.rtl .ol_list 				{ padding: 2px 35px 2px 0; list-style-type: decimal;}

.row						{ width:100%;}
.half_one					{ width:49%; margin-right:1%; float:left;}
.half_one:last-child		{ margin-right:0;}
.col_row					{float:left; width:98%; padding:5px 1%; background:#f6f3ee; margin:0 0 5px 0; font-family:'roboto_condensedregular'; font-size:20px;}
.coll_a						{float:left; width:90%;}
.coll_b						{float:right; width:10%; text-align:right;}
.coll_cont					{float:left; width:98%; display:noneX; padding:0 1% 10px 1%;}


.footer_wrap				{float:left; width:100%; padding:15px 0; background:#a88758; color:#333; font-size:13px;}
.footer_wrap a				{color:#333;}
.footer_wrap a:hover		{color:#FFFFFF;}
.footer_a					{float:left; width:auto;}
.footer_b					{float:right; width:auto;}


.two_block_wrap			{float:left; width:100%;}	
.block_one					{float:left; width:26%;}
.block_one h1				{float:left; width:100%; display:block; text-transform:uppercase;}
.block_two					{float:right; width:70%;}
.block_two h1				{text-transform:uppercase;}






.central-administration-information		{float:left; width:100%;}
.central-administration-information li	{float:left; width:100%; margin:0 0 25px 0;}
.cai-block										{float:left; width:23%; padding:0.5%; margin:0 0.5%; background:#f6f3ee;}
.cai-block-img									{float:left; width:100%;}
.cai-block-text								{float:left; width:100%; padding:5px 0;}
.cai-block-text h5							{padding:0;}
.cai-block-text p								{padding:0; font-size:13px;}

.committee					{float:left; width:100%; margin:5px 0;}
.committee li				{float:left; width:100%; margin:0 0 25px 0;}
.committee_block			{float:left; width:31.33%; padding:0.5%; margin:0 0.5%; background:#f6f3ee;}
.committee_img				{float:left; width:100%;}
.committee_img img		{width:100%; display:block;}
.committee_text			{float:left; width:100%; padding:5px 0;}
.committee_text h5		{padding:0;}
.committee_text p			{padding:0;}


.members				{float:left; width:100%; margin:5px 0 15px 0;}
.members li			{float:left; width:100%; padding:0;}
.members li h3		{padding:5px 0;}
.members-block		{float:left; width:35%; padding:0.5%; margin:0 0.5%; background:#f6f3ee;}
.members-img		{float:left; width:100%;}
.members-img img	{width:100%; display:block;}
.members-text		{float:left; width:100%; padding:5px 0;}
.members-text h5, .members-text p	{padding:0;}			

.handbooks					{float:left; width:100%; margin:5px 0;}
.handbooks li				{float:left; width:100%; margin:0 0 25px 0;}
.handbooks_block			{float:left; width:31.33%; padding:0.5%; margin:0 0.5%; background:#f6f3ee;}
.handbooks_img				{float:left; width:100%;}
.handbooks_img img		{width:100%; display:block;}
.handbooks_text			{float:left; width:100%; padding:5px 0;}
.handbooks_text h5		{padding:0;}
.handbooks_text p			{padding:0;}


.campuses							{float:left; width:100%;}
.campuses li						{float:left; width:47%; padding:0.5%; margin:0 1%; background:#f6f3ee; position:relative;}
.campuses li .campuses_a		{float:left; width:100%;}
.campuses li .campuses_a img	{width:100%; display:block;}
.campuses li .campuses_b		{position:absolute; width:auto; bottom:10px; left:10px; font-size:30px; color:#FFF; font-family:'roboto_condensedregular'; text-shadow:2px 2px 2px #666666;}


.img_gallery									{float:left; width:100%;}
.img_gallery li								{float:left; width:22%; margin:1%; padding:0.5%; position:relative; background:#f6f3ee;}
.img_gallery li a								{float:left; width:100%;}
.img_gallery li a .img_gallery_img		{float:left; width:100%;}
.img_gallery li a .img_gallery_img img	{width:100%; display:block;}
.img_gallery li a .img_gallery_icon		{position:absolute; display:block; bottom:0; right:0; padding:10px; background:rgba(255,255,255,0.5);}

.contact-us									{float:left; width:100%;}
.contact-us li								{float:left; width:48%; margin:0 2% 0 0;}
.contact-us-in								{float:left; width:100%;}
.contact-us-in li							{float:left; width:100%; padding:5px 0;}
.contact-us-in li .contact-us-in-a	{float:left; width:10%;}
.contact-us-in li .contact-us-in-b	{float:left; width:90%;}






.online_registration						{float:left; width:100%;}
.online_registration li					{float:left; width:100%; padding:10px 0; border-bottom:1px solid #f2f2f2;}
.online_registration li:last-child	{border:none;}						
.online_registration_label				{float:left; width:33%; padding:0 2% 0 0; text-align:right;}
.online_registration_label span		{color:#F00;}				
.online_registration_field				{float:left; width:65%;}

.field_a										{width:90%; margin:0; padding:7px 0px; outline:none; border:1px solid #e5e5e5; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
.field_b										{width:auto; margin:0; padding:7px 0px; outline:none; border:1px solid #e5e5e5; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
.field_c										{width:auto; margin:0; padding:10px 0px; outline:none; border:1px solid #e5e5e5; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}

.button_a									{width:auto; padding:7px 25px; margin:0; outline:none; border:none; color:#FFF; background:#a88758; font-family:'robotoregular'; font-size:18px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
.button_a:hover							{background:#999;}

.button_b									{width:auto; padding:5px 15px; margin:0; outline:none; border:none; color:#FFF; background:#a88758; font-family:'robotoregular'; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
.button_b:hover							{background:#999;}


.forms					{float:left; width:100%;}
.forms li				{float:left; width:100%; padding:5px 0; border-bottom:1px dashed #e5e5e5;}
.forms li:last-child	{border-bottom:none;}			


.alumni_newsletter			{float:left; width:100%; margin:0 0 25px 0;}
.alumni_newsletter_holder	{float:left; width:auto; margin:0 10px 0 0;}
.alumni_newsletter_holder:last-child	{margin:0;}	

.alumni_newsletter_grid				{float:left; width:100%;}
.alumni_newsletter_grid li			{float:left; width:100%; margin:0 0 25px 0;}
.alumni_newsletter_grid_block		{float:left; width:23%; padding:0.5%; margin:0 0.5%; background:#f6f3ee;}
.alumni_newsletter_grid_img		{float:left; width:100%;}
.alumni_newsletter_grid_img img	{width:100%; display:block;}
.alumni_newsletter_grid_text		{float:left; width:100%; padding:5px 0;}
.alumni_newsletter_grid_text h5	{padding:0;}
.alumni_newsletter_grid_text p	{padding:0;}

.alumni_club_wrap						{float:left; width:100%;}
.alumni_club_a, .alumni_club_b	{float:left; width:100%;}
.alumni_club_a							{margin:0 0 25px 0;}
.alumni_club_ba, .alumni_club_bb	{float:left; width:48%; margin:0 2% 0 0;}

.alumni_gallery						{float:left; width:100%;}
.alumni_gallery li					{float:left; width:100%; margin:0 0 25px 0;}
.alumni_gallery_block				{float:left; width:47%; margin:0 1% 0 0; padding:1%; background:#f6f3ee;}
.alumni_gallery_img					{float:left; width:100%;}
.alumni_gallery_img img				{width:100%; display:block;}
.alumni_gallery_text					{float:left; width:100%; padding:5px 0;}

.news_in						{float:left; width:100%;}
.news_in li					{float:left; width:100%; padding:10px 0; border-bottom:1px solid #e5e5e5;}
.news_in li:last-child	{border:none;}	
.news_in_img				{float:left; width:23%;}
.news_in_img img			{border:1px solid #CCC; padding:1px; width:99%; display:block;}
.news_in_des				{float:left; width:75%; margin:0 0 0 2%;}


.vacancies_list			{float:left; width:100%;}
.vacancies_list li		{float:left; width:98%; padding:10px 1%; border-bottom:1px dashed #CCC;}
.vacancies_list li:last-child	{border:none;}		
.vacancies_list li.highlite	{background:#f6f3ee; padding:15px 1%;}
.vacancies_list_a			{float:left; width:9%; padding:0 1% 0 0;}
.vacancies_list_b			{float:left; width:44%; padding:0 1% 0 0;}
.vacancies_list_c			{float:left; width:14%; padding:0 1% 0 0;}
.vacancies_list_d			{float:left; width:14%; padding:0 1% 0 0;}
.vacancies_list_e			{float:left; width:15%;}








/* HOMEPAGE TABS */
#tabs-container				{float:left; width:100%; min-height:280px; background:#FFFFFF;}
.tabs-container				{float:left; width:100%;}
.tabs-menu					{float:left; width:100%;}
.tabs-menu li				{float:left; width:25%; background:#cccccc; text-align:center;}
.tabs-menu li.current		{background:#a88758;}
.tabs-menu li a				{float:left; width:100%; padding:10px 0;}
.tabs-menu .current a		{background:#FFFFFF;}
.tab						{float:left; width:100%;}
.tab-content				{float:left; width:92%; padding:4%; background:#FFFFFF; display:none;}

#tab-1						{display:block;}
#tab-5						{display:block;}
#tab-11						{display:block;}


.tabs-menua					{float:left; width:100%;}
.tabs-menua li				{float:left; width:33%; background:#cccccc; border-right: 0.5px solid #FFFFFF;}
.tabs-menua li.currenta		{background:#FFF;}
.tabs-menua li a			{float:left; width:90%; padding:8px 5%;height:36px;display: flex;align-content:center;align-items:center}
.tabs-menua li a.FAWSEC 	{}	
.tabs-menu .currenta a		{background:#FFFFFF;}
.tab-contenta				{float:left; width:92%; padding:4%; background:#FFFFFF; display:none;}


.tabs-menuaa				{float:left; width:100%;}
.tabs-menuaa li				{float:left; width:20%; background:#cccccc;}
.tabs-menuaa li.currentaa	{background:#FFF;}
.tabs-menuaa li a			{float:left; width:90%; padding:10px 5%;}
.tabs-menu .currentaa a		{background:#FFFFFF;}
.tab-contentaa				{float:left; width:100%; padding:0; background:#FFFFFF; display:none;}


/* HOMEPAGE TABS */

/* ACCORDION */
.topnav 							{float:left; width:100%;}
ul.topnav						{float:left; width:100%;}
ul.topnav li					{float:left; width:100%; margin:0 0 1px 0;}
ul.topnav li:last-child		{margin:0;}
ul.topnav li a					{float:left; width:95%; padding:10px 2.5%; display:block; background:#e1d6c6;}
ul.topnav li a:hover 		{background:#cbb79b; color:#FFF;}
ul.topnav ul					{float:left; width:100%; display:none;}
ul.topnav ul li				{float:left; width:100%; clear:both;}
ul.topnav ul li a				{float:left; width:92.5%; padding:8px 2.5% 8px 5%; display:block; background:#f4f0eb;}
ul.topnav ul li a:hover 	{background:#e5dbcd; color:#a88758;}
ul.topnav ul ul li a 		{float:left; width:90%; padding:6px 2.5% 6px 7.5%; display:block; background:#eee7de;}
ul.topnav ul ul li a:hover	{background:#f6f3ee;}
ul.topnav span					{float:right;}
/* ACCORDION */









/*===================================================================================================
2	) Tablet 
===================================================================================================*/
/* Note:Design for a width of 768px */
@media only screen and (min-width:600px) and (max-width:989px) {

        .img_auto_a					{width:100%; display:block;}

        .fixed 						{position:inherit;}

        .wrapper						{float:left; width:98%; padding:0 1%}

        .logo							{width:100%; text-align:center;}
        /*    .logo img					{width:90%;}*/
        .logo img					{width:auto;}
        .right_area					{width:100%;}
        .right_area_a				{padding:10px 0; margin:10px 0; border-bottom:1px solid #a88758; border-top:1px solid #a88758;}
        .right_area_b				{float:left; width:100%; padding:0;}

        .top_links_a				{width:100%;}

        .top_links_b				{width:100%;}
        .top_links_b li			{width:45%; margin:0 0 0 0; text-align:center;}


        .cai-block					{width:23%; padding:0.5%; margin:0 0.5%;}
        .cai-block-img img		{width:100%;}


        .campuses li .campuses_b	{font-size:25px;}

        .img_gallery li				{width:30%;}

        .managedbyImg               {display: block; width: 30%; margin-top: 5px; margin: auto; padding: 15px 0;}
        .accreditedbyImg            {display: block; width: 53%; margin: auto; padding-top: 10px;}









}




/*===================================================================================================
3	) Mobile
===================================================================================================*/
/* Note:Design for a width of 320px */
@media only screen and (max-width:599px) {

        .img_right					{float:none; width:100%; margin:0; padding:0;}

        .img_auto_a					{width:100%; display:block;}	

        .fixed 						{position:inherit;}

        .wrapper						{float:left; width:96%; padding:0 2%}

        .logo							{width:100%; text-align:center;}
        /*        .logo img					{width:90%;}*/
        .logo img					{width:auto;}
        .right_area					{width:100%;}
        .right_area_a				{padding:10px 0; margin:10px 0; border-bottom:1px solid #a88758; border-top:1px solid #a88758;}
        .right_area_b				{float:left; width:100%; padding:0;}

        .top_links_a				{width:100%;}

        .top_links_b				{width:100%;}
        .top_links_b li			     {width:50%; margin:0 0 0 0; text-align:center;}

        .calendar_wrap				{width:100%; margin:0 0 25px 0;}
        .whats_new					{width:100%;}
        .whats_new_text			{padding:15% 0 0 0;}

        .f_block_a					{width:100%; padding:0 0 15px 0;}
        .f_block_b					{width:100%; padding:0 0 15px 0;}
        .f_block_c					{width:100%; padding:0 0 15px 0;}
        .f_block_d					{width:100%;}

        .footer_a					{width:100%; padding:0 0 10px 0;}
        .footer_b					{width:100%;}

        .block_one					{width:100%;}
        .block_two					{width:100%;}

        .central-administration-information li	{margin:0 0 0 0;}
        .cai-block					{width:48%; padding:0.5%; margin:0 0.5% 25px 0.5%;}
        .cai-block-img img		{width:100%;}




        .members-block				{width:48%; padding:0.5%; margin:0 0.5%;}
        .campuses li					{width:99%; margin:0 0 15px 0;}
        .campuses li .campuses_b	{font-size:24px;}

        .img_gallery li				{width:47%;}

        .contact-us li					{width:100%; margin:0 0 15px 0;}
        .contact-us-in li				{padding:5px 0; margin:0;}

        .online_registration_label				{width:100%; padding:0 0 0 0; text-align:left;}
        .online_registration_field				{width:100%;}
        .field_a								{width:98%;}
        .alumni_newsletter_holder	{width:50%; margin:0 0 0 0; padding:5px 0;}
        .alumni_newsletter_grid li			{margin:0 0 0 0;}
        .alumni_newsletter_grid_block		{width:46%; padding:1%; margin:0 1% 25px 1%;}

        .alumni_club_ba, .alumni_club_bb	{width:100%; margin:0 0 25px 0;}

        .managedbyImg               {display: block; width: 53%; margin-top: 5px; margin: auto; padding: 15px 0;}
        .accreditedbyImg            {display: block; width: 100%; margin: auto; padding-top: 10px;}
}