/*
Description: 	GMO Website
*/
/* Small devices (tablets, 768px and up) */
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */


@font-face {
  font-family: "avenir-light";
  src: url("../fonts/Avenir-Light.woff") format('woff');
  font-weight: 300;
}

@font-face {
  font-family: "avenir-book";
  src: url("../fonts/Avenir-Book.woff") format('woff');
  font-weight: 400;
}

@font-face {
  font-family: "avenir-black";
  src: url("../fonts/Avenir-Black.eot") format('eot');
  font-weight: 900;
}

.sticky {
  position: fixed!important;
  top: 46px!important;
  width: 100%!important;
  background-color: #151F6D!important;
  transition: 0.25s all ease;
  padding-top:30px!important;
}

.sticky .logo img {
  max-width:85px;
}

.sticky .nav-link {
  font-size: 13px;
}

.sticky .navbar-nav.mr-auto {
  top: -5px;
  position: relative;
}

.sticky .navbar {
  padding-top: 0;
  padding-bottom: 0;
}

.main-header.sticky .logo img {
  top: 0px;
}

.logoContainer {
  width: 20%;
  float: left; }
  @media screen and (max-width: 768px) {
    .logoContainer {
      width: 50%;
      float: left; } }

.small-header .main-header {
    /* background: rgba(32,39,42, 0.7); */
    background: rgba(45, 46, 128, 0.8);
    position: fixed;
    top: 46px;
    z-index: 100;
    padding-top:30px;
    transition: 0.25s all ease;
  }

    body.home .main-header, .search-results .main-header {
      background: none;
  }

  

/* ===== Main Navigation ===== */
.main-nav {
  float: right;
  width: 80%; }
  @media screen and (max-width: 768px) {
    .main-nav {
      float: right;
      width: 80%;
      margin-top: -60px; } }
  .main-nav ul {
    list-style: none;
    color: white;
    display: inline-block;
    float: right;
    padding-top: 20px; }
    @media screen and (max-width: 768px) {
      .main-nav ul {
        width: 100%;
        text-align: right;
        border: none; } }
    .main-nav ul li {
      list-style: none;
      color: white;
      display: inline-block; }
      @media screen and (max-width: 768px) {
        .main-nav ul li {
          width: 100%;
          text-align: right;
          border: none; } }
      .main-nav ul li a {
        text-decoration: none;
        color: #FFFFFF;
        font-size: 14px;
        text-transform: uppercase;
        color:rgba(255,255,255, 0.44);
        text-align: center; }
        @media screen and (max-width: 1200px) {
          .main-nav ul li a {
            font-size: 13px;
            padding: 10px; } }
        .main-nav ul li a:hover {
          background: none;
          text-decoration: none;
          color:white; }
        .main-nav ul li a:focus {
          background: none;
          text-decoration: none;
          color:white; }

/* ===== Page Sidebar ===== */
.sidebar {
  background: #FFFFFF;
  padding: 3% 6%; }
  @media screen and (max-width: 768px) {
    .sidebar {
      padding: 5% 6%; } }
  .sidebar ul {
    list-style: none;
    color: black; }
    @media screen and (max-width: 768px) {
      .sidebar ul {
        padding-top: 20px; } }
    .sidebar ul li {
      padding-bottom: 30px; }
      .sidebar ul li:last-child {
        padding-bottom: 0; }
      .sidebar ul li a {
        color: black;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-weight: 500; }
      .sidebar ul li .active {
        color: #151F6D; }

/* ===== Bootstrap Overrides ===== */
.navbar-toggle {
  border: none; }
  .navbar-toggle .icon-bar {
    background: white; }

.navbar-collapse {
  border: none !important;
  box-shadow: none !important; }

body {
  font-size: 16px;
  font-family: "Avenir", sans-serif;
  line-height: 1.3;
  font-weight: normal; }

p {
  font-size: 18px; }
  @media screen and (max-width: 768px) {
    p {
      font-size: 16px; } }

h2 {
  font-size: 30px;
  font-weight: 500; }
  @media screen and (max-width: 768px) {
    h2 {
      font-size: 20px; } }

h3 {
  font-size: 20px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #151F6D;
  font-weight: 500; }
  @media screen and (max-width: 768px) {
    h3 {
      font-size: 16px; } }

/* IE 10 in Windows 8 Device Size Fix */
@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

.pt-20 {
  padding-top: 20px; }

body {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden; }

/*==============================
=          Structure          =
==============================*/
section {
  padding: 6% 0;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    section {
      padding-top: 20px;
      padding-bottom: 20px; } }

.nopadding {
  padding: 0; }

/* .container {
  width: 85%;
  margin: 0 auto; } */

.sidebarPage {
  padding: 10% 0; }
  @media screen and (max-width: 768px) {
    .sidebarPage {
      padding-top: 0; } }

/*==============================
=            Header            =
==============================*/
.main-header {
  width: 100%;
  background: none;
  position: absolute;
  top: 0;
  padding-top: 30px; }
  @media screen and (max-width: 768px) {
    .main-header {
      position: relative;
      background: #151F6D; } }

.hero-header {
  background: #151F6D;
  background-image: url("../images/home-hero.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width:100%;
  /* padding: 12% 0; */
  color: white;
  padding-top: 200px; 
  min-height: 472px;
  max-height: 600px;



}
  @media screen and (max-width: 768px) {
    .hero-header {
      padding-top: 250px;
      padding-bottom: 70px; } }
.hero-header h1 {
    line-height: 55px;
    padding-top: 50px;
    font-weight: 400;
    color:white;
    font-size:40px; 
    margin-bottom:0;
    padding-bottom: 0;
    letter-spacing: 0.5px;
  }
    @media screen and (max-width: 768px) {
      .hero-header h1 {
        line-height: 35px;
        padding-top: 0; 
      font-size:22px;
      
      
      
      } }
      
  .hero-header h2 {
    width: 80%;
    padding-bottom: 30px;
    line-height: 28px;
    padding-top: 8px;
    font-weight: 400; 
    margin-top: 0;
  }
    @media screen and (max-width: 768px) {
      .hero-header h2 {
        width: 100%;
        line-height: 14px;
        padding-top: 0; } }

  .hero-header h2 > p { 
    font-size:18px;
    padding-bottom:10px;
    font-family: "avenir-light";
  }

  .hero-header h2 > p > strong{ 
    font-family: "avenir";
    font-weight: 400;
  }

  @media screen and (max-width: 768px) {
    .hero-header h2 > p { 
      font-size: 16px;
      padding-bottom: 10px;
      padding-top: 10px;
      line-height: normal;
    } }

.hero-header-reduced {
  background: #151F6D;
  background-image: url("../images/gas-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 6% 0;
  color: white;
  padding-top: 150px; }
  @media screen and (max-width: 768px) {
    .hero-header-reduced {
      padding-top: 40px;
      padding-bottom: 70px; } }
  .hero-header-reduced h2 {
    width: 65%;
    padding-bottom: 30px;
    line-height: 45px;
    padding-top: 6%;
    font-weight: 500; }
    @media screen and (max-width: 768px) {
      .hero-header-reduced h2 {
        width: 100%;
        line-height: 35px;
        padding-top: 0; } }

/*==============================
=            Footer            =
==============================*/
footer {
  background: #151F6D;
  padding-top: 44px;
  padding-bottom: 15px;
  color: rgba(255,255,255, 0.44);
  font-size:14px;
}
  footer img {
    padding-bottom: 30px; }
  footer .list-unstyled {
    padding: 0;
    margin: 0; }
    @media screen and (max-width: 768px) {
      footer .list-unstyled {
        padding-top: 20px; } }
    footer .list-unstyled li {
      padding-bottom: 10px; }
      footer .list-unstyled li a {
        color: white;
        text-decoration: none; }
  footer .footerContact {
    float: right;
    text-align: left;
    line-height: 30px;
    color: #808080; }
    footer .footerContact a {
      color: #808080;
      text-decoration: none; }
    @media screen and (max-width: 768px) {
      footer .footerContact {
        display: none; } }
    footer .footerContact p {
      line-height: 1.5; }
    footer .footerContact .col-md-6:nth-child(2) p {
      line-height: 1.2; }
  footer .socialIcons {
    color: white;
    padding-top: 50px; }
    @media screen and (max-width: 768px) {
      footer .socialIcons {
        padding: 20px 0; } }
    footer .socialIcons a {
      color: white;
      text-decoration: none; }
      footer .socialIcons a i {
        font-size: 40px;
        padding-right: 20px; }
  footer .logo {
    width: 100%;
    /* margin-left: -20px; */
    max-width: 35px; }

    footer a {
      color: rgba(255,255,255, 0.44);
    }

    footer p {
      display: inline;
  }

/*================================
=            Homepage            =
================================*/
.homeAbout {
  background-size: contain;
  background-color: #F7F7F7; }
  @media screen and (max-width: 768px) {
    .homeAbout {
      background: #F7F7F7;
      background-image: none; } }
  /* .homeAbout h4 {
    font-size: 25px;
    width: 80%;
    clear: both;
    padding-top: 50px;
    color: #151F6D;
    line-height: 1.4; }
    @media screen and (max-width: 768px) {
      .homeAbout h4 {
        width: 100%; } } */
  .homeAbout p {
    width: 80%;
    clear: both;
    padding: 30px 0; }
    @media screen and (max-width: 768px) {
      .homeAbout p {
        width: 100%; } }
  .homeAbout ul {
    width: 75%;
    padding-bottom: 50px;
    padding-left: 0; }
    @media screen and (max-width: 768px) {
      .homeAbout ul {
        width: 100%; } }
    .homeAbout ul li {
      padding-bottom: 25px;
      background: url("../images/icon.png");
      background-repeat: no-repeat;
      padding-left: 50px;
      list-style: none; }

.pageTile {
  min-height: 300px;
  width: 95%;
  background: #F7F7F7;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom: 5px solid #151F6D; }
  @media screen and (max-width: 768px) {
    .pageTile {
      width: 100%;
      min-height: 250px; } }
  .pageTile h3 {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    padding-top: 40%;
    margin-top: 40px;
    color: white; }
  .pageTile a {
    color: white;
    text-decoration: none; }
    .pageTile a:hover {
      color: white;
      text-decoration: none; }
    .pageTile a:focus {
      color: white;
      text-decoration: none; }

.contactBoxes {
  background: #FFFFFF;
  /* padding: 5% 2%; */
  padding-top:0;
  padding-bottom: 0;
  color: #333; }
  @media screen and (max-width: 768px) {
    .contactBoxes {
      background-image: none; } }
  .contactBoxes h3 {
    color: #333;
    padding-bottom: 30px; }
  .contactBoxes a {
    color: #333;
    text-decoration: none; }

.homeNews h1 {
  text-align: center;
  font-size: 30px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #151F6D;
  padding-bottom: 30px; }

.homeNews h5 {
  padding-bottom: 20px;
  font-size: 20px;
  color: #808080; }

.homeNews h6 {
  padding: 20px 0;
  font-size: 14px;
  color: #151F6D;
  text-transform: uppercase; }

.homeNews p {
  padding-bottom: 30px;
  font-size: 16px;
  color: #808080; }

@media screen and (max-width: 768px) {
  .homeNews .col-md-4 {
    padding: 30px 0; } }

.homeNews .newsImage {
  width: 100%;
  min-height: 300px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-bottom: 5px solid #151F6D; }

/*================================
=         Sidebar Pages          =
================================*/
.articleContent p:first-child {
  color: #151F6D;
  font-size: 25px;
  font-style: italic;
  padding-bottom: 20px; }
  @media screen and (max-width: 768px) {
    .articleContent p:first-child {
      padding-top: 30px;
      font-size: 20px; } }

.articleContent a {
  color: #151F6D;
  text-decoration: none; }
  .articleContent a:hover {
    color: #151F6D;
    text-decoration: none; }

.articleContent h5 {
  color: #151F6D;
  padding: 10px 0;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 2px; }
  @media screen and (max-width: 768px) {
    .articleContent h5 {
      font-size: 18px; } }

.articleContent ul {
  padding: 20px 0;
  padding-left: 20px; }
  .articleContent ul li {
    padding-bottom: 20px; }

/*================================
=            Contact             =
================================*/
.contactBoxesGrey {
  background: #F7F7F7;
  background-image: url("../images/map.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  padding: 5% 0;
  color: black; }
  @media screen and (max-width: 768px) {
    .contactBoxesGrey {
      background-image: none; } }
  .contactBoxesGrey h3 {
    color: #151F6D;
    padding-bottom: 30px; }
  .contactBoxesGrey a {
    color: #808080;
    text-decoration: none; }
  .contactBoxesGrey p {
    color: #808080; }
  .contactBoxesGrey .socialIcons {
    color: #151F6D;
    padding-top: 50px; }
    @media screen and (max-width: 768px) {
      .contactBoxesGrey .socialIcons {
        display: none; } }
    .contactBoxesGrey .socialIcons a {
      color: #151F6D;
      text-decoration: none; }
      .contactBoxesGrey .socialIcons a i {
        font-size: 40px;
        padding-right: 20px; }

/*================================
=      Publications             =
================================*/
.publication {
  padding-left: 18px;
  padding-bottom: 25px; }

/* ===== Logo ===== */
.logo {
  margin-top: -20px; 
}
  .logo img {
    width: 75%;
    max-width: 120px; 
    position: relative;
    top: 0;
  }


@media screen and (max-width:768px) {
  .logo img {
    width: 50%;
  }
}

/* ===== Right Link ===== */
.rightLink {
  float: right;
  padding-top: 10%;
  text-align: left; }
  @media screen and (max-width: 768px) {
    .rightLink {
      padding: 15% 0;
      float: none; } }
  .rightLink a {
    text-transform: uppercase;
    color: #151F6D;
    border-bottom: 2px solid #151F6D;
    padding-bottom: 20px;
    text-align: left;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 3px;
    font-weight: 500; }
    @media screen and (max-width: 768px) {
      .rightLink a {
        font-size: 15px; } }
    .rightLink a:hover {
      color: #151F6D;
      text-decoration: none; }

/* ===== Buttons ===== */
.white-btn {
  padding: 10px 20px;
  border: 1px solid white;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
  font-weight: 500; }
  .white-btn:hover {
    text-decoration: none;
    color: #FFF; }

.blue-line-btn {
  padding: 10px 20px;
  border: 1px solid #151F6D;
  text-transform: uppercase;
  text-decoration: none;
  color: #151F6D;
  font-weight: 500; }
  .blue-line-btn:hover {
    text-decoration: none;
    color: #151F6D; }

.blue-btn {
  padding: 10px 20px;
  background: #151F6D;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
  font-weight: 500; }
  .blue-btn:hover {
    text-decoration: none;
    color: #FFF; }


.purple-btn {
  padding: 20px 30px;
  background: #858BE4;
  text-transform: uppercase;
  text-decoration: none;
  color: #17173F;
  font-weight: 500; 
  font-size:15px;
  letter-spacing:1px;
}
  .purple-btn:hover {
    text-decoration: none;
    color: #FFF; }
/* ===== Smell Gas Box ===== */
.smellGas {
  width: 100%;
  position: fixed;
  right: 0;
  left:0;
  top:0;
  background: #959DF8;
  z-index: 100;
  text-align: right;
  height: 46px;
  padding: 10px;}
  @media screen and (max-width: 768px) {
    .smellGas {
      position:fixed;
      width:100%;
      margin-top:0;
      text-align: center;
    } }
  .smellGas a {
    text-decoration:none;
    color:white;
    margin-top: -10px;
    position: relative;
    display: block;
  
  }
  .smellGas h2 {
    margin-top:12px;
    font-size:22px;
    font-weight:400;
    display:inline-block;
    letter-spacing: 1px;
    color:white; 
    font-family: "Avenir", sans-serif;}
    @media screen and (max-width: 768px) { 

      .smellGas h2 { 
        padding-top:0px;
        font-size:14px;
        margin: 0;
      }
    }
  .smellGas p {
    margin-bottom:0;
    font-size:15px;
    text-transform: uppercase;
    display:inline-block;
    color:#1F205D;
    letter-spacing: 1px;
    padding-right:15px;}

    @media screen and (max-width: 768px) {
      .smellGas p {
      display: block;
      padding-bottom: 5px;
      font-size:12px;
      padding-right: 0;
      padding-top: 5px;


    } }


/* ===== Grey Section ===== */
.grey {
  background: #F7F7F7; }

.credit {
  display:inline!important;
  font-size: 16px; 
  padding-left: 15px;
}
  .credit a {
    text-decoration: none;
    color: rgba(255,255,255, 0.44); 
    padding-left: 0;
  }

    /* 2021 reskin */

    .c-footer-links {
      padding-left: 15px;
      color:rgba(255,255,255, 0.44);
      font-size:16px;
      text-transform: uppercase;
      text-decoration: none;
    }

    @media screen and (max-width:768px) {
      .c-footer-links {
        display: block;
        padding-left: 0;
        padding-top: 10px;
      }
    }

    .c-footer-links:hover {
      color:white;
      text-decoration: none;
    }

    .c-home-vision-block {
      margin-bottom: 30px;
    }

    .c-home-vision-block h3 {
      font-size:25px;
      color:#24272A;
      text-transform: capitalize;
      line-height: 35px;
      margin-bottom: 0;
      padding-bottom: 11px;
      display: inline-block;
      letter-spacing: 0;
    }

    .c-home-vision-block p { 
      color:#333;
      font-size:18px;
      padding: 0;
      padding-left: 67px;
      font-family: "avenir-light";
    }

    .c-home-vision-block img {
      min-height: 60px;
      min-width: 60px;
      width:60px;
      position: relative;
      left: 0;
      display: inline-block;
      margin-right: 15px;
      top:15px;
    }

    .c-home-about-heading{
      font-family: "avenir-light";
      font-size:18px;
      padding-bottom: 20px;
    }

    .c-home-about-subheading {
      padding-top: 0;
      color:#24272A;
      font-weight: 300;
      font-size:34px;
      width: 80%;
      font-family: "avenir-light";
    }

    .c-home-about-subsubheading p {
      padding-top: 20px;
      color:#24272A;
      font-weight: 300;
      font-size:18px;
      width: 80%;
      font-family: "avenir-light";
    }

    .c-functions-block div {
      position: relative;
      top: -35px;
  }

  .c-home-text p {
    font-family: "avenir-light";
  }

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

      .c-home-vision-block h3 {
        font-size:16px; }

      .c-home-about-heading{
        font-size:16px;
        padding-bottom: 10px;
       }

      .c-home-about-subheading {
        font-size:14px;
       }

      .c-home-about-subsubheading p { 
        font-size:14px;
        padding-top:5px;
        padding-bottom: 5px;
      }

      .c-home-vision-block p {
        font-size:14px;
      }


     }


#wrapper {
padding-left: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#wrapper.toggled {
padding-right: 250px;
}

#sidebar-wrapper {
z-index: 1000;
position: fixed;
right: 250px;
width: 0;
height: 100%;
margin-right: -250px;
overflow-y: auto;
background: #171743;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
color:white;
}

#wrapper.toggled #sidebar-wrapper {
width: 100%;
top:66px;
padding:30px;
padding-top: 50px;
}

#sidebar-wrapper {
  top:66px;
}

#wrapper.toggled #page-content-wrapper {
position: absolute;
margin-right: 0px;
}


.c-sidebar-nav-item-arrow {
  background-image: url("../images/side-nav-arrow.svg");
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 20px;
 }

 .sidebar-nav li:hover .c-sidebar-nav-item-arrow {
  background-image: url("../images/side-nav-arrow-active.svg");
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 20px;
 }

/* Sidebar Styles */

.sidebar-nav {
position: relative;
top: 0;
margin: 0;
padding: 0;
list-style: none;
}

.sidebar-nav li {
  line-height: 21.5px;
  border-bottom: solid 1px rgba(255,255,255, 0.44);
  position: relative;
}

.sidebar-nav li:last-of-type {
  border-bottom: none;
  padding-top: 10px;
}

.sidebar-nav li a {
display: block;
text-decoration: none;
color: rgba(255,255,255, 0.44);
text-transform: uppercase;
font-size: 12px;
padding-top:15px;
padding-bottom:15px;
letter-spacing: 1px;
}

.sidebar-nav li a:hover {
text-decoration: none;
color: white;
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
height: 65px;
font-size: 18px;
line-height: 60px;
}

.sidebar-nav>.sidebar-brand a {
color: #999999;
}

.sidebar-nav>.sidebar-brand a:hover {
color: #fff;
background: none;
}

.sidebar-nav .c-nav-search {
  right: 10px;
  position: absolute!important;
  top: 20px!important;
}

.nav-link {
  text-transform: uppercase;
  text-align: center;
  font-size: 13px;
  letter-spacing: 1px;
  font-family: 'avenir-light';
}

#menu-toggle {
  display: block;
  position: absolute;
  right: 0;
  top: -5px;
}

@media screen and (max-width:768px) {
  #menu-toggle {
    top: -5px;
  }
}

#main-nav {
  display: none!important;
}

figure.c-nav-menu-close {
  position: absolute;
  right: 10px;
  top: -30px;
  cursor: pointer;  
}

figure.c-nav-menu-close img {
  max-width: 15px;
}

@media screen and (min-width: 768px) {
  figure.c-nav-menu-close img {
    max-width: 100%;
  }

  figure.c-nav-menu-close {
    position: absolute;
    right: 0;
    top: -60px;
    cursor: pointer;  
  }

  .sidebar-nav li a {
    font-size:14px;
  }
}


@media(min-width:1200px) {
  #menu-toggle {
    display: none;
  }

  #main-nav {
    display: block!important;
  }
  
}

@media(min-width:768px) {
#wrapper {
  padding-left: 0;
}
#wrapper.toggled {
  padding-right: 250px;
}
#sidebar-wrapper {
  width: 0;
}
#wrapper.toggled #sidebar-wrapper {
  width: 460px;
  top:66px;
  padding:66px 60px;
  padding-top: 100px;
}
#page-content-wrapper {
  padding: 20px;
  position: relative;
}
#wrapper.toggled #page-content-wrapper {
  position: relative;
  margin-right: 0;
}
}

#map {
  height: 580px;
  width: 100%;
}

.c-map-contact {
  padding-top: 50px;
  font-family: "avenir-light";
}

.c-map-contact p {
  font-family: "avenir-light";
}

.c-map-contact p:first-of-type {
  font-weight: bold;
  font-family: "avenir-light";
}

.c-hero {
  background-size:cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 472px;
  max-height:472px;
  /* background-image: url("../images/about-us-hero@2x.jpg")!important; */
  position: relative;
  width:100%;
}

.c-hero h1 {
  color: white;
  text-align: center;
  top: 170px;
  position: relative;
  font-size:40px;
  line-height: 55px;
}

@media screen and (max-width:768px) {
  .c-hero h1 { 
    font-size:25px;
  }

}

.c-hero-opacity {
background-color: rgba(36,39,42, 0.19);
position: absolute;
top:0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width:100%;
}

/* introduction component */

.c-introduction {
  padding-bottom: 10px;
}

.c-introduction-title {
  color:#151F6D;
  line-height: 41px;
  padding-bottom: 18px;
  margin-bottom: 0;
  font-family: "avenir-light";
}

/* body.About .c-introduction-title p { 
  font-family: "avenir-light"!important;
  font-size: 18px;
  letter-spacing: 3px;
} */

.c-introduction-title p {
  font-family: 'avenir-light'!important;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: capitalize;
}

.c-introduction-text {
  padding-bottom: 20px;
}

.c-introduction-text:empty {
  padding-bottom: 0;
}

.c-introduction-text p { 
  margin-bottom: 0;
  font-size:20px;
  color:#24272A;
  line-height: 32px;
  font-weight: 300;
  margin-bottom: 0;
  font-family: "avenir-light";
}

.c-introduction-sub-text {
  padding-bottom: 20px;
}

.c-introduction-sub-text:empty {
  padding-bottom: 0;
}

.c-introduction-sub-text p { 
  color:#24272A;
  line-height: 28px;
  font-size:18px;
  font-weight: 300;
  padding-bottom: 20px;
  margin-bottom: 0;
  font-family: "avenir-light";
}

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

  .c-introduction-title p {
    font-size:16px;
  }


  .c-introduction-sub-text p, .c-introduction-text p { 
    font-size:14px;

  }
}

/* c-coloured-block */

.c-coloured-block {
  background-color:#151F6D;
}

.c-coloured-block-title p { 
  margin-bottom: 0;
  font-size:18px;
  color:#959DF8;
  line-height: 41px;
  padding-bottom: 18px;
  margin-bottom: 0;
  font-family: "avenir-light";
  text-transform: uppercase;
  letter-spacing: 3px;
}

.c-coloured-block-subtitle p {
  padding-bottom: 20px;
  margin-bottom: 0;
  font-size:18px;
  color:white;
  line-height: 32px;
  font-weight: 300;
  margin-bottom: 0;
  font-family: "avenir-light";
}

.c-coloured-block-text p { 
  color:white;
  line-height: 28px;
  font-size:16px;
  font-weight: 300;
  padding-bottom: 20px;
  margin-bottom: 0;
  font-family: "avenir-light";
}

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


  .c-coloured-block-subtitle p {
    font-size:24px;
   }

  .c-coloured-block-text p { 
    font-size:18px;
   }
}

/* c-functions */

.c-functions {
  background-color:white;
}

.c-functions-title p { 
  margin-bottom: 0;
  font-size:18px;
  color:#151F6D;
  line-height: 41px;
  padding-bottom: 18px;
  margin-bottom: 0;
  font-family: "avenir-light";
  text-transform: uppercase;
  letter-spacing: 3px;
}

.c-functions-subtitle p {
  padding-bottom: 20px;
  margin-bottom: 0;
  font-size:14px;
  color:#24272A;
  line-height: 32px;
  font-weight: 300;
  margin-bottom: 0;
  font-family: "avenir-light";
}

.c-functions-text p { 
  color:#24272A;
  line-height: 28px;
  font-size:14px;
  font-weight: 300;
  padding-bottom: 20px;
  margin-bottom: 0;
  font-family: "avenir-light";
}

@media screen and (min-width:768px) {
  .c-functions-subtitle p { 
    font-size:24px;
    padding-bottom: 30px;
  }

  .c-functions-text p { 
    font-size:18px;
  }
}

.c-functions-block p {
  margin-bottom: 0;
  position: relative;
  top:5px;
}

.c-functions-block:nth-of-type(5) p, .c-functions-block:nth-of-type(6) p {
  position: relative;
  top: 20px;
}
/* .c-benefit p:before {
  content: url("../images/benefit-plus-icon.svg");
  display: block;
  height: 20px;
  width:20px;
} */

ul.c-benefits-list {
  /*list-style-image: url("../images/benefit-plus-icon.svg");*/
  list-style-type: none;
  margin-left: -15px;
}

ul.c-benefits-list li {
  padding-bottom: 15px;
  position: relative;
}

ul.c-benefits-list li:before {
  content: '';
  background-image: url("../images/benefit-plus-icon.svg");
  position: absolute;
  left: -25px;
  top: 4px;
  width: 15px;
  height: 15px;
  background-size: cover;
  background-position: center;
}

.c-benefits-list p {
  padding-left: 10px;
  font-size:14px;
  font-family: "avenir-light";
}

@media screen and (min-width:768px) {
  .c-benefits-list p {
    font-size:18px;
  }
}

.navbar-dark .navbar-nav .nav-link:hover {
  color:white;
}

.navbar-nav {
  justify-content: space-between;
}

/* c-download-section */

.c-download-section {
  padding-top:80px;
  padding-bottom: 80px;
}

section.c-download-section.white.current-and-future-tariffs, .c-download-section.historic-tariffs, .c-download-section.publications, .c-download-section.publications-chapter, .c-download-section.transparency-data, .c-download-section.historical-data, .c-download-section.ndm-report {

  padding-top: 40px;
  padding-bottom: 40px;
}

.c-download-section.historic-tariffs {
  padding-top: 0;
  margin-top: -50px;
}

.c-download-section.white.current-and-future-tariffs {
  padding-bottom: 0!important;
}

.c-download-section.white.historic-tariffs .c-single-download p {
  border-top: none!important;
}

.c-download-section.historic-tariffs .c-single-download {
  margin-top: -10px!important;
  display: block;
}

.c-download-section.historic-tariffs .c-single-download-icon {
  top: 15px;
}

.c-download-section.grey {
  background-color:#F7F7F7;
}

.c-download-section.purple {
  background-color:#151F6D;
}

.c-download-section.white {
  background-color:#FFFFFF;
}

.c-download-section-title p { 
  margin-bottom: 0;
  font-size:16px;
  color:#2d2e7f;
  line-height: 41px;
  padding-bottom: 18px;
  margin-bottom: 0;
  letter-spacing: 3px;
  font-family: 'avenir'!important;
  text-transform: uppercase;
  font-weight: 500;
  /* font-family: 'avenir-black'!important;
  font-weight: 900; */
}

.c-download-section-subtitle p {
  padding-bottom: 20px;
  margin-bottom: 0;
  font-size:16px;
  color:white;
  line-height: 32px;
  font-weight: 300;
  margin-bottom: 0;
  font-family: "avenir-light";
}

.c-download-section.white .c-download-section-text p, .c-download-section.white .c-download-section-subtitle p, .c-download-section.grey .c-download-section-text p, .c-download-section.grey .c-download-section-subtitle p   {
  color:#24272A;
 }

 .c-download-section.white .c-single-download p {
   border-color: rgba(36,39,42, 0.05);
 }
 

.c-download-section-text p { 
  color:white;
  line-height: 28px;
  font-size:14px;
  font-weight: 300;
  padding-bottom: 30px;
  margin-bottom: 0;
  font-family: "avenir-light";
}

.c-single-download p {
  text-transform: uppercase;
  font-size: 14px;
  color: rgba(25,46,128,0.5);
  padding-top: 25px;
  padding-bottom: 25px;
  border-top: solid 2px rgba(255,255,255, 0.44);
  border-bottom: solid 2px rgba(255,255,255, 0.44);
  text-decoration: none;
  line-height: 25px;
  padding-right:50px;
  letter-spacing: 1px;
  border-color: rgba(36,39,42, 0.05);
}

.c-single-download p:hover {
  text-decoration: none;
  color:#151F6D;
}

.c-download-section.purple .c-single-download p {
  color:#8e97bd;
  border-color: #8e97bd;
}

.c-download-section.purple .c-download-section-title p {
  color:#959DF8;
}

.c-download-section-text p > a {
  color:#1F205D;
}

.c-download-section-sub-text p > a {
  color:#1F205D;
}

.c-download-section.gni-connection-policy .c-download-section-sub-text p > a {
  text-transform: uppercase;
  font-size: 14px;
  color: rgba(25,46,128,0.5);
  padding-top: 25px;
  padding-bottom: 25px;
  border-top: solid 2px rgba(255,255,255, 0.44);
  border-bottom: solid 2px rgba(255,255,255, 0.44);
  text-decoration: none;
  line-height: 25px;
  padding-right: 50px;
  letter-spacing: 1px;
  border-color: rgba(36,39,42, 0.05);
  width: 100%;
  display: block;
  font-family: 'Avenir';
}

.c-download-section.gni-connection-policy .c-download-section-sub-text p > a:hover {
  text-decoration: none;
    color: #151F6D;
}

.c-download-section.gni-connection-policy .c-download-section-sub-text p > a:hover .c-single-download-icon.gni {
  background-image: url("../images/single-download-icon-active.svg");
}

.c-download-section.gni-connection-policy .c-download-section-sub-text p {
  padding-top: 0;
}

.c-single-download-icon.gni {
  position: absolute;
  right: -50px;
}

.c-single-download:hover .c-single-download-icon.gni {
  right: -50px!important;
  position: absolute;
}

@media screen and (min-width:768px) {
  .c-single-download-icon.gni {
    position: absolute;
    right: -90px;
  }

  .c-single-download:hover .c-single-download-icon.gni {
    right: -90px!important;
    position: absolute;
}
}

@media screen and (min-width:992px) {
  .c-single-download-icon.gni {
    position: absolute;
    right: -130px;
  }

  .c-single-download:hover .c-single-download-icon.gni {
    right: -130px!important;
    position: absolute;
}
}


@media screen and (min-width:1200px) {
  .c-single-download-icon.gni {
    position: absolute;
    right: -160px;
  }

  .c-single-download:hover .c-single-download-icon.gni {
    right: -160px!important;
    position: absolute;
}
}



@media screen and (min-width:768px) {
  .c-single-download p { 
    font-size:16px;
  }

  .c-download-section.gni-connection-policy .c-download-section-sub-text p > a {
    font-size: 16px;
    width:120%;
  }

  .c-download-section-text p { 
    font-size:18px;
  }

  .c-download-section-subtitle p { 
    font-size:24px;
  }

  .c-download-section-title p { 
    font-size:18px;
  }

  .c-download-section-text p {
    font-size:18px;
  }

}

.c-download-section.purple .c-single-download-icon {
  background-image: url("../images/c-single-download-icon-for-puple.svg");
}

.c-single-download-icon {
  background-image: url("../images/c-single-download-icon-new.svg");
  display: inline-block;
    position: absolute;
    right: 30px;
    top: 25px;
    height: 23px;
    width: 23px;
    background-repeat: no-repeat;
}

.c-single-download:hover .c-single-download-icon {
  background-image: url("../images/single-download-icon-active.svg");
  display: inline-block;
    position: absolute;
    right: 30px;
    top: 25px;
    height: 23px;
    width: 23px;
    background-repeat: no-repeat;
}

.c-download-list-item .c-single-download-icon {
  background-image: url("../images/c-single-download-icon-new.svg");
  display: inline-block;
    position: absolute;
    right: 30px;
    top: 25px;
    height: 23px;
    width: 23px;
    background-repeat: no-repeat;
}

.c-download-list-item:hover .c-single-download-icon {
  background-image: url("../images/single-download-icon-active.svg");
  display: inline-block;
    position: absolute;
    right: 30px;
    top: 25px;
    height: 23px;
    width: 23px;
    background-repeat: no-repeat;
}

.c-download-section.purple  .c-single-download:hover > .c-single-download-icon {
  background-image: url("../images/single-download-icon-white.svg");
}



.c-download-section.purple .c-single-download p:hover {
  color:white;
}

.c-single-download img {
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 25px;
}

.c-single-download, .c-download-item {
  text-decoration: none!important;
}

.c-download-item p{
  text-transform: uppercase;
  font-size: 14px;
  color: rgba(25,46,128,0.5);
  padding-top: 15px;
  padding-bottom: 15px;
  text-decoration: none;
  line-height: 25px;
  padding-right:50px;
  margin-bottom: 0;
  max-width: 80%;
}

.c-download-item p:hover  {
  text-decoration: none;
  color:#151F6D;
}

@media screen and (min-width:768px) {
  .c-download-item p { 
    max-width:100%;
    font-size:16px;
  }
}

.c-download-item img {
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 25px;
}

.c-download-list h3 {
  cursor: pointer;
  color: rgba(25,46,128,0.5);
  font-size: 16px;
}

.c-download-list h3:hover {
  color: rgba(25,46,128,1);
}

.c-download-list h3.open {
  color: rgba(25,46,128,1);
}

.c-download-list h3 > p {
  padding-top: 15px;
  letter-spacing: 1px;
  font-size: 14px;
  max-width: 80%;
}

@media screen and (min-width:768px) {
  .c-download-list h3 > p {
    font-size:16px;
    max-width: 100%;
  }
}

.c-download-list-dropdown {
  display: inline-block;
  right: 30px;
  top: 15px;
  position: absolute;
  cursor: pointer;
  background-image:url("../images/download-dropdown-arrow.svg");
  background-repeat: no-repeat;
  height: 15px;
  width: 25px;
  /* transition: 0.5s all ease; */
}

.c-download-list-block:hover .c-download-list-dropdown {
  display: inline-block;
  right: 30px;
  top: 15px;
  position: absolute;
  cursor: pointer;
  background-image:url("../images/download-dropdown-arrow-active.svg");
  background-repeat: no-repeat;
  height: 15px;
  width: 25px;
  /* transition: 0.5s all ease; */
}

.c-download-list-items.hide {
  height: 0;
  opacity: 0;
  /* transition: 0.5s all ease; */
  margin-bottom: 0;
  display: none;
}

.c-download-list-items {
  height: auto;
  opacity: 1;
  /* transition: 0.5s all ease; */
  margin-bottom: 15px;
}

.c-download-list-dropdown.open {
  transform: rotate(180deg);
  transition: 0.5s all ease;
}

.c-introduction + .c-download-section {
  padding-top: 0;
}

.c-download-list-block h3 >p {
  border-bottom: solid 2px rgba(36,39,42, 0.05);
  padding-bottom: 15px;
  color: rgba(25,46,128,0.5);
}

.c-download-list-block h3 >p:hover {
  color: rgba(25,46,128,1);
 }

 .c-download-list-block h3 >p.open {
  color: rgba(25,46,128,1);
 } 

.c-download-section-sub-text p, .c-download-section-sub-text a {
  font-size:16px;
  padding-top:5px;
  color:#24272A;
  font-family: "avenir-light";
}

.c-download-section-sub-text p {
  padding-top: 30px;
}

p.c-download-list-block-subtitle {
  color: #2d2e7f;
  font-size: 16px;
  padding-top: 15px;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* back to top */

section.c-back-to-top {
padding:50px 0;
background-color: #FFFFFF;
}

section.c-back-to-top.purple {
  background-color: #2d2e7f;
}

section.c-back-to-top.grey {
 background-color: #F7F7F7;
}

.c-back-to-top a {
  text-transform: uppercase;
  font-size: 16px;
  color:#959DF8;
  border: solid 2px #959DF8;
  padding: 15px;
  text-decoration: none;
  letter-spacing: 1px;
}

.c-back-to-top a:hover {
  border: solid 2px #959DF8;
  background-color: #959DF8;
  color:#FFFFFF;
 }


 #c-nav-search-icon, #c-nav-search-icon-mobile {
  cursor: pointer;
  position: relative;
  top: 5px;
  right: -5px;
 }


 .c-nav-search {
  background-image: url('../images/nav-search-icon.svg');
  background-repeat: no-repeat;
  width: 23px;
  background-size: cover;
  height: 23px;
 }

 .c-nav-search.open {
  background-image: url('../images/nav-menu-close.svg');
  background-repeat: no-repeat;
  width: 15px;
  background-size: cover;
  height: 15px;
 }


 .c-search {
  position: relative;
  bottom: -40px;
  width: 100%;
  background-color: #F7F7F7;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  display: none;
  border-bottom: solid #2d2e7f;
  box-shadow: #2d2e7f 0px 11px 11px -12px;
  letter-spacing: 1px;
  margin-top: 10px;
  z-index: 99999;
  /* padding-left: 40px; */
}

.c-search form {
  position: relative;
}

.c-search input[type="search"] {
  border: none;
  font-size: 14px;
  width: 100%;
  outline: none;
  color: #2d2e7f;
  height: 20px;
  background-color: #F7F7F7;
}

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



}

@media screen and (min-width:992px) { 
  .c-search {
    position: relative;
    bottom: unset;
    padding-left: 0;
  }
  .c-search input[type="search"] { 
    font-size:20px;
    height: 40px;
  }
}

.c-search button {
  position: absolute;
  top: 10px;
  outline: none;
  border: none;
  font-size: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('../images/download-dropdown-arrow-active.svg');
  height: 15px;
  width: 25px;
  right: 7px;
  background-color: #f7f7f7;
  transform: rotate(270deg);
}

.c-search-mobile button {
  right: -6px;
  top: 5px;
  height: 13px;
  width: 15px;
  background-size: 100%;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


.c-search-results {
  background-color: #F7F7F7;
}

.c-search-results-count {
  font-size:14px;
  font-weight: bold;
  color:#2d2e7f;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.c-search-results-result {
  border-bottom: solid 1px rgba(36,39,42, 0.05);
  font-size: 16px;
  color: rgba(25,46,128,0.5);
  padding-bottom: 15px;
  position: relative;
}

.c-search-results a {
  font-size: 16px;
  color: rgba(25,46,128,0.5);
  text-decoration: none;
  display: block;
  padding-top: 15px;
  
}
 .c-search-results a:hover {
  font-size: 16px;
  color:#2d2e7f;
  text-decoration: none;
 }

.c-search-results-result-icon {
  display: inline-block;
  right: 15px;
  top: -20px;
  position: absolute;
  cursor: pointer;
  background-image:url("../images/download-dropdown-arrow.svg");
  background-repeat: no-repeat;
  height: 15px;
  width: 25px;
  transform: rotate(270deg);
  /* transition: 0.5s all ease; */
}

.c-search-results a:hover .c-search-results-result-icon {
  display: inline-block;
  right: 15px;
  top: -20px;
  position: absolute;
  cursor: pointer;
  background-image:url("../images/download-dropdown-arrow-active.svg");
  background-repeat: no-repeat;
  height: 15px;
  width: 25px;
  /* transition: 0.5s all ease; */
}

@media screen and (min-width:768px) {
  .c-search-results a {
    font-size: 20px;
  }

  .c-search-results a:hover {
    font-size: 20px; 
  }

  .c-search-results-count {
    font-size:18px;
  }

  .c-search-results-result {
    font-size: 20px;
  }

  .c-search-results-result-icon  {
    right:30px;
  }

  .c-search-results a:hover .c-search-results-result-icon {
    right: 30px;
  }
  
}

.c-still-looking {
  background-color: #151F6D;
  padding: 50px 0;
  border-bottom: solid 1px rgba(255,255,255, 0.15);
}

.c-still-looking-content p {
  color: #858BE4;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: block;
  position: relative;
  top: 0;
  
}

.c-still-looking-content a {
  text-transform: uppercase;
  font-size: 12px;
  color: #959DF8;
  border: solid 2px #959DF8;
  padding: 15px;
  text-decoration: none;
  position: relative;
  right: 0;
  top: 20px;
  width: 200px;
  text-align: center;
}

.c-still-looking-content a:hover {
  border: solid 2px #959DF8;
  background-color: #959DF8;
  color: #FFFFFF;
}

@media screen and (min-width:768px) { 
  .c-still-looking-content a  {
    position: absolute;
    right: 30px;
    top: unset;
    font-size: 16px;
  }

  .c-still-looking-content p { 
    display: inline-block;
    font-size: 18px;
    padding-bottom: 0;
    top: 15px;
  }


}

.dropdown-menu {
  margin-top: 0;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
  background-color: #151F6D;
  border-radius: 0;
  border: none;
}

.navbar-expand .navbar-nav .dropdown-menu:before {
  content: url("../images/dropdown-polygon.svg");
  height: 14px;
  width: 33px;
  position: absolute;
  top: -9px;
  left: 20px;
}

a.dropdown-item {
  color: rgba(255,255,255,.5);
  font-family: "avenir-light";
}

a.dropdown-item:hover {
  color: rgba(255,255,255,1)!important;
  font-family: "avenir-light"!important;
  background-color: transparent!important;
}

a.dropdown-item:focus {
  color: rgba(255,255,255,1)!important;
  font-family: "avenir-light"!important;
  background-color: transparent!important;
}


  .c-download-anchor {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
  }

  /* .c-download-section.code-modifications .c-download-section-title p, .c-introduction-title p, .c-download-section.code-modification-rules .c-download-section-title p, .c-download-section.daily-gas-prices .c-download-section-title p, .c-download-section.charging-methodology-statement .c-download-section-title p, .c-download-section.annual-reconciliations .c-download-section-title p, .c-download-section.gas-product-multipliers .c-download-section-title p , .c-download-section.covid-communication .c-download-section-title p, .c-download-section.incremental-capacity .c-download-section-title p, .c-download-section.technical-capacity-register .c-download-section-title p, .c-download-section.interim-measures .c-download-section-title p, .c-download-section.tolerance-review .c-download-section-title p,  .c-download-section.gas-statement .c-download-section-title p:first-of-type  {
    font-family: 'avenir-light'!important;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: capitalize;
} */

  /* @media screen and (min-width:768px) {

  .c-download-section.code-modifications .c-download-section-title p, .c-introduction-title p, .c-download-section.code-modification-rules .c-download-section-title p, .c-download-section.daily-gas-prices .c-download-section-title p, .c-download-section.charging-methodology-statement .c-download-section-title p, .c-download-section.annual-reconciliations .c-download-section-title p, .c-download-section.gas-product-multipliers .c-download-section-title p , .c-download-section.covid-communication .c-download-section-title p, .c-download-section.incremental-capacity .c-download-section-title p, .c-download-section.technical-capacity-register .c-download-section-title p, .c-download-section.interim-measures .c-download-section-title p, .c-download-section.tolerance-review .c-download-section-title p, .c-download-section.gas-statement .c-download-section-title p:first-of-type   {
    font-family: 'avenir-light'!important;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: capitalize;
}

} */

section.c-download-section.white.incremental-capacity {
  padding-bottom: 0;
}

section.c-download-section.white.demand-ptl {
  padding-top: 0;
  padding-bottom: 0;
}

section.c-download-section.white.demand-non-binding {
  padding-top: 0;
}

section.c-download-section.white.demand-ptl .c-single-download > p, section.c-download-section.white.demand-non-binding .c-single-download > p {
  border-top: none;
  margin-top: -10px;
}

/* .c-download-section.live-modifications, .c-download-section.withdrawn-modifications {
  padding-top: 0!important;
} */

.c-download-section.ptl-connection-policy {
  padding-top: 0;
  padding-bottom: 40px;
}

.c-download-section.gni-connection-policy {
  padding-bottom: 0;
  padding-top: 40px;
}

.ptl-connection-policy .c-single-download > p {
  border-bottom: none;
  border-top: none;
  margin-top: -10px;
}

/* section.approved-modifications {
  padding-top: 0;
} */

section.short-term {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -100px;
}

section.short-term .c-single-download p {
  border-top: none!important;
}

#who-we-are:target:before {
  content:"";
  display:block;
  height:90px; /* fixed header height*/
  margin:-90px 0 0; /* negative fixed header height */
  }