.homeContentWrap{
    width:100%;
    /*background-color:#000;*/
    background-color:#fff;
}

/*==============================================================*/
/* Home HERO                                                    */
/*==============================================================*/
#homeHero{
    position:relative;
    width:100%;
    background:#ccc;
}

.homeHeroImg{
    display:block;
}

.heroCopy{
    color:#000;
    font-family:"pnBold";
    text-align:center;
    padding:20px 2%;
}

.heroCopy h1{
    font-size:32px;
    line-height:34px;
    margin-bottom:18px;
    color:#000;
    font-family:"pnBold";
}

.heroCopy p{
    display:none
}

.heroCopy a{
    margin-top:8px;
    font-family:"pnBold";
    color:#fff;
    text-decoration:none;
    font-size:15px;
}

.heroImgLoad{
    position:absolute;
    top:0;
    left:0;
    z-index:9;
}

#heroImgFinal{
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    opacity:0;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in; 
}

#heroImgFinal.load{
    opacity:1;
}

.heroBlackSpace{
    display:none;
}


.homeCTAButton{
    display:inline-block;
    line-height:26px;
    height:26px;
    color:#fff !important;
    padding: 0 10px;
    font-size:18px;
    background-color:#2baed9;
    
}





/*==============================================================*/
/* Home CTAs                                                    */
/*==============================================================*/

/*ROW ONE*/
.homeCTA-R1{
    background:#fff;
    position:relative;
    width:100%;
    font-size:0;
}

.homeCTA-R1-block{
    display:inline-block;
    width:100%;
    vertical-align: top;
    position:relative;
    vertical-align:top;
    
}

.homeCTA-R1-block:first-child{
    vertical-align:top;
    padding:32px 30px 32px 22px;
}

.homeCTA-R1-block:first-child h2{
    margin-bottom:15px;
    font-size:32px
}

.homeCTA-R1-block:first-child p{
    font-size:18px;
    line-height:22px;
}

.homeCTA-R1-block:nth-child(2){
    background:#edecec;
}

.homeCTA-R1-block:nth-child(3){
    background:#fff;
}

.homeCTA-R1-block:last-child{
    background:#edecec;
}

.homeCTA-R1-block:last-child{
    background:#edecec;
}

.r1ItemType{
    font-family:"pnBold";
    font-weight:700;
    color:#b1b1b1;
    text-transform: uppercase;
    font-size:18px;
    margin-bottom:5px;
}

.copyCell{
    padding:10%;
    vertical-align: top;
}

.r1Copy a{
    text-decoration:none !important;
}

.r1Copy h2{
    font-size:24px;
    line-height:28px;
    margin-bottom:0;
}

.r1Copy p{
    font-size:18px;
    line-height:22px;
}

.r1Img{
    
}

.r1Img img{
    vertical-align: bottom;
}

.homeUpdatesLink{
    padding-top:10px;
}



/*ROW TWO*/
.homeCTA-R2{
    background:#4f4e4e;
    position:relative;
    width:100%;
    color:#fff;
    font-size:0;
}

.homeCTA-R2-block{
    display:inline-block;
    width:100%;
    vertical-align: top;
    position:relative;
}

.homeCTA-R2-block:nth-child(2){
    background:#333333;
}

.homeCTA-R2-block:nth-child(3){
    background:#4f4e4e;
}

.homeCTA-R2-block:last-child{
    background:#333333;
}

.r2Item{
    padding:0 0 0 0;
    text-align:center;
}

.r2Item.first{
    padding:32px 30px 32px 22px;
    text-align:left;
    font-size:18px;
}

.r2Img{
    display:block;
    width:70%;
    margin:20px auto 10px auto;
}

.r2Item a{
    color:#2baed9;
    text-decoration:none;
}

.r2Item a h2{
    font-size:15px;
}

.blackSpace{
    width:100%;
    height:50px;
    background:#ccc;
    
}

/* Product Feature */
.featureWrap{
    position:relative;
    width:100%;
    background:#333333;
    color:#fff;
}

.pfImage{
    width:100%
}

.pfImage img{
    display:block;   
}

.pfCopyWrap{
    text-align:center
}

.pfCopy{
    padding:20px 2%;
}

.pfCopy .topHead{
    font-size:15px;
    color:#8a8989;
}

.pfCopy h2{
    font-size:24px;
    line-height: 26px;
}

.pfCopy p{
    font-size: 15px;
    line-height: 18px;
}

.pfCopy a{
    text-decoration:none;
    color:#2baed9;
    font-size:16px;
}

.homeProductNav{
    display:none;
}


/*=======================================================*/
/*  BREAK POINTS FOR HOME HERO                           */
/*=======================================================*/


@media only screen and (min-width: 600px) {
     #homeHero{
        position:relative;
    }
    
    .heroCopy{
        color:#fff;
        font-family:"pnLight";
    }

    .heroCopy h1{
        font-size:48px;
        font-weight:200;
        line-height:51px;
        margin-bottom:18px

    }

    .heroCopy p{
        font-size:24px;
        line-height: 28px;

    }

    .heroCopy a{
        font-weight:700;
        font-size:24px;
    }
}


@media only screen and (min-width: 850px) {
    
    .homeProductNav{
        display:block;
        /*
        position:absolute;
        bottom:-20px;
        */
        width:100%;
        
    }

    .pNavItem{
        display:inline-block;
        background:#a82817;
        text-align:center;
        line-height:36px;
        height:46px;
        font-size:10px;
        color:#fff;
        text-decoration:none;
        box-sizing: border-box;
        border-left:1.5px solid #333;
        border-right:1.5px solid #333;
        border-top:3px solid #333;
        border-bottom:3px solid #333;
    }
    
    .pNavItem:first-child{
        border-left:0;
    }

    .pNavItem:last-child{
        border-right:0;
    }

    .pNavItem:hover{
        background:#8d1707;
        text-decoration:underline;
    }
    
    
    .pNavItem a,.pNavItem a:hover,.pNavItem a:visited{
        color:#fff !important;
        text-decoration:none !important;
    }
    

    .pNavSpace{
        width:1%;
        display:inline-block;
    }
    
    
    #homeHero{
        position:relative;
        padding-bottom:20px;
        background:#ccc;
    }
    
    .heroCopy{
        position:absolute;
        left:10px;
        top:18px;
        width:600px;
        z-index:100;
        text-align: left;
    }

    .heroCopy h1{
        font-size:48px;
        font-weight:200;
        line-height:51px;
        margin-bottom:18px

    }

    .heroCopy p{
        font-size:24px;
        line-height: 28px;
        display:block;

    }

    .heroCopy a{
        font-weight:700;
        font-size:24px;
    }
    
    .homeBlackSpace{
        width:100%;
        height:100px;
        background:#ccc;
    }
    
    
    
}


@media only screen and (min-width: 1200px) {
    .pNavItem{
        line-height:41px;
        height:51px;
        font-size:18px;
    }
    
    
    
    #homeHero{
        position:relative;
        padding-bottom:20px;
    }
    
    .heroCopy{
        position:absolute;
        left:157px;
        top:44px;
        width:600px;
        z-index:100;
        text-align: left;
    }

    .heroCopy h1{
        font-size:48px;
        font-weight:200;
        line-height:51px;
        margin-bottom:18px

    }

    .heroCopy p{
        font-size:24px;
        line-height: 28px;
        display:block;

    }

    .heroCopy a{
        font-weight:700;
        font-size:24px;
    }
    
    
    
}


/*=======================================================*/
/*  BREAK POINTS FOR UDATES AND DOWNLOADS                */
/*=======================================================*/
@media only screen and (min-width: 600px) {
    
    .homeCTA-R1-block{
        padding-bottom:33%;
    }
    
    
    
    .r2Item{
        padding:25px 30px 25px 30px;
    }
    
    .blackSpace{
        height:75px;
    }
    
    
    .homeCTA-R1-block{
        width:50%;
    }
    
    .homeCTA-R2-block{
        width:50%;
    }
    
    .homeCTA-R1-block:nth-child(2){
        background:#edecec;
    }

    .homeCTA-R1-block:nth-child(3){
        background:#edecec;
    }

    .homeCTA-R1-block:last-child{
        background:#fff;
    }
    
    .homeCTA-R2-block:nth-child(2){
        background:#333333;
    }

    .homeCTA-R2-block:nth-child(3){
        background:#333333;
    }

    .homeCTA-R2-block:last-child{
        background:#4f4e4e;
    }
    
    .r1Img{
        position:absolute;
        left:0;
        bottom:0;
        width:100%;
    }

    .r1Img img{
        vertical-align: bottom;
    }
    
}

@media only screen and (min-width: 1200px) {
    .homeCTA-R1{
        display:table-row;
    }
    
    .homeCTA-R2{
        display:table-row;
    }
    
    .homeCTA-R1-block{
        display:table-cell;
        width:25%;
        padding-bottom:18%;
    }
    
    .homeCTA-R2-block{
        display:table-cell;
        width:25%;
    }
    
    .blackSpace{
        height:100px;
    }
    
    .homeCTA-R1-block:nth-child(2){
        background:#edecec;
    }

    .homeCTA-R1-block:nth-child(3){
        background:#fff;
    }

    .homeCTA-R1-block:last-child{
        background:#edecec;
    }
    
    .homeCTA-R2-block:nth-child(2){
        background:#333333;
    }

    .homeCTA-R2-block:nth-child(3){
        background:#4f4e4e;
    }

    .homeCTA-R2-block:last-child{
        background:#333333;
    }
}

@media only screen and (min-width: 1400px) {
    .r2Item a h2{
        font-size:17px;
    }
    
    
}

/*=======================================================*/
/*  BREAK POINTS FOR PRODUCT FEATURE                     */
/*=======================================================*/
@media only screen and (min-width: 800px) {
    .pfCopy{
        padding:20px 20%;
    }
}


@media only screen and (min-width: 1200px) {
        /* Product Feature */
        .featureWrap{
            display:table;
        }

        .featureRow{
            display:table-row;
        }

        .pfImage{
            width:65%;
            display:table-cell;
        }
    
        .pfCopy{
            padding:0;
        }

        .pfCopyWrap{
            display:table-cell;
            vertical-align: middle;
            text-align:left;
            padding:0 20px;
        }

        .pfCopy .topHead{
            font-size:24px;
            line-height:28px;
            padding-bottom:22px;
        }
    
        .pfCopy h2{
            font-size: 32px;
            line-height: 36px;
        }

        .pfCopy p{
            font-size: 18px;
            line-height: 22px;
        }

        .pfCopy a{
            font-size:18px;
        }
}


/*=========================*/
/* UPDATES MAY 9 2023 - BE */
/*=========================*/

.homeHeroHeadlineWrap {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  background: #cccccc;
  padding: 34px 0 98px 0;
}

.homeHeroHeadline {
  width: 80%;
}

.homeHeroHeadline h1 {
  font-size: 48px;
  color: #323333;
  text-align: center;
  font-family: "pnReg";
  line-height: normal;
}

.homeHeroBtnWrap {
  margin-top: 8px;
}

@media screen and (min-width: 1024px) {
  .homeHeroHeadline {
    width: 70%;
  }
}

@media screen and (min-width: 1440px) {
  .homeHeroHeadline {
    width: 60%;
  }
}