/* General styles */
* {
    margin: 0px;
    border: 0px;
    padding: 0px;
}

a { text-decoration: none; }

body {
    background-color: #ffffff;
    font-family: Arial, sans-serif;
}

/*<hr> style to override default style*/
.devider {
    height: 0!important;
    -webkit-box-sizing: content-box!important;
        -moz-box-sizing: content-box!important;
            box-sizing: content-box!important;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    border: 0 !important;
    border-top: 1px solid #eee !important;
width: 100% !important;
}


.radius_topboth {
    -webkit-border-top-left-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -o-border-radius-topleft: 12px;
    -ms-border-radius-topleft: 12px;
    -khtml-border-radius-topleft: 12px;
    border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -moz-border-radius-topright: 12px;
    -o-border-radius-topright: 12px;
    -ms-border-radius-topright: 12px;
    -khtml-border-radius-topright: 12px;
    border-top-right-radius: 12px;
}

.radius_topright {
    -webkit-border-top-right-radius: 12px;
    -moz-border-radius-topright: 12px;
    -o-border-radius-topright: 12px;
    -ms-border-radius-topright: 12px;
    -khtml-border-radius-topright: 12px;
    border-top-right-radius: 12px;
}

.radius_bottomboth {
    -webkit-border-bottom-left-radius: 12px;
    -moz-border-radius-bottomleft: 12px;
    -o-border-radius-bottomleft: 12px;
    -ms-border-radius-bottomleft: 12px;
    -khtml-border-radius-bottomleft: 12px;
    border-bottom-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-bottomright: 12px;
    -o-border-radius-bottomright: 12px;
    -ms-border-radius-bottomright: 12px;
    -khtml-border-radius-bottomright: 12px;
    border-bottom-right-radius: 12px;
}

/* main style */

#wrapper {
    width: 97%;
    max-width: 1140px;
    margin: 0px auto;
    position: relative;
    z-index: 30;
}

#tab {
    padding: 20px 0 0 27px;
    width: 40%;
    float: left;
}

#header {
    min-height: 100px;
    background-color: #ffffff;
    font-family: Arial, sans-serif;
    border: 1px solid #dddddd;
    margin-bottom: 10px;
    height: 115px;
}

#main {
    background-image: url('../images/bg/main_bg.png');
    background-repeat: repeat-x;
    margin-bottom: 50px;
}

#main #shadow {
    width: auto;
    padding: 27px 0px 0px 27px;
    background-repeat: repeat-x;
    min-height: 700px
}

#main #shadow p { color: #fff; }

.base-page {
    
}

.base-page-tab {
    background: white !important;
}

 .base-page-container {
    background: white !important;
     padding: 27px;
}

/* SITE HEADER */

#header #navigation {
    height: 23px;
    float: right;
    margin: 15px 20px 0px;
}

#header .language {
    margin-right: 20px;
    text-decoration: none;
    text-transform: capitalize;
}

#header #navigation .quickSearch {
    float: right;
    margin-left: 15px;
}

#header #navigation .quickSearch .searchLabel { display: none; }

#header #logoLink {
    float: left;
    margin-left: 20px;
}

#header #logoLink img {
    border: 0px;
}

#header #menu {
    margin: 35px 20px 18px auto;
    float: right;
}

#header #menu ul { list-style-type: none; }

#header #menu li {
    line-height: 25px;
    width: 145px;
    float: left;
    margin-left: 10px;
    background: url('../images/button_bg.png') repeat-x;
    text-align: center;
    color: #434041;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
}

#header #menu li.active {
    background: url('../images/bg/topmenu_active_shade.png') no-repeat top center;
    color: #fff;
}

#header #menu li:hover {
    background: url('../images/bg/topmenu_active_shade.png') no-repeat top center;
    color: #fff;
}

#header #menu li.active a { color: #ffffff; }

#header #menu li:hover a { color: #ffffff; }

#header #menu li a {
    color: #434041;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
}

#header #menu .megamenu li:hover { background-color: transparent; }

#header #menu .megamenu { cursor: default; }

/* SITE SELECT DROPDOWN */

.countryMenu {
    float: right;
    position: relative;
    white-space: nowrap;
    border: 0px;
    text-transform: uppercase;
    background-color: #e5e5e5;
    font-size: 12px;
    line-height: 27px;
    text-decoration: none;
    text-transform: uppercase;
    min-width: 170px;
    z-index: 999;
    cursor: pointer;
}

.countryMenu label { display: none; }

.countryMenu .countryHeader {
    float: left;
    color: #404040;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.countryMenu .arrow {
    background: #e5e5e5 url("../images/bg/dropdown_shade.png") center no-repeat;
    float: right;
    width: 26px;
    height: 23px;
}

.countryMenu ul {
    padding: 0px;
    margin: 0px;
    float: left;
}

.countryMenu li {
    list-style-type: none;
    float: left;
    line-height: 23px;
    min-width: 170px;
    margin-left: 0px;
}

.countryMenu li ul {
    position: absolute;
    background: #fff;
    left: -999em;
    list-style-type: none;
    margin-top: 0px;
    border: 1px solid #bbb;
    z-index: 10000;
    overflow: hidden;
    display: block;
    box-sizing: border-box;
}

.countryMenu li ul li {
    text-decoration: none;
    width: 100%;
    background-image: none;
    margin-bottom: -1px;
    float: left;
    clear: both;
}

.countryMenu li ul li a {
    color: #777;
    display: block;
    width: 100%;
    border-bottom: solid 1px #ddd;
    padding: 3px 10px 0 10px;
    box-sizing: border-box;
}

.countryMenu li ul li a:hover {
    color: #404040;
    background-color: #ddd;
}

.countryMenuOpen ul li ul {
    left: 0;
    top: 23px;
    z-index: 10000;
}

.countryMenu ul li:hover ul {
    left: 0;
    top: 23px;
    z-index: 10000;
}

/*option { line-height: 21px; }*/

/* MEGA MENU */

body.nojs #header #menu > ul > li:hover .megamenu, #header #menu li.open .megamenu { left: 0px; }

body.nojs #header #menu > ul > li:hover, #header #menu li.open {
    padding-bottom: 20px;
    margin-bottom: -20px;
    background: url('../images/bg/topmenu_active_shade.png') no-repeat top center;
    color: #fff;
}

#header #menu table td li.open { margin-bottom: 0; }

.megamenu {  
    width: 100%;
    position: absolute;
    float: left;
    top: 78px;
    left: 0;
    left: -999em;
    text-align: left;
    z-index: 30;
}

.megatop {
    height: 10px;
    margin-top: 12px;
    width: 100%;
    float: left;
}

.megatop .left {
    width: 10px;
    height: 10px;
    background: url('../images/bg/megatop_left.png') no-repeat bottom left;
    float: left;
}

.megatop .right {
    width: 10px;
    height: 10px;
    background: url('../images/bg/megatop_right.png') no-repeat bottom right;
    float: right;
}

#header #menu .megamenu li {
    background-image: none;
    text-align: left;
    width: auto;
    margin-left: 0;
}

#header #menu .megamenu .MenuList li {
    clear: both;
    line-height: 14px
}

#header #menu .megamenu a {
    color: #ffffff;
    text-transform: none;
    line-height: 15px;
    clear: both; /*display: block;*/
}

#header #menu .megamenu .columns li {
    padding: 5px 0;
    display: block;
}

#header #menu .megamenu .columns .MenuSlides li {
    padding: 0;
    display: block;
}

#header #menu li .megamenu .megacontent {
    background: url('../images/bg/megamenu_bg.png');
    width: 100%;
    float: left;
}

#header #menu .megamenu .mega-menu-title {
    padding: 1.7% 2.2%;
    width: 95.6%;
    background: url('../images/bg/megamenu_bg.png');
    float: left;
}

#header #menu .megamenu .mega-menu-title a {
    text-transform: uppercase;
    font-size: 32px;
    font-weight: normal;
    line-height: 30px;
    float: left;
    background: url('../images/icons/menu_arrow.png') right center no-repeat;
    padding-right: 15px;
}

#header #menu .megamenu .closeCross {
    float: right;
    cursor: pointer;
    width: 16px;
    margin-top: 7px;
}

#header #menu .megamenu .mega-sub-menu-title {
    padding-bottom: 12px;
    top: 0px;
    position: relative;
    line-height: 16px;
}

#header #menu .megamenu .mega-sub-menu-title a,
#header #menu .megamenu .mega-sub-menu-slide-title a {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    color: #00a0ed;
    font-weight: normal;
    background: url('../images/icons/menu_arrow.png') right center no-repeat;
    padding-right: 20px;
    width: auto;
}

#header #menu .megamenu .mega-sub-menu-slide-title-div {
     padding-bottom: 7px;
}

#header #menu .megamenu .columns {
    width: auto;
    padding: 0px 10px;
}

.azLink {
    background: url('../images/icons/menu_arrow.png') right 2px no-repeat;
    padding-right: 15px;
}

.megamenu .simple {
    width: 20%;
    float: left;
}

.megamenu .double {
    width: 40%;
    float: left;
}

.megamenu .MenuSlides {
    width: 40%;
    float: left;
    position: relative;
}

.megamenu .border .border {
    border-right: solid 1px #8498b6;
    min-height: 215px;
    overflow: hidden;
    width: auto;
    padding: 15px 0px 15px 15px;
}

.megamenu .borderless .border {
    min-height: 215px;
    overflow: hidden;
    width: auto;
    padding: 15px;
}

.megamenu table { width: 100%; }

.megamenu td { vertical-align: top; }

#wrapper .megamenu .flexslider li { clear: none; }

#wrapper .megamenu .flexslider {
    width: 80%;
    margin: 0.7% 7.5% 0 0%;
    border: 0;
    zoom: 1;
    position: relative;
    background: url("../images/bg/megamenu_bg.png");
    padding: 0 10%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

#wrapper .megamenu .flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

#wrapper .megamenu .flexslider .slides img {
    display: block;
    width: 50%;
    float: left;
}

#wrapper .megamenu .flex-direction-nav { }

#wrapper .megamenu .flex-direction-nav a {
    display: block;
    width: 20px;
    height: 31px;
    margin: 0;
    display: block;
    background: url(../images/mega_direction_nav.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
}

#wrapper .megamenu .flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: 2.5%;
    opacity: 1;
    top: 35%;
}

#wrapper .megamenu .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 2.5%;
    top: 35%;
}

#wrapper .megamenu .flexslider:hover .flex-next { opacity: 1; }

#wrapper .megamenu .flexslider:hover .flex-prev { opacity: 1; }

#wrapper .megamenu .flex-control-nav {
    text-align: center;
    position: absolute;
    right: 10px;
    width: auto;
}

#wrapper #header #menu .megamenu .flex-control-nav li {
    margin: 0 0 0 3px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#wrapper #header #menu .megamenu .flex-control-paging li a {
    width: 10px;
    height: 10px;
    display: block;
    background: #d5d5d5;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-shadow: none;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

#wrapper #header #menu .megamenu .flex-control-paging li a.flex-active {
    background: #676465;
    cursor: default;
}

#wrapper .megamenu .slides .linkwrap {
    width: 45%;
    padding-right: 5%;
    float: left;
}

#wrapper .megamenu .slides .slidewrapper {
    background-color: #ffffff;
    float: left;
    width: 100%;
}

#wrapper #header #menu .megamenu .flex-control-nav {
    text-align: center;
    position: absolute;
    right: 13%;
    top: 7%;
}

#wrapper #header #menu .megamenu .linkwrap a.project {
    margin-bottom: 2px;
    color: #666666;
    font-size: 14px;
    float: left;
    margin-top: 30%;
    margin-left: 6%;
    margin-right: 4%;
    width: 90%;
    white-space: normal;
}

#wrapper #header #menu .megamenu .linkwrap a.sector {
    display: block;
    font-size: 13px;
    line-height: 15px;
    margin-left: 10px;
    text-transform: uppercase;
    float: left;
    margin-left: 6%;
    margin-right: 4%;
    width: 90%;
    white-space: normal;
}

/* Special Out-of-the-Box Comprimated Topmenu */

#header #menu { margin: 20px 20px 18px auto; }

#header {
    background-position: 16px 35px;
    height: auto;
}

.acessibility-link {
    margin-right: 20px;
}
.top-right-menu {
    padding-top: 12px;
}
/* SUB HORIZONTAL MENU */

#main #submenu {
    width: auto;
    margin-right: 27px;
    border-bottom: solid 1px #777777;
    height: 24px;
    display: block;
}

#main #submenu.magazine { margin-bottom: 27px; }

#main #submenu ul {
    float: right;
    display: block;
    width: 101%;
    margin-left: -1%;
}

#main #submenu li {
    display: inline-block;
    float: right;
    margin-left: 1%;
    width: auto;
    background-image: url('../images/bg/button_shade.png');
    background-color: #dddddd;
    text-align: center;
    padding: 0 10px;
}

#main #submenu li a {
    line-height: 25px;
    width: 100%;
    display: block;
    color: #434041;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
}

#main #submenu li.active, #main #submenu li.active:hover {
    background: url('../images/bg/submenu_active_mask.png') no-repeat top center;
    padding-bottom: 10px;
    margin-bottom: -10px;
}

#main #submenu li.white, #main #submenu li.white:hover { background: url('../images/bg/submenu_white_mask.png') no-repeat top center; }

#main #submenu li:hover { background: url('../images/bg/button_shade.png') no-repeat top center; }

#main #submenu li.active a { color: #ffffff; }

#main #submenu li:hover a { color: #ffffff; }

/* BREDACRUMB */

#breadcrumb {
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
}

#breadcrumb a {
    color: #ffffff;
    text-decoration: none;
}

#breadcrumb a:hover { text-decoration: underline; }

#breadcrumb img { margin: 0px 15px; }

/* BIG TAB ABOVE CONTENT AREA */

#tab p {
    width: 88%;
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 15px;
    margin-top: 10px;
    color: #ffffff;
}

#tab h1 {
    color: #0098db;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 30px;
    width: 95%;
}

#tab .tag {
    margin-bottom: 7px;
    background: url('../images/icons/tag_reversed.png') no-repeat left center;
    padding-left: 25px;
}

#tab .tag p {
    float: left;
    border: 0px;
    margin-right: 14px;
    line-height: 16px;
    white-space: nowrap;
    margin-bottom: 0px;
    margin-top: 0px;
}

/*   ROOTIMAGE   */

#sectorImage {
    margin-bottom: 27px;
    margin-top: -10px;
}

#sectorImage p {
    width: 37%;
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 15px;
    color: #ffffff;
    float: left;
}

#sectorImage h1 {
    color: #0098db;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 10px;
    width: 95%;
}

#sectorImage .tag {
    margin-bottom: 7px;
    float: left;
    clear: left;
    width: 37%;
    background: url('../images/icons/tag_reversed.png') no-repeat left center;
    padding-left: 25px;
    color: #fff;
}

#sectorImage .tag p {
    width: 100%;
    float: left;
    border: 0px;
    margin-right: 14px;
    line-height: 16px;
    white-space: nowrap;
    margin-bottom: 0px;
    margin-top: 0px;
}

.rootimage {
    float: right;
    margin-right: 27px;
    width: 48%;
    border-color: #ffffff;
    overflow: hidden;
    margin-top: -67px;
}

/* FOOTER AREA */

div#footer_wrapper {
    width: 100%;
    margin: 0px auto;
    background: url('../images/bg/footer_bg.png') repeat-x #fff;
    font-size: 12px;
    color: #676465;
    font-family: Arial;
    overflow: hidden;
}

div#footer_wrapper a { color: #676465; }

div#footer {
    width: 100%;
    max-width: 1140px;
    margin: 0px auto;
}

div#footer .content { padding: 10px 0 30px 0; }

div#footer .content h3 {
    color: #676465;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: Arial;
    padding-bottom: 10px;
    letter-spacing: 1px;
}

div#footer .half {
    width: 50%;
    float: left;
    height: 100%;
}

div#footer .footer-segment {
    float: left;
    border-left: 1px solid #D3D3D3;
    padding: 0 3%;
    height: 100%;
    width: 94%;
}

div#footer .half .half .footer-segment {
    float: left;
    border-left: 1px solid #D3D3D3;
    padding: 0 6%;
    height: 100%;
    width: 88%;
}

div#footer .footer-links ul { list-style: none; }

div#footer .footer-links li {
    margin-bottom: 9px;
    text-transform: uppercase;
}

div#footer .start-pages {
    float: left;
    padding-right: 15px;
}

div#footer .country-pages {
    float: left;
    width: 100%;
}

div#footer .country-pages ul {
    float: left;
    padding-right: 3%;
    border-left: 1px solid #D3D3D3;
    padding-left: 3%;
    width: 50%;
}

div#footer ul#footer-quicklinks { list-style: none; }

div#footer ul#footer-quicklinks li { margin-bottom: 10px; }

ul#footer-quicklinks .arrowlink .textarea {
    margin-top: 5px;
    margin-left: 5px;
}

div#footer-bottom {
    background: url('../images/bg/footer_bg_bottom.png') repeat-x;
}

div#footer-bottom .content {
    max-width: 1140px;
    width: auto;
    margin: 0px auto;
    padding: 20px 10px;
}

div#footer-bottom #footer-bottom-left { float: left; }

div#footer-bottom #footer-bottom-right { float: right; }

div#footer-bottom ul { list-style: none; }

div#footer-bottom ul li {
    float: left;
    margin-left: 25px;
}

div#footer .footer-links ul:first-child {
    border: 0px;
    padding-left: 0px;
}

/* PAGECONTAINER */

/* pagecontainer - grid */

#pagecontainer {
    width: auto;
    margin: 0 27px 27px 0;
    background-color: #e5e5e5;
    min-height: 200px;
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/*New Page Template Grid (responsive)*/
.item-page-template-left {
    float: left;
    width: 68%;
    box-sizing: border-box;
}

.item-page-template-right {
    float: right;
    width: 32%;
    box-sizing: border-box;
}

.item-page-template-left #top,
.item-page-template-left #middle,
.item-page-template-left #bottom,
.item-page-template-right #right {
    float: none !important;
    width: auto !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

.item-page-template-left #top {
    margin-right: 27px !important;
}

@media(max-width:992px) {
    .item-page-template-left {
        float: none;
        width: 100%;
    }

    .item-page-template-right {
        float: none;
        width: 100%
    }
}

/*End new Page Template grid*/

/*Legacy grid page container grid (not responsive)...*/
#pagecontainer #content #top.center {
  float: left;
  width: 65%;
  margin-bottom: 0;
}

#pagecontainer #content #bottom.center { width: 68%; }
#pagecontainer #content #middle.center { width: 68%; }

#pagecontainer #content #right {
    float: right;
    width: 32%;
    margin: 0;
}

#pagecontainer #content #right.center {
    position: absolute;
    top: 25px;
    right: 0;
    clear: both;
}

/*End legacy grid*/

#pagecontainer.white { background-color: #fff; }

#pagecontainer.white #content { background-color: transparent; }

#pagecontainer #left {
    width: 17%;
    float: left;
}

#pagecontainer #content {
    min-height: 650px;
    background-color: #ffffff;
    width: 83%;
    float: left;
    padding: 3% 0 3% 3%;
    position: relative;
    box-sizing: border-box;
}

#pagecontainer #content #top {
    float: left; /*margin-bottom:27px;*/
}

#pagecontainer #content #bottom { float: left; }

#pagecontainer #content .full { width: 100%; }

#pagecontainer #content .center {
    float: left;
    width: 65%;
    margin-bottom: 0;
}


#pagecontainer #content #right .control { width: 100%; }

/* pagecontainer - search */

#pagecontainer .search {
    float: left;
    height: 53px;
    line-height: 53px;
    border-bottom: solid 1px #d3d3d3;
    width: 100%;
}

#pagecontainer .search .box {
    float: left;
    height: 23px;
    width: 163px;
    line-height: 23px;
    text-transform: uppercase;
    font-size: 12px;
    border: solid 1px #ffffff;
    margin: 14px 0px 14px 19px;
}

#pagecontainer .search .button {
    float: left;
    width: 23px;
    height: 23px;
    display: block;
    background-image: url('../images/search.png');
    text-decoration: none;
    border: solid 1px #ffffff;
    margin: 14px 0px;
}

.search-summary {
    color: #676465;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 20px;
    margin-right: 27px;
    font-family: Arial;
    line-height: 20px;
}

/* pagecontainer - content */

#pagecontainer #content h1 {
    color: #0b4499;
    font-weight: normal;
    font-size: 34px;
    text-transform: uppercase;
    clear: both;
}

#pagecontainer #content h2 {
    color: #0b4499;
    font-weight: normal;
    font-size: 15px;
    font-weight: bold;
    clear: both;
}
#pagecontainer #content .officeRow h2 {
    font-size: 18px;
}

#pagecontainer #content h3 {
    font-weight: bold;
    clear: both;
    margin-bottom: 10px;
    font-family: Arial;
    font-size: 16px;
}

#pagecontainer #content h3.parent {
    width: 89.5%;
    font-size: 16px;
    line-height: 16px;
    color: #9a9b9c;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: -15px;
    margin-bottom: 7px;
}

#pagecontainer #content p, #main #shadow #referenceindex p {
    color: #676465;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 20px;
    margin-right: 27px;
    font-family: Arial;
    line-height: 20px;
}

.paragraphe {
    color: #676465;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 5px !important;
    margin-right: 27px;
    font-family: Arial;
    line-height: 20px;
}

.text-colored {
    color: #676465;
    font-weight: normal;
    font-size: 14px;
    font-family: Arial;
    line-height: 20px;
}
.sm-text-colored {
    color: #676465;
    font-weight: normal;
    font-size: 13px;
    font-family: Arial;
    line-height: 16px;
}

.lg-text-colored {
    color: #676465;
    font-weight: normal;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
    line-height: 25px;
    margin-top: 2%;
    display: inline-block;
}

.highlight {
    margin-bottom: 14px;
    background-color: #fafafa;
    border: 1px solid #e1e1e8;
    color: #333;
    border-radius: 4px;
    padding: 5px;
}

.highlight-contact-us {
    width: 97.5%;
    box-sizing: border-box;  
    padding: 9px 14px;
    background-color: #fafafa;
    border: 1px solid #e1e1e8;
    color: #333;
    border-radius: 4px;
    padding: 5px;
      
}
.highlight-box-text {
    font-family: Arial,sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    color: #666;
}
.highlight-box-dropdown {
    border: 1px dotted #ddd;
    padding: 1px;
    background-color: #fff;
    font-family: Arial,sans-serif;
    font-size: 12px;
    color: #666;
}

a.link-title {
    font-size: 16px;
    font-weight: bold;
    font-family: arial, sans-serif;
    line-height: 1.2;
    text-decoration: none;
    margin-bottom: 5px;
    display: inline-block;
}

#pagecontainer #content table {
    border-collapse: collapse;
    width: 95%;
    margin-bottom: 27px;
}

#pagecontainer #content td {
    padding: 8px 8px; /*border-bottom:solid 1px #ddd;border-top:solid 1px #ddd;*/
    color: #676465;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 20px;
    font-family: Arial;
    line-height: 18px;
}

#pagecontainer #content tr.header td {
    color: #444;
    background-color: #e5e5e5;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 20px;
    font-family: Arial;
    line-height: 18px;
}

#pagecontainer #content q {
    float: right;
    font-size: 16px;
    padding: 5px 10px 10px 10px;
    max-width: 35%;
    background-color: #e5e5e5;
}

#pagecontainer #content ul { margin-bottom: 20px; }

#pagecontainer #content ul li {
    background: url(../images/icons/bullet.png) no-repeat 5px 5px transparent;
    list-style-type: none;
    vertical-align: middle;
    padding-left: 25px;
    line-height: 24px;
    color: #676465;
}

#pagecontainer #content .control ul, #pagecontainer #content .newslist ul, #pagecontainer #content .topmenu ul, #pagecontainer #content .imageGallery ul, #pagecontainer #content .AzPageList ul, #pagecontainer #content .search-results ul { margin-bottom: 0px; }

#pagecontainer #content .control ul li, #pagecontainer #content .newslist ul li, #pagecontainer #content .topmenu ul li, #pagecontainer #content .AzPageList ul li, #pagecontainer #content .search-results ul li {
    background-image: none;
    list-style-type: none;
    vertical-align: top;
    padding-left: 0px;
    line-height: 20px;
}

#pagecontainer #content .imageGallery ul li {
    list-style-type: none;
    vertical-align: top;
    padding-left: 0px;
    line-height: 20px;
}

#pagecontainer #content #bottom ul { margin-left: 0px; }

#pagecontainer #content #bottom ul {
    color: #676465;
    font-weight: normal;
    font-size: 14px; /*margin-bottom: 20px; margin-right: 15px;*/
    width: auto;
    font-family: Arial;
    line-height: 20px;
    clear: left;
}

#pagecontainer #content .full hr {
    border: 0px;
    height: 1px;
    background-color: #d3d3d3;
    color: #d3d3d3;
    width: 104%;
    margin-left: -3.8%;
    margin-bottom: 27px;
    clear: both;
}

#pagecontainer #content #bottom hr {
    border: 0px;
    height: 1px;
    background-color: #d3d3d3;
    color: #d3d3d3;
    width: 104%;
    margin-left: -5.8%;
    margin-bottom: 27px;
    clear: both;
}

#pagecontainer #content .center hr {
    border: 0px;
    height: 1px;
    background-color: #d3d3d3;
    color: #d3d3d3;
    clear: both;
    margin-top: 0px;
    margin-bottom: 10px;
}

#pagecontainer #content .indeximage {
    width: auto;
    font-size: 15px;
    border: solid 8px #e5e5e5;
    margin: 0px 27px 27px 0px;
}

/* pagecontainer - top */

#pagecontainer #content #top h2 {
    margin: 0;
    padding: 0 0 20px 0;
}

#pagecontainer #content #top.center h1 {
    margin: 0;
    margin-top: -5px;
    padding: 0 0 20px 0;
}

#pagecontainer #content #top .horizontaltags {
    margin: 0 0 27px 0;
    padding: 0;
    float: none;
}

#pagecontainer #content #top .horizontaltags .tag { margin-top: 10px; }

#pagecontainer #content .itemimage {
    width: 100%;
    border: none;
    float: left;
    margin-bottom: 20px;
}

#pagecontainer #content .center .itemimage {
    width: 97%;
    border: none;
    float: left;
    margin-bottom: 27px;
    border: solid 8px #e5e5e5;
}

#pagecontainer #content .full .itemimage {
    width: 97%;
    border: none;
    float: left;
    margin-bottom: 27px;
    border: solid 8px #e5e5e5;
    border: 0px !important;
}

#pagecontainer #content #top .description {
    width: 66.66%;
    float: left;
    margin-bottom: 20px;
    margin-top: 5px;
}

#pagecontainer #content #top .boxes {
    width: 33.33%;
    float: left;
}

#pagecontainer #content #top .boxes .dc33 {
    width: 100%;
    float: left;
}

#pagecontainer #content #bottom .ReferenceDescription {
    width: 66%;
    float: left;
    margin-bottom: 20px;
}

#pagecontainer #content #top h2 {
    margin: 0;
    padding: 0 0 10px 0;
    font-family: Arial;
    font-size: 15px;
    line-height: 20px;
}

#pagecontainer #content #bottom h2 {
    margin: 0;
    padding: 0 0 10px 0;
    font-family: Arial;
    font-size: 15px;
    line-height: 20px;
}

#pagecontainer #content #middle h2 {
    margin: 0;
    padding: 0 0 10px 0;
    font-family: Arial;
    font-size: 15px;
}

#pagecontainer #content #top .tooltips {
    width: 20%;
    border-left: solid 1px #d3d3d3;
    min-height: 120px;
    float: left;
    padding-left: 2%;
}

#pagecontainer #content #top .tooltips h3 {
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    color: #676465;
    margin-bottom: 5px;
}

#pagecontainer #content #top .tooltips p {
    width: 70%;
    margin-bottom: 20px;
}

#pagecontainer #content #bottom .ReferenceDescription hr {
    width: 95%;
    margin-left: 0;
    margin-right: 5%;
    clear: both;
}

/* pagecontainer - bottom */

#pagecontainer #content #bottom h1 {
    margin-top: 6%;
    margin-bottom: 1%;
    margin-left: 4%;
    width: 91.5%;
    font-size: 35px;
    line-height: 35px;
}

#pagecontainer #content #bottom h2 {
    padding: 0% 0 10px 0;
    margin: 0;
    font-family: Arial;
    font-weight: bold;
}

#pagecontainer #content #middle h2 {
    padding: 0% 0 10px 0;
    margin: 0;
    font-family: Arial;
    font-weight: bold;
}

#pagecontainer #content #bottom .itemimage {
    margin-left: 4%;
    width: 88.5%;
    font-size: 15px;
    margin-bottom: 15px;
    border: solid 8px #e5e5e5;
    margin-top: 5%;
}

/* pagecontainer - controls */

#pagecontainer .margin {
    padding: 1px;
    padding-top: 0px;
    background: url('../images/shades/control_shade_border.png') top repeat-x;
}

#pagecontainer .index-page-display .margin {
    background: none;
}

#pagecontainer .page-display-item .control {
  margin-bottom: 27px;
  padding: 1px;
  padding-top: 0;
  background: url('../images/shades/control_shade_border.png') top repeat-x;
}

#pagecontainer .margin .main,
#pagecontainer .page-display-item-content
{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

#pagecontainer .control .margin .footer { background: url("../images/shades/control_main_shade.png") repeat-x scroll center top #E2E2E2 !important; }

/* HORIZONTAL TAGS */

.horizontaltags {
    float: left;
    margin-left: 4%;
    width: 96%;
    margin-top: 1.5%;
}

.horizontaltags .tag {
    margin-top: 2.2%;
    float: left;
    margin-right: 3%;
    font-size: 15px;
    color: #676465;
    font-size: 14px;
    white-space: nowrap;
}

.horizontaltags .tag img {
    width: 17px;
    float: left;
    border: 0;
    margin: 0;
    margin-right: 7px;
    margin-top: 2px;
}

/* DC controls */

#main .control { float: left; }

.margin {
    margin: 0px 27px 27px 0px;
    width: auto;
    height: auto;
    clear: both;
}

.bs3-margin {
    margin: 0px 27px 27px 0px;
    width: auto;
    height: auto;
    clear: both;
}

.marginWithoutBottom  {
    margin: 0px 27px 0px 0px;
    width: auto;
    height: auto;
    clear: both;
}

.marginAction { margin-bottom: 40px; }

.marginRadius { border-radius: 10px; }

.dc100 { width: 100%; }

.dc66 { width: 65.5%; }

.dc60 { width: 59%; }

.dc50 { width: 49%; }

.dc40 { width: 39%; }

.dc33 { width: 32.5%; }

.dc25 { width: 24%; }

.AlignRight { float: right !important; }

.BreakRow { clear: left !important; }

.control .header {
    background: url('../images/bg/control_header_shade.png') repeat-x;
    border: solid 1px;
    width: auto;
    height: 33px;
    line-height: 33px;
    font-size: 16px;
    text-transform: uppercase;
    padding-left: 15px;
    color: #ffffff;
}

#content .control .header { margin: 0 -1px; }

.control .main {
    width: auto;
    background: #ffffff;
    clear: both;
    padding: 15px 15px 12px;
}

.control .main h2 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 2%;
}

#main #shadow .control .main p, .base-page-container p{
    color: #676465;
    font-weight: normal;
    font-family: arial;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 10px;
}

#main #shadow .control .main p.brief {
    color: #676465;
    font-size: 15px;
    line-height: 18px; /*margin-bottom: 0px;*/
}

.control .footer {
    width: auto;
    background: #ffffff;
    clear: both;
    height: 0px;
    padding-left: 15px; /*padding-top: 10px;*/
}

.control .footer .actionButton {
    position: relative;
    top: -12px;
}

/* SIDE MENU */

.sideMenu {
    background-color: #e5e5e5;
    border-left: solid 1px #ffffff;
}

.sideMenu ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.sideMenu li {
    display: block;
    background-color: #e5e5e5;
    float: left;
    text-transform: uppercase;
    width: 100%;
    min-width: 120px;
    font-size: 13px;
}

.sideMenu li a {
    border-bottom: solid 1px #d3d3d3;
    border-top: solid 1px #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #666465;
    text-decoration: none;
    display: block;
    width: auto;
    padding-left: 15px;
    padding-right: 23px;
}

.sideMenu li a.parentLink {
    font-weight: bold;
    background: url('../images/icons/parentlink_arrow.png') no-repeat 5px center;
}

.sideMenu li li a { }

.sideMenu li li li a {
    width: 85%;
    padding-left: 10%;
}

.sideMenu li.expanded {
    display: block;
    background-color: #e5e5e5;
}

.sideMenu li.expanded a { background: #D6D6D6; }

.sideMenu li.active > a {
    background: #fff !important;
    border-bottom: none;
}

.sideMenu li.active.indentChildren li a, .sideMenu li li li a {
    background: #D6D6D6;
    width: auto;
}

/* ACTION BUTTON */

#wrapper .actionButton, #footer .actionButton {
    border: solid 1px #9a1a26;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    font-size: 11.5px;
    font-weight: bold;
    line-height: 22px;
    display: inline-block;
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    font-family: Arial, sans-serif;
}

.actionButton a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    padding: 0 65px 1px 7px;
    text-transform: uppercase;
    background: url(../images/bg/action_button.png) center right no-repeat, #e40000; /* Old browsers */
    background: url(../images/bg/action_button.png) center right no-repeat, -moz-linear-gradient(top, #ef6666 10%, #e40000 65%); /* FF3.6+ */
    background: url(../images/bg/action_button.png) center right no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(10%, #ef6666), color-stop(65%, #e40000)); /* Chrome,Safari4+ */
    background: url(../images/bg/action_button.png) center right no-repeat, -webkit-linear-gradient(top, #ef6666 10%, #e40000 65%); /* Chrome10+,Safari5.1+ */
    background: url(../images/bg/action_button.png) center right no-repeat, -o-linear-gradient(top, #ef6666 10%, #e40000 65%); /* Opera 11.10+ */
    background: url(../images/bg/action_button.png) center right no-repeat, -ms-linear-gradient(top, #ef6666 10%, #e40000 65%); /* IE10+ */
    background: url(../images/bg/action_button.png) center right no-repeat, linear-gradient(to bottom, #ef6666 10%, #e40000 65%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6666', endColorstr='#e40000', GradientType=0); /* IE6-9 */
}

.imageDc img { width: 100%; }

/* SEARCH BUTTON */

.searchInput input {
    height: 21px;
    width: 260px;
    line-height: 21px;
    float: left;
    padding-left: 5px;
    font-size: 12px;
    font-family: Arial;
    color: #666465;
    border: solid 1px #e5e5e5;
}

.searchInput .iconButton, .mobile_menu .iconButton {
    cursor: pointer;
    float: right;
    width: 23px;
    height: 23px;
    display: block;
    background: url('../images/search.png') no-repeat;
    border: none;
}
#search-button img{
    float: right;
    width: 23px;
    height: 23px;
    padding: 0;
}

.service-search-input {
    height: 22px;
    border: 1px solid #aaa;
}
.service-search-icon {
    vertical-align: top;
    cursor: pointer;
    padding: 4px 10px;
    border: 1px solid #aaa;
    box-sizing: border-box;
    height: 22px;
}

.service-search-checkbox {
    vertical-align: middle;
}

.searchInput .button {
    height: 24px;
    width: 130px;
    margin-left: 15px;
    float: left;
    border: none;
    cursor: pointer;
    background: url('../images/button_bg.png') repeat-x;
    text-align: center;
    font-size: 14px;
    color: #434041;
    text-transform: uppercase;
    text-decoration: none;
}

.dateField {
    padding-left: 20px;
    background: url('../images/icons/clock_icon.png') no-repeat left;
    color: #676465;
    font-size: 12px;
}

/* BLOG LIST */

#pagecontainer #content #blog-posts {
    list-style-type: none;
    margin-right: 0;
    margin-bottom: 0;
    padding-left: 0;
}

#blog-posts li { border-top: 1px solid #D3D3D3; }

#blog-posts li.first { border-top: none; }

#blog-posts li .post { padding: 15px; }

#blog-posts li .info { padding: 10px 0 0; }

.blog-spacer {
    padding-top: 3.5%;   
}

.blog-post-title {
    text-transform: none;
    color: #666;
    font-family: Arial;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}
.blog-post-date {
    text-transform: uppercase;
    color: #777;
    font-size: 11px;
    line-height: 11px;
    margin-bottom: 2.5%;
    display: block;   
}

/* IMAGE PUSH DC */

.imagePushDc {
    padding-bottom: 40px;
    border-bottom: 1px solid #d3d3d3;
}

.imagePushDc .pushwrapper { width: 100%; }

.imagePushDc .pushwrapper .first, .imagePushDc .pushwrapper .second {
    float: left;
    max-width: 45%;
}

.imagePushDc .title {
    color: #0b4499;
    font-size: 18px;
    font-family: Arial;
    display: block;
    margin-bottom: 17px;
}

.imagePushDc .pushwrapper div.first {
    padding-right: 4%;
    border-right: 1px solid #d3d3d3;
}

.imagePushDc .pushwrapper div.second { padding-left: 4%; }

.imagePushDc .pushwrapper .imagewrapper {
    border: 8px solid #e5e5e5;
    overflow: hidden;
}

.imagePushDc .pushwrapper div a {
    float: left;
    clear: left;
    font-size: 13px;
    color: #009FEB;
    margin-top: 10px;
    background: url(../images/icons/link_arrow.png) no-repeat right 4px;
    padding-right: 20px;
}

/* SOCIAL PRESENCE */

.socialpresence { }

.socialpresence .main { overflow: hidden; }

.socialpresence .content {
    float: left;
    width: 50%;
}

.socialpresence .links {
    float: right;
    margin-right: -2px;
}

.socialpresence .links a {
    display: block;
    text-indent: -9999px;
    height: 31px;
    width: 164px;
    margin: 0 0 2px;
}

.socialpresence .links a.facebook { background: url(../images/icons/facebook_button.png) no-repeat top left; }

.socialpresence .links a.linkedin { background: url(../images/icons/linkedin_button.png) no-repeat top left; }

.socialpresence .links a.youtube { background: url(../images/icons/youtube_button.png) no-repeat top left; }

.socialpresence .links a.twitter { background: url(../images/icons/twitter_button.png) no-repeat top left; }

/* REFERENCE INDEX PAGE */

#referenceindex .main {
    background-color: #ffffff;
    padding: 25px;
    min-width: 0px;
}

#referenceindex .main h2.hltitle {
    color: #0b4499;
    font-family: Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 30px;
    margin: 4px 0 11px;
    float: left;
    width: auto;
}

.referenceGallery .galleryHeader .referencefilter { float: left; }

/* REFERENCE HIGHLIGHTS */

#highlights { margin-top: 20px; }

#highlights ul {
    list-style-type: none;
    overflow: hidden;
}

#highlights .box {
    float: left;
    padding-left: 3%;
    padding-right: 3%;
    border-right: 1px solid #d3d3d3;
}

#highlights ul li .imagewrapper { overflow: hidden; }

#highlights ul li .imagewrapper img {
    width: 100%;
    height: auto;
}

#highlights ul li h2 { margin: 15px 0 5px; }

#highlights ul li h2 a {
    color: #0099de;
    font-weight: normal;
    text-transform: uppercase;
}

#highlights ul li .typeTitle {
    font-weight: normal;
    text-transform: uppercase;
    padding-left: 7px;
    margin-left: 3px;
    border-left: solid 1px #000;
    font-size: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#highlights ul li .content {
    font-family: Arial;
    font-size: 13px;
    color: #666666;
    line-height: 18px;
    min-height: 50px;
    margin-bottom: 40px;
}

#highlights ul li .tags {
    background: url(../images/icons/tag_icon.png) no-repeat top left;
    padding-left: 20px;
    overflow: hidden;
}

#highlights ul li .tags a {
    float: left;
    color: #0099de;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Arial;
    line-height: 15px;
}

#highlights .flex-direction-nav .flex-next {
    background: url(../images/bg/highlight_right.png) no-repeat;
    opacity: 1;
    right: 2%;
    top: 43%;
    margin-top: 0px;
}

#highlights .flex-direction-nav .flex-prev {
    background: url(../images/bg/highlight_left.png) no-repeat;
    opacity: 1;
    left: 3%;
    top: 43%;
    margin-top: 0px;
}

.flexslider_Highlights .flex-viewport { width: 99%; }

/* FOCUSAREA HIGHLIGHTS */

#focushighlights { margin-top: 20px; }

#focushighlights ul {
    list-style-type: none;
    overflow: hidden;
}

#focushighlights ul li {
    width: 31.6%;
    border-right: 1px solid #d3d3d3;
    padding-right: 1.2%;
    margin-right: 1.1%;
    min-height: 400px;
    float: left;
}

#focushighlights ul li.last {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

#focushighlights .box {
    float: left;
    padding-left: 3%;
    padding-right: 3%;
    border-right: 1px solid #d3d3d3;
}

#focushighlights ul li .imagewrapper { overflow: hidden; }

#focushighlights ul li .imagewrapper img {
    width: 100%;
    height: auto;
}

#focushighlights ul li h2 { margin: 10px 0 5px; }

#focushighlights ul li h2 a {
    color: #0099de;
    font-weight: normal;
    text-transform: uppercase;
}

#focushighlights ul li .typeTitle {
    font-weight: normal;
    text-transform: uppercase;
    padding-left: 7px;
    margin-left: 3px;
    border-left: solid 1px #000;
    font-size: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#focushighlights ul li .content {
    font-family: Arial;
    font-size: 13px;
    color: #666666;
    line-height: 18px;
    min-height: 50px;
    margin-bottom: 40px;
}

#focushighlights ul li .tags {
    background: url(../images/icons/tag_icon.png) no-repeat top left;
    padding-left: 20px;
    overflow: hidden;
}

#focushighlights ul li .tags a {
    float: left;
    color: #0099de;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Arial;
    line-height: 15px;
}

#focushighlights .flex-direction-nav .flex-next {
    background: url(../images/bg/highlight_right.png) no-repeat;
    opacity: 1;
    right: 2%;
    top: 43%;
    margin-top: 0px;
}

#focushighlights .flex-direction-nav .flex-prev {
    background: url(../images/bg/highlight_left.png) no-repeat;
    opacity: 1;
    left: 3%;
    top: 43%;
    margin-top: 0px;
}

/* QUICK SOCIAL BAR */

.quickSocialBar {
    float: right;
    margin-left: 10px;
}

.quickSocialBar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.quickSocialBar ul li {
    display: inline-block;
    width: 25px;
    height: 24px;
    margin-left: 5px;
}

/*Typeahead autocomplete plugin*/

.typeahead,
.tt-query,
.tt-hint {
    font-size: 24px;
    border: 2px solid #ccc;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    outline: none;
}

.tt-query,
.tt-hint {
    line-height: 20px;
    /*padding: 8px 12px;*/
    height: 30px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.typeahead { background-color: #fff; }

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint { color: #999; }

.tt-dropdown-menu {
    width: 200px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
}

.tt-suggestion p { margin: 0; }

.tt-suggestion.tt-cursor p { color: #fff !important; }


.tt-suggestion.tt-cursor {
    color: #fff !important;
    background-color: #0097cf;
}

/*Project Case Studies*/
.reference-highlights-container {
    background: white;
    padding: 25px;
}

.reference-highlights-container .highlight-title {
    color: #0099DE;
    font-weight: normal;
    text-transform: uppercase;
    
}
.reference-highlights-container h2.highlight-h2 {
    margin-top: 15px;
    margin-bottom: 5px;
}
.reference-highlights-container .highlight-content {
    font-family: Arial;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    margin-bottom: 20px;
}

.reference-highlights-container i.fa-tag{
    color: #B5B6B6;
}

.reference-highlights-container .highlight-tags {
    color: #0099DE;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Arial;
    line-height: 15px;
}