/* Minification failed. Returning unminified contents.
(265,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */
/*
    background-image: url('../images/register.jpg');
}*/
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#body {margin-top:37px}
#wrap {
    height: auto !important;
    margin: 0 auto -40px;
    min-height: 100%;
}
.sub-head {
    font-weight: bold;
    font-size: 100% !important;
    color: #000000;
}

.form-control.medium {
    width:150px;
    height:37px;
    margin-bottom:7px;
}

#site-footer {
    background-color:#111111;
    padding:8px 0;
    height:40px;
    clear:both;
    color:#ffffff;
}
#site-footer a:link,#site-footer a:visited, #site-footer a:active, #site-footer a:hover {color:#ffffff;}

@media (max-width: 768px) {
    #wrap {margin: 0 auto;}
    #site-footer {height:90px; clear:both;}
}
.prog-menu-margin {clear:both; margin-top:77px;}
@media (max-width: 990px) {
    .prog-menu-margin {clear:both; margin-top:0px;}
}
.field-validation-error,
.validation-summary-errors {
    color: #ff0000;
    font-size: 85%;
}
    .validation-summary-errors ul, .validation-summary-errors ul li {
        padding:0;
        margin:0;
        list-style:none;
    }
.padding-top15 {padding-top: 15px;}


.navbar, .navbar-header, .navbar-brand {
    height: 92px !important;
    width: 100%;
}
.navbar-brand {
    background-image:url('../images/header-logo.png');
    background-repeat:no-repeat;
    width:507px;
}

.img {
    max-width: 100% !important;
    height: auto;
    width: auto\9; /* ie8 */
}

@media (max-width: 768px) {
    .padding-top15 {padding-top: 0px;}
    .navbar, .navbar-header, .navbar-brand {
        height: 55px !important;
        background-image:url('../images/header_bg_mob.jpg');

    }
    .navbar-brand {
        background-image:url('../images/header-logo_mob.jpg');
        background-repeat:no-repeat;
        width:100px !important;
        display:table-cell;
    }
}
.header-footer-text {
	font-weight:bold;
	font-size:100%;
}
.home-registerbox {
    background-color: #095ba8;
    margin: 187px 0 0 10px;
    width: 325px;
    color: #fff;
    min-height: 260px;
    padding: 20px 15px;
    float:left;
    z-index: 2000;
}
.home-lostfoundbox {
    background-color: #095ba8 ; color: #fff; margin-left:-19px; width:325px;
    padding:20px;
    
}
.upcomingevents {margin-left:-10px;}
@media (max-width: 768px) {
    .home-registerbox {margin: 10px 0; width:100%; z-index:0;}    
    .home-lostfoundbox {margin: 10px 0; width:100%; z-index:0;}
    .upcomingevents {margin-left: 0px;}
}


.panel-body h2, .panel-body .h2, 
.panel-body h3, .panel-body .h3 {margin-top: 5px  !important;}
.home-registerbox h3, .home-registerbox .h3 {margin-top: 5px !important;}

ul.login-items {
    color:#fff; 
    float:right;
    display:inline-block;
    list-style:none;
    padding:0px;
}
    ul.login-items li {
        float: left;
        padding: 10px;

    }
    ul.login-items li a {
        color:#fff; 
        text-decoration:none;
    }
        ul.login-items li:hover, ul.login-items li a:hover {
            background-color: #555;
        }
/*          Menu
 ------------------------------------*/
div.dlmenu {
    height:36px;
    background: #dddddd url('../images/menu-bg.jpg') repeat-x;    
}
.dlmenu ul, .dlmenu ul li {
    height: 36px;
}
    .dlmenu ul li {
        background: #d1d2d4;
        border-bottom: 4px solid #bebfc2;
        float: left;
        display: inline-block;        
        margin: 0 1px 0;
        min-width: 130px;
        text-align: center;
    }
   .dlmenu  ul li a:link,
   .dlmenu  ul li a:visited{
        color: #333;
        font-size:110%;
        font-weight:bold;
        text-decoration:none;
        padding: 7px;
        display:block;
    }
   .dlmenu  ul li:hover {
        color: #ffffff;
        background-color:#999999;
        border-bottom: 4px solid #7a7a7a;
    }
    .dlmenu ul li:hover a, .dlmenu ul li a:active, .dlmenu ul li a:focus {
        color: #ffffff;
    }
   
   .dlmenu  ul li.active {
        color: #FFF;
        background-color:#095ba8;
        border-bottom: 4px solid #5b89b3;
    }
    .dlmenu ul li.active a {
        color: #ffffff;
    }
/* SUB MENU
 **************/
li.parentItem:hover {
    background-color:forestgreen;
}
    .dlmenu ul.submenu {
        display: none;
        position:absolute;
        z-index:5001;
        border:10px solid ridge;
        margin:0;
        padding:0;
    }
    .dlmenu ul li.parentItem:hover ul.submenu, .dlmenu ul.submenu li,  .dlmenu ul.submenu li a{
        display: block;
    }
    .dlmenu ul.submenu li {
        clear: both;
        width: 200px;
        text-align:left;
    }

   .dlmenu ul.submenu li a:link,
   .dlmenu ul.submenu li a:visited{
        color: #ffffff;
        background-color:#999999;
        border-bottom: 4px solid #7a7a7a;
        font-size:90%;
        font-weight:bold;
        text-decoration:none;
        padding: 7px 15px;
        display:block;
    }
   .dlmenu ul.submenu li:hover, .dlmenu ul.submenu li a:hover {
        color: #FFF;
        background-color:#095ba8;
        border-bottom: 4px solid #5b89b3;
    }


@media (max-width:768px) {
    #slidemenu {
        left: 0px; margin:0 10px!important; width:70%;
    }
    .dlmenu #mainmenu {margin: 0 10px;
    }
    .dlmenu ul li {
       border: 1px solid #CCCCCC;
       color:#333333;
       margin:0 0 4px;
       background : url("../images/link-arrow-black-withoffset18.png") no-repeat scroll right center #FFFFFF;
       clear: both;
       width:100%;
    }
    .dlmenu  ul li:hover {
        background-color:#fff;
        color: #1771b7;
        display: block;
        border: 1px solid #CCCCCC;
    }
    .dlmenu ul li:hover a, .dlmenu ul li:hover a:visited {color: #1771b7;}
    .dlmenu ul li.activ:hover a, .dlmenu ul li.activ:hover a:visited {color: #FFFFFF;}
        .dlmenu ul li.active {
            background-color: #7a7a7a;
            border: 1px solid #987987;
        }
}
/*    Second level menu
---------------------------*/
div.prog-menu {
    height:45px;
    z-index:2000;
    margin-left:-567px;
    margin-top:187px;
    width:980px;
}
.prog-menu ul, .prog-menu ul li {
    height: 45px;    
    padding:0 !important;
    margin:0 !important;
    tabindex:-1;
}
    .prog-menu ul li {
        //background-color: #d1d2d4;      
        display: inline-block;
       
        width: 235px;
        text-align: center;
        background: url('../images/stepprocess_gray.png') no-repeat scroll 0 0 transparent;
        border:0;
        z-index:200;
    }
   .prog-menu  ul li a:link,
   .prog-menu  ul li a:visited{
        color: #333;
        font-size:110%;
        font-weight:bold;
        text-decoration:none;
        display:inline-block;
        padding-top:10px;
        margin:0;
    }
        
   .prog-menu  ul li.active {
        color: #FFF;
        background: url('../images/stepprocess_blue.png') no-repeat scroll 0 0;        
    }
    .prog-menu ul li.active a {
        color: #ffffff;        
        display:inline-block;
    }

/*    TABLE
---------------------------*/

.table-cell {
  border: 1px solid #dddddd;
}
.table-cell > thead > tr > th,
.table-cell > tbody > tr > th,
.table-cell > tfoot > tr > th,
.table-cell > thead > tr > td,
.table-cell > tbody > tr > td,
.table-cell > tfoot > tr > td {
  border: 1px solid #dddddd;
}

.table-cell > thead > tr > th {
    background-color:#dedede;
}
.table-cell > tbody > tr:nth-child(even) > td,
.table-cell > tbody > tr:nth-child(even) > th {
  background-color: #f9f9f9;
}
.table-cell > thead > tr > th,
.table-cell > thead > tr > td {
  border-bottom-width: 2px;
}
    .table-cell > thead > tr > th,
    .table-cell > tbody > tr > td {
  padding: 8px 13px !important;
}

    /*  Buttons
    -----------------------------------*/
.button {
    height: 50px;
    font-weight: bold;
    font-size: 107%;
    padding:0px 17px !important;
    border:0;
}

.button-simple {
    height: 30px;
    font-weight: bold;
    font-size: 107%;
    padding:0px 17px !important;
    border:0;
    color:#666666;
    background-color:#d1d2d4;
    border-bottom: 4px solid #b3bfc2;
}

    .button-simple:hover {
       color:#ffffff;
       background-color:#999999;
       border-bottom: 4px solid #7a7a7a;
    }

   .button.btn-standard {
       color:#666666;
       background-color:#d1d2d4;
       border-bottom: 4px solid #b3bfc2;
    }

   .button.btn-standard:hover, .button.btn-standard:focus, .button.btn-standard:active {
       color:#ffffff;
       background-color:#999999;
       border-bottom: 4px solid #7a7a7a;
    }

   .button.btn-important {
       color:#ffffff;
       background-color:#ff9c00;
       border-bottom: 4px solid #ff7d00; 
    }
   .button.btn-important:hover, .button.btn-important:focus, .button.btn-important:active {
       color:#ffffff;
       background-color:#ff5a00;
       border-bottom: 4px solid #ff3d00; 
    }
.button.btn-important a{    
    text-decoration:none;
    vertical-align:middle;
    color:#ffffff;
}
.button.btn-standard a, a.button.btn-standard {
    color:#666666;
    text-decoration:none;
}
.button.btn-standard:hover a, .button.btn-standard:active a, .button.btn-standard:focus a {
    color:#FFFFFF;
    text-decoration:none;
}

/*
--------------------------*/
.input-validation-error {border-left: 3px solid #ff0000;}
.form-control.valid {border-left: 3px solid #006600;}
.password-hint {
    display: none;
    position:absolute;
    margin: -50px 370px 0;   
    width:250px; 
    font-size:75%;
    color: #993333;
    background-color:#ffffff;
    border:1px solid #ddd;
    padding:7px;
    z-index:3;
}

/* kev.k_2020-04-15: Issue-57. Password hint not displayed on mobile device. Remove custom margin setting. Use default Bootstrap Validation tool margin */
/* BootStrap small screen px size = 768 */ 
@media only screen and (max-width: 768px) {   
    .password-hint {
        display: none;
        position:absolute;
        margin: 0;   
        width:250px; 
        font-size:75%;
        color: #993333;
        background-color:#ffffff;
        border:1px solid #ddd;
        padding:7px;
        z-index:3;
    }
}

#Password:focus, #Password:focus~.password-hint,
 #NewPassword:focus, #NewPassword:focus~.password-hint
 {
    display: block; 
}

.control-label.required:after {content:" *"; color: #f00; }
.control-label.required:after {content:" *"; color: #f00; }

.control-label.help:before {content: url('../images/help-icon.jpg'); color: #f00; }
.invalidpass, .invalidpass:before {content:""; color: #f00; }
.validpass, .validpass:before {content:url("../images/ok_small.png"); color: #0f0; }
    .validpass + span {
        color: #336600;
        font-style:italic;
    }
.input-row .control-label {text-align: right;font-weight: bold; font-size:82%; padding-top:7px;}

.input-row { width: 100%; clear:both; float:left; padding:7px 0px; }
.home-imagebox {
    border: 3px solid #dddddd;
    border-radius: 0;
    display: inline-block;
    height: auto;
    line-height: 1.42857;
    max-width: 100%;
    padding: 1px;
    transition: all 0.2s ease-in-out 0s;
    margin-bottom:17px;
    -moz-box-shadow: 7px 7px 7px #888;
    -webkit-box-shadow: 7px 7px 7px #888;
    box-shadow: 5px 2px 5px #888;
}
.chk {width:20px; height:20px; vertical-align:top;}
.conditionalbox {
    display: none;
    background-color: #eee;
    float: left;
    width: 100%;
    box-shadow: 10px 10px 5px #888888;
    margin-bottom:10px;
}

.norecordfound {
    background-color: #aaa;
    padding: 15px;
    color: #fff;
    font-weight:bold;
}
.child{ display:none;  }
.parent:hover .child{ display:block; border:10px solid #777777; background-color:#F2F2F2; padding:7px; max-width: 500px; position:absolute; z-index:500; font-size:85%; }
.child{ display:none; border: 3px solid #333333; background-color: #ffffff; padding: 5px 10px 20px; max-width: 500px; position:absolute; z-index:500; font-size:85%; 
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);  background-clip: padding-box; border-radius: 9px;
}
/* dog image adjustment.
 ------------------------------------------------*/
.jumping-dog-paws1_home {background: url("../images/dog_1_paws_340.png") no-repeat scroll 0 0;
    width: 340px;height:110px;margin-top:-96px;margin-left:-35px;position:absolute;}

.jumping-dog-head1_home {background: url("../images/dog_1_head_340.png") no-repeat scroll 0 0;
    height: 260px; margin-left: -39px; margin-top: -85px; position: absolute; width: 325px;z-index:2000;}
.jumping-dog-paws1 {background: url("../images/dog_1_paws_340.png") no-repeat scroll 0 0;
    width: 340px;height:110px;margin-top:111px;margin-left:5px;position:absolute;z-index:3000;}
.jumping-dog-head1 {background: url('../images/dog_1_head_340.png') no-repeat scroll 0 0;
    height: 215px; width:275px; margin-left: 567px; margin-top: -186px; position: absolute; z-index: 1000;}

@media (max-width: 765px) {
  .home-imagebox {width:100%;}
  .jumping-dog-paws1, .jumping-dog-head1, .jumping-dog-paws1_home{ width:0px; height:0px; display:none;}  
  .jumping-dog-paws1_home, .jumping-dog-head1_home{background:none; width:100%; height:0px; margin:0; padding:0;position:relative; }
  .Social-Network{display:none;}
  .home-imagebox, .OnMobilHide, .feeTableOnHome{display:none;}
}

/* Red dog with big leg
 **************************/
.red_biglegdog_head {background: url("../images/dogs/fb_cover_1_0002s_0001_dog2_head.png") no-repeat scroll 0 0;
    position: absolute; margin-left: 650px; top: 40px; z-index: 999; z-index: 1000; width:255px; height:246px;
}
.red_biglegdog_paw {background: url("../images/dogs/fb_cover_1_0002s_0000_dog2_paws.png") no-repeat scroll 0 0;
    position: absolute; margin-left: 690px; top: 180px; z-index: 1000; z-index: 1001; width:225px; height:150px;
}
@media (max-width: 990px) {
    .red_biglegdog_head, .red_biglegdog_paw{ width:0px; height:0px; display:none;}  
}

/* dog 3
 **************************/
.dog3_head {background: url("../images/dogs/fb_cover_1_0003s_0001_dog3_head.png") no-repeat scroll 0 0;
    position: absolute; margin-left: 650px; top: 73px; z-index: 999; z-index: 1000; width:200px; height:200px;
}
.dog3_paw {background: url("../images/dogs/fb_cover_1_0003s_0000_dog3_paws.png") no-repeat scroll 0 0;
    position: absolute; margin-left: 603px; top: 177px; z-index: 1000; z-index: 1001; width:280px; height:110px;
}
@media (max-width: 990px) {
    .dog3_head, .dog3_paw{ width:0px; height:0px; display:none;}  
}

/* Fog 4
 **************************/
.dog4_head {background: url("../images/dogs/fb_cover4_head.png") no-repeat scroll 0 0;
    position: absolute; margin-left: 700px; top: 80px; z-index: 999; z-index: 1000; width:200px; height:200px;
}
.dog4_paw {background: url("../images/dogs/fb_cover4_paws.png") no-repeat scroll 0 0;
    position: absolute; margin-left: 657px; top: 180px; z-index: 1000; z-index: 1001; width:300px; height:146px;
}
@media (max-width: 990px) {
    .dog4_head, .dog4_paw{ width:0px; height:0px; display:none;}  
}

/*Sliding of body
-------------------------------*/
/* adjust body when menu is open */
body.slide-active {
    overflow-x: hidden
}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
    margin-top: 0px!important
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
    position: relative;
    padding-top: 70px;
    left: 0;
}
#page-content.slide-active {
    padding-top: 0
}
/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
    cursor: pointer;
    position: relative;
    line-height: 0;
    float: left;
    margin: 0;
    width: 30px;
    height: 40px;
    padding: 10px 0 0 0;
    border: 0;
    background: transparent;
}
/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
    width: 100%;
    display: block;
    height: 3px;
    margin: 5px 0 0 0;
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
    background: orange
}
.navbar-header {
    position: relative
}
/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
    position: relative
}
/* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */
@media (max-width:767px) { 
	#slide-nav .container {
	    margin: 0;
	    padding: 0!important;
	}
	#slide-nav .navbar-header {
	    margin: 0 auto;
	    padding: 0 15px;
	}
	#slide-nav .navbar.slide-active {
	    position: absolute;
	    width: 80%;
	    top: -1px;
	    z-index: 1000;
	}
	#slide-nav #slidemenu {
	    background: #f7f7f7;
	    left: -100%;
	    width: 77%;
	    min-width: 0;
	    position: absolute;
	    padding-left: 0;
	    z-index: 2;
	    top: -8px;
	    margin: 0;
	}
	#slide-nav #slidemenu .navbar-nav {
	    min-width: 0;
	    width: 100%;
	    margin: 0;
	}
	#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
	    min-width: 0;
	    width: 80%;
	    white-space: normal;
	}
	#slide-nav {
	    border-top: 0
	}
	#slide-nav.navbar-inverse #slidemenu {
	    background: #333
	}
	/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
	#slide-nav #navbar-height-col {
	    position: fixed;
	    top: 0;
	    height: 100%;
	    width: 80%;
	    left: -80%;
	    background: #ededed;
        box-shadow: -1em 0 1.5em -0.75em rgba(0, 0, 0, 0.25) inset;
	}
	#slide-nav.navbar-default #navbar-height-col {
	    background: #EDEDED;;
	    z-index: 1;
	    border: 0;
	}
	#slide-nav .navbar-form {
	    width: 100%;
	    margin: 8px 0;
	    text-align: center;
	    overflow: hidden;
	    /*fast clearfixer*/
	}
	#slide-nav .navbar-form .form-control {
	    text-align: center
	}
	#slide-nav .navbar-form .btn {
	    width: 100%
	}
}
@media (min-width:768px) { 
	#page-content {
	    left: 0!important
	}
	.navbar.navbar-default.slide-active {
	    position: fixed
	}
	.navbar-header {
	    left: 0!important
	}
}

.licenseexpired {background-color: #ff0000 !important; color:#ffffff;}
.licenseexpired:hover {background-color: #cc0000 !important}
.licensetoexpire {background-color: #FF8533 !important; color: #ffffff}
.licensetoexpire:hover {background-color: #ee7533 !important}

#divProgress {
    border:1px solid #bbb;
    border-radius:7px;
    padding:3px 7px;
    display:none;    
}
.truncate {
width: 300px; 
overflow: hidden;
text-overflow: ellipsis;
}

.overlay{
    border: 1px solid #FFBE9F;
    padding: 5px 17px;
    z-index: 1000;
    width: auto;
    position: absolute;
    background-color: #fff;
    -moz-opacity: 0.75;
    opacity: 0.75;
    filter: alpha(opacity=75);
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    white-space:nowrap;
    display:none;    
}

@media print
{    
    .button, .btn, .glyphicon, .pull-right
    {
        display: none !important;
    }

    img
    {
        display: none !important;
    }

     a[href]:after {
     content:" ("attr(href)")";
     color:#868686;
     background-color:inherit;
     font-style:italic;
     display:none;
     }
    
}
.slide-container {
    width: 630px;
    height: 350px;
}
@media (max-width: 900px){
    .slide-container {
        max-width: 100%;
        height: auto;
    }
}

.eventDetail, .eventDetail p  {
    padding: 0px;
    margin:0px;
}
header *, footer * {
    box-sizing: border-box;
}


header, footer {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Open Sans";
}

header .container, footer .container {
	position: relative;
	max-width: 980px;
	padding: 0px 20px;
	margin: auto;
	width: 100%;
}
body .subheader a.main-filter-category, 
body .subheader a.main-filter-category:link, 
body .subheader a.main-filter-category:visited
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#18718c+0,106d8c+50,106584+52,106584+100 */
background: #18718c; /* Old browsers */
background: -moz-linear-gradient(top,  #18718c 0%, #106d8c 50%, #106584 52%, #106584 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18718c), color-stop(50%,#106d8c), color-stop(52%,#106584), color-stop(100%,#106584)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #18718c 0%,#106d8c 50%,#106584 52%,#106584 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #18718c 0%,#106d8c 50%,#106584 52%,#106584 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #18718c 0%,#106d8c 50%,#106584 52%,#106584 100%); /* IE10+ */
background: linear-gradient(to bottom,  #18718c 0%,#106d8c 50%,#106584 52%,#106584 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18718c', endColorstr='#106584',GradientType=0 ); /* IE6-9 */

}


body .subheader a.main-filter-category:hover{background-image:none;background:transparent !important;}

footer div.container {
    margin: 0 auto;
    display: table;
    padding: 0px 20px;
    height:auto;
    max-height:10000px;
    position:relative; 
	max-width:100%;
	width:980px;                             
}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
    footer div.container {
		padding: 0px 20px;
		width: auto;
	}
}

@media (max-width:979px) { 
    footer div.container {
		width: 100%;
	}
	#nav ul {
        width: 100%;
	}
}

@media (min-width:980px) { 
    footer div.container {
		padding: 0px 20px;
		width: 980px;
	}
	#nav ul {
        width: 980px;
	}
}

.main-header .agency-logo {
    height: 100px;
    position: relative;
}

header a, footer a {
    text-decoration: none;
}

.agency-logo-wrapper {
    position: absolute;
    top: -7px;
    text-align: center;
    width: 96%;
    z-index: 900;
}


    





@media only screen and (max-width: 767px) {
	.subheader .subheader-button-row.dos a.main-filter-category span, 
.subheader .subheader-button-row.dos a.main-filter-category:link span{
    line-height: 1 !important;
    height:35px;
    float:none;
    display:table-cell;
    vertical-align:middle;
    width: 100%;
}
body nav#nav.hidden-phone ul {
    width: auto;
    margin: 0;
    padding:10px 15px
}
.subheader .subheader-button-row.dos a.main-filter-category, .subheader .subheader-button-row.dos a.main-filter-category:link {
    display: table;
}
    .agency-logo-wrapper {
        top: 0px;
        width: 94%;
    }

    .main-header .agency-logo {
		height: 49px;
	}
}

header .upper-header-left {
    white-space: nowrap;
    width: 25%;
}

header .small-nyc-logo {
    height: 15px;
    width: 40px;
    vertical-align: middle;
    max-height: 25px;
    margin: 0 10px 0 -1px;
}

.img-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

header .upper-header-black-title {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 0 10px;
    vertical-align:middle;
    display: inline-block;
}

@media only screen and (max-width: 767px) {
    header .upper-header-black-title {
        display: none;
    }
}

header .upper-header-padding {
    width: 50%;
}

header .upper-header-right {
    position: absolute;
    right: 23px;
    padding-left: 4%;
}

@media only screen and (max-width: 767px) {
    header .upper-header-right {
        display: none;
    }
}

header .upper-header-search {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin-left: 5px;
}

    header .upper-header-search a {
        font-family: inherit;
        color: #fff;
    }

header .upper-header-three-one-one {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 0 5px;
}

    header .upper-header-three-one-one a {
        font-family: inherit;
        color: #fff;
    }

.lt-ie8 header .logo {
    position: relative;
}

header .upper-header-black {
    background: #000;
    height: 25px;
    font-family: inherit;
    font-size: 12px;
}


.nav-outer .global-input-search {
    float: right;
}

#nav .active {
    background: rgb(0, 130, 172);
}

.main-header #header-links {
    position: absolute;
    right: 23px;
    top: 5px;
    z-index: 901;
}

@media screen and (max-width: 767px) {
    .main-header #header-links {
        left: -83%;
        position: absolute;
        top: 340px;
        z-index: 9999;
    }
}


.ie7 .main-header #global-search-form1 {
    float: right !important;
}

.ie7 .main-header #global-search-form1 {
    width: 206px !important;
    right: 0 !important;
}

.ie7 .main-header .global-input-search .field-search .input-search {
    padding-left: 6px !important;
}

.ie7 .main-header .global-input-search {
    float: right;
}

.main-header .global-input-search {
    width: 165px;
}


.visible-phone {
    display: none;
}

@media (min-width:768px) {
    div.header-top {
        position: relative;
        min-height: 88px !important;
        line-height: 68px;
        border-bottom: 1px solid #D0D0D0;
        font-family: inherit;
    }

    div.container.nav-outer {
        width: auto;
        border-bottom: 1px solid #ccc;
    }

    nav#nav li {
        display: inline-block;
        line-height: 45px;
        padding: 0 20px;
        border-left: 1px solid #CDCDCD;
        margin: 0;
        float: left;
    }

    #nav ul {
        margin: 0 auto;
        max-width: 100%;
        padding: 0px 20px;
        display: table;
    }

    nav#nav li:last-of-type {
        border-right: 1px solid #cdcdcd;
    }

    nav#nav li.active a {
        color: #fff;
    }

    nav#nav li a {
        color: #333;
        font-weight: bold;
        font-family: inherit;
        font-size: 16px;
        vertical-align: middle;
    }

    .main-header #header-links {
        right: 0;
        line-height: 1.3;
        white-space: nowrap;
        top: 23px;
        margin-right: 23px;
    }


    .main-header #header-links div.language-selector {
        display: inline-block !important;
    }

    body .goog-te-gadget-simple {
        border: 0 none transparent;
        font-weight: bold;
        color: #666666;
        margin-right: 16px;
    }

        body .goog-te-gadget-simple > img {
            display: none;
        }

    .goog-te-gadget-simple .goog-te-menu-value > span {
        color: #666;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Open Sans";
        font-size: 14px;
        text-decoration: none;
    }

    .goog-te-gadget-simple .goog-te-menu-value:hover,
    .goog-te-gadget-simple .goog-te-menu-value:focus {
        text-decoration: none;
    }

    a.text-size {
        font-family: inherit;
        font-size: 14px;
        color: #666;
        font-weight: bold;
        position: relative;
        top: 2px;
        text-decoration: none;
    }

    body .agency-header .upper-header-right {
        position: absolute;
        right: 0;
        padding-left: 0%;
        padding-right: 13px;
    }

    div.container.nav-outer {
        max-width: 100%;
    
        padding: 0;
}

    span.welcome-text.hidden-phone.agency-header {
        color: #666;
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .visible-phone {
        display: inline-block;
    }

    .main-header .nav-sprite-mobile, .main-header .toggle-mobile-side-nav {
        background: url("../images/nav/nav-sprite-mobile.png") no-repeat 0 0;
    }

    .main-header #toggle-mobile-search {
        height: 16px;
        background-position: 0 bottom;
        right: 20px;
        display: block;
        position: absolute;
        top: 25px;
        width: 16px;
        z-index: 9999;
    }

    .hidden-phone {
        display: none;
    }

    .main-header .toggle-mobile-side-nav {
        display: block;
        position: absolute;
        left: 20px;
        top: 23px;
        width: 16px;
        z-index: 9999;
        height: 13px;
        text-indent: 100%;
        overflow: hidden;
    }

    div.header-top {
        border-bottom: 1px solid #666;
        position: relative;
        padding: 8px;
        min-height: 61px !important;
        display: block;
    }

    img.agency-logo {
        top: 0px;
    }
}

footer {
    background-color: #000;
    padding: 35px 0 30px 0;
    text-align: left;
    clear: both;
	height:auto;
		position:static;
}


    footer .span3 {
        width: 220px;
        margin-top: 10px;
    }

@media only screen and (max-width: 485px) {

	footer .span3 {
		float: left !important;
		margin: 20px 0 0 0;
		padding: 0px;
	}
}

@media only screen and (max-width: 478px) {
    footer .span3,
    footer .span9 {
        width: 100% !important;
    }
}

/* footer search */

footer .span3:last-child {
    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
		margin: 20px 0 0 0;	
}

@media only screen and (max-width: 485px) {

    footer .span3:last-child {
        float: left;
    }
}

@media only screen and (min-width: 486px) {

    footer .span3:last-child {
        position: absolute;
        right: 20px;
        margin-top: 8px;
    }
}


footer .footer-links {
    width: 76%;
    margin-right: 0;
	position:static;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    footer .footer-links {
        width: 50%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

    footer .footer-links {
        width: 67%;
    }
}


footer .footer-links a {
    color: #fff;
    text-decoration: none;
    display: block;
    font-weight: bold;
    float: left;
    margin-right: 2.12766%;
    padding: 5px 0;
    font-family: inherit;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;
    max-width: 100%;
}

@media only screen and (max-width: 479px) {

    footer .footer-links a {
        width: 100%;
        padding: 5px 0px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    footer .footer-links a {
        width: 100%;
        box-sizing: border-box !important;
        padding: 5px 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

    footer .footer-links a {
        width: 45%;
    }
}

@media only screen and (min-width: 960px) {
    footer .footer-links a {
        width: 30%;
        font-family: inherit;
    }
}


.ie7 footer .footer-links a {
    width: 28%;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

    footer .footer-links a:nth-child(2n+0) {
        margin-right: 0;
    }
}

@media only screen and (min-width: 960px) {

    footer .footer-links a:nth-child(3n+0) {
        margin-right: 0;
    }
}

footer .footer-links a:hover {
    color: #999;
}


footer .form-search {
    margin-top: 0;
    margin-bottom: 5px;
}


    footer .form-search .input-search {
        width: 79px;
        height: 20px;
        padding: 4px 6px;
        outline: none;
        font-family: inherit;
        font-size: 14px;
        font-weight: bold;
        border-radius: 4px 0 0 4px;
        float: left;
        border-left: 2px solid #727272;
        border-top: 2px solid #727272;
        border-right: none;
        border-bottom: 2px solid #727272;
        color: #fff;
        background-color: #616161;
        margin: 0;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }


        footer .form-search .input-search:-moz-placeholder {
            color: #ffffff !important;
        }


        footer .form-search .input-search:-ms-input-placeholder {
            color: #ffffff !important;
        }


        footer .form-search .input-search::-webkit-input-placeholder {
            color: #ffffff !important;
        }



footer form input:focus,
footer form input:active {
    background-color: #616161;
    color: #fff;
    border-color: none;
}


footer .form-search .ico-search {
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
    background: url("../images/nav/sprite-ico-search.png") no-repeat #616161 left -8px;
    padding: 0;
    display: block;
    width: 24px;
    height: 32px;
    border-radius: 0 4px 4px 0;
    border-right: 2px solid #727272;
    border-top: 2px solid #727272;
    border-bottom: 2px solid #727272;
    border-left: none;
    cursor: pointer;
}


.ie7 footer .form-search .ico-search {
    border: none;
}


footer .logo-nyc {
    white-space: nowrap;
    overflow: hidden;
    width: 93px;
    height: 31px;
    display: block;
    float: left;
    margin-right: 10px;
}


@media (-webkit-min-device-pixel-ratio: 2) {

    footer .logo-nyc {
        background-image: url("../images/global/nyc_white@x2.png");
        background-size: 93px 31px;
        background-repeat: no-repeat;
        font-family: inherit;
    }
}


footer .copyright {
    color: #fff;
    font-size: 10px;
}


    footer .copyright a {
        color: #fff;
        font: inherit;
        padding: 0px;
    }


	footer .copyright p {
		margin: 0;
		line-height: 14px;
		float: left;
		font-size: 10px;
		position: static;
	}

.main-header .nav-sprite-mobile {
    background-position: center bottom;
}

@media (min-width: 992px) and (max-width:1200px) {
    #nav ul {
        max-width: 980px;
    }

}

#nav li.active {
    background: #0082ac !important;
    border-color: #0082ac !important;
}

#nav li:hover {
    background: #000000 !important;
    border-color: #000000 !important;
}

    #nav li:hover a {
        background: transparent;
        font-family: inherit;
        text-decoration: none;
        color: #fff;
    }

header a img, footer a img {
    border: 0 none transparent;
    outline: 0 none transparent;
}

@media only screen (max-width:767px) {
    footer .span3, footer .span9 {
        width: 220px !important;
    }
}

@media (max-width:767px) {


    body.nav-open {
        left: 85%;
    }

       
        body.nav-open nav#nav {
            width: 85%;
        }

        div.container.nav-outer {
            position:static;
        }

    footer .footer-links {
        position: static;
        width: 100% !important;
        max-width: 100%;
        min-width: 100%;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Open Sans";
		display:block;
				margin:0;
    }

    footer .span3:last-child {
        box-sizing: border-box;
    }

    nav#nav {
        transition: all 500ms;
        display: block !important;
    }

    nav#nav, body {
        transition-timing-function: ease-in;
    }

    body {
        transition: all 500ms;
        left: 0;
    }

    nav#nav {
        position: absolute;
        background: #eee;
        left: -85%;
        width: 85%;
        overflow: hidden;
        bottom: 0;
        top: 0;
        box-shadow: inset -1em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    }

        nav#nav h2 {
            background: #333;
            color: #fff;
            font-size: 14px;
            font-weight: normal;
            padding: 20px;
            margin: 0;
            width: 100%;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Open Sans";
        }

        nav#nav ul {
            margin: 10px 15px;
            list-style: none;
            padding: 0;
        }

            nav#nav ul li.subnav {
				background: url("../images/nav/left-arrow.png") right center no-repeat #fff;
			}

            nav#nav ul li {
				padding: 5px;
				line-height: 40px;
				background: #fff;
				margin: 0 0 4px;
				border: 1px solid #ccc;
			}

                nav#nav ul li a {
                    color: #333;
                    font-weight: bold;
                    font-size: 18px;
                    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Open Sans";
                }

        nav#nav li.active a {
            color: #fff;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Open Sans";
        }
}

span.hidden {
    display: none;
}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: visible !important;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: visible !important;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
    background: #000;
    overflow: visible !important;
}

#colorbox {
    outline: 0;
}

#cboxContent {
    margin-top: 20px;
    background: #000;
    box-shadow: 5px 5px 5px #000000;
    height: auto !important;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

.cboxTitle {
    border-top: 1px solid #cccccc;
    width: 395px;
    padding: 10px;
    background: #fff;
}

#cboxCurrent {
    position: absolute;
    top: -20px;
    right: 0px;
    color: #ccc;
}

#cboxLoadingGraphic {
    background: url(/assets/home/images/libs/colorbox/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}

    /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
    #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
        outline: 0;
    }

#cboxSlideshow {
    position: absolute;
    top: -20px;
    right: 90px;
    color: #fff;
}

#cboxPrevious {
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -32px;
    background: url(/assets/home/images/libs/colorbox/controls.png) no-repeat top left;
    width: 28px;
    height: 65px;
    text-indent: -9999px;
}

    #cboxPrevious:hover {
        background-position: bottom left;
    }

#cboxNext {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -32px;
    background: url(/assets/home/images/libs/colorbox/controls.png) no-repeat top right;
    width: 28px;
    height: 65px;
    text-indent: -9999px;
}

    #cboxNext:hover {
        background-position: bottom right;
    }

#cboxClose {
    position: absolute;
    top: -11px;
    right: -10px;
    background: url(/assets/home/images/global/ico-close.png) no-repeat 0 0;
    width: 21px;
    height: 20px;
    text-indent: -9999px;
}
/* line 41, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/libs/grid.scss */
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}

header img, footer img {
    vertical-align: middle;
}

.subheader {
  background-color: rgb(0, 130, 172);
  padding: 23px 0;
  color: #fff; }
  /* line 14, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
  .subheader.centered {
    margin: 0 auto; }
  /* line 17, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
  .subheader .breadcrumbs {
    font-size: 14px; }
    /* line 19, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
    .subheader .breadcrumbs a {
      color: #fff; }
  /* line 23, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
  .subheader .button-faqs-subheader {
    color: #fff;
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin-top: 22px; }
  /* line 30, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
  .subheader .main-title {
    font-size: 48px;
    letter-spacing: -1px;
    margin: 2px 0 0 0;
    float: left; }
  /* line 36, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
  .subheader .subheader-button-row {
    width: 100%;
    overflow: hidden;
    *zoom: 1; }
    /* line 39, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
    .subheader .subheader-button-row.dos {
      width: 97.916666666667%;
      margin-left: 26.041666666667%; }
      /* line 46, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
      .subheader .subheader-button-row.dos a.main-filter-category,
      .subheader .subheader-button-row.dos a.main-filter-category:link,
      .subheader .subheader-button-row.dos a.main-filter-category:visited,
      .subheader .subheader-button-row.dos a.main-filter-category:hover,
      .subheader .subheader-button-row.dos a.main-filter-category:active {
        width: 25.4%;
        margin-right: 1.23%; }
        /* width: 23.404255319149%;
        margin-right: 2.234042553191%; } */
    /* line 51, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
    .subheader .subheader-button-row.tercio {
      width: 100%;
      margin-left: 13.541666666667%; }
      /* line 58, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
      .subheader .subheader-button-row.tercio a.main-filter-category,
      .subheader .subheader-button-row.tercio a.main-filter-category:link,
      .subheader .subheader-button-row.tercio a.main-filter-category:visited,
      .subheader .subheader-button-row.tercio a.main-filter-category:hover,
      .subheader .subheader-button-row.tercio a.main-filter-category:active {
        width: 23.404255319149%;
        margin-right: 2.127659574468%; }
    /* line 68, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
    .subheader .subheader-button-row.quatro a.main-filter-category,
    .subheader .subheader-button-row.quatro a.main-filter-category:link,
    .subheader .subheader-button-row.quatro a.main-filter-category:visited,
    .subheader .subheader-button-row.quatro a.main-filter-category:hover,
    .subheader .subheader-button-row.quatro a.main-filter-category:active {
      width: 23.404255319149%;
      margin-right: 2.127659574468%; }
      /* line 71, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
      .subheader .subheader-button-row.quatro a.main-filter-category:last-child,
      .subheader .subheader-button-row.quatro a.main-filter-category:link:last-child,
      .subheader .subheader-button-row.quatro a.main-filter-category:visited:last-child,
      .subheader .subheader-button-row.quatro a.main-filter-category:hover:last-child,
      .subheader .subheader-button-row.quatro a.main-filter-category:active:last-child {
        margin-right: 0%; }
  /* line 79, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
  .subheader a.main-filter-category,
  .subheader a.main-filter-category:link,
  .subheader a.main-filter-category:visited {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    border: 1px solid transparent;
    line-height: 51px;
    display: block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #1771b7;
    width: 23.404255319149%;
    margin-right: 2.083333333333%;
    float: left;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CjxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDUiLz4KPHN0b3Agb2Zmc2V0PSI0MyUiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgo8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CjxzdG9wIG9mZnNldD0iNjclIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuMDUiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuMDUiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
    /* gradient overlay */
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%);
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 33.84%, rgba(0, 0, 0, 0.05) 42.85%, rgba(255, 255, 255, 0.05) 56.4%, rgba(255, 255, 255, 0.05) 66.67%, rgba(255, 255, 255, 0.05) 100%); }
  /* line 105, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
  .subheader a.main-filter-category:hover,
  .subheader a.main-filter-category:active,
  .subheader a.main-filter-category.active {
    border: 1px solid #fff;
    background-color: rgb(17, 107, 136);
    background-image: none; }
  /* line 110, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
  .subheader ul.subheader-links {
    bottom: 0;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    position: absolute; }
    /* line 116, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
    .subheader ul.subheader-links li {
      display: inline; }
      /* line 118, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
      .subheader ul.subheader-links li a, .subheader ul.subheader-links li a:link {
        color: #fff; }
div.subheader {
    margin-top: -1px;
    position: relative;
    z-index: 100;
}
a.main-filter-category.active {
background: rgb(0, 130, 172) !important;
}
@media only screen and (max-width: 479px) {
  /* line 133, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
  .bg-shadow {
    display: block;
    position: relative;
    top: 0; }

  /* line 139, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
  .subheader .main-title {
    letter-spacing: 0;
    font-size: 20px;
    line-height: 26px; } }
@media only screen and (min-width: 480px) and (max-width: 640px) and (-webkit-device-pixel-ratio: 1) {
  /* line 149, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
  .subheader .main-title {
    font-size: 36px; } }
@media only screen and (max-width: 767px) {
  /* line 154, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
  .subheader {
    padding: 13px 0; }
    /* line 161, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
    .subheader a.main-filter-category,
    .subheader a.main-filter-category:link,
    .subheader a.main-filter-category:visited,
    .subheader a.main-filter-category:hover,
    .subheader a.main-filter-category:active,
    .subheader a.main-filter-category.active {
      width: 46.071428571429%;
      font-size: 16px;
      line-height: 33px; }
    /* line 166, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
    .subheader .subheader-button-row {
      width: 100%;
      margin: 0px; }
      /* line 169, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
      .subheader .subheader-button-row.dos {
        margin-left: 3.5714285714285%; }
        /* line 176, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
        .subheader .subheader-button-row.dos a.main-filter-category,
        .subheader .subheader-button-row.dos a.main-filter-category:link,
        .subheader .subheader-button-row.dos a.main-filter-category:visited,
        .subheader .subheader-button-row.dos a.main-filter-category:hover,
        .subheader .subheader-button-row.dos a.main-filter-category:active,
        .subheader .subheader-button-row.dos a.main-filter-category.active {
          float: left;
          width: 42.857142857143%;
          margin-right: 7.142857142857%; }
          /* line 180, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
          .subheader .subheader-button-row.dos a.main-filter-category:last-child,
          .subheader .subheader-button-row.dos a.main-filter-category:link:last-child,
          .subheader .subheader-button-row.dos a.main-filter-category:visited:last-child,
          .subheader .subheader-button-row.dos a.main-filter-category:hover:last-child,
          .subheader .subheader-button-row.dos a.main-filter-category:active:last-child,
          .subheader .subheader-button-row.dos a.main-filter-category.active:last-child {
            margin-right: 0%; }
      /* line 185, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
      .subheader .subheader-button-row.tercio {
        margin-left: 0%; }
        /* line 192, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
        .subheader .subheader-button-row.tercio a.main-filter-category,
        .subheader .subheader-button-row.tercio a.main-filter-category:link,
        .subheader .subheader-button-row.tercio a.main-filter-category:visited,
        .subheader .subheader-button-row.tercio a.main-filter-category:hover,
        .subheader .subheader-button-row.tercio a.main-filter-category:active,
        .subheader .subheader-button-row.tercio a.main-filter-category.active {
          float: left;
          width: 46.071428571429%;
          margin-right: 7.85714285714199%; }
          /* line 196, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
          .subheader .subheader-button-row.tercio a.main-filter-category:nth-child(2),
          .subheader .subheader-button-row.tercio a.main-filter-category:link:nth-child(2),
          .subheader .subheader-button-row.tercio a.main-filter-category:visited:nth-child(2),
          .subheader .subheader-button-row.tercio a.main-filter-category:hover:nth-child(2),
          .subheader .subheader-button-row.tercio a.main-filter-category:active:nth-child(2),
          .subheader .subheader-button-row.tercio a.main-filter-category.active:nth-child(2) {
            margin: 0 0 10px 0; }
      /* line 207, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
      .subheader .subheader-button-row.quatro a.main-filter-category,
      .subheader .subheader-button-row.quatro a.main-filter-category:link,
      .subheader .subheader-button-row.quatro a.main-filter-category:visited,
      .subheader .subheader-button-row.quatro a.main-filter-category:hover,
      .subheader .subheader-button-row.quatro a.main-filter-category:active,
      .subheader .subheader-button-row.quatro a.main-filter-category.active {
        width: 46.4285714285715%;
        margin-right: 7.142857142857%; }
        /* line 210, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
        .subheader .subheader-button-row.quatro a.main-filter-category:nth-child(2),
        .subheader .subheader-button-row.quatro a.main-filter-category:link:nth-child(2),
        .subheader .subheader-button-row.quatro a.main-filter-category:visited:nth-child(2),
        .subheader .subheader-button-row.quatro a.main-filter-category:hover:nth-child(2),
        .subheader .subheader-button-row.quatro a.main-filter-category:active:nth-child(2),
        .subheader .subheader-button-row.quatro a.main-filter-category.active:nth-child(2) {
          margin: 0 0 10px 0; } }
@media only screen and (max-width: 880px) {
  /* line 223, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
  .subheader .button-faqs-subheader {
    display: none; } }
/* line 238, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
.lt-ie8 .subheader h1 {
  line-height: 55px; }
/* line 243, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
.lt-ie8 .subheader .subheader-button-row .main-filter-category.active {
  line-height: 51px;
  width: 23.020833333333% !important; }
/* line 248, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
.lt-ie8 .subheader .subheader-button-row.dos {
  width: 100%;
  margin-left: 26.041666666667%; }
  /* line 256, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
  .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category,
  .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category:link,
  .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category:visited,
  .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category:hover,
  .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category:active,
  .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category.active {
    width: 23.404255319149%;
    margin-right: 2.234042553191%; }
    /* line 259, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
    .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category.active,
    .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category:link.active,
    .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category:visited.active,
    .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category:hover.active,
    .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category:active.active,
    .lt-ie8 .subheader .subheader-button-row.dos a.main-filter-category.active.active {
      width: 23.020833333333% !important;
      margin-right: 2.234042553191%; }
/* line 265, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
.lt-ie8 .subheader .subheader-button-row.tercio {
  width: 100%;
  margin-left: 13.541666666667%; }
  /* line 273, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
  .lt-ie8 .subheader .subheader-button-row.tercio a.main-filter-category,
  .lt-ie8 .subheader .subheader-button-row.tercio a.main-filter-category:link,
  .lt-ie8 .subheader .subheader-button-row.tercio a.main-filter-category:visited,
  .lt-ie8 .subheader .subheader-button-row.tercio a.main-filter-category:hover,
  .lt-ie8 .subheader .subheader-button-row.tercio a.main-filter-category:active,
  .lt-ie8 .subheader .subheader-button-row.tercio a.main-filter-category.active {
    width: 23.404255319149%;
    margin-right: 2.127659574468%;
    display: inline-block; }
/* line 279, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
.lt-ie8 .subheader .subheader-button-row.quatro {
  width: 100%; }
  /* line 286, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
  .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category,
  .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:link,
  .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:visited,
  .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:hover,
  .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:active,
  .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category.active {
    width: 23%;
    margin-right: 1.9%; }
    /* line 289, /Volumes/UserData/Users/lmairl/Projects/NYC.GOV/source/assets/home/css/modules/subheader.scss */
    .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:last-child,
    .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:link:last-child,
    .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:visited:last-child,
    .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:hover:last-child,
    .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category:active:last-child,
    .lt-ie8 .subheader .subheader-button-row.quatro a.main-filter-category.active:last-child {
      margin: 0px; }

