@font-face {
  font-family: "IberPangea";
  src: url("/fonts/IberPangea-Regular.woff2") format('woff2');
}

@font-face {
  font-family: "IberPangea";
  src: url("/fonts/IberPangea-Bold.woff2") format('woff2');
  font-weight: bold;
}


@font-face {
  font-family: "IberPangea";
  src: url("/fonts/IberPangea-BoldItalic.woff2") format('woff2');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "IberPangea";
  src: url("/fonts/IberPangea-Italic.woff2") format('woff2');
  font-style: italic;
}

@font-face {
  font-family: "IberPangea-Light";
  src: url("/fonts/IberPangea-light.woff2") format('woff2');
}

body{
    overflow-x:hidden;
    position:relative
}
body>#pushobj{
    text-align:center;
    margin:0;
    padding:100px 0 0 0;
    width:100%;
    min-width:100%;
    max-width:100%;
    height:100vh;
    display:block;
    float:left;
    clear:both;
    position:absolute;
    top:0;
    right:0;
    z-index:0;
    -webkit-transition:right .5s;
    -o-transition:right .5s;
    transition:right .5s
}
@media only screen and (max-width:991px){
    body>#pushobj{
        padding-top:50px
    }
}
body>#pushobj.pushed{
    right:-280px
}
body>#pushobj.scrolled{
    padding-top:50px
}
body section{
    text-align:center;
    margin:0 auto;
    padding:0;
    width:100%;
    max-width:1280px;
    display:block;
    float:none;
    clear:both;
    box-shadow:none
}
body section.carousel,body section.full,body section.page-title{
    max-width:none;
    float:left
}
body section.color1{
    background:#008737;
}
body section.color2{
    background:#eaeaea
}
body{
    color:#2d2d2d;
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    font-size:17px;
    line-height:28px;
    letter-spacing:.03em
}
a{
    color:#008737;
    text-decoration:none;
    position:relative
}
a:not(.badge):before{
    content:"";
    position:absolute;
    width:100%;
    height:2px;
    bottom:0;
    left:0;
    background-color:#6a9d1e;
    visibility:hidden;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transition:all .3s ease-in-out 0s;
    transition:all .3s ease-in-out 0s
}
a:not(.badge):focus,a:not(.badge):hover{
    color:#6a9d1e;
    text-decoration:none
}
a:not(.badge):focus:before,a:not(.badge):hover:before{
    visibility:visible;
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
h1,h2,h3,h4{
    text-align:left;
    margin:0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both
}
h1{
    color:#008737;;
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    font-size:36px;
    line-height:120%
}
h2{
    color:rgb(45,45,45);
    font-family:'IberPangea',sans-serif;
    font-weight:900;
    font-size:22px;
    line-height:38px
}
h3{
    color:#646767;
    font-family:'IberPangea',sans-serif;
    font-weight:700;
    font-size:19px;
    line-height:120%
}
h3>span{
    color:#646767;
    font-family:'IberPangea',sans-serif;
    font-weight:300;
    font-size:17px;
    line-height:140%
}
h4{
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    font-size:17px;
    line-height:120%;
}
p{
    color:#2d2d2d;
    font-family:'IberPangea-Light',sans-serif;
    font-weight:300;
    font-size:17px;
    line-height:150%;
    margin:0;
    padding:0;
    width:100%
}
p>a{
    font-family:'IberPangea',sans-serif;
    font-weight:400
}
p strong{
    font-family:'IberPangea',sans-serif;
    font-weight:700
}
blockquote{
    color:#646767;
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    font-size:17px;
    line-height:28px;
    font-style:italic;
    text-align:left;
    margin:0;
    padding:25px;
    padding-left:180px;
    min-height:148px;
    width:100%;
    display:block;
    float:left;
    clear:both;
    background:url(../images/bgr-blockqoute.png) top left no-repeat #eaeaea;
    background-size:auto 148px;
    border:none;
    border-radius:4px
}
@media only screen and (max-width:991px){
    blockquote{
        margin-bottom:0;
        padding-left:90px;
        min-height:74px;
        background-size:auto 74px
    }
}
blockquote>span{
    font-weight:700;
    padding-right:5px
}
ul{
    color:#2d2d2d;
    font-family:'IberPangea',sans-serif;
    font-weight:300;
    font-size:17px;
    list-style:none;
    margin:0 0 35px 0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both
}
ul>li{
    text-align:left;
    margin-bottom:10px;
    padding-left:20px;
    line-height:140%;
    background:url(../images/bullet-square.png) left top no-repeat;
    background-size:auto 23px;
    position:relative
}
ul>li>span{
    font-family:'IberPangea',sans-serif;
    font-weight:700;
    line-height:140%;
    letter-spacing:.03em;
    margin:0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both
}
ul.list-style2>li{
    padding-left:0;
    background:none
}
ol{
    color:#2d2d2d;
    font-family:'IberPangea',sans-serif;
    font-weight:300;
    font-size:17px;
    line-height:150%;
    counter-reset:li;
    list-style:none;
    margin:0 0 35px 0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both
}
ol>li{
    text-align:left;
    margin-bottom:10px;
    padding-left:24px;
    line-height:20px
}
@media only screen and (max-width:991px){
    ol>li{
        padding-left:41px
    }
}
ol>li:before{
    color:#646767;
    font-family:'IberPangea',sans-serif;
    font-weight:700;
    font-size:17px;
    line-height:17px;
    text-align:center;
    content:counter(li) ". ";
    counter-increment:li;
    margin-left:-32px;
    width:30px;
    height:16px;
    display:inline-block
}
table{
    margin:0;
    padding:0;
    width:100%;
    max-width:100%;
    float:none;
    clear:both;
    background:#fff;
    border:1px #b3b8b8 solid;
    border-collapse:collapse
}
table>thead{
    display:table-header-group;
    vertical-align:middle;
    border-color:inherit;
    border-collapse:collapse
}
table>thead>tr{
    border-bottom:1px rgba(179,184,184,0.2) solid
}
table>thead>tr>th{
    color:#2d2d2d;
    font-family:'IberPangea',sans-serif;
    font-weight:700;
    font-size:17px;
    line-height:150%;
    padding:7px 15px;
    border-right:1px rgba(179,184,184,0.2) solid;
    border-collapse:collapse
}
table>thead>tr>th:last-child{
    border-right:none
}
table>tbody{
    display:table-row-group;
    vertical-align:top;
    border-color:inherit;
    border-collapse:collapse
}
table>tbody>tr{
    border-bottom:1px rgba(179,184,184,0.2) solid
}
table>tbody>tr>td{
    color:#2d2d2d;
    font-family:'IberPangea',sans-serif;
    font-weight:300;
    font-size:17px;
    line-height:150%;
    padding:7px 15px;
    border-right:1px rgba(179,184,184,0.2) solid;
    border-collapse:collapse
}
table>tbody>tr>td:last-child{
    border-right:none
}
table>tfoot{
    display:table-footer-group;
    vertical-align:middle;
    border-color:inherit;
    border-collapse:collapse
}
table>tfoot>tr>td{
    color:#373737;
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    font-size:17px;
    line-height:150%;
    padding:7px 15px;
    border-right:1px rgba(179,184,184,0.2) solid;
    border-collapse:collapse
}
table>tfoot>tr>td:last-child{
    border-right:none
}
table.table-style2>tbody>tr{
    background:rgba(234,234,234,0.4)
}
table.table-style2>tbody>tr:nth-child(even){
    background:none
}
.tabs{
    margin:0;
    padding:30px 0;
    width:100%;
    max-width:100%;
    float:left;
    clear:both
}
.tabs>.nav{
    list-style:none
}
.tabs>.nav>li{
    margin:0;
    padding:0;
    background-image:none
}
.tabs>.nav>li>a{
    color:#b3b8b8;
    font-family:'IberPangea',sans-serif;
    font-weight:300;
    font-size:15px;
    line-height:150%;
    padding:7px 15px;
    background:#f2f2f2;
    border:1px #b3b8b8 solid;
    border-right:none;
    border-radius:4px 4px 0 0;
    -webkit-transition:background .3s ease-in-out;
    -o-transition:background .3s ease-in-out;
    transition:background .3s ease-in-out
}
.tabs>.nav>li>a:before{
    display:none
}
.tabs>.nav>li>a:hover{
    color:#2d2d2d;
    background:#ebebeb
}
.tabs>.nav>li:last-child>a{
    border-right:1px #b3b8b8 solid
}
.tabs>.nav>li.active>a{
    color:#2d2d2d;
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    background:#fff;
    border-bottom-color:#fff;
    -webkit-transition:background 0s ease-in-out;
    -o-transition:background 0s ease-in-out;
    transition:background 0s ease-in-out
}
.tabs>.tab-content{
    margin:0;
    padding:0;
    width:100%;
    max-width:100%;
    float:left;
    clear:both;
    background:#fff;
    border:1px #b3b8b8 solid;
    border-top:none;
    border-radius:0 0 4px 4px
}
.tabs>.tab-content>section{
    overflow-x:hidden;
    overflow-y:auto;
    text-align:left;
    margin:0;
    padding:25px;
    width:100%;
    max-width:100%;
    min-height:300px;
    max-height:500px;
    float:left;
    clear:both
}
.btn{
    font-family:'IberPangea',sans-serif;
    font-weight:700;
    font-size:16px;
    text-transform:uppercase;
    text-align:center;
    margin:0 auto;
    padding:12px 15px;
    width:auto;
    min-width:170px;
    max-width:100%;
    border-radius:4px;
    border:none;
    box-shadow:none
}
.btn:before{
    display:none
}
@media only screen and (max-width:360px){
    .btn{
        width:100%
    }
}
.btn.primary{
    color:#fff;
    background:#008737;
}
.btn.primary:hover{
    color:#fff;
    background:#4e7316
}
.btn.secondary{
    color:#fff;
    background:#646767
}
.btn.secondary:hover{
    color:#fff;
    background:#575a5a
}
.btn.tertiary{
    color:#373737;
    background:#eaeaea
}
.btn.tertiary:hover{
    color:#444;
    background:#ddd
}
.btn.link{
    color:#008737;;
    background:none;
    min-width:0
}
.btn.link:before{
    display:block
}
.btn.link:hover{
    color:#6a9d1e;
    text-decoration:none
}
.btn.call-to-action{
    color:#fff;
    font-size:27px;
    padding:5px 25px;
    background:#f08b03
}
.btn.call-to-action:hover{
    background:#d77c03
}
img{
    margin:0 0 15px 0;
    padding:0;
    width:100%;
    height:auto;
    float:left;
    clear:both
}
img.rounded{
    border-radius:4px
}
img.rounded-top{
    border-radius:4px 4px 0 0
}
img.left{
    margin:0 15px 15px 0;
    width:33.33%;
    float:left;
    clear:left
}
img.right{
    margin:0 0 15px 15px;
    width:33.33%;
    float:right;
    clear:right
}
.figure{
    margin:0 0 25px 0;
    padding:0;
    width:100%;
    display:table;
    float:left;
    clear:both
}
.figure>img{
    margin:0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both;
    border-radius:4px
}
.figure.caption,captions{
    color:#646767;
    font-size:14px;
    line-height:22px;
    font-style:italic
}
.figure.caption img{
    margin-bottom:10px
}
.figure.caption e{
    font-weight:700;
    padding-right:5px
}
.figure.left{
    padding:0 20px 0 0;
    width:33.33%;
    float:left;
    clear:left
}
@media only screen and (max-width:768px){
    .figure.left{
        padding:0;
        width:100%
    }
}
.figure.right{
    padding-right:0 0 0 20px;
    width:33.33%;
    float:right;
    clear:right
}
@media only screen and (max-width:768px){
    .figure.right{
        padding:0;
        width:100%
    }
}
.panel>.enlarge-this,.panel>a .enlarge-this{
    text-align:center;
    overflow:hidden;
    margin:0 0 10px 0;
    padding:0;
    width:100%;
    height:auto;
    display:block;
    float:left;
    clear:both;
    position:relative
}
.panel>.enlarge-this>img,.panel>a .enlarge-this>img{
    margin:0;
    padding:0;
    width:100%;
    height:auto;
    display:block;
    float:left;
    clear:both;
    -webkit-transition:-webkit-transform .5s ease-in-out;
    -moz-transition:-moz-transform .5s ease-in-out;
    -o-transition:-o-transform .5s ease-in-out;
    transition:transform .5s ease-in-out
}
.panel>.enlarge-this>.lt,.panel>a .enlarge-this>.lt,.panel>.enlarge-this>.rt,.panel>a .enlarge-this>.rt{
    margin:0;
    padding:0;
    width:20px;
    height:20px;
    display:block;
    float:left;
    clear:both;
    background:aqua;
    position:absolute;
    top:0
}
.panel>.enlarge-this>.lt.lt,.panel>a .enlarge-this>.lt.lt,.panel>.enlarge-this>.rt.lt,.panel>a .enlarge-this>.rt.lt{
    left:0;
    background:url(../images/radius-10px-top.png) top left no-repeat;
    background-size:auto 20px
}
.panel>.enlarge-this>.lt.rt,.panel>a .enlarge-this>.lt.rt,.panel>.enlarge-this>.rt.rt,.panel>a .enlarge-this>.rt.rt{
    right:0;
    background:url(../images/radius-10px-top.png) top right no-repeat;
    background-size:auto 20px
}
.panel:hover>.enlarge-this>img,.panel:hover>a .enlarge-this>img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}
.video-container{
    overflow:hidden;
    margin:0 auto;
    padding:25px;
    width:100%;
    max-width:100%;
    max-height:935px;
    display:block;
    float:none;
    clear:both;
    position:relative
}
@media only screen and (max-width:1440px){
    .video-container{
        max-height:735px
    }
}
.video-container>h2{
    color:#373737;
    text-align:left;
    margin:10px auto 25px auto;
    padding:0;
    width:100%;
    max-width:1280px;
    display:block;
    float:none;
    clear:both
}
.video-container .embed-responsive{
    margin:0 auto;
    width:100%;
    max-height:800px;
    max-width:1280px;
    display:inline-block;
    height:auto;
    position:relative
}
@media only screen and (max-width:1440px){
    .video-container .embed-responsive{
        max-height:600px
    }
}
.video-container .embed-responsive iframe{
    width:100%;
    max-height:800px;
    border:10px #b3b8b8 solid;
    border-radius:4px;
    position:absolute;
    top:0;
    bottom:0;
    left:0
}
@media only screen and (max-width:1440px){
    .video-container .embed-responsive iframe{
        max-height:600px
    }
}
.video-container .embed-responsive>div{
    position:absolute;
    z-index:2;
    bottom:10px;
    left:10px
}
.video-container .embed-responsive>div>a{
    color:white
}
.video-container.video-style2{
    background:rgba(0,156,167,0.8)
}
.video-container.video-style2>h2{
    color:#fff
}
#header{
    margin:0;
    padding:0;
    width:100%;
    height:100px;
    display:block;
    float:left;
    clear:both;
    background:#fff;
    box-shadow:0 2px 6px 0 rgba(0,0,0,0.1);
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:1000;
    -webkit-transition:padding .3s,height .3s,background .3s,left 1s;
    -o-transition:padding .3s,height .3s,background .3s,left 1s;
    transition:padding .3s,height .3s,background .3s,left 1s
}
@media only screen and (max-width:991px){
    #header{
        height:50px
    }
}
#header>section{
    margin:0 auto;
    padding:0;
    width:100%;
    max-width:1280px;
    height:100%;
    position:relative
}
#header>section>.menu-toggle{
    text-indent:-5000px;
    overflow:hidden;
    margin:0 20px 0 0;
    padding:0;
    width:50px;
    min-width:50px;
    height:100%;
    display:none;
    float:left;
    clear:none;
    background:url(../images/btn-menu-toggle.png) center center no-repeat;
    background-size:auto 30px;
    position:absolute;
    top:0;
    left:0
}
#header>section>.menu-toggle:before{
    display:none
}
@media only screen and (max-width:991px){
    #header>section>.menu-toggle{
        display:block
    }
}
#header > section > .logo.clcpa {
  text-indent: -5000px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: block;
  float: left;
  clear: none;
  background: url(/images/logo-powering-ny.svg) left center no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-transition: left 0s, background .3s;
  -o-transition: left 0s, background .3s;
  transition: left 0s, background .3s;
}

#header>section>.logo{
    text-indent:-5000px;
    overflow:hidden;
    margin:0;
    padding:0;
    width:240px;
    height:100%;
    display:block;
    float:left;
    clear:none;
    background:url(/images/rge.svg) left center no-repeat;
    background-size:auto 100%;
    position:absolute;
    top:0;
    left:0;
    -webkit-transition:left 0s,background .3s;
    -o-transition:left 0s,background .3s;
    transition:left 0s,background .3s
}
#header>section>.logo:before{
    display:none
}
@media only screen and (max-width:991px){
    #header>section>.logo{
        width:120px;
        background-size:auto 100%;
        left:45px
    }
}
#header>section>.logo.fixed{
    left:0
}
#header>section>nav{
    margin:0;
    padding:0 10px;
    width:auto;
    height:100%;
    display:block;
    float:right;
    clear:right;
    -webkit-transition:padding .3s,height .3s;
    -o-transition:padding .3s,height .3s;
    transition:padding .3s,height .3s
}
@media only screen and (max-width:991px){
    #header>section>nav{
        width:100%
    }
}
#header>section>nav>li{
    margin:0;
    padding:0;
    width:auto;
    height:100%;
    display:block;
    float:left;
    clear:none
}
#header>section>nav>li>a,#header>section>nav>li>div>a{
    color:#008737;;
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    font-size:17px;
    line-height:17px;
    vertical-align:middle;
    margin:0 2px;
    padding:43px 15px 0 15px;
    height:100%;
    display:inline-block;
    float:left;
    clear:both;
    background:rgba(255,255,255,0.5);
    border-bottom:5px transparent solid;
    border-radius:none;
    cursor:pointer;
    -webkit-transition:padding .3s,border .3s;
    -o-transition:padding .3s,border .3s;
    transition:padding .3s,border .3s
}
@media only screen and (max-width:991px){
    #header>section>nav>li>a,#header>section>nav>li>div>a{
        display:none
    }
}
#header>section>nav>li>a:before,#header>section>nav>li>div>a:before{
    display:none
}
#header>section>nav>li>a:hover,#header>section>nav>li>div>a:hover{
    color:#79b322;
    text-decoration:none;
    background:rgba(255,255,255,0.5);
    border-color:#eaeaea
}
#header>section>nav>li>div{
    height:100%;
    position:relative
}
#header>section>nav>li>div>.dropdown-menu{
    margin:-5px 0 0 0;
    padding:0;
    min-width:200px;
    height:auto;
    display:block;
    float:left;
    clear:both;
    background:#fff;
    border:1px #eaeaea solid;
    border-top-width:5px;
    border-radius:0 0 4px 4px;
    visibility:hidden;
    opacity:0;
    left:0;
    -webkit-transition:visibility 0s,opacity .3s ease-in-out;
    -o-transition:visibility 0s,opacity .3s ease-in-out;
    transition:visibility 0s,opacity .3s ease-in-out
}
#header>section>nav>li>div>.dropdown-menu>nav{
    margin:0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both
}
#header>section>nav>li>div>.dropdown-menu>nav>li{
    margin:0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both
}
#header>section>nav>li>div>.dropdown-menu>nav>li>a{
    margin:0;
    padding:7px 15px;
    width:100%;
    display:block;
    float:left;
    clear:both;
    border-radius:none
}
#header>section>nav>li>div>.dropdown-menu>nav>li>a:before{
    display:none
}
#header>section>nav>li>div>.dropdown-menu>nav>li>a:hover{
    color:#6a9d1e;
    background:#f7f7f7
}
#header>section>nav>li>div:hover>.dropdown-menu{
    visibility:visible;
    opacity:1
}
#header>section>nav>li.active>a,#header>section>nav>li.active>div>a{
    color:#2d2d2d;
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    border-color:#b3b8b8
}
#header>section>nav>form.header-search{
    margin:32px 0 0 10px;
    padding:0;
    width:200px;
    display:block;
    float:left;
    clear:none;
    position:static;
    -webkit-transition:margin .3s;
    -o-transition:margin .3s;
    transition:margin .3s
}
@media only screen and (max-width:991px){
    #header>section>nav>form.header-search{
        margin-top:7px;
        float:right
    }
}
@media only screen and (max-width:420px){
    #header>section>nav>form.header-search{
        display:none
    }
}
#header>section>nav>form.header-search>div{
    margin:0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both;
    position:relative
}
#header>section>nav>form.header-search>div>.form-control{
    color:#373737;
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    font-size:15px;
    line-height:23px;
    letter-spacing:.03em;
    margin:0;
    padding:6px 35px 6px 15px;
    width:100%;
    min-height:36px;
    background:#eaeaea;
    border:1px #eaeaea solid;
    border-radius:4px;
    box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.03);
    cursor:pointer;
    -webkit-transition:background .3s;
    -o-transition:background .3s;
    transition:background .3s
}
#header>section>nav>form.header-search>div>.form-control:focus{
    background:#ddd;
    cursor:text
}
#header>section>nav>form.header-search>div>.icon{
    color:#79b322;
    font-size:16px;
    line-height:16px;
    position:absolute;
    top:9px;
    right:15px;
    -webkit-transition:color .3s;
    -o-transition:color .3s;
    transition:color .3s
}
#header>section .btn-nav-toggle{
    text-indent:-5000px;
    overflow:hidden;
    margin:0;
    padding:0;
    width:40px;
    height:30px;
    display:block;
    background:url(../images/btn-nav-toggle.png) center no-repeat;
    background-size:100% 100%;
    border:1px #eaeaea solid;
    border-radius:4px;
    position:absolute;
    top:10px;
    left:15px;
    z-index:1100
}
#header.pushed{
    left:320px
}
@media only screen and (max-width:991px){
    #header.pushed{
        left:320px
    }
}
#header.scrolled{
    height:50px
}
#header.scrolled>section>.logo{
    background-size:auto 100%
}
#header.scrolled>section>nav>li>a,#header.scrolled>section>nav>li>div>a{
    padding-top:16px
}
#header.scrolled>section>nav>form.header-search{
    margin-top:7px
}
footer{
    margin:0;
    padding:60px 0;
    width:100%;
    max-width:100%;
    display:block;
    float:left;
    clear:both;
    background:#373737
}
@media only screen and (max-width:1140px){
    footer{
        padding-bottom:50px
    }
}
footer>section{
    text-align:left;
    margin:0 auto;
    padding:0 25px;
    width:100%;
    max-width:1280px;
    display:block;
    float:none;
    clear:both
}
@media only screen and (max-width:640px){
    footer>section{
        text-align:center;
        padding:0 15px
    }
}
footer>section>p{
    color:#fff;
    font-family:'IberPangea',sans-serif;
    font-weight:300;
    font-size:15px;
    line-height:120%;
    text-align:left;
    margin:0;
    padding:0;
    width:auto;
    float:left;
    clear:none
}
footer>section>p:nth-child(even){
    float:right
}
@media only screen and (max-width:1280px){
    footer>section>p{
        margin-bottom:15px;
        width:100%;
        float:right;
        clear:both
    }
}
@media only screen and (max-width:640px){
    footer>section>p{
        text-align:center
    }
}
footer>section>p>span{
    display:inline-block;
    margin-right:15px
}
footer>section>p>a{
    margin:0 7px;
    padding:0;
    display:inline-block
}
footer>section>p>a.national-grid{
    color:#006eb6
}
footer>section>p>a.national-grid:hover{
    color:#007dd0
}
@media only screen and (max-width:640px){
    footer>section>p>a{
        margin:10px 0 0 0;
        clear:both
    }
}
footer>section>nav{
    text-align:right;
    margin:0;
    padding:0;
    width:50%;
    display:block;
    float:right;
    clear:right
}
@media only screen and (max-width:768px){
    footer>section>nav{
        text-align:center;
        width:100%
    }
}
footer>section>nav>a{
    margin:0 12px;
    padding:0;
    width:30px;
    height:30px;
    display:inline-block;
    float:none;
    clear:none
}
footer>section>nav>a.icon{
    text-indent:-5000px;
    overflow:hidden;
    text-align:left
}
footer>section>nav>a.facebook{
    background:url(../images/icons/footer-facebook.png) center center no-repeat;
    background-size:auto 30px
}
footer>section>nav>a.twitter{
    background:url(../images/icons/footer-twitter.png) center center no-repeat;
    background-size:auto 30px
}
footer>section>nav>a.google{
    background:url(../images/icons/footer-google.png) center center no-repeat;
    background-size:auto 30px
}
footer>section>nav>a.linkedIn{
    background:url(../images/icons/footer-linkedIn.png) center center no-repeat;
    background-size:auto 30px
}
.page-title{
    text-align:center;
    margin:0 auto;
    padding:0;
    width:100%;
    height:auto;
    display:block;
    float:left;
    clear:both;
    background:#f5f5f5;
    border-radius:0;
    box-shadow:none
}
.page-title>div{
    text-align:left;
    margin:0 auto;
    padding:0 0 5px 0;
    width:100%;
    max-width:1280px;
    height:auto;
    display:block;
    float:none;
    clear:both;
    background:none;
    border-radius:0;
    box-shadow:none
}
.page-title>div>h1{
    color:#373737;
    padding:25px
}
@media only screen and (max-width:991px){
    .page-title>div>h1{
        padding:25px 15px
    }
}
.timeline{
    margin:0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both
}
.timeline .timeline-centered{
    position:relative;
    margin:20px 0
}
.timeline .timeline-centered:before,.timeline .timeline-centered:after{
    content:" ";
    display:table;
    clear:both
}
.timeline .timeline-centered:before{
    content:'';
    position:absolute;
    display:block;
    width:3px;
    background:#eaeaea;
    top:0;
    bottom:20px;
    margin-left:20px
}
.timeline .timeline-centered .timeline-entry{
    position:relative;
    margin-top:0;
    margin-left:30px;
    margin-bottom:10px;
    clear:both
}
.timeline .timeline-centered .timeline-entry:before,.timeline .timeline-centered .timeline-entry:after{
    content:" ";
    display:table
}
.timeline .timeline-centered .timeline-entry:after{
    clear:both
}
.timeline .timeline-centered .timeline-entry.begin{
    margin-bottom:0
}
.timeline .timeline-centered .timeline-entry.left-aligned{
    float:left
}
.timeline .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner{
    margin-left:0;
    margin-right:-18px
}
.timeline .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time{
    left:auto;
    right:-100px;
    text-align:left
}
.timeline .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon{
    float:right
}
.timeline .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label{
    margin-left:0;
    margin-right:70px
}
.timeline .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after{
    left:auto;
    right:0;
    margin-left:0;
    margin-right:-9px;
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.timeline .timeline-centered .timeline-entry .timeline-entry-inner{
    position:relative;
    margin-left:-20px
}
.timeline .timeline-centered .timeline-entry .timeline-entry-inner:before,.timeline .timeline-centered .timeline-entry .timeline-entry-inner:after{
    content:" ";
    display:table
}
.timeline .timeline-centered .timeline-entry .timeline-entry-inner:after{
    clear:both
}
.timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time{
    position:absolute;
    left:-100px;
    text-align:right;
    padding:0 10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon{
    margin:0;
    background:#fff;
    color:#737881;
    display:block;
    width:23px;
    height:23px;
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    text-align:center;
    -moz-box-shadow:0 0 0 3px #eaeaea;
    -webkit-box-shadow:0 0 0 3px #eaeaea;
    box-shadow:0 0 0 3px #eaeaea;
    float:left;
    top:43px
}
.timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary{
    background-color:#303641;
    color:#fff
}
.timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary{
    background-color:#ee4749;
    color:#fff
}
.timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success{
    background-color:#00a651;
    color:#fff
}
.timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info{
    background-color:#21a9e1;
    color:#fff
}
.timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning{
    background-color:#fad839;
    color:#fff
}
.timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger{
    background-color:#cc2424;
    color:#fff
}
.timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label{
    margin:-10px 0 20px 60px;
    padding:0 30px 15px 30px;
    background:#fff;
    border:1px #eaeaea solid;
    position:relative;
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px
}
.timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after{
    content:'';
    display:block;
    position:absolute;
    width:0;
    height:0;
    border-style:solid;
    border-width:9px 9px 9px 0;
    border-color:transparent #eaeaea transparent transparent;
    left:0;
    top:11px;
    margin-left:-9px
}
.timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label>h3{
    margin-top:-40px
}
.content-boxes{
    text-align:left;
    margin:0 auto;
    padding:0;
    width:100%;
    max-width:1280px;
    height:auto;
    display:block;
    float:none;
    clear:both;
    background:none;
    border-radius:0;
    box-shadow:none
}
.content-boxes>div{
    margin:0;
    padding:30px 15px 50px 15px;
    min-height:1px;
    display:block;
    float:left;
    clear:none
}
@media only screen and (max-width:768px){
    .content-boxes>div{
        padding:15px
    }
}
.content-boxes>div>.panel{
    margin:0;
    padding:10px;
    width:100%;
    display:block;
    float:left;
    clear:both;
    background:none;
    border:none;
    box-shadow:none
}
.content-boxes>div>.panel:before{
    display:none
}
.content-boxes>div>.panel.box{
    padding:25px 25px 50px 25px;
    background:#fff;
    box-shadow:0 0 1px 0 rgba(0,0,0,0.25);
    border-radius:4px
}
.content-boxes>div>.panel>div{
    margin:0 auto;
    width:100%;
    height:auto;
    display:block;
    float:none;
    clear:both
}
.content-boxes>div>.panel>div>img{
    margin:0;
    width:100%;
    height:auto
}
.content-boxes>div>.panel h1{
    text-align:left;
    margin:0 0 15px 0;
    width:100%;
    display:block;
    float:none;
    clear:both
}
.content-boxes>div>.panel h2{
    text-align:left;
    margin:0 0 15px 0;
    width:100%;
    display:block;
    float:none;
    clear:both;

}

.content-boxes>div>.panel.mainPanel h2 {    
    color: rgb(45,45,45);;
    font-size: 24px;
    font-weight:900 !important;}

.content-boxes>div>.panel.sidePanel h2{
    text-align:left;
    margin:0 0 15px 0;
    width:100%;
    display:block;
    float:none;
    clear:both;
    font-size: 24px;
    font-weight:300 !important;
}

.content-boxes>div>.panel h3{
    text-align:left;
    margin:0 0 10px 0;
    width:100%;
    display:block;
    float:none;
    clear:both
}
.content-boxes>div>.panel h4{
    text-align:left;
    margin:0 0 3px 0;
    width:100%;
    display:block;
    float:none;
    clear:both
}
.content-boxes>div>.panel p{
    text-align:left;
    margin:0 0 24px 0;
    padding:0;
    width:100%;
    display:block;
    float:none;
    clear:both
}
.content-boxes>div>.panel ul>li{
    text-align:left
}
.content-boxes>div>.panel blockquote{
    margin:0 0 30px 0
}
.content-boxes.text-centered>div>.panel h2{
    margin:0 auto 15px auto;
    text-align:center
}
.content-boxes.text-centered>div>.panel p{
    margin:0 auto 35px auto;
    text-align:center
}
.boxstyle-2{
    background:#008737;
}
.boxstyle-2 h2,.boxstyle-2 p{
    color:#fff
}
.boxstyle-2>div:hover{
    background:rgba(255,255,255,0.1)
}
.boxstyle-2>div>.panel{
    cursor:pointer
}
.boxstyle-2>div>.panel>div{
    max-width:150px
}
.boxstyle-2>div>.panel p{
    text-align:left;
    margin:0 0 35px 0;
    padding:0;
    width:100%;
    display:block;
    float:none;
    clear:both
}
@media only screen and (max-width:991px){
    .boxstyle-2>div>.panel p{
        font-size:20px;
        max-width:360px
    }
}
@media only screen and (max-width:768px){
    .boxstyle-2>div>.panel p{
        font-size:20px;
        max-width:100%
    }
}
.owl-carousel{
    margin:0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both;
    background:#2d2d2d;
    position:relative;
    -webkit-transition:left .5s;
    -o-transition:left .5s;
    transition:left .5s
}
.owl-carousel.pushed{
    left:-1px
}
.owl-carousel .owl-item{
    width:100%;
    height:1000px;
    position:relative
}
.owl-carousel .owl-item.loading{
    background:url(AjaxLoader.gif) no-repeat center center bottom
}
@media only screen and (max-width:2100px){
    .owl-carousel .owl-item{
        height:800px
    }
}
@media only screen and (max-width:1500px){
    .owl-carousel .owl-item{
        height:600px
    }
}
@media only screen and (max-width:991px){
    .owl-carousel .owl-item{
        height:500px
    }
}
@media only screen and (max-width:768px){
    .owl-carousel .owl-item{
        height:auto
    }
}
.owl-carousel .item{
    margin:0;
    padding:100px 0;
    width:100%;
    max-width:100%;
    height:100%;
    display:inline-block;
    float:none;
    clear:both;
    background-size:cover;
}
@media only screen and (max-width:768px){
    .owl-carousel .item{
        padding:0 0 20px 0;
        background-size:0 0;
        background-color:#fff
    }
}
.owl-carousel .item h1{
    color:#008737;;
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    font-size:30px;
    line-height:110%;
    text-align:left;
    margin:0;
    padding:0;
    width:100%;
    background:rgba(255,255,255,0.85);
    border-bottom:1px rgba(255,255,255,0.5) solid;
    position:absolute;
    top:0;
    left:0
}
@media only screen and (max-width:768px){
    .owl-carousel .item h1{
        background:#fff;
        position:static
    }
}
@media only screen and (max-width:480px){
    .owl-carousel .item h1{
        font-size:22px
    }
}
.owl-carousel .item h1>span{
    margin:0 auto;
    padding:15px 25px;
    width:100%;
    max-width:1280px;
    display:block;
    float:none;
    clear:both
}
@media only screen and (max-width:768px){
    .owl-carousel .item h1>span{
        padding:15px 25px
    }
}
.owl-carousel .item>.content{
    text-align:center;
    margin:0 auto;
    padding:30px 0;
    width:100%;
    max-width:700px;
    display:inline-block;
    float:none;
    clear:both;
    background:rgba(18,103,160,0.75);
    border-radius:4px;
    position:absolute;
    left:50%;
    top:50%;
    z-index:1;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
@media only screen and (max-width:768px){
    .owl-carousel .item>.content{
        padding-bottom:100px;
        max-width:100%;
        background:#fff;
        position:static;
        -webkit-transform:none;
        transform:none
    }
}
.owl-carousel .item>.content h2{
    color:#fff;
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    text-align:center;
    margin:0 0 13px 0;
    padding:0 25px
}
@media only screen and (max-width:768px){
    .owl-carousel .item>.content h2{
        color:#2d2d2d;
        font-family:'IberPangea',sans-serif;
        font-weight:300
    }
}
@media only screen and (max-width:480px){
    .owl-carousel .item>.content h2{
        font-size:26px
    }
}
.owl-carousel .item>.content p{
    color:#fff;
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    text-align:left;
    margin:0 0 35px 0;
    padding:0 25px;
    text-align: center;
}
@media only screen and (max-width:768px){
    .owl-carousel .item>.content p{
        color:#2d2d2d;
        font-family:'IberPangea',sans-serif;
        font-weight:300;
        text-align: center
    }
}
@media only screen and (max-width:768px){
    .owl-carousel .item>.content br{
        display:none
    }
}
.owl-carousel .item>.content>button{
    margin:0 auto;
    max-width:100%;
    float:none
}
@media only screen and (max-width:640px){
    .owl-carousel .item>.content>button{
        width:90%;
        min-width:0
    }
}
.owl-carousel .item>img{
    margin:0;
    width:100%;
    height:auto;
    display:none
}
@media only screen and (max-width:768px){
    .owl-carousel .item>img{
        display:block
    }
}
.owl-carousel .owl-controls{
    text-align:center;
    margin:0;
    padding:0;
    width:100%;
    position:absolute;
    bottom:15px;
    left:0
}
.owl-carousel .owl-controls .owl-buttons div{
    color:#2d2d2d;
    display:inline-block;
    zoom:1;
    *display:inline;
    margin:5px;
    padding:3px 10px;
    font-size:12px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    background:#fff;
    filter:alpha(opacity=30);
    opacity:.3
}
@media only screen and (max-width:768px){
    .owl-carousel .owl-controls .owl-buttons div{
        color:#fff;
        background:#222
    }
}
.owl-carousel .owl-controls .owl-buttons div:hover{
    filter:alpha(opacity=100);
    opacity:1;
    text-decoration:none
}
.owl-carousel .owl-controls .owl-buttons .owl-prev{
    position:absolute;
    top:-12px;
    left:10px
}
@media only screen and (max-width:991px){
    .owl-carousel .owl-controls .owl-buttons .owl-prev{
        position:static
    }
}
.owl-carousel .owl-controls .owl-buttons .owl-next{
    position:absolute;
    top:-12px;
    right:10px
}
@media only screen and (max-width:991px){
    .owl-carousel .owl-controls .owl-buttons .owl-next{
        position:static
    }
}
.owl-carousel .owl-controls .owl-page{
    display:inline-block;
    zoom:1;
    *display:inline
}
.owl-carousel .owl-controls .owl-page>span{
    display:block;
    width:12px;
    height:12px;
    margin:5px 7px;
    filter:alpha(opacity=50);
    opacity:.5;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    background:#fff
}
@media only screen and (max-width:768px){
    .owl-carousel .owl-controls .owl-page>span{
        background:#222
    }
}
.owl-carousel .owl-controls .owl-page>span.owl-numbers{
    height:auto;
    width:auto;
    color:#fff;
    padding:2px 10px;
    font-size:12px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px
}
.owl-carousel .owl-controls .owl-page.active span{
    filter:alpha(opacity=100);
    opacity:1
}
.owl-carousel .owl-controls.clickable .owl-page:hover span{
    filter:alpha(opacity=100);
    opacity:1
}
.section-nav{
    margin:0 0 20px 0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both
}
.section-nav>h2,.section-nav>h3{
    color:#373737;
    margin:0;
    padding:0 10px
}
.section-nav>li{
    margin:0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both
}
.section-nav>li>a{
    color:#008737;;
    text-align:left;
    margin:0 0 3px 0;
    padding:5px 10px;
    width:100%;
    display:block;
    float:left;
    clear:both;
    background:#fff;
    border-radius:4px
}
.section-nav>li>a:before{
    display:none
}
.section-nav>li>a:hover{
    color:#6a9d1e;
    background:#f7f7f7
}
.section-nav>li>a>span{
    color:#2d2d2d;
    font-family:'IberPangea',sans-serif;
    font-weight:300;
    font-size:15px;
    margin:0 8px;
    float:right
}
.section-nav>li.active>a{
    color:#2d2d2d;
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    background:#f7f7f7
}
.section-nav>li.active>a:hover{
    background:#f5f5f5
}
.breadcrumb{
    text-align:left;
    font-size:14px;
    line-height:28px;
    list-style:none;
    margin:0 auto;
    padding:0 25px;
    width:auto;
    max-width:100%;
    display:inline-block;
    clear:both;
    background:none;
    border-radius:0
}
@media only screen and (max-width:991px){
    .breadcrumb{
        padding:0 15px
    }
}
.breadcrumb>li{
    margin-bottom:0;
    padding-left:0;
    display:block;
    float:left
}
.breadcrumb>li:before{
    margin:0 8px -1px 8px;
    display:inline
}
.breadcrumb>li>a{
    color:#008737;
}
.breadcrumb>li>a:hover{
    color:#6a9d1e
}
.breadcrumb>li>a:before{
    display:none
}
.breadcrumb>li.active{
    color:#373737
}
.breadcrumb>li.active>.fa{
    display:none
}
#styleguide-nav{
    margin:0;
    padding:0;
    width:280px;
    max-width:100%;
    height:100vh;
    display:none;
    float:left;
    clear:both;
    background:#f7f7f7;
    border-right:1px #eaeaea solid;
    position:fixed;
    top:50px;
    left:-280px;
    z-index:10000;
    -webkit-transition:left .5s;
    -o-transition:left .5s;
    transition:left .5s
}
#styleguide-nav.pushed{
    left:0
}
#styleguide-nav>nav{
    overflow-x:hidden;
    overflow-y:auto;
    margin:0;
    padding:0 0 100px 0;
    width:100%;
    height:100vh;
    display:block;
    float:left;
    clear:both;
    position:static;
    -webkit-transition:margin .5s;
    -o-transition:margin .5s;
    transition:margin .5s
}
#styleguide-nav>nav>h2{
    color:#373737;
    font-family:'IberPangea',sans-serif;
    font-size:16px;
    line-height:20px;
    font-weight:700;
    text-align:left;
    margin:0;
    padding:25px 25px 6px 25px;
    width:100%;
    display:block;
    float:left;
    clear:both
}
#styleguide-nav>nav>a{
    color:#373737;
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:120%;
    text-align:left;
    margin:0;
    padding:15px 25px;
    width:100%;
    display:block;
    float:left;
    clear:both;
    background:#f7f7f7;
    border-bottom:1px #eaeaea solid;
    background-size:auto 250px;
    border-radius:0;
    -webkit-transition:padding .5s,background 0;
    -o-transition:padding .5s,background 0;
    transition:padding .5s,background 0
}
@media only screen and (max-width:768px){
    #styleguide-nav>nav>a{
        font-size:20px
    }
}
#styleguide-nav>nav>a:before{
    display:none
}
#styleguide-nav>nav>a:hover{
    text-decoration:none;
    background:#f0f0f0
}
#styleguide-nav>nav>a.main{
    text-transform:uppercase
}
#styleguide-nav>nav>a.active{
    color:#2d2d2d;
    background-color:#eaeaea;
    cursor:pointer
}
#styleguide-nav>nav>a.active:before{
    display:none
}
form.padded{
    padding:0 35px
}
@media only screen and (max-width:991px){
    form.padded{
        padding:0 10px
    }
}
form .form-group{
    text-align:left;
    margin:0 0 10px 0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both;
    position:relative
}
form .form-group.text-right{
    text-align:right
}
form .form-group.inline{
    padding-right:20px;
    width:230px;
    display:inline-block;
    clear:none
}
form .form-group.inline:last-child{
    padding-right:0
}
form .form-group.inline.xsmall{
    width:110px
}
form .form-group.inline.small{
    width:150px
}
form .form-group.inline.half{
    padding:0;
    width:50%;
    min-width:50%;
    max-width:50%;
    display:inline-block;
    clear:none
}
form .form-group.inline.half.left{
    padding-right:10px
}
@media only screen and (max-width:768px){
    form .form-group.inline.half.left{
        padding:0;
        width:100%;
        min-width:100%;
        max-width:100%
    }
}
form .form-group.inline.half.right{
    padding-left:10px
}
@media only screen and (max-width:768px){
    form .form-group.inline.half.right{
        padding:0;
        width:100%;
        min-width:100%;
        max-width:100%
    }
}
form .form-group.inline.padding-left{
    padding-right:0;
    padding-left:20px
}
form .form-group>label{
    color:#2d2d2d;
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:110%;
    text-transform:none;
    width:100%;
    display:block;
    float:left;
    clear:both;
    margin:20px 0 10px 0
}
form .form-group .form-control,form .form-group .form-control[type=password]{
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:100%;
    letter-spacing:.7px;
    text-align:left;
    white-space:nowrap;
    margin:0;
    padding:4px 14px 5px 14px;
    height:auto;
    min-height:42px;
    background:#f9f9f9;
    border:1px #cdd1d1 solid;
    border-radius:4px;
    box-shadow:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -webkit-transition:color .3s,background .3s,border .3s;
    -o-transition:color .3s,background .3s,border .3s;
    transition:color .3s,background .3s,border .3s
}
form .form-group .form-control:hover,form .form-group .form-control[type=password]:hover,form .form-group .form-control:active,form .form-group .form-control[type=password]:active,form .form-group .form-control:focus,form .form-group .form-control[type=password]:focus{
    text-decoration:none;
    border-color:#b3b8b8;
    box-shadow:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer
}
form .form-group .form-control:focus,form .form-group .form-control[type=password]:focus{
    border-color:#50baff
}
form .form-group .form-control:disabled,form .form-group .form-control[type=password]:disabled{
    opacity:.5;
    cursor:default
}
form .form-group .form-control:read-only,form .form-group .form-control[type=password]:read-only{
    cursor:default
}
form .form-group .form-control.has-date-select,form .form-group .form-control[type=password].has-date-select{
    padding-right:40px
}
form .form-group .form-control.default-text,form .form-group .form-control[type=password].default-text{
    color:#959595;
    font-family:'IberPangea',sans-serif;
    font-weight:300
}
form .form-group .form-control.dropdown-toggle,form .form-group .form-control[type=password].dropdown-toggle{
    padding-right:50px;
    background:url(../images/forms/dropdown-toggle-blue.png) right center no-repeat #fff;
    background-size:auto 50px;
    cursor:pointer
}
@media only screen and (max-width:768px){
    form .form-group .form-control.dropdown-toggle,form .form-group .form-control[type=password].dropdown-toggle{
        background:url(../images/forms/dropdown-toggle-mobile-blue.png) right center no-repeat #fff;
        background-size:auto 50px
    }
}
form .form-group .form-control.type-drop-toggle,form .form-group .form-control[type=password].type-drop-toggle{
    padding-right:50px;
    background:url(../images/forms/dropdown-toggle-blue.png) right center no-repeat #fff;
    background-size:auto 50px;
    cursor:pointer
}
form .form-group .form-control.type-drop-toggle:focus,form .form-group .form-control[type=password].type-drop-toggle:focus{
    cursor:text
}
@media only screen and (max-width:768px){
    form .form-group .form-control.type-drop-toggle,form .form-group .form-control[type=password].type-drop-toggle{
        background:url(../images/forms/dropdown-toggle-mobile-blue.png) right center no-repeat #fff;
        background-size:auto 50px
    }
}
form .form-group .form-control.type-toggle,form .form-group .form-control[type=password].type-toggle{
    cursor:pointer
}
form .form-group .form-control.type-toggle:focus,form .form-group .form-control[type=password].type-toggle:focus{
    cursor:text
}
form .form-group textarea.form-control{
    white-space:normal;
    padding-top:11px;
    min-height:100px;
    resize:none;
    box-shadow:none;
    -webkit-appearance:none;
    -moz-appearance:none
}
form .form-group textarea.form-control.small{
    min-height:100px
}
form .form-group.checkbox{
    margin:0;
    padding:0;
    width:auto;
    display:block;
    float:left;
    clear:both
}
form .form-group.checkbox>label{
    color:#2d2d2d;
    font-family:'IberPangea',sans-serif;
    font-weight:300;
    font-size:16px;
    line-height:125%;
    margin:21px 0 6px 0;
    padding:0 0 0 32px;
    width:100%;
    min-height:21px;
    display:block;
    float:left;
    clear:both;
    background:url(../images/forms/checkbox.png) left center no-repeat;
    background-size:auto 21px;
    position:relative;
    -webkit-transition:background .5s;
    -o-transition:background .5s;
    transition:background .5s
}
form .form-group.checkbox>label.bold{
    font-family:'IberPangea',sans-serif;
    font-weight:400
}
form .form-group.checkbox>label>.form-control[type=checkbox]{
    text-indent:-5000px;
    overflow:hidden;
    margin:0;
    padding:0;
    width:21px;
    height:21px;
    min-height:21px;
    display:inline-block;
    float:left;
    clear:left;
    background:red;
    border:none;
    border-radius:0;
    outline:none;
    box-shadow:none;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    cursor:pointer
}
form .form-group.checkbox>label>.error-message{
    margin:5px 0 0 0;
    width:100%;
    clear:both
}
form .form-group.checkbox.selected>label{
    background:url(../images/forms/checkbox-selected.png) left top no-repeat;
    background-size:auto 21px
}
form .form-group.checkbox.inline{
    margin-top:-10px;
    clear:none
}
form .form-group.radio{
    margin:0;
    padding:0;
    width:auto;
    display:block;
    float:left;
    clear:both
}
form .form-group.radio>label{
    color:#2d2d2d;
    font-family:'IberPangea',sans-serif;
    font-weight:300;
    font-size:16px;
    line-height:125%;
    margin:21px 0 6px 0;
    padding:0 0 0 32px;
    width:100%;
    min-height:21px;
    display:block;
    float:left;
    clear:both;
    background:url(../images/forms/radio.png) left center no-repeat;
    background-size:auto 21px;
    position:relative;
    -webkit-transition:background .5s;
    -o-transition:background .5s;
    transition:background .5s
}
form .form-group.radio>label>.form-control[type=radio]{
    text-indent:-5000px;
    overflow:hidden;
    margin:0;
    padding:0;
    width:21px;
    height:21px;
    min-height:21px;
    display:inline-block;
    float:left;
    clear:left;
    background:red;
    border:none;
    border-radius:0;
    outline:none;
    box-shadow:none;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    cursor:pointer
}
form .form-group.radio>label>.error-message{
    margin:5px 0 0 0;
    width:100%;
    clear:both
}
form .form-group.radio.selected>label{
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    background:url(../images/forms/radio-selected.png) left top no-repeat;
    background-size:auto 21px
}
form .form-group.radio.inline{
    margin-top:-10px;
    clear:none
}
form .form-group.radio.toggle-squareFt-on{
    margin-right:-22px
}
form .form-set{
    text-align:left;
    margin:0 0 10px 0;
    padding:0;
    width:100%;
    max-width:100%;
    display:block;
    float:left;
    clear:both
}
form .form-set>label{
    color:#2d2d2d;
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:110%;
    text-transform:none;
    width:100%;
    display:block;
    float:left;
    clear:both;
    margin:20px 0 10px 0
}
form .form-set>label>.error-message{
    margin:0 0 -3px 15px;
    padding:0 0 0 26px
}
@media only screen and (max-width:480px){
    form .form-set>label>.error-message{
        margin:7px 0 0 0;
        width:100%;
        clear:both
    }
}
form .form-set>.form-set{
    margin:0;
    padding:0 20px 0 0;
    width:auto;
    display:block;
    float:left;
    clear:none
}
form .form-set>.form-group{
    margin:0;
    padding-right:20px;
    display:block;
    float:left;
    clear:none
}
@media only screen and (max-width:768px){
    form .form-set>.form-group{
        margin-top:10px;
        width:100%;
        max-width:650px
    }
}
form .form-set>.form-group.full{
    padding-right:0;
    width:100%;
    max-width:650px
}
form .form-set>.form-group>label{
    font-family:'IberPangea',sans-serif;
    font-weight:300
}
form nav{
    text-align:left;
    margin:0 auto;
    padding:0;
    width:100%;
    max-width:1280px;
    display:block;
    float:none;
    clear:both
}
form nav.text-right{
    text-align:right
}
form nav.margin-top{
    margin-top:14px
}
#side-nav{
    margin:0;
    padding:0;
    width:280px;
    max-width:100%;
    height:100vh;
    display:block;
    float:left;
    clear:both;
    background:#fff;
    border:none;
    box-shadow:inset 0 2px 6px 0 rgba(0,0,0,0.1);
    position:fixed;
    top:50px;
    left:-280px;
    z-index:999;
    -webkit-transition:left .5s ease-in-out;
    -o-transition:left .5s ease-in-out;
    transition:left .5s ease-in-out
}
#side-nav.pushed{
    left:0
}
#side-nav>nav{
    overflow-x:hidden;
    overflow-y:auto;
    margin:0;
    padding:0 0 100px 0;
    width:100%;
    height:100vh;
    display:block;
    float:left;
    clear:both;
    background:none;
    position:static;
    -webkit-transition:margin .5s;
    -o-transition:margin .5s;
    transition:margin .5s
}
#side-nav>nav>form{
    margin:0;
    padding:15px;
    width:100%;
    display:block;
    float:left;
    clear:both
}
#side-nav>nav>form>.search{
    margin:0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both;
    position:relative;
    z-index:950;
    opacity:1;
    -webkit-transition:width 1s,opacity .5s;
    -o-transition:width 1s,opacity .5s;
    transition:width 1s,opacity .5s
}
#side-nav>nav>form>.search>.form-control{
    padding-right:47px
}
#side-nav>nav>form>.search>.icon{
    color:#008737;;
    position:absolute;
    top:9px;
    right:15px
}
#side-nav>nav ul{
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both;
    background:rgba(0,0,0,0);
    border:none;
    cursor:pointer
}
#side-nav>nav ul li{
    overflow:hidden;
    margin:0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both;
    background-image:none;
    position:relative;
    cursor:pointer
}
#side-nav>nav ul li a{
    margin:0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both;
    background:rgba(255,255,255,0);
    border-bottom:1px rgba(0,0,0,0.05) solid;
    background-size:auto 250px;
    border-radius:0;
    -webkit-transition:padding .5s,background 0;
    -o-transition:padding .5s,background 0;
    transition:padding .5s,background 0
}
#side-nav>nav ul li a>h2{
    color:#008737;;
    font-family:'IberPangea',sans-serif;
    font-weight:300;
    font-size:16px;
    line-height:120%;
    text-align:left;
    margin:0;
    padding:13px 50px;
    width:100%;
    min-height:45px;
    display:block;
    float:left;
    clear:both
}
#side-nav>nav ul li a:before{
    display:none
}
#side-nav>nav ul li a:hover>h2{
    text-decoration:none;
    background:#f5f5f5
}
#side-nav>nav ul li a#current-position>h2{
    color:#2d2d2d;
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    background:#f7f7f7
}
#side-nav>nav ul li a#current-position:hover>h2{
    text-decoration:none;
    background:#f5f5f5
}
#side-nav>nav ul li>.btn-show-parents{
    color:#008737;;
    text-align:center;
    margin:0;
    padding:9px 0;
    width:50px;
    height:45px;
    display:none;
    background:transparent;
    border:none;
    outline:none;
    position:absolute;
    top:0;
    left:0
}
#side-nav>nav ul li>.btn-show-parents:hover{
    background:#f5f5f5
}
#side-nav>nav ul li>.btn-show-subs{
    color:#008737;;
    text-align:center;
    margin:0;
    padding:9px 0;
    width:50px;
    height:45px;
    display:none;
    background:transparent;
    border:none;
    outline:none;
    position:absolute;
    top:0;
    right:0
}
#side-nav>nav ul li>.btn-show-subs:hover{
    background:#f5f5f5
}
#side-nav>nav ul li.hassub>.btn-show-subs{
    display:block
}
#side-nav>nav ul li.current{
    display:block
}
#side-nav>nav ul li.current>.btn-show-subs{
    display:none
}
#side-nav>nav ul li.current>a>h2,#side-nav>nav ul li.current>a#current-position>h2{
    color:#fff;
    background:#008737;
}
#side-nav>nav ul li.current>a:hover>h2,#side-nav>nav ul li.current>a#current-position:hover>h2{
    background:#567f18
}
#side-nav>nav ul li.current>.btn-show-parents{
    color:#fff;
    display:block;
    background:#008737;;
    left:0
}
#side-nav>nav ul li.current>.btn-show-parents:hover{
    background:#567f18
}
#side-nav>nav ul li.current>.btn-show-subs{
    display:none
}
#side-nav>nav ul li.main>a>h2{
    padding-left:20px
}
#side-nav>nav ul li.main>.btn-show-parents{
    display:none
}
#side-nav>nav ul li.main.current{
    display:block
}
#side-nav>nav ul li.main.current>a>h2{
    font-family:'IberPangea',sans-serif;
    font-weight:400;
    padding-left:50px
}
#side-nav>nav ul li.main.current>.btn-show-parents{
    display:block
}
#side-nav>nav ul li.main.current>.btn-show-subs{
    display:none
}
#side-nav>nav ul li.main.current.hassub>.btn-show-subs{
    display:none
}
#side-nav>nav ul li.home.main.current>a>h2{
    padding-left:20px
}
#side-nav>nav ul li.home.main.current>a#current-position>h2{
    color:#fff;
    background:#008737;
}
#side-nav>nav ul li.home.main.current>a#current-position:hover>h2{
    text-decoration:none;
    background:#567f18
}
#side-nav>nav ul li.home.main.current>.btn-show-parents,#side-nav>nav ul li.home.main.current>.btn-show-subs{
    display:none
}
#side-nav>nav>h2{
    color:#373737;
    font-family:'IberPangea',sans-serif;
    font-size:16px;
    line-height:20px;
    font-weight:700;
    text-align:left;
    margin:0;
    padding:25px 25px 6px 25px;
    width:100%;
    display:block;
    float:left;
    clear:both
}
#pushobj>section>.panel.colors{
    text-align:center;
    margin:0;
    padding:0 30px 15px 30px;
    width:100%;
    height:auto;
    display:block;
    float:left;
    clear:both
}
#pushobj>section>.panel.colors:first-child{
    padding-top:30px
}
#pushobj>section>.panel.colors:last-child{
    padding-bottom:30px
}
#pushobj>section>.panel.colors>h4{
    color:#373737;
    font-size:13px;
    line-height:13px;
    font-weight:400;
    font-style:italic;
    text-align:left;
    margin:0 0 5px 0;
    padding:0
}
#pushobj>section>.panel.colors>div{
    text-align:center;
    margin:0;
    padding:0;
    width:150px;
    height:150px;
    display:block;
    float:left;
    clear:none;
    box-shadow:0 0 4px 0 rgba(0,0,0,0.15);
    position:relative
}
#pushobj>section>.panel.colors>div>span{
    color:rgba(255,255,255,0.7);
    font-size:16px;
    line-height:16px;
    text-transform:uppercase;
    margin:-13px auto 0 auto;
    padding:4px;
    width:110px;
    height:26px;
    display:block;
    float:left;
    clear:both;
    background:rgba(0,0,0,0.25);
    border:1px rgba(255,255,255,0.2) solid;
    border-radius:15px;
    position:absolute;
    top:50%;
    left:20px
}
.sans-1-light{
    font-family:'IberPangea',sans-serif;
    font-weight:300
}
.sans-1-regular{
    font-family:'IberPangea',sans-serif;
    font-weight:400
}
.sans-1-bold{
    font-family:'IberPangea',sans-serif;
    font-weight:700
}
.sans-1-bolder{
    font-family:'IberPangea',sans-serif;
    font-weight:900
}
#pushobj>section>.panel.fonts{
    text-align:center;
    margin:0 0 40px 0;
    padding:30px;
    width:100%;
    height:auto;
    display:block;
    float:left;
    clear:both;
    border-top:2px #b3b8b8 solid
}
#pushobj>section>.panel.fonts:first-child{
    border:none
}
#pushobj>section>.panel.fonts>h4{
    color:#373737;
    font-family:'IberPangea',sans-serif;
    font-size:13px;
    line-height:13px;
    font-weight:400;
    font-style:italic;
    text-align:left;
    margin:0 0 15px 0;
    padding:0
}
#pushobj>section>.panel.fonts>p{
    color:#2d2d2d;
    font-family:inherit;
    font-size:40px;
    line-height:40px;
    font-weight:400;
    font-style:italic;
    text-align:left;
    margin:0 0 10px 0;
    padding:0
}
#pushobj>section>.panel.fonts>.form-control{
    color:#2d2d2d;
    font-family:inherit;
    font-size:40px;
    line-height:40px;
    font-weight:400;
    font-style:italic;
    text-indent:0;
    text-align:left;
    margin:10px 0;
    padding:10px 15px;
    width:100%;
    height:auto;
    min-height:40px;
    display:block;
    float:left;
    clear:both;
    background:#fcfcfc;
    border:none;
    outline:none;
    box-shadow:inset 0 2px 6px 0 rgba(0,0,0,0.1)
}
#pushobj>section>.panel.fonts>.form-control.default-text{
    color:#222
}
#pushobj>section>.panel.fonts.sans-1-light>p,#pushobj>section>.panel.fonts.sans-1-light>.form-control{
    font-family:'IberPangea',sans-serif;
    font-weight:300
}
#pushobj>section>.panel.fonts.sans-1-regular>p,#pushobj>section>.panel.fonts.sans-1-regular>.form-control{
    font-family:'IberPangea',sans-serif;
    font-weight:400
}
#pushobj>section>.panel.fonts.sans-1-bold>p,#pushobj>section>.panel.fonts.sans-1-bold>.form-control{
    font-family:'IberPangea',sans-serif;
    font-weight:700
}
#pushobj>section>.panel.fonts.sans-1-bolder>p,#pushobj>section>.panel.fonts.sans-1-bolder>.form-control{
    font-family:'IberPangea',sans-serif;
    font-weight:900
}
body.styleguide{
    margin:0;
    padding:0;
    width:100%;
    height:100vh;
    display:block;
    float:left;
    clear:both;
    background:url(../images/styleguide/background.jpg) center center fixed repeat
}
@media only screen and (max-width:768px){
    body.styleguide{
        padding:0 15px 30px 15px
    }
}
body.styleguide>#styleguide-header{
    margin:0;
    padding:0;
    width:100%;
    height:50px;
    min-width:320px;
    display:block;
    float:left;
    clear:both;
    background:#fff;
    border-bottom:1px rgba(0,0,0,0.1) solid;
    box-shadow:0 4px 8px 0 rgba(0,0,0,0.1);
    position:fixed;
    top:0;
    right:0;
    z-index:10000;
    -webkit-transition:background,.3s,opacity .3s,padding .5s;
    -o-transition:background,.3s,opacity .3s,padding .5s;
    transition:background,.3s,opacity .3s,padding .5s
}
body.styleguide>#styleguide-header>section{
    margin:0;
    padding:0;
    min-width:320px
}
body.styleguide>#styleguide-header>section>#nav-toggle{
    text-indent:-5000px;
    overflow:hidden;
    margin:0;
    padding:0;
    width:50px;
    height:50px;
    display:block;
    float:left;
    clear:none;
    background:url(../images/btn-nav-toggle.png) center center no-repeat;
    background-size:auto 50px;
    border:none;
    outline:none;
    cursor:pointer;
    -webkit-transition:margin .5s,background .5s,opacity .5s;
    -o-transition:margin .5s,background .5s,opacity .5s;
    transition:margin .5s,background .5s,opacity .5s
}
body.styleguide>#styleguide-header>section>#nav-toggle:hover{
    opacity:.35
}
body.styleguide>#styleguide-header>section>h1{
    color:#2d2d2d;
    font-family:'IberPangea',sans-serif;
    font-size:20px;
    line-height:20px;
    font-weight:400;
    margin:0;
    padding:0;
    width:auto;
    height:50px;
    max-height:50px;
    max-width:270px;
    display:block;
    float:left;
    clear:none;
    -webkit-transition:background .5s,opacity .5s;
    -o-transition:background .5s,opacity .5s;
    transition:background .5s,opacity .5s
}
body.styleguide>#styleguide-header>section>h1:hover{
    opacity:.35
}
body.styleguide>#styleguide-header>section>h1>a{
    color:#2d2d2d;
    margin:0;
    padding:13px 10px;
    width:100%;
    height:100%;
    display:block;
    float:left;
    clear:both
}
body.styleguide>#styleguide-header>section>h1>a:before{
    display:none
}
body.styleguide>#styleguide-header>section>h1>a:hover{
    color:#222
}
body.styleguide>#pushobj{
    text-align:center;
    margin:0;
    padding:50px 30px 50px 310px;
    width:100%;
    display:block;
    float:left;
    clear:both;
    position:absolute;
    top:0;
    right:0;
    z-index:0;
    -webkit-transition:padding .5s,right .5s;
    -o-transition:padding .5s,right .5s;
    transition:padding .5s,right .5s
}
@media only screen and (max-width:1331px){
    body.styleguide>#pushobj{
        padding:50px 30px
    }
}
body.styleguide>#pushobj.pushed{
    padding-left:30px
}
@media only screen and (max-width:1331px){
    body.styleguide>#pushobj.pushed{
        right:-250px
    }
}
body.styleguide>#pushobj>h1{
    color:#646767;
    font-family:'IberPangea',sans-serif;
    font-weight:300;
    font-size:22px;
    line-height:100%;
    font-style:italic;
    text-align:right;
    margin:30px auto -30px auto;
    padding:30px 30px 30px 150px;
    width:100%;
    max-width:1280px;
    display:inline-block;
    float:none;
    clear:both;
    background:url(../images/logo-header.png) left center no-repeat #fff;
    background-size:auto 90%;
    box-shadow:none;
    position:relative
}
body.styleguide>#pushobj>h1.full{
    max-width:100%
}
body.styleguide>#pushobj>h5{
    color:#373737;
    font-size:15px;
    line-height:20px;
    font-weight:400;
    font-style:italic;
    text-align:left;
    margin:30px auto 0 auto;
    padding:15px 120px 15px 15px;
    width:100%;
    max-width:1280px;
    display:inline-block;
    float:none;
    clear:both;
    background:#eaeaea;
    box-shadow:0 0 4px 0 rgba(0,0,0,0.15);
    position:relative
}
body.styleguide>#pushobj>h5.full{
    max-width:100%
}
body.styleguide>#pushobj>h5>i{
    font-size:13px;
    font-weight:300;
    margin-left:5px;
    display:inline;
    clear:none
}
body.styleguide>#pushobj>h5>span{
    font-weight:900;
    display:inline;
    clear:none
}
body.styleguide>#pushobj>h5>button{
    color:#fff;
    margin-left:20px;
    min-width:110px;
    min-height:20px;
    background:#075eb6;
    border:1px #b3b8b8 solid;
    border-radius:50px;
    cursor:pointer
}
@media only screen and (max-width:768px){
    body.styleguide>#pushobj>h5>button{
        position:absolute;
        top:12px;
        right:16px
    }
}
body.styleguide>#pushobj>h5>button:hover{
    background:#054585
}
body.styleguide>#pushobj>h5>button.hide-code{
    display:none
}
body.styleguide>#pushobj>header{
    margin:0 auto;
    max-width:1280px;
    float:none;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.15);
    position:static
}
body.styleguide>#pushobj>header.full{
    max-width:100%
}
body.styleguide>#pushobj>footer{
    margin:0 auto;
    max-width:1280px;
    float:none;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.15);
    position:static
}
body.styleguide>#pushobj>footer.full{
    max-width:100%
}
body.styleguide>#pushobj>section{
    margin:0 auto 0 auto;
    padding:0;
    max-width:1280px;
    display:inline-block;
    float:none;
    background:#fff;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.15)
}
body.styleguide>#pushobj>section.full{
    max-width:100%
}
body.styleguide>#pushobj>section.padded{
    padding:30px
}
body.styleguide>#pushobj>section.carousel{
    max-width:100%;
    background-color:#646767;
    background:-webkit-linear-gradient(#fff, #f5f5f5);
    background:-o-linear-gradient(#fff, #f5f5f5);
    background:-moz-linear-gradient(#fff, #f5f5f5);
    background:linear-gradient(#fff, #f5f5f5)
}
body.styleguide>#pushobj>section.example-code{
    margin:0 auto;
    padding:0 0 20px 0;
    width:100%;
    max-width:1280px;
    display:inline-block;
    float:none;
    clear:both;
    background:#eaeaea;
    border-radius:0
}
body.styleguide>#pushobj>section.example-code.full{
    max-width:100%
}
body.styleguide>#pushobj>section.example-code h5{
    color:#009ca7;
    text-align:left;
    margin:0;
    padding:10px 30px;
    width:100%;
    display:block;
    float:left;
    clear:both;
    background:none;
    border-top:1px dotted #373737;
    border-bottom:1px dotted #373737;
    box-shadow:none
}
body.styleguide>#pushobj>section.example-code xmp{
    color:#075eb6;
    font-size:14px;
    line-height:16px;
    text-align:left;
    overflow-y:auto;
    margin:0;
    padding:0 30px;
    width:100%;
    display:block;
    float:left;
    clear:both;
    background:none
}
body.styleguide>#pushobj>section>.panel{
    text-align:left;
    margin:0 auto;
    padding:15px;
    width:100%;
    max-width:1280px;
    height:auto;
    display:block;
    float:left;
    clear:both;
    background:#fff;
    border-radius:0;
    box-shadow:none
}
body.styleguide>#pushobj>section>.panel h1,body.styleguide>#pushobj>section>.panel h2,body.styleguide>#pushobj>section>.panel h3{
    margin-bottom:15px
}
body.styleguide>#pushobj>section>.panel table{
    margin-bottom:15px
}
body.styleguide>#pushobj>section .template-list{
    margin:0 0 70px 0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both
}
body.styleguide>#pushobj>section .template-list>h2,body.styleguide>#pushobj>section .template-list>h3{
    color:#373737;
    margin:0;
    padding:0 10px
}
body.styleguide>#pushobj>section .template-list>li{
    margin:0;
    padding:0;
    width:100%;
    display:block;
    float:left;
    clear:both;
    border-bottom:1px rgba(0,0,0,0.1) solid
}
body.styleguide>#pushobj>section .template-list>li:last-child{
    border:none
}
body.styleguide>#pushobj>section .template-list>li>a{
    color:#075eb6;
    font-size:15px;
    line-height:140%;
    text-align:left;
    margin:0;
    padding:7px 10px;
    width:100%;
    display:block;
    float:left;
    clear:both;
    background:#fff;
    border-radius:none
}
body.styleguide>#pushobj>section .template-list>li>a:before{
    display:none
}
body.styleguide>#pushobj>section .template-list>li>a:hover{
    color:#086bcf;
    background:#f7f7f7
}
body.styleguide>#pushobj>section .template-list>li>a>span{
    color:#2d2d2d;
    font-family:'IberPangea',sans-serif;
    font-weight:300;
    font-size:15px;
    margin:0 8px;
    float:right
}
body.styleguide>#styleguide-nav{
    margin:0;
    padding:0;
    width:250px;
    max-width:100%;
    height:100vh;
    display:block;
    float:left;
    clear:both;
    background:#fff;
    border:none;
    position:fixed;
    top:50px;
    left:0;
    z-index:9999;
    -webkit-transition:left .5s;
    -o-transition:left .5s;
    transition:left .5s
}
@media only screen and (max-width:1331px){
    body.styleguide>#styleguide-nav{
        left:-280px
    }
}
body.styleguide>#styleguide-nav.pushed{
    left:-280px
}
@media only screen and (max-width:1331px){
    body.styleguide>#styleguide-nav.pushed{
        left:0
    }
}
body.styleguide>#styleguide-nav>nav{
    overflow-x:hidden;
    overflow-y:auto;
    margin:0;
    padding:0 0 100px 0;
    width:100%;
    height:100vh;
    display:block;
    float:left;
    clear:both;
    position:static;
    -webkit-transition:margin .5s;
    -o-transition:margin .5s;
    transition:margin .5s
}
body.styleguide>#styleguide-nav>nav>h2{
    color:#373737;
    font-family:'IberPangea',sans-serif;
    font-size:15px;
    line-height:20px;
    font-weight:700;
    text-align:left;
    margin:0;
    padding:7px 15px;
    width:100%;
    display:block;
    float:left;
    clear:both;
    border-top:15px rgba(0,0,0,0.05) solid;
    border-bottom:1px rgba(0,0,0,0.1) solid
}
body.styleguide>#styleguide-nav>nav>h2:first-child{
    border-top:30px rgba(0,0,0,0.05) solid
}
body.styleguide>#styleguide-nav>nav>a{
    color:#075eb6;
    font-family:'IberPangea',sans-serif;
    font-size:15px;
    line-height:140%;
    font-weight:400;
    text-align:left;
    margin:0;
    padding:7px 15px;
    width:100%;
    display:block;
    float:left;
    clear:both;
    background:none;
    border:none;
    border-radius:none;
    -webkit-transition:padding .5s,background 0;
    -o-transition:padding .5s,background 0;
    transition:padding .5s,background 0
}
body.styleguide>#styleguide-nav>nav>a:before{
    display:none
}
body.styleguide>#styleguide-nav>nav>a:hover{
    text-decoration:none;
    background-color:rgba(7,94,182,0.15)
}
body.styleguide>#styleguide-nav>nav>a.main{
    text-transform:uppercase
}
body.styleguide>#styleguide-nav>nav>a.active{
    color:#fff;
    font-family:'IberPangea',sans-serif;
    font-weight:700;
    background-color:rgba(7,94,182,0.5);
    cursor:pointer
}

.dropdown-menu {
    position: relative !important;
    width:200px;
}

.text-left {text-align: left;}

#instructions {
  border: solid 1px #ccc;
  padding: 10px;
  background-color: #eee;
}

a.badge:hover {
  color: #fff !important;
  background-color: #6a9d1e !important;
  text-decoration:none !important;
}