@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Muli:300,400,400italic);
@font-face {
  font-family: 'icomoon';
  src:url('../App_Themes/npgpr/fonts/icomoon.eot');
  src:url('../App_Themes/npgpr/fonts/icomoon.eot?#iefix') format('embedded-opentype'), 
  url('../App_Themes/npgpr/fonts/icomoon.ttf') format('truetype'), 
  url('../App_Themes/npgpr/fonts/icomoon.woff') format('woff'), 
  url('../App_Themes/npgpr/fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
* {
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  outline: none;
  box-sizing: border-box;
}
body {
  margin: 0;
  font: 400 15px/23px 'Muli', sans-serif;
  background: #fff;
  color: #666;
}
img {
  -ms-interpolation-mode: bicubic;
  height: auto;
  max-width: 100%;
}
a img {
  border: none;
}
a {
  transition:all .2s ease;
  color: #666;
}
a:hover {
  text-decoration: none;
}
strong {
  font-weight: 700;
}
h1, h2, h3, h4 {
  margin-top: 0px;
  font-weight: normal;
  font-family: Lato, sans-serif;
}
p, ul {
  margin-bottom: 10px;
  margin-top: 0px;
}
h1 {
  color: #558787;
  margin-bottom: 20px;
  font: 900 45px/50px Lato, sans-serif;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
}
h1 span {
  font-weight: 300;
  opacity: .7;
}
h2 {
  font: 700 20px/26px Lato, sans-serif;
  margin-bottom: 15px;
  color: #002543;
}
h3 {
  margin-bottom: 10px;
  font: 900 15px/17px Lato, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}
h4 {
}
.site-container {
  max-width: 960px;
  margin: 0 auto;
}
.col50 {
  float: left;
  width: calc(50% - 25px);
  width: -webkit-calc(50% - 25px);
  margin-right: 50px;
}
.col33 {
  float: left;
  width: calc(33% - 33px);
  width: -webkit-calc(33% - 33px);
  margin-right: 50px;
}
.col25, #stories li {
  float: left;
  width: calc(25% - 23px);
  width: -webkit-calc(25% - 23px);
  margin-right: 30px;
}
.last, #stories li:last-child {
  margin-right: 0px;
}
.clear {
  clear: both;
}
#header {
  background: #fff;
  overflow: hidden;
  height: 50px;
}
#header h3 {
  margin: 0px;
  float: left;
}
#header ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: right;
}
#header li {
  float: left;
}
#header li a {
  color: #666;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 50px;
  font-weight: 900;
  font-family: Lato, sans-serif;
  height: 50px;
  padding-right: 15px;
  padding-left: 15px;
}
#header li a:hover {
  color: #002543;
}
.message {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
  color: #FFF;
  background: #002543;
}
.message h1 {
  margin: 0 0 30px;
  color: #FFF;
}
.message p {

  padding: 0 40px;
}
.view {
  height: 450px;
  overflow: hidden;
  position: relative;
}
.view h2 {
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  text-align: center;
}
.view h2 a {
  color: #FFF;
  text-decoration: none;
  display: block;
  background: rgba(136, 36, 74, .9);
  height: 450px;
  box-shadow:inset 0 0 100px 5px rgba(0, 0, 0, .5);
  font-size: 45px;
  line-height: 450px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.view h2 a:hover {
  background: rgba(136, 36, 74, 0);
  box-shadow:inset 0 0 100px 5px rgba(0, 0, 0, .9);
}
.view h2 a span {
  border: 2px solid #FFF;
  padding: 10px 25px;
}
.view h2 a:hover span {
  background: #558787;
  border: 3px solid #558787;
}
.collage {
  position: relative;
  line-height: 0;
  -webkit-column-count: 5;
  -webkit-column-gap:   0px;
  -moz-column-count:    5;
  -moz-column-gap:      0px;
  column-count:         5;
  column-gap:           0px;
}
.collage img {
  width: 100% !important;
  height: auto !important;
}
.news {
  background: #f2f6f6;
  padding: 50px 0;
  overflow: hidden;
}
.news .col50 {
  min-height: 450px;
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, .25);
  background: #fff;
}
.news .pad {
  padding: 25px 30px;
}
.news ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.news li a {
  text-decoration: none;
  color: #002543;
}
.news li a:hover {
  color: #558787;
}
.news li {
  font: 700 20px/28px Lato, sans-serif;
  margin-bottom: 15px;
}
.news li a span {
  display: block;
  font: 15px 'Muli', sans-serif;
  color: #666;
}
.news h3 {
  margin-bottom: 5px;
}
#main {
  background: #f2f6f6;
  padding: 75px 0;
  overflow: hidden;
}
.about h1 {
  margin-bottom: 50px;
  color:  #558787;
}
.bio h1, .detail h1 {
  margin-bottom: 10px;
  text-transform: none;
  letter-spacing: -1px;
  text-align: left;
  font-weight: 400;
}
.bio img {
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, .25);
}
.about .team {
  float: left;
  width: calc(25% - 15px);
  width: -webkit-calc(25% - 15px);
  margin-right: 15px;
  background: #fff;  
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, .25);
	  text-align: center;

}
.about .team a {
  text-decoration: none;
  display: block;
  font-size: 11px;
}
.about .team a:hover h2 {
  color:  #558787;
}
.about .team img {
  display: block;
  margin-bottom: 10px;
  transition:all .2s ease;  
}
.about .team a:hover img {
  opacity: .8;
}
.about .team a h2 {
  margin-bottom: 0px;
  transition:all .2s ease;
  font-size: 17px;
}
.about .team a p {
  padding: 0px 20px;
  color: #666;
  line-height: normal;
}
.services {
  text-align: center;
}
.services .col25, .services h2 {
  text-align: left;
  margin-bottom: 10px;
}
.services ul {
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
}
.services li {
  line-height: normal;
  margin-bottom: 5px;
}
.services p {
  margin-bottom: 30px;
  clear: both;
}
.services a {
  color: #FFF;
  display: inline-block;
  font: 900 15px/20px Lato;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 15px;
  background: #558787;
  text-decoration: none;
}
.services a:hover {
  background:#002543;
}
.hero {
  height: 450px;
  overflow:hidden;
  text-align: center;
  background-position:center center;
  background-size:contain;
}
.hero  div {
  background: rgba(0, 0, 0, .75);
}
.hero img {
  height: 450px;
  width: auto;
  box-shadow: 0 0 200px 5px rgba(0, 0, 0, .75);
}
.detail h1 {
  margin-bottom: 30px;
}
.detail .photos ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow:hidden;
}
.detail .photos li {
  width: 135px;
  height: 135px;
  float: left;
  overflow:hidden;
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, .25);
  margin: 0 20px 20px 0;
  background: #fff;
  text-align:center;
  line-height:135px;
}
.detail .photos li:nth-child(3n) {
  margin-right: 0px;
}
.detail .photos a img {
  max-height: 135px;
  vertical-align: middle;
}
.detail .photos a:hover {
  opacity: .8;
}
.clients h1 {
  margin-bottom: 50px;
}
.profile h2 {
  margin-bottom: 0px;
  padding: 10px 0;
}
.clients .profile {
  float: left;
  width: calc(33% - 30px);
  width: -webkit-calc(33% - 30px);
  margin-right: 30px;
  margin-bottom: 30px;
  background: #fff;  
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, .25);
	  text-align: center;
}
.clients .profile a {
  text-decoration: none;
  display: block;
}
.clients .profile a:hover {
  opacity: .8;
}
.TagCloud {
  text-align: center;
  margin: 0 0 20px 0;
}
.TagCloud a {
  text-decoration: none;
  display: inline-block;
  margin: 0 5px;
}
.TagCloud a.login {
  color: #87244a;
}
.TagCloud a:hover {
  color: #558787;
}
.group ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.group li {
  margin-bottom: 5px;
}
.LogonPageBackground {
  padding: 30px;
  background: #fff;  
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, .25);
  margin: 0 25%;
}
.LogonPageBackground table {
  width: 100%;
}
.LogonPageBackground a, .LogonPageBackground span {
  display: none;
}
.LogonPageBackground dt {
}
.LogonPageBackground dl, .LogonPageBackground dd {
  margin: 0 0 10px 0;
  padding: 0;
  text-align: left;
}
.LogonPageBackground input[type=text], .LogonPageBackground input[type=password], .LogonPageBackground textarea {
  border-style: none;
  width: 100%;
  background: #f2f6f6;
  -webkit-appearance:none;
  border-radius: 0px;
  font: 700 20px/26px Lato, sans-serif;
  padding: 10px;
  color: #002543;
  border-top: solid 2px #d5e2e2;
}
 .LogonPageBackground textarea {
  height: 100px;
}
.LogonPageBackground input[type=submit] {
  border: none;
  cursor: pointer;
  transition:all .2s ease;
  -webkit-appearance:none;
  border-radius: 0px;
  color: #FFF;
  font: 900 15px/20px Lato;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 15px;
  background: #558787;
  text-decoration: none;
}
.LogonPageBackground input[type=submit]:hover {
  background:#002543;
}

#footer {
  padding: 15px 0;
  color: #558787;
  font-size: 14px;
}
#footer ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align:center;
}
#footer li {
  display: inline;
  padding: 0 5px;
}
#footer a {
  text-decoration: none;
  color: #558787;
}
#footer a:hover {
  color: #002543;
}
#footer li a span {
  display: none;
}
#footer li.social a:before {
  display:inline-block;
  text-align: center;
  font:12px/24px 'icomoon';
  width: 24px;
  height: 24px;
  color: #fff;
  border-radius: 24px;
  -webkit-transition:all .2s ease;
  -moz-transition:all .2s ease;
  border: 1px solid #558787;
  color: #558787;
}
#footer li.social a:hover:before {
  color: #002543;
  border: 1px solid #002543;
}
.twitter a:before {
  content: "\e6f4";
}
.facebook a:before {
  content:"\e6f6";
}
.instagram a:before {
  content:"\e70c";
}
@media (max-width: 1200px) {
  .collage {
    -moz-column-count:    4;
    -webkit-column-count: 4;
    column-count:         4;
  }
}
@media (max-width: 600px) {
  .collage {
    -moz-column-count:    3;
    -webkit-column-count: 3;
    column-count:         3;
  }
}

/* Minification failed (line 383, error number 1062): Expected semicolon or closing curly-brace, found ' ' */