@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'BureauGrotesqueOneThree- not using';
    src: url('../fonts/BureauGrotesqueOneThree.eot'); /* IE9 Compat Modes */
    src: url('../fonts/BureauGrotesqueOneThree.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/BureauGrotesqueOneThree.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/BureauGrotesqueOneThree.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/BureauGrotesqueOneThree.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/BureauGrotesqueOneThree.svg#BureauGrotesqueOneThree') format('svg'); /* Legacy iOS */
         font-style: normal;
         font-weight: normal;
  }

/* 2022 changes */
p{font-family: 'Public Sans', sans-serif!important;}
@media(min-width:720px)
{
	.dsk-logo{
		display:flex;
		align-items:center;
	}
	.gap{
	    margin-right: 3px;
	}
	.d-flex{
	display:flex;
	}
	.img-logo{
		width:30%;
		height:auto
	}
}

.slide-title h3, .slide-title
{
  text-transform:capitalize !important;
}
.new-font{
font-family:'Public Sans', sans-serif!important;
}
.text-cap{
text-transform:capitalize !important;
}


/* 2022 changes ends here */

.mainWrapper {
    width: 80%; 
    float: right;
    border-left: 1px solid #ccc;
}
.mainWrapper .container {
    width: 100% !important;
}

.projectnsw-sec .row{
    display:flex;
    flex-wrap: wrap
}

/* Fall Back for HTML5 Elements */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
article {clear:both;}

strong { font-weight: 600;}
body{ font-family: 'Public Sans', sans-serif!; font-size: 16px; padding:0; margin:0;}
h3, h3.upper p { font-family:'Public Sans', sans-serif!important; font-weight: 600; }
ul{ list-style:none;}
a { text-decoration:none; }
body a:hover, body a:focus { color: #256CFD; text-decoration:none;} /* Changed from Inital */
a:focus { text-decoration:underline;}
a img { border:none;}
img { border:0px;}
p{ padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, ul, p{ padding:0; margin:0;}
textarea { resize:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #fff;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #fff;}
input::-moz-placeholder { opacity:1; outline:none;}
textarea::-moz-placeholder { opacity:1; outline:none;}
.clr { clear:both; height:0px;}

header { position: relative; float: left; width: 100%; padding: 20px 0 0; border-bottom: 5px solid rgb(230,228,229);}
header.home { border-bottom: 5px solid #4d4e50; }
.logo { float: left; }
.navBackground { margin: 20px 0 0; }
.home .navBackground { background: rgb(230,228,229); }
.navbar-collapse { float:left; width: 100%; padding: 0;}
.menu { float:right;}
.menu > li { float: left; margin: 0 1px 0 0; position: relative;}
.menu > li.dropdown { position: inherit;}
.menu > li:last-child { margin: 0;}
.menu > li > a,
.dropdown-menu > li > a,
.slideListItem a { display: block; padding: 10px 8.5px 10px; font:400 16px 'Public Sans', sans-serif; color: #000; text-transform: uppercase;}
.slideListItem a.active {font-weight: 700; color: white; background: #256CFD; border: none;}
.slideListItem a:hover,
.slideListItem a:active,
.slideListItem a:focus {
    text-decoration: underline;
}
.slideListItem:last-child a {
    border: none;
}
.slideListItem a {
    border-bottom: 1px solid #ccc;
    padding: 10px 9.5px;
}
.menu > li > a:hover, 
.menu > li > a:focus,
.menu > li > a:active, 
.menu > li.active > a,
.menu > li.current > a { background: rgb(230,228,229); color: black;}

.home .menu > li > a:hover, 
.home .menu > li > a:focus,
.home .menu > li > a:active, 
.home .menu > li.active > a,
.home .menu > li.current > a { background: #4d4e50; color: white; }

.open {display: block;}

.skipContainer {position: absolute; bottom: 10px; left: 15px;}
.skip-content { cursor: pointer; float: left; font:700 17px 'Public Sans', sans-serif; color: #256CFD; text-transform: uppercase;}
.skip-content:hover, .skip-content:focus { color: #D913AE;}
.menu > li.mega-dropdown > .dropdown-menu { background: #4d4e50; width:100%; left: 0; opacity: 0;}
.menu > li.mega-dropdown > .dropdown-menu.open { opacity: 1;}
.menu > li.mega-dropdown > .dropdown-menu,
.menu > li > .dropdown-menu { margin: 5px 0 0; padding: 0; border:none;  border-radius: 0; opacity: 0}
.dropdown.open .dropdown-menu {opacity: 1;}
.skip-content-sm { display: none;}


/* Heading Styles */
h1,h2 {
    font-family: 'Public Sans', sans-serif!important;
	
}
h1, h2, h3.upper, h3.upper p {
    /*text-transform: capitalize;*/
}

/* Paragraph Styles */
p {
    font-weight: 300; 
    color: #58595b;
    margin: 0 0 2rem;
}

p.grey {
    color: #58595b;
}
h3.upper p {
    color: #fff;
    margin: 0;
}

/* Mobile Menu */
.navbar-toggle:focus .icon-bar,
.navbar-toggle:active.icon-bar {
    background: #256CFD;
}

/* Fixed Side Nav */
.sideNav {
    background: rgb(230,228,229);
}
.sideNavWrapper {
    float: left;
    width: 20%;
    max-width: 229px;
    padding-right: 15px;
}
.sideNavWrapper.fixed {
    position: fixed;
    top: 0;
}

/*Drop Menu*/
.pronsw-dropmenu { clip:both; display: table; width: 1140px; margin:0 auto;}

.drop-left { display: table-cell; width: 30%; height: 100%; vertical-align: top; padding: 20px 0; background: #fff;}
.drop-left ul { float: left; width: 100%;}
.drop-left ul li { float: left; width: 100%; margin: 0 0 1px;}
.drop-left ul li a { float: left; width: 100%; padding:20px 25px; font: 400 17px 'Public Sans'; color: black; text-transform: uppercase;}
.drop-left ul li a:hover, .drop-left ul li a:focus, .drop-left ul li.active a { background: #dadbdc; font-weight: 600;}
.drop-right { display: table-cell; width: 70%; padding: 40px 0 40px 45px;}

.drop-content { float: left; width: 46%;}
.drop-content h3 { margin: 0 0 20px; color: #fff;}
.drop-content p { margin: 0 0 20px; color: #fff;}

.drop-content-img { float: right; width: 50%;}
.content-img { float: left; width: 100%; margin: 0 0 24px;}
.content-img:last-child { margin: 0;}
.content-img img { width: 100%;}

.slider-sec { position: relative; width: 100%;}
.slide-inner { float: left; width: 100%;}
.slide-one { float: left; width: 50%; height: 100%; position: relative;}
.slide-two { float: left; width: 50%; height: 100%; position: relative;}
.slide-img { float:left; width: 100%; height: 100%;}
.slide-img img, .slide-two img { float:left; width: 100%; height: 71%;}
.slide-title { height: 120px; float:left; width: 100%; background: #6A6A6A  !important; padding: 20px 10px 20px 20px;}
@media screen and (max-width: 1199px) {
    .slide-title,
    .slide-two-title {
        padding: 10px 10px 20px 20px;
    }
}
.slide-title h3,
.slide-title h3 p { font-family: 'Public-sans'; color: #fff; line-height: 43px;}
.slide-title a {color: #FFF;}
.slide-title a:hover,
.slide-title a:active,
.slide-title a:focus {color: #FFF; text-decoration: underline;}
.slide-two-title { float: left; width: 100%; height: 120px; background: #6A6A6A !important; padding: 20px  10px 15px 20px;}
.slide-two-title p { margin: 0 0 10px; color: #fff;line-height: 20px;}
.slide-title-green { background: #256CFD;}

.slider-small { display: none;}


.slick-dots li button::before { font-size: 50px; color: #fff; opacity: 1;}
.slick-dots { width: auto; right: 15%; bottom: 10px;}
.slick-dots li { width:18px; margin: 0 1px; }
.slick-dots li.slick-active button::before { color: #53a846; opacity: 1;}

.pager__item {
  padding: 0 12px;
  display: block;
  border: 1px solid red;
}

.playpausebtn { position: relative; display: table; width: 1160px; margin:0 auto; }
.topSliderControls,
.smallSliderControls { position: absolute; top: 10px; z-index: 5; right: 1.8rem;}
.topSliderControls button,
.smallSliderControls button,
#carouselButtons button
 { background:#fff; border: none; padding: 5px 15px; font:600 13px 'Public Sans'; color: #000; text-transform: uppercase; text-align: center; line-height: 18px; vertical-align: top;}
.topSliderControls button:active,
.topSliderControls button:focus,
.smallSliderControls button:active,
.smallSliderControls button:focus,
#carouselButtons button:active,
#carouselButtons button:focus { background: #256CFD; color: #FFF; }

#carouselButtons {
    right:10px; 
    position: absolute;
    top: 10px;
    z-index: 5;
}
#carouselButtons button { border-radius: 0;}


.readmore { float: left; font:600 15px 'Public Sans'; color: #000; text-transform: uppercase; text-align: center; line-height: 20px;}
.readmore span { display: inline-block;  vertical-align: middle}
.readmore span { padding: 5px 15px; background: #fff; }
.readmore span { padding: 5px 15px; }
.readmore icon { font-size: 23px; color: #fff; display: inline-block; margin: 0 0 0 10px; vertical-align: middle}
#2018 .readmore span { font-size: 26.5px !important; }
.pro-slide-detail-gap-sm a:hover i,
.pro-slide-detail-gap-sm a:active i,
.pro-slide-detail-gap-sm a:focus icon {
    color: #256CFD;
}
.readmore:hover span, .readmore:focus span { background: #256CFD; color: #fff;}
.readmore:hover i, .readmore:focus icon { color: #000;}
@media(min-width: 768px) {.readmore:hover i, .readmore:focus icon {color: #256CFD;}}

.expert-advice { float: left; width: 100%; padding: 40px 0;}
/* Home Page Top Text Block Styles */
.homeCTAContainer {
    padding: 0 4rem 1rem;
}
.homeCTAContainer:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 70px; display: table; margin: 0 auto; border-bottom: 2px solid #ea6e25;}

/* RTE Styles */
.mainHeading { margin: 0 0 20px; font-weight:600; /*color: #58595b;*/ color: #256CFD;}
.textSubHeading {margin: 0 0 0.2rem; font: 600 19px 'Public Sans'; color: #58595b;}
.listHeading {padding-left: 20px; color: #000; font-weight: 700;}
.main-tagline { position: relative; float: left; width: 100%; margin: 0 0 40px; padding: 0 30px 30px; font:300 19px 'Open Sans'; color: #58595b; text-align: center; line-height: 28px;}
.caption {padding: 0 3rem 3rem;}
.main-tagline:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; padding: 0 0 45px; width: 70px; display: table; margin: 0 auto; border-bottom: 2px solid #ea6e25;}

/* Home Page Featured Boxes */
.featuredThumbs {margin: 6rem 0;}
.advice { float: left; width: 100%;}
.gap-sm {clear: left; min-height: 180px; position: relative;}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .gap-sm {clear: left; min-height: 200px;}    
}
.gap-sm p,
.gap-sm a {float: none;}

.gap-sm a {position: absolute; bottom: 0;}
.expert-img { width: 100%; margin-bottom: 2rem; }
.expert-img img { width: 100%;}

.expert-border { width: 65px; height: 6px; position: absolute; bottom: -3px; left: 0; background: #D913AE;}

.advice-orange .expert-border { background:#ea6e25;}
.advice-green .expert-border { background:#55A545;}
.advice-blue .expert-border { background:#D913AE;}

.advice h3 { font-family: 'Public Sans', sans-serif; margin: 0 0 10px; color: #D913AE; line-height: 48px;}
.advice h3 a { color: #D913AE; font-weight: 500; }
.advice h3 a:hover,
.advice h3 a:active,
.advice h3 a:focus {color: #D913AE; }
.subheading { margin: 0 0 10px; font:600 15px 'Public Sans'; color: #58595b; text-transform: uppercase; line-height: 18px;}

.advice-orange h3 a { color: #ea6e25;}
.advice-orange h3 a:hover,
.advice-orange h3 a:active,
.advice-orange h3 a:focus {color: #C35413;}
.advice-green h3 a { color: #55A545;}
.advice-green h3 a:hover,
.advice-green h3 a:active,
.advice-green h3 a:focus { color: #458538;}
.advice-blue h3 a { color: #D913AE;}
.advice-blue h3 a:hover,
.advice-blue h3 a:active,
.advice-blue h3 a:focus {color: #D913AE;}

.readmore-gray span { background: #5a5c5e; color: #fff;}
.readmore-gray icon { color: #5a5c5e;}
.readmore-gray:hover span, .readmore-gray:focus span { background: #256CFD;}
.readmore-gray:hover i, .readmore-gray:focus icon { color: #256CFD;}

.strategy-border { margin-bottom: 12rem; }
.strategy-border-sec { float: left; width: 100%;padding: 6rem 0 0; border-top: 1px solid #5a5c5e;}
.strategy-update { float: left; width: 48%;}
.news-update-sm { float: right; width: 48%;}

.strategy-heading { position: relative; margin: 0 0 2rem; padding: 0 0 10px; color: #58595b; }
.strategy-heading:before { content: ''; position: absolute; left: 0; bottom: 0; content: ''; width: 59px; border-bottom: 3px solid #58595b;}
.pronsw-sec:before { content: ''; position: absolute; left: 0; bottom: 0; width: 59px;  border-bottom:3px solid #000;}

.strategy-date { margin: 0 0 10px; font-weight: 700; }

.increase-list { float: left; width: 100%; margin: 0 0 30px;}
.strategy-update ul li { margin: 0 0 5px; padding: 0 0 0 25px; background: url('../img/dashbalck.jpg')0 13px no-repeat;}
.strategy-update ul li:last-child { margin: 0;}
.strategy-update strong { font-weight: 700; }
.strategy-update .readmore { margin-top: 0;}

.strategy-sm { display: none;}

.readmore-blue span { background: #256CFD; color: #fff;}
.readmore-blue icon { color: #256CFD;}
.readmore-blue:hover span, .readmore-blue:focus span { background: #5a5c5e;}
.readmore-blue:hover i, .readmore-blue:focus icon { color: #5a5c5e;}

.readmore-pink span { background: #ec078e; color: white; cursor: pointer; }
.readmore-pink:hover span { background: #5a5c5e; }
.readmore-pink:active span { background: #5a5c5e; }
.readmore-pink:focus span { background: #5a5c5e; }

.news { float: left; width: 100%;}
@media screen and (max-width: 767px) {
    .news {
        margin-bottom: 3rem;
    }
}
.news li { padding: 0; background: none; float: left; width: 100%; margin: 0 0 2rem;}
.news-list .news li { margin: 1.25em 0; }
.news li:last-child { margin: 0;}
.news-list .news li:last-child { margin: 1.25em 0; }
.newsimg { float: left; width: 50%;}
/********************************************/ 
/*[Lyndon]: Support images removed 02.10.17
/* .news-detail { float:right; width: 48%;} 
/* .news-list .news-detail { width: 80%; } 
*********************************************/
.news-list .newsimg { width: 15%; }
.news-detail h2, .latest-update li h3 { float: left; width: 100%; margin:0 0 5px; font:600 19px 'Public Sans'; color: #58595b; text-transform: uppercase;}
.news-detail h3, .latest-update li h4 { float: left; width: 100%; margin:0 0 2rem; font:600 19px 'Public Sans'; color: #58595b;}
.news-detail p, .latest-update p { float: left; width: 100%; margin:0 0 5px; font:300 19px 'Public Sans'; color: #58595b; line-height: 22px;}


.projectnsw-sec { float: left; width: 100%; padding: 6rem 0; background: #fff;}
.projectnsw-sec .row section:nth-child(4n) {clear: left;}
.projectnsw-sec p { color: white; }
.projectnsw-heading { margin: 0 0 20px; padding: 0 0 20px; position: relative; color: #000; }
.projectnsw-heading:before { position:absolute; content: ''; width: 60px; left: 0; bottom: 0; border-bottom:3px solid #000; }

.project-slide { float:left; width: 100%;}

.project-slide-detail { float: left; width: 30%; height: 420px; padding: 15px; background: #5a5c5e; position: relative;}
.project-slide-detail h3 { margin: 0 0 5px; color: #fff; line-height: 40px; }
.project-slide-detail p { float: left; width: 100%; margin: 0 0 35px; font:300 18px 'Public Sans'; color: #fff; line-height: 30px; }
.project-slide-detail .pro-slide-detail-gap-sm a { position: absolute; bottom: 50px; left: 15px;}
.project-slide-detail h3.upper a {color: #fff; font-weight: 500;}
.project-slide-detail h3.upper a:hover,
.project-slide-detail h3.upper a:active,
.project-slide-detail h3.upper a:focus {text-decoration: underline;}
.project-slide-img { float: right; width: 70%; height: 420px;}
.project-slide-img img { width: 100%; height: 100%;}
.carousel-indicators { margin: 0; left: 0; width: auto; margin: 0 0 0 15px;}
.carousel-indicators li { width: 12px; height: 12px; background: #fff;}
.carousel-indicators .active { width: 12px; height: 12px; background: #55A545; border-color:#55A545;}

footer { float: left; width: 100%; background: #302c35; padding: 50px 0;}
.footer-link { float: left; width: 100%;}
.footer-link ul .footer-heading a { clear: both; float:left; margin: 0 0 20px; font: 600 16px 'Public Sans'; color: #fff; text-transform: uppercase;}
.footer-heading:hover, .footer-heading:focus { color: #256CFD;}
.footer-link ul { float: left; width: 100%;}
.footer-link ul li { float: left; width: 100%; line-height: 1.3;}
.footer-link ul li:last-child { margin: 0;}
.footer-link ul li a { font: 300 16px 'Public Sans'; color: #fff; line-height: 18px;}
.footer-link ul li a strong { text-transform: uppercase;}
.footer-link ul li a:hover, .footer-link ul li a:focus { color: #256CFD;}
@media screen and (min-width: 992px) {.footerBlock{width: 20%;}}
@media screen and (max-width: 991px) {.footerBlock:nth-child(2n+3) {clear:both;}}
.footer-item + .footer-heading {margin-top: 2rem;}
.copyright { float: left; margin: 48px 0 0; font: 300 12px 'Public Sans'; color: #fff;}

.prvacylink { float: left; margin: 50px 0 0 10px; font: 300 12px 'Public Sans'; color: #fff; line-height: 13px;}
.prvacylink li { float: left; padding: 0 10px; border-left:1px solid #fff; line-height: 11px;}
.prvacylink li:first-child { border: none; padding: 0;}
.prvacylink li a { font: 300 12px 'Public Sans'; color: #fff; line-height: 13px; }


#elevator_item {
width: 60px;
height: 100px;
position: fixed;
right: 15px;
bottom: 10px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1;
z-index: 99;
display: none;
}
#elevator_item.off {
opacity: 0;
visibility: hidden
}
#elevator {
display: block;
width: 60px;
height: 50px;
background: url(../img/icon_top.png) center center no-repeat;
background-color: #444;
background-color: rgba(0,0,0,.6);
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
cursor: pointer;
margin-bottom: 10px
}


/*About*/

.about-sec { float: left; width: 100%; /*padding: 0 0 100px;*/}
h1.our-board { margin-bottom: 0.25em; }
.breadcrumb { margin: 4rem 0; padding: 0 0 10px !important; background: no-repeat;}
.breadcrumb li a { color: #000;}
.breadcrumb li a:focus,
.breadcrumb li a:hover,
.breadcrumb li a:active { color: #256CFD; outline: #256CFD; }


.inner-heading { margin: 0 0 2rem;}

.people { float: left; width: 100%; margin: 50px 0 80px;}
.people ul { float: left; width: 100%;}
.people ul li { float: left; width:25%;}
.people ul li a { cursor: pointer; overflow: hidden; position: relative; float: left; width: 100%; transition:all 0.7s ease 0s;}
.people #ob-Modal0 { overflow-y: scroll; }
.closemodel-icon { width: 60px;}  

.overbg { display: none; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(77,77,77,0.6); transition:all 0.7s ease 0s; z-index: 0;}

.teamimg { float: left; width: 100%;}
.teamimg img { width: 100%; transition:all 0.7s ease 0s;}
.team-detail { width: 100%; position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding:5px 5px 5px 15px; background: rgba(110,110,110,0.7);  transition:all 0.7s ease 0s;}
.team-name { float: left; font: 25px 'Public Sans', sans-serif; color: #fff; line-height: 30px; transition:all 0.7s ease 0s;}
.team-position { float: left; width: 100%; margin:20px 0 -20px; font: 300 14px 'Public Sans'; color: #fff; line-height: 14px; transition:all 0.7s ease 0s;}

.morepeople { position: absolute; bottom: -80px; left: 10px; z-index: 2; transition:all 0.7s ease 0s;}

.people ul li a:hover .overbg { display: block; background: rgba(0,0,0,0.7); transition:all 0.7s ease 0s;}
.people ul li a:hover .teamimg img { transform:scale(1.2); transition:all 0.7s ease 0s;}
.people ul li a:hover .team-detail { bottom: 60px;  transition:all 0.7s ease 0s; background:rgba(110,110,110,0.0) }
.people ul li a:hover .morepeople { bottom: 20px;}


.team-pop { display: table; width: 100%; position: relative;}
.team-pop-left { color: #fff; display: table-cell; width: 70%; background: #6A6A6A; padding: 30px;}
.team-pop-left h3 {  margin: 0 0 10px; color: #fff;}
.team-pop-left h2 { float: left; width: 100%; margin: 0 0 10px; font: 600 20px 'Public Sans'; color: #fff; text-transform: uppercase;}
.team-pop-left h3 { margin: 0 0 20px; color: #fff;}
.team-pop-left h4 { margin-bottom: 1rem;}
.team-pop-left p { float: left; width: 100%; font: 400 16px 'Public Sans'; color: #fff; line-height: 26px;}

.team-pop-right { display: table-cell; width: 30%; vertical-align: top; background: #6A6A6A;}
.teambig-img { float: left; width: 100%;}
.teambig-img img { width: 100%;}
.team-close { float: left; width: 100%; position: relative;}
.close { position: absolute; right: 15px; top: 15px; opacity: 1; background: none;}
.close:hover, .close:focus { opacity: 1;}
.modal.right .modal-dialog {
        position: fixed;
        margin: auto;
        width: 75.5%;
        -webkit-transform: translate3d(0%, 0, 0);
            -ms-transform: translate3d(0%, 0, 0);
             -o-transform: translate3d(0%, 0, 0);
                transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.right .modal-body {
    padding: 15px 15px 80px;
}

        
/*Right*/
    .modal.right.fade .modal-dialog {
        right: -320px;
        -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
           -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
             -o-transition: opacity 0.3s linear, right 0.3s ease-out;
                transition: opacity 0.3s linear, right 0.3s ease-out;
                transform:none;
    }
    
    .modal.right.fade.in .modal-dialog {
        right: 0;
        position: absolute;
    }

.modal-pop { position: fixed; right: 0; top: 0; bottom: 0; z-index: 10; float: right; width: 0;}

.closemodel { position: absolute; bottom:10px; right: 10px;}
.closemodel-icon { cursor: pointer;}
.closemodel-sm { display: none;}


/*Project nsw*/
.pronsw-sec { position: relative; float: left; width: 100%; padding: 0 0 1rem; margin: 0 0 4rem;}
.pronsw-sec p:nth-last-child(1) {margin: 0 0 1rem;}
.pronsw-heading { float: left; width: 100%; margin: 0 0 20px;/* padding: 0 0 30px;*/ font:600 23px 'Public Sans'; color: #58595b;}

.pronsw-key { float: left; width:100%; margin: 0 0 30px; padding: 0 0 0 15px; border-left:1px solid #000;}
.pronsw-key h3 { margin: 0 0 20px; color: #bcbec0; line-height: 40px;}
.pronsw-key h3.upper { color: #6d6e71; line-height: 40px; margin:0; }

.pro-advice { margin: 0 0 60px; /*height: 500px;*/ position: relative; padding-bottom: 30px; }
.pro-advice .expert-border { background: #256CFD;}
.pro-advice h3 { margin: 0 0 15px; padding: 10px 10px 10px 20px; background: #fff; color: #256CFD; line-height: 36px;}
.pro-advice h3.upper { font-size: 26px; }

.pro-advice p { font-size: 20px; line-height: 30px; color: #fff;}
.pro-advice .readmore { position: absolute; bottom: 0; }
.pro-advice .readmore span { background: #fff; color: #000;}
.advice.pro-advice .readmore:hover span,
.advice.pro-advice .readmore:active span,
.advice.pro-advice .readmore:focus span {
    background: #5a5c5e;
}
.advice.pro-advice .readmore:hover i,
.advice.pro-advice .readmore:active i,
.advice.pro-advice .readmore:focus icon {
    color: #5a5c5e;
}
.pro-advice .readmore icon { color: #fff;}
.pro-advice .readmore:hover span, .pro-advice .readmore:focus span { background: #256CFD; color: #fff;}
.pro-advice .readmore:hover i, .pro-advice .readmore:focus icon { color: #256CFD;}

.pro-advice-gap { margin: 0;}

/*Darling Harbour*/
.pronsw-banner-sec { position: relative; float: left; width: 100%; min-height: 380px; }
.pronsw-banner-heading { float:left; width: 50%; clear: both; margin: 250px 0 0; padding: 10px 60px 10px 25px; background: #256CFD; color: #fff; line-height: 6rem; }

.pronsw-banner-title { float: left; width: 100%; padding: 20px 0; background: #6A6A6A;}
.pronsw-banner-title p { color: #fff; margin: 0; }

.darling-harbour { float: left; width: 100%; position: relative;}
.harbour-tab-sec { float: left; width: 100%; margin-bottom: 6rem; overflow: hidden;}
.harbour-tab { float: left; width: 100%; margin: 0 -40px;}
.harbour-tab li { float:left; padding: 0 40px; border-right: 1px solid #000; }
.harbour-tab li:last-child { border-right: none;}
.harbour-tab li a { display: block; font: 56px 'Public Sans', sans-serif; color: #58595b; text-align: center; line-height: 60px; text-transform: uppercase;}
.harbour-tab li a:hover, .harbour-tab li a:focus, .harbour-tab li.active a { color: #256CFD;}
.harbour-tab li a icon { display:none;}


.harbour-tab-content { float: left; width: 100%; margin: 60px 0 0;}
.harbour-tab-content .col-sm-8, .harbour-tab-content .col-sm-7 {
    padding-left: 0;
}
.harbour-tab-content .col-sm-4, .harbour-tab-content .col-sm-5 {
    padding-right: 0;
}

.projectAboutContainer { margin-bottom: 6rem;}
@media screen and (max-width: 768px) {.projectAboutContainer{ display: none;}}
.about-harbour { float: left; width: 92.5%;}
.about-harbour p { font: 300 19px 'Public Sans'; color: #58595b; line-height: 22px;}
.abour-harbout p img {max-width:100%; display: block; margin: 0 auto;}
.about-harbour ul { float: left; width: 100%; margin-bottom: 2.5rem; padding-left: 40px; }
.pronsw-sec ul,
.grid-section ul,
.recom-resource-detail ul,
.about-sec ul {padding-left: 40px;}
.people ul { padding: 0;}
.people ul li { list-style: none !important; }
@media screen and (min-width:992px) and (max-width: 1199px) {
    .people ul li {
        width: 25%;
    }
}
.about-harbour ul li,
.grid-section div ul li, 
.pronsw-sec ul li,
.recom-resource-detail ul li,
.about-sec ul li { margin: 0; padding: 0; list-style: disc; color: #58595b; font-weight: 300; }
div.about-harbour p a { color: #444; }

.about-harbour h1 { float: left; width: 100%; margin: 0 0 10px; font: 600 20px 'Public Sans'; color: #000; line-height: 20px;}

.about-harbour p.para a { font-weight: 600; color: #000;}
.harbour-img { margin: 0 0 40px;}
.harbour-img img { width: 100%;}

div.about-harbour p a:hover,
.about-harbour p.para a:hover,
div.about-harbour p a:active,
.about-harbour p.para a:active,
div.about-harbour p a:focus,
.about-harbour p.para a:focus {
    color: #256CFD;
}

.macroImageWithDl .readmore {
    width: 100%;
}
.advice.pro-advice h3 {
    font-weight: 400;
}
/********************
*   Library Stlyes  *
********************/
.tableOfContents {
    margin-bottom: 6rem;
}

.tableOfContents h3 {
    margin-bottom: 2rem;
}

.tableOfContents a {
    margin: 0 0 0.5rem 2rem;
    display: block;
    min-width: 50.1%;
    border-top: 1px solid #58595b;
}

.libraryItem h3 {
    margin-bottom: 2rem;
    color: #256CFD;
}

.libraryItem {
    margin-bottom: 2.5rem;
}

/*Latest Updates*/
.latest-update { float: left; width: 92.5%; margin: 0 0 40px; }
.latest-update li { float: left; width: 100%; padding: 20px 0; border-bottom: 1px solid #cecfd1;}
.latest-update li:last-child { border-bottom: none;}

.collapse-content { float: left; width: 100%;}

.harbour-gallery { float: left; width: 100%; margin: 60px 0 0;}
.harbour-gallery ul { float: left; width: 100%;}
.harbour-gallery ul li { float: left; width: 32%; margin: 0 10px 4rem 0;}
@media screen and (min-width:992px) {.harbour-gallery ul li:nth-child(3n + 4) {clear: both;}}
@media screen and (min-width:769px) and (max-width:991px) {.harbour-gallery ul li:nth-child(2n + 3) {clear: both;}}
.harbour-gallery ul li a { float: left; width: 100%; padding-bottom: 0.8em;}
.harbour-gallery ul li a img { width: 100%;}
.harbour-gallery ul li:last-child { margin: 0;}
.harbour-gallery p { margin: 10px 0 0; }
.album { float: left; width: 100% !important; margin-bottom: 5rem; border-bottom: 1px solid #58595b;}
.album-Title {margin-bottom: 2rem; border-bottom: 1px solid #58595b; color: #58595b;}

/*Infra Stratgey*/
.infra-head-sec { float:left; width: 100%; margin: 0 0 50px; border-bottom: 1px solid #cecfd1;}
.state-infr-sec { float: left; width: 100%; padding: 70px 0; background: #4c4e4f;}

.infar { float: left; width: 100%;}
.infar p.para { color: #fff;}
.infar h1 { float: left; width: 100%; font:600 20px 'Open Sans'; color: #fff; line-height: 35px;}




.strategy-point { float: left; width: 100%;}
.strategy-point ul { float: left; width: 100%;}
.strategy-point ul:last-child { border-bottom: none;}
.strategy-point ul li.active a { background: #256CFD; color: #fff; }
.strategy-point ul li { float: left; width:33.33%; padding: 0 10px 10px 10px; border-right:1px solid #fff;  /*height: 120px;*/}
.strategy-point ul li:nth-child(3n) { border-right:none;}
.strategy-point ul li:nth-child(-n+6) { border-bottom: 1px solid white; }
.strategy-point ul li:first-child { padding-left: 0;}
.strategy-point ul li:last-child { padding-right: 0;}
.strategy-point ul li.padding-top { padding-top: 10px;}
.strategy-point ul li.padding-bottom { padding-top: 10px; padding-bottom:0;}
.strategy-point ul li a { float: left; width: 100%; height: 100%;}
.strategy-icon { float:left; width: 100%; margin: 5px 0;}
.strategy-icon img { display: block; margin: 0 auto;}
.strategy-title { float:left; width: 100%; margin: 0 0 5px; font: 400 18px 'Public Sans'; color: #fff; text-align: center; line-height: 23px;}
.strategy-point ul li a:hover, .strategy-point ul li a:focus { background: #256CFD; color: #fff;}

.transport-sec { float: left; width: 100%; padding: 60px 0;}

.urban-total-heading,
.heading-pink.heading-pink { float: left; width: 100%; margin: 0 0 4px; font:35px 'Public Sans', sans-serif; color: #256CFD; text-transform: uppercase;}

.heading-pink.heading-pink { margin: 0 0 5px; color: #ec078e;}
.pink {color: #ec078e;}
.blue {color: #256CFD;}
.transport-detail p { float: left; width: 100%; margin: 0 0 20px; font:18px 'Public Sans'; color: #000; line-height: 22px;}
.transport-detail { width: 49%; float: left;}

.mapimg { float: right; width: 49%;}

/*Restart nsw*/
.restart-nsw-sec .pronsw-sec { margin: 0 0;}

/*.tab-content { float: left; width: 49%;}*/
#reg-recomm { float:left; width: 100%;}
#metro-recomm { float:left; width: 100%;}

.recom-tabs-sec { float: left; width: 100%; padding: 0.5em 0 0;}
.recom-tabs { float: left; width: 100%; padding: 1em 0; }
.recom-tabs li { float: left; padding: 0 30px; border-right:1px solid #231f20;}
.recom-tabs li:first-child { padding-left: 0;}
.recom-tabs li:last-child { border-right:none;}
.recom-tabs li a { cursor: pointer; font:50px 'Public Sans', sans-serif; color: #58585a; text-transform: uppercase;}
.recom-tabs li.active a { color: #256CFD;} 

.recom-tabs li a icon { display: none;}


.recommendation-blue { float: left; width: 100%; padding: 40px 0; background: #6A6A6A;}
.recomm-detail { float: left; width: 50%; padding: 0 70px 0 0;}
.recomm-detail p  { color: #fff;}
.recomm-detail p a{ color: #fff ;}
.recomm-detail h4.mainHeading { color: black; }
.recomm-resources { float: left; width: 100%;}
.recomm-resources li { float: left; width: 100%; border-bottom: 1px solid #fff;}
.recomm-resources li:last-child { border-bottom: none;}
.recomm-resources li a { display: block; padding: 10px 0; font: 600 20px 'Public Sans'; color: #fff;}
.recomm-resources li a:hover, .recomm-resources li a:focus, .recomm-resources li.active a { color: #000;}
.recomm-resources li.active a icon {  -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);}



.recomm-view { float: right; width: 50%;}
.recomm-view img { width: 100%;}
.larg-view { clear: both; float: left; margin: 20px 0 0; font: 400 20px 'Public Sans'; color: #fff; text-decoration: underline; text-transform: uppercase;}
.larg-view:hover, .larg-view:focus { text-decoration: none;}

.recommendation-white { float: left; width: 100%; padding:50px 0; background: #fff;}


.recom-resource-detail { float: left; width: 100%;}
.recom-resource-detail h2 { margin: 0 0 3rem; color: #231f20; }

/* Search Page */
.ezsearch-form {float: left; width: 100%; margin: 6rem 0;}
.ezsearch-result h2 {font-family: 'Public Sans'; text-transform: lowercase; font-size: 22px; margin: 0 0 20px; font-weight:600; }
/* Misc Classes */
.wrapper { position: relative; }

/* Grid Template Stlying */
.grid-section h3 {margin-bottom: 2.5rem;}
.grid-section ol {font-weight: 600; margin-bottom: 2rem; }
.grid-section ul { margin-bottom: 2rem;}
.grid-section ol li {margin-bottom: 1.5rem; color: #000; }
.grid-section img { max-width: 100%; margin-bottom: 2rem; }
a {color: #256CFD; font-weight: 600;}
.grid-section .column {
    margin-bottom: 2rem;
}
a:hover, 
a:focus,
a:active {  text-decoration: underline; outline: #256CFD; }
div.umb-grid,
.mainWrapper { margin-bottom: 3em; }
.mainWrapper div.umb-grid {
    margin-bottom: 0;
}

.breadcrumb > .active { font-weight: bold; }


@media print {
    header,
    .pronsw-banner-sec,
    .pronsw-banner-title,
    .harbour-img,
    .harbour-tab,
    footer {display: none;}
}
.tabPanelPage .harbour-tab-sec { margin-bottom: 4rem;}
.tabPanelPage .harbour-tab-sec { border-top: 1px solid #ccc; }
@media screen and (min-width: 768px) {
    .tabPanelPage .harbour-tab-sec {
        padding-top: 4rem;
    }
}
@media (max-width: 1199px) and (min-width: 768px) {
    .tabPanelPage .harbour-tab li {
    padding: 0 15px;
    }
}

/* New DG block styles */
.darkgrey-block {
    background: #4d4e50;
}
.darkgrey-block *,
.darkgrey-block .news-detail h2,
.darkgrey-block .news-detail h3 {
    color: white;
}
.darkgrey-block .readmore:hover span,
.drop-content .readmore:hover span,
.darkgrey-block .readmore:active span,
.drop-content .readmore:active span,
.darkgrey-block .readmore:focus span,
.drop-content .readmore:focus span {
    background: #D913AE;
}
.darkgrey-block .readmore:hover i,
.drop-content .readmore:hover i,
.darkgrey-block .readmore:active i,
.drop-content .readmore:active i,
.darkgrey-block .readmore:focus i,
.drop-content .readmore:focus icon {
    color: #D913AE;
}    

.darkgrey-block .strategy-heading:before {
    border-bottom: 3px solid white;
}
.macroImageWithDl {
    text-align: center;
}
.macroImageWithDl a {
    display: block;
    margin-top: 1em;
}

/* Back to Top Button Styles */
.backToTop {
    position: fixed;
    right: 20px;
    bottom: 20px; 
    text-align: right;
    display: none;
    z-index: 1;
}
.backToTop.show,
.backToTop a {
    display: block;
}
.backToTop img {
    display: inline-block;
}
.backToTop a,
.backToTop img {
    float: none;
    cursor: pointer;
}

/* Recommendations blue section link styles */
.recommendation-blue a:hover,
.recommendation-blue a:active,
.recommendation-blue a:focus {
    color: #D913AE;
}    

.share-block {
    margin:0 1.5rem 2rem;
    float: left;
}

.st-custom-button {
    margin: 0 2rem 1rem 0;
    cursor: pointer;
}

/* Table Styles */
table {
    margin: 1em;
    width: 100% !important;
}
td {
    padding: 1rem 0.5rem;
}
tr {
    border-bottom: 1px solid #ccc;
}
tr:last-child {
    border: none;
}

/* Simple Form Styles */
#simpleForm {
	margin: 0 0 2rem;
}
#simpleForm .hiddenFields {
	display: none;
}
#simpleForm button {
	background: #256CFD;
    color: #fff;
	border: none;
	text-transform: uppercase;
	font-size: inherit;
	border-radius: 0px;
}
#simpleForm button:disabled {
	background: rgb(230,228,229);
    color: black;
	text-decoration: underline;
}
#simpleForm .formResponse {
	font-weight: 600;
}
#simpleForm .formResponse * {
	font-weight: inherit;
}


#resCarousel { margin: 0 -15px 40px; border: 1px solid #5a5c5e; }
#resCarousel .about-harbour { width: 100%; }

#resCarousel h3,
#resCarousel h3 a,
#resCarousel h4 {
	font-weight: 600;
	color: white;
}
#resCarousel h4 {
	margin-bottom: 10px;
}
@media (min-width: 1000px){
#resCarousel { margin: 0 0 40px; }
#resCarousel h3 { font-size: 28px; }
#resCarousel h4 { font-size: 22px; }
}

#sick1 { padding: 50px 20px 0; background-color: #6A6A6A; }
#sick1 > div > section:nth-child(3n+1) { clear: both; }



/* PIPELINE STYLING */
.code-red { color: #e83c44; }
.code-green { color: #57b456; }
.code-yellow { color: #f99d25; }
.code-blue { color: #1aa3d1; }
.code-black { color: #000; }
.code-red, .code-green, .code-yellow, .code-blue, .code-black { font-weight: 700; }

.key-container { display: flex; flex-wrap: wrap; justify-content: space-between; }
.key-section { width: 100%; margin-bottom: 1.5rem; border-bottom: 1px #000 solid; }
.key-table { font-size: 16px; margin: 0 0 2rem; }
.key-table thead tr th { padding-bottom: 1rem; }
.key-table tr { border: 0; }
.key-table tr > * { padding: 0 .5rem .5rem; }
.disclaimer { margin-bottom: 3rem; }
.disclaimer p { font-size: 16px; color: #333; font-weight: 400; }

.project-nav { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.project-nav + .row { display: flex; flex-wrap: wrap; }
.project-nav .back-link { position: relative; text-decoration: underline; color: #006A94; }
.project-nav .back-link:hover { text-decoration: none; }
.project-nav .back-link:before {
    content: "";
    position: relative;
    top: 4px;
    margin-left: -16px;
    margin-right: 1rem;
    display: inline-block;
    border: 16px solid transparent;
    border-right-color: #ec008c;
    border-right-width: 20px;
    border-top-width: 10px;
    border-bottom-width: 10px;
}

.internal-project { font-size: 16px; margin: 0 0 3rem; color: #000; }
.internal-project .sector { margin-bottom: 2rem; }
.internal-project tbody { background: #f0f9fd; }
.internal-project tbody tr { border-bottom: 1px #000 solid; }
.internal-project tr *:first-child { font-weight: 600; }

.blue-block-section { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 1rem; }
.blue-block-section .blue-block { background: #6fd0f6; color: #FFF; padding: 1.5rem 1rem; width: 100%; margin-bottom: 1rem; }
.blue-block-section .blue-block h4 { font-size: 2rem; font-weight: 600; line-height: 2.4rem; }
.blue-block-section .blue-block h5 { text-transform: uppercase; font-size: 1.2rem; font-weight: 700; margin-bottom: .5rem; }

.project-info { display: flex; flex-direction: column; margin-bottom: 3rem; }
.project-contact, .project-map { border: 1px #6fd0f6 solid; }
.project-contact { padding: 1rem 1.5rem; margin-bottom: 2rem; }
.project-contact h3 { color: #006a94; font-size: 2rem; font-weight: 700; margin-bottom: 1rem; }
.project-contact a { text-decoration: underline; }
.project-contact a:hover { text-decoration: none; }
.project-contact .light { font-weight: 400; }

.project-map { flex-grow: 1; display: flex; }
.project-map iframe { width: 100%; height: auto; }

@media(max-width:375px) {
	.pipe, .key-table, .internal-project, .disclaimer p { font-size: 12px; }
	.sector:before { border-top-width: 10px; border-bottom-width: 10px; }
}
@media(max-width:767px) {
	.project-info { width: 100%; }
	.project-map iframe { height: 300px; }
}
@media(min-width:992px) {
	.internal-project, .project-info { margin-bottom: 6rem; }

	.blue-block-section { margin-bottom: 2rem; }
	.blue-block-section .blue-block { flex: 0 0 49.5%; max-width: 49.5%; margin-bottom: 0; }
}
@media(min-width:1200px) {
	.key-container { border-bottom: 1px #000 solid; margin: 0 -15px 2rem; }
	.key-section { width: auto; border: 0; margin: 0; padding: 0 15px; }
	.disclaimer { margin-bottom: 6rem; }
}

.gateway-rev .umb-grid { margin: 0; }
.gateway-rev .container { padding: 0; }

.harbour-tab-content #sick1 .col-sm-4 {
	padding: 0 15px;
}
.about-harbour table tr {
    border-color: #000;
}
.about-harbour table td {
    padding: 1rem;
    vertical-align: top;
    color: #58595b;
    font-weight: 300;
    border-color: #000;
}
@media(max-width:767px) {
    .tab-content .grid-section ul {
        padding-left: 20px !important;
    }
}

/* Home new banner */
.caretaker-period {
	float: left;
	width: 100%;
	padding: 2rem 0;
	background: #757575;
	border-top: 1px #FFF solid;
	margin-bottom: 3rem;
}
.caretaker-period p, .caretaker-period a {
	color: #FFF;
	font-size: 1.4rem;
}
.caretaker-period p {
	margin: 0;
}
.caretaker-period a:hover, .caretaker-period a:focus {
	color: #FFF;
	text-decoration: underline;
}
@media(min-width:992px) {
	.caretaker-period p {
		padding: 0 3rem;
	}
}

#fixedSide {
    max-width: 100%;
    z-index: 5;
}
#fixedSide.fixed {
    position: relative;
    top: 0;
}
@media(max-width:991px) {
    #fixedSide {
        padding: 0;
    }
}

/* Changes 2/12/19 */
.menu {
    /*float: left; THIS NEEDS TO GO BACK ON ONCE LIVE*/
    margin: 0 -8.5px;
}

.navbar-search {
    float: right;
}
.navbar-search form {
    margin-bottom: 1rem;
}
.navbar-search .skip-content {
    float: right;
}

.industry-slider .topSliderControls {
    right: 32px;
}

.industry-flex {
    display: flex;
    flex-wrap: wrap;
}
.mission-statement, .slider-wrap {
    width: 100%;
}
@media(min-width:992px) {
    .mission-statement, .slider-wrap {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.slider-wrap {
    position: relative;
}

.mission-statement {
    position: relative;
    background-color: #256CFD;
    
}
/* Counter RTE*/
.mission-statement * {
    color: #FFF !important;
}
.mission-statement_text {
    padding: 2rem;
    font-family: 'Public Sans', sans-serif;
}
.industry-first .advice .mainHeading {
    font-family: 'Public Sans', sans-serif;
}
.case-archive .mainHeading {
    font-family: 'Public Sans', sans-serif;
    text-transform:uppercase;
}
@media(min-width:992px) {
    .mission-statement_text {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 75%;
        left: 12.5%;
        padding: 0;
    }
}

.cs-slide img {
    display: block;
    width: 100%;
}
.cs-slide .text {
    background-color: #757575;
    color: #FFF;
    padding: 20px  10px 15px 20px;
}
.cs-slide h4 {
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.cs-slide p {
    color: inherit;
}
.cs-slide .readmore {
    float: none;
}

h4.upper a {
    text-transform: uppercase;
}
@media(min-width:992px) {
    h4.upper a {
        display: block;
        min-height: 48px;
    }
}
.flex-between {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.expert-img {
    position: relative;
}
.video-block {
    color: #FFF;
    background-color: #757575;
    padding: 30px 0;
    margin-bottom: 6rem;
}
@media(min-width:992px) {
    .video-block {
        padding: 60px 0;
    }
}
.video-wrapper {
    max-width: 600px;
    margin: auto;
}
.video-player {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 1rem;
}
.video-player iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-wrapper p {
    margin: 0;
    font-weight: 400;
    color: inherit;
}
.case-archive .mainHeading {
    margin-bottom:0;
}
.case-study_desc p {
    color: #58595b; /* Same as the standard para*/
}


/* Case Study */
.harbour-tab-content .col-sm-7 {
    padding-left: 0
}

.harbour-tab-content .col-sm-5 {
    padding-right: 0
}

.fact-board img {
    width: 100%;
}

.fact-board_item {
    display: flex;
}

.fact-board_item .fb-top {
    flex-basis: 33%;
    max-width: 33%;
}

.fact-board_item .fb-bottom {
    flex-grow: 1;
    flex-basis: 67%;
    max-width: 67%;
}

.fact-board_item .fb-top, .fact-board_item .fb-bottom {
    padding: 10px;
    border: 1px solid black;
}

.fact-board_item .fb-top {
    background-color: aqua;
    border-radius: 20px;
}

.fact-board_item .fb-top > * {
    height: 100%;
    width: 100%;
    display: block;
    background-color: orange;
}

.case-video {
    padding-bottom: 56.25%;
    position: relative;
    display: block;
    width: 100%;
    margin-top: 4rem;
}

    .case-video iframe {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

.point-image_item {
    margin-bottom: 4rem;
}

    .point-image_item img {
        width: 100%;
    }

.fact-board {
    padding: 2rem 5rem;
    background-color: #bcbbbb;
}

.fast-facts span {
    display: block;
}

.fast-facts .heading {
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 1rem;
    color: #256CFD;
    text-align: center;
}

.fast-facts .fact {
    display: flex;
    margin-bottom: 0.5rem;
    color: white;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 1.25rem;
}

.fast-facts .fact span {
    padding-left: 5rem;
}

/* Expose changes 15/01/2020 */
.mainHeading {
    font-weight: 400;
}
h4.upper a {
    min-height: 2.2em;
    margin-bottom: .2em;
}

.industry-slide {
    display: flex;
    flex-wrap: wrap;
}
.industry-slide > div {
    width: 100%;
    display: flex;
    flex-direction: column;
}
@media(min-width:992px) {
    .industry-slide > div {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .mission-statement, .slider-wrap {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
.industry-slide .text {
    flex-grow: 1;
}
.industry-slide .industry-slide_left .text {
    background-color: #757575;
}
.industry-slide_mission {
    font-size: 36px;
    font-family: 'Public Sans', sans-serif;
}
@media(max-width:991px) {
    .industry-slide_left .text h4 {
        min-height: 44px;
    }
}

@media(min-width:992px) {
    .hide-desktop {
        display: none !important;
    }
}
@media(max-width:991px) {
    .hide-mobile {
        display: none !important;
    }
}

/* Pipeline */
.tab-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -1rem 1.5rem;
}
.tab-nav li {
    padding: 0 1rem;
}
@media(min-width:992px) {
    .tab-nav {
        justify-content: flex-start;
        margin: 0 -3rem 1.5rem;
    }
    .tab-nav li {
        padding: 0 3rem;
    }
}
.tab-nav a {
    display: block;
    position: relative;
}
.tab-nav a.active {
    color: #0095da;
}
.tab-nav a.active:after {
    content: '';
    border: 16px transparent solid;
    border-bottom-color: #f3f3f3;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
}
@media(max-width:450px) {
    .tab-nav h1 {
        font-size: 36px;
    }
}
@media(max-width:400px) {
    .tab-nav h1 {
        font-size: 32px;
    }
}
@media(max-width:350px) {
    .tab-nav h1 {
        font-size: 27px;
    }
}
.tab-panel {
    margin-bottom: 3rem;
}
.tab-panel:not(.active) {
    display: none;
}

.project-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    color: #000;
    background-color: #f3f3f3;
    margin: 0 -1.5rem;
    padding: 1.5rem .5rem;
}
@media(min-width:992px) {
    .project-form {
        margin: 0;
        padding: 2.5rem 1.5rem 1rem;
    }
}
.project-form_legend {
    width: 100%;
    padding: 0 1rem;
}
.project-form_legend h2 {
    margin-bottom: 1rem;
}

.project-form label {
    position: relative;
    z-index: 0;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.project-form label:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -3px;
    right: 2rem;
    border: 16px solid transparent;
    border-top-color: #006a94;
    border-top-width: 12px;
    border-left-width: 9px;
    border-right-width: 9px;
}
.project-form label:first-of-type:after {
    display: none;
}

.project-form select, .project-form input {
    display: block;
    width: 100%;
    margin: 0;
    background: transparent;
    border: 1px #002258 solid;
    border-radius: 0;
    -webkit-border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.project-form select::-ms-expand {
    display: none;
}
.project-form select {
    padding: .75rem 3rem .75rem 1.5rem;
}
.project-form input {
    padding: .75rem 1.5rem;
}

.loading-text {
    display: none;
}
.loading .loading-text {
    display: block;
}
.loading .regular-text {
    display: none;
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
}
.icon-spinner {
    animation: spin .5s infinite linear;
}
@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.field-group {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-end;
    padding: 0 1rem;
    margin-bottom: 1rem;
}
.field-group_wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
}
@media(min-width:992px) {
    .field-group {
        margin-bottom: 2rem;
    }
    .field-group.field-group_small {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .field-group.field-group_large {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .field-group_wrap {
        flex: 0 0 66.66%;
        max-width: 66.66%;
    }
    .field-group_wrap .field-group {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media(min-width:1200px) {
    .field-group {
        margin-bottom: 3rem;
    }
    .field-group.field-group_small {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .field-group.field-group_large {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .field-group_wrap {
        flex: 0 0 25%;
        max-width: 25%;
    }
}
.field-group button {
    width: 100%;
    display: block;
    color: #FFF;
    font-weight: 600;
    padding: 6px 1.5rem;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
}
.filter-btn {
    background-color: #082664;
}
.clear-btn {
    background-color: #CDD3D6;
}
.filter-btn:hover, .clear-btn:hover {
    background-color: #006a94;
}
.load-btn {
    color: #ec008c;
    background-color: transparent;
    font-weight: 700;
    text-decoration: underline;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
}

.overflow-wrap {
    width: 100%;
    overflow-x: auto;
    position: relative;
}
.project-table {
    table-layout: fixed;
    font-size: 16px;
    margin: 0;
}
.project-table thead {
    color: #FFF;
    background-color: #0095da;
}
.project-table thead th {
    padding: 3rem 1rem;
    vertical-align: middle;
}
.project-table tbody {
    background-color: #f0f9fd;
}
.project-table tbody tr {
    border-bottom: 1px #000 solid;
}
.project-table tr {
    border: 0;
}
.project-table tr th {
    font-weight: 600;
    line-height: 2rem;
}
.project-table tr td {
    color: #000;
    vertical-align: middle;
}
.project-table tr td a {
    text-decoration: underline;
}
.project-table tr > * {
    width: 10%;
    padding: 1rem;
    vertical-align: bottom;
}
.project-table tr > :first-child {
    width: 40%;
}
.project-table_footer {
    text-align: center;
    padding: 1.5rem 0;
    border-bottom: 1px #000 solid;
}

.project-table_key {
    padding: 3rem 0;
    margin-bottom: 3rem;
    border-bottom: 1px #000 solid;
}
.project-table_key p {
    color: #000;
    margin-bottom: 1rem;
}
.project-table_key p:first-child strong {
    font-weight: 700;
}
.project-table_key p:last-child {
    margin-bottom: 0;
}

@media(max-width:991px) {
    .project-table_key p:first-child {
        margin-top: 3rem;
    }
    .project-table_key {
        padding: 0 0 3rem;
        margin: 0 0 3rem;
    }
    .breadcrumb-gap.active {
        padding: 6px 0 6px 10px;
    }
}

/* PRECINCTS TABLE FIX */
#tab-precincts tr > * {
    width: 50%;
}
@media(max-width:991px) {
    #tab-precincts tr, #tab-precincts tr td {
        display: block;
        width: 100%;
    }
    #tab-precincts tr {
        border: none;
    }
    #tab-precincts tr > * {
        width: 100%;
    }
    #tab-precincts tr th:last-child {
        display: none;
    }
    #tab-precincts tr td {
        border-bottom: 1px #000 solid;
    }
}

/* COVID */
.covid-sec {
    color: #333333;
    background-color: #ffcb2d;
    padding: 20px 0;
}
.covid {
    position: relative;
}
.covid .covid-close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 3.2rem;
    line-height: .6;
    text-decoration: none;
}
.covid h3 {
    margin-bottom: 1rem;
}
.covid a {
    color: inherit;
    text-decoration: underline;
}
.covid a:hover, .covid a:focus {
    color: #000;
}
@media(min-width:992px) {
    .covid .covid-close {
        font-size: 4.8rem;
    }
}

/* FAQS */
.faq {
    width: 100%;
    float: left;
    padding: 2rem 0;
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
}
.faq + .faq {
    border-top: 0;
}
.faq + p {
    margin-top: 2rem;
}
.faq_toggle {
    position: relative;
    display: block;
    padding-right: 2rem;
}
.faq_toggle:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1rem;
    height: 1rem;
    border: 2px transparent solid;
    border-bottom-color: currentColor;
    border-right-color: currentColor;
    transform: translate3d(0, -100%, 0) rotate(45deg);
}
.faq_toggle.open:after {
    transform: translate3d(0, -50%, 0) rotate(225deg);
}
.faq_content {
    display: none;
    margin: 2rem 0 0;
    /*white-space: pre-line;*/
}
.faq_content ol {
    font-weight: inherit;
    margin-bottom: 0;
}
.faq_content ol li {
    margin-bottom: 0;
}
.faq_content ol + p {
    margin-top: 2rem;
}
.faq .faq_content ul {
    float: none;
}
.faq .faq_content ul li {
    margin-bottom: 1.5rem;
}
.faq .faq_content ul li ul li {
    margin-bottom: 1rem;
}
.faq .faq_content ul:last-child, .faq .faq_content ul li:last-child {
    margin-bottom: 0 !important;
}