/* ========================================================================= */
/* !RESETS AND DEFAULTS */
/* ========================================================================= */

    html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,img,ins,kbd,q,samp,small,sub,sup,var,hr,acronym,dl,dt,dd,ol,ul,li,pre,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-style:normal;font-weight:400;font-size:100%;vertical-align:baseline;margin:0;padding:0;-webkit-text-size-adjust:100%;}em,strong,b,i,a,span{border:0;outline:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}a:focus{outline:0}:focus,:active{outline:none;outline:0}::-moz-focus-inner{outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li{list-style:none}a{text-decoration:none}blockquote:before,blockquote:after,q:before,q:after{content:""}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border-top:1px solid #000;color:#000}input,select{vertical-align:middle}sub{vertical-align:sub;font-size:smaller}sup{vertical-align:super;font-size:smaller}input,button,textarea,select,label,img{display:inline-block;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}textarea{resize:none;}button, a span{cursor:pointer}button{border:0;text-align:center;}

/* != CLEAR ELEMENTS ===== */

    .clear { clear: both; }
    .clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}.clearfix {display:inline-table;}
    * html .clearfix { height: 1%; }/* Hides from IE-mac \*/
    .clearfix { display: block; }/* Hides from IE-mac \*/
    * html .clearfix { zoom: 1; } /* IE6 */
    *:first-child+html .clearfix {zoom: 1;}/* IE7 */



/* ========================================================================= */
/* !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; }
	body { background: #ccc; font: 400 14px/19px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #3d3f40; overflow-x:hidden; } /* 2013/04/03 edit */
	p { color: #3d3f40; padding-bottom: 14px; }
	a:hover { color: #a88648; }


/* ========================================================================= */
/* !ELEMENT & LAYOUT STYLES */
/* ========================================================================= */

/* != SELECTION STYLES (Leaving these blank will show no indication of text selection) ===== */

    ::selection         { background: #10356D; color: #fff; }
    ::-moz-selection    { background: #10356D; color: #fff; }
    ::-webkit-selection { background: #10356D; color: #fff; }


/* != GENERAL ELEMENT STYLES ===== */


/* != DEFAULT WORDPRESS STYLES ===== */

    .aligncenter {  }
    .alignleft {  }
    .alignright {  }
    .alignnone {  }
    .wp-caption {  }
    .wp-caption-dd {  }
    .wpGallery {  }
    .shutter {  }
	.shutterset {  }


/* != LAYOUT STYLES ===== */

    #no_ie6 { width: 100%; height: 40px; overflow: hidden; border-bottom: 2px solid #000; position: absolute; top: 0; left: 0; z-index: 100; }



/* ========================================================================= */
/* !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; } */

.wrap { max-width: 990px; padding: 0 20px; margin: 0 auto; }

/** Jan 28, 2013 - Umesh **/
.centered {max-width: 990px; padding: 0 20px; 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: 141px; background: url(../images/bg_header.png) no-repeat 50% 0; }
#header .hc-right { width: 75%; }
.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(../images/nav-bg.png) repeat-x 0 0; }
#logo { width: 205px; float: left;     background-color: #fff; z-index: 5; position: relative; padding: 24px 0 0 0; transform: skew(30deg); -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -ms-transform: skew(30deg); -o-transform: skew(30deg); }
#logo a { width: 202px; height: 101px; background: url(../images/logo.png) no-repeat 0 0; 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; margin-left: -7px; height: 141px; float: left; position: relative; z-index: 1; transform: skew(30deg); -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg); -ms-transform: skew(30deg); }

body.bdc #header { background: url(../images/seniordebt-bg_header.png) no-repeat 50% 0; }
body.bdc #logo a { background-image:url(../images/logo-bdc.png); background-position:center center; }

	/** Main Nav **/
    #mobile-nav {display:none;}
	#main-nav { width: auto; float: none; padding: 0; margin-left: 27px; 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/19px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #c9c9c9; text-transform: uppercase; margin: 16px 0 0; }
	#main-nav .investor-login:hover { color: #fff; }

		/* Search */
		#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:9999; 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; z-index: 99999; }
		#main-nav #search:hover #searchbar { display:block; }

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

	#main-nav ul li { float: left; height: 51px; }
	#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: 16px 20px 6px; font: 400 13px/19px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #fff; background: url(../images/slash.gif) no-repeat 0 14px; }
	#main-nav ul li:first-child { background: none; margin-left: 0; }
	#main-nav ul li:first-child a { background: none; }
	#main-nav ul li a span { font: 400 13px/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: #353637; }

    body.bdc #main-nav ul li:hover a { background: #776856; }

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

    body.bdc #main-nav ul li.current-menu-item a,
    body.bdc #main-nav ul li.current-menu-ancestor a { background: #051938; z-index: 9996; }

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

	#main-nav ul li:hover a span { background: url(../images/nav-hover-arrow.png) no-repeat bottom; }
    #main-nav ul li.current-menu-item a span,
    #main-nav ul li.current-menu-ancestor a span { background: url(../images/nav-drop-arrow.png) no-repeat bottom; }
	body.bdc #main-nav ul li:hover a span { background: url(../images/nav-hover-arrow.png) no-repeat bottom; }
    body.bdc #main-nav ul li.current-menu-item a span,
    body.bdc #main-nav ul li.current-menu-ancestor a span { background: url(../images/nav-drop-arrow.png) no-repeat bottom; }
	#main-nav ul li ul { width: 724px; height: 21px; 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: 9996;background-color: #353637;}
	#main-nav ul li.current-menu-item ul,
	#main-nav ul li.current-menu-ancestor ul { display: block; z-index: 9995;background-color: #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; }


/** Home Content **/
/**/
.home-content { padding: 160px 0 0; }
/*.home-content.pe-content { padding: 354px 0 0; }*/
@media screen and (max-width: 480px) {
    .home-content.pe-content { padding: 160px 0 0; }
}
.home-content .slogan { margin-bottom: 20px;}
	.slogan .slogan-bg { width: 50%; background: #83878c; min-height: 70px; position: relative; z-index: 1; left: 50%; right: 0; }
	.slogan .centered { position: relative; z-index: 2; margin-top: -70px; padding: 0 0 0 20px; overflow: hidden}
	.slogan .slogan-text { background: #83878c; 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); }
	.slogan h2 { padding: 18px 40px; font: 400 28px/34px "playfair_display",serif; color: #fff; transform: skew(-30deg); -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg); -ms-transform: skew(-30deg); background: transparent !important; }

body.bdc .slogan .slogan-bg { background:#9F8B70; }
body.bdc .slogan .slogan-text  { background:#9F8B70; }

.overview-quote-holder { background: url(../images/bg_overview2.png) no-repeat 50% 0; }
.overview-quote-holder .overview { width: 40%; float: left; padding: 40px 0 30px; }
.overview-quote-holder .overview p { font: 400 18px/26px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #fff; margin: 0 0 10px; }
.overview-quote-holder .quotation { width: 45%; float: right;     padding: 10px 0 20px 25px; box-sizing: border-box; }
.quotation-mobile {display:none;}
		.quotation blockquote, .quotation-mobile blockquote { font: 400 16px/25px "playfair_display", serif; color: #646c78; position: relative; padding: 5px 0 0 15px; }
		.quotation blockquote p, .quotation-mobile blockquote p { color: #646c78; position: relative; z-index: 2; }
		.quotation blockquote .icon-quote, .quotation-mobile blockquote .icon-quote { width: 25px; height: 21px; display: block; position: absolute; left: 0; top: 0; background: url(../images/quote.png) no-repeat 0 0; z-index: 1; }
		.quotation .citation,
		.citation, .quotation-mobile .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; }

		.quotation .download-btn { margin: 43px 0 0; }
.case-vid {background-repeat:no-repeat; background-position: center center; height:250px; width:400px; float:right; margin-left: 30px;}

.video-home {padding:6px 0; float:right; width:59%; box-sizing:border-box;}
.video-home .video-inner {}
.video-home .case-vid {background-repeat:no-repeat; background-position: center center; height:76px; width:122px; float:left;}
.video-home .play {margin-left:-32px;}
.video-home .video-info {float:left; padding-left:28px;}
.video-home .video-info h4 {font-family: 'OpenSans'; font-weight:500; font-size: 11px; padding-bottom:4px; color: #7B7D7F; letter-spacing: 0px; text-transform:uppercase;}
.video-home .video-title {font-family: "playfair_display"; font-weight:600; padding-bottom:7px; font-size: 17px; letter-spacing: 0px;}
.video-home .video-title a {  color: #051938;}
.video-home .learn-more {font-family: "OpenSans"; font-weight:500; font-size: 11px; color: #898B8D; letter-spacing: 0px; text-transform:uppercase;}
.video-home .learn-more a {color: #898B8D;}
.video-mobile {display:none;}
/** Content **/
#content { min-height: 990px; padding: 18px 0 40px; }
#content .main-title { font: 400 44px/48px "playfair_display", serif; color: #7b7d7f; padding: 5px 0 15px; }
#content .sub-title { color: #231f20; font: 400 20px/28px "playfair_display",serif; display: block; padding-bottom: 16px; }
#content table { width: 100%; }

body.bdc #content .main-title { color:#9F8B70; }

	/*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: 55%; margin-bottom: 4px; margin-right:2%;}
	.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 h3 { color: #0f3062; font: 400 18px/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(../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; text-decoration: underline; }
	.left-container a:hover { color: #a88648; }

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

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

		.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(../images/case-arrow.gif) no-repeat right 6px; padding-right: 16px; }
		.two-col-title .links li a:hover { color: #bf9b5b; background: url(../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 { }

	.left-container .half { width:45%;  }
	.left-container .half.left { float:left; padding:0 15px 0 0; }
	.left-container .half.right { padding-left:0px; float:right; padding:0 0 0 15px; }


		/** Quote **/
		.quote { color: #646c78; font: 400 16px/25px "playfair_display",serif; background: url(../images/quote.png) no-repeat 0 0; padding: 8px 0 0 24px; margin-bottom: 9px; }
		.quote-imageholder { background: #fff; border: 1px solid #dbdbdb; width: 100%; margin: 0 auto 52px; position: relative; }
		.quote-imageholder .citation { overflow: hidden; padding: 2px 0; margin: 0; }
		.arrow { background: url(../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 20px 0; }

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


	/** Buttons **/
	.load-more,
    .loadmore,
	.load-more-home { background: #9F8B70; line-height: 36px; display: inline-block; border-radius: 3px; border: 1px solid #9F8B70; box-shadow: inset 2px 2px 1px #9F8B70; }
	.load-more a,
    .loadmore 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)); text-decoration: none !important; }
	.load-more a span,
    .loadmore a span,
	.load-more-home a span { background: url(../images/news-more-btn.png) no-repeat right; display: block; padding-right: 20px;}
	.load-more:hover,
    .loadmore:hover,
	.load-more-home:hover { background: #b6924c; border: 1px solid #c19852; box-shadow: inset 2px 2px 1px #aa8847; }
	.load-more:hover a,
    .loadmore:hover a,
	.load-more-home:hover a { text-decoration: none; color: #fff; }
		.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(../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 p {    width: 70%;}
	.news-block img { float: right; margin: 20px 0 0 20px; }
    .cslogo-holder { width:400px; text-align:center; float:right; }
    .cslogo-holder img {float:none; }
	.news-block h2,
	.news-block h2 a { font: 400 18px/24px "playfair_display", serif; color: #0f3062; text-decoration: none; }
	.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(../images/more.gif) no-repeat right 4px; padding-right: 10px; }
	.news-block .more:hover { color: #bf9b5b; background: url(../images/more.gif) no-repeat right -15px; 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: hidden; position: relative; 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: rgb(5,25,56); background: rgba(5,25,56,0.95); padding: 30px 25px; overflow: hidden; position: relative; }
	.portfolio-block ul li { display: inline-block; vertical-align: top; width: 46%; padding: 10px; margin-bottom: 14px; }
	.portfolio-block ul li:hover { background: rgb(8, 38, 83); background: rgba(57,101,167,0.15); }
	.portfolio-holder { width: 29% !important; height:auto; margin-right: 1%; float: left; }
	.portfolio-holder a { display: block;  text-align: center; background: #fff; padding: 0 10px; line-height:95px; }
    .portfolio-holder a img { vertical-align: middle; max-width:100%; }
    .portfolio-holder .inline-team { display: block;  text-align: center; background: none; padding:0; width:100% !important;}

    .portfolio-holder .inline-team img { vertical-align: top; max-width:100%;     padding: 0;}
	.portfolio-details { float: right; width: 65% !important; }
	.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: #898b8d; font: 400 11px/11px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; text-transform: uppercase; display: block;  }
	.portfolio-view ul li a:hover { color: #fff; }
	.portfolio-view ul li:hover { background: none; }
	.portfolio-inner-container { overflow: hidden; }
	.portfolio-inner-container .heading { margin-bottom: 18px; }
	.portfolio-left-container { float: left; width: 56%; margin-left: 13px; }
	.portfolio-left-container.team-container { width: 100% !important; }
@media screen and (min-width: 1031px) {
    .portfolio-left-container.team-container { width: calc(100% - 20px) !important; }
} /* END 1031px */

	.portfolio-right-container { float: right; width: 40%; 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; }

		/** parent like Industries **/
		.portfolio-inner-container ul.parent-children-only { /* width: 200px;  */}
		.portfolio-inner-container ul.parent-children-only li:hover { background: none; }
		.portfolio-inner-container ul.parent-children-only li.current-cat a,
		.portfolio-inner-container ul.parent-children-only li a:hover { background: #ededed; }
		.portfolio-inner-container ul.parent-children-only li ul { margin: 2px 0 0 10px; }
		.portfolio-inner-container ul.parent-children-only li ul li { padding: 0 0 0 5px; background: none !important; position: relative; /* background: url(../images/arrow_subcategory.png) no-repeat left center; */ }
		.portfolio-inner-container ul.parent-children-only li ul li :before { content: '-'; position: absolute; left: 0; }
		.portfolio-inner-container ul.parent-children-only li ul li:hover { /* background: url(../images/arrow_subcategory.png) no-repeat left center; */ }
		.portfolio-inner-container ul.parent-children-only li ul li a:hover { /* background: none; text-decoration: underline; */ }


		.portfolio-inner-container ul.parent-children-only li.current-cat ul li a { background: none; }
		.portfolio-inner-container ul.parent-children-only li:hover ul li a:hover,
		.portfolio-inner-container ul.parent-children-only li.current-cat ul li a:hover,
		.portfolio-inner-container ul.parent-children-only li.current-cat:hover ul li a:hover { background: #ededed; }


/*footer*/
.footer-container { background: #181818; padding: 26px 0 70px; }
#footer { width: 100%; margin: 0 auto; overflow: hidden; }
.inner-footer-container { overflow: hidden; margin-bottom: 40px; padding:0 20px;}
.footer-left-container,.footer-right-container { float: left; width: 50%; }
.footer-right-container { float: right; width:50%;}
.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; }
.footer-news .news-title:hover { text-decoration: underline; }
.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; }
.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: 11px/36px "OpenSansBlack", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #a5a5a5; text-transform: uppercase;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.26);
}
.addy {min-width:50%;}
.download-btn:hover a { background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(255,255,255,0.07)), to(rgba(0,0,0,0.07))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.07), rgba(0,0,0,0.07)); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.07), rgba(0,0,0,0.07)); background-image: -o-linear-gradient(top, rgba(255,255,255,0.07), rgba(0,0,0,0.07));
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.07), rgba(0,0,0,0.07)); background-image: linear-gradient(to bottom, rgba(255,255,255,0.07), rgba(0,0,0,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(../images/download.png) no-repeat 0 5px; display: block; padding-left: 24px; }
.download-btn:hover { background: #86888a; border-bottom: 1px solid #aaa; }
.download-btn:hover a { color: #fff; }
.download-btn:hover a span { background: url(../images/download.png) no-repeat 0 -35px }
.footer-news { float: left; width: 40%; margin-left: 40px; }
.footer-news.first { margin-left: 0; width: 40%; }
.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;     margin-left: 35px;}
#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 11px/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(../images/sprite.png) no-repeat -253px -60px; padding-left: 12px; }
.copyright { color: #929292; font: 400 12px/18px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif;     margin-left: 35px; }
.copyright a,.copyright span { color:#424242; }
.copyright a:hover { color: #ADADAD; }
.footer-bottom { background: url(../images/footer-logo.png) no-repeat 0 3px;  }

/*end of footer*/


/*start of main-container*/
.right-container { float: right; width: 34%; background: #f5f5f5; padding: 46px 34px 46px 30px; margin-top: 29px; }

	/** Breadcrumb **/
	.breadcrumb-container { background: url(../images/breadcrumb-bg.png) repeat-x bottom; margin-right: 16px; overflow: visible; position: relative; z-index: 1; }
	.breadcrumb { padding: 0 21px 0 0; width:65%; background: url(../images/corner_breadcrumb.png) no-repeat right top; display: inline-block; *display:inline; zoom:1; position: relative; top: 4px; left:0px; z-index:100; }
	.breadcrumb .breadcrumb-inner { display: inline-block; *display:inline; zoom: 1; margin: 0; padding: 3px 0 0; background: #fff; width:100%; overflow-x: hidden; }
	.breadcrumb a { color: #898b8d; }
	.breadcrumb a:hover { color: #0f3062; }
#breadcrumbs { color: #898b8d; font: 300 13px/13px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; width:100%; display: inline-block; *display:inline; zoom:1; border-top: 4px solid #ebebeb; padding: 6px 10px 0 36px; /* transform: skew(-30deg); -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -ms-transform: skew(-30deg); -o-transform: skew(-30deg); */ }
	#breadcrumbs span { display: inline-block; *display: inline; zoom: 1; }
	#breadcrumbs span.sep { width: 6px; height: 6px; margin: 0 5px; background: url(../images/breadcrumb-arrow.gif) no-repeat left bottom; }
	#breadcrumbs a.home,
	#breadcrumbs a.site-home { width: 15px; height: 15px; display: inline-block; *display: inline; zoom: 1; text-indent: -9999px; background: url(../images/sprite.png) no-repeat -2px -4px; }
	#breadcrumbs a.home:hover,
	#breadcrumbs a.site-home:hover { background-position: -3px -48px; }
	#breadcrumbs a.main-home,
    #breadcrumbs a.main-home + span.sep,
    #breadcrumbs a.mainsite-home,
	#breadcrumbs a.mainsite-home + span.sep { display: none; }

.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; position: relative; 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; */ float: left; }
.heading .title { font: 400 16px/38px "playfair_display",serif; color: #fff; padding-bottom: 0; }
.featured-block .heading .title { line-height:20px; padding:9px 0; }
.view { font: 400 11px/38px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; float: right; text-transform: uppercase; color: #babeca; display: inline-block; margin: 3px 0 0 0; }
.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(../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(../images/more.gif) no-repeat right 4px; padding-right: 10px; text-decoration: none !important; }
.more:hover { color: #bf9b5b; background: url(../images/more.gif) no-repeat right -15px; }

/*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(../images/controls.png) no-repeat 0px 0px; height: 50px; text-indent:-9999px;}
#cboxPrevious, #cboxNext { width: 70px; height: 38px; }
#cboxPrevious{left: -30px; background-position: 0 0; }
#cboxPrevious:hover{background-position: 0 -70px;  }
#cboxNext{ left: 18px; background-position: -92px 0px; }
#cboxNext:hover{ background-position: -92px -70px; }
#cboxClose{ right: 10px; top: 10px; width: 11px; height: 11px; background:url(../images/close.png) no-repeat -30px 0; }
#cboxClose:hover{ background:url(../images/close.png) no-repeat 0px 0;}

.inline_content { max-width: 806px; padding: 34px 42px 40px!important; overflow: hidden; }
.inline-content-team { width: 100% !important; box-sizing: border-box;}
.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: block; line-height: normal; }
/*.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; margin: 0 0 20px; }
.inline-details { float: left; max-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; }
.inline-details .meta-team { color: #797979; margin: 0 0 20px; }
.inline-details .meta-team a { color: #1a2c48; text-decoration: underline; }
.inline-details .meta-team a:hover { color: #a88648; text-decoration: underline; }

.contact { display: block; font: 400 14px/20px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #8b8b8b; padding-bottom: 26px; overflow: hidden; }
.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; margin: 0 0 10px !important; }
/*
.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; }
*/


.inline-details p,
.inline-details p a,
.inline-pfolio-content .meta a { font: 400 14px/20px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #1a2c48; }
.inline-details p a:hover,
.inline-pfolio-content .meta a:hover { color: #bf9b5b; }
.inline-image-holder { float: right; text-align: right; }
.inline-image-holder img { vertical-align: middle; display: inline-block; }
.inline-team-image-holder { float: left; width: 246px; }
.inline-team-details { float: left; width: 55%; padding-left:20px; }

/*end of colorbox*/


/** Supersized Core CSS **/
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }
#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
#supersized a.image-loading { /* background:#111 url(../img/progress.gif) no-repeat center center; */ width:100%; height:100%; }

/** March 13, 2013 **/
#grid .grid-row:last-child { display: none; }

/** April 02, 2013 **/
.align-phone-fax { display: inline-block; *zoom: 1; *display: inline; width: 15px; }

/** April 17, 2013 **/
.page-template-template-row-column-content-php .left-container { padding-bottom: 0; }
.row-column-content { width: 100%; padding: 20px 36px 0; margin: 10px 0 0 -36px; border-bottom: 1px solid #d6d6d6; }
	.rcc-header { width: 25%; float: left; padding: 0 !important; margin: 0; }
	.rcc-content { width: 72%; float: right; }
		.rccc-col { width: 45%; float: left; margin: 0 0 0 5%; }
		.rccc-col:first-child { margin-left: 0; }
		.rccc-col ul li ul li { list-style: none;  position: relative; }
		.rccc-col ul li ul li:before { content: "-"; width: 10px; height: 10px; display: block; position: absolute; left: 0; top: 0; }
		.rccc-col li ul,
		.rccc-col li ol { margin-left: 10px !important; }
		.rccc-col li li { padding-left: 10px; }


/** jScrollPane **/
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }
.jspVerticalBar *,
.jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #dde; position: relative; }
.jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }

	/** Custom Scroller for colorbox content **/
	/* .custom-scroller { height: 130px; } */
	#geoffreysrehnert .inline-team-details .custom-scroller,
	#marcbwolpow .inline-team-details .custom-scroller { /* height: 130px; *//*height: 248px;*/ }
		.custom-scroller .jspVerticalBar { width: 8px; }
		.custom-scroller .jspTrack { background: #ebebeb; }
		.custom-scroller .jspDrag { background: #03193A; }
    #cboxLoadedContent {height:auto !important;}
    #cboxContent {height:auto !important;}


.icon-print { width: 14px; height: 13px; display: block; position: absolute; top: 10px; right: 30px; background: url(../images/icon_print.png) no-repeat 0 0; }
.icon-print:hover { background-position: 0 -22px; }


	form.regform {  }
	form.regform .validation_error { border:1px solid #D0A64A; background:#FFFFE3; padding:10px; display:inline-block; *zoom:1; *display:inline; }
	form.regform .gfield_error { border:1px solid #D0A64A; background:#FFFFE3; padding:10px; *zoom:1; *display:inline; }
	form.regform .gfield_error input[type=text] { top: 9px; right: 21px; }
	form.regform .gfield_error .validation_message { font-size:11px; }
	form.regform ul { margin: 0; }
	form.regform ul li { background: none; padding: 5px 0; list-style: none; position: relative; width:362px; }
	form.regform ul li .ginput_container { width:100%; }
	form.regform ul li.nogo { margin-top:20px; }
	form.regform ul li.nogo label { display:inline-block; *zoom:1; *display:inline; margin-left:10px; width:auto !important; }
	form.regform ul li.date-header { position: relative; width:400px; margin-bottom: 0px; padding-bottom: 0px; }
	form.regform ul li.date-header .right { position: absolute; top:23px; left:300px; }
	form.regform ul li div { display: inline-block; vertical-align: top; }
	form.regform ul li ul li { padding: 0; }
/*
	form.regform ul li.dates { width:360px; margin-bottom: -40px; }
	form.regform ul li.dates>label { display:none; }
	form.regform ul li.dates li { position: relative; }
	form.regform ul li.dates li input[type=checkbox] { position: absolute; top:8px; right:15px; }
*/
	form.regform ul li .gfield_checkbox { margin:0px; width:100%; }
	form.regform ul li .gfield_checkbox li { list-style:none; }
	form.regform ul li .gfield_checkbox li label { width:100%; }

	form.regform ul li.event { list-style:none; width:600px; position: relative; }
	form.regform ul li.event>label { font-weight:bold; }
	form.regform ul li.event .gfield_description { font-size: 13px; margin-top: -18px; line-height: 20px; }
	form.regform ul li.event ul { padding:0; margin:0; width:120px; position: absolute; right:0px;font-size:12px; }
	form.regform ul li.event ul li { list-style:none; padding:0; margin:0; height:20px; }
	form.regform ul li.event ul li label { width:auto; margin-left:8px; }

	form.regform ul li.copy ul { padding:0; margin:10px 0 0;  }
	form.regform ul li.copy ul li { padding:0; margin:0; list-style:none; }
	form.regform ul li.copy ul li input { vertical-align:top; margin-top:6px; }
	form.regform ul li.copy ul li label { width:auto; margin-left:10px; margin-top:0px; font-size:13px; }

	form.regform ul li input[type=text],
	    form.regform ul li textarea { border:1px solid #D0A64A; }
	form.regform ul li.gfield_html { color: #231f20; font: 400 18px/20px "playfair_display",serif; padding: 24px 0 10px; margin: 24px 0 16px; border-top: 1px solid #ddd; width:600px; }
	form.regform label { width: 100%; line-height: 25px; }
	form.regform input[type=text] { width: 250px; padding: 0 5px; line-height: 25px; height: 25px; /* position: absolute; top:3px; right:0px;  */}
	form.regform textarea { width: 350px; height: 100px; padding: 5px; margin-top:10px; }
	form.regform select { width: 260px; }
	form.regform button[type=submit] { background-color:transparent; 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)); border: 1px solid #D0A64A; border-radius: 3px; }
	form.regform .gform_footer { background: #D0A64A; line-height: 36px; display: inline-block; border-radius: 3px;  box-shadow: none; }
	form.regform button[type=submit]:hover { background-color:#fff; color:#103471; border-color:#777; }

.contact { display: block; font: 400 14px/20px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #8b8b8b; padding-bottom: 26px; }
.inline-details p,
.inline-details p a { font: 400 14px/20px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif; color: #424242; }
.inline-details p a:hover { color: #bf9b5b; }
.inline-image-holder { float: right; width: 129px; /*92px*/}
.inline-image-holder img { vertical-align: middle; max-width:100%; height: auto; }
.inline-team-image-holder { float: left; /*width: 246px; */ width:226px; }
/*end of colorbox*/


#m-toggle {
  float: right;
  width: 60px;
  height: 15px;
  position: relative;
  top: 15px;
  display: none;
  cursor: pointer;
}

#m-toggle span, #m-toggle span:before, #m-toggle span:after {
  font:400 13px/19px "OpenSans", Arial, Helvetica, "Helvetica Neue", sans-serif;
  display: block;
  width: 22px;
  height: 3px;
  position: absolute;
  content: '';
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  transform-origin: center center;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}

#m-toggle span:before {
  top: -6px;
  animation-direction: reverse;
  animation-name: m1r;
}

#m-toggle span {
  top: 6px;
  animation-direction: reverse;
  animation-name: m2r;
}

#m-toggle span:hover {
  color: #051938;
}

#m-toggle span:after {
  top: 6px;
  animation-direction: reverse;
  animation-name: m3r;
}

#m-toggle.x span:before {
  animation-name: m1;
  animation-direction: normal;
}

#m-toggle.x span {
  animation-name: m2;
  animation-direction: normal;
}

#m-toggle.x span:after {
  animation-name: m3;
  animation-direction: normal;
}

#mobile-nav { position: absolute; margin-left: 0px; top: 51px; left: 0px; width: 100%; float: none; margin-top: 0; background: #fff; z-index: 3;}
#mobile-nav ul {float:none; width:100%;}
#mobile-nav ul li a span {    transform: skew(0deg); -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -ms-transform: skew(0deg); -o-transform: skew(0deg);}
#mobile-nav ul li a {  text-transform:uppercase;   transform: skew(0deg); -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -ms-transform: skew(0deg); -o-transform: skew(0deg);}
#mobile-nav ul li a span{color:rgba(12,30,58,1);}
#mobile-nav > ul > li { display: block; margin: 0; height:60px;  font-size: 12px; position: relative; transition: all 0.15s; }
#mobile-nav > ul > li.menu-item-has-children:hover:before { color:rgba(12,30,58,1); }
#mobile-nav > ul > li.menu-item-has-children:before { content: '+'; display: block; position: absolute; width: 22px; height: 22px; right: 20px; top: 19px; color: #a8a8a8; font-size: 34px; font-weight: 300; pointer-events: none; }
#mobile-nav > ul > li.x { border-bottom: none; background: #fff; }
#mobile-nav > ul > li.x a { color:rgba(12,30,58,1); display:block;     padding: 19px 60px 19px 20px; }
#mobile-nav .x > .sub-menu a {color:#a0a3a5;}
#mobile-nav .x > .sub-menu a:hover {color:#fff;}
#mobile-nav > ul > li.x:before { color:rgba(12,30,58,1); content: '-'; top: 13px; font-size: 60px; }
#mobile-nav > ul > li a { color: #a8a8a8; }
#mobile-nav > ul > li a:hover {  color:rgba(12,30,58,1);  }
#mobile-nav > ul > li > a { display:block; padding: 19px 60px 19px 20px;  transform: skew(0deg); -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -ms-transform: skew(0deg); -o-transform: skew(0deg); }
#mobile-nav > ul > li ul { display: none;     z-index: 10; opacity: 1; pointer-events: all; position: relative; top: 0; left: 0; background: #051938; box-shadow: inset 0 6px 6px -6px rgba(0, 0, 0, 0.1); }

#mobile-nav.active { display: block; }
#mobile-nav ul li {float:none; text-align:right;}

ul.children li,ul.children{display: none;}

.team-holder img { max-width:100%; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

  .mfp-content {max-width: 800px; margin: 0 auto; width: 100%; background-color: #fff; padding: 30px;}
  .btncenter {max-width:450px; width:100%; margin:0 auto; text-align:center; margin-top:30px;}
  .download {padding:5px 20px; background-color:#83878c; color:#fff; margin:0 10px;}
  .download:hover {background-color:#353637;}
  .poplink {color:#3d3f40;}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }





/*.play { width: 96px; height: 96px; border-radius: 100%; background: #3B84CE; display: block; position: absolute; top: 50%; left: 50%; margin: -48px 0 0 -48px; -webkit-transition: background 0.15s; transition: background 0.15s; cursor: pointer; }
.play:before { border: 19px solid transparent; border-left: 31px solid #fff; content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -19px 0 0 -10px; }
.play:hover { background: #E87722; }*/


.play { background:url('../images/ico_playstarthover.png'); width: 68px; height: 48px; display: block; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; cursor: pointer; }







#navmob {display:none;}
.nav-toggle {display:none;}


@media screen and (max-width: 1140px) {
    .slogan h2 {font-size:26px;}
    .slogan .slogan-text {margin:0 0 0 10% !important; }


}

@media screen and (max-width: 1021px) {
    .slogan h2 {padding: 18px 40px 18px 65px;}
    #header {background:url('../images/bg_header2.png') no-repeat left;}
    #main-nav ul li a span {font-size:12px;}
    #main-nav ul li a {padding: 16px 17px 6px;}
    .quotation .citation, .citation, .quotation-mobile .citation { text-align:center; }
    .quotation .citation li, .citation li { float:none; width:100%; border:none; display:block; padding:10px 0 !important;; }
}

@media screen and (max-width: 950px) {
    .video-home .video-title {font-size:14px;}
}

@media screen and (max-width: 900px) {
    #header {background:url('../images/bg_header2.png') no-repeat -50px 0;}
    #header .hc-right {width:80%;}
    #logo {width:154px; position:relative; z-index:10;}
    #logo a {width:180px; background:url(../images/logo.png) no-repeat 0px 10px;     background-size: 90%;}
    #main-nav {margin-left:50px;}
    #header .hc-right {margin-left:-30px;}
    #main-nav .investor-login {position: absolute; right: -19px;}
}

@media screen and (max-width: 850px) {
    #header .hc-right { margin-left:0;}
    .overview-quote-holder{ background-image:none; background: rgba(12,30,58,0.9) !important;}
    .overview-quote-holder .overview { width:100% !important; float: none !important; }
    .overview-quote-holder .quotation { display:none; }
    .quotation-mobile { display: block; width:100%; float: none; background: #fff; background-size:650px ;    padding:30px 20px; box-sizing: border-box;}
    /*#logo {    width: 30%; position: absolute; z-index: 10; background: #fff; left: -37px; padding:0;}
    #logo a {background:url('../images/logo.png') no-repeat center; margin-left: 50px; width:78%; height:114px; background-size:100%;}*/
    #logo { width:225px; left:-50px; }
    #logo a { position: relative; left:63px;}
    #header {background-image: none; background-color: #83878c; height: 60px;}
    #header .centered {padding:0; position: relative; z-index: 100;}
    #header .hc-right {position:absolute; width:100%;     transform: skew(0deg); -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -o-transform: skew(0deg); -ms-transform: skew(0deg);}
    #main-nav { display: none; position: absolute; margin-left: 0px; top: 51px; left: 0px; width: 100%; float: none; margin-top: 0; background: #fff; z-index: 100;  }

    #m-toggle {display: block;}
    .nav-toggle { display:block; position:absolute; top: 20px; right: 20px; color: #fff; cursor: pointer; width:20px; height:14px; line-height:0; font-size:0; }
    .nav-toggle small,
    .nav-toggle small:before,
    .nav-toggle small:after { width:20px; height:2px; display:inline-block; content:''; background:#fff; position: relative;}
    .nav-toggle small:before { top:6px; }
    .nav-toggle small:after { top: 10px; }
    .nav-toggle.icon-cancel small { opacity:0.6; }
    #navmob.show {    display: block; background: #353638; position: absolute; width: 100%; z-index: 1000; top: 60px; padding-top: 72px; text-transform: uppercase; }
    #navmob > li {position: relative; border-bottom:1px solid rgba(153,153,153, 0.2);     margin: 0px 20px;}
    #navmob a {font-weight:300; font-size: 14px; color: #a0a3a5; line-height: 40px; padding:0 20px; display:block; width: 168px;}
    #navmob a:hover {color: #fff;}
    #navmob li li {margin-left:10px; }
    #navmob > li > ul {position: relative; display:none; padding-bottom: 10px;}
    #navmob > li > ul ul { display:block !important; }
    #navmob > li > ul ul a { font-size:13px; padding:6px 20px; }
    #navmob li ul:before {content: ""; background: url('../images/topfade.png') repeat-x; height: 6px; position: absolute; top: 0; z-index: 100; width: 100%;}
    #navmob li li a {    padding: 0px 20px; color: #a0a3a5; display: block; font-size: 12px; line-height: 26px;}
    #navmob li li a:hover {color: #fff;}
    .icon-plus:before {content:''; background: url(../images/nav-hover-arrow.png) no-repeat; width: 18px; height: 8px; position: absolute; right: 0; top: 16px;}
    .icon-plus.icon-minus:before {content:''; background: url(../images/nav-hover-arrow.png); width: 18px; height: 8px; position: absolute; right: 0; top: 16px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
    .icon-minus:before {position:absolute; right:25px;top:20px; font-size:20px;}
    .video-desk {display:none;}
    .video-mobile {display:block; background-color:#e6e7e8; padding:20px 20px;}
    .case-vid { width:300px; height:187px; }
    .single-casestudies .case-vid { width:400px; height:250px; float:none !important; margin:0 auto 30px; }
    .cslogo-holder { width:300px;}
    .video-home { float:none; width:100%;  }
    .video-home .video-title {font-size:17px;}
    .video-home .video-info {float:none; padding-left:0;}
    .video-home .case-vid {width:600px;height:360px; float:none; margin: 0 auto;}
    .case-vid {margin-left:0;}

    #content { clear:both; padding-top:20px;}

}

@media screen and (max-width: 811px) {
    .inline-team-details { width: 100% !important; box-sizing: border-box; margin-top:20px;}
    .inline-details {max-width:none;}
    .inline-team-image-holder { margin:0 auto !important; float:none !important; }
}


@media screen and (max-width: 750px) {
    .left-block {float:none; width:100% !important;}
    .right-container {float:none; width:100%; box-sizing: border-box;}
    .breadcrumb-container {display:none;}
    .heading, .heading span, .view { -moz-transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; transform:none; }
    .portfolio-inner-container { padding:0 26px; }
    .portfolio-right-container {width:100%; }
    .portfolio-left-container {width:100%; padding-bottom: 20px; margin:0;}
    .view { margin-top:0; }
}

@media screen and (max-width: 700px) {
    .footer-left-container {float:none; width:100%;}
    .footer-right-container {display:none;}
    .download-btn {width: 250px; margin: 0 auto; display:block;}
    .inner-footer-container {margin-bottom:20px;}
    #footer-nav {margin-left:0;}
    #footer-nav ul {margin-top:50px; }
    #footer-nav ul li {float:none !important; border-left:none !important;padding:0 !important; line-height:24px !important; text-align:center;}
    #footer-nav ul .active a {font-size:14px;}
    .copyright {    text-align: center; width: 250px; margin: 30px auto; font-size:11px !important;}
    .footer-bottom {background: url(../images/footer-logo.png) no-repeat center top;}
    .news-block img {float:none; margin:20px 0;}
    .case-vid {float:none; margin-left: 0px; margin:20px auto; }
    #cboxContent {margin: 70px 30px;}
    .inline_content {padding:34px 20px 40px !important;}
    .inline-details h2 {font-size:26px;}
    .inline-title {font-size:12px;}
    .custom-scroller p {font-size:12px;}
    .quotation {display:none;}
    .news-block p {    width: 100%;}
    .inline-image-holder {float:none;text-align:left;}
    .two-col-title .links { padding-top:9px; }
    .two-col-title .links li a { font-size:15px; line-height:1.2; }
    .cslogo-holder { width:250px;}
}

@media screen and (max-width: 650px) {
    .slogan h2 {font-size:24px; }
    .overview-quote-holder .overview p {font-size:16px; line-height:24px;}
    #content .main-title {font-size:38px;}
    .portfolio-block ul li {width:100% !important;}
    .portfolio-block {padding:20px !important; }
    .portfolio-block ul li {padding:10px 0;}
    .rcc-header {float:none; width:100%; text-align:center; margin-bottom:10px;}
    .rcc-content {width:100%;float:none;}
    .left-container .half { width:100%;  }
    .video-home .case-vid {width:280px; height:180px;}
}

@media screen and (max-width: 600px) {
    /*#logo {    width: 45%;}*/

}

@media screen and (max-width: 550px) {
    .citation li {padding:0; border-left:none; text-align:center; width:100%;}
    .citation li:first-child {border-right:none;}
    .quotation-mobile .centered { padding:0; }
    .quotation-mobile blockquote { padding-left:0; }
    .quotation-mobile blockquote p {text-align:center;}
    .quotation-mobile .citation { margin-left:0; }
    .two-col-title .links { float:none; clear:left; padding:0 0 15px; }
    .header-single img { float:none; margin:0 auto; display:block; }
    .header-single .hs-left { margin:0; text-align:center; }
    #content .header-single .hs-left .main-title { font-size:26px; line-height:1.3; margin:10px 0; }
    .cslogo-holder { width:100%; float:none;}
    .single-casestudies .case-vid { width:240px; height:150px; }
}

@media screen and (max-width: 500px) {
    .portfolio-details h3 a {font-size:20px !important; padding-bottom:0;}
    .tagline {margin-bottom:0;}
    .portfolio-block ul li {margin-bottom:0;  text-align:center;}
    .portfolio-block .portfolio-holder { width:100% !important; margin:10px auto 10px !important; }
    .portfolio-block .portfolio-holder a { display: inline-block; padding-top:5px; padding-bottom:5px; }
    .portfolio-block .portfolio-details { width:100% !important; }
    .portfolio-container p {font-size:18px; line-height:26px;}
    .slogan .centered {padding:0;}
    .portfolio-holder .inline-team img { width:100%; }
}


@media screen and (max-width: 450px) {
    .slogan h2 {font-size:20px; line-height:28px; padding:18px 20px 18px 65px; }
    .overview-quote-holder .overview p {font-size:14px; line-height:22px;}
    .quotation blockquote {font-size:14px; line-height:23px;}
    .quotation .citation li, .citation li {border-left:none;}
    .quotation .citation li:first-child, .citation li:first-child {border-right:none;}
    .left-container {padding:20px;}
    .right-container {padding:20px;}
    #content .main-title {font-size:34px !important; padding-bottom:0;}
    #content .main-title + p { margin-top:10px; }
    .quote {font-size:14px; line-height:23px; padding:20px 0 0 0;}
    .citation li strong {font-size:12px;}
    .heading .title {font-size:14px;}
    .breadcrumb {width:83%;}
    .portfolio-view ul li {padding:0;}
    .team-container ul li {float:none;}
    .portfolio-inner-container { padding:0 10px; }
    .two-col-title .links { padding-top:10px; }
    .inline-team-details { padding:0; width:100%; }
    .inner-footer-container { padding:0; }
    .case-vid { width:240px; height:150px; }
}

@media screen and (max-width: 400px) {
    .portfolio-details h3 a {font-size:16px; padding-bottom:0;}
    .tagline {font-size:10px !important; }
    .portfolio-container p {font-size:16px ~; line-height:24px;}
    .rccc-col {width:100%; margin:0; float:none;}
    .left-container ul {padding-bottom:0;}
    /*#logo {    width: 55%; }
    #logo a {height:100px;}*/
    #header { height:45px; }
    .nav-toggle { top:15px; }
    #navmob.show { top:45px; padding-top:87px; }
    /*#logo { width:170px; height:70px; padding-top:0; left:-30px; }
    #logo a { width:110px; left:43px; }*/
    .video-home .video-title {font-size:14px;}
}

@media screen and (max-width: 365px) {
    .slogan h2 {font-size:16px; line-height:24px; padding:18px 20px 18px 40px; }
    .addy {width:100%;}
    .number {width:100%; margin-left:0}
    .download-btn {width:100%; text-align:center;}
    .address-details span {margin-left:0;}


}