@font-face {
  font-family: 'Alchemist_OERegular';
  src: url('/Statics/fonts/alchemist_oeregular-webfont.eot');
  src: local('☺'), url('/Statics/fonts/alchemist_oeregular-webfont.woff') format('woff'), url('/Statics/fonts/alchemist_oeregular-webfont.svg#webfontNjGuZ934') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Alchemist_OEBlack';
  src: url('/Statics/fonts/alchemist_oeblack-webfont.eot');
  src: local('☺'), url('/Statics/fonts/alchemist_oeblack-webfont.woff') format('woff'), url('/Statics/fonts/alchemist_oeblack-webfont.svg#webfontMoUSPMga') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Assistant;
  src: url(/Statics/fonts/Assistant-Regular.ttf);
}
/* ===============================================================================
COLOUR REFERENCE SHEET
----------------------
Brand Primary Color,Login Button, Sidebar Bg Color  : #002663 (Midnight Blue);
Bradcrumbs Bg Color, subnavigation/Links            : #006890 (Dark Aqua);
Promotion Area Bg Color, Sidebar Text Color         : #8ad4e3 (Cornflower);
Promotion Area Regular Text Color                   : #222222 (Text Gray);
Product/Service Box Title Color                     : #4d4f53 (Title Dark Gray)
Error Alerts                                        : #a33f1f (Dark Orange)
Sidebar link color                                  : #90D7E7 (Light Aqua)
================================================================================== */
.brandColorBG {
  background: #002663;
}
.brandColor {
  color: #002663;
}
/*Home Page*/
/*@menu-purple:#862074;
@benefit: #00a8cc;*/
/*@fast-credit-total:@text-input-border;*/
/*digital-loans*/
/*digitalissuing*/
/*rebrandColors*/
.deleteme {
  display: none;
}
.opacity-change,
.opacity-change:hover {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.transition-all {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.disabled-block {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
::-webkit-input-placeholder {
  color: #999999;
  font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
:-moz-placeholder {
  color: #999999;
  font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
.placeholder {
  color: #999999;
  font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
@media (max-width: 767px) {
  .hidden-mobile {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-desktop {
    display: none !important;
  }
}
/*** User Select ***/
/*** Rounded corners ***/
/* 
** Custom rounded corners
** Sets a border-radius for each of the 4 corners individually. 
** The values go in a clockwise rotation: top right, bottom right, bottom left, top left. 
*/
/*** Background Cover ***/
/*** Shadow ***/
/*** Box sizing ***/
/*** Opacity ***/
/*** CSS3 Animation ***/
/*.transition (@transition) {
	-webkit-transition: @transition;  
	-moz-transition:    @transition;
	-ms-transition:     @transition; 
	-o-transition:      @transition;  
}*/
.disply-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-align-items: center;
  display: flex;
  align-items: center;
}
.fixed-lead {
  border-top-color: #002663;
  border-right-color: #002663;
  background-color: white;
}
@media (max-width: 767px) {
  .fixed-lead {
    border-right: none;
  }
}
.fixed-lead.success-send-mail .floating-lead-main-title {
  background: transparent;
}
.fixed-lead.success-send-mail .floating-lead-exit {
  background-image: url("/Statics/css/themes/amex/img/close-blue-icon.png");
}
.fixed-lead .floating-lead-open-button {
  background-color: transparent;
}
.fixed-lead .floating-lead-open-button .button-text {
  color: #002663;
}
.fixed-lead .floating-success-email p {
  color: #002663;
}
.fixed-lead .floating-lead-main-title {
  display: block;
  position: relative;
}
.fixed-lead h3 {
  background-color: transparent;
  color: #002663;
  background-image: url('/Statics/css/themes/amex/img/abroad/close-qa-icon.png');
  background-repeat: no-repeat;
}
.fixed-lead.ng-hide h3 {
  background-image: url('/Statics/css/themes/amex/img/abroad/open-qa-icon.png');
}
.fixed-lead .floating-lead-main-title {
  background-color: #002663;
  color: white;
}
@media (max-width: 767px) {
  .fixed-lead .floating-lead-exit {
    background-image: url("/Statics/img/mobile-exit-icon.png");
  }
}
.fixed-lead form .form-group label {
  color: #3b3b3b;
}
.fixed-lead form .form-group .form-control {
  color: black;
  background-color: #f4f4f4;
  border-color: #e4e4e4;
}
.fixed-lead form .form-group .styled-select {
  background: url("/Statics/css/themes/amex/img/select-arrow-img.png") no-repeat left;
  background-color: #f4f4f4;
}
.fixed-lead form .form-group .styled-select .form-control {
  color: #a6a8ac;
}
.fixed-lead form .form-group .styled-select .form-control.active {
  color: black;
}
.fixed-lead.animate-slide.ng-hide {
  width: 0px;
}