/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
a {
    text-decoration: none;
}
img {
    max-width: 100%;
}
a {
    color: #0a6988;
}
a:hover {
    color: #333;
}

.cookieWrp {
    background: #ccc;
    text-align: center;
    padding: 0.5% 0 1% 0;
    width: 100%;
    min-width: 960px;
}
.cookieWrp p {
    margin: 0 0 5px 0;
}

.cookieWrp input {
    background: #0a6988;
    color: #fff;
    width: auto;
    height: 34px;
    line-height: 34px;
    border: none;
}

.sfSuccess {
    background: #86da94;
    color: #fff;
    padding: 2%;
}
.sfError  {
   background: pink;
    color: #ff0000;
    padding: 2%;
    margin-bottom: 3%;
    width: 90%;
}

.ServiceError  {
   background: pink;
    color: #ff0000;
    padding: 1%;
    margin: 1% 13px 1% 0;
    width: 193px;
    display: inline-block;
}

.locationError  {
   background: pink;
    color: #ff0000;
    padding: 1%;
    margin: 1% 0;
   width: 193px;
    display: inline-block;
}


.services-master-wrapper .homeImage {
    display: none;
}

.sfSitemapwWrp {}
.sfSitemapwWrp ul li a {
    margin: 0;
    font-size: 1.0em;
    color: #0a6988;
    background: url("img/sprite-arrows.png") -14px -64px no-repeat;
    padding: 0 0 0 20px;
    font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    width: 100%;
    display: block;
}
.sfSitemapwWrp ul li ul {
    margin-left: 30px;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}



/**** End General Styles Used on all Devices **/


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

        html,
        button,
        input,
        select,
        textarea {
            color: #333;
            font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-style: normal;
            font-weight: 400;
        }

        html {
            font-size: 14px!important;
            line-height: 1.4;
        }

        ::-moz-selection {
            background: #b3d4fc;
            text-shadow: none;
        }

        ::selection {
            background: #b3d4fc;
            text-shadow: none;
        }

        hr {
            display: block;
            height: 1px;
            border: 0;
            border-top: 1px solid #ccc;
            margin: 1em 0;
            padding: 0;
        }

        audio,
        canvas,
        img,
        video {
            vertical-align: middle;
        }

        fieldset {
            border: 0;
            margin: 0;
            padding: 0;
        }

        textarea {
            resize: vertical;
        }

        * {
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;    /* Firefox, other Gecko */
            box-sizing: border-box;         /* Opera/IE 8+ */
        }

        body,html {
            margin: 0;
            padding: 0;
            font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-style: normal;
            font-weight: 400;
            color: #333333;
        }



        ul, li {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .sfPageEditor table, .sfPageEditor table tr, .sfPageEditor table tr td {
            border:none!important;
        }


        /* ==========================================================================
           Fonts
           ========================================================================== */

        /*font-family: "ff-dax-web-pro",sans-serif;
        font-style: normal;
        font-weight: 700;

        font-family: "myriad-pro",sans-serif;
        font-style: normal;
        font-weight: 400;

        font-family: "myriad-pro",sans-serif;
        font-style: normal;
        font-weight: 700;*/


        /* ==========================================================================
           SITE CONTAINERS
           ========================================================================== */

        .wrapper {
            width: 100%;
            min-width: 960px;
        }

         .container {
            margin: 0 auto;
            width: 90%;
            max-width: 1240px;
            min-width: 960px;
            margin: 0 auto;
            padding: 0 20px;  
        }

        .container_50 {
            position: relative;
        }

        .container_50 .sf_colsOut {
            display: table;
            width: 100%;

        }

        .container_50 .sf_colsOut .col-50 {
            display: table-cell;
            width: 50%;
            padding: 2% 0;
            vertical-align: top;
        }

        .container_50 .sf_colsOut .col-50 table {
            width: 80%;
        }


        /* ==========================================================================
           HEADER
           ========================================================================== */

        .header {
            margin: 0 auto;
            width: 90%;
            max-width: 1240px;
            min-width: 960px;
            margin: 0 auto;
            padding: 0 20px;  
            position: relative;
        }
        .header .row {
            margin: 1% 0 0 0;
        }


        .header .row .logo {
            float: left;
            margin-bottom: 24px;
        }


        .header .utility-nav {
            text-align: right;
            padding: 0;
            position: absolute;
            top:0px;
            right:20px;
        }
        /* sets position of main navigation for edit mode only */
        .sfPageEditor .header .utility-nav {
            position: relative;
        }
        .header .utility-nav ul {
            float: right;
            padding: 0;
            margin: 0;
        }
        .header .utility-nav li {
            float: left;
            list-style: none;    
        }
        .header .utility-nav ul li a {
            font-size: 0.875em;
            padding: 0 12px;
            border-left:solid 1px #666666;
            color: #666666;
        }
        .header .utility-nav ul li:first-child a {
            border:none;
            padding: 0 12px 0 0;
        }
        .header .utility-nav ul li:last-child a {
            padding: 0 0 0 12px;
        }
        .header .utility-nav ul li a:hover {
            color: #ccc;
        }



        .header .row .main-nav {
          position: absolute;
          right: 20px;
          top: 58px;
        }
        /* sets position of main navigation for edit mode only */
        .sfPageEditor .header .row .main-nav {
          position: relative;
          right: 20px;
        }
        .header .row .main-nav ul {
            margin: 0;
            padding: 0;
        }
        .header .row .main-nav ul li {
            float: left;
            list-style: none;
            position: relative;
            margin:0 10px;
            padding: 10px 0;
        }
        .header .row .main-nav ul li a {
            color: #0a6988;
            font-size: 1.7em;
            text-transform: uppercase;
            padding:10px 20px;

        }
        .header .row .main-nav ul li:last-child a {
            padding-right:0;
        }
        .header .row .main-nav ul li a:hover {
            color: #333;
            text-decoration: underline;
        }
        .header .row .main-nav ul ul {
            display: none;
        }

        /** start dropdown styles **/

        .header .row .main-nav ul li.servicesMenu:hover {
            background: #0080b2;
            color: #fff;
            padding-bottom: 20px;
        }
        .header .row .main-nav ul li.servicesMenu:hover span {
            display: none!important;
        }

        .header .row .main-nav ul li.dropdown.servicesMenu span {
            width: 15px;
            height: 8px;
            display: inline-block;
            position: absolute;
            right:-10px;
            background: url("img/nav-arrow.png");
            top:23px;
        }

        .header .row .main-nav ul li.servicesMenu:hover > a {
            color: #fff;
        }
        .header .row .main-nav ul li.servicesMenu:hover > ul.level_two {
            display: block;
            background: #0080b2;
            position: absolute;
            left: -850px;/* -930px */
            /*right: -100%;*/
            width: 1200px;
            top: 55px;
            z-index: 999;
            padding: 20px 10px 20px 10px;
        }
        .header .row .main-nav ul li.servicesMenu:hover > ul.level_two li {
            width: 20%;
            height: 210px;
            margin: 0;
            padding:0;
        }
        .header .row .main-nav ul li.servicesMenu:hover > ul.level_two li a {
            color: #fff;
            font-size: 18px;
            border-bottom: solid 1px #fff;
            padding: 0px;
            display: block;
            width: 90%;
        }
        .header .row .main-nav ul li.servicesMenu:hover > ul.level_two li > ul.level_two {
            display: block;
            position: relative;
            left: 0px;
            padding: 0;
            width: auto;
            top: 0px;
            margin: 10px 0 0 0;
        }
        .header .row .main-nav ul li.servicesMenu:hover > ul.level_two li > ul.level_two li {
            float: none;
            width: 100%;
            height: auto;
            margin: 0;
            padding:0;
        }
        .header .row .main-nav ul li.servicesMenu:hover > ul.level_two li > ul.level_two li a {
            text-transform: capitalize;
            color: #fff;
            font-size: 14px;
            border: none;
            width: 100%;
            padding:0;
        }
        .header .row .main-nav ul li.servicesMenu:hover > ul.level_two li > ul.level_two li a:hover {
            color: #ccc;
        }
        .header .row .main-nav ul li.servicesMenu:hover > ul.level_two li.servicesMenu:hover {
            padding-bottom: 0;
        }
        .header .row .main-nav ul li.servicesMenu > ul.level_two li.servicesMenu a:hover {
            padding: 0;
        }


        .header .row .main-nav ul li.dropdown.servicesMenu ul.level_two li span
        {
            display: none;
        } 
        /** end dropdown styles **/



        /** Hides menu button on desktop **/
        button.nav-mob_toggle {
        display: none;
        }
        button {
            -webkit-apperance:none;
        }

        /* ==========================================================================
           PAGE CONTAINERS
           ========================================================================== */

        .homepage-container, .subpage-container {
            width:100%;
            background: #f5f5f5 url("img/page-background.gif") repeat-x;
            border-top:solid 1px #eae7e7;
        }
        .homepage-container .container, .subpage-container .container {
            padding: 45px 20px; 
        }


        /* ==========================================================================
           HOMEPAGE COMPANY TAGLINE
           ========================================================================== */

        .company-tagline {
            margin: 0 auto 2% auto;
        }
        .company-tagline h1 {
            font-size: 2.55em;
            color: #78a22f;
            line-height: 1.2em;
            margin:0 0 0 30px;
        }

        /* ==========================================================================
           HOME SLIDER
           ========================================================================== */

        .home-2cols {
            margin: 0 0 2% 0;
        } 
        .home-2cols .slider-container {
            float: left;
            width: 65%;
        }
        .home-2cols .slider-container .bx-wrapper {
            position: relative;
        }
        .home-2cols .slider-container .bxslider a {
            width: 100%;
            background: url("img/white-background-transparent.png");
            position: absolute;
            z-index: 99;
            bottom: 0;
            padding: 0.8% 0 0.8% 4%;
            color: #333;
        }
        .home-2cols .slider-container .bxslider a h2 {
            font-size: 1.8em;
            margin: 0;
            color: #0b6a89;
            text-transform: uppercase;
        }
        .home-2cols .slider-container .bxslider a h2:hover {
            color: #333;
        }
        .home-2cols .slider-container .bxslider a p {
            font-size: 1.0em;
            margin: -1% 0 2% 0;
            color: #333;
        }
        .home-2cols .slider-container .bxslider a span.view {
            font-size: 0.875em;
            color: #0b6a89;
            font-style: normal;
            font-weight: 700;
            text-transform: uppercase;
             background: url("img/sprite-arrows.png") no-repeat right -65px;
            padding: 0 20px 0 0;
            display: inline-block;
        }
        .home-2cols .slider-container .bxslider a span.view:hover {
            color: #333;
             background: url("img/sprite-arrows.png") no-repeat right -95px;
        }

        /* Slider navigation prev and next */
        .home-2cols .slider-container .bx-wrapper .bx-prev, .home-2cols .slider-container .bx-wrapper .bx-next {
            position: absolute;
        }
        .home-2cols .slider-container .bx-wrapper .bx-prev {
            left: 1%;
            top: 40%;
            z-index: 99;
            width: 28px;
            height:47px;
            background: url("img/sprite-icons.png") -41px -575px;
            font-size: 0;
            text-indent: 100%;
        }
        .home-2cols .slider-container .bx-wrapper .bx-next {
            right: 1%;
            top: 40%;
            z-index: 99;
            width: 28px;
            height:47px;
            background: url("img/sprite-icons.png") -82px -625px;
            font-size: 0;
            text-indent: 100%;
        }

        .home-2cols .slider-container .bx-wrapper .bx-prev:hover {
            background-position: -82px -575px;
        }

        .home-2cols .slider-container .bx-wrapper .bx-next:hover {
            background-position: -41px -625px;
        }


        /* ==========================================================================
           HOME CAREERS
           ========================================================================== */

        .home-2cols .careers-container {
            float: right;
            width: 32.5%;
            position: relative;
        }
        .home-2cols .careers-container a {
            position: absolute;
            z-index: 99;
            width:100%;
            display: block;
            background: url("img/white-background-transparent.png");
            bottom:-1px;
            padding: 4% 0 4% 4%;
        }
        .home-2cols .careers-container a h2 {
            font-size: 1.8em;
            margin: 0;
            color: #0b6a89;
            text-transform: uppercase;
        }
        .home-2cols .careers-container a h2:hover {
            color: #333;
        }
        .home-2cols .careers-container a p {
            font-size: 1.0em;
            margin: -1% 0 2% 0;
            color: #333;
        }
        .home-2cols .careers-container a span.view {
            font-size: 0.875em;
            color: #0b6a89;
            font-style: normal;
            font-weight: 700;
            text-transform: uppercase;
            background: url("img/sprite-arrows.png") no-repeat 130% -67px;
            padding: 0 10px 0 0;
        }
        .home-2cols .careers-container a span.view:hover {
            color: #333;
            background: url("img/sprite-arrows.png") no-repeat 130% -97px;
        }

        .sfPageEditor .careers-container span, .sfPageEditor .careers-container a {
            position: relative;
            margin: 0;
        }


        /* ==========================================================================
           HOME 3 COLS INDUSTRIES
           ========================================================================== */

        .home-3cols-industries {
            margin: 30px 0 0 0;
        }
        .home-3cols-industries .col-1, .home-3cols-industries .col-2, .home-3cols-industries .col-3 {
            float: left;
            position: relative;
        }
        .home-3cols-industries .col-1 {
            width: 27.2%;
            margin: 0 2% 0 0;
        }
        .home-3cols-industries .col-2 {
            width: 27.2%;
            margin: 0 2% 0 0;
        }
        .home-3cols-industries .col-2 a p {
            position: absolute;
          color: #fff;
          font-size: 1.2em;
          margin: 20% 15% 0 0;
          padding: 0;
          width: 100%;
          text-align: center;
        }
        .home-3cols-industries .col-2 a p .icon {
             background: url("img/sprite-icons.png") center -489px no-repeat;
             display: block;
             width: 100%;
             height: 79px;
             margin: 5% 0 0 0;
        }
        .home-3cols-industries .col-3 {
            width: 41.6%;
            background: #e8e7e7;
            padding: 1% 0 1.3% 2%;
        }
        .home-3cols-industries .col-3 h2 {
            color: #0a6988;
            margin: 0 0 2% 0;
            font-size: 1.8em;
            text-transform: uppercase;
        }
        .home-3cols-industries .col-3 ul li {
            float: left;
            width: 48%;
            margin: 0 0 2.5% 0;
        }
        .home-3cols-industries .col-3 ul li a {
            color: #0a6988;
            text-transform: uppercase;
            font-size: 1.2em;
           font-family: "ff-dax-web-pro-n7","ff-dax-web-pro",sans-serif;
            font-style: normal;
            font-weight: 700;
            background: url("img/industries-icons.png") 0 0 no-repeat;
            height: 33px;
            display: block;
            padding: 0 0 0 20%;
            line-height: 16px;
        }
        .home-3cols-industries .col-3 ul li.water a {
            color: #3892ce;
            background-position: 0 0px;
            padding:4% 0 0 20%;
        }
        .home-3cols-industries .col-3 ul li.transportation a {
            color: #893939;
            background-position: 0 -33px;
            padding:4% 0 0 20%;
        }
        .home-3cols-industries .col-3 ul li.wastewater a {
            color: #4f351a;
            background-position: 0 -66px;
            padding:4% 0 0 20%;
        }
        .home-3cols-industries .col-3 ul li.infrastructure a {
            color: #b3a918;
            background-position: 0 -99px;
            padding:4% 0 0 20%;
        }
        .home-3cols-industries .col-3 ul li.environmental a {
            color: #32c06f;
            background-position: 0 -132px;
            padding:4% 0 0 20%;
        }
        .home-3cols-industries .col-3 ul li.flood a {
            color: #3892ce;
            background-position: 0 -165px;
            padding:4% 0 0 20%;
        }
        .home-3cols-industries .col-3 ul li.energy a {
            color: #e1d40e;
            background-position: 0 -198px;
            padding:4% 0 0 20%;
        }
        .home-3cols-industries .col-3 ul li.communications a {
            color: #12486b;
            background-position: 0 -231px;
            padding:4% 0 0 20%;
        }
        .home-3cols-industries .col-3 ul li.buildings a {
            color: #d87a27;
            background-position: 0 -264px;
            padding:0 0 0 20%;
        }
        .home-3cols-industries .col-3 ul li.technical a {
            color: #0a6988;
            background-position: 0 -297px;
            padding:0 0 0 20%;
        }
        .home-3cols-industries .col-3 ul li.water a:hover, .home-3cols-industries .col-3 ul li.transportation a:hover, .home-3cols-industries .col-3 ul li.wastewater a:hover, .home-3cols-industries .col-3 ul li.infrastructure a:hover, .home-3cols-industries .col-3 ul li.environmental a:hover, .home-3cols-industries .col-3 ul li.flood a:hover, .home-3cols-industries .col-3 ul li.energy a:hover, .home-3cols-industries .col-3 ul li.communications a:hover, .home-3cols-industries .col-3 ul li.buildings a:hover, .home-3cols-industries .col-3 ul li.technical a:hover {
            color: #0b3f50;
        }


        /* ==========================================================================
           HOME FEATURED PROJECT (IRELAND SITE ONLY)
           ========================================================================== */

        .home-3cols-industries .featured-project {
            width: 100%;
            position: relative;
        }
        .home-3cols-industries .featured-project a {
            width: 100%;
            height: 100%;
            display: block;
            z-index: 999;
            position: absolute;
        }
        .home-3cols-industries .featured-project:hover {
             color: #0b3f50;
        }

        .home-3cols-industries .featured-project .text-wrapper {
            position: absolute;
            z-index: 99;
            width:100%;
            display: block;
            background: url("img/white-background-transparent.png");
            bottom:-1px;
            padding: 4% 0 4% 4%;
            /*line-height: 1.7em;*/
        }
        .home-3cols-industries .featured-project .text-wrapper h2 {
            font-size: 1.8em;
            margin: 0;
            color: #0b6a89;
            text-transform: uppercase;
            line-height: 1;
        }
        .home-3cols-industries .featured-project .text-wrapper h2:hover {
            color: #333;
        }
        .home-3cols-industries .featured-project .text-wrapper .location, .home-3cols-industries .featured-project .text-wrapper.category {
            font-size: 1.0em;
            /*margin: -1% 0 2% 0;*/
            color: #333;
        }
        .home-3cols-industries .featured-project .text-wrapper span.view {
            font-size: 0.875em;
            color: #0b6a89;
            font-style: normal;
            font-weight: 700;
            text-transform: uppercase;
            background: url("img/sprite-arrows.png") no-repeat 100% -67px;
            padding: 0 20px 0 0;
        }
        .home-3cols-industries .featured-project .text-wrapper span.view:hover {
            color: #333;
            background: url("img/sprite-arrows.png") no-repeat 100% -97px;
        }

        .home-3cols-industries .featured-project .location div, .home-3cols-industries .featured-project .category div {
            display: inline-block;
        }



        /* ==========================================================================
           HOME 3 COLS (TEAM, VISION & NEWS)
           ========================================================================== */

        .home-3cols h2 {
            text-align: center;
            margin: 0;
            color: #78a22f;
            padding: 30px 0;
            font-size: 2.4em;
        }
        .home-3cols .col {
            float: left;
            width: 31.5%;
            margin: 0 2% 0 0;
        }
        .home-3cols .col.last {
            float: left;
            width: 31.5%;
            margin: 0 0 0 0;
        }
        .home-3cols .col h2 {
            background: #eeeeee;
            height: 50px;
            line-height: 50px;
            padding: 0 0 0 20px;
            font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-style: normal;
            font-weight: 400;
            text-transform: uppercase;
            font-size: 1.6em;
            margin: 0 0 20px 0;
            text-align: left;
            color: #333333;
        }
        .home-3cols .readmore {
            background: #0a6988;
            color: #fff;
            width: 32%;
            height: 34px;
            line-height: 34px;
        }
        .home-3cols .readmore a {
            color: #fff;
            font-family: "myriad-pro-n7", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-style: normal;
            font-weight: 700;
            padding: 0 22px 0 11px;
            text-transform: uppercase;
            display: inline-block;
            background: url("img/sprite-arrows.png") 100% -119px no-repeat;
            height: 34px;
        }
        .home-3cols .readmore:hover {
            background: #333;
        }
        .home-3cols ul.sfNews {
            margin: 0;
            padding: 0;
        }
        .home-3cols ul.sfNews li {
            list-style: none;
            display: block;
        }
        .home-3cols ul.sfNews li h3 {
            margin: 0;
             font-size: 1.0em;
        }
        .home-3cols ul.sfNews li h3 a {
            margin: 0;
            font-size: 1.0em;
            color: #0a6988;
        }
        .home-3cols ul.sfNews li h3 a:hover {
            margin: 0;
            font-size: 1.0em;
            color: #333;
        }
        .home-3cols ul.sfNews li .thumb {
            float: left;
            width: 23%;
        }
        .home-3cols ul.sfNews li .text {
            float: right;
            width: 73%;
        }
        .home-3cols ul.sfNews li .text p {
            margin: 0 0 1em 0;
        }


        /* ==========================================================================
           SUBPAGE CONTAINERS
           ========================================================================== */
        .subpage-container {
        }
        .subpage-container .left-col {
            float: left;
            width: 25%;
        }
        .subpage-container .main-col {
            float: right;
            width: 70%;
        }

        .subpage-container .main-col-full {
            width: 100%;
        }

        /* ==========================================================================
          LEFT COLUMN
           ========================================================================== */

        .left-col .subnav-mobile {
            display: none;
        }


        /* ==========================================================================
          LEFT COLUMN - SUB NAV
           ========================================================================== */

        .left-col .sub-nav {

        }
        .left-col .sub-nav ul li {
            margin: 0 0 3% 0;
        }

        .left-col .sub-nav ul li a {
            margin: 0;
            font-size: 1.0em;
            color: #0a6988;
            background:url("img/sprite-arrows.png") -14px -64px no-repeat;
            padding: 0 0 0 5%;
            font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-style: normal;
            font-weight: 400;
            width: 100%;
            display: block;
        }
        .left-col .sub-nav ul li a:hover {
            color: #333;
        }

        .left-col .sub-nav ul li a.sfSel {
            color: #333;
            font-weight: 700;
        }


        /* ==========================================================================
          LEFT COLUMN - SERVICES NAV
           ========================================================================== */

        .left-col .services-sub-nav ul li {
            background: #ccc;
            margin: 0 0 1px 0;
            position: relative;
            padding: 0;
        }
        .left-col .services-sub-nav ul li a {
            color: #333;
            padding: 3% 0 3% 8%;
            margin: 0;
            display: block;
            border: none;
            background: url("img/sprite-arrow-01.png") 8px 15px no-repeat;
        }
        

        .left-col .services-sub-nav ul li ul li {
            background: none;
            margin: 0 0 1px 0;
            position: relative;
        }
        .left-col .services-sub-nav ul li.dropdown ul {
            display: none;
            margin: 0;
        }
        .left-col .services-sub-nav ul li.dropdown ul li a {
            padding-left: 14%;
            background-position: 26px 15px;
        }

        
        /** Services Hover States 1st Level */

        /* was .left-col .services-sub-nav ul li.Water ul a:hover*/
        .left-col .services-sub-nav ul li.Water a:hover {
            background: #3498db url("img/sprite-arrow-02.png") 8px 15px no-repeat!important;
            color: #fff;
        }

        .left-col .services-sub-nav ul li.roads a:hover, .left-col .services-sub-nav ul li.Roads ul li  a:hover, .left-col .services-sub-nav ul li.transportation ul li  a:hover {
            background: #34495e url("img/sprite-arrow-02.png") 8px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Transportation a:hover {
            background: #34495e url("img/sprite-arrow-02.png") 8px 15px no-repeat!important;
            color: #fff;
        }

        .left-col .services-sub-nav ul li.Waste a:hover {
            background: #4f351a url("img/sprite-arrow-02.png") 8px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Infrastructure a:hover {
            background: #9b59b6 url("img/sprite-arrow-02.png") 8px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Environmental a:hover {
            background: #2ecc71 url("img/sprite-arrow-02.png") 8px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Flood a:hover {
            background: #2980b9 url("img/sprite-arrow-02.png") 8px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Energy a:hover {
            background: #f1c40f url("img/sprite-arrow-02.png") 8px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Communications a:hover {
            background: #2c3e50 url("img/sprite-arrow-02.png") 8px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Buildings a:hover {
            background: #e67e22 url("img/sprite-arrow-02.png") 8px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Technical a:hover {
            background: #c0392b url("img/sprite-arrow-02.png") 8px 15px no-repeat!important;
            color: #fff;
        }



        /** Services Hover States 2nd Level */
        .left-col .services-sub-nav ul li.Water ul li a:hover {
            background: #3498db url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.roads ul li a:hover, .left-col .services-sub-nav ul li.Roads ul li  a:hover, .left-col .services-sub-nav ul li.transportation ul li  a:hover {
            background: #34495e url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Waste ul li a:hover {
            background: #4f351a url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Infrastructure ul li a:hover {
            background: #9b59b6 url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Environmental ul li a:hover {
            background: #2ecc71 url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Flood ul li a:hover {
            background: #2980b9 url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Energy ul li a:hover {
            background: #f1c40f url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Communications ul li a:hover {
            background: #2c3e50 url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Buildings ul li a:hover {
            background: #e67e22 url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Technical ul li a:hover {
            background: #c0392b url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }


        /** Style while in Sitefinity Edit Mode */
        .sfPageEditor .left-col .services-sub-nav ul li span { 
            position: relative;
        }



        /* When on Action Section the top level is color coded, even when collapsed */
        .left-col .services-sub-nav ul li.Water a.sfSel {
            background: #3498db url("img/sprite-arrows.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Waste a.sfSel {
            background: #4f351a url("img/sprite-arrows.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Transportation a.sfSel {
            background: #34495e url("img/sprite-arrows.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Environmental a.sfSel {
            background: #2ecc71 url("img/sprite-arrows.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Buildings a.sfSel {
            background: #e67e22 url("img/sprite-arrows.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Infrastructure a.sfSel {
            background: #9b59b6 url("img/sprite-arrows.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Energy a.sfSel {
            background: #f1c40f url("img/sprite-arrows.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Communications a.sfSel {
            background: #2c3e50 url("img/sprite-arrows.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Flood a.sfSel {
            background: #2980b9 url("img/sprite-arrows.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Technical a.sfSel {
            background: #c0392b url("img/sprite-arrows.png") -7px -117px no-repeat;
            color: #fff;
        }


        /* Show sub level when in open section */
        .left-col .services-sub-nav ul li.dropdown.open ul {
            display: block;
        }

        /* Water */
        .left-col .services-sub-nav ul li.Water.open a {
            background: #3498db url("img/sprite-arrows.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Water.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Water.open ul li a{
            background: #3498db url("img/sprite-arrows.png") 14px -117px no-repeat;
            color: #fff;
            padding: 10px 0 10px 45px;
        }

        /* Transportation */
        .left-col .services-sub-nav ul li.Roads.open a, .left-col .services-sub-nav ul li.roads.open a,
        .left-col .services-sub-nav ul li.transportation.open a, .left-col .services-sub-nav ul li.transportation.open a {
            background: #34495e url("img/sprite-arrows.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Roads.open ul li, .left-col .services-sub-nav ul li.roads.open ul li,
        .left-col .services-sub-nav ul li.transportation.open ul li, .left-col .services-sub-nav ul li.transportation.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Roads.open ul li a, .left-col .services-sub-nav ul li.roads.open ul li a,.left-col .services-sub-nav ul li.transportation.open ul li a, .left-col .services-sub-nav ul li.transportation.open ul li a {
            background: #34495e url("img/sprite-arrows.png") 14px -117px no-repeat;
            color: #fff;
            padding: 10px 0 10px 45px;
        }

        /* Waste Water */
        .left-col .services-sub-nav ul li.Waste.open a {
            background: #4f351a url("img/sprite-arrows.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Waste.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Waste.open ul li a{
            background: #4f351a url("img/sprite-arrows.png") 14px -117px no-repeat!important;
            color: #fff;
           padding: 10px 0 10px 45px;
        }

        /* Infrastructure */
        .left-col .services-sub-nav ul li.Infrastructure.open a {
            background: #9b59b6 url("img/sprite-arrows.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Infrastructure.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Infrastructure.open ul li a{
            background: #9b59b6 url("img/sprite-arrows.png") 14px -117px no-repeat!important;
            color: #fff;
           padding: 10px 0 10px 45px;
        }

        /* Environmental */
        .left-col .services-sub-nav ul li.Environmental.open a {
            background: #2ecc71 url("img/sprite-arrows.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Environmental.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Environmental.open ul li a{
            background: #2ecc71 url("img/sprite-arrows.png") 14px -117px no-repeat!important;
            color: #fff;
            padding: 10px 0 10px 45px;
        }

        /* Flood Protection */
        .left-col .services-sub-nav ul li.Flood.open a {
            background: #2980b9 url("img/sprite-arrows.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Flood.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Flood.open ul li a{
            background: #2980b9 url("img/sprite-arrows.png") 14px -117px no-repeat!important;
            color: #fff;
            padding: 10px 0 10px 45px;
        }

        /* Energy */
        .left-col .services-sub-nav ul li.Energy.open a {
            background: #f1c40f url("img/sprite-arrows.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Energy.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Energy.open ul li a{
            background: #f1c40f url("img/sprite-arrows.png") 14px -117px no-repeat!important;
            color: #fff;
            padding: 10px 0 10px 45px;
        }

        /* Communications */
        .left-col .services-sub-nav ul li.Communications.open a {
            background: #2c3e50 url("img/sprite-arrows.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Communications.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Communications.open ul li a{
            background: #2c3e50 url("img/sprite-arrows.png") 14px -117px no-repeat!important;
            color: #fff;
            padding: 10px 0 10px 45px;
        }

        /* Buildings */
        .left-col .services-sub-nav ul li.Buildings.open a {
            background: #e67e22 url("img/sprite-arrows.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Buildings.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Buildings.open ul li a{
            background: #e67e22 url("img/sprite-arrows.png") 14px -117px no-repeat!important;
            color: #fff;
            padding: 10px 0 10px 45px;
        }


        /* Technical Assitance */
        .left-col .services-sub-nav ul li.Technical.open a {
            background: #c0392b url("img/sprite-arrows.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Technical.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Technical.open ul li a{
            background: #c0392b url("img/sprite-arrows.png") 14px -117px no-repeat!important;
            color: #fff;
            padding: 10px 0 10px 45px;
        }

        /* Plus and Minis for Navigation */
        .left-col .services-sub-nav ul li.open span {
             background: url("img/sprite-icons.png") -66px -907px no-repeat;
            position: absolute;
            top: 10px;
            right: 10px;
            width: 20px;
            height: 20px;
        }

        .left-col .services-sub-nav ul li span {
             background: url("img/sprite-icons.png") -66px -862px no-repeat;
            position: absolute;
            top: 10px;
            right: 10px;
            width: 20px;
            height: 20px;
        }







        /* ==========================================================================
          LEFT COLUMN - SUB NAV ALT
           ========================================================================== */

        .left-col .sub-nav-alt {

        }
        .left-col .sub-nav-alt ul li {
            margin: 0 0 10% 0;
        }
        .left-col .sub-nav-alt ul li a {
            color: #333;
            display: block;
            font-size: 1.4em;
            margin: 0 0 3% 0;
           font-family: "ff-dax-web-pro-n7","ff-dax-web-pro",sans-serif;
            font-style: normal;
            font-weight: 700;
            border:none;
        }
        .left-col .sub-nav-alt ul li ul li {
            margin: 0;
        }
        .left-col .sub-nav-alt ul li ul li a {
            margin: 0;
            font-size: 1.0em;
            color: #0a6988;
            background:url("img/sprite-arrows.png") -14px -280px no-repeat;
            line-height: 2em;
            padding: 0 0 0 5%;
            font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-style: normal;
            font-weight: 400;
        }
        .left-col .sub-nav-alt ul li ul li a:hover {
            color: #333;
        }

        .left-col .sub-nav-alt ul li ul li a.sfSel {
            color: #333;
            font-weight: 700;
        }

 /* ==========================================================================
          LEFT COLUMN - UPCOMING PROJECTS
           ========================================================================== */


       /* .left-col .upcoming-projects {
            margin: 3% 0 0 0;
        }
        .left-col .upcoming-projects h2 {
            font-size: 1.5em;
           font-family: "ff-dax-web-pro-n7","ff-dax-web-pro",sans-serif;
            font-style: normal;
            font-weight: 700;
            margin: 0 0 5% 0;
            width: 75%;
        }*/

        .left-col .upcoming-projects {
            margin: 3% 0 3% 0;
            padding-bottom: 5px;
        }


        .left-col .upcoming-projects h4 {
            margin: 0;
            font-size: 1.0em;
            color: #0a6988;
            background: url("img/sprite-arrows.png") -14px -60px no-repeat;
            line-height: 2em;
            padding: 0 0 0 5%;
            font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-style: normal;
            font-weight: 400;
        }
        /* ==========================================================================
          LEFT COL - FORM CONTAINER
           ========================================================================== */


        .left-col .form-container {
            margin: 3% 0 0 0;
        }
        .left-col .form-container h2 {
            font-size: 1.5em;
           font-family: "ff-dax-web-pro-n7","ff-dax-web-pro",sans-serif;
            font-style: normal;
            font-weight: 700;
            margin: 0 0 5% 0;
            width: 75%;
        }
        .left-col .form-container input {
            width: 90%;
            color: #888;
        }
        .left-col .form-container label {
            display: none;
        }
        .left-col .form-container input[type="text"] {
            border:solid 1px #e4e3e3;
            height: 35px;
            line-height: 35px;
            margin: 0 0 3% 0;
            padding: 0 3%;
        }
        .left-col .form-container input[type="submit"] {
            height: 35px;
            line-height: 35px;
            background: #0a6988;
            border: none;
            color: #fff;
            font-family: "ff-dax-web-pro-n7","ff-dax-web-pro",sans-serif;
            font-style: normal;
            font-weight: 700;
        }
        .left-col .form-container input[type="submit"]:hover {
            background: #333;
        }

        /* ==========================================================================
          LEFT COLUMN - RECENT PROJECTS
           ========================================================================== */

        .left-col .recent-projects {
            border-right:solid 1px #ccc;
        }
        .left-col .recent-projects h3 {
            margin: 0;
            font-size: 14px;
            width: 75%;
        }

        .left-col .recent-projects h2 {
            margin: 0;
            font-size: 22px;
        }

        .left-col .recent-projects .projectsList {

        }
        .left-col .recent-projects .projectsList li {
           margin: 5% 0; 
        }

        .left-col .recent-projects .projectsList li img {
            margin: 2% 0;
            width: 75%;
        }

        .left-col .recent-projects .projectsList li a {
            margin: 2% 0;
            display: block;
            width: 100%;
            text-transform: uppercase;
        }


        /* ==========================================================================
           MAIN COL GENERAL STYLES
           ========================================================================== */

        .subpage-container .main-col table {
            border: solid 1px #ccc;
            width: 100%;
            margin: 5% 0;
        }
        .subpage-container .main-col table tr, .subpage-container .main-col table td, .subpage-container .main-col table th  {
            border: solid 1px #ccc;
        }
        .subpage-container .main-col table th {
            background: #ccc;
            color: #fff;
            padding: 2% 0;
        }
        .subpage-container .main-col table td {
            padding: 10px 8px;
        }

        .subpage-container .main-col ul, .subpage-container .main-col ol {
            margin: 2% 0 2% 3%;
        }

        .subpage-container .main-col ul li {
            list-style: square;
        }
        .subpage-container .main-col ol li {
            list-style: decimal;
        }




        /* ==========================================================================
           BREADCRUMBS
           ========================================================================== */

        .subpage-container .breadcrumbs {
            margin: 0 0 2% 0;
        }
        .subpage-container .breadcrumbs ul {
            font-size: 0.875em;
            margin: 0;
        }
        .subpage-container .breadcrumbs ul li {
            display: inline;
        }
        .subpage-container .breadcrumbs ul li span.arrow{
            background:url("img/sprite-arrows.png") -14px -99px no-repeat;
            width: 4px;
            margin: 0 5px 0 10px;
            display: inline-block;
            height: 10px;
        }
        .subpage-container .breadcrumbs ul li a {
            color: #333;
            padding: 0!important;
        }



        /* ==========================================================================
           BANNER
           ========================================================================== */

        .banner-container {
            position: relative;
            margin: 0 0 5% 0;
        }

        .banner-container .heading-wrapper {
            position: absolute;
            background: url("img/white-background-transparent.png");
            padding: 1% 0 2% 2%;
            width: 60%;
            top: 30%;
        }

        .banner-container h1, .banner-container h2 {
            font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-style: normal;
            font-weight: 400;
            margin: 0;
        }
        .banner-container h1 {
            font-size: 3.0em;
            line-height: 35px;
        }
        .banner-container h2 {
            font-size: 1.0em;
            margin: 0px 0 0 0;
        }

        /* ==========================================================================
           PROJECTS BANNER
           ========================================================================== */

        .projectsBanner {
            position: relative;
            margin: 0 0 5% 0;
        }

        .projectsBanner .heading-wrapper {
            position: absolute;
            background: url("img/white-background-transparent.png");
            padding: 1% 0 2% 2%;
            width: 50%;
            top: 30%;
        }

        .projectsBanner h2, .banner-container h3 {
            font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-style: normal;
            font-weight: 400;
            margin: 0;
            line-height: 1em;
        }
        .projectsBanner h2 {
            font-size: 3.0em;
        }
        .projectsBanner h3 {
            font-size: 1.0em;
            margin: -10px 0 0 0;
        }

        .sfPageEditor .projectsBanner .heading-wrapper {
            position: relative;
        }




        /* ==========================================================================
           SUBPAGE 3 COLUMNS
           ========================================================================== */

        .subpage-3cols-container {
            width: 100%;
            margin: 0 0 5% 0;
        }
        .subpage-3cols-container h2 {
            background: #eeeeee;
            height: 50px;
            line-height: 50px;
            padding: 0 0 0 5%;
            font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-style: normal;
            font-weight: 400;
            text-transform: uppercase;
            font-size: 1.6em;
            margin: 0 0 7% 0;
            text-align: left;
            color: #333333;
        }
        .subpage-3cols-container .col-1 {
            float: left;
            width: 31.66666666666667%;
            margin: 0 2.3% 0 0;
        }
        .subpage-3cols-container .col-2 {
            float: left;
            width: 31.9047619047619%;
              margin: 0 2.3% 0 0;
        }
        .subpage-3cols-container .col-3 {
           float: left;
           width: 31.66666666666667%;
        }

        /* ==========================================================================
           CAREERS STANDARD CONTENT
           ========================================================================== */
        .subpage-text-block {
            margin: 0 0 5% 0;
        }
        .subpage-text-block h2 {
            font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-style: normal;
            font-weight: 400;
            text-transform: uppercase;
            font-size: 1.6em;
            margin: 0 0 0 0;
            text-align: left;
            color: #333333;
        }

        /* ==========================================================================
           CAREERS CONSULTANT 2 COLUMNS
           ========================================================================== */

        .careers-consultant-2cols-container {
           
        }
        .careers-consultant-2cols-container .col-left {
            float: left;
            width: 59%;
            margin: 0 10% 0 0;
        }
        .careers-consultant-2cols-container .col-left .consultant-image {
            float: left;
            width: 30%;
            padding: 0 3% 0 0;
        }
        .careers-consultant-2cols-container .col-left .consultant-information {
            float: right;
            width: 70%;
        }
        .careers-consultant-2cols-container .col-left .consultant-information h2, .careers-consultant-2cols-container .col-left .consultant-information h3 {
            margin: 0;
        }
        .careers-consultant-2cols-container .col-left .consultant-information h2 {
            font-size: 1.2em;
        }
        .careers-consultant-2cols-container .col-left .consultant-information h3 {
            font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-style: normal;
            font-weight: 400;
            margin: -5px 0 0 0;
            font-size: 1.0em;
        }
        .careers-consultant-2cols-container .col-right {
            float: right;
            width: 31%;
        }

        .careers-consultant-2cols-container .col-right h3 {
            color: #333;
            display: block;
            font-size: 1.4em;
            margin: 0 0 3% 0;
           font-family: "ff-dax-web-pro-n7","ff-dax-web-pro",sans-serif;
            font-style: normal;
            font-weight: 700;
        }
        .careers-consultant-2cols-container .col-right ul  {
            margin: 0;
        }
        .careers-consultant-2cols-container .col-right ul li {
           list-style: none;
        }
        .careers-consultant-2cols-container .col-right ul li a {
            margin: 0;
            font-size: 1.0em;
            color: #0a6988;
            background:url("img/sprite-arrows.png") -14px -61px no-repeat;
            line-height: normal;
            padding: 1.5% 0 1.5% 5%;
            font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-style: 14px;
            font-weight: 400;
        }
        .careers-consultant-2cols-container .col-right ul li a:hover {
            color: #333;
        }

        /* ==========================================================================
          PROJECT DETAIL
           ========================================================================== */

        .single-project-outer {
            position: relative;
        }

        .single-project-wrapper {
            display: table;
        }

        .single-project-wrapper .col-left {
            display: table-cell;
            width: 504px;
            padding: 0 5% 0 0;
        }

        .single-project-wrapper h2.section-title {
            color: #fff;
            line-height: 2em;
            font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-weight: 400;
            font-style: normal;
            text-transform: uppercase;
            margin: 0 0 10px 0;
            padding: 0 0 0 3%;
            background: #333;
        }


        .single-project-wrapper .col-right {
            display: table-cell;
           width: 294px;
        }





        /* ==========================================================================
          SERVICE STYLE
           ========================================================================== */

        .services-master-wrapper .col-left {
            float: left;
            width: 60%;
            margin: 0 5% 0 0;
        }
        .services-master-wrapper .col-right {
            float: right;
           width: 35%;
           position: relative;
        } 
        .services-master-wrapper .section-title h2 {
            color: #fff;
            line-height: 2em;
            font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-weight: 400;
            font-style: normal;
            text-transform: uppercase;
            margin: 0 0 10px 0;
            padding: 0 0 0 3%;
        }


        /* ==========================================================================
           WATER SERVICE STYLE
           ========================================================================== */

        .water-service-2cols-container .section-title {
            background:#3498db;
        }
        .water-service-2cols-container a {
           color: #3498db;
        }


        /* ==========================================================================
           TRANSPORTATION SERVICE STYLE
           ========================================================================== */

        .transportation-service-2cols-container .section-title {
            background:#34495e;
        }
        .transportation-service-2cols-container a {
           color: #34495e;
        }

        /* ==========================================================================
           WASTEWATER SERVICE STYLE
           ========================================================================== */

        .wastewater-service-2cols-container .section-title {
            background:#4f351a ;
        }
        .wastewater-service-2cols-container a {
           color: #4f351a;
        }

        /* ==========================================================================
           INFRASTRUCTURE SERVICE STYLE
           ========================================================================== */

        .infrastructure-service-2cols-container .section-title {
            background:#9b59b6  ;
        }
        .infrastructure-service-2cols-container a {
           color: #9b59b6 ;
        }

        /* ==========================================================================
           ENVIRONMENTAL SERVICE STYLE
           ========================================================================== */

        .environmental-service-2cols-container .section-title {
            background:#2ecc71;
        }
        .environmental-service-2cols-container a {
           color: #2ecc71;
        }

        /* ==========================================================================
           FLOOD PROTECTION SERVICE STYLE
           ========================================================================== */

        .floodprotection-service-2cols-container .section-title {
            background:#2980b9;
        }
        .floodprotection-service-2cols-container a {
           color: #2980b9;
        }

        /* ==========================================================================
           ENERGY SERVICE STYLE
           ========================================================================== */

        .energy-service-2cols-container .section-title {
            background:#f1c40f;
        }
        .energy-service-2cols-container a {
           color: #f1c40f;
        }

        /* ==========================================================================
           COMMUNICATIONS SERVICE STYLE
           ========================================================================== */

        .communications-service-2cols-container .section-title {
            background:#2c3e50;
        }
        .communications-service-2cols-container a {
           color: #2c3e50;
        }

        /* ==========================================================================
           BUILDINGS SERVICE STYLE
           ========================================================================== */

        .buildings-service-2cols-container .section-title {
            background:#e67e22;
        }
        .buildings-service-2cols-container a {
           color: #e67e22;
        }


        /* ==========================================================================
           TECHNICAL ASSITANCE SERVICE STYLE
           ========================================================================== */

        .technical-service-2cols-container .section-title {
            background:#c0392b;
        }
        .technical-service-2cols-container a {
           color: #c0392b;
        }




        /* ==========================================================================
           SERVICE DESCRIPTION
           ========================================================================== */

        .service-description {
             margin: 0 0 5% 0;
        }

        .service-description img {
            width: 100%;
            margin-bottom: 5%;
        }

        /* ==========================================================================
           SERVICE PROJECT
           ========================================================================== */


        .service-project {

        }
        .service-project ul.related-projects {
            list-style: none;
            margin: 0;
        }
        .service-project ul.related-projects li {
            list-style: none;
            margin: 0 2%;
            width: 33%;
            float: left;
        }


        .service-project h2.section-title {
            color: #fff;
            line-height: 2em;
            font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-weight: 400;
            font-style: normal;
            text-transform: uppercase;
            margin: 0 0 10px 0;
            padding: 0 0 0 3%;
            background: #333;
        }

        /* ==========================================================================
           SERVICE CONTACT
           ========================================================================== */

        .contact-wrapper {
            overflow: hidden;
            margin: 0 0 20px 0;
        }
        .service-contact {
            margin: 0 0 10% 0;
        }
        .contact-picture {
            float: left;
            width: 35%;
            padding: 0 3% 0 0;
            vertical-align: top;
        }
        .contact-information {
            margin: 5% 0 0 0;
            float: right;
            width: 65%;
            
        }
        .contact-information h3 {
            margin: 0 0 2% 0;
        }
        .contact-information .email {
            background: url("img/sprite-icons.png") -62px -820px no-repeat;
            padding: 0 0 0 32px;
            font-size: 0.875em;
            line-height: 20px;
        }
        .contact-information .phone {
            background: url("img/sprite-icons.png") -62px -731px no-repeat;
            padding: 0 0 0 32px;
            font-size: 0.875em;
            line-height: 20px;
        }
        .contact-information .phone a {
            color: #333;
        }
        .contact-information .fax {
            background: url("img/sprite-icons.png") -62px -776px no-repeat;
            padding: 0 0 0 32px;
            font-size: 0.875em;
            line-height: 20px;
        }

        /* ==========================================================================
           SERVICE FACTS
           ========================================================================== */

        .service-facts {
            margin: 0 0 5% 0;
        }
        .service-facts .row {
        }
        .service-facts .row .label{
            float: left;
            width: 25%;
            font-weight: 700;
            line-height: 2em;
        }
        .service-facts .row .value{
            float: left;
            width: 75%;
            line-height: 2em;
        }


        .service-facts .row .value .sfTagsList {
            list-style: none;
            margin: 0;
        }
        .service-facts .row .value .sfTagsList li {
            list-style: none;
        }


        .service-facts .findoutmore {
            width: 100%;
            height: 34px;
            line-height: 34px;
            margin: 2% 0;
        }
        .service-facts .findoutmore a {
            font-family: "myriad-pro-n7", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-style: normal;
            font-weight: 400;
            padding: 0 22px 0 0;
            display: inline-block;
            background: url("img/sprite-arrows.png") 100% -119px no-repeat;
        }

        .sfdownloadFileWrp a {
            display: block;
            width: 100%;
        }


        /* ================================================
            TABLE WITH NO BORDER
            ================================================= */
            .subpage-container .main-col .service-keyFacts table {
            border: none;
            width: 100%;
            margin: 5% 0;
        }
            .subpage-container .main-col .service-keyFacts table tr, .subpage-container .main-col .service-keyFacts  table td  {
            border: none;
        }

            .subpage-container .main-col .service-keyFacts table td {
            padding: 10px 8px;
        }

           .subpage-container .main-col .service-keyFacts td:first-child {
                vertical-align: top;
            }

        /* ==========================================================================
           SOCIAL SHARING - LANDING PAGES
           ========================================================================== */

        .social-share {
            /*display: none;*/
			margin-bottom: 12px;
        }

        .social-share h3 {
            text-transform: uppercase;
            font-weight: 400;
        }
        .subpage-container .social-share ul {
            margin: 0;
        }
        .subpage-container .social-share ul li {
            width: 48%;
            display: inline-block;
            line-height: 44px;
            text-transform: capitalize;
            list-style: none;
        }
        .social-share li:last-child {
            width: 48%;
             display: inline-block;
            line-height: 44px;
        }
        .social-share li a {
            color: #fff;
            padding: 0 0 0 35%;
        }
        .social-share li.linkedin {
            background: #00669d;
        }
        .social-share li.twitter {
            background: #02adf5;
            float: right;
        }
        .social-share li.linkedin a {
            background: url("img/sprite-icons.png") -45px -949px;
        }
        .social-share li.twitter a {
            background: url("img/sprite-icons.png") -45px -991px;
            
        }


        /* ==========================================================================
           INTERNATIONAL PAGE
           ========================================================================== */


        .international-2cols-container {
            width: 100%;
        }

        .international-2cols-container .col-left {
            float: left;
            width: 60%;
            margin: 0 5% 0 0;
        }


        .international-2cols-container .col-right {
            float: right;
            width: 30%;
            position: relative;
        }

        .international-2cols-container .col-right .ui-accordion {
            position: absolute;
            top: 20px;
           /* width: 252px*/
            width: 100%;
        }

        .international-2cols-container .col-right .ui-accordion .ui-accordion-header-active {
            background: #0a6988!important;
            color: #fff;
           font-family: "ff-dax-web-pro-n7","ff-dax-web-pro",sans-serif;
            font-style: normal;
            font-weight: 700;
            padding: 0 0 0 5%;
        }
        .international-2cols-container .col-right .ui-accordion .section-header {
            background: #ccc;
            line-height: 44px;
            font-family: "ff-dax-web-pro-n7","ff-dax-web-pro",sans-serif;
            font-style: normal;
            font-weight: 700;
             padding: 0 0 0 5%;
             border-bottom:solid 1px #b7b6b6;
             position: relative;
        }
        .international-2cols-container .col-right .ui-accordion .section-header:last-child {
            border: none;
        }
        .international-2cols-container .col-right .ui-accordion .ui-accordion {
            border:solid 1px #ccc;
            position: relative;
        }
        .international-2cols-container .col-right .ui-accordion .section-content {
            /*padding: 5%;*/
            padding: 5% 0;
            height: auto!important;
        }
        .international-2cols-container .col-right .ui-accordion .ui-icon-triangle-1-e {
            background: url("img/sprite-arrows.png") 0 -192px;
            width: 20px;
            height: 20px;
            display: block;
            position: absolute;
            right: 3%;
            top: 30%;
        }
        .international-2cols-container .col-right .ui-accordion .ui-icon-triangle-1-s {
            background: url("img/sprite-arrows.png") -2px -237px;
            width: 20px;
            height: 20px;
            display: block;
            position: absolute;
            right: 3%;
            top: 30%;
        }
        .international-2cols-container .col-right .ui-accordion .ui-icon-triangle-1-e:hover, .international-2cols-container .col-right .ui-accordion .ui-icon-triangle-1-s:hover {
            cursor: pointer;
        }


        /* ==========================================================================
           NEWS PAGE
           ========================================================================== */

        .subpage-container .main-col .sfNews, .subpage-container .main-col-full .sfNews {
            margin: 2% 0 0 0;
            padding: 0;
        }
        .subpage-container .main-col .sfNews li, .subpage-container .main-col-full .sfNews li {
            list-style: none;
            margin: 0;
            padding: 0 0 30px 0;
        }
        .main-col  ul.sfNews li .thumb, .main-col-full  ul.sfNews li .thumb {
            float: left;
            width: 120px;
        }
        .main-col  ul.sfNews li .text, .main-col-full  ul.sfNews li .text {
            float: right;
            width: 720px;
        }
        .main-col  ul.sfNews li .text h3, .main-col-full  ul.sfNews li .text h3 {
            margin: 0;
        }

        .main-col  ul.sfNews li .text p, .main-col-full  ul.sfNews li .text p {
            margin: 0;
            display: inline;
        }
        .main-col  ul.sfNews li .text a, .main-col-full  ul.sfNews li .text a {
            display: block;
        }

        .sfnewsDetails .sfnewsAuthorAndDate {
            margin: 0 0 2% 0;
            font-style: italic;
            font-weight: 700;
        }

        .sfnewsDetails .all-news {
            background: #0a6988;
            color: #fff;
            width: 15%;
            height: 34px;
            line-height: 34px;
            display: inline-block;
            text-align: center;
        }

        .sfnewsDetails img {
            padding: 3%;
        }



        /* ==========================================================================
           BLOG 
           ========================================================================== */ 


        .subpage-container .main-col .sfpostsList {
            margin: 0;
            list-style: none;
        }
        .subpage-container .main-col .sfpostsList li {
            margin: 0;
            padding: 0 0 30px 0;
            list-style: none;
            border-bottom:solid 1px #ccc;
        }
        .subpage-container .main-col .sfpostsList li:last-child {
            border: none;
        }

        .subpage-container .main-col .sfpostsList li .sfpostSummary {
            margin: 0 0 2% 0;
        }

        .subpage-container .main-col .sfpostsList li .sfpostAuthorAndDate {
            margin: 0 0 2% 0;
        }

        .sfpostDetails img {
            padding: 3%;
        }

        .all-blog-posts {
            background: #0a6988;
            color: #fff;
            width: 15%;
            height: 34px;
            line-height: 34px;
            display: inline-block;
            text-align: center;
            margin-top: 20px;
        }


        /* ==========================================================================
           COMMENTS  
           ========================================================================== */

        .subpage-container .main-col .sfcommentsForm {
            background: #ccc;
            border: none;
            padding: 2%;
        }
        .subpage-container .main-col .sfcommentsForm ol {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .subpage-container .main-col .sfcommentsForm ol li{
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .subpage-container .main-col .sfcommentsForm textarea {
            width: 100%;
            padding: 1%;
            min-height: 100px;
            margin: 0 0 2% 0;
        }


        .subpage-container .main-col-full .sfcommentsForm {
            background: #ccc;
            border: none;
            padding: 2%;
        }
        .subpage-container .main-col-full .sfcommentsForm ol {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .subpage-container .main-col-full .sfcommentsForm ol li{
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .subpage-container .main-col-full .sfcommentsForm textarea {
            width: 100%;
            padding: 1%;
            min-height: 100px;
            margin: 0 0 2% 0;
        }



        .sfcommentsSubmitBtnWrp input { background: #0a6988;
            color: #fff;
            width: 15%;
            height: 34px;
            line-height: 34px;
            display: inline-block;
            text-align: center;
            border:none;
            text-transform: uppercase;
            font-weight: 700;
        }

        .sfcommentAuthorAvatar, .sfLeaveCommentLnk {
            display: none;
        }

        /* ==========================================================================
           PAGER 
           ========================================================================== */ 

        .sf_pagerNumeric {
            margin: 3% 0 0 0;
        }
        .sf_pagerNumeric a.sf_PagerCurrent {
            display: inline-block;
            background:#0a6988;
            padding: 1% 1.5%;
            margin: 0 3px 0 0;
            color: #fff;
        }
        .sf_pagerNumeric a {
            display: inline-block;
            background:#ccc;
            padding: 1% 1.5%;
            margin: 0 3px 0 0;
            color: #fff;
        }
        .sf_pagerNumeric a:hover {
            background:#0a6988;
        }

        /* ==========================================================================
           GOOGLE MAP 
           ========================================================================== */ 

        #map_div {
            width: 100%;
            height: 350px;
        }

        #map_div .gmnoprint img {
            max-width: none;
        }


        /* ==========================================================================
           PROJECTS SEARCH 
           ========================================================================== */ 

        .searchWrapper {

        }

        .service-drop, .location-drop {
            float: left;
            width: 23%;
             margin: 0 2% 0 0;
        }

        .searchWrapper select {
            width: 100%;
            background: #f0f0f0;
            height: 40px;
            line-height: 40px;
            margin: 0 0 3% 0;
        }

        .searchWrapper input[type="text"] {
            width: 23%;
            float: left;
             height: 40px;
            line-height: 40px;
             margin: 0 2% 0 0;
        }
        .searchWrapper .blueSearch {
            width: 25%;
            float: left;
            height: 40px;
            line-height: 40px;
            background:#0a6988;
            color: #fff;
            text-transform: uppercase;
            font-weight: 700;
            text-align: center;
        }

        .project-search-results {
            margin: 3% 0;
        }
        .project-search-results span {
            display: block;
        }

        .subpage-container .main-col .searchResults table {
            margin: 0;
            border:none;
        }
        .subpage-container .main-col .searchResults table tr, .subpage-container .main-col .searchResults table td {
            margin: 0;
            border:none;
            padding: 0;
        }


        .project-container {
            position: relative;
        }
        .project-wrapper {
            display: table;
            margin: 0 0 3% 0;
            width: 100%;
        }
        .project-info-left {
            display: table-cell;
            width: 30%;
            vertical-align: top;
        }
        .project-info-right {
            display: table-cell;
            vertical-align: top;
            padding: 0;
        }

        .project-info-right h3 {
            margin: 0 0 0 3%;
            text-transform: uppercase;
        }
        .project-info-right .client {
            padding: 0;
            margin: 0 0 0 3%;
        }
        .project-info-right .value {
            padding: 0;
            margin: 0 0 0 3%;
        }
        .project-info-right .summary {
            padding: 0 0 1% 0;
            margin: 0 0 0 3%;
        }

        .project-info-right a.full-project {
            color: #0a6988;
            font-family: "myriad-pro-n7", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
            font-style: normal;
            font-weight: 400;
            padding: 0 22px 0 0;
            text-transform: uppercase;
            display: inline-block;
            background: url("img/sprite-arrows.png") 100% -119px no-repeat;
            text-transform: uppercase;
            margin: 0 0 0 3%;
        }

        .project-info-right a.full-project:hover {
            color: #333;
        }

        /* ==========================================================================
           FOOTER
           ========================================================================== */

        .footer {
            width:100%;
            background: #545b54;
            color: #fff;
            padding: 30px 0;
        }

        .footer a {
            color: #fff;
        }
        .footer a:hover {
            color: #ccc;
        }
        .footer .col {
            float: left;
        }
        .footer .col h2 {
            font-size: 1.3em;
            text-transform: uppercase;
            margin: 0 0 13px 0;
        }
        .footer .companyInfo {
            width: 16.7%;
        }
        .footer .companyInfo ul {
            margin:0;
            padding: 0;
        }
        .footer .companyInfo ul li {
            list-style: none;
            background: url("img/sprite-arrows.png") -14px -5px no-repeat;
            padding: 0 0 0 14px;
        }
        .footer .companyInfo ul li a {
            font-size: 0.875em;
        }


        .footer .featuredProjects {
            width: 30%;
            font-size: 0.875em;
        }
        .footer .featuredProjects .footer-project {
            margin: 0 0 5px 0;
            overflow: hidden;
        }
        .footer .featuredProjects .footer-project .projectImage {
            width: 27.7%;
            float: left;
        }
        .footer .featuredProjects .footer-project .projectText {
            width: 70%;
            float: right;
        }
        .footer .featuredProjects .footer-project .projectText h3 {
            margin:0;
        }
        .footer .featuredProjects .footer-project .projectText .summary {
            margin:0;
            width: 70%;
        }

        .footer .featuredProjects .footer-project .projectText .link {
            display: none;
        }
        .footer .featuredProjects .footer-project .projectText .link a {
            color: #fff;
            background: url("img/sprite-arrows.png") -14px -131px no-repeat;
            display: inline-block;
            width: 4px;
            height: 10px;
            margin: 0 0 0 5px;
            top: 2px;
            position: relative;
            text-indent: 100%;
            font-size: 0;
        }


        .footer .contactus {
            width: 30%;
            padding: 0 0 0 60px;
        }
        .footer .contactus h3 {
            margin: 0;
            font-size: 1.0em;
        }
        .footer .contactus .address {
            width: 50%;
            font-size: 0.875em;
            margin: 0 0 5px 0;
        }
        .footer .contact-type {
            margin: 20px 0 0 0;
        }
        .footer .map {
            background: url("img/sprite-icons.png") -65px -13px no-repeat;
            padding: 0 0 0 32px;
            font-size: 0.875em;
            line-height: 20px;
        }
        .footer .contact-type .email {
            background: url("img/sprite-icons.png") -62px -147px no-repeat;
            padding: 0 0 0 32px;
            font-size: 0.875em;
            line-height: 20px;
        }
        .footer .contact-type .phone {
            background: url("img/sprite-icons.png") -62px -56px no-repeat;
            padding: 0 0 0 32px;
            font-size: 0.875em;
            line-height: 20px;
        }
        .footer .contact-type .fax {
            background: url("img/sprite-icons.png") -62px -102px no-repeat;
            padding: 0 0 0 32px;
            font-size: 0.875em;
            line-height: 20px;
        }
        .footer .social-media {
            width: 23.3%;
        }
        .footer .social-media ul {
            margin: 0 0 35px 0;
            padding: 0;
        }
        .footer .social-media ul li {
            list-style: none;
            float: left;
            background: #b2b5b2;
            margin: 0 1px 1px 0;
            text-align: center;
            line-height: 40px;
            height: 40px;
        }
        .footer .social-media ul li a  {
            display: block;
            background: url(img/sprite-icons.png) no-repeat 0 -220px;
            text-indent: -1000px;
            overflow: hidden;
        }

        .footer .social-media ul li.linkedin {
             width: 32.5%;
        }
        .footer .social-media ul li.linkedin a {
            background-position: center -220px;
        }

        .footer .social-media ul li.facebook {
             width: 32.5%;
        }
        .footer .social-media ul li.facebook a {
             background-position: center -264px;
        }

        .footer .social-media ul li.twitter {
             width: 32.5%;
        }
        .footer .social-media ul li.twitter a {
             background-position: center -308px;
        }
        .footer .social-media ul li.youtube {
             width: 65.4%;
        }
        .footer .social-media ul li.youtube a {
             background-position: center -396px;
        }
        /*.footer .social-media ul li.blog {
             width: 32.3%;
        }
        .footer .social-media ul li.blog a {
            background-position: center -352px;
        }*/
        .footer .social-media ul li.googlePlus {
             width: 32.3%;
        }
         .footer .social-media ul li.googlePlus a {
            background-position: center -352px;
        }
        .footer .social-media ul li:hover {
            background: #333;
        }



        .footer .mailing-list-container {
            background: #fff;
            height: 40px;
            line-height: 40px;
            padding: 0 ;
            position: relative;
        }
        .footer .mailing-list-container fieldset {
            padding: 0;
            border:0;
            position: relative;
        }
        .footer .mailing-list-container input[type="text"] {
            width: 0.875em!important;
            color: #888888;
            border:none;
            width:75%!important;
            text-align: center;
        }
        .footer .mailing-list-container input[type="submit"] {
            border:none;
             background: url("img/sprite-icons.png") center -448px no-repeat;
            width: 43px;
            height: 30px;
            font-size: 0;
            display: inline-block;
            margin: 6px 6px 0 0;
            padding: 0;
            position: absolute;
            top: 0px;
            right: 0px;
        }
        .footer .mailing-list-container .sfError {
            background: pink;
            color: #ff0000;
            text-align: left;
            padding: 4px;
            display: block;
            line-height: normal;
            font-weight: normal;
            width: 106%;
            margin: 8px 0 0 -8px;
            position: absolute;
            bottom: -31px;
        }
        .footer .mailing-list-container .sfMsgPositive {
            color: #fff;
            text-align: left;
            padding: 4px;
            display: block;
            line-height: normal;
            font-weight: normal;
            width: 100%;
            margin: 8px 0 0 -8px;
            position: absolute;
            bottom: -50px;
        }
        .footer .mailing-list-container .sfMsgNegative  {
            color: #fff;
            text-align: left;
            padding: 4px;
            display: block;
            line-height: normal;
            font-weight: normal;
            width: 100%;
            margin: 8px 0 0 -8px;
            position: absolute;
            bottom: -50px;
        }
        .footer .container.row2 {
            margin: 50px auto 0 auto;
            font-size: 0.875em;
        }
        .footer .copyright {
            float: left;
            width: 76%;
        }
        .footer .copyright .sfContentBlock {
            display: inline;
        }
        .footer .copyright .sfContentBlock a {
            border-left:solid 1px #fff;
            border-right:solid 1px #fff;
            padding: 0 1%;
            margin: 0 1%;
        }
        .footer .continuum-credit {
            float: right;
            width: 24%;
        }
        .footer .continuum-credit a {
            background: url("img/sprite-icons.png") -62px -190px no-repeat;
            line-height: 25px;
            padding: 0 0 0 30px;
            display: block;
        }

}


/* ==========================================================================
  START MEDIA QUERY FOR MOBILES WIDTH 1024PX OR LESS
==========================================================================*/ 

@media screen and (max-width:1185px) {
	.social-share li a {padding: 0 0 0 40%;}
}

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

      .header .row .main-nav {
          /*position: absolute;
          right: 20px;*/
          top: 58px;
          right: 5%;
          margin: 0 2%;
        }/* 25.02.2015*/
    /* Mega Menu - 1024px screen size */
    /*.header .row .main-nav ul li.servicesMenu:hover > ul.level_two {
        left: -640px!important;
        width: 980px!important;
    }*/
       .header .row .main-nav ul li.servicesMenu:hover > ul.level_two {
            left: -640px;/* -930px */
            /*right: -100%;*/
            width: 980px!important;
        }

    .header .row .main-nav ul li.servicesMenu:hover > ul.level_two li > ul.level_two {
        position: relative!important;
        left: 0px!important;
        width: auto!important;
    }
/* ================================================
    TABLE WITH NO BORDER
    ================================================= */
    .subpage-container .main-col .service-keyFacts table {
    border: none;
    width: 100%;
    margin: 5% 0;
}
    .subpage-container .main-col .service-keyFacts table tr, .subpage-container .main-col .service-keyFacts  table td  {
    border: none;
}

    .subpage-container .main-col .service-keyFacts table td {
    padding: 10px 8px;
}

   .subpage-container .main-col .service-keyFacts td:first-child {
        vertical-align: top;
    }

    .left-col .services-sub-nav ul li.Water.open ul li a {
        background: #3498db  url("img/sprite-arrows.png") 10px -121px no-repeat!important
    }
    .left-col .services-sub-nav ul li.Waste.open a {
        background: #4f351a  url("img/sprite-arrows.png") -7px -121px no-repeat;
        color: #fff;
    }
    .left-col .services-sub-nav ul li.Roads.open ul li a {
        background: #34495e  url("img/sprite-arrows.png") 10px -121px no-repeat!important
    }
    .left-col .services-sub-nav ul li.Environmental.open a {
        background: #2ecc71 url("img/sprite-arrows.png") -7px -121px no-repeat;
        color: #fff;
    }
    .left-col .services-sub-nav ul li.Buildings.open ul li a {
        background: #e67e22 url("img/sprite-arrows.png") 10px -121px no-repeat!important
    }
    .left-col .services-sub-nav ul li.Infrastructure.open a {
        background: #9b59b6 url("img/sprite-arrows.png") -7px -121px no-repeat;
        color: #fff;
    }
    .left-col .services-sub-nav ul li.Energy.open ul li a {
        background: #f1c40f  url("img/sprite-arrows.png") 10px -121px no-repeat!important
    }
    .left-col .services-sub-nav ul li.Communications.open a {
        background: #2c3e50  url("img/sprite-arrows.png") -7px -121px no-repeat;
        color: #fff;
    }
     .left-col .services-sub-nav ul li.Flood.open a {
        background: #2980b9 url("img/sprite-arrows.png") -7px -121px no-repeat;
        color: #fff;
    }
     .left-col .services-sub-nav ul li.Technical.open a {
        background: #c0392b url("img/sprite-arrows.png") -7px -121px no-repeat;
        color: #fff;
    }

    .services-master-wrapper .col-left {
        float: left;
        width: 65%;
        margin: 0 5% 0 0;
    }

    .services-master-wrapper .col-right {
        float: right;
        width: 30%;
        position: relative;
    }
    .contact-information {
        margin: 0 0 0 0;
    }


    .home-3cols .readmore {
        width: 39%;
    }

    .home-3cols-industries .col-3 ul {
        margin: -10px 0 0 0;
    }
    .home-3cols-industries .col-3 ul li {
        float: left;
        width: 48%;
        margin: 0 0 1% 0;
    }

    .home-3cols-industries .col-3 ul li a  {
        font-size: 0.9em;
        height: 33px;
    }
    .home-3cols-industries .col-3 ul li.water a, .home-3cols-industries .col-3 ul li.transportation a, .home-3cols-industries .col-3 ul li.wastewater a, .home-3cols-industries .col-3 ul li.infrastructure a, .home-3cols-industries .col-3 ul li.environmental a, .home-3cols-industries .col-3 ul li.flood a, .home-3cols-industries .col-3 ul li.energy a, .home-3cols-industries .col-3 ul li.communications a {
         padding: 6% 0 0 25%;
    }
    .home-3cols-industries .col-3 ul li.buildings a, .home-3cols-industries .col-3 ul li.technical a {
        padding: 0 0 0 25%;
       font-size: 0.9em;
    }


    .dropdown-menu {
        background:blue;
        width: 960px!important;
        left: -672px!important;
    }

    .consultant-image img {
        max-width: 90%!important;
    }

	.social-share li.linkedin a {
		background-position: -58px -949px;	
	}
	.social-share li.twitter a {
		background-position: -58px -991px;
	}
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
       /* 25.02.2015*/
    .home-3cols-industries .col-1 {
    width: 27.2%;
    margin: 0 2% 0 0;
    height:250px;
    }
    .home-3cols-industries .col-2 {
    width: 27.2%;
    margin: 0 2% 0 0;
    height: 250px;
    }

    .home-3cols-industries .col-2 img{
    height: 250px;
    }
    .home-3cols-industries .col-3 {
    width: 41.6%;
    background: #e8e7e7;
    padding: 1% 0 1.3% 2%;
    height: 250px;
    }
	

}



/* ==========================================================================
  START MEDIA QUERY FOR MOBILES WIDTH 768PX OR LESS
==========================================================================*/ 


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




.social-share li {
	width: 25%;
}

    /* ==========================================================================
          LEFT COLUMN - SERVICES NAV
           ========================================================================== */

        .left-col .services-sub-nav ul li {
            background: #ccc;
            margin: 0 0 1px 0;
            position: relative;
            padding: 0;
        }
        .left-col .services-sub-nav ul li a {
            color: #333;
            padding: 15px;
            margin: 0;
            display: block;
            border: none;
            background: url("img/sprite-arrow-01-mobile.png") 8px 15px no-repeat;
        }
        .left-col .services-sub-nav ul li.activeSection a {
            color: #333;
            padding: 3% 0 3% 8%;
            margin: 0;
            display: block;
            border: none;
            background: url("img/sprite-arrow-02-mobile.png") 8px 15px no-repeat;
        }
        .left-col .services-sub-nav ul li.activeSection a:hover {
             background: url("img/sprite-arrow-02-mobile.png") 8px 15px no-repeat!important;
             color: #ccc!important;
        }

     
        .left-col .services-sub-nav ul li ul li {
            background: none;
            margin: 0 0 1px 0;
            position: relative;
        }
        .left-col .services-sub-nav ul li.dropdown ul {
            display: none;
            margin: 0;
        }
        .left-col .services-sub-nav ul li.dropdown ul li a {
            padding-left: 14%;
            background-position: 26px 15px;
        }


    

        /** Services Hover States 1st Level */
        .left-col .services-sub-nav ul li.Water ul a:hover {
            background: #3498db url("img/sprite-arrow-02-mobile.png") 8px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.roads a:hover, .left-col .services-sub-nav ul li.Roads ul li  a:hover, .left-col .services-sub-nav ul li.transportation ul li  a:hover {
            background: #34495e url("img/sprite-arrow-02-mobile.png") 8px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Waste a:hover {
            background: #4f351a url("img/sprite-arrow-02-mobile.png") 8px 15px no-repeat!important;
            color: #fff;
        }

        .left-col .services-sub-nav ul li.Infrastructure a:hover {
            background: #9b59b6 url("img/sprite-arrow-02-mobile.png") 8px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Environmental a:hover {
            background: #2ecc71 url("img/sprite-arrow-02-mobile.png") 8px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Flood a:hover {
            background: #2980b9 url("img/sprite-arrow-02-mobile.png") 8px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Energy a:hover {
            background: #f1c40f url("img/sprite-arrow-02-mobile.png") 8px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Communications a:hover {
            background: #2c3e50 url("img/sprite-arrow-02-mobile.png") 8px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Buildings a:hover {
            background: #e67e22 url("img/sprite-arrow-02-mobile.png") 8px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Technical a:hover {
            background: #c0392b url("img/sprite-arrow-02-mobile.png") 8px 15px no-repeat!important;
            color: #fff;
        }



        /** Services Hover States 2nd Level */
        .left-col .services-sub-nav ul li.Water ul li a:hover {
            background: #3498db url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.roads ul li a:hover, .left-col .services-sub-nav ul li.Roads ul li  a:hover, .left-col .services-sub-nav ul li.transportation ul li  a:hover {
            background: #34495e url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Waste ul li a:hover {
            background: #4f351a url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Infrastructure ul li a:hover {
            background: #9b59b6 url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Environmental ul li a:hover {
            background: #2ecc71 url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Flood ul li a:hover {
            background: #2980b9 url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Energy ul li a:hover {
            background: #f1c40f url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Communications ul li a:hover {
            background: #2c3e50 url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Buildings ul li a:hover {
            background: #e67e22 url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }
        .left-col .services-sub-nav ul li.Technical ul li a:hover {
            background: #c0392b url("img/sprite-arrow-02.png") 26px 15px no-repeat!important;
            color: #fff;
        }


        /** Style while in Sitefinity Edit Mode */
        .sfPageEditor .left-col .services-sub-nav ul li span { 
            position: relative;
        }



        /* Style when a section is open */

        /* Show sub level when in open section */
        .left-col .services-sub-nav ul li.dropdown.open ul {
            display: block;
        }

        /* Water */


        .left-col .services-sub-nav ul li.Water a.sfSel {
            background: #3498db url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Waste a.sfSel {
            background: #4f351a url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Transportation a.sfSel {
            background: #34495e url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Environmental a.sfSel {
            background: #2ecc71 url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Buildings a.sfSel {
            background: #e67e22 url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Infrastructure a.sfSel {
            background: #9b59b6 url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Energy a.sfSel {
            background: #f1c40f url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Communications a.sfSel {
            background: #2c3e50 url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Flood a.sfSel {
            background: #2980b9 url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
            color: #fff;
        }
          .left-col .services-sub-nav ul li.Technical a.sfSel {
            background: #c0392b url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
            color: #fff;
        }



        .left-col .services-sub-nav ul li.Water.open a {
            background: #3498db url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Water.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Water.open ul li a{
            background: #3498db url("img/sprite-arrows-mobile.png") 14px -117px no-repeat!important;
            color: #fff;
            padding: 10px 0 10px 45px;
        }

        /* Transportation */
        .left-col .services-sub-nav ul li.Roads.open a, .left-col .services-sub-nav ul li.roads.open a,
        .left-col .services-sub-nav ul li.Transportation.open a, .left-col .services-sub-nav ul li.Transportation.open a {
            background: #34495e url("img/sprite-arrow-mobiles.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Roads.open ul li, .left-col .services-sub-nav ul li.roads.open ul li,
        .left-col .services-sub-nav ul li.Transportation.open ul li, .left-col .services-sub-nav ul li.Transportation.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Roads.open ul li a, .left-col .services-sub-nav ul li.roads.open ul li a,
        .left-col .services-sub-nav ul li.Transportation.open ul li a, .left-col .services-sub-nav ul li.Transportation.open ul li a {
            background: #34495e url("img/sprite-arrows-mobile.png") 14px -117px no-repeat;
            color: #fff;
            padding: 10px 0 10px 45px;
        }

        /* Waste Water */
        .left-col .services-sub-nav ul li.Waste.open a {
            background: #4f351a url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Waste.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Waste.open ul li a{
            background: #4f351a url("img/sprite-arrows-mobile.png") 14px -117px no-repeat!important;
            color: #fff;
           padding: 10px 0 10px 45px;
        }

        /* Infrastructure */
        .left-col .services-sub-nav ul li.Infrastructure.open a {
            background: #9b59b6 url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Infrastructure.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Infrastructure.open ul li a{
            background: #9b59b6 url("img/sprite-arrows-mobile.png") 14px -117px no-repeat!important;
            color: #fff;
           padding: 10px 0 10px 45px;
        }

        /* Environmental */
        .left-col .services-sub-nav ul li.Environmental.open a {
            background: #2ecc71 url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Environmental.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Environmental.open ul li a{
            background: #2ecc71 url("img/sprite-arrows-mobile.png") 14px -117px no-repeat!important;
            color: #fff;
            padding: 10px 0 10px 45px;
        }

        /* Flood Protection */
        .left-col .services-sub-nav ul li.Flood.open a {
            background: #2980b9 url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Flood.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Flood.open ul li a{
            background: #2980b9 url("img/sprite-arrows-mobile.png") 14px -117px no-repeat!important;
            color: #fff;
            padding: 10px 0 10px 45px;
        }

        /* Energy */
        .left-col .services-sub-nav ul li.Energy.open a {
            background: #f1c40f url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Energy.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Energy.open ul li a{
            background: #f1c40f url("img/sprite-arrows-mobile.png") 14px -117px no-repeat!important;
            color: #fff;
            padding: 10px 0 10px 45px;
        }

        /* Communications */
        .left-col .services-sub-nav ul li.Communications.open a {
            background: #2c3e50 url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Communications.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Communications.open ul li a{
            background: #2c3e50 url("img/sprite-arrows-mobile.png") 14px -117px no-repeat!important;
            color: #fff;
            padding: 10px 0 10px 45px;
        }

        /* Buildings */
        .left-col .services-sub-nav ul li.Buildings.open a {
            background: #e67e22 url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Buildings.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Buildings.open ul li a{
            background: #e67e22 url("img/sprite-arrows-mobile.png") 14px -117px no-repeat!important;
            color: #fff;
            padding: 10px 0 10px 45px;
        }


        /* Technical Assitance */
        .left-col .services-sub-nav ul li.Technical.open a {
            background: #c0392b url("img/sprite-arrows-mobile.png") -7px -117px no-repeat;
             color: #fff;
        }
        .left-col .services-sub-nav ul li.Technical.open ul li {
            margin: 0;
        }
        .left-col .services-sub-nav ul li.Technical.open ul li a{
            background: #c0392b url("img/sprite-arrows-mobile.png") 14px -117px no-repeat!important;
            color: #fff;
            padding: 10px 0 10px 45px;
        }

         /* Plus and Minis for Navigation */
        .left-col .services-sub-nav ul li.open span {
             background: url("img/sprite-icons.png") -66px -907px no-repeat;
            position: absolute;
            top: 20px;
            right: 10px;
            width: 20px;
            height: 20px;
        }

        .left-col .services-sub-nav ul li span {
             background: url("img/sprite-icons.png") -66px -862px no-repeat;
            position: absolute;
            top: 20px;
            right: 10px;
            width: 20px;
            height: 20px;
        }


    ul, li {
        list-style: none;
    }

    .cookieWrp {
        height: 100%;
        font-size: 0.8em;
     

    }
    .cookieWrp p {
        padding: 0 1%;
    }

    .wrapper {
        position: relative;
    }

    .header {
        margin: 0 auto;
        width: 90%;
       /* max-width: 680px;
        min-width: 320px;*/
        margin: 0 auto;
        padding: 0;
    }

    /* Header Button Active/Non-Active Styles */
    header button.nav-mob_toggle {
        width: 64px;
        height: 54px;
        position: absolute;
        right: 5%;
        top: 0;
        background: #0a6988 url(img/icon-menu.png) no-repeat 0 2px;
        background-size: 64px auto;
        border: 0;
        text-indent: -1000px;
        overflow: hidden;
        cursor: pointer;
    }
    .menu_mobile {
        width: 80%;
        height: 120%;
        padding: 0;
        position: fixed;
        left: -100%;
        top: 0;
        z-index: 999999;
        background: rgba(10, 105, 136, 1.0);
        overflow-y: scroll;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
        overflow-y:scroll;
    }
    header.active .menu_mobile {
        left: 0;
    }


    /* Main Navigation Styles */
    .main-nav {
        margin: 0;
    }
    .main-nav ul li {
        list-style: none;
        border-bottom: solid 0px #084d64;
        position: relative;
    }
    .main-nav ul li a {
        height: auto;
        padding: 10px 20px;
        display: block;
        background: transparent;
        line-height: 24px;
        color: #fff;
        font-size: 1em;
        font-weight: 400;
        text-transform: uppercase;
    }
    .main-nav ul.level_one li ul.level_two > li > a {
        /*padding-left: 20%;*/
        text-transform: capitalize;
    }
     .main-nav ul.level_one li ul.level_two li ul.level_two > li > a {
        /*padding-left: 35%;*/
        text-transform: capitalize;
    }

    .main-nav ul > li.dropdown > span {
        display: block;
    }
    .main-nav ul li.servicesMenu span {
        width: 44px;
        height: 44px;
        margin-top: 0;
        top: 0;
        z-index: 99;
        background: url(img/spritesheet_mobile-trans.png) no-repeat 0 -220px;
        /*background: red;*/
        background-size: 44px auto;
        cursor: pointer;
        position: absolute;
        right: 20px;
        display: block;
    }
    .main-nav ul li.open > span {
        background-position: 0 -264px;
    }
   .main-nav ul.level_two, #nav_primary ul.level_one > li:hover > ul.level_two {
        width: 100%;
        min-width: 100%;
        padding: 0 0;
        position: static;
        left: 0;
        top: 0;
        display: none;
    }
   .main-nav ul.level_one > li.open > ul.level_two,.main-nav ul.level_one > li.open:hover > ul.level_two,
    .main-nav ul.level_one > li.open:hover > ul.level_two > li.open:hover > ul.level_two  {
        display: block;
    }

   
    .main-nav ul.level_one > li.open > ul.level_two li {
        margin-left: 15%;
    }
    .main-nav ul.level_one > li.open > ul.level_two li a {
        padding-left: 0px;
    }

    .header .row .main-nav ul li.servicesMenu:hover > ul.level_two {
    left: 0!important;
    width: 100%!important;
    padding-bottom: 20px;
}



    
   


    /** Utilty navigation */
    .utility-nav {
        border-top:solid 1px #084154;
    }
    .utility-nav ul li {
        list-style: none;
        border-bottom: solid 0px #084d64;
        padding: 0;
        float: none;
    }
    .utility-nav ul li a {
        height: auto;
        padding: 10px 20px;
        display: block;
        background: transparent;
        line-height: 24px;
        color: #fff;
        font-size: 1em;
        font-weight: 400;
        text-transform: uppercase;
    }



    /** Logo Styles **/
    .logo-wrapper {
        background: #fff;
    }
    .logo-mobile {
        width: 100%;
        background: #fff url(img/mobile_logo.png) no-repeat 10px 10px;
        padding: 2.5% 0 2.5% 0;
        display: block;
        background-size: 200px auto;
        height: 90px;
    }
    .logo {
        margin: 3% 0;
        background: url("img/mobile-logo.png") no-repeat 10px 0;
        background-size: 200px auto;
        min-height: 90px;
        float: none;
    }
    .logo img {
        max-width: 65%;
        display: none;
    }

     .logo a {
        display: block;
        height: 90px;
        width: 50%;
     }



    /** Homepage Styles **/
    .homepage-container .container {
    padding: 0 5% 3% 5%;
    }
   .subpage-container .container {
    padding: 3% 5%;
    }

    .company-tagline h1{
    line-height: 1.2em;
    text-align: center;
    font-size: 1.5em;
    color: #78a22f;
    }

    .home-2cols {
    margin: 5% 0 2% 0;
    } 
    .home-2cols .slider-container {
    width: 100%;
    margin: 0 0 5% 0;
    }
    .home-2cols .slider-container .bx-wrapper {
    position: relative;
    }
    .home-2cols .slider-container .bxslider a {
    width: 100%;
    background: url("img/white-background-transparent.png");
    position: absolute;
    z-index: 99;
    bottom: 0;
    padding: 0.8% 0 2% 4%;
    color: #333;
    font-size: 90%;
    }
    .home-2cols .slider-container .bxslider a h2 {
    font-size: 1.8em;
    margin: 0;
    color: #0b6a89;
    text-transform: uppercase;
    }
    .home-2cols .slider-container .bxslider a h2:hover {
    color: #333;
    }
    .home-2cols .slider-container .bxslider a p {
    font-size: 1.0em;
    margin: -1% 0 2% 0;
    color: #333;
    }
    .home-2cols .slider-container .bxslider a span.view {
    font-size: 0.875em;
    color: #0b6a89;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    background: url("img/blue-link-arrow.png") no-repeat 100% 50%;
    padding: 0 10px 0 0;
    }
    .home-2cols .slider-container .bxslider a span.view:hover {
    color: #333;
    }


    .home-2cols .slider-container .bxslider li img {
        max-width: 200%;
    }






    /* Slider navigation prev and next */
    .home-2cols .slider-container .bx-wrapper .bx-prev, .home-2cols .slider-container .bx-wrapper .bx-next {
    position: absolute;
    }
    .home-2cols .slider-container .bx-wrapper .bx-prev {
    left: 1%;
    top: 40%;
    z-index: 99;
    width: 28px;
    height:47px;
    background: url("img/sprite-icons.png") -40px -575px;
    font-size: 0;
    text-indent: 100%;
    }
    .home-2cols .slider-container .bx-wrapper .bx-next {
    right: 1%;
    top: 40%;
    z-index: 99;
    width: 28px;
    height:47px;
    background: url("img/sprite-icons.png") -82px -625px;
    font-size: 0;
    text-indent: 100%;
    }


   

    .home-3cols-industries .col-1 {
    width: 100%;
    margin: 0 0 3% 0;
    }
    .home-3cols-industries .col-2 {
    width: 100%;
    margin: 0 0 3% 0;
    }

    .home-3cols-industries .col-1 img , .home-3cols-industries .col-2 img {
        width: 100%
    }
    .home-3cols-industries .col-2 a p {
    position: absolute;
    color: #fff;
    font-size: 16px;
    margin: 30% 15% 0 15%;
    padding: 0;
    text-align: center;
    }
    .home-3cols-industries .col-2 a p .icon {
    background: url("img/sprite-icons.png") 50% -489px no-repeat;
    display: block;
    width: 100%;
    height: 79px;
    margin: 5% 0 0 0;
    }
    .home-3cols-industries .col-3 {
    width: 100%;
    background: #e8e7e7;
    padding: 5% 0 5% 0;
    overflow: hidden;
    }
    .home-3cols-industries .col-3 h2 {
    color: #0a6988;
    margin: 0 0 2% 5%;
    font-size: 1.8em;
    }
    .home-3cols-industries .col-3 ul {
    margin: 0 0 0 5%;
    }
    .home-3cols-industries .col-3 ul li {
    width: 50%;
    margin: 0 0 3% 0;
    list-style: none;
    /*float: none;*/
    }
    .home-3cols-industries .col-3 ul li a {
    color: #0a6988;
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: "ff-dax-web-pro-n7","ff-dax-web-pro",sans-serif;
    font-style: normal;
    font-weight: 700;
    background: url("img/industries-icons.png") 0 0 no-repeat;
    height: 33px;
    display: block;
    padding: 0 0 0 20%;
    line-height: 16px;
    }
    .home-3cols-industries .col-3 ul li.water a {
    color: #3892ce;
    background-position: 0 0px;
    padding:0 0 0 60px;
    line-height: 33px;
    }
    .home-3cols-industries .col-3 ul li.transportation a {
    color: #893939;
    background-position: 0 -33px;
    padding:0 0 0 60px;
    line-height: 33px;
    }
    .home-3cols-industries .col-3 ul li.wastewater a {
    color: #4f351a;
    background-position: 0 -66px;
   padding:0 0 0 60px;
    line-height: 33px;
    }
    .home-3cols-industries .col-3 ul li.infrastructure a {
    color: #b3a918;
    background-position: 0 -99px;
    padding:0 0 0 60px;
    line-height: 33px;
    }
    .home-3cols-industries .col-3 ul li.environmental a {
    color: #32c06f;
    background-position: 0 -132px;
    padding:0 0 0 60px;
    line-height: 33px;
    }
    .home-3cols-industries .col-3 ul li.flood a {
    color: #3892ce;
    background-position: 0 -165px;
   padding:0 0 0 60px;
    line-height: 33px;
    }
    .home-3cols-industries .col-3 ul li.energy a {
    color: #e1d40e;
    background-position: 0 -198px;
   padding:0 0 0 60px;
    line-height: 33px;
    }
    .home-3cols-industries .col-3 ul li.communications a {
    color: #12486b;
    background-position: 0 -231px;
   padding:0 0 0 60px;
    line-height: 33px;
    }
    .home-3cols-industries .col-3 ul li.buildings a {
    color: #d87a27;
    background-position: 0 -264px;
   padding:0 0 0 60px;
   font-size: 1.2em;
    }
    .home-3cols-industries .col-3 ul li.technical a {
    color: #0a6988;
    background-position: 0 -297px;
    padding:0 0 0 60px;
    font-size: 1.2em;
    }
    .home-3cols-industries .col-3 ul li.water a:hover, .home-3cols-industries .col-3 ul li.transportation a:hover, .home-3cols-industries .col-3 ul li.wastewater a:hover, .home-3cols-industries .col-3 ul li.infrastructure a:hover, .home-3cols-industries .col-3 ul li.environmental a:hover, .home-3cols-industries .col-3 ul li.flood a:hover, .home-3cols-industries .col-3 ul li.energy a:hover, .home-3cols-industries .col-3 ul li.communications a:hover, .home-3cols-industries .col-3 ul li.buildings a:hover, .home-3cols-industries .col-3 ul li.technical a:hover {
    color: #333;
    }



/* ==========================================================================
   GOOGLE MAP 
   ========================================================================== */ 

#map_div {
    width: 100%;
    height: 200px;
    margin: 5% 0;
}

#map_div .gmnoprint img {
    max-width: none;
}




    /* ==========================================================================
   HOME FEATURED PROJECT (IRELAND SITE ONLY)
   ========================================================================== */

.home-3cols-industries .featured-project {
    width: 100%;
    position: relative;
}
.home-3cols-industries .featured-project a {
    width: 100%;
    height: 100%;
    display: block;
    z-index: 999;
    position: absolute;
    background: none;
}

.home-3cols-industries .featured-project .text-wrapper {
    position: absolute;
    z-index: 99;
    width:100%;
    display: block;
    background: url("img/white-background-transparent.png");
    bottom:-1px;
    padding: 4% 0 4% 4%;
}
.home-3cols-industries .featured-project .text-wrapper h2 {
    font-size: 1.8em;
    margin: 0;
    color: #0b6a89;
    text-transform: uppercase;
}
.home-3cols-industries .featured-project .text-wrapper h2:hover {
    color: #333;
}
.home-3cols-industries .featured-project .text-wrapper .location, .home-3cols-industries .featured-project .text-wrapper.category {
    font-size: 1.0em;
    margin: -1% 0 2% 0;
    color: #333;
}
.home-3cols-industries .featured-project .text-wrapper span.view {
    font-size: 0.875em;
    color: #0b6a89;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    background: url("img/sprite-arrows.png") no-repeat 100% -67px;
    padding: 0 20px 0 0;
}
.home-3cols-industries .featured-project .text-wrapper span.view:hover {
    color: #333;
    background: url("img/sprite-arrows.png") no-repeat 100% -97px;
}

.home-3cols-industries .featured-project .location div, .home-3cols-industries .featured-project .category div {
    display: inline-block;
}



    /* ==========================================================================
    HOME CAREERS
    ========================================================================== */

    .home-2cols .careers-container {
    width: 100%;
    position: relative;
    }
    .home-2cols .careers-container a {
    position: absolute;
    z-index: 99;
    width:100%;
    display: block;
    background: url("img/white-background-transparent.png");
    bottom:-1px;
    padding: 4% 0 4% 4%;
    }
    .home-2cols .careers-container a h2 {
    font-size: 1.8em;
    margin: 0;
    color: #0b6a89;
    text-transform: uppercase;
    }
    .home-2cols .careers-container a h2:hover {
    color: #333;
    }
    .home-2cols .careers-container a p {
    font-size: 1.0em;
    margin: -1% 0 2% 0;
    color: #333;
    }
    .home-2cols .careers-container a span.view {
    font-size: 0.875em;
    color: #0b6a89;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    background: url("img/blue-link-arrow.png") no-repeat 100% 50%;
    padding: 0 10px 0 0;
    }
    .home-2cols .careers-container a span.view:hover {
    color: #333;
    }
    .home-2cols .careers-container img {
        width: 100%;
    }

    /* ==========================================================================
    HOME 3 COLS (TEAM, VISION & NEWS)
    ========================================================================== */

    .home-3cols h2 {
    text-align: center;
    margin: 0;
    color: #78a22f;
    padding: 30px 0;
    font-size: 2.4em;
    }
    .home-3cols .col {
    width: 100%;
    margin: 0 2% 5% 0;
    }
    .home-3cols .col.last {
    width: 100%;
    margin: 0 0 0 0;
    }
    .home-3cols .col h2 {
    background: #eeeeee;
    height: 50px;
    line-height: 50px;
    padding: 0 0 0 20px;
    font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.6em;
    margin: 0 0 20px 0;
    text-align: left;
    color: #333333;
    }

     .home-3cols .col img  {
        width: 100%;
     }

      .home-3cols .col.last img  {
        width: auto;
     }


    .home-3cols .readmore {
    background: #0a6988;
    color: #fff;
    width: 100%;
    height: 44px;
    line-height: 44px;
    }
    .home-3cols .readmore a {
    color: #fff;
    font-family: "myriad-pro-n7", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    padding: 0 10px 0 11px;
    text-transform: uppercase;
    display: block;
    background: url("img/sprite-arrows.png") 100% -115px no-repeat;
    }
    .home-3cols .readmore:hover {
    background: #333;
    }
    .home-3cols ul.sfNews {
    margin: 0;
    padding: 0;
    }
    .home-3cols ul.sfNews li {
    list-style: none;
    display: block;
    }
    .home-3cols ul.sfNews li h3 {
    margin: 0;
    font-size: 1.0em;
    }
    .home-3cols ul.sfNews li h3 a {
    margin: 0;
    font-size: 1.0em;
    color: #0a6988;
    }
    .home-3cols ul.sfNews li h3 a:hover {
    margin: 0;
    font-size: 1.0em;
    color: #333;
    }
    .home-3cols ul.sfNews li .thumb {
    float: left;
    width: auto;
    }
    .home-3cols ul.sfNews li .text {
    float: right;
    width: 85%;
    }
    .home-3cols ul.sfNews li .text p {
    margin: 0 0 1em 0;
    }

    .subnav-mobile {
    background: #eeeeee;
    width: 90%;
    padding: 25px 20px;;
    position: relative;
    margin: 0 0 5% 0;
    }
    .subnav-mobile button {
    float: right;
    width: 54px;
    height: 44px;
    position: absolute;
    right: 3%;
    top: 15%;
    background: url("img/subnav-menu-button.gif") no-repeat;
    background-size: auto 44px;
    border: 0;
    text-indent: -1000px;
    overflow: hidden;
    cursor: pointer;
    }

    .mobile-menu {
    display: none;
    position: relative;
    }

    .left-col.active .mobile-menu {
        display: block;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

/* ==========================================================================
  LEFT COLUMN - RECENT PROJECTS
   ========================================================================== */

.left-col .recent-projects {

}
.left-col .recent-projects h3 {
    margin: 0;
    font-size: 18px;
}

.left-col .recent-projects h2 {
    margin: 0;
    font-size: 22px;
}

.left-col .recent-projects .projectsList {

}
.left-col .recent-projects .projectsList li {
    
}

.left-col .recent-projects .projectsList li img {
    margin: 2% 0;
}

.left-col .recent-projects .projectsList li a {
    margin: 2% 0;
    display: block;
    width: 100%;
    text-transform: uppercase;
}


/* ==========================================================================
  LEFT COLUMN - SUB NAV
   ========================================================================== */

.left-col .sub-nav {
 background: #eeeeee;
        padding: 0;
}
.left-col .sub-nav ul li {
    margin: 0;
    border-bottom:solid 1px #ccc;
}

.left-col .sub-nav ul li a {
    margin: 0;
    font-size: 1.0em;
    color: #0a6988;
    background:url("img/sprite-arrows.png") 0px -53px no-repeat;
    padding: 0 0 0 15%;
    font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    width: 100%;
    display: block;
    line-height: 44px;
}
.left-col .sub-nav ul li a:hover {
    color: #333;
}

.left-col .sub-nav-alt {
        background: #eeeeee;
        padding: 0;
}
.left-col .sub-nav-alt ul li {
    margin: 0 0 5% 0;
    list-style: none;

}
.left-col .sub-nav-alt ul li a {
    color: #333;
    display: block;
    font-size: 1.4em;
    margin: 0;
    font-family: "ff-dax-web-pro-n7","ff-dax-web-pro",sans-serif;
    font-style: normal;
    font-weight: 700;
    padding: 2% 0 0 5%;
}

.left-col .sub-nav-alt .upcoming-projects h2 {
    padding: 2% 0 0 5%;
}



.left-col .sub-nav-alt ul li ul li {
    margin: 0;
    border-bottom:solid 0px #ccc;
}
.left-col .sub-nav-alt ul li ul li a {
    margin: 0;
    font-size: 0.9em;
    color: #0a6988;
    line-height: 44px;
    padding: 0 0 0 12%;
    font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    background: url("img/sprite-arrows.png") 5px -53px no-repeat;
}
.left-col .sub-nav-alt ul li ul li a:hover {
    color: #333;
}


    /* Hide on Mobile */
    .breadcrumbs {
    display: none;
    }

    .banner-container {
    position: relative;
    margin: 5% 0 5% 0;
    }

    .banner-container .heading-wrapper {
    
   
    padding: 3% 0 3% 3%;
width: 97%;
background: #545b54;
color: #fff;
    }

      .banner-container img, .bannerImage img {
        display: none;
     }

    .banner-container h1, .banner-container h2 {
    font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 0!important;
    }
    .banner-container h1 {
    font-size: 2.0em;
    }
    .banner-container h2 {
    font-size: 1.0em;
    margin: -10px 0 0 0;
    }

    .contact-wrapper {
        overflow: hidden;
        margin-bottom: 20px;
    }

    /* ==========================================================================
   PROJECTS BANNER
   ========================================================================== */

.projectsBanner {
    position: relative;
    margin: 0 0 5% 0;
    color: #fff;
}

.projectsBanner .heading-wrapper {
   padding: 3% 0 3% 3%;
width: 97%;
background: #545b54;
color: #fff;
}

.projectsBanner h2, .banner-container h3 {
    font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 0;
}
.projectsBanner h2 {
    font-size: 2.0em;
}
.projectsBanner h3 {
    font-size: 1.0em;
    margin: -10px 0 0 0;
}



    /* ==========================================================================
   MAIN COL GENERAL STYLES
   ========================================================================== */

.subpage-container .main-col table {
    border: solid 1px red;
    width: 100%;
    margin: 5% 0;
}
.subpage-container .main-col table tr, .subpage-container .main-col table td, .subpage-container .main-col table th  {
    border: solid 1px #ccc;
}
.subpage-container .main-col table th {
    background: #ccc;
    color: #fff;
    padding: 2% 0;
}
.subpage-container .main-col table td {
    padding: 1% 2%;
}

.subpage-container .main-col ul, .subpage-container .main-col ol {
    margin: 5% 0 0 3%;
}

.subpage-container .main-col ul li {
    list-style: square;
}
.subpage-container .main-col ol li {
    list-style: decimal;
}
.subpage-container .main-col h1 {
    margin: 0.9em 0;
}




    /* ==========================================================================
   SUBPAGE 3 COLUMNS
   ========================================================================== */

    .subpage-3cols-container {
        width: 100%;
        margin: 0 0 5% 0;
    }
    .subpage-3cols-container h2 {
        background: #eeeeee;

        padding: 2% 0 2% 5%;
        font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 1.6em;
        margin: 0 0 3% 0;
        text-align: left;
        color: #333333;
    }
    .subpage-3cols-container .col-1, .subpage-3cols-container .col-2,  .subpage-3cols-container .col-3 {

        width: 100%;
        margin: 0 0 10% 0;
    }
    
    /* ==========================================================================
   SUBPAGE STANDARD CONTENT
   ========================================================================== */
.subpage-text-block {
    margin: 0 0 10% 0;
}
.subpage-text-block h2 {
    font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.6em;
    margin: 0 0 0 0;
    text-align: left;
    color: #333333;
}

/* ==========================================================================
   CAREERS CONSULTANT 2 COLUMNS
   ========================================================================== */

.careers-consultant-2cols-container {
   
}
.careers-consultant-2cols-container .col-left {
    width: 100%;
    margin: 0 0 5% 0;
    overflow: hidden;
}
.careers-consultant-2cols-container .col-left .consultant-image {
    float: left;
    width: 30%;
}
.careers-consultant-2cols-container .col-left .consultant-image img {
    max-width: 90%;

}
.careers-consultant-2cols-container .col-left .consultant-information {
    float: right;
    width: 70%;
}
.careers-consultant-2cols-container .col-left .consultant-information h2, .careers-consultant-2cols-container .col-left .consultant-information h3 {
    margin: 0;
}
.careers-consultant-2cols-container .col-left .consultant-information h2 {
    font-size: 1.2em;
}
.careers-consultant-2cols-container .col-left .consultant-information h3 {
    font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: -5px 0 0 0;
    font-size: 1.0em;
}
.careers-consultant-2cols-container .col-right {
    width: 100%;
}

.careers-consultant-2cols-container .col-right ul {
    margin: 0!important;
}
.careers-consultant-2cols-container .col-right ul li {
    margin: 0 0 10% 0;
    list-style: none;
}
.careers-consultant-2cols-container .col-right ul li a {
    color: #333;
    display: block;
    font-size: 1.4em;
    margin: 0 0 3% 0;
   font-family: "ff-dax-web-pro-n7","ff-dax-web-pro",sans-serif;
    font-style: normal;
    font-weight: 700;
}
.careers-consultant-2cols-container .col-right ul li ul li {
    margin: 0;
}
.careers-consultant-2cols-container .col-right ul li ul li a {
    margin: 0;
    font-size: 1.0em;
    color: #0a6988;
    background:url("img/sprite-arrows.png") -14px -61px no-repeat;
    line-height: normal;
    padding: 1.5% 0 1.5% 5%;
    font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-style: 14px;
    font-weight: 400;
}
.careers-consultant-2cols-container .col-right ul li ul li a:hover {
    color: #333;
}

/* ==========================================================================
  SERVICE STYLE
   ========================================================================== */

.services-master-wrapper .col-left {
  
    width: 100%!important;
    margin: 0 5% 0 0!important;
    float: none!important;
}
.services-master-wrapper .col-right {
   width: 100%!important;
   position: relative;
   float: none!important;
} 
.services-master-wrapper .section-title h2 {
    color: #fff;
    line-height: 2em;
    font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 0 0 0 3%;
}


/* ==========================================================================
   WATER SERVICE STYLE
   ========================================================================== */

.water-service-2cols-container .section-title {
    background:#3498db;
}
.water-service-2cols-container a {
   color: #3498db;
}


/* ==========================================================================
   TRANSPORTATION SERVICE STYLE
   ========================================================================== */

.transportation-service-2cols-container .section-title {
    background:#34495e;
}
.transportation-service-2cols-container a {
   color: #34495e;
}

/* ==========================================================================
   WASTEWATER SERVICE STYLE
   ========================================================================== */

.wastewater-service-2cols-container .section-title {
    background:#4f351a ;
}
.wastewater-service-2cols-container a {
   color: #4f351a;
}

/* ==========================================================================
   INFRASTRUCTURE SERVICE STYLE
   ========================================================================== */

.infrastructure-service-2cols-container .section-title {
    background:#9b59b6  ;
}
.infrastructure-service-2cols-container a {
   color: #9b59b6 ;
}

/* ==========================================================================
   ENVIRONMENTAL SERVICE STYLE
   ========================================================================== */

.environmental-service-2cols-container .section-title {
    background:#2ecc71;
}
.environmental-service-2cols-container a {
   color: #2ecc71;
}

/* ==========================================================================
   FLOOD PROTECTION SERVICE STYLE
   ========================================================================== */

.floodprotection-service-2cols-container .section-title {
    background:#2980b9;
}
.floodprotection-service-2cols-container a {
   color: #2980b9;
}

/* ==========================================================================
   ENERGY SERVICE STYLE
   ========================================================================== */

.energy-service-2cols-container .section-title {
    background:#f1c40f;
}
.energy-service-2cols-container a {
   color: #f1c40f;
}

/* ==========================================================================
   COMMUNICATIONS SERVICE STYLE
   ========================================================================== */

.communications-service-2cols-container .section-title {
    background:#2c3e50;
}
.communications-service-2cols-container a {
   color: #2c3e50;
}

/* ==========================================================================
   BUILDINGS SERVICE STYLE
   ========================================================================== */

.buildings-service-2cols-container .section-title {
    background:#e67e22;
}
.buildings-service-2cols-container a {
   color: #e67e22;
}


/* ==========================================================================
   TECHNICAL ASSITANCE SERVICE STYLE
   ========================================================================== */

.technical-service-2cols-container .section-title {
    background:#c0392b;
}
.technical-service-2cols-container a {
   color: #c0392b;
}


/* ==========================================================================
   SERVICE CONTACT
   ========================================================================== */

.service-contact {
    margin: 0 0 10% 0;
}
.contact-picture {
    float: left;
    width: 30%;
    margin: 5% 0 0 3%;
}
.contact-information {
    float: right;
    width: 65%;
     margin: 5% 0 0 0;
}
.contact-information h3 {
    margin: 0 0 2% 0;
}
.contact-information .email {
    background: url("img/sprite-icons.png") -62px -820px no-repeat;
    padding: 0 0 0 32px;
    font-size: 0.875em;
    line-height: 20px;
}
.contact-information .phone {
    background: url("img/sprite-icons.png") -62px -731px no-repeat;
    padding: 0 0 0 32px;
    font-size: 0.875em;
    line-height: 20px;
}
.contact-information .phone a {
    color: #333;
}
.contact-information .fax {
    background: url("img/sprite-icons.png") -62px -776px no-repeat;
    padding: 0 0 0 32px;
    font-size: 0.875em;
    line-height: 20px;
}

/* ==========================================================================
   SERVICE FACTS
   ========================================================================== */

.service-facts {
    margin: 0 0 5% 0;
}
.service-facts .row {
}
.service-facts .row .label{
    float: left;
    width: 25%;
    font-weight: 700;
    line-height: 2em;
}
.service-facts .row .value{
    float: left;
    width: 75%;
    line-height: 2em;
}


.service-facts .row .value .sfTagsList {
    list-style: none;
    margin: 0;
}
.service-facts .row .value .sfTagsList li {
    list-style: none;
}


.service-facts .findoutmore {
    width: 100%;
    height: 34px;
    line-height: 34px;
    margin: 2% 0;
}
.service-facts .findoutmore a {
    font-family: "myriad-pro-n7", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    padding: 0 22px 0 0;
    display: inline-block;
    background: url("img/sprite-arrows.png") 100% -119px no-repeat;
}

.sfdownloadFileWrp a {
    display: block;
    width: 100%;
}


/* ==========================================================================
   SOCIAL SHARING - LANDING PAGES
   ========================================================================== */

.social-share {
    /*display: none;*/
	display: inline-block;
	width: 100%;
}

.social-share h3 {
    text-transform: uppercase;
    font-weight: 400;
}
.social-share ul  {
    margin: 0!important
}
.social-share li {
   /* width: 48%;*/
    float: left;
    background:blue;
    line-height: 44px;
    text-transform: capitalize;
    list-style: none!important;
}
.social-share li:last-child {
    /*width: 48%;*/
    float: left;
    background:blue;
    line-height: 44px;
	margin-left: 2%;
}
.social-share li a {
    color: #fff;
    padding: 0 0 0 35%;
}
.social-share li.linkedin {
    background: #00669d;
}
.social-share li.twitter {
    background: #02adf5;
}
.social-share li.linkedin a {
    background: url("img/sprite-icons.png") -45px -948px;
    background-repeat: no-repeat;
}
.social-share li.twitter a {
    background: url("img/sprite-icons.png") -45px -991px;
    background-repeat: no-repeat;
    
}


/* ==========================================================================
   INTERNATIONAL PAGE
   ========================================================================== */


.international-2cols-container {
    width: 100%;
}

.international-2cols-container .col-left {
    width: 100%;
    margin: 0 0 5% 0;
}


.international-2cols-container .col-right {
    width: 100%;
}
.international-2cols-container .col-right .ui-accordion .ui-accordion-header-active {
    background: #0a6988!important;
    color: #fff;
    font-family: "ff-dax-web-pro-n7","ff-dax-web-pro",sans-serif;
    font-style: normal;
    font-weight: 700;
    padding: 0 0 0 5%;
}
.international-2cols-container .col-right .ui-accordion .section-header {
    background: #ccc;
    line-height: 44px;
    font-family: "ff-dax-web-pro-n7","ff-dax-web-pro",sans-serif;
    font-style: normal;
    font-weight: 700;
     padding: 0 0 0 5%;
     border-bottom:solid 1px #b7b6b6;
     position: relative;
}
.international-2cols-container .col-right .ui-accordion .section-header:last-child {
    border: none;
}
.international-2cols-container .col-right .ui-accordion .ui-accordion {
    border:solid 1px #ccc;
    position: relative;
}
.international-2cols-container .col-right .ui-accordion .section-content {
    /*padding: 5%;*/
    padding: 5% 0;
    height: auto!important;
}
.international-2cols-container .col-right .ui-accordion .ui-icon-triangle-1-e {
    background: url("img/sprite-arrows.png") 0 -192px;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 3%;
    top: 30%;
}
.international-2cols-container .col-right .ui-accordion .ui-icon-triangle-1-s {
    background: url("img/sprite-arrows.png") -2px -237px;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 3%;
    top: 30%;
}
.international-2cols-container .col-right .ui-accordion .ui-icon-triangle-1-e:hover, .international-2cols-container .col-right .ui-accordion .ui-icon-triangle-1-s:hover {
    cursor: pointer;
}


   /* ==========================================================================
    PROJECT SEARCH AND RESULTS
    ========================================================================== */

    .searchWrapper input {
        width: 100%;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
        height: 40px;
        line-height: 40px;
        margin-bottom: 3%;
    }
     .searchWrapper select {
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin-bottom: 3%;
    }

    .searchWrapper .blueSearch {
        background: #0a6988;
        line-height: 40px;
        height: 40px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        text-align: center;
        width: 100%;
        display: block;
    }

    .project-search-results {
        margin:3% 0;
    }
    .project-search-results span {
        display: block;
        width: 100%;
    }


    .main-col table.resultsTable {
        margin:0;
        border: none;
    }
       .main-col table.resultsTable tr, .main-col table.resultsTable td {
        margin:0;
        border: none;
    }

    .project-container {
        margin: 0 0 5% 0;
    }
    .project-info-right h3 {
        margin:0;
    }

    .project-info-right .summary {
        margin: 0 0 3% 0;
    }

    .full-project {
         background: #0a6988;
        line-height: 40px;
        height: 40px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        text-align: center;
        width: 100%;
        display: block;
    }

    /* ==========================================================================
   NEWS PAGE
   ========================================================================== */

.subpage-container .main-col .sfNews {
    margin: 2% 0 0 0;
    padding: 0;
}
.subpage-container .main-col .sfNews li {
    list-style: none;
    margin: 0;
    padding: 0 0 30px 0;
}
.main-col  ul.sfNews li .thumb {
    float: left;
    width: 14%;
    display: none;
}
.main-col  ul.sfNews li .text {
    float: none;
    width: 100%;
}
.main-col  ul.sfNews li .text h3 {
    margin: 0;
}
.main-col  ul.sfNews li .text h3 a {
    background: none;
    color: #0a6988;
    line-height: normal;
    height: auto;
    padding: 0;
}

.main-col  ul.sfNews li .text p {
    margin: 0;
    display: inline;
}
.main-col  ul.sfNews li .text a {
    display: block;
    height: 40px;
    line-height: 40px;
    background: #0a6988;
    color: #fff;
    width: 100%;
    padding: 0 0 0 10px;
    margin: 10px 0 0 0;

}

.sfnewsDetails .sfnewsAuthorAndDate {
    margin: 0 0 2% 0;
    font-style: italic;
    font-weight: 700;
}

.sfnewsDetails .all-news {
    background: #0a6988;
    color: #fff;
    width: 15%;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
}

.sfnewsDetails img {
    padding: 3%;
}



/* ==========================================================================
   BLOG 
   ========================================================================== */ 


.subpage-container .main-col .sfpostsList {
    margin: 0;
    list-style: none;
}
.subpage-container .main-col .sfpostsList li {
    margin: 0;
    padding: 0 0 30px 0;
    list-style: none;
    border-bottom:solid 1px #ccc;
}
.subpage-container .main-col .sfpostsList li:last-child {
    border: none;
}

.subpage-container .main-col .sfpostsList li .sfpostSummary {
    margin: 0 0 2% 0;
}

.subpage-container .main-col .sfpostsList li .sfpostAuthorAndDate {
    margin: 0 0 2% 0;
}

.sfpostDetails img {
    padding: 3%;
}

.all-blog-posts {
    background: #0a6988;
    color: #fff;
    width: 20%;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
}


/* ==========================================================================
   COMMENTS  
   ========================================================================== */

.subpage-container .main-col .sfcommentsForm {
    background: #ccc;
    border: none;
    padding: 2%;
}
.subpage-container .main-col .sfcommentsForm ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
.subpage-container .main-col .sfcommentsForm ol li{
    list-style: none;
    padding: 0;
    margin: 0;
}
.subpage-container .main-col .sfcommentsForm textarea {
    width: 99%;
    padding: 1%;
    min-height: 100px;
    margin: 0 0 2% 0;
}


.sfcommentsSubmitBtnWrp input { background: #0a6988;
    color: #fff;
    width: 100%;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    border:none;
    text-transform: uppercase;
    font-weight: 700;
}

.sfcommentAuthorAvatar, .sfLeaveCommentLnk {
    display: none;
}

/* ==========================================================================
  PROJECT DETAIL
   ========================================================================== */

.single-project-outer {
    position: relative;
}

.single-project-wrapper {
    display: table;
}

.single-project-wrapper .col-left {
    width: 100%;
    padding: 0 5% 0 0;
}

.single-project-wrapper h2.section-title {
    color: #fff;
    line-height: 2em;
    font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 0 0 0 3%;
    background: #333;
}


.single-project-wrapper .col-right {
    width: 100%;
}

/* ==========================================================================
   SERVICE PROJECT
   ========================================================================== */


.service-project {

}
.service-project ul.related-projects {
    list-style: none;
    margin: 0;
}
.service-project ul.related-projects li {
    list-style: none;
    margin: 0;
}


/* ==========================================================================
   SERVICE PROJECT Dispalyed - Feature Project
   ========================================================================== */

.service-project-displayed  {
    background-color: none;
}

.service-project-displayed h4 {
    font-size: 1em;
    font-style: bold;
    font-weight: 700;
    margin: 1em 0;
    float: none;
}

.service-project-displayed p {
    font-size: 1em;
    margin: 1em 0;
}



/* ==========================================================================
  LEFT COL - FORM CONTAINER
   ========================================================================== */

.left-col .form-container {
    margin: 3% 0 3% 0;
}
.left-col .form-container h2 {
    font-size: 1.5em;
   font-family: "ff-dax-web-pro-n7","ff-dax-web-pro",sans-serif;
    font-style: normal;
    font-weight: 700;
    margin: 0 0 5% 0;
    width: 100%;
}
.left-col .form-container input {
    width: 90%;
    color: #888;
}
.left-col .form-container label {
    display: none;
}
.left-col .form-container input[type="text"] {
    border:solid 1px #e4e3e3;
    height: 35px;
    line-height: 35px;
    margin: 0 0 3% 0;
    padding: 0 3%;
    width: 94%;
}
.left-col .form-container input[type="submit"] {
    height: 35px;
    line-height: 35px;
    background: #0a6988;
    border: none;
    color: #fff;
    font-family: "ff-dax-web-pro-n7","ff-dax-web-pro",sans-serif;
    font-style: normal;
    font-weight: 700;
    width: 100%;
}
.left-col .form-container input[type="submit"]:hover {
    background: #333;
}


    /* ==========================================================================
    FOOTER
    ========================================================================== */

    .footer {
    width:100%;
    background: #545b54;
    color: #fff;
    padding: 4% 0;
    }

    .footer a {
    color: #fff;
    }
    .footer a:hover {
    color: #ccc;
    }
    .footer .col {
    float: left;
    }
    .footer .col h2 {
    font-size: 1.3em;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    }

    .footer .contactus h2, .footer .companyInfo h2, .footer .featuredProjects h2 {
    line-height: 44px;
    margin: 0;
    }


    .footer .companyInfo {
    width: 90%;
    padding: 0 5%;
    margin: 0 0 2% 0;
    }
 
   
    .footer .companyInfo ul {
    margin:0;
    padding: 0;
 
    }
    .footer .companyInfo ul li {
    list-style: none;
    background: url("img/sprite-arrows.png") -14px -3px no-repeat;
    padding: 0 0 0 5%;
    }
    .footer .companyInfo ul li a {
    font-size: 0.875em;
    line-height: 25px;
    }
    .footer .featuredProjects {
    width: 90%;
    padding: 0 5%;
    margin: 0 0 2% 0;
    }

 

    .footer .featuredProjects .footer-project {
    margin: 0 0 5px 0;
    overflow: hidden;
}
.footer .featuredProjects .footer-project .projectImage {
    width: auto;
    float: left;
}
.footer .featuredProjects .footer-project .projectText {
    width: 80%;
    float: right;
    font-size: 75%;
}
.footer .featuredProjects .footer-project .projectText h3 {
    margin:0;
}
.footer .featuredProjects .footer-project .projectText .summary {
    margin:0;
    width: 70%;
}

.footer .featuredProjects .footer-project .projectText .link {
    display: none;
}
.footer .featuredProjects .footer-project .projectText .link a {
    color: #fff;
    background: url("img/sprite-arrows.png") -14px -131px no-repeat;
    display: inline-block;
    width: 4px;
    height: 10px;
    margin: 0 0 0 5px;
    top: 2px;
    position: relative;
    text-indent: 100%;
    font-size: 0;
}







    .footer .contactus {
    width: 90%;
    padding: 0 5%;
    margin: 0 0 2% 0;
    }
  




    .footer .contactus h3 {
    margin: 0;
    font-size: 1.0em;
    }
    .footer .contactus .address {
    width: 100%;
    font-size: 0.875em;
    margin: 0 0 5px 0;
    }

    .footer .map {
    background: url("img/sprite-icons.png") -65px -6px no-repeat;
    padding: 0 0 0 32px;
    font-size: 0.875em;
    line-height: 25px;
    }
    .footer .contact-type .email {
    background: url("img/sprite-icons.png") -62px -143px no-repeat;
    padding: 0 0 0 32px;
    font-size: 0.875em;
    line-height: 25px;
    }
    .footer .contact-type .phone {
    background: url("img/sprite-icons.png") -62px -51px no-repeat;
    padding: 0 0 0 32px;
    font-size: 0.875em;
    line-height: 25px;
    }
    .footer .contact-type .fax {
    background: url("img/sprite-icons.png") -62px -98px no-repeat;
    padding: 0 0 0 32px;
    font-size: 0.875em;
    line-height: 25px;
    }
    .footer .social-media {
    width: 90%;
    padding: 0 5%;
    }
    .footer .social-media ul {
    margin: 0 0 4% 0;
    padding: 0;
    }
    .footer .social-media ul li {
    list-style: none;
    float: left;
    background: #b2b5b2;
    margin: 0 1px 0em 0;
    text-align: center;
    line-height: 40px;
    height: 44px;
    width: 19.5%;
    }
    .footer .social-media ul li a  {
    display: inline-block;
    width: 100%;
    height: 100%;
    }

    .footer .social-media ul li.linkedin a {
    background: url("img/icon-linkedin.png") 50% 0 no-repeat;
    text-indent: 100%;
    display: inline-block;
    font-size: 0;
    background-size: 44px auto
    }

    .footer .social-media ul li.facebook a {
    background: url("img/icon-facebook.png") 50% 0 no-repeat;
    text-indent: 100%;
    display: inline-block;
    font-size: 0;
     background-size: 44px auto
    }

    .footer .social-media ul li.twitter a {
    background: url("img/icon-twitter.png") 50% 0 no-repeat;
    text-indent: 100%;
    display: inline-block;
    font-size: 0;
    background-size: 44px auto
    }

    .footer .social-media ul li.youtube a {
    background: url("img/icon-youtube.png") 50% 0 no-repeat;
    text-indent: 100%;
    display: inline-block;
    font-size: 0;
     background-size: 44px auto
    }

    .footer .social-media ul li.googlePlus a {
    background: url("img/icon-googlePlus.png") 50% 0 no-repeat;
    text-indent: 100%;
    display: inline-block;
    font-size: 0;
    background-size: 44px auto
    }

    .footer .social-media ul li.blog a {
    background: url("img/icon-rss.png") 50% 0 no-repeat;
    text-indent: 100%;
    display: inline-block;
    font-size: 0;
     background-size: 44px auto
    }

    .footer .mailing-list-container {
    background: #fff;
    height: 44px;
    line-height: 44px;
    padding: 0 6px;
    position: relative;
    }
    .footer .mailing-list-container input[type="text"] {
    width: 0.875em!important;
    color: #888888;
    border:none;
    width:90%!important;
    text-align: center;
    }
    .footer .mailing-list-container input[type="submit"] {
    border:none;
    background: url("img/icon-envelope.png") center 0 no-repeat;
    background-size: 44px auto;
    width: 43px;
    height: 30px;
    font-size: 0;
    display: inline-block;
    margin: 6px 0 0 0;
    padding: 0;
    float: right;
    }
    .footer .mailing-list-container fieldset {
    border: none;
    margin: 0;
    padding: 0;
    }
    .footer .mailing-list-container .sfError {
    background: pink;
    color: #ff0000;
    text-align: left;
    padding: 4px;
    display: block;
    line-height: normal;
    font-weight: normal;
    width: 99%;
    margin: 8px 0 0 -8px;
    position: absolute;
    bottom: -31px;
    left: 7px;
}
.footer .mailing-list-container .sfMsgPositive {
    color: #fff;
    text-align: left;
    padding: 4px;
    display: block;
    line-height: normal;
    font-weight: normal;
    width: 100%;
    margin: 8px 0 0 -8px;
    position: absolute;
    bottom: -50px;
}
.footer .mailing-list-container .sfMsgNegative  {
    color: #fff;
    text-align: left;
    padding: 4px;
    display: block;
    line-height: normal;
    font-weight: normal;
    width: 100%;
    margin: 8px 0 0 -8px;
    position: absolute;
    bottom: -50px;
}
    .footer .container.row2 {
    margin: 0 auto;
    font-size: 0.875em;
    }
    .footer .copyright {
    width: 90%;
    padding: 0 5%;
    margin: 5% 0 5% 0;
    text-align: center;
    }
    .footer .continuum-credit {
    width: 90%;
    padding: 0 5%;
    text-align: center;
    }
    .footer .continuum-credit a {
    background: url("img/icon-continuum.png") 0 0 no-repeat;
    line-height: 25px;
    padding: 0 0 0 30px;
    display: inline-block;
    background-size: 25px auto;
    }


}





/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* ==========================================================================
  START MEDIA QUERY FOR MOBILES WIDTH 480PX OR LESS
==========================================================================*/ 



@media all and (min-width: 769px) and (max-width:1280px){

    .international-2cols-container .col-right .ui-accordion iframe{
    height: 112px
    }
    /*controls height of video in sidebar */
}

@media all and (max-width: 768px) {

    .international-2cols-container .col-left iframe{
        height: 416px;
        overflow-y: hidden;
    }

}

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

    .footer .featuredProjects .footer-project .projectText {
        width: 70%;
    }
    .home-3cols ul.sfNews li .text {
        float: right;
        width: 70%;
    }
    .home-3cols-industries .col-3 h2 {
        margin-bottom: 4%;
    }
    .home-3cols-industries .col-3 ul li {
        width: 100%;
        float: none;
    }
    .footer .mailing-list-container input[type="text"] {
        width: 75%!important;
    }

}

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

    .footer .featuredProjects .footer-project .projectText {
        width: 60%;
    }
    .home-3cols ul.sfNews li .text {
        float: right;
        width: 60%;
    }

    .logo {
        background-size: 150px auto;
    }

}


.sfcommentsFormWrp {
    padding:0;
    border:0;
}
.sfcommentsFormWrp fieldset {
    margin: 0;
    padding: 0;
    width: 75%;
    border: 0;
}

.sfcommentsFormWrp textarea {
    width: 100%;
    min-height: 120px;
    margin-bottom: 30px;
}
.sfcommentsFormWrp input[type="submit"] {
    width: 50%;
}


/* 25.02.2015 */

.careersButton a{
    display: block;
    height: 35px;
    line-height: 35px;
    background: #0a6988;
    border: none;
    color: #fff;
    font-family: "ff-dax-web-pro-n7","ff-dax-web-pro",sans-serif;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    margin-top:30px;
}
.careersButton a:hover{
    background: #333;
}

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

.social-share li {
	width: 35%;
}
}

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

.social-share li {
	width: 48%;
}
}