/* ========================================================================= */
/* !FONTS (@fontface generated with FontSpring Syntax formatting */
/* ========================================================================= */

/*  @font-face {
	font-family:  'MyFontFamily';
	src:  url('myfont-webfont.eot?') format('eot'),
	     url('myfont-webfont.woff') format('woff'),
	     url('myfont-webfont.ttf')  format('truetype'),
	     url('myfont-webfont.svg#svgFontName') format('svg');
	; } */



/* != Open Sans ====================================== */

@font-face { font-family: 'OpenSans';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light-webfont.woff') format('woff'), url('fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 300; font-style: normal;}

@font-face { font-family: 'OpenSans';
    src: url('fonts/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'), rl('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: 300; font-style: italic; }

@font-face {  font-family: 'OpenSans';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: 400; font-style: normal; }

@font-face { font-family: 'OpenSans';
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Italic-webfont.woff') format('woff'), url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: 400; font-style: italic; }

@font-face { font-family: 'OpenSans';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: 500; font-style: normal; }

@font-face { font-family: 'OpenSans';
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: 500; font-style: italic; }

@font-face { font-family: 'OpenSans';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: 600; font-style: normal; }

@font-face { font-family: 'OpenSans';
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: 600; font-style: italic; }

@font-face { font-family: 'OpenSans';
    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: 700;  font-style: normal; }

@font-face { font-family: 'OpenSans';
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: 700; font-style: italic; }


/** PlayFairDisplay **/
@font-face {
    font-family: 'playfair_display';
    src: url('fonts/playfairdisplay-regular-webfont.eot');
    src: url('fonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/playfairdisplay-regular-webfont.woff') format('woff'),
         url('fonts/playfairdisplay-regular-webfont.ttf') format('truetype'),
         url('fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'playfair_display';
    src: url('fonts/playfairdisplay-italic-webfont.eot');
    src: url('fonts/playfairdisplay-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/playfairdisplay-italic-webfont.woff') format('woff'),
         url('fonts/playfairdisplay-italic-webfont.ttf') format('truetype'),
         url('fonts/playfairdisplay-italic-webfont.svg#playfair_displayitalic') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'playfair_display';
    src: url('fonts/playfairdisplay-bold-webfont.eot');
    src: url('fonts/playfairdisplay-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/playfairdisplay-bold-webfont.woff') format('woff'),
         url('fonts/playfairdisplay-bold-webfont.ttf') format('truetype'),
         url('fonts/playfairdisplay-bold-webfont.svg#playfair_displaybold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'playfair_display';
    src: url('fonts/playfairdisplay-bolditalic-webfont.eot');
    src: url('fonts/playfairdisplay-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/playfairdisplay-bolditalic-webfont.woff') format('woff'),
         url('fonts/playfairdisplay-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/playfairdisplay-bolditalic-webfont.svg#playfair_displaybold_italic') format('svg');
    font-weight: 600;
    font-style: italic;
}

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

}

@font-face {
    font-family: 'playfair_display_black';
    src: url('fonts/playfairdisplay-blackitalic-webfont.eot');
    src: url('fonts/playfairdisplay-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/playfairdisplay-blackitalic-webfont.woff') format('woff'),
         url('fonts/playfairdisplay-blackitalic-webfont.ttf') format('truetype'),
         url('fonts/playfairdisplay-blackitalic-webfont.svg#playfair_display_blackitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}


/* ========================================================================= */
/* !UNIVERSAL STYLES */
/* ========================================================================= */

	* { margin: 0; padding: 0; }
	html, body { min-width: 960px; }
	body { background: #aaa; font: 400 14px/19px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #424242; } /* 2013/04/03 edit */
	p { color: #3d3f40; padding-bottom: 14px; }
	a:hover { color: #a88648; }




/* ========================================================================= */
/* !NAV STYLES */
/* ========================================================================= */






/* ========================================================================= */
/* !FORM STYLES */
/* ========================================================================= */

/* != PLACEHOLDER STYLES = input or textarea - placeholder="whatever" ===== */
    ::-webkit-input-placeholder {  }
    :-moz-placeholder {  }

	form {  }
	form ul { margin: 0; }
	form ul li { background: none; padding: 5px 0; list-style: none; }
	form ul li div { display: inline-block; vertical-align: top; }
	form ul li ul li { padding: 0; }
	label { width: 150px; line-height: 25px; }
	input[type=text] { width: 250px; padding: 0 5px; line-height: 25px; height: 25px; }
	textarea { width: 250px; height: 100px; padding: 5px; }
	select { width: 260px; }
	input[type=submit] { display: inline-block; cursor: pointer; }
	input[type=submit]:hover {  }


/* .wrapper { width: 1200px; margin: 0 auto; position: relative ; overflow: hidden; } */

/** Jan 28, 2013 - Umesh **/
.centered { width: 990px; margin: 0 auto; }
.button-more { display: inline-block; padding: 3px 12px 0; font: 400 14px/34px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #fff; text-transform: uppercase; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.26); background: #898B8D; background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(255,255,255,0.16)), to(rgba(0,0,0,0.16))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.16), rgba(0,0,0,0.16)); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.16), rgba(0,0,0,0.16)); background-image: -o-linear-gradient(top, rgba(255,255,255,0.16), rgba(0,0,0,0.16)); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.16), rgba(0,0,0,0.16)); background-image: linear-gradient(to bottom, rgba(255,255,255,0.16), rgba(0,0,0,0.16)); }
.button-more:hover { background: #b6924c; border: 1px solid #c19852; box-shadow: inset 2px 2px 1px #aa8847; }

#header { height: 230px; background: url('/ui/images/group-bg_header-4.png') no-repeat 50% 0; }
#header .hc-right { width: 692px; }
.header-bgs { position: relative; z-index: 1; }
.header-content { position: relative; z-index: 2; top: -145px; }
#header .bg-white { width: 34%; height: 145px; float: left; background: #fff; }
#header .bg-gray { width: 66%; min-height: 78px; max-height: 145px; float: right; background: #aaa url(/ui/images/nav-bg.png) repeat-x 0 0; }
/* #header #logo { position: relative; z-index: 2; padding-left: 0; margin: 0; left: 0; } */
#logo { width: 246px; float: left; background: none; padding: 14px 0 0 0; margin-left: 52px; transform: skew(30deg); -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -ms-transform: skew(30deg); -o-transform: skew(30deg); }
#logo a { width: 202px; height: 116px; background: url(/ui/images/logo-group-new.png) no-repeat 0 0; background-size: 145px; display: block; text-indent: -9999px; transform: skew(-30deg); -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -ms-transform: skew(-30deg); -o-transform: skew(-30deg); }
#header .hc-right { display: none; height: 210px; /* margin-left: -42px; */ float: left; position: relative; z-index: 1; /* background: #aaa url(/ui/images/nav-bg.png) repeat-x 0 0; */ transform: skew(30deg); -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg); -ms-transform: skew(30deg); }

	/** Main Nav **/
	#main-nav { width: auto; float: none; padding: 0; margin-left: 23px; transform: skew(-30deg); -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg); -ms-transform: skew(-30deg); }
	#main-nav .investor-login { display: inline-block; float: right; font: 400 13px/20px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #FFF;  text-transform: uppercase; margin: 11px 0 0; position: relative; z-index: 700; }
	#main-nav .investor-login:hover { color: #d5c5af; }

	#main-nav #search { height:51px; width:80px;  float:right; position:relative; }
	#main-nav #search #search-icon { display:block; height:51px; width:80px; position:relative; z-index:500; background:url('/ui/images/icon_search.png') no-repeat 32px 15px; }
	#main-nav #search #searchbar { position:absolute; top:0px; right:-30px; z-index:300; display:none; width:288px; height:98px; background:url('/ui/images/bg_search.png') no-repeat; }
	#main-nav #search #searchbar form { width:202px; position:relative; top:60px; left:35px; }
	#main-nav #search #searchbar form label { position:absolute; top:1px; left:8px; font:12px/30px 'OpenSans'; color:#888888; }
	#main-nav #search #searchbar form label.error  { top:35px; color:#a21817; }
	#main-nav #search #searchbar form #s { background:#e5e5e5; border:1px solid #c1c1c1; box-shadow:none; width:137px; height:27px; font:12px/30px 'OpenSans'; color:#888888; padding:0 56px 0 7px; }
	#main-nav #search #searchbar form #searchsubmit { position:absolute; top:0px; right:0px; border: none; border-radius: 2px; padding: 0 18px 0 10px; margin: 2px 2px 0 0; text-transform: uppercase; color: #adbdc9; font-size: 12px; background:  #0f3062 url('/ui/images/icon_search.png') no-repeat -167px 4px; height: 25px; width: 45px; }
	#main-nav #search #searchbar form #searchsubmit:hover { color:#fff; background-position:-217px 4px; }
	#main-nav #search:hover #search-icon { background-position:-50px 15px; }
	#main-nav #search:hover #searchbar { display:block; }

	#main-nav ul { float: left; position: relative; }

	#main-nav ul li { float: left; height: 42px; }
	#main-nav ul li a { position: relative; transform: skew(30deg); -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -ms-transform: skew(30deg); -o-transform: skew(30deg); display: block; padding: 11px 20px 2px; font: 400 14px/19px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #fff; background: none; }
	#main-nav ul li a span { font: 400 14px/19px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #fff; text-transform: uppercase; transform: skew(-30deg); -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -ms-transform: skew(-30deg); -o-transform: skew(-30deg); display: block; padding-bottom: 10px; }
	#main-nav ul li.current-menu-item { }

	#main-nav ul li:hover a { z-index: 9999; background: #FFF; color: #B98F36; }
	/* #main-nav ul li:hover a, */
	#main-nav ul li.current-menu-item a,
	#main-nav ul li.current-menu-ancestor a { background: #FFF; z-index: 9996; color: #B98F36; }

	#main-nav ul li:hover li,
	#main-nav ul li:hover li a { height: auto; }

	#main-nav ul li:hover a span { background: none; color: #B98F36; }
	#main-nav ul li.current-menu-item a span,
	#main-nav ul li.current-menu-ancestor a span { background: none; color: #B98F36; }
	#main-nav ul li ul { width: 724px; float: none; position: absolute; left: 21px; top: 100%; transform: skew(30deg); -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -ms-transform: skew(30deg); -o-transform: skew(30deg); padding: 25px 0 25px 36px; display: none; }
	#main-nav ul li:hover ul {display: block; z-index: 9995;background: #776856;}
	#main-nav ul li.current-menu-item ul,
	#main-nav ul li.current-menu-ancestor ul { display: block; z-index: 9995;background: #051938; }
	#main-nav ul li:hover ul { z-index: 9997; }
	#main-nav ul li ul li { height: auto; transform: skew(0deg); -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -ms-transform: skew(0deg); -o-transform: skew(0deg); border-left: 1px solid #565759; }
	#main-nav ul li ul li:first-child { border: none; }
	#main-nav ul li ul li a { height: auto; transform: skew(-30deg); -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -ms-transform: skew(-30deg); -o-transform: skew(-30deg); margin: 0 20px; color: #a0a3a5; padding: 0; }
	#main-nav ul li ul li.current-menu-item a { border-bottom: 2px solid #898b8d; color: #fff; }
	#main-nav ul li ul li a:hover { color: #fff; }
	#main-nav ul li.current-menu-item ul li a { background: none; }
	#main-nav ul li.current-menu-item ul li,
	#main-nav ul li.current-menu-ancestor ul li { border-color: #354b76; }


/** Sub Site List **/
#sub-sites { transform: skew(-30deg); -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -ms-transform: skew(-30deg); -o-transform: skew(-30deg); overflow: hidden; margin-left: -30px; }
    #sub-sites li { width: 200px; float: left; padding: 20px 20px 0;  height: 168px; }
    #sub-sites li.sub-two-column {     width: 460px;
    padding: 20px 0 0 20px; }
    .sub-two-col-list-wrap{ position: relative; }

    
    .sub-two-col-list-wrap > div { width: 49%; display: inline-block; vertical-align: top; box-sizing: border-box; }
    .sub-two-col-list-wrap > div:first-child {     margin-right: 1.5%; border-right: 1px solid #385174; padding-right: 1.5%;}

    .sub-two-col-list-wrap > div:last-child { width: 47%; }
    #sub-sites li h4 { font: 400 normal 19px/26px "playfair_display", serif; color: #DEB863; display: block; border-bottom: 1px solid #385174; padding-bottom: 5px; margin-bottom: 10px; }
    #sub-sites li p { font: 400 13px/20px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #FFF; }
    #sub-sites li a { font: 400 13px/20px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #deb863; text-transform: uppercase; display: block;}
    #sub-sites li a { font-size: 12px; }
   /* #sub-sites li:hover { background: #03193A; background: rgb(3,25,58); background: rgba(0,0,0,.1); }*/
    #sub-sites li a:hover { color: #FFF; }

/** Home Content **/
.home-content { padding: 50px 0 0; }
.home-content .slogan { display: none; }
	.slogan .slogan-bg { width: 50%; /* float: right; */ background: #9f8b70; min-height: 70px; position: relative; z-index: 1; left: 50%; right: 0; display: none; }
	.slogan .centered { position: relative; z-index: 2; margin-top: -70px; }
	.slogan .slogan-text { background: #9f8b70; min-height: 70px; margin: 0 0 0 -40px; transform: skew(30deg); -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg); -ms-transform: skew(30deg); }

.overview-quote-holder { background: none !important; }
.overview-quote-holder .overview { width: 430px !important; float: left; padding: 0; margin-left: 50px; }
.overview-quote-holder .quotation { width: 340px; }
.overview-quote-holder .overview p { font: 400 normal 50px/60px "playfair_display", serif; }
		.quotation blockquote { font: 400 16px/25px "playfair_display", serif; color: #646c78; position: relative; padding: 5px 0 0 15px; }
		.quotation blockquote p { color: #646c78; position: relative; z-index: 2; }
		.quotation blockquote .icon-quote { width: 25px; height: 21px; display: block; position: absolute; left: 0; top: 0; background: url(/ui/images/quote.png) no-repeat 0 0; z-index: 1; }
		.quotation .citation,
		.citation { overflow: hidden; margin: 20px 0 0 15px; }
		.quotation .citation li,
		.citation li { display: inline; float: left; padding: 5px 0 5px 25px; margin: 0; border-left: 1px solid #ddd; font: 400 13px/18px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; text-transform: uppercase; color: #646c78; }
		.quotation .citation li:first-child,
		.citation li:first-child { padding: 5px 25px 5px 0; margin: 0 -1px 0 0; border: none; border-right: 1px solid #ddd; }
		.quotation .citation li strong,
		.citation li strong { display: block; font: 600 13px/18px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #0f3062; }

		.contact h3 { font:18px 'playfair_display', serif; color:#9f8b70; border-bottom:1px solid #e7e7e7; padding:10px 0 2px }
		.contact .co-name { font:bold 16px 'OpenSans', Arial, Helvetica, sans-serif; color:#0f3062; padding:18px 0 0 0; }
		.contact .details { float:left; font:14px/18px 'OpenSans', Arial, Helvetica, sans-serif; color:#535353; padding:5px 0 0; width:160px; }
		.contact .details a { color:#143161; text-decoration: underline; }
		.contact .details a:hover { color:#a88648; }


/** Content **/
#content { min-height: 600px; padding: 18px 0 40px; /* background: #e1e0db url(/ui/images/body-bg.jpg) no-repeat top center; background-size: cover; padding-top: 116px; margin-top: 52px; */ }
#content .main-title { font: 400 44px/48px "playfair_display", serif; color: #FFF; padding: 5px 0 15px; }
#content .sub-title { color: #231f20; font: 400 24px/32px "playfair_display",serif; display: block; padding-bottom: 16px; width: 330px; position: absolute; }
#content .page-content { margin-left: 350px; }
#content table { width: 100%; }

	/*start of container*/
	.container { background: rgba(5,25,56,0.90); padding-left: 132px; margin-top: -1px; overflow: hidden; }
	.container p { font: 400 18px/26px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #fff; }
	.left-content { width: 336px; float: left; padding: 36px 0; }
	.right-content { width: 496px; float: right; background: #fff; transform: skew(30deg); -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -ms-transform: skew(30deg); -o-transform: skew(30deg); padding: 32px 118px 32px 100px; margin-right: -69px; position: relative; }
	/*end of container*/

	/** Left Block **/
	.left-block { float: left; width: 565px; margin-bottom: 4px; }
	.left-container { background: #fff; padding: 30px 36px 30px; position: relative; overflow: hidden; }
	.left-container h2 { color: #231f20; font: 400 24px/28px "playfair_display",serif; padding: 10px 0;}

	.left-container h4 { color: #0f3062; font: 600 16px/28px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; padding: 10px 0;}

	.left-container ul,
	.left-container ol { padding-bottom: 10px; }
	.left-container li { margin: 0 0 13px; padding: 0 0 0 20px; }
	.left-container ul li { list-style: none; background: url(/ui/images/sprite.png) no-repeat -392px -97px; }
	.left-container ol li { list-style: decimal; padding: 0; margin: 0 0 13px 20px; }
	.left-container li ul,
	.left-container li ol { margin: 10px 0 20px 20px; padding: 0; }
	.left-container li li { background: none; margin-left: 0; padding-left: 0; }
	.left-container li ul li { list-style: disc outside none; }
	.left-container li ol li { list-style: decimal outside none; }

	.left-container a { color: #0f3062; }
	.left-container a:hover { color: #a88648; text-decoration: underline; }

	.left-container hr { height: 0; border: 2px solid #EBEBEB; margin: 15px 0 30px; }

	.left-container .quotation { margin: 0 0 15px; }
	.left-container .quotation .citation { margin-top: 0; }
	.left-container .quotation .citation li { border: none; background: none; }

	/* .left-container #contact-map { width:500px; height:285px; } */

		.two-col-title {}
		.two-col-title .main-title { float: left; }
		.two-col-title .links { float: right; margin: 0; padding: 5px 0 0; }
		.two-col-title .links li { /* display: inline; float: left; */ background: none; list-style: none; }
		.two-col-title .links li a { color: #6e7173; font: 400 18px/21px "playfair_display",serif; background: url(/ui/images/case-arrow.gif) no-repeat right 6px; padding-right: 16px; }
		.two-col-title .links li a:hover { color: #bf9b5b; background: url(/ui/images/case-arrow.gif) no-repeat right -39px; }
		.two-col-title .links.block-links { padding: 0; }
		.two-col-title .links.block-links li { display: block; float: none; margin: 5px 0; }

	/** Right Container **/
	.right-container {}

		/** Quote **/
		.quote { color: #646c78; font: 400 16px/25px "playfair_display",serif; background: url(/ui/images/quote.png) no-repeat 0 0; padding: 8px 0 0 24px; margin-bottom: 9px; }
		.quote-imageholder { background: #fff; border: 1px solid #dbdbdb; width: 320px; margin: 0 auto 52px; position: relative; }
		.quote-imageholder .citation { overflow: hidden; padding: 2px 0; margin: 0; }
		.arrow { background: url(/ui/images/sprite.png) no-repeat 8px -124px; position: absolute; top: -13px; left: 0; height: 13px; width: 34px; }
		.quote-imageholder .citation li { float: left; /* width: 118px; */ border-left: 1px solid #ddd; line-height: 44px; padding: 5px 16px; }
		.quote-imageholder .citation li:first-child { border: none; line-height: normal; }
		.quote-imageholder .citation li a img,
		.quote-imageholder .citation li .cite { display: inline-block; vertical-align: middle; line-height: normal; }

	.header-single { overflow: hidden; }
	.header-single img { float: right; margin: 20px 0 0; }
	.header-single .hs-left { margin: 0 250px 0 0; }

		/*
.view-case { display: inline-block; padding-top: 14px; vertical-align: top;  }
		.view-case a {  }
		.view-case a:hover {  }
*/


	/** Buttons **/
	.load-more,
	.load-more-home { background: #D0A64A; line-height: 36px; display: inline-block; border-radius: 3px; border: 1px solid #D0A64A; box-shadow: none; }
	.load-more a,
	.load-more-home a { display: block; padding: 0 12px; font: 14px/36px "OpenSansBlack", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #fff; text-transform: uppercase; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.26);background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(255,255,255,0.16)), to(rgba(0,0,0,0.16))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.16), rgba(0,0,0,0.16)); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.16), rgba(0,0,0,0.16)); background-image: -o-linear-gradient(top, rgba(255,255,255,0.16), rgba(0,0,0,0.16)); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.16), rgba(0,0,0,0.16)); background-image: linear-gradient(to bottom, rgba(255,255,255,0.16), rgba(0,0,0,0.16)); }
	.load-more a span,
	.load-more-home a span { background: url(/ui/images/news-more-btn.png) no-repeat right; display: block; padding-right: 20px;}
	.load-more:hover,
	.load-more-home:hover { background: #FFF; border: 1px solid #FFF; box-shadow: none; }
	.load-more:hover a,
	.load-more-home:hover a { text-decoration: none; color: #103469; }
		.button-general {}
		.button-general a { padding: 3px 8px 0 10px; font: 400 11px/22px "OpenSans", 'Arial', Helvetica, "Helvetica Neue", sans-serif; letter-spacing: 1px; }
		.button-general a span { background: none; padding-right: 5px; }

	.inline-btn { display: inline-block; }
	.inline-btn a { font: 400 12px/26px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; }
	.inline-btn a span { background: url(/ui/images/inline-arrow.png) no-repeat right; padding-right: 10px; }


	.poat-nav { overflow: hidden; }
	.post-nav .left { float: left; }
	.post-nav .right { float: right; }
	.post-nav a { text-transform: uppercase; }

	/** News **/
	.news-block { border-bottom: 4px solid #ebebeb; padding-bottom: 30px; margin-bottom: 20px; overflow: hidden; }
	.news-block img { float: right; margin: 20px 0 0 20px; }
	.news-block h2,
	.news-block h2 a { font: 400 18px/24px "playfair_display", serif; color: #0f3062; }
	.news-block h2 a:hover { color: #bf9b5b; text-decoration: none; }
		.meta { margin: 0 0 14px; padding: 0; overflow: hidden; }
		.meta li { float: left; font: 400 12px/14px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #868687; border-left: 1px solid #868687; padding: 0 4px; margin: 0; background: none !important; }
		.meta li:first-child { border-left: 0; padding-left: 0;}
	.news-block .more { font: 400 11px/19px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #898b8d; text-transform: uppercase; background: url(/ui/images/more.gif) no-repeat right 1px; padding-right: 10px; }
	.news-block .more:hover { color: #bf9b5b; background: url(/ui/images/more.gif) no-repeat right -18px; text-decoration: none; }

	.archives ul li { padding: 8px 0; border-bottom: 1px solid #ededed; }
	.archives ul li a { display: block; color: #0f3062; font: 500 16px/19px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; }
	.archives ul li a:hover { color: #BF9B5B; }

	.archive-date { color: #0f3062; font: 500 16px/19px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; }
	.article { color: #7e7e7e; font: 400 12px/19px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; text-transform: uppercase;float: right; }
	.archive-date:hover,.article:hover { color: #bf9b5b; }
	.news-detail-block { padding-bottom: 10px; }
	.news-detail-block h2 a { font: 400 21px/28px "playfair_display",serif;  }
	.member {font: 600 14px/19px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; }
	.press-title { font: 400 18px/30px "playfair_display",serif; color: #0f3062; display: block; padding-bottom: 4px; }
	.left-container .contact-name,
	.left-container .contact-name:hover { color: #0f3062; font: 500 14px/19px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; text-decoration: none; }

	/** Portfolio **/
	.portfolio-container { background: #fff; overflow: visible; position: relative; z-index: 2; padding: 20px 10px; }
	.portfolio-top-container { padding: 0 26px; margin-bottom: 14px; }
	.portfolio-container p { color: #231f20; font: 400 21px/28px "playfair_display",serif; }
	.portfolio-block { background: rgba(5,25,56,0.95); padding: 30px 25px; overflow: hidden; position: relative; z-index: 1; }
	.portfolio-block ul li { display: inline-block; vertical-align: top; width: 436px; padding: 10px; margin-bottom: 14px; }
	.portfolio-block ul li:hover { background: rgba(57,101,167,0.15); }
	.portfolio-holder { width: 125px; /*height:100px;*/ background: none; margin-right: 20px; float: left; }
	.portfolio-holder a { display: block; width: 125px; /*height:100px;*/ line-height: 98px; text-align: center; }
	.portfolio-holder a img { vertical-align: middle; }
	.portfolio-details { float: right; width: 290px; }
	.portfolio-details h3 a {  font: 400 24px "playfair_display",serif; color: #fff; display: block; padding-bottom: 4px; }
	.tagline { color: #5d79a4; font: 400 12px/18px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; text-transform: uppercase;display: block; margin-bottom: 10px; }
	.tagline small { display: inline-block; border-right: 1px solid #5d79a4; margin: 0 4px 0 0; padding: 0 5px 0 0; line-height: normal; }
	.tagline small:last-child { border: none; margin: 0; padding: 0; }
	.portfolio-view ul li { border-left: 1px solid #5d79a4; float: left; width: auto; padding: 0 4px; }
	.portfolio-view ul li:first-child { border: 0; padding-left: 0; }
	.portfolio-view ul li a { color: #FFF; font: 400 11px/11px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; text-transform: uppercase; display: block;  }
	.portfolio-view ul li a:hover { color: #B98F36; }
	.portfolio-view ul li:hover { background: none; }
	.portfolio-inner-container { overflow: visible; }
	.portfolio-inner-container .heading { margin-bottom: 18px; padding: 0; overflow: visible; height: 38px; white-space: 945px; }
	.portfolio-left-container { float: left; width: 615px; margin-left: 13px; }
	.portfolio-right-container { float: right; width: 330px; margin-right: 11px; }
	.portfolio-right-container .heading { background: #898b8d; }
	.portfolio-inner-container .view { float: none; margin-left: 20px; }
	.portfolio-right-container ul { margin-left: 12px; }
	.portfolio-left-container ul { float: left; margin-right: 10px; }
	.portfolio-left-container ul:nth-child(2n) { margin-left: 10px; }
	.portfolio-left-container ul li {  margin-bottom: 2px; }
	.portfolio-right-container ul li { float: none; width: 184px; padding: 0 6px; margin-bottom: 2px; }
	.portfolio-left-container ul li a { padding: 0 30px 0 6px; }
	.portfolio-left-container ul li a,
	.portfolio-right-container ul li a  { color: #0f3062; font: 400 13px/25px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; display: block; }
	.portfolio-inner-container ul li.current-cat,
	.portfolio-inner-container ul li:hover { background: #ededed; }

	.heading .title { background-color: #B98F36; padding: 0 16px; position: absolute; top: 0; left: 0; width: 200px; }
	.heading .filter-dd { background: #816426; line-height: 38px; height: 38px; padding: 0 6px 0 20px; position: absolute; top: 0; left: 230px; width: 177px; }
	.heading .filter-dd ul { text-transform: uppercase; -moz-transform: skew(-30deg); -webkit-transform: skew(-30deg); -o-transform: skew(-30deg); -ms-transform: skew(-30deg); transform: skew(-30deg); }
	.heading .filter-dd ul li { display: block; float: none; position: relative; height: 38px; font: 400 11px/38px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #dbb76b; cursor: pointer; margin: 0; }
	.filter-dd ul li span { color: #FFF; display: inline-block; float: none; margin-left: 29px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
	.heading .filter-dd ul li ul { display: none; background-color: #816426; position: absolute; top: 100%; z-index: 9999; width: 203px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-left: -20px; }
	.heading .filter-dd ul li ul li { margin: 0; padding-left:15px; }
	.heading .filter-dd ul li ul li a { color: #FFF; text-transform: uppercase; font: 400 11px/38px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; }
	.heading .filter-dd ul li:hover { background: transparent; color: #FFF; }
	.heading .filter-dd ul li:hover ul { display: block; }
	.portfolio-inner-container ul li.current-cat,
	.heading .filter-dd ul li ul li:hover { background-color: #b98f36; }

	.heading .menu-team-container { padding-left: 10px; border-left: 2px solid #FFF; position: absolute; top: 0; height: 38px; width: 500px; left: 433px; }
	.heading .menu-team-container ul li {  padding: 0 20px; margin: 0; }
	.heading .menu-team-container ul li a { padding: 0; margin: 0; color: #e3bc64; text-transform: uppercase; font: 400 11px/38px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif;   -moz-transform: skew(-30deg); -webkit-transform: skew(-30deg); -o-transform: skew(-30deg); -ms-transform: skew(-30deg); transform: skew(-30deg); }
	.heading .menu-team-container ul li:hover,
	.heading .menu-team-container ul li.current-menu-item { background: #03193A; background: rgb(3,25,58); background: rgba(0,0,0,.15); }
	.heading .menu-team-container ul li:hover a,
	.heading .menu-team-container ul li.current-menu-item a { color: #FFF; }

	/** TEAM **/
	.team-block { background: rgb(5,25,56); background: rgba(5,25,56,0.95); padding: 30px 25px; position: relative; }
	.team-block>ul li { display: inline-block; vertical-align: top; width: 175px; height:241px; margin:0 8px 8px 0; }
	.team-block>ul li:hover { background:#877762; }
	.team-block>ul li .team-details { text-align:center; }
	.team-block>ul li .team-details h3 { font:400 16px/18px 'playfair_display'; padding:8px 0 2px; }
	.team-block>ul li .team-details h3 a { color:#fff; }
	.team-block>ul li .team-details .tagline small { color:#c1aa8c; font-size:11px; }
	.team-block>ul li:hover .team-details .tagline small { color:#c1aa8c; }

	.team-positions { display: none; width:400px; position:absolute; top:-90px; right:35px; }
	.team-positions .sort-text { background:#c1aa8c; width:220px; float:left; height:38px; -moz-transform: skew(30deg); -webkit-transform: skew(30deg); -o-transform: skew(30deg); -ms-transform: skew(30deg); transform: skew(30deg); }
	.team-positions .sort-text p { -moz-transform: skew(-30deg); -webkit-transform: skew(-30deg); -o-transform: skew(-30deg); -ms-transform: skew(-30deg); transform: skew(-30deg); font:400 16px/18px 'playfair_display'; color:#fff; padding:10px 0 0 30px; }
	.team-positions .sort-list { background:#877762; width:180px; float:left; height:38px; margin: 0 0 0 -1px; -moz-transform: skew(30deg); -webkit-transform: skew(30deg); -o-transform: skew(30deg); -ms-transform: skew(30deg); transform: skew(30deg); position:relative; }
	.team-positions .sort-list div { -moz-transform: skew(-30deg); -webkit-transform: skew(-30deg); -o-transform: skew(-30deg); -ms-transform: skew(-30deg); transform: skew(-30deg);  position:relative; }
	.team-positions .sort-list div .view-team { color:#c1aa8c; font-size:11px; text-transform: uppercase; display:block; padding:10px 0 0 27px; display:block;}
	.team-positions .sort-list:hover { background:#877762 }
	.team-positions .sort-list:hover div .view-team { color:#fff; }
	.team-positions .sort-list div ul { background:#877762; position: absolute; top: 38px; left: 14px; width:180px; padding:8px 0; display:none; }
	.team-positions .sort-list:hover div ul { display:block; }
	.team-positions .sort-list div ul li { }
	.team-positions .sort-list div ul li a { display: block; color:#fff; font-size:12px; padding:4px 12px; }
	.team-positions .sort-list div ul li a:hover { background:#c1aa8c; }
	.team-positions .sort-list div ul li.current-cat a { background:rgb(163, 140, 111); }
	.team-positions .sort-list div .sort-arrow { display:block; height:0px; width:0px; border-top:6px solid #fff; border-left:4px solid transparent; border-right:4px solid transparent; position:absolute; top:16px; right:17px; }

	/** Contact **/
	#contact-map {}

	/** Two Equal Columns **/
/*
	.two-equal > div { background: #FFF; width: 410px; height: 335px; float: left; margin-right: 20px; padding: 20px 30px; font: 400 14px/19px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #3D3F40; margin-bottom:20px; }
	.two-equal > div:nth-child(even) { margin-right: 0; }
	.two-equal h3 { font: 400 18px/28px "playfair_display",serif; color: #0F3062; }
	.two-equal img { border: 1px solid #D0A64A; margin: 10px 0; }
	.two-equal .loc-info div { float: left; width: 50%; }
	.two-equal .loc-info .li-nums li span { display: inline-block; width: 20px; text-transform: lowercase;}
	.two-equal a { color: #B58723; }
	.two-equal a:hover { color: #0F3062; }
*/

	.two-equal > div { background: #FFF; width: 275px; height: 335px; float: left; margin-right: 20px; padding: 20px 30px; font: 400 13px/18px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #3D3F40; margin-bottom:20px; }
	.two-equal > div:nth-child(3) { margin-right: 0; }
	.two-equal h3 { font: 400 18px/28px "playfair_display",serif; color: #0F3062; height:56px; }
	.two-equal img { border: 1px solid #D0A64A; margin: 10px 0; width:100%; }
	.two-equal .loc-info div { float: left; width: 50%; }
	.two-equal .loc-info .li-nums li span { display: inline-block; width: 20px; text-transform: lowercase;}
	.two-equal a { color: #B58723; }
	.two-equal a:hover { color: #0F3062; }

/*footer*/
.footer-container { background: #181818; padding: 26px 0; }
#footer { width: 960px; margin: 0 auto; overflow: hidden; }
.inner-footer-container { overflow: hidden; margin-bottom: 40px; }
.footer-left-container,.footer-right-container { float: left; width: 448px; }
.footer-right-container { float: right; }
.footer-container h3 { color: #959595; font: 400 18px "playfair_display",serif; border-bottom: 1px solid #555555; padding-bottom: 6px; margin-bottom: 10px; }
.address-details { overflow: hidden; margin-bottom: 22px; }
.address-details span,.footer-news span { font: 400 12px/16px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #c7c7c7; display: inline-block; margin-left: 42px; vertical-align: top; }
.name,.footer-news .news-title { font: 600 14px/18px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #fff; display: block; padding-bottom: 5px; text-transform: none; }
.address-details span a { color: #c7c7c7; }
.address-details span:first-child { margin-left: 0; }
.email:hover,.email:hover a { color: #fff; }
.download-btn { background: #000; display: inline-block; border-radius: 6px; -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.08),inset 0px 1px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.08),inset 0px 1px 0px rgba(0, 0, 0, 1); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.08),inset 0px 1px 0px rgba(0, 0, 0, 1); margin-bottom: 1px; overflow: hidden; border-bottom: 1px solid #111; float:right; }
.download-btn a { background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0.07)), to(rgba(255,255,255,0.07))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.07), rgba(255,255,255,0.07)); background-image: -moz-linear-gradient(top, rgba(0,0,0,0.07), rgba(255,255,255,0.07)); background-image: -o-linear-gradient(top, rgba(0,0,0,0.07), rgba(255,255,255,0.07)); background-image: -ms-linear-gradient(top, rgba(0,0,0,0.07), rgba(255,255,255,0.07)); background-image: linear-gradient(to bottom, rgba(0,0,0,0.07), rgba(255,255,255,0.07)); display: block; line-height: 36px;  padding: 0 12px; font: 12px/36px "OpenSansBlack", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #a5a5a5; text-transform: uppercase;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.26); }
.download-btn a span { background: url(/ui/images/download.png) no-repeat 0 5px; display: block; padding-left: 24px; }
.download-btn:hover { background: #a9997f; border-bottom: 1px solid rgb(167, 149, 122); }
.download-btn:hover a { color: #fff; background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(137, 120, 97, 1.0000)), to(rgba(137, 120, 97, 0))); background-image: -webkit-linear-gradient(bottom, rgba(137, 120, 97, 1.0000), rgba(137, 120, 97, 0)); background-image: -moz-linear-gradient(bottom, rgba(137, 120, 97, 1.0000), rgba(137, 120, 97, 0)); background-image: -o-linear-gradient(bottom, rgba(137, 120, 97, 1.0000), rgba(137, 120, 97, 0)); background-image: -ms-linear-gradient(bottom, rgba(137, 120, 97, 1.0000), rgba(137, 120, 97, 0)); background-image: linear-gradient(to top, rgba(137, 120, 97, 1.0000), rgba(137, 120, 97, 0)); }
.download-btn:hover a span { background: url(/ui/images/download.png) no-repeat 0 -35px }
.footer-news { float: left; width: 224px; margin-left: 40px; }
.footer-news.first { margin-left: 0; width: 184px; }
.footer-news span { margin-left: 0; }
.date { margin-bottom: 16px; }
.footer-news a { color: #6f6f6f; text-transform: uppercase; font: 400 12px/14px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; display: block; }
.footer-news a:hover { color: #fff; }
#footer-nav { overflow: hidden; margin-bottom: 4px; }
#footer-nav ul li { float: left; border-left: 1px solid #464646; padding: 0 16px; line-height: 29px; }
#footer-nav ul li:first-child { border: 0; padding-left: 0; }
#footer-nav ul li a { color: #616161; font: 400 13px/14px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; text-transform: uppercase; }
#footer-nav ul li a:hover,#footer-nav ul li.active a { color: #adadad; }
#footer-nav ul li.active a { background: url(/ui/images/sprite.png) no-repeat -253px -63px; padding-left: 12px; }
.copyright { color: #929292; font: 400 12px/47px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; }
.copyright a,.copyright span { color:#424242; }
.copyright a:hover { color: #ADADAD; }
.footer-bottom { background: url(/ui/images/footer-logo.png) no-repeat 0 3px; padding-left: 56px; }

/*end of footer*/


/*start of main-container*/
.right-container { float: right; width: 340px; background: #fff; padding: 46px 34px 46px 30px; margin-top: 29px; }
.right-container .contact h3 { padding:0 0 2px; }

.inner-container { position: relative; }
.main-container h1 { color: #7b7d7f; font: 400 44px "playfair_display",serif; padding-bottom: 10px; display: inline-block; width:740px;  }

/** Featured Case Study **/
.heading { overflow: hidden; background: #0f3062; transform: skew(30deg); -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -ms-transform: skew(30deg); -o-transform: skew(30deg); padding: 0 16px;}
.heading span,.view { transform: skew(-30deg); -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -ms-transform: skew(-30deg); -o-transform: skew(-30deg); color: #fff; display: inline-block; }
.heading .title span { font: 400 16px/38px "playfair_display",serif; color: #fff; padding-bottom: 0; }
.view { font: 400 11px/38px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; float: right; text-transform: uppercase; color: #babeca; }
.view:hover { color: #fff; }
.featured-block { margin-bottom: 24px; }
.featured-section { background: #fff; border: 1px solid #dbdbdb; margin-top: -16px; padding: 40px 22px; margin-bottom: 30px; }
.featured-section .image-holder { background: url(/ui/images/shadow.png) no-repeat bottom; padding-bottom: 30px; margin-bottom: 20px; }
.featured-section .image-holder a { display: block; text-align: center; }
.featured-title {font: 500 16px/19px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #0f3062; display: block; }
.more {font: 400 11px/19px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #898b8d; text-transform: uppercase; background: url(/ui/images/more.gif) no-repeat right 1px; padding-right: 10px; }
.more:hover { color: #bf9b5b; background: url(/ui/images/more.gif) no-repeat right -18px; }

/*end of main-container*/



/*start of team*/
.team-container { width: 945px; }
.team-container ul { float: none; margin-right: 0;}
.team-container ul li { float: left; margin-right: 10px; }
/*end of team*/

/*start of slideshow*/

.ss1_wrapper { position:relative; transform: skew(-30deg); -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -ms-transform: skew(-30deg); -o-transform: skew(-30deg); }
.ss1_wrapper .slideshow { position:relative; margin-bottom: 44px; width: 440px!important; }
.ss1_wrapper .slideshow_item .data { display:none; }
.slideshow_paging { position:absolute; bottom: 50px; left: 76px; z-index:11; font-size:12px; transform: skew(-30deg); -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -ms-transform: skew(-30deg); -o-transform: skew(-30deg); }
.slideshow_paging a { display: inline-block;  margin:0 3px; background: #c6c6c6; width: 10px; height: 10px; border-radius: 10px; text-indent: -9999px;  }
.slideshow_paging a:hover { background: #afafaf; }
.slideshow_paging a.activeSlide { background:#c29d56; }
.ss1_wrapper .slideshow_box { position:absolute; right:36px; bottom: -45px; z-index:10; }
.data ul li { float: left; border-left: 1px solid #ddd; line-height: 44px; margin: 2px 0; padding: 0 26px 0 16px; }
.data ul li:first-child { border-left: 0; }
.data ul li a img { vertical-align: middle; }

/*end of slideshow*/

/*start of colorbox*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow: visible; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;margin: 70px;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{ position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:#051938;}
#colorbox{ }
#cboxContent{background:#fff; overflow:visible;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C; display: none!important;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; top: -25px; background:url(/ui/images/controls.png) no-repeat -9999px -9999px; height: 50px; text-indent:-9999px;}
#cboxPrevious, #cboxNext { width: 70px; height: 38px; }
#cboxPrevious{left: -30px; background-position: 0 -350px; }
#cboxPrevious:hover{background-position: 0 -400px;  }
#cboxNext{ left: 18px; background-position: -93px -350px; }
#cboxNext:hover{ background-position: -93px -400px; }
#cboxClose{ right: 10px; top: 10px; width: 11px; height: 11px; background:url(/ui/images/close-group.png) no-repeat -29px 0; }
#cboxClose:hover{ background:url(/ui/images/close.png) no-repeat 0px 0;}
.inline_content { width: 500px; padding: 34px 42px 40px!important; overflow: hidden; }
.inline-content-team { width: 790px; }
.inline-title { color: #939393; font: 400 14px/32px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; text-transform: uppercase; border-bottom: 4px solid #ebebeb;  padding-bottom: 4px; margin-bottom: 20px; display: block; }
.inline-title small { display: inline-block; border-left: 1px solid #939393; margin: 0 0 0 4px; padding: 0 0 0 5px; line-height: normal; }
.inline-title small:first-child { border: none; margin: 0; padding: 0; }
#inline_content p { color: #424242; }
.inline-container { display: none; }
.inline-holder { overflow: hidden; }
.inline-details { float: left; width: 360px; }
.inline-details h2 { font: 400 30px/32px "playfair_display",serif; margin-bottom: 14px; color: #1a2c48; }
.inline-details h2 small { display: block; color: #939393; font: 400 14px/32px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; text-transform: uppercase; }


 @media screen and (max-width:1030px){
     html, body { min-width: 0px; }
     .centered { width:100%; box-sizing: border-box;}
     #header { background:none; }
     #header .centered { max-width:none; padding:0; }
     #header .hc-right { width:100%; float:none; -moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; transform:none; margin-left:0; }
     #sub-sites li { -moz-transform:skew(-30deg); -webkit-transform:skew(-30deg); -o-transform:skew(-30deg); -ms-transform:skew(-30deg); transform:skew(-30deg); }
     #logo { width:230px !important; background:#fff; margin:0; margin-left:-82px !important; position: absolute; left:0 !important; height:130px !important; }
     #logo a { margin-left:100px !important; width:115px !important; height:130px !important; left:0  !important; }
     #main-nav { background:#BA902C; padding:0 20px 0 120px; -moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; transform:none; }
     #sub-sites { -moz-transform:skew(30deg); -webkit-transform:skew(30deg); -o-transform:skew(30deg); -ms-transform:skew(30deg); transform:skew(30deg); background:#1c3761; background:rgba(13, 37, 85,0.9); width:calc(100% - 80px); padding:0 48px 0 60px; margin-left:140px; box-sizing:border-box }
     #sub-sites li { width:33%; box-sizing: border-box; height:auto; padding:20px; }

     #footer { width:100%; padding:0 20px; box-sizing: border-box;}

     .heading,
     .heading .title span,
     .heading .filter-dd ul,
     .heading .menu-team-container ul li a { -moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; transform:none; }
    .portfolio-inner-container .heading { margin-bottom:0; }
     .portfolio-left-container { margin-left:0; }
    .portfolio-block ul li { box-sizing: border-box;}
    .two-equal > div { width:700px; height:auto; }
    .two-equal img {  width:393px; float:left; margin-right:20px; }
    .two-equal .loc-info div { float:none; display:block; width:100%; padding-top:20px; }
 }

@media screen and (max-width:960px){
    .heading { font-size:0; }
    .heading .title { position: relative; width:50%; display: inline-block; box-sizing: border-box; }
    .heading .filter-dd { position: relative; width:50%; display: inline-block; box-sizing: border-box; left:0; top:0; vertical-align: top;}
    .heading .menu-team-container { position: relative; left:0; display:block; width:100%; box-sizing: border-box; background:#0D2E64; }
}

#sub-sites.ss-mobile { display:none; }

@media screen and (max-width:850px){
    #header { box-shadow:inset 0 60px 0 #BA902C;  }
    #sub-sites { top:60px; position: relative; }
    #sub-sites li h4 { font-size:17px; }
    #sub-sites li p, #sub-sites li a { font-size:12px; line-height:18px; }
    #navmob.show { padding-top:92px; }
    body:not(.home) #header { height:160px; }
    #sub-sites { display:none; }
    #sub-sites.ss-mobile { display:block;    padding: 0 0 20px; }
    #sub-sites { width:100%; margin:0; -moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; transform:none; padding: 0; top:0; }
    #sub-sites li { -moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; transform:none; }
   
}

@media screen and (max-width:800px){
    .two-equal > div { width:100%; max-width:400px; }
    .two-equal img { max-width:100%; }
}

@media screen and (max-width:750px){
    .home-content { padding:120px 0 0; }
    #header { height:auto; padding-bottom:40px; box-shadow: inset 0 45px 0 #BA902C; }
    #header .hc-right { height:auto; }
    .nav-toggle { top:13px; }
    #navmob.show { padding-top:110px; top:40px; }
    .overview-quote-holder .overview { margin-left:0; max-width:430px; width:100%; }
    .overview-quote-holder .overview p { font-size:36px; line-height:1.2; }
    #content { min-height:550px; }
    #content .sub-title { width:100%; position: relative;}
    #content .page-content { margin-left:0; }
    .portfolio-container { padding:20px 0 0; }
    .heading .menu-team-container { padding-left:0; border-left:none; }
    .portfolio-inner-container { padding:0 15px; }
    .inline_content { padding:20px !important; }
    .inline-team-details { padding-left:0; }
    #cboxContent { margin:20px; }
    #sub-sites li.sub-two-column,
    #sub-sites li { width: 100%  }
}

@media screen and (max-width:700px){
    .footer-bottom { background-position:center top; padding-left:0; padding-top:60px; }
    .copyright { margin:0; width:100%; line-height:1.3; }
}

@media screen and (max-width:550px){
    .heading .menu-team-container { height:76px; }
    .heading .menu-team-container ul li { width:50%; box-sizing: border-box;}
    .sub-two-col-list-wrap > div {
        width: 100% !important;
        border-right: none !important;
    }
    .sub-two-col-list-wrap > div:first-child { margin-right: 0; margin-bottom: 10px;}
}

@media screen and (max-width:500px){
    #sub-sites li { width:100%; }
    #content .sub-title {  font-size:22px; line-height:30px; }
    .left-container { padding:20px; }
    .portfolio-holder { margin-right:0; }
}

@media screen and (max-width:450px){
    .portfolio-container { display:none; }
    .two-equal > div { width:100%; box-sizing: border-box; height:auto; }
    .two-equal .loc-info div { width:100%; float:none; }
    .two-equal .loc-info div.li-addr { margin-bottom:10px; }
    .overview-quote-holder .overview { width:100% !important; }
    .portfolio-holder .inline-team img { width:100%; }
    .portfolio-block ul li { padding:0; }
    .portfolio-block .portfolio-holder { margin-top:0 !important; }
    .portfolio-block .portfolio-holder a { padding:0; }
}