@font-face {
  font-family: 'synchronysans-normal';

  src: url('../fonts/synchronysans-normal-v100.eot');
    src:url(../font/synchronysans-normal-v100.woff) format('woff');
  src: url('../fonts/synchronysans-normal-v100.eot?#iefix') format('embedded-opentype'), url('../fonts/synchronysans-normal-v100.woff2') format('woff2'), 
      url('../fonts/synchronysans-normal-v100.woff') format('woff'), 
      url('../fonts/synchronysans-normal-v100.ttf') format('truetype'), 
      url('../fonts/synchronysans-normal-v100.svg#glyphicons_halflingsregular') format('svg');
    font-weight: normal;
  font-style: normal;
    
}
@font-face {
  font-family: 'synchronysans-bold';

  src: url('../fonts/synchronysans-bold-v100.eot');
    src:url(../font/synchronysans-bold-v100.woff) format('woff');
  src: url('../fonts/synchronysans-bold-v100.eot?#iefix') format('embedded-opentype'), url('../fonts/synchronysans-bold-v100.woff2') format('woff2'), 
      url('../fonts/synchronysans-bold-v100.woff') format('woff'), 
      url('../fonts/synchronysans-bold-v100.ttf') format('truetype'), 
      url('../fonts/synchronysans-bold-v100.svg#glyphicons_halflingsregular') format('svg');
    font-weight: normal;
  font-style: normal;
}




@font-face {
  font-family: "bc-transaction-font-1";
  src:url("../fonts/bc-transaction-font-1.eot");
  src:url("../fonts/bc-transaction-font-1.eot?#iefix") format("embedded-opentype"),
    url("../fonts/bc-transaction-font-1.woff") format("woff"),
    url("../fonts/bc-transaction-font-1.ttf") format("truetype"),
    url("../fonts/bc-transaction-font-1.svg#bc-transaction-font-1") format("svg");
  font-weight: normal;
  font-style: normal;

}
.transaction-icon{font-family: "bc-transaction-font-1" !important;}
[data-icon]:before {
  font-family: "bc-transaction-font-1" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "bc-transaction-font-1" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-authorization-only:before {
  content: "\61";
}
.icon-forced-purchase:before {
  content: "\62";
}
.icon-purchase:before {
  content: "\63";
}
.icon-refund:before {
  content: "\64";
}

.transaction-icon {
    font-size: 77px;
}

body, button, input, optgroup, select, textarea{font-family: 'synchronysans-normal';}
a.menu-color, a.menu-color:hover, a.menu-color:focus {
    color: #3b3c43;
}
a, a:focus, a:hover{color: #34657f;}
a.btn-primary:focus, a.btn-primary:hover{color: #fff;}
.hero-top-text a.btn-primary:focus{ color: #fff;}
.hero-top-text a.btn-secondary:focus{color: #34657f;}
.header{background-color: #3b3c43;   }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open>.nav-link{color: #fff;}
.nav-link.active{    border-bottom: 5px solid #fbc600;}
.navbar-toggleable-md .navbar-nav>li:last-child>a:hover {
    color: #fbc600;
}
.bc-progress-bar ul li.current{font-family: 'synchronysans-bold';}
#chat-box .btn i {
    color: #fbc500;
}
/*.login-img{background-image: url(../../login/images/login-hero.jpg)}*/
.header-text{font-family: 'synchronysans-bold';}
.btn-primary, .btn-primary:hover, .btn-primary.disabled, .btn-primary:disabled{background-color: #34657f; border-color:#34657f; }
.btn-secondary,  .btn-secondary:hover{ border-color:#34657f; color: #34657f; }

.hero-img .btn-secondary:hover {
    border-color: #34657f;
    color: #34657f;
}
.bc-home-tabs .tab-content ul li a {
    color: #464a4c;
    text-decoration: none;
}
.bc-home-tabs .tab-content ul li a:hover{text-decoration: underline;}
.btn-secondary.btn-yello{border-color:#fbc600; color: #fbc600; height: 48px; width: 150px; margin-top: 13px;}
.footer-bottom-nav{background-color: rgba(40, 43, 51, 1);}
.footer{background-color: #292a31; border-top: 5px solid #fbc500; }
.footer li a {color: #fff;}
h1{font-family: 'synchronysans-bold';}
.custom-control-input:checked~.custom-control-indicator{background-color: #fff;}
.custom-checkbox .custom-control-input:checked~.custom-control-indicator:after{color: #292b2c;}
.navbar-toggleable-md .navbar-nav .nav-link{  color: #fff;}
#chat-box .btn-block{ background-color: #3b3c43;}
.contact-chat i.fa-comments-o {
    color: #fbc600;
}
#myLoginMessageCenter{ width: 67%;}
/*hero img styles*/
.hero-img img{ width: 100%;}
.hero-img .btn{ min-width: 225px; margin-top: 25px; border-radius: 4px;}
.hero-img .btn-secondary{ background-color: #fff;}
.hero-img{ border-bottom: 5px solid #fbc600;  position: relative;}
.hero-top-text{ position: absolute;     width: 100%; top: 35px;}
.hero-top-text h1{margin-top: 15px;
    margin-bottom: 70px;  color: #fff;   font-size: 36px;}
.home-menu{background-color: #f8f8f8; padding:35px 0px 15px 0px; text-align: center;}
.bc-home-tabs .nav-tabs .nav-link.active{border-top: 3px solid #fbc600;  border-right: 0px;   padding: 17px 10px 15px 10px;}
.navbar-toggleable-md .navbar-nav .nav-link:hover{ border-color: #fbc600; color: #fff;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #fff;}
.navbar-nav li ul li a i{color: #fbc600;}
.post-login{    margin-bottom: 220px;}
.btn-link, .btn-link:hover, .btn-link:focus{ color: #34657f;}
/*footer-top-nav*/
.footer-top-nav{  background-color: rgba(52, 54, 66, 1);  position: relative;
   z-index: 1;
    margin-bottom: -5px;       padding: 27px 0px;}

.footer-top-nav li{ padding: 0px 30px; display: inline-block; }
.footer-top-nav li:first-child{padding-left: 0px;   }
.footer-top-nav li a{font-size: 16px; font-weight: 700;}
.footer-top-nav h4{     margin-bottom: 8px;}

.footer-top-nav li a{color: rgba(255, 200, 1, 1);}

.banner-btn-top{    position: absolute;
    margin-top: 82px;}
/*apply pages styles*/
.client_error_Container small{
	font-family: 'synchronysans-normal';
    font-size: 1em;
    line-height: 1.5em;
}
.bc-hide{display: none;}
.breadcrumb{display: block}
/*hiding breadcrumb*/
.breadcrumb li {
    display: none;
}
.select-buttons .btn.active{background-color: #34657f; color: #fff;}
.modal-title {
    font-size: 24px;
    margin-top: 0px;
}
.transaction-flow-icons li a:hover, .transaction-flow-icons li a.active{background-color: #34657f;}
.promo-code-list li a.active, .promo-code-list li a:hover, .promo-code-list li label.active, .promo-code-list li label:hover{background-color: rgba(52, 101, 127, 1); color: #fff; }
.transaction-flow-icons li{    width: 130px;}
/* .bc-only-class {
    max-width: 50%;
    margin-left: 0px;
} */
.transaction-pro-name{max-width: 520px;}
.transaction-flow-icons li a span{    height: 88px;}
.transaction-flow-icons li a{ padding-top: 6px;}
.pre-header .navbar-nav>li:last-child>a{ color: #fff !important;}
.pre-header .navbar-nav>li a:hover{border-color: #fbc600;}

.navbar-toggleable-md .navbar-nav li:hover .nav-link{    border-color: #fbc600;}
.btn-primary-inverse{background-color: #fff;
    color: #34657f;}
.table tr:hover td:first-child{
    border-left-color: #fbc600;
}
.top-header-internal .btn-primary{background-color: #3e8529;

}
.table-striped-color th {
    background-color: #fff;
}
.df-color{color:#3b3c43;}
.media-requests{box-shadow: 0px 0px 3px #ccc; padding: 15px 15px 5px 25px; margin-bottom: 45px; background-color: #fff;}

.desiableAnchorTag{cursor: default;}
.block-button{ display: block;}

.tel-color-ios a{color: inherit;}
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

@media (max-width: 1024px){
    .hero-top-text h1{
        margin-bottom: 0px; 
    }   
    
}

@media (max-width: 991px){
    
    .hero-top-text{top: 0;}
    .hero-img .btn{        margin-top: 18px !important;}
    .footer-top-nav li{padding: 0px 10px;}
    .footer-top-nav li, .footer-top-nav li:first-child{width: auto;}
    .navbar-toggleable-md .navbar-nav .nav-link {
    color: #3b3c43;
}
    .login-user-info{background-color: #3b3c43;}
    .navbar-inverse .navbar-nav .active>.nav-link, .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .open>.nav-link, .navbar-toggleable-md .navbar-nav .nav-link:hover{color: #3b3c43;}
   
    .hero-top-text h1{margin-bottom: 0px;}
    .banner-btn-top{margin-top: 60px;}
    /* .bc-only-class{    max-width: 83%;} */
    .form-group label{font-size: 13PX;}
    #myLoginMessageCenter{ width: 83%;}
    .bc-progress-bar ul li{    width: 137px; font-size: 14px;}
    .bc-progress-bar ul li.active:after{ width: 135px;}
    .pre-header .navbar-nav>li:last-child>a{    padding-top: 24px;
    padding-bottom: 24px;}
}
.adaButton:focus{outline:2px solid #000000; box-shadow: none !important;}

.adaCheckbox{
border:1px solid #8f8f8f;
}
.adaCheckbox:focus{
outline:2px solid #000000;
}
.custom-checkbox .custom-control-input:focus~.adaCheckbox {
 box-shadow: none !important; 
 outline: 2px solid #000000 !important; 
  }
.adaLink:focus{
text-decoration:underline;
}
.adaTextfield{
border:1px solid #949494;
}
.adaTextfield:focus{
outline:2px solid #000000;
}
.adaCombobox{
border:1px solid #949494;
}
.adaCombobox:focus{
outline:2px solid #000000;
}
.adaAccordion:focus{
outline:2px solid #000000;
}
.physical-State{
	margin-top: 24px;
}
.mailing-State{
	margin-top:24px;
}
.busLocVO-busState{
	margin-top: 24px;
}
//progress bar re-design
.bc-progress-bar ul{ position: relative;      display: inline-block;   text-align: left;}
.bc-progress-bar ul:before{
    left: 0px;
    content: "";
    position: absolute; width: 100%; height: 2px; background-color: #ffffff;border-top: 2px dotted #888a96;
}
.bc-progress-bar { text-align: center;   margin-bottom: 20px;  }
.bc-progress-bar ul li{list-style: none; float: left; padding-top: 15px; position: relative; width: 150px; text-align: center;}
.bc-progress-bar ul li span{display: block;}
.bc-progress-bar ul li:first-child {/* width: 75px; margin-right: 38px;*/ margin-left: -75px; }
.bc-progress-bar ul li:last-child {width: 150px; margin-right: -75px;}
.bc-progress-bar ul li:before{position: absolute;     margin-left: -3px; content: ""; left: 50%; width: 7px; top: -2.5px; height: 7px; border-radius: 50%; background-color: #34657f;  z-index: 2; outline:2px solid #ffffff;}

.bc-progress-bar ul li.current:before, .bc-progress-bar ul li.active:before{    width: 16px;
    height: 16px;
    top: -6px;
    background-color: #fff;
    outline:2px solid #ffffff;
    border: 4px solid #34657f;
    z-index: 2;     margin-left: -8px;}
.bc-progress-bar ul li.current:before{left: 50%; border: 7px solid #34657f; outline:2px solid #ffffff;
    width: 24px;
    height: 24px;
    top: -12px; margin-left: -12px;}
/*.bc-progress-bar ul li.current:first-child:before{left: 38%;}*/
.bc-progress-bar ul li.active:before{width: 17px; height: 17px; top: -7px;}
 .bc-progress-bar ul li.active:after{ position: absolute;
    content: "";
    width: 152px;
    height: 2px;
    background-color: #34657f;
    top: 0px;
    z-index: 1;     left: 65px;}
.bc-progress-bar ul li.active:first-child:after {
        left: 75px;
}
.bc-progress-bar ul li.current:after{}
/*.bc-progress-bar ul li.current:last-child:before{    left: 39%;}*/
.bc-progress-bar ul li.active:after{box-shadow: none;     margin-left: 4px;}