/*** WAF Coloring ***/

.waf-text-darkred {
     color:  #b00429;
}
.waf-text-totalred {
     color:  #df0c36;
}
.waf-text-lightgray {
     color:  #f8f8f8;
}
.waf-text-darkgray {
     color:  #707173;
}
.waf-text-totalblue {
     color:  #004096;
}
.waf-text-lightblue {
     color:  #4b96cd;
}
.waf-text-totalorange {
     color:  #f59600;
}
.waf-text-lightgreen {
     color:  #00d674;
}
.waf-text-darkgreen {
     color:  #00994f;
}
.waf-background-darkred {
     background-color:  #b00429;
}
.waf-background-totalred {
     background-color:  #df0c36;
}
.waf-background-lightgray {
     background-color:  #f8f8f8;
}
.waf-background-darkgray {
     background-color:  #707173;
}
.waf-background-totalblue {
     background-color:  #004096;
}
.waf-background-lightblue {
     background-color:  #4b96cd;
}
.waf-background-totalorange {
     background-color:  #f59600;
}
.waf-background-lightgreen {
     background-color:  #00d674;
}
.waf-background-darkgreen {
     background-color:  #00994f;
}


/*** WAF Overlay Styles ***/

#overlay-opaquecontainer {
     display:  none;
/*     background-color:  #000; */
     background-color: #374649;
     position:  absolute;
     width:  100%;
     height:  100%;
     top:  0px;
     left:  0px;
     z-index:  10000;
     opacity:  0;
     filter:  alpha(opacity=0);
     -ms-filter:  \"alpha(opacity=0)\";
     -khtml-opacity:  0;
     -moz-opacity:  0;
}
.waf-overlay-container {
     background-color:  transparent;
     position:  absolute;
     width:  100%;
     height:  100%;
     top:  0px;
     left:  0px;
     z-index:  10000;
     line-height: 17.92px;
}
.waf-overlay-box {
     position:  fixed;
     /* background-color:  #F8F8F8; */
     background-color:  #F7F9FA;
     overflow:  hidden;
     padding:  15px;
     border-radius: 20px;
}
.waf-overlay-box.border-totalred {
     border:  5px solid #df0c36;
}
.waf-overlay-box.border-darkred {
     border:  5px solid #b00429;
}
.waf-overlay-box.border-darkgay {
     border:  5px solid #707173;
}
.waf-overlay-box.border-totalblue {
     border:  5px solid #004096;
}
.waf-overlay-box.border-lightblue {
     border:  5px solid #4b96cd;
}
.waf-overlay-box.border-totalorange {
     border:  5px solid #f59600;
}
.waf-overlay-box.border-totalred {
     border:  5px solid #df0c36;
}
.waf-overlay-box.border-darkred {
     border:  5px solid #b00429;
}
.waf-overlay-box.border-darkgay {
     border:  5px solid #707173;
}
.waf-overlay-box.border-totalblue {
     border:  5px solid #004096;
}
.waf-overlay-box.border-lightblue {
     border:  5px solid #4b96cd;
}
.waf-overlay-box.border-totalorange {
     border:  5px solid #f59600;
}
.waf-overlay-box.border-lightgreen {
     border:  5px solid #00d674;
}
.waf-overlay-box.border-darkgreen {
     border:  5px solid #00994f;
}
.waf-overlay-box .waf-overlay-close-btn button {
     width:  auto;
     height:  auto;
     float:  right;
     position:  relative;
     margin:  15px;
     cursor:  pointer;
     display:  inline-block;
     margin:  0;
     margin-top:  1em;
     vertical-align:  middle;
     /* font-family:  Arial,  Helvetica,  sans-serif; */
     font-family:  'Roboto';
     border-radius: 20px;
     padding:  10px 25px;
     min-width:  100px;
     border:  none;
     font-size:  16px;
     /* was before rebranding:
     background-color:  #707173;
     color:  #f8f8f8; */
     background-color: #374649;
     color: #f7f9fa;
}
.waf-overlay-box .waf-overlay-close-btn button:hover {
     transition:  background-color 0.5s ease;
     /* was before rebranding: background-color:  #bfbfbf; */
     background-color: #a7b9ba;
}
.waf-overlay-box .waf-overlay-close-img {
     display:  inline-block;
     position:  absolute;
     top:  10px;
     right:  10px;
}
.waf-overlay-box a,  .waf-overlay-box ins {
     margin:  0;
     text-decoration:  underline;
     font-weight:  600;
     color:  #666;
}
.waf-overlay-box a:hover {
     color:  #bfbfbf;
}
.waf-overlay-box h1 {
     font-size:  24px;
     font-family: 'Nunito';
     color: #374649;
     line-height:  24px;
     font-weight:  600;
     text-decoration:  none;
     border-bottom:  none;
     margin-top:  0;
     margin-bottom:  20px;
     padding-bottom:  0px;
     text-transform:  uppercase;
}
.waf-overlay-box h2 {
     font-family: 'Roboto Condensed';
     font-size:  140%;
     line-height:  1em;
     padding:  0;
     margin:  inherit;
     text-decoration:  inherit;
     font-weight:  600;
     border-bottom:  none;
     margin-top: 7px;
     color: #374649;
}
.waf-overlay-box p {
     margin-top:  5px;
     font-weight:  400;
     margin-bottom:  inherit;
     padding:  inherit;
	line-height: 1.2em;
	letter-spacing: 0px;
     font-family: 'Roboto';
     font-size: 15px;
     color: #374649;
}
}
@media only screen and (max-width: 359px) {
     .waf-overlay-box {
     max-width:  290px;
	}
	.waf-overlay-box p {
     font-size:  14px;
	}
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
     .waf-overlay-box {
     max-width:  330px;
	}
	.waf-overlay-box p {
     font-size:  15px;
	}
	.waf-overlay-box h2 {
     font-size:  125%;
	}
}
@media only screen and (max-width: 719px) and (min-width: 480px) {
     .waf-overlay-box {
     max-width:  440px;
	}
	.waf-overlay-box h2 {
     font-size:  130%;
	}
}
@media only screen and (max-width: 959px) and (min-width: 720px) {
     .waf-overlay-box {
     max-width:  670px;
	}
}
@media only screen and (min-width: 960px) {
     .waf-overlay-box {
     max-width:  850px;
	}
}


/*** WAF Banner styles ***/

.waf-sliding-banner {
     margin:  0;
     padding:  0;
     right:  0;
     z-index:  9999;
/*     font-family:  Arial,  Helvetica,  sans-serif; */
     font-family: 'Roboto';
     height:  auto;
     width:  100%;
     display:  none;
     position:  fixed;
     line-height: 17.92px;
}
.waf-sliding-banner.top {
     top:  0px;
}
.waf-sliding-banner.bottom {
     bottom:  0px;
}
.waf-sliding-banner a,  .waf-sliding-banner ins {
     margin:  0;
     text-decoration:  underline;
     font-weight:  600;
}
.waf-sliding-banner h1 {
     font-size:  24px;
     font-family:  'Nunito';
     font-weight:  800;
     line-height:  20px;
     text-decoration:  none;
     border-bottom:  none;
     margin-top:  10px;
     margin-bottom:  10px;
     padding:  inherit;
     text-transform:  uppercase;
}
.waf-sliding-banner h2 {
     font-family:  'Roboto Condensed';
     font-size:  140%;
     line-height:  1em;
     padding:  0;
     margin:  inherit;
     text-decoration:  inherit;
     font-weight:  800;
     border-bottom:  none;
     margin-top:  7px;
}
.waf-sliding-banner p {
     font-size:  14px;
     /* font-family:  Arial,  Helvetica,  sans-serif; */
     font-family: 'Roboto';
     margin-top:  5px;
     font-weight:  400;
     margin-bottom:  inherit;
     padding:  inherit;
}
.waf-sliding-banner .waf-banner-content {
     background-color:  transparent;
     border:  0 none;
     display:  block;
     margin:  0 auto 0 auto;
     width:  930px;
     padding:  15px;
}
.waf-sliding-banner .waf-banner-content .waf-banner-text {
     margin:  0;
     background-color:  transparent;
     border:  0 none;
     display:  block;
     width:  930px;
     /* font-family:  Arial,  Helvetica,  sans-serif; */
     font-family: 'Roboto';
}

.waf-sliding-banner .waf-banner-content .waf-banner-text p {
	line-height: initial;
	letter-spacing: 0px;
}

.waf-sliding-banner .waf-banner-content .waf-banner-buttons button {
     cursor:  pointer;
     display:  inline-block;
     margin-right:  20px;
     margin-top:  1em;
     vertical-align:  middle;
     /* font-family:  Arial,  Helvetica,  sans-serif; */
     font-family: 'Roboto';
     padding:  10px 25px;
     min-width:  100px;
     border:  none;
     font-size:  14px;
}
.waf-sliding-banner a:focus {
     outline:  dotted thin;
}
.waf-sliding-banner a:hover {
     transition:  color 0.5s ease;
}
.waf-sliding-banner .waf-banner-content .waf-banner-buttons button:hover {
     transition:  background-color 0.5s ease;
}
@media only screen and (max-width: 479px) {
     .waf-sliding-banner .waf-banner-content, .waf-sliding-banner .waf-banner-content .waf-banner-text {
     width:  350px;
}
}@media only screen and (max-width: 719px) and (min-width: 480px) {
     .waf-sliding-banner .waf-banner-content, .waf-sliding-banner .waf-banner-content .waf-banner-text {
     width:  440px;
}
}@media only screen and (max-width: 959px) and (min-width: 720px) {
     .waf-sliding-banner .waf-banner-content, .waf-sliding-banner .waf-banner-content .waf-banner-text {
     width:  670px;
}
}.waf-sliding-banner.lightgray {
/*      background:  #f8f8f8; */
     background: #b7cbd3;
}
.waf-sliding-banner.lightgray, .waf-sliding-banner.lightgray h1, .waf-sliding-banner.lightgray h2, .waf-sliding-banner.lightgray p, .waf-sliding-banner.lightgray a, .waf-sliding-banner.lightgray ins {
/*     color:  #666; */
     color: #374649;
}
.waf-sliding-banner.lightgray a:hover {
     color:  #bfbfbf;
}
.waf-sliding-banner.lightgray .waf-banner-content .waf-banner-buttons button {
     background-color:  #707173;
     color:  #f8f8f8;
}
.waf-sliding-banner.lightgray .waf-banner-content .waf-banner-buttons button:hover {
     background-color:  #bfbfbf;
}
.waf-sliding-banner.darkgray {
     background-color:  #707173;
}
.waf-sliding-banner.darkgray, .waf-sliding-banner.darkgray h1, .waf-sliding-banner.darkgray h2, .waf-sliding-banner.darkgray p, .waf-sliding-banner.darkgray a, .waf-sliding-banner.darkgray ins {
     color:  #f8f8f8;
}
.waf-sliding-banner.darkgray a:hover {
     color:  #bfbfbf;
}
.waf-sliding-banner.darkgray .waf-banner-content .waf-banner-buttons button {
     background-color:  #f8f8f8;
     color:  #666;
}
.waf-sliding-banner.darkgray .waf-banner-content .waf-banner-buttons button:hover {
     background-color:  #bfbfbf;
}
.waf-sliding-banner.totalred {
     background-color:  #df0c36;
}
.waf-sliding-banner.totalred, .waf-sliding-banner.totalred h1, .waf-sliding-banner.totalred h2, .waf-sliding-banner.totalred p, .waf-sliding-banner.totalred a, .waf-sliding-banner.totalred ins {
     color:  #f4f4f4;
}
.waf-sliding-banner.totalred a:hover {
     color:  white;
}
.waf-sliding-banner.totalred .waf-banner-content .waf-banner-buttons button {
     background-color:  #f4f4f4;
     color:  #666;
}
.waf-sliding-banner.totalred .waf-banner-content .waf-banner-buttons button:hover {
     background-color:  white;
}
.waf-sliding-banner.darkred {
/*     background-color:  #b00429; */
     background: #ed0000;
}
.waf-sliding-banner.darkred, .waf-sliding-banner.darkred h1, .waf-sliding-banner.darkred h2, .waf-sliding-banner.darkred p, .waf-sliding-banner.darkred a, .waf-sliding-banner.darkred ins {
     color:  #f2f2f2;
}
.waf-sliding-banner.darkred a:hover {
     color:  white;
}
.waf-sliding-banner.darkred .waf-banner-content .waf-banner-buttons button {
     background-color:  #f2f2f2;
     color:  #666;
}
.waf-sliding-banner.darkred .waf-banner-content .waf-banner-buttons button:hover {
     background-color:  white;
}
.waf-sliding-banner.lightred {
     background-color:  #ff8c8c;
}
.waf-sliding-banner.lightred, .waf-sliding-banner.lightred h1, .waf-sliding-banner.lightred h2, .waf-sliding-banner.lightred p, .waf-sliding-banner.lightred a, .waf-sliding-banner.lightred ins {
     color:  white;
}
.waf-sliding-banner.lightred a:hover {
     color:  #f0f0f0;
}
.waf-sliding-banner.lightred .waf-banner-content .waf-banner-buttons button {
     background-color:  white;
     color:  #666;
}
.waf-sliding-banner.lightred .waf-banner-content .waf-banner-buttons button:hover {
     background-color:  #f0f0f0;
}
.waf-sliding-banner.orange {
     background-color:  orange;
}
.waf-sliding-banner.orange, .waf-sliding-banner.orange h1, .waf-sliding-banner.orange h2, .waf-sliding-banner.orange p, .waf-sliding-banner.orange a, .waf-sliding-banner.orange ins {
     color:  white;
}
.waf-sliding-banner.orange a:hover {
     color:  #f0f0f0;
}
.waf-sliding-banner.orange .waf-banner-content .waf-banner-buttons button {
     background-color:  white;
     color:  #666;
}
.waf-sliding-banner.orange .waf-banner-content .waf-banner-buttons button:hover {
     background-color:  #f0f0f0;
}
.waf-sliding-banner.green {
     background-color:  #00b664;
}
.waf-sliding-banner.green, .waf-sliding-banner.green h1, .waf-sliding-banner.green h2, .waf-sliding-banner.green p, .waf-sliding-banner.green a, .waf-sliding-banner.green ins {
     color:  white;
}
.waf-sliding-banner.green a:hover {
     color:  #f0f0f0;
}
.waf-sliding-banner.green .waf-banner-content .waf-banner-buttons button {
     background-color:  #f8f8f8;
     color:  #00994f;
}
.waf-sliding-banner.green .waf-banner-content .waf-banner-buttons button:hover {
     background-color:  #b0f6d6;
}