.abfid-hero{
    margin-top: 100px;
    height: 50em;
    display: table;
/*    background-position: center;
    background-origin: content-box;
    background-size: cover;
    background-repeat: no-repeat;*/
}

.abfid-hero-image{
    background-position-y:70px!important;
}

.abfid-hero-overlay {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.abfid-hero-container{
    position: absolute;
    top: 50%;
    width:100%;
    z-index: 4;
}


/*--- Font styles---*/
h1.abfid--hero-h1{
    font-size: 6.125rem;
    line-height: 1.25;
    font-family: 'Fidelity Sans','Helvetica', sans-serif;
    text-align: center;
    color:#FFF;
    font-weight: 300;
    font-style: normal;
    text-transform: none;
    margin-bottom: 1rem;
}

p.abfid--hero-p {
    text-align: center;
    display: block;
    font-size: 34px;
    font-family: 'Fidelity Sans','Helvetica', sans-serif;
    font-weight: 300;
    line-height: 1.2;
    color: #FFF;
    margin-bottom: 1rem;
}

p.abfid--hero-quoter{
    font-size: 1.2rem;
    letter-spacing: 4px;
    line-height: 1.8rem;
    color:#FFF;
    font-family: 'Fidelity Sans','Helvetica', sans-serif;
    text-align: center;
    font-weight: 300;
}



/*------- ARROW SEMI CIRCLE -----*/
.arrowscroll{
    display: block;
    height:4rem;
    width:8rem;
    background-color: #FFF;
    margin: 0 auto;
    align-content: center;
    justify-content: center;
    position: absolute;
    right:0;
    left:0;
    top:100;
    bottom: 0;
    border-top-right-radius: 4rem;
    border-top-left-radius: 4rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 102;
}

#down-arrow a:hover{
    opacity: 1;
}

.arrowscroll i{
    font-size: 2rem;
    text-align: center;
    vertical-align: center;
    padding: 0;
    margin: 0 auto;
    color: #777;
    z-index: 103;
}

#down-arrow {
    position: absolute;
    display: block;
    left:38%;
    top:40%;
    z-index: 103;
}


/*----- Hero image container ---------*/






/*--- RESPONSIVE ---*/
@media only screen and (max-width: 2552px) {

.abfid-hero-overlay {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

/*--- Font Padding ---*/
h1.abfid--hero-h1{
   padding:0 15%;

}

p.abfid--hero-p {
    padding:0 25%;
}

p.abfid--hero-quoter{
    padding:1rem 15%;
}
/*--- End Font Padding ---*/

}

/*-- large desktop --*/
@media only screen and (max-width: 1920px) {
.abfid-hero-overlay {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

/*--- Font Padding ---*/
h1.abfid--hero-h1{
    padding:0 15%;
}

p.abfid--hero-p {
    padding:0 25%;
}

p.abfid--hero-quoter{
    padding:0 15%;
}
/*--- End Font Padding ---*/

}

/*-- Laptop Large --*/
@media only screen and (max-width: 1440px) {
.abfid-hero-overlay {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

/*--- Font Padding ---*/
h1.abfid--hero-h1{
    padding:0 15%;
}

p.abfid--hero-p {
    padding:0 20%;
}

p.abfid--hero-quoter{
    padding:1rem 15%;
}
/*--- End Font Padding ---*/

}

/*-- Laptop Small --*/
@media only screen and (max-width: 1024px) {
.abfid-hero-overlay {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.abfid-hero{
    margin-top: 100px;
   height: 35em;
}   

.abfid-hero-container {
    position: absolute;
    top: 40%;
}

/*--- Font Padding ---*/
h1.abfid--hero-h1{
    padding:0 10%;
}

p.abfid--hero-p {
    padding:0 10%;
}

p.abfid--hero-quoter{
    padding:1rem 10%;
}
/*--- End Font Padding ---*/

}


/*-- Tablet Landscape --*/
@media only screen and (max-width: 920px) {

.abfid-hero-overlay {
    position: absolute;background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.abfid-hero-container {
    position: absolute;
    top: 40%;
}

h1.abfid--hero-h1{
    font-size: 4em;
    line-height: 1.1;
    padding:0 10%;
}

p.abfid--hero-p {
    font-size: 18px;
    line-height: 1.2;
    padding:0 10%;
}

p.abfid--hero-quoter {
    font-size: 1.1rem;
    letter-spacing: 4px;
    line-height: 1.4rem;
    padding: 1rem 10%;
}

}

/*-- Tablet --*/
@media only screen and (max-width: 768px) {

.abfid-hero-overlay {
    position: absolute;background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.abfid-hero-container {
    position: absolute;
    top: 36%;
}

h1.abfid--hero-h1{
    font-size: 3.75em;
    line-height: 1.1;
    padding: 0 5%;
}

p.abfid--hero-p {
    font-size: 18px;
    line-height: 1.2;
    padding:0 10%;
}

p.abfid--hero-quoter {
    font-size: 1.1rem;
    letter-spacing: 4px;
    line-height: 1.4rem;
    padding: 1rem 8%;
}

}


/*-- phone large landscape --*/
@media only screen and (max-width: 512px) {
.abfid-hero{
    height: 32em;
}   

.abfid-hero-overlay {
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.abfid-hero-container {
    position: absolute;
    top: 30%;
}

h1.abfid--hero-h1{
    font-size: 2.75em;
    line-height: 1.1;
    padding:0 8%;
}

p.abfid--hero-p {
    font-size: 18px;
    line-height: 1.2;
    padding:0 10%;
}

p.abfid--hero-quoter {
    font-size: 1.1rem;
    letter-spacing: 4px;
    line-height: 1.4rem;
    padding:1rem 10%;
}


}



/*-- phone large --*/
@media only screen and (max-width: 425px) {
.abfid-hero{
   height: 32em;

}   

.abfid-hero-overlay {
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.abfid-hero-container {
    position: absolute;
    top: 30%;
}

h1.abfid--hero-h1{
    font-size: 2.75em;
    line-height: 1.1;
    padding:0 8%;
}

p.abfid--hero-p {
    font-size: 18px;
    line-height: 1.2;
    padding:0 10%;
}

p.abfid--hero-quoter {
    font-size: 1.1rem;
    letter-spacing: 4px;
    line-height: 1.4rem;
    padding:1rem 10%;
}


}

/*-- Phone Medium --*/
@media only screen and (max-width: 375px) {
 .abfid-hero{
    height: 50em;
}   

.abfid-hero-overlay {
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.abfid-hero-container {
    position: absolute;
    top: 25%;
}

h1.abfid--hero-h1{
    font-size: 2.75em;
    line-height: 1.1;
    padding:0 8%;
}

p.abfid--hero-p {
    font-size: 18px;
    line-height: 1.2;
    padding:0 8%;
}

p.abfid--hero-quoter {
    font-size: 1.1rem;
    letter-spacing: 4px;
    line-height: 1.4rem;
    padding:1rem 8%;
}

}

/*-- Phone Small --*/
@media only screen and (max-width: 320px) {

.abfid-hero{
    height: 36em;
}   

.abfid-hero-overlay {
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.abfid-hero-container {
    position: absolute;
    top: 25%;
}

h1.abfid--hero-h1{
    font-size: 2.25em;
    line-height: 1.2;
    padding: 0 4%;
}

p.abfid--hero-p {
    font-size: 16px;
    line-height: 1.1;
    padding:0 8%;
}

p.abfid--hero-quoter {
    font-size: 1.1rem;
    letter-spacing: 4px;
    line-height: 1.4rem;
    padding:1rem 8%;
}

}


/* Green divider line --*/









/*-- PROMOTIONAL SECTIONS --*/

/*-- This is used for Hero components with larger quotes + buttons --*/
/*-- Classes with Abfid-hero-promo --*/


.abfid-hero.abfid-hero-promo{
    margin-top: 100px;
    height: 50em;
    display: table;
}



/*.abfid-hero-container.abfid-hero-container-promo{
    position: absolute;
    top: 50%;
    width:100%;
    z-index: 4;
}*/

/*--- Font styles---*/
h1.abfid--hero-h1-promo{
    font-size: 5rem;
    line-height: 1.25;
    font-family: 'Fidelity Sans','Helvetica', sans-serif;
    text-align: center;
    color:#FFF;
    font-weight: 300;
    font-style: normal;
    text-transform: none;
    margin-bottom: 1rem;
}

p.abfid--hero-p-promo {
    text-align: center;
    display: block;
    font-size: 1.7rem;
    font-family: 'Fidelity Sans','Helvetica', sans-serif;
    font-weight: 300;
    line-height: 2.2rem;
    color:#FFF;
    margin-bottom: 1rem;
}

p.abfid--hero-quoter-promo{
    font-size: 1.1rem;
    letter-spacing: 4px;
    line-height: 1.8rem;
    color:#FFF;
    font-family: 'Fidelity Sans','Helvetica', sans-serif;
    text-align: center;
    font-weight: 300;
}





/*-- PROMOTIONAL SECTIONS --*/
.abfid-hero-container-promo{
    position: absolute;
    top: 52%;
    width:100%;
    z-index: 4;
}

h1.abfid--hero-h1-promo{
padding: 0 5%;
}


/*-- Laptop Small --*/
@media only screen and (max-width: 1920px) {
    h1.abfid--hero-h1-promo {
        padding: 0 5%;
    }
}


/*-- Laptop Small --*/
@media only screen and (max-width: 1440px) {
    .abfid-hero-promo{
        height: 56em;
    }   
    .abfid-hero-container-promo {
        position: absolute;
        top: 36%;
    }
}


/*-- Laptop Small --*/
@media only screen and (max-width: 1024px) {
    .abfid-hero-promo{
        height: 56em;
    }   
}



/*-- Tablet Landscape --*/
@media only screen and (max-width: 920px) {
    .abfid-hero-container-promo {
        position: absolute;
        top: 28%;
    }

    h1.abfid--hero-h1-promo{
        font-size: 3.75em;
        line-height: 1.1;
        padding:0 5%;
    }

    h1.abfid--hero-p-promo{
        font-size: 4em;
        line-height: 1.1;
        padding:0 10%;
    }

    p.abfid--hero-p-promo {
        font-size: 1.7rem;
        line-height: 2rem;
        padding:0 10%;
    }

    p.abfid--hero-quoter-promo {
        font-size: 1.1rem;
        letter-spacing: 4px;
        line-height: 1.4rem;
        padding:0 2%;
    }

    .promo-button{
        display: block;
        margin: 0px 5%;
        width: auto;
    }
    .promo-button{
    display: block;
    margin: 0px 5%!important;
    width: auto;
    }
}


/*-- phone large landscape --*/
@media only screen and (max-width: 512px) {
    .abfid-hero-promo{
        height: 64em;
    }   
    .abfid-hero-container-promo {
        position: absolute;
        top:18%;
    }
    h1.abfid--hero-h1-promo{
        font-size: 2.75em;
        line-height: 1.1;
        padding:0 2%;
    }
    .promo-button{
    display: block;
    margin: 0px 5%!important;
    width: auto;
}
}

/*-- Iphone Large --*/
@media only screen and (max-width: 425px) {
    .abfid-hero-promo{
    height: 64em;
    }   

    .abfid-hero-container {
 position: absolute;
    top: 45%;
}
    h1.abfid--hero-h1-promo{
    font-size: 2.25em;
    line-height: 1.1;
    padding:0 2%;
    }
    p.abfid--hero-p-promo {
        font-size: 1.4rem;
        line-height: 2rem;
        padding:0 5%;
    }
    p.abfid--hero-quoter-promo {
        font-size: 1rem;
        letter-spacing: 4px;
        line-height: 1.4rem;
        padding:0 2%;
    }
    .promo-button{
    display: block;
    margin: 0px 5%!important;
    width: auto;
}
}


/*-- Phone Medium --*/
@media only screen and (max-width: 375px) {
     .abfid-hero-promo{
        height: 64em;
    }   

    .abfid-hero-container {
 position: absolute;
    top: 45%;
}


    .abfid-hero-container-promo {
position: absolute;
    top: 45%;
    }
    h1.abfid--hero-h1-promo{
        font-size: 2.25em;
        line-height: 1.1;
        padding:0 5%;
    }
    p.abfid--hero-p-promo {
        font-size: 1.4rem;
        line-height: 2rem;
        padding:0 5%;
    }
    p.abfid--hero-quoter-promo {
        font-size: 1rem;
        letter-spacing: 4px;
        line-height: 1.4rem;
        padding:0 2%;
    }
    .promo-button{
    display: block;
    margin: 0px 5%!important;
    width: auto;
}
}

/*-- Phone Small --*/
@media only screen and (max-width: 320px) {
    .abfid-hero-promo{
        height: 64em;
    }

        .abfid-hero-container {
 position: absolute;
    top: 45%;
}
    .abfid-hero-container-promo {
        position: absolute;
        top: 18%;
    }
    h1.abfid--hero-h1-promo{
        font-size: 2.25em;
        line-height: 1.1;
        padding: 0 2%;
    }    
    p.abfid--hero-p-promo {
        font-size: 1.2rem;
        line-height: 2rem;
        padding:0 5%;
    }
    p.abfid--hero-quoter-promo {
        font-size: .75rem;
        letter-spacing: 2px;
        line-height: 1.4rem;
        padding: 0 2%;
    }
    .promo-button{
    display: block;
    margin: 0px 5%!important;
    width: auto;
}
}





/* ------------------------------------ UPDATED HERO CODE FOR USE WITH HERO TOOL --------------------------------------*/
/* ------------------------------------ UPDATED HERO CODE FOR USE WITH HERO TOOL --------------------------------------*/
/* ------------------------------------ UPDATED HERO CODE FOR USE WITH HERO TOOL --------------------------------------*/
/* ------------------------------------ UPDATED HERO CODE FOR USE WITH HERO TOOL --------------------------------------*/
/* ------------------------------------ UPDATED HERO CODE FOR USE WITH HERO TOOL --------------------------------------*/
/* ------------------------------------ UPDATED HERO CODE FOR USE WITH HERO TOOL --------------------------------------*/
/* ------------------------------------ UPDATED HERO CODE FOR USE WITH HERO TOOL --------------------------------------*/
/* ------------------------------------ UPDATED HERO CODE FOR USE WITH HERO TOOL --------------------------------------*/
/* ------------------------------------ UPDATED HERO CODE FOR USE WITH HERO TOOL --------------------------------------*/
/* ------------------------------------ UPDATED HERO CODE FOR USE WITH HERO TOOL --------------------------------------*/
/**/
/**/
/**/
/**/
/* HERO VERBOSE*/
/* If you have a long H1 that keeps breaking the content container, try the -verbose styles below.
/**/
/**/
/**/
/**/

/*--- Font styles---*/
h1.abfid--hero-h1-verbose {
    font-size: 6.125rem;
    line-height: 1.25;
    font-family: "Fidelity Sans", "Helvetica", sans-serif;
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-style: normal;
    text-transform: none;
    margin-bottom: 1rem;
  }
  
  /*--- RESPONSIVE ---*/
  @media only screen and (max-width: 2552px) {
    h1.abfid--hero-h1-verbose {
      padding: 0 4%;
    }
  }
  
  /*-- Desktop Large --*/
  @media only screen and (max-width: 1920px) {
    h1.abfid--hero-h1-verbose {
      padding: 0 4%;
    }
  }
  
  /*-- Laptop Large --*/
  @media only screen and (max-width: 1440px) {
    h1.abfid--hero-h1-verbose {
      padding: 0 15%;
    }
  }
  
  /*-- Laptop Large 2 --*/
  @media only screen and (max-width: 1370px) {
    h1.abfid--hero-h1-verbose {
      font-size: 5rem;
      padding: 0 10%;
    }
  }
  
  /*-- Laptop Small --*/
  @media only screen and (max-width: 1024px) {
    h1.abfid--hero-h1-verbose {
      font-size: 4em;
      padding: 0 10%;
    }
  }
  
  /*-- Tablet --*/
  @media only screen and (max-width: 768px) {
    h1.abfid--hero-h1-verbose {
      font-size: 3.5em;
      line-height: 1.1;
      padding: 0 5%;
    }
  }
  
  /*-- phone xlarge --*/
  @media only screen and (max-width: 550px) {
    h1.abfid--hero-h1-verbose {
      font-size: 3em;
      line-height: 1.1;
      padding: 0 5%;
    }
  }
  
  /*-- phone large --*/
  @media only screen and (max-width: 430px) {
    h1.abfid--hero-h1-verbose {
      font-size: 2em;
      line-height: 1.2;
      padding: 0 8%;
    }
  }
  
  /*-- phone small --*/
  @media only screen and (max-width: 380px) {
    h1.abfid--hero-h1-verbose {
      font-size: 2em;
      line-height: 1.2;
      padding: 0 8%;
    }
  }
  
  /* END -verbose*/
  /**/
  /**/
  /**/

/**/
/**/
/**/
/* Hero CEROS */

.ceros {
    height: 100%;
    margin-top: 71px;
    display: block;
}

/**/
/**/
/**/