body{
  background: url(../../../uploads/2015/05/main-bg.jpg) ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body.page-id-17{
  background: url(../../../uploads/2015/05/contact-bg.jpg) ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body.page-id-13{
  background: url(../../../uploads/2015/05/csi-bg.jpg) repeat-x top left fixed;
}
@font-face {
    font-family: 'johnsans_lite_proregular';
    src: url('../fonts/JohnSansLite-webfont.html');
    src: url('../fonts/JohnSansLite-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/JohnSansLite-webfont-2.html') format('woff2'),
         url('../fonts/JohnSansLite-webfont-3.html') format('woff'),
         url('../fonts/JohnSansLite-webfont-4.html') format('truetype'),
         url('../fonts/JohnSansLite-webfont-5.html#johnsans_lite_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body, p, ul, ol, h1, h2, h3, h4, h5, h6{
   font-family: 'johnsans_lite_proregular', Arial, sans-serif;
}
a {
  color: #e91d25;
  text-decoration: none;
  line-height: inherit;
}
a:hover {
  color: #2653a5;
  text-decoration: none;
  line-height: inherit;
}
h1{
  text-transform: uppercase;
  font-size: 2rem;
}
h2{
  text-transform: uppercase;
  font-size: 1.5rem;
}
p{
  color: #ffffff;
  font-size: 11pt;
  line-height: 1.3em;
}
p.blue{
  color: #2653a5;
}
h1.blue{
  color: #2653a5;
}
h2.blue{
  color: #2653a5;
}
h1.white{
  color: #ffffff;
}
h2.white{
  color: #ffffff;
}
.contain-to-grid {
  width: 100%;
  background: transparent;
  padding-top: 35px;
  margin-bottom: -75px;
}
.contain-to-grid .top-bar {
  max-width: 71.25rem;
  margin: 0 auto;
  margin-bottom: 0;
  height: 200px;
  background-color: transparent;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
  padding: 0 15px;
  line-height: 45px;
  color: #FFFE00;
  background: transparent;
}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
  background: transparent;
  border-radius: 10px;
  color: #FFFE00 !important;
}
.top-bar-section li:not(.has-form) a:not(.button) {
  padding: 0 15px;
  line-height: 45px;
  background: transparent;
  color: #ffffff;
  font-weight: bold;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
  background: transparent;
  color: #FFFE00;
}
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"]{
  display: none;
}
.navcontainer{
  display: block;
  background-color: transparent;
  border-radius: 10px;
}
.top-bar-section ul li{
  background: transparent;
}
.inline-list > li {
  list-style: none;
  float: left;
  display: block;
  /*margin-left: .3rem;*/
}
.services-tabs{
  display: block;
  background-color: #ffffff;
  list-style: none;
  border-bottom-right-radius: 10px;
  padding: 15px 15px 23px 45px;
  margin: 0px;
  margin-right: -15px;
  margin-left: -12px;
  /*border-top: 1px solid #000;*/
  margin-top: -13px;
  -webkit-box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.3);
  box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.3);
}
.tabs.vertical{
   float: right;
   clear: both;
}
.tabs dd > a:hover, .tabs .tab-title > a:hover{
  background: #a3c3e3;
  color: #2653a5;
}
.tabs dd.active a, .tabs .tab-title.active a:hover{
  background: #ffffff;
  color: #2653a5 !important;
}
.tabs dd.active a, .tabs .tab-title.active a{
  color: #2653a5 !important;
}
.tabs2 dd > a, .tabs2 .tab-title > a{
  background-color: #ffffff;
  color: #848484;
}
.tabs2 dd > a:hover, .tabs2 .tab-title > a:hover{
  background: none;
  color: #373737;
}
.margin-top-35{
  margin-top: 35px !important;
}
.tabs dd > a, .tabs .tab-title > a {
  background-color: #a3c3e3;
  color: #2653a5;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  text-align: center;
  text-transform: uppercase;
}
li.tab2-title{
  /*line-height: 2em;*/
  line-height: 1.68em;
  position: relative;
}
.tabs2 .tab-title.active > a{
  color: #373737;
}
li.tab2-title.active:before{
  content: "<";
  color: #373737;
  margin-left: -25px;
  font-size: 16pt;
  position: absolute;
  top: 0;
}
li.tab2-title.active > a:before{
  color: #373737;
}
.top-bar .name h1{
  margin-top: -55px;
  width: 100%;
  margin-left: -25px;
}
.footer-container{
  background-color: #2653a5;
  padding-top: 35px;
  padding-left: 25px;
}
.white{
  color: #ffffff;
}
.gold.inline-list > li > *{
  color: #FFFE00;
}
.gold.inline-list > li > *:hover{
  color: #ffffff;
}
.footer-img-margin{
  margin-right: 15px;
  margin-top: -10px;
}
[class*="block-grid-"] > li{
  padding: 0 0.125rem 0;
}
[class*="block-grid-"]{
  margin: 0;
  margin-left: -1px;
  margin-right: -2px;
}
.img-rounded{
  border-radius: 10px;
}
.img-rounded-left{
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.sub-tab-box{
  margin-right: 0;
  float: right;
  z-index: 100;
}
.footer-imgs{
  margin-right: 20px;
}
.tabs-content > .content{
  padding: 0;
}
.tabs-content{
  margin-bottom: 0;
}
.top-img{
  z-index: 10;
  margin-top: -5px;
  position: relative;
}
.services-top-img{
  display: block;
  width: 654px;
  margin-left: -15px;
  z-index: 10;
  margin-top: -350px;
  position: relative;
}
.services-top-img img{
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.row3{
  width: auto;
  /*margin-left: -0.89rem;*/
  margin-right: -0rem;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
}
.row4 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 60.5rem;
}
.panel-3-content{
  padding: 15px;
  margin-top: 337px;
  background-image: url(../../../uploads/2015/05/services-content-bg.png);
  background-size: contain;
  background-repeat: repeat-x;
  background-position: center;
  display: -webkit-box;
  background-size: 100% 250%;
}
h1.services-heading{
  font-size: 16pt;
  text-transform: uppercase;
  color: #ffffff;
}
.services-hr{
  color: #FFFE00;
  margin: 7px 0 7px 0;
  border: solid;
  border-width: 1px 0 0;
}
.content-img{
  display: block;
  padding-top: 55px;
}
.panel-2-content {
  padding: 15px;
  margin-bottom: 10px;
  padding-top: 40px;
  margin-top: -10px;
  display: -webkit-box;
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
}
.shiftdown15{
  padding-top: 15px;
}
.shiftdown30 {
  padding-top: 30px;
}
.home-text-img{
  display: block;
  padding-top: 70px;
}
.front-page-bg-container{
  background-color: #fef1de;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.front-page-bg-container-2{
  background-image: url(../../../uploads/2015/05/home-bg-map.jpg);
  background-size: cover;
  background-repeat: repeat-x;
  background-position: center;
  display: -webkit-box;
  padding-top: 25px;
  clear: both;
  position: relative;
  height: 350px;
}
.front-page-content{
  padding: 15px;
}
.home-img-making-a-difference{

}
.small{
  font-size: 10pt;
}
.page-gradient{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 15px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 25px;
  background: -moz-linear-gradient(top, rgba(46,68,92,1) 0%, rgba(158,172,184,0) 150%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(150%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(46,68,92,1) 0%,rgba(158,172,184,0) 150%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(46,68,92,1) 0%,rgba(158,172,184,0) 150%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(46,68,92,1) 0%,rgba(158,172,184,0) 150%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(46,68,92,1) 0%,rgba(158,172,184,0) 150%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.page-content-bg-white{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #ffffff;
  padding: 15px;
}
.hr-after{
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.hr-after-blue{
  border-bottom: 1px solid #2653a5;
   margin-bottom: 10px;
   margin-top: 0px;
   /*padding-bottom: 15px;
   margin-bottom: 15px;*/
}
.hr-after-blue-2{
  border-bottom: 1px solid #2653a5;
  margin-bottom: 10px;
  margin-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.img-container-right{
  display: block;
  text-align: center;
}
.img-holder-csi{
  float: right;
  padding-left: 15px;
  padding-bottom: 5px;
  padding-top: 7px;
}
.csi-bottom-img{
  text-align: center;
}
.our-team-text{
  display: block;
  padding-top: 60px;
}
.menu-item-our-services.active a, .menu-item-our-capabilities.active a{
  color: #ffffff !important;
}
.shift-right-70{
  padding-left: 70px;
}
.textimg-contact{
  display: block;
  padding-top: 35px;
}
.no-pad{
  padding: 0 !important;
}
.svg-map{
  position: relative;
  display: block;
  margin: -230px auto;
}
.st1{
  fill: #be1e2d;
}
#theLine{
  stroke-width : 2;
  stroke : #a76229;
  fill: none;
}
.thePopup{
  background-image: url(../../../uploads/2015/05/popup-bg.png);
  background-repeat: no-repeat;
  overflow: visible;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: transparent;
  width: 280px;
  height: 100%;
  padding: 25px;
  padding-top: 25px;
  padding-left: 40px;
  z-index: 10;
  font-size: 11pt;
}
.menu-item-24:before {
  content: "|";
  float: right;
  color: #ffffff;
  margin-right: -13px;
}
.shift-up-15{
  margin-top: -15px;
}
.page-content-bg-white-contact {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: rgba(255,255,255,.8);
  padding: 15px;
  margin-bottom: 30px;
  padding-top: 25px
}
.pushdown25{
  padding-top: 25px;
}
.pushdown15{
  padding-top: 15px;
  padding-bottom: 15px;
}
