﻿
/*@font-face {
    font-family: 'rotissansserifstd55regular58eb83f908be8';
    src: url('../fonts/rotissansserifstd55regular58eb83f908be8.eot');
    src: url('../fonts/rotissansserifstd55regular58eb83f908be8.eot') format('embedded-opentype'),
         url('../fonts/rotissansserifstd55regular58eb83f908be8.woff2') format('woff2'),
         url('../fonts/rotissansserifstd55regular58eb83f908be8.woff') format('woff'),
         url('../fonts/rotissansserifstd55regular58eb83f908be8.ttf') format('truetype'),
         url('../fonts/rotissansserifstd55regular58eb83f908be8.svg#rotissansserifstd55regular58eb83f908be8') format('svg');
}
     

@font-face {
    font-family: 'RotisSansSerifStdExtraBold';
    src: url('../fonts/RotisSansSerifStdExtraBold_38709.eot');
    src: url('../fonts/RotisSansSerifStdExtraBold_38709.eot') format('embedded-opentype'),
         url('../fonts/RotisSansSerifStdExtraBold_38709.woff2') format('woff2'),
         url('../fonts/RotisSansSerifStdExtraBold_38709.woff') format('woff'),
         url('../fonts/RotisSansSerifStdExtraBold_38709.ttf') format('truetype'),
         url('../fonts/RotisSansSerifStdExtraBold_38709.svg#RotisSansSerifStdExtraBold_38709') format('svg');
}*/

/*@import url('https://www.fontify.me/wf/fda186da24b7d27944a5fc1424e8663c');*/

@font-face {
    font-family: 'RotisSansSerifStdExtraBold';
    src: url('../fonts/RotisSansSerifStdExtraBold.eot');
    src: url('../fonts/RotisSansSerifStdExtraBold.eot') format('embedded-opentype'),
         url('../fonts/RotisSansSerifStdExtraBold.woff2') format('woff2'),
         url('../fonts/RotisSansSerifStdExtraBold.woff') format('woff'),
         url('../fonts/RotisSansSerifStdExtraBold.ttf') format('truetype'),
         url('../fonts/RotisSansSerifStdExtraBold.svg#RotisSansSerifStdExtraBold') format('svg');
}






body {font-size:14px; direction:ltr; font-family:open_sansregular; overflow-y:auto !important}
.LogoContaint {display:none !important}
.ms-backgroundImage a{color:#007e43;outline:none!important;}
/*.TopMenu .tpsublinks > li a:first-child {padding-left:0px}
.TopMenu .tpsublinks > li a:last-child {padding-right:0px}*/

#co_header .site-logo {
	display: inline-block;
	display:block;
	position:relative;
	top:7px;
	
	
}
.site-logo-aribic{display:none}
.portal-ico {
	background: url(../images/portal-logo.png) 0 0 no-repeat;
	width: 105px;
	height: 20px;
}


/*****NAVIGATION CSS*****/
#co-navigation.co-nav-border {
	border-bottom: 3px solid #e4e4e4;
}
#co-navigation .navbar-toggle {
	border-color: #fff;
	margin: 0;
	padding: 8px;
}
#co-navigation .navbar-toggle .icon-bar {
	background-color: #fff;
}
#co-navigation .navbar-toggle:hover, .top-header .hide-menu .navbar-toggle:focus {
	background-color: #007e43;
}
#co-navigation .navbar-toggle:hover .icon-bar, #co-navigation .hide-menu .navbar-toggle:focus .icon-bar {
	background-color: #80ac3b;
}
#co-navigation .navbar-nav>li>a {
	padding: 10px;
}
#co-navigation .navbar-collapse, #co-navigation .top-header .navbar-form {
	border-color: #f0f0f0;
}
#co-navigation .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
	background: transparent!important;
}
#co-navigation .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	background-color: #f0f0f0 !important;
	/*border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;*/
	color: #000000 !important;
	border-bottom: none !important;
}
#co-navigation .navbar-inverse {
	background: none;
	border: none;
    min-height:inherit;

}
#co-navigation .navbar-inverse .navbar-nav>li>a {
	color: #007d40;
	/*padding: 8px 12px;*/
    padding:11px 7px 11px 7px;
	text-transform: uppercase;
	font-size: 16px;
    /*border: 1px solid #fff;*/
	/*border-right: 1px solid #cfcfcf;*/
	/*font-family: 'helveticabold';*/
    font-family: 'RotisSansSerifStdExtraBold';
	position: relative;
	z-index: 100;
    /*border:1px solid #fff;*/

}
#co-navigation .navbar-inverse .navbar-nav>.active> a {
	/*background: #f7f7f7;
	border: 1px solid #cfcfcf;*/
	color: #007c45;
	border-bottom: none;
}
#co_header .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	background: #f7f7f7 !important;
}
#co-navigation .caret {
	position: relative;
	top: -2px;
    color:#adadad;
    margin-left:5px;
}
.dropdown-menu {
  box-shadow: none;
  border:1px solid #e6e6e6;
}
.navbar-nav > li > .MenuLevel2 {margin-top:-1px}
#co-navigation .menus-dropdown2 {
  border-top: none !important;
}
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
	position: static;
}
.yamm .container {
	position: relative;
}
.yamm .dropdown-menu {
	left: auto;
}
.yamm .yamm-content {
	padding:0px 0px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
	left: 0;
	right: 0;
}
#co-navigation .menu-title {
	color: #000000 !important;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	/*margin-top:15px;*/
   line-height:19px;
}


#co-navigation .menu-title a{color: #000;}
#co-navigation .yamm-content ul li {
    background: url(../images/social-arrow.png) 0 7px no-repeat;
    padding-left: 15px;
}
#co-navigation .yamm-content ul li:hover {
    background: url(../images/social-arrow-hover.png) 0 7px no-repeat;
    color: #007e43;
    text-decoration: underline;
}
#co-navigation .drpmenus {
	/*background: url(../images/social-arrow.png) 0 7px no-repeat;*/
	padding: 0px 0px 0px;
	color: #646464;
	font-size: 13px;
	text-transform: capitalize
}
#co-navigation .drpmenus:hover {
	/*background: url(../images/social-arrow-hover.png) 0 7px no-repeat;*/
	color: #007e43;
	text-decoration: underline
}
#co-navigation .border-botom {
	border-bottom: 1px solid #dddddd;
	padding-bottom:5px;
	margin-bottom:5px
}
#co-navigation .sloganmenu-text {
	font-size: 12px;
	color: #000;
	line-height: 20px;
	padding-bottom: 10px;
}
#co-navigation .subtext {
	font-size: 13px
}
#co-navigation .menus-dropdown {
	left: 0px;
    width:100%;
	/*top: 36px;*/
    position:absolute;
	z-index:99;
	background: #f0f0f0;
	border-radius: 0px!important;
    min-height:286px;
}
.aribeanlanguage {
	font-family: hacen_tunisia_ltregular !important;
	font-weight: 600;
}
#co-navigation .menus-dropdown2 {
	left: 0px;
	width: 225px;
	/*top: 37px;*/
	z-index: 90;
	background: #f0f0f0;
	border-top: none;
}
#co-navigation .see-details {
	color: #007d43;
	text-decoration: underline
}
#co-navigation .see-details:hover {
	text-decoration: none;
	color: #000
}
#co-navigation .dropdown-menu .yamm-content .col-sm-4 {
	clear:both;
}
.closeDiv {height:130px}
#co-navigation .close-btn {
	background: url(../images/close-btn.png) 0 0 no-repeat;
	bottom: -1px;
    color: #4f4f4f;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    left: 0;
    padding:20px 42px 14px 38px;
    position: absolute;
    text-transform: uppercase;

}
#co-navigation .marginright {
	margin-right: 74px
}
/*#co-navigation .navbar {
	top:-1px
}*/
#co-navigation .rel-position {
	position: relative !important
}

/***LOGO SECTION ***/
.LogoPanel{margin-top:22px; padding-bottom: 3px;}
.LogoPanel .LogoContaint{padding:18px 0px 0px 11px; width:100%}
.LogoPanel .LogoContaint .universityName{color:#7f7f7f; font-size:12px; text-transform:uppercase;}
.LogoPanel .LogoContaint .DeptName{font-family:"open_sansbold";font-size:14px;text-transform:capitalize;}
.LogoPanel .searchbtn {background: url(../images/search_btn.png) 0 0 no-repeat;width: 14px;height: 14px;position: absolute;right: 9px;top: 9px;}
.LogoPanel .searchbox {border:1px solid #cccccc;color: #999999;font-size: 12px;padding: 10px 27px 8px 8px;}
.LogoPanel .searchbox::-webkit-input-placeholder,.searchbox:-moz-placeholder ,#search::-moz-p ,.searchbox:-ms-input-placeholder{color:#999999;}
/*.LogoPanel .Deptlogo .logo{height:72px;}*/


/***TOP MENU*/
.TopMenu .tpsublinks{position:relative}
.TopMenu .LeftMenu ul li{border:none}
.TopMenu .tpsublinks > li{border-right: 1px solid #686868;float:left}
.TopMenu .tpsublinks > li > a{color:#fff;float:left; font-family: Arial,Helvetica,sans-serif; font-size:12px; padding:9px 15px; /*padding:9px 25px;*/}
.TopMenu .tpsublinks > li > a .caret {margin-left:12px}
.TopMenu .tpsublinks > li > a:hover{/*background: #4b4b4b;*/ color:#007e43; }

/*.TopMenu .tpsublinks > li:hover {background:#fff;}*/
.TopMenu .tpsublinks > li:hover .dropdown-menu{display:block}
.TopMenu .dropdown-menu {background:#fff;border-radius:0; padding:5px 0px;position:absolute;top:33px;z-index: 10000; min-width:197px;display: none;/*box-shadow: 0px 4px 4px 0px #ccc;*/border:1px solid #ccc;border-top:none !important;left:0px;}
.TopMenu .open>.dropdown-menu{display:block}
.TopMenu .dropdown-menu>li>a{color:#585858;display:block;font-family: Arial,Helvetica,sans-serif !important; font-weight:normal !important; font-size: 12px;padding: 8px 26px;}
.TopMenu .dropdown-menu>li>a:hover{background: #137b46;color:#fff;}

/****MAIN MENU CSS HERE***/
.Deptlogo{display:table-cell}
.LogoContaint{display:table-cell; vertical-align:top}
.MainNavigation{margin-top:19px;border-bottom:1px solid #ccc;border-top:1px solid #dddddd; /*padding-top:1px*/}
.MainMenu{/*padding-left:30px;*/}
.MainMenu .menus-dropdown {left:0px;/*top:36px;*/z-index:90;background:#f7f7f7;border-radius:0px!important;width:100%; clear:both; padding-top:5px}
.MainMenu .MenuLevel2 {padding:15px 0px;}
.MainMenu .MenuLevel2 > li{width:25%;float:left; padding-left:15px; padding-right:15px; display:inline}
.MainMenu .MenuLevel2 > li:first-child {padding-left:25px}
.MainMenu .MenuLevel2 > li > div > a{color:#000;font-size:12px;text-transform:uppercase;font-weight:700; white-space:normal;margin-bottom:10px; display:block; padding-left:10px}
.MainMenu .MenuLevel2 > li .caret{margin-left:6px}
.MainMenu .MenuLevel3 {display:block; border:none !important; list-style:none;margin:0;padding:0}
.MainMenu .MenuLevel3 > li{/*background:url(../images/social-arrow.png) 9px 7px no-repeat;*/padding:0px 12px 0px 0px; color:#646464;font-size:13px;text-transform:capitalize;margin-bottom:0px;}
.MainMenu .MenuLevel3 > li:hover{/*background:url(../images/social-arrow-hover.png) 9px 7px no-repeat;*/}
.MainMenu .MenuLevel3 > li > a{color:#008142;font-size:13px;padding:0 12px;text-transform:capitalize;display:block;border-bottom:1px solid #dddddd;padding-bottom:5px}
.MainMenu .MenuLevel3 > li > a:hover{color: #007e43;text-decoration:underline;}
.MainMenu .MenuLevel4 {display:block; border:none !important; list-style:none;margin:0;padding:0}
.MainMenu .MenuLevel4 > li{/*background:url(../images/social-arrow.png) 31px 7px no-repeat;*/padding:0px 12px 0px; color:#646464;font-size:13px;text-transform:capitalize;margin-bottom:5px;}
.MainMenu .MenuLevel4 > li:hover{/*background:url(../images/social-arrow-hover.png) 31px 7px no-repeat;*/}
.MainMenu .MenuLevel4 {margin-top:10px!important}
.MainMenu .MenuLevel4 > li > a{color:#646464;font-size:13px;padding:0 12px;text-transform:capitalize;display:block;/*border-bottom:1px solid #dddddd;*/ padding:0px 0px 5px 33px}
.MainMenu .MenuLevel4 > li > a:hover{color: #007e43;text-decoration:underline;}
.Closebtn{color:#494949; font-weight:700;cursor:pointer;position:absolute;bottom:15px; text-transform:uppercase}
.LogoPanel .searchboxDiv1{ margin-top:17px;}
.dropdown-menu .col-sm-3 ul li.dropdown a {background:none;}
.dropdown-menu .col-sm-3 ul li.dropdown a:hover{}
.accordian-blog .MenuLevel1 li a span,
.dropdown-menu .col-sm-3 ul li a span, .dropdown-menu .col-sm-3 ul li.dropdown a span {padding-top:10px; display:table-cell}
.dropdown-menu .col-sm-3 ul li a .text, .dropdown-menu .col-sm-3 ul li.dropdown a .text {padding-top:4px; padding-left:5px; display:table-cell}
 .accordian-blog .MenuLevel1 li a span {padding-top:0px; padding-right:5px;}

/*.MainMenu ul {display:block; border:none !important; list-style:none;margin:0;padding:0}
.MainMenu ul > li{background:url(../images/social-arrow.png) 9px 7px no-repeat;padding:0px 12px 0px; color:#646464;font-size:13px;text-transform:capitalize;margin-bottom:5px;}
.MainMenu ul > li:hover{background:url(../images/social-arrow-hover.png) 9px 7px no-repeat;}
.MainMenu ul > li > a{color:#008142;font-size:13px;padding:0 12px;text-transform:capitalize;display:block;border-bottom:1px solid #dddddd;padding-bottom:5px}
.MainMenu ul > li > a:hover{color: #007e43;text-decoration:underline;}*/





.TabContentArea{border:1px solid #ccc;padding:5px; /*background-color:#ffffff;*/  background:none; /*min-height:287px;*/}
.bdrlftandRft{border-left:none;border-right:none}
.BannerRoot .BannerRoot{background:#e0e2df;}

 .BannerRoot .ContentArea{position:relative}
.BannerRoot .Banner-Crousel {position:absolute;top:54%;width:100%;}
.BannerRoot .banner-slogan h2 {font-family: 'RotisSansSerifStdExtraBold'; font-size:25px}
.BannerRoot .banner-slogan h5{margin-bottom:0;padding:0 10px; font-family: Arial, Helvetica, sans-serif; font-size:15px;min-height:56px; }
.banner-slogan .slog-disc a{padding-top:10px; color:#fff; font-size:12px;display:block; text-decoration:underline}
.banner-slogan .slog-disc a:hover{text-decoration:none}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {float:right}
.carousel-control {/*width:100%;*/ position:absolute; opacity:1}
.BannerRoot .carousel-control .icon-prev, .BannerRoot .carousel-control .glyphicon-chevron-left {float:left}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {width:auto}
.banner-slogan .Textwrapper{width:60%;margin:0 auto}


.BannerRoot .carousel-control .glyphicon-chevron-left {left:0px; /*left:6%;*/}
.BannerRoot .carousel-control .icon-next, .BannerRoot .carousel-control .glyphicon-chevron-right {/*right:6%;*/right:0px;}

.HomePageDataRoot{background-color:#e0e2df;}
.HomePageDataRoot .PageData,.HomeProgramRoot .home-programData{padding:50px 0px; padding-top:83px}
.HomeProgramRoot{background-color:#017d41; display:block}
.HomePageNewsRoot {/*background-color:#efefef;*/}
/******ABOUT PAGE DATA*/

.welWrapper{position:relative}
.welWrapper .welElipsImg{position:absolute}
.welWrapper .welElipsImg img{width:404px; height:404px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%}
.welWrapper .welElipsbrd{position:absolute}
#news-page .co-breadcrumb a {text-decoration:underline}
.greenBg {background:#007d40; margin-top:-1px; margin-bottom:20px}
.greenBg .mt15 {margin-top:0px}
.greenBg h2 {border-bottom:none; color:#ffffff; padding-bottom:1px; padding-top:17px; font-family: 'RotisSansSerifStdExtraBold';}
.greenBg .co-breadcrumb{padding-bottom:20px}
.greenBg ul.site-breadcrumb li {color:#a1d0b9}
.greenBg ul.site-breadcrumb li:last-child{color:#ffffff !important}
.greenBg span a {color:#a1d0b9; font-size:18px}
.customHidden {display:none}

.MainMenuActive {background: #007d40; color:#ffffff !important}

#co-navigation .navbar-inverse .navbar-nav > li > .MainMenuActive{background: #007d40; color:#ffffff !important}

.MainMenuActive:hover, .MainMenuActive:focus, .MainMenuActive.active {background: #007d40 !important; color:#ffffff}
.kfupm-open-menu {display: block !important; position: relative !important;}
.kfupm-open-menu .MenuLevel2 {display: block !important;}

/*.MenuLevel1 > .kfupm-open-menu {display:block !important}
.MenuLevel1 > li > ul > .kfupm-open-menu {display:block !important}
.MenuLevel1 > li > ul > li > ul > .kfupm-open-menu {display:block !important}
.MenuLevel1 > li > ul > li > ul > li > ul > .kfupm-open-menu {display:block !important}*/



.rightSubMenu {color:#000000; text-transform:uppercase; font-size:18px; font-family:'RotisSansSerifStdExtraBold'; padding:10px 5px 10px 0px !important; border-bottom:2px solid #666666 !important}
.ProgramContent {padding: 12px 0px; padding-bottom: 20px;}
.PageDataImg{float:left; /*padding-bottom:20px;*/ padding-right:20px; /*width:458px;*/ width:40%; height:404px}
.PageDataContent {width:60%; /*float:left*/}
.PageDataImg img { width:404px;height:404px; overflow:hidden;margin-right:20px;border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
.PageDataContent .Title{color:#333333;/*font-family:Arial;*/font-family: 'RotisSansSerifStdExtraBold'; font-size:28px;padding:50px 0px 30px;}
.PageDataContent p{color:#333;font-size:17px; line-height:26px;font-family:Arial}
.PageDataContent .more{color:#007e43;font-size:14px; text-decoration:underline;padding-top:28px; display:block;font-family: 'RotisSansSerifStdExtraBold'; font-size:17px}
.PageDataContent .more:hover{color:#000; text-decoration:none; }
.ProgramContent .Title{color:#f2ffff;font-size:20px; font-family: 'RotisSansSerifStdExtraBold'; padding:0px 0px 10px; text-transform:uppercase; }
.ProgramContent .subject{color:#f2ffff;font-size:14px; line-height:20px; text-align:left;font-size:16px; font-family: 'RotisSansSerifStdExtraBold';height:61px; overflow:hidden}
.ProgramContent .more{background:#d1b756;color:#333333; font-size:14px; font-family: 'RotisSansSerifStdExtraBold';margin-top:20px;padding:7px 13px;text-transform: uppercase;display:inline-block;font-family:Arial;}
.ProgramContent .more:hover{background:#f6f6f6;transition: background-color 0.5s ease 0s;}
.HomeProgramRoot .pageTitle{color:#d3b658;padding-bottom:50px;font-size:30px;font-family: 'RotisSansSerifStdExtraBold';}
.HomeProgramRoot .border-right{border-right:1px solid #006432}
.HomeProgramRoot .border-right:last-child{border:none}
.HomePageSocialRoot {margin-bottom:0px;}
.HomePageSocialRoot .pageTitle{color:#007d40;padding-bottom:14px;font-size:30px;font-family: 'RotisSansSerifStdExtraBold'; margin-top:0px; padding-top:64px; }
.HomePageNewsRoot .pageTitle{color:#057c46;padding-bottom:20px;font-size:20px;font-family:Arial; margin-top:45px;font-weight: 700;}
.HomePageNewsRoot .news-disc-text{color:#007744;font-size:14px;font-family:Arial;height:39px; overflow:hidden; display:block}
.DateText{padding-top:2px}
.HomePageNewsRoot .event-subject {color: #2f2f2f;font-size:11px;text-transform: capitalize;}
.HomePageNewsRoot .nav-tabs{border:none; /*border-bottom:1px solid #cccccc*/} 
.HomePageNewsRoot .news-details-tabs {color:#666666;font-size:17px; font-weight:normal; font-family: 'RotisSansSerifStdExtraBold'; text-transform:capitalize;padding:10px 11px;display:inline-block;margin-right:0px;background:#ddd;border:solid 1px #ccc; -moz-transition: background-color 0.5s ease;-webkit-transition: background-color 0.5s ease;transition: background-color 0.5s ease;cursor:pointer;}
.HomePageNewsRoot .news-details-tabs:hover, .HomePageNewsRoot .news-details-tabs.active {background:none;color:#252525;border-color:#ccc;}
.HomePageNewsRoot .recentnews{font-size:24px;font-family: 'RotisSansSerifStdExtraBold'; color:#000;margin:12px 0; margin-bottom:14px}
.HomePageNewsRoot .eventlistdept{width:74%;margin-left:15px}
.HomePageNewsRoot .bdr-top{border-top:1px solid #ccc;padding-top:10px}
.HomePageNewsRoot .morenews {color: #007e43;font-size:15px;text-decoration:underline;font-family:Arial;font-weight:700;}
.event-slogan{color:#0f7545; font-size:13px;font-family:Arial;}
.fa-bullhorn{background:url(../images/annunce-icon.png) 0 10px no-repeat; padding:9px;}
.fa-calendar{background:url(../images/calender-ico.png) 0 10px no-repeat; padding:9px;}
.NewsSocialMedia ul li{display:inline-block; margin-right:4px}
.NewsSocialMedia .Scial-Icon{background:url(../images/social-icons-sprite.png) 0px 0px no-repeat;height:25px;width:30px; display:inline-block}
.NewsSocialMedia .twitter{background-position:-65px 0px}
.NewsSocialMedia .facebook{background-position:-109px 0px; width:25px}
.NewsSocialMedia .youtube{background-position:-154px 0px;width:36px}
.NewsSocialMedia .instagram{background-position:-207px 0px;}
.NewsSocialMedia .linkedin{background-position:-251px 0px; width:30px}
.NewsSocialMedia .googleplus{background-position:-27px -1px;}
.NewsSocialMedia .twitter:hover{background-position:-65px -36px}
.NewsSocialMedia .facebook:hover{background-position:-109px -36px}
.NewsSocialMedia .youtube:hover{background-position:-154px -36px;width:36px}
.NewsSocialMedia .instagram:hover{background-position:-207px -36px}
.NewsSocialMedia .linkedin:hover{background-position:-251px -36px}
.NewsSocialMedia .googleplus:hover{background-position:-27px -35px}


.ContentArea{padding:0px 50px;}
.MarginArea{margin:0px 50px;}
.ContentAreaWithMenu{padding:0px 50px;}
/****HEADER CSS END HERE***/


/*************/
/***ACCORDIAN CSS***/
.accordian-blog{padding-right:12px}
.desktop-accordian{/*margin-top:62px*/}
.accordian-blog .MenuLevel1, .accordian-blog .MenuLevel1 li, .accordian-blog .MenuLevel1 li a {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; /*background: url(../images/arrow_black.png) 0px 0px no-repeat;*/}
.accordian-blog .MenuLevel1{font-family:Helvetica, Arial, sans-serif;color:#ffffff;}
.accordian-blog .MenuLevel1 ul {display: none;margin: 0;padding: 0;border: 0;}
.accordian-blog .align-right {float:right;}
/*.accordian-blog .MenuLevel1 li.active a {color:#007d40}*/
.accordian-blog .MenuLevel1 li.active{color:#007d40}
.accordian-blog .MenuLevel1 li a.active {color:#007d40}


.accordian-blog .MenuLevel1 > li > a {border-top: 1px solid #dddddd;/*border-left: 1px solid #c5c6c6;border-right: 1px solid #c5c6c6;*/padding:12px 14px 15px 20px;color:#007d40;font-size:16px;text-transform:capitalize;cursor: pointer;z-index: 2;text-decoration: none;background: #fff; font-family: 'RotisSansSerifStdExtraBold'; float:left; width:100% }
.accordian-blog .MenuLevel1 > li > a:hover {
	background: #f9f9f9
}
.accordian-blog .MenuLevel1 > li > a:hover {
	background: #f9f9f9
}
.accordian-blog .MenuLevel1 > li.open > a:hover {
	background: #f9f9f9
}
.accordian-blog .MenuLevel1 > li.open > a.active {
	background: #f9f9f9
}
.accordian-blog .MenuLevel1 > li.open > a {
    background: #fff none repeat scroll 0 0;
    /*border-left: 1px solid #c5c6c6;
    border-right: 1px solid #c5c6c6;*/
    /*border-top: 1px solid #dddddd;*/
    color: #008449;
    cursor: pointer;
   font-family: 'RotisSansSerifStdExtraBold';
    font-size: 16px;
    padding:17px 14px 15px 20px;
    text-decoration: none;
    text-transform: capitalize;
    z-index: 2;
   




}
.accordian-blog .MenuLevel1 > li.open > a {
	/*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);*/
    border-bottom:1px solid #dddddd;
}
.accordian-blog .MenuLevel1 > li:last-child > a, .accordian-blog .MenuLevel1 > li.last > a {
	border-bottom: 1px solid #dddddd;
}
.accordian-blog .holder {
	width: 0;
	height: 0;
	position: absolute;
	top:5px;
	right: 0;
}
.accordian-blog .holder::before {
	display: block;
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	right: 20px;
	z-index: 10;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



.accordian-blog .holder::after {
	display: block;
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	right: 20px;
	z-index: 10;
	-webkit-transform: rotate(230deg);
	-moz-transform: rotate(230deg);
	-ms-transform: rotate(230deg);
	-o-transform: rotate(230deg);
	transform: rotate(230deg);
}

.accordian-blog .holder::after {
	top: 17px;
	border-top: 2px solid #c5c6c6;
	border-left: 2px solid #c5c6c6;
}
.accordian-blog .MenuLevel1 > li > a:hover > span::after, .accordian-blog .MenuLevel1 > li.active > a > span::after, .accordian-blog .MenuLevel1 > li.open > a > span::after {
	border-color: #959595;
}
 
.accordian-blog .holder::before {
	top: 18px;
	border-top-color: inherit;
	border-left-color: inherit;
}
.accordian-blog .MenuLevel1 ul li a {
   /*border-bottom: 1px solid #ddd;*/
    /*border-left: 1px solid #c5c6c6;
    border-right: 1px solid #c5c6c6;*/
    color: #444444;
    /*background: #f1f1f1;*/
    background:#fafafa;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    padding:4px 20px;
    text-decoration: none;
    z-index: 1;
    float:left; 
    width:100%;
    font-family:Arial;
}
.accordian-blog .MenuLevel1 ul li a:hover{text-decoration:underline;}
.accordian-blog .MenuLevel1 ul li:hover > a, .accordian-blog .MenuLevel1 ul li.open > a, .accordian-blog .MenuLevel1 ul li.active > a {
	color:#007d40;
	/*text-decoration:underline;*/
}


.accordian-blog .MenuLevel1 ul li:first-child > a {
	box-shadow: none;
    padding-top:13px;
}
.accordian-blog .MenuLevel1 ul ul li:first-child > a {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
/*.accordian-blog .MenuLevel1 ul ul li a {
	margin-left: 35px;
}*/
.accordian-blog .MenuLevel1 > li > ul > li:last-child > a, .accordian-blog .MenuLevel1 > li > ul > li.last > a {
	border-bottom: 0;
    padding-bottom:17px;
}
.accordian-blog .MenuLevel1 > li > ul > li.open:last-child > a, .accordian-blog .MenuLevel1 > li > ul > li.last.open > a {
	text-decoration:underline;
}
.accordian-blog .MenuLevel1 > li > ul > li.open:last-child > ul > li:last-child > a {
	border-bottom: 0;
}
#mobileview .toggel-button {background: #fff;border: 1px solid #ccc;color: #000;font-size: 18px;padding:0px 0px 0px 0px;font-size: 13px;text-transform: uppercase;height:29px;cursor: pointer;width:42px;float:right;margin-bottom: 20px;}
.MenuLevel1 > li.has-sub > a .holder{-webkit-transform: rotate(-0.7deg);-moz-transform: rotate(-0.7deg);-ms-transform: rotate(-0.7deg);-o-transform: rotate(-0.7deg);transform: rotate(-0.7deg);}
.MenuLevel1 > li.has-sub.open > a .holder{-webkit-transform: rotate(176.2deg);-moz-transform: rotate(176.2deg);-ms-transform: rotate(176.2deg);-o-transform: rotate(176.2deg);transform:rotate(176.2deg);width: 44px;
height: 45px}
.MenuLevel1 ul> li.has-sub > a .holder{-webkit-transform: rotate(-0.7deg);-moz-transform: rotate(-0.7deg);-ms-transform: rotate(-0.7deg);-o-transform: rotate(-0.7deg);transform: rotate(-0.7deg);}
.MenuLevel1 ul> li.has-sub.open > a .holder{-webkit-transform: rotate(176.2deg);-moz-transform: rotate(176.2deg);-ms-transform: rotate(176.2deg);-o-transform: rotate(176.2deg);transform:rotate(176.2deg);width:46px;
height:39px}
#mobileview .toggel-button:hover {background: #f9f9f9}
.brandbtn{display:table-cell;padding-left:8px;}
.brandbutton {background: url(../images/brandbutton.png) 0 0 no-repeat;width: 32px;height: 26px; border: 1px solid #ccc; cursor:pointer;}
.searchdbtn { display:table-cell;border: 1px solid #ccc; cursor:pointer; padding:0px 8px;vertical-align: middle;}
.searchdbtn i{font-size:14px}
.mobile-display {display:none}




/*****BANNER CSS START HERE ****/
.banner-BottomStrip {position:absolute;bottom:0;width:100%;}
.banner-slogan {background:url(../images/banner_bg.png) 0 0 repeat; min-height:273px; padding-top:273px; text-align:center;background-size: auto 100%; /*background-attachment: fixed;*/background-position: bottom; 



	/*background: rgba(18, 18, 18, 0.8);*/

	color: #fff;
	/*position:relative;
	top:-95px;*/
	width: 100%;
    
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {margin:0px !important;/*position:inherit*/}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {/*position:inherit*/}
#site-banner .carousel-control {
	width: auto;
	color: #fff;
	opacity: 1;
}
#site-banner .carousel-control.right {float:right}
#site-banner .carousel-control.left {}
#site-banner .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	font-size: 34px
}
/*#site-banner .carousel-control.left {
	background: url(../images/ban-left-arrow.png) 0 0 no-repeat;
	left: 29px;
	vertical-align: middle;
	display: inline-block
}
#site-banner .carousel-control.right {
	background: url(../images/ban-right-arrow.png) 0 0 no-repeat;
	right: 50px;
	vertical-align: middle;
	display: inline-block
}*/
/*#site-banner .banner-head {
	font-size: 26px;
	font-weight: normal;
	font-family: 'open_sansregular';
	
}
.banner-slogan .banner-head {
	font-size: 26px;
	font-weight: normal;
	font-family: 'open_sansregular';
}
.banner-slogan .slog-disc{ font-family:Arial, Helvetica, sans-serif; font-size:15px;}*/
/*#site-banner .carousel-indicators {
	position: absolute;
	top: 30px;
	right: 15px;
	z-index: 5;
	margin: 0;
	list-style: none;
}
#site-banner .carousel-indicators .active {
	width: 15px;
	height: 15px;
	background: #fff;
	border: 1px solid #fff;
}
#site-banner .carousel-indicators li {
	background: #a6a6a6;
	width: 15px;
	height: 15px;
	border: 1px solid #c0b7a1;
	margin: 0;
}
#site-banner .carousel-indicators {
	width: auto;
	left: 87%
}*/

/*#carousel-example-generic .glyphicon-chevron-left:hover,
#carousel-example-generic .glyphicon-chevron-left.active,*/
#carousel-example-generic .glyphicon-chevron-left:before {
	/*background:rgba(0, 0, 0, 0.9) url(../images/ban-left-arrow.png) 16px 8px no-repeat;*/
    background:url(../images/ban-left-arrow.png) 16px 8px no-repeat;
	  border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 25px;
}
/*#carousel-example-generic .glyphicon-chevron-right:hover,
#carousel-example-generic .glyphicon-chevron-right.active,*/
#carousel-example-generic .glyphicon-chevron-right:before {
	/*background:rgba(0, 0, 0, 0.9) url("../images/ban-right-arrow.png")  17px 6px no-repeat;*/
    background:url("../images/ban-right-arrow.png")  17px 6px no-repeat;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  padding: 25px;
}
/*#site-banner .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	font-size: 0px !important
}
#site-banner #co-banner {
	border-top: 4px solid #e5e5e5;
}*/

/*****MAINCONTAINER CSS***/

/*#feature-blog .discover-title {
	color: #fff;
	font-size: 35px;
	margin: 0px 0px 25px 0px;
	padding-top: 25px;
	text-transform: uppercase;
	text-align:center;
}
#feature-blog .disc-bg{background:#8b8178; padding:0px 0px 37px 0px; margin-top:10px}
#feature-blog .discover-controls {
	position: absolute;
	right: 15px;
	top: 40px;
	background: url(../images/patchcrowsel.png) 0 0 no-repeat;
	width: 74px;
	height: 280px;
	
}
#feature-blog .disctext {
	font-size: 16px;
	color: #fff;
	padding-top: 18px;
	font-family: 'open_sansbold';
}
#feature-blog .hovermask:hover .hovermaskimg {
	background: rgba(0,0,0,0.3);
	height: 100%;
	width: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
}
#feature-blog .hovermask:hover .disctext {
	color: #007e43 !important;
	-moz-transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}
#feature-blog .discover-controls .left {
	background: url(../images/des-left-arrow.png) 0 0 no-repeat;
	width: 22px;
	height: 22px;
	display: inline-block
}
#feature-blog .discover-controls .right {
	background: url(../images/discover-arrow.png) 0 0 no-repeat;
	width: 22px;
	height: 44px;
	display: inline-block;
	position: absolute;
	top: 124px;
	left: 30px;
}*/
#news-events-blog .news-title {
	display: inline-block;
	color: #000000;
	font-size: 25px;
	text-transform: uppercase;
	font-family: 'open_sansbold';
}
#news-events-blog .dates {
	color: #999999;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase
}
#news-events-blog .disctext {
	font-size: 16px;
	color: #555555;
	font-family: 'open_sansbold';
}
#news-events-blog .morenews {
	color: #007e43;
	font-size: 13px;
	text-decoration: underline;
}
#news-events-blog .morenews:hover {
	color: #000
}
#news-events-blog .events-blog .educrapt {
	display: inline-block;
	color: #000000;
	font-size:25px;
	text-transform: uppercase;
	font-family: 'open_sansbold';
}
#news-events-blog .dottedborder{border-left:3px dotted #bbbfbe; padding-left:8px}
#news-event-blog .eventsdetails{padding-left:0px}
#news-events-blog .events-blog .small-text {
	color: #d4d5d7;
	font-size: 12px !important;
	text-transform: uppercase
}
#news-events-blog .eventsmask:hover .hovermaskimg {
	background: rgba(0,0,0,0.3);
	height: 100%;
	width: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
}
#news-events-blog .eventsmask:hover .disctext {
	color: #007e43 !important;
	-moz-transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}
.events-blog .all-events {
	margin-top: 37px
}
.events-blog .disctext {
	cursor: pointer
}
.events-blog .events {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 15px
}
.events-blog .events-title {
	font-size: 14px;
	color: #555555;
	line-height: 24px;
	font-family:open_sansbold;
}
.events-blog .events-title:hover {
	color: #007e43
}
.events-blog .events-dates {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: 700;
	text-transform: uppercase;
}
/*.instagram-blog .instagram-title {
	display: inline-block;
	color: #000000;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'open_sansbold';
}
.instagram-blog .forEnglish{display:block}
.instagram-blog .forarabic{display:none}
.instagram-blog .insta-leftmargin {
	margin-left: -1%
}
.instagram-blog .instagram {
	margin-left: 1%;
	margin-bottom: 0.5%;
	width: 19%;
}
.instagram-blog .bdr-bottom {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 20px
}
.border-top {
	border-top: 1px solid #d6d6d6;
	padding-top: 20px;
	margin-top: 20px
}
.instagram-blog .camera_bg {
	background: #3b5998;
	position: absolute;
	right: 0;
	bottom: 0;
	min-height: 100%;
	width: 60px;
	text-align: center;
}
.instagram-blog .camera-icon {
	background: url(../images/instagram-camera.png) 0 0 no-repeat;
	width: 32px;
	height: 32px;
	position: relative;
	top: 82px;
}
.kpum-co-tabs {
	position: absolute;
	left: 17px;
	bottom: 14px
}
.instagram-blog .kpmtabs {
	background: #fff;
	padding: 10px 18px;
	color: #000;
	font-size: 16px;
	margin: 0px 0px 3px 0px;
	text-transform: uppercase;
	float: left;
	margin-right: 30px;
	width: 104px;
}
.instagram-blog .kpmtabs1 {
	width: 119px;
}
.instagram-blog .virtual {
	width: 137px;
}
.instagram-blog .kpmtabs:hover {
	background: #007e43;
	color: #fff;
}
.instagram-blog .social-title {
	font-size: 14px;
	padding: 0px 0px 5px 0px;
	text-transform: uppercase;
	color: #000000
}
.instagram-blog .kpmicon {
	position: relative;
	top: -29px;
}*/
/*.instagram-blog .morway-icon {
	background: url(../images/social-arrow.png) 0px 6px no-repeat;
	padding: 0px 5px;
	margin-left: 10px
}
.social-media .social-icons {
	background: url(../images/sprite-social-ico_1.png) 0 0 no-repeat;
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-bottom: 15px;
}
.social-media .camera {
	background-position: -52px 0px
}
.social-media .fb {
	background-position: -103px 0px
}
.social-media .youtube {
	background-position: -154px 0px
}
.social-media .twitter {
	background-position: -206px 0px
}
.social-media .linkdean {
	background-position: -257px 0px
}
.social-media .camera:hover {
	background-position: -52px -34px
}
.social-media .fb:hover {
	background-position: -103px -34px
}
.social-media .youtube:hover {
	background-position: -154px -34px
}
.social-media .twitter:hover {
	background-position: -206px -34px
}
.social-media .linkdean:hover {
	background-position: -257px -34px
}
.gplus:hover {
	background-position: 0px -34px
}*/

/*#discover-blog .discover-bg {
	background: #373536 url(../images/discover-bg1.jpg) 0 0 repeat-x;
	margin: 0 auto;
	padding-bottom: 67px;
}
#discover-blog .tile-discover {
	color: #fff;
	font-size: 35px;
	margin: 0px 0px 55px 0px;
	padding-top: 61px;
}
#discover-blog .discover-ico {
	display: inline-block
}
#discover-blog .dis-slogantext {
	background: rgba(0,0,0,0.7);
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0;
	display: inline-block;
	color: #fff;
	font-size: 13px;
	padding-left: 10px;
	text-transform: uppercase
}
#discover-blog .discover-ico:hover .dis-slogantext {
	background: #076c3e;
	-moz-transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}
#discover-blog .margin-minus {
	margin-left: 79px
}
#discover-blog .discover-list {
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
}*/
.color-black {
	color: #000
}
#news-event-blog .Mobileview {
	display: none
}
/*****MAINCONTAINER END CSS***/

/*****FOOTER CSS ***/
#footet-bg {
	background: #333333;
	width: 100%;
	/*margin-top: 50px;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #cccccc !important;
}
#footet-bg .ftr-bdr {
	border-left: 1px solid #444444;
	padding-left: 20px
}
#footet-bg .ftr-title {
	color: #ffffff;
	font-size: 12px;
    font-weight:bold;
	text-transform: uppercase;
    margin-top:0px;
    /*font-family:"Arial,Helvetica,sans-serif";*/
}
#footet-bg .link {
	color: #cccccc !important;
	font-size: 13px;
	padding-bottom: 5px;
	display: block
}
#footet-bg .link:hover {
	text-decoration: underline;
	color: #ffffff
}
#footet-bg .ftr-link {
	/*margin-left: 40px*/
    padding-left: 20px
}
#footet-bg .link_social {
	background: url(../images/ftr-social.png) 0 0 no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	padding-left: 30px;
	margin-bottom: 10px;
	color: #cccccc;
	font-size: 13px
}
#footet-bg #Fordesktop{border-left: 1px solid #444444;padding-left: 20px;}
#footet-bg .tw {
	background-position: 0px -21px
}
#footet-bg .inst {
	background-position: 0px -41px
}
#footet-bg .linkedin {
	background-position: 0px -84px
}
#footet-bg .link_social:hover {
	text-decoration: underline
}
#bottom-ftr {
	background: #333333
}
#footet-bg {padding-bottom:41px; padding-top:46px}
#bottom-ftr .ContentArea {border-top:1px solid #484848; padding-top:25px; padding-bottom:38px}
#bottom-ftr {padding:0px}
#bottom-ftr .copy-right {
	color: #999999;
	font-size: 13px
}
#bottom-ftr .btm-link {
	font-size: 13px;
	padding: 0px 12px;
	color: #999999;
	border-right: 1px solid #999999;
	text-transform: capitalize
}
#bottom-ftr .btm-link:hover, #bottom-ftr .btm-link.active {
	color: #fff;
	text-decoration: underline
}
#bottom-ftr .bdrnone {
	border: none
}
#ForMobile {
	display: none
}
 
/*****FOOTER CSS END HERE***/

/*****INNER PAGES CSS START HERE****/
.inner-page-bg {
	background: #f6f6f6; /* Old browsers */
	background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f6f6f6 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f6f6f6 0%, #ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f6f6f6 0%, #ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f6f6f6 0%, #ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
	border-top: 4px solid #e5e5e5;
}
.co-breadcrumb br{display:none}


.page-title {color: #000; font-size:25px; padding-top: 15px; font-family:'open_sanssemibold'; border-bottom: 1px solid #e0e0e0;padding-bottom:15px; margin-bottom:10px;}

#news-page .co-breadcrumb .breadcrumb {
	background: none;
	padding: 8px 0px;
	margin-bottom: 0;
}
.co-breadcrumb .breadcrumb-arrow {
	background: url(../images/breadcrumb-arrow.png) 0 9px no-repeat;
	padding:2px 0px 0px 12px;
	content: normal;
	margin-left: 10px;
}
#news-page .co-breadcrumb a {
	color: #a1d0b9;
	font-size: 12px;
}
#news-page .co-breadcrumb a:hover, .co-breadcrumb a.active {
	color: #a1d0b9 !important;
}
#news-page .co-breadcrumb .glyphicon-home:before {
	color: #a1d0b9;
}
#news-page .page-title_ {
	color: #000;
	font-size: 30px;
	padding-top: 15px;
	font-family:'open_sanssemibold';
    border-bottom: 1px solid #e0e0e0;
}
#news-page .rss-icon {
	background: url(../images/page-rss-ico.png) 0 0 no-repeat;
	padding: 0px 0px 0px 26px;
	font-weight: 700;
	color: #000;
	font-size: 13px;
	text-transform: uppercase
}
#news-page .rss-icon:hover {
	text-decoration: underline;
	color: #007e43;
}
#news-page .border-bottom {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 30px
}
/*#news-page .news-dates {
	color: #999999;
	font-size: 12px;
	font-family: 'open_sansbold';
	text-transform: uppercase
}*/
/*#news-page .news-disc-text {
	font-size: 16px;
	color: #555555;
	font-family: 'open_sansbold';
	letter-spacing: -0.2px;
}*/
#news-page .hover-mask-news:hover .hovermaskimg {
	background: rgba(0,0,0,0.3);
	height: 100%;
	width: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
}
#news-page .hover-mask-news:hover .news-disc-text {
	color: #007e43 !important;
	-moz-transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}
#news-page .show-more {
	background: #eeeeee;
	padding: 6px 0px;
	text-align: center;
	color: #999999;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
}
#news-page .show-more:hover {
	background: #007e43;
	color: #fff;
	-moz-transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}
#news-page .show-more:active {
	box-shadow: 0px 0px 11px 1px #000 inset;
	border: none
}
#news-page .tab {
	color: #000000;
	font-size: 13px;
	padding: 17px 20px;
	border: 1px solid #c5c6c6;
	display: block;
	text-transform: uppercase;
	background: #fff;
	font-family: 'open_sansbold';
}
#news-page .tab:hover {
	background: #f9f9f9;
	color: #027d44;
}
#news-page .tab.active {
	background: #f9f9f9;
	color: #027d44;
}
#news-page .news-kfupm-tabs {
	position: absolute;
	left: 17px;
	bottom: 14px;
}
#news-page .news-kpmtabs {
	background: #fff;
	padding: 10px 18px;
	color: #000;
	font-size: 16px;
	margin: 0px 0px 3px 0px;
	text-transform: uppercase;
	float: left;
	margin-right: 30px;
	width: 104px;
}
#news-page .newskpmtabs1 {
	width: 119px
}
#news-page .newsvirtual {
	width: 137px
}
#news-page .news-kpmtabs:hover {
	background: #007e43;
	color: #fff;
}
#news-page .headtext {
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'open_sansbold';
}
#contact .headtext {
	color: #000;
	font-size: 14px !important;
	text-transform: uppercase;
	font-family: 'open_sansbold';
}
.MediaContacus{margin-bottom:10px;}

#news-page .related-link {
	color: #007e43;
	text-decoration: underline;
	font-size: 12px;
	display: block;
	padding-bottom: 4px;
	background: url(../images/news-arrow.png) 0 9px no-repeat;
	padding: 2px 10px;
}
#news-page .related-link:hover {
	color: #000;
	text-decoration: none
}
/****news-Details-page*****/

#news-Details-page .news-det-social {
	background: url(../images/news-details-social.png) 0 0 no-repeat;
	width: 17px;
	height: 18px;
	display: inline-block;
	margin-right: 9px;
}
.color-black {
	color: #000
}
#news-Details-page .news-det-social .share-text {
	padding: 0px 5px 0px 0px;
}
#news-Details-page .news-details-social {
	text-transform: uppercase;
	color: #666666;
	font-size: 12px;
	font-weight: 700
}
#news-Details-page .news-details-social .tw {
	background-position: -23px 0px
}
#news-Details-page .news-details-social .fb:hover {
	background-position: 0px -17px
}
#news-Details-page .news-details-social .tw:hover {
	background-position: -23px -17px
}
#news-Details-page .full-width {
	background-size: 100% 100%;
	width: 100%
}
#news-Details-page .news-details-sloagn-text {
	color: #000;
	font-size: 20px;
	line-height: 34px;
	text-transform: uppercase;
	 font-family: 'open_sanssemibold';
}
#news-Details-page .news-det-paratext {
	color: #000;
	font-size: 16px;
	line-height: 28px
}
/****events-page*****/
#events .black-bg {
	background: #000;
	padding: 7px 21px;
	text-align: center;
	margin-top: 2px;
	font-family: 'open_sansbold';
    margin-right:10px;
}
#events .event-date {
	color: #fff;
	font-weight: 700;
	font-size: 25px;
	display: block;
	font-family: Arial, Helvetica, sans-serif
}
#events .event-month {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase
}
#events .event-slogan {
	color: #000;
	font-size: 18px;
	font-family: 'open_sansbold';
	text-transform: capitalize
}
#events .event-slogan:hover {
	color: #007e43;
	text-decoration: underline
}
#events .event-subject {
	text-transform: capitalize;
	font-size: 14px
}
#events .uppercasetext {
	text-transform: lowercase
}
/****events-Details-page*****/

#event-details-page .news-det-social {
	background: url(../images/news-details-social.png) 0 0 no-repeat;
	width: 17px;
	height: 18px;
	display: inline-block;
	margin-right: 9px;
}
#event-details-page .news-det-social .share-text {
	padding: 0px 5px 0px 0px;
}
#event-details-page .news-details-social {
	text-transform: uppercase;
	color: #666666;
	font-size: 13px;
	font-weight: 700
}
#event-details-page .news-details-social .tw {
	background-position: -23px 0px
}
#event-details-page .news-details-social .fb:hover {
	background-position: 0px -17px
}
#event-details-page .news-details-social .tw:hover {
	background-position: -23px -17px
}
#event-details-page .border-bottom {
	padding-bottom: 14px
}
#event-details-page .paratext {
	line-height: 23px;
	color: #000;
	font-size: 15px;
	padding-bottom: 23px
}
#event-details-page .event-right-blog {
	border: 1px solid #c5c6c6;
}
#event-details-page .event-title {
	color: #000;
	font-size: 13px;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-family: 'open_sansbold';
	
}
#event-details-page .event-venues {
	color: #000;
	font-size: 14px;
	border-bottom: 1px solid #c5c6c6;
	padding-bottom: 15px
}
#event-details-page .event-contact {
	border-left: 3px solid #cccccc;
	padding-left: 15px
}
#event-details-page .mailto {
	color: #007e43;
}
#event-details-page .mailto:hover {
	color: #ccc;
	text-decoration: underline
}
/********collegepage AND DEPARTMENT PAGE CSS*****/
#collegepage .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	font-size: 0px
}
/*#collegepage .carousel-control.right, #collegepage .carousel-control.left {
	background: none
}*/
#collegepage .colleage-accordian .panel-default>.panel-heading {
	background: none;
	border-radius: 0px;
	color: #000;
	font-size: 13px;
	text-transform: uppercase
}
#collegepage .colleage-accordian .panel-title {
	font-size: 12px
}
#collegepage .college-heading {
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
	font-family: "open_sansbold";
}
#collegepage .para-text {
	color: #333;
	font-size: 15px;
	line-height: 23px
}
#collegepage .para-text-capital {
	color: #000;
	font-size: 15px;
	line-height: 23px;
	text-transform: uppercase;
	font-family: 'open_sanssemibold';
}
#collegepage .bdr-bottom {
	border-bottom: 1px solid #ccc
}



/*#collegepage .news-disc-text {
	font-size: 16px;
	color: #555555;
	font-family: 'open_sansbold';
}*/
#collegepage .news-dates {
	/*color: #999999;
	font-size: 12px;
	font-family: 'open_sansbold';
	text-transform: uppercase*/
}
#collegepage .hover-mask-news:hover .hovermaskimg {
	background: rgba(0,0,0,0.3);
	height: 100%;
	width: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
}
#collegepage .hover-mask-news:hover .news-disc-text {
	color: #007e43 !important;
	-moz-transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}

/*#Annoucetab .col-sm-4{ margin-top:19px}*/
/*#Annoucetab .morenews {margin-left:0}*/
#Eventtab .morenews {margin-top:20px}
#collegepage .morenews:hover {
	color: #000
}
/********ABOUT PAGE CSS*****/
#about .about-title-text {
	color: #000;
	font-size: 18px;
	line-height: 28px;
	font-family: 'open_sanssemibold'
}
.about-instagram-blog .about-insta-title {
	display: inline-block;
	color: #000000;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'open_sansbold';
}
.about-instagram-blog .instagram-title {
	display: inline-block;
	color: #000000;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'open_sansbold';
}
.about-instagram-blog .instagram {
	margin-right: 8px;
}
.about-instagram-blog .bdr-bottom {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 20px
}
.about-instagram-blog .border-top {
	border-top: 1px solid #d6d6d6;
	padding-top: 20px;
	margin-top: 20px
}
.about-instagram-blog .camera_bg {
	background: #3b5998;
	position: absolute;
	right: 0;
	bottom: 0;
	min-height: 100%;
	width: 60px;
	text-align: center;
}
.about-instagram-blog .camera-icon {
	background: url(../images/instagram-camera.png) 0 0 no-repeat;
	width: 32px;
	height: 32px;
	position: relative;
	top: 64px;
}
.about-instagram-blog .morway-icon {
	background: url(../images/social-arrow.png) 0px 6px no-repeat;
	padding: 0px 5px;
	margin-left: 10px
}
.about-instagram-blog .social-icons {
	background: url(../images/sprite-social-ico_1.png) 0 0 no-repeat;
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-bottom: 15px;
}
.about-instagram-blog .camera {
	background-position: -52px 0px
}
.about-instagram-blog .social-media .fb {
	background-position: -103px 0px
}
.about-instagram-blog .social-media .youtube {
	background-position: -154px 0px
}
.about-instagram-blog .social-media .twitter {
	background-position: -206px 0px
}
.about-instagram-blog .social-media .linkdean {
	background-position: -257px 0px
}
.about-instagram-blog .social-media .camera:hover {
	background-position: -52px -34px
}
.about-instagram-blog .social-media .fb:hover {
	background-position: -103px -34px
}
.about-instagram-blog .social-media .youtube:hover {
	background-position: -154px -34px
}
.about-instagram-blog .social-media .twitter:hover {
	background-position: -206px -34px
}
.about-instagram-blog .social-media .linkdean:hover {
	background-position: -257px -34px
}
.about-instagram-blog .gplus:hover {
	background-position: 0px -34px
}
.about-instagram-blog .social-title {
	font-size: 14px;
	padding: 0px 0px 5px 0px;
	text-transform: uppercase;
	color: #000000;
}
/****CONTACT PAGE***/
#contact .news-det-social {
	background: url(../images/news-details-social.png) 0 0 no-repeat;
	width: 17px;
	height: 18px;
	display: inline-block;
	margin-right: 9px;
}
.color-black {
	color: #000
}
#contact .news-det-social .share-text {
	padding: 0px 5px 0px 0px;
}
#contact .news-details-social {
	text-transform: uppercase;
	color: #666666;
	font-size: 13px;
	font-weight: 700
}
#contact .news-details-social .tw {
	background-position: -23px 0px
}
#contact .news-details-social .fb:hover {
	background-position: 0px -17px
}
#contact .news-details-social .tw:hover {
	background-position: -23px -17px
}
#contact .contct_form-title {
	font-size: 16px;
	color: #888888;
	text-transform: uppercase;
	font-family: 'open_sansbold';
}
#contact .addres-text {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
#contact .telephone-directory {
	background: #e5e5e5;
	color: #888888;
	font-size: 13px;
	display: block;
	padding: 12px 20px;
	text-align: center;
	text-transform: uppercase;
	-moz-transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
	font-family: 'open_sanssemibold';
}
#contact .telephone-directory:hover {
	background: #007e43;
	color: #fff;
}
#contact .mailto-contact {
	color: #007e43;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline
}
#contact .mailto-contact:hover {
	color: #000;
	text-decoration: none
}
#contact .input-box {
	background: #fff;
	height: 46px;
	padding: 0px 20px;
	width: 100%;
	border: 1px solid #c5c6c6;
	box-shadow: inset 0px 0px 7px #ccc;
	color: #333333;
	font-size: 14px
}
#contact .text-area {
	background: #fff;
	height: 102px;
	padding: 20px 20px;
	width: 100%;
	border: 1px solid #c5c6c6;
	box-shadow: inset 0px 0px 7px #ccc;
	color: #333333;
	font-size: 14px;
	resize: none
}
#contact .select-box {
	background: #fff;
	height: 46px;
	padding: 12px 20px;
	width: 100%;
	border: 1px solid #c5c6c6;
	box-shadow: inset 0px 0px 7px #ccc;
	-moz-box-shadow: inset 0px 0px 7px #ccc;
	-webkit-box-shadow: inset 0px 0px 7px #ccc;
	color: #333333;
	font-size: 14px;
	cursor: pointer;
	border-radius: 0px;
}
#contact .capcha {
	background: #e5e5e5;
	text-align: center;
	line-height: 49px;
	height: 49px;
	color: #333333;
	font-family: 'open_sanssemibold';
}
#contact .images-text-inpt {
	background: #fff;
	height: 46px;
	padding: 0px 20px;
	width: 100%;
	border: 1px solid #c5c6c6;
	box-shadow: inset 0px 0px 7px #ccc;
	color: #333333;
	font-size: 14px
}
.submit-btn {
	padding: 10px 20px;
	background: #007e43;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border: none;
	text-transform: uppercase;
	-moz-transition: background-color 0.5s ease;
	-webkit-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
	 font-family: 'open_sansbold';
}
.submit-btn:hover {
	background: #e5e5e5;
	color: #000
}
.submit-btn:active {
	box-shadow: inset 0px 0px 15px #ccc;
}
.mobileshow{display:none}

/*.college-news-tabs{margin-bottom:0}*/

/*.ms-rtestate-write .ms-rteFontSize-2 {color: #000 !important;font-size: 16px !important;text-transform: uppercase;font-family: "open_sansbold";}
.ms-rteFontSize-2{color: #000 !important;font-size: 16px !important;text-transform: uppercase;font-family: "open_sansbold";}*/
.ms-rtestate-write{min-height:inherit!important;padding:0!important;width:auto!important}
.ms-rteTable-0{margin:0 !important}
.ms-rtestate-write p {color: #333;font-size: 15px;line-height: 23px; font-family:Arial, Helvetica, sans-serif}
.ms-rtestate-write ul li span {color: #333 !important;font-size: 15px !important;line-height: 23px !important; font-family:Arial, Helvetica, sans-serif !important}
.attachdiv1 .minheightnews{min-height:169px}

.innerPageBannder .img-responsive {height:562px; width:100%;}
.newsDetailsTest p{color: #000; font-size: 14px; line-height: 18px;}
.attachdiv1 .img-responsive {width:100%; /*height:183px*/}

.media-heading{color:#252525}
.media{margin-bottom:30px; margin-top:10px}
.media .media-left img {width:160px; height:180px; /*border:1px solid #f1f1f1*/}
.shortDetails p {font-size:14px; color:#000; padding-bottom:5px}
.staffsHeding p {color: #000000; font-family: "open_sansbold";font-size: 16px; text-transform: uppercase;}
.staffsTitle p {color: #008000; font-size: 14px;padding-bottom:0px}
ul.addressListing {margin:0px; padding:0px}
ul.addressListing li {float:left; list-style:none; font-size:14px; color:#252525; padding-bottom:5px; min-height:20px}
ul.addressListing li a{color:#228e52;word-break: break-all;}
ul.addressListingEn li{display:table; float:none}
ul.addressListing .publishpags{display:table-cell;padding-right: 8px;}
/*ul.addressListing li:nth-child(odd) {width:78px}
ul.addressListing li:nth-child(even) {width:80%}*/
.noteText {background: #eeeeee; border: 1px solid #ddd; color: #337ab7; font-size: 14px; margin-bottom: 20px; margin-top: 10px; padding: 5px 10px;}
.well-sm{padding:0px}
ul.list-unstyled {}
ul.list-unstyled li{padding-top:10px}
ul.list-unstyled li:first-child{padding-top:0px}
ul.list-unstyled li h5{ font-weight:bold; margin:0px; background:#ffffff}
ul.list-unstyled li h5 span {padding:10px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #dddddd; float:left; width:100%}


ul.list-unstyled li a{color:#008000; padding-left:20px; padding-right:10px; background: url(../images/green_single_arrow.jpg) 10px 4px no-repeat;}
body{background:#999999}
.container{background:#fff}

.ms-signInLink{
	display:none !important;
}
#s4-bodyContainer{padding-bottom:0}
.table-responsive{/*overflow:auto;overflow-y:hidden*/}
.table-responsive table{width:100%}
.table-responsive table tr td,.table-responsive table tr th{width:auto !important;height:auto !important; white-space:normal !important;}
/*.img-responsive{width:496px !important;height:130px;}*/

.AddPublishingPage{border: 1px solid #cccccc; background: #eeeeee; padding:5px;margin-top:5px;text-align:center;}
.ImageLeft h2{margin-bottom:10px}
/*.ImageLeft .PPgImage{float:left; width:25%}*/

/*.ImageRight .PPgImage {width:300px}*/
.ImageRight .PPgImage img{border:1px solid #dddddd !important; width:100%; padding:10px; /*margin-right:10px*/}
.ImageRight .ms-rteStyle-KfupmProfileLeft {color:#000 !important; font-weight:bold}
.ImageRight .PublishingContent p {/*text-align:center;*/ padding-top:10px}
.PPgImage img{margin-bottom:10px}

/*.ImageLeft .PPgImage img{border:1px solid #dddddd !important; width:100%; padding:10px; margin-right:10px}
.ImageRight .PPgImage img{border:1px solid #dddddd !important; width:100%; padding:10px; margin-left:10px}*/

/*.ImageLeft .PPgImage {width:300px;margin-right:20px;}*/
.ImageLeft .PPgImage img{border:1px solid #dddddd !important; width:100%; padding:10px;}
.ImageLeft .ms-rteStyle-KfupmProfileRight {color:#000 !important; font-weight:bold}
.ImageLeft .PublishingContent p {text-align:left;padding-top:10px}


.ImageTop .PPgImage {/*margin:0px auto; width:300px; margin-right:20px;*/}
.ImageTop .PPgImage img{border:1px solid #dddddd !important; /*width:100%;*/ padding:10px; /*margin-right:10px*/}
.ImageTop .ms-rteStyle-KfupmProfileLeft {color:#000 !important; font-weight:bold}
.ImageTop .PublishingContent p {text-align:left;padding-top:10px}
.ImageTop .PPgImage {text-align:center;}
.ImageTop .PublishingContent p,.ImageTop .PublishingContent div{}
.PublishingContent{margin-bottom:40px;}
.ImageLeft .PPgContent{float:left; width:65%; /*padding-right:10px*/}
.ImageRight .PPgImage {float: right; width: 35%;padding-left: 15px;}
.ImageRight .PPgImage img{/*padding-left:10px;*/}
.ImageLeft .PPgImage{float:left;width:35%; padding-right:10px;/*padding-left:10px;*/}
.ImageRight .PPgContent{float:right; width:65%; /*padding-right:10px*/}
.ImageTop{}
.ImageTop img{max-width:100% !important}
/*.ImageTop img{width:35%; margin:0 auto;}*/
.ImageTop .PPgContent{}
.MenuPanel{width:22%; padding-left:15px;/*padding-top:64px*/}
.ContentPanel{/*padding-right:15px;padding-left:30px*/}
/****events-page*****/
.events .black-bg {background: #333333;padding:5px 10px;text-align: center;margin-top:2px; /*margin-right:20px;*/ font-family: 'open_sansbold';}
.events .event-date {color: #fff;font-weight: 700;font-size: 25px;display: block;font-family: Arial, Helvetica, sans-serif; line-height:20px}
.events .event-month {color: #fff;font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-transform: uppercase; font-weight:bold}
/*.events .event-slogan {color: #000;font-size: 18px;font-family: 'open_sansbold';text-transform: capitalize}
.events .event-slogan:hover {color: #007e43 !important;text-decoration: underline}*/
/*.events .event-subject {text-transform: capitalize;font-size: 14px}*/
.events .uppercasetext {text-transform: lowercase}
/****events-Details-page*****/

.event-details-page .news-det-social {background: url(../images/news-details-social.png) 0 0 no-repeat;width: 17px;height: 18px;display: inline-block;margin-right: 9px;}
.event-details-page .news-det-social .share-text {padding: 0px 5px 0px 0px;}
.event-details-page .news-details-social {text-transform: uppercase;color: #666666;font-size: 13px;font-weight: 700}
.event-details-page .news-details-social .tw {background-position: -23px 0px}
.event-details-page .news-details-social .fb:hover {background-position: 0px -17px}
.event-details-page .news-details-social .tw:hover {background-position: -23px -17px}
.event-details-page .border-bottom {padding-bottom: 14px}
.event-details-page .paratext {line-height: 23px;color: #000;font-size: 15px;padding-bottom: 23px}
.event-details-page .event-right-blog {border: 1px solid #c5c6c6;}
.event-details-page .event-title {color: #000;font-size: 13px;padding-bottom: 5px;text-transform: uppercase;font-family: 'open_sansbold';}
.event-details-page .event-venues {color: #000;font-size: 14px;border-bottom: 1px solid #c5c6c6;padding-bottom: 15px}
.event-details-page .event-contact {border-left: 3px solid #cccccc;padding-left: 15px}
.event-details-page .mailto {color: #007e43;}
.event-details-page .mailto:hover {color: #ccc;text-decoration: underline}

.ParaHeading {color:#008000; font-size:11pt; padding:30px 0px; font-family: Arial, Helvetica, sans-serif}
.ParaText {color:#333333; font-size:15px;line-height: 23px; margin:0 0 10px; padding:30px 0px; font-family: Arial, Helvetica, sans-serif}
.ParaImage {}
.ParaImage img{width:100%}
ul.ParaList {margin:0px; padding:0px; padding-left:15px}
ul.ParaList li{}
ul.ParaList li a{}

ol.ParaList {margin:0px; padding:0px; padding-left:15px}
ol.ParaList li{}
ol.ParaList li a{ }

/*mahesh*/
/*.media-body {display: inline-block;}*/
.media-right .accordian-blog{margin-right:38px}
.news-dates {color: #999999;font-size: 12px;font-family: 'open_sansregular';text-transform: uppercase; margin-top:16px}
.recentNewsArea{/*border-top:1px solid #ccc; */ border-bottom:1px solid #ccc; padding:5px 0px;/*background-color:#ffffff;*/ background:none; height:284px}
.customNewTabs {margin-top:57px}
.customNewTabs ul li a{border-color:#ccc !important; border-bottom:none !important; font-weight:bold; padding:10px 20px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px}
.newContentArea .TabContentArea {border-left:none !important; border-right:none !important; border-top:none !important; /*height:275px;*/ height:235px;  padding:5px 0px}
.newContentArea .TabContentArea .events {}
.newContentArea .TabContentArea .events:first-child{padding-top:25px}
.HomePageNewsRoot .news-disc-text {height:auto}
.HomePageNewsRoot .morenews {text-decoration:none}
.nav .active .news-details-tabs {color:#000000; background:none !important; border-bottom:1px solid #fff !important; outline:none}
.media-right .accordian-blog .MenuLevel1 {/*padding-top:63px;*/ /*margin-bottom:20px*/}
/*.MainNavigation {border-bottom:none}*/
.newsAllPage {min-height:215px}
.newsAllPage .news-dates {font-size: 12px;color: #999999;font-family: 'open_sansregular'; text-transform:uppercase}
.newsAllPage .news-disc-text {font-size: 14px;color: #000000;font-family: 'open_sansregular';letter-spacing: -0.2px;}
.media-body {min-width:78%;} 
.adminLanguage {padding-top:15px}
.adminLanguage a {font-size: 12px; font-family: 'open_sansbold';}
.MenuLevel1 {/*margin-left:20px*/}
.TopMenuLeft li a {padding-left:0px !important}
.TopMenu .TopMenuRight > li:first-child {border-left:1px solid #686868}
.TopMenu .TopMenuLeft > li:first-child {border-right:none !important}
.TopMenu .TopMenuLeft > li a {font-family: 'RotisSansSerifStdExtraBold'; font-size:17px; padding:5px 25px}
.TopMenu .tpsublinks > li:last-child {border-right:1px solid #686868}
.TopMenu .tpsublinks > li:last-child {/*border-right: none*/}
.TopMenu .tpsublinks > li a:last-child{/*padding-right:0px !important*/}
/*.HomePageNewsRoot , .HomePageSocialRoot {background:#fafafa}*/
.HomePageSocialRoot .NewsSocialMedia {padding-bottom:18px}
.HomePageNewsRoot {margin-bottom:0px; padding-bottom:20px}
.kfupMedia {width:100%; display:table}
.media-body .ContentArea{/*padding-right:0px*/}
#bottom-ftr .bdrnone{padding-right:0px}
.botom-link {float:right !important}
#bottom-ftr .copy-right {float:left !important}
.event-details-page .event-right-blog {margin-bottom:20px}
.ftr-logo img {margin-left:-5px}
.carousel-inner, .BannerRoot{background:#f8f8f8; min-height:562px}
.accordian-blog .MenuLevel1 {min-width:220px}
.showMobile {display:none}
.MainNavigation {display:block}
/*ul.list-unstyled li h5:first-child{display:block}
ul.list-unstyled li h5{display:none}*/
.colorWhite {color:#ffffff !important}
.accordian-blog .MenuLevel2 > li a{/*background: url(../images/arrow_black.png) 10px 15px no-repeat !important;*/ padding-left:36px !important}
.accordian-blog .MenuLevel3 > li a{padding-left:55px !important}
.accordian-blog .MenuLevel4 > li a{padding-left:65px !important}
.accordian-blog .MenuLevel5 > li a{padding-left:55px !important}
.accordian-blog .MenuLevel6 > li a{padding-left:55px !important}
.accordian-blog .MenuLevel7 > li a{padding-left:55px !important}
.accordian-blog .MenuLevel8 > li a{padding-left:55px !important}
.accordian-blog .MenuLevel9 > li a{padding-left:55px !important}
.accordian-blog .MenuLevel10 > li a{padding-left:55px !important}
/*.accordian-blog .MenuLevel3 > li a, .accordian-blog .MenuLevel4 > li a, .accordian-blog .MenuLevel5 > li a, .accordian-blog .MenuLevel6 > li a, .accordian-blog .MenuLevel7 > li a, .accordian-blog .MenuLevel8 > li a, .accordian-blog .MenuLevel9 > li a, .accordian-blog .MenuLevel10 > li a {margin-left:25px}*/
.ftr-logo {width:15%}
.discoverKfupm{width:50%}
.discoverKfupm .col-sm-3 {padding-left:0px}
.university {width:15%}
.stayInTouch {width:20%}
/*.dropdown:hover .dropdown-menu {display: block;margin-top: 0;}*/
.TopMenuRight ul.MenuLevel3 {border-bottom:none; position:relative; border-left:none}
.TopMenu .dropdown-menu {top:auto !important; /*padding-left:10px;*/ padding-left:0px; /*border-left:none*/}
.TopMenuRight .MenuLevel2 {top:33px !important}


.ms-cui-tts-scale-2 .ms-cui-tt-a {width:auto !important}
.ms-cui-TabRowRight {display:block !important}
.accordian-blog .MenuLevel1 li a.active span {/*float:left*/}
.accordian-blog .MenuLevel1 li a.active span:first-child{padding-right:5px; padding-top:5px}

.menu-title:first-child {margin-top:0px}
.menu-title {color: #000 !important; font-size: 13px !important;font-weight: normal !important;text-transform: capitalize !important; border-bottom: none !important; display:inline-block; background:#F0F0F0 !important; border-bottom:1px solid #c5c6c6 !important; width:100%; padding-bottom:3px !important}
.menu-title a{color:#000 !important; background:none !important}
.menu-title:hover { color:#000; background:#ffffff !important; border-bottom:1px solid #999999 !important;}

.dropdown-menu .col-sm-3 ul {list-style:none;margin: 0;padding: 0; margin-bottom:10px; display:inline-block; width:100%}

.dropdown-menu .col-sm-3 ul li{/*border-bottom: 1px solid #dddddd;*/ padding-bottom:0px; float:left; width:100%}
.dropdown-menu .col-sm-3 ul li a {/*background: url(../images/social-arrow.png) 0 7px no-repeat;*/padding: 0px 12px 0px 0px; color: #007e43; font-size: 13px;}
.dropdown-menu .col-sm-3 ul li a:link {/*background: url(../images/social-arrow.png) 0 7px no-repeat;*/padding: 0px 12px 0px 0px;color: #007e43;font-size: 13px;}
.dropdown-menu .col-sm-3 ul li a.attributeClass{color:#333}
.dropdown-menu .col-sm-3 ul li a:hover {/*background: url(../images/social-arrow-hover.png) 0 7px no-repeat;*/ /*color: #000000 !important;*/text-decoration:none}
#co-navigation .yamm-content ul li {background:none}
.hoverMenuActive a{background:#f0f0f0; color:#007D40 !important}
/*#co-navigation .menus-dropdown {left:auto; width:auto}*/
.dropdown-menu .col-sm-3 {/*width:280px;*/ padding-bottom:30px}
/*.kfupmFiftyYears {width:400px !important; padding:0px 10px}*/
.MainMenu .MenuLevel3 > li > a, .col-sm-3 ul li.dropdown {border-bottom:none}

.mainMenuBig {left:0px !important; right:0px !important}
.mainMenuBig .dropdown-menu .col-sm-3 {width:auto}
/*.mainMenuBig .dropdown-menu .kfupmFiftyYears {width:400px}*/
.mainMenuSmall {}
.MainMenu .menus-dropdown {margin-top:-1px !important}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {background:#f0f0f0 !important; color:#007d40 !important}
.searchboxDiv {padding-top:18px;}
.HomePageDataRoot .PageData {padding:57px 0px}
/*ul.HomeProgram li:first-child{padding-left:0px}
ul.HomeProgram li:last-child{padding-right:0px}*/
.carousel-control.left {left:35px}
.carousel-control.right {right:35px}
.TopMenu .TopMenuRight  li:last-child a{font-family: 'hacen_tunisia_ltregular'; font-weight:bold}

.lMContentWrap {width:1220px !important; margin: 0px auto}
.lMContentWrap .ContentArea {width:auto !important; margin: 0px auto}
#co-navigation .menu-title span:first-child{display:none}
#co-navigation .menu-title {font-weight:bold !important;}
/*.imgeBrd {border:1px solid #dddddd !important}*/
.homeIcon {margin-right:10px}
.ms-rteStyle-customResponsiveImg img, .news-blogs img, .subject img, .newsDetailsTest img { display: block;height: auto;max-width: 100%;}
.customResponsiveImg { max-width: 100% !important;height: auto !important;width: auto !important;}
.ContentPageArea img { max-width: 100% !important;height: auto !important;width: auto !important;}
.ms-rteStyle-customResponsiveImg img, .ms-rtestate-write .ms-rtePosition-1, .ms-rtestate-write .ms-rteImage-1 { max-width: 100% !important;height: auto !important;width: auto !important;}
ul.HomeProgram .ProgramContent .subject ul {margin:0px; padding:0px}
ul.HomeProgram .ProgramContent .subject ul li{}
ul.HomeProgram .ProgramContent .subject ul li a{color:#ffffff !important}

.ms-rtestate-field {overflow-y: hidden !important; width: 100% !important;}
.ms-rtestate-field {min-height: 0.01% !important; overflow-x: auto !important;}
.MsoNormalTable  {margin-bottom: 20px !important; max-width: 100% !important;width: 100% !important;}


/*mahesh*/
.container {width: 100%;}

.container .ContentArea{width: 1220px; margin:0px auto}
.ms-rtestate-write ul li{color:#333;font-family:Arial;font-size:14px;line-height:20px;}
.ms-rtestate-write {color: #333;cursor: text;font-size: 13px;line-height: 20px;}
/*****INNER CSS END HERE ***/

.PublishingContent .ms-asset-icon{width:auto; margin-right:6px }
.newsDetailsTest .ms-asset-icon{width:auto; margin-right:6px; display:inline}
.ms-rteStyle-KfupmContentHeading a{color:#007d40;font-size:20px !important}
.ms-rteStyle-KfupmContentSubHeading a{color:#007d40;font-size:16px !important}
.ms-rteStyle-KfupmContentText a{color:#007d40;font-size:14px !important}
.ms-rteStyle-KfupmListHeading a{color:#007d40;font-size:18px !important}
.ms-rteStyle-KfupmListText a{color:#007d40;font-size:14px !important}
.ms-rtestate-write a{color:#007d40;font-size: 13px;}
.ms-rteStyle-KfupmContentHeading a span{color:#007d40;font-size:20px !important}
.ms-rteStyle-KfupmContentSubHeading a span{color:#007d40;font-size:16px !important}
.ms-rteStyle-KfupmContentText a span{color:#007d40;font-size:14px !important}
.ms-rteStyle-KfupmListHeading a span{color:#007d40;font-size:18px !important}
.ms-rteStyle-KfupmListText a span{color:#007d40;font-size:14px !important}
.ms-rtestate-write a span{color:#007d40;font-size: 13px;}
.well well-sm{word-wrap: break-word;}

.MediaContacus{margin-bottom:30px;}
.MediaContacus{margin-bottom:30px;}
.MediaContacus .media-body{min-width:inherit;width:78%;}
.MediaContacus .media-right{min-width:inherit;width:22%;}
.MediaContacus .media-body a{color:#007e43!important;outline: none!important;}
.MediaContacus .media-right a{color:#007e43!important;outline: none!important;}
.MediaMsg{margin-bottom:30px;}
.MediaMsg .media-body a{color:#007e43!important;outline: none!important;}
.MediaMsg .media-body .img-responsive{height:150px;}
.MediaMsg .media-right a{color:#007e43!important;outline: none!important;}
.MediaMsg .media-body{width:25%;float:left;min-width: inherit;margin-right: 15px;word-wrap: break-word;}
.MediaMsg .media-right{line-height:24px;}
.MediaMsg .img-responsive{margin-bottom:15px}
.clearfix{clear:both}
.fullwidthCont {width:100%;display:table-cell;}
.mediaBodyHide {display:none}
.tableBRDWrapper .table-responsive {overflow-x:hidden; border:none}
.tableBRDWrapper .table-responsive .ms-rteTable-default , .tableBRDWrapper .table-responsive .ms-rteTable-default tbody tr td {border:none}
.tableBRDWrapper .table-responsive .ms-rteTable-default tbody tr td:last-child, .tableBRDWrapper .table-responsive .ms-rteTable-default tbody tr td img {width:207px !important; height:90px}

.PublishingContent .ms-WPBody{width:100% !important}
.PublishingContent video{width:100% !important}
.testpages .table-responsive{overflow-x:hidden}

.MediaContacus img{width:100%}
.thumb { width:20%;}
.thumb .img-thumbnail{width:100%; height:110px}


.tabBox .tabs {margin: 0;padding:0px;overflow: hidden;margin-bottom: -1px;/*height: 2.25em;*/}
.tabBox .tabs li {list-style: none;margin: 0;padding: .25em .25em 0;overflow: hidden;position: relative;z-index: 1;border-bottom: 1px solid #ccc; display: inline-block;}
.tabBox .tabs li.selected {z-index: 3; top:1px;}
.tabBox .tabs a {/*float: left;*//*height: 2em;line-height: 2em;*/-webkit-border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;border-radius: 8px 8px 0 0;background: #EEE;border: 1px solid #CCC;border-bottom: 0;padding:3px 10px;color: #000;text-decoration: none; display:block;min-height:48px;}
.tabBox .tabs .selected a {background: #FFF;-webkit-box-shadow: #CCC 0 0 .25em;-moz-box-shadow: #CCC 0 0 .25em;box-shadow: #CCC 0 0 .25em;color: #007d40;}
.tabBox .tabs a:hover {background: -webkit-gradient(linear, 0 0, 0 70%, from(#EEF), to(#FFF));background: -webkit-linear-gradient(#EEF, #FFF 70%);background: -moz-linear-gradient(#EEF, #FFF 70%);background: -ms-linear-gradient(#EEF, #FFF 70%);background: -o-linear-gradient(#EEF, #FFF 70%);background: linear-gradient(#EEF, #FFF 70%);}
.tabBox .content {clear: left;/*position: relative;z-index: 2;*/padding:10px;border: 1px solid #CCC;background: #FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: #CCC 0 0 .25em;-moz-box-shadow: #CCC 0 0 .25em;box-shadow: #CCC 0 0 .25em; margin-bottom:20px}
.tabBox .tabs li a .glyphicon{padding-top:5px}
.tabBox {position:relative}
.chevronLeft {left: 0;position: absolute;}
.chevronCenter {margin:0px auto; width:100%; /*padding:0% 4%;*/ /*display:table-cell;*/ text-align:center}
.chevronRight {right: 0; top:0px; position: absolute;}
.slick-prev{position:absolute;left:0;top:0;padding:8px 15px !important}
.slick-next{position:absolute;right:0;top:0;padding:8px 15px !important}
.slick-list{margin:0 5%;}
.eventname{color:#007d40;padding:11px 7px 0px 7px;text-transform:uppercase;font-size:16px;font-family:'RotisSansSerifStdExtraBold'}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 .accordian-blog #cssmenu ul{overflow:visible!important;} 
}

/*@media screen and (max-width :1920px) {

}*/

@media screen and (max-width :1366px) {
.container{width:100%}
.container .ContentArea{width: 1220px; margin:0px auto}
}
@media screen and (max-width:1235px) {
    .container .ContentArea{width:100%;}
    .lMContentWrap {width:100% !important;}
}


@media screen and (max-width:1199px) {
.HomeProgramRoot .border-right {border-right: none;}
.ProgramContent {border-bottom: 1px solid #006432;padding-bottom:15px;margin-bottom:15px;}
.recentNewsArea, .newContentArea .TabContentArea {height:auto; min-height:auto}
.mobile-display {padding-right:50px}
#footet-bg #Fordesktop {margin-left:0px}
.customNewTabs {margin-top:30px}
.HomePageNewsRoot {margin-bottom:0px; padding-bottom:20px !important}
}
@media only screen and (max-width :1181px){
.university {width: 20%;}
.ftr-logo {width:auto;}
#footet-bg .ftr-link {margin-left:0px}
.container{width:100%}
.container .ContentArea{width: 100%;}
.lMContentWrap {width:100% !important;}
.allnews {
	padding-top: 71px
}

#site-banner #co-banner {
	border-top: 4px solid #e5e5e5;
	position: relative;
	top: -13px
}
.inner-container {
	width: 1010px;
	margin-left: auto;
	margin-right: auto;
}

/*#footet-bg .ftr-link {
	margin-left:50px;
}*/
.allnews {
	padding-top: 71px
}
/*#news-page {
	position: relative;
	top: -13px;
}*/
/*.inner-container .navbar {
	top: -18px
}*/
}

@media screen and (max-width:1180px) {
.banner-slogan .Textwrapper{width:85%}
.HomePageNewsRoot .mb20{margin-bottom:0}
.MenuLevel1, .ftr-logo{padding-bottom:0px}
#footet-bg .ftr-title{margin-top:20px}
#footet-bg {padding-bottom: 20px;padding-top: 20px;}
#ForMobile {margin-bottom:0px}
.PageDataContent .more {padding-bottom:20px}
#bottom-ftr .ContentArea {padding-bottom: 25px}
.LogoPanel .searchboxDiv1{margin-bottom:3px}
.HomeProgramRoot .pageTitle {padding-bottom: 20px;}
.HomePageDataRoot .PageData, .HomeProgramRoot .home-programData {padding: 20px 0;}
.HomePageDataRoot .PageData, .HomeProgramRoot .home-programData {padding-bottom: 0;}
.accordian-blog .MenuLevel1 ul ul li a {margin-left:0px; padding-left:35px}
.LogoPanel {margin-bottom:0px}
.accordian-blog .MenuLevel1 > li a {background:#ffffff !important}
.SubMenu {display:none}
.showMobile {display:block}
.searchboxDiv1{display:none}
.LogoPanel .searchboxDiv {display:none; position: absolute;right: 40px;top:96px;z-index: 1;}
.searchboxDiv1 .pull-right, .LogoPanel .searchbox, .LogoPanel .searchboxDiv1 {width:100%}
.searchboxDiv .mt20 {margin-top:0px}
.searchboxDiv .pull-right{background:#ffffff}
.accordian-blog, .MainNavigation {display:none}
.container{width:100%}
.container .ContentArea{width: 100%; margin:0px auto}
 .lMContentWrap {width:100% !important;}
/*.DeptMenu {display:none}*/
#co-navigation .marginright {
	margin-right: 0px
}

.top_nav {
	text-align: center
}
.flnonelft {
	float: none !important
}
#site-banner #co-banner {
	border-top: 4px solid #e5e5e5;
	position: relative;
	top: -13px
}
.inner-page-bg {
	position: relative;
	top: -13px
}

/*.MenuPanel {display: none !important}*/
#mobileview {width:auto;float:none !important; /*display:block !important*/}
.MenuPanel {padding-left:0;width:100%; position:absolute;top:-33px;margin-top:0px; right:0px}
#news-page {position:relative}
.accordian-blog {padding-left:15px}
.ContentAreaWithMenu {padding: 0 50px;}
.ftr-logo {float:none !important; text-align:center}
#mobileview .accordian-blog {margin-top: 5px;display: none}
.mobile-display {display: block;/*padding-right:15px;*/}
.media-right .accordian-blog .MenuLevel1 {padding-top:0px; /*top:17px*/}
.media-body {width: 100%;}
.ftr-logo img {margin-left:-0px}
.accordian-blog .MenuLevel1 {width:auto}
.LogoPanel {margin-top:10px; margin-bottom:10px}
.showMobile {padding-top: 25px;}
.rightSubMenu {background:#ffffff; padding-left:20px !important}
.customHidden {display:block}
.media-right .accordian-blog {z-index:100; position:absolute; width:100%}
.accordian-blog {padding-left: 50px;padding-right: 50px;}
}
@media screen and (max-width:1099px) {
.container {width: 100%;}
.container .ContentArea{width: 100%; margin:0px auto}
 .lMContentWrap {width:100% !important;}
.welWrapper .welElipsImg img, .PageDataImg img {width: 354px; height:354px}
}
@media screen and (max-width:1000px) {
.thumb{width:33.33%}
#footet-bg .link_social {width: 83px;}
.ftr-logo {float: none !important}
.ftr-logo {padding-bottom: 20px}
#footet-bg .ftr-bdr {border: none}
.media-right .accordian-blog {margin-right:0px}
.ContentAreaWithMenu, .ContentArea {padding:0px 15px}
#footet-bg .ftr-link {margin-left:0px; border-left:none}
.newContentArea .TabContentArea {min-height:auto}
.HomePageSocialRoot .pageTitle {margin-top:20px}
.HomePageSocialRoot {margin-bottom:20px; }
.MainNavigation {border-top:none; margin-top:0px}
#mobileview .toggel-button {margin-bottom:10px}
.PageDataContent .Title {padding:20px 0 10px}
.PageDataContent .more {padding-top:10px; padding-bottom:10px}
.HomePageDataRoot .PageData, .HomeProgramRoot .home-programData {padding:20px 0px}
.HomeProgramRoot .border-right {padding-left:15px; padding-right:15px}
#footet-bg .ftr-link {border-left:none; margin-left:0px}
.HomeProgramRoot .pageTitle {padding-bottom:20px}
.HomePageDataRoot .PageData, .HomeProgramRoot .home-programData {padding-bottom:0px}
.ProgramContent:last-child {margin-bottom:0px}
#Fordesktop {display: none}
#ForMobile {display: block; margin-left:0%; width:50%}
#footet-bg .ftr-link {width:25%; margin-left:0px; padding-left:0px}

.MenuLevel1 {margin-left:0px}
.accordian-blog{padding-right:15px}
.mobile-display{padding-right:15px}
.welWrapper .welElipsImg img, .PageDataImg img {width: 274px; height:274px}
.accordian-blog {padding-left:15px;padding-right:15px;}
}

@media screen and (max-width:768px) {
.newContentArea .TabContentArea, .recentNewsArea {height:auto}
.welWrapper .welElipsImg img, .PageDataImg img {width: 274px; height:274px}
}
@media screen and (max-width:767px) {
.MediaContacus .media-right, .MediaContacus .media-body, .MediaMsg .media-body {width:100% !important}
.MediaMsg .media-body .img-responsive {height:auto}
    /*26 April 2017*/
.MediaContacus .media-body{margin-bottom:10px !important}
.MediaContacus .media-right{margin-bottom:10px !important}
.MediaMsg .media-body{margin-bottom:10px !important}
.MediaMsg .media-right{margin-bottom:10px !important}
.kfupMedia{display:block}
.HomeProgramRoot .pageTitle, .HomePageSocialRoot .pageTitle, .PageDataContent .Title{font-size: 24px;}
.HomePageNewsRoot .recentnews{font-size: 20px;}
.BannerRoot .banner-slogan h2{font-size:15px;}
.BannerRoot .banner-slogan h5{font-size:12px;}
.PageDataContent p {font-size: 15px;}
.HomePageDataRoot {margin: 0 15px;}
.banner-slogan .Textwrapper{width:85%}
.HomePageNewsRoot .mb20{margin-bottom:0}
.MenuLevel1, .ftr-logo{padding-bottom:0px}
#footet-bg .ftr-title{margin-top:20px}
#footet-bg {padding-bottom: 20px;padding-top: 20px;}
#ForMobile {margin-bottom:0px}
.PageDataContent .more {padding-bottom:20px}
.PageDataContent {width:100%}
.PageDataImg {height: auto;}
#bottom-ftr .copy-right,#bottom-ftr .btm-link{ font-size:11px}
#bottom-ftr .ContentArea {padding-bottom: 25px}
.TopMenu .TopMenuLeft > li a {font-size:14px}
.LogoPanel .searchboxDiv1{margin-bottom:3px}

.welWrapper, .PageDataImg{margin: 0 auto;  width: 100% !important;}
.table-responsive { border:none;}
    /*** FOR TABLET	HEADER CSS HERE ***/
.ContentArea{padding:0px 15px}
.MenuLevel1, .ftr-logo {margin-left:0px; margin-right:0px}
.logo {
	/*width:50px;*/
	height: auto;
}
#site-banner #co-banner {
	border-top: 4px solid #e5e5e5;
	position: relative;
	top: -73px
}
#co-navigation .collapse {
	display: block;
	visibility: visible
}
#co-navigation .marginright {
	float: none !important
}
#co-navigation .navbar-inverse {
	float: none !important;
}
.full-navbar-dimenstion {
	position: relative;
	left: -100%;
	width: 200%;
}
#co-navigation .navbar-inverse .navbar-nav>li>a {
	background: #eeeeee;
	/*width: 33.3%;*/
    width: 33.3%;
    height:33px;
	border: none;
	line-height: 33px;
	text-align: center;
	border-bottom: 1px solid #f8f8f8 !important;
	border-right: 1px solid #f8f8f8 !important;
	padding: 0px;
	float: left;
	z-index: 50;
}
#co-navigation .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	border: none !important;
}
#co-navigation .navbar-inverse .navbar-nav>li>a:last-child {
	border: none !important;
	border-bottom: 1px solid #f8f8f8 !important;
}
#co-navigation .navbar-inverse .navbar-nav>li>a .caret {
	display: none
}
#co-navigation .navbar-collapse, #co-navigation .top-header .navbar-form {
	border: none !important;
}
/*#co-navigation .navbar {
	position: relative;
	top: -66px
}*/
#co_header {
	position: relative;
	z-index: 100;
}
/*#co-navigation #bs-example-navbar-collapse-9 {
	margin-top: 81px;
	padding-right: 0px;
}*/
.co-logosection .portal-logo {
	margin-right: 9px
}
.top_nav .bdr-right:last-child {
	border: none
}
.top_nav .col-xs-6 {
	padding: 0
}
/******FOR TABLET FOOTER CSS HERE***/	
.copy-right {
	font-size: 12px
}
.botom-link {
	float: right !important;
	padding-top: 10px;
}

/*.ftr-logo {margin-left:15px;}*/


#footer .bdrmob {
	/*border-left: 1px solid #484848;*/
	padding-left: 10px;
	/*border-right: 1px solid #484848;*/
	padding-right: 10px;
}
#footet-bg .ftr-link {
	margin-left: 33px
}
#footet-bg {
	margin-top: 0px
}
 
.inner-page-bg {position: relative;top: -73px}
#Rightblog #kpum-tabs-icons, #Rightblog .related_links{display:none}
#contact .contact-pic-tabs{display:none}
.desktopshow{display:none}
.mobileshow{display:block}
#co-navigation .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {border-bottom: 1px solid #f7f7f7 !important;}
.PageDataImg img {margin:0px auto}
.attachdiv1 .img-responsive {width:auto; /*height:125px*/}
.recentNewsArea, .newContentArea .TabContentArea {height:auto}
.MainMenu .MenuLevel2 > li:first-child {padding-left:0px}
.MainMenu .MenuLevel2 > li{padding-left:0px}
.MainMenu .MenuLevel2 > li > div > a {padding-left:0px}
.MainMenu .MenuLevel3 > li{padding-left:8px}
.MainMenu .MenuLevel3 {margin:0 0 0 -8px}
.accordian-blog{padding-right:15px}
.mobile-display{padding-right:15px}
#footet-bg .ftr-link {width:20%}
.MainNavigation {border-bottom:none}
.HomePageSocialRoot .pageTitle {padding-top:10px}
.HomePageSocialRoot .NewsSocialMedia{padding-bottom:0px}
.event-details-page {margin-top:20px; margin-bottom:20px; padding-left:0px}
.page-title {font-size: 20px;padding-bottom:10px; margin-bottom:10px;}
.news-blogs {margin-top:10px}
.news-blogs .news-details-social {float:left; width:100%; padding-bottom:10px}
.events .black-bg {margin-right:15px}
.carousel-inner, .BannerRoot, .innerPageBannder .img-responsive {height:auto; min-height:auto}
.PageDataImg {float: none;padding-bottom: 20px;padding-right:0px; width:294px !important;height: 303px;display:block}
.welWrapper {display: table;margin: 0 auto;}
/*.PageDataImg {height: 420px;}*/

.carousel-control.left {left: 0px;}
.carousel-control.right {right: 0px;}

.BannerRoot .banner-slogan h5 {min-height:initial; padding:0 10px 10px}
.carousel-inner, .BannerRoot, .innerPageBannder .img-responsive {min-height:100px}
}

@media only screen and (min-width :700px) and (max-width :760px) {
#discover-blog .margin-minus {
	margin-left: 65px;
}
#news-event-blog .Mobileview {
	margin: 21px 0px 0px;
}

}
@media screen and (max-width:700px) {
.banner-slogan {padding-top: 233px;}
}
 @media screen and (max-width:639px) {
/****FOR MOBILE HEADER CSS HRER***/	
#co-navigation .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	border: none !important;
}
#co-navigation .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
	background-color: #eeeeee !important;
}
.top_nav .mobile-hide {
	display: none
}
.top_nav .aribeanlanguage {
	display: block
}
.top_nav .aribeanlanguage {
	border: none !important;
	padding: 9px 24px 9px 24px!important;
}
.portal-ico{
	display: none;
}
 
#collegepage .news-details-tabs{padding:14px 15px !important}

/****FOR MOBILE MAINCONTAINER CSS ****/
.news_enents .events-ico {
	display: inline-block;
	width: auto !important;
	height: auto
}
 


#footet-bg .ftr-link {margin-left:23px; min-height:220px}
#co-navigation .navbar-inverse .navbar-nav > li > a {width: 50%;}
}


/*KFUPM Custom CSS*/
.innerPageBannder{
	max-height: 568px;
}
.innerPageBannder .img-responsive{
	height: auto;
}

@media screen and (max-width:700px) {
#ForMobile {width: 100%;}
#ForMobile .pull-left {width: 50%;margin-left: 0px;}
#footet-bg .ftr-link {width: 50%;margin-left: 0px;border: none; padding-left:0px}
#footet-bg .ftr-link {min-height: auto;}
.botom-link, #bottom-ftr .copy-right{text-align: center;   width: 100%;}
}


 


 

@media screen and (max-width:600px) {
.media-left, .media > .pull-left {width:100%}
.media-left, .media-right, .media-body{width:100%; min-width:100%; display:inherit}
.media .media-left img{margin-bottom:10px}
.PageDataImg { float:none}
#footet-bg .ftr-link {border-left:none; margin-left:0px}
.ContentArea .col-sm-12 .ftr-link .mb40{margin-bottom:20px}
#co-navigation .navbar-inverse .navbar-nav > li > a {width:50%}
.logo {width: 100%;}
.thumb{width:50%}
/*.MenuPanel {top:-26px}*/
}

@media screen and (max-width:585px) {
.TopMenu .tpsublinks > li > a {padding:9px 15px}
.TopMenu .TopMenuLeft > li a {font-size: 12px;}
#collegepage .carousel-control.left {left:0px}
}

@media screen and (max-width:491px) {
.LogoPanel .LogoContaint {padding-top:10px}
/*.MenuPanel {top:-26px}*/
}

@media screen and (max-width:480px) {
.mobileFooter .ml50{margin-left:0px; width:100%}
.MenuPanel {top:-26px}
.PageDataImg img, .welWrapper .welElipsImg img {width:300px; height:300px}
.logo {width: 90%;}
.PageDataImg {height: 303px;}
.thumb{width:50%}
}

@media screen and (max-width:400px) {
.MenuPanel {top:-22px}
}

@media screen and (max-width:360px) {
.showMobile {padding-top: 15px;}
.MenuPanel {top: -26px;}
.PageDataImg img, .welWrapper .welElipsImg img {width:240px; height:240px;}
.PageDataImg {width:auto !important;}
}
