@charset "utf-8";
@import url("https://use.typekit.net/azb7toq.css");


.supCTAs{display:none !important;}


@media(max-width:770px){
body#Body .chatWrap{display:none !important}
}
body#Body .chatWrap{display:block !important;}
/*body#Body .chatWrap{display:none !important}*/
#fcPickr
{}
/* CSS Document */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  src: url(/portals/_default/fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/portals/_default/fonts/MaterialIcons-Regular.woff2) format('woff2'),
    url(/portals/_default/fonts/MaterialIcons-Regular.woff) format('woff'),
    url(/portals/_default/fonts/MaterialIcons-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  src: url(/portals/_default/fonts/oswald-v16-latin-regular.eot); /* For IE6-8 */
  src: local('Oswald'),
    local('Oswald-Regular'),
    url(/portals/_default/fonts/oswald-v16-latin-regular.woff2) format('woff2'),
    url(/portals/_default/fonts/oswald-v16-latin-regular.woff) format('woff'),
    url(/portals/_default/fonts/oswald-v16-latin-regular.ttf) format('truetype');
}







@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('/portals/_default/fonts/ubuntu-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('/portals/_default/fonts/ubuntu-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/portals/_default/fonts/ubuntu-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/portals/_default/fonts/ubuntu-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/portals/_default/fonts/ubuntu-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/portals/_default/fonts/ubuntu-v11-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}


.body1870 .LiveForm.Default textarea {
    min-height: 75px;
}

.adaText
{
    position: absolute;
    left: -999em;
    width:0px;height:0px;
    overflow: hidden;
}
.calcframe{display:none}
#calcframe { margin-bottom:50px;
width: 100% !important;}
/*FIX FOR DNN ADD MODULE WINDOW IN CHROME*/
.dnnModuleDialog {top: 0 !important }
.ReactModal__Content.ReactModal__Content--after-open.select-visualizer-modal {width: 720px !important;}
button {
    cursor: pointer !important;
}
/*FIX FOR DNN EMPTY CONTENT PANES*/
.DNNEmptyPane { width: auto; }


.prime{
      flex-direction:column;
      align-items: center;
}



body {background:#ededed !important}

.w1100 .primaryPrime{
    max-width: 1100px !important;
    width: 100%;
    margin: 0 auto;

}
.siteW {max-width:1100px; margin: 0 auto; min-width: 680px}
@media (max-width: 720px){
.siteW  {
    min-width: 0 !important;
    margin: 0 10px;
}
}

.prime {


}
.footerPrime {
  flex-grow: 1;
}
@media (max-width: 720px){
.footerPrime > * {
 text-align: center;
}
}
button:focus {outline:0;}
/*SKIP TO CONTENT*/

#skiptocontent {
	position:absolute;
	left:0px;
	top:-100px;
	width:1px;
	height:1px;
	overflow:hidden;
	color:#FFFFFF;
	z-index:2000000;
	animation-duration: 4s; transition-duration: 0.5s;transition-property: top;
	 -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out
}	
#skiptocontent:active, #skiptocontent:focus, #skiptocontent:hover {
    left: 0;
    top: 3px;
    width: auto;
    height: auto;
    overflow: visible;
	animation-duration: 4s; transition-duration: 0.5s;transition-property: top;
	 -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out
	}


.header button, .header input { cursor: pointer !important;
}
.header .search input { cursor: text !important;
}


.siteW.hero {
    /*min-height: 350px;*/
    /*display: table;*/
    display:block;
    margin: 20px 0; 
    /*    -webkit-box-shadow: 0px 0px 34px -10px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 0px 34px -10px rgba(0,0,0,0.65);
    box-shadow: 0px 0px 34px -10px rgba(0,0,0,0.65);    border: white thin solid;*/

}
.siteW.hero > div{ /*display: table-cell;*/display: block; vertical-align: middle}
hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
    margin: 22px 0 22px 0;
}
hr.revWhite {
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(250,250,250,0.80), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(250,250,250,0.80), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(250,250,250,0.80), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(250,250,250,0.80), rgba(0,0,0,0));

}
 a{text-decoration: none !important;}
.corPRime a:hover, .corPRime a:focus{text-decoration: underline !important;}

h1, h2, h3, h4, h5, h6, h7,p, .disclaimer  {padding: 0 10px;margin:0 0 0 0;  }

.corePrime h1,.corePrime h2, .corePrime h3, .corePrime h4, .corePrime h5, .corePrime h6, .corePrime h7 {padding-top:15px;  }
.corePrime p {padding:10px 10px 0 10px  !important; }
.corePrime p:last-child {padding:10px !important; }
@media (max-width:720px) {
   p#ctas{ text-align: center}
}
.corePrime ul,.corePrime ol{margin-top:5px;  }
.corePrime ul li,.corePrime ol li{margin-top:2px;  }
.corePrime .disclaimer {margin:  0 0 0 0}
h1 {
    color:#B1101A;
    font-weight: bold;
    font-size: 350%;
    line-height: 110%;
    font-family: Oswald !important;
    text-transform: uppercase;
    margin:0px 0 10px 0 !important;
    padding: 0px 10px 0 10px !important;

}
h1.logo, .logo {
    margin:0px !important;
    padding: 0px !important;
}
.bankerSet h1{
    margin:15px 0 !important;
}


h2, h3, h4,.h3, .subtitles{  font-family: Oswald !important; line-height: 120%; font-size:160%; font-size:200%; color: #525252; }
h2 {
    font-weight: bold;
    font-size: 240% !important;
    font-family: Oswald !important;
    margin:0 0 0px 0;
    line-height: 120%; text-transform: none;
}
h3 {
    margin:0 0 0px 0;
}

h3.bnBMsubtitle{ font-size:160%; font-weight:bold; margin-bottom:10px}
h2.personal {
    font-size: unset !important;
}


ul h2, ul h3,ul h4{line-height: 100%; font-size:110%; color: #525252}

.hero .bnG1 h2 {
 text-transform: none !important;  font-family: Oswald !important;
 color: #525252 !important; font-size: 200% !important; line-height:130%;
 }

p {
    font-size: 130%;
    line-height: 140%;
    margin:0 0 0 0;
}

.seoPrime p{ padding:0 10px 15px 10px}

/*CTAs*/
.seod { text-align: center; display: block !important; 
}

.boldred { font-weight: bold; color: #B1101A;
}


.footerPrime { font-size: 80%; 
}


ul, ol {
    margin: 10px 15px;
    padding: 0 10px;
    font-size: 15px;
    line-height: 150%;
}
.disclaimer {font-size: 90%;margin-bottom: 40px;margin: 10px 0 0 0 !important;}


a {color: #B1101A;}
a:visited {color:#b1101a;}

.header.top a:visited, a.sbutton, a.sbutton:visited{ color:white !important;}

.sbutton {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c40300), color-stop(1, #980503));
    background: -moz-linear-gradient(top, #c40300 5%, #980503 100%);
    background: -webkit-linear-gradient(top, #c40300 5%, #980503 100%);
    background: -o-linear-gradient(top, #c40300 5%, #980503 100%);
    background: -ms-linear-gradient(top, #c40300 5%, #980503 100%);
    background: linear-gradient(to bottom, #c40300 5%, #980503 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c40300', endColorstr='#980503',GradientType=0);
    background-color: #c40300;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-family: arial;
    font-size: 17px;
    padding: 4px 13px;
    text-decoration: none;
	margin:10px auto 10px auto !important;
}

.sbutton:hover,.sbutton:focus,a.sbutton:visited:hover,a.sbutton:visited:focus {
    color: #000 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f4f4f4), color-stop(1, #dbdbdb));
    background: -moz-linear-gradient(top, #f4f4f4 5%, #dbdbdb 100%);
    background: -webkit-linear-gradient(top, #f4f4f4 5%, #dbdbdb 100%);
    background: -o-linear-gradient(top, #f4f4f4 5%, #dbdbdb 100%);
    background: -ms-linear-gradient(top, #f4f4f4 5%, #dbdbdb 100%);
    background: linear-gradient(to bottom, #f4f4f4 5%, #dbdbdb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dbdbdb',GradientType=0);
    background-color: #dbdbdb;
}

img { max-width: 100%; height: auto; margin: 0 auto; /*display:block*/}
img.proIcon { max-width: 100%; height: auto; margin: 0 auto; display:block}

br.unBreak {}
br.break {display: none}
.centImg {display: block; max-width: 100%; margin: 0 auto; width: 100%;
}
@media (max-width:720px){
    
    .centImg {display: block; max-width: 100%; margin: 0 auto; width:auto !important;
}
    }

@supports (-ms-ime-align:auto) {
    .col10,.col20,.col25,.col30,.col33,.col35,.col37,.col40,.col45,.col50,.col55,.col60,.col65,.col63,.col70,.col75,.col80,.col85,.col90.col95{ overflow:hidden !important;}
}
.col10,.col15,.col20,.col25,.col30,.col33,.col35,.col37,.col40,.col45,.col50,.col55,.col60,.col65,.col63,.col70,.col75,.col80,.col85,.col90,.col95{ display:inline-block !important; box-sizing:border-box !important; padding-left:0; padding-right:0; margin:0 -3px 0 0; vertical-align: top; }
.col10{ width:10%}
.col15{ width:15%}
.col20{ width:19%}
.col25{ width:24.5%}
.col30{ width:29.5%}
.col33{ width:32.5%}
.col35{ width:34.5%}
.col37{ width:37%}
.col40{ width:39.5%}
.col45{ width:45%}
.col50{ width:50%}
.col55{ width:54.5%}
.col60{ width:59.5%}
.col63{ width:63%}
.col65{ width:64.5%}
.col70{ width:70%}
.col75{ width:74.5%}
.col80{ width:80%}
.col85{ width:84.5%}
.col90{ width:90%}
.col95{ width:94.5%}
@media (max-width:720px) {
    .col10, .col15,.col20,.col25,.col30,.col33,.col35,.col37,.col40,.col45,.col50,.col55,.col60,.col65,.col63,.col70,.col75,.col80,.col85,.col90,.col95{ display:block !important; width:100%; margin:0 -3px 0 0;}
}

.colkids2,
.colkids3,
.colkids4,
.colkids5{
    width:100%;
    text-align:center;
    margin:0 auto;
    padding:0;
    vertical-align:top;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    
}
.colkids2 > div img,
.colkids3 > div img,
.colkids4 > div img,
.colkids5 > div img{max-width: 100%; margin:0 auto 10px auto }
.colkids2 > div{width:49.5%;display:inline-block;}
.colkids3 > div{width:32.5%;display:inline-block;}
.colkids4 > div{width:24.5%;display:inline-block;}
.colkids5 > div{width:19.5%;display:inline-block;}
@media (max-width:720px){
.colkids4 > div,
.colkids5 > div {width:49.5% !important;}
}
@media (max-width:720px){
.colkids2,
.colkids3,
.colkids4,
.colkids5{display: block; flex-direction:column !important;}

.colkids2 > div,
.colkids3 > div,
.colkids4 > div,
.colkids5 > div {width:100% !important; }
br.break {display: block}
br.unBreak {display:none}


}

.col2 > *, 
.col3 > * {
    display: /*grid*/;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.col2 {
    -webkit-columns: 100px 2; /* Chrome, Safari, Opera */
    -moz-columns: 100px 2; /* Firefox */
    columns: 100px 2;
}
.col3 {
    -webkit-columns: 100px 3; /* Chrome, Safari, Opera */
    -moz-columns: 100px 3; /* Firefox */
    columns: 100px 3;
}
@media (max-width:720px){
.col2,.col3 {
    -webkit-columns: 100px 1; /* Chrome, Safari, Opera */
    -moz-columns: 100px 1; /* Firefox */
    columns: 100px 1;
}

}



/*HOME PAGE 3 SEPERATE VISUALIZERS in contentpane1*/
/**/


.home80 #dnn_contentPane1 {
width: 100% !important;
margin:20px auto;
max-width:1280px;
display:flex;
text-align:center;
position:relative;
vertical-align:middle; justify-content:space-between;
}
.home80 #dnn_contentPane1 > div{
width: 32%;
display:inline-block;
vertical-align: top;
}
.home80 #dnn_contentPane1 > div:not(:last-child){
margin: 0 0px 0 0;
}


#jumps {
    text-align: center;
    font-size:200%;
    background: #B1101A;
    padding: 5px 10px;
    position: absolute;
    bottom: -25px;
	height:15px;
    width: 100%;
	color:white;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.spotLights a:hover > #jumps, .spotLights a:focus > #jumps{bottom:0px}
.spotLights a, .bgPrime a {color: #525252 !important;}
.spotLights a{
  
    background: rgba(250,250,250,.65) !important;
    -webkit-box-shadow: 0px 0px 34px -10px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 0px 34px -10px rgba(0,0,0,0.65);
    box-shadow: 0px 0px 34px -10px rgba(0,0,0,0.65); 
    transition: background 0.5s linear;
    transition: box-shadow .25s ease-in;
    min-height: 225px;
    text-align: left;
    text-decoration: none;
    display: block;
    overflow: hidden;
    position: relative;
    padding: 10px 0 0 0;
}
.spotLights a:hover, .spotLights a:focus{
    background: rgba(250,250,250,1) !important;
    -webkit-box-shadow: 0px 0px 54px -10px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 0px 54px -10px rgba(0,0,0,0.65);
    box-shadow: 0px 0px 54px -10px rgba(0,0,0,0.65);
}
.spotLights h2{
    color: #B1101A !important;
    font-weight: bold;
    font-size: 20pt;
    line-height: 20pt;
    font-family: Oswald !important;
    margin-bottom: 10px;
}
.spotLights h3{
        font-weight: bold;
    font-size: 14pt;
    line-height: 14pt;
    font-family: Oswald !important;
    margin-bottom: 10px;
}
.spotLights p{
    font-weight: normal;
    font-size: 130%;
    padding-bottom: 0px;
}
.spotLights a.localBtn{
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: #FFFFFF;
    border: solid;
    border-width: 1px;
    border-color: #000000;
    color: #000000;
    padding: 15px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    border-radius: 50%;
}


.bgPrime{display:flexbox;}

    
/*BANNER GROUPS*/
.auto .copy,
.estatePlanning .copy {z-index: 1; position: relative;  }
.auto .creative,
.estatePlanning .creative { text-align: center;}
.Auto .creative img,
.estatePlanning .creative img {left: 0px; position: absolute;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;}
.estatePlanning .creative img { height: 100%;
    -webkit-mask-image: -webkit-gradient(linear, 325 top, 410 top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));}
.auto .creative img { height: 100%;
    -webkit-mask-image: -webkit-gradient(linear, 325 top, 410 top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));}
.bgPrime.commercial{background: #B1101A !important}
.commercial h2,
.commercial h3,
.commercial p {color:white !important}
.commercial span.button {background:white; color:black !important}
.commercial img{position:absolute; height: 100%; }

@media (max-width:1000px){
    .auto .creative img, .estatePlanning .creative img { left: -130px; }
    .commercial img{position:absolute; height: 100%;}
}
@media (max-width:720px){
    .auto .creative img, .estatePlanning .creative img {
    left: 0px;height: auto;
    -webkit-mask-image:unset;position: relative; }
    .commercial img{position:relative !important; height: auto !important; 
    -webkit-mask-image:-webkit-gradient(linear, left 200, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); position: absolute; z-index: 0;}
    .commercial {display:flex; flex-direction:column}
    .commercial .creative { order: 1;  text-align: center !important; }
    .commercial .copy{ order: 2; }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    div.creative {
    overflow: hidden; text-align: center !important;}
    div.creative img {
    position:relative !important; 
    height:auto !important; 
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active), (max-width:1000px){
    .auto .creative img, .estatePlanning .creative img { left:0px !important; }
}

.oLay.bgLeft{
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.bgPrime .oLay{
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; 
z-index:1; position:relative
}
.oLay.bgRight{

}
/*
.oLay.bgRight:hover,.oLay.bgRight:focus{
right:50px;
}
.oLay.bgLeft:hover,.oLay.bgLeft:focus{
left:50px;
}
*/
.bgPrime {
    overflow: hidden; 
    background-color: rgba(250,250,250,.77) !important;
    -webkit-box-shadow: 0px 0px 34px -10px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 0px 34px -10px rgba(0,0,0,0.65);
    box-shadow: 0px 0px 34px -10px rgba(0,0,0,0.65);
}
  
@media (max-width:720px) {
    .spotLights a{
    min-height:initial;}
    #dnn_contentPane1{
    min-width:initial !important;}

.oLay {
    position: initial;
    display: block;
    vertical-align: middle;
    left: 0 !important;
    min-height: initial;
}
    .bgPrime {height: auto;    }
}

@media (min-width:1100px) {}

/*HOME PAGE STLYES*/
.home.col75 {
    min-width:680px;
}
.primaryPrime {width: 100%
    }
#primaryPrime { opacity: .75;
position: fixed;
width: 100%;
height: 110%; background-position:left !important;
top: 0;
left: 0;
z-index: -1;
}

@media (max-width:1200px) {  
    #primaryPrime {
        -webkit-transition: background 0.25s ease-in-out;
    -moz-transition:background 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out;
    transition: background 0.25s ease-in-out;
    background-position: left !important;
    }
}
.body-overlay.col60.oLay {
    z-index: 1;
    position: relative;
}



@media (max-width:720px){

    .home.col75 { min-width:initial; width:auto !important;}
    .home80 #dnn_contentPane1  {width:auto !important; margin:0 ; display: block;}
    .home80 #dnn_contentPane1 > div:not(:last-child) { margin: 20px 0; }
    .home80 #dnn_contentPane1 > div{width:100%; max-width:100%; display:block; margin: 20px 0; padding: 0}
    .home80 #dnn_contentPane1 > div > div,
    .bnSptlight-overlay,
    .bnTeam-overlay,
    .bnCharity-overlay { min-height:initial !important; }
    div#image { margin: 0 auto !important;
        max-width: 100%;  width: 100%; height: 220px;
        overflow: hidden; position: relative;}
    #image img { display: inherit; margin: -10px auto 0 auto;
        position: relative !important;}
    .body-overlay { text-align:left; padding:0 ; margin:0 0 0 0 !important;}
    .bnG1body {  max-width:100%;}
    .body-overlay{font-size: 100% !important;}
}

.bnG1 {
    text-align:left;
    /*max-width:1280px;
    max-width:1100px;
    width:100%;*/
    margin-left:auto;
    margin-right:auto;
    position: relative;
    /*cursor:pointer;*/
}
.bnG1 a {
    text-decoration: none;
}

img.heroA {
    margin:0 auto;
    position: absolute !important;
    z-index: 0;
}


span.button {
  display: inline-block;
  border-radius: 4px;
  background-color: #B1101A;
  border: none;
  color: #FFFFFF !important;
  opacity: 1 !important;
  text-align: center;
  font-size: 16px;
  padding: 16px;
  width: 150px;
  cursor: pointer;
  position: absolute;
  transition: 0.25s;
}
span.button:visited{color:white !important;}
 span.button:after {
  content: '\00bb';
  transition: 0.25s;
}
span.button:hover:after, .bgPrime a:focus span.button:after {
 padding:8px;
 margin-right: -8px
}


/*bannergroup styles*/
.bgPrime{margin:0 auto; overflow: hidden;}
.bgPrime h2 {
    color:#bc0129; 
    font-weight:normal;
	text-transform: uppercase;
    font-size:300% !important;
    line-height:30pt; 
    font-family:Oswald !important;
    margin-bottom:10px;
}
.bgPrime h3 {
    font-weight: normal;
    font-size: 200% !important;
    font-family: Oswald;
    margin-bottom: 10px;
    line-height: 130%
}
.bgPrime p {
    font-weight: normal;
  font-size:130%
}

.caBTN {    
    padding-top:0px;
    padding-bottom:0px;
}
.bgPrime a span.button {
    /*opacity: 0 !important;
    margin: 30px 0 20px 10px;*/
    margin: 10px 0 20px 10px;

}
.bgPrime:hover a span.button, .bgPrime a:focus span.button {
    opacity: 1 !important;
        margin: 10px 0 20px 10px;
}

/*left&right commons*/
.bgRights, .bgLefts {
text-align: left;
/*min-height: 300px;*/
color: black;
margin:0 auto 20px auto;
position: relative;    
overflow: hidden;
cursor: pointer;
    
}
.bgRights a, .bgLefts a, .hero a {
text-decoration: none; 
padding:20px 0px 80px 0px;
 display: block;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;                                             
}
.bgRights a:hover, .bgRights a:focus, .bgLefts a:hover, .bgLefts a:focus {
text-decoration: none;
 display: block;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;                    
                         
}
/*rightSided animations*/
.bgRights{

}

/*leftSided animations*/
.bgLefts {

}








/*BANNER MOD STYLES*/
.colkids3 > .bnBM  {
    width: 33%;
    display: flex;
    flex-direction: column;
}
.colkids2 > .bnBM  {
    width: 50%;
    display: flex;
    flex-direction: row;
}


.bnBM a{
transition: all .4s ease-in-out;
transform: scale(.95); 
-webkit-box-shadow: 0px 0px 34px -10px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 0px 34px -10px rgba(0,0,0,0.65);
box-shadow: 0px 0px 34px -10px rgba(0,0,0,0.65);
}
.bnBM a:hover, .bnBM a:focus{
transform: scale(1); 
}
.bnBM a:before{
    position: absolute;
    right: -20px;
    top: -20px;
    content: '';
    border-top: 30px solid #B1101A;
    border-left: 30px solid transparent;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;     
}
.bnBM a:hover:before,.bnBM a:focus:before {
    position: absolute;
    right: -1px;
    top: -1px;
    content: '';
    border-top: 30px solid #B1101A;
    border-left: 30px solid transparent;
}
.bnBM a {
    flex-grow: 1; overflow: hidden;
    border: solid 1px lightgrey;
    text-align: center;
    color: black;
    font-size: 10pt;
    vertical-align: top;
    position: relative; display: block;
    cursor: pointer;
    padding:10px; background:white;
    width: 93%
}

@media (max-width:720px){
body#Body .locFC.col20 {
    display: none !important;
}
@media(max-width:420px){
body#Body .locFC.col20 {
    display:block !important;
}
}

.bnBM a {
    width:100%;
    display:block;
    min-height:initial;
     margin: 20px 0;
 box-sizing: border-box;
    padding:10px;
  }
	
.bgPrime a span.button {
    opacity: 1 !important; 
    margin: 10px 0 20px 10px;
}	
	
}




/*BANNER MODIFIERS*/
.bnBMimage{
    height:150px;
    /*width:150px;*/form
    margin:10px;
}

.bnBMbody-overlay {
    width:100%;
top:250px;
}
.bnBM a {
text-decoration: none;
}
.bnBM h2 {
    color:#bc0129;
    font-weight:bold; text-transform: uppercase;
    font-size:20pt !important;
    line-height:26pt;
    font-family:Oswald !important;
    margin-bottom:10px;
    widows: 2;
    text-align: center;
}

.bnBM h3 .bnBM h3 {
    font-weight: bold;
    font-size: 14pt;
    line-height: auto;
    font-family: Oswald !important;
    margin-bottom: 10px;
    widows: 3;
    /* font-weight: normal; */
}

.bnBM p {
    font-weight:normal;
    text-align:left;
    max-width:100%;
    font-size:100%;
    widows: 3;
}



.home80{
    width:80%;
    min-width:680px}
@media (max-width:1000px) {
    .home80 {width:100%; min-width: 0 !important}
}

/*
BG ALTs
<span class="bgAltTitles">{{contentName}}</span>
*/
.bgAltTitles {
Font-size: 300%;   font-weight: bold;     margin: 50px 0 20px 0;     display: block; line-height: 100%;
}
.bnBM .bgAltTitles {
    font-size: 140%;
    line-height: 120%;
    margin: 0 0 10px 0;
    background: black;
    color: white;
    min-height: 60px;
    padding: 20px 0 0px 0;
}




/*transitionPageStyles*/
.corePrime {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto; display: block;
}
.corePrime, .seoPrime{
    background: white;
  
}
.seoPrime {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width:1100px;
}

.corePrime .siteW, .seoPrime .siteW {
    min-width: 100%;

    padding:20px ;
    box-sizing: border-box;
}
.corePrime h1, .seoPrime h1 {
    padding: 15px 10px 15px 0 ;

}



/*leftNav Accordion Menus*/

/* LEFT NAV Accordion */
.ui-accordion-header {
    background: white;
}
ul#lobNavs {z-index:15; overflow:hidden !important;}
ul#lobNavs a {
	width: 100%;
	display: block;
    text-decoration: none;
	padding: 5px 5px;
	color: black;
	line-height: 125%;
}
#lobNavs a:hover ,#lobNavs a:focus{
   
}
ul#lobNavs, #lobNavs ul, #lobNavs li {
	padding: 0 !important;
	margin: 0 !important;
	list-style-type: none !important;
	background-image: none;
	line-height: 160% !important;
	font-size: 13px !important;overflow:hidden;
}
#lobNavs .ui-accordion-header {
	border: 1px solid #D3D3D3 !important;
}
#lobNavs .ui-accordion-header:hover, #lobNavs .ui-accordion-header:focus {
	background-color: #e2e2e2;
}
#lobNavs .ui-accordion-content {
	background: #B1101A;
}
#lobNavs .ui-accordion-content a {
	color: white !important;
	font-size: 12px !important
}
#lobNavs .ui-accordion-content a:hover,#lobNavs .ui-accordion-content a:focus {
	color: white !important;
	background-color: #565656; text-decoration: underline;
	/*padding: 10px 0;*/
}










/*SITEMAP*/
#siteMapLinks ul, #siteMapLinks ol {
    font-size: 16px;
}
#siteMapLinks ul a, #siteMapLinks ol a {
text-decoration: none;
}
#siteMapLinks ul a:hover, #siteMapLinks ol a:hover, #siteMapLinks ul a:focus, #siteMapLinks ol a:focus  {
text-decoration: none;
}
a.subtlLinks {
    font-weight: bold;
    }

a.tlLinks {
 text-transform: uppercase;
    font-size: 16px;
    margin: 0 0 10px 0 !important;
    text-transform: uppercase;
}

a.tlLinks, a.level_1{
font-weight: bold;
color:black !important;
}

li.toplevel, ul.smSub1 > li {
    list-style-type: none !important;
    margin: 0 15px 0 0 !important;
    padding: 0 !important;
}

li.submenu {
    max-width: 180px;
    display: inline-block;
    vertical-align: text-top;
    margin: 5px auto 0 auto  !important;

}

ul.smSub1 {
    border-bottom: thin solid grey;
    padding:0 0 30px 0;
    margin: 0px 0 30px 0;
}

ul.smSub1 > a{
font-weight:bold !important;}


ul.smSub2 {
   padding: 0;


}

li.subThree {

    margin: 0px 0px 10px 0px !important;
}

ul#siteMapLinks {
}

.lines ul > li a{display:list-item; text-decoration: none !important;}
.bb1167 table a{text-decoration: none !important; font-size: 100%;}
.bb1167 a:hover, .bb1167 a:focus{text-decoration: underline !important;}


/*SearchResultPage*/

.bb447 a.dnnSearchBoxClearText.dnnShow {margin: 0 0 0 0 !important; }
.bb447 .dnnSearchResultPanel,.bb447 .dnnSearchBoxPanel { margin: 0px 0 0 0; max-width: 100%}
.bb447 .dnnSearchResultPager {
margin: 0 0 0 0 !important; padding: 15px 0 !important;
    border-top: 1px solid #ccc;
}
.bb447 .dnnSearchResultContainer {
    font-size: 120%;
}
.bb447 .dnnSearchResultContainer .dnnSearchResultItem-Title a {font-size: 110% !important;
text-transform:uppercase; font-weight:normal}
.bb447 .dnnSearchResultItem-Link, .bb447 .dnnSearchResultItem-Others {
display: none;}



/*Comparison Chart---------------------------------------*/
ul.compChart {text-align: center;}

ul.compChart .sbutton { 
    display: block;
    font-size: 20px;
    margin: 0 auto;
        border-radius: 6px;
        padding: 10px;
        text-transform: uppercase;
           font-family:'Arial Narrow', Arial, sans-serif !important;
           font-weight: bold;
}
ul.compChart .sbutton:hover { 
color: #b1101a;}

ul.compChart span.redtext {
    font-weight: bold !important;
    font-family:'Arial Narrow', Arial, sans-serif !important;
    border-top: thin solid  #b1101a;
    font-size: 17px;
    padding: 5px 0 0 0;
    display: block;
    margin: 10px 0;
}

ul.compChart p, ul.compChart li {
 font-family: Arial;
 font-size: 14px;
 line-height: 20px;
}

ul.compChart > li:hover {
background: white;
-webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out}

ul.compChart p { margin: 0; padding:0;
}
ul.compChart h3 { 
   text-transform: none !important;
    font-family: Oswald !important;
    color: #525252 !important;
    font-size: 130% !important;
    line-height: 100%;
    font-size: 26px;
    margin:10px 0 0 0;
    text-transform:uppercase !important;
}
ul.compChart h3 span{ 
    font-weight: bold;
    font-size: 20px;
    font-style: italic;
}
ul.compChart h3 small{ 
        color: #b1101b;
}


/*First Level li*/
ul.compChart > li {
  background-image:none !important;
  padding: 0 10px;
  margin: 0; text-align: left;
  
}

/*First Level li*/
ul.compChart> li > ul  {

padding: 0; 

}
/*Second Level li*/
ul.compChart> li > ul >li {
margin: 0; 
padding:0 0 0 0px !important

}


/*Comparison TABLE OLD-----------------------------------*/

#comparisonchart {
    border-collapse: collapse;
}

#comparisonchart table,#comparisonchart th,#comparisonchart td {
    border: 1px solid #888888;
}


/*DEBIT CARD DESIGN----------------------------------*/
#list3Col {
	list-style-type: none;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
    
}
#list3Col li {
	list-style-type: none !important;
	list-style-image: initial;
	margin: 0;
	padding: 15px;
	display: inline-block;
	background-image: none;
	vertical-align: text-top;
	position: relative;
}
/*STORIES-----------------------------------------------*/
/*STORIES*/
.bb1346 #list3Col li {
	padding: 5px;
	min-height: 400px;
    max-width: 32%
}
.bb1346 #list3Col li p {
	max-width: 300px;
	text-align: left;
	font-size: 10pt;
	margin-top: 10px
}
.readStory {
	bottom: 0;
	position: absolute;
    right: 0;
}
.storyDiv {
	background: url(/portals/1/images/stories/starline.gif) center;
	height: 50px
}

@media (max-width: 991px) {
	.storyDiv {
		display: none;
	}
}

@media (max-width: 700px) {
	.bb1346 #list3Col li {
		display: block;
		min-height: initial;
		margin-bottom: 15px;
	}
	.readStory {
		bottom: 0;
		position: relative;
	}
	.bb1346 #list3Col li p {
		max-width: 300px;
		text-align: left;
		font-size: 10pt;
		margin: 10px auto
	}
	
	header h1.logo img {
		margin:20px 0 0 10px; 
		max-width: 225px !important
	}
	header div.logo img {
		margin:20px 0 0 10px; 
		max-width: 225px !important
	}

}
/*END STORIES*/

/*MAP FRAM OVERRIDES -----------------------------*/
.seoPrime #mapframe {
padding-left: 0 !important;
    width:100% !important;
    min-height: 300px;
    height: 300px !important;

/*max-width: 325px !important;*/
overflow: hidden;
overflow-x:hidden;
overflow-y:hidden;
}




/*TEAM BIOS------------------------------------*/
.ourTeams {
min-height: 185px;
text-align: center;
}
.ourTeams img {
    display: block;
border: 2px white solid;
-webkit-box-shadow: 2px 3px 23px -4px rgba(0,0,0,0.57);
-moz-box-shadow: 2px 3px 23px -4px rgba(0,0,0,0.57);
box-shadow: 2px 3px 23px -4px rgba(0,0,0,0.57);
margin: 0 auto 13px auto;
}
.bios {
	padding: 0 0 0 0px !important;
}
.fa-2x {
    font-size:120% !important
}
.bios p {
	padding: 0 0px 0 0; text-align: left;
}


div.bios h2, div.bios h3, div.bios h4, div.bios h4 {
	color: #000;
	font-size: 16px !important;
	font-weight: bold !important;
	line-height: 110% !important;
	margin: 0 0 5px 0 !important;
	text-transform: capitalize !important;
	padding: 0 0 0 0 !important
}

div.bios h3{
    color:#534f4f !important;
    
}
.bios button.bioToggles {
    display: block;
    margin: 0 auto;
   
}
.bios button.bioToggles {
   border: none; color:#b1101a; cursor: pointer; background: none; text-transform: uppercase;
}
.bios button.bioToggles:hover, .bios button.bioToggles:focus {
   color:black !important;text-decoration: underline;
}
p.bioToggle {
    display: none;
    max-height: 235px;
    overflow-y: auto;
        border-bottom: thick solid #b1101a;
        top:0px !important;
}

p.detailRow {
text-align: center}
span.nmls {
    display: block;
}

@media (max-width:500px) {
	.ourTeams {
		min-height: 0px;
	}
	.ourTeams img {
		display:block;
		float:none;
	}
	.bios {
		padding: 0 0 0 0 !important;
	}
	div.bios h2, div.bios h3, div.bios h4, div.bios h4, div p.detailRow {
	text-align:center;
}

.bios p.bioToggle{
   }

.bios button.bioToggles {
        margin: 0 auto;
    display: block;
    border: 0;
    background: none;
    color: #B1101A;
    opacity: inherit;
    text-transform: uppercase;
}

}

/*END TEAM BIOS*/















/*BLOG--------------------------------------------------------*/

/*Blog*/
.post .content{ min-height:0px !important;}
.post .details .content a{ color:#b1101a !important}
.content ul{ color:black}
.default .mrssfeeds {
    float: right;
    padding: 0 20px;}
.blogCon{ margin: 0 0 15px 0;}
.blogCon{ display:inline-block; width:49%; vertical-align:text-top;}
@media (max-width: 767px) {
.blogCon{display:block; width:100%;}
}
.RadGrid.RadGrid_Default img{ max-width:initial !important}
.bb1412 .simple-post-list li, .bb1454 .simple-post-list li, .main .simple-post-list li { background-image:none !important; padding:5px 0}
.col-md-12 .post {
	padding: 0 20px !important;
}
.default .post .header, .default .head {
	border-radius: 0 !important
}
.default .post .header {
	margin: 0 0 15px 0
}
.post .postTitle a{
    position: absolute;
    top: 10px;
    right: 10px;
}
.default .post .metadata {
margin-bottom: 0 !important; 
padding: 5px 5px 6px !important;        
}
.default .post .content {
	min-height: initial !important
}
.bb1389 .col-md-12 .pane,.bb1412 .col-md-12 .pane {
	margin: 0 -1px 0 0 !important;
}
#dnn_CL_673_LayoutContainer,#dnn_CL_740_LayoutContainer {
	margin : 0 20px;
	border: thin solid grey !important;
}
#dnn_CL_675_LayoutContainer {
	margin : 0 20px;
}
#dnn_CL_673_Pane1, #dnn_CL_673_Pane2,#dnn_CL_740_Pane1,#dnn_CL_740_Pane2  {
	padding: 10px !important;
}
#dnn_CL_673_Pane1,#dnn_CL_740_Pane1 {
	border-right: thin solid grey !important;
}
/*ul.simple-post-list li {
	margin: 0 20px !important;
	border-bottom: thin solid grey !important
}*/
.post-info nwrControl {
	padding-left: 65px !important
}
.content p, .content h2 {
    padding: 0 20px 10px 20px !important;
}
div.nwrControl p {
	font-family: Arial;
	color: #000;
	font-size: 10pt !important;
	line-height: 20px !important;
	font-weight: normal;
	text-align: left;
	margin: 5px 0 !important;
	padding: 0 0 0 0 !important
}
.nwrControl a {
	font-size: 10pt !important;
	color: #B1101A !important;
	text-decoration: none;
}
.header .details .post h1 {
margin-bottom: 20px
}
.post h2 {
margin-bottom: 10px; text-transform: initial !important;
}
.header .details .post h1, .default .post a.heading, .default .post a.heading h2 {/*Blog H1	text-transform: capitalize !important;*/
	color: #b1101a !important;
	padding:0 0 0 0;
	display:inline !important; 
}
.defaultTempTokPostItem a h2{
font-size: 30px !important;	color: #b1101a !important;
	padding:0 0 0 0;
	display:inline !important; 
}
.defaultTempTokPostItem a h2 small{
font-weight: normal !important;
}
.default .post a.heading {
    line-height: 100%;
}
.default .post .metadata {
    background: #bababa !important;
}
.default .post .defaultTempTokPostItem .content {
    color: black ;
    font-size: 15px
}
 .blogSMCon{
    color: #848484 !Important;
    position: absolute;
    bottom: -5px;
    right: 0;
    text-align: right;
}
.blogSMCon p {
    color: #848484 !Important;
}
@media (max-width:720px){
 .blogSMCon{
    position:relative;display:block;
}
}

@media (max-width:420px) {
    .post h1 {
        font-size: 210%;
    }
}
 .blogSMCon a{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
}
 .blogSMCon a:hover, .blogSMCon a:focus{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
 .blogSMCon img{
    sborder-radius: 30px;
    max-width: 40px; padding: 5px;
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
}
 .blogSMCon a:hover img, .blogSMCon a:focus img{
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;

}
/*byLine*/
.byLine {text-align:right;margin:20px auto 0 auto;padding:0  20px;}
.byLine img {float: right; margin: -15px 0 0 10px;}

@media(max-width:540px){
    .byLine p {font-size: 97%; padding: 0 !important;}
}
/*BLOG UPGRADE*/
.head{display:none !important}
.default .search{margin:10px auto !important}
.bdet{display:none !important}
.default .post a.heading {
       font-family: Proxima-Nova;
    font-weight: 600;
}
.default .blog_content .blog_summary p {
    font-family: Proxima-Nova;
    margin-bottom: 16px;
    font-size: 110%;
}

.default .blog_header ul {
    background: #ddd  !important;
	margin-bottom: 0 !important;
    padding: 5px 5px 6px !important;
}
.default .blog_content .post_tags, .default .blog_content .blog_comment {
 display:none;
}

/*RATE CHART----------------------------------------------------*/

.tableWrap {
	padding: 0 20px;
}
.ratechart {
	border: 1px solid #beb594;
	padding: 0px;
	margin: 12px 0px;
}
.ratechart td.heading {
	text-align: left;
	font-size: 100%;
	vertical-align: bottom;
	font-weight: bold;
	background:#b1101a;
	color: #FFFFFF;
}
.ratechart th.heading, .ratechart caption {
	text-align: left;
	font-size: 100%;
	vertical-align: bottom;
	font-weight: bold;
	background:#b1101a;
	color: #FFFFFF;
}

.ratechart td {
	color: #000000;
	text-align: center;
	font-size: 100%;
	line-height: 120%;
}
.ratechart td, .ratechart th, .ratechart caption {
	border: 1px solid #beb594;
	padding: 6px;
}
.bb516 #tableRates table{margin:40px 0 0 0}
.bb516 #tableRates p{margin:0 0 0 0 !important; padding:0 0 0 0 !important}


/*COMPARISON CHART------------------------------------*/
#comparisonchart td sup{font-size:11px !important}
#comparisonchart th {background:#EEEEEE !important}
#comparisonchart td, #comparisonchart th {padding: 10px; vertical-align: top; }
#comparisonchart th h2 {color:#b1101a; padding:0px; margin:0}
#comparisonchart th h3 {color:black; font-weight:normal; text-transform:capitalize; padding:0px !important; margin:0 !important}
#comparisonchart p { padding:0px !important; margin:0 0 10px 0 !important;}


/*VALUE PROPOSITION----------------------------------------*/





/*CTAs buttons----------------------------------------------*/
button.CTAs,.CTAs, p.CTAs, .CTAs:visited { border: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c40300), color-stop(1, #980503));
    background: -moz-linear-gradient(top, #c40300 5%, #980503 100%);
    background: -webkit-linear-gradient(top, #c40300 5%, #980503 100%);
    background: -o-linear-gradient(top, #c40300 5%, #980503 100%);
    background: -ms-linear-gradient(top, #c40300 5%, #980503 100%);
    background: linear-gradient(to bottom, #c40300 5%, #980503 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c40300', endColorstr='#980503',GradientType=0);
    background-color: #c40300;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display:inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-family: arial;
    font-size: 17px;
    padding:15px;
    text-decoration: none;
	margin:10px auto;
}
.CTAs:hover,.CTAS:focus {
    color: #000 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f4f4f4), color-stop(1, #dbdbdb));
    background: -moz-linear-gradient(top, #f4f4f4 5%, #dbdbdb 100%);
    background: -webkit-linear-gradient(top, #f4f4f4 5%, #dbdbdb 100%);
    background: -o-linear-gradient(top, #f4f4f4 5%, #dbdbdb 100%);
    background: -ms-linear-gradient(top, #f4f4f4 5%, #dbdbdb 100%);
    background: linear-gradient(to bottom, #f4f4f4 5%, #dbdbdb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dbdbdb',GradientType=0);
    background-color: #dbdbdb;
}
.ib {margin-top:-10px; display:inline-block !important; text-align:left;
}

/*-----------Secondary Orange CTAs Or-----------------------------*/

.CTAs.Or, button.CTAs.Or, a.CTAs.Or, p.CTAs.Or, .CTAs.Or:visited{
background:    #e77319;
background:    -webkit-linear-gradient(#e77319, #c25400);
background:    linear-gradient(#e77319, #c25400);
-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display:inline-block;
    cursor: pointer;
    color: #ffffff !important;
    font-family: arial;
    font-size: 17px;
    padding:15px;
    text-decoration: none;
	margin:10px auto;
}

a.CTAs.Or:hover,a.CTAs.Or:focus,button.CTAs.Or:hover,button.CTAs.Or:focus  {
    color: #000 !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f4f4f4), color-stop(1, #dbdbdb));
    background: -moz-linear-gradient(top, #f4f4f4 5%, #dbdbdb 100%);
    background: -webkit-linear-gradient(top, #f4f4f4 5%, #dbdbdb 100%);
    background: -o-linear-gradient(top, #f4f4f4 5%, #dbdbdb 100%);
    background: -ms-linear-gradient(top, #f4f4f4 5%, #dbdbdb 100%);
    background: linear-gradient(to bottom, #f4f4f4 5%, #dbdbdb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dbdbdb',GradientType=0);
    background-color: #dbdbdb;
}





/*valueProp with Rates-----------------------------------------------*/
.rProp {display: flex;}
.rProp .col60 {margin-bottom: 20px; order: 1}
.rProp .col40 {order: 2;}
.rProp .col40, .greyCo{ background:#f2f2f2; padding: 20px; border: thin solid darkgrey;}
@media (max-width:420px) {
    .rProp .col40, .greyCo {
    padding: 0;    
    }
.w1100 .primaryPrime{  background: !important; padding:0px !important; box-sizing:border-box;}
}
.w1100 .primaryPrime{  background: !important; padding:20px; box-sizing:border-box;}
.rProp h1{padding-top: 0 !important;}
.rProp img{display:block;}
.rProp td.heading {border: 1.5px solid transparent !important;}
.rProp table{background:white; border:none !important}
.rProp .ratechart td.heading{background:grey !important;}
.rProp .ratechart td, .rProp .ratechart th, .rProp .ratechart caption{border: 1.5px solid #f2f2f2;}
.rProp .disclaimer,.rProp #assumptions {background-color:transparent !important}


h2#alarateback, h3#alarateback {
    background: none;
    border: none;
    font-size: 115% !important;
    font-family: Arial, Helvetica, sans-serif !important;
    width: 230px !important;
}
.seoPrime h2#alarateback, .seoPrime h3#alarateback { 
    border: thin solid lightgrey;
    padding: 10px 0 88px 15px !important;
    /* box-sizing: border-box !important; */
    border-radius: 10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

h2#alarateback #apr, h3#alarateback #apr{
    margin: 10px 0 0 0 !important;
    display: inline-block;
    font-size: 170%; 
}
 
h2#alarateback span, h3#alarateback span{
display: block !important;
font-size:100% !important;
font-weight:normal !important;}

h2#alarateback span#ala, h3#alarateback span#ala{
font-size:150% !important;font-weight:bold!important;
}

h2#alarateback span#alarate, h3#alarateback span#alarate{
font-size:450% !important;font-weight:bold!important; letter-spacing:-3px !important;
}

.rProp h2#alarateback span#alarate, .rProp h3#alarateback span#alarate{
font-size:740% !important; letter-spacing:-5px !important;
}



.rProp #alarateback {
    background-image: none !important;
    background-repeat: no-repeat;
    display: table !important;
    width: auto !important;
    height: auto !important;
    padding: 10px 15px !important;
    margin: 0 auto -10px auto !important;
    z-index: 1;
    position: relative;
    font-size: 100%;
    line-height: 90%;
    min-width: 320px !important;
    box-sizing: border-box;
}
.rProp #alarateback > #ala {
    font-size: 220%!important;
    margin: 0 0 -0% 0 !important;
    text-align: center;
    padding: 0 !important;
}
.rProp #alarate, .rProp #alarate11{font-size:700% !important;  letter-spacing: -5px; margin:0 -5% 0 0}
.rProp #alarateback > #div{ float:initial !important; display:inline-block !important}
.rProp #alarateback > div:nth-last-child(2){ display:inline-block !important; padding:8% 0 0 0; margin:0 0 0 0 !important; font-size:150% !important;}

.rProp h2#alarateback, .rProp h3#alarateback{
	font-size: 100% !important;
  font-family: Arial, Helvetica, sans-serif !important;}

.rProp h2#alarateback #apr, .rProp h3#alarateback #apr{
    margin: 20px 0 0 0 !important;
    display: inline-block;
    font-size: 170%;
}
















.rProp table.ratechart{font-size:17px !important}

.rProp .calcSet button, .seoPrime .calcSet button, .calcSet.mort  button{

    background: none;
    border: 0;
    color: #b1101a;
    display: block;
    margin: 5px 0 0 20px;
    text-align: left;

}

.rProp .calcSet button:hover, .rProp .calcSet button:focus ,.seoPrime .calcSet button:hover, .calcSet.mort button:hover, .calcSet.mort button :focus {
    color: black !important;
}


.rProp .calcSet button:before ,.seoPrime .calcSet button:before , .calcSet.mort button:before {
    content:"■ ";
	margin:-2px 0 0 -15px; position:absolute;
color:black;     font-size: 75%;
}

th.leftcolhead, .leftcol {text-align:left}
.corePrime table.ratechart p {padding: 0 !important}

@media (max-width:720px){
.rProp{display:flex; flex-direction:column}
.rProp .col60{order:1}
.rProp .col40{order:3}
}





/*WRAP EXISTING QUICK LINKS with <div class="QLs">*/
.QLs a {
    text-decoration: none !important;
    display: block;
    padding: 7px;
    border-bottom: thin solid #cccccc !important;
    white-space: normal !important;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.QLs a:hover, .QLs a:focus {
    color: black !important;
    text-decoration: none;
    background-color: #dbdbdb;
}


/*Video Responsiveness------------------------------------------*/
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 0px;
}
.videoWrapper iframe, .videoWrapper embed, .videoWrapper object {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}



/*COPY TOGGLES----------------------------------------------------------------*/
button.copyToggles {
    margin: 0 auto;
   border: none;
   color:#b1101a;
   cursor: pointer;
   background: none;
   text-transform: uppercase; text-align: left;
}
button.copyToggles:hover, button.copyToggles:focus {
   color:black !important;text-decoration: underline;
}
.copyToggle {
    border-bottom: thin solid #b1101a;
    padding: 0;
}

:focus {
outline: 1px !important;
}


/*---ACCOUNT FEATURES COMMON--------------------------------------------*/
.accFeatures {display:flex; flex-direction: row; text-align:center;   justify-content:center;  flex-wrap: wrap  }
.accFeatures li {list-style-type:none; border:thin solid lightgrey; padding:10px; width:150px; min-height:75px; border-radius:10px; font-size:90%; line-height:120%;
margin:10px;
	background: rgba(226,226,226,1);
background: -moz-linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(226,226,226,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%);
background: linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );}
.accFeatures li:before{
font-family: "MaterialIcons"; content: "\E86C"; color:#b1101a; font-size:250%; display:block; margin:10px auto 20px auto; 
}
    
/*FormPrime---------------------------------------------------------------*/

#formOverlay {
    display: none;
    background: rgba(30,30,30,.80);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

#formPrimeWrap {margin:0 auto; width:350px; margin-top:25px; background:url(/Portals/1/Images/interface/ajax_loader_metal_512.gif) center no-repeat #b1101a !important;  background-blend-mode:lighten; background-size:15% !important;}
#formPrimeWrap p span span.adaText{
    position: relative;
    display: initial !important;
    left: 0;
    width: 0px; 
    height: 0px;
    overflow: initial;
}
#formPrime iframe{-webkit-box-shadow: 0px 10px 47px -13px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 47px -13px rgba(0,0,0,0.75);
box-shadow: 0px 10px 47px -13px rgba(0,0,0,0.75);

}
#formPrimeWrap p, #formPrimeWrap button {color:white; border:none; background:none; padding:10px;}
#formPrimeWrap button { float:right; top:0; padding:0; margin:-5px 0 0 0}

.header .sub button.CTAs.email {
   margin:0;
   padding:0;
    padding: 5px !important;
    font-size: 70% !important;
    overflow:visible;
    font-family: inherit !important;
    display: block;
    margin: 0 0 0 0;
    width: 100%;
}

button.email:not(.CTAs) {
    border: none;
    background: none;
    color: b1101a;
    padding: 0 !important;
    font-size: 100%;
    margin: 0 !important;
}

button.email:not(.CTAs):hover, button.email:not(.CTAs):active, button.email:not(.CTAs):focus {
    color: black !important;
    text-decoration: underline !important;
}





/*according to accordions!--------------------------------*/
button.accordion >*{padding:10px !important; margin:inherit !important; font-weight:inherit; font-size:20px !important; color:inherit; text-transform:uppercase}
    button.accordion {
    background-color: #eee;
    color: rgba(0,0,0,0.65) !important;
    cursor: pointer;
    text-transform: uppercase;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 110%;
    transition: 0.4s;
    }
    button.accordion.active,button.accordion:hover,button.accordion:focus {
    background-color: #ddd;color:#b1101a !important;
    }
button.accordion:before {
    content: '\002B';
    color: grey !important;
    font-weight: bold;
    float: right;
    font-size: 160%;
    margin: 10px 10px 0 0px;
}
    button.accordion.active:before{
    content: "\2212";
    }
    div.panel {
    background-color: white;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    }
    .smlr{
    font-size: 95%;
    line-height: 130%;
    margin: 9px 0 0 0;
    }


/*Video CSS*/
/*Responsive Video Wrapper*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	margin-bottom: 20px;
}
.post .videoWrapper {
	margin-top: -10px;
	margin-bottom: 0px;
}
.videoWrapper iframe, .videoWrapper embed, .videoWrapper object {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}






/*TEAM BIOS - LEGACY*/
.legacy .ourTeams {
	min-height: 185px;
	padding: 0 20px;
	width: 100%;
}
.legacy .ourTeams img {
	float: left !important;border-radius: 0 0 40px 0;
    overflow: hidden; 
}
.legacy .bios {
	padding: 0 0 0 160px !important; text-align:left !important;
}

@media(max-width:767px) {
	.legacy .ourTeams {
		min-height: 0px;
	}
	.legacy .ourTeams img {
		/*display: none !important;*/
	}
	.legacy .bios {
		padding: 0 0 0 0 !important;
	}
}
.legacy .bios p {
	padding: 0 15px 0 0;
}
.legacy div.bios h3,.legacy div.bios h4,.legacy div.bios h5,.legacy div.bios h6 {
	color: #000 !important;
	font-size: 16px !important;
	font-weight: bold !important;
	line-height: 110% !important;
	margin: 0 0 5px 0 !important;
	text-transform: capitalize !important;
	padding: 0 0 0 0 !important
}
/*END TEAM BIOS*/



/*SEO ADJUSTMENTS*/
.columnB2 h2 {
    background: #ddd;
    color: black;
    padding: 5px 8px;
    border-left: thick solid #b1101a;
    font-size: 20px !important;
    margin-bottom: 5px;
}

      
.autoDef{width:100%; height:100px; margin:0 auto 20px auto; text-align:center; background:url(/Portals/1/Images/refinance-and-deferments-auto-loan.jpg) top left no-repeat; background-size: 100% auto;}

/*Under 400*/
@media (max-width:400px) {

    .autoDef {
        width: 200px;
        height: 281px;
        margin: 0 auto;
        text-align: center;
        background: url(/portals/1/online-banking-auto-loan.jpg) top center no-repeat;
    }
}



/*gradients*/
.whiteGrad{
    z-index: 1; position:relative; padding-top: 50px;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.03) 1%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.03) 1%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}













/*SOFT SELL*/
#lead-container .next-button:disabled {
    visibility: visible !important;
    opacity: .25 !important;
}



/*LiveForm Adjustment*/
.LiveForm.Default .Field.Matrix.Checkb.Required table, .LiveForm.Default .Field.Matrix.Radiob.Required table, .LiveForm.Default .Field.Required input, .LiveForm.Default .Field.Required textarea, .LiveForm.Default .Field.Required .plupload_filelist_footer, .LiveForm.Default .Field.Required select, .LiveForm.Default .Field.Required.Radiobutton table, .LiveForm.Default .Field.Required.Checkbox table, .LiveForm.Default .Field.Required.ScaleRating table, .LiveForm.Default .Field.Required .StarRatingRequired {
    border-left: solid #b1101a 5px !important ;
}





/*business loan application product launch page CTAs*/
.columnD{position:relative}

a.bpLaunch {/*
    position: absolute;
    top: 0;
    right: 0;
display:block;
*/
margin:0 10px

}
@media(max-width:720px){
a.bpLaunch {
    position: relative;
    margin: 0 auto;
    text-align: center;
    display: table;
}
}



/*Customer Training LiveTabs*/
.customerTraining {padding:0 10px}
.customerTraining .livetabsdefault .ui-widget-content { border:none}
.customerTraining embed {width:100%;height:560px;}
.customerTraining .livetabsdefault .ui-widget-header{border:0; border-bottom:thin solid grey; background:none; color: #b1101a; font-weight: bold; -moz-border-radius: 0px;
-webkit-border-radius:0px; -khtml-border-radius: 0px; border-radius: 0px;}
.customerTraining .livetabsdefault .ui-widget-content .ui-state-active{border:none; background:none; background-image:none; font-weight: normal;
    color: #b1101a;float:none; }
.customerTraining .livetabsdefault .ui-widget-content .ui-state-default{border:none; background:none; background-image:none; font-weight: normal;
    color: #555555; float:none; }
.customerTraining .livetabsdefault .ui-tabs .ui-tabs-nav li a {padding:5px 11px;}
.customerTraining .livetabsdefault .ui-state-active a:link,
.customerTraining .livetabsdefault li.ui-state-hover a,
.customerTraining .livetabsdefault .ui-state-active{color:#b1101a;}
@media (max-width:700px) {
.customerTraining embed {width:100%;height:270px;}
}