/* ---------------------------------------------------------------------- */
/*	Basic Elements
	--------------
	1. Clearfix
	2. General Classes
	3. Typography
	4. Dropcap
	5. Images
	6. Fluid Width Video
	7. Dividers
	8. Forms
	9. Contact and Comments Form
	10. Buttons
/* ---------------------------------------------------------------------- */

	/* -------------------------------------------------- */
	/*	Clearfix
	/* -------------------------------------------------- */
	/*--Temp: Hide Portal Status Bar---*/
	#status_preview{display:none !important;}
	
	.clear {   
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		width: 0;
	}
	
	.clearfix:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}
	
	/* -------------------------------------------------- */
	/*	General Classes
	/* -------------------------------------------------- */
			
	.alignleft { float: left; }
	.alignright { float: right; }
	
	img.alignleft { margin-right: 20px; }	
	img.alignright { margin-left: 20px; }		

	/* -------------------------------------------------- */
	/*	Typography
	/* -------------------------------------------------- */				
	
	::-moz-selection {
		color: #fff;
		text-shadow: none;
	}

	::selection {
		color: #fff;
		text-shadow: none;
	}
	
	.highlight {
		padding: 0 3px;
		color: #fff;
		text-shadow: none;
	}

	.dropcapcircle + h6 {
		text-transform: uppercase;
		font-size: 15px;
		margin-top: 11px;
		margin-bottom: 20px;
	}
	/*header circle for different viewports*/
	.col-md-12 .header-dropcapcircle{
		padding-top:10px;
	}
	/*@media_queries.css*/
		
	/*blockquote*/
	blockquote  i{
		background: #8f0030 url("../images/icons/quotes.png");
		background-position: 0 -28px;
		background-repeat: no-repeat;
		float:right;
		display:block;
		width:29px;
		height:28px;
		margin-top:-10px;			
	}
	blockquote  i:first-child{
		background-position: 0 0;
		float:left;
		margin:0;
	}	
	blockquote p, blockquote .blockquote { 
		padding: 0 15px;
		margin: .2em 0 0 0; 		
	}	
	
	/* -------------------------------------------------- */
	/*	Dropcap
	/* -------------------------------------------------- */	

	.dropcap {
		display: block;
		float: left;
		margin: 5px 9px 0 0;
		width: 50px;
		height: 50px;
		color: #373737;
		text-align: center;
		text-shadow: none;
		font-size: 60px;
		line-height: 50px;
	}
	
	.dropcap.dark {
		background-color: #373737;
		color: #fff;
		font-size: 30px;
	}

	.dropcap.color {
		color: #fff;
		font-size: 30px;
	}	

	.dropcap.circle {
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
				border-radius: 50%;
	}
	
	.dropcapcircle {
		display: inline-block;
		float: left;
		margin: 0 20px 0 0;
		width: 39px;
		height: 39px;
		border-radius: 50%;
		background-color: #373737;
		color: #ffffff;
		text-align: center;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 18px;
		
		line-height: 39px;
	}
	
	/* -------------------------------------------------- */
	/*	Images
	/* -------------------------------------------------- */
	
	.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("../../common/images/icons/link-icon.png");  }
	.single-image.plus-icon .curtain:after  { background-image: url("../../common/images/icons/plus-icon.png");	 }
	.single-image.video-icon .curtain:after { background-image: url("../../common/images/icons/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);
	}

	/* -------------------------------------------------- */
	/*	Fluid Width Video
	/* -------------------------------------------------- */

	.video-container iframe,  
	.video-container object,  
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

		video {
			max-width: 100%;
			height: auto;
		}
	
	/* -------------------------------------------------- */
	/*	Dividers
	/* -------------------------------------------------- */
	
	.divider-solid {		
		margin:25px 0 20px 0;
		height: 2px;
		background-color: #ebebeb;
	}		
	
	#main .divider-solid {
		margin-left: 0;
		margin-right: 0;
	}
	
	.white-space {
		clear: both;
		padding: 20px 0;
	}
	
	/* -------------------------------------------------- */
	/*	Forms
	/* -------------------------------------------------- */

	/*here were forms styles */
	.form-control{
		padding:2px 6px!important;
	}
	
	/* -------------------------------------------------- */
	/*	Buttons
	/* -------------------------------------------------- */	

	.button {
		display: inline-block;
		margin-bottom: 15px;
		padding: 6px 13px;
		outline: medium none;
		border: none;
		color: #fff!important;
		vertical-align: baseline;
		text-align: center;
		text-decoration: none;		
		cursor: pointer!important;

		-webkit-transition: all 0.2s linear 0s;
		   -moz-transition: all 0.2s linear 0s;
			-ms-transition: all 0.2s linear 0s;
			 -o-transition: all 0.2s linear 0s;
				transition: all 0.2s linear 0s;
	}
	
	.button:hover{text-decoration:none;}
	
	.button.small { padding: 6px 13px; } 

	.button.medium {
		padding: 8px 20px;
		font-size: 13px;
	} 

	.button.big {
		padding: 10px 23px;
		font-size: 14px;
	} 
	
	.button.default		{ background-color: #373737; }	
	.button.turquoise   { background-color: #038ca9; }
	.button.blue		{ background-color: #22bbd6; }
	.button.violet		{ background-color: #795cb0; }
	.button.lime		{ background-color: #79be0b; }
	.button.green		{ background-color: #3b930a; }
	.button.virid		{ background-color: #01ad93; }
	.button.yellow		{ background-color: #ffba00; }
	.button.orange		{ background-color: #f99200; }
	.button.red			{ background-color: #da4c0e; }
	.button.pink		{ background-color: #e85d98; }
	.button.vinous		{ background-color: #8e376b; }
	.button.brown		{ background-color: #564544; }
	.button.biscuit		{ background-color: #887171; }
	.button.light-gray  { background-color: #718193; }

	.button.default:hover { background-color: #038ca9; }

	.button.turquoise:hover,
	.button.blue:hover, 
	.button.violet:hover,
	.button.lime:hover, 
	.button.green:hover,
	.button.virid:hover, 
	.button.yellow:hover,
	.button.orange:hover, 
	.button.red:hover,
	.button.pink:hover, 
	.button.vinous:hover,
	.button.brown:hover, 
	.button.biscuit:hover, 
	.button.light-gray:hover { background-color: #373737; }
	
	.button.default:visited{color:#fff}
	
/* ---------------------------------------------------------------------- */
/*	Main Pages Layout
	-----------------
01. Wrapper
02. Header
	1. Logo
	2. Phone
	3. Social Icons
	4. Main Navigation
	5. Search
03. Content
	1. Main		
04. Sidebar
	1. Widgets		
05. Footer 
	1. Widgets		
	2. Copyright
06 . Back To Top
/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */
#header {
	z-index: 99;
	background-color: #fff;
	overflow: visible!important;	
}
#header .container {
	padding: 0;
}
/*Header Status*/
.header-status{
	
	height: 45px;
	width: 100%;	
	margin-bottom: -19px;
}
.progress-launch-txt{
	float: right;	
	background: url('../../common/images/xportal/backgrounds/Launch_EN.png') no-repeat top center;
	display: none;
	color: #fff!important;
	width: 85px;
	height: 110px;
	padding: 25px 10px 5px 10px;
	margin-top: -25px;
	text-align:center;
}


.progress-launch-txtOld{
	float: right;	
	background: url('../../common/images/xportal/backgrounds/launch_banner.png') repeat-x center center;
	display: block;
	color: #fff!important;
	width: 146px;
	height:61px;
	padding: 15px 0 0 20px;
	margin-top: -25px;
}

.header-illus{
	background: #575556; /*#878787 url('../../common/images/xportal/backgrounds/arabic_illus.png') repeat-x left top*/
	height:26px;
}

/*Header Links*/
.header-links{
	color:#ccc!important;
	float: left;
	clear: left;
	margin: 5px 5px 5px 14%;
	-webkit-transition: left .5s linear;
	-moz-transition: left .5s linear;
	-ms-transition: left .5s linear;
	-o-transition: left .5s linear;
	transition: left .5s linear;
}
.header-links a{
	padding-right:3px;
	color:#ccc!important;
}

/* -------------------------------------------------- */
/*	Logo
/* -------------------------------------------------- */
#logo {
	/*display: block;*/
	display: inline-block;
	float: left;
	line-height: 0;
	margin-top: 13px;
	float: left;
	padding-left: 18%;
}
.company-name {
	font: normal 20px Verdana;	
	text-transform: uppercase;
	padding: 0px 0 0 10px;
	display: inline-block;
	text-decoration: none;
	color: #fff!important;
}
.company-name:hover{
	text-decoration: none;
}

.navbar-header #logo {
	display: none;
}
/* -------------------------------------------------- */
/*	Phone
/* -------------------------------------------------- */
#header .widget_contacts {
	float: right;
	margin-right: 4px;
}
#header .vcard {
	float: right;
	text-align: right;
}
.vcard p {
	display: inline-block;
	padding-left: 20px;
}
.vcard a:before, .vcard .top-phone:before {
	position: absolute;
	top: 1px;
	left: 0;
	color: #000;
	font-size: 14px;
	font-family: 'FontAwesome';
	content: "";
}
.vcard .top-email a:before {
	content: "\f0e0";
}
.vcard .top-phone:before {
	font-family: 'FontAwesome';
	content: "\f095";
}
.vcard p {
	position: relative;
	margin-bottom: .5em;
}
.top-phone span {
	color: #383838;
}
/* -------------------------------------------------- */
/*	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("../../common/images/icons/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;
}
/* -------------------------------------------------- */
/*	Language Switcher
/* -------------------------------------------------- */
.lang-switcher {	
	height: 25px;
	padding-top: 2px;
	text-align: center;
	width: 25px;	
	float: left;
	margin-right: 5px;
	/*background: url('../../common/images/xportal/backgrounds/Greycircle.png') top;*/
}

.ArCircle{	
	height: 22px;
	margin-top: 1px;
	text-align: center;
	width: 22px;	
	float: left;
	margin-right: 5px;
	background: url('../../common/images/xportal/backgrounds/ArabicCircle.png') no-repeat top center;
}


.lang-switcher a{
	color:#FFFFFF!important;
	vertical-align:top;
}
.lang-switcher a:hover{
	text-decoration: none;
}
.navbar-header .lang-switcher {
	display: none;
}
.lang-ar{
	display:none;
}


/* -------------------------------------------------- */
/*	Breadcrumb
/* -------------------------------------------------- */
ul.breadcrumb, ul.breadcrumb ul{
	margin:0;
	list-style-type:none;
} 
.breadcrumb{display: none;}
.breadcrumb-current, a.breadcrumb-root, .s4-breadcrumb-arrowcont{display: none!important;}
.breadcrumb-node, .s4-breadcrumb-arrowcont{display: inline-table;}
a.breadcrumb-node:first-child{display: none;}
.breadcrumb ul.breadcrumb-root > li.breadcrumb-node:first-child > a.breadcrumb-node{display: none;}
ul.breadcrumb-root li.breadcrumb-node ul.breadcrumb-node li.breadcrumb-node{display:block!important}
a.breadcrumb-node{margin:0px;margin-right: 10px; float:left}
.breadcrumb-separator{
	background-image: url("../images/icons/breadcrumb-separator.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
    float:left;
	margin:0px;
}

/* -------------------------------------------------- */
/*	Main Navigation
/* -------------------------------------------------- */
.menu-container {
	margin-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #818181;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #818181;
	background: #373737;
}

.responsive-nav {
	display: none;	
}

/**/
#top-navigation{
	float:left;
	z-index: 1000;
}

#top-navigation ul{
	margin:0;
	list-style-type:none;
}
 
#top-navigation li.static.dynamic-children >  a:hover, #top-navigation li.static.dynamic-children > a span:hover{
	text-decoration:none;	
}
 
#top-navigation ul.root li.static a.menu-item {
	margin: 0;
	padding: 9px 15px 8px;
	border-left: 1px #818181 solid;
	color: #1e1e1e;
	/*text-transform: uppercase;*/
}
#top-navigation ul.root li.static span.menu-item{
	padding: 9px 15px 8px;
}
#top-navigation ul.root li.static ul.dynamic a.menu-item{
	border-left:none;
}
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background{
	padding-right:18px;
}
#top-navigation ul.root li.static a.menu-item  span{
	font-size: 13px;
}
.fixed #top-navigation ul.root li.static a.menu-item{
	padding: 9px 5px 8px 5px;	
}
#top-navigation ul.dynamic {
	padding: 0px;
	margin:0px;
	white-space: normal;
	position: absolute;
	z-index: 50;
	-ms-word-wrap: break-word;
	box-shadow:0px 0px 0px 0px #fff;
	border:0px;
	top:38px!important;
	border-top: 1px #ebebeb solid;	
}
#top-navigation ul.dynamic ul.dynamic {
	top:-1px!important;	
}
#top-navigation ul.dynamic li.dynamic {
	padding:0px;
	display:block;
	border-left: 1px #ebebeb solid;	
	border-right: 1px #ebebeb solid;	
	border-bottom: 1px #ebebeb solid;	
	/*white-space:nowrap;*/
	min-width:220px;
	background:#fff;
}

#top-navigation ul.dynamic li.dynamic:hover{
	background-color:#f9f9f9;
}
#top-navigation ul.dynamic li.dynamic:hover a{
	text-decoration: none;
}
#top-navigation ul.root li.static .dynamic-children{
	position:relative;
}

#top-navigation .menu-item-text{
	color:#fff;
}
#top-navigation ul.dynamic .menu-item-text{
	color: #333;
}
.ms-core-listMenu-horizontalBox .dynamic .dynamic-children.additional-background{
	display: block;
	width: 100%;
}


.navbar-toggle{
	min-width:0!important;
}
/*@media_queries.css*/

/*sharepoint overwrite*/
.menu-container .ms-srch-sb > input{
	width:120px;
}
.menu-container #SearchBox{
	width:120px;
}
.menu-container #searchImg{
	display:none;
}

.responsive-top-nav-item .selected *{
	color: #fff!important;
}

/* -------------------------------------------------- */
/*	Search
/* -------------------------------------------------- */
.search-wrapper {
	position:relative;
	overflow: hidden;
	height: 20px;
	width: 180px;
	margin-right: 22%;
	margin-top: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: right .5s linear;
	-moz-transition: right .5s linear;
	-ms-transition: right .5s linear;
	-o-transition: right .5s linear;
	transition: right .5s linear;
}

.search-wrapper input[type="text"] {
	margin: 0;
	padding: 0px 5px 7px 10px;
	font-size: 11px;	
	height: 25px;
	background-color:#ccc;
}


.search-wrapperN {
	position: relative;
	overflow: hidden;
	float: right;
	padding: 0 35px 7px 0;
	/*width: 0;*/width:220px;	
	height: 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: right;
	margin:7px 15px 0 0;
	overflow: hidden;
}
.search-wrapper input {
	height: auto;
}
.search-wrapper p {
	margin: 0;
}
.search-wrapperN input[type="text"] {
	margin: 0;
	padding: 2px 5px;
	font-size: 11px;	
	height: 25px;
}
.search-wrapper .submit-search {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 34px;
	height: 34px;
	font: 0/0 a;
	border: none;
	background-color: #fff;
}
.search-wrapper .submit-search:after {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 4;
	width: 35px;
	height: 27px;
	color: #b2b2b2;
	content: "\f002";
	font-size: 14px;
	font-family: "FontAwesome";
	line-height: 18px;  /*Was 26*/
	text-align: center;
	border: 1px solid #ababab;
	border-left:none;
	background: #eee;
}
.search-wrapper .submit-search:hover:after, .search-wrapper .submit-search.active:after {
	color: #373737;
}
.search-wrapper.hidden-lg {
	border: 1px solid #ebebeb;	
}
.submit-search{cursor: pointer;}
.ms-srch-sb-border, .ms-srch-sb-border:focus, .ms-srch-sb-border:active, .ms-srch-sb-borderFocused{
	height: 27px;
    overflow: hidden;
}
/* ---------------------------------------------------------------------- */
/*	Fixed Header
/* ---------------------------------------------------------------------- */
.fixed#header {
	position: fixed;
	top: 0;
	left: 0; /*padding: 18px 0;*/;
	padding: 10px 0;
	width: 100%;
	background-color: #fff;
	background-color: rgba(255,255,255,.95);
	overflow: visible!important;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	box-shadow: 0 2px 3px rgba(0,0,0,.2);
	height: 95px;
}
#header .menu-container .header-links{
	display:none;
}
.fixed#header .header-links{
	/*margin:5px 0 0;
	display:block;*/
	/*New*/
	display:block;
	margin-top:-60px;
	float: right;
	color:#98012e!important;	
	margin-right:-10px;	
}
.fixed#header .lang-switcher {
	display:block;
	height: 25px;
	margin-top: -4px;
	text-align: center;
	width: 25px; 
	float: right;
}

.fixed#header .header-links a{
	/*display:block!important;
	margin-top:-60px;
	float: right;*/
	color:#98012e!important;	
}

.fixed#header .menu-container{
	background:transparent;
}
.fixed#header #top-navigation{
	background:#373737;
	float:right;
}
.fixed#header .container {
	padding: 0;
	position: relative;
	height: 35px;
	width:100%;
	max-width:100%;
}
.fixed#header .logo-row, .fixed#header .menu-container {
	position: absolute;
}
.fixed#header .logo-row {
	top: 0px;
	left: 80px;
}
.fixed#header #logo {
	margin: 0 0 0 20px;
}
.fixed#header #logo img{
	width: 200px;
}
.fixed#header #logo a {
	display: inline-block;
	
}
.fixed#header .menu-container {
	top: 30px;
	right: 90px;
}
.fixed#header .fixed-hdr-hidden {
	display: none!important;
}
.fixed#header .navigation ul ul {
	width: 160px;
}
.fixed#header .navigation > div > ul > li > a {
	padding: 9px 10px 8px;
}
.fixed#header .top-phone, .fixed#header .header-status {
	display: none;
}
.fixed#header ul.social-icons {
	display: none;
}
.fixed#header .menu-container {
	margin: 0 0 0 37px;
	border-top-width: 0;
	border-bottom-width: 0;
}
.fixed#header .search-wrapper {
	display: none;
}
#header.fixed .search-wrapper.hidden-lg {
	display: none!important;
}
#header.fixed .search-wrapper.hidden-xs.hidden-sm.hidden-md {
	display: none!important;
}
/* ---------------------------------------------------------------------- */
/*	Page Header
/* ---------------------------------------------------------------------- */
.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;
}
/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */
.content-title {
	margin: 0 10px 14px 0;
	color: #505050;
}
.content-title-2 {
	text-transform: uppercase;
	font-size: 18px;
}
.section-title {
	margin-bottom: 22px;
}

/* -------------------------------------------------- */
/*	Widgets
/* -------------------------------------------------- */
#sidebar .widget {
	margin-bottom: 40px;
}
/* ---------------------------------------- */
/*	Default Widgets
/* ---------------------------------------- */
.widget .sub-menu {
	padding-top: 5px;
}
.widget_categories ul li, .widget_archive ul li, .widget_links ul li, .widget_meta ul li, .widget_pages ul li, .widget_recent_entries ul li {
	position: relative;
	padding: 10px 0 10px 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e8e8e8;
	list-style: none;
}
.widget_categories ul li:first-child, .widget_archive ul li:first-child, .widget_links ul li:first-child, .widget_meta ul li:first-child, .widget_pages ul li:first-child, .widget_recent_entries ul li:first-child {
	border-top-width: 0;
}
.widget_categories li a, .widget_archive li a, .widget_links li a, .widget_meta li a, .widget_pages li a, .widget_recent_entries li a {
	position: relative;
	display: inline-block;
	color: #969696;
}
.widget_categories li a:before, .widget_archive li a:before, .widget_links li a:before, .widget_meta li a:before, .widget_pages li a:before, .widget_recent_entries li a:before {
	position: absolute;
	left: -15px;
	top: 0;
	width: 4px;
	height: 100%;
	display: block;
	background-image: url("../images/icons/arrow-black.png");
	background-position: 0 center;
	background-repeat: no-repeat;
	content: "";
	-webkit-transition: left .2s linear;
	-moz-transition: left .2s linear;
	-ms-transition: left .2s linear;
	-o-transition: left .2s linear;
	transition: left .2s linear;
}
#footer .widget_categories li a:before, #footer .widget_archive li a:before, #footer .widget_nav_menu li a:before, #footer .widget_links li a:before, #footer .widget_meta li a:before, #footer .widget_pages li a:before, #footer .widget_recent_entries li a:before {
	background-image: url("../../common/images/icons/arrow-light.png");
}
.widget_categories li a:hover:before, .widget_archive li a:hover:before, .widget_links li a:hover:before, .widget_meta li a:hover:before, .widget_pages li a:hover:before, .widget_recent_entries li a:hover:before {
	left: -10px;
}
#footer .social-icons img{
	width:100%;	
}
/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */
#footer {
	background: #580517; /*url('../../common/images/xportal/backgrounds/arabic_illus.png') repeat-x left top*/
	padding: 35px 0 40px;
}
/* -------------------------------------------------- */
/*	Widgets
/* -------------------------------------------------- */
#footer .widget {
	margin-bottom: 45px;
}
#footer .textwidget img {
	width: 180px;
	height: 100px;
	margin: 0 10px 10px 0;
}
#footer i {
	font-style: normal;
}
/* -------------------------------------------------- */
/*	Copyright
/* -------------------------------------------------- */
.adjective {
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;	
	font-size: 11px;
}
.copyright {
	float: left;
}
/* -------------------------------------------------- */
/*	Back Top
/* -------------------------------------------------- */
#back-top {
	position: fixed;
	right: 20px;

	bottom: 10px;
	z-index: 999;
	display: none;
	width: 33px;
	height: 33px;
	background-color: #918F89;
	text-align: center;
	font: 0/0 a;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
#back-top:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 33px;
	height: 33px;
	background-image: url("../../common/images/back-to-top.png");
	background-position: center center;
	background-repeat: no-repeat;
	content: "";
}


/* -------------------------------------------------------------------
Controls
----------------------------------------------------------------------
01. 404 Page
02. Portfolio
	1. Portfolio Filter
	2. Portfolio Items
	3. Portfolio Controls
	4. Isotope Styles
04. Sidebar
	1. Widgets
		- Default Widgets		
05. Widgets + Shortcodes
	1. Accordion and Toggle	
	2. Tabs	
	3. Notifications
	4. List
06. Other
	1. Services
/* ---------------------------------------------------------------------- */
	
/* -------------------------------------------------- */
/* 404 Page
/* -------------------------------------------------- */	

	.e404 {padding: 50px 0 160px 0;}

		.e404 h1 {
			display: inline-block;
			float: left;
			/*margin-right: 50px;*/
			padding-right: 70px;
			border-right: 1px solid #ebebeb;
			font-weight: 600;
			font-size: 223px;			
			line-height: .8;
		}

		.e404 h2 { 
			margin-top: 10px;
			margin-bottom: 30px;
			font-weight: 400;
			font-size: 32px;
			line-height: 1.2;	
		}	
		
/* -------------------------------------------------- */
/*	Clients
/* -------------------------------------------------- */			
					
		ul.clients-items{margin:0;list-style-type:none}
		ul.clients-items li { 			
			height:60px;
			margin-bottom:10px;			
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
				     box-sizing: border-box;
		}				
		ul.clients-items .bwWrapper {
			position: relative;
			display: block;
		}			
		
		
/* -------------------------------------------------- */
/*	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 35px;
		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
	/* -------------------------------------------------- */	

		.portfolio-items article {
			display: inline-block;
			vertical-align: top;
			
		}
		/*@media_queries.css*/
				
		.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;
		}
		a.project-meta:hover{text-decoration:none;}
		.flexisel-item-cont .project-meta{padding-top:0}
		.portfolio-items article:hover .project-meta { background-color: #f9f9f9; }

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

/* ---------------------------------------------------------------------- */
/*	Sidebar
/* ---------------------------------------------------------------------- */

	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */

		#sidebar .widget { margin-bottom: 40px; }
				
			#sidebar .widget-title {
				margin-bottom: 20px;
				font-size: 14px;
			}		
			.widget .post-date { 
				display: block;
				font-size: 11px;
				font-style: italic;
				color: #b2b2b2;
			}						
						
		/* ---------------------------------------- */
		/*	Default Widgets
		/* ---------------------------------------- */
				
		
		.widget .sub-menu { padding-top: 5px; }
		
		.widget_categories ul li,		
		.widget_links ul li,
		.widget_meta ul li{
			position: relative;
			padding: 6px 0 6px 15px;
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #e8e8e8;
			list-style: none;
		}
				
		.widget_categories ul li:first-child, 		
		.widget_links ul li:first-child, 
		.widget_meta ul li:first-child{ 
			border-top-width: 0; 
		}
		
			.widget_categories li a,			
			.widget_links li a, 
			.widget_meta li a{
				position: relative;
				display: inline-block;
				color: #969696;
			}
			.widget_categories li a *,			
			.widget_links li a *, 
			.widget_meta li a *{						
				color: #969696;
			}
		
			.widget_categories li a:before,			
			.widget_links li a:before, 
			.widget_meta li a:before{
				position: absolute;
				left: -15px;
				top: 0;
				width: 4px;
				height: 100%;
				display: block;
				background-image: url("../images/icons/arrow-black.png");
				background-position: 0 center;
				background-repeat: no-repeat;
				content: "";
				
				-webkit-transition: left .2s linear;
				   -moz-transition: left .2s linear;
					-ms-transition: left .2s linear;
					 -o-transition: left .2s linear;
						transition: left .2s linear;  	
			}
		
			#footer .widget_categories li a:before,					
			#footer .widget_links li a:before, 
			#footer .widget_meta li a:before{						
				background-image: url("../../common/images/icons/arrow-light.png");
			}
		
			.widget_categories li a:hover:before,			
			.widget_links li a:hover:before, 
			.widget_meta li a:hover:before{ 
				left: -10px; 
			}
	
		/* ---------------------------------------- */
		/*	Popular Posts
		/* ---------------------------------------- */
		
		.widget_popular_posts ul{list-style-type:none;margin:0}  
		.widget_popular_posts li { margin-bottom: 20px; }
		
		.widget_popular_posts li:after {
			clear: both;
			display: block;
			visibility: hidden;
			height: 0;
			content: ".";
		}

			.widget_popular_posts .preloader {
				float: left;
				margin-right: 10px;
			}
			
			.widget_popular_posts .post-holder { display: table; }

				.widget_popular_posts h6 {
					 margin-bottom: 5px;					 
					 font-weight: 400;
					 line-height: 1.3;
				}
				
				.widget_popular_posts p { 
					margin-bottom: 5px;
					font-size: 11px;
				}

				.widget_popular_posts span {
					display: block;
					color: #b2b2b2;
					font-style: italic;
					font-size: 11px;
				}
		
		.vertical-small-image{opacity: 1.0!important; border:1px solid #bbb;}
	
	/* -------------------------------------------------- */
	/*	Accordion and Toggle
	/* -------------------------------------------------- */
		
	.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("../../common/images/icons/collapse.png");
			cursor: pointer;
			content: "";
		}				

		.acc-trigger.active:before { background-position: bottom; }  

			.acc-trigger a {
				color: #828282;
				font-size: 13px;
				font-family:'open_sanssemibold'			
			}					
		
			.acc-trigger:hover a,
			.acc-trigger.active a { color: #1e1e1e; 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;}
	

	/* -------------------------------------------------- */
	/*	Tabs
	/* -------------------------------------------------- */

	.content-tabs { margin-bottom: 40px; }

		.tabs-nav {
			clear: both;
			margin: 0;
			width: 100%;
			list-style-type:none;
		}

			.tabs-nav li {
				position: relative;
				float: left;
				margin-right: -1px;
				border-top-width: 1px;
				border-top-style: solid;
				border-top-color: #ebebeb;
				border-left-width: 1px;
				border-left-style: solid;
				border-left-color: #ebebeb !important;
				border-right-width: 1px;
				border-right-style: solid;
				border-right-color: #ebebeb !important;
				background-color: #fafafa;
				height: 34px;
			}
			
			
			.tabs-nav li:first-child { border-left-width: 1px; }			
			
				.tabs-nav li a {
					display: inline-block;
					padding: 6px 16px;
					outline: none;
					color: #828282;
					vertical-align: baseline;
					text-align: center;
					text-transform: uppercase;
					font-size: 18px;
					cursor: pointer;
				}
				.tabs-nav li a:hover{
					text-decoration:none;
				}
				.tabs-nav .active a {
					background-color: #fff;
					color: #1e1e1e;
				}

		.tabs-container {
			margin: 0 0 20px;
			overflow: hidden;
			background-color: #fff;
			border-width: 1px;
			border-style: solid;
			border-color: #ebebeb;
			width: 100%;
		}
		.tabs-container .dark-link{
			margin:10px 10px 0 0;			
		}
		
		/*dark and light link style*/
		.dark-link:hover, .light-link:hover{
			text-decoration:none;			
		}
		.dark-link:before, .light-link:before{
			content: "\f105";
			font-family: FontAwesome;
			padding-right:5px;
			transition: padding 0.2s linear 0s;
		}
		.dark-link:hover:before, .light-link:hover:before{
			padding-right:2px;
			transition: padding 0.2s linear 0s;
		}
		
		/*light link style*/
		.light-link{
			margin:0 5px 0 0;
		}
		
		.read-more-btn{
			margin-top:10px;
			text-transform: capitalize;
		}
		
		.tab-content { 
			/*visibility:hidden;*/
			/*display: none;*/
			/*padding: 20px 20px 10px;*/
			padding:5px 10px;
		}
				
					
		.tab-content:first-child { display: block;visibility:visible}
		
		/*tabs 2 style*/
		.content-tabs-2 .tabs-nav li{
			border:none;
			background:none;
			height:37px;
		}
		.content-tabs-2 .tabs-nav li a{
			padding:10px 13px;
			font-size:11px;
		}
		.content-tabs-2 .tabs-nav li.active{
			border-bottom-width:1px;
			border-bottom-style: solid;						
			
		}
		.content-tabs-2 .tabs-container{
			border-left:none;
			border-right:none;
			border-bottom:none;
		}
		.tab-options i:before{
			color:#777;
		}
		.tab-options .icon-cog{
			font-size:15px;
			margin:0;
		}
		.tab-options .icon-caret-down{
			margin-left:-6px;
		}

	/* -------------------------------------------------- */
	/*	Info Box
	/* -------------------------------------------------- */

	.info-box {
		margin-bottom: 40px;
		padding: 25px 20px 10px;
		border-width: 1px;
		border-style: solid;
		border-color: #ebebeb;
	}
		

	/* -------------------------------------------------- */
	/*	Notifications
	/* -------------------------------------------------- */

	.error, .success, .info, .notice {
		border-style: solid;
		border-width: 1px;
		display: block;
		font-size: 14px;
		padding: 8px 15px 8px 20px;
		position: relative;
	}		

	.error {
		background-color: #f9bcc3;
		border-color: #f09da7;
		color: #b76973;
	}
	.ms-srch-result-noResults{
		margin:10px 0;
	}

	.success {
		background-color: #d8efc1;
		border-color: #b4d892;
		color: #79985b;
	}

	.info {
		background-color: #b8e1f1;
		border-color: #a1c7d5;
		color: #52889b;
	}

	.notice {
		background-color: #feebb7;
		border-color: #e7d195;
		color:#b49133;
	}
	
		.alert-close {
			position: absolute;
			top: 50%;
			right: 10px;
			margin-top: -7px;
			line-height: 1;
		}

		.alert-close:before {
			font-size: 13px;
			font-family: 'FontAwesome'; 
			content: "\f00d";
		}
		
		.error .alert-close   { color: #b76973; }
		.success .alert-close { color: #79985b; }
		.info .alert-close    { color: #52889b; }
		.notice .alert-close  { color: #b49133; }
		
		.error .alert-close, .success .alert-close, .info .alert-close, .notice .alert-close{display:none;}
		
	/* -------------------------------------------------- */
	/*	List
	/* -------------------------------------------------- */
	/*for list with different icons - not used currently in xportal*/
	ul.list { margin-bottom: 20px; }
	
		.list li { margin-bottom: 6px; }
		
		ul.list [class^="icon-"]:before, 
		ul.list [class*=" icon-"]:before {
			color: #373737;
			font-size: 15px;
		}

			i.small-arrows {
				position: relative;
				display: inline-block;
				margin-right: 10px;
				width: 21px;
				height: 21px;
				vertical-align: middle;
			}
			
			i.small-arrows:before {
				position: absolute;
				left: 0;
				top: 3px;
				margin-top: -3px;
				width: 21px;
				height: 21px;
				background-image: url("../../common/images/icons/small-arrows.png");
				background-position: right;
				background-repeat: no-repeat;
				content: "";
			}				
	
/* ---------------------------------------------------------------------- */
/*	Other
/* ---------------------------------------------------------------------- */	
	
	/* -------------------------------------------------- */
	/*	Services
	/* -------------------------------------------------- */
		
		.title-service i { float: left;}

		.title-service:hover i { 
			-webkit-transform: translateY(-5px);
			   -moz-transform: translateY(-5px);
				-ms-transform: translateY(-5px);
				 -o-transform: translateY(-5px);
					transform: translateY(-5px);
		}

		.title-service i:before {
			position: absolute;
			display: block;
			margin-top: 38px;
			width: 47px;
			height: 7px;
			background-image: url("../../common/images/shadow.png");
			opacity: 0;
			filter: alpha(opacity = 0);
			content: "";

			-webkit-transition: all .2s linear;
			   -moz-transition: all .2s linear;
				-ms-transition: all .2s linear;
				 -o-transition: all .2s linear;
					transition: all .2s linear;  
		}
				
		.title-service:hover i:before { 
			margin-top: 43px;
			opacity: 1;
			filter: alpha(opacity = 100);
		}

		.title-service a {
			display: table;
			padding-top: 5px;
			text-transform: uppercase;
			font-size: 15px;
			color: #373737;
		}


/* ---------------------------------------------------------------------- */
/*	xPortal custom styles
--------------*/
	
.simple-sq-list{
	list-style-type:square;
}
.simple-sq-list li{
	margin-left:20px
}
h3 a:hover, .more-link:hover{
	text-decoration:underline;
}

/*default date style*/
.default-date i.icon-calendar{	
	padding-right:5px;
}


/*sp respnsive img*/
/*.sp-responsive-img-cnt{
	width:auto;
}*/
.sp-responsive-img-cnt img{
	width:100%;
}
img.ms-webpart-menuArrowImg{
	width:auto!important;	
}


/*default table style*/
.default-table{
	margin-bottom:30px;
}
.default-table th, .default-table td{
	text-align:left;
	padding:7px;
}
.default-table td.text-right,
.default-table th.text-right{
	text-align:right;
}

.default-table td{
	border-top:1px solid #fff;	
}  
.default-table td a:hover{
	text-decoration:underline;
}
.default-table tr{
	background:#f4f4f4;	
}
.default-table tr.default-table-row{
	background:#ebebeb;
}

/*investor relation*/
.default-table td.doc-size-cell{	
	text-align:left;
}

/*search filter*/
.search-filter label{	
	padding:8px 10px 0 0;
}
.search-filter input[type="text"]{
	width:180px;
	height:35px;
}
.search-filter button{
	background:#fffffd;
	border:1px solid #ebebeb;
	border-left:none;
	height: 35px;
    width: 33px;
}
.search-filter button:after{
	content: "\f002";
}

/*boxed arrow list*/
.boxed-arr-list{
	list-style-type:none;
	margin:0 0 20px 0;
}
.boxed-arr-list li{
	clear:both;
}
.boxed-arr-list li:before{
	content: "\f105";		
	padding:0px 4px 2px 7px;
	border-right:10px solid #fff;	
	margin-bottom:3px;
	float:left;		
}


/*tweets*/
.tweets-list li{
	margin:0 0 20px 0;
}

/*container-1 style*/
.container1-style{
	border:1px solid #ebebeb;
	border-top:2px solid #ff6600;
}
.container1-style h5{
	background:#3a89c9;	
	padding:5px 10px;
	line-height:25px;
	margin-bottom:1px;
}
.container1-style p{
	margin:10px 0;
}
.container-padded-content{
	padding:0 10px;
}
.container1-style .button{
	margin-bottom:8px;
}

/*home news and events*/
.news-carousel{
	margin-top:30px!important;
}
#box-listing ul{
	list-style-type:none;
	margin:0
}
.news-item{
	position:relative;
	padding:5px 5px;	
}
.news-item a{
	position:relative;
	z-index:20;
}
.news-item a img{
	width: 100%;
}
.news-item h6{	
	margin:10px 0 5px 0;	
}
.news-item h6 a:hover{
	text-decoration:underline;
}
.news-item img, .news-item .video-container iframe{
	display:block;
	margin:0 auto;
	border:1px solid #ccc;
}
.news-item p{
	margin-bottom:0.4em;
}
.news-item .transform{
	position:absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	opacity: 0;
	background-repeat: repeat;
	background-attachment: fixed;
	z-index:10;				
}

/*home careers*/
.careers-illus{
	/*background:#efefef url('../../common/images/xportal/icons/careers_icon.png') no-repeat center center;*/
	min-height:120px;
	background:#eee;
	border:1px solid #ccc;
}
.careers-illus img{
	/*width:100%;*/
	margin:0 auto!important;
	padding:0!important;
	max-width:100%;
	/*width:285px!important;*/
	width:100%!important;
	height:122px!important;
}
.careers-msg{
	background: #990033;
	padding: 21px;
	color: #fff;
}
.careers-msg a, .careers-msg a:visited{
	color: #fff!important;
	font-size: 14px;
}
.home-careers{
	width:98%;
}

/*media gallery*/
.media-item .project-meta{
	padding-top:0;
	min-height:255px;
}
.media-item{
	padding-top:13px;
}
.AlbumCateg.news-item a{
	z-index: 999;
}
.media-item img, .video-lightbox img{
	width:223px;	
	height:120px;
	/*min-width:223px;
	min-height:120px;*/
}
.media-flag{
	position:absolute;
	width:29px;	
	left:-2px;
	top:-2px;
	z-index:999;
	border:1px solid #999;
}
.AlbumCateg .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)
}
@media (max-width: 500px)  {
	.media-flag{
		border:none;
	}
	.AlbumCateg .media-flag{
		border:none;
	}
}

.AlbumCateg img{
	border:6px solid #d4d4d4;
}
.VideoCateg .media-flag{
	background:#d4d4d4 url('../images/icons/video_icon.png') no-repeat 3px 3px;
	padding:3px;
	height:19px;
}
.PhotoCateg .media-flag{	
	background:#d4d4d4 url('../images/icons/photo_icon.png') no-repeat 4px 2px;	
	height:20px;
}
.album-items-count{	
	padding:0 5px 5px 0;
	display:block;	
}
a.media-slider:hover, a.media-slider:active{
	text-decoration:none!important;
}   
.video-content{
	display:none;
	height:100%;  
	width:100%   
}    
.portfolio-items .PhotoCateg, .portfolio-items .VideoCateg{
	display:none;
}  
.portfolio-items .portfolio-slider.PhotoCateg, .portfolio-items .portfolio-slider.VideoCateg{
	display: block;
}
.media-item h6.xTitle-js{
	min-height:30px;
}

    
/*news details 2*/
.news-details .image-gallery-slider img{	
	max-height:400px;
}
.news-details .js-gallery ul{
    max-height:450px;
}
.news-details-2 .image-gallery-slider img{
	min-height:200px;	
}
.news-details-2 .ms-long{
	width:100%;
}
.news-details-2 .news-side-zone{
	position: relative;
	z-index: 999;
}
.news-details blockquote,
.news-details-2 /uote{
	display: none;
	position: relative;
	/*z-index: 999;  */
	z-index: 99;
}
 
 
/*home products*/
.product-img{
	width:111px;
	height:124px;
	margin:0 auto;
	display:block;
}


/*orange tiles*/
.orange-tiles{
	background:#373737 url('../images/backgrounds/middle_illus.png') no-repeat right top;
	border-top:3px solid #dbdbdb;
	padding-top:20px;
	margin-bottom:-32px;
}
.slider-container{position:relative;}
.orange-tiles h2.ms-webpart-titleText span{color:#fff}
.orange-tiles .colored-box{	
	position: relative;
	display: block;
	margin-bottom: 7px;
	padding: 14px 3px 3px 3px;
	padding-bottom: 14px;
	text-align: center;
	color:#fff;
	background:#cf3334;
}
.orange-tiles h6.box-title {
    margin:0;
	color: #fff;
	font-weight: 700;
	font-size: 12px;	
} 
.orange-tiles .colored-box .box-categories { 
	display: block; 
	color:#fff;
}
.orange-tiles .item-summary .dots{
	color: #fff;
}
.orange-tiles .portfolio-crsl .ms-srch-result-noResults{
    margin-top:35px!important;
}


/*portfolio carousel*/
.portfolio-crsl .nbs-flexisel-container{
	margin-top:-35px;
}
.portfolio-crsl .error{
    margin-top:35px;
}
#portfolio-crsl-nav-id{
	margin-bottom:10px;
}
.portofolio-meta{	
	position: relative;
	display: block;
	margin-bottom: 9px;
	padding-top: 14px;
	padding-bottom: 14px;
	text-align: center;	
}
.portofolio-meta .categories { 
	display: block; 	
}
.business-cat-1 .portofolio-meta{
	background:#dbb93e;
}
.business-cat-2 .portofolio-meta{
	background:#cf3334;
}
.business-cat-3 .portofolio-meta{
	background:#9b3ddb;
}
.business-cat-4 .portofolio-meta{
	background:#497a42;
}


/*home banner*/
.ls-inner{
	background-image:url('../../common/images/xportal/backgrounds/banner_grad.png') !important;
	background-repeat:repeat-y!important;

}
#layerslider .inline-h2{	
	padding-right:20px;
}
#layerslider .inline-h2 span{	
	display:inline-block;
	width:200px;
	line-height:18px;
}
/*@media_queries.css*/

.spotlight{	
	margin-top: -3px;
}
.spotlight-advanced{margin: 3px 0 20px 0;position:relative; width:100%}
.media-title1{	
	opacity: 0.75;
	color: #fff!important;				
	opacity: 0.7;	
	line-height:normal!important;
	
	background: #131312;	
	top: 17%!important;
	left: 12%!important;
	width:115px;	
	padding:5px 10px!important;
	height: 40px;
}
.media-title{	
	
	color: #fff!important;				
	/*opacity: 0.7;	*/
	line-height:normal!important;
	
	background: #990033;
	/*border-left:3px solid #fff;*/
	top: 30%!important;
	left: 12%!important;
	width:340px;	
	padding:10px!important;
	height: 80px;
}
.media-summary{	
	color: #fff!important;	
	border-radius:0px;	
	line-height:normal!important;
	font-size: 13px;
		
	background: #580517;
	/*opacity:0.7;*/
	/*border-left:3px solid #fff;*/
	top: 52%!important;
	left: 12%!important;
	width:340px;
	padding:10px!important;
	height: 70px;
	overflow:hidden;
}
a.spotlight-more, a.spotlight-more:visited, a.spotlight-more:active{
    color:#999;
    text-decoration:underline;
}


/*spotlight style 2*/
.spotlight-style2 .media-title{
	background: #990134;
	opacity: 1;	
}
.spotlight-style2 .media-summary{
	background: #580517;
	opacity: 1;	
}

/*image slider - social responsibilities*/
.image-gallery-slider-withFig img, .image-gallery-slider-withFig canvas{
	width:100%!important;
}
.image-gallery-slider-withFig video{
	max-height:450px;
}
.image-gallery-slider-withFig figcaption{
	display:block;
	padding-top:5px;			
}
#video_container figcaption{
	margin-top:-4px;
}

.image-gallery-slider-withFig .gallery-slider-nav{
	bottom:70px;
}
.image-gallery-slider-withFig a:hover{
	text-decoration:none!important;
}

/*branches carousel*/
.branches-carousel h5{
	text-transform:capitalize;
	margin-bottom:5px;
}
.branches-sep{
	background: #F1F1F1;
    margin-top: 5px;
    padding: 10px 20px;
	width:100%!important;
}


/*events*/
.event-item{
	margin-bottom:30px;
}
.event-item p{
	margin-bottom:0.4em;
}
.event-item img{
	float:left;
	padding-top:10px;
	width:100%;
}
.event-item .map-link{
	margin-left:5px;
}
.event-item .map-link-details:after{
	content:"";
	clear:both;
	display:block;
}
.event-item .map-link-details i{
	float:left;
	margin:0 5px 0 10px;
}
.map-link-details i{
	margin:0 5px 0 0;
}
.location-map{
	float:left;
}
.event-date-box{
	width:100px;
	height:110px;	
	padding-top:10px;
	float:left;
}
.event-date-box span{
	display:block;	
}
.event-details-box{
	margin-left: 120px;
}
/*@media_queries.css*/

.event-category{
	padding-top:3px;
}

/*chairman*/
.photo-name-title span{
	display:block;	
	margin-bottom:10px;
}
.photo-name-title span.dots{
	display: inline-block;	
}
.photo-name-title span:first-child{	
	margin:15px 0 0 0;
}
.photo-name-title img{
	/*width:100%;*/
	border:1px solid #DDDDDD;
	/*margin:0 auto;*/
}
@media (max-width: 500px){
	.memeber-item{
		text-align:center;
	}
	.photo-name-title img{
		margin:0 auto;
	}
}
.memeber-item{
	margin-bottom:30px;
}
.main-boxes .memeber-item img{
	height: 200px;
    width: 150px;}

.memeber-item .social-link{
	min-height: 31px;
}
.memeber-item .social-link ul.social-icons li{
	background: transparent;	
	padding:0;
	margin: 0;
}
.memeber-item .social-link ul.social-icons li > div{
	font-size: 0;
}
.memeber-item .social-link ul.social-icons li a{
	background-color: #D4D4D4;
	margin-right: 2px;
}
.memeber-item .social-link ul.social-icons li:hover{
	background: transparent;
}
.memeber-item .social-link ul.social-icons li.twitter a:hover {
	background-color: #47c0d8;
}
.memeber-item .social-link ul.social-icons .facebook a:hover {
	background-color: #49699f;
}
.memeber-item .social-link ul.social-icons .youtube a:hover {
	background-color: #b72d24;
}
.memeber-item .social-link ul.social-icons .rss a:hover {
	background-color: #fe9900;
}
.memeber-item .social-link ul.social-icons .linkedin a:hover {
	background-color: #2c7cb7;
}
.memeber-item .social-link ul.social-icons .mail a:hover {
	background-color: #65a413;
}
.memeber-item .photo-name-title{
	background:#eee url('../../common/images/default/default_user.png') no-repeat center center; 
	min-width:150px!important;
	min-height:200px!important;
	border:1px solid #DDDDDD;
}

/*people*/
.ppl-item-cont{
	display: none;
}
.ppl-item h6{
	margin-bottom:2px;
}
.ppl-item .item-summary-js{
	min-height: 60px;
}
.ppl-item .job-position-js{
	min-height: 34px;
	content:"\A"; 
	white-space:pre;
}
/*branches*/
.header-dropcapcircle{
	margin-top:10px;	
	text-transform: none;	
}
.ppl-img{
	margin: 0 15px 10px 0;
}

/*services*/
.box-w-icon h4{
	min-height: 70px;
	margin-bottom: 0;
}
.box-w-icon p{
	min-height:100px;
}

/*partners*/
.col-xs-12 .preloader a img{
	margin:0 auto;
}
.awards-partners-container .project-meta{
	min-height:80px;
}

/*work environment*/
.work-env-cont h6{
	margin-top:10px;
}


/*side bar arrow*/
.side-bar-arrow{
	max-width:293px;
	min-width: 175px;
	margin:0;
	list-style-type:none;
}
.side-bar-arrow li{
	border-bottom:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	height:60px;
	width:95%;
	padding: 5px 0 0 10px;
}
.side-bar-arrow li:first-child{	
	border-top:1px solid #ebebeb;
}
.side-bar-arrow li a{	
	background:url('../../common/images/icons/ajax-nav-row.png') 95% 2px no-repeat;
	display:block;
	padding-right:21px;
}
.side-bar-arrow li:hover{
	background-color:#fafafa;
}
.side-bar-arrow li:hover a{
	text-decoration:none;
}
.side-bar-arrow li.active{
	border-right:none;
	border-bottom:none;
	width:100%;
    background-image: url("../images/backgrounds/side_arrow.png");
    background-position: right top;
    background-repeat: no-repeat;   
    display: inline-block;
    height: 40px;
    
    background-color:#960032;  
}

.side-bar-arrow li.active:first-child{
	border-top:none;
}
.side-bar-arrow li.active a{
	background:url('../../common/images/icons/ajax-nav-row.png') 92% -15px no-repeat;
}

/*custom dropdown*/
.custom-dpd{
	margin-bottom:10px;
	width:100%;
}
.btn-dpd{	    
    height: 30px;
    text-align: left;
    max-width:295px;
    width:100%;
    font-size: 12px;
	
    background-color: #960032;
}
.custom-dpd .dropdown-toggle{
	height:30px;		
	border:1px solid #ccc;
	background-color: #960032;
}
.custom-dpd.open .dropdown-toggle.btn-default{	
	background-color: #960032;
}
.custom-dpd .dropdown-toggle, .custom-dpd.open .dropdown-toggle{
	background:url('../images/icons/ajax-nav-row.png') 95% -32px no-repeat;
	background-color: #960032;	
}
.custom-dpd .dropdown-menu{
	border-radius:0;
	/*max-width: 200px;*/
    /*width:100%;*/
    margin:0;
}
.custom-dpd .dropdown-menu > li > a{
	padding: 3px 12px;
}


/*flexisel carousel*/
ul.flexisel-carousel, .flexisel-carousel li{	
	list-style-type: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;  
}
.nbs-flexisel-ul-btns{
	margin-top:35px;
}
.nbs-flexisel-inner {
	overflow: hidden;
	float: left;
	width: 100%;
	margin-bottom:8px;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	border:1px solid transparent;
}
.flexisel-item-cont{
	width:95%;
}
.nbs-flexisel-item img {
	cursor: pointer;
	position: relative;  
	width:100%;
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {	
	display:none;
	position: absolute;
	top: 5px!important;
	right: 10px;
	overflow: hidden;
	width: 21px;
	height: 21px;
	background-color: #373737;
	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;
}
	
.nbs-flexisel-nav-left { right: 33px; }
.nbs-flexisel-nav-right:after { background-position: right top; }

.nbs-flexisel-nav-left:after,
.nbs-flexisel-nav-right:after {
	position: absolute;
	width: 21px;
	height: 21px;
	background-image: url("../../common/images/icons/small-arrows.png");
	background-repeat: no-repeat;
	content: "";
}


.orange-tiles .nbs-flexisel-nav-left,
.orange-tiles .nbs-flexisel-nav-right{
	background-color: #888;
}
/*.orange-tiles .nbs-flexisel-nav-left:after,
.orange-tiles .nbs-flexisel-nav-right:after{
	background-image: url("../../common/images/icons/small-dark-arrows.png");
}*/
	
/*colored carousel*/
.carousel-colored h6{
	margin:0;
}
.carousel-colored h6 a{
	color: #fff;	
	padding:5px 10px;
}
.carousel-colored p{
	color:#fff;
	padding:0 10px 5px 10px;
}
.carousel-colored p *{
	color:#fff;
}
.carousel-colored img{
	border:none;
}
.carousel-colored li:nth-child(4n+1) h6, .carousel-colored li:nth-child(4n+1) p{
    background: #006a94;
}
.carousel-colored li:nth-child(4n+2) h6, .carousel-colored li:nth-child(4n+2) p{
    background: #4f7019;
}
.carousel-colored li:nth-child(4n+3) h6, .carousel-colored li:nth-child(4n+3) p{
    background: #dcb83e;
}
.carousel-colored li:nth-child(4n+4) h6, .carousel-colored li:nth-child(4n+4) p{
    background: #cc6733;
}
.row.main-boxes.non-list .flexisel-item-cont{
	margin:0;
	width:100%;
}

/*flexisel arrows fix*/
.portfolio-crsl .nbs-flexisel-container, .nbs-flexisel-ul-btns{margin-top:0}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right{top:-35px!important;}
	
/*side bar*/
.side-bar h6, .side-bar p{
	margin-bottom:5px;
}
.side-bar img{	
	max-height:60px;
}

.size-1-list img{
	min-height:160px;
	max-height:160px;
}
.size-2-list img{
	min-height:220px;
	max-height:220px;
	width:100%;
}
.size-3-list img{
	min-height:160px;
	max-height:160px;
	width:100%;
}

/*boxes numbered - branches*/
.numbered-boxes{
	margin-bottom:20px;
}
.boxes-space{
    margin-top:20px;
}
.space{
	margin-top:10px;
}

/*bootstrap columns SP*/
.xportal-col-sm-6 img{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;  
	width: 50%;
}
.xportal-col-sm-6 .ms-rtestate-write img{
	float:none;
	position:inherit;
}
.col-sm-12 .boxed-arr-list{
	float:left;
}
label.ms-ref-name.ms-displayInlineBlock.ms-ref-ellipsis{
	margin-bottom:0;
}

/*fixing SP issues*/
.ms-core-suiteLinkList *,
.ms-core-brandingText{
	color:#fff;
}
#ms-designer-ribbon, #ms-designer-ribbon *,
.ms-dlgContent, .ms-dlgContent *,
.ms-webpart-chrome-title, .ms-webpart-chrome-title *,
.IN-widget, .IN-widget *{	/*for apply with linkedin button issue */
	box-sizing:content-box!important;
	-moz-box-sizing:content-box!important;	
}

/*careers search*/ /*SP overrides*/
.IN-widget{
	float:left;	
	width: 19%;
}
.linkedIn-txt{
	float:left;
	border-left:1px solid #ddd;
	padding-left:20px;
	width: 78%;
	margin-left: 20px;
}
.xportal-override-sp  .ms-srch-sb{
    float:right;
}
.xportal-override-sp .ms-srch-sb > input{
	min-width:200px;
	display: inlione-block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ebebeb;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
			transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.xportal-override-sp .ms-srch-sb-searchLink{
	height:25px;	
	margin:5px;
}
.ms-ToolPaneOuter{
	position:absolute;
	top:1%;
	right:2%;
	z-index:1500;
}
.ms-cui-tabContainer, .ms-designer-ribbon {z-index: 20}
input[type="file"]{padding: 0px;}
input[type="file"]:focus{border: 1px red dotted}
/*content fields style*/
span.ms-formfieldlabel{display:block;margin:10px 2px;}
div.ms-rte-border-field.ms-rte-border:hover, .ms-formfieldvaluecontainer{margin:0px!important;border:1px #ccc solid; padding:6px;}
input[type="password"], input[type="text"], input[type="file"], select, textarea, .sp-peoplepicker-topLevel, .sp-peoplepicker-topLevelDisabled, .sp-peoplepicker-autoFillContainer, .ms-inputBox{background-color: #fcfcfc}
h2.ms-webpart-titleText span{margin-bottom: 15px;margin-top: 6px}

/*SP edit mode*/
.x-EditMode{border: 1px #ffb040 dashed; margin: 3px; padding:5px;background-color: #fff3e1;}
.x-EditMode .row img {width:auto!important}

/*for responsive images*/
.col-xs-1 img, .col-xs-2 img, .col-xs-3 img, .col-xs-4 img, .col-xs-6 img, .col-xs-12 img,
.col-sm-1 img, .col-sm-2 img, .col-sm-3 img, .col-sm-4 img, .col-sm-6 img, .col-sm-12 img,
.col-md-1 img, .col-md-2 img, .col-md-3 img, .col-md-4 img, .col-md-6 img, .col-md-12 img{
	/*max-width:100%;*/
	display: block;
	height: auto;
}
.doc-icon-cell img{
	width:auto;
}
/*sharepoint styles*/
#s4-bodyContainer{
	min-height:300px;	
}
#s4-workspace{
    height:100%;
}
#Paging{
	list-style-type:none;
	margin:0 auto!important;
	display:block!important;
}
.full-width-input{
	width:100%!important;
}

/*############## pagination ###############*/
.list-pagination{
	margin-top:20px;
}
.list-pagination ul{  
	border-radius: 4px;
}

.list-pagination ul li {
	float: left;
}

.list-pagination ul > li > a{
	position: relative;
	float: left;
	padding: 6px 12px!important;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	background-color:#b2b2b2;
	color:#fff!important;
}
.list-pagination ul .page-next,.list-pagination ul .page-prev{}
.list-pagination  a#PageLinkPrev, .list-pagination a#PageLinkNext {background-color: #fff; margin: 0px 1px;}

.list-pagination ul #PagingSelf > a, .list-pagination ul #PagingSelf > span{
	background-color: #3A89C9;
}
.list-pagination ul > li > a:hover,
.list-pagination ul > li > a:focus {
	text-decoration: none;
	background-color: #fd9345;
}
/*pagination in the search page*/
.search-pagination a#PageLinkPrev{
	margin-top:1px;
}
.search-pagination li{
	margin-bottom:10px;
}
/*error msg style when hidden*/
.error.ms-hidden{
	padding:0
}
.error.no-close .alert-close{
	display:none;
}

/**/
.media-data{
	margin-top: 50px;
    padding: 50px 10px 5px;
    position: relative;
	background:#333;
}
.media-data h2, .media-data p{
	position:relative;
	z-index: 9999;
}
.ls-media-data{
	width:100%!important;	
}
.ls-media-data *{	
	position:relative;
	z-index:999;
}
.ls-media-data h2{
	padding:10px 0 0  10px;
}
.ls-media-data p{
	padding-left:10px;
}
.media-data-overlay{
	background:#000;
	opacity:0.5;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:20;
}
.mediaViewer .ls-inner{
	background-color:#fff!important;
	background-image:none!important;
}
.mediaViewer{
	margin-bottom:100px;
}


/*add this icons*/
.news-details .default-date{ 
	float:left;
}
.addThis-social-icons{
	width:auto;
	float:right;
	margin:0;
}
.addThis-social-icons .addthis_toolbox{
	float:left;
}
.addthis-lightbox{
	float:right;
	margin-top:10px;
}

/*maps*/
#xMap, #Bing-Map-Container{
	display: block;
	width: 100%;
	height:100%;
	min-height:300px;  
	margin: 5px auto 25px auto;
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 5px #ccc;
	box-shadow: 1px 1px 5px #ccc;
}

#Bing-Map-Container thead[id*='js-listviewthead'],#Bing-Map-Container div[id*='cardsContainer']{
	display:none;
}
#Bing-Map-Container table table td{
	width:auto!important;
	/*height: 450px!important;*/
}
#Bing-Map-Container table table td:first-child{
	width:0px!important;
}
#Bing-Map-Container table .MicrosoftMap{
    /*min-height:100%;
    min-height:300px;  */
}
a.ms-pushpin div
{
    display:none;
    }

/*careers job*/
.job-info{padding: 10px; line-height: 25px; background-color: #f6f6f6;  border: 1px #eee solid;margin-bottom: 10px}
.job-info span{font-weight: bold; padding-right: 5px}
.job-info-box div div{display: inline;}


/**/
.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 5px 0 3px;
	display: inline;
}
.header-langs td, .table-body-langs .form-control.radio-list td{
	width:33%;
	text-align: center;
}

.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:0 7px;
}
.mandatory-astrisk{
	color: red;
}
/**/
.grouped-radio-table{
	width: 100%;
}
.grouped-radio-table tr td:first-child{
	width: 40%;
}
.grouped-radio-table label{
	display: inline;
}
.grouped-radio-table .FormOfEngagementSubClass{
	border: 1px solid #eee;
    margin-top: 6px;
    padding: 5px;
}

.form-validator{
	color: red;
}
/**/
.grouped-chk-forms .form-group .control-label{
	color: #333;
    font-family: open_sanssemibold;
}
.grouped-chk-forms .form-group .col-sm-8{
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
/*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 .form-control:-moz-placeholder {color: red;}
#xPortalForm .form-control::-moz-placeholder{color: 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: 'open_sansbold';font-size:13px;}

/*dots trimming style*/
.dots{
	margin:0!important;
}
span.dots{
	display:inline-block;
}

/*summary multi text fix*/
.summary-field-js{
    width:100%!important;
}

/*hidden in AR*/
.arabic-display{
	display:none;
}
.x-hide{
	display:none;
}

/*title used in JS*/
.xTitle-js{
    display:block;
}

/*div having <p> style*/
.div-p{
	margin: 0 0 10px;
	line-height:20px;
}
/*alignment*/
.center-alignment a{
    text-align:center;
}

/*non-list ul*/
.non-list{
	margin:0;
	padding:0;
	list-style-type: none;
}
/*.non-list li:first-child{
	padding:0;
}*/

/*CSWP*/
.ms-webpart-zone,
.ms-webpart-cell-vertical,
.ms-webpart-chrome-vertical{
	display:block;
	margin:0;
}

.refine-container{
	position:relative;
}

.refine-container #Container{
	margin:0;
	padding: 10px;
	position:absolute;
	right:-15px;
	background:#eee;
}		

/*header with Icon*/
h2.header-with-icon{	
	padding-left: 60px;
	min-height: 50px;
	
}
.header-with-msg-icon{
	background: url('../../common/images/xportal/icons/msg_icon.png') no-repeat left top;	
	
}
.header-with-upates-icon{
	background: url('../../common/images/xportal/icons/news_icon.png') no-repeat left top;	
	padding-top:12px;
}

/* ---------------------------------------------------------------------- */
/*	fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license
--------------*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	/*min-width: 100%;
	min-height: 100%;*/
	width: 100%;
	height: 100%;
}
.fancy-auto-height{
	height: auto;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url("../../common/images/fancybox/fancybox_sprite.png");
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url("../../common/images/fancybox/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	/*width: 40%;*/
	width:50px;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url("../../common/images/fancybox/blank.gif"); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	/*left: 0;*/
	left: -45px;
	
}

.fancybox-next {
	/*right: 0;*/
	right:-45px;
	
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	/*visibility: hidden;*/
	opacity: 0.2;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
	opacity:1;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: visible !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url("../../common/images/fancybox/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	/*font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;*/
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-title h1{
	margin-top:10px;
	margin-bottom:0px;
	clear:both;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-bottom: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
/*@media_queries.css*/

.x-EditMode .mandatory-img img{
    width:auto!important;
}

/*owl carousel*/
.owl-sync2{
	border-top: 1px dashed #959595;
	border-bottom: 1px dashed #959595;
	padding: 5px 0;
}
.owl-sync2 .owl-item{
	border-right:1px dotted #959595;
	padding: 10px 10px;
}
.owl-sync2 h6{
	margin-bottom:0;
}
.owl-sync1 .nbs-flexisel-nav-left, .owl-sync1 .nbs-flexisel-nav-right{
	display:block;
	margin-top:-40px; 
}
.owl-item.synced{
	background:#f8f8f8;
}


/* ---------------------------------------------------------------------- */
/*	Owl Carousel Combined CSS
----------------------------*/
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	/*display: none;*/
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url('../../common/images/icons/grabbing.png') 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}



/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.2
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url('../../common/images/icons/AjaxLoader.gif') no-repeat center center
}

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}


/*
  Docs at http://http://simpleweatherjs.com

  Look inspired by http://www.degreees.com/
  Used for demo purposes.

  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons
*/

#weather {    
	text-align: center;
	text-transform: uppercase;
	float: right;	
	padding: 5px 5px 0 5px;
	height: 60px;
}

.weather-deg, .weather-txt{
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

.weather-deg {   
	color: #fff;
	font-size: 16px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	padding: 6px 10px;
	vertical-align: top;
}
.weather-txt{
	color:#333;
	font-size:12px;
	text-transform: none;
	display:block;
}


#weather ul {
  margin: 0;
  padding: 0;
}

#weather li {
  background: #fff;
  background: rgba(255,255,255,0.90);
  padding: 20px;
  display: inline-block;
  border-radius: 5px;
}

#weather .currently {
  margin: 0 20px;
}


/*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: 12px;
	color: #0072C6;
}
.main-dfwp-list > .level-section >.level-header .headertitle a{
	font-weight: bold;
	color: #333;
}
.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("../../common/images/xportal/icons/square_bullets.gif");
    background-position: left 3px;
    background-repeat: no-repeat;
    border-color: inherit;
    border-style: none;
    border-width: 0;
    padding-left: 10px;
    padding-right: 0;
    vertical-align: top;
}
@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%;}	
}


/**/
#s4-bodyContainer{
	width:100%!important;
}
#sideNavBox{
	margin:0;
	width:100%;
}

/*** left side navigation style ***/
/*.side-navigation {background-color: rgba(255,255,255,0.5);}*/
.side-navigation{
	/*border-bottom: 1px solid #eee;*/
    border-right: 1px solid #eee;
    margin: 15px 0;
	/*min-height: 435px;*/
}
#sideNavBox ul {margin:0px ;padding:0px;background:#fff;}
#sideNavBox ul li a{ padding:8px 0px;background-color: #dddddd ; margin-bottom:1px;}/*url("../../en-us/images/backgrounds/left_nav_arrow_level_one.jpg") no-repeat 10px 11px*/
#sideNavBox ul li a:hover{background:#eee;}
#sideNavBox ul li a span{color:#98012e;  padding-left:6px;display:block}
#sideNavBox ul li ul{display:none;}
#sideNavBox ul li.selected > a {background-color: #960032;}
#sideNavBox ul li.selected > a span{color: #fff;}
#sideNavBox ul li ul li a{border-top: 1px solid #eee;background-color:#fff;}/*url("../../en-us/images/backgrounds/left_nav_arrow_level_two.jpg") no-repeat 20px*/
#sideNavBox ul li ul li:first-child a {border: medium none;}
#sideNavBox ul li ul li a span{color:#373737; margin-left:10px; padding-left:2px;}
#sideNavBox ul li ul li ul li a{padding-left:10px;background-color: #fff;}/*url("../../en-us/images/backgrounds/left_nav_arrow_level_three.jpg") no-repeat 30px */
#sideNavBox ul li ul li ul li a span{color:#888888; margin-left:10px; padding-left:2px;}
#sideNavBox ul li.father li.father > a.menu-item{background-color:#ddd;}
#sideNavBox ul li.father li.father.selected > a.menu-item{background-color:#960032;}
/*#sideNavBox ul li.father > a{
	display: inline-block;
	width: 80%;
}
#sideNavBox ul li.father a.collapsable-ico{
	width:20%;
	text-align:right;
	background:#eee;
	padding: 6px 10px 2px 0;
	cursor: pointer;
	border: none;
}
#sideNavBox ul li.father a.collapsable-ico:hover{
	text-decoration: none;
}
#sideNavBox ul li.father a.collapsable-ico:after{
	content: ' ';
	clear:both;
}
#sideNavBox ul li.father a.collapsable-ico i:before{
	color: #666;
	font-size:14px;
	padding-bottom: 5px;
}*/


/*** landing page one style ***/
.clear-margin{margin:0px;}
.clear-padding-lr{padding-left:0px;padding-right:0px;}
.fluid-img {position:relative;}
.fluid-img img{max-width:100%;min-width:100%; width:100% ;}
.x-EditMode .row .fluid-img img{ width:100%  !important;}
.related-info-box{position:absolute;right:66px; float:right; /*border:3px solid #fff*/; background:#990033; top:100px; padding:0px;}
.related-info-box a:link,.related-info-box a:hover,.related-info-box a:visited{color:#fff; text-decoration:none; font-size:13px;}
.related-info-box .related-info-box-heading{ font-size:20px; font-family:'open_sanssemibold'; background:#580517; padding:16px 10px 30px 10px; text-align:left;}
.related-info-box-heading a:link,.related-info-box-heading a:hover,.related-info-box-heading a:visited{font-size:20px; font-family:'open_sanssemibold';text-transform: uppercase; }
.related-info-box-description{padding:10px;}
.link-caption-cnt{position:relative;}
/*** landing page two style ***/
.caption-style2,.caption-style1{ position:absolute;background-color: rgba(0,0,0,0.5);}
.caption-style2 a:link,.caption-style2 a:hover,.caption-style2 a:visited,.caption-style1 a:link,.caption-style1 a:hover,.caption-style1 a:visited{ color:#fff;text-decoration:none;text-transform: uppercase;  font:14px "open_sanssemibold"; }
.caption-style1{ bottom:0px;padding:5px 9px; width:100%;}
.caption-style2{ top:0px;padding:5px;width:100%}
.mg-top-10{margin-top:10px;}
.landing-main-content *{font-size:14px;}

@media (max-width: 768px)  {
	.related-info-box{
		position:relative;
		right: 0;
		top: 0;
		width: 100%;
	}
}

/**/
.ls-borderlessSqdark3d .ls-nav-prev {
	background-position: 0px 0px;
}

.ls-borderlessSqdark3d .ls-nav-prev:hover {
	background-position: 0px -70px;
}
.ls-borderlessSqdark3d .ls-nav-next {
	background-position: -130px 0px;
}

.ls-borderlessSqdark3d .ls-nav-next:hover {
	background-position: -130px -73px;
}
.ls-borderlessSqdark3d .ls-nav-prev {
	left: 0;
}
.ls-borderlessSqdark3d .ls-nav-next {
	right: 0;	
}

#ctl00_ctl35_g_f22b547c_18a3_4890_b346_9d25b0b41c93_csr .acc-container
{
text-align: justify;
}
/*======MYDI Style Starts=================*/
.dihead {
    color: #ccc;
}

 ul.cssMenu, ul.cssMenu ul {
            list-style: none;
            margin: 0;
            padding: 0;
            position: relative;
        }

            /*Style for 1st level menu header*/
            ul.cssMenu li {
                position: relative;
                float: left;
                zoom: 1; /*Needed for IE*/
                
            }

                ul.cssMenu li:hover {
                    
                }

                ul.cssMenu li a {
                    /*Menu link styles*/
                    display: block;
                    padding: 5px;                    
                }

ul.cssMenu li a:hover {
                    color: #ccc;                
                }

            /* Building menu items - for 2nd and more level menu items*/
            ul.cssMenu ul {
                display: none; /*initially menu item is hidden*/
                position: absolute; /*absolute positioning is important for menu to float*/
                width: 150px;
                /*Formating of menu items*/
                padding: 1px;
                background: #ccc;
                /*optional - to change position of 2nd level menu item*/
                top: 100%;
                left: 0;
            }

                ul.cssMenu ul li {
                    background: #F5F5F5;
                    color: #000;
                    border-bottom: 1px solid #DDDDDD;
                    float: none;
                }

                    ul.cssMenu ul li a {
                        width: 100%;
                        display: block;
                        color: #000000;
                    }

                /* Menu item position for 3rd level and more */
                ul.cssMenu ul ul {
                    left: 100%;
                    top: 0;
                }

            /* Hover effect for menu*/
            ul.cssMenu li:hover > ul {
                display: block;
            }

.lang-switcher{
margin-left: 20px;
}

/*======MYDI Style Ends=================*/

.col-sm-4a {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 70%;
}