/*!================================================================================
Theme Name:   BGS
================================================================================*/


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-family: 'DIN Next W01 Regular', Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; 
  font-family: 'HelveticaNeueW01-55Roma', Helvetica, Arial, sans-serif;
}

a:focus {
  outline: thin dotted; }

a:active,
a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
a:focus{outline: none;} 

.box-sizing, .row, section,
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12,
.sc1, .sc2, .sc3, .sc4, .sc5, .sc6, .sc7, .sc8, .sc9, .sc10, .sc11, .sc12, form input, form textarea, #responsive-menu a, 
.page-template-templatesnews-php #load-more , .page-template-templatesabout-php #load-more {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.row, section,
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12,
.sc1, .sc2, .sc3, .sc4, .sc5, .sc6, .sc7, .sc8, .sc9, .sc10, .sc11, .sc12 {
  position: relative;
  margin: 0;
  padding: 0;
  vertical-align: top; }

.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12,
.sc1, .sc2, .sc3, .sc4, .sc5, .sc6, .sc7, .sc8, .sc9, .sc10, .sc11, .sc12 {
  display: inline-block;
  padding: 0 10px; }
  .c1.bottom, .c2.bottom, .c3.bottom, .c4.bottom, .c5.bottom, .c6.bottom, .c7.bottom, .c8.bottom, .c9.bottom, .c10.bottom, .c11.bottom, .c12.bottom,
  .sc1.bottom, .sc2.bottom, .sc3.bottom, .sc4.bottom, .sc5.bottom, .sc6.bottom, .sc7.bottom, .sc8.bottom, .sc9.bottom, .sc10.bottom, .sc11.bottom, .sc12.bottom {
    vertical-align: bottom; }

.row, section {
  width: 960px;
  margin: auto;
  clear: both;
  padding: 0 10px;
  list-style: none; }

section.padless .c1, section.padless .c2, section.padless .c3, section.padless .c4, section.padless .c5, section.padless .c6, section.padless .c7, section.padless .c8, section.padless .c9, section.padless .c10, section.padless .c11, section.padless .c12,
section.padless .sc1, section.padless .sc2, section.padless .sc3, section.padless .sc4, section.padless .sc5, section.padless .sc6, section.padless .sc7, section.padless .sc8, section.padless .sc9, section.padless .sc10, section.padless .sc11, section.padless .sc12, .row.padless .c1, section.padless .c1, .row.padless .c2, section.padless .c2, .row.padless .c3, section.padless .c3, .row.padless .c4, section.padless .c4, .row.padless .c5, section.padless .c5, .row.padless .c6, section.padless .c6, .row.padless .c7, section.padless .c7, .row.padless .c8, section.padless .c8, .row.padless .c9, section.padless .c9, .row.padless .c10, section.padless .c10, .row.padless .c11, section.padless .c11, .row.padless .c12, section.padless .c12,
.row.padless .sc1,
section.padless .sc1, .row.padless .sc2, section.padless .sc2, .row.padless .sc3, section.padless .sc3, .row.padless .sc4, section.padless .sc4, .row.padless .sc5, section.padless .sc5, .row.padless .sc6, section.padless .sc6, .row.padless .sc7, section.padless .sc7, .row.padless .sc8, section.padless .sc8, .row.padless .sc9, section.padless .sc9, .row.padless .sc10, section.padless .sc10, .row.padless .sc11, section.padless .sc11, .row.padless .sc12, section.padless .sc12 {
  padding: 0; }

.c2, .sc2 {
  width: 16.66667%; }

.c3, .sc3 {
  width: 25%; }

.c4, .sc4 {
  width: 33.33333%; }

.c5, .sc5 {
  width: 41.66667%; }

.c6, .sc6 {
  width: 50%; }

.c7, .sc7 {
  width: 58.33333%; }

.c8, .sc8 {
  width: 66.66667%; }

.c9, .sc9 {
  width: 75%; }

.c10, .sc10 {
  width: 83.33333%; }

.c11, .sc11 {
  width: 91.66667%; }

@media only screen and (max-width: 980px) {
  .row, section {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px; } 
}

@media only screen and (max-width: 800px) {
  .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 { width: 50%; } 
  .posts.c9 { width: 63%; }
  .posts.c9 .c12 { width: 100% }
  .sidebar.c3 {  }
}

@media only screen and (max-width: 600px) {
  .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 { width: 100%; } 

  .posts.c9 { width: 100%; }
  .sidebar.c3 {  }  
  
  .paging.align-center { padding-left: 0; padding-right: 0; }
  .paging.align-center .pagination { width: 100%; }
  
}

.align-center, .center {
  text-align: center; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

.float-right, .alignright {
  float: right; }

.float-left, .alignleft {
  float: left; }

.clear {
  clear: both; }

.hidden {
  display: none; }

.pad {
  padding: 2.5px; }

.pad-horiz {
  padding: 0 2.5px; }

.imgfit { width: 100%; height: auto; }

@media only screen and (min-width: 800px) {
  .visible-tablet {
    display: none !important; } }
@media only screen and (max-width: 800px) {
  .hidden-tablet {
    display: none !important; } }
@media only screen and (min-width: 700px) {
  .visible-mobile {
    display: none !important; } }
@media only screen and (max-width: 700px) {
  .hidden-mobile {
    display: none !important; } }
.social {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url(img/spritesheet.png);
  position: relative; }
  .social span {
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -ms-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    background: url(img/spritesheet.png);
    display: inline-block;
    height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0); }
  .social:hover span {
    opacity: 1; }
  .social.twitter {
    background-position: 0 0;
    margin-right: 20px; }
    .social.twitter span {
      background-position: 0 -40px; }
    .social.twitter.inverse {
      background-position: 0 -40px; }
      .social.twitter.inverse span {
        background-position: 0 0px; }
  .social.linkedin {
    background-position: -40px 0; }
    .social.linkedin span {
      background-position: -40px -40px; }
    .social.linkedin.inverse {
      background-position: -40px -40px; }
      .social.linkedin.inverse span {
        background-position: -40px 0px; }
  .social.email {
    background-position: -160px 0; }
    .social.email span {
      background-position: -160px -40px; }

::selection {
  background: #243344;
  color: white;
  text-shadow: none; }

::-moz-selection {
  background: #243344;
  color: white;
  text-shadow: none; }

a {
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
  text-decoration: none; }

body, html {
  position: relative;
  background: #2c353a;
  font-size: 16px;
  line-height: 24px;
  font-family: 'DIN Next W01 Regular', Arial;
  color: #243344; }

hr {
  border: none;
  border-top: 5px solid #fff;
  margin-bottom: 40px;
  margin-left: 10px;
  margin-right: 10px; }

p {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'DIN Next W01 Regular', Arial; }

h1 {
  font-size: 42px;
  font-weight: 100;
  line-height: 50px; }

a {
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
  position: relative; }
  a.arrow:before, a.arrow:after {
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -ms-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    content: ' ';
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(img/spritesheet.png);
    background-position: -82px -15px;
    margin-right: 14px;
    vertical-align: middle;
    position: relative; }
  a.arrow:after {
    position: absolute;
    left: 10px;
    top: 2px;
    background-position: -122px -15px !important;
    opacity: 0; }
  a.arrow:hover:after {
    opacity: 1; }
  a.arrow:hover:before {
    opacity: 0; }
  a.arrow.back {
    color: #318cb1;
    font-size: 18px; }
    a.arrow.back:hover {
      color: #243344; }
    a.arrow.back:before {
      background-position: -248px -13px;
      top: -2px; }
    a.arrow.back:after {
      background-position: -248px -53px !important;
      top: 0px; }

form {
  width: 100%; }
  form input, form textarea {
    width: 100%;
    border: 1px solid #c3ced2;
    height: 48px;
    font-size: 24px;
    padding: 0 10px;
    color: #507297;
    outline: none;
    border-radius: 2px;
    margin-top: 10px;
    margin-bottom: 14px; }
    form input:focus, form textarea:focus {
      border: 1px solid #405056; }
    form input[type="submit"], form textarea[type="submit"] {
      -webkit-transition: background 0.25s ease;
      -moz-transition: background 0.25s ease;
      -ms-transition: background 0.25s ease;
      -o-transition: background 0.25s ease;
      transition: background 0.25s ease;
      text-align: center;
      background: #318cb1;
      color: #fff;
      width: auto;
      border: none;
      font-size: 16px;
      height: 40px;
      padding: 0 32px; }
      form input[type="submit"]:hover, form textarea[type="submit"]:hover {
        background: #223443; }
  form textarea {
    padding: 10px;
    font-size: 16px;
    line-height: 24px;
    height: 255px; }
  form img.wpcf7-captchac {
    border: 0;
    height: 30px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px; }

.wpcf7 {
  width: 100%; }
  .wpcf7 .wpcf7-validation-errors {
    display: block;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    margin: 0;
    margin-bottom: 30px;
    background: #ebb736;
    padding: 10px;
    color: #fff;
    border: 1px solid #c18f13;
    border-radius: 2px; }
  .wpcf7 .wpcf7-not-valid-tip {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    left: 0;
    top: -17px;
    border-radius: 2px;
    background: #e3543c;
    opacity: 0.75;
    color: #fff;
    border: 1px solid #b8311a; }

#header {
  background: #dde8ed;
  width: 100%;
  height: 105px;
  position: relative;
  box-shadow: 0 4px 16px #222;
  z-index: 1000; }

#logo {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  position: relative;
  top: 20px;
  display: inline-block;
  vertical-align: top; }
  #logo:hover {
    opacity: 0.75; }

#main-menu {
  display: inline-block;
  vertical-align: top;
  background: #223443;
  position: relative;
  top: 61px;
  /* width: 550px; */
  text-align: center;
  float: right;
  right: 0; }
  #main-menu ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  #main-menu li {
    display: inline-block;
    height: 54px; }
  #main-menu .current-menu-item a {
    color: #84b5d8; }
    #main-menu .current-menu-item a:hover {
      color: #5d9ecc; }
  #main-menu a {
    -webkit-transition: color 0.25s ease, background 0.25s ease;
    -moz-transition: color 0.25s ease, background 0.25s ease;
    -ms-transition: color 0.25s ease, background 0.25s ease;
    -o-transition: color 0.25s ease, background 0.25s ease;
    transition: color 0.25s ease, background 0.25s ease;
    padding: 0 12px;
    line-height: 57px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'DIN Next W01 Regular', Arial;
    height: 100%;
    display: inline-block; }
    #main-menu a:hover {
      color: #fff !important;
      background: #318cb1; }

#responsive-button {
  -webkit-transition: background 0.25s ease;
  -moz-transition: background 0.25s ease;
  -ms-transition: background 0.25s ease;
  -o-transition: background 0.25s ease;
  transition: background 0.25s ease;
  width: 32px;
  height: 30px;
  display: inline-block;
  position: absolute;
  background: #318cb1;
  right: 20px;
  top: 34px; }
  #responsive-button:before, #responsive-button:after {
    content: ' ';
    display: block;
    background: #dde8ed;
    height: 6px;
    width: 32px;
    position: relative;
    top: 6px; }
  #responsive-button:after {
    top: 12px; }
  #responsive-button:hover {
    background: #1b4d61; }

#responsive-menu {
  width: 100%;
  position: absolute;
  z-index: 900;
  box-shadow: 0 0 4px #222;
  display: none; }
  #responsive-menu ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  #responsive-menu a {
    -webkit-transition: background 0.25s ease, color 0.25s ease;
    -moz-transition: background 0.25s ease, color 0.25s ease;
    -ms-transition: background 0.25s ease, color 0.25s ease;
    -o-transition: background 0.25s ease, color 0.25s ease;
    transition: background 0.25s ease, color 0.25s ease;
    display: inline-block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 40px;
    background: #223443;
    color: white;
    text-decoration: none;
    font-size: 18px;
    border-bottom: 1px solid #192732;
    border-top: 1px solid #2b4154; }
    #responsive-menu a:hover {
      background: #334e65;
      color: #e6e6e6; }

#splash {
  background: url(img/blue-gradient.png);
  background-size: 100% 1px;
  background-repeat: repeat-y;
  position: relative;
  overflow: hidden; }
  #splash #shadow-overlay {
    opacity: 0.5; }
  #splash .content {
    position: relative;
    z-index: 500;
    padding-top: 78px;
    padding-bottom: 74px; }
    #splash .content h1 {
      font-size: 69px;
      line-height: 80px;
      color: #fff;
      margin: 0;
      margin-bottom: 15px;
      text-transform: uppercase; }
    #splash .content a.arrow {
      font-size: 18px;
      color: #fff; }
      #splash .content a.arrow:hover {
        color: #5d9ecc; }
    #splash .content .c8 {
      padding-left: 110px;
      padding-left: 7px; }
      #splash .content .c8 p {
        font-size: 20px;
        line-height: 39px;
        color: #fff; }
        #splash .content .c8 p:first-child {
          margin-top: 0px; }

#splash-image {
  min-height: 130%;
  min-width: 2000px;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0; }

.page-template-templatesnews-php #splash-image,
.archive #splash-image { min-height: 104%; }
.page-template-templatesnews-php #splash .content h1,
.archive #splash .content h1 { text-transform: none; }

.about-desc{ float: right; width: 415px; padding: 20px; }

.post-9 { margin-left: 25%; }

/*.page-template-templatesnewstaff-php .post-5, 
.page-template-templatesnewstaff-php .ass.post-1,
.page-template-templatesnewstaff-php .post-7 { margin-left: 25%; }
.page-template-templatesnewstaff-php .post-9 {margin-left: 12.5%; }  */

.page-template-templatesnewstaff-php .post-9 { margin-left: 0; }
/*.page-template-templatesnewstaff-php .post-11 { margin-right: 25%; }*/

@media only screen and (max-width: 980px) {
  #header #logo {
    margin-right: 66px; }
  #header #main-menu {
    width: auto; }
    #header #main-menu a {
      padding: 0 14px;
      font-size: 14px; } 
    
  .about-desc{ float: none; width: auto; padding: 20px; clear: both; }
  
  .wp-image-33 {
    margin: 0 auto;
    display: block;
    float: none;
  }
    
}
@media only screen and (max-width: 850px) {
  #header #main-menu a {
    padding: 0 12px;
    font-size: 12px; 
  } 
}
@media only screen and (max-width: 800px) {
  #splash .content .c8, #splash .content .c4 {
    width: 100%;
    padding-left: 0; 
  } 
}
#content {
  position: relative;
  background: #dce9ef;
  border-top: 15px solid #ccdee2; }
  #content.borderless {
    border-top: none; }
  #content h2 {
    font-size: 38px;
    line-height: 43px;
    text-align: center;
    color: #243344;
    font-weight: 100; }
    #content h2.light {
      font-size: 32px;
      line-height: 43px;
      color: #318cb1;
      text-align: left;
      text-transform: uppercase;
      padding-left: 10px; }
  #content h3 {
    color: #318cb1;
    font-size: 21px;
    line-height: 35px; }
  #content img.size-full {
    max-width: 90%;
    height: auto; }

#about-content { overflow: hidden; padding-bottom: 178px; padding-top: 30px; }

#shadow-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500; }

.glass-title {
  position: relative;
  min-height: 152px;
  background: url(img/light-gradient.png);
  text-align: center; }
  .glass-title h2 {
    margin: 0;
    line-height: 152px;
    color: #fff;
    font-size: 38px;
    text-align: center;
    font-weight: 100; }

.overlay-triangles {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(img/triangular_pattern.png); }

.scrolltop {
  display: inline-block;
  text-align: center;
  position: relative;
  margin-top: 40px;
  margin-bottom: 80px; }
  .scrolltop .circle {
    -webkit-transition: border-color 0.5s ease, background-color 0.5s ease;
    -moz-transition: border-color 0.5s ease, background-color 0.5s ease;
    -ms-transition: border-color 0.5s ease, background-color 0.5s ease;
    -o-transition: border-color 0.5s ease, background-color 0.5s ease;
    transition: border-color 0.5s ease, background-color 0.5s ease;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    background: url(img/spritesheet.png);
    background-position: -280px 0px;
    border: 2px solid #5abeb2;
    border-radius: 40px; }
    .scrolltop .circle:after {
      -webkit-transition: border-color 0.5s ease, width 0.15s ease, height 0.15s ease, opacity 0.15s ease, top 0.15s ease, left 0.15s ease;
      -moz-transition: border-color 0.5s ease, width 0.15s ease, height 0.15s ease, opacity 0.15s ease, top 0.15s ease, left 0.15s ease;
      -ms-transition: border-color 0.5s ease, width 0.15s ease, height 0.15s ease, opacity 0.15s ease, top 0.15s ease, left 0.15s ease;
      -o-transition: border-color 0.5s ease, width 0.15s ease, height 0.15s ease, opacity 0.15s ease, top 0.15s ease, left 0.15s ease;
      transition: border-color 0.5s ease, width 0.15s ease, height 0.15s ease, opacity 0.15s ease, top 0.15s ease, left 0.15s ease;
      content: ' ';
      width: 40px;
      height: 40px;
      display: inline-block;
      position: absolute;
      border: 2px solid #5abeb2;
      left: -2px;
      top: -2px;
      border-radius: 40px;
      opacity: 1; }
  .scrolltop .text {
    -webkit-transition: color 0.25s ease;
    -moz-transition: color 0.25s ease;
    -ms-transition: color 0.25s ease;
    -o-transition: color 0.25s ease;
    transition: color 0.25s ease;
    display: block;
    font-size: 18px;
    color: #318cb1; }
  .scrolltop:hover .text {
    color: #243344; }
  .scrolltop:hover .circle {
    background-color: #fff; }
    .scrolltop:hover .circle:after {
      opacity: 0;
      width: 80px;
      height: 80px;
      left: -23px;
      top: -23px;
      border-color: #b5e2dd; }

article.body-content {
  background: #dce9ef;
  border-top: 60px solid #dce9ef; }
  article.body-content .feed-item {
    -webkit-transition: background 0.25s ease;
    -moz-transition: background 0.25s ease;
    -ms-transition: background 0.25s ease;
    -o-transition: background 0.25s ease;
    transition: background 0.25s ease;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    padding-top: 20px; }
    article.body-content .feed-item:hover {
      background: #fff; }

#footer {
  padding: 50px 0;
  padding-top: 44px;
  background: #2c353a;
  color: #318cb1;
  font-family: 'HelveticaNeueW01-55Roma';
  font-size: 14px; }
  #footer p, #footer div {
    margin: 0;
    display: inline-block;
    vertical-align: middle; }
  #footer ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  #footer li {
    display: inline-block;
    margin-left: 40px;
    line-height: 14px; }
  #footer a {
    color: #318cb1; }
    #footer a:hover {
      color: #84c3dd; }
  #footer .social {
    top: -5px;
    left: -14px; }

@media only screen and (max-width: 800px) {
  #footer .float-left {
    position: relative;
    top: -24px; }
  #footer p {
    display: block;
    margin-bottom: 10px; }
  #footer li {
    margin-bottom: 10px;
    margin-left: 0;
    display: block; } 

    .post-9, 
    .page-template-templatesnewstaff-php .post-5, 
    .page-template-templatesnewstaff-php .ass.post-1,
    .page-template-templatesnewstaff-php .post-7,
    .page-template-templatesnewstaff-php .post-9 {margin-left: 0; }

}
@media only screen and (max-width: 450px) {
    #footer .twitter { margin-right: 10px !important; } 
}
body.home #content {
  height: 400px;
  overflow: hidden;
  border-top: none; }
  body.home #content section {
    font-family: 'DIN Next W01 Regular', Arial;
    position: relative;
    z-index: 600;
    color: #fff;
    margin-top: 86px; }
  body.home #content .callout {
    position: relative; }
    body.home #content .callout p {
      margin-top: 0;
      font-size: 16px;
      line-height: 29px; }
    body.home #content .callout h1 {
      position: relative;
      margin-bottom: 12px;
      text-transform: uppercase; }
    body.home #content .callout h1:before {
      content: ' ';
      width: 80px;
      height: 5px;
      background: #5abeb2;
      display: block;
      position: absolute;
      top: -24px; }
    body.home #content .callout a {
      color: #fff;
      position: rleative; }
      body.home #content .callout a:hover {
        color: #5d9ecc; }
body.home #content-bg {
  min-width: 2000px;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0; }
body.home #revealed-content-wrap {
  position: relative; }
body.home #revealed-content {
  position: absolute;
  min-height: 100px;
  width: 100%;
  background: url(img/blue-gradient.png);
  background-size: 100% 1px;
  background-repeat: repeat-y;
  z-index: 700;
  top: -100px; }
  body.home #revealed-content .green-gradient {
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -ms-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 0;
    height: 100px;
    background: url(img/light-gradient.png); }
  body.home #revealed-content:hover .green-gradient {
    opacity: 1; }
  body.home #revealed-content.opened .green-gradient {
    opacity: 0 !important; }
  body.home #revealed-content .triangles {
    position: absolute;
    top: 0;
    left: 0;
    background: url(img/triangular_pattern.png);
    height: 100%;
    width: 100%; }
  body.home #revealed-content .handle {
    position: relative;
    padding-right: 100px;
    font-family: 'DIN Next W01 Regular', Arial;
    color: #fff;
    font-size: 24px;
    line-height: 100px; }
    body.home #revealed-content .handle span {
      -webkit-transition: opacity 0.5s ease;
      -moz-transition: opacity 0.5s ease;
      -ms-transition: opacity 0.5s ease;
      -o-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease;
      opacity: 1; }
    body.home #revealed-content .handle.opened > span {
      opacity: 0; }
  body.home #revealed-content #revealer {
    -webkit-transition: border-color 0.5s ease, background-color 0.5s ease;
    -moz-transition: border-color 0.5s ease, background-color 0.5s ease;
    -ms-transition: border-color 0.5s ease, background-color 0.5s ease;
    -o-transition: border-color 0.5s ease, background-color 0.5s ease;
    transition: border-color 0.5s ease, background-color 0.5s ease;
    position: absolute;
    right: 30px;
    top: 30px;
    display: block;
    width: 40px;
    height: 40px;
    background: url(img/spritesheet.png);
    background-position: -80px -39px;
    border: 2px solid #5abeb2;
    border-radius: 40px;
    z-index: 760; }
    body.home #revealed-content #revealer.opened {
      background-position: -120px -39px; }
      body.home #revealed-content #revealer.opened:hover {
        background-position: -201px -0px; }
    body.home #revealed-content #revealer:hover {
      border-color: #000;
      background-color: #fff;
      background-position: -200px -40px; }
      body.home #revealed-content #revealer:hover:after {
        opacity: 0;
        width: 80px;
        height: 80px;
        left: -23px;
        top: -23px;
        border-color: #b5e2dd; }
    body.home #revealed-content #revealer:after {
      -webkit-transition: border-color 0.5s ease, width 0.15s ease, height 0.15s ease, opacity 0.15s ease, top 0.15s ease, left 0.15s ease;
      -moz-transition: border-color 0.5s ease, width 0.15s ease, height 0.15s ease, opacity 0.15s ease, top 0.15s ease, left 0.15s ease;
      -ms-transition: border-color 0.5s ease, width 0.15s ease, height 0.15s ease, opacity 0.15s ease, top 0.15s ease, left 0.15s ease;
      -o-transition: border-color 0.5s ease, width 0.15s ease, height 0.15s ease, opacity 0.15s ease, top 0.15s ease, left 0.15s ease;
      transition: border-color 0.5s ease, width 0.15s ease, height 0.15s ease, opacity 0.15s ease, top 0.15s ease, left 0.15s ease;
      content: ' ';
      width: 40px;
      height: 40px;
      display: inline-block;
      position: absolute;
      border: 2px solid #5abeb2;
      left: -2px;
      top: -2px;
      border-radius: 40px;
      opacity: 1; }
  body.home #revealed-content .content {
    height: 0;
    overflow: hidden;
    background-position: top center;
    background-size: auto 50%;
    background-repeat: no-repeat;
    color: #fff;
    font-family: 'DIN Next W01 Regular', Arial;
    font-size: 36px;
    line-height: 58px;
    position: relative; }
    body.home #revealed-content .content:before {
      -webkit-transition: width 0.25s ease;
      -moz-transition: width 0.25s ease;
      -ms-transition: width 0.25s ease;
      -o-transition: width 0.25s ease;
      transition: width 0.25s ease;
      content: ' ';
      height: 5px;
      background: #5abeb2;
      display: block;
      position: absolute;
      top: 63px; }
    body.home #revealed-content .content.shown:before {
      width: 80px; }
    body.home #revealed-content .content.shown a.arrow {
      left: 0px; }
    body.home #revealed-content .content p {
      margin-top: 85px;
      margin-bottom: 0;
      display: none; }
    body.home #revealed-content .content a {
      -webkit-transition: color 0.25s ease, left 1s ease;
      -moz-transition: color 0.25s ease, left 1s ease;
      -ms-transition: color 0.25s ease, left 1s ease;
      -o-transition: color 0.25s ease, left 1s ease;
      transition: color 0.25s ease, left 1s ease;
      font-size: 18px;
      color: #fff;
      margin-right: 112px; }
      body.home #revealed-content .content a:last-child {
        margin-right: 0; }
      body.home #revealed-content .content a:hover {
        color: #5d9ecc; }
      body.home #revealed-content .content a.arrow {
        left: -1000px;
        position: relative; }

@media only screen and (max-width: 850px) {
  body.home #revealed-content .handle {
    font-size: 18px; }
  body.home #revealed-content .content {
    font-size: 24px !important;
    line-height: 48px; } }
@media only screen and (max-width: 700px) {
  body.home #revealed-content .handle {
    line-height: 25px;
    padding-top: 25px; }
  body.home #revealed-content .content {
    font-size: 18px !important;
    line-height: 36px; } }
.single-team #splash {
  overflow: visible;
  min-height: 272px; }
  .single-team #splash .content {
    padding-top: 47px;
    padding-bottom: 0; }
  .single-team #splash h1 {
    font-size: 42px;
    margin-top: 20px;
    margin-bottom: 0;
    line-height: 50px; }
  .single-team #splash h2 {
    margin: 6px 0;
    font-size: 24px;
    color: #84b5d8;
    font-weight: 100; }
  .single-team #splash .img-container img {
    width: 100%;
    height: auto;
    background: url(img/blue-gradient.png);
    background-size: 100% 1px;
    padding-bottom: 6px;
    position: absolute; }
  .single-team #splash .media {
    margin-top: 30px;
    margin-bottom: 40px; }
  .single-team #splash .social {
    margin-right: 30px; }
  .single-team #splash .social:last-child {
    margin-right: 0; }

.sidebar { position: relative; color: #318cb1; line-height: 28px; }
.sidebar a { color: #318CB1; }
.sidebar h3 {
    color: #243344 !important;
    font-weight: 100;
    padding-bottom: 30px;
    margin-bottom: 20px;
    font-size: 18px;
    position: relative; }
.sidebar h3:after {
      content: ' ';
      display: block;
      width: 100px;
      height: 5px;
      background: #fff;
      position: absolute;
      bottom: 0px; }
.sidebar ul { list-style: none; padding: 0; }


@media only screen and (max-width: 600px) {
  .single-team #content .c4 {
    padding-left: 10px; }

  .single-team .img-container img {
    position: relative !important; } 
}
    
.page-template-templatescontact-php #splash .content, 
.page-template-templatesnews-php #splash .content, 
.page-template-default #splash .content,
.archive #splash .content
 {
  padding-top: 72px;
  padding-bottom: 72px; }
  .page-template-templatescontact-php #splash .content h1, 
  .page-template-templatesnews-php #splash .content h1, 
  .page-template-default #splash .content h1,
  .archive #splash .content h1 {
    font-size: 42px;
    line-height: 58px;
    margin: 0; }
.page-template-templatescontact-php #content h2, 
.page-template-templatesnews-php #content h2, 
.page-template-default #content h2 {
  font-size: 21px;
  color: #318cb1;
  text-align: left; }
.page-template-templatescontact-php #content p, 
.page-template-templatesnews-php #content p, 
.page-template-default #content p {
  font-size: 15px;
  line-height: 28px; }

#content .member-preview {
  -webkit-transition: background 0.25s ease;
  -moz-transition: background 0.25s ease;
  -ms-transition: background 0.25s ease;
  -o-transition: background 0.25s ease;
  transition: background 0.25s ease;
  background: #dce9ef;
  margin-bottom: 34px;
  padding-top: 10px;
  padding-bottom: 20px; }
  #content .member-preview img {
    width: 100%;
    height: auto;
    position: relative; }
  #content .member-preview a.member-link {
    position: relative;
    display: inline-block;
    overflow: hidden;
    }
    #content .member-preview a.member-link .pixastic {
      -webkit-transition: opacity 0.25s ease;
      -moz-transition: opacity 0.25s ease;
      -ms-transition: opacity 0.25s ease;
      -o-transition: opacity 0.25s ease;
      transition: opacity 0.25s ease;
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto; }
    #content .member-preview a.member-link:after {
      -webkit-transition: bottom 0.25s ease;
      -moz-transition: bottom 0.25s ease;
      -ms-transition: bottom 0.25s ease;
      -o-transition: bottom 0.25s ease;
      transition: bottom 0.25s ease;
      position: absolute;
      content: ' ';
      display: block;
      height: 6px;
      width: 100%;
      background: url(img/blue-gradient.png);
      background-size: 100% 1px;
      bottom: 6px;
      }
  #content .member-preview a.float-right {
    -webkit-transition: opacity 0.25s ease, color 0.25s ease;
    -moz-transition: opacity 0.25s ease, color 0.25s ease;
    -ms-transition: opacity 0.25s ease, color 0.25s ease;
    -o-transition: opacity 0.25s ease, color 0.25s ease;
    transition: opacity 0.25s ease, color 0.25s ease;
    opacity: 0;
    text-transform: capitalize;
    color: #318cb1; }
    #content .member-preview a.float-right:hover {
      color: #243344; }
  #content .member-preview h3 {
    -webkit-transition: color 0.25s ease;
    -moz-transition: color 0.25s ease;
    -ms-transition: color 0.25s ease;
    -o-transition: color 0.25s ease;
    transition: color 0.25s ease;
    margin: 0;
    padding-top: 10px;
    font-size: 26px;
    line-height: 43px;
    color: #243344;
    font-weight: 300; }
  #content .member-preview p {
    -webkit-transition: color 0.25s ease;
    -moz-transition: color 0.25s ease;
    -ms-transition: color 0.25s ease;
    -o-transition: color 0.25s ease;
    transition: color 0.25s ease;
    margin: 0;
    text-transform: uppercase;
    color: #318cb1; }
  #content .member-preview:hover {
    background: #fff; }
    #content .member-preview:hover a.member-link .pixastic {
      opacity: 1; }
    #content .member-preview:hover h3 {
      color: #318cb1; }
    #content .member-preview:hover p {
      color: #a1a1a1; }
    #content .member-preview:hover a.float-right {
      opacity: 1; }


.page-template-templatesabout-php .feed-item .c2 h3 {
  font-size: 16px;
  line-height: 24px;
  color: #318cb1; }
.page-template-templatesabout-php .feed-item .c10 h2 {
  font-size: 21px;
  line-height: 29px;
  color: #243344;
  font-weight: 100; }
.page-template-templatesabout-php .feed-item .c10 h2 a {
    color: #243344; }
.page-template-templatesabout-php .feed-item .c10 h2 a:hover {
      color: #318cb1; }
.page-template-templatesabout-php .read-more {
  color: #828e93;
  text-transform: uppercase;
  font-size: 14px; }
.page-template-templatesabout-php .read-more:hover {
    color: #0a0b0c; }
.page-template-templatesnews-php #load-more, .page-template-templatesabout-php #load-more {
  -webkit-transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease;
  -moz-transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease;
  -ms-transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease;
  -o-transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease;
  transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease;
  height: 48px;
  width: 183px;
  display: inline-block !important;
  border-radius: 48px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 2px solid #dce9ef;
  background: #fff;
  color: #318cb1;
  font-size: 18px;
  line-height: 48px; }
.page-template-templatesnews-php #load-more:hover, .page-template-templatesabout-php #load-more:hover {
    background: #318cb1;
    color: #fff; }
.page-template-templatesnews-php #load-more.disabled, .page-template-templatesabout-php #load-more.disabled {
    background: #dce9ef;
    border: 2px solid white;
    color: white !important;
    cursor: pointer; }
.page-template-templatesnews-php #loading-que, .page-template-templatesabout-php #loading-que {
  display: block;
  width: 64px;
  height: 64px;
  margin: auto;
  margin-top: 40px;
  opacity: 0; }

.posts.c9 {  }
.post h3 { font-size: 16px; line-height: 24px; color: #318cb1; font-weight: 100; text-transform: uppercase; margin-bottom: 0; }
.post h2 { font-size: 31px; line-height: 125%; color: #243344; font-weight: 100;  margin-top: 10px; margin-bottom: 9px; }
.post h2 a { color: #243344; }
.post h2 a:hover { color: #318cb1; }
.post p { line-height: 160%; margin: 12px 0; }
.post .read-more { display: inline-block; margin-top: 16px; color: #318cb1; text-transform: uppercase; font-size: 14px; background: #fff; padding: 7px 22px 5px; }
.post .read-more:hover { color: #fff; background: #318cb1; }
.post .tags, .post .tags a { color: #828e93; font-size: 14px; }

.sidebar.c3 { padding-left: 50px; padding-top: 10px; width: 24.5%; line-height: 30px; }
.sidebar.c3 h3 { font-size: 22px; }
.sidebar.c3 a:hover { color: #243344; }
.sidebar.c3 h3:after { width: 199px; }

.sidebar.c3 .tag-links { width: 206px; }
.sidebar.c3 .tags a { display: inline-block; background: #9DBAC6; padding: 1px 10px 0 10px; margin-bottom: 2px; color: #fff; }
.sidebar.c3 .tags a:hover { background: #243344; }


/*
.page-template-templatesnews-php article.body-content { background: no-repeat 183px -326px #DCE9EF url('img/news.png'); }
*/


/* Pagination */
.pagination { width: 66.6667%; overflow: hidden; padding: 30px 0; text-align: center; }
.pagination a, .pagination span { display: inline-block; width: 30px; height: 30px; margin-right: 8px; line-height: 34px; text-align: center;
 border: 1px solid #fff; color: #318CB1; }
.pagination a:hover, .pagination .current { color: #444; border-color: #fff; text-decoration: none; }
.pagination .next, .pagination .prev { width: auto; padding: 0 8px; }


@media only screen and (max-width: 800px) {
  .page-template-templatesnews-php .c2, .page-template-templatesabout-php .c2 {
    width: 25%; }
  .page-template-templatesnews-php .c10, .page-template-templatesabout-php .c10 {
    width: 75%; } }
@media only screen and (max-width: 800px) {
  .page-template-templatesnews-php .c2, .page-template-templatesabout-php .c2 {
    width: 100%; }
  .page-template-templatesnews-php .c10, .page-template-templatesabout-php .c10 {
    width: 100%; } }



/*====================================================================================================================
====================================================================================================================
====================================================================================================================
                                                FIXES
====================================================================================================================
====================================================================================================================
======================================================================================================================*/


/*=============================
| FIXES: General
==============================*/
@media only screen and (max-width: 400px){
  h1{font-size: 28px !important;}
  #logo{
    width: 150px !important;
    top: 35px !important;
  }
  #revealed-content .row.handle{
    font-size: 18px !important;
    line-height: 24px !important;
    top: 0px !important;
  }
}
iframe{max-width: 100% !important;}
[type="application/x-shockwave-flash"]{max-width: 100% !important;}
.feed-item{overflow: hidden;}

/*!==============================================
| Fixes: Front Page;
=================================================*/
html{background: #fff;}
body{display: none;}
h1, h2, h3, h4, h5, h6{-webkit-font-smoothing: antialiased;}

body.home #content{background-color: #000;}

      @media only screen and (min-width: 980px){
        body.home #content .callout h1{
          font-size: 56px;
          line-height: 66px;
        }
        body.home #content .callout p{font-size: 18px;}
      }
      @media only screen and (max-width: 700px){
        body.home #revealed-content .content .arrow{
          display: block;
          width: 100%;
        }
      }

      @media only screen and (max-width: 600px){
        body.home #content-bg{opacity: 0.5 !important;}
        body.home #content .callout h1{line-height: 48px !important;}
        body.home #content section .callout p{line-height: 24px !important};
        body.home #revealed-content .content .arrow{margin-right: 20px;}
      }
      @media only screen and (max-width: 400px){
        body.home #content .callout h1{line-height: 36px !important;}
        #footer .float-left{
          width: 100%;
        }
        #footer{height: 100px;}
      }
      @media only screen and (max-width: 350px){
        #revealed-content .row.handle{
          font-size: 16px !important;
          line-height: 24px !important;
          top: -10px !important;
        }
      }

/*!==============================================
| Fixes: About;
=================================================*/
.page-template-templatesabout-php #content h3{
  font-weight: 100;
  line-height: 32px;
}
.page-template-templatesabout-php .feed-item h3{
  font-weight: 100;
  text-transform: uppercase;
  text-align: center;
}
@media only screen and (max-width: 800px){
 .page-template-templatesabout-php .feed-item h3{text-align: left;}
}


/*!==============================================
| Fixes: Team;
=================================================*/
.page-template-templatesteam-php h1{padding-right: 15px;}
.single-team #content h3{font-weight: 100;}
.single-team #content p{line-height: 28px;}



/*!==============================================
| Artefact Adjustments: Team Section;
=================================================*/
@media only screen and (max-width: 799px) {
  #responsive-menu ul li.menu-item-has-children a:after{
    content: "▼";
    float:right;
  }
  #responsive-menu ul li.menu-item-has-children a.visible:after{
    content: "▲";
  }
  #responsive-menu ul li.menu-item-has-children ul.sub-menu{
    display:none;
    background:#344e64;
  }
  #responsive-menu ul li.menu-item-has-children ul.sub-menu a{
    border:0;
    background-color: #344e64;
    font-weight: normal;
  }
  #responsive-menu ul li.menu-item-has-children ul.sub-menu a:hover{
    background-color: #233442;
  }
  #responsive-menu ul li.menu-item-has-children ul.sub-menu.visible{
    display:block;
  }

  #responsive-menu ul li.menu-item-has-children ul a:after{
    content: "";
  }

}


@media only screen and (min-width: 800px) {

#main-menu ul ul{
  display:none; 
}
#main-menu ul ul li{
  display:block;
}
#main-menu ul li.menu-item-has-children:hover a{
   background-color: #233442;
   color: #318cb1 !important;
}
#main-menu ul li.menu-item-has-children:hover ul{
  display:block;
}
#main-menu ul ul a:after{
    border: 7px solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -7px;
    pointer-events: none;
    position: absolute;
    top: 0px;
    width: 0;
}
#main-menu ul li.menu-item-has-children:hover li:first-of-type a:after {
    border-top-color: #233442;
}

  /*.primary-navigation li {
    border: 0;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    position: relative;
  }

  .primary-navigation a {
    display: inline-block;
    padding: 0 12px;
    white-space: nowrap;
  }*/


#main-menu ul ul {
    background-color: #318cb1;/*008cb0;*/
    float: left;
    margin: 0;
    position: absolute;
    top: 54px;
    left: -999em;
    z-index: 99999;
  }

#main-menu li li {
    border: 0;
    display: block;
    height: auto;
    text-align: left;
   /* line-height: 1.0909090909;*/
  }


 #main-menu ul ul a {
/*    padding: 18px 12px;
    white-space: normal;
    width: 176px;*/
    text-transform: none;
  }
   #main-menu ul li.menu-item-has-children ul{
    background-color: #318cb1;
   }
  #main-menu ul li.menu-item-has-children ul li a,
  #main-menu ul li.menu-item-has-children:hover ul li a{
    background-color: transparent;
    color:#fff !important;
  }
  #main-menu ul li.menu-item-has-children:hover ul li:hover a,
  #main-menu ul li.menu-item-has-children ul li:hover a,
  #main-menu ul li.menu-item-has-children:hover ul li a:hover,
  #main-menu ul li.menu-item-has-children ul li a:hover{
    color: #233442 !important;
  }

  /*#main-menu li:hover > a,
  #main-menu li.focus > a,
  #main-menu ul  .current-menu-item ul a{
    color: #fff;
  }

  #main-menu ul ul a:hover,
  #main-menu ul ul li.focus > a,
  #main-menu ul ul .current-menu-item a {
    color: #223443;
  }
*/
  #main-menu ul li:hover > ul,
  #main-menu ul li.focus > ul {
    left: auto;
  }

  .primary-navigation ul ul li:hover > ul,
  .primary-navigation ul ul li.focus > ul {
    left: 100%;
  }


  #main-menu .menu-item-has-children > a,
  #main-menu .page_item_has_children > a {
    padding-right: 26px;
  }


  #main-menu li .menu-item-has-children > a,
  #main-menu li .page_item_has_children > a {
    padding-right: 20px;
    width: 168px;
  }
}

#content .c4 .member-preview{
  margin-left: auto;
  margin-top: 0;
  max-width: 220px;
  padding: 10px 10px 30px;
}
a.light{
  color:#318cb1;
}
a.light:hover{
  color:#233442;
}
a.arrow.light:after{
  opacity:0;
}
a.arrow.light:hover:before{
  opacity:0.75;
}