@font-face { font-family: 'HelveticaNeueW23forSKY-Reg'; src: url('font/helveticaneuew23reg.eot'); src: url('font/helveticaneuew23reg.eot?#iefix') format('embedded-opentype'),  url('font/helveticaneuew23reg.woff') format('woff'),  url('font/helveticaneuew23reg.ttf') format('truetype'),  url('font/helveticaneuew23reg.svg#helveticaneuew23reg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DroidArabicKufi'; src: url('font/droidkufiregular1.eot'); src: url('font/droidkufiregular1.eot?#iefix') format('embedded-opentype'),  url('font/droidkufiregular1.woff') format('woff'),  url('font/droidkufiregular1.ttf') format('truetype'),  url('font/droidkufiregular1.svg#droidkufiregular1') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DroidArabicNaskh'; src: url('font/droidnaskhregular.eot'); src: url('font/droidnaskhregular.eot?#iefix') format('embedded-opentype'),  url('font/droidnaskhregular.woff') format('woff'),  url('font/droidnaskhregular.ttf') format('truetype'),  url('font/droidnaskhregular.svg#droidnaskhregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaNeueLTArabic-Light'; src: url('font/helveticaneueltarabiclight.eot'); src: url('font/helveticaneueltarabiclight.eot?#iefix') format('embedded-opentype'),  url('font/helveticaneueltarabiclight.woff') format('woff'),  url('font/helveticaneueltarabiclight.ttf') format('truetype'),  url('font/helveticaneueltarabiclight.svg#helveticaneueltarabiclight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'arrows_tfbregular'; src: url('font/arrows_tfb.eot'); src: url('font/arrows_tfb.eot?#iefix') format('embedded-opentype'),  url('font/arrows_tfb.woff') format('woff'),  url('font/arrows_tfb.ttf') format('truetype'),  url('font/arrows_tfb.svg#arrows_tfbregular') format('svg'); font-weight: normal; font-style: normal; }
.views-slideshow-controls-text-pause { display: none; }

@font-face {
    font-family: 'helvetica_ce_35_thinregular';
    src: url('font/helvetica_neue_ce_35_thin-webfont.eot');
    src: url('font/helvetica_neue_ce_35_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/helvetica_neue_ce_35_thin-webfont.woff') format('woff'),
         url('font/helvetica_neue_ce_35_thin-webfont.ttf') format('truetype'),
         url('font/helvetica_neue_ce_35_thin-webfont.svg#helvetica_ce_35_thinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {margin: 0;font-family:Lucida Grande,DejaVu Sans,Bitstream Vera Sans,Verdana,Arial,sans-serif  !important }
.not-front .overlay{display: none !important}
/* -------------------- bottommainstory ------------------------------------------------------------- */
#bottommainstory #block-views-news-block-5 .views-field-title a { font-size: 12px; }
#bottommainstory { background-color: rgb(255,  255,  255); background-color: rgba(255,  255,  255,  0.6); -pie-background: rgba(255,  255,  255,  0.6); float: right; margin-top: -153px; padding: 7px 0; position: absolute; width: 100%; z-index: 90; background: rgb(255, 255, 255); background: transparent\9; background: rgba(255, 255, 255, 0.6);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,  endColorstr=#99ffffff);
zoom: 1; }
#bottommainstory .container-12 .grid-3 { width: 22.1%; }
#bottommainstory .newshomeitem { background: none repeat scroll 0 0 #FFFFFF; padding: 5px; }
#bottommainstory .latestnewsslide .views-row a{ color: #27570d !important;font-size:14px}
.latestnewsslide .more-link {margin-top:0;}
/* ------------------------------------- end bottommainstory ------------------------------------------*/
#navigation { position: none; top: 0; width: 100%; }
ul.primary li a { margin: 0; }
#block-views-frontpage-block-1 { float: left; }

.google_map_field_left40pc { float: right; width: 40%; }
.twitterimg img { max-width: 100% }
/* Add mohammed */

body { margin: 0;font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif }
/* Hed */
#block-system-user-menu li {background: #7faf48;}
#block-system-user-menu li a{color: #fff}
#logo_center { margin: 0 auto; padding: 0; }
/*---- */
#site-logo > div.topmenu-right.grid-6 { float: left !important; text-align: left !important; top: 0; }
#site-logo { height: 1px; margin: 0; max-width: 1200px; position: absolute; width: 100%; }
#site-logo > div.topmenu-left.grid-6 { float: right !important; text-align: right !important; top: 0; }
#block-system-user-menu { display: inline-block !important; float: left !important; }
#block-locale-language-content > ul { float: left !important; }
/* end hed */

#navigation .region-navigation { margin: 0 auto; }
.tb-megamenu .nav > li > a { font-weight: normal; padding: 12px 30px; }
.tb-megamenu .nav { text-align: center; }
.tb-megamenu .nav > li { margin: 0 10px; }
#topcontent { margin: 0; display: inline-block; width: 100%; background: none repeat scroll 0 0 #EDEDED; }
.sidebars a:active,  .sidebars a:focus { color: #6B8A13 }
/* ------------------------- mainstory ---------------------- */
.slidethump { background: none repeat scroll 0 0 #FFFFFF; bottom: 160px; display: inline-block; font-size: 20pt; margin: 0 24px; max-width: 1200px; padding: 5px; position: absolute; z-index: 999; }
.features-frontpage .views-field.views-field-nothing-1 { margin: 0 auto; max-width: 1200px; }
/* -------------------- end mainstory --------------------------- */

#mainstory a:hover,  #mainstory a:active { color: #fff !important; }
#mainstory .block,  #bottommainstory .block { margin: 0 auto; }
#bottommainstory table { margin: 0; }
.eyes table { width: 100%; }
#logo { padding: 10px 0; }
#topnav { background: none repeat scroll 0 0 #333333; bottom: 0; float: left; height: 30px; margin: 0 0 10px; padding: 0; top: 0; width: 100%; }
#navigation .block { margin: 0; }
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle { background-color: inherit; color: #599839; }
.tb-megamenu { background-color: transparent; color: #404040; }
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle .caret,  .tb-megamenu .nav li.dropdown.active > .dropdown-toggle .caret,  .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle .caret { border-bottom-color: #444444; border-top-color: #444444; }
.tb-megamenu .nav > li.dropdown.open.active > a:hover,  .tb-megamenu .nav > li.dropdown.open.active > a:focus { background: #fff; color: #599839; }
#maincontent img { }
#sidebar-first h2,  #sidebar-first .h2,  #sidebar-second h2,  #sidebar-second .h2 { border-bottom: 1px solid #F0F0F0; color: #555555; font-size: 1.3em; line-height: 1; margin: 10px 0; padding: 0 0 10px; }
h1,  .h1 { color: #555555; font-size: 1.7em; line-height: 0.5; margin: 10px 0; }
#page-title { border-bottom: 1px solid #CCCCCC; color: #555555; font-size: 1.4em; margin: 0 0 20px; padding: 10px 0 20px; width: 100%; }
/* ----------- page ------------------------------------------------------------ */
#page h2 { background: none; color: #787B81; font-size: 16pt; margin: 0; padding: 0 10px 5px; }
#page .pane-block-32 h2, #page #block-block-32 h2{ background: #7faf48; color: #fff }
#page #block-block-32 h2 a{color: #fff }
#page .pane-quicktabs-contact-kku h2,  #page .pane-agenda-2 h2 { background: none repeat scroll 0 0 #F6F6F6; color: #787B81; font-size: 16pt; margin: 0; padding: 0 10px 5px; }
#block-block-32 {
    display: inline-block;
}
/* -------------------------------------------------------------------- end page  */
#tophed { float: left; margin: -30px 0 0; padding: 0; width: 1000px; }
#tophed .block { margin: 0; }
#tophed ul.menu li { float: left; font-size: 12px; list-style: none outside none; margin: 0 auto; padding: 10px; }
#tophed ul.menu li a { color: #f5f5f5; }
#tophed ul.menu li a.active,  #tophed ul.menu li a.hover { color: #fff; text-decoration: underline; }
#maincontent.img { }
#maincontent .block { margin: 0; }
#maincontent h2,  #maincontent .h2,  #block-views-event-block h2,  #block-views-event-block .h2,  #block-views-news-block-2 h2,  #block-views-news-block-2 .h2 { color: #555555; font-size: 1.5em; line-height: 1; margin: 1em 0; }
#block-views-frontpage-block-1 .col { float: right; margin: 0 0 0 30px; width: 270px; }
#eventdate { border: 1px solid #DDDDDD; float: right; margin: 0 0 0 20px; text-align: center; width: 80%; }
.event_deitel a { color: #333; }
.event_deitel a:hover { text-decoration: none !important }
.event_deitel { margin-top: 2px; }
.events .views-field-nothing-1 .grid-3 { margin-left: 0 }
#eventdate .eventdate-d { background: none repeat scroll 0 0 #6b8a13; color: #FFFFFF; padding: 7px 0; }
#eventdate .eventdate-m { padding: 8px 0; }
#block-views-event-block { float: left; margin: 0; padding: 0; width: 360px; }
#panels-ipe-paneid-36 .views-row { float: right; margin: 0 0 20px; width: 100%; }
#block-views-event-block .block { }
.eventtitle a { color: #6b8a13; }
.event-ptime,  .event-body { font-size: 11px }
#block-views-event-block .view-footer { margin: 20px 0 0 0 }
#homepage .panel-col-first { float: right; width: 340px; margin-left: 30px; margin-right: 0; }
#homepage .panel-col-last { float: right; margin: 0 0 0; width: 810px; }
.panel-pane.pane-views.pane-frontpage { clear: both; margin-top: 20px; display: inline-block; }
.homepage .pane-announcement h2 { background: #7faf48 !important; -webkit-background-color: #7faf48 !important; padding: 0 20px; color: #fff !important; margin: 0; }
.homepage .pane-announcement .item-list ul li { color: #CCCCCC; list-style: square outside none; margin: 0; }
.homepage .pane-announcement .view-display-id-announcement_main_page { background: none repeat scroll 0 0 #f6f6f6; padding: 10px; height: 250px; }
.homepage .pane-announcement .view-display-id-announcement_main_page a { font-size: 90% }
.homepage .pane-announcement .view-display-id-announcement_main_page ul li { line-height: 18px;
    margin-bottom: 10px; }
.homepage .pane-announcement { margin-bottom: 20px; }
.annonuncement-sticky a{color: #CD750B !important;}
li.annonuncement-sticky {list-style-image: url("https://eportal.kku.edu.sa/sites/all/themes/zen/zen-internals/images/star-annu.png") !important;}
#homepage li#custom-menu-item-id-1 { width: 365px; background: #a9c154; }
#homepage li#custom-menu-item-id-2 { background: #bcd26d; width: 158px; }
#homepage li#custom-menu-item-id-3 { background: #d0e28f; width: 158px; }
#homepage li#custom-menu-item-id-4 { width: 365px; background: #adb0b4; }
#homepage li#custom-menu-item-id-5 { background: #c5c8cd; width: 158px; }
#homepage li#custom-menu-item-id-6 { background: #d2d6dd; width: 158px; }
#homepage ul.menu li { float: right; list-style: none outside none; margin: 0 0 20px 30px; background: none repeat scroll 0 0 #F0F0F0; padding: 10px; }
#homepage ul.menu li a:hover,  #homepage ul.menu li a:active { color: #333333 }
#homepage ul.menu li.last,  #homepage li#custom-menu-item-id-3,  #homepage li#custom-menu-item-id-6 { margin: 0 0 20px 0; }
#homepage li.menu__item { width: 157px; }
#homepage ul.menu { margin: 0; padding: 0; }
.panels-ipe-portlet-wrapper { float: left; margin: 0; padding: 0; width: 100%; }
.fouce-block .views-field-nothing { width: 100%; height: 100%; }
.image_homepage_block img { height: auto; width: 100%; transition: 0.3s ease-in-out 0s }
.homepagelayout  h2 { margin: 0; color: #495e0a; margin: 0 0 30px; }
.title_homepage_block a:hover img,  .title_homepage_block a:focus img { opacity: 0; }
.title_homepage_block a { color: #fff; }
.title_homepage_block a:hover,  .title_homepage_block a:active { color: #fff; }
td.homepageblock { float: right; height: auto; overflow: hidden; padding: 0; position: relative; background: #a9c154; opacity 0.3s ease-in-out 0s;
}
td.col-last.homepageblock { margin: 0; }
td.homepageblock:hover .image_homepage_block img { opacity: 0; }
.title_homepage_block { bottom: 0; color: #FFFFFF; left: 0; right: 0; font-size: 18pt; padding: 0 0.5em 16px !important; position: absolute; text-shadow: 0 0 10px #000000; text-transform: uppercase; z-index: 1; }
.editlink_homepage_block { margin: 0; padding: 0 10px; position: absolute; z-index: 2; }
#footer { background: none repeat scroll 0 0 #787B81; border-bottom: 1px solid #5F636A; margin: 20px 0 0; padding: 0; }
#footer a,  #footer a:visited,  #footer a:hover,  #footer { color: #c9c7c9; }
#navigation .links li,  #navigation .menu li { float: none; padding: 0 0 0 10px; display:inline-block;}
#footer .block { margin: 0; }
#footerone ul.menu,#footertwo ul.menu{text-align:right;direction: rtl}
#footerone {margin: 0 20px; padding: 0 20px 0 0; }
#footertwo {margin: 0 20px; padding: 0 20px 0 0;}
#footerthree { margin: 0 20px; text-align: center; }
#footerfour {margin: 0 20px; }
#footerfive {margin: 0 20px; padding: 0 0 0 20px;}
.inside .pane-frontpage { float: right; width: 100%; }
.inside .pane-tweets { border-top: 1px solid #DDDDDD; float: right; margin: 0; padding: 20px 0 0; width: 100%; }
.inside .pane-menu-menu-home-page-link { float: right; width: 100%; border-bottom: 1px solid #dad9d9; }
.pane-event .views-row { float: right; margin-bottom: 30px; width: 100%; }
.home-gallery-slide .title { background: none repeat scroll 0 0 rgba(107,  138,  19,  0.92); color: #FFFFFF; font-size: 17pt; margin: 10% 10% 0 0; padding: 20px; position: absolute; }
.home-gallery-slide .title a { color: #fff; }
.home-gallery-slide { padding: 0; margin: 0; }
.tb-megamenu .nav > li > a { text-decoration: none; color: #6d7176; }
#block-views-news-block h2 { font-size: 13pt; margin-bottom: 20px; margin-top: 15px; padding: 0; }
.twitterblock { float: left; width: 600px; text-align: right; }
.twitterblock .field-content { }
.twitterblock .field-content a { color: #6b8a13; }
.twitterblock .slideone { float: right; width: 46% !important; max-height: 165px; }
.homepageblock .views-field-nothing { background: none repeat scroll 0 0 #CCCCCC; height: 100%; width: 100%; display: none; z-index: 11; }
/* --------------------- announcement ------------ */

.icons-home-en .col4{font-size:9pt !important;}
/* --------------------- END Announcement ------------ */

/* ------------------------------ viedo --------------------- */
.videohomepage { margin-bottom: 20px; }
/* ---------------------------------------------- end video ------------------ */
/* ------------------------------- surveymonkey ------------------------------ */
#surveyMonkeyInfo{width:98% !important;margin:0 1% !important;}
.surveymonkey{}
.surveymonkey iframe{width:100% !important;}

/* ------------------------------- end surveymonkey ------------------------------ */

/* ------------------------------ twitter --------------------- */
.tw h2 {
    background: none repeat scroll 0 0 rgb(246, 246, 246) !important;
    color: rgb(120, 123, 129) !important;
    font-size: 16pt !important;
    margin: 0 !important;
    padding: 1% 7% 1% 4% !important;
    text-align: left !important;
    width: 89%;
}
#block-views-tweets-block-1 {margin: 0;overflow: hidden;}
#block-views-tweets-block-1 a {color: rgb(107, 138, 19);}
#block-views-tweets-block-1 h2 a{color: rgb(120, 123, 129);}
#block-views-tweets-block-1 .col6{width:47% !important;}
#block-views-tweets-block-1 .views-field-name{    font-size: 12pt;margin: 5px 0;}
#block-views-tweets-block-1 h2 {background:#f6f6f6;;padding:0 20px 6px;}
#block-views-tweets-block-1 .view {border: 1px solid rgb(240, 240, 242);display: inline-block;
height: auto;
    margin: 0;
    max-height: 150px;
    min-height: 140px;
    width: 96%;
}
@media only screen and (max-width: 768px) and (min-width:0) {
#block-views-tweets-block-1 .view {
    border: medium none;
    display: inline-block;
    height: auto;
    margin: 0 0 5%;
    max-height: inherit;
    min-height: inherit;
}
}
@media only screen and (max-width: 480px) and (min-width:0) {
	#block-views-tweets-block-1 .col6{width:94% !important;}
	#block-views-tweets-block-1 h2{padding:0 20%}
	.tw {
    border-bottom: 1px solid rgb(204, 204, 204);
    padding-bottom: 10px;
   
}

}
/* ---------------------------------------------- end twitter ------------------ */
/* ------------------------------- instagram ---------------------------------- */

#block-views-instagram-view-block h2 {
	background:#7faf48;
    color: rgb(120, 123, 129);
    font-size: 13pt;
    line-height: 2.6em;
    padding: 0 20px;
}
#block-views-instagram-view-block h2 a{color:#fff;}


/* --------------------------- end instagram -------------------------------- */
/* -------------------------- quicktabs -------------------------------------------- */
ul.quicktabs-tabs.quicktabs-style-navlist li #quicktabs-tab-contact_kku-0 { background-image: url(../images/tweeticonar.png); background-repeat: no-repeat; background-position: right; }
#quicktabs-contact_kku { border: 1px solid #F0F0F2; display: inline-block; height:auto; max-height: 165px; margin: 0; width: 99.7%; min-height: 166px;}

/* ----------------------------- end quicktabs ---------------------------- */
.homepageblock:hover 1.views-field-nothing {
display:block;
}
.tb-megamenu .dropdown-menu { box-shadow: none; }
nav.breadcrumb { font-size: 11px; border-bottom: 1px solid #eee; margin: 0 0 15px 0; }
nav.breadcrumb a { color: #ccc; }
nav.breadcrumb a:active { }
.google_map_field_left60pc { float: left; margin-top: 27px; width: 57%; }
.newswithimg img { height: 130px; width: 267px; margin-bottom: 5px; }
td.newswithimg { display: inline-block; height: 130px; margin: 0 0 0 30px; width: 267px; padding: 0; }
td.col-last { margin: 0 0 0 -6px; }
td.col-last.newswithimg { margin: 0; }
#block-views-news-block .grid-3 { margin: 0; }
#block-views-news-block .more-link { margin: 1% 0; width: 100%; }
.academics-calendar table { width: 100%; }
.academics-calendar .semester { }
.academics-calendar caption { padding-bottom: 20px; text-align: right; }
.academics-calendar table td { padding: 10px }
.academics-calendar table th { padding: 10px }
.academics-calendar table tr { background: none repeat scroll 0 0 rgba(0,  0,  0,  0); border-bottom: 1px solid #CCCCCC; width: 100%; }
#topfooter { padding: 10px; text-align: center; }
/* top menu */
#topmenu { width: 100%; display: inline; max-width: 1200px; }
#header .ar.first.active,  #header .en.last.active { display: none }
#topmenu .topcontent { max-width: 1200px; margin: 0 auto }
#topmenu .block { margin: 0; }
#topmenu ul.menu li,  #topmenu ul li { display: inline-block; list-style: none; margin: 0; }
#topmenu ul { margin: 0; }
#topmenu ul.menu li a,  #topmenu ul li a { color: #d0d0d0 }
#topmenu ul.menu { margin: 0; padding: 0; }
.topmenu-right { float: left; text-align: left; width: 20%; }
.topmenu-left ul li,  .topmenu-right ul li {list-style: none;display: inline-block;padding: 0 10px;min-width: 32px;font-size: 9pt;width:auto;}
form#block-search-form { }
.topmenu-center { margin: 0 auto; width: 60%; }

#block-search-form {
    border-bottom: 1px solid #555;
    padding-bottom: 10px;margin-bottom: 10px !important;
}
#block-search-form .form-text { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #444444; border-radius: 10px;height: 32px; margin: 10px 6px 0 6px; padding: 0 10px;width: 60%;}
#block-search-form .form-submit { border: 1px solid #DDDDDD; border-radius: 13px; font-size: 7pt; margin: 0; padding: 0 10px;height: 20pt }
#block-menu-menu-top-menu { float: left; }
/* end top menu */
	
#topfooter .block { margin: 0; }
#bottom { background: none repeat scroll 0 0 #4d4d4d; border-top: 1px solid #333333; text-align: center !important; padding: 5px;font-size: 10pt;color:#fff; }
#bottom a{color: #fff}
#bottom p{text-align: center !important}
#bottom .block { margin: 0; }
.region-bottom { margin-left: auto; margin-right: auto; width: 100%; }
#footerblock { display: inline-block; margin: 20px 0; text-align: center; width: 100%; }
/* services */
.services { display: inherit; }
.services td { text-align: center; width: 300px; }
.services tr { width: 100%; margin-bottom: 30px; display: inline-block; }
/* end services */
	/* Main story */
	
	/* .views-slideshow-cycle-main-frame .views_slideshow_cycle_slide {
    width: 100%;
} */
#mainstory .views_slideshow_controls_text_previous { float: right; margin-right: 25px; margin-top: 10%; z-index: 110; }
#mainstory .views_slideshow_controls_text_next { float: left; margin-left: 25px; margin-top: 10%; z-index: 110; }
.views_slideshow_controls_text_next img { z-index: 10 }
.views-slideshow-controls-text-pause { display: none; }
#mainstory { backface-visibility: hidden; display: block; height: 100%; margin: 0; overflow: hidden; position: relative; width: 100%; background: none repeat scroll 0 0 #EDEDED; }
.views-slideshow-controls-bottom { z-index: 10; position: absolute; width: 100%; }
#mainstory { max-height: 600px; margin: 0 auto; max-width: 2000px; width: 100%; }
#mainstory .views_slideshow_cycle_main { width: 100%; float: left; height: 450px; }
#mainstory .views_slideshow_cycle_main .views-slideshow-cycle-main-frame { width: 100% !important; height: 100%; }
#mainstory .views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row { width: 100% !important; height: 100%; }
#mainstory .views_slideshow_cycle_main .field-content { max-width: 100%; width: 100%; }
#mainstory .views_slideshow_cycle_main .field-content img { max-width: 100%; width: auto; max-width: none; height: 100%; margin: 0; position: absolute; padding: 0; }

.pane-services table tr col-1,  .pane-services table tr col-2,  .pane-services table tr col3,  .pane-services table tr col-4 { width: 15%; }
.iconhomepaget { height: 320px; margin-bottom: 20px; }
.pane-services table { margin: 0 !important }
/* end Mainstory */



/* Hed */

.tb-megamenu-submenu ul.menu li { border-bottom: 1px solid #DFDFDF; margin: 0 10px; padding: 10px; width: 95%; }
/* end hed */
/* News Domain */

/* End News Domain */
/* features */
.features-multiupload-image { width: 48%; position: absolute; }
/* End features */

/* node */
.submitted { border-bottom: 1px solid #DDDDDD; font-size: 12px; padding: 5px 0; margin-bottom: 10px; }
.node-news .links { border-top: 1px solid #DDDDDD; display: inline-block; padding: 5px 0 0; text-align: left; width: 100%; }
.node a{color:#6b8a13 !important;text-decoration:underline !important;}
/* end Node */
#edit-from-address-option-custom { display: none; }
#edit-from-address-custom { display: none; }
.tb-megamenu-submenu { }
/* multiimage */
div.field-name-field-multiupload-image { max-width: 100%; overflow: hidden; }
.node-features .field .field-label { background: none repeat scroll 0 0 rgba(70,  137,  15,  0.35); display: inline-block; padding: 10px; }
.field-name-field-multiupload-image .field-slideshow-wrapper { width: 100%; }
.field-slideshow-controls img {
margin-top:; position: absolute; width: auto; z-index: 8; margin: -175px 4px 0; }
.field-slideshow-controls .prev { float: left; margin: 0 30px; }
/* end multiimage */
/* Layaout */
.field-label-above { margin: 0 0 30px 0 }
.node-features { }
.ds-2col-fluid > .group-right { float: left; margin: 0 30px 0 0; width: 520px; }
.ds-2col-fluid > .group-left { width: 630px; float: right }
.col-first { margin-right: 0; }
.col-last { margin-left: 0; }
/* end Layaout */
/* ---------------------------------- header --------------------------------------------------------------------------- */
#header { margin: 0; }
#header .block { margin: 0; }
#header ul.menu li { float: left; display: inline-block; }
#block-system-user-menu { display: inline-block; float: right; }
#header dl,  #header menu,  #header ol,  #header ul { margin: 0; float: right }
#block-menu-menu-olde-site ul li { /*background: #eee;*/ font-size: 10pt; padding: 10px; }
#hed { background-color: #e0e0e0; }
.header__logo-image{max-width: 360px;}
/* ------------------------------------------ end header ------------------------------------------------------------------*/
li.expanded,  li.collapsed,  li.leaf { padding: 0 }
/* event home en */
.homepage .date_event { text-align: center; }
.homepage .start_day_name { background: none repeat scroll 0 0 #7faf48; color: #FFFFFF; width: 28%; float: left; padding-top: 2px; }
.homepage .start_date { padding-top: 2px; text-align: left; margin-left: 10px; float: left; color: #787B81; }
.pane-agenda-2 ol,  .pane-agenda-11 ol { clear: both; width: 100%; list-style: none; padding: 0; font-size: 95%; }
.homepage .date_event { text-align: center; border-bottom: 1px solid #7faf48; width: 100% !important; }
.pane-agenda-2 .container-12 .grid-8,  .pane-agenda-11 .container-12 .grid-8 { margin: 0 0 0 0; width: 100% !important; }
.pane-agenda-2 .calendar,  .pane-agenda-11 .calendar { font-size: 9pt; }
.pane-agenda-2 ol li,  .pane-agenda-11 ol li { list-style: none; margin-bottom: 7px; }
.pane-agenda-2 ol ul,  .pane-agenda-11 ol ul { padding: 0; }
.pane-agenda-2 .container-12 .grid-4,  .pane-agenda-11 .container-12 .grid-4 { margin: 0 0 0 auto; width: 25%; }
.pane-agenda-2 .container-12 .grid-8,  .pane-agenda-11 .container-12 .grid-8 { margin: 0 0 0 0; width: 66%; }
.pane-services,  .pane-block-32 {}
.tb-megamenu .btn-navbar { margin: 0; }
/* ------------------------------------------------------------ end events ------------------------------------------------------------ */
/* ----------------------------------------- Term ------------------------------ */

#content > article > div.field.field-name-field-news-tags.field-type-taxonomy-term-reference.field-label-above > div.field-label { font-size: 10pt; margin: 10px 0px 4px 0px; }
#content > article > div.field.field-name-field-news-tags.field-type-taxonomy-term-reference.field-label-above > div.field-items > .field-item { display: inline-block !important; padding: 0 15px 0 0px; font-size: 10pt; }
.field-type-taxonomy-term-reference .field-item > a {
    display: inline-block;
    float: left;
    margin: 0 20px 0 0 ;
}
/* ----------------------------------------- end Term ------------------------------ */
/* ----------------------------------- Aafaq ------------------------ */
.aafaq .aafaq-title { background: none repeat scroll 0 0 rgba(0,  0,  0,  0.7); bottom: 0; margin: 0 0 4px; padding: 10px; position: absolute; }
.aafaq .aafaq-title a { color: #fff; }
.views-field.views-field-field-issue-numper { background: none repeat scroll 0 0 rgba(0,  0,  0,  0.5); color: #FFFFFF; padding: 0 10px; position: absolute; }
/* ------------------------------------------------------------- end Aafaq ------------------ */

/* ------------------------------- menu mobile ------------------------------- */
.tb-megamenu .nav-collapse { }

/* ----------------------------- end menu mobile ------------------------------------------- */
/* --------------------------------------------- my kku -------------------------- */

@media only screen and (max-width: 1600px) and (min-width:768px) {
	#bottommainstory{margin:0 !important;position:relative !important;}
	.content_mainstory { top: 70% !important; margin: 0 10%; position: absolute; -webkit-top: 70%; }
}
@media only screen and (max-width: 768px) and (min-width:0px) {
.tb-megamenu .nav > li { float: right; margin: 0 10px; text-align: right; width: 94%; }
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle,  .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle,  .tb-megamenu .nav > li.dropdown.open.active > a:hover {  }
.tb-megamenu .nav-collapse .nav > li > a,  .tb-megamenu .nav-collapse .dropdown-menu a { color: #222222 !important; border:none !important;}
.tb-megamenu .nav-collapse { background: #ccc !important; }
#navigation { margin-bottom: 1px; }
.tb-megamenu{z-index:1000 !important;}
.tb-megamenu .nav-collapse .dropdown-menu{background:#fff !important;}
.tb-megamenu .nav-collapse .nav > li > a,  .tb-megamenu .nav-collapse .dropdown-menu a{border-color:#FFFFFF !important;}
.tb-megamenu .nav-collapse .dropdown-menu a{margin:10px 0 !important;}
#navigation .links li,  #navigation .menu li{padding:10px 0 !important;}
.tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a{border:none !important;}
.tb-megamenu-submenu #tb-megamenu-column-2, .tb-megamenu-submenu #tb-megamenu-column-3,.tb-megamenu-submenu #tb-megamenu-column-5,.tb-megamenu-submenu #tb-megamenu-column-6,.tb-megamenu-submenu #tb-megamenu-column-8,.tb-megamenu-submenu #tb-megamenu-column-9,.tb-megamenu-submenu #tb-megamenu-column-11,.tb-megamenu-submenu #tb-megamenu-column-12,.tb-megamenu-submenu #tb-megamenu-column-17,.tb-megamenu-submenu #tb-megamenu-column-18{display:none !important;}
.tb-megamenu-nav.nav.level-0.items-12 {
    margin-bottom: 20px;
}.tb-megamenu-column.span3.mega-col-nav.hidden-collapse{display:block !important;}
#bottommainstory{position:static !important;}
#site-logo {
    border-bottom: 1px solid rgb(238, 238, 238);
    display: inline-block;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
#site-logo menu,#site-logo ol,#site-logo ul{margin:0 10px;padding:0}
.topmenu-left ul li, .topmenu-right ul li{padding:0}
#hed { background-image: none !important; }
.estqtab {
    float: right;
    height: auto;
    margin: 0 20px !important;
    max-width: 50px !important;
    position: absolute;
    z-index: 100;
}

}
@media only screen and (max-width: 380px) and (min-width:0px) {
.iconhomepage .grid-4 {
    float: none;
    width: 30% !important;
}
.latestnewsslide .more-link {
    margin: 10px 0;
    text-align: center;
}
li.pgthumb{width:28% !important;}
.tb-megamenu .nav-collapse { background: #ccc !important; }
/*---- */
.services-grid.grid-4 { clear: none; float: right !important; width: 90px !important; }
.pane-services { height: auto !important; }
#bottommainstory { position: relative !important }
#bottommainstory .container-12 .grid-3 { width: 100% !important; }
#bottommainstory { text-align: center; }
.panel-pane.pane-block.pane-quicktabs-contact-kku { display: none; }


#site-logo > div.topmenu-right.grid-6 { float: left !important; text-align: left !important; top: 0px; }
#site-logo .container-12 .grid-6 { width: 30% !important; }
#site-logo > div.topmenu-left.grid-6 { float: right !important; text-align: right !important; top: 0px; }
#block-system-user-menu { display: inline-block !important; float: left !important; }
#block-locale-language-content > ul { float: left !important; }
#hed { background-image: none !important; }
#page a { font-size: 14px !important; }
.homepage .start_day_name { background: none !important; color: #333 !important; }
.homepage .date_event { border: none !important; text-align: left !important; }
.pane-agenda-2 .container-12 .grid-8 { margin: 0 0 0 0px !important; width: 66%; padding-bottom: 10px; }
.pane-agenda-2 ol { clear: both !important; width: 100% !important; list-style: none !important; padding: 0 !important; float: left !important; font-size: 95% !important; border-bottom: 1px solid #DDD !important; }
#bottommainstory { background: none !important; float: right; padding: 7px 0; width: 100%; margin: 0; z-index: 999; }
.twitterblock .slideone { float: right; max-height: 165px; width: 100% !important; }
.flexslider .slides img { display: block; max-width: none !important; left: 0px !important; right: -35% !important; height: 200px; width: auto; float: left; }
#mainstory .sub_title,  #mainstory .features-frontpage-node .sub_title,  .mainstory_subtitle { display: none }
.field-content.features-title > a,  .mainstory_title a { font-size: 10pt !important; padding: 5px !important; }
.content_mainstory { bottom: 20% !important; top: 80% !important; margin: 0 !important; position: absolute; width: 100%; }
/* ------------------------------- surveymonkey ------------------------------ */
.surveymonkey iframe{width:100% !important;max-width:360px !important;}

/* ------------------------------- end surveymonkey ------------------------------ */
.r2030{
    left: 20px !important;
    top: 88px !important;	
}

.r2030 img {
    width: 55px !important;
}
}
@media only screen and (max-width: 768px) and (min-width:381px) {
#site-logo { display: inline-block; width: 100%; }

#page { max-width: 700px !important; }
#eventdate .eventdate-d { background: transparent; padding: 7px 0; }
#bottommainstory{ float: right; padding: 7px 0; width: 100%; z-index: 999; margin: 0; position:relative !important}
#eventdate { text-align: center; color: #444; border: none; }
.title_homepage_block { font-size: 12pt; }
.featuresfrontpage a,  #mainstory-title-node { font-size: 12px; }
#bottommainstory #block-views-news-block-5 .views-field-title a { font-size: 10px; }
.field-content.features-title > a,  .mainstory_title a { font-size: 12pt; }
.flexslider .slides img { display: block; max-width: none !important; left: 0 !important; right: -35% !important; height: 300px; width: auto; float: left; }
.mainstory_title {margin: 0 0 13px;}
.field-content.features-title > a, .mainstory_title a {
    background: none repeat scroll 0 0 rgba(127, 175, 72, 0.7);
    color: rgb(255, 255, 255);
    font-size: 16pt;
    padding: 5px !important;

}
#mainstory .sub_title, #mainstory .features-frontpage-node .sub_title, .mainstory_subtitle {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);color: rgb(85, 85, 85);padding: 5px;}

}
@media only screen and (max-width: 980px) and (min-width:769px) {
#site-logo .container-12 .grid-6 { width: 20% !important; }
body { font-size: 80% !important; }
#page { max-width: 970px !important; }
#bottommainstory #block-views-news-block-5 .views-field-title a { font-size: 11px !important }
#bottommainstory { margin-top: -129px; }
.field-content.features-title > a,  .mainstory_title a { font-size: 14pt; }
.flexslider .slides img { display: block; max-width: none !important; left: 0 !important; right: -35% !important; height: 400px; width: auto; float: left; }
}
@media only screen and (max-width: 1170px) and (min-width:981px) {
body { font-size: 100% !important; }
}
/* ---------------------------------------------- custom -------------------------------- */
@font-face { font-family: 'ProximaNovaRegular'; src: url('font/proximanova-regular.eot'); src: url('font/proximanova-regular.eot') format('embedded-opentype'),  url('font/proximanova-regular.woff') format('woff'),  url('font/proximanova-regular.ttf') format('truetype'),  url('font/proximanova-regular.svg#ProximaNovaRegular') format('svg'); }
.views-slideshow-controls-text-pause { display: none; }
ul.primary li a { margin: 0; }
#block-views-frontpage-block-1 { float: left; }
.google_map_field_left40pc { float: right; width: 40%; }
.twitterimg img { max-width: 100% }
/* Add mohammed */


/* Hed */

/* end hed */

#navigation .region-navigation { margin: 0 auto; }
.sidebars a:active,  .sidebars a:focus { color: #6B8A13 }
#mainstory a:hover,  #mainstory a:active { color: #fff !important; }
#mainstory .block,  #bottommainstory .block { margin: 0 auto; }
#bottommainstory { float: left; }
#bottommainstory table { margin: 0; }
.eyes table { width: 100%; }
#topnav { background: none repeat scroll 0 0 #333333; bottom: 0; float: left; height: 30px; margin: 0 0 10px; padding: 0; top: 0; width: 100%; }
#navigation .block { margin: 0; }
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle { background-color: inherit; color: #599839; }
.tb-megamenu { background-color: transparent; color: #404040; }
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle .caret,  .tb-megamenu .nav li.dropdown.active > .dropdown-toggle .caret,  .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle .caret { border-bottom-color: #444444; border-top-color: #444444; }
.tb-megamenu .nav > li.dropdown.open.active > a:hover,  .tb-megamenu .nav > li.dropdown.open.active > a:focus { background: #fff; color: #599839; }
#maincontent img { }
#sidebar-first h2,  #sidebar-first .h2,  #sidebar-second h2,  #sidebar-second .h2 { border-bottom: 1px solid #F0F0F0; color: #555555; font-size: 1.3em; line-height: 1; margin: 10px 0; padding: 0 0 10px; }
h1,  .h1 { color: #555555; font-size: 1.7em; line-height: 0.5; margin: 10px 0; }
#page-title { border-bottom: 1px solid #CCCCCC; color: #555555; font-size: 1.4em; margin: 0 0 20px; padding: 10px 0 20px; width: 100%; }
#block-block-1 { }
#tophed { float: left; margin: -30px 0 0; padding: 0; width: 1000px; }
#tophed .block { margin: 0; }
#tophed ul.menu li { float: left; font-size: 12px; list-style: none outside none; margin: 0 auto; padding: 10px; }
#tophed ul.menu li a { color: #f5f5f5; }
#tophed ul.menu li a.active,  #tophed ul.menu li a.hover { color: #fff; text-decoration: underline; }
#maincontent.img { }
#maincontent .block { margin: 0; }
#maincontent h2,  #maincontent .h2,  #block-views-event-block h2,  #block-views-event-block .h2,  #block-views-news-block-2 h2,  #block-views-news-block-2 .h2 { color: #555555; font-size: 1.5em; line-height: 1; margin: 1em 0; }
#block-views-frontpage-block-1 .col { float: right; margin: 0 0 0 30px; width: 270px; }
#eventdate { border: 1px solid #DDDDDD; float: right; margin: 0 0 0 20px; text-align: center; width: 80%; }
.events .views-field-nothing-1 .grid-3 { margin-left: 0 }
#eventdate .eventdate-d { background: none repeat scroll 0 0 #6b8a13; color: #FFFFFF; padding: 7px 0; }
#eventdate .eventdate-m { padding: 8px 0; }
#block-views-event-block { float: left; margin: 0; padding: 0; width: 360px; }
#panels-ipe-paneid-36 .views-row { float: right; margin: 0 0 20px; width: 100%; }
#block-views-event-block .block { }
.eventtitle a { color: #6b8a13; }
.event-ptime,  .event-body { font-size: 11px }
#block-views-event-block .view-footer { margin: 20px 0 0 0 }
#homepage .panel-col-first { float: right; width: 340px; margin-left: 30px; margin-right: 0; }
#homepage .panel-col-last { float: right; margin: 0 0 0; width: 810px; }
#homepage li#custom-menu-item-id-1 { width: 365px; background: #a9c154; }
#homepage li#custom-menu-item-id-2 { background: #bcd26d; width: 158px; }
#homepage li#custom-menu-item-id-3 { background: #d0e28f; width: 158px; }
#homepage li#custom-menu-item-id-4 { width: 365px; background: #adb0b4; }
#homepage li#custom-menu-item-id-5 { background: #c5c8cd; width: 158px; }
#homepage li#custom-menu-item-id-6 { background: #d2d6dd; width: 158px; }
#homepage ul.menu li { float: right; list-style: none outside none; margin: 0 0 20px 30px; background: none repeat scroll 0 0 #F0F0F0; padding: 10px; }
#homepage ul.menu li a:hover,  #homepage ul.menu li a:active { color: #333333 }
#homepage ul.menu li.last,  #homepage li#custom-menu-item-id-3,  #homepage li#custom-menu-item-id-6 { margin: 0 0 20px 0; }
#homepage li.menu__item { width: 157px; }
#homepage ul.menu { margin: 0; padding: 0; }
.panels-ipe-portlet-wrapper { float: left; margin: 0; padding: 0; width: 100%; }
.fouce-block .views-field-nothing { width: 100%; height: 100%; }
.image_homepage_block img { height: auto; width: 100%; transition: 0.3s ease-in-out 0s }
.homepagelayout h2 { margin: 0; color: #495e0a; margin: 0; }
.title_homepage_block a:hover img,  .title_homepage_block a:focus img { opacity: 0; }
.title_homepage_block a { color: #fff; }
.title_homepage_block a:hover,  .title_homepage_block a:active { color: #fff; }
td.homepageblock { float: right; height: auto; overflow: hidden; padding: 0; position: relative; background: #a9c154; opacity 0.3s ease-in-out 0s;
}
td.col-last.homepageblock { margin: 0; }
td.homepageblock:hover .image_homepage_block img { opacity: 0; }
.title_homepage_block { bottom: 0; color: #FFFFFF; left: 0; right: 0; font-size: 18pt; padding: 0 0.5em 16px !important; position: absolute; text-shadow: 0 0 10px #000000; text-transform: uppercase; z-index: 1; }
.editlink_homepage_block { margin: 0; padding: 0 10px; position: absolute; z-index: 2; }
/*------------------------ Footer */
#footer { background: none repeat scroll 0 0 #4d4d4d;margin: 20px 0 0; padding: 0; }
#footer a,  #footer a:visited,  #footer a:hover,  #footer { color: #c9c7c9; }
#footerone,  #footertwo,  #footerthree,  #footerfour,  #footerfive { display: inline-block; text-align: left; top: 0; width: 96%; }
#footerone,  #footertwo,#footerfour,  #footerfive {margin-top:50px !important;}
#footer .block { margin: 0; }
#footerone {margin: 0 20px; padding: 0 0 0 20px; }
#footertwo {margin: 0 20px; padding: 0 0 0 20px;  border-right:none;}
#footerthree { 
    margin: 0 20px;
    padding: 0 20px;
    text-align: center;
}
#footerfour {margin: 0 20px; border-left:none; }
#footerfive {margin: 0 20px; padding: 0 20px 0 0;}
#block-menu-menu-realated-links-4 ul{margin: 0;padding: 0}
#block-menu-menu-realated-links-4 li{}
#block-menu-menu-realated-links-4 li a{ font-family: HelveticaNeueLTArabic-Light;
    font-size: 11pt;
    margin: 0 8%;}
#block-menu-menu-realated-links-4 ul li.fa {
    background: #6b6b6b none repeat scroll 0 0;
    border-radius: 5px;
    margin-bottom: 3px;
    padding: 5px;
    width: 90%;
}
#block-menu-menu-realated-links-4 ul li.fa:hover{background: #c8c8c8;color: #444;}
#block-menu-menu-realated-links-4 ul li.fa:hover a{color: #444;}
/* ----------------------- end Footer --- */
.inside .pane-frontpage { float: right; width: 100%; }
.inside .pane-tweets { border-top: 1px solid #DDDDDD; float: right; margin: 0; padding: 20px 0 0; width: 100%; }
.inside .pane-menu-menu-home-page-link { float: right; width: 100%; border-bottom: 1px solid #dad9d9; }
.pane-event .views-row { float: right; margin-bottom: 30px; width: 100%; }
.home-gallery-slide .title { background: none repeat scroll 0 0 rgba(107,  138,  19,  0.92); color: #FFFFFF; font-size: 17pt; margin: 10% 10% 0 0; padding: 20px; position: absolute; }
.home-gallery-slide .title a { color: #fff; }
.home-gallery-slide { padding: 0; margin: 0; }
.tb-megamenu .nav > li > a { text-decoration: none; color: #6d7176; }
#block-views-news-block h2 { font-size: 13pt; margin-bottom: 20px; margin-top: 15px; padding: 0; }
.twitterblock { float: left; width: 600px; text-align: right; }
.twitterblock .field-content { }
.twitterblock .field-content a { color: #6b8a13; }
.homepageblock .views-field-nothing { background: none repeat scroll 0 0 #CCCCCC; height: 100%; width: 100%; display: none; z-index: 11; }
.homepageblock:hover 1.views-field-nothing {
display:block;
}
.tb-megamenu .dropdown-menu { box-shadow: none; }
nav.breadcrumb { font-size: 11px; border-bottom: 1px solid #eee; margin: 0 0 15px 0; }
nav.breadcrumb a { color: #ccc; }
nav.breadcrumb a:active { }
.google_map_field_left60pc { float: left; margin-top: 27px; width: 57%; }
.newswithimg img { height: 130px; width: 267px; margin-bottom: 5px; }
td.newswithimg { display: inline-block; height: 130px; margin: 0 0 0 30px; width: 267px; padding: 0; }
td.col-last { margin: 0 0 0 -6px; }
td.col-last.newswithimg { margin: 0; }
#block-views-news-block .grid-3 { margin: 0; }
#block-views-news-block .more-link { margin: 1% 0; width: 100%; }
.academics-calendar table { width: 100%; }
.academics-calendar thead { }
.academics-calendar .semester { }
.academics-calendar caption { padding-bottom: 20px; text-align: right; }
.academics-calendar table td { padding: 10px }
.academics-calendar table th { padding: 10px }
.academics-calendar table tr { background: none repeat scroll 0 0 rgba(0,  0,  0,  0); border-bottom: 1px solid #CCCCCC; width: 100%; }
#topfooter { background: -moz-linear-gradient(center top,  #787B81 0%,  #5F636A 92%) repeat scroll 0 0 rgba(0,  0,  0,  0); border-bottom: 1px solid #5F636B; color: #F0F0F0; margin: 0 0 20px; padding: 10px; text-align: center; }
/* top menu */

#topmenu .block { margin: 0; }
#topmenu ul.menu li,  #topmenu ul li { display: inline-block; list-style: none; margin: 0 10px 10px; }
#topmenu ul { margin: 0; }
#topmenu ul.menu li a,  #topmenu ul li a { color: #d0d0d0 }
#topmenu ul.menu { margin: 0; padding: 0; }
.topmenu-right { float: left; }
.topmenu-left { float: right; width: 20%; }
form#block-search-form { }
#block-search-form .form-submit { border: 1px solid #DDDDDD; border-radius: 13px; font-size: 7pt; margin: 0; padding: 0 10px; }
#block-menu-menu-top-menu { float: left; }
/* end top menu */
	
#topfooter .block { margin: 0; }
#bottom .block { margin: 0; }
.region-bottom { margin-left: auto; margin-right: auto; width: 100%; }
#footerblock { display: inline-block; margin: 20px 0; text-align: center; width: 100%; }
/* services */
.view-display-id-block_1 table { margin-top: 0 }
.view-display-id-block_1 table tr { margin: 0; }
.views-field-edit-node a { position: absolute; top: 0; }
.services td { text-align: center; width: 300px; }
.services tr { width: 100%; margin: 0; display: inline-block; }
.services tr { width: 100%; margin-bottom: 30px; display: inline-block; }
/* end services */
	/* Main story */
	
	/* .views-slideshow-cycle-main-frame .views_slideshow_cycle_slide {
    width: 100%;
} */
#mainstory .views_slideshow_controls_text_previous { float: right; margin-right: 25px; margin-top: 10%; z-index: 110; }
#mainstory .views_slideshow_controls_text_next { float: left; margin-left: 25px; margin-top: 10%; z-index: 110; }
.views_slideshow_controls_text_next img { z-index: 10 }
.views-slideshow-controls-text-pause { display: none; }
#mainstory { backface-visibility: hidden; display: block; height: 100%; margin: 0; overflow: hidden; position: relative; width: 100%; background: none repeat scroll 0 0 #EDEDED; }
.views-slideshow-controls-bottom { z-index: 10; position: absolute; width: 100%; }
.content_mainstory { top: 45%; margin: 0 10%; position: absolute; -webkit-top: 45%; }
.mainstory_title { margin: 0 0 20px; }
.field-content.features-title > a,  .mainstory_title a { background: none repeat scroll 0 0 rgba(127,  175,  72,  0.7); color: #FFFFFF; padding: 10px; font-size: 16pt; }
#mainstory .sub_title,  #mainstory .features-frontpage-node .sub_title,  .mainstory_subtitle { background: none repeat scroll 0 0 rgba(255,  255,  255,  0.66); padding: 10px; color: #555555; background: rgb(255, 255, 255); background: transparent\9; background: rgba(255, 255, 255, 0.7);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,  endColorstr=#99ffffff);
zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,  endColorstr=#99ffffff)"; }
#mainstory { margin: 0 auto; max-width: 2000px; width: 100%; }
#mainstory .views_slideshow_cycle_main { width: 100%; float: left; height: 450px; }
#mainstory .views_slideshow_cycle_main .views-slideshow-cycle-main-frame { width: 100% !important; height: 100%; }
#mainstory .views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row { width: 100% !important; height: 100%; }
#mainstory .views_slideshow_cycle_main .field-content { max-width: 100%; width: 100%; }
#mainstory .views_slideshow_cycle_main .field-content img { max-width: 100%; width: auto; max-width: none; height: 100%; margin: 0; position: absolute; padding: 0; }

.pane-services table tr col-1,  .pane-services table tr col-2,  .pane-services table tr col3,  .pane-services table tr col-4 { width: 15%; }
/* end Mainstory */



/* Hed */

.tb-megamenu-submenu ul.menu li { border-bottom: 1px solid #DFDFDF; margin: 0 10px; padding: 10px; width: 95%; }
/* end hed */
/* News Domain */
#news { }
#news a { }
.node-news .field-name-field-source,  .node-news .field-name-field-photographer {
    float: left;
    font-size: 10pt;
    font-weight: normal !important;
    margin: 0 20px 0 0 ;
}
.node-news .field-name-body {
    clear: both;
   display:inline-block;
    margin-top: 14px;
    width: 100%;
}
/* End News Domain */
/* features */
.features-multiupload-image { width: 48%; position: absolute; }
/* End features */

/* node */
.submitted { border-bottom: 1px solid #DDDDDD; font-size: 12px; padding: 5px 0; margin-bottom: 10px; }
.node-news .links { border-top: 1px solid #DDDDDD; display: inline-block; padding: 5px 0 0; text-align: left; width: 100%; }
/* end Node */
#edit-from-address-option-custom { display: none; }
#edit-from-address-custom { display: none; }
.tb-megamenu-submenu { }
/* multiimage */
div.field-name-field-multiupload-image { max-width: 100%; overflow: hidden; }
.node-features .field .field-label { background: none repeat scroll 0 0 rgba(70,  137,  15,  0.35); display: inline-block; padding: 10px; }
.field-name-field-multiupload-image .field-slideshow-wrapper { width: 100%; }
.field-slideshow-controls img {
margin-top:; position: absolute; width: auto; z-index: 8; margin: -175px 4px 0; }
.field-slideshow-controls .prev { float: left; margin: 0 30px; }
.field-slideshow-controls .next { }
/* end multiimage */
/* Layaout */
.field-label-above { margin: 0 0 30px 0 }
.node-features { }
.ds-2col-fluid > .group-right { float: left; margin: 0 30px 0 0; width: 520px; }
.ds-2col-fluid > .group-left { width: 630px; float: right }
.col-first { margin-right: 0; }
.col-last { margin-left: 0; }
/* end Layaout */

li.expanded,  li.collapsed,  li.leaf { padding: 0 }
@media only screen and (max-width: 380px) and (min-width:0px) {
#topmenu { display: none; }

.node-3726 li,.node-3736 li,.node-677 .field-name-body li,.node-808 .field-name-body li{width:90% !important}
}
@media only screen and (max-width: 768px) and (min-width:360px) {

#page { max-width: 600px; }
#topmenu { display: none; }
#eventdate .eventdate-d { background: transparent; padding: 7px 0; }
#eventdate { text-align: center; color: #444; border: none; }
.title_homepage_block { font-size: 12pt; }
.featuresfrontpage a,  #mainstory-title-node { font-size: 12px; }

.content_mainstory { top: auto !important; margin: 0 10%; position: absolute; -webkit-top: 0; bottom: 0 !important; -webkit-bottom: 0 !important; }
}
@media only screen and (max-width: 980px) and (min-width:769px) {
body { font-size: 85% !important; }
}
@media only screen and (max-width: 1170px) and (min-width:981px) {
body { font-size: 100% !important; }
}
 @media only screen and (min-width:1171px) {
body { font-size: 100% !important; }
}

/*-----ahmad-----*/


#block-locale-language-content a {
font-size: 9pt;
}

/* ----------- social-media ----------- */
.mainstory .node-links{width: 100%;
	margin-top:20px;display: inline-block;
}
.easy_social_box div.easy_social-widget{margin: 0 10px}


/* end social-media ---------------------------- */

/* ------------------- footer --------- */

#footer .grid-2,#footer .grid-4,#footer .grid-12,#footer .grid-3{float:none;}
#footer .lg-icon{width:70px;height: auto;display: inline-block;margin: 10px;}
#footer .sm-icon{width:24px;height: auto;display: inline-block;margin: 10px}
#footer .container-row{display:inline-block}
/* --------- end footer -------- */

#block-agenda-11 .block-title{background: none repeat scroll 0 0 rgb(246, 246, 246);
    color: rgb(120, 123, 129);
    font-size: 16pt;
    margin: 0;
    padding: 0 10px 5px;}
#block-agenda-11 .block-title a {
    color: rgb(120, 123, 129);
}
#block-agenda-2  .block-title{background: none repeat scroll 0 0 rgb(246, 246, 246);
    color: rgb(120, 123, 129);
    font-size: 16pt;
    margin: 0;
    padding: 0 10px 5px;}
.latest-announcement h2 a{color:rgb(255, 255, 255) !important}
.mobi{position:absolute;z-index:99;margin:0 3%}
.language-switcher-locale-url{float: left !important;}

/*     ----------------------- KKU TABS | About ---------------- */


.kku-about  ul.quicktabs-tabs li{border-radius: 7px;
    margin: 0;
    padding: 0 17px;background: #eee}
.kku-about  ul.quicktabs-tabs li.active {
    background: none repeat scroll 0 0 #7faf48;
    border-radius: 7px;
    margin: 0;
    padding: 0 20px;
}
.kku-about ul.quicktabs-tabs li.active a {
    color: #fff;
}

.kku-about .breadcrumb{display: none}
.internal-page.kku-about.timeline{}
.internal-page.kku-about .kku-history-timeline {overflow: hidden;}
.simple_timeline ul li:nth-child(2n) > div{margin-left:14px;}
.timeline-image > img{max-width: 320px;}
.kku-departments-deanships{margin-top: 20px;}
.kku-departments-deanships .achievements-list{margin-bottom: 20px;font-size: 10pt;height: 180px;}
.kku-departments-deanships .achievements-list img{border: 10px solid #f5f5f5;
    width: 96%;}
.kku-departments-deanships .achievements-list .link{ background: none repeat scroll 0 0 #cd750b;
    border-radius: 5px;
    float: left;
    padding: 2px 10px;margin: 10px 0 0 0;}
    .kku-departments-deanships .achievements-list .link a{color: white;}
    .kku-departments-deanships .achievements-list .title a{color: #7faf48;
    display: inline-block;
    padding: 10px 0;font-size: 12pt
}
    .kku-departments-deanships .achievements-list .body{
}
.kku-departments-deanships .achievements-list.col4{width: 28%;margin: 0 20px 15px;}
/*     ----------------------- end KKU TABS | About ---------------- */
/* -------- agenda ------------ */

/* This is added to custom.css */
/* ----------- Agenda module ------------- */
/* @import url("/sites/all/themes/zen/templates/agenda/agenda.css"); */
/* ---------------- End ------------------ */

.agenda-block .cal_0 { background-color: transparent; }
.agenda-block .cal_1 { background-color: transparent; }
.agenda-block .cal_2 { background-color: transparent; }
.agenda-block .cal_3 { background-color: transparent; }
.agenda-block .cal_4 { background-color: transparent; }
.agenda-block .cal_5 { background-color: transparent; }
.agenda-block .cal_6 { background-color: transparent; }
.agenda-block .cal_7 { background-color: transparent; }
.agenda-block .cal_8 { background-color: transparent; }
.agenda-block .cal_9 { background-color: transparent; }
.agenda-block .cal_10 { background-color: transparent; }
.agenda-block .cal_11 { background-color: transparent; }

.block .agenda-block .moreinfo {display: block;}

.Calendar_0 { background-color: #E6804D; }
.Calendar_1 { background-color: #E0C240; }
.Calendar_2 { background-color: #668CD9; }
.Calendar_3 { background-color: #D96666; }
.Calendar_4 { background-color: #F2A640; }
.Calendar_5 { background-color: #B373B3; }
.Calendar_6 { background-color: #B3E64C; }
.Calendar_7 { background-color: #CC4CE6; }
.Calendar_8 { background-color: #A64CE6; }
.Calendar_9 { background-color: #E64C8C; }
.Calendar_10 { background-color: #4C66E6; }
.Calendar_11 { background-color: #B373B3; }

.block .agenda-block .moreinfo li{
    text-align: left;
    margin-top: 0;
}
.block .agenda-block ol{display: inline-block !important;}

.block .agenda-block ol li {
    padding: 1px 0px;
    font-size: 95%
}

.date_event{
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-bottom: 2px;
    padding-left: 0;
}

.homepage .date_event {
  text-align: center;
  border-bottom: 1px solid rgb(161, 159, 159) !important;
}

.cal_type{
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 0px;
    padding-bottom: 3px;
    /* border-radius: 3px; */
    font-size: x-small;
    margin-top: 0px;
}

.hijriDate {
  color: #787B81;
  background-color: rgba(246, 246, 246, 0.46);
  padding-bottom: 1px;
  font-size: 0.7em;
  text-align: right;
  padding-right: 8px;
  width: 65.55073165% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.start_day_name {
  background: none repeat scroll 0 0 #7faf48;
  color: #FFFFFF;
  font-size: 0.7em;
  padding-bottom: 1px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.block .agenda-block ol {
  height: auto;
  margin: 0 0 0 0;
  padding: 0;
  display: -webkit-inline-box;
}

.event_deitel {
    width: 100% !important;
}

a.calendar_title {
  margin-bottom: 3px;
  display: inline-block;
}

a.events_more_link {
/*   background-color: rgb(250, 250, 250); */
  padding: 0px 5px 4px 5px;
  border-radius: 3px;
  color: rgb(122, 125, 131);
  margin-top: 10px;
}

a.events_more_link:hover {
  text-decoration: none;
  color: white;
  background-color: rgb(127, 175, 72);
}

a.events_more_link_en{
	padding: 0px 5px 0px 5px;
}

.GeorgianDate{
  color: #787B81;
  background-color: rgba(246, 246, 246, 0.46);
  padding-bottom: 1px;
  font-size: 0.7em;
  text-align: left;
  padding-left: 8px;
  width: 65.55073165% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.events_rows{
	display: block !important;
}

.events_date_event {
/*   background-color: rgb(167, 185, 114); */
/*   padding: 13px; */
  text-align: center;
  margin-left: 31px !important;
}

.events_hijriDate {
  background-color: rgb(187, 201, 147);
  padding: 3px 13px;
  padding-bottom: 8px;
}

.events_start_day_name {
  background-color: rgba(224, 224, 224, 0.31);
  padding: 4px 13px;
  border-top: 9px solid rgb(187, 201, 147);
  color: rgb(153, 166, 116);
}

.events_row {
  margin-bottom: 15px !important;
  border-bottom: 1px solid rgba(110, 140, 23, 0.13);
  padding-bottom: 10px !important;
}

.events_day{
	font-weight: bold;
	font-size: 1.2em;
	color: white;
}

.events_month{
	font-size: 70%;
	color: white;
}

.events_calendar_title{
	color: #6B8A13;
}

.events_description li{
	color: black !important;
	list-style: none;
}

.events_date_event_en {
  text-align: center;
  margin-right: 31px !important;
}

.events_start_day_name_en {
  font-size: 0.6782em;
}

/* ----------- end agenda ------------- */

.quicktabs-style-nostyle .item-list{margin-bottom: 30px;}

/* --------------- ckeditor ------------- */
h-title {
background: url("/sites/all/themes/zen/zen-internals/images/h-title.png") no-repeat scroll right center #c8c8c8;
color: white;
display: inline-block;
padding: 5px 10px 0px 10px;
width: 100%;font-size: 16pt;
}

.field-name-body .field-item li{
    list-style-image: url("/sites/all/themes/zen/img/list.png");
    list-style-position: inside;
}

/* ---------------  END ckeditor ------------- */



.estqtab {
height: auto;
margin: 0 80px;
max-width: 100px;
position: absolute;
z-index: 100;float: right;max-height: 150px;}

/* ---------------------- internal-page  ------------------- */

.internal-page .tabs-primary__tab, .internal-page .tabs-primary__tab.is-active,.internal-page ul.secondary li{border: transparent;text-shadow:transparent !important;}
.internal-page img.main-image {width: 100%}
.internal-page{}
.internal-page #topcontent{ display: inline;}

.internal-page a.tabs-primary__tab-link:active, .internal-page a.tabs-primary__tab-link.is-active,.internal-page a.tabs-secondary__tab-link:active, .internal-page a.tabs-secondary__tab-link.is-active{background-image: none !important;background-color: #96b85c !important;border: transparent !important;color: #fff !important;border-radius:7px !important;padding: 5px 10px;}

.internal-page a.tabs-primary__tab-link, .internal-page a.tabs-primary__tab-link.is-active,.internal-page a.tabs-secondary__tab-link,.internal-page a.tabs-secondary__tab-link.is-active{background: transparent ;border: transparent;padding:5px 10px !important;text-shadow: none !important;}

.internal-page a.tabs-primary__tab-link:hover,.internal-page a.tabs-primary__tab-link:focus{background: #f7f7f7 !important;border: transparent !important;color: #333 !important;padding: 5px 10px !important}

.internal-page .tabs-primary__tab, .internal-page .tabs-primary__tab.is-active{text-shadow:none !important}

.internal-page .tabs-primary,.internal-page .tabs-secondary{background-image: none !important}

.internal-page .kku-pages-kku-main-img {
    margin: 0 0 10px;
}
 .kku-pages-menu-tabs ul li{background: none repeat scroll 0 0 #eee;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    padding: 0 10px 5px;margin-bottom: 0;
}
#bottommainstory .kku-pages-menu-tabs ul.menu {
    border-bottom: 1px solid #7faf48;
}
#bottommainstory .kku-pages-menu-tabs ul li a{color: #333;}
.not-front #bottommainstory{background: transparent;position: relative;margin: 0;}

.internal-page .pane-menu-menu-kku-pages-about ul,.internal-page .pane-menu-menu-kku-pages-president ul,.internal-page  .pane-menu-menu-kku-pages-vice-presidencies ul{padding:0;margin: 0;}

.internal-page .pane-menu-menu-kku-pages-about li,.internal-page .pane-menu-menu-kku-pages-president li,.internal-page  .pane-menu-menu-kku-pages-vice-presidencies li {
    background: #f7f7f7 none repeat scroll 0 0;
    list-style: outside none none;
    margin: 0 0 5px;
    padding: 5px 10px 10px;
}
.internal-page .pane-menu-menu-kku-pages-about li.active-trail,.internal-page .pane-menu-menu-kku-pages-president li.active-trail,.internal-page  .pane-menu-menu-kku-pages-vice-presidencies li.active-trail{background: #f0f5ea none repeat scroll 0 0;
    border-radius: 90px 0 0 90px;}
.internal-page .communication-guide .col6{width: 47%;}
.internal-page .communication-guide .field-name-field-arabic-name {border-left: 7px solid #7faf48;height: 30px;padding: 4px 10px 0 0;border-right:none;margin-bottom: 12px;}
.internal-page .communication-guide .field-name-field-user-about{border-left: 7px solid #eee;padding: 0 0 0 10px;border-right: none;margin-bottom: 20px;font-size: 12pt;}
.internal-page .communication-guide .field-name-field-user-about p{line-height: 22pt;}

.internal-page .timeline-col {
    display: inline-block;
    margin: 10px 0;
    padding: 10px;
    width: 100%;
    text-align: center;
}
.internal-page .kku-history-timeline .col4{width: 30%;}
.internal-page .timelin-all{height: 300px;}
.internal-page .timelin-all .timelin-content{background: #f7f7f7;padding: 0 10px 15px 10px;height: 100%;max-height: 160px;}
.internal-page .timelin-all .timelin-content h3{ margin: 0 0 10px;padding: 10px 0 0;font-size: 12pt}
.internal-page .timelin-all .timelin-content .timelin-body{font-size: 10pt;}
.internal-page .date-create ul li {
    border-left: 1px solid #ccc;
    display: inline-block;
    margin: 0;
    padding-left: 10px;
}
.internal-page .timeline-col .g-title {
    background: #ddd none repeat scroll 0 0;
    border: 1px solid #f7f7f7;
    border-radius: 40px;
    display: inline-block;
    padding: 15px 20px;
}
/* ----------------------  END internal-page  ------------------- */

/* ---------------------- APPS Icon Footer ------------------- */

.grid-6.app-icon {
    display: inline-block;
    float: inherit;
} 
.app-icon img{max-width: 100px;}

/* ---------------------- END APPS Icon Footer ------------------- */

/* ------ ie 8 ---------- */

.noti_explorer{ width: 100%; margin: 0; background: #9e3636; text-align: center; color: white; direction: rtl; font-family: helveticaneueltarabiclight,tahoma; line-height: 3px; padding: 15px; font-size: 15px; }

.noti_explorer a
{ color: #ECB0B0; }


/* --------- end ie8 -------*/


/*--------- slick ----------- */

.date-create .slick-wrapper.slick-wrapper--fullwidth{margin-right: 22px;
    margin-top: 35px;
    max-width: 93%;
}
.date-create .slide__content {
    font-family: arial;
    font-size: 18pt;
    font-weight: normal;
    text-align: center;
}
.kku-about-links li {
    background: #eee none repeat scroll 0 0;
    display: inline-block;
    float: right;
    margin-bottom: 5px !important;
    padding: 10px;
    width: 30%;
}
.kku-about-links .menu__item.is-leaf {
    list-style-image: none;
    list-style-type: none;
}
.kku-history-timeline .timeline-col a.up {
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Safari and Chrome */
transform:rotate(270deg); }
.kku-history-timeline .timeline-col a { font-size:16px; background:rgba(0,0,0,.04); border-radius:1000px; background-clip:padding-box; display:inline-block; width:26px; height:28px; margin-right:5px; line-height:24px; vertical-align:middle; }




.kku-f-about p,.kku-f-about pre{line-height: 20pt;font-size: 11pt}
.footerblock .menu__item.is-leaf{list-style: none}
.node-3726 li,.node-3736 li,.node-677 .field-name-body li,.node-808 .field-name-body li{
    background: #eee none repeat scroll 0 0;
    display: inline-block;
   
    margin: 5px !important;
    padding: 10px;
    width: 45%;
}
.node-3726 li a,.node-3736 li a{color: #333;text-decoration:none !important;}
.node-3726 h3,.node-3736 h3,.node-808 h3,.node-677 h3{float: right;width: 100%;}

.node-677 .inline,.node-3736 .inline,.node-3726 .inline,.node-808 .inline{float: right}

.tmuz {
    position: absolute;
    right: 1%;
    top: 40px;
    z-index: 10;
}

.tmuz img {
    width: 80%;
}

@media screen and (max-width: 480px) {
	.tmuz {
		width: 80px;
	}
}

@media(min-width:970px){
.tmuz img {
    width: 120px;
}
}



@media(max-width:969px){
.tmuz img {
    width: 64px;
}
}


.r2030{
	position: absolute;
    left: 1%;
    top: 45px;
    z-index: 10;
	
}

.r2030 img {
    width: 100px;
}

.page-node-4938 table {
    width: 100% !important;
}

.page-node-4938 table td {
    padding: 10px;
}





.page-node-602 .form-item.form-type-radio {
    display: inline-block;
    margin: 0 0px 0 20px;
}




.node-3726 li, .node-677 .field-name-body li{
	font-size: 15px !important;
}





.page-node-5338 .field-name-body .field-item li {
    list-style-image: url("/sites/all/themes/zen/img/list.png");
    list-style-position: outside;
}





.page-node-6524  td {
    min-width: 30px;
    text-align: center;
}

.page-node-6524 td * {
    text-align: center !important;
}

.page-node-6524 tr td:nth-child(2) {
    min-width: 60%!important;
}

.page-node-6524 table {
    min-width: 100%;
}

.page-node-6524 table tr:nth-child(even) {
    background: #f5f5f5;
    font-family: HelveticaNeueLTArabic-Light !important;
}


.page-node-6524 table *{
    
    font-family: HelveticaNeueLTArabic-Light !important;
}

.page-node-6524 table tr:first-child {
    font-size: 16px;
    height: 47px;
}

.page-node-6524 tr {
    height: 45px;
}


.page-kku-vice-presidencies-academic-educational-vice-presidency  div#quicktabs-tabpage-kku_pages_vp_academic_educatio-5 img{    margin-right: 8px;}