@font-face {
    font-family: 'franklin_gothic_demi-webfont';
  src: url('/storage/app/media/franklin_gothic_demi-webfont.ttf'); /* WELCOME */
}
@font-face {
    font-family: 'futurabt_light-webfont';
  src: url('/storage/app/media/futurabt_light-webfont.ttf'); /*TITLE DESCRIPTION*/
}
@font-face {
    font-family: 'futurxkc-webfont';
  src: url('/storage/app/media/futurxkc-webfont.ttf'); /* WEBPAGE TITLE */
}
@font-face {
    font-family: 'snellrnd-webfont';
  src: url('/storage/app/media/snellrnd-webfont.ttf'); /* BANNER */
}
@font-face {
    font-family: 'futura_med_cond-webfont';
  src: url('/storage/app/media/futura_med_cond-webfont.ttf'); /*BANNER*/
}

 /******************************************************** HEADER ***********************************************/
.wrap__logoHeader .logo__title {
    font-size: 25pt;
    font-family: futurxkc-webfont;
    margin: 0px 0px 0px;
}
.logo__description {
    font-size: 16pt;
    font-family: futurabt_light-webfont;
}
.wrap__logoHeader {
max-width: 100% !important;
padding: 5px 0 !important;
}
.wrap__header--inner {
 padding: 35px 36px 20px; 
}

/************************************* BANNER *********************************************************/

.growth {
    font-family: snellrnd-webfont;
    font-size: 48pt;
}
.change {
    font-family: futura_med_cond-webfont;
    font-size: 19pt;
}
.heading {
    padding: 33px 0;
    line-height: .9;
    height: 155px;
}

/*************************************** BODY *****************************/
.wrap__page-content h1, .page__title {
    font-family: franklin_gothic_demi-webfont;
    font-size: 25pt;
    margin-bottom: 10px;
}
.image-right {
float: right;
clear: right;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
/* UNORDERED LIST */
.custom_list-style li{
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1.3em;
    padding-left: 2.5em;
}
.red-text{
    color:red;
}
 /*Links*/
 .content a {
    color: #4A7D92 !important;
    text-decoration: none;
}
.image{
float: none;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
display: block;
}
  /*Hot topic page*/
#hot-topics .docheadline{
  font-family: Tahoma;font-size: 12px; text-decoration: none; font-weight: bold; /** color: #2e7105 **/
  } 
#hot-topics .docsummary{
  font-family: Tahoma;font-size: 12px;
  } 
#hot-topics .docseperator{ 
  height: 3px; margin: 6px 0px 6px 0px; border-bottom: 1px solid #eeeeee;
  }
#hot-topics .docNewsLogo { 
  font-family: Tahoma; font-size: 10px; align: right;
  } 
#hot-topics .page-title {
  display: block !important;
}
/**********************************RESPONSIVE***************************************/

@media only screen and (max-width: 1024px) {
   .wrap__image--inner .image {
        display: block !important;
   }
    .wrap__ctaBody .cta_block {
    width: 100%;
    }
    .content-holder {
    width: 65.5%;
    }
    .wrap__ctaBody .cta_block {
    width: 49%;
    }
}
@media only screen and (max-width: 768px) {
    .wrap__ctaHeader--inner {
           display: none;
       }
    .logo__link.logo__left .logo__image, .logo__left img[class$="__img"] {
           display:none;
    }
    .wrap__logoHeader .logo__title {
        font-size: 35pt;
        text-align: center;
    }
    .wrap__header--inner {
        padding: 10px 36px 10px 30px;
    }
    
    .logo__description {
        font-size: 22pt;
    }
    .logo__title + .logo__description {
        margin-top: -5px;
        text-align:center;
    }
    .heading{
        display:none;
    }
    .heading:before{
        display:none;
    }
    .content{
        width: 62%;
    }
}


@media only screen and (max-width: 425px) {
    .content {
    width: 100%;
    }
    
    .wrap__logoHeader .logo__description {
    font-size: 17px;
    }
    .logo__title + .logo__description {
    margin-top: 3px;
}
 
    .wrap__logoHeader .logo__title {
    font-size: 20pt;
    text-align: center;
}
.wrap__header--inner {
    padding: 0px 36px 0px !important;
}

   .image-right{
    float: none;
    margin: 10px  auto;
    display: block;
    }
    .image{
    float: none;
    margin: 10px auto;
    display: block;
    }
    .wrap__map {
        margin: 0px 0 -68px;
    }
    .wrap__form {
    padding: 0px 0 0px;
    }
    form::after {
    margin-bottom: 16px;
    }
}