/* Global Styles */

html,
body {
  height: 100%;
  width: 100%;
background:#f4f4f4;
font-family: helvetica, "Helvetica Neue", Arial, sans-serif;
font-weight:300;
}


.navbar-default {
background-color:#fff;
}

.vert-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.vert-text h1 {
  padding: 0;
  margin: 0;
}


@font-face {
  font-family: 'OpenSans Condensed Bold';
  src:  url('fonts/open-sans-condensed/OpenSans-CondBold.ttf') format('truetype') ;
}

@font-face {
  font-family: 'Cantarell Bold';
  src:  url('fonts/Cantarell/Cantarell-Bold.ttf') format('truetype') ;
}

.navbar-brand {
height:80px;
padding: 0;
margin-left:10px;
}

.navbar-brand .logo-wrap {
display:table-row;
}

.navbar-brand .logo-icon {
display:table-cell;
}

.navbar-brand .logo-icon img {
border-bottom:1px solid rgba(255,255,255,0.5);
border-right:1px solid rgba(255,255,255,0.5);
border-left:1px solid rgba(255,255,255,0.5);
box-shadow:0 2px 6px rgba(0,0,0,0.5);
}

.navbar-brand .logo-text {
display:table-cell;
padding-left:15px;
}

.navbar-brand .logo-text img {
margin-bottom:5px;
}

ul.nav.navbar-nav {
margin-top:2em;
}

/* --------------------- Selectors --------------------------- */
h1, h2 {
font-family:'OpenSans Condensed Bold','Cantarell Bold', 'Arial Narrow';
font-size:6.5em;
line-height:1;
letter-spacing:-5px;
margin-top:0;
/*  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; */

text-shadow: 0 1px 0px rgba(255,255,255,.75),0 -1px 1px rgba(0,0,0,0.5) ;
}



h3 {
font-family:'Times New Roman', serif;
font-style:italic;
font-weight:normal !important;
font-size:2.65em;
line-height:1.2;
margin-bottom:.5em;
}

.h1-h3 {
font-family:'Times New Roman', serif;
font-style:italic;
font-weight:normal !important;
font-size:.350em;
line-height:1.2em;
margin-top:.2em;
letter-spacing:normal;
color:#fff;
display:block;
}

h4 {
font-family:'OpenSans Condensed Bold','Cantarell Bold', 'Arial Narrow';
}


div.intro h2 {
color:#3b43ab;
color:#21216A;
margin-top:0;
}


#menu-toggle {
  top: 0;
  right: 0;
  position: fixed;
  z-index: 1;
}

#sidebar-wrapper.active {
  right: 250px;
  width: 250px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.toggle {
  margin: 5px 5px 0 0;
}



@media(min-width:768px)  and (max-width: 1200px) {
    .navbar {
        padding: 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        /* Customize the look and feel of the collapsed top nav here */
        padding: 0;
    }



}

@media(min-width:980px) {
	.lead {
	font-size:18px;
	}
}

.nav {
font-family:'OpenSans Condensed Bold','Cantarell Bold', 'Arial Narrow';
text-transform: uppercase;
}


/* Full Page Image Header Area */

.header {
  display: table;
  width: 100%;
  padding: 100px 0 0;
	margin:50px auto 0 auto;
  position: relative;
background-color:#125a87;
background-color:#2F1E90;
background-color:#36398c;
background-color:#2a2e8b;
background-color:#025284;
background-color:#024D7C;
background-color:#033771;
}

.header-gradient-1 {
 /* http://colorzilla.com/gradient-editor/#257cc4+0,125a87+61,064268+100;Custom /* 
  background: #257cc4; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyNTdjYzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiMxMjVhODciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDY0MjY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #257cc4 0%, #125a87 61%, #064268 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#257cc4), color-stop(61%,#125a87), color-stop(100%,#064268)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #257cc4 0%,#125a87 61%,#064268 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #257cc4 0%,#125a87 61%,#064268 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #257cc4 0%,#125a87 61%,#064268 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #257cc4 0%,#125a87 61%,#064268 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#257cc4', endColorstr='#064268',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}

.header-gradient-2 {

background: #226c93; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyMjZjOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMxMjVhODciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDMyNTQyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #226c93 0%, #125a87 30%, #032542 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#226c93), color-stop(30%,#125a87), color-stop(100%,#032542)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #226c93 0%,#125a87 30%,#032542 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #226c93 0%,#125a87 30%,#032542 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #226c93 0%,#125a87 30%,#032542 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #226c93 0%,#125a87 30%,#032542 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#226c93', endColorstr='#032542',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}

div#top.header {
background-color:#125a87;
}

div.header h1 {
color:#AEF0FF;
margin-top:0;
}



img.banner-1 {
max-width:110%; 
position:relative; 
z-index:0;
left:-10%;
}

@media(max-width:380px) {

	
      h1, h2 {
	font-size:4em !important;
	letter-spacing:-2px;
	text-align:center;
	}

	div.header h1 {
	font-size:5em !important;
	letter-spacing:-3px;
	}	
	
	
	h3 {
	font-size:1.75em;
	text-align:center;
	}
	
}

@media(max-width:440px)and (min-width:381px) {



      h1, h2 {
	font-size:5em !important;
	letter-spacing:-2px;
	text-align:center;
	}
	
	div.header h1 {
	font-size:5em !important;
	letter-spacing:-3px;
	}
	
	h3 {
	font-size:2em;
	text-align:center;
	}
	
	
}


@media(max-width:879px) and (min-width:441px) {

	
      h1, h2 {
	font-size:5em !important;
	letter-spacing:-3px;
	text-align:center;
	}
	
	div.header h1 {
	font-size:6em !important;
	letter-spacing:-3px;
	}
	
	
	h3 {
	font-size:2em;
	text-align:center;
	}
	
	
	div.header img.banner-1 {
	left:auto;
	max-width:100%;
	}
	
	div.header div.col-md-6 {
	text-align:center;
	}
	
	.lead {
	font-size:14px;
	}
	
	.row.sticky .col-md-4 {
	width:33.33333%;
	float:left;
	}
}

	span.h1-h3 span.one,
	span.h1-h3 span.two {
		display:block;
		clear:right;
	}

@media(min-width:542px) and (max-width:990px) {
	span.h1-h3 span.one,
	span.h1-h3 span.two {
		display:inline;
		clear:none;
	}
}


@media(min-width:480px) and (max-width:991px) {
	.col-md-5 {
	width: 48.66666666666667%;
	float:left;
	}
	

}

@media(max-width:768px) {
	ul.nav.navbar-nav {
	width:100%;
text-align: center;
margin:7.5 0;
        }

	ul.nav.navbar-nav li {
	border-bottom:1px dotted #ccc;
      }

button.navbar-toggle {
margin-top:2em;
      }
      
      	h3 span.one {
	display:block;
	clear:right;
	}

}

@media(min-width:880px) and (max-width:991px) {
	div.header h1,
	h1,
	h2 {
		font-size:6.8em !important;
		letter-spacing:-4px;
	}
	div.header img.banner-1 {
	left:auto;
	max-width:100%;
	}
	
	
	div.header div.col-md-6 {
	text-align:center;
	}
	
	.lead {
	font-size:16px;
	}
	
	.row.sticky .col-md-4 {
	width: 33.33333333333333%;
	float:left;
	}
	
	h3 span.one {
	display:block;
	clear:right;
	}
}
@media(min-width:980px)  {
	div.header h1 {
		font-size:7.75em !important;
	}
	
	.col-md-4 {
	width: 33.33333333333333%;
	}
}
.header h3 {
color:#eef;
}



/* Intro */

.intro {

  padding: 50px 0;

  /* background: url(../img/bg-tan.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
}

/* Services */

.services {
  background: #7fbbda;
  padding: 50px 0;
  color: #ffffff;
}

.service-item {
  margin-bottom: 15px;
}

i.service-icon {
  border: 3px solid #ffffff;
  border-radius: 50%;
  display: inline-block;
  font-size: 56px;
  width: 140px;
  height: 140px;
  line-height: 136px;
  vertical-align: middle; 
  text-align: center;
}

/* Callout */

.callout {
background-color:#aaa;
  color: #ffffff;
  display: table;
  height: 60px;
  width: 100%;
  background: url(/Data/Sites/1/media/textures/jquery-background-texture-7b.png) repeat center center fixed; 

}

/* Portfolio */

.portfolio,
.examples,
.data-management,
.who-we-are
 {
  padding: 50px 0;

}

.portfolio,
.examples,
.data-management,
.who-we-are,
.header,
.intro,
.bottom-panel {
box-shadow: 0 10px 24px rgba(0,0,0,0.3);
position: relative;
}

.portfolio-item {
  margin-bottom: 25px;
}

.portfolio-item a {
display:block;
}

.portfolio-item a:hover {
-moz-box-shadow:0 0 8px #0357EC;
-webkit-box-shadow:0 0 8px #0357EC;
	box-shadow:0 0 8px #0357EC;
}

.img-portfolio {
  margin: 0 auto;
  border:1px solid #ddd;
}


/* Call to Action */

.call-to-action {
  color: #ffffff;
  background: #0a5175;
  padding: 50px 0;
}
.call-to-action.top {
  padding:50px 0 20px 0;
}
.call-to-action.bottom {
  padding:0 0 50px 0;
}
.call-to-action .btn {
  margin: 10px;
}

.call-to-action input {
color:#333;
}

/* Map */

.map {
  height: 500px;
}

/* Footer */

footer {
  padding: 50px 0;
}

.top-scroll {
  margin-top: 50px;
}

.top-scroll a {
  text-decoration: none;
  color: inherit;
}

i.scroll {
  color: #333333;
}

i.scroll:hover {
  color: #0a5175;
}
/* Responsive */

@media (max-width: 768px) {
	
/*  .header {
	background: url(img/bg-blue-2.jpg) no-repeat center center scroll; 
  } */

  .callout {
	background: url(/Data/Sites/1/media/textures/jquery-background-texture-7b.png) center center scroll; 
  }

  .map {
	height: 75%;
  }

}

.contactform h2.moduletitle {
text-align:center;
}

a.section-anchor {
position:relative;
top:-115px;
}

div.case-study {
border:1px solid #ddd;
margin-bottom:20px;
padding:20px;
background-color:#fafafa;
}

div.case-study .img-portfolio {
width:750px;
}

.contactform .settingrow {
margin-bottom:15px;
}

.contactform label {
float:left;
margin-bottom: 5px;
font-weight: 700;
color: #D9D9B9;
margin:0;
padding-top:7px;
padding-right:1%;
width:35%;
}

.contactform .forminput {
display: block;
width:60%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #222;
background-color: #f0f0cd; /*#D9D9B9;*/
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.contactform fieldset {
min-height:200px;
}

.contactform .container {
width:auto;
}

.bottom-panel,
.bottom-panel .cke_editable  {

background-color: #0a5175;
}

.bottom-panel .container {
width:auto;
}

div#ctl00_altContent2_ctl01_edMessage {
clear:both;
margin-top:10px;
background-color: #0a5175;
}

footer {
background-color:#111;
color:#777;
font-size:.8em;
text-align:center;
font-weight:300;
padding-top:100px;
}

.fa.fa-linkedin {
color:#FFF;
background-color:#ccc;
display:inline-block;
border-radius:12px;
height:24px;
width:24px;

text-align: center;
line-height: 22px
}

/* Slide Menu */

div.row.case-study {
position:relative;
}

div.row.case-study div.slide-menu {
/* position:absolute;
bottom:50px;
width:250px;
right:-270px; */
}


.slide-menu ul {
list-style:none;
margin:0;
padding:0;

   -moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
}

.slide-menu li {
list-style:none;
margin:0 5px 0 0;
padding:0;
display:table-row;
cursor:pointer;
}
.slide-menu li span.slide-num-wrap {
display:table-cell;
vertical-align:top;
width:40px;


padding-bottom:3px;
padding-top:3px;
border-bottom:1px dotted #ccc
}
.slide-menu li span.slide-num {
display:block;
width:30px;
height:18px;
background-color:#eee;
border:1px solid #ccc;
text-align:center;
margin-top:2px;
font-size:.8em;
font-weight:bold;
}

.slide-menu li.active span.slide-num {
background-color:#024D7C;
color:#FFF;
}

.slide-menu li.active span.slide-title-wrap {
color:#024D7C;
}


.slide-menu li:hover span.slide-num {
background-color:#126DBC;
color:#fff;
}

.slide-menu li:hover span.slide-title-wrap {
color:#126DBC;
}

.slide-menu li span.slide-title-wrap {
display:table-cell;
vertical-align:top;
padding-bottom:3px;
padding-top:3px;
border-bottom:1px dotted #ccc
}
.slide-menu li span.slide-title {
display:block;
font-size:.85em;
font-weight:bold;
}
.slide-menu li span.slide-subtitle {
display:block;
font-size:.8em;
font-style:italic;
}

img#slide-image {
box-shadow:0 3px 7px rgba(0,0,0,0.35);
}

a {
color: #0357EC
}

a:hover {
color: #0337CC
}

.call-to-action .contactform #cke_1_top {
display:none;
}


.pnfmsgdiv {
padding-top:60px;
}

.pagenotfound .txterror.pnfmsg {
font-size:16px;
font-weight:300;
color:#111;
}

.pagenotfound h3 {
font-size:16px;
font-weight:300;
}

.sitemap {
width:90%;
margin:0 auto;
}

.sitemap .sitemap {
width:100%;
}
.sitemap h2 {
font-size:36px;
letter-spacing:0;
}