.columns ul {
    padding: 0 5em;
}
.columns ul li {
    display: list-item;
    float: none;
}
.white {
    background-color: #fff;
}

span.pagingInfo {
    position: absolute;
    margin: 5px 0 0 -18px;
    width: 30px;
}
    .slick-prev span, .slick-next span {
        position: absolute;
        padding:0;
    }
    .slick-next span {
        left: 30px;
    }
    .slick-prev span {
        margin-left: -20px;
    }


/* ===================================
   Foundation Overwrites
   =================================== */

.vertAlign {
    display: table;
}
.vertAlign .columns {
    display: table-cell;
    vertical-align: middle;
    float: none !important
}
.top-bar {
    height: 180px !important;
}
.row {
    background-color: #f6f4f1;
    max-width: 82.5em;
    clear: both !important;
}
.columns {
    padding: 0 !important;
}
.large-2.columns {
    padding: 0 !important;
}
.columns {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.columns > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.ie-show {
    display: block;
}
.icon img {
    display: block;
}

.columns.group-3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.row .columns.group-3 .row .columns {
    padding: 0 !important;
    margin: 1em 0 !important;
    width: 33%;
}

.group-3.red .columns {
    margin: 5em 1em 6em 1em !important;
}
.group-3.red .columns p {
    margin: 1em 2.8em !important;
}
.group-3.red .columns h1, .group-3.red .columns h4 {
    margin: .5em 2em !important;
}
.group-3.white h4 {
    margin-left: 15px;
}
.columns.red h1, .columns.green h1, .columns.yellow h1, .columns.blue h1 {
    margin: 1em 1em 0 1em !important;
}
.columns.red p, .columns.green p, .columns.yellow p, .columns.blue p {
    margin:  0 3em 1em 3em !important;
}
.white h1 {
    margin: 1em !important;
}
.white p {
    margin: 2em 3em !important;
}
.group-3.white .columns p {
    margin: 2em 1.5em !important;
}

.modules-3 .columns {
    width: 33.31%;
}
.columns.white {
  padding: 0 20px;
}
.columns.white form .red-button {
    margin-bottom: 3em;
}
.columns.white form .row .columns {
    float: left;
    margin: 2em 1em;
}
.columns.white form .row .columns input, .columns.white form .row .columns textarea {
    color: #333 !important;
    width: 90%;
    margin: 0 2em;
}

form .columns input {
  margin-left: 20px;
  width: 80%;
}
form .columns input, form .columns textarea {
    width: 300px;
    margin: 0 20px;
  display: block;
}
.colour-bg-sml {
    width: 88%;
}
.colour-bg-sml.yellow, .colour-bg-sml.blue, .colour-bg-sml.green, .colour-bg-sml.teal  {
    padding: 1em;
}
.icon-process-flow, .process-list {
    margin: 2em;
}
.top-bar .title-area {
    width: 25% !important;
}
.top-bar-section ul {
    width: 74% !important;
}
.top-bar-section ul li {
    width: 20%;
    height: 120px;
    text-align: center;
    vertical-align: middle;
    padding-top: 60px;
}
    .top-bar-section ul li a {
        height: 75%;
        width: 20%;
    }

.img-bg-text {
    padding: 3em;
    width: 18%;
}
.carouselModules-nav {
    margin: 3em;
}
.carouselTestimonials h1 {
    margin: .5em .8em;
}
.carouselTestimonials h4 {
    margin: .5em 1.8em;
}
.carouselTestimonials p {
    margin: .5em 2.4em;
}
.footer ul {
    margin: 2em 0em !important;
    padding: 0;
}
.footer ul li {
    display: inline !important;
}
.logo-red-dog {
    margin-top: 2em;
}

#alert .row .columns.green {
    padding: 0;
}
#alert .row .columns.green h3 {
    padding: 0 0 0 2em;
    margin-bottom: 2em;
}


#hover1 .row .columns .columns {
    width: 24%;
    margin: 2em .25em;
    padding: 0!important;
}
#hover1 .row .columns .columns label {
    padding: 0 !important;
    margin: .25em;
}

.row.video-row .columns.white, .row.video-row .columns.white .row .columns {
    padding: 0 !important;
    margin: 0 !important;
}
.video-nav .slick-slide {
    padding: 0;
    margin: 0;
}
.video-nav .slick-slide p {
    margin: 10px 20px 30px 20px;
}
    .video-nav .slick-slide h4 {
        margin: 60px 20px 10px 20px;
    }
.slider.video-player {
    padding: 0;
}
.video-arrow .arrow-up {
    width: 100%;
    height: 30px;
    position: absolute;
}
.top-bar .title-area {
    height: 70px;
    padding:0;
    margin:0;
}
.top-bar .title-area .name {
    height: 70px;
    padding:0;
    margin:0;
}
.energylink-logo {
    display: inline-block;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    height: 68px;
    background-image: url(../Public/img/icon/logo-energylink-tm-IE.gif);
    background-image: linear-gradient(transparent, transparent), url(../Public/img/icon/logo-energylink-tm.svg);
    padding:0;
    margin:0;
}

/**********************************
        MODULES DROP DOWN
 **********************************/


#modules-drop .row .modules-3.columns {
    padding: 0;
}
#modules-drop .row .modules-3.columns .colour-bg-sml {
    padding: 50px;
}
#modules-drop .bigNav .columns {
    width: 25%;
}
#modules-drop .columns.modules-3 .row .columns .icon {
    margin: 50px 0;
    padding: 0 10px;
    height: 60px;
}

#modules-drop .columns.modules-3 .row .columns .icon .logo-afelink, #modules-drop .columns.modules-3 .row .columns .icon .logo-overview, #modules-drop .columns.modules-3 .row .columns .icon .logo-jiblink, #modules-drop .columns.modules-3 .row .columns .icon .logo-revenuelink {
    background-position: left center;
    height: 60px !important;
}
#modules-drop .columns.modules-3 .row .columns {
    background-color: #f6f4f1;
    padding: 0;
}
#modules-drop .columns.modules-3 .row .columns:hover {
    background-color: #fff;
}

#modules-drop .colour-bg-sml {
    width: 77%;
    text-align: left;
}

/**********************************
        RESOURCES DROP DOWN
 **********************************/

#resources-drop a .icon {
    margin: 0;
    padding: 20px !important;
    text-align: center;
}
#resources-drop a:hover {
    margin: 0;
    text-align: center;
    background-color: #fff;
}
#resources-drop .row .columns {
    padding: 0;
    width: 32.9% !important;
    background-color: #f6f4f1;
    text-align: center;
}

.navBtnLOG {
    margin-top: 75px;
}

/*
.navBtn {
    border: 1px solid red;
    z-index: 2000;
    position: absolute;
}
*/
/*
.top-bar-section ul li {
    position: relative;
    z-index: 3000;
}
*/
#login-spacer #hover1 .row {
    z-index: 1 !important;
    position: relative;
}
#hover1 {
    position: relative;
    z-index: 0 !important;
    padding: 0;
}
.needID {
  margin-top: 50px;
}
#modules-spacer, #resources-spacer {
    position: relative;
    z-index: 3000 !important;
    margin-top: 0;
}
#modules-spacer.drop-spacer, #resources-spacer.drop-spacer {
    z-index: 3000 !important;
    position: relative;
}

#resource-drop {
    position: relative;
    z-index: 2000 !important;
}

/**********************************
        CONTACT PAGE
 **********************************/

.chosen {
    margin-top: 15px;
}

.red-button {
    margin: 15px !important;
}


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

    #modules a.toggleBig, #resources a.toggleBig {
        display: block;
    }
    .energylink-logo {
        overflow: visible;
        width: 100%;
        background-size: 120px;
    }
    .energylink-logo a {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}