/*------------------------------------------------------------------
	[Stylesheet]
	Project:		Link Force Engineering
	Version:		1.0
	Last change:	8.14.14 [Created]
	Assigned to:	Titan Web (Wendell Empuerto)					
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
	[Table of Contents]
	1.	Fonts
	2.	Global
	3.	Header
	4.	Top Menu
	5.	Banner
	6.	Content
	7.	Footer
	8.	Gallery
	9.	Pagination
	10. Media Queries
	

	[Color codes]
	Background:	#262626 (Dark Grey)
	Content:	#3b3b3b (Light Black)
	Header h1:	#a70d00 (Dark Red)
	a (standard):	#0046e4 (Bright Blue)
	a (visited):	#009ce4 (Lighter Blue)

	[Typography]
	Body copy:	12px/1.3 Verdana, Arial, Helvetica, sans-serif;

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
	[ 1 Fonts ]
-------------------------------------------------------------------*/
@import url('../css/fonts.css');


/*------------------------------------------------------------------
	[ 2 Global ]
-------------------------------------------------------------------*/
body {
	color: #556771;
	font-size: 100%;
	font: 15px/17px "ConduitITCPro-Medium",Arial,Helvetica,sans-serif;
}

h1 { 
	color: #0092c8;
	text-transform: uppercase; 
	font-family: "exoextra_bold",Arial,Helvetica,sans-serif; 
}
.front-title {
	font-size:18px;
	font-family: "exoextra_demibold",Arial,Helvetica,sans-serif;
}
h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	color: #0092c8;
	font-family: "exoextra_demibold",Arial,Helvetica,sans-serif;
}

h1 { font-size: 40px; } 
h2 { font-size: 30px; } 
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; } 
h6 { font-size: 12px; }

a {}
a:hover, 
a:focus { 
	color: #556771;
	text-decoration:none; 
	outline: 0;
}

a:visited,
a:active {
	text-decoration: none;
}

p {
	color: #556771;
}

input, 
button, 
textarea, 
select {
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
}

ul { list-style: none; }
ul li { list-style-type: none; }

pre,
tt,
code,
kbd,
samp,
var {
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
}

textarea {
	resize:none;
	overflow-y:auto;
}

.valign-parent {
	height: 100px;
	white-space: nowrap;
}
.valign-item {
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
}
.valign-helper {
	display: inline-block;
	vertical-align: middle;
	height:100%;
}

.ie7 .valign-item,
.ie7 .valign-helper {
 display: inline;
 zoom: 1;
}
.clear{
	clear:both;
}
.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

.right { float: right; }

.left { float: left; }

.thin {
	font-size: 30px;
	display: block;
	color: #556670;
	font-family:"RobotoCondensed",Arial,Helvetica,sans-serif;
}

.text-gray {
	color: #556771;
}

.grey {
	background: #dce0e2;
}

.blue {
	background: #019fcf	 url('../images/bottom-section-bg.jpg') no-repeat top center;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	*zoom: 1;
}

.gform_validation_container {
	height: 0;
	width: 0;
	overflow: hidden;
}

.default-btn {
	display: block;
	font-size: 16px;
	color: #fff;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	/*font-family: "ConduitITCPro-Light",Arial,Helvetica,sans-serif;*/
	background: url('../images/default-btn-bg.png') no-repeat 0 0;
}

.default-btn:hover {
	color: #0092c8;
	background-position: 0 -28px;
}

.btn-grey {
	width: 107px;
	float: left;
	background-position: 0 -57px;
}

.btn-grey:hover {
	background-position: 0 -84px;
}

.white-btn {
	width: 107px;
	color: #0092c8;
	background-position: 0 -112px;
}

.white-btn:hover {
	color: #fff;
	background-position: 0 -140px;
}


/*Bootstrap Override*/
.container {
	padding-left: 10px;
	padding-right: 10px;
}

.nopadding {
	padding: 0;
}

.nomargin {
	margin: 0;
}

.haspadding {
	padding-right: 25px;
	padding-left: 25px;
}

.padding-top {
	padding-top: 40px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 39px;
}

/*------------------------------------------------------------------
	[ 3 Header ]
-------------------------------------------------------------------*/
.header-wrapper {
	padding-bottom: 15px;
}

.headinfo-wrapper {
	width: 100%;
	float: right;
	position: relative;
	z-index: 9999;
}

.headinfo {
	float: right;
	height: 24px;
	padding-left: 5px;
	background: url('../images/left-slope.png') no-repeat left;
}

.head-moreinfo {
	color: #556771;
    float: right;
    font-family: "exoextra_demibold";
    font-size: 13px;
    padding-bottom: 15px;
    padding-right: 10px;
    padding-top: 5px;
}

.header-wrapper .logo {
	margin: 10px 0;
	display: inline-block;
}
.alignleft.size-full.wp-image-7521 {
  height: 185px;
  margin-left: 25px;
  width: 83px;
}
.headinfo ul {
	width: 128px;
	float: left;
	margin: 0;
	padding: 5px 0;
	background: #0092c8;
	overflow: hidden;
}

.headinfo li {
	padding: 2px 10px;
	margin: 0;
	border-left: 1px solid #50b4d9;
	float: left;
	display: inline;
}

.headinfo li:first-child {
	border-left: medium none;
}

.headinfo li a {
	float: left;
	color: transparent;
	width: 11px;
	height: 10px;
	background: url('../images/small-icon-sprite.png') no-repeat 0 -4px;
}

.headinfo li a.li { background-position: 0 -4px; }
.headinfo li a.tw { background-position: -29px -4px; }
.headinfo li a.fb { background-position: -58px -4px; }
.headinfo li a.gp { background-position: -87px -4px; }

/*Hover State*/
.headinfo li:hover a.li { background-position: 0 -24px; }
.headinfo li:hover a.tw { background-position: -29px -24px; }
.headinfo li:hover a.fb { background-position: -58px -24px; }
.headinfo li:hover a.gp { background-position: -87px -24px; }
.headinfo .search-button:hover { background: #46b0d7; }

.headinfo .on { 
	background: #46b0d7 !important; 
}

.headinfo .on span { 
	background-position: -116px -20px !important;
}

.headinfo .search-button {
	float: left;
	height: 24px;
	padding: 4px 10px;
	color: transparent;
	background: #0092c8;
}

.headinfo .search-button span {
	width: 15px;
	height: 13px;
	float: left;
	background: url('../images/small-icon-sprite.png') no-repeat -116px 0;
}

.headinfo .search-form-wrapper {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	top: 24px;
	z-index: 101;
}

.headinfo .search-form-wrapper form input {
	width: 100%;
	height: 44px;
	color: #bababa;
	font-size: 16px;
	font-style: italic;
	line-height: 28px;
	border: 1px solid #46b0d7;
	background: #fff;
	padding: 5px;
}

.headinfo .search-form-wrapper form input:focus {
	outline: 0;
}

.headinfo .search-form-wrapper form button {
	width: 30px;
	height: 20px;
	padding: 0;
	color: transparent;
	border: medium none;
	background: url('../images/small-icon-sprite.png') no-repeat -137px 2px;
	position: absolute;
	right: 10px;
	top: 10px;
}

/*------------------------------------------------------------------
	[ 4 Top Menu ]
------------------------------------------------------------------*/
.menu-wrapper { 
	width: 100%;
	height: auto;
	position: relative;
	left: 0;
	margin: 4% 0 1%;
}

.navbar { 
	border: medium none;
	margin-bottom: 0;
}

.navbar-header {
	text-align: center;
}

.navbar-toggle {
	width: 100%;
	height: 50px;
	float: none;
	margin: 0;
	padding: 15px;
	background: url('../images/mobile-menu-bg.png') no-repeat 100% 0;
	border-radius: 0;
	border-top: none;
	border-bottom: none;
	border-left: 2px solid #556771;
}

.navbar-toggle:hover {
	background-position: 100% -52px;	
}

.navbar-toggle:hover .icon-bar,
.navbar-toggle:active .icon-bar {
	background: #fff;
}

.navbar-toggle:active .name,
.navbar-toggle:hover .name {
	color: #fff;
}

.navbar-toggle .bar {
	width: 18px;
	text-align: center;
	display: inline-block;
}

.navbar-toggle .icon-bar {
	width: 18px;
	height: 3px;
	border-radius: 0;
	background: #556771;
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 3px;
}

.navbar-header .name {
	display: inline;
	font-size: 24px;
	color: #556771;
	text-transform: uppercase;
	line-height: 16px;
	font-family: "ConduitITCPro-Bold",Arial,Helvetica, sans-serif;
}

.navbar-collapse {
	max-height: 520px;
	padding: 0;
	position: absolute;
	z-index: 22;
	width: 100%;
	background: url('../images/opacity-white.png') repeat 0 0;
}

#top-menu {
	width: 100%;
	left: 0;
	padding: 5px;
	position: static;
}

#menu-top-menu,
#menu-top-menu li {
	width: 100%;
	margin: 0 auto;
	height: auto;
	float: left;
}

#menu-top-menu > li > div a {
	float: left;
	width: 100%;
	padding: 12px;
	background: none;
}

#menu-top-menu > li > div a:hover, 
#menu-top-menu > .current-menu-item > div a {
	color: #c4c4c4 !important;
}

#menu-top-menu ul > li:hover > div a,
#menu-top-menu ul > .current-menu-item > div a,
#menu-top-menu ul > .current-menu-item:hover > div a,
#menu-top-menu ul > .current-menu-ancestor > div a {
	background: none;
	color: #c4c4c4;
}

#menu-top-menu a {
	font-family: "ConduitITCPro-Medium",Arial,Helvetica,sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	color: #556771;
	padding: 4px 6px 4px 9px;
}

#menu-top-menu ul {
	width: 100%;
	padding: 0 !important;
	position: static;
	display: block;
}

#menu-top-menu ul > li {
	border: medium none;
}

#menu-top-menu li:hover > ul {
	position: static;
}

#menu-top-menu > li:hover > ul {
	width: 100%;
}

#menu-top-menu ul > li {
	width: 100%;
}

#menu-top-menu ul > li> ul > li {
	border: none;
}

#menu-top-menu > li > .sub-menu > li > div > a,
#menu-top-menu > li > .sub-menu > li .sub-menu > li div > a {
	float: left;
	width: 100%;
	padding: 12px 12px 12px 40px;
	border: none;
}

#menu-top-menu > li > .sub-menu > li .sub-menu > li div > a {
	padding-left: 60px;
}

/*------------------------------------------------------------------
	[ 5 Banner ]
-------------------------------------------------------------------*/

.banner-wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 40px;
}

.home.page .banner-wrapper {
	height: 495px;
}

.page .banner-wrapper,
.error404 .banner-wrapper,
.single .banner-wrapper,
.archive .banner-wrapper,
.search .banner-wrapper {
	height: 318px;
}

.banner-wrapper .banner-inner {
	width: 100% !important;
	z-index: 1;
}

.banner-inner .banner-slider-item {
	width: 100% !important;
	height: 100% !important;
	position: relative;
}

.banner-inner img {
	min-width: 100%;
	position: relative;
	left:50%;
	margin-left:-952px;
}

.banner-inner .container {
	position: relative;
}

.home.page .leadins-list {
	display: block;
}

.page .leadins-list,
.single .leadins-list,
.error404 .leadins-list,
.archive .leadins-list,
.search .leadins-list {
	display: none;
}

.home.page .banner-inner .title-wrapper {
	display: none;
}

.page .banner-inner .title-wrapper,
.single .banner-inner .title-wrapper,
.error404 .banner-inner .title-wrapper,
.archive .banner-inner .title-wrapper,
.search .banner-inner .title-wrapper {
	display: none;
}

.banner-inner .title-wrapper {
	width: 46.3%;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 179px;
	z-index: 10;
}

.leadins-list {
	position: absolute;
	bottom: 30px;
	left: 0; right: 0;
	z-index: 2;
	margin: 0 auto;
}

.leadins-wrapper {
	width: 93%;
	margin: 0 auto;
}

.leadins-container .leadin-items {
	width: 100%;
	background: url('../images/leadin-bg.png') repeat 0 0;
	float: left;
	display: block;
	position: relative;
	z-index: 1;
}

.leadins-wrapper .leadins-container {
	width: 250px;
	height: 80px;
	float: none;
	padding: 0;
	position: relative;
	margin: 0 auto 20px;
}

.leadins-container .leadin-items:hover img {
	opacity: 1;
	  /* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	 /*IE 5-7 */
	filter: alpha(opacity=100);
}

.leadins-container .leadin-items span {
	color: #fff;
	position: absolute;
	bottom: 10%;
	left: 5%;
	width: 57%;
	text-transform: uppercase;
	font-family: "exoextra_bold",Arial,Helvetica, sans-serif;
	font-size: 16px
}

.leadins-container .leadin-items img {
	width: 100%;
	height: auto;
	opacity: .2;
	  /* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";

	 /*IE 5-7 */
	filter: alpha(opacity=20);
}

.leadins-wrapper .tooltip-wrapper {
	display: none;
	width: 310px;
	height: 208px;
	padding: 15% 20% 21%;
	opacity: 1;
	position: absolute;
	bottom: 80px;
	border-bottom: 147px solid transparent;
	top: -225px;
	background: url('../images/tooltip-bg.png') no-repeat 0 0;
	
	z-index: 2;
}

.leadins-container:hover {
	overflow: visible;
}

.leadins-container:hover .tooltip-wrapper {
	display: none;
	overflow: visible;
}

.leadins-wrapper .tooltip-wrapper .htitle {
	color: #fff;
	height: 33px;
	font-size: 18px;
	line-height: 18px;
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: "exoextra_bold",Arial,Helvetica, sans-serif;
	overflow: hidden;
}

.leadins-wrapper .tooltip-wrapper .description {
	font-size: 15px;
	line-height: 17px;
	color: #fff;
	margin-bottom: 10px;
}

.leadins-wrapper .tooltip-wrapper .more-btn {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	font-family: "exoextra_bold",Arial,Helvetica, sans-serif;
}

.page-title {
	font-size: 40px;
}


/*Frontpage*/
.front-page {
	margin-bottom: 0;
}

.front-page .blockwrapper {
	margin-bottom: 20px;
	float: left;
	position: relative;
}

.front-page .padding-bottom {
	padding-bottom: 70px;
	position: relative;
	z-index:10;
}

.main-front-page .hasbg {
	width: 400px;
	height: 300px;
	background: url('../images/career-bg.png') no-repeat right bottom;
	background-size: 100%;
	position: absolute;
	bottom: 0; 
	right: 0;
	display: block;
	z-index: -1;
}

/*Recent Project Section*/
.project-content .case-studies-wrapper {
	height: 231px;
}

.project-content .caroufredsel_wrapper {
	width: 100% !important;
	height: 409px !important;
}

.project-content .featured-img .valign-parent {
	width: 100%;
}

.project-content .featured-img .htitle {
	width: 100%;
	text-align: center;
	left: 0;
	padding: 0;
}

.project-content .btn-wrapper {
	width: 50%;
	margin: 0 auto;
	left: 0; bottom: 0;
	top: auto;
}

.main-front-page h2 {
	font-size: 40px;
	margin-bottom: 0;
}

.main-front-page .desc-container {
	width: 280px;
	height: 115px;
	margin-bottom: 10px;
	overflow: hidden;
}

.main-front-page .default-btn {
	float: left;
	width: 107px;
	height: 27px;
}

.project-content {
	position:relative;
	overflow: hidden;
}

.project-content .container {
	position: relative;
	padding: 51px 15px 50px;
}

.project-content .case-studies-wrapper {
	height: 100%;
	float: left;
	position: relative;
}

.project-content .project-item {
	position: relative;
	height: 220px;
}

.project-content .section-htitle {
	margin: 0 0 25px;
	font-size: 36px;
	line-height: 35px;
	color: #556670;
	font-family: "exoextra_bold",Arial,Helvetica, sans-serif;
}

.project-content .featured-img {
	position: relative;
	display: block;
	width: 100%;
	height: 220px;
	overflow: hidden;	
}

.project-content .featured-img img {
	min-width: 100%;
	height: auto;
}

.project-content .featured-img .htitle {
	width: 100%;
	height: 35px;
	color: #fefefe;
	font-family: "exoextra_medium",Arial,Helvetica, sans-serif;
	background: url('../images/opacity-black.png') repeat 0 0;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 10px;
	text-align: center;
	overflow: hidden;
	line-height: 34px;
}

.project-content .description-wrapper {
	float: left;
	margin-bottom: 40px;
}

.project-content .description {
	width: 100%;
	height: 85px;
	margin-bottom: 20px;
	float: left;
}

.project-content .btn-grey {
	float: left;
	clear: both;
	padding-bottom: 5px;	
}

.project-content .btn-wrapper {
	width: 63.5%;
	position: relative;
	bottom: 0;
	z-index: 1;
}
.banner-nav{
	width: 100%;
	position: absolute;
	top: 45%;
	z-index: 10;
}

.banner-nav #next, .banner-nav #prev {
	width: 22px;
	height: 23px;
	display: block;
	text-indent: -99999px;
	background: url('../images/featured-image-navigation-button.png') no-repeat 0 0;

}
.banner-nav #prev{
	margin-left:20px;
}
.banner-nav #next{
	background-position: 0 -24px;
	margin-right:20px;
}
.project-content .btn-wrapper a {
	width: 26px;
	height: 23px;
	display: block;
	color: transparent;
	text-indent: -99999px;
	background: url('../images/featured-image-navigation-button.png') no-repeat 0 0;
	position: absolute;
	
}

.project-content .btn-wrapper #btn_next {
	background-position: 0 -24px;
	right: 0;
}

.project-content .btn-wrapper #btn_prev {
	background-position: 0 0;
	left: 0;
}

.project-content .btn-wrapper #btn_next:hover {
	background-position: 0 -72px;
}

.project-content .btn-wrapper #btn_prev:hover {
	background-position: 0 -48px;
}
.col-md-6 .desc-container p {
	font-size:16px;
}

/*Bottom Section Frontpage*/
.section-bottom .col-sm-6 {
	float: left;
}

.section-bottom .section-htitle {
	color: #fff;
	font-size: 40px;
	margin: 30px 0 5px;
	line-height: 35px;
}

.section-bottom .haspadding {
	padding: 31px 25px 20px;
}

.section-bottom .news-container {
	margin-bottom: 20px;
}

.section-bottom .news-container {
	color: #fff;
}

.section-bottom .white-btn {
	float: left;
}

.section-bottom .description-left {
	width: 196px;
	height: 53px;
	margin-bottom: 20px;
	overflow: hidden;
}

.section-bottom .description-left p {
	color: #fff;
}

.section-bottom .video-btn {
	width: 208px;
	height: 173px;
	display: inline-block;
	margin-top: 30px;
	color: transparent;
	background: url('../images/featured-video-bg.jpg') no-repeat 0 0;
}

.section-bottom .video-btn:hover {
	background-position: 0 -174px;
}

.section-bottom .text-center {
	width: 100%;
	display: inline-block;
}

.main-content ul { margin: 0 0 20px; padding: 0; }
.main-content ul li { 
	width: 100%;
	float: left;
	margin: 0 0 7px;
	font-size: 16px;
	color: #556771;
	font-family: "ConduitITCPro-Bold",Arial,Helvetica, sans-serif;
	padding-left: 20px;
	background: url('../images/bullet.png') no-repeat left 2px;
}

.main-content ol li {
	margin: 10px 0;
}

.main-content ul:before,
.main-content ul:after,
.main-content ol:before,
.main-content ol:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.main-content ul:after,
.main-content ol:after,
.main-content ul,
.main-content ol {
	clear: both;
}

.main-content p {
	margin-bottom: 20px;
}

/*Subpages*/
#sub-page { padding: 25px 15px; min-height:448px;}
#sub-page h1 { margin-top: 0; }

/*Sidebar Section*/
.sidebar-wrapper .quicklinks-wrapper {
	margin: 0; padding: 0;
}

.sidebar-wrapper .quicklinks-wrapper li {
	margin: 0; padding: 0;
	background: none;
	border-top: 1px solid #dadada;
}

.sidebar-wrapper .quicklinks-wrapper li:first-child {
	border-top: medium none;
}

.sidebar-wrapper .quicklinks-wrapper li.active a {
	color: #556771;
	font-family: "exoextra_regular",Arial,Helvetica, sans-serif;
}

.sidebar-wrapper .quicklinks-wrapper li a {
	width: 100%;
	padding: 10px 0;
	float: left;
	text-transform: uppercase;
	font-size: 16px;
	font-family: "exoextra_regular",Arial,Helvetica, sans-serif;
}
/*Case studies page*/
.case-rotation li{
	width: 100%;
	height: 200px;
	padding-left:50px !important;
}
.case-img.left {
	margin-right: 20px;
	width: 205px;
	height: 155px;
}
.case-rotation li {
	background:none !important;
	font-family:"ConduitITCPro-Medium",Arial,Helvetica,sans-serif !important;
	font-size:15px !important;
}

.case-description {
	width:95%;
}

.case-container a#case-prev, .case-container a#case-next  {
	width: 26px;
	height: 23px;
	display: block;
	color: transparent;
	text-indent: -99999px;
	background: url('../images/featured-image-navigation-button.png') no-repeat 0 0;
	position:absolute;
	margin-top:70px;
	z-index:20;
}

.case-container a#case-prev {
	background-position: 0 0;
}

.case-container a#case-prev:hover {
	background-position: 0 -48px;
}

.case-container a#case-next {
	background-position: 0 -24px;
	right:20px;
}


.case-container a#case-next:hover {
	background-position: 0 -72px;
}

/*News Page Section*/
.news-p {
	color: #fff;
	border-bottom: 1px solid white;
	padding-bottom: 10px;
}
.news-container h4 {
	color:#fff;
	font-size:16px;
}
.news-section .news-item {
	margin-bottom: 4%;
}

.news-section .news-item h3 {
	color: #556771;
	margin: 0 0 5px;
	font-family: "exoextra_demibold",Arial,Helvetica, sans-serif;
}

.news-section .news-item .news-date {
	color: #b9b9b9;
	font-size: 14px;
	margin: 0 0 5px;
	font-family: "exoextra_demibold",Arial,Helvetica, sans-serif;	
}

.news-section .news-item .news-content {
	margin-bottom: 10px;
}

.news-section .news-item .news-link {
	width: 107px;
	float: left;
}


.single-post .news-date {
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 10px;
	color: #b9b9b9;
	font-family: "exoextra_demibold",Arial,Helvetica, sans-serif;
}

.single-post .content-description {
	padding: 0;
}

/*Page with thumbnails*/
.has-single-featured-image {
	float: left;
	margin: 0 20px 20px 0;
}

.has-single-featured-image img {
	width: 100%;
	height: auto;
}

/*Staff Member Area*/
.member-section .member-item {
	height: 313px;
	margin-bottom: 30px;
}

.member-section .featured-image {
	display: block;
	margin-bottom: 20px;
	border: 1px solid #e8e8e8;
	width: 203px;
	height: 209px;
}

.member-section .htitle {
	margin: 0;
	color: #556771;
	height: 17px;
	font-size: 16px;
	margin-bottom: 10px;
	font-family: "exoextra_demibold",Arial,Helvetica, sans-serif;
	float: left;
	overflow: hidden;
}

.member-section .position {
	width: 100%;
	height: auto;
	height: 18px;
	float: left;
	font-size: 14px;
	color: #0092c8;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: "exoextra_demibold",Arial,Helvetica, sans-serif;
	overflow: hidden;
}

.member-section .more-btn {
	float: left;
	width: 107px;
	height: 27px;
}

/*Our Services page*/
.services-cat-wrapper {
	width: 100%;
	height: 80px;
	margin: 0 2% 2% 0;
	overflow: hidden;
	position: relative;
}

.services-cat-wrapper h3 {
	margin: 0;
	height: 25px;
	overflow: hidden;
	color: #fff;
	font-size: 22px;
	font-family: "exoextra_demibold",Arial,Helvetica, sans-serif;
}

.services-cat-wrapper .details {
	width: 100%;
	height: 105px;
	padding: 18px;
	text-align: center;
	position: absolute;
	background: url('../images/services-feat-img-slope-right.png') no-repeat bottom right;
	top: 0;
	z-index: 1;
}

.services-cat-wrapper .services-feat-img {
	width: 100%;
	height: auto;
	display: block;
	background: #0092c8;
	overflow: hidden;
}

.services-cat-wrapper .services-feat-img img {
	min-width: 100%;
	height: auto;
	opacity: .2;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* IE 5-7 */
	filter: alpha(opacity=50);
}

.services-cat-wrapper .description p {
	color: #fff;
	overflow: hidden;
	height: 36px;
	margin-bottom: 3px;
}

.services-cat-wrapper .more-btn {
	margin: 0 auto;
	width: 107px;
	color: #0092c8;
	background-position: 0 -28px;
}

.services-cat-wrapper .more-btn:hover {
	color: #fff;
	background-position: 0 -56px;
}

/*Services Listing Page*/
.htitle-page {
	font-size: 26px;
	margin-bottom: 20px;
	font-family: "exoextra_bold",Arial,Helvetica, sans-serif;
	position: relative;
	overflow: hidden;
}

.htitle-page .horizontal-line {
	width: 74.3%;
	background: #dadada;
	height: 1px;
	position: absolute;
	top: 13px;
	left: 180px;
}

.services-listing-outer {
	position: relative;
}

.services-listing-wrapper {
	width: 100% !important;
	margin: 0 !important;
	position: relative;
	padding: 0 80px 0 0;
}

.archive .caroufredsel_wrapper {
	height: 363px !important;
	margin: 0 0 30px !important;
}

.services-listing-wrapper .listing-item {
	width: 100%;
	margin: 0 0 60px 0 !important;
	clear: both;
}

.services-listing-wrapper .listing-item .featured-img {
	text-align: center;
	padding: 0;
	margin: 0 0 20px;
}

.services-listing-wrapper .listing-item .description {
	padding: 0;
}

.services-listing-wrapper .listing-item .news-content {
	margin-bottom: 10px;
	height: 68px;
	overflow: hidden;
}

.services-listing-wrapper .listing-item h3 {
	margin: 0 0 5px;
	height: 44px;
	overflow: hidden;
}
	
.services-listing-wrapper .listing-item .more-link {
	width: 107px;
	height: 27px;
	display: inline-block;
}

.btn-wrapper-services {
	width: 100%;
	position: absolute;
	top: 80px;
	z-index: 99;
}

.btn-wrapper-services a {
	width: 26px;
	height: 23px;
	display: block;
	color: transparent;
	text-indent: -99999px;
	background: url('../images/featured-image-navigation-button.png') no-repeat 0 0;
	position: absolute;
}

.btn-wrapper-services a#btn_prev {
	background-position: 0 0;
	left: -20px;
}

.btn-wrapper-services a#btn_prev:hover {
	background-position: 0 -48px;
}

.btn-wrapper-services a#btn_next {
	background-position: 0 -24px;
	right: -20px;
}

.btn-wrapper-services a#btn_next:hover {
	background-position: 0 -72px;
}

/*Case Studies Single Page*/
.single .featured-image {
	float: left;
	margin: 0 0 5px;
	overflow: hidden;
}

.single-post .featured-image {
	margin: 0 20px 20px 0;
}

.single .featured-image img {
	width: 100%;
	height: auto;
}

.single .gallery-repeater-wrapper {
	float: left;
	width: 320px;
	margin: 0; padding: 0;
}

.single .gallery-repeater-wrapper li {
	width: 75px;
	background: none;
	padding: 0;
	margin: 0 5px 5px 0;
}

.single .gallery-repeater-wrapper li a {
	float: left;
}

.single .pdf-download-wrapper {
	width: 100%;
	height: 56px;
	float: left;
	clear: both;
	padding-right: 9px;
	background: url('../images/download-pdf-bg-mobile.png') no-repeat right 0;
}

.single .pdf-download-wrapper:hover {
	background-position: right -57px;
}

.single .pdf-download-wrapper .dl-link {
	width: 100%;
	height: 56px;
	display: block;
	padding: 19px 14px 15px 40px;
	background: #0092c8 url('../images/download-arrow.png') no-repeat 6% 50%;
	
}

.single .pdf-download-wrapper .dl-link:hover {
	background: #556771 url('../images/download-arrow.png') no-repeat 6% 50%;
}

.single .pdf-download-wrapper .dl-link span {
	color: #fff;
	font-size: 20px;
	height: 20px;
	line-height: 18px;
	display: block;
	overflow: hidden;
	font-family: "ConduitITCPro-Medium",Arial,Helvetica, sans-serif;
}

.single .section-content-block {
	clear: both;
	display: inline-block;
	margin-top: 20px;
}

/*MODAL Popout Container*/
.fancybox-image {
	height: auto;
}

.fancybox-image, .fancybox-iframe {
	position: relative;
	z-index: 0;
}

.member-section .hide-content {
	display: none;
}

.fancybox-wrap {
	padding-bottom: 9px;
	background: url('../images/modal-popup-bg.png') no-repeat right bottom;
}

.fancybox-skin {
	width: 100% !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	margin: 0 auto;
	overflow: hidden;
	background: #1293ca;
}

.fancybox-close {
	width: 24px;
	height: 24px;
	top: 3px !important;
	right: 3px !important;
	background-size: auto;
	z-index: 999;
	background: url('../images/close-btn.png') no-repeat 0 0 !important;
}

.fancybox-outer {
	z-index: 0;
}

.fancybox-inner {
	width: 100% !important;
	height: auto !important;
	background: #1293ca;
	overflow: visible !important;
}

.fancybox-inner .htitle {
	width: 100%;
	float: left;
	font-size: 18px;
	margin: 0 0 10px;
	color: #fff;
}

.fancybox-inner .position {
	float: left;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 25px;
	font-family: "exoextra_demibold",Arial,Helvetica, sans-serif;
}

.fancybox-inner .description {
	float: left;
	color: #fff;
	font-size: 15px;
	line-height: 17px;
	font-family: "ConduitITCPro-Medium",Arial,Helvetica, sans-serif;
}

.fancybox-inner .description p {
	color: #fff;
	font-size: 15px;
	line-height: 17px;
	font-family: "ConduitITCPro-Medium",Arial,Helvetica, sans-serif;
}

/*Career Page*/
.career-wrapper iframe {
	width: 100%;
	height: 501px;
	border: medium none;
	position: relative;
	z-index: 0;
}

/* contact */
.entry-meta,
.entry-utility {
	display: none;
}

.page .contact-form {
	width: 50%;
	padding-left: 0;
}

.page .contact-info {
	width: 50%;
}

.page .contact-wrapper .gform_wrapper .gform_body ul {
	margin-bottom: 0;
}

.page .contact-wrapper .gform_wrapper .gform_body li {
	width: 47%;
	margin: 0 6% 3% 0;
	padding: 0;
	background: none;
}

.page .contact-wrapper .gform_wrapper .gform_body li.textfield {
	width: 100%;
}

.page .contact-wrapper .gform_wrapper .gform_body .right {
	margin-right: 0 !important;
}

.page .contact-wrapper .gform_wrapper .gform_body label {
	font-size: 14px;
	color: #0092c8;
	width: 100%;
	display: block;
	text-transform: uppercase;
	font-family: "exoextra_bold",Arial,Helvetica, sans-serif;
}

.page .contact-wrapper .gform_wrapper .gform_body input,
.page .contact-wrapper .gform_wrapper .gform_body select, 
.page .contact-wrapper .gform_wrapper .gform_body textarea {
	width: 100%;
	padding: 5px;
	background: #f9fcff;
	color: #767676;
	border: 1px solid #129acc;
}

.page .contact-wrapper .gform_wrapper .gform_body input {
	height: 31px;
	line-height: 17px;
}

.page .contact-wrapper .gform_wrapper .gform_body input:focus,
.page .contact-wrapper .gform_wrapper .gform_body select:focus,
.page .contact-wrapper .gform_wrapper .gform_body textarea:focus {
	outline: 0;
	background: #f9fcff;
	border: 1px solid #61727b;
}

.page .contact-wrapper .gform_wrapper .gform_body .gfield_error label {
	color: #c00;
}

.page .contact-wrapper .gform_wrapper .gform_body .gfield_error input {
	border: 1px solid #c00;
}

.page .contact-wrapper .gform_wrapper .gfield_required,
.page .contact-wrapper .gform_wrapper .validation_message {
	display: none;
}

.page .contact-wrapper .gform_wrapper .gform_body .gfield-label-focusin {
	color: #556771;
}

.page .gform_wrapper .gform_body li.gform_hidden {
	position: absolute;
	display: none;
	top: -999999px;
	overflow: hidden;
}

.page .gform_wrapper .gform_footer input {
	float: left;
	width: 107px;
	height: 27px;
	border: medium none;
	border-radius: 0;
	font-weight: normal;
	color: #fff;
	font-size: 16px;
	color: #fff;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	font-family: "ConduitITCPro-Light",Arial,Helvetica,sans-serif;
	background: url('../images/default-btn-bg.png') no-repeat 0 0;
}

.page .gform_wrapper .gform_footer input:focus {
	text-decoration: none;
	outline: 0;
}

.page .gform_wrapper .gform_footer input:active,
.page .gform_wrapper .gform_footer input:hover {
	color: #0092c8;
	background: url('../images/default-btn-bg.png') no-repeat 0 -28px;
}

.page .contact-info {
	padding-right: 0;
}

.page .contact-info .contact-details {
	margin-bottom: 4%;
}

.page .contact-info ul li {
	padding: 0;
	background: none;
}

.page .contact-info h2,
.page .contact-info-secondary h2  {
	margin: 5% 0 2%;
	font-size: 25px;
	line-height: 25px;
	font-family: "exoextra_bold",Arial,Helvetica,sans-serif;
}

.page .contact-info h4 {
	font-size: 14px;
	color: #0091c8;
	margin: 0 0 7px;
	line-height: 14px;
	font-family: "exoextra_bold",Arial,Helvetica,sans-serif;
}

.page .contact-info p {
	margin-bottom: 20px;
}

.page .contact-info-secondary {
	clear: both;
}

.page .contact-info-secondary .info-details {
	margin-top: 5%;
}

.page .contact-info-secondary h2,
.page .contact-info-secondary h4 {
	margin: 0 0 5px;	
}

.page .contact-info-secondary h4 {
	font-size: 14px;	
}

.page .contact-info-secondary .nopadding-left {
	padding-left: 0;
}

.page .contact-info-secondary .nopadding-right {
	padding-right: 0;
}

.page .contact-info-secondary p {
	color: #444;
	margin-bottom: 5px;
}

.contact-info .google-maps {
	margin: 0;
}

.google-maps iframe {
	width: 100%;
	height: 189px;
	border: medium none;
	overflow: hidden;
}

.contact-details table {
	width: 100%;
}

/*Contact Us*/
.page .contact-form {
	width: 100%;
	padding: 0;
	float: left;
	margin-bottom: 20px;
}

.page .contact-wrapper .gform_wrapper .gform_body li {
	width: 100%;
}

.page .contact-info .contact-details a {
	display: block;
	margin-bottom: 16px;
}

.page .contact-info {
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
}

.page .contact-info-secondary .nopadding-left,
.page .contact-info-secondary .nopadding-right {
	margin: 0 0 20px 0;
	padding: 0;
}

.page .contact-info h2, 
.page .contact-info-secondary h2{
	margin-bottom: 5%;
	display: inline-block;
}

/*Searh Page*/
.entry-content {
	margin-bottom: 20px;
}

.search-block {
	width: 100%;
	position: relative;
}

.search-block form {
	width: 100%;
}

.search-block input {
	width: 100%;
	padding: 5px;
	background: #f9fcff;
	color: #767676;
	border: 1px solid #129acc;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 22px;
}

.search-block input:focus {
	outline: 0;
}

.search-block button {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
	border: none;
	color: #fff;
	background: #0092c8;
	padding: 8px;
	text-align: center;
	text-transform: uppercase;
	font-family: "ConduitITCPro-Light",Arial,Helvetica,sans-serif;
}
/** .addthis_sharing_toolbox a span ,  .addthis_32x32_style .at300bs{
    background: url('../images/social-icons.png') no-repeat center center !important;
	width: 25px !important;
	height: 25px !important;
	display: block;
	line-height: 32px !important;
}
.addthis_32x32_style .at15t_facebook{
	background-position : 0px 0 !important;
}
.addthis_32x32_style .at15t_linkedin{
	background-position : -39px 0 !important;
}
.addthis_32x32_style .at15t_twitter{
	background-position : -85px 0 !important;
}
.addthis_32x32_style .at15t_google_plusone_share{
	background-position : -132px 0 !important;
}
.addthis_32x32_style .at15t_email{
	background-position : -176px 0 !important;
} **/

.addthis_sharing_toolbox a span, .addthis_32x32_style .at300bs.at15nc {
    background-image: url("../images/social-icon.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0);
    display: block;
    height: 40px !important;
    line-height: 32px !important;
    width: 33px !important;
}
.addthis_32x32_style .at300bs.at15t_facebook{
	background-position : -0px 5px;
}
.addthis_32x32_style .at300bs.at15t_linkedin{
	background-position : -33px 5px;
}
.addthis_32x32_style .at300bs.at15t_twitter{
	background-position : -68px 5px;
}
.addthis_32x32_style .at300bs.at15t_google_plusone_share{
	background-position : -101px 5px;
}
.addthis_32x32_style .at300bs.at15t_email{
    background-image: url("../images/mail.png");
    background-repeat: no-repeat;
    background-position: 0px 5px;
    background-color: rgba(0, 0, 0, 0);
}

/*------------------------------------------------------------------
	[ 7 Footer ]
-------------------------------------------------------------------*/
.hsa-logo {
padding: 5px;
/* display: inline; */
margin-top: -25px;
position: relative;
}
.case-header {
	position:relative;
	z-index:100;
	cursor:pointer;
}
.footer-wrapper {
	background: #556771;
}

.footer-pad {
	padding: 20px 0 35px 0;
}

.footer {
	height: 97px;
	padding-top: 40px;
	font-family: "ConduitITCPro-Medium",Arial,Helvetica, sans-serif !important;
	font-size:14px;
	padding-left:0;
	padding-right:0;
}
/* copyright */

.footer .copyright,
.footer .menu-wrapper,
.footer .media-wrapper,
.titan-badge {
	width: 100%;
	text-align: center;
}

.footer .copyright {
	color: #fff;
	padding: 0;
}
/* footer-menu */
.footer .menu-wrapper {
	width: 100%;
	margin: 0; padding: 0;
}
.footer .footer-menu {
	width: 100%;
	padding: 0;
	overflow: hidden;
}
.footer .footer-menu ul {
	margin:0;
	padding:0;
}
.footer .footer-menu ul li {
	list-style:none;
	display: inline-block;
	margin:0;
	padding:0 10px;
	border-left:1px solid #888888;
}
.footer .footer-menu ul li:first-child {
	padding-left:0px;
	border-left:none;
}
.footer .footer-menu ul li a {
	color:#fff;
	font-size: 12px;
	font-family: "ConduitITCPro-Medium",Arial,Helvetica, sans-serif !important;

}
.footer .footer-menu ul li a:hover {
	color:#0092c8;
}

/* Social Media*/
.footer .media-wrapper {
	margin: 15px 0 0; 
	padding: 0;
	overflow: hidden;
}

.footer .media-wrapper li {
	display: inline-block;
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid #fff;
}

.footer .media-wrapper li:first-child {
	border-left: medium none;
	margin-left: 5px;
	padding-left: 0;
}

.footer .media-wrapper li a {
	width: 11px;
	height: 10px;
	display: block;
	color: transparent;
	background: url('../images/small-icon-sprite.png') no-repeat 0 -4px;
}

.footer .media-wrapper li a.li {
	background-position: 0 -4px;
}

.footer .media-wrapper li a.tw {
	background-position: -29px -4px;
}

.footer .media-wrapper li a.fb {
	background-position: -58px -4px;
}

.footer .media-wrapper li a.gp {
	background-position: -87px -4px;
}

.footer .media-wrapper li a.li:hover {
	background-position: 0 -44px;
}

.footer .media-wrapper li a.tw:hover {
	background-position: -29px -45px;
}

.footer .media-wrapper li a.fb:hover {
	background-position: -58px -45px;
}

.footer .media-wrapper li a.gp:hover {
	background-position: -87px -45px;
}
.titan-footer {
	margin-left: 3px;
	color: #fff;
}
/* titan badge */
.titan-badge {
	float: left;
	margin-top: 20px;
	padding: 0 0 10px 20px;
}
.titan-badge .titan-title {
	display:block;
	padding: 10px 5px 0 0;
}
.titan-badge a {
	display:block;
}
.titan-badge span {
	display: inline-block;
	margin: 0;
	color: #fff;
}
.titan-badge img.logo-esa {
	margin-right: 10px;
}

/*------------------------------------------------------------------
	[ 8 Gallery ]
-------------------------------------------------------------------*/
.gallery-wrapper {	width: 960px; }

.ngg-albumtitle {
	height: 33px;
	overflow: hidden;
	text-transform: capitalize;
}

.ngg-gallery-thumbnail a { 	display: block; }

.ngg-gallery-thumbnail {
	display: block;
	float: left;	
	overflow: hidden;	
	width: 176px;
}

.ngg-pagination { float: left;}

.ngg-pagination span,
.ngg-pagination a {
	display: inline-block;
}

.featured-gallery-wrapper .ngg-gallery-thumbnail {
	height: 90px;
	width: 99px;
}
/*------------------------------------------------------------------
	[ 9 Pagination ]
-------------------------------------------------------------------*/
.titan-pagination ul li {
	float: none;
	display: inline;
	margin: 0 2px;
	padding: 0;
	background: none;
}

.titan-pagination ul li a,
.titan-pagination ul li span {
	padding: 2px 11px;
	display: inline-block;
	font-size: 16px;
	font-family: "exoextra_demibold",Arial,Helvetica, sans-serif !important;
}

.titan-pagination ul li a:hover,
.titan-pagination ul li span:hover {
	color: #556771;
}

.titan-pagination ul li:first-child span,
.titan-pagination ul li:first-child a {
	padding-left: 0;
}

.titan-pagination ul li .current {
	color: #556771;
}

/*Titan Breadcrumbs*/
.titan-breadcrumb {
	margin-top: -25px;
	margin-bottom: 8px;
}
.titan-breadcrumb a,
.titan-breadcrumb span {
	color: #0092c8;
	text-transform: uppercase;
}

.titan-breadcrumb .current {
	color: #54666f;
}

.titan-breadcrumb .separator {
	width: 10px;
	height: 10px;
	display: inline-block;
	margin: 0 5px;
	background: url('../images/double-arrow.png') no-repeat top;
}

.hasbg img{
	width:100%;
	height:100%;
}
.main-front-page .hasbg{
	background:none !important;
}

/*------------------------------------------------------------------
	[ 10 Media Queries ]
-------------------------------------------------------------------*/
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@media (max-width: 380px ) {
	.case-rotation li {
		height: 450px;
		padding-left:20px !important;
	}
	.case-container a#case-next {
		right:-7px;
	}
	.case-container a#case-prev {
		left:-7px;
	}
	.case-img {
		margin-bottom:10px;
		float:none;
		margin-left:-12px;
	}
	.logo a img {
		width: 100%;
		height: auto;
	}
	
	.hasbg img {
		height: 50%;
		position: relative;
		top: 120px;
	}
	.leadins-container .leadin-items {
		background: url('../images/leadin-bg-mob.png') no-repeat 0 0;
	}
	.main-front-page .hasbg {
		width:180px;
		height:242px;
	}
}

@media (min-width: 410px ) { 
	.header-wrapper .logo {
		margin: 0;
	}

	.single .pdf-download-wrapper {
		width: 313px;
	}

	.single .pdf-download-wrapper .dl-link {
		width: 304px;
		padding: 19px 58px;
	}
	.leadins-container .leadin-items {
		background: url('../images/leadin-bg-mob.png') no-repeat 0 0;
	}
	
}

@media (max-width: 480px ) {
	.member-section .member-item {
		width:100%;
		height: auto;
	}
	.main-front-page .hasbg {
		width:180px;
		height:242px;
	}

	.member-section .featured-image {
		width: auto;
		height: auto;
	}

	.member-section .featured-image img {
		min-width: 100%;
		height: auto;
	}

	.single .gallery-repeater-wrapper {
		width: 320px;
		max-width: 100%;
	}
	.leadins-container .leadin-items {
		background: url('../images/leadin-bg-mob.png') no-repeat 0 0;
	}
 }
 
@media all and (min-width: 1001px) {
	.leadins-container .leadin-items {
			background: url('../images/leadin-bg.png') no-repeat 0 0 !important;
	}
}
 @media (min-width: 650px ) {
 	.single .featured-image {
 		margin: 0 20px 5px 0;
 	}

 	.single .section-content-block {
 		clear: none;
 		display: block;
 		margin-top: 0;
 	}	
	.leadins-container .leadin-items {
		background: url('../images/leadin-bg-tab.png') no-repeat 0 0;
	}
 }

/* Small devices (tablets, 768px and up) */

@media (min-width: 768px ) { 

	.case-description .description {
		float: left;
		width: 60%;
		min-height: 128px;
	}
	.banner-inner img {
		left:0;
		margin-left:0;
	}	
	.leadins-container .leadin-items {
		background: url('../images/leadin-bg-tab.png') no-repeat 0 0;
	}
	.fancybox-wrap {
		background-position: center bottom
	}

	.grey {
		height: 600px; 
	}

	.blue {
	height: auto;
	background: #008fc5 url('../images/bottom-section-bg.jpg')repeat center center;
	background-size: 100% 100%;
	}

	.headinfo {
		position: relative;
	}

	.headinfo .search-form-wrapper {
		display: none;
		width: 353px;
		position: absolute;
		left: -185px;
		top: 24px;
		z-index: 101;
	}

	.headinfo .search-form-wrapper form input {
		width: 353px;
		height: 44px;
		color: #bababa;
		font-size: 16px;
		font-style: italic;
		border: 1px solid #46b0d7;
		background: #fff;
		padding: 5px;
	}

	 /* Structure and General Styling */
	 .navbar {
	 	background: none;
	 	border-radius: 0;
	 }

	 .navbar-collapse {
	 	background: none;
	 }

	 .navbar-collapse.collapse {
	 	width: 100%;
	 }

	.menu-wrapper { 
		width: 100%;
		height: 30px;
		margin: 3% 0 0;
	}

	#menu-top-menu ul {
		display: none;
		position: absolute;
		z-index: 100;
	}
	#menu-top-menu > li {
		float: left;
		position: relative;
		z-index: 100;
	}
	#menu-top-menu li:hover > ul {
		display: block;
	}
	#menu-top-menu > li:hover > ul {
		left: 0;
	}

	#menu-top-menu a:hover,
	#menu-top-menu a:active,
	#menu-top-menu a:focus {
		color: #FFFFFF;
		text-decoration: none;
	}
	 
	/* Top-level Styling */

	#menu-top-menu {
		width: 102%;
		height: 25px;
		padding: 0;
		margin: 0 auto;
		position: relative;
	}
	#menu-top-menu > li {
		height: 25px;
		width: auto;
	}
	#menu-top-menu > li > div a {
		display: inline;
		padding: 4px 6px 4px 9px;
	}

	#menu-top-menu > li:first-child > div a {
		border-left: none;
	}

	#menu-top-menu > li > div a:hover,
	#menu-top-menu > .current-menu-item > div a {
		color: #fff !important;
		background: #556771;
	}

	#menu-top-menu > li > .hasbg {
		padding-right: 5px;
		height: 25px;
	}

	#menu-top-menu > li > .hasbg:hover,
	#menu-top-menu > .current-menu-item > .hasbg {
		background: url('../images/menu-right-slope.png') no-repeat right;
	}
	 
	/* Sub-menu Styling and Positioning. Accounts for infinite levels of dropdowns. */
	
	#menu-top-menu ul {
		border-top: 5px solid transparent;
		/*width: 146px;*/
	}

	#menu-top-menu li:hover > ul {
		width: 146px;
		position: absolute;
	}
	#menu-top-menu ul > li {
		width: 146px;
		background: url('../images/opacity-blue.png') repeat;
		border-bottom: 1px solid #fff;
	}
	#menu-top-menu ul > li > a {
		background: #000;
		border-top: 1px solid #FFFFFF;
		font-size: 14px;
		text-transform: uppercase;
		font-family: "RobotoCondensed",Arial,Helvetica, sans-serif;
	}

	#menu-top-menu > li > .sub-menu > li > div > a, 
	#menu-top-menu > li > .sub-menu > li .sub-menu > li div > a {
		padding: 5px;
	}

	#menu-top-menu > li > .sub-menu > li > div > a {
		color: #fff;
		font-family: "ConduitITCPro-Medium",Arial,Helvetica,sans-serif;
		font-size: 15px;
	}

	#menu-top-menu ul > li div a {
		text-transform: uppercase;
		font-family: "ConduitITCPro-Medium",Arial,Helvetica,sans-serif;
	}

	#menu-top-menu ul > li:hover > div a,
	#menu-top-menu ul > .current-menu-item > div a,
	#menu-top-menu ul > .current-menu-item:hover > div a,
	#menu-top-menu ul > .current-menu-ancestor > div a {
		background: #66747c;
		color: #fff;
	}
	#menu-top-menu li > ul li:hover > ul {
		left: 146px;
		padding-left: 6px !important;
		border-left: 10px solid transparent;
		background: url('../images/menu-arrow-left.png') no-repeat top left;
	}

	#menu-top-menu ul > li> ul {
		padding: 10px 12px;
		background: url('../images/opacity-gray.png') repeat;
	}
	#menu-top-menu ul > li> ul > li:hover {
		background:#000;
	}
	#menu-top-menu ul > li> ul > li {
		border-bottom: 1px solid #c3c0bf;
	}

	#menu-top-menu ul > li> ul > li span a {
		color: #556771 !important;
		text-transform: uppercase;
		font-family: "RobotoCondensed",Arial,Helvetica, sans-serif !important;
	}

	#menu-top-menu ul > li> ul > li span a:hover {
		color: #556771 !important;
	}

	#menu-top-menu > li > .sub-menu > li .sub-menu > li div > a {
		padding: 5px;
		background: url('../images/opacity-white2.png') repeat;
	}

	#menu-top-menu > li > .sub-menu > li .sub-menu > li div > a:hover {
		color: #556771 !important;
	}

		
	/*------------------------------------------------------------------
		[ 5 Banner ]
	-------------------------------------------------------------------*/
	.banner-wrapper {
		width: 100%;
		overflow: hidden;
		position: relative;
		margin-bottom: 40px;
	}	

	.banner-wrapper .banner-inner {
		width: 100% !important;
	}

	.banner-inner .banner-slider-item {
		width: 100% !important;
		height: 100% !important;
		position: relative;
	}

	.banner-inner .container {
		position: relative;
	}

	.home.page .leadins-list {
		display: block;
		bottom: 23%;
	}

	.page .leadins-list,
	.single .leadins-list,
	.error404 .leadins-list,
	.archive .leadins-list {
		display: none;
	}

	.home.page .banner-inner .title-wrapper {
		display: block;
		top: 210px;
		right: 80px;
		display: none;
	}

	.page .banner-inner .title-wrapper,
	.single .banner-inner .title-wrapper,
	.error404 .banner-inner .title-wrapper,
	.archive .banner-inner .title-wrapper {
		display: none;
	}

	.banner-inner .title-wrapper {
		display: none;
	}

	.banner-inner .title-description {
		width: 403px;
		height: 156px;
		padding: 25px 20px 20px 80px;
		float: left;
		display: block;
		background: url('../images/banner-title-bg.png') no-repeat;
	}

	.banner-inner .title-description .htitle {
		font-size: 24px;
		height: 24px;
		line-height: 24px;
		display: block;
		overflow: hidden;
		text-transform: uppercase;
		color: #fff;
		margin-bottom: 5px;
		font-family: "exoextra_bold",Arial,Helvetica, sans-serif;
	}

	.banner-inner .title-description .description {
		font-size: 15px;
		color: #fff;
		line-height: 17px;
		margin-bottom: 10px;
	}

	.banner-inner .title-description .more-btn {
		width: 85px;
		height: 21px;
		font-size: 12px;
		padding: 3px 0;
		float: left;
		color: #1293ca;
		text-align: center;
		text-transform: uppercase;
		background: url('../images/banner-title-btn.png') no-repeat 0 0;
	}

	.banner-inner .title-description .more-btn:hover {
		color: #fff;
		background-position: 0 -23px;
	}

	.leadins-list {
		bottom: 20px;
	}

	.leadins-wrapper {
		width: 663px;
	}

	.leadins-wrapper .leadins-container {
		width: 310px;
		height: auto;
		float: left;
		margin: 10px;
	}

	.project-content .caroufredsel_wrapper {
		height: 462px !important; 
	}


	/*------------------------------------------------------------------
	[ 6 Content ]
	-------------------------------------------------------------------*/

	/*Frontpage*/
	.front-page {
		margin-bottom: 39px;
	}

	.content-wrapper {
		position: relative;
	}

	.main-front-page .hasbg {
		width: 360px;
		height: 235px;
		right: 0%;
		left: 18%;
		bottom: -40px;
		background-size: 65%;
		position: absolute;
	}

	.footer .copyright {
		width: 38.666667% !important;
		float: left;	
	}

	.section-bottom .text-center {
		width: auto;
	}

	.section-bottom .section-htitle,
	.section-bottom .video-btn {
		margin-top: 0;			
	}

	.project-content .section-htitle {
		position: absolute;
	}

	.project-content .container {
		padding-left: 0;
		padding-right: 30px;
	}

	.project-content .description {
		width: 100%;
		height: auto;
		margin-top: 90px;
	}

	.project-content .btn-wrapper {
		width: 60;
		height: 24px;
		margin: 0 auto;
	}

	.project-content .featured-img .htitle {
		text-align: right;
	}
	

	/*Services Page*/
	.services-cat-wrapper {
		width: 47.7%;
	}

	.services-cat-wrapper .services-feat-img {
		height: 128px;
	}

	/*Case Study Single Page*/
	.single .featured-image img {
		width: auto;
		margin: 0 20px 0 0;
	}

	.single .section-gallery-block {
		padding-right: 0;
	}

	.single .section-content-block {
		padding: 0;
	}

	.btn-wrapper-services {
		width: 94%;
		left: 0;
		top: 65px;
	}

	.archive .caroufredsel_wrapper {
		height: 154px !important;
	}


	/* footer-menu */
	.footer .menu-wrapper {
		float: left;
	}

	.footer .copyright, 
	.footer .menu-wrapper, 
	.footer .media-wrapper, 
	.titan-badge {
		width: 100%;
		display: inline-block;
		text-align: left;
	}

	.footer .footer-menu {
		width: auto;
		padding: 0;
		overflow: hidden;
	}

	.footer .footer-menu ul {
		margin:0;
		padding:0;
	}

	.footer .media-wrapper {
		text-align: center;
		margin: 0; 
		padding: 0;
	}

	.footer .media-wrapper li {
		float: none;
	}

	.footer .media-wrapper li a {
		width: 11px;
		height: 10px;
		display: block;
		color: transparent;
		background: url('../images/small-icon-sprite.png') no-repeat 0 -4px;
	}

	/* titan badge */
	.hsa-logo {
		float: left;
		overflow: hidden;
		right: 40px;
		width: 100px;
	}
	.col-sm-2 {
		right: 40px;
		top:5px;
	}
	.titan-badge {
		width: 300px;
		float: right;
		margin-top: 0;
		padding: 0 0 10px 20px;
	}
	.titan-badge .titan-title {
		float:left;
		display:block;
		padding:10px 5px 0 0;
	}
	.titan-badge a {
		float:right;
		display:block;
	}
	.titan-badge span {
		color: #fff;
		display: inline-block;
		float: left;
		margin: 15px 0 0;
	}
	.titan-badge img {
		float: left;
	}

	/* contact */
	.entry-meta,
	.entry-utility {
		display: none;
	}

	.page .contact-form {
		width: 47%;
		padding-left: 0;
		margin-right: 20px;
	}

	.page .contact-info {
		width: 50%;
	}

	.page .contact-wrapper .gform_wrapper .gform_body li {
		width: 47%;
		margin: 0 6% 3% 0;
	}

	.page .contact-wrapper .gform_wrapper .gform_body li.textfield {
		width: 100%;
	}

	.page .contact-wrapper .gform_wrapper .gform_body .right {
		margin-right: 0 !important;
	}

	.page .contact-wrapper .gform_wrapper .gform_body label {
		font-size: 14px;
		color: #0092c8;
		width: 100%;
		display: block;
		text-transform: uppercase;
		font-family: "exoextra_bold",Arial,Helvetica, sans-serif;
	}

	.page .gform_wrapper .gform_footer input {
		float: left;
		width: 107px;
		height: 27px;
		padding: 5px;
	}

	.page .gform_wrapper .gform_footer input:focus {
		text-decoration: none;
		outline: 0;
	}

	.page .gform_wrapper .gform_footer input:hover {
		color: #0092c8;
		background-position: 0 -28px;
	}

	.page .contact-info {
		padding-right: 0;
	}

	.page .contact-info .contact-details {
		margin-bottom: 4%;
	}

	.page .contact-info ul li {
		padding: 0;

	}

	.page .contact-info h2,
	.page .contact-info-secondary h2  {
		margin: 5% 0 2%;
	}

	.page .contact-info h4 {
		margin: 0 0 7px;
	}

	.page .contact-info p {
		margin-bottom: 20px;
	}

	.page .contact-info-secondary {
		clear: both;
	}
	
	.page .contact-info-secondary .info-details {
		margin-top: 5%;
		width: 47%;
		margin-left: 20px;
	}
	.new-add {
		margin-left: 0 !important;
	}
	
	.page .contact-info-secondary .info-details:first-child,.new-add {
		margin-left: 0;
	}

	.page .contact-info-secondary h2,
	.page .contact-info-secondary h4 {
		margin: 0 0 5px;	
	}

	.contact-info .google-maps {
		margin: 0;
	}

	.google-maps iframe {
		height: 189px;
	}

	.fancybox-skin {
		width: 515px !important;
	}

	/*Search Page*/
	.search-block {
		width: 50%;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.home .fancybox-skin {
		width: auto !important;
		overflow: visible !important;
	}

	.home .fancybox-wrap {
		background: none;
	}

	.page .fancybox-wrap {
		width: 531px !important;
	}

	.home .fancybox-inner {
		height: 480px !important;
	}

	.container {
		width: 960px;
	}

	.grey {
		height: 320px;
	}

	 /* Structure and General Styling */
	.menu-wrapper { 
		float: right;
		width: 59%;
		height: 0; 
		position:relative; 
		z-index:100;
		margin: 0;
	}
	#menu-top-menu,
	#menu-top-menu li,
	#menu-top-menu a {
		display: block;
	}
	#menu-top-menu li,
	#menu-top-menu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#menu-top-menu ul {
		display: none;
		position: absolute;
		z-index: 100;
	}
	#menu-top-menu > li {
		float: left;
		position: relative;
		z-index: 100;
	}
	#menu-top-menu li:hover > ul {
		display: block;
	}
	#menu-top-menu > li:hover > ul {
		left: 0;
	}

	#menu-top-menu a:hover,
	#menu-top-menu a:active,
	#menu-top-menu a:focus {
		color: #FFFFFF;
		text-decoration: none;
	}
	 
	/* Top-level Styling */
	#top-menu {
		bottom: 0;
		position: absolute;
		width: 100%;
	}

	/*------------------------------------------------------------------
		[ 5 Banner ]
	-------------------------------------------------------------------*/
	.banner-wrapper {
		width: 100%;
		overflow: hidden;
		position: relative;
		margin-bottom: 40px;
	}	

	.banner-wrapper .banner-inner {
		width: 100% !important;
	}

	.banner-inner .banner-slider-item {
		width: 100% !important;
		height: 100% !important;
		position: relative;
	}

	.banner-inner .container {
		position: relative;
	}

	.project-content .caroufredsel_wrapper {
		height: 222px !important;
	}

	.home.page .leadins-list {
		display: block;
		bottom: 20px;
	}

	.project-content .btn-wrapper {
		width: 73.2%;
		height: 24px;
		position: absolute;
		top: 50%;
		margin: 0;
		left: 28%;
	}

	.page .leadins-list,
	.single .leadins-list,
	.error404 .leadins-list,
	.archive .leadins-list {
		display: none;
	}

	.main-front-page .hasbg {
		right: -85px;
		background-size: 100%;
		bottom:70px;
		width: 402px;
		height: 262px;
		left:35%;
	}

	.home.page .banner-inner .title-wrapper {
		display: block;
		right: -40px;
	}

	.page .banner-inner .title-wrapper,
	.single .banner-inner .title-wrapper,
	.error404 .banner-inner .title-wrapper,
	.archive .banner-inner .title-wrapper {
		display: none;
	}

	.banner-inner .title-wrapper {
		display: none;
	}

	.banner-inner .title-description {
		width: 390px;
		height: 110px;
		padding: 25px 20px 20px 70px;
		float: left;
		display: block;
		background: url('../images/new-banner-title-bg.png') no-repeat;
	}

	.banner-inner .title-description .htitle {
		font-size: 36px;
		height: 85px;
		line-height: 35px;
		display: block;
		overflow: hidden;
		text-transform: uppercase;
		color: #fff;
		font-family: "exoextra_bold",Arial,Helvetica, sans-serif;
	}

	.banner-inner .title-description .description {
		font-size: 15px;
		color: #fff;
		line-height: 17px;
		margin-bottom: 10px;
	}

	.project-content .description {
		width: 251px;
	}

	.leadins-list {
		bottom: 20px;
	}

	.leadins-wrapper {
		width: 100%;
	}

	.leadins-wrapper .leadins-container {
		width: 218px;
		float: left;
		margin-left: 20px;
		margin-bottom: 0;
		margin-right: 0;
	}

	.leadins-wrapper .leadins-container:first-child {
		margin-left: 0;
	}

	.leadins-container:hover .tooltip-wrapper {
		display: block;
	}

	.section-bottom .section-htitle,
	.section-bottom .video-btn {
		margin-top: 30px;			
	}

	.btn-wrapper-services {
		width: 97%;
	}

	.services-listing-wrapper .listing-item .news-content {
		width: 87%;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}
@-moz-document url-prefix() { 
 .case-description a {
	top:10px;
 }
}
@media all\9 { 
	.col-md-4{
		width:16.33%
	}
	.project-content .featured-img IMG {
		min-width:52%;
	}
	.project-content .featured-img .htitle {
		width:52%;
	}
	.case-description .description {
		width: 50%;
		margin-right:50px;
	}
}