@import url('https://fonts.googleapis.com/css2?family=Aleo:wght@300;400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

/*
Site Blue: #224293
Site Green: #2fa736
Site Red  #c11a1f


font-family: "Jost", serif;
font-family: 'Aleo-', serif;

Menu Font: Work Sans, 24pt
Site Text Font:  Aleo
Text: #000;
*/
.goog-te-gadget-simple {
	background-color:#415067 !important;
}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed {
	color:#fff !important;
}
.goog-te-gadget-icon {
	display:none !important;
}

 .alignwide {
    margin-left  : -80px;
    margin-right : -80px;
}
.alignfull {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
}
.alignfull img {
    width: 100vw;
}

.sidebar-button img:hover {
    opacity:0.8;
}

.blue {
    background-color:#224492;
}
.green {
    background-color:#686868;
}

.main-header {
    background-color:rgba(255,255,255,0.7);
    position:fixed !important;
    border-width:0px;
}
.top-bar, .top-bar ul {
    background:transparent !important;
}
p {
    font-weight:300;
}
.home-mission-vision {
    border-top-width: 0px;
}
.button-bar {
    background-color: #415067;
    min-height:12px;
}
.top-bar .menu {
    margin-top: 1rem;
}

.submenu.menu.vertical {
    background-color:#acaf14;
}
.banner .banner-contnet h1 {
    font-family: "Jost", serif;
    text-transform:none !important;
    font-size: 38px!important;
    line-height: 56px!important;
    text-align: left;
    padding-left: 26%;
}
.banner .banner-contnet p {
    font-weight: 300 !important;
    font-size: 20px;
    width: 50%;
    margin: 0 auto;
    text-shadow: 1px 1px black;
}
.banner .banner-contnet {
    text-align:center;
}
.banner .grid-container {
    margin-top: 24rem;
}
h1, h2, h3, h4, h5, h6, p, li, table, a {
    font-family: "Jost", serif;
}

.home-mission-vision .our-mission p {
    text-align:left;
    padding-bottom:0px; 
}
.middle-box p {
    text-align:left !important;
}

.group-services {
    background-image:url('../img/capabilities-background.jpg');
    padding-top:3rem;
    padding-bottom:3rem;
    background-size:cover;
}
.group-services h3 {
    color:#fff;
}
.group-services p {
    color:#fff;
}
.group-services .callout h5 {
    text-align:left !important;
    padding-left:1rem; 
	position: absolute;
    padding: 0.5rem 1rem;
    margin-top: 1rem;
    width: 100%;
	background-color: rgb(47,167,54);
}
.group-services .callout {
    border-radius: 14px;
    border: 2px solid white;
    background-color: rgba(47,167,54,0.6);
    margin: 0px;
    padding-top:4rem;
    padding-left:1rem;
    padding-right:1rem;
    padding-bottom:4rem;
}
.group-services .callout.details {
    background-color: rgb(47,167,54);
    opacity:1;
	overflow:hidden;
}
.group-services .callout.details:hover {
    opacity:1;
}
.group-services .callout .button {
    background-color: #25852b !important;
    margin-bottom:0.5rem;
}

.group-services .callout .aholder {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.group-services .callout h4 {
    color: #fff;
    padding-left: 5rem !important;
    font-size: 1.1rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    background-image:url('../img/rosette_green.png');
    background-size: 60px;
    background-position: 14px 10px;
    background-repeat:no-repeat;
}
.group-services .blades.callout h4 {
    background-image:url('../img/rosette_blue.png');
    background-size: 60px;
    background-position: 14px 10px;
    background-repeat:no-repeat;
}
.group-services .energy.callout h4 {
    background-image:url('../img/rosette_yellow.png');
    background-size: 60px;
    background-position: 14px 10px;
    background-repeat:no-repeat;
}

.group-services .grid-x .grid-x .cell {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}
.group-services .callout.blades {
    background-color: rgba(40,33,131,0.6);
} 
.group-services .callout.energy {
    background-color: rgba(196,160,16,0.6);
}
.group-services .callout hr {
    border-width: 4px;
    width: 80%;
    float: left;
    margin-top: 0;
    border-color:rgb(47,167,54);
}
.group-services .callout.blades hr {
    border-color: #224492;
} 
.group-services .callout.details.blades, .group-services .callout.details.blades h5 {
    background-color: #224492;
}
.group-services .callout.energy hr {
    border-color: rgb(196,160,16);
}
.group-services .callout.details.energy, .group-services .callout.details.energy h5 {
    background-color: rgb(196,160,16);
}
.callout.preface {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 103%;
    height: 103% !important;
    display: flex;
    align-items: center;
}
.callout .middle-box {
    margin: 0;
    margin-top:1rem;
    display: block;
    vertical-align: middle;
    width:100%;
}
.group-services .callout.details.energy .button {
    background-color: #9C800C !important;
}
.group-services .callout.details.blades .button {
    background-color: #172e66 !important;
}

.home-overview .item h5 {
    font-size:70px;
}
.home-overview .item .sub-text {
    text-transform:uppercase;
}
.home-overview .item h5 {
    padding-top:3rem;
}
.item.miles {
    background-image:url('../img/icon-airoplane.png');
    background-size:50%;
    background-position: center;
    background-repeat:no-repeat;
}
.item.cables {
    background-image:url('../img/icon-present.png');
    background-size:50%;
    background-position: center;
    background-repeat:no-repeat;
}
.item.clients {
    background-image:url('../img/icon-person-stars.png');
    background-size:50%;
    background-position: center;
    background-repeat:no-repeat;
}
.item.coffee {
    background-image:url('../img/icon-cup.png');
    background-size:50%;
    background-position: center;
    background-repeat:no-repeat;
}
.home-overview {
    float:none;
    background-color: #415067 !important;
}

.values-vision {
    padding: 65px 0;
    position:relative;
}
.values-grid {
    margin-top:1rem;
    border-left: 0px solid rgb(47,167,54);
}
.values-grid .cell {
    margin-bottom:1rem;
}
.values-grid  p{
    text-transform:uppercase;
    margin-top:10px;
    margin-bottom:5px;
}

.values-vision::before {
    content: "";
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;  
    opacity: .4; 
    z-index: -1;
    background-image: none;
    background-position:138% 0%;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-size:65%;
  }

.things-section {
    background-color: #2fa736 !important;
}
.things-section .button {
    background-color: #787a0e !important;
}


  .odometer {
    width: 100%;
    text-align: center;
  }
  .cables .odometer .odometer-inside::after {
      content:"m";
  }
.banner .banner-contnet p {
    text-shadow: 1px 1px black;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
    border-radius: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform:uppercase;
}




.sectors .small-12 {
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    min-height:260px;
    padding:1rem;
}
.sectors .item-block {
    display: flex;
    align-items: center;
    height: 100%;
    border:1px solid white;
    border-radius:20px;
    background-color: rgba(0,0,0,0.2);
}
.sectors .item-block h6 {
    width:100%;
    color:#fff;
    font-size:1.6rem;
}
.sectors .cell.oil {
    background-image:url('../img/oil-platform.jpg');
}
.sectors .cell.renew {
    background-image:url('../img/solar.jpg');
}
.sectors .cell.chem {
    background-image:url('../img/power-station.jpg');
}
.sectors .cell.pharma {
    background-image:url('../img/pharamacy.jpg');
}

.things-section {
    float:none;
}
.home-map {
    float:none;
}
.staff-breaker .cell {
    display: flex;
    align-items: center;
}
.staff-breaker .cell .button {
    margin:0 auto;
}
.staff-breaker h5 {
    color:#fff;
    width:100%;
    text-align:center;
    font-size:22px;
}
.staff-breaker h5 img {
    padding: 10px;
}
.inner-container {
    float:none;
}
.inner-banner {
    background-image: url('../img/header-back-overlay-wide.svg');
    background-color: #415067 !important;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top left;
}

.latest-news .cell .cell {
    padding-bottom:1rem;
    padding-left:0.5rem;
    padding-right:0.5rem;
}
.latest-news .cell.large-4 {
    padding-bottom:1rem;
    padding-left:0.5rem;
    padding-right:0.5rem;
}
.callout.news {
    height:100%;
    background-size:contain;
    background-position:top;
    background-repeat:no-repeat;
    position:relative;
    border-width:0px;
    min-height:220px;
    margin-bottom:1rem;
    display: block;
}
.callout.news .date {
    position:absolute;
    top:8px;
    right:8px;
    padding: 2px 10px;
    color:#fff;
}
.staff-breaker .green {
    background-color:#667285;
}

.values-vision .button {
    border-bottom:#415067 2px solid;
    background-color:#fff !important;
    color:#000;
}

.hvlv-site .staff-breaker .green {
    background-color:#2fa736;
}
.hvlv-site .staff-breaker .green .button {
    background-color:#2a9630 !important;
}
.rental-site .staff-breaker .blue {
    background-color:rgb(198, 15, 13);
}
.rental-site .sub-services .callout {
    background-color:rgb(198, 15, 13);
}
.rental-site .news-body h5 {
    color:rgb(198, 15, 13) !important;
}
.rental-site .news-item .news-body a {
    border-color:rgb(198, 15, 13);
}
.rental-site #nav-menu .menu a:hover, .rental-site #nav-menu .menu a:focus {
    background-color:rgb(198, 15, 13) !important;
} 

.training-site .staff-breaker .blue {
    background-color:#415067;
}
.training-site .sub-services .callout {
    background-color:#415067;
}
.training-site .news-body h5 {
    color:#415067 !important;
}
.training-site .news-item .news-body a {
    border-color:#415067;
}

.callout.news .content {
    padding:1rem;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    border:2px solid #415067;
}
.callout.news .content .button {
    font-size: 11px;
    margin-bottom: 0px;
    margin-top: 10px;
    width: 90px;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
    border-bottom: 2px solid #415067;
    color: #000;
    background-color: #fff !important;
    padding-left: 5px;
    padding-right: 5px;
}
.callout.news .content .button:hover {
    background-color:#415067 !important;
}
.callout.news .content h5 {
    font-size: 0.8rem;
    color: #000;
}
.callout.news .content p {
    font-size: 10px;
    color: #fff;
}
.callout.news.green .date {
    background-color:#415067;
}
.callout.news.blue .date {
    background-color:#224293;
}
.callout.news.red .date {
    background-color:#c11a1f;
}

.callout.news.green .content {
background-color:#fff;
}
.callout.news.blue .content  {
    background-color: rgba(40,33,131,0.6);
}
.callout.news.red .content  {
    border-color: rgba(193,26,31,0.6);
}

.home-news {
    position:relative;
}
.input-group-field {
    background-color: transparent;border: 1px solid white;height: 1.7rem;
}
.home-news::before {
    content: "";
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;  
    opacity: .4; 
    z-index: -1;
    background-image: none;
    background-position: -270px 0%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 65%;
}
.submenu.menu.is-dropdown-submenu {
    background-color:rgba(0,0,0,0.5)!important;
    border: 0;
    margin-top: 10px;
}
#nav-menu .menu a:hover, #nav-menu .menu a:focus {
    background-color: #415067 !important;
}
.button {
    background-color:#415067 !important;
}
.button:hover {
    background-color: #494949!important;
    color: #fff!important;
}
  
.home-client-section {
    padding: 30px 0 20px;
    float: none;
    width: 100%;
}
.home-contact {
    background-color:#415067 !important;
    float:none;
    padding-top:40px;
}
.home-contact h5 {
    color:#fff;
}
.home-contact p {
    color:#fff;
}
.home-contact p a {
    font-weight:bold;
    color:#fff !important;
}
/*
Site Blue: #224293
Site Green: #2fa736
Site Red  #c11a1f


Menu Font: Work Sans, 24pt
Site Text Font:  Aleo
Text: #000;
*/

.inner-banner {
    min-height:400px !important;
}
.inner-banner .banner-contnet {
    margin-top:200px !important; 
}
.inner-content h2 {
    font-size:2.2rem;
    margin-bottom:1rem;
}
.inner-container ul {
    font-weight:300;
}

#nav-menu .menu a {
    padding: 20px 18px;
}
.home-contact .green-list a {
    color:#fff;
}

.return-group {
    color:#fff !important;
    margin-top: 7px;
    display: block;
}

.sub-services .callout {
    display: flex;
    align-items: baseline;
    border-radius:20px;
    border-width:0px;
    background-position: center;
    background-repeat:no-repeat;
    background-color: #415067 !important;
    background-size: auto 43%;
}
.sub-services .callout h4 {
    color:#fff;
}
.sub-services .callout p {
    color:#fff;
}
.button-bar .input-group {
    padding-top:0.4rem !important;
    margin-bottom:0.4rem;
}


/* Sub Site Colours Section - START */
.hvlv-site .staff-breaker .blue {
    background-color:#415067 !important; 
}
.energy-site .staff-breaker .blue {
    background-color:#415067 !important; 
}
.blades-site .staff-breaker .blue {
    background-color:#415067 !important; 
}
.blades-site .namePlate {
    background-color: #224293;
}
.energy-site .namePlate {
    background-color:#C4A010;
}
.rental-site .namePlate {
    background-color:rgb(198, 15, 13);
}
.training-site .namePlate {
    background-color:#415067;
}

.hvlv-site .inner-banner {
    background-color:#415067 !important; 
}
.energy-site .inner-banner {
    background-color:#415067 !important; 
}
.blades-site .inner-banner {
    background-color:#415067 !important; 
}

.sub-services .callout ul {
    color:#fff;
    text-align:left;
}

.hvlv-site .sub-services .callout {
    background-color: #2fa736;
}
.hvlv-site .sub-services .callout .button {
    background-color: #2a9630!important;
}
.hvlv-site .button-bar {
    background-color: #415067;
}
.hvlv .home-contact {
    background-color: #415067 !important;
}

.blades-site .home-mission-vision {
    border-color:#224293;
}
.blades-site .sub-services .callout {
    background-color: #224293;
} 
.blades-site .sub-services .callout .button {
    background-color: #172e66 !important;
}
.blades-site .button-bar {
    background-color: #415067;
}
.blades-site .staff-breaker .green {
    background-color:#224293 !important; 
}
.blades-site .staff-breaker .green .button {
    background-color:#172e66 !important; 
}
.blades-site .home-contact {
    background-color: #415067 !important;
}

.blades-site .submenu.menu.is-dropdown-submenu {
    background-color: #172e66 !important;
}

.blades-site #nav-menu .menu a:hover, .blades-site #nav-menu .menu a:focus {
    background-color: #224293 !important;
}

.energy-site .home-mission-vision {
    border-color:#C4A010;
}
.energy-site .sub-services .callout {
    background-color: #C4A010;
}
.energy-site .button-bar {
    background-color: #415067;
}
.energy-site .sub-services .callout .button {
    background-color: #9C800C !important;
}
.energy-site .staff-breaker .green {
    background-color:#C4A010 !important; 
}
.energy-site .staff-breaker .green .button {
    background-color:#9C800C !important; 
}
.energy-site .home-contact {
    background-color: #415067 !important;
}

.energy-site .submenu.menu.is-dropdown-submenu {
    background-color: #C4A010 !important;
}

.energy-site #nav-menu .menu a:hover, .energy-site #nav-menu .menu a:focus {
    background-color: #C4A010 !important;
}
/* Sub Site Colours Section - END */

.topps {
    padding:10px;
    background-color:white;
    border-radius:16px;
    max-width:50%;
}
.logo-swirl {
    max-width: 30%;
    margin-bottom: 1rem;
    margin-left: -5px;
}
.pagination a, .pagination button {
    display:inline-block;
}
.leaflet-popup-content .button {
    color:#fff !important;
}

/*
Site Blue: #224293
Site Green: #2fa736
Site Red  #c11a1f


Menu Font: Work Sans, 24pt
Site Text Font:  Aleo
Text: #000;
*/

@media only screen and (max-width: 1024px) {
    .main-header {
        position:relative !important;
    }
    #bgvid {
        bottom:0px !important;
    }
}
html {
overflow-x: hidden;
}
.group-services .callout > img {width:100%;}

@media only screen and (max-width: 600px) {
    .staff-breaker .button {
        margin-top:1rem !important;
        margin-bottom:1rem !important;
    }
    .staff-breaker h5 {
        margin-top:1rem !important;
        margin-bottom:1rem !important;
    }
    .staff-breaker h5 img {
        width:50px !important;
    }
    .main-header {
        position: fixed !important;
        background-color: rgba(0,0,0,0.9) !important;
    }
    .main-header .cell.large-4.medium-12 a img {
        margin-top:1rem;
        margin-bottom:1rem;
    }
    .blades-site .title-bar {
        background-color:#224293 !important;
    }
    .energy-site .title-bar {
        background-color:#C4A010 !important;
    }
    #nav-menu {
        background-color:#333333 !important;
    }
    .menu.accordion-menu a {
        font-size:12px !important; 
    }

    .banner .banner-contnet h1 {
        padding-left:2% !important;
    }
    .banner .grid-container {
        margin-top:8rem;
    }
    .top-level-logo {
        max-width:160px !important;
    }
    .main-header .title-bar {
        padding: 10px 10px;
    }
    .title-bar {
        background-color:#415067 !important;
    }
    .bottom-level-logo {
        max-width:255px;
        padding-top:0px !important;
    }
}