/**
 * @file
 * Positioning for a responsive layout.
 *
 * Define CSS classes to create a fluid grid layout with optional sidebars
 * depending on whether blocks are placed in the left or right sidebars.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */

/**
 * Center the page.
 *
 * For screen sizes larger than 1200px, prevent excessively long lines of text
 * by setting a max-width.
 */
#page,
.region-bottom,
.header,
#navigation,
.region-highlighted,
.bottomnav > .region-navigation,
#footer,
.region-contentextra {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    /* max-width: 978px;*/
}

/* Apply the shared properties of grid items in a single, efficient ruleset. */

#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
.region-highlighted,
.region-contentextra,
#footer,
.bdm_B,
.extratitle,
.bottomnav .region-navigation {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    *behavior: url("/path/to/boxsizing.htc");
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    word-wrap: break-word;
    _display: inline;
    _overflow: hidden;
    _overflow-y: visible;
}

/* Containers for grid items and flow items. */

#header,
#main,
#footer {
    *position: relative;
    *zoom: 1;
}

#header:before,
#header:after,
#main:before,
#main:after,
#footer:before,
#footer:after {
    content: "";
    display: table;
}

#header:after,
#main:after,
#footer:after { clear: both; }

#main-menu { display: block; }

.bottomnav {
    background-color: #514c49;
    width: 100%;
}

#block-search-form { display: none; }

.mainwrap {
    background-color: #f3f2f1;
    clear: both;
    float: left;
    width: 100%;
}

.contentextrawrap {
    background-color: #d1cdcd;
    float: left;
    width: 100%;
}

.no-sidebars #content {
    min-height: 400px;
    padding-bottom: 30px;
}

.headercenter {
    float: left;
    line-height: 34px;
}

.headerwrap {
    background-color: #27201b;
    /*height: 40px;*/
}

#block-cfbblocks-sitetop { margin-bottom: 0; }

.headerwrap a {
    color: white;
    font-size: 12px;
    padding: 10px 6px;
}

.tile0 li {
    list-style: none;
    padding: 10px 0;
    width: 100%;
}

.homepagetile .tile1 li,
.homepagetile .tile2 li {
    box-sizing: border-box;
    /*height: 190px;*/
    float: left;
    list-style: none;
    padding: 10px 0;
    width: 100%;
}

.contentextrawrap #block-views-latest-news-block,
.contentextrawrap #block-views-meeting-widget-block,
.contentextrawrap #block-cfbblocks-twittertimeline {
    float: left;
    padding: 10px 0;
    width: 100%
}

.navsection .region-navigation { display: none; }

#main-menu ul.links { display: none; }

.bottomnav .region-navigation { display: none; }

.footerwrap {
    background-color: #27201b;
    clear: both;
    float: left;
    width: 100%;
}

.bottomlogo {
    float: left;
    width: 65px;
}

.footerextra {
    float: left;
    width: calc(100% - 65px - 70px);
}

.footermedia {
    float: right;
    width: 164px;
}

.footerleft li,
.footerright li {
    float: left;
    list-style: none;
    padding: 0 10px;
}

.bottomnav .region-navigation > .region-navigation {
    padding-left: 0;
    padding-right: 0;
}

#content { padding-bottom: 20px; }

.view-homepage-slider-flat {
    /*	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	color:#fff;
	padding: 20px;*/
}

#navigation { position: relative; }

.sitelogo { padding: 20px 15px 10px 0; }

.navsection .searchbutton { display: none; }

.homepagetile .vservice,
.homepagetile .cservice {
    color: #fff;
    float: left;
    margin-top: 20px;
    /*position: absolute;
    z-index: 11;*/
    padding: 30px;
}

.front .slideshowwrap {
    /* background-image: url("../images/nyc_day.jpg");*/
    padding: 20px 0;
}

.homepagetile .tile1 li .hbtwrap,
.homepagetile .tile2 li .hbtwrap {
    /*width: 95%;
	height: 254px;
	float: left;
	padding:30px;
	list-style:none;
	background-color: #fff;
	border-left: #ff7e00 2px solid;
	border-right: #d8d8d8 1px solid;
	border-bottom: #d8d8d8 1px solid;
	box-shadow:0 0 4px 1px #ccc;
	margin-left: 30px;
	box-sizing:border-box;*/
    background: #fff none repeat scroll 0 0;
    border-left: 3px solid #f27900;
    box-shadow: 1px 1px 0 1px #e1e0df;
    box-sizing: border-box;
    float: left;
    min-height: 254px;
    padding: 30px;
    width: 100%;
}

.flexslider .slides {
    min-height: 260px;
    width: 100%;
}

@media all and (max-width: 767px) {
    /* mobile menu */
    .navigationwraper #navigation {
        padding-left: 0;
        padding-right: 0;
    }

    .navsection { position: relative; }

    /*.navsection {
position:absolute;
width: 100%;
z-index: 100;
}*/
    .navsection .region-navigation {
        position: absolute;
        top: 79px;
        width: 100%;
        z-index: 100;
    }

    .navsection ul.menu li {
        background: rgba(242, 121, 0, 0.95) none repeat scroll 0 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        clear: both;
        float: left;
        font-family: "Roboto Slab", serif;
        font-size: 15px;
        padding-right: 0 !important;
        position: relative;
        width: 100%;
    }

    .navsection ul.menu li a {
        color: #fff;
        display: inline-block;
        font-weight: bold;
        padding: 20px 15px;
        text-shadow: -3px 1px 2px rgba(0, 0, 0, 0.2);
        width: 80%;
    }

    .navsection ul.menu li.mobilesubshow > ul.menu { display: block; }

    .navsection ul.menu li > ul.menu { display: none; }

    #navigation ul.menu li ul.menu li > ul.menu { display: block; }

    #navigation ul.menu li ul.menu li > ul.menu li.first { border-top: 1px solid #ccc; }

    #navigation ul.menu li ul.menu li > ul.menu li.last { border-bottom: none; }

    #navigation ul.menu li ul.menu li > ul.menu li a { font-weight: 300; }

    #navigation ul.menu li > ul.menu li .mobilearrow { display: none; }

    .navsection ul.menu li > ul.menu li {
        background: #fff;
        border-bottom: 1px solid #ccc;
    }

    .navsection ul.menu li > ul.menu li a { color: #666; }

    .navsearch {
        display: none;
        height: auto;
        position: absolute;
        width: 100%;
        z-index: 20;
    }

    .searchclose { display: none; }

    .navsection ul.menu li a { text-decoration: none; }

    .navsection ul.menu li.is-expanded { position: relative; }

    #navigation h2.mobileheading {
        background: #f27900 url("../../images/mobilemenu.png") no-repeat scroll center center;
        clip: inherit;
        font-size: 0;
        height: 81px;
        overflow: hidden;
        position: absolute !important;
        right: 0;
        top: 0;
        width: 81px;
        z-index: 99;
    }

    .mobilearrow {
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 20px;
        font-weight: 700;
    }

    /*.navsection ul.menu li.is-expanded a:after {
content: ">";
display:inline;
color:#fff;
top: 23px;
font-weight: 700;
cursor:pointer;
font-size: 20px;
float:right;
width: 20%;
}
/* mobile menu */
    #content { padding-top: 20px; }

    .slideshowwrap {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        clear: both;
        /*position: relative;*/
        float: left;
        height: 350px;
        width: 100%;
    }

    .sitelogo img { padding-left: 10px; }

    .tabbutton { clear: both !important; }
}

/* Navigation bar */

@media all and (min-width: 768px) {
    #main {
        /* Move all the children of #main down to make room. */
        /*padding-top: 3em;*/
        padding-top: 30px;
        position: relative;
    }

    #navigation {
        /*height: 3em;*/
        height: 81px;
        /* Move the navbar up inside #main's padding. */
        /* position: absolute; */
        top: 0;
        width: 100%;
    }

    #main-menu { display: none; }

    #navigation ul.menu li > ul.menu { display: none; }

    #navigation ul.menu li { position: relative; }

    #navigation ul.menu li:hover > ul { display: block; }

    #navigation ul.menu li:focus-within > ul { display: block; }

    #navigation ul.menu li:hover > ul.menu {
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        box-shadow: -5px 5px 10px -5px #333, 5px 0 5px -5px #333;
        display: block;
        max-height: 600px;
        overflow: visible;
        position: absolute;
        z-index: 100;
    }

    /*
    #navigation ul.menu li > ul.menu {
        position: absolute;
        left: -9999em;
    }

    #navigation ul.menu li:hover > ul.menu {
        left: auto;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        box-shadow: -5px 5px 10px -5px #333, 5px 0 5px -5px #333;
        display: block;
        position: absolute;
        z-index: 100;
    }

    #navigation ul.menu li > ul.menu li:not(:hover) li a:focus {
        left: 9999em;
        position: relative;
    }
        */
    #navigation ul.menu li {
        /*padding: 15px; */
        position: relative;
        /*width: 94px;*/
    }

    #navigation ul.menu li > ul.menu:before {
        border-bottom: 0 solid transparent;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-style: solid;
        border-top: 10px solid #f27900;
        content: "";
        height: 0;
        left: 15px;
        position: absolute;
        top: -1px;
        width: 0;
        /*border-width: 0 20px 20px 20px;*/
        /*border-color: transparent transparent red transparent;*/
        z-index: 100;
    }

    #navigation ul.menu li a {
        color: #fff;
        display: inline-block;
        font-family: 'Roboto Slab', serif;
        font-size: 100%;
        font-weight: bold;
        line-height: 17px;
        padding: 22px 0 25px 0;
        text-decoration: none;
        text-shadow: -3px 1px 2px rgba(0, 0, 0, 0.2);
        width: 100%;
    }

    #navigation ul.menu li:hover > ul.menu {
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        /*box-shadow: 5px 0 5px -5px #333;
	box-shadow: 0 5px 5px -5px #333;*/
        box-shadow: -5px 5px 10px -5px #333, 5px 0 5px -5px #333;
        display: block;
        position: absolute;
        z-index: 100;
    }

    #navigation ul.menu li > ul.menu {
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        box-shadow: -5px 5px 5px -5px #333, 5px 0 5px -5px #333;
        position: absolute;
        z-index: 100;
    }

    #navigation ul.menu li > ul.menu:focus { display: block; }

    #navigation ul.menu li:hover li:after { display: block; }

    .searchbutton {
        display: block !important;
        float: right;
        padding-top: 23px;
    }

    #navigation ul.menu li > ul.menu li {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        width: 250px;
    }

    #navigation ul.menu li > ul.menu li.expanded a:after {
        content: "+";
        float: right;
        padding-left: 5px;
    }

    #navigation ul.menu li ul.menu li.expanded > ul.menu li a:after { display: none; }

    #navigation ul.menu li > ul.menu li:first-child { padding-top: 15px; }

    #navigation ul.menu li > ul.menu li:last-child { padding-bottom: 5px; }

    #navigation ul.menu li > ul.menu li a {
        border-bottom: 1px solid #ccc;
        color: #6b6a6a;
        display: inline-block;
        font-family: 'Roboto', serif;
        padding: 10px 0;
        text-decoration: none;
        text-shadow: none;
    }

    #navigation ul.menu li > ul.menu li.last a { border: none; }

    #navigation ul.menu li ul.menu li > ul.menu li a { border-bottom: none; }

    #navigation ul.menu li ul.menu li > ul.menu li { border-bottom: 1px solid #ccc; }

    #navigation ul.menu li ul.menu li > ul.menu li:last-child { border-bottom: none; }

    #navigation ul.menu li > ul.menu li a:hover { color: #ff7e00; }

    /*#navigation ul.menu li:hover > ul.menu ul.menu {
	display: block;
}*/

    /*#navigation ul.menu li ul.menu li:hover > ul.menu {
	display: block;
	position:absolute;
	border:none;
	float:left;
	clear:both;
	background:#fce4cc;
}*/
    #navigation ul.menu li ul.menu li > ul.menu:before {
        /*border-style: solid;
border-width: 15px 0 15px 30px;*/
        border: none;
        border-color: transparent transparent transparent #fff;
        content: "";
        height: 0;
        left: -15px;
        position: absolute;
        top: 3px;
        width: 0;
        /*border-width: 0 20px 20px 20px;*/
        /*border-color: transparent transparent red transparent;*/
        z-index: 102;
    }

    #navigation ul.menu li ul.menu li:hover > ul.menu li { height: auto; }

    #navigation ul.menu li ul.menu li > ul.menu li a {
        border-bottom: 1px solid #ccc;
        font-weight: normal;
        text-shadow: none;
        /*padding: 10px 15px;*/
        width: 100%;
    }

    #navigation ul.menu li ul.menu li > ul.menu li.last a { border-bottom: none; }

    #navigation ul.menu li ul.menu li > ul.menu {
        background: #fce4cc;
        border-bottom: 0px solid #ccc !important;
        border-right: 0px solid #ccc !important;
        border-top: 0px solid #ccc !important;
        box-shadow: none;
        left: 301px;
        top: 0;
    }

    #navigation ul.menu li ul.menu li > ul.menu li {
        border-bottom: none;
        clear: both;
        float: left;
        margin: 0;
        padding: 0 15px;
        white-space: nowrap;
        width: 100%;
    }

    #navigation ul.menu li.menu-mlid-2461 > ul.menu {
        left: -85px;
        width: 200px;
    }

    #navigation ul.menu li.menu-mlid-2461 > ul.menu li { width: 200px; }

    #navigation ul.menu li.menu-mlid-2461 > ul.menu:before { left: 90px; }

    #navigation ul.menu li.menu-mlid-2461 ul.menu li > ul.menu:before {
        /*border-style: solid;
border-width: 15px 30px 15px 0;
border-color: transparent #fff transparent transparent;*/
        border: none;
        content: "";
        height: 0;
        left: inherit;
        position: absolute;
        right: -15px;
        top: 3px;
        width: 0;
        /*border-width: 0 20px 20px 20px;*/
        /*border-color: transparent transparent red transparent;*/
        z-index: 102;
    }

    #navigation ul.menu li.menu-mlid-2461 ul.menu li > ul.menu {
        border-left: 1px solid #ccc;
        border-right: none !important;
        left: auto !important;
        right: 201px;
    }

    #navigation ul.menu li.menu-mlid-304 > ul.menu {
        left: -130px;
        width: 300px;
    }

    #navigation ul.menu li.menu-mlid-304 > ul.menu li { width: 300px; }

    #navigation ul.menu li.menu-mlid-304 > ul.menu:before { left: 135px; }

    #navigation ul.menu li.menu-mlid-304 ul.menu li > ul.menu:before {
        /*border-style: solid;
border-width: 15px 30px 15px 0;
border-color: transparent #fff transparent transparent;*/
        border: none;
        content: "";
        height: 0;
        left: inherit;
        position: absolute;
        right: -15px;
        top: 3px;
        width: 0;
        /*border-width: 0 20px 20px 20px;*/
        /*border-color: transparent transparent red transparent;*/
        z-index: 102;
    }

    #navigation ul.menu li.menu-mlid-304 ul.menu li > ul.menu {
        border-left: 1px solid #ccc;
        border-right: none !important;
        left: auto !important;
        right: 301px;
    }

    #navigation ul.menu li.menu-mlid-701 > ul.menu {
        left: -110px;
        width: 300px;
    }

    #navigation ul.menu li.menu-mlid-701 > ul.menu li { width: 300px; }

    #navigation ul.menu li.menu-mlid-701 > ul.menu:before { left: 135px; }

    #navigation ul.menu li.menu-mlid-701 ul.menu li > ul.menu:before {
        /*border-width: 15px 30px 15px 0;
border-color: transparent #fff transparent transparent;*/
        border: none;
        border-style: solid;
        content: "";
        height: 0;
        left: inherit;
        position: absolute;
        right: -15px;
        top: 3px;
        width: 0;
        /*border-width: 0 20px 20px 20px;*/
        /*border-color: transparent transparent red transparent;*/
        z-index: 102;
    }

    #navigation ul.menu li.menu-mlid-701 ul.menu li > ul.menu {
        border-left: 1px solid #ccc;
        border-right: none !important;
        left: auto !important;
        right: 301px;
    }

    #navigation ul.menu li.menu-mlid-2462 > ul.menu {
        left: -60px;
        width: 200px;
    }

    #navigation ul.menu li.menu-mlid-2462 > ul.menu:before { left: 78px; }

    #navigation ul.menu li.menu-mlid-2462 > ul.menu li { width: 200px; }

    .navigationwraper .menu li.menu-mlid-2896 { bottom: 0; }

    #navigation ul.menu li.menu-mlid-2462 ul.menu li > ul.menu { left: 199px; }

    #navigation ul.menu li.menu-mlid-2462 ul.menu li.menu-mlid-2892 > ul.menu { top: 15px; }

    #navigation ul.menu li.menu-mlid-2460 > ul.menu { left: -80px; }

    #navigation ul.menu li.menu-mlid-2460 > ul.menu:before { left: 95px; }

    #navigation ul.menu li.menu-mlid-300 > ul.menu {
        left: -65px;
        width: 255px;
    }

    #navigation ul.menu li.menu-mlid-300 > ul.menu:before { left: 95px; }

    #navigation ul.menu li.menu-mlid-2460 ul.menu li > ul.menu { left: 250px; }

    .bottomnav {
        clear: both;
        float: left;
    }

    .bottomnav ul.menu li {
        float: left;
        padding-right: 10px;
        width: 16.6667%;
    }

    .bottomnav ul.menu li.menu-mlid-2462 { width: 13%; }

    .bottomnav ul.menu li.menu-mlid-304 { width: 19%; }

    .bottomnav ul.menu li.menu-mlid-2461 { width: 13%; }

    .bottomnav ul.menu li.menu-mlid-701 { width: 18%; }

    .bottomnav ul.menu li > ul.menu {
        margin: 0;
        padding: 0;
    }

    .bottomnav ul.menu li > ul.menu li {
        clear: both;
        line-height: 15px;
        list-style-type: none;
        margin: 0;
        padding: 5px 0;
        width: inherit;
    }

    .bottomnav ul.menu li ul.menu li > ul.menu { display: none; }

    .sitelogo {
        display: table-cell;
        float: left;
        width: 33.3333%;
    }

    .navigationwraper .region-navigation {
        display: table-cell;
        /*width: 610px;*/
        float: left;
        height: 81px;
        min-width: 500px;
        padding-left: 30px;
        width: 96%;
    }

    .navigationwraper .navsection {
        background: #f27900 none repeat scroll 0 0;
        display: table;
        float: left;
        min-width: 600px;
        position: relative;
        width: 65%;
    }

    .navigationwraper::after {
        background: #f27900;
        content: "";
        height: 81px;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        z-index: -1;
    }

    .navigationwraper {
        /*background:#f27900;
background-repeat:no-repeat;
background-position:center;
background-size: 50% 100%;
background-position:right top;
*/
        position: relative;
    }

    /*.slideshowwrap::after {
	background: linear-gradient(to left bottom, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.3) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	   bottom: 0;
    content: "";
    display: block;
    height: 350px;
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    z-index: 2;
} */
    .slideshowwrap {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        clear: both;
        /*position: relative;*/
        float: left;
        height: 350px;
        width: 100%;
    }

    .view-homepage-slider-flat {
        /*	width: 490px;
	height: 260px;
	background: rgba(0, 0, 0, 0.6);
	color:#fff;
	margin-top: 30px;
	position:absolute;
	padding:20px;
	color:#fff;
	*/
    }

    .region-contentextra {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .homepagetile .tile0 li {
        float: left;
        list-style: none;
        /*height: 195px;*/
        padding-left: 15px;
        padding-right: 15px;
        width: 50%;
        /*position:relative;*/
    }

    .homepagetile .tile1 li,
    .homepagetile .tile2 li {
        box-sizing: border-box;
        /*height: 190px;*/
        float: left;
        list-style: none;
        margin-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        width: 33.3333%;
    }

    .homepagetile .tile1 li.hbtwrapie { padding-right: 0; }

    .homepagetile .tile1 li.hbtwraplaw { padding-left: 0; }

    .contentextrawrap #block-views-latest-news-block,
    .contentextrawrap #block-views-meeting-widget-block,
    .contentextrawrap #block-cfbblocks-twittertimeline {
        float: left;
        padding-left: 30px;
        width: 33%
    }

    .bottomnav .region-navigation { display: block; }

    .footerextra { width: 80%; }

    .homepagetile .vservice,
    .homepagetile .cservice { margin-top: 0; }

    .front .slideshowwrap {
        /* background-image: url("../images/nyc_day.jpg");*/
        padding: 0;
    }

    .navsearch #edit-submit--3 { display: none; }

    .flexslider .slides {
        min-height: 260px;
        width: 490px;
    }

    #navigation ul.menu li.menu-mlid-2460 {
        min-width: 84px;
        width: 16.8%;
    }

    #navigation ul.menu li.menu-mlid-300 {
        min-width: 121px;
        width: 22.3%;
    }

    #navigation ul.menu li.menu-mlid-2462 {
        min-width: 83px;
        width: 16.6%;
    }

    #navigation ul.menu li.menu-mlid-701 {
        min-width: 106px;
        width: 19.6%;
    }

    #navigation ul.menu li.menu-mlid-304 {
        min-width: 53px;
        width: 12.6%;
    }

    #navigation ul.menu li.menu-mlid-2461 {
        min-width: 51px;
        width: 11.2%;
    }

    .navsearch {
        display: none;
        width: 100%;
    }

    .navsearch { height: 100%; }

    #navigation h2.mobileheading { display: none; }

    .flex-control-nav { width: 490px; }
}

/**
 * Use 3 grid columns for smaller screens.
 */

@media all and (min-width: 768px) and (max-width: 959px) {
    /**
   * The layout when there is only one sidebar, the left one.
   */

    /* Span 2 columns, starting in 2nd column from left. */
    .sidebar-first #content {
        float: left;
        margin-left: 33.33333%;
        margin-right: -100%;
        width: 66.66667%;
    }

    /* Span 1 column, starting in 1st column from left. */
    .sidebar-first .region-sidebar-first {
        float: left;
        margin-left: 0%;
        margin-right: -33.33333%;
        width: 33.33333%;
    }

    /**
   * The layout when there is only one sidebar, the right one.
   */

    /* Span 2 columns, starting in 1st column from left. */
    .sidebar-second #content {
        float: left;
        margin-left: 0%;
        margin-right: -66.66667%;
        width: 66.66667%;
    }

    /* Span 1 column, starting in 3rd column from left. */
    .sidebar-second .region-sidebar-second {
        float: left;
        margin-left: 66.66667%;
        margin-right: -100%;
        width: 33.33333%;
    }

    /**
   * The layout when there are two sidebars.
   */

    /* Span 2 columns, starting in 2nd column from left. */
    .two-sidebars #content {
        float: left;
        margin-left: 33.33333%;
        margin-right: -100%;
        width: 66.66667%;
    }

    /* Span 1 column, starting in 1st column from left. */
    .two-sidebars .region-sidebar-first {
        float: left;
        margin-left: 0%;
        margin-right: -33.33333%;
        width: 33.33333%;
    }

    /* Start a new row and span all 3 columns. */
    .two-sidebars .region-sidebar-second {
        clear: left;
        float: left;
        margin-left: 0%;
        margin-right: -100%;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    /* Apply the shared properties of grid items in a single, efficient ruleset. */
    .two-sidebars .region-sidebar-second .block {
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        *behavior: url("/path/to/boxsizing.htc");
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        word-wrap: break-word;
        _display: inline;
        _overflow: hidden;
        _overflow-y: visible;
    }

    /* Span 1 column, starting in the 1st column from left. */
    .two-sidebars .region-sidebar-second .block:nth-child(3n + 1) {
        clear: left;
        float: left;
        margin-left: 0%;
        margin-right: -33.33333%;
        width: 33.33333%;
    }

    /* Span 1 column, starting in the 2nd column from left. */
    .two-sidebars .region-sidebar-second .block:nth-child(3n + 2) {
        float: left;
        margin-left: 33.33333%;
        margin-right: -66.66667%;
        width: 33.33333%;
    }

    /* Span 1 column, starting in the 3rd column from left. */
    .two-sidebars .region-sidebar-second .block:nth-child(3n) {
        float: left;
        margin-left: 66.66667%;
        margin-right: -100%;
        width: 33.33333%;
    }
}

/**
 * Use 5 grid columns for larger screens.
 */

@media all and (min-width: 960px) {
    /**
   * The layout when there is only one sidebar, the left one.
   */

    /* Span 4 columns, starting in 2nd column from left. */
    .sidebar-first #content {
        float: left;
        margin-left: 20%;
        margin-right: -100%;
        width: 80%;
    }

    /* Span 1 column, starting in 1st column from left. */
    .sidebar-first .region-sidebar-first {
        float: left;
        margin-left: 0%;
        margin-right: -20%;
        width: 20%;
    }

    /**
   * The layout when there is only one sidebar, the right one.
   */

    /* Span 4 columns, starting in 1st column from left. */
    .sidebar-second #content {
        float: left;
        margin-left: 0%;
        margin-right: -75%;
        padding-bottom: 30px;
        padding-right: 30px;
        width: 75%;
    }

    /* Span 1 column, starting in 5th column from left. */
    .sidebar-second .region-sidebar-second {
        float: left;
        margin-left: 75%;
        margin-right: -100%;
        width: 25%;
    }

    /**
   * The layout when there are two sidebars.
   */

    /* Span 3 columns, starting in 2nd column from left. */
    .two-sidebars #content {
        float: left;
        margin-left: 20%;
        margin-right: -80%;
        width: 60%;
    }

    /* Span 1 column, starting in 1st column from left. */
    .two-sidebars .region-sidebar-first {
        float: left;
        margin-left: 0%;
        margin-right: -20%;
        width: 20%;
    }

    /* Span 1 column, starting in 5th column from left. */
    .two-sidebars .region-sidebar-second {
        float: left;
        margin-left: 80%;
        margin-right: -100%;
        width: 20%;
    }
}

@media (min-width: 768px) and (max-width: 899px) {
    .sitelogo { width: 23%; }

    #navigation ul.menu li a { font-size: 13px; }

    .homepagetile .vservice,
    .homepagetile .cservice { height: 200px; }

    .homepagetile .tile1 li .hbtwrap, .homepagetile .tile2 li .hbtwrap { height: 325px; }

    .navigationwraper .navsection {
        min-width: inherit;
        width: 75%;
    }

    .navigationwraper .region-navigation {
        min-width: inherit;
        padding-left: 20px;
    }

    #navigation ul.menu li.menu-mlid-2460 {
        min-width: 75px;
        width: 16.75%;
    }

    #navigation ul.menu li.menu-mlid-300 {
        min-width: 111px;
        width: 22.75%;
    }

    #navigation ul.menu li.menu-mlid-2462 {
        min-width: 72px;
        width: 16.75%;
    }

    #navigation ul.menu li.menu-mlid-701 {
        min-width: 94px;
        width: 20.25%;
    }

    #navigation ul.menu li.menu-mlid-304 {
        min-width: 49px;
        width: 11.25%;
    }

    #navigation ul.menu li.menu-mlid-2461 {
        min-width: 46px;
        width: 12.25%;
    }

    .homepagetile .tile1 li, .homepagetile .tile2 li { width: 50%; }

    .homepagetile .tile1 li .hbtwrap, .homepagetile .tile2 li .hbtwrap { min-height: 230px; }

    .homepagetile .tile1 li.hbtwrapie,
    .homepagetile .tile1 li.hbtwrapcfb {
        padding-left: 0;
        padding-right: 15px;
    }

    .homepagetile .tile1 li.hbtwraplaw {
        padding-left: 15px;
        padding-right: 0;
    }

    .homepagetile .tile1 li.hbtwrapnews,
    .homepagetile .tile1 li.hbtwrapmf { padding-right: 0; }
}

@media (min-width: 1120px) and (max-width: 1129px) {
    .homepagetile .tile1 li .hbtwrap, .homepagetile .tile2 li .hbtwrap { height: 325px; }
}

@media (min-width: 950px) and (max-width: 1120px) {
    .sitelogo { width: 28%; }

    .homepagetile .vservice,
    .homepagetile .cservice { height: 200px; }

    .homepagetile .tile1 li .hbtwrap, .homepagetile .tile2 li .hbtwrap { height: 325px; }
}

@media (min-width: 900px) and (max-width: 949px) {
    .sitelogo {
        padding-right: 10px;
        width: 25%;
    }

    .homepagetile .tile1 li .hbtwrap, .homepagetile .tile2 li .hbtwrap { height: 325px; }
}

@media (max-width: 480px) {
    .sitelogo { height: 81px; }

    .sitelogo img {
        padding-left: 10px;
        padding-right: 10px;
        width: 75%;
    }

    .flexslider { margin-top: 0 !important; }

    .view-homepage-slider-flat .views-field-title a, .flex-flexslider .views-field-title a, .views-field-field-slider-link-1 a {
        color: #fff;
        font-family: "Roboto Slab", serif;
        font-size: 28px !important;
        font-weight: 200;
        line-height: 30px !important;
        margin: 0 0 10px;
        text-decoration: none;
    }

    .flexslider .slides { min-height: 10px !important; }

    .slideshowwrap { padding-top: 20px; }

    .extratitleicon { display: none !important; }

    #views-exposed-form-media-page #edit-keys { width: 100% !important; }

    .views-row .pressimage, .views-row .views-field-field-press-image { width: 20%; }

    .btsecondary,
    .bttertiary,
    .btprimary {
        clear: both !important;
        float: left !important;
        margin-left: 0 !important;
    }

    #limitsselect, #disclosuredeadlineyear, #iedeadlineyear { top: 110px !important; }

    .biodetail {
        float: left;
        width: inherit !important;
    }

    .flex-control-nav { display: none; }
}