﻿/*general classes*/
/* CSS Reset */
* {
    margin: 0;
    padding: 0;
    line-height: 1;
    border: 0;
    box-sizing: border-box;
    font-size: 100%;
}

::selection {
  background: #9a0a28; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #9a0a28; /* Gecko Browsers */
}


table, th, td {
    border-collapse: collapse;
}

td {
    vertical-align: top;
}

.fL {
    float: left;
}

.fR {
    float: right;
}

.clear {
    clear: both;
}

.contHeader{
margin-top:50px;
float:right !important;
}

img{
	/*width:100%!important;*/
	/*display:block*/
}

/*clearfix*/
.cf:after, .cf:before {
    content: " ";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.cf:after {
    clear: both;
}

a, a:hover, a:visited {
    text-decoration: none;
    border: none;
    color:#991b33!important;
}

input, input:focus {
    border: none;
}

li {
    list-style-type: none;
}

p {
    line-height: 1.6;
}


h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h1 {
    font-size: 1.8em;
}

h2 {
    font-size: 1.6em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.4em;
}

h5 {
    font-size: 1.3em;
}

h6 {
    font-size: 1.2em;
}
h1,h2 , h3, h4, h5, h6{
	font-family:Tahoma
}
/*images rendered as block, full width of container*/
.alignImg {
    display: block;
    width: 100%;
}

body {
    min-width: 320px;
    font-family: Tahoma;
    font-size: 18px;
}

/*centering the content in the page*/
.contCommon {
    width: 90%;
    margin: 0 auto;
    max-width: 1900px;
}
/*font colors*/
.fontGrey {
    color: #6b6b6b!important;
}

.fontMaroon {
    color: #991b33!important;
}

.fontWhite {
    color: #fff!important;
}
.contFooter {
    float: RIGHT;
    margin-top: 20px;
    padding-bottom: 15px;
}

/*full screen width*/
.topHeader, .banner, .contentContainer, .contFooter {
    width: 100%;
}

.topHeader {
    /*padding-bottom: 35px;*/
    padding-bottom: 31px;
}

.logoContainer {
    margin-right: 3%;
    margin-top: -10px;
    width: 128px;
}

.logo {
    display: block;
}

.navSection {
    background: transparent url('/Style Library/Portal_Images/topdesign.png') no-repeat -20px center;
    background-size: contain;
    background-color: #9a002b;
    color: #fff;
    padding: 0.3%;
}

.contTopNav {
}

.contTabs {
    width: 65%;
    margin-top: 80px;
}

.mainTabs {
    display: flex;
    justify-content: space-between;
}

.tabsList {
    display: inline-block;
    font-size: 1.3em;
    margin-right: 24px;
}

    .tabsList:last-child {
        margin-right: 0;
    }


/*mobile/tab*/
.mobileMenu {
}

.langSwitchSmall {
    background-color: #9a002b;
    width: 70px;
    color: #fff;
    margin-right: 20px;
    padding-bottom: 10px;
    border:none!important;
    padding:7px 18px

}

    .langSwitchSmall:hover {
        cursor: pointer;
        background-color: #7e0225;
    }

.menuIcon {
    cursor: pointer;
    width: 45px;
    background: transparent url('/Style Library/Portal_Images/mobileMenu.svg') no-repeat center center;
}

.menuIcon, .langSwitchSmall, .searchSmall {
    height: 35px;
}

.searchSmall {
    background: transparent url('/Style Library/Portal_Images/searchIcon.svg') no-repeat center center;
    margin-right: 20px;
    background-size: contain;
    width: 30px;
}

/*shapes*/
.triangleRBanner, .triangleLBanner {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    transition: all 0.35s ease-in;
    min-width: 0em!important; 
    padding: 0px!important;   
    margin-left:0px!important
}

.triangleRBanner {
    border-left: 25px solid #8f8f8f;
    border-right: none!important ;
}

    .triangleRBanner:hover {
        border-left: 25px solid #fff;
    }


.triangleLBanner {
    border-right: 25px solid #8f8f8f;
     border-left: none!important ;
}

    .triangleLBanner:hover {
        border-right: 25px solid #fff;
    }

.triangleREvent, .triangleLEvent {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    transition: all 0.35s ease-in;
    min-width: 0em!important; 
    padding: 0px!important;   
    margin-left:0px!important
}

.triangleREvent {
    border-left: 20px solid #8f8f8f;
    border-right: none!important ;
}

    .triangleREvent:hover {
        border-left: 20px solid #991b33;
    }

.triangleLEvent {
    border-right: 20px solid #8f8f8f;
    border-left: none!important ;

}

    .triangleLEvent:hover {
        border-right: 20px solid #991b33;
    }


.topHeader .contCommon {
}

.navigationTop {
    margin-top: 11px;
}

.navItems {
}

.eachItem {
    display: inline-block;
    margin-right: 18px!important;
}

.eachItem a{
	color:#fff!important;
	font-size:15px
}

.searchContainer {
    background-color: #fff;
}

.searchBox {
    padding: 4px;
}

.searchButton {
    background: #fff url('/Style Library/Portal_Images/searchIcon.svg') no-repeat scroll center center;
    background-size: 20px;
    width: 40px;
    height: 40px;
    color: transparent;
    border: none;
    cursor: pointer;
}

.langSwitch {
    width: 75px;
    color: #fff;
    background-color: #7e0225;
    height: 35px;
    padding-bottom: 7px;
    cursor: pointer;
    margin-left: 10px;
    border:none!important;
    font-size:100%;
    min-width:0em!important;
    padding:7px 18px
}

a.langSwitch{
	color:#fff
}

.langSwitch:hover{	
	background-color: #7e0225;	
}

.banner {
    /*background: #9a002b url('/Style Library/Portal_Images/pattern.svg') no-repeat right center;*/
    background-size: contain;
    position: relative;
    background:linear-gradient(white,#e6e7e8);
}

.banner .contCommon{
	background: #9a002b url('/Style Library/Portal_Images/pattern.svg') no-repeat right center;
}

.eachBanner {
}

.bannerImg {
    width: 69.8%;
}

.contBannerText {
    width: 30%;
    position: absolute;
    right: 0;
    bottom: 36%;
}

.bannerText {
    width: 75%;
    margin-right: 17%; /*aligns to the left side*/
    margin-left: auto;
    font-size: 1.2em;
    color: #fff;
}

.contBtnBanner {
    position: absolute;
    left: 72.5%;
    bottom: 11%;
}

.btnLeft, .btnRight {
    background-color: transparent;
}

.btnLeft {
    margin-right: 25px;
}

    .btnLeft:hover, .btnRight:hover {
        cursor: pointer;
    }



.contentContainer, .contFooter, .innerPage {
    padding: 35px 0;
}

.contentContainer {
    background-color: #e6e7e8;
}

/*common classes used thoughout the site*/

/*aligning the contents in home page*/
.wrapperBig {
    /*width: 70%;*/
}

.row .wrapperBig:first-child{
	margin-bottom:30px;
}


.wrapperSmall /*.contAcademics*/ {
    /*width: 28%;*/
}

/*equal padding for white boxes in home page*/
.paddingBox {
    padding: 35px;
    background-color: #fff;
}

/*headings with underline*/
.heading {
    color: #991b33!important;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #c8c8c8;
}
/*****************************************************/
@media (max-width: 320px){
.heading{max-width:100%!important; /*60*//****Added for the responsive design****/}
.col-sm-12 {width: 100%!important;}/*83*/
.col-sm-12 img{width: 100%!important;}
}
@media (max-width: 360px){
.heading{max-width:100%!important; /****Added for the responsive design****/}
.col-sm-12 {width: 100%!important;}/*88*/
.col-sm-12 img{width: 100%!important;}
}
@media (max-width: 375px){
.heading{max-width:100%!important; /****Added for the responsive design****/}
.col-sm-12 {width: 100%!important;}
.col-sm-12 img{width: 100%!important;}
}
@media (max-width: 384px){
.heading{max-width:100%!important; /*75*//****Added for the responsive design****/}
.col-sm-12{width: 100%!important;}/*88*/
.col-sm-12 img{width: 100%!important;}
}
@media (max-width: 768px){
.heading{min-width:100%!important; /****Added for the responsive design****/}
}
@media (max-width: 992px){
.heading{min-width:100%!important; /****Added for the responsive design****/}    
.col-sm-12 img{width: 100%!important;}
}
/*****************************************************/

.jobheading {
	color: #991b33!important;
    margin-bottom: 25px;

}

.heading h1, .jobheading h4{
	color: #991b33!important;
}

.subheading {
    margin-bottom: 20px;
}

.contNews, .contAdmissions {
    width: 100%;
}

.contNews {
}

.contAdmissions {
}

.contentContainer .row {
    position: relative;
    width:67%;/* old value 70% */
    margin-right:2%;
    margin-left:0px;/* new value*/
}

.row2 {
    /*margin-top: 35px;*/
    width:30%
}

.rowSmallscreen {
}


.contEvents, .wrapperSmall .interviews {
    margin-top: 30px;
}


.viewMore {
    line-height: 33px;
}

/*news listing home*/
.newsList {
}

.newsItem {
    margin-bottom: 25px;
}

    .newsItem:last-child {
        margin-bottom: 0;
    }

.newsEvntImg {
    width: 25%;
    margin-right: 2%;
}



.newsDetail {
    width: 73%;
}

.newsTitle {
    font-size: 1.1em!important;
    margin-bottom: 15px;
    line-height: 1.4;
}

.newsBrief{
	margin-top: 15px;
    line-height: 1.4;
}

.qlist {
    background: transparent url("/Style Library/Portal_Images/bullet.png") no-repeat left 4px;
    padding-left: 30px;
    font-size: 1.1em;
    margin-bottom: 25px;
}

    .qlist:last-child {
        margin-bottom: 0;
    }

    .qlist a {
        line-height: 1.3;
    }

.eventsSlider {
    margin-top: 5px;
    margin-left: 40px;
}

.eventsList {
    margin-bottom: 25px;

}

    .eventsList:last-child {
        margin-bottom: 0;
        border-bottom:none
    }

/*.eventDate {
    width: 15%;
    margin-right: 2%;
    background-color: #fff;
    text-align: center;
    padding: 2% 1%;
}*/
.eventDate{
	width:30%;
	margin-right:3%;
	background-color: #fff;
    text-align: center;
    padding: 2% 1%;
    margin-bottom:3%;
}


.eventBrief {
    width: 60%;
}

.date {
}

.day {
    font-size: 1.8em;
    margin-bottom: 7px;
}

.month {
}

.dateSeperator {
    margin: 0 8px;
    font-size:25px
}

.centerdate {
    display: inline-block;
    text-transform:uppercase
}

.interviews {
}

.interviewBox {
    text-align: center;
}

.avtar {
    /*width: 25%;*/
    margin: 0 auto;
}

.employeeName {
    font-size: 1.2em;
    margin-top: 10px;
}

.employeePost {
    color: #000;
    font-weight: bold;
    margin: 15px 0;
}

.employeeQuote {
    line-height: 1.5;
}

.fullInterview {
    margin-top: 20px;
}

    .fullInterview a:after {
        content: url("/Style Library/Portal_Images/bullet.png");
        margin-left: 10px;
    }



.rowSmallscreen {
}

    .rowSmallscreen .contAcademics {
        position: static;
        width: 100%;
        margin-top: 0;
    }

    .rowSmallscreen .contAdmissions {
    }

    .rowSmallscreen .contAcademics, .rowSmallscreen .contAdmissions {
        min-height: 307.3px;
    }

.contFooter {
    background-color: #991b33;
    color: #fff;
}

.footerListHeading {
    
    margin-bottom: 25px;
}

.footerListHeading h2{
	color: #959595!important;
}

.footerList {
    background: transparent url("/Style Library/Portal_Images/bulletSq.png") no-repeat left 5px;
    padding-left: 30px;
    margin-bottom: 20px;
}

.socialLinks {
}

.socialIconsList {
}

    .socialIconsList li {
        display: inline-block;
        margin-right: 12px;
    }

        .socialIconsList li:last-child {
            margin-right: 0;
        }

.socialIcon {
    background: transparent url("/Style Library/Portal_Images/icons_normal.png") no-repeat;
    width: 50px;
    height: 50px;
    display: block;
}

/*.facebook {
    background-position: 0px center;
}

.twitter {
    background-position: -65px center;
}

.youtube {
    background-position: -130px center;
}

.linkedin {
    background-position: -196px center;
}*/
/*************Wessam*********/
.facebook {
    background: url("/Style Library/Portal_Images/SIFacebook.png");
    display: block;
    background-size: 50px 50px;
}

.twitter {
    background: url("/Style Library/Portal_Images/SITwitter.png");
    display: block;
    background-size: 50px 50px;
}

.youtube {
    background: url("/Style Library/Portal_Images/SIYoutube.png");
	display: block;
    background-size: 50px 50px;
}

.linkedin {
    background: url("/Style Library/Portal_Images/SILinkedIn.png");
    display: block;
    background-size: 50px 50px;
}
.instagram{
    background: url("/Style Library/Portal_Images/SIInstagram.png");
    display: block;
    background-size: 50px 50px;
}
/************************************/




.footer {
    border-top: 1px solid #ae3b50;
    padding-top: 35px;
    margin-top: 15px;
}

.copyRights {
}

.sectionFooterLinks {
}

.footerLinks {
    display: inline-block;
}

    .footerLinks a {
        color: #fff!important;
    }

.footerlinkSep {
    margin: 0 10px;
}

.footerlinkSep:last-child{
	display:none
}

/*genral for all pages*/
/*container for giving equal vertical spacing between different sections inside innerpages*/
.innerPageNewSections {
    margin-bottom: 70px;
}

div.innerPageNewSections:last-of-type {
    margin-bottom: 0;
}

.sideMenuIcon {
    background: #9A002B url("/Style Library/Portal_Images/arrowLeftW.png") no-repeat scroll 19px center;
    width: 40px;
    height: 70px;
    position: fixed;
    top: 40%;
    left: 0;
    opacity: 0.8;
    padding-top: 75px;
    padding-left: 4px;
    z-index: 999;
    cursor: pointer;
}

.titleSep {
    border-left: 2px solid #c9c9c9;
    height: 2em;
    margin: -4px 25px 1px 25px;
}

.inactive {
    color: #c9c9c9!important;
    /*display:none*/
}

.active{
	color:#991b33!important
}
/*breadcrumb*/

.contBreadCrumb {
    font-size: 0.9em;
}

    .contBreadCrumb .contCommon {
        border: 1px solid #c8c8c8;
        padding-right: 1em;
        position: relative;
    }

#breadcrumbs-one {
    overflow: hidden;
    width: 90%;
    margin-right: 10%;
}

    #breadcrumbs-one li {
        display: inline-block;
        line-height: 1.6;
    }

    #breadcrumbs-one a {
        padding: .7em 1em .7em 2em;
        text-decoration: none;
        color: #6b6b6b;
        position: relative;
        display: block;
    }

    #breadcrumbs-one li:first-child a {
        padding-left: 1em;
    }

    #breadcrumbs-one a:hover {
        color: #991b33;
    }

    #breadcrumbs-one a::after,
    #breadcrumbs-one a::before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1.5em;
        border-top: 1.5em solid transparent;
        border-bottom: 1.5em solid transparent;
        border-left: 1em solid;
        right: -1em;
    }

    #breadcrumbs-one a::after {
        z-index: 2;
        border-left-color: #fff;
    }

    #breadcrumbs-one a::before {
        border-left-color: #c8c8c8;
        right: -1.1em;
        z-index: 1;
    }

    #breadcrumbs-one a:hover::after {
        border-left-color: #fff;
    }

    #breadcrumbs-one .current,
    #breadcrumbs-one .current:hover {
        color: #991b33;
    }

        #breadcrumbs-one .current::after,
        #breadcrumbs-one .current::before {
            content: normal;
        }

/*share button*/
.shareBtn {
    background: transparent url("/Style Library/Portal_Images/share.png") no-repeat left center;
    background-size: 14px;
    cursor: pointer;
    position: absolute;
    right: 1%;
    top: 50%;
    transform: translateY(-50%);
    border:none;
    font-size: 1em;
    font-family: arial;
    padding-left: 25px;
}

.shareBtn:hover{
	border-color: none;
    background-color: transparent;
}

.innerPage {
}

.pageStructure {
    width: 100%;
}

.sideNavigation {
 	/*Added by Wessam after change to div*/
 	width: 25%;
    /*min-width: 230px;    */
    display:inline-block;
    float:left;

    /*width: 25%;
    display: inline-block;
    float: right;*/
        /*removed By Ahmed min-width: 230px;*/
}

.contentofBody {
    /*float:right;
    display:inline-block;
	width: 77%;
    padding-left: 1%;*/

    float: right;
    display: inline-block;
    width: 74%;
    padding-left: 1%;
 }

.sideNav {
}

.sideNavItem {
    border-bottom: 1px solid transparent;
}

/*buttons*/
.buttonBordered {
    padding: 0.7% 0.9%;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    cursor: pointer;
    display: block;
    margin-top: 23px;
    transition: all 0.35s linear;
    margin-left:0px;
    text-align:center
}

.otherEventsSide .buttonBordered{
	padding: 0.7% 0.9%;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    cursor: pointer;
    display: block;
    margin-top: 23px;
    transition: all 0.35s linear;
    margin-left:0px;
    font-size:1em;
    font-family:Arial
}

.buttonBack{
	padding: 0.7% 0.9%;
    border: 1px solid #c8c8c8;
    background-color: #fff;
    cursor: pointer;
    display: block;
    margin-top: 23px;
    transition: all 0.35s linear;
    margin-left:0px;
    background-image: url('/Style Library/Portal_Images/bulletAr.png');
    background-repeat: no-repeat;
    text-indent: 18px;
    background-position-x: 7%;
    background-position-y: 6px;
    width:100px

}

.buttonBackNews{
	padding: 0.7% 0.9%;
    background-color: #fff;
    cursor: pointer;
    display: block;
    transition: all 0.35s linear;
    margin-left:0px;
    background-image: url('/Style Library/Portal_Images/bulletAr.png');
    background-repeat: no-repeat;
    text-indent: 18px;
    /*background-position-x: 7%;*/
    background-position-y: 2px;
    /*width:100px*/

}


.buttonBordered:hover, .buttonBack:hover {
    border-color: #991b33;
    background-color:transparent
}
 
.buttonBordered a, .buttonBack a{
    font-size: 1.5em;
    font-family: arial;
    color: #991b33;
    }
    
   

/*school Landing page*/


.landingPage {
}

    .landingPage .heading {
        color: #580055;
    }

.sideNavItem a, .showProgs {
    display: block;
    width: 100%;
    background-color: #eaeaea;
    padding: 20px 25px;
    color: #777777;
    text-align: left;
    transition: color 0.35s linear, background-color 0.35s linear;
}

    .sideNavItem a:hover, .showProgs:hover {
        background-color: #9a002b;
        color: #fff;
    }


.showProgs {
    cursor: pointer;
}

    .landingPage .sideNavItem a:hover, .showProgs:hover {
        background-color: #580055;
    }

.aboutSchool {
    width: 70%;
    padding-right: 2%;
    border-right: 1px solid #d8d8d8;
    display: table-cell;
    vertical-align: top;
}

.contPrograms {
    width: 30%;
    padding-left: 2%;
    display: table-cell;
    vertical-align: top;
}

.contPrograms h2{
	margin-bottom:20px;
	overflow:inherit!important
}

.contLandingImg {
    margin-bottom: 35px;
}

.schoolProgs {
}

    .schoolProgs li {
        margin-bottom: 28px;
        padding: 10px;
    	background-color: lightgrey;
    }

        .schoolProgs li:last-child {
            margin-bottom: 0;
        }

        .schoolProgs li a {
            background-size: 100%;
            display: block;
            text-align: center;
            font-size: 1.2em;
            transition: color 0.35s linear;
            color:#991b33!important;
        }

            /*.schoolProgs li a:hover {
                color: #580055!important;
            }*/
        .schoolProgs li a .progDiv {
                /*background-color: transparent; /*#EAEBEC*/       
                /*margin-bottom: 10px;
                transition: background-color 0.35s linear;
                padding:20px;*/
                height:5px;
                display:none;
            }
            
            .progDiv img{
				/*width:65px;*/
				margin:0 auto;
				height:45px
			}
			
			.progDiv img[src=""], .progDiv img:not([src]){
				opacity:0
			}


		.schoolProgs li a .progDiv:hover{
			background-color: transparent; /*#E0E0E0*/
		}



.phylosophy {
    background: url("/Style Library/Portal_Images/school.svg");
}

.sociology {
    background: url("/Style Library/Portal_Images/sociology.svg");
}

.arabicLinguistics {
    background: url("/Style Library/Portal_Images/arabicLinguistics.svg");
}

.history {
    background: url("/Style Library/Portal_Images/history.svg");
}

.politicsIR {
    background: url("/Style Library/Portal_Images/politicsIR.svg");
}

.media {
    background: url("/Style Library/Portal_Images/media.svg");
}

.landingPage .interviews {
    margin-top: 50px;
}

/*.landingPage .fullInterview a, .contPrograms .employeeName, .contPrograms .fullInterview a {
    color: #580055;
}*/

    .landingPage .fullInterview a:after {
        content: url("/Style Library/Portal_Images/bulletv.png");
        margin-left: 10px;
    }


.landingPage .employeeQuote {
    white-space: normal;
    height: auto;
}

.contProgramsSide {
    margin-top: 25px;
}

/*news and events landing page*/
.newsEventsLandingPage {
}

    .newsEventsLandingPage .newsEvntImg, .eventsSide {
        width: 25%;
        margin-right: 2%;
    }

    .newsEventsLandingPage .newsDetail, .otherEventsSide {
        width: 73%;
    }

.eventLong {
    margin-top: 25px;
}


.where {
    font-size: 0.9em;
}

.eventsSide {
}


.otherEventsSide {
}

    .otherEventsSide .eventDate, .newsEventsLandingPage .buttonBordered {
        border: 1px solid #c8c8c8;
        width: 15%;
    }

    .otherEventsSide .eventBrief {
        height: auto;
    }


/*events page*/
.eventsPage {
}

    .eventsPage .titleSepSmall {
        height: 1.5em;
    }

.eventsListInnerPage {
    width: 100%;
}

    .eventsListInnerPage .eventDate {
        border: 1px solid #c8c8c8;
        padding: 1%;
    }

    .eventsListInnerPage .eventBrief {
        height: unset;
        width: 60%;
    }

    /*.eventsPage .buttonBordered, .eventsListInnerPage .eventDate {
        width: 12%;
    }*/

/*basic inner*/
.basicinner {
}

.horizondalSep {
    border: 1px solid #c8c8c8;
    margin: 45px 0;
}

.wrapperRow {
}

.contTime {
    margin: 10px 0;
    font-size: 0.9em;
    color:#000
}

.wrapperRow li {
    width: 25%;
    display: inline-block;
    margin-right: 12.1%;
    font-size: 1.2em;
    float: left;
}

    .wrapperRow li:last-child {
        margin-right: 0;
    }

.basicinner .newsTitle {
    font-size: 0.9em;
}

.genTabsRow {
    text-align: center;
}

.latestNewsRow {
}

.genTabs {
    background-color: #dad9d9;
    height: 7.5em;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    transition: all 0.35s linear;
    background-position: center center;
    background-size: 30%;
}

.wrapperRow li a:hover .genTabs {
    background-color: #991b33;
}

.wrapperRow li a {
    transition: color 0.35s linear;
}

    .wrapperRow li a:hover {
        color: #991b33;
    }



.genTabsMission {
    background-image: url("/Style Library/Portal_Images/mission.svg");
}

.wrapperRow li a:hover .genTabsMission {
    background-image: url("/Style Library/Portal_Images/missionHover.svg");
}


.genTabsAcademics {
    background-image: url("/Style Library/Portal_Images/openbook.svg");
}

.wrapperRow li a:hover .genTabsAcademics {
    background-image: url("/Style Library/Portal_Images/openbookHover.svg");
}

.genTabsApply {
    background-image: url("/Style Library/Portal_Images/apply.svg");
    background-size: 23%;
}

.wrapperRow li a:hover .genTabsApply {
    background-image: url("/Style Library/Portal_Images/applyHover.svg");
}

#s4-bodyContainer{
	padding-bottom:0px!important
}


/*******Dropdown menu******/
#nav{
	display: flex;
    justify-content: space-between;
}

li.MLMStaticItemli{
	display: inline-block;
    font-size: 1.3em;
    text-transform:inherit;
    position: relative;
    height:51px
}

a.MLMStaticItem{
	color:#991b33;
}

li.MLMStaticItemli:first-child, li.MLMStaticItemli:last-child, .LastMenuItem, .mobilemenucontainer li.MLMStaticItemli:nth-child(9){
	display:none!important
}

/*ul.firstSubMenuCss{
	position:absolute;
	width: 223px;
    z-index: 99!important;
    top: 76px !important;
    left: -12px!important;
    background-color: #fff;
}*/

ul.MLMSubMenuContainer{
	position:absolute;
	width: 223px;
    z-index: 99!important;
    background-color: #fff;
}

li.MLMDynamicItemli{
	/*padding:2% 5% 2% 5%;*/
	font-size: 0.8em;
	line-height:1.4;
	position:relative;
}

li.MLMDynamicItemli:hover{
	background-color:#991b33;
}

a.MLMDynamicItem{
	color:#991b33;
	display:block
}

a.MLMDynamicItem:hover{
	color:#fff;
}

.ms-webpartzone-cell {
    /*margin: auto auto auto;*/
}

.rslides a{width:100%;}

/*a.rslides_nav.rslides1_nav.prev, a.rslides_nav.rslides1_nav.next{
	position: absolute; top: 54%;  z-index: 2; width: 39px; height: 60px;}*/

a.rslides_nav.rslides1_nav.next
{
	border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
	border-left: 20px solid #8f8f8f;
	background-color: transparent;
	width: 0;
    height: 0;
    transition: all 0.35s ease-in;
    float:right;
    position: absolute;
    left: 76%;
    bottom: 11%;
    z-index: 2;

}

a.rslides_nav.rslides1_nav.prev
{
	border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 20px solid #8f8f8f;
    background-color: transparent;	
    margin-right: 25px;
   	width: 0;
    height: 0;
    transition: all 0.35s ease-in;
    float:right;
    position: absolute;
    left: 72.5%;
    bottom: 11%;
    z-index: 2;

}

a.rslides_nav.rslides1_nav.next:hover
{    
	border-left: 20px solid #fff;
	cursor: pointer;
	/*position: absolute;
    left: 76%;
    bottom: 11%;*/


}

a.rslides_nav.rslides1_nav.prev:hover
{
	border-right: 20px solid #fff;
	cursor: pointer;
	/*position: absolute;
    left: 72.5%;
    bottom: 11%;*/

}

.EnglishContent,.EnglishContents{}
.ArabicContent,.ArabicContents{display:none}

.rslides a, .rslides div{
	float:left
}

.static{
	border-bottom: 1px solid transparent!important;
}

.static a{
    display: block;
    width: 100%;
    background-color: #eaeaea;
    padding: 20px 25px !important;
    color: #777777!important;
    text-align: left;
    transition: color 0.35s linear, background-color 0.35s linear;
}

.static a:hover {
    background-color: #9a002b!important;
    color: #fff!important;
}

/*.CrumpSep{
	display:none!important
}*/

.contBreadCrumb span{
	display: inline-block;
}

#breadcrumbs-one .CrumpActive, #breadcrumbs-one .CrumpActive:hover {
    color: #991b33!important;
    padding: .7em 1em .7em 2em;
}

.everynode > span:first-child{
	display:none
}

.edit-mode-panel > h1{
	font-family: tahoma;
    font-size: 1.1em;
    font-weight:normal
}

.interviewImg{
	width:15%;margin-right:4%
}

.interviewDet{
	width:81%;
	text-align:justify
}

.empTitle, .empPost{
	color:#000;
	margin-top:10px
}

#PastZone{
	display:none
}

.innerNews {
	margin-bottom:30px
}

.GenericListingMore{
    width: 7.7%;
    text-align: center;
    color: #fff!important;
    border: none!important;
    padding: 6px 12px !important;
    margin: 10px 0px 10px 0px !important;
    font-size: 0.9em !important;
    color: #991b33!important;
    cursor: pointer !important;
    border: none!important;
    background-color: #eaeaea!important;
    width: 100%!important;
}

#s4-titlerow{
	padding-top: 0px;
	height: auto;
	padding-bottom:0px
}

.fontBold{
	font-weight:bold
}

.ContactUsCont{
	width:100%
}
.ContactUsMapZone{
	margin-right: 4%;
    width: 50%;
}

.ContactsZone{
	width:46%
}

.ContactUsCont .ms-viewheadertr{
	display:none
}

.ContDet{
	margin-top:2%
}

.ContDet tr{
	height:25px
}

.bullets{
	background-image: url('/Style Library/Portal_Images/bullet.png');
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: 6px;
    text-indent: 3%;
}

.fontBlack{
	color:#000;
	font-weight:bold;
	width: 16%;
}

.mL3{
	margin-left:3%
}

 
.MicrosoftMap, #MapZone{
	height:350px
}

button:hover, button:active{
	border-color:transparent;
	background-color:transparent
}

/**************New joinee***************/
.NewJoinee ul.NJUl li{margin-bottom:4%;float:none;background-color:#f6f6f6;padding:10px}
.JoinerPhoto img {width:100%;}
.EmpPhoto {width:187px;margin-right:1%}
.EmpPhoto img {width:100%;}
.NJEmpDetails span{background-color:transparent}
.JoinerName .Name {color:#991b33;}
.EmpDetails .NJEmpName {color:#991b33;}
.EmpDetails .NJEmpTitle {color:#000;}

.socialsites {position:absolute;top:24px;right:0;display:none;padding:0px 0;z-index:2;margin-right:-22%;border:1px solid #c8c8c8;background-color:#e7e7e7}
.socialsites div {padding:9px 9px!important;}
.socialsites div:hover {}
.socialsites .twitter a {background:url('/Style%20Library/Portal_Images/twitterIcon.png')left 0px no-repeat !important;}
.socialsites .facebook a {background:url('/Style%20Library/Portal_Images/facebookIcon.png')left 0px no-repeat !important;}
.socialsites .google a {background:url('/Style%20Library/Portal_Images/googleplusicon.png')left 0px no-repeat !important;}
.socialsites .twitter a, .socialsites .facebook a, .socialsites .google a 
{padding-left:35px!important;color:#9a002b!important;padding-top:3px;font-size:0.9em;line-height:21px;padding-bottom:12px;}
/*.socialsites .twitter:hover, .socialsites .facebook:hover, .socialsites .google:hover, .socialsites .twitter a:hover, .socialsites .facebook a:hover, .socialsites .google a:hover {color:#fff !important;}*/

 /*------Photo Gallery ---*/
.GalleryBox{ margin: 0px 2% 1.5% 0% !important;display: block;text-align: center;padding: 0px;cursor: pointer;width: 23% !important; height: 166px!important;}
/*.GalleryBox {width:200px!important;height:220px!important;}*/
.GalleryBox img{margin:5%;width:90%!important;height:74%!important;}
.GalleryBox p {display:block;font-size:0.8em!important;font-weight:normal!important;margin:0px!important;}
.dvPhotoVideoDLL select{width:150px!important;}
.GallerySlider {padding:0 0px 0 0px!important;}
.GallerySliderLabel{width:200px!important;}
.GalleryProgressDiv {margin:3px 0 0 25px!important;}
.GallerySelectYearDDL{display:none;}
.dvPhotoVideo .chzn-container{margin-left:10px;}
.dvPhotoVideo .chzn-single{height: 26px!important;padding-top:4px!important;border-radius: 0!important;}
.dvPhotoVideo .chzn-container-single .chzn-single div{padding-top:2px;}
.PhotoGalleryContainer .GalleryBox {background: #eaeaea;padding-bottom: 5px;width:25%}
#phototitle, #phototitle:visited{
	color:#9a002b
}
.PhotoGalleryContainer .GalleryBox:hover #phototitle{
	color:#fff
}
.PhotoGalleryContainer .GalleryBox:hover{
	background-color:#9a002b;transition: all 0.35s linear;
}



/*******Vacancies*******/
table.DataTable{}
table.DataTable tr{text-align:center}
table.DataTable tr.headerRow,table.DataTable tr.footerRow{background-color:#9a002b;color:#fff;height:50px;font-size:0.9em}
table.DataTable tr.BRow{background-color:#f9f9f9;color:#373737;height:50px;font-family:Tahoma;font-size:0.9em}
table.DataTable tr.WRow{background-color:#fff;color:#373737;height:50px;font-family:Tahoma;font-size:0.9em}
table.DataTable tr.BRow td, table.DataTable tr.WRow td{width:12%;padding:10px} 

.footerRow a{font-weight: bolder;color: white;padding: 0px 5px;font-family:Tahoma}
table.DataTable span {text-align: center;color: #21572D;background-color: white;padding: 2px 5px;font-weight: bold;}

tr.footerRow th.paging ul{float:right;margin-right:10px}
tr.footerRow th.paging ul li a{color:#fff;margin:0 5px;font-size:1em}
tr.footerRow th.paging ul li.selectedPage{background-color:#fff;width:23px;height:23px}
tr.footerRow th.paging ul li.selectedPage a{color:#183866}
tr.footerRow th.paging ul li a{line-height:1.8}
.Applylink a{color:#9a002b!important;font-weight:normal;font-family:Tahoma}


/****Top Links Dropdown****/

/*.selVacancyCategories{
	display:none
}

.eachItem {
	text-transform: inherit;
	position: relative;
	display:inline-block
}

.chzn-select{
    position:absolute;
    width: 140px;
	z-index: 99 !important;
	top: 36px !important;
	background-color: #e7e7e7;
	border: 1px solid #bebebe;
	left:-8%;
}

.chzn-select li{
	position:relative;
	margin-left: 2%;
	padding: 3%;
}

.chzn-select li > a{
	float:none!important;
	color:#991b33;
	font-size:0.9em
}

.chzn-select li > a:hover{
	color:#fff;
}*/


/*.eachItem a:first-child, .eachItem a:last-child{
	margin-top:7px;float:left
}

li.eachItem:first-child .GenericListingCont, li.eachItem:last-child .GenericListingCont{
	float:left
}*/

.ms-srch-sb-border, .ms-srch-sb-border:hover {
    border: none;
}

.ms-srch-sb > .ms-srch-sb-navLink{
	display:none
}
.ms-srch-sb > .ms-srch-sb-searchLink{
	background: #fff url('/Style Library/Portal_Images/searchIcon.svg') no-repeat scroll center center;
    background-size: 20px;
    width: 40px;
    color: transparent;
    border: none;
    cursor: pointer;
}
.ms-srch-sb > .ms-srch-sb-searchLink img{
	display:none;
	background-image:url('/Style Library/Portal_Images/searchIcon.svg');
	
}
input[type=text]:focus{
	border-color:transparent
}

ul.firstSubMenuCss {
    position: absolute;
    width: 475px;
    z-index: 99 !important;
    top: 50px !important;
    background-color: #e7e7e7;
    border: 1px solid #bebebe;
}

/*li inside that*/
li.MLMDynamicItemli a {
    padding: 3%;
       }


       ul.firstSubMenuCss:before {
border-bottom: 10px solid #bebebe;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
content: "";
height: 0;
position: absolute;
right: 50%;
top: -11px;
width: 0;
}

      ul.firstSubMenuCss:after{
	border-bottom: 10px solid #e7e7e7;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
content: "";
height: 0;
position: absolute;
right: 50%;
top: -10px;
width: 0;

}

.ms-webpartzone-cell{
	margin:auto auto auto
}

.ms-srch-sb > input{
	width:150px
}
.ms-srch-sb > input:focus{
	border:none
}

.searchSmall, .langSwitchSmall, .menuIcon{
	min-width:0em;border:none;margin-left:0px
}

.langSwitchSmall{
	font-size:100%!important
}

.newsDesc{
	/*float:left;
	width:61%*/
}

.newsDesc img{
	width:100%!important
}

.newsImage{
	/*float:left;*/
	width:100%;
	margin-right:3%
}
.newsImage img{
	width:100%
}

.eventImg{
	width:28%;margin-right: 3%
}

.eventDet{
	width:69%
}

.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenuEdit, .ms-core-listMenu-heading, .ms-tv-header{
	font-family:arial;
	font-size:0.9em
}

.location{
	font-size:1em
}

#UpcomingZone .GenericListingMore ,#PastZone .GenericListingMore{
	padding: 0.7% 0.9%!important;
    border: 1px solid #c8c8c8!important;
    background-color: #fff!important;
    cursor: pointer;
    display: block!important;
    margin-top: 23px!important;
    transition: all 0.35s linear;
    margin-left: 0px!important;
    font-size: 1em!important;
    font-family: Arial!important;
    color: #991b33!important;
    width: 14%!important;
}

#contTxtSearchSmall:hover{
	cursor:pointer
}

#contTxtSearchSmall #SearchBox{
	display:none;margin-right:40px;float:right
}

#contTxtSearchSmall .ms-srch-sb > .ms-srch-sb-searchLink{
	display:none
}

#contTxtSearchSmall .ms-srch-sb-border, #contTxtSearchSmall .ms-srch-sb-borderFocused{
	border:1px solid #9a002b;
	float:right;
	padding:7px
}

 /* Dropdown Button */
.dropbtn {
    color: white;
    padding: 12px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #e7e7e7;
    min-width: 160px;
   /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 99;
    top:29px
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #991b33!important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size:0.9em
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #991b33;color:#fff!important;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #7e0225;
}


/*****careers******/
/*careers job*/
.job-info{padding: 10px; line-height: 25px; background-color: #f6f6f6;  border: 1px #eee solid;margin-bottom: 10px}
.job-info span{padding-right: 5px}
.job-info-box div div{display: inline;}
.job-info > div{
	line-height:25px
}
#jobDetails h6{
	font-weight:bold
}
#jobDetails h6, #jobDetails p {
	margin-bottom:10px
}
#jobDetails > div > p, #jobDetails > div > div{
	line-height:25px
}

#div_applyForm .col-sm-12 > input{
	border:1px solid #ababab;
	padding: 0.7% 0.9%;
	width:12%
}

#div_applyForm .error{
	display:none
}

/**/
.form-control.radio-list, .form-control.check-list{
	background: none;
	border: none;
	box-shadow: none;
	height: auto;
	display: table;
}
.form-control.radio-list input[type="radio"], .form-control.check-list input[type="checkbox"], .check-list input[type="checkbox"]{
	margin:0 0 3px 0;
}
.form-control.radio-list td label, .form-control.check-list td label, .check-list label{
	padding:0 20px 0 3px;
	display: inline;
	font-size:14px
}
.header-langs td, .table-body-langs .form-control.radio-list td{
	width:33%;
	text-align: center;
	border-top:none
}

.table-header-langs td{
	 background-color: #960032;
	 color: #fff;
}
.table-header-langs td td, .table-body-langs td td{
	padding: 7px;
}
.table-body-langs td{
	background:#f4f4f4;
	border-top:1px solid #fff;	
	padding:7px 7px;
}
.mandatory-astrisk{
	color: red;
}
/**/
.grouped-radio-table{
	width: 100%;
}

.grouped-radio-table label{
	display: inline;
}
.grouped-radio-table .FormOfEngagementSubClass{
	border: 1px solid #eee;
    margin-top: 6px;
    padding: 5px;
}

.form-validator{
	color: red;
	margin-top:6px
}
/**/
.grouped-chk-forms .form-group .control-label{
	color: #333;
    font-family: Arial;
    float:left
}
.grouped-chk-forms .form-group .col-sm-8{
	padding-bottom: 10px;
	float:left
}
/*showing the error field as block when it appears*/
span.form-validator[style*="inline"]
{
    display:block !Important;    
}


/*#xPortalForm br{display: none;}*/
#xPortalForm .form-control:focus{border: 2px dotted red;}
#xPortalForm .invalid.form-control:-moz-placeholder {color: red;}
#xPortalForm .invalid.form-control::-moz-placeholder{color: red;}
#xPortalForm .acc-container{padding-left:0}
#xPortalForm .acc-trigger *{font-family: 'Arial';font-size:16px;}

.form-group {
    margin-bottom: 15px;
}

.form-group > span{
	padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
    float: left;
    width: 15%;
    margin-right:2%
}

.col-sm-4 {
    width: 32%;    
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    float: left;
    margin-bottom: 15px;
}

.col-sm-12{
	/*padding: 0.7% 0.9%;*/
	/*padding: 0% 0.9%;*/
    /*border: 1px solid #c8c8c8;*/
    background-color: #fff;
    cursor: pointer;
    display: block;
    margin-top: 23px;
    transition: all 0.35s linear;
    margin-left: 0px;
    width: 100%!important;
}

.col-sm-12 > input{
	font-family: arial;
    color: #991b33;
    border:none;
    min-width:0em;
    margin-left:0px;
    font-size:inherit;
    padding:0
}

.col-sm-12 > input:hover{
	border-color:transparent;
	background-color:transparent
}

.col-sm-7{
	float:left
}

 
.col-md-3{
   width:25%;
               
}
 
.col-sm-9 {
    width: 75%;
    float:left;
}
 
.col-sm-3 {
    width: 25%;
    float:left
}

    
.paddingR0 {
    padding-right: 0!important;
}

.acc-box { margin-bottom: 20px; }

		.acc-trigger {
			position: relative;
			display: block;
			padding: 15px 15px 15px 35px;
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #ebebeb;
		}
		
		
		.acc-box .acc-trigger:first-child { border-top-width: 0; }

		.acc-trigger:before {
			position: absolute;
			top: 50%;
			left: 0;
			display: block;
			margin-top: -13px;
			width: 25px;
			height: 25px;
			background-color: #373737;
			background-image: url("/Style Library/Portal_Images/collapse.png");
			cursor: pointer;
			content: "";
		}				

		.acc-trigger.active:before { background-position: bottom; }  

			.acc-trigger a {
				color: #828282;
				font-size: 16px;
				font-family:'Arial'			
			}					
		
			.acc-trigger:hover a,
			.acc-trigger.active a { color: #991b33; text-decoration:none }

				.acc-trigger.active + .acc-container p { margin: 0 0 10px 0; }
				
		.acc-container p{			
			color:#373737;
		}

		.acc-container { display: none; padding-bottom:10px;padding-left:35px;line-height: 1.6;}

.form-group:after, .form-group:before{
	content: " ";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

.form-group b{
	font-weight:normal;
	float:left;
	margin-right:4%
}

.form-group b > span{
	padding-top:7px
}

.form-control {
    display: block;
    width: 90%;
    height: 34px;
    font-size: 14px;
    line-height: 1.428571429;
    vertical-align: middle;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.form-group > .col-sm-4 > .row:after{	
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block
}

.form-group > .col-sm-4 > .row > .col-sm-4 , .form-group > .col-sm-4 > .row > .col-sm-8{
	float:left
}

.newsImage .marginB1U {
	margin-top:15px
}
.marginB1U, .marginB1U h6 {
    margin-bottom: 15px;
}

.ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item{
	padding-left:40px!important
}

#DeltaPlaceHolderPageTitleInTitleArea > span:first-child{
	display:none
}

#DeltaPlaceHolderPageTitleInTitleArea{
	font-size: 0.8em;
font-weight: normal;
font-family: Tahoma;
}

.ms-srch-sb-borderFocused{
    border: none;
}

/*sitemap*/
.main-dfwp-list{
	word-wrap: break-word;
}
.main-dfwp-list .level-bullet{
	background-position: left 4px;
}
.level-section > ul > li{
	margin-left: 1.5em;
    margin-right: 1.5em;
}
.headertitle, .headertitle a, .headertitle a:link{
	font-weight: normal;
	font-size: 15px;
	color: #777777 ;
}
.main-dfwp-list > .level-section >.level-header .headertitle a{
	font-weight: bold;
	color: #991b33;
}
.main-dfwp-list > .level-section{
	width:100%;
	margin-right:5px;
	padding: 10px;
	background: #fbfbfb;			
	border-bottom:2px solid #eee;
	min-height: 290px;
}	
ul.main-dfwp-list ul.dfwp-list ul.dfwp-list{
	display: none;
}
li.level-section.level-item-pos.level-item
{
	background-image: url("/Style Library/Portal_Images/bullet.png");
    background-position: -3px 5px;
    background-repeat: no-repeat;
    border-color: inherit;
    border-style: none;
    border-width: 0;
    padding-left: 10px;
    padding-right: 0;
    vertical-align: top;
}

.DefaultContentBlock, .DefaultContentBlock img{
	width:100%
}
ul.firstSubMenuCss{
	background-color:#e7e7e7!important
}
.basicinner .ms-core-listMenu-selected:link, .ms-core-listMenu-selected {
	background-color:#991b33!important;color:#fff;font-weight:normal
}
a.ms-core-listMenu-selected:link , a.ms-core-listMenu-selected {
	color:#fff!important
}

.newsInnerList{
	width: 30%;
    margin-right: 3%;
    margin-bottom:40px
}

.newsInnerList:nth-child(3n+1){
	clear:both;
}

.newsListDet {
	margin-top:8px
}
.dateBox
{
	width:17%;
	margin-right:3%
}

.titleBox{
	width:80%;
	font-size:15px;
	line-height:19px
}

.day{
	font-size:30px;	
}

.month{
	font-size:15px;
	text-transform:uppercase
}

.backNews{
	position: absolute;
    width: 79px;
    right: 0;
    top:-60px
}

.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2{
	color:#991b33;
}

.contEvents .eventBrief, .eventsList .eventBrief, .eventSideDetails .eventLong{
	font-size:1em
}

.avtar img{
	width:130px;height:130px;margin:0 auto
}

.interviewImg img{
	width:130px;height:130px;
}

.hashTagBox{
	margin-top:10px
}

.ms-rtestate-field img{
	width:100%
}

/******People Profiles*******/
.photo-name-title span{
                color:#a8a8a8;
}
.photo-name-title span.dots, .photo-name-title span:first-child{
                color:#991b33!important;
                font-weight:bold;
                margin: 15px 0 0 0;
}
 
.photo-name-title h6 {
    margin-bottom: 5px;
}
 
.photo-name-title span {
    color: #373737;
}
figcaption{
                color: #929292;
}
.non-list{
                margin:0;
                padding:0;
                list-style-type: none;
}
.memeber-item{
                margin-bottom:20px;
}
.main-boxes .memeber-item img
{
    margin-left: auto;
    margin-right: auto;    }
 
.photo-name-title span
                {
    display: block;
    color: #373737;
    margin-bottom: 10px;
    font-size:14px;
    line-height:16px
    }
.item-summary-js{
                font-size:14px;
                width:70%;
                line-height:16px;
			display:none;
}
 
.photo-name-details{
                   	background:#eee; 
	border:0px solid #DDDDDD;
	min-width:150px;
	padding:7px;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav > li {
    position: relative;
    display: block;
   }
  
   .tab-content > .tab-pane{
                display:none
}
.tab-content > .active{
                display:block
}
 
.nav-tabs {
    border-bottom: 1px solid #dddddd;
}
 
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
}
 
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
 
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
 
.photo-name-title img {
    /*margin-bottom: 10px;*/
    width:auto
    }
    
   
   
.textAlignR{
                text-align:right
}
 
/*           Social Icons
/* -------------------------------------------------- */
#header ul.social-icons {
                float: right;
                margin:4px 0 0 0;
}
.social-link ul.social-icons {
                margin-top: 0;
                font-size: 0;
}
.social-link ul.social-icons li {
                display: inline-block;
                margin-right: 2px;
                margin-bottom: 2px;
                vertical-align: top;
                background-color: #d4d4d4;
                -webkit-transition: all .2s linear;
                -moz-transition: all .2s linear;
                -ms-transition: all .2s linear;
                -o-transition: all .2s linear;
                transition: all .2s linear;
}
footer .widget_social {
                float: right;
}
footer .social-link ul.social-icons li {
                background-color: #555;
}
#header .social-link ul.social-icons li:last-child {
                margin-right: 0;
}
.social-link ul.social-icons li a {
                position: relative;
                display: block;
                width: 31px;
                height: 31px;
                background-image: url("/Style Library/Portal_Images/social-icons.png");
                background-repeat: no-repeat;
                font: 0/0 a;
                cursor: pointer;
                -webkit-transition: all 0.25s linear 0s;
                -moz-transition: all 0.25s linear 0s;
                -ms-transition: all 0.25s linear 0s;
                -o-transition: all 0.25s linear 0s;
                transition: all 0.25s linear 0s;
}
.social-link ul.social-icons li.twitter a {
                background-position: 0 0;
}
.social-link ul.social-icons li.facebook a {
                background-position: -31px 0;
}
.social-link ul.social-icons li.dribble a {
                background-position: -62px 1px;
}
.social-link ul.social-icons li.vimeo a {
                background-position: -94px 1px;
}
.social-link ul.social-icons li.youtube a {
                background-position: -126px 1px;
}
.social-link ul.social-icons li.rss a {
                background-position: -155px 1px;
}
/*unused social icons - start*/
.social-link ul.social-icons li.picasa a {
                background-position: -186px 2px;
}
.social-link ul.social-icons li.stubleupon a {
                background-position: -217px 2px;
}
.social-link ul.social-icons li.skype a {
                background-position: -248px 2px;
}
.social-link ul.social-icons li.dropbox a {
                background-position: -279px 2px;
}
.social-link ul.social-icons li.cat a {
                background-position: -310px 1px;
}
.social-link ul.social-icons li.linkedin a {
                background-position: -341px 1px;
}
.social-link ul.social-icons li.plus a {
                background-position: -372px 1px;
}
.social-link ul.social-icons li.pinterest a {
                background-position: -403px 2px;
}
.social-link ul.social-icons li.blogger a {
                background-position: -434px 1px;
}
.social-link ul.social-icons li.flickr a {
                background-position: -464px -1px;
}
.social-link ul.social-icons li.delicious a {
                background-position: -495px 1px;
}
.social-link ul.social-icons li.yahoo a {
                background-position: -526px 1px;
}
.social-link ul.social-icons li.evernote a {
                background-position: -557px 2px;
}
.social-link ul.social-icons li.apple a {
                background-position: -588px 1px;
}
.social-link ul.social-icons li.behance a {
                background-position: -620px 1px;
}
.social-link ul.social-icons li.gplus a {
                background-position: -651px 2px;
}
.social-link ul.social-icons li.digg a {
                background-position: -682px 1px;
}
.social-link ul.social-icons li.lastfm a {
                background-position: -713px 0px;
}
.social-link ul.social-icons li.myspace a {
                background-position: -745px 1px;
}
.social-link ul.social-icons li.deviantart a {
                background-position: -776px -1px;
}
.social-link ul.social-icons li.wordpress a {
                background-position: -806px 2px;
}
.social-link ul.social-icons li.mail a {
                background-position: -838px 0px;
}
/*unused social icons - end*/
.social-link ul.social-icons li.twitter:hover {
                background-color: #47c0d8;
}
.social-link ul.social-icons .facebook:hover {
                background-color: #49699f;
}
.social-link ul.social-icons .dribble:hover {
                background-color: #e65992;
}
.social-link ul.social-icons .vimeo:hover {
                background-color: #568799;
}
.social-link ul.social-icons .youtube:hover {
                background-color: #b72d24;
}
.social-link ul.social-icons .rss:hover {
                background-color: #fe9900;
}
/*unused social icons hover - start*/
.social-link ul.social-icons .picasa:hover {
                background-color: #535353;
}
.social-link ul.social-icons .stubleupon:hover {
                background-color: #eb4924;
}
.social-link ul.social-icons .skype:hover {
                background-color: #24b0e4;
}
.social-link ul.social-icons .dropbox:hover {
                background-color: #5da3e8;
}
.social-link ul.social-icons .cat:hover {
                background-color: #7292a2;
}
.social-link ul.social-icons .linkedin:hover {
                background-color: #2c7cb7;
}
.social-link ul.social-icons .plus:hover {
                background-color: #629e61;
}
.social-link ul.social-icons .pinterest:hover {
                background-color: #c21c21;
}
.social-link ul.social-icons .blogger:hover {
                background-color: #f38f33;
}
.social-link ul.social-icons .flickr:hover {
                background-color: #b5c2d2;
}
.social-link ul.social-icons .delicious:hover {
                background-color: #3975be;
}
.social-link ul.social-icons .yahoo:hover {
                background-color: #a55bbe;
}
.social-link ul.social-icons .evernote:hover {
                background-color: #606060;
}
.social-link ul.social-icons .apple:hover {
                background-color: #fe9900;
}
.social-link ul.social-icons .behance:hover {
                background-color: #18a3fe;
}
.social-link ul.social-icons .gplus:hover {
                background-color: #2882c6;
}
.social-link ul.social-icons .digg:hover {
                background-color: #2882c6;
}
.social-link ul.social-icons .lastfm:hover {
                background-color: #be0607;
}
.social-link ul.social-icons .myspace:hover {
                background-color: #1b61b0;
}
.social-link ul.social-icons .deviantart:hover {
                background-color: #5f7162;
}
.social-link ul.social-icons .wordpress:hover {
                background-color: #33759d;
}
.social-link ul.social-icons .mail:hover {
                background-color: #65a413;
}
/*unused social icons hover - end*/
ul.social-icons, ul.social-icons ul{
                list-style-type:none;
                margin:0;
}

/******Page Not found/error******/
.page-header {
	margin: 0 0px 10px;
	padding: 12px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
}
.page-header h1 {
	margin: 0;
}

.e404 {padding: 5% 0 5% 7%;float:left;width:40%}

		.e404 h1 {
			display: inline-block;
			float: left;
			/*margin-right: 50px;*/
			padding-right: 70px;
			border-right: 1px solid #ebebeb;
			font-weight: normal;
			font-size: 223px;			
			line-height: .8;
		}

		.e404 h2 { 
			margin-top: 10px;
			margin-bottom: 30px;
			font-weight: 400;
			font-size: 32px;
			line-height: 1.2;	
		}	
.secondary{
	border:1px #c8c8c8 solid!important;padding:3%;
	background-color:#991b33 !important;
}
.secondary:hover{
	border:1px #c8c8c8 solid!important;padding:3%;
	background-color:white !important;
	color:#991b33 !important;

}


li.firstEvent:first-child{
	display:none
}

/*****Image Gallery****/

/* -------------------------------------------------- */
/*	Image Post Slider
/* -------------------------------------------------- */

	.image-post-slider,
	.image-gallery-slider {
		position: relative;
		/*overflow: hidden;*/	
	}
	.img-slider-full-width{
		margin-bottom: 40px;		
	}

	.column .image-post-slider,
	.columns .image-post-slider,
	.column .image-gallery-slider,
	.columns .image-gallery-slider {
		margin-left: 0;
		margin-right: 0;
	}
		.image-post-slider ul, .image-gallery-slider ul{margin:0}
		.image-post-slider > ul > li,
		.image-gallery-slider > ul > li { width: 0; display: block !important;}

		.image-post-slider > ul > li:first-child,
		.image-gallery-slider > ul > li:first-child { 
			width: 100%;
		}

			.image-post-slider a,
			.image-gallery-slider a { margin: 0; }

		.post-slider-nav,
		.gallery-slider-nav {
			position: absolute;
			right: 10px;
			bottom: 10px;
			z-index: 100;
			width: 65px;
		}

			.post-slider-nav a,
			.gallery-slider-nav a {
				position: relative;
				display: block;
				width: 30px;
				height: 30px;
				font: 0/0 a;
				cursor: pointer;
				background-color: #000;
				background-color: rgba(0,0,0,.8);

				-webkit-transition: all .2s linear;
				   -moz-transition: all .2s linear;
					-ms-transition: all .2s linear;
					 -o-transition: all .2s linear;
						transition: all .2s linear;
			}

			.post-slider-nav a:after,
			.gallery-slider-nav a:after {
				position: absolute;
				left: 0;
				top: 0;
				width: 30px;
				height: 30px;
				background-image: url("../../common/images/icons/medium-arrows.png");
				background-repeat: no-repeat;
				content: "";
			}

			

			.post-slider-nav .prevBtn,
			.gallery-slider-nav .prevBtn { 
				left: 0;
				float: left;
			}

			.post-slider-nav .nextBtn,
			.gallery-slider-nav .nextBtn {
				right: 0;
				float: right;
			}

			.post-slider-nav .nextBtn:after,
			.gallery-slider-nav .nextBtn:after { background-position: right; }
		
/* ---------------------------------------------------------------------- */
/*	Portfolio
/* ---------------------------------------------------------------------- */

	/* -------------------------------------------------- */
	/*	Portfolio Filter
	/* -------------------------------------------------- */
	.portfolio-filter {
		margin: 0 10px 0px;
		text-align: left;
		/*text-transform: uppercase;*/
	}
	#portfolio-filter{list-style-type:none;margin-left:0;margin-right:0}
	#portfolio-filter li a.active{color:#288ADF}
		.portfolio-filter li {
			display: block;
			float: left;
			margin-right: 20px;
		}

		.portfolio-filter li a {
			color: #383838;				
			
			cursor: pointer;
		}					
		
	.portfolio-filter-container{margin-top:10px;}

	/* -------------------------------------------------- */
	/*	Portfolio Items
	/* -------------------------------------------------- */	

#PhotoCat, #VideoCat{
	display:none
}
		.portfolio-items article {
			display: inline-block;
			vertical-align: top;
			
		}
		/*@media_queries.css*/
		.portfolio-items{
			margin-top:30px
	}	
		.portfolio-items article .single-image img{
			width:100%;
		}

		.portfolio-items article .single-image,
		.flexisel-carousel .single-image { margin: 0; }

			.single-image img { display: block;}
			
			.preloader {
				background-position: center center;
				background-repeat: no-repeat;
			}
			
			.preloader.loader { background-image: url("../../common/images/preloader.gif"); }
			
				.preloader img:not(.BWFilter) {
					opacity: 0;
					-webkit-transition: all .25s linear;
					   -moz-transition: all .25s linear;
							transition: all .25s linear;
				}

				.preloader .fadein { opacity: 1 !important; }

		.project-meta {
			position: relative;
			display: block;
			margin-bottom: 40px;
			/*padding-top: 20px;*/
			padding-bottom: 20px;
			text-align: center;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #ebebeb;
		}
		
		.project-meta img{
	margin-bottom:10px
}
		a.project-meta:hover{text-decoration:none;}
		.flexisel-item-cont .project-meta{padding-top:0}
		.portfolio-items .project-meta:hover { background-color: #f9f9f9; border-bottom-color:green }
		.portfolio-items .project-meta a h6:link{
			color:#666;text-decoration:none;border-bottom:1px solid transparent;
		}
		.portfolio-items .project-meta:hover a h6 span{
			color:#666;text-decoration:none;border-bottom:1px solid #991b33;
		}

			.project-meta .title { 
				margin-bottom: 5px;
				color: #383838;
				font-size: 13px;
				font-family:'open_sanssemibold'				
			} 
			
			.project-meta .categories { display: block;color:#666; }
			
	/* -------------------------------------------------- */
	/*	Portfolio Controls
	/* -------------------------------------------------- */	
			
	.portfolio-controls { 
		float: right; 
		padding: 8px 0;
		font-size: 0; 
	}

		.portfolio-controls a {
			display: inline-block;
			overflow: hidden;
			margin-left: 2px;
			width: 21px;
			height: 21px;
			background-color: #373737;
			background-image: url("../../common/images/icons/controls.png");
			background-repeat: no-repeat;
			font: 0/0 a;
			cursor: pointer;
			
			-webkit-transition: all .2s linear;
			   -moz-transition: all .2s linear;
				-ms-transition: all .2s linear;
				 -o-transition: all .2s linear;
					transition: all .2s linear;
		}
		
		.portfolio-controls .controls-all  { background-position: center; }
		.portfolio-controls .controls-next { background-position: right; }
		
		/* Isotope */

		.isotope-hidden.isotope-item {
			pointer-events: none;
			z-index: 1;
		}

		.isotope, .isotope .isotope-item {
			-webkit-transition-duration: .6s;
			   -moz-transition-duration: .6s;
				-ms-transition-duration: .6s;
				 -o-transition-duration: .6s;
					transition-duration: .6s;
			z-index: 2;
		}

		.isotope {
			-webkit-transition-property: height, width;
			   -moz-transition-property: height, width;
				-ms-transition-property: height, width;
				 -o-transition-property: height, width;
					transition-property: height, width;
		}

		.isotope .isotope-item {
			-webkit-transition-property: -webkit-transform, opacity;
			   -moz-transition-property:	-moz-transform, opacity;
				-ms-transition-property:		 top, left, opacity;
				 -o-transition-property:		 top, left, opacity;
					transition-property:		 transform, opacity;
		}

.project-meta p{
	margin:0 auto
}

.project-meta .xTitle-js{
	color:#666;font-weight:bold
}

.single-image {
		position: relative;
		display: block;
		margin-bottom: 15px;
	}
	
	.bwWrapper {
		position: relative;
		overflow: hidden;
		display: block;
	}

	.curtain {
		position: absolute;
		z-index: 5;
		bottom: 0;
		left: 50%;
		margin: 0 0 -12px -12px;
		display: block;
		overflow: hidden;
		width: 24px;
		height: 24px;
		text-align: center;
		opacity: 0;
		filter: alpha(opacity = 0);
		
		-webkit-transform: scale(0);
		   -moz-transform: scale(0);
			-ms-transform: scale(0);
			 -o-transform: scale(0);
				transform: scale(0);
		
		-webkit-transition: all .35s ease-in;
		   -moz-transition: all .35s ease-in;
			-ms-transition: all .35s ease-in;
			 -o-transition: all .35s ease-in;
				transition: all .35s ease-in;  
	}	
	
	.single-image .curtain:after {
		position: absolute;
		top: 0;
		left: 0;
		width: 24px;
		height: 24px;
		color: #fff;
		content: "";
		text-align: center;
		zoom: 1;
	}
	
	.single-image.link-icon .curtain:after  {background-image: url("/Style Library/Portal_Images/link-icon.png"); }
	.single-image.plus-icon .curtain:after  {background-image: url("/Style Library/Portal_Images/plus-icon.png"); background-color:#991b33}
	.single-image.video-icon .curtain:after {background-image: url("/Style Library/Portal_Images/video-icon.png"); }
	
	.single-image:hover .curtain {
		bottom: 50%;
		opacity: 1;
		filter: alpha(opacity = 100);
		
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
			-ms-transform: scale(1);
			 -o-transform: scale(1);
				transform: scale(1);
	}

.media-flag{
	position:absolute;
	width:29px;	
	left:-2px;
	top:-2px;
	z-index:999;
	border:1px solid #999;
}
.AlbumCat .media-flag{
	border:9px solid #e1e1e1;
	width:100%;
	height:127px;	
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	transform: rotate(5deg)
}

.VideoCat .media-flag{
	background:#d4d4d4 url('/Style Library/Portal_Images/video_icon.png') no-repeat 3px 3px;
	padding:3px;
	height:19px;
}
.PhotoCat .media-flag{	
	background:#d4d4d4 url('/Style Library/Portal_Images/photo_icon.png') no-repeat 4px 2px;	
	height:20px;
}

.GridCont{
	margin-bottom:25px
}

.ms-webpart-titleText{
	color:#991b33 !important;
	font-size:1.1em;
	margin-bottom:15px;
	font-family:Tahoma!important
}

/****Home Academics starts****/
.contAcademics{
	width:100%
}

.acaDiv
{	
	width:30%;
	margin-right:4%;
	float:left;
	margin-bottom:3%
}

.acaDiv:nth-child(3n+1){
	clear:left
}

.acaDiv:nth-child(3n+3){
	margin-right:0!important
}

.TitleBox{
	height:50px;
	padding: 5px;
	font-size: 14px;
}
.TitleBox a{
color:#fff!important;
}

.alertBox {
    width: 100%;
    background-position: 12px center;
    padding: 20px 10px 20px 45px;
}
.alertBoxOK {
    background: transparent 3px url("/Style Library/Portal_Images/warn.svg") no-repeat;
    color: #6b6b6b;
    background-size:32px;
    font-size:1.1em;
    width:271px
    }


/****** Home Academics ends****/

/*****Home events starts******/
.eventmore{
	margin-top:-6%
}

.eventHomeDate {
	width:45%;
	margin-right:3%;
	background-color: #fff;
    text-align: center;
    padding: 2% 1%;
}

.eventBrief{
	width:60%;
	font-size:1em;
}

/*****Home event ends*****/

@media (min-width: 768px) { /*sm*/
	.main-dfwp-list > .level-section{width:49%;}	
}
@media (min-width: 992px) { /*md*/
	.main-dfwp-list > .level-section{width:32.5%;}	
}



/*********START - Accordion page content for admissions**************/
.accordion.ui-accordion.ui-widget.ui-helper-reset {
    font-family: inherit !important;
}
.accordion li{
list-style-type: revert !important;
padding: 5px;
}

.accordion ul, ol {
    margin-left: 3em;
    margin-right: 3em;
}
/*********END - Accordion page content for admissions**************/