h1.alt-heading,
h3.alt-heading {
    color: white;
}
h1.alt-heading:after {
    content: none;
}


.aec-JumpClass{padding-top:100px;margin-top:-100px;}

/********
#MainLandingPage {
    background-image: linear-gradient(to right, rgba(100, 150, 255, 0.40), rgba(0, 0, 255, 0.0)), url(/App_Themes/Member-PPI/images/main/);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh; 
    width: 100%;
    zoom: 90%;
    margin-top: 110px;
*********/

#SplashTextLanding {
    color: white;
    font-weight: bold;
    font-size: 6vw; /* 90px */
    position: absolute;
    bottom: 20%;
    left: 1070px;
    line-height: 6vw;
    text-shadow: 2px 10px 15px #222;
}

.footer-content {
    padding: 3em 0;
}

.footer-nav-copyright a, .footer-nav-copyright a:visited {
    color: white;
}

#logo-footer {
    background-image: url(/App_Themes/Member-PPI/images/main/logo-ppi-footer.svg);
    width: 160px;
    height: 79px;
    background-repeat: no-repeat;
}

.ft-column {
    text-align: left;
    display: inline-block;
    margin-right: 2em;
    vertical-align: top;
    max-width: 200px;
    text-decoration-line: none;
}
.ft-column h5 {
    color: white;
    font-weight: bold;
}

a.ft-column-link:link {
    color: white;
    text-decoration: none;
}

a.ft-column-link:visited {
    color: white;
}

a.ft-column-link:hover {
    color: #13477c;
}

a.ft-column-link:active {
    color: white;
}

@media (max-width: 768px) {
    .header-top-container {
        position: absolute;
        z-index: 1000;
        background-color: #f2f4f5;
    }

    .header-bottom-container {
        position: absolute;
        top: 20%;
    }
}

.OnBehalfOfContainer {
    display: none;
}

.PPI-Main-Nav .NavigationLink {
    font-weight: bold;
    text-decoration: none;
}


/******************************************
Homepage Styles
******************************************/
.PPIMain-StyleBg1 {
    background-color: white;
    text-align: center;
    color: black;
}

.PPI-About-col1 {
    display: inline-block;
}

    .PPI-About-col1 h2 {
        color: black;
    }

.PPI-About-col2 {
    display: inline-block;
    text-align: left;
    margin-left: 20px;
}

.PPIMain-StyleBg2 {
    text-align: center;
}

html {
    scroll-behavior: smooth;
}
/******************************************
Individual Page Styles
******************************************/


.Page-header-container {
    margin-top: 60px;
    margin-bottom: 60px;
}
.Page-header-column {
    display: inline-block;
    position: relative;
    vertical-align: top;
    max-width: 350px;
    text-align: left;
    margin-left: 200px;
    line-height: 1.3;
}
.Page-header-img {
    background-position: -1px -3px;
    top: -30px;
    left: -200px;
}
.Page-header-image{
    margin-top: -10px;
    margin-bottom: -30px;
}
.Page-header-rectangle {
    display: inline-block;
    width: 1087px;
    background-color: #CE3229;
    height: 50px;
    position: relative;
    right: 177px;
    margin-top: -8px;
}
.round-circle-page {
    width: 120px;
    height: 120px;
    display: inline-block;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 1;
}
.imagebartextbox {
    font-size: 28px;
    text-align: left;
    font-weight: 700;
    color: white;
    margin-left: -615px;
    width: 700px;
}
.SECOND-Page-header-img {
    background-position: -1px -3px;
    top: -30px;
    left: 900px;
}
.SECOND-imagebartextbox {
    font-size: 28px;
    text-align: center;
    font-weight: 700;
    color: black;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -710px;
    width:310px;
}

.collapsible {
    background-color: #13477c;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}

    a.active, .collapsible:hover {
        background-color: #555;
    }

    .collapsible:after {
        content: '\002B';
        color: white;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }

.active:after {
    content: "\2212";
}

.content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
}


.INDpage-img-style-pic {
    margin-top: 20px;
}

.panel {
    margin-top: 20px;
    margin-bottom: 40px;
}
.panel-plum {
    border-color: #13477c;
    border: 4px solid #13477c;
    border-radius: 10px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.panel-heading {
    color: white;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #13477c;
    border-color: #13477c;
}
.panel-heading-blue {
    color: white;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #13477c;
    border-color: #13477c;
}
.panel-body {
    padding: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.panel-ppi-blue {
    border-color: #13477c;
    border: 4px solid #13477c;
    border-radius: 10px;
}

.anime-container {
  position: relative;
  width: 50%;
}
.anime-img {
  display: block;
  width: 100%;
  height: auto;
}
.anime-overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #13477c;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.anime-container:hover .anime-overlay {
  bottom: 0;
  height: 100%;
}
.anime-text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}


/******************************************
ICON Styles
******************************************/


.division-container {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.division-container > div {
  display: inline-block;
  background-origin: padding-box;
  background-size: contain;
  background-repeat: no-repeat;
  width: 140px;
  padding-top:160px;
  line-height: 1.6em;
  font-weight: bold;
  text-align:center;
}
.icon-fp {
  background-image: url("/App_Themes/PPI-BuildingConstruction/images/main/icon-1-fire.svg");
}
a.fire:link { 
color: #CE3229;  
text-decoration: none;
}
a.fire:visited {
color: #CE3229;
}
a.fire:hover {
  color: #de352c;
}
a.fire:active {
  color: #CE3229;
}
.icon-ggl {
  background-image: url("/App_Themes/PPI-BuildingConstruction/images/main/icon-2-arrows.svg");
}
a.arrows:link { 
color: #CE3229;  
text-decoration: none;
}
a.arrows:visited {
color: #CE3229;
}
a.arrows:hover {
  color: #de352c;
}
a.arrows:active {
  color: #CE3229;
}
.icon-hcp {
  background-image: url("/App_Themes/PPI-BuildingConstruction/images/main/icon-3-h-c.svg");
}
a.h-c:link { 
color: #CE3229;  
text-decoration: none;
}
a.h-c:visited {
color: #CE3229;
}
a.h-c:hover {
  color: #de352c;
}
a.h-c:active {
  color: #CE3229;
}
.icon-rhcs {
  background-image: url("/App_Themes/PPI-BuildingConstruction/images/main/icon-4-radiant.svg");
}
a.radiant:link { 
color: #CE3229;  
text-decoration: none;
}
a.radiant:visited {
color: #CE3229;
}
a.radiant:hover {
  color: #de352c;
}
a.radiant:active {
  color: #CE3229;
}
.icon-rwp {
  background-image: url("/App_Themes/PPI-BuildingConstruction/images/main/icon-5-water.svg");
}
a.water:link { 
color: #CE3229;  
text-decoration: none;
}
a.water:visited {
color: #CE3229;
}
a.water:hover {
  color: #de352c;
}
a.water:active {
  color: #CE3229;
}


/******************************************
Circle, Text, Bar Styles
******************************************/


@media (min-width: 768px) {
    .PPIMain-StyleBg3 {
        background-position: 0px -238px;
    }
}


.our-mission {
  color: black;
  width: 1220px;
  margin: -30 auto;
  margin-top: 30px;
  margin-bottom: -40px;
  margin-left: -30px;
}
.our-mission h2 {
  text-transform: uppercase;
  color: #13477c;
}

.PPIMain-StyleBg4 {
    text-align: center;
}
.PPA-Auth-Container{
    margin-bottom: -150px;
}
.PPA-Auth {
    margin: 5em auto;
    width: 900px;
    position: relative;
    text-align: left;
}
.PPA-Auth h3 {
    display: inline-block;
    color: white;
    z-index: 999;
    padding-right: 160px;
    margin-left: -30px;
}
.round-body-text {
    margin: 5em auto;
    width: 1260px;
    position: relative;
    text-align: left;
    right: 30px;
    top: -80px;
}
.PPA-Img {
    background-image: url("/App_Themes/PPI-BuildingConstruction/images/main/cpvc.png");
    top: -30px;
    right: -190px;
    background-position: 0px 0px;
}
.round-circle {
    width: 200px;
    height: 210px;
    display: inline-block;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
}
.Line-Block {
    display: inline-block;
    width: 1170px;
    background-color: #13477c;
    height: 50px;
    position: relative;
    top: -48px;
    right: 135px;
    z-index: -1;
}

.earth-grow-container {
    margin-bottom: -50px;
    margin-top: 50px;
}
.earth-grow-column {
    display: inline-block;
    position: relative;
    vertical-align: top;
    max-width: 350px;
    text-align: left;
}
.earth-h3 h3 {
    display: inline-block;
    color: white;
    z-index: 999;
    padding-top: 57px;
    margin-right: -300px;
    margin-left: -380px;
}
.earth-body-text {
    margin: 5em auto;
    width: 950px;
    position: relative;
    text-align: left;
    right: 380px;
    top: -25px;
}
.earth-img {
  background-image: url("/App_Themes/PPI-BuildingConstruction/images/main/cpvc 2.png");
  background-position: 0px 0px;
  top: 20px;
  left: -270px;
  z-index: 1;
}
.earth-img-2 {
  background-image: url("/App_Themes/Drainage/images/main/2-drain-pic.png");
  background-position: 0px 0px;
  top: 10px;
  left: -270px;
  z-index: 1;
}
.round-circle-earth {
    width: 208px;
    height: 208px;
    display: inline-block;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
}
.Line-Block-2 {
    display: inline-block;
    width: 1040px;
    background-color: #13477c;
    height: 50px;
    position: relative;
    top: 60px;
    right: 105px;
    z-index: -1;
}

.piping-container {
    margin: auto;
    text-align: left;
    max-width: 670px;
}
.pipe-header {
    display: inline-block;
    position: relative;
}
.pipe-header h3 {
    display: inline-block;
}
.pipe-image {
    background-image: url("/App_Themes/Drainage/images/main/4-drain-pic.png");
    background-position: 0px 0px;
    top: 20px;
    right: 120px;
}
.pipe-h3 h3 {
    display: inline-block;
    color: white;
    z-index: 999;
    margin-left: -140px;
}
.pipe-body-text {
    margin: 3em auto;
    width: 940px;
    position: relative;
    text-align: left;
    margin-left: -140px;
    top: 0px;
}
.Line-Block-3 {
    display: inline-block;
    width: 1140px;
    background-color: #13477c;
    height: 50px;
    position: relative;
    top: 60px;
    right: 250px;
    z-index: -1;
}


/******************************************
GIANT Rectangle with image for main page
******************************************/


.PPIMain-StyleBg6 {
    text-align: center;
}

.Val-Bel-Container {
    margin: 50px auto;
    color: white;
}

@media (min-width: 768px) {
    .Val-Bel-Container {
        width: 70%;
    }
}

.Val-Bel-Container h1 {
    display: inline-block;
    color: white;
    margin-top: 50px;
}

/* Main Navigation */
@media (max-width: 767px) {
    /*#ste_container_ciPrimaryNav {
    display: none;
  }*/
    #ctl01_ciPrimaryNavigation_NavControl_NavMenu {
        position: relative;
        bottom: 0px;
    }

    .RadMenu .rmItem {
        border-bottom: 1px gray solid;
        background-color: black;
        width: 100%;
    }

        .RadMenu .rmItem a.rmLink {
            width: 100%;
            background-color: #f2f4f5;
        }

    .RadMenu .rmText {
        color: #13477c;
        width: 100%;
        text-align: left;
    }

    .rmSlide {
        height: initial !important;
        width: initial !important;
    }

    .MegaDropDownMenuOuter {
        width: initial !important;
    }
}

@media (min-width: 768px) {
    /*#ste_container_ciPrimaryNav {
    display: none;
  }*/
    .RadMenu .rmText {
        color: #13477c;
    }

    .rmSlide {
        background: linear-gradient(to bottom, #f2f4f5, #f2f4f5);
    }

    .RadMenu .rmGroup .rmText {
        margin: 0px;
        padding: 0px;
    }
}


/******************************************
SOCIAL MEDIA ICONS
******************************************/


@media only screen and (min-width: 601px) {
            .SOCIAL-container {
                display: flex;
                justify-content: space-evenly;
                flex-wrap: wrap;
                margin-top: 30px;
                margin-left: 600px;
            }

            .SOCIAL-container > div {
                display: inline-block;
                background-origin: padding-box;
                background-size: contain;
                background-repeat: no-repeat;
                width: 30px;
                padding-top: 20px;
                margin: -25px -410px;
                }
}
@media only screen and (max-width: 600px) {
            .SOCIAL-container {
                display: flex;
                justify-content: space-evenly;
                flex-wrap: wrap;
                margin-top: 50px;
                margin-left: 600px;
            }

            .SOCIAL-container > div {
                display: inline-block;
                background-origin: padding-box;
                background-size: contain;
                background-repeat: no-repeat;
                width: 50px;
                padding-top: ;
                margin: -40px 0px 0px -300px;
                }
}
.icon-linkedin {
    background-image: url(/App_Themes/PPI-Main/images/main/Social-icon-linkedin.svg);
    color: #000000;
}

a.link:link {
    color: #000000;
    text-decoration-line: none;
}

a.link:visited {
    color: #000000;
}

a.link:hover {
    color: #525252;
}

a.link:active {
    color: #000000;
}

.icon-facebook {
    background-image: url(/App_Themes/PPI-Main/images/main/Social-icon-facebook.svg);
    color: #000000;
}
a.face:link {
    color: #000000;
    text-decoration-line: none;
}

a.face:visited {
    color: #000000;
}

a.face:hover {
    color: #525252;
}

a.face:active {
    color: #000000;
}

.icon-twitter {
    background-image: url(/App_Themes/PPI-Main/images/main/Social-icon-twitter.svg);
    color: #000000;
}

a.twit:link {
    color: #000000;
    text-decoration-line: none;
}

a.twit:visited {
    color: #000000;
}

a.twit:hover {
    color: #525252;
}

a.twit:active {
    color: #000000;
}

.icon-youtube {
    background-image: url(/App_Themes/PPI-Main/images/main/Social-icon-youtube.svg);
    color: #000000;
}

a.you:link {
    color: #000000;
    text-decoration-line: none;
}

a.you:visited {
    color: #000000;
}

a.you:hover {
    color: #525252;
}

a.you:active {
    color: #000000;
}


/******************************************
SPLASH NAVIGATION
******************************************/


#splashnav {
  position:absolute;
  top: 52%;
  left: 20%;
}
#splashnav > .sn-nav {
  margin-bottom:15px;
  position: relative;
}
#splashnav > .sn-nav span {
    background-color: rgba(36, 36, 36, 0.63);
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 18px;
    color: #13477c;
    border-radius: 5px;
    padding: 8px 5px 8px 35px;
}
#splashnav > .sn-nav span::before {
  width:25px;
  background-repeat: no-repeat;
  height: 25px;
  content: "";
  background-size: 25px;
  position:absolute;
  top:4px;
  left:5px;
}
#splashnav > .sn-find span::before {
    background-image: url(/App_Themes/PPI-Main/images/main/icon-circle-search-blue.svg);
}
#splashnav > .sn-news span::before {
    background-image: url(/App_Themes/PPI-Main/images/main/icon-circle-news-blue.svg);
}
#splashnav > .sn-learn span::before {
    background-image: url(/App_Themes/PPI-Main/images/main/icon-circle-book-blue.svg);
}
#splashnav > .sn-vid span::before {
    background-image: url(/App_Themes/PPI-Main/images/main/icon-circle-vid.svg);
}
a.nene:link { 
color: white;  
text-decoration: none;
}
a.nene:visited {
color: white;
}
a.nene:hover {
  color: white;
}
a.nene:active {
  color: white;
}

/******************************************
PPI CUSTOM FONT SETTINGS
******************************************/


h1 {
    font-size: 32px;
    color: black;
    font-family: myriad-pro-semi-condensed, sans-serif;
}

h2 {
    font-size: 24px;
    color: black;
    text-align: left;
}


/* change this color to match the divisions */
h3 {
    font-size: 18px;
    color: #13477c;
    text-align: left;
}
/* change this color to match the divisions */


h4{
    font-size: 24px;
    color: white;
    text-align: center;
}
p {
    font-size: 18px;
    color: black;
    text-align: left;
}
td {
    font-size: 18px;
    color: black;
    text-align: left;
    line-height: 1.4em;
}

li {
    font-size: 18px;
    color: black;
    text-align: left;
}

/*Header logo main pages*/
.header-logo-container {
    float: left;
    margin: 0.5em 0;
    margin-left: 47px;
}



/*search box expand*/
@media (min-width: 768px) .header-search .search-field {
    padding: 0 0 0 7px;
    padding-left: 34px !important;
    background-position: 7px -17px !important;
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    width: 255px;
}

.Val-Bel-Container p { color:white;}

.Val-Bel-Container h3 {

}

.pipe-h3 h3 span {
    font-family: myriad-pro-semi-condensed;}

.ft-column h3{color:white !important; margin-top:0px !important;}

.BasicSingleColumn {
max-width:1170px;
margin:auto;
}

.BasicTwoColumnLeft {
    margin: auto;
}

.BasicTwoColumnRight {
    margin: auto;
}

.PPIMaxWidth {
    max-width: 1170px;
    margin: auto;
    margin-top: 40px;
}

.footer-content a{ text-decoration:none;}