/****DIRECTORY******/
/*1: Global Styles*/
/*2: Buttons*/
/*3: Publications*/
/*4: Missing Content*/
/*5: New Navigation*/
/*6: Sub Menus*/
/*7: Carousels*/
/*8: Social Media*/
/*9: Dropdown Clickable*/
/*10: Survey Analysis*/
/*11: Publications Major Filter System*/
/*12: Header Styles*/
/*13: Related Websites*/
/*14: What Works*/
/*15: Library*/
/*16: Community*/
/*17: Whats Happening*/
/*18: See All Button*/
/*19: Contact Us*/
/*20: Search Bar*/
/*Animations*/

/*********GLOBAL STYLES***********/
	.zoomex, .zoomex2 {
        max-width: 280px; 
    width: 100%;
    background: rgba(0,0,0,.35) url(../images/fancy-big-ico.png) no-repeat center;
    background-color: url(../images/fancy-big-ico.png)\9;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: transparent;
    display: block;
    left: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    border-radius: 20px;
    bottom: -2px;
}
	.zoomex2 { background: rgba(0,0,0,.72); background: #000\9; }
	.zoomex2 * { filter: alpha(opacity=0)\9; }
	.zoomex2 i { color: inherit; font-size: 16px; width: 16px; height: 16px; line-height: 18px; text-align: center; padding: 10px; border: 2px solid #fff; border-radius: 50%; }
	.zoomex2 a.zoomlink1, .zoomex2 a.zoomlink2 {
    position: absolute;
    bottom: 35%;
    left: 0%;
    width: 218px;
    color: #fff;
    margin-left: -45px;
}.zoomex2 a.zoomlink2 {
    margin-left: 5px;
}
	.zoomex2 a:hover i { color: #e84a52; border-color: #e84a52; }
	.zoomex2 h6 { font-weight: bold; color: #fff; font-size: 22px; text-align: center; position: absolute; left: auto; width: 100%;    padding: 10px; }
    .zoomex2 h6 small {
    font-size: 14px;
    color: #e9e9e9;
    font-weight: 400;
    display: block;
    padding: 10px;
    line-height: 1.2em;
    margin-top: 16px;
}
    p{
        font-size: 16px;
    }
.wf-loading {
/* styles to use when web fonts are loading */
 visibility: hidden;/*Answer to load issue, no fall back fonts will be shown for the load period*/
}

div.noscript{
    display: block; 
}
header.interior {
    background-color: #E8E8EC;
    border-bottom: 2px solid #022233;
    margin-top: 32px;
}

ul.unstyled li {
    line-height: 1.2em !important;
    margin-bottom: 0.5em;
}
legend {
    display: block;
    width: initial;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: none; 
}

fieldset {
    margin: 1em 0;
    padding: 0 1em 1em;
    border: 1px solid #000;
}
input[type="submit"] {
    border-radius: 4px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    margin-top: 20px;
    padding: 10px;
    color: #fff !important;
    background: #86af49;
    border: none !important; 
}
input[type="submit"]:hover {
    font-weight: 300;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    margin-top: 20px;
    padding: 10px;
    color: #fff !important;
    background: #545454;
}
.morePadding {
    padding-top: 11px !important;
}
a.resourcesub.activesub, a.technicalsub.activesub, a.trainingsub.activesub, a.focussub.activesub, a.historysub.activesub, a.inquiriessub.activesub, a.strategicsub.activesub, a.comprehensivesub.activesub, a.programsub.activesub, a.greatsub.activesub, a.grnsub.activesub, a.ngctwittersub.activesub, a.gangsub.activesub, a.ngcblogsub.activesub, a.eventssub.activesub, a.relatedsub.activesub, a.gangnewssub.activesub, a.publicationssub.activesub, a.ngcnewslettersub.activesub, a.surveyssub.activesub, a.webinarssub.activesub, a.aboutsub.activesub, a.risksub.activesub, a.comprehensivesub.activesub{color: #4daae8;}
input, textarea {
    border: solid 1px #000 !important;
    outline: none !important;
    box-shadow: 0 0px 3px rgba(0,98,163, 0.22) inset;
    -moz-box-shadow: 0 0px 3px rgba(0,98,163, 0.22) inset;
    -webkit-box-shadow: 0 0px 3px rgba(0,98,163, 0.22) inset;
    -o-box-shadow: 0 0px 3px rgba(0,98,163, 0.22) inset;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    padding: 3px;
}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,small,sub,b,ul,li,label,article,details,footer,header,menu,nav,input,textarea,select{	
		border:0;
		outline:0;
		padding:0;
		margin:0;
}	
html, body {
    /* font-family: 'Open Sans', sans-serif; */
    font-size: 12px;
    height: auto;
    width: 100%;
    color: #49494A;
    background: #fff !important;
}
figure.portfolio-item {
    padding-bottom: 20px;
    padding-left:20px;
}
#main {
    padding-top: 25px;
}
/*body{
    overflow-x: hidden;
    margin: 0 auto; 
}*/
body {
  position: relative;
}
textarea#address {
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    border: 0;
    z-index: 999999999;
}
/*********BUTTONS************/
a.next{
    color: #fff;
    background: #006480;
    float: right; 
    width: 10em;
    margin-right: 4px;
    text-decoration: none;
    padding: 10px;
    border-radius: 4px;
}
a.next:hover{
    color: #000;
    background: #d1d1d1;
}
.btn-callout{
    margin-bottom: 70px;
    width:200px; 
    background: #2ab6b7;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    margin-top:20px; 
    padding: 20px; 
    color: #fff !important;
    text-decoration: none !important; 
}
.focusbtn3{
        font-weight: 300;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    margin-top:20px; 
    padding: 10px; 
    color: #fff !important;
    background: #006480;
    text-decoration: none !important; 
}
button.btn.focus3{
            font-weight: 300;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    margin-top:12px !important; 
    padding: 10px !important; 
    color: #fff;
    background: #006480;
    text-decoration: none !important; 
}
select#st{
    border: solid 1px #ccc; 
    padding: 10px; 
}
button.btn.focus3:hover{
    background: #d1d1d1;
    color: #000; 
}
.btn-ngc1{
    font-weight: 300;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    margin-top:20px; 
    padding: 10px; 
    color: #fff !important;
    background: #545454;
    text-decoration: none !important; 
}
a.btn.btn-ngc1:hover {
    background: #333;
}
.btn-ngc3{
    font-weight: 300;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    margin-top:20px; 
    padding: 10px; 
    color: #fff !important;
    background: #8A9AB1;
    text-decoration: none !important; 
}
.btn-ngc3:hover {
    color: #d1d1d1;
    background: #909fa0;
}
.btn-ngc2 {
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    margin-top: 20px;
    padding: 10px;
    color: #fff !important;
    background: #444;
}
.btn-ngc2:hover {
    color: #d1d1d1;
    background: #545454;
}
button#MagnifyingGlass {
    background: transparent;
    border: 0px;
    float: left;
    padding-top: 6px;
}
a.moreButton {
    display: block;
    width: 200px; 
    text-align: center;
   font-weight: 300;
   padding-bottom: 20px; 
   margin-bottom: 10px; 
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    margin-top: 20px;
    padding: 10px;
    color: #545454;
    background: #d1d1d1;
}
a.moreButton:hover{
    background: #545454;
    text-decoration: none; 
}
/*a.btn.focusbtn3.float-center2 {
    margin-top: 2px;
    margin-right: 44%;
}*/
	a.btn.focusbtn3.float-center2 {
	    margin-left: -110px;
	}
a.btn.focusbtn3.leftbtn {
    float: left;
    margin-left: -5px;
}
a.CGM {
    background: url(./Images/Graphics/CGM.png) no-repeat;
    padding: 44px 60px;
    opacity: 0.9;
    color: #fff;
    text-decoration: none;
    border-radius: 12px;
    float: right;
    font-size: 14px;
    margin-bottom: 30px;
}
	a.btn.focusbtn3.float-center2.adbtn {
	    margin-top: 53px;
	}
	a.btn.focusbtn3.float-center.adbtn {
	    margin-top: 365px;
	}
.bg-intro {
    background: rgba(0, 0, 0, 0) url(./Images/Home/bg-ngc.png) repeat scroll center center / cover;
    float: left;
    /* margin-bottom: -12px; */
    height: auto;
    min-height: 455px;
    padding: 115px 0 118px;
    width: 100%;
    text-align: center;
}
a.CGM:hover{
    opacity: 1;
}
.btn-callout:hover{
    background: #00939A;
    transition: ease all .3s; 
}
/******PUBLICATIONS******/
.featuredPublication{
    padding: 25px !important; 
}
.featuredPublication .thumbnail {
    float: left;
    margin-left: initial;
    padding: 0px !important;
    margin-right: 15px;  
}
.allFeaturedPublications {
  
    margin: 14px 0px 14px 0px !important;
}

/**********MISSINGCONTENT***********/
.missingcontent{
    color: deeppink !important;
}
/*************NEW NAVIGATION********************/
.menu {
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    text-align: center;
    display: inline;
    margin-left: 20px;
    margin-right: 20px;
}
.navbar-inverse .navbar-nav>li>a {
    font-family: "proxima-nova", sans-serif;
    color: #fff;
    line-height: 2em;
    font-size: 14px;
    font-weight: 300;
    padding-top: 25px;
    padding-bottom: 20px;
    text-decoration: none;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #f1f1f1;
    background: #333;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
    color: #ccc;

}
.navbar-nav>li>.dropdown-menu {
   
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.lessMarginDropdown {
    margin-top: 6px !important; 
}
.navbar-inverse {
    padding: 1.5vh 0;
    height: 90px;
    /* height: 70px; */
    background: #222;
    /* border-bottom: 6px solid #0062a3 !important; */
}
footer.iirse-noindex.footerbg {
    background: #006480 !important;
}
.newNavHolder{
    width: 100%; 
    height: 40px; 
    color: #fff;
    /*background: #00AEEF;*/ /*NEW blue*/
}
.introsection{
    padding-top: 80px; 
    padding-bottom: 80px; 
}
.open{ 
     transition: all 2s ease 0s;  
}
.navbar{
    border-radius: 0px !important; 
    text-transform: uppercase; 
}
.caret {
    margin-left: 10px;
}
.item.down {
    margin-top: 300px !important;
}
.logo {
    margin-top: -5px;
}
.smlogo {
    margin-top: -10px;
    width: 100px !important;
}
.fixedsocial{
    position: fixed; 
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, a.active {
    color: #fff;
    text-decoration: none;
    background-color: #1d72a6;
}
.dropdown-menu {
    background: #333;
}
.dropdown-menu > li > a {
    text-decoration: none;
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    color: #fff; 
}
.navbar-header {
    margin: 0 30px 0 30px; 
}
.affix {
    top: 67px;
    width: 100%;
}
.moveSearch{
    margin-top: -1px;
}
  .fixedSub{
      position: fixed;
      top: 65px; 
  }
.smallerNav {
    height:73px !important;
    padding: 0;
}
.smlogo2 {
    margin-top: 5px;
    width: 100px !important;
}
.moveSearch2 {
    margin-top: 16px;
}
nav.navbar.shrink {
    height: 73px !important;
    transition: 2s ease all;
}
/*****SUB MENUS******/
.subNav {
    z-index: 9;
    margin-top: -2px;
    background: #4a4d51;
    height: 43px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    text-decoration: none;
    width: 100%;
    border-bottom: solid 1px #fff;
}
li.menu a {
    text-decoration: none !important;
    color: #fff;
}
li.menu a:hover{
    color: #4daae8 !important;
}
.SubMenuHome {
    z-index: 999;
    background: #444;
    color: #fff;
    height: 47px;
    padding-top: 15px;
    border-bottom: solid #fff 1px;
}
ul.submenu {
    /*float: left;*/
    margin: 0;
}
/*****CAROUSEL STYLES******/
.carousel-control.left,.carousel-control.right 
{
    background-image:none;
}
.carouselstyles {
    z-index: -1;
    margin-bottom: 137px;
    /* margin-top: -180px; */
}
a.right.carousel-control, a.left.carousel-control {
    margin-top: -255px;
}
.item {
    margin-top: 15px !important;
}
.carousel-inner {
    height: 440px;
    position: relative;
    width: 100%;
    overflow: hidden;
}
p.parentguidep{
        color: #000;
    text-shadow: none;
    text-align: left;
    width: 140px;
    line-height: 1em;
    margin-top: -277px;
    margin-left: 169px;
    font-size: 20px;
}
p.focusareaslidep {
    color: #000;
    text-shadow: none;
    font-size: 18px;
    font-weight: 700;
    /*margin-left: -195px;*/
    margin-top: 25px;
    overflow-wrap: break-word;
}
p.ngctrainingp {
    color: #000;
    text-align: left;
    font-weight: 700;
    text-shadow: none;
    font-size: 20px;
    line-height: 1em;
    margin-top: 45px;
    margin-left: -35px;
    text-transform: uppercase;
}
p.ngcparenttitle {
    color: #000;
    position: absolute;
    margin-left: 60px;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase; 
}
/***SOCIAL MEDIA****/
.social{
    width: 45px !important;
}
.socialConnections {
    position: absolute;
    width: auto;
    z-index: 9999;
    display: inline-block;
    margin: 10px 0;
    margin-top: 160px;
}
a.ganginfox{
    background: #b82424;
    display: block;
    clear:both;
}
a.ganginfox:hover{
    background: #e44949;
}
a.twitter{
    background: rgb(0, 172, 237);
    display: block;
    clear:both; 
}
a.twitter:hover{
    background: #77c8fe;
}
img.socialicon{
    width: 30px;
    height: 30px; 
}
a.social {
    width: 60px;
    text-decoration: none;
    /* background: #222; */
    color: #fff;
    padding: 10px 0px 10px 14px;
}
.jumbotron {
    padding-top: 65px;
    padding-bottom: 65px;
    margin-bottom: 10px;
    color: inherit;
    background-color: #eee;
}
/****DROPDOWN CLICKABLE****/
ul.navbar-inverse li.dropdown:hover ul.dropdown-menu {
    display: block;
}
nav.shrink a {
  padding-top: 10px !important;
  padding-bottom: 15px !important;
  font-size: 15px;
}
.stuck {
  transition: all .2s ease-in-out;
   -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
  position: fixed;
  top: 0;
  /*background-color: #5F7278;*/
  color: black;
  padding: .01vh;
  min-height: 0;
}
  /**********SURVEY ANALYSIS**************/
  .sectionpaging .previous {
    float: left;
    width: 10em;
    text-align: left;
    background: #006480;
    color: #fff;
    margin-right: 4px; 
    text-decoration: none; 
    padding: 10px; 
    border-radius: 4px; 
}
  .sectionpaging .previous:hover{
      color: #000;
      background: #d1d1d1;
  }
  .sectionpaging {
    /* background-color: #eee; */
    border: none; 
    padding: 3px;
    text-align: center;
    clear: right;
    margin-top: 2em;
}
  /*.surveytitle{
      font-weight: 400; 
  }*/

  .moreSwitch {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    color: #333;
    /* background: #eee url(./Images/Graphics/Button-background.png) repeat-x center; */
    font-weight: 300;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    margin-top:20px; 
    padding: 10px; 
    color: #545454;
    background: #d1d1d1;
    margin-bottom: 15px;
    position: relative;
    top: 1px;
    z-index: 2;
}
  table {
    border: 1px #ccc solid;
    margin-bottom: 20px !important;
    margin-top: 20px !important; 
}
.data {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.moreSwitch:hover{
      color: #fff;
      background: #545454;
  }
.arrow-right {
    width: 0;
    height: 0;
    display: inline-block;
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-left: .5em solid black;
}
.moreSwitch:hover > .arrow-right{
      border-top: .5em solid transparent;
      border-bottom: .5em solid transparent;
      border-left: .5em solid white; 
  }
 ul.survey {
    margin-left: 30px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
/**********PUBLICATIONS MAJOR FILTER SYSTEM*********/
.publicationtitle{
    font-weight: 500; 
}
nav.subnavigation a, nav.subnavigation a:hover {
    background-color: #0062a3;
    color: #fff;
}
label.selected{
    background-color: #0062a3;
    color: #fff;
}
nav.subnavigation li.selected a {
    background-image: none;
    background-color: #86af49;
    color: #fff;
} 
body.NavPublications {
    overflow-x: hidden;
}
#label-All {
    width: 26%;
}
.columnContainer {
    max-width: 95em !important;
}
span.categorylabels {
    margin-top: 1px !important;
    margin-left: 30px;
    position: absolute;
    font-weight: 400;
}
.strategyInfo {
    max-width: 250px;
    float: left;
    margin-left: 160px;
}
#form-categories label:hover {
    background-color: #d2ebfb;
    border: 1px solid #b7c3cb;
    max-width: 350px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    transition: 0.5s all; 
  
}
.beigebg {
    position: relative;
    margin: 0 auto;
    background: #F6F7F3;
    height: 45px;
    width: 50%;
    z-index: 1;
    margin-bottom: -70px;
}
.iconsSPT{
    position:relative; 
    z-index: 2; 
}
p.planning {
    font-weight: 400;
}
	p.planning2 {
	    font-weight: 400;
	    margin-top: 0px;
	    width: 195px;
	}
p.planning3 {
    font-weight: 400;
    margin-top: 30px;
    width: 112px;
}
ul.cgm {
    margin: auto;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.publicationicon {
    width: 13px;
    margin-left: -40px;
    position: absolute;
    float: left;
    margin-top: 1px;
}
p.introparagraph{
        font-size: 20px;
}
#form-categories label {
     margin: 2px !important; 
    display: block;
    padding: .5em .2em .5em 3em !important;
    text-indent: -2em;
    border: 1px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    border: 1px solid #b7c3cb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 10px 10px 5px 10px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    transition: 0.5s all; 
    /*background: #EDF7FF;*/
    max-width: 350px;
    border: 1px solid #b7c3cb;
}
#form-categories {
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-left: 10px;
}
span.categorylabeltitles {
    font-weight: 400;
    /* margin-top: 3px !important; */
    /* margin-left: 30px; */
    font-size: 14px;
    /* position: absolute; */
    padding-left: 14px;
}
  /*************ANCHORS****************/
#rolesection {
    background-color: #bed1d1;
    margin-top: 25px;
    padding-top: 8px;
}
#about {
    margin-top: -200px; 
    padding-top: 200px; 
}
#inquiries {
    margin-top: -225px;
    padding-top: 225px;
    /* margin-left: -100px; */
}
/*********Backgrounds*************/
.gangHeadLine{
        background: url(./Images/Photos/NewsLetterBG2.jpg);
       height: 700px;
}
.gangblog {
    background: url(./Images/Photos/NGCBlogBG2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: auto;
    padding-top: 45px;
    padding-bottom: 35px;
    margin-top: -41px;
}
.contact {
    background: url(./Images/Photos/ContactUsSectionImg.jpg);
    /* padding: 110px !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-top: -50px;
    margin-bottom: 4px !important;
}
.researchBg{
    background: url(./Images/Photos/researchbg.png);
     /*padding: 110px !important;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom:-20px;
    height: 300px;
    padding-top: 75px;
}
.criminalJusticeBg {
    background: url(./Images/Photos/criminaljustice.png);
    /* padding: 110px !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -20px;
    height: 300px;
    padding-top: 35px;
}
.whatshappening {
    background: url(./Images/Photos/WhatsHappeningImg.png);
  /*background-attachment: fixed;*/
     /*padding: 110px !important;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom:-20px;
        height: 300px; 
        padding-top: 90px;
}
.communityBg{
    background: url(./Images/Photos/community.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -20px;
    height: 300px;
    padding-top: 40px;
}
.newsletter {
    background: url(./Images/Photos/NGCNewsletterBG.png) no-repeat;
     -webkit-background-size: cover;
    -moz-background-size: cover;
    margin-top: -30px;
    -o-background-size: cover;
    background-size: cover;
    height: 715px;
    /*padding-top: 229px;*/
}
.library {
    background: url(./Images/Photos/LibraryImg.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom:-20px;
    height: 300px; 
    padding-top: 90px;
}
.lightestgrey {
    background: #edf4f4 !important;
    min-height: 560px;
}
#rolesectionwhatwedo {
    min-height: 790px;
    background-color: #bed1d1;
    margin-top: 25px;
    padding-top: 8px;
    /*margin-bottom: -100px;*/
}
.col-md-4.ngcintro {
    background: rgba(000, 000, 000, .8);
    height: 482px;
    border-radius: 15px;
}
.grnContainerAll .grnItemContainer {
    margin-left: 60px;
    font-size: 16px;
}
.focusOnTop {
    background: #095f78;
    z-index: 3;
    position: relative;
    background-attachment: fixed;
    /* padding: 110px !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /* border-bottom: 9px #29363F solid; */
}
/*.focusOnTop2 {
    background: url(./Images/Indexslider/diamondpattern.png) repeat;
    z-index: 4;  
    width: 50%;
    overflow: hidden;
    height: 502px;
    right: 0px;
    margin-top: -502px;
    position: absolute;
    background-attachment: fixed;
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}*/
.focusOnTop2 {
    -webkit-font-smoothing: antialiased;
    background: url(./Images/Indexslider/diamondpattern.png) repeat;
    z-index: 4;  
    width: 50%;
    overflow: hidden;
    /*margin-right: -200px;*/
    height: 502px;
    /* float: right; */
    right: 0px;
    margin-top: -502px;
    position: absolute;
    background-attachment: fixed;
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
    -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.grnItemContainer {
    font-size: 16px;
}
.whatwedo {
    background: url(./Images/Photos/WhatWeDoImg.png);
  /*background-attachment: fixed;*/
     /*padding: 110px !important;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom:-20px;
    height: 300px;
       padding-top: 90px;
}
section.margin-top.greysection {
    background: #bbcbcc;
    /*padding-left: 75px;*/
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: -45px;
}
.lightoverlay {
    background: rgba(255, 255, 255, .7);
}
.whatworks {
    background: url(./Images/Photos/WhatWorksBg2.png);
    /* padding: 110px !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -20px;
    height: 300px;
    padding-top: 96px;
}
.faq {
    background: url(./Images/Photos/FAQImg.png);
  /*background-attachment: fixed;*/
     /*padding: 110px !important;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom:-20px;
        height: 300px; 
    padding-top:90px;
}
.greatlogo {
    width: 310px;
    margin-top: 45px;
    position: absolute;
}
.great {
    z-index: -1;
    background: url(./Images/Photos/Greatimg.png);
    padding: 20px !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    margin-top: -30px;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 0px;
    margin-bottom: -13px !important;
    height: auto;
}
/*****Anchor fix******/
#technical, #RegionalTrainings{
    padding-top: 120px;
    margin-top: -120px;  
}
#whowearesection, #comprehensive, #strategic, #survey {
    padding-top: 150px;
    margin-top: -150px; 
}
 #webinars, #publications, #resources, #riskfactors{
  padding-top: 170px;
    margin-top: -170px; 
}
#training{
    padding-top: 300px;
    margin-top: -300px;
}
#ngcblog{
    padding-top: 380px;
    margin-top: -380px
}
#about{
    padding-top: 260px;
    margin-top:-260px; 
}
#aboutgangs, #ngcnewsletter, #regionalconferences {
  padding-top: 200px;
    margin-top:-200px; 
}
#blogngc{
    padding-top:150px;
    margin-top:-150px;
}
#grn, #great, #ngctwitter, #ganginfo, #events, #programs, #twitter, #focusareas, #relatedwebsites{
    padding-top: 150px;
    margin-top: -150px;  
}
/****HEADER STYLES****/
    h4{
        font-size: 20px; 
    }
	h1.titleIntro {
	    color: #fff;
	    margin-top: 68px;
	    letter-spacing: 1px;
	    margin-right: 125px;
	    font-size: 47px;
	    text-transform: uppercase;
	    line-height: 1.1em;
	    text-align: right;
	    font-weight: 600 !important;
	}
h2.introgangsm {
    color: #000;
    font-size: 22px;
    margin-left: 39%;
    margin-top: 70px;
}
h1.titleresearch {
    font-weight: 300;
    font-size: 30px; 
    text-transform: uppercase;
    padding-top: 20px;
}
h3.featuredTitle{
    padding-left:10px;
    float:left;
    display:block; 
}
h1.titlecriminalJustice {
    font-weight: 300;
    text-transform: uppercase;
}
h2.featureditems{
    font-size: 16px; 
    margin-top: 20px; 
    margin-bottom: 10px; 
}
h3.bold.darkhead {
    color:#fff;
}
h2.focusheadcommunity {
    text-transform: uppercase;
    margin-left: 13px;
    color: #fff;
    padding-top: 20px;
}
h2.focusheadwhatworks {
    text-transform: uppercase;
    margin-left: 32px !important;
    color: #fff;
    padding-top: 20px;
}
h2.focusheadwhatworks2 {
    text-transform: uppercase;
    margin-left: 17px !important;
    color: #fff;
    padding-top: 20px;
}
h2#bibliography{
    padding-top: 11px; 
    padding-bottom: 11px; 
}
h3#q1, h3#q2, h3#q3, h3#q4, h3#q5, h3#q6, h3#q7, h3#q8,h3#q9, h3#q10, h3#q11, h3#q12, h3#q13, h3#q14, h3#q15, h3#q16, h3#q17{
    padding-top: 11px; 
    padding-bottom: 11px;
    font-weight: 500;
}
h1 {
    font-weight: 400;
    text-transform: uppercase;
}
h1 {
    margin-bottom: 20px !important;
    margin-top: 10px;
}
h1 {
    font-weight: 300;
    margin-bottom: 20px;
}
h3.focusheaderwhatshappening a {
    color: #fff;
    text-decoration: none; 
}
h3.surveytitle {
    font-size: 24px;
    margin: 10px 10px 0 0 !important;
}
h2#RegionalConferences {
    margin-top: -120px;
}
h2#FederalResources {
    margin-top: 55px;
}
h3.filterTitle {
    font-size: 20px;
    padding-top: 10px;
    text-transform: uppercase;
    text-align: right;
}
h1.titleFaqs {
    font-weight: 300;
    margin-top: 0px;
    text-transform: uppercase;
    color: #000;
    line-height: 1.2em !important;
    font-size: 4em;
    float: left;
    margin-right: 20px;
    margin-top: 50px;
}
h1.titleLibrary {
    font-weight: 300;
    margin-top: 0px;
    margin-top: 50px;
    /* text-shadow: 2px 1px 5px #444; */
    text-transform: uppercase;
    color: #000;
    line-height: 1.2em !important;
    font-size: 4em;
    float: left;
    margin-right: 20px;
}
h1.titleWhatWeDo {
    font-weight: 300;
    margin-top: 0px;
    /* text-shadow: 2px 1px 5px #444; */
    text-transform: uppercase;
    color: #000;
    line-height: 1.2em !important;
    font-size: 4em;
    float: left;
    margin-right: 20px;
}
h2.focusheadwhatworks4 {
    text-transform: uppercase;
    margin-left: 22px !important;
    color: #fff;
    padding-top: 20px;
}
.h1Container h1 {
    color: #fff;
    line-height: 1.2em;
    margin: 35px !important;
}
h2.focusheadfaq {
    text-transform: uppercase;
    margin-left: 1px !important;
    color: #fff;
    padding-top: 20px;
}
h2.focusheadfaqlg {
    text-transform: uppercase;
       margin-left: -23px !important;
    color: #fff;
    padding-top: 20px;
}
/****RELATED WEBSITES***/
.floatrightlogos {
    float: right;
    max-width: 150px;
    margin-bottom: 10px;
}
.introp{
    margin-top:30px;
}
.segmentedBlock.indentDl.allowBreaks.standalone {
    margin-bottom: 75px;
}
.segmentedBlock.allowBreaks.standalone {
    margin-bottom: 75px;
}

#CGMmobile, #CGMsuppression, #CGMprovisions, #CGMintervention, CGMdev, #federalresources{   
    padding-top: 105px !important;
    margin-top: -105px !important; 
}
.dtlist{
    margin-bottom: 10px; 
}
.filterContent {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.rolesresource{
    margin-bottom:20px;
    padding-bottom:100px; 
}
.ngcwrapper1, .ngcwrapper{
    margin-top:60px; 
}
	img.sliderImg {
	    /* margin-left: 20px; */
	    margin: auto;
	    max-width: 345px !important;
	}

.marginleft250 {
    margin-left: 215px;
    width: 65%;
}
span.readmore {
    text-decoration: underline;
    font-size: 16px;
    color: #0062a3;
}
span.readmore:hover{
    color: #0387df;
}
.col-md-6.marginleft250 {
    transform-origin: bottom left;
    -ms-transform: skew(30deg, 0deg);
    -webkit-transform: skew(30deg, 0deg);
    transform: skew(30deg, 0deg);
    -webkit-font-smoothing: subpixel-antialiased;
    backface-visibility: hidden;
    /*-webkit-filter: blur(0);
    -webkit-filter: blur(0.11px);
    filter: blur(0.11px);*/
}
.col-md-6.ngcintro {
    margin-top: 30px;
    height: 400px;
    margin-bottom: 60px;
}
.iirlogo{
    max-width:100px; 
}
.container.focusOnTop {
    margin-top: 40px;
}
.moveUpFaq3 {
    margin-top: -40px;
}
a.nodecor {
    text-decoration: none;
}

p.introLibrary {
    margin-top: 55px;
    color: #000;
}

p.introWhatWeDo {
    /* text-shadow: 2px 1px 5px #000; */
    margin-top: 25px;
    color: #000;
}
dl.withSidebar {
    margin-left: 88px;
    height: 113px;
}
ul.legislation{
    margin-left:20px;
}
/**************WHAT WORKS************/
.greenrow {
    margin-top: -550px;
    max-width: 780px;
    float: right;
}
.whitefont{
    font-weight: 300;
    margin-top: 0px;
    text-shadow: 2px 1px 5px #444;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.2em !important;
    font-size: 4em;
    margin-right: 20px;
    padding-bottom:20px;
}
.whitefontcategories {
    font-weight: 300;
    margin-top: 0px;
    text-shadow: 1px 2px 5px #444;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.2em !important;
    font-size: 2em;
    padding-top: 19px;
    margin-right: 20px;
    padding-bottom: 3px;
}
img.leftImgIcon {
    float: left;
    padding-top: 25px;
    padding-right: 15px;
}
p.floatleftContent {
    float: left;
    display: inline-block;
    margin-left: 72px;
}
dl.col-md-6.text-center {
    margin-bottom: 30px;
}
.programbg {
    background: #f3f3f3;
}

.focushead7 {
   margin-top: -157px;
    margin-left: 61px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #fff;
}
.h1Container.Content {
    min-height: 130px;
}
.programContent {
    margin-top: 32px;
    margin-bottom: 80px;
}
img.programMatrix {
    margin-bottom: 20px;
    float: right;
    width: 450px;
}
p.left.missingContent {
    color: hotpink !important;
}
.rightPadding{
    float:right;
    margin-right: 55px; 
}
.strategyInfo{    max-width: 250px; float:left; }
span.strategy {
    font-weight: 500;
    font-size: 1.2em;
}
.faqComprehensiveGangModelPage {
    margin-bottom: 30px;
    margin-top: 30px;
}
.moveUpFaqs {
    margin-top: -44px;
}
.moveUpFaq2 {
    margin-top: -24px;
}
.centerImgFAQ img{
        margin-right: 10px;
        float: left;
        max-width: 50px;
        margin-top: -10px;
}
ul.unstyled, ol.unstyled {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    padding-left: 15px;
    line-height: inherit;
}
.marginBottom{
    margin-bottom: 30px; 
}
a.CMD1{
    position: absolute;
    margin-top: -175px;
}
a.CMD2{
    margin-top: -280px;
    position: absolute;
}
a.CMD3 {
    margin-top: -200px;
    position: absolute;
}
a.CMD4 {
    margin-top: -287px;
    position: absolute;
    margin-left: 21px;
}
a.CMD5 {
    margin-top: -200px;
    position: absolute;
}
p.CMD1:hover, p.CMD2:hover, p.CMD3:hover, p.CMD4:hover, p.CMD5:hover{
    color: #00939A; 
    cursor: pointer; 
}
.container.row-center {
    text-align:center;
}
.col-centered {
    display: inline-block;
    float: none;
    margin-top: 10px;
    text-align: left;
    margin-right: -4px;
}
.marginTop55{   
     margin-top: 55px;
}
.dropdown-menu>li>a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  
}
.greenrightcontent {
    margin-bottom: 20px;
        color: #fff;
    background: #86af49;
    border: solid 2px #fff;
    padding: 25px;
    float: right;
    max-width: 770px;
    border-radius: 20px;
    margin-right: -20px;
}
p.padding65    {
    padding: 65px;
}
.absolute{
    position: absolute;
    width: 1000px;
}
img.voilenceimg{
    width: 200px;
    position: absolute;
    margin-top: 85px;
}
img.OJJDPimg{margin-top: 200px;
    margin-left: 20%;}
p.categories{
   padding-left: 115px;
}

.moveUp {
    margin-top: -20px;
}
.focushead8 {
    margin-top: -105px;
    margin-left: 61px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #fff;
}
.moveUp2 {
    margin-top: -29px;
}
.moveUpwhatworks {
    margin-top: -74px;
}

span.date{
     font-weight: 300;
    margin-top: 0px;
    text-transform: uppercase;
    padding-top:10px;
    font-weight: 700;

    font-size: 3em;
    color: #00939A;}
/**************LIBRARY*************/
img.videocover{
    opacity: .8; 
    transition: all ease .3s;
     border: solid #000 3px; 
}
img.videocover:hover{
    opacity: .9; 
    border: solid #0062a3 3px; 
}
.publicationsfilters {
    margin-top: 15px;
    margin-bottom: 65px;
}
img.centerImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
a.centerImg.floatBelow.btn.btn-ngc2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 105px;
}
.moveDown {
    margin-top: 57px;
}
.moveDownLibrary {
    margin-top: 130px;
}
.focusheadlibrary {
    margin-top: -150px;
    margin-left: 100px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #fff;
}
.focusheadwebinars {
 margin-top: -156px;
    margin-left: 70px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #fff;
}
.featuredPdf{
    float:left;
    display:inline-block;
    margin-top:5px;
    border: solid 1px #006480;
}
.featuredPdf:hover{
    opacity: .8;
}
p.featuredInfo {
    padding-left: 10px;
    display: flex;
}
section.margin-top.greysection2 {
    background: #bbcbcc;
  
    padding-top: 25px;
    padding-bottom: 25px;
}
.featuredBorder {
    margin-left: 100px;
    border: solid 1px #006480;
    border-radius: 6px;
    padding: 2px;
    -webkit-box-shadow: 2px 2px 7px -2px rgba(0,100,128,1);
    -moz-box-shadow: 2px 2px 7px -2px rgba(0,100,128,1);
    box-shadow: 2px 2px 7px -2px rgba(0,100,128,1);
}
.pdfSection.container {
    margin-top: 65px;
}

.featuredItemPdf {
    margin-bottom: 30px;
}
.moreBorder {
    background: #fff;
}
span.lessSwitch {
    background: #fff;
}
.focusheadanalysis {
    margin-top: -261px;
    margin-left: 74px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #fff;
}
.moveDownNewsletter {
    margin-top: 0px;
}
.focusheadnewsletter {
    margin-top: -20px;
    margin-left: 100px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #fff;
}
.newsletterNoScroll {
    min-height: 100%;
    width:100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}
a.whitep {
    color: #fff;
}
.centeritems{
    margin-left:20%;
}
.featuredNewsletter{
    margin-left: 10%;
    margin-right:10%;
}
div#videos div.row div.col-md-8 {
    margin-bottom: 15px;
}
h3.webinars {
    font-size: 2.5em;
    line-height: 1.3em;
    margin-bottom: 30px;
    margin-top: 30px;
    /*display: inline-block;*/
}
img.webinargraphic {
    max-height: 300px;
    margin-left: 20px;
}
img.floatRightimg.webinargraphic{
    opacity: .6;
}
.covers {
    width: 380px;
    float: left;
    margin-top: 30px;
    margin-left: 15px;
}
.featuredNewsletters{
    margin-left: 88px;
}
a.floatBelow.btn.btn-ngc2 {
    margin-left: 170px;
    margin-right: 185px;
}
img.img-responsive {
    border: solid #000 1px;
    /* max-height: 520px; */
    height: 382px;
    margin: 0 auto;
    max-width: 304px;
}
/*************COMMUNITY***************/
.whitetext{
    color: #fff;
}
.margin50{
    margin-top: 50px; 
    margin-bottom: 50px;
}
.margin10{
    margin-top: 10px;
    margin-bottom: 30px; 
}


.featured{
    margin-top:20px; 
}
.featuredP{
    margin-bottom:20px; 
}
/**************WHATS HAPPENING*************/
.container.websites {
    font-style: normal;
}
.mediumcontainer{
    width:80%; 
    margin: 0 auto; 
}
.focusheadwhatshappening {
    margin-top: -254px;
    margin-left: 73px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #fff;
}
.focusheadwhatshappeningngc {
    font-style: normal; 
    margin-top: -254px;
    margin-left: 54px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #fff;
}
.focusheadwhatshappeningngc2 {
    font-style: normal; 
    margin-top: -259px;
    margin-left: 17px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #fff;
}
#rolesectionwhatshappening {
    /* height: 845px; */
    background-color: #bed1d1;
    padding-top: 8px;
    margin-bottom: -20px;
}
.noitalics{
    font-style:normal;
}
.blogentry {
      margin-top: 30px;
    /*max-width: 500px;*/
    /*height: 400px;*/
    padding: 30px;
    border-radius: 20px;
    opacity: 0.9;
    border: solid 4px #fff;
    background: #fff;
    color: #000;
}
.gangNoScroll{
    	min-height: 100%;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}

.green {
    background: #f1f1f1;
    color: #000;

}
a.btn.btn-ngc, a.btn.btn-ngc2 {
    text-decoration: none;
}

.sectionImgs{
        width: 300px;
    margin-top: 25px;
}
/**********SEE ALL BUTTON*************/
.seeall{
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    margin-top: 20px;
    padding: 10px;
    color: #fff;
    background: #25aae1;
}
a.btn.seeall {
    color: #fff;
    text-decoration: none;
}
  /***************CONTACT US*************/
.greenContainer {
    width: 400px;
    /* background-color: rgba(134, 175, 73, .8); */
    border-radius: 20px;
    /* border: solid 1px #fff; */
    z-index: 1;
   margin-top: 75px;
    position: absolute;
}
.contactContainers {
    min-width: 280px;
    text-align: center;
    padding-top: 0px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.contactContainers:hover > .contactContainerHover {
    margin-top: -340px;
    height: auto;
    padding-top: 10px;
    width: 266px;
    height: 265px;
    margin-left: 10px;
    border: 1px solid white;
    box-shadow: 0px 0px 0px 7px #006480;
}
.contactContainerHover {
    background: #006480;
    position: absolute;
    margin-top: 10px;
    z-index: 3;
    max-width: 290px;
    min-width: 290px;
    min-height: 310px;
    margin-left: 10px;
    border: 1px solid white;
    box-shadow: 0px 0px 0px 7px #006480;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}
    .hiddencarousel{
        display: none;
    }
.contactContainerHover p {
    color: #fff;
    text-align: left;
    font-size: 15px;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: -15px;
    word-wrap: break-word;
}
.image_off_ad, a.adbtn:hover img.image_on_ad {
    display: none;
    transition: .5s ease background;
}
.image_on_ad, a.adbtn:hover .image_off_ad {
    display: block;
    transition: .5s ease;
}
.image_off_workshop, a.register-btn:hover img.image_on_workshop {
    display: none;
    transition: .5s ease background;
}
.image_on_workshop, a.register-btn:hover .image_off_workshop {
    display: block;
    transition: .5s ease;
}
	.image_off, .carousel-caption:hover .image_on {
	    display: none;
	    transition: .5s ease background;
	}
	.image_on, .carousel-caption:hover .image_off {
	    display: block;
	    transition: .5s ease;
	}
span.linkbreak {
    word-break: break-all;
}
.contactRequest {
    width: 290px;
      min-height: 300px;
    height: auto;
    background: #333;
    margin-top: 50px;
    color: #fff; 
    margin-bottom: 40px;
    /* border-radius: 20px; */
    /*margin-left: -90px;*/
}
.tooltip-inner {
    max-width: 300px; 
    background-color: #fff;
    color: #000;
    /*text-align: left;*/ 
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.tooltip.top .tooltip-arrow {
    border-top-color: #fff;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #fff;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fff;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #fff;
}
img.contacticons {
    display: block;
    margin: 0 auto;
    padding-top: 80px;
    margin-bottom: 20px;
}
.caretnew {
    margin-left: 236px !important;
}
ul.dropdown-menu {
    color: #000;
    /*padding: 5px;*/
    min-width: 200px;
}
.dropdown-menu.socialmenu {
    max-height: 400px;
    padding: 5px;
    background: #0062a3 !important;
    color: #fff;
    overflow-y: scroll;
}
.caretnew{
display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
img.contacticons:hover {
    /*opacity: .7;*/ 
    transition: all .3s;
}
.contactRequest a:hover{
    text-decoration: underline;
}
.contactRequest a {
    text-decoration: none;
    color: white;
    text-transform: uppercase;
}
.contactRequest {
    box-shadow: 0px 0px 0px 7px #333;
    margin-left: 10px;
    font-size: 16px;
    border: 1px solid #fff;
}
.contactinfo {
    height: 200px;
    margin-bottom: 10px;
}
.requestsection{
    margin-top:30px; 
}
.callout {
    margin-left: 10px;
    margin-top: 15px;
    padding-right: 25px;
    color: #000;
    position: absolute;
}
.containcontactus{    
    margin-top: -50px;
    position: absolute;
    z-index: 0;
}
a:hover.resource-item, a:active.resource-item {
    text-decoration: underline !important;
}

.containcontact {
    margin: 0 auto;
    text-align: center;
    position: relative;
    background: #fff;
    opacity: .6;
    width: 335px;
    border-radius: 15px;
}
.contactus {
    text-transform: uppercase;
    padding: 40px;
    /* color: #fff; */
    opacity: 1;
    border-radius: 15px;
    border: 1px solid;
}
.icons {
    opacity: 1;
    width: 45px;
    margin-bottom: 20px;
    height: auto;
}
/**********************SEARCH BAR****************/
#searchcircle input[type=search] {
    width: 15px;
    padding-left: 10px;
    color: transparent;
    cursor: pointer;
}
/*Search Circle */
/*Form search*/
.news-item-source {
    display: block;
    color: #ddd;
    text-align: right;
    padding: 0 4px;
    background: rgba(0,0,0,.6);
    /* position: absolute; */
    /* bottom: 0; */
    width: 100%;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
input[type=search] {
    background: #1d72a6 url(./Images/Icons/search-icon.png) no-repeat 9px center;
    border: solid 1px #1d72a6 !important;
    padding: 9px 10px 9px 34px;
    width: 100px;
    /* position: fixed; */
    z-index: 2;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    margin-top: 0px;
    top: 0px;
    right: 30px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
input[type=search]:focus {
	width: 130px;
	background-color: #86af49;
	border-color: #6dcff6;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

/* placeholder */
input:-moz-placeholder {
	color: #fff;
}
input::-webkit-input-placeholder {
	color: #fff;
}
.gang-news-featured-list a:hover{
    color: #0062a3;
}
/*Search Circle */
	#searchcircle input[type=search] {
	    width: 40px;
	    padding-left: 10px;
	    color: transparent;
	    cursor: pointer;
	    border: solid 1px #fff !important;
	}
#searchcircle input[type=search]:hover {
    background-color: #555;
}
#searchcircle input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#searchcircle input:-moz-placeholder {
	color: transparent;
}
#searchcircle input::-webkit-input-placeholder {
	color: transparent;
}
.jumbotron p {
    font-size: 28px;
    font-weight: 200;
}
/*************Interior styles Intro****************/
	.ngc-intro {
	    /*background: #095f78;*/
	    margin-top: 51px;
	    padding: 20px;
	}
.col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.gangbg {
    background: #333;
    color: #fff;
    position: absolute;
    height: 212px;
    margin-top: 287px;
    z-index: 4;
    display: inline-block;
    width: 100%;
}
	a.btn.focusbtn3.adbtn {
	    margin-left: -100px;
	    margin-top: 50px;
	}
	.ngc-img-logo {
	    margin-top: 85px;
	    margin-left: -139px;
	    max-width: 300px;
	}
	a.register-btn img {
	    float: left;
	    width: 165px;
	    padding-left: 5px;
	    margin-top: 30px;
	}
	a.adbtn img {
	    padding-left: 5px;
	    float: left;
	    width: 165px;
	    margin-top: 30px;
	}
	.float-center2 img {
	    margin-left: 80px;
	}
	a.adbtn.float-center2.generalbtn img {
	    padding-left: 0;
	    width: 215px;
	}
	a.adbtn.float-center2.generalbtn2 img {
	    padding-left: 0;
	    width: 150px;
	    margin-left: 95px;
	}
	a.adbtn.float-center2.generalbtn3 img {
	    padding-left: 0;
	    width: 155px;
	    margin-left: 85px;
	    margin-top: 354px;
	}
	a.adbtn.float-center2.generalbtn4 img {
	    padding-left: 0;
	    width: 240px;
	    margin-left: 0;
	    margin-top: 5px;
	}
	p.gangintro {
	    font-size: 33px;
	    clear: both;
	    margin-bottom: 20px;
	    line-height: 130%;
	    /* width: 400px; */
	    /* float: right; */
	    text-transform: unset;
	    font-weight: 300;
	    font-family: 'proxima-nova',"Open Sans",Arial,sans-serif;
	    color: #fff;
	    text-align: right;
	    margin-right: 125px;
	    margin-top: 50px;
	}

img.exploreimgs {
    position: absolute;
    margin: 10px 0px 10px -10px;
    z-index: 1;
}
	a.float-right.btn.focusbtn3 {
	    float: right;
	    margin-right: 125px;
	    z-index: 999;
	    color: #333 !important;
	    background-color: #86af49;
	    font-weight: 700;
	}
p.gangfade1 {
    z-index: 6;
    font-family: 'proxima-nova',"Open Sans",Arial,sans-serif;
    font-size: 21px;
    clear: both;
    text-transform: unset;
    line-height: 175%;
    color: #fff;
    text-align: right;
    font-weight: 400;
    margin-right: 125px;
}
p.gangfade1.wow.fadeInUpCustom.text-uppercase:first-child {
    margin-top: 20px;
}
/*.jumbotron p {
   margin: 0 !important;
   max-width: 550px;
}*/
.marginTop20{
    margin-top:20px; 
}

.pfocus2 {
    font-style: initial;
    padding: 20px;
    margin: 0px;
    color: #fff;
    max-width: 235px;
}
.right{float:right; }
.btn-ngc{
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    margin-top:20px; 
    padding: 10px; 
    color: #545454;
    background: #d1d1d1;
}
.jumbotron {
    height: 685px;
    background-color: #A1A1A1;
    color: white;
    margin-bottom: 0px; 
}
nh3.focusheader > div.sectionfocus:hover > img.focusimgs:hover {
    opacity: .85; 
}
a.btn.focusbtn3 {
    font-style: normal;
    margin-left: 20px;
}


.whitefed {
    min-height: 200px;
    margin-top: 20px;
    background: #fff;
    /* margin-bottom: -41px; */
    /* padding-bottom: 40px; */
}
.greybox {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 45px;
    background: rgba(0,0,0, 0.8);
    height: 215px;
    width: 250px;
}
.greybox:hover{
  
}
a.btn.focusbtn4 {
    /*margin-top: 161px;*/
    margin-left: 12px;
    z-index:2; 
    /*position: absolute;*/ 
}
a.btn.focusbtn4:hover{
    background: #d1d1d1;
    color: #000 !important;
}
a.btn.focusbtn3:hover{
     background: #d1d1d1;
    color: #000 !important;
}
.focusbtn4 {
    font-weight: 300;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    margin-top: 20px;
    padding: 10px;
    color: #fff !important;
    background: #86af49;
    text-decoration: none !important;
}
img.floatLeftarrow {
    float: right;
    margin-top: -150px;
    margin-right: 10%;
}
img.floatRightarrow {
    float: right;
    margin-top: -150px;
    margin-right: 10%;
}
img.floatRightimg{
    float:right; 
 
}
p.history{
    margin-left:200px; 
}
.floatLeftimg {
   
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}
.aboutcontent {
    padding: 25px;
    border: solid #ccc 1px;
    border-radius: 20px;
 
    margin-top: 75px;
    margin-bottom: 50px;
}
.btn-ngc:hover{   
    color: #d1d1d1;
    background: #545454;
}
.btn-ngcsecondary{
    font-size: 12px; 
     font-weight: 300;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    padding: 6px !important;
     margin-top: 1px;
     color: #fff;
    background: rgba(0,174,239,0.92);
}
.btn-ngcsecondary:hover {
    color: #fff;
    background: #72727C;

}
input.form-control {
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    font-size: 12px;
}
.form-control {
    visibility: hidden;
    display: none; 
    /*border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.045), 0 0 8px rgba(102,175,233,.4);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.045), 0 0 8px rgba(102,175,233,.4);*/
}
.vertical-text {
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
    background: #175d77;
    color: #fff;
    width: 208px;
    margin-left: 40px;
    padding: 10px;
    text-transform: uppercase;
    /* border: 1px solid #B52C2C; */
    /* box-shadow: 2px -2px 0px rgba(0, 0, 0, 0.1); */
    float: left;
    border-radius: 8px 8px 0px 0px;
    position: relative;
    right: -160px;
    top: -325px;
    float: right;
    z-index: 55;
}
.vertical-text2 {
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
    background: #7cb91c;
    color: #fff;
    /*width: 228px;*/
    margin-left: 40px;
    padding: 10px;
    text-transform: uppercase;
    float: left;
    border-radius: 8px 8px 0px 0px;
    position: absolute;
      right: -157px;
    top: 609px;
    float: right;
    z-index: 55;
}
.followPanel2 {
    /* right: -233px; */
    right: 38px;
       margin-top: -252px;
    /* background: #000; */
}
.contentBegin{
  margin-top: 49px;
    padding-top: 30px; 
    padding-bottom: 30px; 
    margin-bottom: -20px; 
}
.contactContent{    padding: 35px 0px 35px 0px;
}
.darkbg {
    background: rgba(0,0,0,.7);
    padding: 20px;
    color: #fff;
    margin-top: 125px;
    margin-bottom: 35px;
}
.moveDown {
    margin-top: -28px;
}
.socialpanel2 {
    overflow: hidden;
    z-index: 54;
    display:none;
    width: 220px;
    position: absolute;
    margin-top: 47px;
    background: white;
    right: 0;
    opacity: 0;
    /*-webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;*/
}
.openMe2 {
    visibility: visible;
    opacity: 1;
    display: block;
    /*-webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;*/
    width: 195px !important;
    height: 572px !important;
    z-index: 60;
    overflow-y: scroll;
}
.socialhead{
    /*background: #175d77;*/
    margin-top: 0px;
    padding: 3px; 
    font-size: 20px;  
    color: #fff; 
}
.white {
    background: #fff;
    margin-bottom: -30px;
    padding-bottom: 40px;
}
.white2 {
    margin-top: -100px; 
    background: #fff;
    margin-bottom: -30px;
    padding-bottom: 40px;
}
.socialhead2{
    margin-top: 0px;
    padding: 3px; 
    font-size: 20px;  
    color: #fff;
}
a.featured-button-link{
    margin-bottom: 10px; 
}
a.featured-button-link:hover{
    color: #000;
    background: #EDF7FF; 
}
a.twitter-timeline {
    color: #fff;
}
.followPanel {
    right: 35px;
    z-index: 60;
    /* background: #000; */
}
.socialpanel {
    display: none; 
    overflow: hidden;
    z-index: 54;
    position: absolute;
    margin-top: -533px;
    background: white;
    right: 0;
    opacity: 0;
  -webkit-transition: ease-in .3s linear 0s;
  transition: ease-in .3s linear 0s;
}
.openMe {
    display: block;
    z-index: 60;
    opacity: 1;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    width: 195px !important;
    max-height: 572px !important;
    overflow-y: scroll;
}
.social{
    border: none; 
    background: transparent;
}
.social2 {
    background: transparent;
    border: none;
}
/********RESOURCE*******/

.connectionPoints {
    position: absolute;
    top: 450px;
    opacity: .3;
    left: 601px;
}
/************CRIMINAL JUSTICE***************/

p.introcriminalJustice {
    padding-bottom: 30px;
    padding-top: 10px; 
}

p.featureditemsp{    font-size: 12px;}

section.white.margin-top {
    margin-top: 0px;
    margin-bottom: 100px;
}
section.grey.margin-top{background: #bbcbcc; padding: 100px;}
/*************FOCUSAREAS-Icons************/
img.focusicons{
    opacity: .6;
    float: left;
    padding-top: 7px;
    padding-right: 10px;
}
img.focusiconslg {
    opacity: .6;
    float: left;
    margin-top: -13px;
    padding-top: 0px;
    padding-bottom: 30px;
    padding-right: 10px;
}

/**********FAQS***********/

.greysection {
    background: #c8d5d6;
    padding-top: 10px;
}
.container.margin-top.nextSection {
    margin-top: 30px;
    margin-bottom: 20px;
}
/**********FAQ ANCHOR*********/
#question1, #question2, #question3, #question4, #question5, #question6, #question7, #question8, #question9, #question10, #question11, #question12, #question13, #question14, #question15, #question16, #question17{
    margin-top: -100px;
    padding-top: 100px; 
}
/***ACCORDION***/
button.accordion {
    background-color: #006480;
    color: #fff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
        height: 100%; /*added height*/
    transition: 0.4s;
}
/*button.accordion:before {
    content: '';
    background: url(../Content/Images/Graphics/add.png) no-repeat;
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:27px;
    height:100%;  
}
button.accordion.active:before {
       content: '';
    background: url(../Content/Images/Graphics/minus.png) no-repeat;
}*/
button.accordion.active, button.accordion:hover {
    background-color: #262626;
    color: #ccc; 
}
div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    border-bottom: solid 1px;
    border-radius: 0px;
    overflow: hidden;
  
    opacity: 0;
}
div.panel.show {
    position: relative;
    background: #f1f1f1;
    opacity: 1;
    max-height: 3000px;
}
.answer{
    padding: 20px; 
}
.panel {
    margin-bottom: 0px;
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0px;
    box-shadow: 0px;
}
.show {
    display: block!important;
}
.panel {
    /*margin-bottom: 20px;*/
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.whitefaq{
    background: #fff;
    margin-bottom: -40px;
    padding-bottom: 40px;
}
.nextSection{

}

/******FILTERS*********/
.contentPadding{
    padding-bottom: 70px;
}
.filters{
    border-radius: 20px;
    background: #e3eaea;
    /*padding-left: 60px;
    padding-right: 60px;*/
    width: 90%;
    margin-left: 5%;
    padding-bottom: 20px !important;
    margin-top: 40px;
    margin-bottom: 20px; 
}
.filtersfull {
    margin-top: -20px;
    height: 200px;
    background: #bbcbcc;
    width: 100%;
}

	.latest-works { overflow: hidden; width: 100%; background: #f0eeed; padding: 40px 0 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
	.latest-works .portfolio-item { width: 24.97%; float: left; margin: 0; height: auto; padding: 0; box-sizing: border-box; }
	.icon-top-title i { display: inline-block; color: #e84a52; font-size: 64px; }
	.img-item { position: relative; overflow: hidden; margin-bottom: -6px; }
.img-item img {
    max-width: 260px;
    /*width: 100%;*/
    height: auto;
    margin: 0;
    max-height: 275px;
    border-radius: 20px;
    padding: 0;
}
.filterlinks{}
.portfolio {
    display: block;
    padding: 0;
    margin-left: 90px;
}
	.portfolio h4, .recent-works-items h4, .shop-item h4, .side-list h5 { font-weight: 400; margin: 10px 0 7px; font-size: 18px; }
	.portfolio h4 a, .recent-works-items h4 a, .shop-item h4 a, .side-list h5 a { color: #494949; }
	.portfolio h4 a:hover, .recent-works-items h4 a:hover, .shop-item h4 a:hover, .side-list h5 a:hover { text-decoration: underline; }
	.portfolio p, .recent-works-items p { color: #909090; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 4px solid #ededed; text-transform: uppercase; }
	.portfolio-item h5 { margin-top: 8px; }
nav.primary {
    margin-top: 20px;
    padding: 19px;
    margin-bottom: -10px;
    float: right;
    /* clear: both; */
}
nav.primary .portfolioFilters a {
    border-radius: 20px;
    line-height: 2.3em;
    padding: 6px 12px;
    font-size: 14px;
    color: #333;
    border: none !important;
    font-weight: normal;
    margin-top: 0 !important;
    text-align: center;
    width: auto;
    text-transform: uppercase;
    text-decoration: none;
}
	nav.primary .portfolioFilters a:hover { border-color: #e84a52; }
	nav.primary .portfolioFilters a.selected, nav.primary ul li a:active {    border-radius: 10px; background: #333; color: #fff; margin-top: 0 !important; border: solid 1px #fff; }
	nav.primary .portfolioFilters .portf { color: #61A300; font-weight: bold; margin-right: 10px; padding-top: 5px; }
	nav.primary .portfolioFilters { text-align: center; clear: both; list-style: none outside none; }
	nav.primary .portfolioFilters { margin-right: 10px; }
	.float-inline {
    display: inline;
    float: left;
    text-transform: uppercase;
    padding-right: 15px;
    font-size: 18px;
}
figure.portfolio-item.isotope-item {
    width: 260px;
    padding: 20px;
}


    a.listview2.hideIsotope {
    cursor: pointer;
}
        a.listview.hideIsotope {
    cursor: pointer;
}
    .fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
/****ANIMATIONS****/
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.itemList {
    background: #E3EAEA;
    width: 90%;
    margin-left: 5%;
    padding-bottom: 20px !important;
    margin-top: 15px;
    margin-bottom: 20px;
    height: 300px;
}
.itemList2 {
    background: #666766;
    margin-top: 15px;
    margin-bottom: 20px;
    /* min-height: 320px; */
    color: #fff;
    padding: 40px 0px 40px 0px;
}
a.itemlistLink{
    color: #55afea;
}

a.contactLinks{
    color: #bbcbcc;
}
.itemList3 {
    background: #fff;
    margin-top: 15px;
    margin-bottom: 20px;
    /* min-height: 320px; */
    padding: 20px 0px 20px 0px;
}
.alert.alert-warning.text-uppercase {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    background: slategray;
}
a.relatedWebsitesLinks {
    font-family: "proxima-nova","Open Sans",Arial,sans-serif;
    font-weight: 300;
    line-height: 175%;
    font-size: 15px;
    float: left;
    margin-bottom: 0px;
    margin-top: 60px;
}
a.relatedWebsitesMedHeightLinks {

    margin-top: 7px;
    font-family: "proxima-nova","Open Sans",Arial,sans-serif;
    font-weight: 300;
    line-height: 175%;
    font-size: 15px;
}
a.relatedWebsitesLargeHeightLinks {
    /* position: absolute; */
    float: left;
    margin-top: 115px;
    font-family: "proxima-nova","Open Sans",Arial,sans-serif;
    font-weight: 300;
    line-height: 175%;
    font-size: 15px;
}
.btn-ngc-teal {
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    margin-top: 20px;
    padding: 10px;
    text-decoration: none !important;
    color: #fff !important;
    background: #009390;
}
img.itemImg2 {
    float: left;
    margin-bottom: 52px;
    margin-left: 10px;
    margin-right: 20px;
    width: 200px;
    border-radius: 8px;
}
 .bold{
     font-weight: 700; 
 }
 img.itemImg{
     float:left; 
     width: 220px;
     margin-right: 20px;
     border-radius: 20px; 
    }
    /*.listViewContainer{display: none; }*/
	.img-item:hover .zoomex, .prettyPhoto:hover .zoomex, .img-item:hover .zoomex2, .img-item:hover .zoomex2 * { opacity: 1; filter: alpha(opacity=100); }
	.pin-box  .img-item, .pin-box  iframe { max-width:236px; margin:-12px; margin-bottom:0; }
	
	/* ISOTOPE */
	
	.isotope-item { z-index: 2; }
	.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
	.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; }
	.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }
	.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }
	
	/*------------ portfolio item ------------*/
	.portfolio.isotope {
    margin-left: 38px;
}
	.portfolio-item-dets { width:290px; float:right; border-bottom:2px solid #e5e5e5; margin-right:10px; margin-top:20px;}
	.portfolio-item-dets i { font-size:32px; color:#ddd;}
	.portfolio-item-dets i.liked, .portfolio-item-dets i:hover { color:#e53f51; cursor:pointer;}
	.portfolio-item-like-box { width:36px; text-align:center; float:left; padding-bottom:10px; color:#c3c3c3; padding-left:20px; margin-right:20px;}
	.portfolio-item-detail-box { width:193px; float:left; padding:7px 0 10px 20px; color:#c3c3c3; border-left:1px solid #e5e5e5; line-height:1; }
	.portfolio-item-detail-box a { color:#bbb;}
	.portfolio-item-detail-box a:hover { text-decoration:underline;}
	.portfolio-item-detail-box hr { margin:10px 0;}
	.portfolio-item i.fa-heart { color:#ef7c88; margin-top:3px;}
	

@media only screen and (max-width: 959px) {	
		.latest-works .portfolio-item { width:49.8%; }
		}
		
@media only screen and (max-width: 798px){
    .subNav{
        display: none !important;
    }
    .SubMenuHome{
        display: none !important;
    }
}
@media only screen and (max-width: 479px) {

    .focusOnTop {
    background: #095f78;
    z-index: 3;
    position: relative;
    background-attachment: fixed;
    /* padding: 110px !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /* border-bottom: 9px #29363F solid; */
}
		
		.latest-works .portfolio-item { width:100%; }
		nav.primary .portfolioFilters a { border-radius:2px; margin-bottom:10px; margin-right:5px; padding:4px 8px; font-size:13px; font-weight:400; display:block; float:left;}
		
		}

/********NAVS Active classes********/
a#faqs, .navbar-nav>li>a{
    border-bottom: 0px solid transparent; 
    width:auto; 
    transition: 0.5s ease;
    left: 0; 
}
span.logoContent {
    display: block;
    font-size: 10px !important;
    color: #fff;
    padding-top: 4px;
    margin-top: -26px;
}
a#faqs.activeMain, .navbar-nav>li>a#faqs.activeMain {
    background: #333;
    border-bottom: solid 4px #006480;
   padding-bottom: 15px; 
    transition: 0.5s ease;
}
a#library, .navbar-nav>li>a{
    border-bottom: 0px solid transparent; 
    width:auto; 
    transition: 0.5s ease;
    left: 0; 
}
a#library.activeMain, .navbar-nav>li>a#library.activeMain {
    border-bottom: solid 4px #006480;
    background: #333; 
   padding-bottom: 15px; 
    transition: 0.5s ease;
}
a#whatwedo, .navbar-nav>li>a{
    border-bottom: 0px solid transparent; 
    width:auto; 
    transition: 0.5s ease;
    left: 0; 
}
a#whatwedo.activeMain, .navbar-nav>li>a#whatwedo.activeMain {
    border-bottom: solid 4px #006480;
    background: #333; 
   padding-bottom: 15px; 
    transition: 0.5s ease;
}
a#whoweare, .navbar-nav>li>a{
    border-bottom: 0px solid transparent; 
    width:auto; 
    transition: 0.5s ease;
    left: 0; 
}
a#whoweare.activeMain, .navbar-nav>li>a#whoweare.activeMain {
    background: #333;
    border-bottom: solid 4px #006480;
      padding-bottom: 11px !important;
    transition: 0.5s ease;
}
a#whatworks, .navbar-nav>li>a{
    border-bottom: 0px solid transparent; 
    width:auto; 
    transition: 0.5s ease;
    left: 0; 
}
a#whatworks.activeMain, .navbar-nav>li>a#whatworks.activeMain {
    background: #333;
    border-bottom: solid 4px #006480;
   padding-bottom: 15px; 
    transition: 0.5s ease;
}
a#whatshappening, .navbar-nav>li>a{
    border-bottom: 0px solid transparent; 
    width:auto; 
    transition: 0.5s ease;
    left: 0; 
}
a#whatshappening.activeMain, .navbar-nav>li>a#whatshappening.activeMain {
    background: #333;
    border-bottom: solid 4px #006480;
   padding-bottom: 15px; 
    transition: 0.5s ease;
}
li.menu a:hover{
    color: #0062a3;
}
/****FOCUS AREAS****/
.filters3 {
    border-radius: 20px;
    background: #e3eaea;
    width: 90%;
    margin-left: 5%;
    padding-bottom: 20px !important;
    margin-top: 35px;
    margin-bottom: 20px;
}
h2.focushead6 {
    margin-top: -151px;
    margin-left: 80px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #fff;
}
.trapezoidgreen{
    background: url(./Images/Graphics/greentrap.png) no-repeat transparent; 
    height: 90px; 
}
.trapezoid{
       position: relative;
            display: inline-block;
            padding: 0em;
            padding: .2em .5em;
            text-align: center;
            color: white;
            font-size: 30px;
            text-transform: uppercase;
            font-family: sans-serif;
                margin-top: -13px;
        }
h2.trapezoidheader {
    color: #fff;
    z-index: 4;
    display: inline-block;
        font-style: initial;
    position: relative;
}
.trapezoid:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0px;
            background-color: #333;
            border-radius: 10px;
            width: 65%;
            transform: skewX(20deg);
            z-index: 2;
        }

.trapezoid:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0px;
            background-color: #333;
            border-radius: 10px;
            width: 65%;
            transform: skewX(-20deg);
            z-index: 2;
        }

/*.trapezoid :after {
            content: '';
            display: block;
            position: absolute;
            bottom: 15px;
            right: 15px;
            left: 15px;
            background-color: transparent;
            border-radius: 10px;
            height: 10px;
            z-index: 1;
            box-shadow: rgba(165,23,67,.2) 0px 20px 10px;
        }*/

/*.trapezoid{
    background: url(./Images/Graphics/SlateGrey.png) no-repeat transparent; 
    height: 90px; 
}*/
a.btn.btn-ngc3.marginBottom40 {
    margin-bottom: 75px;
}
.focushead {
    margin-top: -127px;
    margin-left: 57px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #fff;
}
.focusheadcontact {
    margin-top: -105px;
    margin-left: 80px;
    margin-bottom: 50px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #fff;
}
h2.focushead2 {
    margin-top: -130px;
    margin-left: 50px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #fff;
}
h2.focushead3 {
    margin-top: -163px;
    margin-left: 80px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #fff;
}
h2.focushead4 {
    margin-top: -140px;
    margin-left: 100px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #fff;
    font-style: normal;
}
h2.marginheaders, h3.marginheaders{
   margin: 30px 0px 10px 0px;
}
h2.marginheaders2{
   margin: 20px 0px 20px 0px;
}
ul.bullets{
    margin-left: 30px; 
}
a.surveybuttons{
    color: #fff;
    width: 10em;
    text-align: left;
    background: #006480;
    color: #fff;
    margin-right: 4px;
    text-decoration: none;
    padding: 10px;
    border-radius: 4px;

}
.lightText{
    color: #fff;
}
a.surveybuttons:hover {
    color: #000;
    background: #d1d1d1; 
    text-decoration: none; 
}
img.focusimgs.home {
    height: 300px;
}
h3.focusheader.headerhome {
    margin-top: 98px;
}
p.pfocus.phome {
    max-width: 400px;
    margin-top: 74px;
    margin-bottom: -20px;
}
.h2, h2 {
    font-size: 30px;
}
.h3, h3 {
    font-size: 26px;
}
.col-md-6.text-center {
    min-width: 300px;
    float: left;
    margin-top: 15px;
}
button#dLabel {
    background: #1d72a6;
    border: none;
    padding: 7px;
}
.dropdown.toggleDrop {
    position: absolute;
    top: 104px;
    right: 36px;
    color: #fff;
    background: #333;
    width: 330px;
}
.col-md-4,.col-sm-3 {float:left;}
.focusimgs {
    margin-bottom: 30px;
    opacity: 1;
    height: 550px;
    z-index: 1;
    margin-top: 30px;
  
    border-radius: 15px;
    transition: all .3s;
}
.largetitle{    margin-top: -5px;}
.focusimgs > .sectionfocus:hover{
    opacity: 1; 
}
.focusimgs:hover {
    opacity: .8;
    cursor: pointer;
    transition: all .3s;
}
p.whitep{
    font-style: normal; 
    color: #fff; 
}
.focusheader {
    color: #fff;
    width: 160px;
    text-transform: uppercase;
    margin-left: 20px;
}
abbr[data-original-title], abbr[title] {
    cursor: help;
    text-decoration: none;
    border-bottom: 1px dotted #777;
}
.resource-title {
    z-index:9;
    display: block;
    flex-grow: 1;
    /* padding: 2em; */
    margin-top: -48px !important;
    padding-bottom: 15px !important;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    background: rgba(0,0,0,.5);
}
span.italic{
    font-style:italic;
}
.resource-title3 {
    z-index:9;
    display: block;
    flex-grow: 1;
    /* padding: 2em; */
    margin-top: -65px !important;
    padding-bottom: 15px !important;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    background: rgba(0,0,0,.5);
}
.lightblue {
    background: #abc7db;
    padding-bottom: 104px;
}
.lightgrey {
    background: #d7e0e0;
    padding-bottom: 104px;
    margin-bottom: -10px;
}
.marginTop40{
    margin-top:40px; 
}
.focusheaderwhatshappening {
    font-style: initial;
    color: #fff;
    text-transform: uppercase;
    margin-left: 20px;
    max-width: 215px;
}
a.gangcontact{
    background: #083E4D;
    display: block;
    clear: both;
}
a.gangcontact:hover{
    background: #3e779c;
}
a.noStyle{
    text-decoration: none !important;
}
.sectionfocus {
    max-width: 275px;
    /* background: rgba(0,0,0,0.5); */
    margin-top: -521px;
    position: absolute;
    padding: 10px;
}
.sectionfooter {
    max-width: 275px;
    /* background: rgba(0,0,0,0.5); */
    margin-top: -160px;
    position: absolute;
    padding: 20px;
}
.role-section {
    /* margin-top: 100px; */
    margin-bottom: 130px;
}


p.roleparagraph{
    margin-left:15px;
    margin-top: 20px; 
    margin-right: 15px; 
}
.focusbtn{
    margin-left: 20px; 
}
.pfocus{
        font-style: initial;
    padding: 20px; 
    margin: 0px; 
    color: #fff; 
    max-width: 235px;
}
/********SOCIAL******/
.blogbg {
    margin-bottom: 30px;
    /*height: 650px;*/
}
.twitterbg {
    float: left;
    border-radius: 20px 0px 0px 20px;
    background: #28abe2;
}
.twitter{
        width: 255px;
    float: left;
}
.twitterContent {
    margin-left: 252px;
    margin-top: 30px;
    padding: 50px;
    background: #7fb0d1 url(./Images/Graphics/cityscape.png) no-repeat;
    background-position: bottom; 
    height: 255px;
    margin-bottom: 60px;
    border-radius: 0px 20px 20px 0px;
}
.twitterContent h3{
    color: #fff; 
}
a.tweetlink{
    color: #fff;
}
.gangexchangeContent {
    background: #8a9a9a;
    float: left;
    max-width: 885px;
    padding: 20px;
    color: #fff;
    margin-bottom: 30px;
    height: 255px;
    border-radius: 20px 0px 0px 20px;
}
img.gangexchangebg {
    width: 255px;
    float: right;
    border-radius: 0px 20px 20px 0px;
}
/********CAROUSEL COMMENTS*******/
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 70%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}
.item{
    margin-top:300px; 
}
.Quote1, .Title1{
    color: #000; 
}
.Title1{
    float:right;
    font-size:13px; 
    margin-top:30px; 
    padding-right:10px; 
}
ol.carousel-indicators {
    top: 435px;
    display: none;
}

.carousel-caption {
    /*padding: 10px;*/ 
}
.carousel-indicators .active {
    width: 20px;
    height: 4px;
    transition: color all .3s;
    margin: 0;
    background-color: #444;
}
.carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 3px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: transparent; 
    background-color: #d1d1d1;
    border-radius: 0px;
}
p.youthgangp {
    color: #000;
    font-size: 22px;
    margin-top: -347px;
    margin-left: -244px;
    font-weight: 700;
    text-shadow: none;
}
a.btn.focusbtn3.float-center {
    margin-top: 304px;
    margin-right: 50%;
}
img.floatNGC {
    float: left;
    position: absolute;
    width: 335px;
    border-radius: 50%;
    z-index: 10;
    border-collapse: separate;
    margin: 0 auto;
    margin-left: 45%;
    margin-top: 190px;
}
.carousel-caption {
    z-index: 9;
    /*right: 0;*/
    /*width: 100%;*/
    top: 133px;
    margin-top: 83px;
}
.carousel-control.right {
    right: 0;
    left: auto;
    opacity: 1;
    background-image: none !important;
    filter: none !important;
}
.carousel-control.left {
    left: 0;
    right: auto;
    opacity: 1;
    background-image: none !important;
    filter: none !important; 
}
/*.item.left{
    opacity: 1;
    transition: ease-out .3s;
}
.item.right{
    opacity: 1;
    transition: ease all .3s;
}*/
/*******CAROUSEL*******/

    .slider {
        width: 50%;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
        color: black;
    }
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./Images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
/*@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}*/
.carousel-control:focus, .carousel-control:hover {
    color: #000;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}
.center .slick-center img {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    color: #e67e22;
    opacity: 1;
    width: 120%;
    margin-top: 20px;
    padding-bottom: 30px;
    transform: scale(1.1); 
    z-index: 0; 
   
}

p.layOn {
    z-index: 1;
    position: absolute;
    color: #fff;
    background: #000; 
}a.selectedImg:hover{
    opacity: .8;
}
.slick-list.draggable {
    padding: 0 100px !important; 
}
.center img {
    width: 100%;
    transition: all 300ms ease;
}
/* Arrows */
.slick-prev,
.slick-next
{float: left !important;
    left: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
        top: 1450px;
        margin-top: 75px;
        margin-left: 83px;
    display: block;
    width: 35px;
    height: 35px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
  
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*.slick-prev
{
    left: -25px;
}*/
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev {
    background: url(./Images/Icons/left.png) no-repeat center;
    color: #000;
    display: inline-block !important;
    
    margin-left: 45px;

}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next {
    /*right: 331px;
    margin-top: -205px;*/
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next {
    background: url(./Images/Icons/right.png) no-repeat center;
    color: #000;
    margin-left: 100px;
}

[dir='rtl'] .slick-next:before
{
    content: '←';
}
.col-md-3 {
    float: left;
}
/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: #000;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/* Slider */
.slick-slider
{
  width: 1400px;  
    height:500px;
    margin: 20px auto;    
    text-align: center;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*******GLOBAL BIG CONTAINER*******/
.bigcontainer {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
/***************KEN BURNS************/

body {
	font-family: Arial,sans-serif;
	background-color: #8a9a9a;
}
/**********KEN BURNS AVOIDING MORE SCRIPTS**********/
.slideshow {
    position: absolute;
    width: 100vw;
    height: 640px;
    margin-top: -20px;
    overflow: hidden;
}

.slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  -webkit-animation-name: kenburns;
  animation-name: kenburns;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration:40s;
  animation-duration: 40s;
  opacity: 1;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.slideshow-image:nth-child(1) {
  -webkit-animation-name: kenburns-1;
  animation-name: kenburns-1;
  z-index: 3;
}

.slideshow-image:nth-child(2) {
  -webkit-animation-name: kenburns-2;
  animation-name: kenburns-2;
  z-index: 2;
}

.slideshow-image:nth-child(3) {
  -webkit-animation-name: kenburns-3;
  animation-name: kenburns-3;
  z-index: 1;
}
.slideshow-image:nth-child(4) {
  -webkit-animation-name: kenburns-4;
  animation-name: kenburns-4;
  z-index: 0;
}
.footerbg {
    background: #111;
    /* position: absolute; */
    width: 100%;
}

footer {
      background: none !important;
    color: white;
    margin-top: 1em;
    font-family: Verdana, Helvetica, Sans-Serif;
}
footer li {
    margin: 0;
    padding: 0 .75em;
    display: inline;
   white-space:pre-wrap;
}
html {
    background: #fff !important;
    color: #fff;
    border: none !important; 
}
.footerLogos {
    white-space: nowrap;
    float: left;
    margin-top: 20px;
}
footer .bottom {
    margin-top: 1em;
    text-align: left;
    /* text-align: center; */
    background-color: #111;
    display: inherit;
    /* clear: both; */
    /* padding: 0.25em 25%; */
}
.paddingfooter{
    padding-top:40px;
    padding-bottom: 50px; 
}
.slategreyiir{
    background: #333;
    color: #fff;
    text-align: center; 
}
li {
display: block;
}
footer a:hover {
    text-decoration: underline !important;
}
a.noRe {
    min-width: 340px;
}
footer a:link, footer a:visited, footer a:active {
    color: #fff;
    text-decoration: none;
        font-style: normal;
    display: inline-block;
    width: 185px;
}
img.footerlogo {
    width: 170px;
}
/**********ABOUT MOVE PANEL**************/
/*.aboutPartHidden{
    display: none; 
}*/
.hideMeFast{
    display: none;
}
.hideMe{
    transition: all 3s; 
    display:none;
    visibility: hidden;
}
.showMe{
    transition: all 3s; 
    display: block;
    visibility: visible; 
}
.open{
    z-index:9999;
}
ul.cgm li {
    display: inline-block;
    vertical-align: top;
    width: 262px;
    height: 520px;
    margin: 10px;
    padding: 30px 20px;
    position: relative;
    overflow: hidden;
    background: #d1d1d1;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
img.cgmicons {
    width: 80%;
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 7px;
}
ol {
   display: block;
  list-style-position: inside;
}
li {
    display: list-item;
    list-style-position: outside;
    font-size: 16px;
}
ol, ul {
    margin-top: 10px;
    margin-bottom: 10px;
}
li p{
    display:inline;
}
ul.cgm li p {
    font-size: 16px;
    margin-top: 10px;
    display: inline-block;
    line-height: 120%;
}
ul.cgm li:hover {
    color: #fff;
    background-color: #545454;
}
ul.cgm li:hover > h4{
    color: #fff;
}
ul.cgm li:hover:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 25px 25px 0;
    border-style: solid;
    display: block;
    width: 0;
}
ul.cgm li:hover:before {
    border-color: #fff #fff #333 #333;
}
.subNav {
        display: initial;
}
/******KEYFRAMES MOVEMENT******/
@-webkit-keyframes 
kenburns-1 {  0% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 1.5625% {
 opacity: 1;
}
 23.4375% {
 opacity: 1;
}
 26.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 98.4375% {
 opacity: 0;
 -webkit-transform: scale(1.21176);
 transform: scale(1.21176);
}
 100% {
 opacity: 1;
}
}

@keyframes 
kenburns-1 {  0% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 1.5625% {
 opacity: 1;
}
 23.4375% {
 opacity: 1;
}
 26.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 98.4375% {
 opacity: 0;
 -webkit-transform: scale(1.21176);
 transform: scale(1.21176);
}
 100% {
 opacity: 1;
}
}

@-webkit-keyframes 
kenburns-2 {  23.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 26.5625% {
 opacity: 1;
}
 48.4375% {
 opacity: 1;
}
 51.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}

@keyframes 
kenburns-2 {  23.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 26.5625% {
 opacity: 1;
}
 48.4375% {
 opacity: 1;
}
 51.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}

@-webkit-keyframes 
kenburns-3 {  48.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 51.5625% {
 opacity: 1;
}
 73.4375% {
 opacity: 1;
}
 76.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}

@keyframes 
kenburns-3 {  48.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 51.5625% {
 opacity: 1;
}
 73.4375% {
 opacity: 1;
}
 76.5625% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
}

@-webkit-keyframes 
kenburns-4 {  73.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 76.5625% {
 opacity: 1;
}
 98.4375% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}

@keyframes 
kenburns-4 {  73.4375% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 76.5625% {
 opacity: 1;
}
 98.4375% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
/****************MEDIA QUERIES***************/
@media screen and (max-width: 1550px) {
    a.adbtn.float-center2.generalbtn img {
        margin-left: 30px;
    }
    a.adbtn.float-center2.generalbtn2 img {
        margin-left: 65px;
    }
    .featuredNewsletters{
    margin-left: 88px;
}
.focusOnTop2 {
    width: 50%;
}
a.adbtn img {
    margin-left: -39px;
    padding-left: 5px;
    float: left;
    width: 165px;
}
}
@media screen and (max-width: 1400px){

.featuredNewsletters{
    margin-left: 88px;
}

       .connectionPoints {
    position: absolute;
    top: 450px;
    opacity: .3;
    left: 480px;
}
       .floatLeftimg {
    max-height: 200px;
    margin-top: -15px;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}
}
@media screen and (max-width: 1380px){
    a.adbtn img {
        margin-left: -68px;
    }
    .featuredNewsletters {
    margin-left: 15px;
}
    a.floatBelow.btn.btn-ngc2 {
    margin-left: 162px;
    margin-right: 190px;
}

}

@media screen and (max-width: 1205px){
    a.adbtn.float-center2.generalbtn2 img {
        margin-left: 40px;
    }
    a.adbtn.float-center2.generalbtn3 img {
        margin-left: 75px;
    }
    a.adbtn.float-center2.generalbtn img {
        margin-left: 15px;
    }
    p.focusareaslidep {
        margin-left: -85px;
        overflow-wrap: break-word;
    }
    p.ngcparenttitle {
        margin-left: 10px;
    }
    img.sliderImg {
        /*padding-top: 29px;*/
        max-width: 315px !important;
    }
    .ngc-intro .col-md-4 {
        width: 38%;
    }
    .ngc-intro .col-md-2.container {
        width: 12%;
    }
    .ngc-img-logo {
        margin-left: -90px;
        max-width: 275px;
    }
    .lightestgrey {
    background: #edf4f4 !important;
    min-height: 565px;
}
        section.margin-top.greysection {
    background: #bbcbcc;
    /*padding-left: 75px;*/
    padding-top: 100px;
    height: 1300px;
    padding-bottom: 100px;
}
        .greenrightcontent {
    margin-bottom: 20px;
    background: #86af49;
    border: solid 2px #fff;
    padding: 25px;
    float: right;
    max-width: 560px;
    border-radius: 20px;
    margin-right: -20px;
}
.contactRequest {
    width: 265px;
    height: 200px;
    /* background: #fff; */
    margin-top: 50px;
    margin-bottom: 40px;
    /* border-radius: 20px; */
    /* margin-left: 25px; */
}
.contactContainerHover {
    background: #006480;
    position: absolute;
    margin-top: 10px;
    z-index: 3;
    min-width: 265px;
    max-width: 301px;
    min-height: 300px;
    margin-left: 10px;
    border: 1px solid white;
    box-shadow: 0px 0px 0px 7px #006480;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}
.contactContainers:hover > .contactContainerHover {
    margin-top: -340px;
    height: auto;
    padding-top: 10px;
    width: auto;
    margin-left: 10px;
    border: 1px solid white;
    box-shadow: 0px 0px 0px 7px #006480;
}
    .gangexchangeContent {
    background: #8a9a9a;
    float: left;
    max-width: 684px;
    padding: 16px;
    color: #fff;
    margin-bottom: 30px;
    height: 255px;
    border-radius: 0px 0px 0px 20px;
}
    .bigcontainer{
        width: 1300px;
    }
}
@media only screen and (max-width: 1200px){
    a.btn.focusbtn3 {
    font-style: normal;
    margin-left: 0px;
}
    input[type=search] {
    top: 75px;
    position: fixed;
}
.contactContainerHover {
    background: #006480;
    position: absolute;
    margin-top: 10px;
    z-index: 3;
    min-width: 265px;
    max-width: 255px;
    min-height: 300px;
    margin-left: 10px;
    border: 1px solid white;
    box-shadow: 0px 0px 0px 7px #006480;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}
.col-md-6.ngcintro {
    /* margin-top: 30px; */
    height: 440px;
    width: 340px;
    margin-bottom: 60px;
}
    .focusOnTop2 {
    background: url(./Images/Indexslider/diamondpattern.png) repeat;
    z-index: 4;
    width: 68%;
    overflow: hidden;
    /* margin-right: -200px; */
    height: 563px;
    /* float: right; */
    right: 0px;
    margin-top: -562px;
    position: absolute;
    background-attachment: fixed;
    /* padding: 110px !important; */
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
    /* border-bottom: 9px #29363F solid; */
}
img.floatNGC {
    position: absolute;
    width: 296px;
    z-index: 10;
    margin: 0 auto;
    margin-left: 30%;
    margin-top: 205px;
}
.marginleft250 {
    /* margin-left: 247px; */
    width: 70%;
    /* height: 416px; */
    margin-top: 127px;
}
    .gangIntroduction{
        width:40%;
    }
    .gangbg {
    background: #333;
    color: #fff;
    position: absolute;
    height: 212px;
    margin-top: 325px;
    z-index: 4;
    display: inline-block;
    width: 100%;
}
}	
@media screen and (max-width: 1080px){
    p.gangintro { font-size: 24px; }
    .ngc-intro h1.titleIntro {
        font-size: 39px;
    }
    a.adbtn.float-center2.generalbtn3 img {
        margin-left: 58px;
    }
    a.adbtn img {
        margin-left: -83px;
    }
.portfolio {
    display: block;
    padding: 0;
    margin-left: 90px;
}
.whatwedo {
    padding-top: 55px;
}
    .newsletter {
    background: url(./Images/Photos/NGCNewsletterBG.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    margin-top: -30px;
    -o-background-size: cover;
    background-size: cover;
    height: 528px;
    /* padding-top: 229px; */
}
    section.margin-top.greysection {
    background: #bbcbcc;
    /*padding-left: 75px;*/
    padding-top: 100px;
    height: 610px;
    padding-bottom: 100px;
}
    p.CMD5 {
    margin-top: -177px;
    margin-left: -35px;
    position: relative;
}
    p.CMD4 {
    margin-top: -240px;
    position: relative;
    margin-left: 21px;
}
    p.CMD3 {
    margin-top: -170px;
    position: relative;
}
    p.CMD2 {
    margin-top: -244px;
    margin-left: -36px;
    position: relative;
}
    p.CMD1 {
    position: relative;
    margin-top: -150px;
}
    img.floatRightarrow {
    float: right;
    margin-top: -246px;
    margin-right: 10%;
}
    img.floatLeftarrow {
    float: right;
    margin-top: -246px;
    margin-right: 10%;
}
    .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 9px;
}

}
@media screen and (max-width: 1000px){
    span.logoContent {
    display: block;
    font-size: 10px !important;
    color: #fff;
    padding-top: 6px;
    line-height: 1.3em;
    width: 100px;
}
    .contact {
        background: #bbcbcc;
    }
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 9px !important; 
}
.navbar-header {
    margin: 0 4px 0 6px;
}

}
/*@media (min-width: 992px){
.col-md-3 {
    width: 33%;
}}*/
@media screen and (max-width: 991px){
    .carousel-caption {
        right: 0;
        left: 0;
        margin: auto;
        margin-top:30px;
        padding-bottom: 30px;
        padding-top: 95px;
    }
    a.adbtn img {
        margin-left: 30%;
    }
    a.adbtn.float-center2.generalbtn2 img {
        margin-left: 40%;
    }
    a.adbtn.float-center2.generalbtn img {
        margin-top: 40px;
        margin-left: 35%;
    }

    .bg-intro {
        background: #095f78;
        margin-top: 30px;
        padding: 30px 0 85px;
        width: 100%;
        max-height: 1000px;
        text-align: center;
    }
    .ngc-intro .col-md-2.container {
        background: #333;
        margin-top: 30px;
        width: 100%;
    }
    .ngc-intro .col-md-4 {
        width: 100%;
        background: #fff;
        padding: 20px;
    }
    p.ganginfo {
    font-size: 13px;
}
.ngc-img-logo {
    margin-left: 0;
    margin-top: 0;
}
    .contactContainerHover {
    background: #006480;
    position: absolute;
    margin-top: 10px;
    z-index: 3;
    min-width: 224px;
    max-width: 185px;
    min-height: 300px;
    margin-left: 10px;
    border: 1px solid white;
    box-shadow: 0px 0px 0px 7px #006480;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}
    .gangbg {
    background: #333;
    color: #fff;
    position: absolute;
    height: 252px;
    margin-top: 271px;
    z-index: 4;
    display: inline-block;
    width: 100%;
}
    .col-md-4, .col-sm-3 {
    float: left;
    /*margin-left: 30px;*/
}
.centeritems {
    margin-left: 7%;
}
    h2.focushead6 {
    margin-top: -34px;
    margin-left: 80px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #fff;
}
    #rolesectionwhatwedo {
    background-color: #bed1d1;
    margin-top: 25px;
    padding-top: 8px;
}
    .newsletter {
    background: #3E5064;
    height: auto;
    padding-bottom: 15px;
    /* padding-top: 229px; */
}

    .contactRequest {
    width: 220px;
    height: 200px;
    margin-top: 50px;
    margin-bottom: 40px;
    /*margin-left: 65px;*/
}
        .gangexchangeContent {
    max-width: 465px;
}
    /*.col-md-4 {
 
    float: left;
}*/
    #rolesection {
    background-color: #bed1d1;
    margin-top: 25px;
    padding-top: 8px;
}
.focusimgs {
 
    z-index: 1;
    /* float: left; */
    margin-top: 20px;
    border-radius: 15px;
    transition: all .3s;
}
        .bigcontainer{
        width: 1200px;
    }
    .menu {
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    text-align: center;
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
}
    .gangexchangeContent {
    max-width: 465px;
}

}
@media screen and (max-width: 980px){
section.margin-top.greysection {
    background: #bbcbcc;
    /*padding-left: 75px;*/
    padding-top: 100px;
    height: auto;
    padding-bottom: 100px;
}

    .greenrow {
    margin-top: -925px;
    max-width: 780px;
    float: right;
}
    .greenrightcontent {
    margin-bottom: 20px;
    background: #86af49;
    border: solid 2px #fff;
    padding: 25px;
    float: right;
    max-width: 435px;
    border-radius: 20px;
    margin-right: -20px;
}
        img.centerImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    height: 300px;
}
.smlogo {
    width: 85px !important;
}
.logo {
    margin-top: -18px;
    width: 92px;
}
    input[type=search]{
        top:75px;
        position: fixed; 
    }
.navbar-inverse {
    padding: 1.5vh 0;
    /* min-height: 10vh; */
    height: 70px;
    background: #222;
    /* border-bottom: 6px solid #0062a3 !important; */
}
    .slideshow {
    position: absolute;
    width: 100vw;
    height: 662px;
    margin-top: -38px;
    overflow: hidden;
}
}
@media screen and (max-width: 960px){
    .communityBg {
    background: url(./Images/Photos/community.png);
    /* padding: 110px !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -20px;
    height: 389px;
    padding-top: 40px;
}
    p.youthgangp {
    color: #000;
    font-size: 22px;
    margin-top: -324px;
    margin-left: -244px;
    font-weight: 700;
    text-shadow: none;
}
    p.ngcparenttitle {
    color: #000;
    position: absolute;
    margin-left: 60px;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
}
.lightestgrey {
    background: #edf4f4 !important;
    min-height: 670px;
}
    .caret {
    margin-left: 2px;
}
    .strategyInfo {
    max-width: 155px;
    float: left;
    margin-left:-20px; 
}
}
@media screen and (max-width:900px){
        .newsletter {
    background: #3E5064;
    height: auto;
    padding-bottom: 15px;
    /* padding-top: 229px; */
}
    p.youthgangp {
    color: #000;
    font-size: 15px;
    margin-top: -275px;
    margin-left: -140px;
    font-weight: 700;
    text-shadow: none;
}
    a.btn.focusbtn3.float-center {
    margin-top: 251px;
    margin-right: 50%;
}
    p.gangintro {
    font-size: 27px;
    clear: both;
    margin-bottom: 35px;
    line-height: 130%;
    font-weight: 300;
    font-family: 'proxima-nova',"Open Sans",Arial,sans-serif;
    color: #fff;
    /* width: 220px; */
}
    p.ngcparenttitle{ margin-left: 35%;}
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 60%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}
    p.focusareaslidep {
        color: #000;
        text-shadow: none;
        font-size: 16px;
        margin: auto;
        margin-top:25px;
        padding-top: 30px;
        margin-bottom: -20px;
        overflow-wrap: break-word;
    }
p.ngctrainingp {
    color: #000;
    text-align: left;
    text-shadow: none;
    font-size: 15px;
    line-height: 1em;
    margin-top: -20px;
    margin-left: -35px;
    text-transform: uppercase;
}
    p.ngctrainingp {
        margin-top: 53px;
        margin-left: 35%;
    }
    a.adbtn.float-center2.generalbtn3 img {
        margin-left: 42%;
        margin-top: 305px;
    }
p.ngcparenttitle {
    color: #000;
    position: absolute;
    margin-left: 35%;
    margin-top: 20px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
    .marginleft250 {
    /* margin-left: 247px; */
    width: 60%;
    /* height: 416px; */
    margin-top: 127px;
}
    h1.titleIntro {
    color: #fff;
    margin-top: 14px;
    letter-spacing: 1px;
    font-size: 37px;
    text-transform: uppercase;
    line-height: 1.1em;
    /* margin-bottom: 42px !important; */
    font-weight: 400 !important;
}
    p.gangfade1 {
    z-index: 6;
    font-family: 'proxima-nova',"Open Sans",Arial,sans-serif;
    font-size: 16px;
    clear: both;
    line-height: 175%;
    color: #fff;
    text-align: right;
    font-weight: 400;
    /*margin-right: 30px;*/
}
p.introparagraph{
        font-size: 15px;
}
.gangbg {
    background: #333;
    color: #fff;
    position: absolute;
    height: 207px;
    margin-top: 271px;
    z-index: 4;
    display: inline-block;
    width: 100%;
}
}
@media screen and (max-width: 892px){

.greenrow {
    margin-top: -911px;
    max-width: 532px !important;
    float: right;
}
}
@media screen and (max-width: 830px){
.navbar-header {
    margin: 0 -12px 0 3px;
}
    .navbar-collapse {
        padding: 0px;
    }
}
@media screen and (max-width:785px){
nav>li>a {
    position: relative;
    display: block;
    padding: 12px 8px !important;
}
}
@media screen and (max-width: 767px) {
    a.adbtn.float-center2.generalbtn3 img {
        margin-left: 42%;
        margin-top: 350px;
    }
    .gangexchangeContent {
    max-width: 100%;
    height: auto;
    border-radius: 30px 30px 30px 30px !important;
}
    .contactContainers {
    /*max-width: 290px !important;*/
    text-align: center;
    padding-top: 0px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
    .contactContainerHover {
    background: #006480;
    position: absolute;
    margin-top: 10px;
    z-index: 3;
    min-width: 201px;
    max-width: 260px;
    min-height: 300px;
    margin-left: 10px;
    border: 1px solid white;
    box-shadow: 0px 0px 0px 7px #006480;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}
    .contactContainers {
    width: 280px;
    text-align: center;
    padding-top: 0px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
    .contactRequest {
    width: 260px;
    height: 200px;
    margin-top: 50px;
    margin-bottom: 40px;
    /* margin-left: 65px; */
}
.col-md-4, .col-sm-3 {
    float: left;
    /*margin-left: 20%;*/
}
.col-md-3 {
    float: left;
    /*margin-left: 20%;*/
}
    .beigebg{
        display: none; 
    }
            .whatwedo {
    background: url(./Images/Photos/WhatWeDoImg.png);
    /* background-attachment: fixed; */
    /* padding: 110px !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -20px;
    height: 365px;
    padding-top: 90px;
}
#rolesectionwhatwedo {
    background-color: #bed1d1;
    margin-top: 25px;
    padding-top: 8px;
}
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #555;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 9px;
}
.itemList {
    background: #E3EAEA;
    width: 90%;
    margin-left: 5%;
    padding-bottom: 20px !important;
    margin-top: 15px;
    margin-bottom: 20px;
    height: auto;
}
img.centerImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    height: 300px;
}

    img.gangexchangebg {
    width: 255px;
    float: left;
    border-radius: 20px;
    margin-bottom: 30px;
}
.gangexchangeContent {
    max-width: 100%;
    height: auto;
    border-radius: 0px 0px 30px 30px;
}
    img.img-responsive {
    margin-left: 45%;
    border: solid #000 1px;
    /* max-height: 520px; */
    height: 382px;
    max-width: 304px;
}

.navbar-nav>li>a#whatwedo.activeMain, .navbar-nav>li>a#whoweare.activeMain, .navbar-nav>li>a#whatworks.activeMain, .navbar-nav>li>a#whatshappening.activeMain, .navbar-nav>li>a#library.activeMain, .navbar-nav>li>a#faqs.activeMain   {
    border-bottom: none;
    color: #fff;
    background: #333;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #86af49;
}
.aboutNgc {
    margin-left: 25px;
    display: inline-block;
}
.focusheader {
    color: #fff;
    text-transform: uppercase;
    margin-left: 20px;
    margin-top: -70px;
    margin-top: 0px;
}

    .pfocus {
    padding: 20px;
    margin: 0px;
    color: #fff;
    width: 300px;
}
.focusimgs {
    /*margin-left: 20px;
    height: 650px;*/

    z-index: 1;
    margin-top: 10px;
    border-radius: 15px;
    margin-bottom: 50px;
}
        .bigcontainer{
        width: 800px;
    }
    .navbar-header {
    margin: 0 10px 0 3px;
}
 img.floatLeftarrow {
    float: right;
    margin-top: -284px;
    margin-right: 10%;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}
    input[type=search] {
    top: 0px !important; 
    position: inherit !important; 
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
    background: #444;
    color: #fff;
    overflow-x: hidden;
    padding-left: 15px;
    margin-top: -11px;
}
    .navbar-toggle {
    margin-top: 15px;
}
    .navbar-inverse .navbar-toggle {
    border-color: #333;
    background: #3C95D0;
}
    .btn-default {
    margin-left: 30px;
    display: inline-block;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
    .navbar-header {
    height: 70px;
    margin: 0 30px 0 30px;
}
    .form-control {
        display: block;
        width: 70%;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    height: .2px;
    background-color: #080808;
}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #000;
}
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #808080;
}
    .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: #fff;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
    .navbar-nav {
    margin: 0px -15px !important;
}
}
@media screen and (max-width: 725px){
    .focusOnTop2 {
    display: none;
}

p.youthgangp {
    color: #000;
    font-size: 20px;
    margin-top: -347px;
    margin-left: -140px;
    font-weight: 700;
    text-shadow: none;
}
a.btn.focusbtn3.float-center {
    margin-top: 305px;
    margin-right: 50%;
}
/*p.ngctrainingp {
    color: #000;
    text-align: left;
    text-shadow: none;
    font-size: 19px;
    line-height: 1em;
    margin-top: -40px;
    margin-left: -35px;
    text-transform: uppercase;
}*/
p.ngcparenttitle {
    color: #000;
    position: absolute;
    margin-left: 25%;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
    .hiddencarousel{
        display: inline;
    }
    .gangIntroduction {
    width: 100%;
}
    img.floatNGC {
    position: absolute;
    width: 296px;
    z-index: 10;
    margin: 0 auto;
    margin-left: 10%;
    margin-top: 260px;
}
    .col-md-6.ngcintro {
    /* margin-top: 30px; */
    height: 440px;
    width: 100%;
    margin-bottom: 60px;
}
}
@media screen and (max-width: 680px) {

    .gangHeadLine {
    background: #f1f1f1;
    height: 700px;
}
    p.ngcparenttitle {
    color: #000;
    position: absolute;
    /*margin-left: 120px;*/
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
    .navbar-inverse {
    padding: 1.5vh 0;
    /* min-height: 10vh; */
    height: 80px;
    background: #222;
    /* border-bottom: 6px solid #0062a3 !important; */
}
    img.floatNGC {
    position: absolute;
    width: 240px;
    z-index: 10;
    margin: 0 auto;
    margin-left: 0%;
    margin-top: 260px;
}
    .contactRequest {
    /*width: 300px;*/
    height: 200px;
    margin-top: 50px;
    margin-bottom: 40px;
    /*margin-left: 65px;*/
}
    .pfocus {
    padding: 20px;
    margin: 0px;
    color: #fff;
    width: 220px;
}
    .focusimgs {
    margin-left: 0px;
    /*height: 650px;
    min-width: 286px;*/
    z-index: 1;
    margin-top: 10px;
    border-radius: 15px;
    margin-bottom: 50px;
}
        .contactRequest:first-child {
    margin-top: 115px;

}
.contact{height: 2500px;}
    .jumbotron p {
    margin: 0 !important;
    max-width: 300px;
}
}
@media screen and (max-width: 640px){
    .bg-intro {
        max-height: 1055px;
    }
    a.adbtn img {
        margin-left: 17%;
    }
    h2.text-center.text-uppercase {
    margin-top: 20px;
}
    .whatworks {
    background: url(./Images/Photos/WhatWorksBg2.png);
    /* padding: 110px !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -20px;
    height: 367px;
    padding-top: 96px;
}
.library {
    background: url(./Images/Photos/LibraryImg.png);
    /* background-attachment: fixed; */
    /* padding: 110px !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -20px;
    height: 472px;
    padding-top: 90px;
}
.col-md-4 {
    width: 100%;
    float: left;
}
}
@media screen and (max-width: 580px){
    h1.titleIntro, p.gangintro, p.gangfade1, a.float-right.btn.focusbtn3 {
        margin-right: auto;
    }
    dl.withSidebar {
    margin-left: 88px;
    height: 125px;
}
    footer a:link, footer a:visited, footer a:active {
    color: #fff;
    text-decoration: none;
    font-style: normal;
    display: initial;
    width: 185px;
}
    .communityBg {
    background: url(./Images/Photos/community.png);
    /* padding: 110px !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -20px;
    height: 459px;
    padding-top: 40px;
}
    .aboutcontent {
    padding: 25px;
    border: solid #ccc 1px;
    border-radius: 20px;
    margin-top: 75px;
    margin-bottom: 95px;
}
    .contact {
    height: 3255px;
}
    .contactContainers {
    width: 330px;
    text-align: center;
    padding-top: 0px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
    .contactRequest {
    width: 260px;
    height: 200px;
    margin-top: 50px;
    margin-bottom: 40px;
    /* margin-left: 65px; */
}
    .col-md-4, .col-sm-3 {
    float: left;
    margin-left: 35px;
}
    .ngc-intro .col-md-4{ margin-left: 0;}
    h3.webinars {
    font-size: 2.8em;
    line-height: 1.3em;
    margin-bottom: 30px;
    margin-top: 30px;
     display: inline-block; 
}
    .strategyInfo {
    max-width: 580px;
    float: none;
    display: block;
}
    .greenrow {
    margin-top: 40px;
    max-width: 580px !important;
    float: right;
}
    img.itemImg {
    float: none;
    margin-bottom: 10px;
    width: 220px;
    margin-right: 20px;
    border-radius: 20px;
}
    .twitterContent {
    margin-left: 215px;
    margin-top: 30px;
    padding: 50px;
    background: #7fb0d1;
    height: 215px;
    border-radius: 0px 20px 0px 0px;
}
    .twitter {
    width: 215px;
    float: left;
}
    h3.twittertitle{
        font-size: 16px; 
    }
.blogbg {
    /*margin-top: -60px;*/
    margin-bottom: 30px;
    height: auto;
}
    img.img-responsive {
    margin-left: 15% !important;
    border: solid #000 1px;
    /* max-height: 520px; */
    height: 382px;
    max-width: 304px;
}
.strategyInfo {
    margin-bottom: 20px;
    max-width: 330px;
    float: left;
}
        .subNav {
        display: initial;
}
    .menu {
    text-transform: uppercase;
    font-family: "proxima-nova", sans-serif;
    font-weight: 300;
    text-align: center;
    display: inline;
    margin-left: 0px;
    margin-right: 10px;
}

}
@media screen and (max-width: 535px){

    .criminalJusticeBg {
    background: url(./Images/Photos/criminaljustice.png);
    /* padding: 110px !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -20px;
    height: 350px;
    padding-top: 35px;
}
    .great{
        background: #333;
    }
    h3.bold {
    display: inline-block;
}
    .Content {
    clear: both;
    padding: 0 5%;
    background-color: white;
    color: #333;
    margin-bottom: 20px;
}
    .col-md-6.text-center {
    /*min-width: 300px;*/
    float: none;
    margin-top:40px;
}
    .aboutMainPanel {
    margin-bottom: 35px;
}
    .contact {
    background: #bed1d1;
    min-height: 3300px; 
    margin-bottom: 4px !important;
}
    .itemList {
    background: #E3EAEA;
    width: 90%;
    margin-left: 5%;
    padding-bottom: 20px !important;
    margin-top: 15px;
    margin-bottom: 20px;
    height: auto;
}
    nav.primary {
    margin-top: 20px;
    padding: 19px;
    margin-bottom: -10px;
    float: left;
    /* clear: both; */
}


    nav.primary .portfolioFilters a.selected, nav.primary ul li a:active {
    background: #86af49;
    color: #fff;
    border-radius: 10px;
    margin-top: 0 !important;
    border: solid 1px #fff;
    display: block !important;
    text-align: left;
}
    .float-inline {
    float:none; 
    display: block;
    margin-bottom: 15px;
    text-align: left;
    text-transform: uppercase;
    padding-right: 15px;
    font-size: 18px;
}
    nav.primary .portfolioFilters a {
        float:none; 
    border-radius: 2px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 4px 8px;
    font-size: 13px;
    font-weight: 400;
    display: block;
    text-align: left;
}
    .portfolio.isotope {
    margin-left: 10px;
}
.whatshappening {
    height: 420px;
}
    .float-inline {
        margin-bottom: 15px;
    }
    .whatwedo{
        height: 585px; 
    }
.trapezoidwhatworks {
    margin-left: 0%;
    background: url(./Images/Graphics/tealLgBg.png) no-repeat transparent;
    height: 90px;
}
.subNav {
        display: none !important; 
}

}
@media screen and (max-width: 490px){
    .faq {
    background: url(./Images/Photos/FAQImg.png);
    /* background-attachment: fixed; */
    /* padding: 110px !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -20px;
    height: 300px;
    padding-top: 10px;
}
img.centerImg {
    margin-left: 40px;
}
    button.accordion:before {
    content: '\02795';
    font-size: 13px;
    color: #fff !important;
    margin-right: 15px;
}
    figure.portfolio-item {
    padding-bottom: 20px;
    padding-left: 0px !important;
}
    .whatwedo {
    padding-top: 30px;
}
img.focusimgs {
    min-width: 250px !important;
    height: 485px;
    margin-left: 36px;
}
.sectionfocus {
    max-width: 275px;
    /* background: rgba(0,0,0,0.5); */
    margin-top: -521px;
    position: absolute;
    margin-left: 25px;
    padding: 20px;
}
.sectionfooter {
    max-width: 275px;
    /* background: rgba(0,0,0,0.5); */
    margin-top: -160px;
    position: absolute;
    margin-left: 40px;
    padding: 20px;
}
    .communityBg {
    background: url(./Images/Photos/community.png);
    /* padding: 110px !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -20px;
    height: 507px;
    padding-top: 40px;
}
img.floatNGC {
        display: none;
    }

img.sliderImg {
     margin-left: 20px; 
    margin: auto;
     margin-top: 50px; 
    width: 331px !important;
}
    p.focusareaslidep {
        color: #000;
        text-shadow: none;
        font-size: 16px;
        /*margin-left: -120px;*/
        text-align: center;
        margin-top: -15px;
        overflow-wrap: break-word;
    }
    a.adbtn.float-center2.generalbtn img {
        margin-top: 40px;
        margin-left: 23%;
    }
    a.adbtn.float-center2.generalbtn2 img {
        margin-left: 25%;
    }
p.ngcparenttitle {
    color: #000;
    position: absolute;
    margin-left: 45px;
    font-size: 18px;
    margin-top: -40px;
    font-weight: 700;
    text-transform: uppercase;
}
img.footerlogo {
    padding: 0px 5%;
    margin-left: 70%;
    /* display: block !important; */
    /* margin: auto; */
}
    footer .bottom {
    margin-top: -3em;
    text-align: center;
    /* background-color: #3A5466; */
    /* clear: both; */
    float: left;
    margin-top: 20px;
    margin-bottom: 20px; 
    /*margin-left:10px;*/ 
    padding: 0px 5%;
}
.twitterContent {
    margin-left: 120px;
    margin-top: 30px;
    padding: 15px;
    background: #7fb0d1;
    height: 120px;
    border-radius: 0px 20px 0px 0px;
}
    .twitter {
    width: 120px;
    float: left;
}
    h3.twittertitle{
        font-size: 16px; 
    }
}
@media screen and (max-width: 430px) {
    p.gangintro.text-uppercase {
        text-align: center;
        padding-bottom: 10px;
        max-width: 100% !important;
        font-size: 23px;
    }

    p.gangfade1.wow.fadeInUpCustom.text-uppercase {
        text-align: center;
        width: 100%;
    }
    .ngc-intro h1.titleIntro {
        text-align: center;
        width: 100%;
    }
    a.adbtn.float-center2.generalbtn3 img {
        margin-left: 39%;
        margin-top: 350px;
    }
    img.floatRightimg {
   float:none;
   margin-right:5px;
}
dl.withSidebar {
    margin-left: 88px;
    height: 150px;
}
.portfolio {
    display: block;
    padding: 0;
    margin-left: 60px;
}
.icons {
    /* min-width: 300px; */
    display: inline-block;
    /* float: left; */
    margin-top: 15px;
}
    .researchBg {
    background: url(./Images/Photos/researchbg.png);
    /* padding: 110px !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -20px;
    height: 400px;
    padding-top: 75px;
}
    .criminalJusticeBg {
    background: url(./Images/Photos/criminaljustice.png);
    /* padding: 110px !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -20px;
    height: 450px;
    padding-top: 35px;
}
.communityBg {
    background: url(./Images/Photos/community.png) -200px;
    /* padding: 110px !important; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: -20px;
    /* margin-left: -100px; */
    height: 640px;
    padding-top: 40px;
}
.floatrightlogos {
    /* float: left; */
    display: inline-grid;
    max-width: 150px;
    margin-bottom: 10px;
}
a.relatedWebsitesLinks {
    font-family: "proxima-nova","Open Sans",Arial,sans-serif;
    font-weight: 300;
    line-height: 175%;
    font-size: 15px;
    float: none;
    margin-bottom: 0px;
    margin-top: 60px;
}
a.relatedWebsitesLargeHeightLinks {
    /* position: absolute; */
    float: none;
    margin-top: 115px;
    font-family: "proxima-nova","Open Sans",Arial,sans-serif;
    font-weight: 300;
    line-height: 175%;
    font-size: 15px;
}
.carousel-inner {
    height: 410px;
    position: relative;
    width: 100%;
    overflow: hidden;
}
    a.right.carousel-control, a.left.carousel-control {
    height: 30px;
    margin-top: 140px;
}
    a.adbtn img {
        margin-left: 0%;
    }
   
    a.btn.focusbtn3.float-center {
    margin-top: 5px;
    margin-right: 50%;
}
    h2.focushead6 {
    margin-top: -40px;
    margin-left: 80px;
    padding-top: 27px;
    text-transform: uppercase;
    color: #fff;
}
    #rolesectionwhatwedo {
    background-color: #bed1d1;
    margin-top: 25px;
    padding-top: 8px;
}
    .logo {
    margin-top: -18px;
    width: 100px;
}
    .portfolio.isotope {
    margin-left: -10px;
}
    p.introWhatWeDo {
    display: inline-block;
    /* text-shadow: 2px 1px 5px #000; */
    margin-top: 0px;
    color: #000;
}
.contactRequest {
    width: 246px;
    height: 200px;
    margin-top: 50px;
    margin-bottom: 40px;
    margin-left: 50px;
}
.contactContainers:hover > .contactContainerHover {
    margin-top: -340px;
    height: auto;
    padding-top: 10px;
    width: auto;
    margin-left: 50px;
    border: 1px solid white;
    box-shadow: 0px 0px 0px 7px #006480;
}
.contactContainerHover {
    background: #006480;
    position: absolute;
    margin-top: 10px;
    z-index: 3;
    min-width: 210px;
    max-width: 245px;
    min-height: 300px;
    /* margin-left: 0px; */
    border: 1px solid white;
    box-shadow: 0px 0px 0px 7px #006480;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}

    .floatLeftimg {
    max-height: 115px;
    margin-top: -15px;
    float: left;
    margin-left: 0px;
    margin-right: 20px;
}
.lightestgrey {
    background: #edf4f4 !important;
    min-height: 1325px;
}
    img.floatLeftarrow {
    float: right;
    margin-top: -425px;
    margin-right: 4%;
}
    p.history {
    margin-left: 20px;
}
        img.floatRightarrow {
    float: right;
    margin-top: -425px;
    margin-right: 4%;
}
    img.footerlogo {
    padding: 0px 5%;
    margin-left: 50%;
    display: block !important;
    /* margin: auto; */
}
    img.itemImg {
    float:none;
    display: block;
    margin-bottom: 10px; 
    width: 220px;
    margin-right: 20px;
    border-radius: 20px;
}
    .itemList {
    background: #E3EAEA;
    width: 90%;
    margin-left: 5%;
    padding-bottom: 20px !important;
    margin-top: 15px;
    margin-bottom: 20px;
    height: auto;
}
    .focusimgs {
    margin-left: 0px;
     height: 598px;
       min-width: 284px;
    z-index: 1;
    margin-top: 10px;
    border-radius: 15px;
    margin-bottom: 50px;
}
    img.img-responsive {
    margin-left: -4% !important;
    border: solid #000 1px;
    /* max-height: 520px; */
    height: 382px;
    max-width: 304px;
}
.focusimgs {
    margin-left: -11px;
}
.greatlogo {
    width: 245px;
    margin-left: -30px;
    margin-top: 40px;
    position: absolute;
}
    p.padding65 {
    padding: 30px 10px 50px 10px;
}

    section.margin-top.greysection {
    background: #bbcbcc;
    padding-left: 30px;
    padding-top: 100px;
    padding-bottom: 100px;
}
    .whatworks{
        height: 565px; 
    }


    img.OJJDPimg {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 0px; 
}


    p.categories {
    padding-left: 0px;
}
    .contactRequest:first-child {
    margin-top: 115px;

}
p.floatleftContent {
    float: left;
    display: inline-block;
    margin-left: 0px; 
}
img.voilenceimg {
    width: 200px;
    position: absolute;
    margin-top: 85px;
    opacity: .3;
}

    .slick-slider {
    display: none; 
}

    .aboutNgc {
  display:block;  
  margin-left: 0px; 
  margin-top: 20px; 
}

h1.titleIntro {
    margin-top: 0px;
    font-size: 28px;
    margin-bottom: 26px;
    text-transform: uppercase;
    line-height: 1.1em;
    /* font-weight: 100 !important; */
}
#rolesection {
    margin-top: 25px;
    padding-top: 8px;
}
.slideshow{
    display: none; 
}
p.gangintro {
    margin: 0 !important;
    font-size: 21px; 
    max-width: 200px !important;
} 
.jumbotron {
    height: 1005px;
    background-color: #A1A1A1;
    color: white;
    margin-bottom: 0px;
}
.col-md-4{
    margin-left:20px;
}
}
@media screen and (max-width: 390px) {
    a.register-btn img {
        float: left;
        width: 165px;
        padding-left: 5px;
        margin-top: 0px;
    }
    a.btn.focusbtn3.float-right {
        float: none;
        width: 100%;
    }


    p.gangfade1.wow.fadeInUpCustom.text-uppercase {
        text-align: center;
        width: 100%;
    }
    p.gangintro.text-uppercase {
        text-align: center;
        max-width: 100% !important;
    }
    .ngc-intro h1.titleIntro {
        text-align: center;
        font-size: 39px;
        width: 100%;
    }
    p.ngctrainingp {
        margin-top: 53px;
        margin-left: 7%;
    }
        img.floatRightimg {
   float:right;
}
    img.sliderImg {
        width: 100% !important;
    }
    p.ngcparenttitle {
        margin-left: 25px;
        font-size: 15px;
        margin-top: -8px;
    }
    .sectionfocus {
    max-width: 275px;
    /* background: rgba(0,0,0,0.5); */
    margin-top: -521px;
    position: absolute;
    margin-left: 25px;
    padding: 20px;
}
    img.focusimgs {
    min-width: 250px !important;
    height: 485px;
    margin-left: 50px;
}
    .aboutNgc {
    display: inline-block;
    margin-left: 0px;
    margin-top: 20px;
}
img.focusimgs {
    min-width: 250px !important;
    height: 485px;
}
img.footerlogo {
    padding: 0px 5%;
    /* margin-left: 30%; */
    width: 190px;
    display: inline-block !important;
    /* margin: auto; */
}
img.bjalogo{
    width: 150px !important;
    margin-top: 10px;
}
    .col-md-4, .col-sm-3 {
    float: left;
    margin-left: -20px;
}
}
@media screen and (max-width:300px){
    a.adbtn.float-center2.generalbtn img {
        margin-top: 20px;
        margin-left: 7%;
    }
    a.adbtn.float-center2.generalbtn2 img {
        margin-left: 7%;
    }
    a.adbtn.float-center2.generalbtn3 img {
        margin-left: 7%;
        margin-top: 320px;
    }
    p.gangfade1 {
    z-index: 6;
    font-family: 'proxima-nova',"Open Sans",Arial,sans-serif;
    font-size: 14px;
    clear: both;
    line-height: 175%;
    color: #fff;
    text-align: right;
    font-weight: 400;
    margin-right: 30px;
}
    p.ngctrainingp {
        margin-top: 53px;
        margin-left: 0;
    }
    .gangbg {
    background: #333;
    color: #fff;
    position: absolute;
    height: 220px;
    margin-top: 271px;
    z-index: 4;
    display: inline-block;
    width: 100%;
}
img.focusimgs {
    min-width: 250px !important;
    height: 485px;
}
    .pfocus {
    padding: 15px;
    margin: 0px;
    color: #fff;
    width: 180px;
}
    .focusheader {
    color: #fff;
    text-transform: uppercase;
    margin-left: 15px;
    margin-top: -70px;
    margin-top: -25px;
}
.col-md-4, .col-sm-3 {
    float: left;
    margin-left: -20px;
}
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}