/* Stylesheet content from css/mediaQueries.css in folder common */
@media only screen and (min-width: 30em) {
    legend {
        font-size: 21px;
        font-size: 1.280rem
    }
}
@media only screen and (min-width: 37.5em) {
    h1 {
        font-size: 40px;
        font-size: 2.475rem;
        line-height: 64px;
    }
    h2 {
   	 	font-size: 2.125rem;
     	line-height: 44px;
        font-size: 34px;
        
       
    }
}

@media only screen and (min-width: 37.5em) {
    .col-md-1 {
        width: 8.33333%
    }
    .col-md-2 {
        width: 16.66667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.33333%
    }
    .col-md-5 {
        width: 41.66667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.33333%
    }
    .col-md-8 {
        width: 66.66667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.33333%
    }
    .col-md-11 {
        width: 91.66667%
    }
    .col-md-12 {
        width: 100%
    }
    div[class^='col-sm-'],
    div[class^='col-md-'],
    div[class^='col-lg-'] {
        padding: 0 10px 20px 10px
    }
    .prod-column {
        height: 490px;
    }
}

@media only screen and (min-width: 48em) {
    .col-lg-1 {
        width: 8.33333%
    }
    .col-lg-2 {
        width: 16.66667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.33333%
    }
    .col-lg-5 {
        width: 41.66667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.33333%
    }
    .col-lg-8 {
        width: 66.66667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.33333%
    }
    .col-lg-11 {
        width: 91.66667%
    }
    .col-lg-12 {
        width: 100%
    }
    div[class^='col-sm-'],
    div[class^='col-md-'],
    div[class^='col-lg-'] {
        padding: 0 10px 10px 10px
    }
}

@media only screen and (min-width: 64em) {
    .col-xl-1 {
        width: 8.33333%
    }
    .col-xl-2 {
        width: 16.66667%
    }
    .col-xl-3 {
        width: 25%
    }
    .col-xl-4 {
        width: 33.33333%
    }
    .col-xl-5 {
        width: 41.66667%
    }
    .col-xl-6 {
        width: 50%
    }
    .col-xl-7 {
        width: 58.33333%
    }
    .col-xl-8 {
        width: 66.66667%
    }
    .col-xl-9 {
        width: 75%
    }
    .col-xl-10 {
        width: 83.33333%
    }
    .col-xl-11 {
        width: 91.66667%
    }
    .col-xl-12 {
        width: 100%
    }
}



@media screen,
projection {
    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .accessible {
        position: absolute;
        left: -9999px
    }
    html,
    body {
        background: #E6E7E8;
    }
    .center-block {
        margin: 0 auto
    }
    img.responsive {
        width: 100%;
        height: 100%;
        /*        max-width: 330px*/
    }
     img.responsive-offers{
        width: 100%;
        padding-bottom:5%
    }
    img.responsive-1 {
        width: 100%;
        height: 223px;
    }    
    ::-ms-clear {
        display: none
    }
    .amb-ui--brand:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--brand-primary {
        background: #005587;
        color: #fff;
    } 
    .amb-ui--brand-primary-tools {
        background: #005587;
        color: #fff;
    } 
    .amb-ui--brand-primary a {
        color: #fff
    }
    .amb-ui--brand-primary-tools a {
        color: #005587
    }
    .amb-ui--brand-primary-tools p,
    .amb-ui--brand-primary-tools dl,
    .amb-ui--brand-primary-tools dd,
    .amb-ui--brand-primary-tools dt,
    .amb-ui--brand-primary-tools h4
     {
        color: #fff
    }
    .amb-ui--brand-primary a:hover,
    .amb-ui--brand-primary a:focus {
        color: #6153a2;
        background: #fff;
        outline: none
    }
    .amb-ui--brand-primary a:active {
        color: #6153a2;
        background: #fff
    }
    .amb-ui--brand-primary p,
    .amb-ui--brand-primary dl,
    .amb-ui--brand-primary dd,
    .amb-ui--brand-primary dt {
        color: #fff
    }
    .amb-ui--brand-primary hr {
        border-top-color: rgba(255, 255, 255, 0.25)
    }
    .amb-ui--brand-primary .amb-page--progress-indicator__item,
    .amb-ui--brand-primary .amb-page--progress-indicator__item::before {
        color: #fff
    }
}

@media only screen and (min-width: 48em) {
    .profile-header{
        height:4em;
    }
}

@media screen,
projection {
    .amb-ui--brand-primary .icon-bg {
        font-size: 13vw;
        position: absolute;
        top: 0;
        right: 0;
        display: none;
        color: #fff;
        margin: 0 80px 80px 0
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--brand-primary .icon-bg {
        display: inline-block;
        padding-top: 120px
    }
}

@media only screen and (min-width: 64em) {
    .amb-ui--brand-primary .icon-bg {
        padding-top: 10s0px
    }
}

@media screen,
projection {
    .amb-ui--brand-primary .icon-text {
        font-size: 24px;
        font-size: 1.5rem;
        color: #fff;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%
    }
    .amb-ui--brand-primary .icon-text strong {
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
        font-weight: normal
    }
    .amb-ui--brand-primary .icon-text p {
        font-size: 21px;
        font-size: 1.3125rem;
        margin-top: 10px
    }
    .amb-ui--brand-primary .amb-main--heading {
        padding-top: 0;
        margin-top: 0
    }
    .amb-ui--brand-primary .amb-main--heading h1,
    .amb-ui--brand-primary .amb-main--heading h2,
    .amb-ui--brand-primary .amb-main--heading h3,
    .amb-ui--brand-primary .amb-main--heading h4,
    .amb-ui--brand-primary .amb-main--heading h5,
    .amb-ui--brand-primary .amb-main--heading h6,
    .amb-ui--brand-primary .amb-main--heading .h1,
    .amb-ui--brand-primary .amb-main--heading .h2,
    .amb-ui--brand-primary .amb-main--heading .h3,
    .amb-ui--brand-primary .amb-main--heading .h4,
    .amb-ui--brand-primary .amb-main--heading .h5,
    .amb-ui--brand-primary .amb-main--heading .h6 {
        color: #fff
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--brand-primary .amb-main--heading {
        padding-top: 45px
    }
}

@media screen,
projection {
    .amb-ui--brand-primary .amb-main--heading:first-child {
        margin-top: 0
    }
    .amb-ui--brand-primary h1,
    .amb-ui--brand-primary h2,
    .amb-ui--brand-primary h3,
    .amb-ui--brand-primary h4,
    .amb-ui--brand-primary h5,
    .amb-ui--brand-primary h6,
    .amb-ui--brand-primary .h1,
    .amb-ui--brand-primary .h2,
    .amb-ui--brand-primary .h3,
    .amb-ui--brand-primary .h4,
    .amb-ui--brand-primary .h5,
    .amb-ui--brand-primary .h6 {
        color: #fff;
        position: relative
    }
    .amb-ui--brand-primary h1 .icon,
    .amb-ui--brand-primary h2 .icon,
    .amb-ui--brand-primary h3 .icon,
    .amb-ui--brand-primary h4 .icon,
    .amb-ui--brand-primary h5 .icon,
    .amb-ui--brand-primary h6 .icon,
    .amb-ui--brand-primary .h1 .icon,
    .amb-ui--brand-primary .h2 .icon,
    .amb-ui--brand-primary .h3 .icon,
    .amb-ui--brand-primary .h4 .icon,
    .amb-ui--brand-primary .h5 .icon,
    .amb-ui--brand-primary .h6 .icon {
        position: absolute;
        display: none;
        left: -40px;
        top: -2px;
        font-size: 28px
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--brand-primary h1 .icon,
    .amb-ui--brand-primary h2 .icon,
    .amb-ui--brand-primary h3 .icon,
    .amb-ui--brand-primary h4 .icon,
    .amb-ui--brand-primary h5 .icon,
    .amb-ui--brand-primary h6 .icon,
    .amb-ui--brand-primary .h1 .icon,
    .amb-ui--brand-primary .h2 .icon,
    .amb-ui--brand-primary .h3 .icon,
    .amb-ui--brand-primary .h4 .icon,
    .amb-ui--brand-primary .h5 .icon,
    .amb-ui--brand-primary .h6 .icon {
        display: inline-block;
        width: 30px;
        height: 30px
    }
}

@media only screen and (min-width: 64em) {
    .amb-ui--brand-primary h1 .icon,
    .amb-ui--brand-primary h2 .icon,
    .amb-ui--brand-primary h3 .icon,
    .amb-ui--brand-primary h4 .icon,
    .amb-ui--brand-primary h5 .icon,
    .amb-ui--brand-primary h6 .icon,
    .amb-ui--brand-primary .h1 .icon,
    .amb-ui--brand-primary .h2 .icon,
    .amb-ui--brand-primary .h3 .icon,
    .amb-ui--brand-primary .h4 .icon,
    .amb-ui--brand-primary .h5 .icon,
    .amb-ui--brand-primary .h6 .icon {
        left: -45px
    }
}

@media screen,
projection {
    .amb-ui--brand-primary .amb-ui--element__control--focus .amb-ui--input {
        -webkit-box-shadow: 0 2px 0 0 #fff;
        box-shadow: 0 2px 0 0 #fff;
        border-color: #fff
    }
    .amb-ui--brand-primary .amb-ui--input-checkbox .amb-ui--input-checkbox__box {
        vertical-align: top
    }
    .amb-ui--brand-primary .amb-ui--input-checkbox .amb-ui--input-checkbox__box:before {
        border-color: #fff
    }
    .amb-ui--brand-primary .amb-ui--input-checkbox .amb-ui--input-checkbox__text {
        color: #fff
    }
    .amb-ui--brand-primary .amb-ui--element__label,
    .amb-ui--brand-primary .amb-ui--element__control--focus .amb-ui--element__label,
    .amb-ui--brand-primary .amb-ui--element__delete {
        color: #fff
    }
    .amb-ui--brand-primary .amb-ui--element__message {
        text-align: left
    }
    .amb-ui--brand-primary .amb-ui--input {
        border-bottom-color: #fff;
        color: #fff
    }
    .amb-ui--brand-primary .amb-ui--finder__list {
        margin-left: 0
    }
    .amb-ui--brand-primary ul {
        margin-left: 18px;
        list-style:disc;
    }
    .amb-ui--brand-primary ul li {
        margin-bottom: 10px
    }
}

@media screen,
projection {
    .amb-ui--brand--utils a {
        color: #243c7a
    }
    .amb-ui--brand--utils a:hover,
    .amb-ui--brand--utils a:focus {
        color: #243c7a
    }
    .amb-ui--brand--utils a:active {
        color: #243c7a
    }
    .amb-ui--brand--utils p {
        color: #212121
    }
    .amb-ui--brand--light-grey {
        background: #eee;
        margin: 20px 0
    }
    .inner {
        padding: 20px
    }
    .amb-ui--brand-gradient {
        position: relative;
        z-index: 1;
        height: 50px;
        width: 100%;
        overflow: hidden;
        background: transparent
    }
    .amb-ui--brand-gradient:before {
        background: #6153a2;
        content: '';
        bottom: 0;
        display: block;
        height: 100px;
        left: 0;
        position: absolute;
        right: 0;
        -webkit-transform: skewY(1.8deg);
        -ms-transform: skewY(1.8deg);
        transform: skewY(1.8deg);
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%;
        z-index: -1
    }
    .amb-ui--button {
        font-size: 16px;
        font-size: 1rem;
        -webkit-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
        -webkit-transition-property: background, color, border, -webkit-box-shadow;
        transition-property: background, color, border, box-shadow;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        padding: 12px 14px;
        border-radius:2px;
        line-height: 10px;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        border: 0;
        margin: 0 0 20px 0;
        min-width: 100px;
    }
    .amb-ui--button .icon {
        font-size: 25px;
        line-height: 0;
        position: relative;
        bottom: -6px
    }
    .amb-ui--button--primary {
        /* -webkit-box-shadow: inset 0 -2px 0 0 #8a1037; */
        /* box-shadow: inset 0 -2px 0 0 #8a1037; */
        background: #DA291C;
        color: #fff;
    }
    .amb-ui--button--primary:hover,
    .amb-ui--button--primary:focus {
        /* -webkit-box-shadow: inset 0 -4px 0 0 #ad5873; */
        /* box-shadow: inset 0 -4px 0 0 #ad5873; */
        background: #DA291C;
    }
    .amb-ui--button--primary:active {
        -webkit-box-shadow: inset 0 4px 0 0 #8a1037;
        box-shadow: inset 0 4px 0 0 #8a1037;
        background: #bf164d;
        outline: none
    }
    .amb-ui--button--primary.amb-ui--button--active {
        -webkit-box-shadow: inset 0 4px 0 0 #530a21;
        box-shadow: inset 0 4px 0 0 #530a21;
        background: #7f0e33;
        outline: none
    }
    .amb-ui--button--primary:disabled,
    .amb-ui--button--primary.amb-ui--button--disabled {
        -webkit-box-shadow: inset 0 -4px 0 0 #d589a2;
        box-shadow: inset 0 -4px 0 0 #d589a2;
        background: #ea8caa;
        cursor: not-allowed
    }
    .amb-ui--button--primary:hover,
    .amb-ui--button--primary:focus {
        color: #fff
    }
    .amb-ui--button--primary:disabled,
    .amb-ui--button--primary.amb-ui--button--disabled {
        color: #fff
    }
    .amb-ui--button--secondary {
        /* -webkit-box-shadow: inset 0 -2px 0 0 #2c8183; */
        /* box-shadow: inset 0 -2px 0 0 #2c8183; */
        background: #DA291C;
        color: #fff;
    }
    .amb-account--details__filter .amb-account--details__filter a .amb-ui--button--secondary-filter{
	    background: #DA291C;
	    color: #fff;
	    margin-right: 85%;
    }
    .amb-ui--button--secondary:hover,
    .amb-ui--button--secondary:focus {
        background: #DA291C;
        color:white;
    }
    .amb-ui--button--secondary:active {
        background: #DA291C;
        outline: none;
        color:white;
    }
    .amb-ui--button--secondary.amb-ui--button--active {
        -webkit-box-shadow: inset 0 4px 0 0 #1a4d4f;
        box-shadow: inset 0 4px 0 0 #1a4d4f;
        background: #287779;
        outline: none
    }
    .amb-ui--button--secondary:disabled,
    .amb-ui--button--secondary.amb-ui--button--disabled {
        -webkit-box-shadow: inset 0 -4px 0 0 #9bcfd1;
        box-shadow: inset 0 -4px 0 0 #9bcfd1;
        background: #a1e3e5;
        cursor: not-allowed
    }
    .amb-ui--button--secondary:hover,
    .amb-ui--button--secondary:focus {
      color:white;
    }
    .amb-ui--button--secondary:disabled,
    .amb-ui--button--secondary.amb-ui--button--disabled {
        color: #335562
    }
    .amb-ui--button--tertiary {
        color: #005587;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
        background: transparent;
        text-decoration: underline
    }
    .amb-ui--button--tertiary:hover,
    .amb-ui--button--tertiary:focus {
        background: transparent;
        color: #bc164b
    }
    .amb-ui--button--tertiary:active {
        background: transparent;
        color: #000
    }
    .amb-ui--button--tertiary:disabled,
    .amb-ui--button--tertiary.amb-ui--button--disabled {
        background: transparent
    }
    .amb-ui--button--chat-launcher {
        padding: 8px 20px 7px 10px;
        border-radius: 30px;
        display: inline-block;
        background: #cacaca;
        color: #212121
    }    
    .amb-ui--button--chat-launcher:hover,
    .amb-ui--button--chat-launcher:focus {
        color: #212121
    }
    .amb-ui--button--chat-launcher:hover:before,
    .amb-ui--button--chat-launcher:focus:before {
        color: #43c6ca;
        opacity: 1
    }
    .amb-ui--input {
        font-size: 18px;
        font-size: 1.125rem;
        -webkit-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
        -webkit-transition-property: border, -webkit-box-shadow;
        transition-property: border, box-shadow;
        background: transparent;
        display: block;
        width: 100%;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        color: #212121;
        border: 0;
        text-align: left;
        border-bottom: 1px solid #000;
        padding: 18px 5px 0 0;
        height: 52px;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .amb-ui--input:focus {
        outline: none;
        border-bottom: 1px solid #000;
        -webkit-box-shadow: 0 2px 0 0 #000;
        box-shadow: 0 2px 0 0 #000
    }
    .amb-ui--input:disabled,
    .amb-ui--input[disabled] {
        border-bottom: 1px solid #000;
        color: #757575;
        cursor: not-allowed
    }
    .amb-ui--input[readonly],
    .amb-ui--input.readonly {
        border-bottom: 1px solid transparent
    }
/*
    .amb-page--group .amb-ui--input {
        width: 90%
    }
*/
    textarea.amb-ui--input {
        border-radius: 0
    }
    table {
        width: 100%;
        margin-bottom: 20px
    }
    table th,
    table td {
        text-align: left;
        padding: 15px 20px
    }
    table th {
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif
    }
    table tfoot {
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif
    }
    table tfoot:last-child {
        border-bottom: 1px solid #e0e0e0
    }
    table .right {
        text-align: right
    }
    table .center {
        text-align: center
    }
    table .top {
        vertical-align: top
    }
    table .middle {
        vertical-align: middle
    }
    table .nowrap {
        white-space: nowrap
    }
    table .label {
        font-size: 14px;
        font-size: .875rem;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        display: inline-block;
        padding: 5px 10px;
        color: #6153a2;
        background: #e0e0e0;
        margin-top: 5px
    }
    table.amb-table-dashed tbody tr:nth-child(odd) {
        background-color: #eee
    }
    table.amb-table-dashed tbody tr:nth-child(odd) .label {
        background: #fff
    }
    table.condensed tr td,
    table.condensed tr th {
        font-size: 14px;
        font-size: .875rem;
        line-height: 1.2em
    }
    table.numeric-detail tr td,
    table.numeric-detail tr th {
        /* padding: 3px 5px; */
        vertical-align: middle
    }
    table.bordered tr td,
    table.bordered tr th {
        border-top: 1px solid #e0e0e0
    }
    table.bordered tfoot td {
        border-top: 4px double #e0e0e0
    }
    table.no-padding {
        margin: 0
    }
    table.no-padding th,
    table.no-padding td {
        padding: 0
    }
    .scroll-table {
        width: 100%;
        /* overflow-x: scroll */
    }
    .settings-table {
        margin: 0
    }
    .settings-table th,
    .settings-table td {
        padding: 5px 0
    }
    .settings-table .amb-ui--element--checkbox {
        margin-bottom: 0;
        line-height: 0
    }
    .settings-table .amb-ui--input-checkbox {
        display: inline;
        float: none;
        margin-left: 0
    }
    .settings-table .amb-account--panel {
        margin-left: 10px
    }
    .settings-table .amb-account--panel h2 span {
        white-space: normal
    }
    .accordion {
        position: relative;
        margin-bottom: 20px
    }
    .drop-box__edit {
        position: absolute;
        top: 20px;
        right: 20px
    }
    .drop-box__item {
        -webkit-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
        -webkit-transition-property: border, background-color;
        transition-property: border, background-color;
        overflow: hidden;
        border: 1px solid #e0e0e0;
        border-bottom: 0;
        background-color: #fff
    }
    .drop-box__item:last-child {
        border: 1px solid #e0e0e0
    }
    .drop-box__item--active .drop-box__title {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .drop-box__item--active .drop-box__title::after {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    .drop-box__item--active .drop-box__content {
        overflow: visible;
        visibility: visible;
        max-height: 3000px;
        padding: 20px 20px 20px
    }
    .drop-box__item:nth-child(odd) .drop-box__title {
        background-color: #f5f5f5
    }
    .drop-box__item:nth-child(odd) .drop-box__title:hover,
    .drop-box__item:nth-child(odd) .drop-box__title:active,
    .drop-box__item:nth-child(odd) .drop-box__title:focus {
        background-color: #e0e0e0
    }
    .drop-box__item:nth-child(odd) .drop-box__content {
        background-color: #f5f5f5
    }
    .drop-box__title {
        font-size: 16px;
        font-size: 1rem;
        -webkit-transition: background-color .25s ease 0s;
        transition: background-color .25s ease 0s;
        color: #212121;
        text-decoration: none;
        display: block;
        position: relative;
        min-height: 50px;
        padding: 12px 0 12px 20px;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .drop-box__title::after {
        -webkit-transition: -webkit-transform .2s ease 0s;
        transition: transform .2s ease 0s;
        font-family: Linearicons;
        content: '\e93a';
        text-align: center;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        display: block;
        height: 20px;
        width: 20px;
        right: 20px
    }
    .drop-box__title:hover,
    .drop-box__title:active,
    .drop-box__title:focus {
        background-color: #f5f5f5;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #212121
    }
    .drop-box__content {
        -webkit-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
        -webkit-transition-property: max-height, padding, overflow, visibility;
        transition-property: max-height, padding, overflow, visibility;
        background-color: #fff;
        overflow: hidden;
        position: relative;
        visibility: hidden;
        max-height: 0;
        padding: 0 20px
    }
    .main-wrapper>.alert {
        margin: 0 0 2px 0
    }
    .alert {
        -webkit-transition: all .25s ease 0s;
        transition: all .25s ease 0s;
        -webkit-transition-property: margin, border, padding, max-height, opacity;
        transition-property: margin, border, padding, max-height, opacity;
        border-style: solid;
        border-width: 1px;
        padding: 15px 20px 14px;
        margin: 0 15px 2px 15px;
        height: auto;
        overflow: hidden;
        max-height: 200px;
        opacity: 1;
        color: #212121
    }
    .alert:after {
        content: '';
        display: table;
        clear: both
    }
    .alert__icon {
        display: none
    }
    .amb-service__title {
        font-size: 16px;
        font-size: 1rem;
        -webkit-transition: background-color .25s ease 0s;
        transition: background-color .25s ease 0s;
        color: #212121;
        text-decoration: none;
        display: block;
        position: relative;
        min-height: 50px;
        padding: 12px 0 12px 20px;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .drop-box__item:nth-child(odd) .amb-service__title {
        background-color: #f5f5f5
    }
}

@media only screen and (min-width: 48em) {
    .alert__icon {
        font-size: 26px;
        display: table-cell;
        padding-right: 10px;
        width: 40px
    }
}

@media screen,
projection {
    .alert.is-closed {
        border: 0;
        max-height: 0;
        opacity: 0;
        padding: 0;
        margin: 0
    }
    .alert.is-closed p {
        display: none
    }
    .alert a {
        color: #fff
    }
    .alert a:hover,
    .alert a:focus {
        color: #fff;
    }
    .alert--low {
        background: #efefef;
        border-color: #616161
    }
    .alert--warning,
    .alert--medium {
        background: #fffdea;
        border-color: #ffe72c
    }
    .alert--high {
        background: #fad2d8;
        border-color: #fad2d8
    }
    .alert--success {
        background: #edf6e9;
        border-color: #a6d291
    }
    .alert--success-register {
        background: #DA291C;
        max-width: 1200px;
        border-color: #a6d291
    }
    .alert__message {
        position: relative;
        color: #212121
    }
    .alert__message-register {
        position: relative;
        color: #fff;
    }
    .alert a{
        color:white;
    }
}

@media only screen and (min-width: 48em) {
    .alert__message {
        display: table;
        width: 100%
    }
}

@media only screen and (min-width: 75em) {
    .alert__message {
        margin: 0 auto;
        max-width: 1200px
    }
}

@media screen,
projection {
    .alert .alert__close {
        font-size: 30px;
        font-size: 1.875rem;
        color: #212121;
        text-decoration: none;
        display: block;
        width: 25px;
        height: 25px;
        position: absolute;
        right: 0;
        top: -3px
    }
    .alert .alert__close-register {
        font-size: 30px;
        font-size: 1.875rem;
        color: #fff;
        text-decoration: none;
        display: block;
        width: 25px;
        height: 25px;
        position: absolute;
        right: 0;
        top: -3px
    }
    .alert .alert__close:hover,
    .alert .alert__close:focus {
        text-decoration: none;
        background-color: transparent
    }
    .alert .alert__buttons {
        display: block;
        margin-top: 5px
    }
    .alert .alert__buttons .amb-ui--option-box--input__button {
        font-size: 16px;
        font-size: 1rem;
        padding: 13px 20px 10px 20px;
        min-height: 46px;
        margin-bottom: 0
    }
    .alert .alert__buttons .amb-ui--button:last-child {
        margin: 0 0 0 4px
    }
}

@media only screen and (min-width: 48em) {
    .alert .alert__buttons {
        float: right
    }
}

@media screen,
projection {
    .alert .alert-message{
        font-size: 14px;
        font-size: .875rem;
        color: #fff;
        display: table-cell;
        line-height: 21px;
        margin: 0;
        text-align: center;
        padding-right: 50px;
        vertical-align: middle
    }
    .alert p {
        font-size: 14px;
        font-size: .875rem;
        color: #212121;
        display: table-cell;
        line-height: 21px;
        margin: 0;
        padding-right: 50px;
        vertical-align: middle
    }
    .alert-register p {
        font-size: 14px;
        font-size: .875rem;
        color: #fff;
        display: table-cell;
        line-height: 21px;
        margin: 0;
        padding-right: 50px;
        vertical-align: middle
    }
}

@media only screen and (min-width: 48em) {
    .alert .alert__buttons {
        display: table-cell;
        line-height: 21px;
        margin: 0;
        vertical-align: middle;
        text-align: right
    }
}

@media screen,
projection {
    fieldset .alert,
    .amb-body .alert {
        margin-bottom: 20px;
        width: -webkit-fill-available;
        /* margin-top: 20px; */
        /* width: 59%; */
    }
    /* .amb-body .alert-register {
        margin-bottom: 20px;
        width: 59%;
    } */
   
    fieldset .alert.is-closed,
    .amb-body .alert.is-closed {
        margin-bottom: 0
    }
    .padded .alert {
        margin-left: 0;
        margin-right: 0
    }
    .animated-icon {
        width: 65px;
        text-align: center;
        position: relative;
        margin-bottom: 20px;
        height: 65px;
        border-radius: 50%;
        background: #005587
    }
    .animated-icon .icon {
        -webkit-animation-name: amb-trans--amb-trans--done-right;
        animation-name: amb-trans--amb-trans--done-right;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-direction: initial;
        animation-direction: initial;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        color: #fff;
        font-size: 45px;
        line-height: 65px;
        opacity: 0
    }
    .animated-icon.error {
        background: #e81c3b
    }
    .ie9 .animated-icon .icon {
        opacity: 1;
        font-size: 45px
    }
    .amb-page--unit-body-left {
        width: auto;
        padding-top: 20px;
        padding-right: 0
    }
    .amb-page--unit-body-right {
        display: none;
        width: 280px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 7
    }
    .amb-page--extra {
        padding: 30px 0 0;
        width: 280px
    }
    .amb-page--extra.widget {
        width: 280px
    }
    .amb-page--unit.amb-ui--brand fieldset:last-child {
        margin-bottom: 0
    }
/*
    .amb-page--unit:first-child .amb-page--unit-header h3:before {
        display: none
    }
    .amb-page--unit:last-child .amb-page--unit-header h3:after {
        display: none
    }
    .amb-page--unit:last-child .amb-page--unit-body-inner:before {
        display: none
    }
*/
    .amb-page--unit--active .amb-page--unit-header.accessible,
    .amb-page--unit--complete .amb-page--unit-header.accessible {
        height: auto
    }
    .amb-page--unit--active .amb-page--unit-header h3:after,
    .amb-page--unit--complete .amb-page--unit-header h3:after {
        border-left-style: dashed;
        bottom: 0
    }
    .amb-page--unit--active .amb-page--unit-header h3:before,
    .amb-page--unit--complete .amb-page--unit-header h3:before {
        border-left-style: dashed;
        display: block
    }
    .amb-page--unit--active .amb-page--unit-body,
    .amb-page--unit--complete .amb-page--unit-body {
        display: block;
        position: relative;
        left: auto
    }
    .amb-page--unit--active .amb-page--unit-body-inner,
    .amb-page--unit--complete .amb-page--unit-body-inner {
        position: relative;
        left: auto
    }
    .amb-page--unit--active .amb-ui--brand,
    .amb-page--unit--complete .amb-ui--brand {
        display: block
    }
    .amb-page--unit--lastvisible .amb-page--unit-body-inner:before {
        display: none
    }
/*
    .amb-page--unit--lastvisible .amb-page--unit-header h3:after {
        display: none
    }
*/
    .amb-page--group {
        position: relative;
        margin-bottom: 40px;                
    }
    .amb-page--group fieldset legend {
        padding-top: 20px;
        max-width: 100%
    }
    .amb-page--group--inactive:before {
        content: '';
        position: absolute;
        background: rgba(230, 231, 232, 0.42);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 4
    }
    .firefox .amb-page--group--inactive legend {
        opacity: .25;
        position: relative;
        z-index: 4
    }
    .amb-page--unit-body {
        padding: 0 20px;
        position: relative;
        display: none;
/*        background: #fff*/
    }
    .amb-page--unit-body-inner {
        margin: auto auto;
        position: relative;
        max-width: 1200px
    }
    .amb-page--unit-body-inner:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-page--unit-body-inner:before {
        content: '';
        display: none;
        width: 0;
        border-left-color: #bdbdbd;
        border-left-width: 1px;
        border-left-style: dashed;
        position: absolute;
        top: 0;
        left: 12px;
        bottom: 0;
        z-index: 1
    }
    .amb-page--unit-header {
        -webkit-transition: -webkit-transform .25s ease 0s;
        transition: transform .25s ease 0s;
/*        background: #f5f5f5;*/
        padding: 0 20px;
        position: relative;
/*        z-index: 6*/
    }
    .amb-page--unit-header h3 {
        font-size: 18px;
        font-size: 1.125rem;
        color: #212121;
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
        line-height: 24px;
        margin: 0 auto;
        padding: 23px 20px 21px 40px;
        display: block;
        max-width: 1200px;
        position: relative
    }
    .amb-page--unit-header h3:after,
    .amb-page--unit-header h3:before {
        content: '';
        display: block;
        width: 0;
        border-left-color: #bdbdbd;
        border-left-width: 1px;
        border-left-style: solid;
        position: absolute;
        top: 50%;
        left: 12px;
        bottom: 0;
        z-index: 1
    }
    .amb-page--unit-header h3:before {
        border-left-style: solid;
        top: 0;
        bottom: 72px
    }
    .amb-page--unit-header.accessible {
        height: 0
    }
    .amb-page--unit--active+.amb-page--unit .amb-page--unit-header h3:before {
        border-left-style: dashed
    }
    .amb-page--progress {
        font-size: 14px;
        font-size: .875rem;
        color: #fff;
        background: #DA291C;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        left: 0;
        top: 25px;
        text-align: center;
        border-radius: 50%;
        margin: 0 0 0 0;
        z-index: 2
    }
    .amb-page--unit-header--fixed {
        width: 100%;
        z-index: 6;
    }
}

@media only screen and (min-width: 37.5em) {
    .form--simple .amb-page--unit-body-left {
        padding-right: 0
    }
}

@media only screen and (min-width: 48em) {
    .amb-page--unit-body-left {
        width: auto;
        padding-right: 350px;
        padding-left: 50px
    }
    .amb-page--unit-body-right {
        display: block
    }
    .amb-page--extra {
        z-index: 3
    }
    .amb-page--extra--fixed {
        position: fixed;
        top: 0px;
        margin-bottom: 0px
    }
    .amb-page--extra--absolute {
        position: absolute;
        padding-bottom: 0;
        margin-bottom: 0
    }
    .amb-page--extra .widget {
        margin-bottom: 20px
    }
    .amb-page--extra .amb-ui--view-box--area {
        border: 1px solid #e0e0e0
    }
    .form.amb-page--unit-header {
        padding: 0
    }
    .amb-page--unit-body-inner {
        padding-left: 30px
    }
    .amb-page--unit-body-inner:before {
        display: block
    }
    .form--simple .amb-page--unit-body-left {
        padding-right: 180px
    }
    .amb-page--unit-header--fixed {
        top: 0
    }
    .amb-adhesive-init.amb-adhesive-header--active .amb-page--unit-header--fixed {
        -webkit-transform: translateY(80px);
        -ms-transform: translateY(80px);
        transform: translateY(80px)
    }
    .amb-adhesive-init.amb-adhesive-header--active.amb-adhesive-header--mobile-only .amb-page--unit-header--fixed {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (min-width: 75em) {
    .amb-page--unit-body-left {
        padding-left: 100px;
        padding-right: 400px
    }
    .amb-page--unit-header {
        padding: 0
    }
    .amb-page--unit-body {
        padding: 0
    }
}


@media only screen and (max-width: 30em) {
    .amb-page--unit--active .amb-page--unit-header h3:after,
    .amb-page--unit--complete .amb-page--unit-header h3:after {
        border-left-style: none;
        bottom: 0
    }  
    .amb-page--unit-body {
        padding:0
    }
    .amb-page--extra {
        width: 100%
    }
    .amb-page--extra.widget {
        width: 100%
    }    
    .amb-body {
        margin-top: 60px;
    }
}

@media screen,
projection {
    .amb-ui--page-section_group {
        list-style: none;
        margin: 15px 0 0
    }
    .amb-ui--page-section_group .amb-page--progress {
        position: absolute;
        top: 0
    }
    .amb-ui--page-section_group .amb-page--progress .icon {
        display: none;
        position: absolute;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        width: 15px;
        height: 15px;
        top: 5px;
        left: 4px;
    }
    .amb-ui--page-section_group__item {
        font-size: 16px;
        font-size: 1.5rem;
        padding-bottom: 10px;
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
        line-height: 24px;
        position: relative
    }
    .amb-ui--page-section_group__item:last-child {
        padding-bottom: 0
    }
    .amb-ui--page-section_group__item:after {
        content: '';
        display: block;
        width: 0;
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 12px;
        border-left: 0px solid #bdbdbd
    }
    .amb-ui--page-section_group__item:last-child:after {
        display: none
    }
    .amb-ui--page-section_group__item--complete .amb-page--progress {
        background: #005587;
        color: #005587
    }
    .amb-ui--page-section_group__item--complete .amb-page--progress .icon {
        display: block
    }
    .amb-ui--page-section_group__item--incomplete .amb-page--progress {
        border-radius: 50%;
        border: 2px solid #e5e5e5;
        background: #e5e5e5;
        color: #e5e5e5;
    }
    .amb-ui--page-section_group__item--incomplete .amb-page--progress .icon {
        display: none
    }


    .amb-ui--page-section_group a {
        font-size: 18px;
        font-size: 1.125rem;
        color: #757575;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;;
        position: relative;
        text-decoration: none;
        padding-left: 40px;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: inline-block
    }
    .amb-ui--page-section_group p {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 0px;
        color: #005587;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
        position: relative;
        text-decoration: none;
        padding-left: 40px;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: inline-block;
       
    }
    .amb-ui--page-section_group a:hover,
    .amb-ui--page-section_group a:focus,
    .amb-ui--page-section_group a:active {
        color: #005587;
        background: transparent;
        text-decoration: underline
    }
    .amb-user--profile {
        font-size: 27px;
        font-size: 1.6875rem;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        background: #DA291C;
        border-radius: 50%;
        display: block;
        font-weight: normal;
        height: 60px;
        line-height: 35px;
        text-align: center;
        text-decoration: none;
        width: 60px
    }
    .amb-user--profile:hover,
    .amb-user--profile:active,
    .amb-user--profile:focus {
        background: #DA291C;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0
    }
    .amb-user--profile .icon {
        color: #fff;
        font-size: 30px;
        overflow: visible;
        line-height: 60px;
        margin: 0
    }
    .amb-user--profile__character {
        color: #fff;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
        font-size: 30px;
        line-height: 60px;
        margin: 0;
        overflow: visible
    }
    .amb-user--profile--small {
        height: 40px;
        width: 40px
    }
    .amb-user--profile--small .icon {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 40px
    }
    .amb-user--profile--small .amb-user--profile__character {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 40px
    }
    .amb-user--profile-item {
        display: block
    }
    .amb-user--profile-item__link {
        color: #212121;
        display: block;
        padding: 0 20px 0 20px;
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
        line-height: .8em;
        text-decoration: none
    }
    .amb-user--profile-item__link .amb-user--profile {
        -webkit-transition: background .25s ease 0s;
        transition: background .25s ease 0s;
        float: left;
        margin-top: -5px
    }
    .amb-user--profile-item__link:hover,
    .amb-user--profile-item__link:focus {
        color: #212121;
        text-decoration: underline
    }
    .amb-user--profile-item__link:hover small,
    .amb-user--profile-item__link:focus small {
        color: #212121
    }
    .amb-user--profile-item__link-text {
        display: block;
        margin-left: 70px;
/*        padding-top: 10px*/
    }
    .amb-user--profile-item__link-text small {
        display: block
    }
    a.amb-user--profile-item__link {
        margin-top: 10px;
    }
    a.amb-user--profile-item__link > span.icon {
        margin-top: 10px;
        display: none;        
    }
    .amb-ui--option-box--input {
        margin-bottom: 20px
    }
    .amb-ui--option-box--input:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--option-box--input__button {
        -webkit-transition: background .2s ease 0s;
        transition: background .2s ease 0s;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
        display: block;
        cursor: pointer;
        position: relative;
        float: left;
        color: #fff;
        background: #fff;
        border: 1px solid #212121;
        margin: 0 5px 5px 0;
        border-radius: 3px;
        padding: 16px 20px 13px 20px;
        min-height: 50px;
        line-height: 18px;
    }
    .amb-ui--option-box--input__button:hover,
    .amb-ui--option-box--input__button:focus {
        background: #fff;
        color:#005587;
    }
    .amb-ui--option-box--input__button:active {
        background: #fff;
        color:#005587;
    }
    .amb-ui--option-box--input__button input {
        opacity: 0;
        position: absolute
    }
    .amb-ui--option-box--input__button--active {
        color: #212121;
        background: lightgrey;
    }
    .amb-ui--option-box--input__button--active:focus,
    .amb-ui--option-box--input__button--active:hover {
        background: lightgrey;
    }
    .amb-ui--option-box--input__text {
        color: #005587;
    }
    .amb-ui--option-box--input--block {
        max-width: 320px
    }
    .amb-ui--option-box--input--block .amb-ui--option-box--input__button {
        width: 100%
    }
    .amb-ui--option-box--input--large .icon {
        display: block;
        font-size: 50px;
        margin-bottom: 10px
    }
    .amb-ui--option-box--input--large .amb-ui--option-box--input__button {
        position: relative;
        width: 135px;
        height: 111px;
        text-align: center
    }
    .amb-ui--option-box--input--large .amb-ui--option-box--input__text {
        display: block;
        padding: 15px;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .amb-ui--option-box--input--icononly .amb-ui--option-box--input__button {
        padding: 13px 16px 5px 16px
    }
    .amb-ui--option-box--input--icononly .icon {
        display: block;
        font-size: 48px;
        margin-bottom: 10px;
        width: 50px;
        height: 50px
    }
    .amb-ui--option-box--input--icononly .amb-ui--option-box--input__text-label {
        overflow: hidden;
        display: block;
        width: 0;
        height: 0;
        /* color:#005587; */
    }
    .amb-ui--option-box--input--image img {
        -webkit-transition: opacity .25s ease 0s;
        transition: opacity .25s ease 0s;
        opacity: 1;
        max-width: 100%
    }
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button {
        max-width: 290px;
        border: 0;
        float: none;
        display: block;
        position: relative;
        padding: 0
    }
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button:hover,
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button:focus {
        background: transparent
    }
    /* .amb-ui--option-box--input--image .amb-ui--option-box--input__button:focus img */
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button:hover img
     {
        opacity: .7;
    }
    .amb-ui--option-box--input--image .amb-ui--option-box--input__text {
        -webkit-transition: -webkit-transform .25s ease 0s;
        transition: transform .25s ease 0s;
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0px 0 0 0px;
        top: 0;
        left: 0;
        font-size: 40px;
        /* border-radius: 50%; */
        text-align: center;
        line-height: 105px;
        border: 2px solid #DA291C;
        color: #fff;
        background: transparent;
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        transform: scale(0, 0);
        border-radius: 10px;
    }
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button--active {
        background: transparent
    }
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button--active:hover,
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button--active:focus {
        background: transparent;
	height: 100%;
        width: 100%;
    }
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button--active .amb-ui--option-box--input__text {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button--active img {
        opacity: .5
    }
    .amb-baloon {
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #212121
    }
    .amb-baloon .amb-baloon__value {
        font-size: 12px;
        font-size: .75rem;
        color: #fff;
        background: #e81c3b;
        display: block;
        position: absolute;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        top: -10px;
        right: -10px
    }
    .amb-baloon .amb-baloon__value--inline {
        position: static;
        display: inline-block;
        margin-left: 5px
    }
    .amb-baloon .icon {
        font-size: 30px;
        color: #43c6ca
    }
    .amb-baloon .icon+.amb-baloon__value {
        top: 0px
    }
    .amb-baloon:hover,
    .amb-baloon:focus {
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #212121
    }
    .amb-page--progress-indicator {
        list-style: none;
        padding: 7px 15px 6px 15px;
        margin: 0 auto;
        width: 100%;
        max-width: 1200px
    }
    .amb-page--progress-indicator:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-page--progress-indicator__item {
        display: block;
        float: left;
        vertical-align: top;
        color: #243c7a;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .amb-page--progress-indicator__item a {
        display: inline-block;
        max-width: 0;
        padding-right: 15px;
        overflow: hidden;
        text-indent: -200px;
        position: relative
    }
    .amb-page--progress-indicator__item a:before {
        content: '...';
        text-decoration: underline;
        position: absolute;
        right: 0;
        text-align: center;
        text-indent: 0;
        bottom: 6px;
        display: inline-block;
        width: 15px;
        height: 20px
    }
    .amb-page--progress-indicator__item:before {
        content: '/';
        vertical-align: top;
        display: inline-block;
        margin: 0 5px;
        color: #424242
    }
    .amb-page--progress-indicator__item:first-child a {
        max-width: inherit;
        text-indent: 0;
        padding: 0
    }
    .amb-page--progress-indicator__item:first-child a:before {
        content: ''
    }
    .amb-page--progress-indicator__item:first-child:before {
        content: ' ';
        margin: 0
    }
    .amb-page--progress-indicator__item:last-child a {
        max-width: inherit;
        text-indent: 0;
        padding: 0
    }
    .amb-page--progress-indicator__item:last-child a:before {
        content: ''
    }
}

@media screen,
projection {
    .alert .alert__close {
        font-size: 30px;
        font-size: 1.875rem;
        color: #212121;
        text-decoration: none;
        display: block;
        width: 25px;
        height: 25px;
        position: absolute;
        right: 0;
        top: -3px
    }
    .alert .alert__close-register {
        font-size: 30px;
        font-size: 1.875rem;
        color: #fff;
        text-decoration: none;
        display: block;
        width: 25px;
        height: 25px;
        position: absolute;
        right: 0;
        top: -3px
    }
    .alert .alert__close:hover,
    .alert .alert__close:focus {
        text-decoration: none;
        background-color: transparent
    }
    .alert .alert__buttons {
        display: block;
        margin-top: 5px
    }
    .alert .alert__buttons .amb-ui--option-box--input__button {
        font-size: 16px;
        font-size: 1rem;
        padding: 13px 20px 10px 20px;
        min-height: 46px;
        margin-bottom: 0
    }
    .alert .alert__buttons .amb-ui--button:last-child {
        margin: 0 0 0 4px
    }
}

@media only screen and (min-width: 48em) {
    .alert .alert__buttons {
        float: right
    }
}

@media screen,
projection {
    .alert .alert-message{
        font-size: 14px;
        font-size: .875rem;
        color: #fff;
        display: table-cell;
        line-height: 21px;
        margin: 0;
        text-align: center;
        padding-right: 50px;
        vertical-align: middle
    }
    .alert p {
        font-size: 14px;
        font-size: .875rem;
        color: #212121;
        display: table-cell;
        line-height: 21px;
        margin: 0;
        padding-right: 50px;
        vertical-align: middle
    }
    .alert-register p {
        font-size: 14px;
        font-size: .875rem;
        color: #fff;
        display: table-cell;
        line-height: 21px;
        margin: 0;
        padding-right: 50px;
        vertical-align: middle
    }
}

@media only screen and (min-width: 48em) {
    .alert .alert__buttons {
        display: table-cell;
        line-height: 21px;
        margin: 0;
        vertical-align: middle;
        text-align: right
    }
}

@media screen,
projection {
    fieldset .alert,
    .amb-body .alert {
        margin-bottom: 20px;
        width: -webkit-fill-available;
        /* margin-top: 20px; */
        /* width: 59%; */
    }
    /* .amb-body .alert-register {
        margin-bottom: 20px;
        width: 59%;
    } */
   
    fieldset .alert.is-closed,
    .amb-body .alert.is-closed {
        margin-bottom: 0
    }
    .padded .alert {
        margin-left: 0;
        margin-right: 0
    }
    .animated-icon {
        width: 65px;
        text-align: center;
        position: relative;
        margin-bottom: 20px;
        height: 65px;
        border-radius: 50%;
        background: #005587
    }
    .animated-icon .icon {
        -webkit-animation-name: amb-trans--amb-trans--done-right;
        animation-name: amb-trans--amb-trans--done-right;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-direction: initial;
        animation-direction: initial;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        color: #fff;
        font-size: 45px;
        line-height: 65px;
        opacity: 0
    }
    .animated-icon.error {
        background: #e81c3b
    }
    .ie9 .animated-icon .icon {
        opacity: 1;
        font-size: 45px
    }
    .amb-page--unit-body-left {
        width: auto;
        padding-top: 20px;
        padding-right: 0
    }
    .amb-page--unit-body-right {
        display: none;
        width: 280px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 7
    }
    .amb-page--extra {
        padding: 30px 0 0;
        width: 280px
    }
    .amb-page--extra.widget {
        width: 280px
    }
    .amb-page--unit.amb-ui--brand fieldset:last-child {
        margin-bottom: 0
    }
/*
    .amb-page--unit:first-child .amb-page--unit-header h3:before {
        display: none
    }
    .amb-page--unit:last-child .amb-page--unit-header h3:after {
        display: none
    }
    .amb-page--unit:last-child .amb-page--unit-body-inner:before {
        display: none
    }
*/
    .amb-page--unit--active .amb-page--unit-header.accessible,
    .amb-page--unit--complete .amb-page--unit-header.accessible {
        height: auto
    }
    .amb-page--unit--active .amb-page--unit-header h3:after,
    .amb-page--unit--complete .amb-page--unit-header h3:after {
        border-left-style: dashed;
        bottom: 0
    }
    .amb-page--unit--active .amb-page--unit-header h3:before,
    .amb-page--unit--complete .amb-page--unit-header h3:before {
        border-left-style: dashed;
        display: block
    }
    .amb-page--unit--active .amb-page--unit-body,
    .amb-page--unit--complete .amb-page--unit-body {
        display: block;
        position: relative;
        left: auto
    }
    .amb-page--unit--active .amb-page--unit-body-inner,
    .amb-page--unit--complete .amb-page--unit-body-inner {
        position: relative;
        left: auto
    }
    .amb-page--unit--active .amb-ui--brand,
    .amb-page--unit--complete .amb-ui--brand {
        display: block
    }
    .amb-page--unit--lastvisible .amb-page--unit-body-inner:before {
        display: none
    }
/*
    .amb-page--unit--lastvisible .amb-page--unit-header h3:after {
        display: none
    }
*/
    .amb-page--group {
        position: relative;
        margin-bottom: 40px;                
    }
    .amb-page--group fieldset legend {
        padding-top: 20px;
        max-width: 100%
    }
    .amb-page--group--inactive:before {
        content: '';
        position: absolute;
        background: rgba(230, 231, 232, 0.42);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 4
    }
    .firefox .amb-page--group--inactive legend {
        opacity: .25;
        position: relative;
        z-index: 4
    }
    .amb-page--unit-body {
        padding: 0 20px;
        position: relative;
        display: none;
/*        background: #fff*/
    }
    .amb-page--unit-body-inner {
        margin: auto auto;
        position: relative;
        max-width: 1200px
    }
    .amb-page--unit-body-inner:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-page--unit-body-inner:before {
        content: '';
        display: none;
        width: 0;
        border-left-color: #bdbdbd;
        border-left-width: 1px;
        border-left-style: dashed;
        position: absolute;
        top: 0;
        left: 12px;
        bottom: 0;
        z-index: 1
    }
    .amb-page--unit-header {
        -webkit-transition: -webkit-transform .25s ease 0s;
        transition: transform .25s ease 0s;
/*        background: #f5f5f5;*/
        padding: 0 20px;
        position: relative;
/*        z-index: 6*/
    }
    .amb-page--unit-header h3 {
        font-size: 18px;
        font-size: 1.125rem;
        color: #212121;
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
        line-height: 24px;
        margin: 0 auto;
        padding: 23px 20px 21px 40px;
        display: block;
        max-width: 1200px;
        position: relative
    }
    .amb-page--unit-header h3:after,
    .amb-page--unit-header h3:before {
        content: '';
        display: block;
        width: 0;
        border-left-color: #bdbdbd;
        border-left-width: 1px;
        border-left-style: solid;
        position: absolute;
        top: 50%;
        left: 12px;
        bottom: 0;
        z-index: 1
    }
    .amb-page--unit-header h3:before {
        border-left-style: solid;
        top: 0;
        bottom: 72px
    }
    .amb-page--unit-header.accessible {
        height: 0
    }
    .amb-page--unit--active+.amb-page--unit .amb-page--unit-header h3:before {
        border-left-style: dashed
    }
    .amb-page--progress {
        font-size: 14px;
        font-size: .875rem;
        color: #fff;
        background: #DA291C;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        left: 0;
        top: 25px;
        text-align: center;
        border-radius: 50%;
        margin: 0 0 0 0;
        z-index: 2
    }
    .amb-page--unit-header--fixed {
        width: 100%;
        z-index: 6;
    }
}

@media only screen and (min-width: 37.5em) {
    .form--simple .amb-page--unit-body-left {
        padding-right: 0
    }
}

@media only screen and (min-width: 48em) {
    .amb-page--unit-body-left {
        width: auto;
        padding-right: 350px;
        padding-left: 50px
    }
    .amb-page--unit-body-right {
        display: block
    }
    .amb-page--extra {
        z-index: 3
    }
    .amb-page--extra--fixed {
        position: fixed;
        top: 0px;
        margin-bottom: 0px
    }
    .amb-page--extra--absolute {
        position: absolute;
        padding-bottom: 0;
        margin-bottom: 0
    }
    .amb-page--extra .widget {
        margin-bottom: 20px
    }
    .amb-page--extra .amb-ui--view-box--area {
        border: 1px solid #e0e0e0
    }
    .form.amb-page--unit-header {
        padding: 0
    }
    .amb-page--unit-body-inner {
        padding-left: 30px
    }
    .amb-page--unit-body-inner:before {
        display: block
    }
    .form--simple .amb-page--unit-body-left {
        padding-right: 180px
    }
    .amb-page--unit-header--fixed {
        top: 0
    }
    .amb-adhesive-init.amb-adhesive-header--active .amb-page--unit-header--fixed {
        -webkit-transform: translateY(80px);
        -ms-transform: translateY(80px);
        transform: translateY(80px)
    }
    .amb-adhesive-init.amb-adhesive-header--active.amb-adhesive-header--mobile-only .amb-page--unit-header--fixed {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (min-width: 75em) {
    .amb-page--unit-body-left {
        padding-left: 100px;
        padding-right: 400px
    }
    .amb-page--unit-header {
        padding: 0
    }
    .amb-page--unit-body {
        padding: 0
    }
}


@media only screen and (max-width: 30em) {
    .amb-page--unit--active .amb-page--unit-header h3:after,
    .amb-page--unit--complete .amb-page--unit-header h3:after {
        border-left-style: none;
        bottom: 0
    }  
    .amb-page--unit-body {
        padding:0
    }
    .amb-page--extra {
        width: 100%
    }
    .amb-page--extra.widget {
        width: 100%
    }    
    .amb-body {
        margin-top: 60px;
    }
}

@media screen,
projection {
    .amb-ui--page-section_group {
        list-style: none;
        margin: 15px 0 0
    }
    .amb-ui--page-section_group .amb-page--progress {
        position: absolute;
        top: 0
    }
    .amb-ui--page-section_group .amb-page--progress .icon {
        display: none;
        position: absolute;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        width: 15px;
        height: 15px;
        top: 5px;
        left: 4px;
    }
    .amb-ui--page-section_group__item {
        font-size: 16px;
        font-size: 1.5rem;
        padding-bottom: 10px;
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
        line-height: 24px;
        position: relative
    }
    .amb-ui--page-section_group__item:last-child {
        padding-bottom: 0
    }
    .amb-ui--page-section_group__item:after {
        content: '';
        display: block;
        width: 0;
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 12px;
        border-left: 0px solid #bdbdbd
    }
    .amb-ui--page-section_group__item:last-child:after {
        display: none
    }
    .amb-ui--page-section_group__item--complete .amb-page--progress {
        background: #005587;
        color: #005587
    }
    .amb-ui--page-section_group__item--complete .amb-page--progress .icon {
        display: block
    }
    .amb-ui--page-section_group__item--incomplete .amb-page--progress {
        border-radius: 50%;
        border: 2px solid #e5e5e5;
        background: #e5e5e5;
        color: #e5e5e5;
    }
    .amb-ui--page-section_group__item--incomplete .amb-page--progress .icon {
        display: none
    }


    .amb-ui--page-section_group a {
        font-size: 18px;
        font-size: 1.125rem;
        color: #757575;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;;
        position: relative;
        text-decoration: none;
        padding-left: 40px;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: inline-block
    }
    .amb-ui--page-section_group p {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 0px;
        color: #005587;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
        position: relative;
        text-decoration: none;
        padding-left: 40px;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: inline-block;
       
    }
    .amb-ui--page-section_group a:hover,
    .amb-ui--page-section_group a:focus,
    .amb-ui--page-section_group a:active {
        color: #005587;
        background: transparent;
        text-decoration: underline
    }
    .amb-user--profile {
        font-size: 27px;
        font-size: 1.6875rem;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        background: #DA291C;
        border-radius: 50%;
        display: block;
        font-weight: normal;
        height: 60px;
        line-height: 35px;
        text-align: center;
        text-decoration: none;
        width: 60px
    }
    .amb-user--profile:hover,
    .amb-user--profile:active,
    .amb-user--profile:focus {
        background: #DA291C;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0
    }
    .amb-user--profile .icon {
        color: #fff;
        font-size: 30px;
        overflow: visible;
        line-height: 60px;
        margin: 0
    }
    .amb-user--profile__character {
        color: #fff;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
        font-size: 30px;
        line-height: 60px;
        margin: 0;
        overflow: visible
    }
    .amb-user--profile--small {
        height: 40px;
        width: 40px
    }
    .amb-user--profile--small .icon {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 40px
    }
    .amb-user--profile--small .amb-user--profile__character {
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 40px
    }
    .amb-user--profile-item {
        display: block
    }
    .amb-user--profile-item__link {
        color: #212121;
        display: block;
        padding: 0 20px 0 20px;
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
        line-height: .8em;
        text-decoration: none
    }
    .amb-user--profile-item__link .amb-user--profile {
        -webkit-transition: background .25s ease 0s;
        transition: background .25s ease 0s;
        float: left;
        margin-top: -5px
    }
    .amb-user--profile-item__link:hover,
    .amb-user--profile-item__link:focus {
        color: #212121;
        text-decoration: underline
    }
    .amb-user--profile-item__link:hover small,
    .amb-user--profile-item__link:focus small {
        color: #212121
    }
    .amb-user--profile-item__link-text {
        display: block;
        margin-left: 70px;
/*        padding-top: 10px*/
    }
    .amb-user--profile-item__link-text small {
        display: block
    }
    a.amb-user--profile-item__link {
        margin-top: 10px;
    }
    a.amb-user--profile-item__link > span.icon {
        margin-top: 10px;
        display: none;        
    }
    .amb-ui--option-box--input {
        margin-bottom: 20px
    }
    .amb-ui--option-box--input:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--option-box--input__button {
        -webkit-transition: background .2s ease 0s;
        transition: background .2s ease 0s;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
        display: block;
        cursor: pointer;
        position: relative;
        float: left;
        color: #fff;
        background: #fff;
        border: 1px solid #212121;
        margin: 0 5px 5px 0;
        border-radius: 3px;
        padding: 16px 20px 13px 20px;
        min-height: 50px;
        line-height: 18px;
    }
    .amb-ui--option-box--input__button:hover,
    .amb-ui--option-box--input__button:focus {
        background: #fff;
        color:#005587;
    }
    .amb-ui--option-box--input__button:active {
        background: #fff;
        color:#005587;
    }
    .amb-ui--option-box--input__button input {
        opacity: 0;
        position: absolute
    }
    .amb-ui--option-box--input__button--active {
        color: #212121;
        background: lightgrey;
    }
    .amb-ui--option-box--input__button--active:focus,
    .amb-ui--option-box--input__button--active:hover {
        background: lightgrey;
    }
    .amb-ui--option-box--input__text {
        color: #005587;
    }
    .amb-ui--option-box--input--block {
        max-width: 320px
    }
    .amb-ui--option-box--input--block .amb-ui--option-box--input__button {
        width: 100%
    }
    .amb-ui--option-box--input--large .icon {
        display: block;
        font-size: 50px;
        margin-bottom: 10px
    }
    .amb-ui--option-box--input--large .amb-ui--option-box--input__button {
        position: relative;
        width: 135px;
        height: 111px;
        text-align: center
    }
    .amb-ui--option-box--input--large .amb-ui--option-box--input__text {
        display: block;
        padding: 15px;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .amb-ui--option-box--input--icononly .amb-ui--option-box--input__button {
        padding: 13px 16px 5px 16px
    }
    .amb-ui--option-box--input--icononly .icon {
        display: block;
        font-size: 48px;
        margin-bottom: 10px;
        width: 50px;
        height: 50px
    }
    .amb-ui--option-box--input--icononly .amb-ui--option-box--input__text-label {
        overflow: hidden;
        display: block;
        width: 0;
        height: 0;
        /* color:#005587; */
    }
    .amb-ui--option-box--input--image img {
        -webkit-transition: opacity .25s ease 0s;
        transition: opacity .25s ease 0s;
        opacity: 1;
        max-width: 100%
    }
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button {
        max-width: 290px;
        border: 0;
        float: none;
        display: block;
        position: relative;
        padding: 0
    }
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button:hover,
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button:focus {
        background: transparent
    }
    /* .amb-ui--option-box--input--image .amb-ui--option-box--input__button:focus img */
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button:hover img
     {
        opacity: .7;
    }
    .amb-ui--option-box--input--image .amb-ui--option-box--input__text {
        -webkit-transition: -webkit-transform .25s ease 0s;
        transition: transform .25s ease 0s;
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0px 0 0 0px;
        top: 0;
        left: 0;
        font-size: 40px;
        /* border-radius: 50%; */
        text-align: center;
        line-height: 105px;
        border: 2px solid #DA291C;
        color: #fff;
        background: transparent;
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        transform: scale(0, 0);
        border-radius: 10px;
    }
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button--active {
        background: transparent
    }
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button--active:hover,
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button--active:focus {
        background: transparent
    }
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button--active .amb-ui--option-box--input__text {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    .amb-ui--option-box--input--image .amb-ui--option-box--input__button--active img {
        opacity: .5
    }
    .amb-baloon {
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #212121
    }
    .amb-baloon .amb-baloon__value {
        font-size: 12px;
        font-size: .75rem;
        color: #fff;
        background: #e81c3b;
        display: block;
        position: absolute;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        top: -10px;
        right: -10px
    }
    .amb-baloon .amb-baloon__value--inline {
        position: static;
        display: inline-block;
        margin-left: 5px
    }
    .amb-baloon .icon {
        font-size: 30px;
        color: #43c6ca
    }
    .amb-baloon .icon+.amb-baloon__value {
        top: 0px
    }
    .amb-baloon:hover,
    .amb-baloon:focus {
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #212121
    }
    .amb-page--progress-indicator {
        list-style: none;
        padding: 7px 15px 6px 15px;
        margin: 0 auto;
        width: 100%;
        max-width: 1200px
    }
    .amb-page--progress-indicator:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-page--progress-indicator__item {
        display: block;
        float: left;
        vertical-align: top;
        color: #243c7a;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .amb-page--progress-indicator__item a {
        display: inline-block;
        max-width: 0;
        padding-right: 15px;
        overflow: hidden;
        text-indent: -200px;
        position: relative
    }
    .amb-page--progress-indicator__item a:before {
        content: '...';
        text-decoration: underline;
        position: absolute;
        right: 0;
        text-align: center;
        text-indent: 0;
        bottom: 6px;
        display: inline-block;
        width: 15px;
        height: 20px
    }
    .amb-page--progress-indicator__item:before {
        content: '/';
        vertical-align: top;
        display: inline-block;
        margin: 0 5px;
        color: #424242
    }
    .amb-page--progress-indicator__item:first-child a {
        max-width: inherit;
        text-indent: 0;
        padding: 0
    }
    .amb-page--progress-indicator__item:first-child a:before {
        content: ''
    }
    .amb-page--progress-indicator__item:first-child:before {
        content: ' ';
        margin: 0
    }
    .amb-page--progress-indicator__item:last-child a {
        max-width: inherit;
        text-indent: 0;
        padding: 0
    }
    .amb-page--progress-indicator__item:last-child a:before {
        content: ''
    }
}

@media only screen and (min-width: 37.5em) {
    .amb-page--progress-indicator__item a {
        max-width: 200px;
        text-indent: 0;
        padding-right: 0
    }
    .amb-page--progress-indicator__item a:before {
        display: none
    }
}

@media screen,
projection {
    .amb-ui--element--checkbox .amb-ui--element__control:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--input-checkbox__text {
        font-size: 14px;
        font-size: .875rem;
        display: block;
        margin: 0 0 20px 35px;
        vertical-align: middle;
        padding: 0 15px 0 15px
    }
    .amb-ui--input-checkbox {
        display: block;
        float: left;
        position: relative;
        margin: 0 5px 20px 5px;
        padding: 0;
        overflow: hidden;
        cursor: pointer
    }
    .amb-ui--input-checkbox:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--input-checkbox:focus .amb-ui--input-checkbox__box:before,
    .amb-ui--input-checkbox:hover .amb-ui--input-checkbox__box:before {
        border-color: #00A3E0;
    }
    .amb-ui--input-checkbox .amb-ui--input-checkbox__box {
        display: table-cell;
        vertical-align: top;
        position: relative;
        height: 30px
    }
    .amb-ui--input-checkbox .amb-ui--input-checkbox__box:before {
        -webkit-transition: border-color .25s ease 0s;
        transition: border-color .25s ease 0s;
        content: '\00a0';
        display: inline-block;
        width: 30px;
        height: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 2px solid #000;
        border-radius: 3px
    }
    .amb-ui--input-checkbox .amb-ui--input-checkbox__box:after {
        -webkit-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
        -webkit-transition-property: -webkit-transform, opacity, width, height;
        transition-property: transform, opacity, width, height;
        opacity: 0;
        content: ' ';
        display: block;
        position: absolute;
        top: 0;
        left: 11px;
        width: 0;
        height: 0;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    .amb-ui--input-checkbox input {
        position: absolute;
        left: -30px;
        top: 0
    }
    .amb-ui--input-checkbox.amb-ui--input-checkbox--checked .amb-ui--input-checkbox__box:before {
        background: #9D9FA2;
    }
    .amb-ui--input-checkbox.amb-ui--input-checkbox--checked .amb-ui--input-checkbox__box:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 1;
        width: 7px;
        height: 23px
    }
    .amb-ui--input-checkbox.amb-ui--input-checkbox--checked:hover .amb-ui--input-checkbox__box:before {
        background: #3dabd4;
        border: 2px solid #000;
    }
    .amb-ui--input-checkbox.amb-ui--input-checkbox--checked:focus .amb-ui--input-checkbox__box:after {
        border-color: #bdbdbd
    }
    .amb-ui--input-checkbox.amb-ui--input-checkbox--checked:focus .amb-ui--input-checkbox__box:before {
        background: #4285ad;
        border: 2px solid #000;
    }
    .amb-ui--input-checkbox.amb-ui--input-checkbox--disabled {
        cursor: not-allowed
    }
    .amb-ui--input-checkbox.amb-ui--input-checkbox--disabled .amb-ui--input-checkbox__box:before {
        background: #e0e0e0;
        border: 2px solid #e0e0e0
    }
    .amb-ui--element--checkbox-large .amb-ui--input-checkbox__text {
        font-size: 16px;
        font-size: 1rem;
        margin-left: 50px
    }
    .amb-ui--element--checkbox-large .amb-ui--input-checkbox__box {
        height: 44px
    }
    .amb-ui--element--checkbox-large .amb-ui--input-checkbox__box:before {
        width: 44px;
        height: 44px
    }
    .amb-ui--element--checkbox-large .amb-ui--input-checkbox__box:after {
        top: 8px;
        left: 17px
    }
    .amb-ui--element {
        margin-bottom: 20px;
        position: relative
    }
    .sp {
     margin-bottom: 40px;
    }
    .amb-ui--element:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--element .amb-ui--input {
        padding-right: 25px
    }
    .amb-ui--element .amb-ui--element__append {
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        color: #757575;
        font-size: 20px;
        position: absolute;
        right: 30px;
        top: 20px
    }
    .amb-ui--element--title {
        font-size: 18px;
        font-size: 1.125rem;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        margin: 0 0 20px 0
    }
}

@media only screen and (min-width: 30em) {
    .amb-ui--element--title {
        font-size: 21px;
        font-size: 1.3125rem
    }
}

@media screen,
projection {

    .amb-ui-element--select{
        width:90%;
    }
    .amb-ui--element__control {
        position: relative;
        width: 95%;
    }
    .amb-ui--element__control--inline {
        display: inline-block
    }
    .amb-ui--element__control .amb-ui--element__label {
        font-size: 18px;
        font-size: 1.125rem;
        -webkit-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
        -webkit-transition-property: font-family, left, top, color, font-size, line-height;
        transition-property: font-family, left, top, color, font-size, line-height;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        position: absolute;
        left: 0;
        top: 22px;
        display: block;
        overflow: visible;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        text-align: left
    }
    .amb-ui--element__control.amb-ui--element--icon-right .amb-ui--element__label {
        padding-right: 55px
    }
    .amb-ui--element__control--active .amb-ui--element__label {
        font-size: 14px;
        font-size: .875rem;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        line-height: 18px;
        top: -2px;
        left: 0;
    }
    .amb-ui--element__control--active .amb-ui--element--icon-left .amb-ui--element__label {
        left: 0
    }
    .amb-ui--element__control--focus .amb-ui--element__label {
        color: #005587
    }
    .amb-ui--element__control--focus .amb-ui--input {
        outline: none;
        border-bottom: 1px solid #00A3E0;
        -webkit-box-shadow: 0 2px 0 0 #00A3E0;
        box-shadow: 0 2px 0 0 #00A3E0
    }
    .amb-ui--element__control--focus+.amb-ui--element__error+.amb-ui--element__message p {
        max-height: 60px
    }
    .amb-ui--element__control--focus+.amb-ui--element__message p {
        max-height: 60px
    }
    .amb-ui--element__control .icon--left {
        font-size: 20px;
        font-size: 1.25rem;
        position: absolute;
        left: 0;
        top: 27px
    }
    .amb-ui--element__control .icon--right {
        font-size: 20px;
        font-size: 1.25rem;
        position: absolute;
        right: 17px;
        top: 27px
    }
    .amb-ui--element__delete {
        -webkit-animation-name: "amb-trans--amb-trans--fadeIn";
        animation-name: "amb-trans--amb-trans--fadeIn";
        -webkit-animation-duration: .2s;
        animation-duration: .2s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-direction: initial;
        animation-direction: initial;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 0;
        animation-delay: 0;
        -webkit-animation-fill-mode: initial;
        animation-fill-mode: initial;
        z-index: 4;
        display: none;
        width: 20px;
        height: 20px;
        color: #757575;
        position: absolute;
        top: 25px;
        right: 0
    }
    .amb-ui--element__label {
        font-size: 16px;
        font-size: 1rem;
        color: #757575;
        display: none;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif
    }
    .amb-ui--element__external-label {
        font-size: 14px;
        font-size: .875rem;
        color: #757575;
        display: block;
        position: absolute;
        font-family: Oswald-Semibold, Arial, Helvetica, sans-serif;
        line-height: 18px;
        top: -2px;
        left: 0
    }
    .amb-ui--element__message {
        font-size: 14px;
        font-size: .875rem;
        color: #757575;
        overflow: hidden;
        position: relative;
        min-height: 25px
    }
    .amb-ui--element__message p {
        -webkit-transition: max-height .5s ease 0s;
        transition: max-height .5s ease 0s;
        margin: 0;
        display: block;
        overflow: hidden;
        max-height: 0;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        font-size: inherit;
        line-height: 18px
    }
    .amb-ui--element__error {
        font-size: 14px;
        font-size: .875rem;
        -webkit-transition: max-height .5s ease 0s;
        transition: max-height .5s ease 0s;
        color: #DA291C;
        overflow: hidden;
        display: block;
        max-height: 0
    }
    .amb-ui--element__error .icon-warning:before {
    	content: ''
	}
    
    .amb-ui--element__error p {
        margin: 0 0 0 0;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        font-size: inherit;
        line-height: 18px;
        display: none
    }
    .amb-ui--element__error .is-visible {
        display: block
    }
    .amb-ui--element__error .icon {
        vertical-align: -2px
    }
    .amb-ui--element__maxlength {
        font-size: 12px;
        font-size: .75rem;
        float: right;
        color: #757575
    }
    .amb-ui--element__maxlength em {
        font-style: normal
    }
    .amb-ui--element--currency {
        position: relative
    }
    .amb-ui--element--currency .amb-ui--input {
        padding-left: 15px;
        width: 100%
    }
    
    .amb-ui--element--currency .amb-ui--element__control .amb-ui--element__label {
        left: 25px;
        width: auto
    }
    .amb-ui--element--currency .amb-ui--element__control--active .amb-ui--element__label {
        left: 0
    }
    .amb-ui--element--currency .amb-ui--element__currency-type {
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        color: #757575;
        font-size: 20px;
        position: absolute;
        left: 0;
        /*BEGIN - Mrinmoy - Correcting for $ sign top padding */
        /* top: 20px */
        top: 25px
        /*END - Mrinmoy - Correcting for $ sign top padding */
    }
    .amb-ui--element--search .amb-ui--input {
        padding-right: 45px;
        width: 100%
    }
    .amb-ui--element--search .amb-ui--element__control .amb-ui--element__label {
        padding-right: 45px
    }
    .amb-ui--element--search .amb-ui--element__submit {
        border: 0;
        background: transparent;
        position: absolute;
        /* added on 19032018 to adjust the position of adress book icon on search payee */
        /* right: 0; */
        right: 30px;
        top: 18px;
        font-size: 25px
    }
    .amb-ui--element--error .amb-ui--element__control .amb-ui--element__label {
        left: 0px
    }
	.amb-ui--element--currency.amb-ui--element--error .amb-ui--element__control .amb-ui--element__label{
		padding-left:15px;
	}
    .amb-ui--element--error .amb-ui--element__control--active .amb-ui--element__label {
        /* background-color: #fde8eb */
    }
    .amb-ui--element--error .amb-ui--element__control .amb-ui--input,
    .amb-ui--element--error .amb-ui--element__control .amb-ui--input:focus {
        border-bottom-color: #e81c3b;
        padding-left: 5px;
        padding-right: 40px;
        /* background: -webkit-linear-gradient(bottom, #fde8eb 38px, #fff 14px);
        background: linear-gradient(to top, #fde8eb 38px, #fff 14px); */
        -webkit-box-shadow: 0 2px 0 0 #e81c3b;
        box-shadow: 0 2px 0 0 #e81c3b
    }
    .amb-ui--element--error .amb-ui--element__control--active .amb-ui--element__label {
        left: 0;
        color: #757575
    }
    .amb-ui--element--error .amb-ui--element__message p {
        max-height: 60px
    }
    .amb-ui--element--error .amb-ui--element__error {
        padding-top: 2px;
        max-height: 60px;
        color: #e81c3b
    }
    .amb-ui--element--external-control {
        text-align: left;
        width: 250px
    }
    .amb-ui--element--external-control .amb-ui--input {
        font-size: 32px;
        font-size: 1.5rem;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
        float: right;
        padding-right: 0;
        text-align: right
    }
    .amb-ui--element--external-control .external-control__value {
        max-width: 50%;
        display: inline-block;
        text-align: left;
        white-space: nowrap;
        margin-top: -6px
    }
    .amb-ui--element--external-control .external-control__value .amb-ui--input {
        display: inline;
        float: none;
        vertical-align: bottom;
        height: auto;
        width: 40px
    }
    .amb-ui--element--external-control span.amb-ui--element__label {
        font-size: 18px;
        font-size: 1.125rem;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
        color: #212121;
        border-bottom: 0;
        padding: 23px 5px 0 0;
        height: 52px;
        display: inline;
        vertical-align: 3px
    }
    .amb-ui--element--external-control span.amb-ui--element__label:first-child {
        font-size: 32px;
        font-size: 1.7rem;
    }
    .amb-ui--element--external-control span.amb-ui--element__label+.amb-ui--input {
        text-align: left;
        width: 100px
    }
    .amb-ui--element--external-control .external-control__buttons {
        display: inline-block;
        min-width: 30px;
        max-width: 40px;
        text-align: left;
/*        padding-top: 30px;*/
    }
    .amb-ui--element--external-control .external-control__button {
        cursor: pointer;
        border: 0;
        background: transparent;
        width: 20px;
        height: 20px;
        padding: 0;
        margin-left: 5px
    }
    .amb-ui--element--external-control .external-control__button:first-child {
        padding-top: 5px
    }
    .amb-ui--element--external-control .external-control__button .icon {
        font-size: 16px;
        font-size: 1rem;
        color: #212121
    }
    .amb-ui--element--external-control .external-control__button .icon span {
        display: none
    }
    .amb-ui--element--external-control .external-control__button:hover .icon,
    .amb-ui--element--external-control .external-control__button:active .icon,
    .amb-ui--element--external-control .external-control__button:focus .icon {
        color: #43c6ca
    }
    .amb-ui--element--lookup {
        margin-bottom: 0
    }
    .amb-ui--element--lookup .amb-ui--element__message p {
        max-height: 60px
    }
    .amb-ui--element--lookup .amb-ui--input[readonly],
    .amb-ui--element--lookup .amb-ui--input.readonly {
        border-bottom: 1px solid #000
    }
    .amb-ui--element--lookup .amb-ui--input:focus {
        outline: none;
        border-bottom: 1px solid #43c6ca;
        -webkit-box-shadow: 0 2px 0 0 #43c6ca;
        box-shadow: 0 2px 0 0 #43c6ca
    }
    .amb-ui--element__textarea-holder {
        min-height: 52px;
        margin-top: 18px;
        position: relative
    }
    .amb-ui--element__textarea-holder:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--element__textarea-holder .fake-text {
        float: left;
        height: auto;
        visibility: hidden;
        line-height: 22px;
        white-space: pre-wrap;
        word-break: break-word;
        padding-top: 6px;
        padding-bottom: 5px;
        margin: 0;
        display: block;
        margin-top: 18px;
        min-height: 34px;
        padding-right: 24px
    }
    .amb-ui--element__textarea-holder .fake-text span {
        white-space: pre-wrap;
        word-wrap: break-word
    }
    .amb-ui--element__textarea-holder .amb-ui--element__delete {
        top: auto;
        bottom: 10px
    }
    .amb-ui--element__textarea-holder textarea.amb-ui--input {
        position: absolute;
        line-height: 22px;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        z-index: 3;
        padding-top: 24px;
        padding-right: 24px;
        padding-bottom: 5px;
        resize: none;
        overflow: hidden;
        white-space: pre-wrap;
        word-wrap: break-word
    }
    /* .amb-page--group .amb-ui--element {
        width: 90%
    } */
    .amb-ui--element--review .amb-ui--element__label {
        font-size: 14px;
        font-size: .875rem;
        color: #226365;
        font-family: Oswald-Semibold, Arial, Helvetica, sans-serif;
        line-height: 18px;
        top: -2px;
        left: 0
    }
    .amb-ui--element--review .amb-ui--input {
        border-bottom: 0
    }
    .amb-ui--element--icon-left .amb-ui--element__label {
        left: 38px;
        width: auto
    }
    .amb-ui--element--icon-left .amb-ui--input::inner-spin-button,
    .amb-ui--element--icon-left .amb-ui--input::outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0
    }
    .amb-ui--element--icon-left.amb-ui--element__control--active .amb-ui--element__label {
        left: 0
    }
    .form-submit {
        padding-bottom: 20px
    }
    .amb-ui--input-radio {
        display: inline-block;
        position: relative;
        margin: 0 5px 20px 5px;
        padding: 0;
        cursor: pointer
    }
    .amb-ui--input-radio:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--input-radio input {
        position: absolute;
        left: 10px;
        top: 10px;
        opacity: 0
    }
    .amb-ui--input-radio input+span:before {
        -webkit-box-shadow: inset 0 0 0 20px #fff;
        box-shadow: inset 0 0 0 20px #fff
    }
    .amb-ui--input-radio input:hover+span:before {
        -webkit-box-shadow: inset 0 0 0 6px #7bd7da;
        box-shadow: inset 0 0 0 6px #7bd7da;
        background: #fff
    }
    .amb-ui--input-radio input:focus+span:before {
        border-color: #2f8b8d
    }
    .amb-ui--input-radio input:disabled+span:before {
        -webkit-box-shadow: inset 0 0 0 6px #e0e0e0;
        box-shadow: inset 0 0 0 6px #e0e0e0;
        background: #e0e0e0;
        border-color: #e0e0e0;
        cursor: not-allowed
    }
    .amb-ui--input-radio span {
        color: #757575;
        padding: 5px 0 0 46px;
        position: relative;
        display: block
    }
    .amb-ui--input-radio span:before {
        -webkit-transition: -webkit-box-shadow .3s ease 0s;
        transition: box-shadow .3s ease 0s;
        content: ' ';
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 28px;
        height: 28px;
        border: 2px solid #000;
        border-radius: 50%
    }
    .amb-ui--input-radio.checked span:before {
        -webkit-box-shadow: inset 0 0 0 6px #43c6ca;
        box-shadow: inset 0 0 0 6px #43c6ca;
        background: #fff
    }
    .amb-ui--input-select {
        position: relative
    }
    .amb-ui--input-select select,
    .amb-ui--input-select .value-region {
    	/*BEGIN - Mrinmoy - Correcting for selection option top padding */
        /* padding: 20px 20px 5px 0; */
        padding: 25px 20px 5px 0;
        /*END - Mrinmoy - Correcting for selection option top padding */
        min-width: 100%;
        max-width: 100%;
        height: 52px;
        position: absolute;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        left: 0;
        top: 0;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }
    .amb-ui--input-select .value-region {
        -webkit-transition: max-width .2s ease 0s;
        transition: max-width .2s ease 0s;
        background: transparent
    }
    .amb-ui--input-select .value-region:before {
       	/* content: '\e93c'; */
       	content: '\e93a';
        display: block;
        font-family: Linearicons;
        font-size: 16px;
        position: absolute;
        right: 0;
        bottom: 3px;
        width: 30px;
        height: 30px;
        text-align: right
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--input-select .value-region:before {
        content: '\e93a'
    }
}

@media only screen and (max-width: 30em) {
    .amb-page--group .amb-ui--element {
        width: 100%
    }    
}

@media screen,
projection {
    .amb-ui--input-select .value-region .value {
        /* overflow: hidden; */
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .amb-ui--input-select select {
        font-size: 18px;
        font-size: 1.125rem;
        opacity: 0;
        /* display: none */
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--input-select select {
        display: block
    }
}

@media screen,
projection {
    .amb-ui--input-select optgroup,
    .amb-ui--input-select option {
        font-size: 18px;
        font-size: 1.125rem
    }
    .amb-ui--select--items {
        -webkit-transition: left .25s ease 0s;
        transition: left .25s ease 0s;
        /* display: block; */
        display:none;
        z-index: 8;
        position: fixed;
        width: 100%;
        top: 0;
        left: 100%;
        bottom: 0;
        background: #fff
    }
    .amb-ui--select--items ul {
        margin: 0;
        padding: 0
    }
    .amb-ui--select--items ul li {
        list-style: none;
        margin: 0 15px;
        min-height: 50px;
        padding: 15px;
        position: relative;
        color: #757575;
        border-top: 1px solid #bdbdbd
    }
    .amb-ui--select--items ul li:first-child {
        border-top: 0
    }
    .amb-ui--select--items ul li.selected {
       /* background: #43c6ca;*/
       	background:#eee;
        color: #000;
        margin: 0;
        padding: 15px 60px 15px 30px;
        border-top: 0
    }
    .amb-ui--select--items ul li.selected:after {
        font-family: Linearicons;
        content: '\e934';
        position: absolute;
        /*color: #fff;*/
        color:#000;
        right: 20px;
        top: 50%;
        margin-top: -10px;
        display: block;
        width: 20px;
        height: 20px;
        font-size: 20px
    }
    .amb-ui--select--items ul li.selected+li {
        border-top: 0
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--select--items {
        opacity: 0
    }
}

@media screen,
projection {
    .amb-ui--options-select--menu__header {
        font-size: 18px;
        font-size: 1.125rem;
        height: 60px;
        width: 100%;
        color: #fff;
        background: #243c7a;
        line-height: 60px;
        padding: 0 15px;
        text-align: right
    }
    .amb-ui--options-select--menu__header:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--options-select--menu__header button {
        font-size: 16px;
        font-size: 1rem;
        background: transparent;
        float: left;
        color: #fff;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
        line-height: 60px;
        padding: 0;
        border: 0;
        margin: 0
    }
    .amb-ui--options-select--menu__content {
        overflow: scroll;
        position: absolute;
        top: 60px;
        bottom: 0;
        width: 100%
    }
    .amb-ui--element__control--focus .amb-ui--select--items {
        left: 0
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--element__control--focus .amb-ui--select--items {
        display: none
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--element__control--focus .amb-ui--select--items {
        display: none
    }
}

@media screen,
projection {
    .amb-ui--input-switch {
        width: 100%;
        position: relative;
        margin: 0 5px 5px 5px;
        padding: 0 0 5px 0;
        overflow: hidden;
        cursor: pointer
    }
    .amb-ui--input-switch:after {
        content: '';
        display: table;
        clear: both
    }
}


@media screen,
projection {
    .amb-ui--input-switch--aligned {
        display: block;
        text-align: right;
        width: 30%;
        margin: 0% 0% 0% 0%;
        float: right;
    }
    .amb-ui--input-switch--aligned-panel {
        display: block;
        text-align: right;
        width: 100%;
        margin: 0% 5% 0% 0%;
        float: right;
    }
    .amb-ui--input-switch__label--left {
        float: left;
        margin-top: 2px;
        /* line-height:10%; */
    }
    .amb-ui--input-switch .amb-ui--input-switch__box {
        position: relative;
        display: inline
    }
    .amb-ui--input-switch .amb-ui--input-switch__box:before {
        content: '\00a0';
        display: inline-block;
        width: 55px;
        /* height:22px; */
        /* Added by mrinmoy on 19/03/2018 start
        for adjusting height of toggel element */
        height: 21px;
        /* Added by mrinmoy on 19/03/2018 end */
        border: 2px solid #005587;
        border-radius: 20px;
        background: #005587;
        padding: 1% 1% 1% 1%;
    }
    .amb-ui--input-switch .amb-ui--input-switch__box:after {
        webkit-transition: -webkit-transform .2s ease 0s;
        transition: transform .2s ease 0s;
        opacity: 1;
        content: ' ';
        display: block;
        position: absolute;
        /* Added by mrinmoy on 19/03/2018 start
        for left padding adjustment */
        top: 3px;
        left: 7%;
        /* Added by mrinmoy on 19/03/2018 end */
        right: 0px;
        width: 23px;
        height: 23px;
        border-radius: 11px;
        background: #fff;
    }
    .amb-ui--input-switch .amb-ui--input-switch__box--alt:before {
        background: #43c6ca;
        border: 2px solid #43c6ca
    }
    .amb-ui--input-switch .amb-ui--input-switch__box--alt:after {
        background: #fff
    }
    .amb-ui--input-switch .amb-ui--input-switch__box .amb-ui--input-switch__text {
        font-size: 12px;
        font-size: .75rem;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        color: #fff;
        position: absolute;
        text-transform: uppercase;
        padding: 0;
        top: -2px;
    }
    .amb-ui--input-switch .amb-ui--input-switch__box .amb-ui--input-switch__text--unchecked {
        right: 12px;
        top: 6px;
    }
    .amb-ui--input-switch .amb-ui--input-switch__box .amb-ui--input-switch__text--checked {
        left: 12px;
        top: 6px;
    }
    .amb-ui--input-switch input {
        position: absolute;
        opacity: 0;
        left: -30px;
        top: 0
    }
    .amb-ui--input-switch .amb-ui--input-switch__label {
        font-size: 14px;
        font-size: 1rem;
        color: #000;
        vertical-align: middle;
        padding: 0 0 0 10px;
    }
    .amb-ui--input-switch .amb-ui--input-switch__label--left {
        text-align: left;
        padding: 0 10px 0 0
    }
    
    .amb-ui--input-switch--checked .amb-ui--input-switch__box:after {
        -webkit-transform: translate(32px);
        -ms-transform: translate(32px);
        transform: translate(32px)
    }
    .amb-ui--input-switch--disabled,
    .amb-ui--input-switch--disabled:hover {
        cursor: not-allowed
    }
    .amb-ui--input-switch--disabled .amb-ui--input-switch__box:before,
    .amb-ui--input-switch--disabled:hover .amb-ui--input-switch__box:before {
        background: #e0e0e0;
        border: 2px solid #e0e0e0
    }
    .amb-ui--input-switch--disabled .amb-ui--input-switch__box:after,
    .amb-ui--input-switch--disabled:hover .amb-ui--input-switch__box:after {
        background: #fff
    }
    .amb-ui--input-switch--disabled .amb-ui--input-switch__box .amb-ui--input-switch__text,
    .amb-ui--input-switch--disabled:hover .amb-ui--input-switch__box .amb-ui--input-switch__text {
        color: #616161
    }
    .amb-ui--tabular-list {
        display: table;
        margin: 0;
        width: 100%
    }
    .amb-ui--tabular-list:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--tabular-item {
        display: table-cell;
        width: 50%;
        vertical-align: bottom
    }
    .amb-ui--tabular-item a {
        color: #757575;
        text-align: center
    }
    .amb-ui--tabular-item.tab--active {
        font-weight: bold
    }
    .amb-ui--tabular-item.tab--active a {
        -webkit-box-shadow: inset 0 -4px 0 0 #eb1b5e;
        box-shadow: inset 0 -4px 0 0 #eb1b5e;
        color: #000
    }
    .amb-ui--tabular-link {
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
       -webkit-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
        -webkit-transition-property: -webkit-box-shadow, font-weight;
        transition-property: box-shadow, font-weight;
        font-size: 16px;
        font-size: 1rem;
        -webkit-box-shadow: inset 0 -4px 0 0 #f5f5f5;
        box-shadow: inset 0 -4px 0 0 #f5f5f5;
        background: #f5f5f5;
        color: #000;
        display: block;
        padding: 20px;
        text-align: center;
        text-decoration: none
   }
    .amb-ui--tabular-link:hover,
    .amb-ui--tabular-link:active,
    .amb-ui--tabular-link:focus {
        background: #f5f5f5;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        color: #000
    }
}

@media screen,
projection {
    .amb-ui--tabular-link--active,
    .amb-ui--tabular-link:active,
    .amb-ui--tabular-link:focus,
    .amb-ui--tabular-link:hover {
        -webkit-box-shadow: inset 0 -4px 0 0 #eb1b5e;
        box-shadow: inset 0 -4px 0 0 #eb1b5e
    }
    .amb-ui--tabular-link .icon {
        font-size: 30px;
        font-size: 1.875rem;
        display: block;
        text-align: center
    }
    .amb-ui--tabular-body {
        display: block;
        background: #fff;
        border: 1px solid #e0e0e0
    }
    .amb-ui--tabular-body:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--tabular-container {
        background-color: transparent;
        display: none
    }
    .amb-ui--tabular-container.tab--active {
        display: block
    }
    .amb-ui--tabular-content table:first-of-type thead th {
        border-top: 0
    }
    .amb-ui--tabular-content {
/*        background-color: white;*/
        width: 90%;
    }

    .accounts--term .amb-ui--tabular-content {
        background-color: white;
    }
    .payment--term .amb-ui--tabular-content {
        background-color: transparent;
        padding-top: 23%;
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--tabular-list {
        width: auto
    }
    .amb-ui--tabular-item {
        font-size: 24px;
        font-size: 1.5rem
    }
}

@media screen,
projection {
    .amb-ui--finder {
        position: relative;
        margin-bottom: 20px
    }
    .amb-ui--finder--actions {
        margin-bottom: 0
    }
    .amb-ui--finder--actions .amb-ui--element__message p {
        max-height: 60px
    }
    .amb-ui--finder__actions {
        margin-bottom: 20px
    }
    .amb-ui--finder__list {
        border: 1px solid #bdbdbd;
        background: #fff;
        border-top: 0;
        margin: 0;
        margin-left: 0;
        display: none;
        position: absolute;
        top: 70px;
        width: 100%;
        z-index: 3
    }
    .amb-ui--finder__list li {
        list-style-type: none;
        color: #212121
    }
    .amb-ui--finder__list .amb-ui--finder__option a {
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        color: #212121;
        display: block;
        padding: 15px;
        text-decoration: none;
        text-overflow: ellipsis;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        width: 100%
    }
    .amb-ui--finder__list .amb-ui--finder__option a:hover,
    .amb-ui--finder__list .amb-ui--finder__option a:active,
    .amb-ui--finder__list .amb-ui--finder__option a:focus {
        background: transparent;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        color: #212121
    }
    .amb-ui--finder__list .amb-ui--finder__option a:hover,
    .amb-ui--finder__list .amb-ui--finder__option a:focus {
        background: #43c6ca
    }
    .amb-ui--finder__list .amb-ui--finder__option a span {
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif
    }
    .amb-ui--finder__list__group {
        background: #eee;
        border-bottom: 1px solid #bdbdbd;
        border-top: 1px solid #bdbdbd;
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
        padding: 8px 12px 4px
    }
    .amb-ui--finder__list__option {
        font-size: 18px;
        font-size: 1.125rem
    }
    .amb-ui--finder__list__option a {
        padding: 6px 12px 6px
    }
    .amb-ui--finder__list__option__term {
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif
    }
    .amb-ui--finder__list--active {
        display: block
    }
    [hidden] {
        display: none
    }
    .visually-hidden {
        position: absolute;
        clip: rect(0, 0, 0, 0)
    }
    div.list-wrapper {
        position: absolute;
        left: 0;
        top: 59px;
        z-index: 8;
        min-width: 100%;
        border: 1px solid #bdbdbd
    }
    div.list-wrapper:before {
        content: '';
        position: absolute;
        top: -8px;
        left: 1em;
        width: 0;
        height: 0;
        padding: .4em;
        background: #fff;
        border: 1px solid #bdbdbd;
        border-right: 0;
        border-bottom: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .amb-ui--slide-box__step .amb-ui--calendar-control {
        width: 100%
    }
    .amb-ui--calendar-control {
        width: 290px;
        position: relative;
        margin-bottom: 20px
    }
    .amb-ui--calendar-control-floating {
        width: 312px;
        position: relative;
        margin-bottom: 20px
    }
    .amb-ui--calendar-control:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--calendar-control__core {
        overflow: hidden;
        height: 0;
        width: 0;
        opacity: 0;
        position: absolute;
        left: 0;
        bottom: -7px
    }
    .amb-ui--calendar-control__label {
        display: block;
        margin-right: 90%;
    }
    .amb-ui--calendar-control__label:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--calendar-control__unit {
        width: 33%;
        padding-right: 10px;
        float: left
    }
    .amb-ui--calendar-control__unit .amb-ui--element {
        margin-bottom: 0
    }
    .amb-ui--calendar-control__unit .amb-ui--input {
        padding-right: 0
    }
    .amb-ui--calendar-control__unit .amb-ui--element__delete {
        display: none
    }
    .amb-ui--calendar-control__unit:last-child {
        padding-right: 0
    }
    .amb-ui--calendar-control__inputs {
        width: 100%;
        position: relative
    }
    .amb-ui--calendar-control__trigger {
        color: #757575;
        display: block;
        width: 50px;
        height: 40px;
        border: 0;
        background: transparent;
        position: absolute;
        right: 10px;
        top: 15px;
        font-size: 24px
    }
    .amb-ui--calendar-control__error {
        display: none;
        clear: both
    }
    .amb-ui--calendar-control--has-error .amb-ui--calendar-control__error {
        display: block
    }
    .amb-ui--calendar-control--picker .amb-ui--calendar-control__inputs {
        padding-right: 50px
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--calendar-control {
        max-width: 300px
    }
}

@media screen,
projection {
    dt {
        font-size: 16px;
        font-size: 1rem;
        color: #212121;
        font-weight: bold;
        line-height: 26px
    }
    dd {
        font-size: 16px;
        font-size: 1rem;
        color: #212121;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        line-height: 26px;
        margin-bottom: 13px
    }
    dd a {
        font-size: 16px;
        font-size: 1rem
    }
    .amb-ui--pair-control h1 {
        color: #212121
    }
    .amb-ui--pair-control--row h1:after,
    .amb-ui--pair-control--row h2:after,
    .amb-ui--pair-control--row h3:after,
    .amb-ui--pair-control--row h4:after,
    .amb-ui--pair-control--row h5:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--pair-control--row dl {
        width: 100%;
        display: block
    }
    .amb-ui--pair-control--row dl:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--pair-control--row dt,
    .amb-ui--pair-control--row dd {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px;
        float: left;
        word-wrap: break-word;
    }
    .amb-ui--pair-control--row dt:after,
    .amb-ui--pair-control--row dd:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--pair-control--row dt {
        font-weight: bold;
        width: 50%;
        clear: left;
        max-width: 350px;
        padding-right: 20px
    }
    .amb-ui--pair-control--row dt.owner {
        width:100%
    }
    .amb-ui--pair-control--row dt:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--pair-control--row dd {
        width: 50%
    }
    .amb-ui--pair-control--row dd:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--pair-control--row dd a:before,
    .amb-ui--pair-control--row dd a:after {
        content: '';
        display: block;
        height: 0
    }
    .amb-ui--pair-control--row-fixed h1:after,
    .amb-ui--pair-control--row-fixed h2:after,
    .amb-ui--pair-control--row-fixed h3:after,
    .amb-ui--pair-control--row-fixed h4:after,
    .amb-ui--pair-control--row-fixed h5:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--pair-control--row-fixed dl {
        width: 100%;
        display: block
    }
    .amb-ui--pair-control--row-fixed dl:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--pair-control--row-fixed dt,
    .amb-ui--pair-control--row-fixed dd {
        display: block;
        vertical-align: top;
        margin-bottom: 10px
    }
    .amb-ui--pair-control--row-fixed dt:after,
    .amb-ui--pair-control--row-fixed dd:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--pair-control--row-fixed dt {
        font-weight: bold;
        width: 150px;
        float: left;
        padding-right: 20px
    }
    .amb-ui--pair-control--row-fixed dt:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--pair-control--row-fixed dd {
        width: auto;
        margin-left: 150px
    }
    .amb-ui--pair-control--row-fixed dd:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--pair-control--row-fixed dd a:before,
    .amb-ui--pair-control--row-fixed dd a:after {
        content: '';
        display: block;
        height: 0
    }
    .amb-ui--pair-control--row-right dt,
    .amb-ui--pair-control--row-right dd {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px
    }
    .amb-ui--pair-control--row-right dt:after,
    .amb-ui--pair-control--row-right dd:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--pair-control--row-right dt {
        font-size: 16px;
        font-size: 1rem;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        color: #212121;
        width: 50%;
        max-width: 350px;
        padding-right: 20px
    }

    .amb-ui--pair-control--row-right dd {
        font-size: 18px;
        font-size: 1.125rem;
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
        color: #212121;
        width: 50%;
        text-align: right;
        float: right;
        clear: right
    }
    .amb-ui--pair-control--row-right dd a:before,
    .amb-ui--pair-control--row-right dd a:after {
        content: '';
        display: block;
        height: 0
    }
    .amb-ui--brand-primary .amb-ui--anchor-btn {
        color: #fff
    }
    .amb-ui--brand-primary .amb-ui--anchor-btn:hover,
    .amb-ui--brand-primary .amb-ui--anchor-btn:focus {
        color: #fff;
        background: transparent
    }
    .amb-ui--anchor-btn {
        font-size: 14px;
        font-size: .875rem;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
        background: transparent;
        border: 0;
        padding: 0;
        color: #eb2437;
        text-decoration: underline;
        font-style: normal;
        /* Added on 19032018 */
        margin-right: 10px; 
        cursor: pointer;
    } 
    .amb-ui--anchor-btn-scheduled {
        font-size: 14px;
        font-size: .875rem;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
        background: transparent;
        border: 0;
        padding: 0;
        /* margin-left: -10px; */
        color: #eb2437;
        text-decoration: underline;
        font-style: normal;
        margin-right: 10px; 
        cursor: pointer;
    }
   
     .amb-ui--anchor-btn-pay {
        font-size: 14px;
        font-size: 0.86rem;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
        background: transparent;
        border: 0;
        padding: 0;
        color: #eb2437;
        text-decoration: underline;
        font-style: normal;
        margin-right: 10px;
        cursor: pointer;
    }
    .amb-ui--anchor-btn.amb--link {
        color: #243c7a
    }
    .amb-ui--anchor-btn:hover,
    .amb-ui--anchor-btn:focus {
        outline: none;
        color: #bc164b
    }
    .amb-ui--anchor-btn:active {
        color: #000
    }
    .amb-ui--anchor-btn .icon {
        font-size: 20px;
        margin-right: 2px;
        vertical-align: -5px;
        display: inline-block;
        text-decoration: none
    }
    .amb-ui--anchor-btn-pay .icon {
        font-size: 15px;
        margin-right: 4px;
        vertical-align: -2px;
        display: inline-block;
        text-decoration: none
    }
    .amb-ui--anchor-btn .icon:before {
        text-decoration: none
    }
    .amb-ui--anchor-btn--control {
        color: #757575;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        text-decoration: none
    }
    .amb-ui--anchor-btn--control .icon {
        font-size: 20px;
        margin-bottom: -5px;
        vertical-align: -3px;
        margin-right: 3px
    }
    .amb-ui--anchor-btn--control:hover,
    .amb-ui--anchor-btn--control:focus {
        color: #243c7a
    }
    .amb-ui--anchor-btn--control:active {
        color: #212121
    }
    .amb-ui--anchor-btn--large .icon {
        font-size: 25px
    }
    .padded--sides button.amb-ui--anchor-btn {
        float: right;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: 20px;
    }

    .icon--purple {
        color: #243c7a
    }
    .icon-selected {
        border: solid 1px #b5afd4;
        border-radius: 3px;
        color: #6153a2;
        display: inline-block;
        font-size: 75px;
        line-height: 18px;
        padding: 13px 13px 12px
    }
  

    .amb-dialog-box {
        -webkit-animation-name: amb-trans--amb-trans--fadeIn-down;
        animation-name: amb-trans--amb-trans--fadeIn-down;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-direction: initial;
        animation-direction: initial;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 0;
        animation-delay: 0;
        -webkit-animation-fill-mode: initial;
        animation-fill-mode: initial;
        background: #fff;
        border: 1px solid #bdbdbd;
        border-radius: 3px;
        -webkit-box-shadow: 3px 3px 0 0 rgba(189, 189, 189, 0.6);
        box-shadow: 3px 3px 0 0 rgba(189, 189, 189, 0.6);
        margin: 40px 10px 40px 10px
    }
    .amb-dialog-box header {
        position: relative;
        border-radius: 3px 3px 0 0;
        background: #005587;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px 20px
    }
    .amb-dialog-box header h1,
    .amb-dialog-box header h2,
    .amb-dialog-box header h3,
    .amb-dialog-box header h4,
    .amb-dialog-box header h5 {
        font-size: 18px;
        font-size: 1.125rem;
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
        line-height: 40px;
        color: #fff;
        margin: 0
    }
    .amb-dialog-box header .amb-dialog-box__close {
        color: #fff;
        display: block;
        width: 30px;
        height: 30px;
        font-size: 30px;
        top: 10px;
        right: 10px
    }
    .amb-dialog-box footer {
        padding: 20px
    }
    .amb-dialog-box section {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 60px 20px 20px 20px;
        position: relative
    }
    .amb-dialog-box span.icon-warning {
        font-size: 30px;
        font-size: 1.875rem;
        color: #e81c3b;
        margin-right: -15px;
        position: absolute;
        right: 50%;
        top: 15px
    }
    .amb-dialog-box h1,
    .amb-dialog-box h2,
    .amb-dialog-box h3,
    .amb-dialog-box h4,
    .amb-dialog-box h5 {
        font-size: 24px;
        font-size: 1.5rem;
        color: #005587;
    }
    .amb-dialog-box table {
        font-size: 14px;
        font-size: .875rem;
        width: 100%
    }
    .amb-dialog-box .amb-dialog-box__close {
        -webkit-transition: -webkit-transform .5s ease 0s;
        transition: transform .5s ease 0s;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #e81c3b;
        display: block;
        font-size: 20px;
        height: 20px;
        line-height: 20px;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px
    }
    .amb-dialog-box .amb-dialog-box__close:hover,
    .amb-dialog-box .amb-dialog-box__close:focus,
    .amb-dialog-box .amb-dialog-box__close:active {
        background: transparent;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .amb-dialog-box .amb-ui--button {
        margin: 0
    }
}

@media only screen and (min-width: 48em) {
    .amb-dialog-box {
        margin: 40px auto 0 35%;
        max-width: 550px;
        width: auto
    }
}

@media screen,
projection {
    .amb-dialog-box .carousel section {
        position: absolute;
        padding: 0
    }
    .overlay {
        -webkit-animation-name: amb-trans--amb-trans--fadeIn-down;
        animation-name: amb-trans--amb-trans--fadeIn-down;
        -webkit-animation-duration: .2s;
        animation-duration: .2s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-direction: initial;
        animation-direction: initial;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 0;
        animation-delay: 0;
        -webkit-animation-fill-mode: initial;
        animation-fill-mode: initial;
        background: rgba(255, 255, 255, 0.5);
        bottom: 0;
        left: 0;
        overflow-y: scroll;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 12
    }
    .amb-attach-file {
        margin-bottom: 15px;
        position: relative
    }
    .amb-attach-file:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-attach-file .upload__controls {
        clear: both;
        margin-top: 15px;
        max-height: 800px;
        padding: 20px
    }
    .amb-attach-file .upload__controls:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-attach-file .upload__title {
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
        padding-top: 23px
    }
    .amb-attach-file .upload__action {
        display: none
    }
    .upload__complete {
        position: absolute;
        font-size: 30px;
        top: 15px;
        right: 15px;
        color: #43c6ca
    }
    .upload__title {
        font-size: 21px;
        font-size: 1.3125rem;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        float: left;
        padding-top: 15px;
        width: 100%;
        margin-bottom: 15px
    }
    .upload__action {
        float: left;
        width: 100%;
        margin-bottom: 15px
    }
    .upload__controls {
        font-size: 15px;
        font-size: .9375rem;
        -webkit-transition: max-height .2s ease 0s;
        transition: max-height .2s ease 0s;
        padding: 20px;
        position: relative;
        text-align: center;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        background-color: #f5f5f5;
        color: #757575;
        overflow: hidden
    }
}

@media only screen and (min-width: 48em) {
    .amb-attachment-phone-device {
        display: none
    }
}

@media screen,
projection {
    .amb-attachment-workstation {
        display: none
    }
}

@media only screen and (min-width: 48em) {
    .amb-attachment-workstation {
        display: block
    }
}

@media screen,
projection {
    .amb-attachment-workstation .trigger {
        position: absolute;
        font-size: 20px;
        top: 20px;
        right: 20px;
        display: inline-block;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #757575
    }
    .amb-attachment-workstation .trigger:hover,
    .amb-attachment-workstation .trigger:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #757575
    }
}

@media only screen and (min-width: 48em) {
    .upload__title {
        width: 50%
    }
    .upload__action {
        width: 50%
    }
    .upload__controls {
        margin: auto
    }
}

@media screen,
projection {
    .amb-attachment-pointer {
        /* background: #fff; */
        position: relative;
        /* margin-bottom: 20px; */
        /* padding: 5% 5% 5% 5%; */
    }
    .amb-attachment-pointer span.icon {
        font-size: 32px;
        font-size: 2rem;
        float: left
    }
    .amb-attachment-pointer p {
        font-size: 14px;
        font-size: .875rem;
        text-align: left;
        margin-left: 40px;
        margin-bottom: 0;
        line-height: normal
    }
    .amb-attachment-pointer p:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-attachment-pointer__file {
        margin-bottom: -4px;
        display: inline-block;
        max-width: 80%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
    .amb-attachment-pointer__status {
        font-size: 10px;
        font-size: .625rem;
        line-height: 2em;
        display: block
    }
    .amb-attachment-pointer__main {
        display: block;
        margin-right: 40px
    }
    .amb-attachment-pointer__main .progress-bar {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .amb-attachment-pointer__action {
        position: absolute;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-align: right;
        bottom: 10px;
        right: 10px;
        font-size: 16px;
        display: block;
        width: 30px;
        height: 40px;
        line-height: 40px;
        color: #757575
    }
    .amb-attachment-pointer__action:hover,
    .amb-attachment-pointer__action:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #757575
    }
    .progress-bar {
        background: #e0e0e0;
        display: block;
        height: 5px;
        width: 100%;
        z-index: 1
    }
    .progress-marker {
        background: #243c7a;
        display: block;
        height: 5px;
        z-index: 5
    }
    .carousel {
        margin-bottom: 20px
    }
    .amb-ui--slide-area {
        -webkit-transition: height .2s ease 0s;
        transition: height .2s ease 0s;
        position: relative;
        overflow: hidden;
        height: 350px;
        width: 100%
    }
    .extend_for {
    height: 498px;
    }
    .amb-ui--slide-area .amb-ui--slide-control--item {
        left: 100%
    }
    .amb-ui--slide-area .amb-ui--slide-control--item--active {
        left: 0;
        visibility: visible
    }
    .amb-ui--slide-area .amb-ui--slide-control--item--complete {
        left: -100%;
        visibility: hidden
    }
    .amb-ui--slide-control--item {
        position: absolute;
        height: 200px;
        width: 100%;
        visibility: hidden
    }
    .amb-ui--slide-control--item--active-transition,
    .amb-ui--slide-control--item--complete-transition {
        -webkit-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
        visibility: visible
    }
    .amb-ui--slide-box {
        margin: 0 auto
    }
    .amb-ui--slide-box__card img {
        height: auto;
        width: 100%;
        margin: 0 0 10px 0
    }
    .amb-ui--slide-box__card .inactive {
        opacity: .5
    }
    .amb-ui--slide-box__card-options {
        list-style: none;
        margin: 0;
        display: table;
        table-layout: fixed;
        width: 100%
    }
    .amb-ui--slide-box__card-options li {
        display: table-cell;
        text-align: center
    }
    .amb-ui--slide-box__card-options li.is-hidden {
        display: none
    }
    .amb-ui--slide-box__card-options a {
        color: #243c7a;
/*        text-decoration: none*/
    }
    .amb-ui--slide-box__card-options a:hover,
    .amb-ui--slide-box__card-options a:focus {
        color: #243c7a
    }
    .amb-ui--slide-box__card-options .icon {
        display: block;
        text-decoration: none;
        font-size: 40px
    }
    .amb-ui--slide-box__card-options .icon:before {
        color: #616161;
        text-decoration: none;
        display: inline-block
    }
    .amb-ui--slide-box__close {
        position: absolute;
        top: 10px;
        right: 15px;
        border: 0;
        background: transparent;
        font-size: 16px;
        width: 20px;
        height: 20px
    }
    .amb-ui--slide-box__header {
        padding: 0 25px 0 0;
        color: #757575
    }
    
    .amb-ui--slide-box__step {
        position: relative;
        padding: 0px;
        background: #fff
    }
    .amb-ui--slide-box__step>:last-child {
        margin-bottom: 0
    }
    .amb-ui--slide-box__step--full-width {
        padding: 0;
        background: transparent
    }
    .amb-ui--slide-box__step .amb-ui--button-group-graphical {
        text-align: center;
        margin-bottom: 20px
    }
    .amb-ui--slide-box__step .icon.icon-receipt {
        font-size: 8vw;
        position: absolute;
        top: -4vh;
        color: #e0e0e0;
        margin-left: 0px;
        
    }
    .amb-account--panel {
        -webkit-transition: -webkit-box-shadow .2s ease 0s;
        transition: box-shadow .2s ease 0s;
        background: #fff;
        border: 1px solid #e0e0e0;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: relative;
        cursor: pointer;
        /* Added to create a padding between 2 list */
        margin-bottom:5px;
    }
    .amb-account--panel:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-account--panel .amb-account--panel__summary-icon {
        display: none
    }
    .floating-actions__widget .amb-ui--slide-control--item {
        min-height: 800px;
    }    
    .floating-actions__widget .amb-ui--slide-area {
        min-height: 800px;
    }
}

@media only screen and (min-width: 48em) {
    .amb-account--panel .amb-account--panel__header,
    .amb-account--panel .amb-account--panel__content-graph,
    .amb-account--panel .amb-account--panel__action {
        margin-left: 0px;
        width: 90%
    }
    .amb-account--panel .amb-account--panel__header,
    .amb-account--panel .amb-account--panel__content,
    .amb-account--panel .amb-account--panel__action {
        margin-left: 50px;
        width: 90%
    }
    .amb-account--panel .amb-account--panel__summary-icon {
        display: block;
        font-size: 40px;
        position: absolute;
        top: 10px;
        left: 10px;
        color: #e0e0e0
    }
    .non-amb-account-details__summary .amb-account--panel .amb-account--panel__header {
        padding-bottom: 0px;
        padding-top: 5px
    }
    .non-amb-account-details__summary .amb-account--panel .amb-account--panel__content {
        padding-top: 10px
    }
    .non-amb-account-details__summary .amb-account--panel .amb-account--panel__summary-icon {
        font-size: 25px;
    }
    
/*
    .floating-actions__widget .amb-ui--slide-control--item {
        margin-top: 30px
    }        
*/
}

@media only screen and (max-width: 30em) {

    .floating-actions__widget .amb-ui--slide-control--item {
        min-height: 750px;
    }    
    .floating-actions__widget .amb-ui--slide-area {
        min-height: 750px;
    }
}

@media screen,
projection {
    .amb-account--panel-tagged {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        display: none;
        opacity: 1
    }
    .amb-account--panel-control {
        -webkit-animation-name: "amb-trans--amb-trans--fadeIn";
        animation-name: "amb-trans--amb-trans--fadeIn";
        -webkit-animation-duration: .2s;
        animation-duration: .2s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-direction: initial;
        animation-direction: initial;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 0;
        animation-delay: 0;
        -webkit-animation-fill-mode: initial;
        animation-fill-mode: initial;
        color: #43c6ca;
        font-size: 30px;
        position: absolute;
        top: 5px;
        right: 5px;
        opacity: 0
    }
}

@media only screen and (min-width: 48em) {
    .amb-account--panel-control {
        color: #fff
    }
}

@media screen,
projection {
    .amb-account--panel__content-toggle {
        -webkit-transition: -webkit-transform .25s ease 0s;
        transition: transform .25s ease 0s;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        display: block;
        width: 25px;
        height: 25px;
        font-size: 25px;
        color: #212121;
        position: absolute;
        top: 35px;
        right: 18px
    }
    .amb-account--panel.is-open .amb-account--panel__content-toggle {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    .amb-account--panel.is-open .amb-account--panel__data {
        /* max-height: 2500px */
        /* change this by pratap for defect in Go live defect #9183*/ 
        max-height: 3500px
    }
    .amb-account--panel__data {
        -webkit-transition: max-height .5s ease 0s;
        transition: max-height .5s ease 0s;
        overflow: hidden;
        max-height: 0
    }
    .amb-account--panel__label {
        font-size: 11px;
        font-size: .6875rem;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 5px;
        color: #212121;
        background: #e0e0e0
    }
    .amb-account--panel--edit .amb-account--panel-control {
        cursor: move;
        opacity: 1
    }
    .amb-account--panel--edit .amb-account--panel__content-toggle {
        display: none
    }
    .amb-account--panel--edit.is-open .amb-account--panel__data {
        max-height: 0
    }
    .amb-account--panel--edit .amb-account--panel__label {
        display: none
    }
    .amb-account--panel--edit .amb-account--panel__header h2 {
        max-width: 300px;
        padding-right: 25px;
        margin-right: 30px;
        position: relative;
        border-bottom: 1px solid #212121
    }
    .amb-account--panel--edit .amb-account--panel__header h2:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-account--panel--edit .amb-account--panel__header h2:after {
        font-family: Linearicons;
        position: absolute;
        right: 0;
        top: 0;
        content: '\e60d';
        display: inline-block;
        float: right;
        color: #616161
    }
    .amb-account--panel--edit .amb-account--panel__header h2 span {
        text-overflow: clip
    }
    .amb-account--panel--active {
/*
        -webkit-box-shadow: 0 0 0 5px #e0e0e0;
        box-shadow: 0 0 0 5px #e0e0e0;
*/
        /* background: #f0f0f0; */
        border-right: 5px solid #DA291C;
    }
    .amb-account--panel--savings {
/*        border-left: 6px solid #005587;*/
        /* border-top: 1px solid #005587; */
    }
    /* added on 19/03/2018 for view box padding */
    .amb-ui--view-box--bordered.amb-ui--overseas-box {
        background-color:#fff;
        width: 95%
    }
    .amb-account--panel--savings .amb-account--panel__summary-icon {
        color: #005587;
    }
    .amb-account--panel--credit {
/*        border-left: 6px solid #005587;*/
    }
    .amb-account--panel--credit .amb-account--panel__summary-icon {
        color: #005587;
    }
    .amb-account--panel--loan {
/*        border-left: 6px solid #005587;*/
    }
    .amb-account--panel--loan .amb-account--panel__icon {
        color: #6153a2
    }
    .amb-account--panel--loan .amb-account--panel__summary-icon {
        color: #005587;
    }
    .amb-account--panel--term {
/*        border-left: 6px solid #005587;*/
    }
    .amb-account--panel--term .amb-account--panel__icon {
        color: #ffe72c
    }
    .amb-account--panel--term .amb-account--panel__summary-icon {
        color: #005587;
    }
    .amb-account--panel--carloan {
/*        border-left: 6px solid #005587;*/
    }
    .amb-account--panel--carloan .amb-account--panel__icon {
        color: #f60
    }
    .amb-account--panel--carloan .amb-account--panel__summary-icon {
        color: #005587;
    }
    .amb-account--panel--personal {
/*        border-left: 6px solid #005587;*/
    }
    .amb-account--panel--personal .amb-account--panel__icon {
        color: #a6d291
    }
    .amb-account--panel--personal .amb-account--panel__summary-icon {
        color: #005587;
    }
    .amb-account--panel--add {
        -webkit-transition: background .2s ease 0s;
        transition: background .2s ease 0s;
        padding-bottom: 0;
        border-left: 6px solid #243c7a;
        cursor: pointer
    }
    .amb-account--panel--add:hover {
        background: #eee
    }
    .amb-account--panel--add h2 {
        margin-top: 7px
    }
    .amb-account--panel--add .amb-account--panel__header {
        margin-bottom: 13px
    }
    .amb-account--panel--add .icon {
        color: #243c7a;
        font-size: 37px;
        float: left;
        vertical-align: -10px;
        margin-right: 20px
    }
    .amb-account--panel--summary {
        padding-bottom: 0
    }
    .amb-account--panel--summary .amb-account--panel__header {
        margin-bottom: 0
    }
    .amb-account--panel--goal .amb-account--panel__content {
        font-size: 14px;
        font-size: .875rem;
        margin-left: 50px
    }
}

@media only screen and (min-width: 37.5em) {
    .amb-account--panel--goal .amb-account--panel__content {
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen,
projection {
    .amb-account--panel--goal .amb-account--panel__header {
        margin-left: 0
    }
    .amb-account--panel--goal .amb-account--panel__header p,
    .amb-account--panel--goal .amb-account--panel__header h2 {
        margin-left: 50px
    }
    .amb-account--panel--goal .amb-account--panel__icon {
        position: absolute;
        top: 15px;
        left: 12px;
        width: 45px;
        height: 45px;
        text-align: center;
        line-height: 45px;
        border: 1px solid #b0a9d1;
        background: #dfddec
    }
    .amb-account--panel--goal .amb-account--panel__icon .icon {
        font-size: 2.25rem
    }
    .amb-account--panel--goal .amb-account--panel__icon--partial {
        background: -webkit-gradient(linear, left bottom, left top, from(#dfddec), color-stop(40%, #dfddec), color-stop(41%, transparent), to(transparent));
        background: -webkit-linear-gradient(bottom, #dfddec 0%, #dfddec 40%, transparent 41%, transparent 100%);
        background: linear-gradient(to top, #dfddec 0%, #dfddec 40%, transparent 41%, transparent 100%)
    }
    .amb-account--panel--goal .amb-account--panel__content-toggle {
        top: 12px
    }
    .amb-account--panel__header {
        color: #fff;
        padding: 12px 20px 0 20px;
        position: relative;
        margin-bottom: 20px
    }
    .amb-account--panel__header:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-account--panel__header h2,
    .amb-account--panel__header h3,
    .amb-account--panel__header .h2,
    .amb-account--panel__header .h3 {
        font-size: 18px;
        font-size: 1.125rem;
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
        line-height: 23px;
        padding-right: 25px;
        margin-bottom: 5px;
        border-bottom: 1px solid transparent
    }
    .amb-account--panel__header h2 span,
    .amb-account--panel__header h3 span,
    .amb-account--panel__header .h2 span,
    .amb-account--panel__header .h3 span {
        color: #212121;
        display: inline-block;
        width: 100%;
        vertical-align: -7px;
        overflow: hidden;
        height: 23px;
        min-width: 2px;
        line-height: 26px;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .amb-account--panel__header h2 img,
    .amb-account--panel__header h3 img,
    .amb-account--panel__header .h2 img,
    .amb-account--panel__header .h3 img {
        max-width: 40px;
        display: inline-block;
        position: absolute;
        left: 16px;
        top: 12px
    }
    .amb-account--panel__header h2 img+span,
    .amb-account--panel__header h3 img+span,
    .amb-account--panel__header .h2 img+span,
    .amb-account--panel__header .h3 img+span {
        padding-left: 50px;
        overflow: visible;
        white-space: normal
    }
    .amb-account--panel__header p {
        font-size: 14px;
        font-size: .875rem;
        margin: 0;
        line-height: 14px;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-style: normal;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #616161
    }
    .amb-account--panel--expand .amb-account--panel__header p {
        margin-right: 30px
    }
    .amb-account--panel__content {
        padding: 0 20px
    }
    .amb-account--panel__content:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-account--panel__content th,
    .amb-account--panel__content td {
        line-height: 1em;
        padding-top: 5px !important
    }
    .amb-account--panel__content th.right,
    .amb-account--panel__content td.right {
        padding-right: 50px
    }

    .amb-account--panel__content-graph {
        padding: 0 20px
    }
    .amb-account--panel__content-graph:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-account--panel__content-graph th,
    .amb-account--panel__content-graph td {
        line-height: 1em;
        padding-top: 5px !important
    }
    .amb-account--panel__content-graph th.right,
    .amb-account--panel__content-graph td.right {
        padding-right: 50px
    }
}

@media only screen and (min-width: 64em) {
    .amb-account--panel__content--left {
        float: left;
        min-width: 50%
    }
}

@media only screen and (max-width: 30em) {
    .amb-account--panel__content {
        padding-bottom: 20px;
        width: 100%
    }
    .amb-account--panel__content th.right,
    .amb-account--panel__content td.right {
        padding-right: 0px
    }    
    .amb-ui--slide-box__step .icon.icon-receipt {
        font-size: 30vw   
    }
}

@media screen,
projection {
    .amb-account--panel__controls {
        padding: 0 20px 20px;
        text-align: right
    }
    .amb-account--panel__controls:after {
        content: '';
        display: table;
        clear: both
    }
}

@media only screen and (min-width: 64em) {
    .amb-account--panel__controls {
        padding-top: 15px;
        padding-bottom: 0
    }
}

@media screen,
projection {
    .amb-account--panel__action {
        font-size: 14px;
        font-size: .875rem;
        color: #616161;
        display: block;
        text-align: left;
        padding: 0 20px;
        width: 100%;
        line-height: 1em
    }
    .amb-account--panel__action-products {
        font-size: 16px;
        font-size: .875rem;
        color: #616161;
        display: block;
        text-align: left;
        padding: 0 30px 0px 70px;
        width: 100%;
        line-height: 2.1em
    }
}

@media only screen and (min-width: 48em) {
    .amb-account--panel--responsive {
        padding-left: 0;
        height: 300px;
        border-left: 1px solid #e0e0e0
    }
    .amb-account--panel--responsive.amb-account--panel--hasowner {
        height: 320px
    }
    .amb-account--panel--responsive .amb-account--panel__summary-icon {
        display: none
    }
    .amb-account--panel--responsive .amb-account--panel-tagged {
        background-image: url("../assets/images/background/saving-account.jpg");
        display: block;
        height: 100px;
        -webkit-background-size: cover;
        background-size: cover
    }
    .amb-account--panel--responsive .amb-account--panel__label {
        top: 100px
    }
    .amb-account--panel--responsive.amb-account--panel--savings .amb-account--panel-tagged {
        background-image: url("../assets/images/background/saving-account.jpg")
    }
    .amb-account--panel--responsive.amb-account--panel--credit .amb-account--panel-tagged {
        background-image: url("../assets/images/background/credit-account.jpg")
    }
    .amb-account--panel--responsive.amb-account--panel--loan .amb-account--panel-tagged {
        background-image: url("../assets/images/background/home-loan.jpg")
    }
    .amb-account--panel--responsive.amb-account--panel--term .amb-account--panel-tagged {
        background-image: url("../assets/images/background/term-account.jpg")
    }
    .amb-account--panel--responsive.amb-account--panel--carloan .amb-account--panel-tagged {
        background-image: url("../assets/images/background/carloan-account.jpg")
    }
    .amb-account--panel--responsive.amb-account--panel--personal .amb-account--panel-tagged {
        background-image: url("../assets/images/background/personal-account.jpg")
    }
    .amb-account--panel--responsive.amb-account--panel--add {
        text-align: center;
        min-height: 276px
    }
    .amb-account--panel--responsive.amb-account--panel--add .amb-account--panel-tagged {
        background-image: none;
        background: #243c7a;
        text-align: center
    }
    .amb-account--panel--responsive.amb-account--panel--add .amb-account--panel-tagged .icon {
        float: none;
        font-size: 64px;
        top: 15px;
        margin-right: 0;
        display: block;
        color: #fff;
        position: relative;
        left: auto;
        right: auto
    }
}

@media only screen and (min-width: 48em) and (min-width: 48em) {
    .amb-account--panel--responsive.amb-account--panel--add .amb-account--panel__header .icon {
        display: none
    }
    .amb-account--panel--responsive.amb-account--panel--add .amb-account--panel-tagged .icon {
        display: block
    }
}

@media only screen and (min-width: 48em) {
    .amb-account--panel--responsive .amb-account--panel__header {
        padding: 0;
        margin-left: 0
    }
    .amb-account--panel--responsive .amb-account--panel__header:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-account--panel--responsive .amb-account--panel__header h2 {
        margin-right: 20px;
        margin-left: 20px;
        margin-top: 10px;
        display: block;
        position: relative
    }
    .amb-account--panel--responsive .amb-account--panel__header p {
        padding-left: 20px;
        padding-right: 20px
    }
    .amb-account--panel--responsive .account-no {
        display: none
    }
    .amb-account--panel--responsive .amb-account--panel__content {
        margin-left: 0
    }
    .amb-account--panel--responsive .amb-account--panel__action {
        text-align: left;
        margin-left: 0
    }
    .amb-account--panel--responsive .payment-notification {
        text-align: center
    }
    .amb-account--panel--responsive .amb-account--panel.amb-ui--view-box--active {
        -webkit-box-shadow: 3px 3px 14px -1px rgba(0, 0, 0, 0.23);
        box-shadow: 3px 3px 14px -1px rgba(0, 0, 0, 0.23)
    }
}

@media only screen and (min-width: 64em) {
    .amb-account--panel__content td,
    .amb-account--panel__content th {
        font-size: 18px;
        font-size: 1.125rem
    }
    .amb-account--panel--add {
        height: 280px
    }
    .amb-account--panel--add.amb-account--panel--responsive .amb-account--panel-tagged .icon {
        top: 24px
    }
    .amb-account--panel.amb-account--panel--responsive .amb-account--panel-tagged {
        height: 120px
    }
    .amb-account--panel.amb-account--panel--responsive .amb-account--panel__label {
        top: 120px
    }
}

@media screen,
projection {
    .amb-app--home-panels--list .amb-account--panel--add {
        height: auto
    }
    .dashboard {
        padding: 0 15px
    }
    .amb-app--home-summary-content h1,
    .amb-app--home-summary-content h2,
    .amb-app--home-summary-content h3,
    .amb-app--home-summary-content h4,
    .amb-app--home-summary-content h5 {
        margin: 0
    }
    .amb-app--home-summary-content h5 {
        color: #243c7a
    }
    .dashboard .amb-ui--anchor-btn--grid {
        color: #243c7a
    }
    .dashboard.is-open .amb-ui--anchor-btn--list {
        color: #243c7a
    }
    .dashboard.is-open .amb-ui--anchor-btn--grid {
        color: #757575
    }
    .amb-app--home-panels {
        padding: 0
    }
    .amb-app--home-panels:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-app--home-panels .amb-account--panel:hover,
    .amb-app--home-panels .amb-account--panel:focus {
        background-color: #e0e0e0;
        border-right: 5px solid #DA291C;
    }
    .amb-app--home-panels .amb-account--panel:hover .amb-account--panel-tagged,
    .amb-app--home-panels .amb-account--panel:focus .amb-account--panel-tagged {
        opacity: .75
    }
    .amb-app--home-panels .amb-account--panel:active {
/*
        -webkit-box-shadow: 0 0 0 5px #e0e0e0;
        box-shadow: 0 0 0 5px #e0e0e0
*/
    }
    .amb-app--home-panels .amb-account--panel:active .amb-account--panel-tagged {
        opacity: 1
    }
}

@media only screen and (min-width: 48em) {
    .amb-app--home-panels--selector .amb-account--panel--responsive {
        height: 300px
    }
    .amb-app--home-panels--selector .amb-account--panel--responsive.amb-account--panel--hasowner {
        height: 320px
    }
}

@media screen,
projection {
    .amb-app--home-panel-item {
        margin-bottom: 20px
    }
    .amb-app--home-panel-item .amb-account--panel__content {
        float: none;
        width: 95%
    }
}

@media only screen and (min-width: 48em) {
    .amb-app--home-panel-item {
        width: 50%;
        float: left;
        padding-left: 10px
    }
    .amb-app--home-panel-item:nth-child(odd) {
        padding-left: 0;
        padding-right: 10px
    }    
}
@media only screen and (max-width: 30em) {
    .amb-app--home-panel-item .amb-account--panel__content {
        float: none;
        width: 100%
    }  
    .amb-ui--tabular-content {
        width:100%
    }
    .no-display {
        display:none
    }
    .text-left.more--tran {
        text-align: center
    }

}

@media screen,
projection {
    .amb-app--home-panel-item.show-lateral-mirror {
        -webkit-box-shadow: 3px 3px 14px -1px rgba(0, 0, 0, 0.25);
        box-shadow: 3px 3px 14px -1px rgba(0, 0, 0, 0.25);
        padding: 0
    }
    .amb-app--home-panels--list .amb-app--home-panel-item {
        width: 90%;
        float: none;
        padding-left: 0;
        padding-right: 0;
       background-color: white;
    }
    .amb-app--home-summary {
        width: 90%;
    }
    .amb-app--home-panels--list .amb-account--panel--edit .amb-account--panel-control {
        color: #43c6ca
    }
}

@media only screen and (min-width: 48em) {
    .dashboard {
        padding: 0
    }
    .amb-app--home-panels {
        padding: 0
    }
}

@media only screen and (max-width: 30em) {
    .amb-app--home-panels--list .amb-app--home-panel-item {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .amb-app--home-summary {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen,
projection {
    .account-switcher {
        position: relative;
        top: -20px
    }
    .account-switcher label {
        display: none
    }
    .account-switcher .amb-ui--element {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 37.5em) {
    .account-switcher {
        width: 250px;
        position: absolute;
        bottom: 20px;
        right: 20px;
        top: auto
    }
}

@media screen,
projection {
    .amb-account--details {
        background-color: white
    }
    .amb-account--details:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-account--details__search {
        width: 100%;
        float: none
    }
}

@media only screen and (min-width: 48em) {
    .amb-account--details__search {
        float: left;
        width: 50%;
        padding-right: 20px
    }
}

@media screen,
projection {
    .amb-account--details__filter {
        display: none
    }
}

@media only screen and (min-width: 48em) {
    .amb-account--details__filter {
        display: block;
        float: right;
        /* padding-top: 30px */
    }
}

@media screen,
projection {
    .amb-account--details__filter a {
        font-size: 18px;
        font-size: 1.125rem;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        color: #212121;
        text-decoration: none
    }
    .amb-account--details__filter .icon {
        -webkit-transition: -webkit-transform .25s ease 0s;
        transition: transform .25s ease 0s;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    .amb-account--details__filter-content {
        -webkit-transition: max-height .25s ease 0s;
        transition: max-height .25s ease 0s;
        clear: both;
        width: 100%;
        display: none
    }
    .amb-account--details__filter-content:after {
        content: '';
        display: table;
        clear: both
    }
}

@media only screen and (min-width: 48em) {
    .amb-account--details__filter-content {
        display: block;
        overflow: hidden;
        max-height: 0
    }
}

@media screen,
projection {
    .amb-account--details.is-open .amb-account--details__filter a .icon {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    .amb-account--details.is-open .amb-account--details__filter-content {
        max-height: 800px
    }
    .amb-account-details__summary,
    .non-amb-account-details__summary{
        margin: 0 15px 20px 15px;
        width: 90%;
    }
    .amb-account-details__pending-control {
        margin: 0 15px 0 15px
    }
    .amb-account-details__pending-control .amb-ui--element {
        margin-bottom: 0
    }
    .amb-account-details__pending-content {
        -webkit-transition: max-height .5s ease 0s;
        transition: max-height .5s ease 0s;
        overflow: hidden;
        max-height: 900px;
        margin-bottom: 0
    }
    .amb-account-details__pending-content.is-hidden {
        margin-bottom: 0;
        display: block;
        max-height: 0
    }
    .amb-account-details .amb-account--panel:focus,
    .amb-account-details .amb-account--panel:hover,
    .amb-account-details .amb-account--panel:active {
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .account-details-tab-item {
        background: transparent;
        border-top: 1px solid #e0e0e0
    }
    .account-details-tab-item:after {
        content: '';
        display: table;
        clear: both
    }
    .account-details-tab-item .h4,
    .account-details-tab-item h4 {
        font-size: 16px;
        font-size: 1rem;
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
    }
    .account-details-tab-item .h4.small,
    .account-details-tab-item h4.small {
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        font-size: 1em;
    }
    .account-details-tab-item:nth-child(even) {
        background: #eee
    }
    .account-details-tab-item:first-child {
        border-top: 0
    }
    .account-details-tab-item:last-child {
        margin-bottom: 10px;
    }
	.consent-details-tab-item {
        background: transparent;
        border-top: 1px solid #e0e0e0;
    }
    .consent-details-tab-item:after {
        content: '';
        display: table;
        clear: both
    }
    .consent-details-tab-item .h4,
    .consent-details-tab-item h4 {
        font-size: 16px;
        font-size: 1rem;
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
    }
    .consent-details-tab-item .h4.small,
    .consent-details-tab-item h4.small {
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        font-size: 1em;
    }
    .consent-details-tab-item:nth-child(even) {
        background: #eee;
    }
    .consent-details-tab-item:first-child {
        border-top: 0
    }
    .consent-tab-item:last-child {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 48em) {
    .amb-account-details__summary,
    .non-amb-account-details__summary {
        margin: 0
    }
    .amb-account-details__pending-control {
        margin-left: 0
    }
}

@media only screen and (max-width: 30em) {
    .amb-account-details__summary,
    .non-amb-account-details__summary{
        margin: 0;
        width: 100%;
/*        padding: 0 10px;*/
        margin-bottom: 10px
    }
    .amb-account-details__summary .amb-account--panel {
        margin: 0 10px;
    }
    .non-amb-account-details__summary#payee-details {
        width: 100%;
        margin: 0;
    }    
}

@media screen,
projection {
    .amb-alternate--text {
        display: inline-block;
        font-size: 20px
    }
    .amb-alternate--text .icon {
        color: #212121
    }
    .amb-alternate--text__overlay {
        background: #e0e0e0;
        border: 1px solid #424242;
        margin-top: 5px;
        padding: 10px;
        display: none;
        max-width: 275px;
        -webkit-box-shadow: 0 0 5px 0 rgba(66, 66, 66, 0.2);
        box-shadow: 0 0 5px 0 rgba(66, 66, 66, 0.2);
        z-index: 4
    }
    .amb-alternate--text__overlay:before {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background: #e0e0e0;
        border: 1px solid #424242;
        position: absolute;
        top: -6px;
        left: 3px;
        border-left: 1px solid transparent;
        border-bottom: 1px solid transparent
    }
    .amb-alternate--text__overlay.centre:before {
        left: 50%;
        margin-left: -7px
    }
    .amb-alternate--text__overlay.right:before {
        left: auto;
        right: 5px;
        margin-left: -7px
    }
    .amb-alternate--text__overlay.left.above {
        margin-top: -10px;
        margin-left: -3px
    }
    .amb-alternate--text__overlay.left.above:before {
        bottom: -6px;
        top: auto;
        left: 5px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    .amb-alternate--text__overlay.right.above {
        margin-top: -10px;
        margin-right: -3px
    }
    .amb-alternate--text__overlay.right.above:before {
        bottom: -6px;
        top: auto;
        right: 5px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .record {
        padding: 10px 20px;
        border-bottom: 1px solid #e0e0e0;
        display: table;
        width: 100%;
        position: relative
    }
    section.record:first-child {
        border-top: 1px solid #e0e0e0;
    }
    .record:last-child {
        border-bottom: 0
    }
    .instrument__body {
        display: table-cell;
        width: 100%
    }
    .instrument__body--expand {
        cursor: pointer;
        display: block;
        width: 100%
    }
    .instrument__body dl:last-child {
        margin-bottom: 0
    }
    .instrument__title {
        margin-bottom: 20px;
        /* padding-right: 20px; */
        width: 50%;
        display: table-cell
    }
    
    .instrument__title small {
        font-size: 14px;
        font-size: .875rem;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif
    }
    .instrument__title h3 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 16px;
        margin: 0
    }
    .instrument__title a,
    .instrument__title span.icon {
        display: inline-block;
        text-decoration: none;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        vertical-align: -4px;
        margin-right: 10px
    }
    .instrument__details {
        width: 50%;
        display: table-cell;
        margin-bottom: 0px
    }
    .instrument__detail-item {
        font-size: 14px;
        font-size: .875rem;
        line-height: 22px;
/*        padding-right: 10px;*/
/*
        display: table-cell;
        width: 50%
*/
    }
    .instrument__detail-item strong {
        display: block
    }
    .instrument__detail-item span {
        font-family: Oswald-Light, Arial, Helvetica, sans-serif
    }
    .instrument__control {
        position: absolute;
        top: 50%;
        left: 7px;
        margin-top: -15px
    }
    .instrument__control+.instrument__title {
        padding-left: 35px
    }
    .instrument__control+.instrument__title+.instrument__details {
        padding-left: 35px
    }
    .instrument__toggle {
        -webkit-transition: -webkit-transform .25s ease 0s;
        transition: transform .25s ease 0s;
        color: #212121;
        display: block;
        cursor: pointer;
        font-size: 16px;
        width: 20px;
        height: 20px;
        float: right;
        text-align: center
    }
    .instrument__toggle .icon {
        margin: 0
    }
    .instrument__progressive-content {
        -webkit-transition: max-height .5s ease 0s;
        transition: max-height .5s ease 0s;
        overflow: hidden;
        max-height: 0
    }
    .record:nth-child(even) {
        background: #eee
    }
    .is-open .instrument__progressive-content {
        max-height: 999px
    }
    .is-open .instrument__toggle {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

@media only screen and (min-width: 37.5em) {
    .instrument__body {
        display: table;
        width: 100%
    }
/*
    .instrument__title {
        width: 50%;
        display: table-cell
    }
*/
/*
    .instrument__detail-item {
        padding-right: 20px
    }
*/
}

@media screen,
projection {
    .instrument-drop-box--detailed-view .instrument-drop-box__details-item {
        width: 25%;
        line-height: 1.4em
    }
    .instrument-drop-box--detailed-view .instrument-drop-box__details-item:first-child {
        width: 75%
    }
    .instrument-drop-box--detailed-view .instrument-drop-box__details-item p {
        margin: 0
    }
    .instrument-drop-box--active {
        background-color: white;
        margin-top:0px;
    }
    /*Nested Accordian */
    .instrument-nested-drop-box--active {
        background-color: white;
        margin-top:0px;
    }
    /* */
    .instrument-drop-box--active .instrument-drop-box__details,
    .instrument-drop-box--active .instrument-drop-box__title {
        padding-right: 45px
    }
    .instrument-drop-box__action-link-2-line {
        margin-top: 5px;
        display: inline-block;
        white-space: nowrap
    }
    .instrument-drop-box__title {
        display: table;
        width: 100%;
        padding-right: 20px;
        border-bottom: 1px solid #e0e0e0
    }
    .instrument-drop-box__title-item {
        display: table-cell;
        line-height: 12px;
        width: 50%;
        padding: 10px 0px;
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
    }
    .instrument-drop-box__title-item small {
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif
    }
    .instrument-drop-box__title-item:last-child {
        padding-right: 0
    }
    .instrument-drop-box__category {
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
        padding: 5px 20px 4px 20px;
        background: #bdbdbd
    }
    .instrument-drop-box__item {
        background: #f6f6f6;
        position: relative;
        border-bottom: 1px solid #e0e0e0
    }
    /*Nested accordian */
    .instrument-nested-drop-box__item {
        background: #f6f6f6;
        position: relative;
        border-bottom: 1px solid #e0e0e0
    }
    /* */
    .instrument-drop-box__item .icon {
        -webkit-transition: -webkit-transform .25s ease 0s;
        transition: transform .25s ease 0s
    }
    .instrument-drop-box__item:nth-child(even) {
        background: #eee
    }
    /*Nested Accordian */
    .instrument-nested-drop-box__item:nth-child(even) {
        background: #eee
    }
    /* */
    .instrument-drop-box__item:last-child {
        border-bottom: 0
    }
    .instrument-drop-box__toggle {
        color: #212121;
        position: absolute;
        right: 0;
        top: 10px;
        text-align: center;
        display: block;
        width: 40px;
        height: 40px;
        font-size: 20px
    }
    /*Nested Accordian */
    .instrument-drop-box__childtoggle {
        color: #212121;
        position: absolute;
        right: 0;
        top: 10px;
        text-align: center;
        display: block;
        width: 40px;
        height: 40px;
        font-size: 20px
    }
    /* */
    .instrument-drop-box__details {
        display: table;
        width: 100%;
        padding-right: 20px
    }
    /*Nested Accordian */
    .instrument-nested-drop-box__details {
        display: table;
        width: 100%;
        padding-right: 40px
    }
    /* */
    .instrument-drop-box__details-item {
        display: table-cell;
        padding: 10px 10px;

        width: 40%;
        line-height: 16px;
    }
    .instrument-drop-box__details-item-product {
        display: table-cell;
        padding: 10px 10px;

        width: 40%;
        line-height: 31px;
    }
    .amb-account--panel__data  .instrument-drop-box__details-item{
        padding: 10px 0px 10px 10px;
    }

   
    .instrument-drop-box__details-item:last-child {
        padding-right: 0
    }
    .instrument-drop-box__item--active .instrument-drop-box__content {
        display: block;
        padding-bottom: 20px
    }
    /*Nested accordian */
    .instrument-nested-drop-box__item--active .childcontent {
        display: block;
        padding-bottom: 20px
    }
    /* */
    .instrument-drop-box__item--active .instrument-drop-box__toggle .icon {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    /*Nested accordian */
    .instrument-nested-drop-box__item--active .instrument-drop-box__childtoggle .icon {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    /* */
    .instrument-drop-box__content {
        display: none
    }
    /* Nested accordian*/
    .childcontent{
        display: none
    }
    /* */
    .instrument-drop-box__content .ct-chart {
        padding: 20px
    }
    .instrument-drop-box--3-col .instrument-drop-box__title-item:first-child {
        width: 40%
    }
    .instrument-drop-box--3-col .instrument-drop-box__title-item:not(:first-child) {
        width: 32%
    }    
/*
    .instrument-drop-box--3-col .instrument-drop-box__title-item:nth-child(2) {
        display: none
    }
*/
    .instrument-drop-box--3-col .instrument-drop-box__details-item:first-child {
        width: 40%;
    }
    .instrument-drop-box--3-col .instrument-drop-box__details-item:not(:first-child) {
        width: 30%
    }        
/*
    .instrument-drop-box--3-col .instrument-drop-box__details-item:first-child {
        width: 50%
    }
    .instrument-drop-box--3-col .instrument-drop-box__details-item:nth-child(2) {
        display: none
    }
*/

    .instrument-drop-box--4-col .instrument-drop-box__title-item:first-child {
        width: 40%
    }
    .instrument-drop-box--4-col .instrument-drop-box__title-item:not(:first-child) {
        width: 20%
    }
    .instrument-drop-box--4-col .instrument-drop-box__details-item:first-child {
        width: 40%
    }
    .instrument-drop-box--4-col .instrument-drop-box__details-item:not(:first-child) {
        width: 20%
    }    
}

@media only screen and (min-width: 37.5em) {
    .instrument-drop-box--3-col .instrument-drop-box__title-item {
        width: 30%
    }
    .instrument-drop-box--3-col .instrument-drop-box__title-item:first-child {
        padding-right: 0;
        width: 40%
    }
    .instrument-drop-box--3-col .instrument-drop-box__title-item:last-child {
        display: table-cell
    }
}

@media only screen and (min-width: 64em) {
    .instrument-drop-box--3-col .instrument-drop-box__title-item {
        width: 33.333%
    }
    .instrument-drop-box--3-col .instrument-drop-box__title-item:first-child {
        padding: 20px;
        width: 33.333%
    }
    .instrument-drop-box--3-col .instrument-drop-box__title-item:last-child {
        display: table-cell
    }
    .instrument-drop-box--3-col .instrument-drop-box__details-item {
        width: 33.333%
    }
    .instrument-drop-box--3-col .instrument-drop-box__details-item:first-child {
        padding: 20px;
        width: 33.333%
    }
    .instrument-drop-box--3-col .instrument-drop-box__details-item:last-child {
        display: table-cell
    }
}

@media only screen and (max-width: 30em) {
    
    .instrument-drop-box--3-col .instrument-drop-box__title-item {
        width: 50%
    }
    .instrument-drop-box--3-col .instrument-drop-box__title-item:nth-child(2) {
        display: none
    }    
    .instrument-drop-box--3-col .instrument-drop-box__details-item {
        width: 50%
    }
    .instrument-drop-box--3-col .instrument-drop-box__details-item:nth-child(2) {
        display: none
    }    
    
    .instrument-drop-box--4-col .instrument-drop-box__title-item:first-child {
        width: 50%
    }
    .instrument-drop-box--4-col .instrument-drop-box__title-item:last-child {
        width: 50%
    }
    .instrument-drop-box--4-col .instrument-drop-box__title-item:nth-child(2),
    .instrument-drop-box--4-col .instrument-drop-box__title-item:nth-child(3){
        display: none
    }
    
    .instrument-drop-box--4-col .instrument-drop-box__details-item:first-child {
        width: 50%;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .instrument-drop-box--4-col .instrument-drop-box__details-item:last-child {
        width: 50%
    }
    .instrument-drop-box--4-col .instrument-drop-box__details-item:nth-child(2),
    .instrument-drop-box--4-col .instrument-drop-box__details-item:nth-child(3){
        display: none
    }    
}

@media screen,
projection {
    .amb-ui--slide-content {
        width: 100%;
        position: relative
    }
    .media-amb-ui--slide-area {
        overflow: hidden;
        position: relative
    }
    .amb-ui--slide-content__belt {
        position: absolute;
        width: auto
    }
    .media-amb-ui--slide-control--item {
        width: 100%;
        position: relative;
        margin-right: 8px;
        float: left;
        display: table
    }
    .media-amb-ui--slide-control--item .amb-ui--page-main--section {
        display: table-cell;
        margin-bottom: 0
    }
    .amb-ui--slide-content__button {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        font-size: 30px;
        margin-top: -20px;
        text-align: center;
        color: #616161;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .amb-ui--slide-content__button:hover,
    .amb-ui--slide-content__button:focus,
    .amb-ui--slide-content__button:active {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #616161
    }
    .amb-ui--slide-content__button--prev {
        left: 5px
    }
    .amb-ui--slide-content__button--next {
        right: 5px
    }
    .amb-ui--slide-content__pager {
        list-style: none;
        position: absolute;
        bottom: 0;
        margin: 0;
        width: 100%;
        text-align: center
    }
    .amb-ui--slide-content__pager li {
        display: inline-block;
        margin-right: 5px
    }
    .amb-ui--slide-content__pager li.is-active a {
        background: #9e9e9e
    }
    .amb-ui--slide-content__pager li a {
        -webkit-transition: background .2s ease 0s;
        transition: background .2s ease 0s;
        display: block;
        border: 1px solid #616161;
        background: #fff;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-indent: -9999em
    }
    .amb-ui--slide-content--image .amb-ui--slide-content__button--prev {
        color: #fff;
        text-shadow: 0 1px 0 #212121
    }
    .amb-ui--slide-content--image .amb-ui--slide-content__button--next {
        color: #fff;
        text-shadow: 0 1px 0 #212121
    }
    .amb-ui--slide-content--image-responsive .amb-ui--slide-content__button.amb-ui--slide-content__button--next,
    .amb-ui--slide-content--image-responsive .amb-ui--slide-content__button.amb-ui--slide-content__button--prev {
        color: #fff;
        text-shadow: 0 1px 0 #212121
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--slide-content--image-responsive .amb-ui--slide-content__button--prev {
        color: #616161;
        text-shadow: none
    }
}

@media screen,
projection {
    .amb-ui--page-main--section__close {
        position: absolute;
        top: 10px;
        display: block;
        width: 15px;
        height: 15px;
        right: 10px
    }
    .amb-ui--page-main--section__overlay {
        -webkit-animation-name: amb-trans--amb-trans--fadeIn;
        animation-name: amb-trans--amb-trans--fadeIn;
        -webkit-animation-duration: .2s;
        animation-duration: .2s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-direction: initial;
        animation-direction: initial;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 0;
        animation-delay: 0;
        -webkit-animation-fill-mode: initial;
        animation-fill-mode: initial;
        display: none;
        background: rgba(255, 255, 255, 0.9);
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        z-index: 4
    }
    .amb-ui--page-main--section__overlay-inner {
        max-width: 500px;
        margin: 0 auto;
        padding: 20px
    }
    .amb-ui--page-main--section--active-message .amb-ui--page-main--section__overlay {
        display: block
    }
    .amb-ui--page-main--section {
        border: 1px solid #e0e0e0;
        background: #fff;
        width: 100%;
        position: relative;
        border-radius: 3px
    }
    .amb-ui--page-main--section:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--page-main--section--form {
        padding: 0 20px
    }
    .amb-ui--page-main--section__form-inner {
        padding-top: 40px
    }
    .amb-ui--page-main--section__heading {
        font-size: 24px;
        font-size: 1.5rem;
        color: #243c7a;
        margin-bottom: 0;
        position: relative
    }
    .amb-ui--page-main--section__heading:after {
        content: '';
        display: block;
        width: 30px;
        margin: 15px auto;
        border-top: 1px solid #bdbdbd
    }
    .amb-ui--page-main--section__inner {
        text-align: center;
        position: relative;
        width: 100%;
        padding: 40px 20px 40px 20px
    }
    .amb-ui--page-main--section__inner h3,
    .amb-ui--page-main--section__inner h4 {
        font-size: 24px;
        font-size: 1.5rem;
        color: #243c7a;
        margin-bottom: 0
    }
    .amb-ui--page-main--section__inner h4 {
        font-size: 16px;
        font-size: 1rem
    }
    .amb-ui--page-main--section__inner small {
        color: #243c7a
    }
    .amb-ui--page-main--section__inner p,
    .amb-ui--page-main--section__inner .amb-ui--page-main--section__desc {
        max-height: 50px;
        overflow: hidden;
        color: #212121
    }
    .amb-ui--page-main--section__inner p:last-child,
    .amb-ui--page-main--section__inner .amb-ui--page-main--section__desc:last-child {
        margin-bottom: 0
    }
    .amb-ui--page-main--section__image {
        position: absolute;
        left: 0;
        right: 20px;
        top: 10px;
        bottom: 40px;
        max-height: 280px;
        text-align: center
    }
    .amb-ui--page-main--section__image img {
        object-fit: cover;
        width: 100%;
        height: 210px;
        border-radius: 3px
    }
    .amb-ui--page-main--section__image:before {
        content: '';
        background: #243c7a;
        display: block;
        height: 210px;
        left: 0;
        border-radius: 3px;
        right: 0;
        opacity: .8;
        position: absolute;
        top: 0
    }
    .amb-ui--page-main--section--video {
        background: #243c7a;
        border-color: transparent;
        position: relative
    }
    .amb-ui--page-main--section--video .amb-ui--page-main--section__inner h3,
    .amb-ui--page-main--section--video .amb-ui--page-main--section__inner h4,
    .amb-ui--page-main--section--video .amb-ui--page-main--section__inner p,
    .amb-ui--page-main--section--video .amb-ui--page-main--section__inner .icon {
        color: #506395
    }
    .amb-ui--page-main--section--video .amb-ui--page-main--section__inner .icon {
        display: inline-block;
        font-size: 40px;
        text-decoration: none
    }
    .amb-ui--page-main--section--video .amb-ui--page-main--section__inner .icon:before {
        text-decoration: none
    }
    .amb-ui--page-main--section--video .amb-ui--page-main--section__inner a {
        color: #506395
    }
    .amb-ui--page-main--section--video .amb-ui--page-main--section__inner .amb-ui--page-main--section__play {
        height: 48px;
        font-size: 50px;
        width: 100%;
        text-align: center;
        position: absolute;
        top: 156px;
        left: 0;
        z-index: 4;
        color: #fff
    }
    .amb-ui--page-main--section--video .amb-ui--page-main--section__inner .amb-ui--page-main--section__play .icon {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        text-shadow: 0 1px 0 #212121
    }
    .amb-ui--page-main--section--video .amb-ui--page-main--section__heading:after {
        border-top-color: #506395
    }
    .amb-ui--page-main--section--media {
        position: relative;
        display: table-cell
    }
    .amb-ui--page-main--section--media .amb-ui--page-main--section__inner {
        margin: 10px;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
        z-index: 4;
        width: auto
    }
    .amb-ui--page-main--section--media .amb-ui--page-main--section__inner .amb-ui--page-main--section__link {
        display: block;
        margin-bottom: 40px;
        width: 100%;
        text-align: center;
        left: 0
    }
    .amb-ui--page-main--section--media .amb-ui--page-main--section__inner h3,
    .amb-ui--page-main--section--media .amb-ui--page-main--section__inner h4,
    .amb-ui--page-main--section--media .amb-ui--page-main--section__inner small {
        color: #fff
    }
    .amb-ui--page-main--section--media .amb-ui--page-main--section__inner .amb-ui--page-main--section__play {
        display: block
    }
    .amb-ui--page-main--section--media .amb-ui--page-main--section__content {
        padding: 40px;
        position: relative;
        border-radius: 3px;
        background-color: #243c7a;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: bottom center
    }
    .amb-ui--page-main--section--media .amb-ui--page-main--section__content h3,
    .amb-ui--page-main--section--media .amb-ui--page-main--section__content h4,
    .amb-ui--page-main--section--media .amb-ui--page-main--section__content small,
    .amb-ui--page-main--section--media .amb-ui--page-main--section__content p {
        position: relative;
        z-index: 4
    }
    .amb-ui--page-main--section--media .amb-ui--page-main--section__content:before {
        content: '';
        background: #243c7a;
        display: block;
        bottom: 0;
        left: 0;
        border-radius: 3px;
        right: 0;
        opacity: .8;
        position: absolute;
        top: 0
    }
    .amb-ui--page-main--section--media .amb-ui--page-main--section__image {
        height: 210px;
        padding: 0 10px;
        border-radius: 3px;
        position: absolute;
        width: 100%
    }
    .amb-ui--page-main--section--media .amb-ui--page-main--section__image:before {
        display: block;
        left: 10px;
        right: 10px
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--page-main--section__inner h3,
    .amb-ui--page-main--section__inner h4 {
        color: #243c7a
    }
    .amb-ui--page-main--section__inner p,
    .amb-ui--page-main--section__inner small {
        color: #212121
    }
    .amb-ui--page-main--section__inner--left {
        width: 50%;
        display: table-cell
    }
    .amb-ui--page-main--section__inner--left .amb-ui--page-main--section__play {
        display: none
    }
    .amb-ui--page-main--section__inner--left .amb-ui--page-main--section__desc {
        display: block
    }
    .amb-ui--page-main--section__inner--left .amb-ui--page-main--section__divider {
        display: block
    }
    .amb-ui--page-main--section__inner--right {
        position: relative;
        left: auto;
        right: auto;
        width: 50%;
        display: table-cell
    }
    .amb-ui--page-main--section__inner--right .amb-ui--page-main--section__play {
        display: block
    }
    .amb-ui--page-main--section__image {
        height: 240px;
        right: 10px
    }
    .amb-ui--page-main--section__image img {
        height: 240px
    }
    .amb-ui--page-main--section__image:before {
        display: none
    }
    .amb-ui--page-main--section__content {
        height: auto
    }
    .amb-ui--page-main--section--media .amb-ui--page-main--section__image {
        height: 210px
    }
    .amb-ui--page-main--section--media .amb-ui--page-main--section__image img {
        height: 210px
    }
    .amb-ui--page-main--section--media .amb-ui--page-main--section__content {
        min-height: 160px
    }
}

@media screen,
projection {
    .amb-product--primary {
        -webkit-transition: height .25s ease 0s;
        transition: height .25s ease 0s;
        min-height: 220px;
        width: 280px;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }
    .amb-product--primary__main,
    .amb-product--primary__options {
        width: 280px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
        top: 0;
        left: 0
    }
    .amb-product--primary__main {
        -webkit-transition: -webkit-transform .5s ease 0s;
        transition: transform .5s ease 0s;
        z-index: 4;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }
    .amb-product--primary__options {
        -webkit-transition: -webkit-transform .5s ease 0s;
        transition: transform .5s ease 0s;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }
    .amb-product--primary__options .amb-account--panel {
        margin-bottom: 10px;
        padding-bottom: 0
    }
    .amb-product--primary__options .amb-account--panel__header {
        margin-left: 0
    }
    .amb-product--primary__flipper {
        position: relative
    }
    .amb-product--primary--active .amb-product--primary__main {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }
    .amb-product--primary--active .amb-product--primary__options {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    .amb-product--primary__item {
        display: none
    }
    .amb-product--primary__item--active {
        display: block
    }
    .ie9 .amb-product--primary__options {
        position: absolute;
        left: -9999px;
        visibility: hidden
    }
    .ie9 .amb-product--primary--active .amb-product--primary__options {
        position: relative;
        left: auto;
        visibility: visible
    }
    .ie9 .amb-product--primary--active .amb-product--primary__main {
        display: none
    }
    .account-type-selector--white .icon-selected {
        color: #fff
    }
    .account-type-selector.no-border .border {
        border: 0
    }
    .account-type-selector.no-border .icon-selected {
        border: 0
    }
    .account-type-selector .title--percentage {
        text-align: center;
        font-size: 2em
    }
    .account-type-selector .title--percentage span {
        display: block;
        font-size: 16px;
        line-height: 1em;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif
    }
    .amb-ui--brand.amb-ui--brand-primary .amb-account--panel__header h2 {
        color: #000
    }
    .amb-ui--brand.amb-ui--brand-primary .amb-account--panel__header h2 .icon {
        color: #eb1b5e
    }
    .amb-ui--brand.amb-ui--brand-primary .amb-account--panel__header a {
        color: #243c7a
    }
    .receipt {
        border: 1px solid #e0e0e0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 15px;
        padding: 25px 25px 10px 25px;
        padding-bottom: 10px
    }
    a.product {
        -webkit-transition: -webkit-box-shadow .25s ease 0s;
        transition: box-shadow .25s ease 0s;
        text-decoration: none;
        position: relative;
        margin-bottom: 0;
        height: 100px;
    }
    a.product .icon {
        color: #005587;
        font-size: 40px;
        display: block;
        margin-bottom: 5px;
    }
    a.product:hover,
    a.product:focus {
        border-bottom: 6px solid rgba(0, 85, 135, 0.35);
        color: rgba(0, 85, 135, 0.35);
    }
    a.product:hover .icon,
    a.product:focus .icon {
        color: rgba(0, 85, 135, 0.35);
    }
    .product {
        background-color: #fff;
        border: 1px solid #e0e0e0;
        border-top: 0;
        /* height: 100%; */
/*
        -webkit-box-shadow: inset 0 5px 0 0 #6153a2;
        box-shadow: inset 0 5px 0 0 #6153a2;
*/
        padding: 20px 15px;
        display: block;
        margin: 0 0 20px;
        width:100%;
        /* min-width: 280px; */
/*        border-left: 6px solid #005587;*/
    }
    .product--alt {
        -webkit-box-shadow: inset 0 5px 0 0 #43c6ca;
        box-shadow: inset 0 5px 0 0 #43c6ca
    }
    .product p{
        line-height: 1.5em;
        margin-top: 5%
    }
    .product small,
    .product ul,
    .product li {
        line-height: 1.5em
    }
}

@media only screen and (min-width: 48em) {
    .product {
        padding: 20px;
        margin: 0 0 20px
    }
}

@media screen,
projection {
    .product header h3 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 24px;
        margin-bottom: 10px
    }
    .product header p {
        font-size: 14px;
        font-size: .875rem
    }
    .product header .icon {
        display: none
    }
    .product ul {
        margin-left: 20px
    }
    .amb-product--sections:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-product--section-items {
        margin-bottom: 20px
    }
    .amb-product--section-items:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-product--section-actions {
        display: table
    }
    .amb-product--section-item {
        text-align: left
    }
    .amb-product--section-item h4 {
        font-size: 42px;
        font-size: 2.625rem;
        font-family: Oswald-Semibold, Arial, Helvetica, sans-serif;
        color: #005587;
        display: inline-block;
        margin-bottom: 10px
    }
    .amb-product--section-item span {
        line-height: 14px;
        margin-left: 3px;
        display: inline-block
    }
    .amb-product--section-item strong {
        font-size: 14px;
        font-size: .875rem;
        width: 100%;
        display: block
    }
    .amb-product--section-item strong:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-product--section-item--inline {
        width: auto;
        margin-right: 20px;
        float: none;
        display: inline-block
    }
    .amb-product--section-item--inline:last-child {
        margin-right: 0
    }

    .product__link {
        clear: both;
        margin-top: 20px
    }
    .amb-product--section--wrapper {
        display: inline-block;
        padding: 15px
    }
    .amb-product--section--wrapper strong {
        margin-bottom: 10px
    }
    .amb-product--justify .amb-product--section-items {
        float: none;
        width: 100%;
        padding: 40px 10px 0
    }
    .amb-product--justify .amb-product--section-actions {
        display: table;
        text-align: left
    }
    .amb-product--justify .product__link {
        text-align: left
    }
}

@media only screen and (min-width: 37.5em) {
    .amb-product--justify .amb-product--section-items {
        float: left;
        width: 65%
    }
    .amb-product--justify .amb-product--section-actions {
        padding-top: 25px;
        display: block;
        float: right;
        width: 35%;
        text-align: right
    }
    .amb-product--justify .product__link {
        text-align: right
    }
    .amb-product--justify .prod-desc? {
	?min-height: ?240px;
	 line-height: ?20px;
   	}
}

@media only screen and (min-width: 64em) {
    .amb-product--justify {
        border-bottom: 3px solid #005587;
        -webkit-box-shadow: inset 5px 0 0 0 #005587;
        box-shadow: inset 0px 0 0 0 #005587;
        position: relative;
        /* width: 100% */
    }
    .amb-product--justify:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-product--justify header {
        float: left;
        padding-left: 70px;
        width: 40%
    }
    .amb-product--justify header .icon {
        color: #005587;
        font-size: 63px;
        display: block;
        position: absolute;
        top: 20px;
        left: 15px
    }
    .amb-product--justify .amb-product--sections {
        float: left;
        width: 60%
    }
    .amb-product--justify .amb-product--section-item h4 {
        font-size: 37px;
        padding: 7% 0% 0% 32%;
        text-align: center;
    }
    .amb-product--justify .amb-product--section-item--actions {
        padding-top: 0;
        text-align: center
    }
    .amb-product--justify .product__link {
        clear: none;
        text-align: right
    }
}

@media screen,
projection {
    .row .product {
        margin-bottom: 0
    }
    .product--best {
        margin: 0 auto 20px;
        max-width: 1200px;
        background-color: #6153a2;
        border: 0;
        -webkit-box-shadow: inset 0 5px 0 0 #43c6ca;
        box-shadow: inset 0 5px 0 0 #43c6ca;
        color: #fff
    }
    .product--best h1,
    .product--best h2,
    .product--best h3,
    .product--best h4 {
        color: #fff
    }
    .product--best .amb-ui--button {
        color: #fff
    }
    .product--best a {
        color: #fff
    }
}

@media only screen and (min-width: 64em) {
    .product--best {
        -webkit-box-shadow: inset 5px 0 0 0 #43c6ca;
        box-shadow: inset 5px 0 0 0 #43c6ca
    }
}

@media screen,
projection {
    .amb-auth--controller p {
        font-size: 14px;
        font-size: .875rem;
        margin-top: 5px;
        color: #757575
    }
    .amb-auth--controller__bar {
        background-color: #bdbdbd;
        height: 5px
    }
    .amb-auth--controller__level {
        -webkit-transition: width .2s ease 0s;
        transition: width .2s ease 0s;
        display: block;
        height: 5px
    }
    .amb-auth--controller__level--low {
        width: 30%;
        background: #e81c3b
    }
    .amb-auth--controller__level--med {
        width: 60%;
        background: #ffe72c
    }
    .amb-auth--controller__level--int {
        width: 80%;
        background: #00a303
    }
    .amb-auth--controller__level--high {
        width: 100%;
        background: #3757aa
    }
    .tag {
        font-size: 14px;
        font-size: .875rem;
        -webkit-transition: background .25s ease 0s;
        transition: background .25s ease 0s;
        background: #e0e0e0;
        border: 0;
        border-radius: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        /* cursor: pointer; */
        outline: 0;
        padding: 6px 10px;
        position: relative;
        text-decoration: none;
        color: #212121;
        margin-bottom: 5px;
        white-space: nowrap;
        display: inline-block
    }
    .tag:hover,
    .tag:focus,
    .tag:active {
        background: #9e9e9e;
        color: #212121
    }
    .tag span,
    .tag .icon {
        margin-left: 10px
    }
    .amb-marking--selected {
        color: #fff;
        background: #005587;
    }
    .amb-marking--selected:hover,
    .amb-marking--selected:focus,
    .amb-marking--selected:active {
        background: #424242;
        color: #fff
    }
    .amb-marking--undefined {
        color: #fff;
        background: #243c7a
    }
    .amb-marking--undefined:hover,
    .amb-marking--undefined:focus,
    .amb-marking--undefined:active {
        background: #7c2dd7;
        color: #fff
    }
    .amb-marking--multiple {
        color: #fff;
        background: #6153a2
    }
    .amb-marking--multiple:hover,
    .amb-marking--multiple:focus,
    .amb-marking--multiple:active {
        background: #443a71;
        color: #fff
    }
    .amb-tools--animate {
        background: #e0e0e0;
        height: 33px;
        width: 100%;
        position: relative;
        margin-bottom: 10px;
        margin-top: 15px
    }
    .amb-tools--animate--overview {
        margin-top: 55px
    }
    .amb-tools--animate__inner {
        height: 33px;
        width: 25%;
        background-color: #a6d291
    }
    .amb-tools--animate__inner--med {
        width: 75%;
        background-color: #f60
    }
    .amb-tools--animate__inner--green {
        background-color: #a6d291
    }
    .amb-tools--animate__inner--high {
        width: 100%;
        background-color: #e81c3b
    }
    .amb-tools--animate__indicator {
        position: absolute;
        left: 50%;
        top: -3px;
        bottom: -3px;
        line-height: 16px
    }
    .amb-tools--animate__indicator strong {
        font-size: 14px;
        font-size: .875rem;
        position: relative;
        top: -42px
    }
    .amb-tools--animate__indicator:before {
        content: '';
        position: absolute;
        left: 50%;
        top: -3px;
        width: 2px;
        height: 45px;
        background: #000
    }
}

@media screen,
projection {
    .loader {
        text-align: center
    }
    .loader__text {
        color: #fff
    }
    .loader--small .amb-svg-filler {
        width: 40px
    }
    .loader--small .loader__text {
        display: none
    }
    svg.amb-svg-filler {
        width: 80px;
        opacity: 1;
        margin: auto
    }
    svg.amb-svg-filler .spinner-bg {
        -webkit-transition: stroke .5s ease 0s;
        transition: stroke .5s ease 0s;
        stroke: #005587;
        stroke-width: 5px
    }
    svg.amb-svg-filler .spinner {
        stroke: #005587;
        stroke-width: 5px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        stroke-dashoffset: 565.4862;
        stroke-dasharray: 565.4862;
        -webkit-animation: spinner 5s ease-in-out forwards infinite;
        animation: spinner 5s ease-in-out forwards infinite
    }
    svg.amb-svg-filler .filler {
        -webkit-transition: opacity .5s ease 0s;
        transition: opacity .5s ease 0s;
        opacity: 0;
        fill: #005587;
    }
    svg.amb-svg-filler .check {
        -webkit-transition: opacity 1.5s ease 0s;
        transition: opacity 1.5s ease 0s;
        opacity: 0
    }
    .done svg.amb-svg-filler .spinner-bg {
        stroke: #005587;
    }
    .done svg.amb-svg-filler .check {
        opacity: 1
    }
    .done svg.amb-svg-filler .filler {
        opacity: 1
    }

    .keypad .row {
        margin: 0px 20% 0px 20%;
        width: 60%;
        float: none;
        align-items: center;
    }
    .set-pin{
        padding-left:15%;
    }
    .keypad .amb-ui--button--keypad {
        background: transparent;
        border: 1px solid white;
        border-radius:50%;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #757575;
        display: inline-block;
        float: left;
        font-family: Oswald-Regular, Arial, Helvetica, sans-serif;
        height: 60px;
        margin: 0 15px 20px 15px;
        min-width: 60px;
        padding: 0;
        width: 60px
    }
    .keypad .amb-ui--button--keypad:hover,
    .keypad .amb-ui--button--keypad:focus,
    .keypad .amb-ui--button--keypad:active {
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #eee
    }
    .keypad .amb-ui--button--keypad:last-child {
        margin-right: 0
    }
    .keypad .amb-ui--button--keypad__number__lastnumber {
        margin-left: 73px
    }
    .keypad .amb-ui--button--keypad .values {
        font-size: 36px;
        font-size: 2.25rem;
        display: inline-block;
        padding-top: 14px;
        text-align: center
    }
    .keypad .amb-ui--button--keypad .values.nonalpha {
        padding-top: 4px
    }
    .keypad .amb-ui--button--keypad .values .alpha {
        font-size: 10px;
        font-size: .625rem;
        display: block;
        margin-top: 15px;
    }
    .keypad .amb-ui--button--keypad__delete {
        border: 0 none;
        font-size:1em;
        padding-bottom :4px
        
    }
    .keypad .amb-ui--button--keypad__delete .icon {
        font-size: 48px;
        font-size: 3rem;
        bottom: -6px;
        margin-right: 6px
    }
    .keypad .amb-ui--input {
        font-size: 22px;
        font-size: 1.375rem;
        color: #212121;
        height: 64px;
        text-align: center;
        letter-spacing: 15px
    }
    .keypad .amb-ui--input:disabled {
        border-bottom-style: solid;
        cursor: auto
    }
}

@media only screen and (min-width: 48em) {
    .keypad *[class^='col-sm-'],
    .keypad *[class^='col-md-'],
    .keypad *[class^='col-lg-'] {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media screen,
projection {
    .chrome .keypad .amb-ui--input {
        font-size: 70px;
        font-size: 4.375rem;
        letter-spacing: 9px
    }
    body {
        padding-top: 60px;
        /* background-color: #005587; */
    }
    body.main {
        background-color: #005587;
    }
}

@media only screen and (min-width: 48em) {
    body {
        padding-top: 0;
    }
}

@media only screen and (max-width: 30em) {
    body {
        padding-top: 0;
    }
    .amb-ui--brand-primary {
        background-color: #005587;
    }
}


@media screen,
projection {
    .inner-block {
        margin: 0 auto;
        max-width: 1200px;
        position: relative
    }
    .amb-ui--app-container {
        max-height: none
    }
    .amb-ui--app-container:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--app-container .p1 {
    	word-wrap: break-word;
    	margin: -15px 0px 0px 5%;
	}
    
    .amb-ui--app-container:first-child {
        /* margin-top: 20px */
    }
    .amb-main--heading {
        padding-top: 20px;
        padding: 0 15px 0 15px;
        position: relative
    }
    .amb-main--heading h1 {
        color: #005587;
        margin-bottom: 20px;
    }
    .amb-main--heading h2 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 24px;
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
        margin-bottom: 20px
    }
    .amb-main--heading .messaging-banner {
        margin-top: -40px;
        margin-bottom: 20px
    }
    .amb-main--heading:first-child {
        margin-top: 20px
    }
    .amb-ui--unit-cover {
        padding: 0 15px
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--unit-cover {
        padding: 0 0
    }
}

/*
@media only screen and (max-width: 30em) {
    .amb-ui--app-container {
        margin-top: 20px
    }    
}
*/

@media screen,
projection {
    .amb-ui--details-cover {
        width: 100%
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--details-cover {
        padding: 0 15px;
        float: left
    }
}

@media screen,
projection {
    .content:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--details-under {
        background: #fff;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 48em) {
    .content--has-sidebar {
        margin: 0 327px 20px 0
    }
}

@media screen,
projection {
    .amb-ui--details-under:first-child {
        padding-top: 20px
    }
    .amb-ui--details-under:last-child {
        padding-bottom: 30px
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--details-under:last-child {
        padding-bottom: 40px
    }
}

@media screen,
projection {
    .amb-ui--details-main .product {
        padding: 20px 15px 10px 15px;
        margin-bottom: 5px
    }
}

/*
@media only screen and (min-width: 48em) {
    .amb-ui--details-main .product {
        padding-bottom: 15px
    }
}
*/

@media screen,
projection {
    .amb-ui--details-main h3 {
        margin-bottom: 0;
        font-size: 16px;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif
    }
    .amb-ui--brand-gradient+.inner-block .amb-ui--details-cover .content {
        padding-top: 40px;
        margin-top: -40px
    }
    .amb-ui--brand-gradient+.inner-block .sidebar {
        padding-top: 5px
    }
    .sidebar {
        padding: 0 10px 0 10px
    }
}

@media only screen and (min-width: 48em) {
    .sidebar {
        float: right;
        padding: 0 0 0 5px;
        width: 390px;
        margin-left: -390px;
        margin-bottom: 70px;
    }
    .sidebar.accounts--term .amb-ui--tabular-content {
        background-color: white
    }

}

@media screen,
projection {
    .sidebar .amb-ui--page-main--section {
        margin-bottom: 20px
    }
    .bottom-bar {
        padding: 20px 15px 0
    }
    .bottom-bar:after {
        content: '';
        display: table;
        clear: both
    }
    .bottom-bar .widget {
        margin-bottom: 0
    }
    .amb-ui--section-details--cover {
        margin: 10px 0 20px 0
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--section-details--cover {
        display: table;
        table-layout: fixed;
        width: 100%;
        padding: 0 15px
    }
}

@media screen,
projection {
    .amb-ui--section-details--cover .amb-ui--section-details--value:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--section-details--cover .panel-amb-ui--details-under {
        background: #fff
    }
    .amb-ui--section-details--cover .amb-ui--section-details--value--padded {
        padding: 20px
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--section-details--cover .amb-ui--section-details--value {
        display: table-cell;
        width: 60%;
        vertical-align: top
    }
}

@media screen,
projection {
    .amb-ui--section-details--cover .amb-ui--section-details--value .alert {
        margin-left: 0;
        margin-right: 0
    }
    .amb-ui--section-details--cover .amb-ui--section-details--extra {
        padding: 20px
    }
    .amb-ui--section-details--cover .amb-ui--section-details--extra:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--section-details--cover .amb-ui--section-details--extra--background {
        background: #fff
    }
    .amb-ui--section-details--cover .amb-ui--section-details--extra--receipt {
        position: relative;
        overflow: hidden;
        display: none
    }
    .amb-ui--section-details--cover .amb-ui--section-details--extra--receipt .icon {
        color: #e0e0e0;
        font-size: 30vw;
        position: absolute;
        top: -10vh
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--section-details--cover .amb-ui--section-details--extra {
        display: table-cell;
        width: 40%;
        vertical-align: top;
        padding: 60px
    }
    .amb-ui--section-details--cover .amb-ui--section-details--extra--receipt {
        display: table-cell
    }
}

@media screen,
projection {
    .amb-ui--footer {
        /* margin-top: 20px; */
        background-color: #E6E7E8;
    }
    .amb-ui--footer__wrapper {
        /* border-top: 1px solid #e0e0e0; */
        background-color: #415464;
    }
    .amb-ui--footer__wrapper--background {
        background-color: #fff;
        /* margin: 15px; */
    }
    .amb-ui--footer__inner {
        margin: 0 auto;
        max-width: 1200px;
        position: relative;
        padding: 20px 15px;
        color: white;
    }
    .amb-ui--footer__inner:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--footer__col:not(:last-child) {
        margin-bottom: 40px
    }
    .amb-ui--footer__section:not(:first-child) {
        margin-top: 20px
    }
    .amb-ui--footer__section a {
        display: block;
        font-family: Oswald-Light, Arial, Helvetica, sans-serif
    }
    .amb-ui--footer__section a.app-store {
        width: 140px;
        float: left;
    }
    .amb-ui--footer__section ul {
        list-style: none;
        margin: 0;
        padding: 0
    }
    .amb-ui--footer__section ul li span {
        display: inline-block
    }
    .amb-ui--footer__section ul li span.label {
        width: 140px;
    }
    .amb-ui--footer__section ul li span.label-1 {
        width: 114px;
    }    
    .amb-ui--footer__section span {
        font-family: Oswald-Light, Arial, Helvetica, sans-serif;
        color: #757575
    }
    .amb-ui--footer__header {
        font-size: 24px;
        font-size: 1.5rem;
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
        line-height: 18px;
        margin-bottom: 20px
    }
    .amb-ui--footer__sub-header {
        font-size: 16px;
        font-size: 1rem;
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;
        line-height: 16px;
        margin-bottom: 0
    }
    .amb-ui--footer__disclaimer {
        clear: both
    }
    .amb-ui--footer__disclaimer a {
        color: white;
    }
    .amb-ui--footer__disclaimer:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--footer__disclaimer ul {
        list-style: none;
        margin: 0 0 10px 0;
        padding: 0;
        display: block;
        text-align: center;
        line-height: 12px
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--footer__disclaimer ul {
        margin-bottom: 0
    }
}

@media screen,
projection {
    .amb-ui--footer__disclaimer li {
        font-size: 12px;
        font-size: .75rem;
        position: relative;
        display: inline
    }
    .amb-ui--footer__disclaimer li:before {
        content: '|';
        position: relative
    }
    .amb-ui--footer__disclaimer li:first-child:before {
        content: none
    }
    .amb-ui--footer__disclaimer span {
        font-size: 12px;
        font-size: .75rem;
        display: block;
        margin-right: 20px;
        text-align: center
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--footer__disclaimer span {
        display: inline-block
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--footer__disclaimer ul {
        text-align: left
    }
}

@media screen,
projection {
    .amb-ui--footer__social {
        text-align: center;
        margin-bottom: 10px
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--footer__social {
        text-align: right
    }
}

@media screen,
projection {
    .amb-ui--footer__social-icon {
        text-decoration: none
    }
    .amb-ui--footer__social-icon svg {
        margin: 0 10px;
        max-height: 30px;
        max-width: 30px
    }
    .ie .amb-ui--footer__social-icon svg {
        max-width: 42px
    }
    .amb-ui--footer__social-icon svg path,
    .amb-ui--footer__social-icon svg polygon {
        -webkit-transition: fill .2s ease 0s;
        transition: fill .2s ease 0s;
        fill: #fff;
    }
    .amb-ui--footer__social-icon:hover svg path,
    .amb-ui--footer__social-icon:hover svg polygon,
    .amb-ui--footer__social-icon:focus svg path,
    .amb-ui--footer__social-icon:focus svg polygon {
        fill: #fff
    }
    .amb-ui--footer__logo {
        width: 120px;
        clear: both;
        margin: 40px auto
    }
    .amb-ui--footer__logo:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--footer__logo svg {
        height: 45px
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--footer__logo {
        float: left;
        margin: 0 0 10px 0
    }
}

@media only screen and (min-width: 30em) {
    .amb-ui--footer .amb-ui--footer__col {
        float: left;
        max-width: 350px;
        margin-bottom: 20px
    }
    .amb-ui--footer .amb-ui--footer__col:not(:last-child) {
        margin-right: 80px
    }
}

@media screen,
projection {
    .amb-ui--header-primary--loggedout .amb-ui--header-secondary {
        text-align: center
    }
    .amb-ui--header-primary__wrapper {
        -webkit-transition: -webkit-transform .2s ease 0s;
        transition: transform .2s ease 0s;
        -webkit-transform: translate(-290px, 0);
        -ms-transform: translate(-290px, 0);
        transform: translate(-290px, 0);
        z-index: 11;
        position: fixed;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        top: 0;
        left: 0;
        bottom: 0;
        width: 290px;
        background: #fff
    }
    .amb-ui--active-burger .amb-ui--header-primary__wrapper {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-box-shadow: 4px 0 20px #212121;
        box-shadow: 4px 0 20px #212121
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--active-burger .amb-ui--header-primary__wrapper {
        background: transparent
    }
}

@media screen,
projection {
    .amb-ui--header-primary__inner {
        display: none;
        width: 290px;
        max-width: 1200px
    }
    
    .amb-ui--header-primary__inner.show {
        display: block;
    }
    .amb-ui--header-primary__user {
        display: block;
        height: 200px;
        padding-top: 30px;
        background: #005587;
    }
    .amb-ui--header-primary__user p {
        font-size: 12px;
        font-size: .75rem;
        color: #fff;
        line-height: 0px;
        margin: 0 20px
    }
    .amb-ui--header-primary__user p > a {
        margin-top: 10px
    }
    .amb-ui--header-primary__user--cif {
        height: 230px
    }
    .amb-ui--header-primary__usertitle {
        font-size: 26px;
        font-size: 1.425rem;
        color: #fff;
        font-family: 'Aleo', Georgia, "Times New Roman", serif;
        font-weight: normal;
        display: block;
        line-height: 35px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
/*        margin: 0 20px*/
    }
    .amb-ui--header-primary .amb-user--profile {
      box-shadow: 0 0 0 0;
    background: #DA291C;
    margin: 0 20px 30px 20px;
    }
    .amb-ui--header-primary .amb-user--profile:hover,
    .amb-ui--header-primary .amb-user--profile:active,
    .amb-ui--header-primary .amb-user--profile:focus {
        background: #DA291C;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        color: inherit
    }
    .amb-ui--header-primary__close {
        color: #fff;
        font-size: 30px;
        width: 60px;
        padding: 0;
        height: 60px;
        border: 0;
        text-align: center;
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: transparent
    }
    .amb-ui--header-primary__close span {
        margin: 0
    }
    .amb-ui--header-primary__brand {
        float: left;
        display: none
    }
    .amb-ui--header-primary__logo img{
        width:150%;
    }
    .amb-ui--header-primary__logo {
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        display: block;
        max-width: 185px;
        margin-top: 30px;
        max-height: 75px;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        background: transparent
    }
    .amb-ui--header-primary__logo:hover,
    .amb-ui--header-primary__logo:active,
    .amb-ui--header-primary__logo:focus {
        background: transparent;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        color: inherit
    }
    .amb-ui--header-primary__logo svg {
        max-width: 185px;
        max-height: 75px
    }
    .amb-ui--header-primary .amb-ui--button {
        min-width: auto
    }
    .amb-ui--nav-utils {
        float: right;
        text-align: right;
        margin-top: 60px;
        width: 100%;
        display: none;
    }
    .amb-ui--nav-utils ul {
        margin: 0
    }
    .amb-ui--nav-utils li {
        display: inline-block;
        position: relative;
        text-align: left
    }
    .amb-ui--nav-utils__link {
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        color: white;
        margin-right: 20px;
        text-decoration: none;
        display: none
    }
    .amb-ui--nav-utils li:nth-child(4) .amb-ui--nav-utils__text {
        /* font-size: 12px */
    }
    .amb-ui--nav-utils__link:hover,
    .amb-ui--nav-utils__link:active,
    .amb-ui--nav-utils__link:focus {
        background: transparent;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        color: #212121
    }
    .amb-ui--nav-utils__link .icon {
        color: white;
        font-size: 20px;
        position: relative;
        bottom: -7px;
        margin-right: 0px;
        margin-top: 5px    
    }
    .amb-ui--nav-utils__text {
        display: inline
    }
    li.primary a {
        color: white;
        margin: 5px;
        font-size: 1.30rem; /* Changed by pratap from 1.5 to 1.3 for BTP - 11045*/
        text-decoration: none; /* Added by pratap for BTP - 11045*/
      
    }
    .contact-num{
        padding:2%;
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--nav-utils__text {
        display: none
    }
}

@media only screen and (min-width: 64em) {
    .amb-ui--nav-utils__text {
        display: inline;
        color: white;
    }
    .amb-ui--nav-utils__link {
        display: inline-block;
    }    
}

@media only screen and (min-width: 48em) {
    .amb-ui--header-primary__wrapper {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: relative;
        background: #005587;
        left: auto;
        width: 100%;
    }
    .amb-ui--header-primary__inner {
        padding: 0 20px;
        height: 146px;
        width: auto;
        margin: 0 auto;
    }
    .amb-ui--header-primary__brand {
        display: block;
        width: 25%
    }
    .amb-ui--header-primary__close {
        display: none
    }
    .amb-ui--header-primary__user {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        height: auto;
        padding-top: 20px;
        background-color: transparent;
        width: 30%;
        float: right;
    }
 
    .amb-ui--header-primary__user-opened {
        
        padding-left: 16%;
        width: 75%;
     /* float: left; */
     }
    .amb-ui--header-primary__user .amb-ui--header-primary__usertitle {
        color: white;
    }
    .amb-ui--header-primary__user .amb-ui--header-primary__usertitle > span {
        font-size: .5em;
        color: #DA291C;
    }    
    .amb-ui--header-primary__user p {
        font-size: 14px;
        font-size:.839rem;
        /* font-size: .875rem; */
        color: rgba(255, 255, 255, 0.75);
    }
    .amb-ui--header-primary__user--cif {
        padding-top: 35px
    }
    .amb-ui--header-primary .amb-user--profile {
        display: none
    }
    /* .widget{ 
        width:80%;
    }*/
    .amb-ui--nav-utils {
        display: block;
        width: 41.66666%
    }
    .amb-ui--nav-utils .amb-baloon .amb-baloon__value {
        background: #eb1b5e;
        left: 18px;
        top: 5px
    }
}

@media only screen and (min-width: 75em) {
    .amb-ui--header-primary__inner {
        padding: 0
    }
    /* .amb-ui--header-primary__user-opened {
        padding-right: 36%;
        width: 68%;
        float: right;
     } */
}
@media only screen and (min-width: 30em) and  (max-width: 48em)  {
    
    /* .amb-ui--header-primary__user-opened {
        padding-right: 36%;
        width: 68%;
        float: right;
     } */
   }
@media only screen and (min-width: 118em) {
 
    .amb-ui--header-primary__user-opened {
        padding-right: 10%;
        width: 53%;
        float: right;
     }
}

@media screen,
projection {
    .amb-menu--list {
        font-size: 14px;
        font-size: .875rem;
        position: relative;
        margin-left: 20px;
        display: none
    }
}

@media only screen and (min-width: 48em) {
    .amb-menu--list {
        display: inline-block
    }
}

@media screen,
projection {
    .amb-menu--list.is-open .amb-menu--list__options {
        display: block
    }
    .amb-menu--list.is-open .amb-menu--list__main .icon {
        background: #243c7a;
        color: #fff
    }
    .amb-menu--list__main {
        text-decoration: none;
        cursor: pointer
    }
    .amb-menu--list__main .icon {
        -webkit-transition: background .25s ease 0s;
        transition: background .25s ease 0s;
        display: inline-block;
        vertical-align: 2px;
        font-size: 10px;
        margin-left: 10px;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 19px;
        border-radius: 50%
    }
    .amb-menu--list__main:hover,
    .amb-menu--list__main:focus {
        color: #243c7a
    }
    .amb-menu--list__main:hover .icon,
    .amb-menu--list__main:focus .icon {
        background: #243c7a;
        color: #fff
    }
    .amb-menu--list ul {
        z-index: 11;
        display: none;
        position: absolute;
        padding: 0 20px;
        margin: 0 0 -5px 0;
        top: 100%;
        left: 0;
        width: 280px;
        background-color: #f5f5f5;
        border: 1px solid #bdbdbd
    }
    .amb-menu--list ul .amb-user--profile-item {
        min-height: 40px
    }
    .amb-menu--list ul .amb-user--profile-item:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-menu--list ul .amb-user--profile-item:first-child {
/*        border-top: 0*/
    }
    .amb-menu--list ul .amb-user--profile-item__link {
/*        padding: 15px 0*/
    }
    .amb-menu--list ul .amb-user--profile-item__link-text {
        margin-left: 50px;
/*        padding-top: 5px*/
    }
    .amb-menu--list ul .amb-user--profile {
        margin: 0;
        display: block
    }
    .amb-menu--list ul:before {
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        background-color: #f5f5f5;
        border: 1px solid #bdbdbd;
        border-bottom: 0;
        border-left: 0;
        position: absolute;
        top: -7px;
        right: 70px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    ul.amb-menu--list__options li:last-child > a {
        color: #DA291C;
    }
}


@media screen,
projection {
    .amb-ui--primary-nav {
        -webkit-transition: -webkit-transform .2s ease 0s;
        transition: transform .2s ease 0s;
	    background: #005587;
	    display: block;
	    width: 290px;
	    position: fixed;
	    top: 150px;
	    bottom: 0;
	    left: 0;
	    overflow-y: scroll;
	    padding: 10px 0;
	    z-index: 11;
	    -webkit-transform: translate(-290px, 0);
	    -ms-transform: translate(-290px, 0);
	    transform: translate(-290px, 0);
    }
    .amb-ui--primary-nav__wrapper {
        display: block
    }
    .amb-ui--primary-nav__inner {
        margin: 0 auto;
        max-width: 1200px
    }
    .amb-ui--primary-nav__inner ul {
        margin: 0;
        display: block;
        width: 100%;
        height:48px;
    }
    .amb-ui--primary-nav__item {
        display: block;
        width: 100%
    }
    .amb-ui--primary-nav__item--bordered {
        border-top: 1px solid #bdbdbd;
        margin-top: 10px;
        padding-top: 10px
    }
}

@media only screen and (min-width: 64em) {
    .amb-ui--primary-nav__item {
        margin-right: 20px
    }
}

@media screen,
projection {
    .amb-ui--primary-nav__link {
     -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    font-size: 16px;
    font-size: 1rem;
    -webkit-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    -webkit-transition-property: -webkit-box-shadow, background;
    transition-property: box-shadow, background;
    position: relative;
    color: #fff;
    display: block;
    height: 48px;
    line-height: 48px;
    text-decoration: none;
    }
    .amb-ui--primary-nav__link:hover,
    .amb-ui--primary-nav__link:active,
    .amb-ui--primary-nav__link:focus {
        background: transparent;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        color: #fff;
    }
    .amb-ui--primary-nav__link .icon {
        color: #fff;
        display: inline-block;
        width: 30px;
        position: relative;
        bottom: -5px;
        text-align: center;
        font-size: 24px;
    }
    .amb-ui--primary-nav__link--highlight {
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        color: #eb1b5e
    }
    .amb-ui--primary-nav__link--highlight:hover,
    .amb-ui--primary-nav__link--highlight:active,
    .amb-ui--primary-nav__link--highlight:focus {
        background: transparent;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        color: #eb1b5e
    }
    .amb-ui--primary-nav__link:hover,
    .amb-ui--primary-nav__link:focus,
    .amb-ui--primary-nav__link:active,
    .amb-ui--primary-nav__link--active {
        -webkit-box-shadow: inset 4px 0 0 0 rgb(58, 122, 158);
        box-shadow: inset 4px 0 0 0 rgb(58, 122, 158);
        background: rgb(58, 122, 158);
    }
    .amb-ui--primary-nav .amb-baloon .amb-baloon__value {
        background: #005587;
        left: 27px;
        top: 7px;
    }
    body:before {
        -webkit-transition: background .4s ease 0s;
        transition: background .4s ease 0s;
        content: ' ';
        background: transparent;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 100%;
        z-index: 11
    }
    /*BEGIN - Mrinmoy - Added to show overlay on base page */
    body.amb-floating-open:before {
        background: rgba(0, 0, 0, 0.43);
        height: 100%;
        z-index: 12;
    }
    /*END - Mrinmoy - Added to show overlay on base page */
    body.amb-ui--active-burger {
        overflow-y: hidden;
        position: fixed
    }
    body.amb-ui--active-burger:before {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.5)
    }
}

@media only screen and (min-width: 48em) {
    body.amb-ui--active-burger:before {
        background: transparent;
        left: 0;
        right: 0;
        top: 0;
        bottom: 100%
    }
}

@media only screen and (max-width: 30em) {

    .amb-ui--primary-nav__link .icon {
        width:50px
    }
}

@media screen,
projection {
    body.amb-ui--active-burger .amb-ui--primary-nav {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        z-index: 11
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--primary-nav-wrapper {
        height: 60px
    }
    .amb-ui--primary-nav-wrapper--loggedout {
        height: 10px
    }
    .amb-ui--primary-nav-wrapper--loggedout .amb-ui--primary-nav {
        height: 10px
    }
    .amb-adhesive-init.amb-adhesive-header--inactive .amb-ui--primary-nav {
        -webkit-animation-name: amb-trans--amb-trans--menu-float--up;
        animation-name: amb-trans--amb-trans--menu-float--up;
        -webkit-animation-duration: .25s;
        animation-duration: .25s;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 0;
        animation-delay: 0;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        position: fixed;
        top: 0;
        left: 0;
        right: 0
    }
    .amb-adhesive-init.amb-adhesive-header--active .amb-ui--primary-nav {
        -webkit-animation-name: amb-trans--amb-trans--menu-float--down;
        animation-name: amb-trans--amb-trans--menu-float--down;
        -webkit-animation-duration: .25s;
        animation-duration: .25s;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-delay: 0;
        animation-delay: 0;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        position: fixed;
        top: 0;
        left: 0;
        right: 0
    }
    .amb-ui--primary-nav--loggedout {
        height: 10px;
        background: #005587;
        width: 100%;
    }
    .amb-ui--primary-nav {
        height: 60px;
        padding: 0;
        width: auto;
        position: relative;
        top: auto;
        overflow-y: auto;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        background: #005587;
        z-index: 10;
    }
    .amb-ui--primary-nav--fixed {
        position: fixed;
        top: 0;
        width: 100%
    }
    .amb-ui--primary-nav__inner {
        padding: 0 20px
    }
    .amb-ui--primary-nav__item {
        display: inline-block;
        width: auto;
        margin-right: 0
    }
    .amb-ui--primary-nav__item--mobile {
        display: none
    }
    .amb-ui--primary-nav__link {
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        font-size: 21px;
        font-size: 1.3125rem;
        color: #fff;
        display: inline-block;
        text-decoration: none;
        cursor: pointer;
        height: 48px;
        line-height: 60px;
        padding: 0 20px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .amb-ui--primary-nav__link:hover,
    .amb-ui--primary-nav__link:active,
    .amb-ui--primary-nav__link:focus {
        background: transparent;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        color: #fff
    }
    .amb-ui--primary-nav__link:hover,
    .amb-ui--primary-nav__link:focus,
    .amb-ui--primary-nav__link--active {
        outline: none;
        /* -webkit-box-shadow: inset 0 0 0 0 #DA291C; */
        /* box-shadow: inset 0 0 0 0 #DA291C; */
        background: transparent;
        color: white;
        border-bottom:1px white;
        font-weight:bold;
        text-decoration: underline;
        text-underline-position: under;
    }
    .amb-ui--primary-nav__link:focus {
        text-decoration: underline
    }
    .amb-ui--primary-nav__link .icon {
        /* display: none */
        color: white;
    }
}

@media only screen and (min-width: 75em) {
    .amb-ui--primary-nav__inner {
        padding: 0
    }
}

@media screen,
projection {
    .amb-adhesive-header--inactive .amb-ui--header-secondary {
        top: -60px
    }
    .amb-adhesive-header--active .amb-ui--header-secondary {
        top: 0
    }
    .amb-ui--header-secondary {
        -webkit-transition: top .2s ease 0s;
        transition: top .2s ease 0s;
        height: 60px;
        text-align: right;
        position: fixed;
        background: #fff;
        z-index: 5;
        top: 0;
        left: 0;
        width: 100%;
        display: block;
        padding: 0;
        border-bottom: 1px solid #bdbdbd
    }
}

@media only screen and (min-width: 48em) {
    .amb-ui--header-secondary {
        display: none
    }
}

@media screen,
projection {
    .amb-ui--header-secondary__logo {
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        display: inline-block;
        /* width: 111px; */
        /* margin-top: 9px; */
        /* margin-right: 15px; */
    }
    .amb-ui--header-secondary__logo:hover,
    .amb-ui--header-secondary__logo:active,
    .amb-ui--header-secondary__logo:focus {
        background: transparent;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
        color: inherit
    }
    .amb-ui--header-secondary__logo svg {
        width: 111px;
        height: 40px
    }
    a.amb-ui--header-secondary__logo img {
        height: 65px;
        float: right;
        padding-left: 320px;
    }
    .amb-ui--header-secondary__link {
        position: absolute;
        display: block;
        text-align: left;
        left: 15px;
        top: 13px;
        width: 40px;
        height: 40px;
        color: #212121;
        font-size: 32px
    }
    .amb-ui--header-secondary__link--right {
        right: 15px;
        text-align: right;
        left: auto
    }
    .amb-ui--header-secondary__burger {
        position: absolute;
        display: block;
        width: 18px;
        border: 0;
        background: transparent;
        height: 12px;
        left: 20px;
        top: 25px
    }
    .amb-ui--header-secondary__burger:before,
    .amb-ui--header-secondary__burger:after,
    .amb-ui--header-secondary__burger span {
        content: ' ';
        display: block;
        width: 100%;
        height: 2px;
        line-height: 1px;
        border-radius: 2px;
        background: #243c7a;
        position: absolute;
        left: 0
    }
    .amb-ui--header-secondary__burger span {
        top: 50%;
        margin-top: -1px
    }
    .amb-ui--header-secondary__burger:before {
        top: 0
    }
    .amb-ui--header-secondary__burger:after {
        bottom: 0
    }
    .widget {
        margin-bottom: 20px;
        overflow-wrap: break-word
    }
    .amb-ui--view-box--bordered {
        border: 1px solid #e0e0e0
    }
    .amb-ui--view-box--background {
        background: #fff
    }
    .amb-ui--view-box--highlight {
        border-left: 6px solid #e0e0e0
    }
    .amb-ui--view-box--highlight-alt {
        border-left: 6px solid #43c6ca
    }
    .amb-ui--view-box--banner {
        background: #005587;
        color: #fff;
        padding: 12px 20px 0px;
        position: relative;
        line-height: 15px;
    }
    .amb-ui--view-box--banner:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--view-box--banner__header {
        color: #fff;
        margin: 0;
        /* padding-right: 43px */
        font-size: 1.05em;
        padding-top: 5px; 
    }
    .amb-ui--view-box--banner__header.two�line {
                padding-top:0px;
	}
    .amb-ui--view-box--banner__header h5 {
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;   
    }
    .amb-ui--view-box--banner .icon {
        font-size: 26px;
        font-size: 1.625rem;
        /* position: absolute;
        right: 17px; */
        top: 10px
    }
	.amb-ui--consent-box--banner {
        background: #005587;
        color: #fff;
        padding: 12px 0px 12px 10px;
        position: relative;
        line-height: 15px;
    }
    .amb-ui--consent-box--banner:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-ui--consent-box--banner__header {
        color: #fff;
        margin: 0;
        /* padding-right: 43px */
        font-size: 1.05em;
        padding-top: 5px; 
    }
    .amb-ui--consent-box--banner__header h5 {
        font-family: Oswald-Bold, Arial, Helvetica, sans-serif;   
    }
    .amb-ui--view-box--area {
        background: #fff;
        padding: 20px;
        position: relative
    }
    .amb-ui--view-box--area--shaded {
        background: #e0e0e0
    }
    .amb-ui--view-box--progressive-content {
        -webkit-transition: max-height .5s ease 0s;
        transition: max-height .5s ease 0s;
        max-height: 0;
        background: #fff;
        overflow: hidden
    }
    .amb-ui--view-box--toggle {
        -webkit-transition: -webkit-transform .25s ease 0s;
        transition: transform .25s ease 0s;
        color: #212121;
        display: block;
        cursor: pointer;
        font-size: 16px;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 20px;
        right: 20px;
        text-align: center
    }
    .amb-ui--view-box--toggle .icon {
        margin: 0
    }
    .widget.is-open .amb-ui--view-box--progressive-content {
        max-height: 999px
    }
    .widget.is-open .amb-ui--view-box--toggle {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    .widget .amb-ui--button {
        margin: 0 auto
    }
    .amb-ui--view-box--amb-ui--button-group a {
        text-align: center;
        margin-bottom: 10px
    }
    .widget a {
        overflow: hidden;
        text-overflow: ellipsis
    }
    .widget img {
        height: auto;
        width: 100%
    }
    .amb-ui--view-box--amb-ui--brand-light .amb-ui--view-box--area {
        background: #fff
    }
    .amb-ui--view-box--amb-ui--brand-light .amb-ui--view-box--area table {
        border: 0
    }
    .amb-ui--view-box--amb-ui--brand-light .amb-ui--view-box--area tr {
        background: #fff
    }
    .amb-ui--view-box--amb-ui--brand-light .amb-ui--view-box--area td {
        border: 0;
        padding: 5px
    }
    .amb-ui--view-box--amb-ui--brand-light .amb-ui--view-box--area td:last-child {
        text-align: right
    }
    .amb-ui--view-box--amb-ui--brand-light .amb-ui--view-box--area a {
        display: initial
    }
    .widget footer {
        text-align: center;
        background: #fff;
        padding: 0 20px 20px
    }
    .widget[fin-mod-progress] {
        cursor: pointer
    }
    .widget[fin-mod-progress]:active,
    .widget[fin-mod-progress]:focus,
    .widget[fin-mod-progress]:hover {
        outline: 2px solid #243c7a
    }
    .amb-auth--options-group .amb-ui--option-box--input__button {
        width: 102px;
    }
    .auth-block {
        /* position: relative; */
        padding: 44px;
    }
    .amb-auth--options-block p {
        margin: 0;
        margin-bottom: 25px;
    }
    .amb-auth--options-block__close {
        display: block;
        font-size: 70px;
        color: #212121;
        /* position: absolute; */
        right: 10px;
        top: 30%;
        margin-top: 0px;
        /* width: 100%; */
        /* height: 59px; */
        line-height: 30px;
        text-align: center
    }
    .amb-auth--options-block__close-email {
        display: block;
        font-size: 70px;
        color: #212121;
        /* position: absolute; */
        right: 10px;
        top: 30%;
        margin-right: 15%;
        margin-top: 0px;
        /* width: 100%; */
        /* height: 59px; */
        line-height: 30px;
        text-align: center
    }
    .move-left {
        display: block;
        font-size: 33px;
        /* right: 6px; */
        /* top: 30%; */
        margin-left: -30px;
        margin-top: 30px;
        width: 100%;
        /* height: 59px; */
        line-height: 30px;
        text-align: center;
    }
    .move-right {
        display: block;
        font-size: 33px;
        /* right: 6px; */
        /* top: 30%; */
        margin-top: 8px;
        margin-left: -122%;
        width: 100%;
        /* height: 59px; */
        line-height: 30px;
        text-align: center;
    }
   /* .move-left{
        display: block;
        font-size: 70px;
      
        right: 10px;
       
        margin-top: 30px;
        width: 100%;
       
        line-height: 30px;
        text-align: center
    }  */
    /* .amb-auth--options-block__close-sliding {
        display: block;
        font-size: 30px;
        color: #212121;
        /* position: fixed; */
        left: 4%;
        /* top: 0%; */
        margin-top: 8px;
        margin-left: -29px;
        /* margin-top: 0px; */
        /* width: 100%; */
        /* height: 59px; */
        line-height: 30px;
        text-align: center
    } */
    .amb-auth--options-block__close-sliding-left {
        display: block;
        font-size: 30px;
        color: #212121;
        position: absolute;
        /* right: 20px; */
        /* top: 0%; */
        margin-top: 0px;
        /* width: 100%; */
        /* height: 59px; */
        line-height: 30px;
        text-align: center
    }
    .amb-auth--sec-val .amb-ui--input {
        /* width: 40px; */
        width: 25px;
        float: left;
        margin-right: 10px;
        text-align: center
    }
    .amb-auth--sec-val__group:after {
        content: '';
        display: table;
        clear: both
    }
    .amb-locator--search-carousel .carousel {
        margin-bottom: 0
    }
    .amb-locator--search-widget {
        padding: 30px 20px 20px
    }
    .amb-locator--search-widget h3 {
        font-size: 28px;
        font-size: 1.75rem;
        font-family: 'Aleo', Georgia, "Times New Roman", serif;
        margin-bottom: 0
    }
    .amb-locator--search-amb-ui--view-box--close {
        display: block;
        position: absolute;
        top: 5px;
        right: 5px;
        width: 20px;
        height: 20px;
        text-align: center
    }
    .amb-locator--search-widget .amb-locator--search-results__listing {
        position: static;
        height: 310px;
        width: auto;
        padding: 0 15px;
        margin: 0
    }
    .amb-locator--search-widget .amb-locator--search-results__listing .amb-ui--slide-control--item-inner {
        font-size: 12px;
        font-size: .75rem;
        line-height: 16px;
        padding: 20px 40px 0
    }
    .amb-locator--search-widget .amb-locator--search-results__listing .amb-ui--slide-control--item-inner li {
        margin-bottom: 0
    }
    .amb-locator--search-widget .amb-locator--search-results__listing .amb-ui--slide-area--horizontal {
        height: 300px
    }
    .amb-locator--search-widget .amb-locator--search-results__control {
        right: 20px
    }
    .amb-locator--search-widget .amb-locator--search-results__pagination {
        right: 40px
    }
    .amb-locator--det-window {
        padding-top: 20px
    }
    .amb-locator--det-window h5,
    .amb-locator--det-window p {
        color: #212121
    }
    .amb-locator--det-window h5 {
        margin-bottom: 5px
    }
    .amb-locator--search {
        margin: 0 auto;
        max-width: 1200px;
        text-align: center;
        padding: 0 0 35px 0
    }
    .amb-locator--search__inner {
        margin: 0 auto;
        display: inline-block;
        padding: 0 15px;
        position: relative;
        width: 100%
    }
}

@media only screen and (min-width: 37.5em) {
    .amb-locator--search__inner {
        max-width: 500px;
        padding-bottom: 45px;
        text-align: center
    }
}
@media print {
	a {
        text-decoration: underline;
		color: #0000ff
        
    }
	img {
        display: block;
        margin: 12px 0
    }
	a img {
        border: 0
    }
    body {
        font: 12px 'New Century Schoolbook', 'Times New Roman', TimesNR, Times, serif;
		text-align: left;
		color: #000000;
		background: #ffffff;
    }
}
@media screen,
    projection {
        
    .payee-biller--section span.ad-hoc {
        float: right;
    }       
    .payee-biller--section span.payee--delete {
        float: right;
    }
}
@media only screen and (min-width: 48em) {
    .payee-biller--section span.ad-hoc {
        margin-right: 5%
    }       
/*
    .payee-biller--section span.payee--delete {
        margin-right: 12%
    }
*/
}
<!--  MEDIA QUERIES Added by RITU on 25th FEB -->

@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */
 	.scrollable{
	overflow-y: scroll;
   	position: relative;
   	overflow-x: hidden;
   	height: 450px;
	} 
	.scrollable.customScrollHeight{
	height:385px;
	}
	 .amb-ui--option-box--input__button--active:focus,
    .amb-ui--option-box--input__button--active:hover {
        height:79px;
    }
    .amb-ui--option-box--input--large .amb-ui--option-box--input__button {
	   height: 79px;
    }
    
    .amb-ui--option-box--input--large .icon {
	    font-size: 35px;
    }
    .amb-ui--option-box--input__text {
		 font-size: 12px;
   }
   .amb-auth--options-group .amb-ui--option-box--input__button {
	    width: 93px;
	}
	.amb-ui--option-box--input--large .amb-ui--option-box--input__text {
    padding: 7px;
    }
    .content--has-sidebar .account-page__summary {
    margin: 0 15px 20px 15px;
    width: 90%;
	} 
	.content--has-sidebar .non-account-page__summary {
    margin: 0 15px 20px 15px;
    width: 90%;
}  
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
 	 .scrollable{
	overflow-y: scroll;
   	position: relative;
   	overflow-x: hidden;
   	height: 450px;
	} 
	.scrollable.customScrollHeight{
	height:385px;
	}
	 .amb-ui--option-box--input__button--active:focus,
    .amb-ui--option-box--input__button--active:hover {
        height:79px;
    }
     .amb-ui--option-box--input--large .amb-ui--option-box--input__button {
	   height: 79px;
    }
    .amb-ui--option-box--input--large .icon {
	    font-size: 35px;
    }
    .amb-ui--option-box--input__text {
		 font-size: 12px;
   }
   .amb-auth--options-group .amb-ui--option-box--input__button {
	    width: 93px;
	}
	.amb-ui--option-box--input--large .amb-ui--option-box--input__text {
    padding: 7px;
    }
    .content--has-sidebar .account-page__summary {
    margin: 0 15px 20px 15px;
    width: 90%;
  	}
  	 .content--has-sidebar .non-account-page__summary {
    margin: 0 15px 20px 15px;
    width: 90%;
  }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
  	.scrollable{
	overflow-y: scroll;
   	position: relative;
   	overflow-x: hidden;
   	height: 425px;
	} 
	.scrollable.customScrollHeight{
	height:377px;
	}
	 .amb-ui--option-box--input__button--active:focus,
    .amb-ui--option-box--input__button--active:hover {
        height:79px;
    }
     .amb-ui--option-box--input--large .amb-ui--option-box--input__button {
	   height: 79px;
    }
    .amb-ui--option-box--input--large .icon {
	    font-size: 35px;
    }
    .amb-ui--option-box--input__text {
		 font-size: 12px;
   }
   .amb-auth--options-group .amb-ui--option-box--input__button {
	    width: 98px;
	}
	.amb-ui--option-box--input--large .amb-ui--option-box--input__text {
    padding: 7px;
    }
    .content--has-sidebar .account-page__summary {
    margin: 0 15px 20px 15px;
    width: 90%;
	}
	.content--has-sidebar .non-account-page__summary {
    margin: 0 15px 20px 15px;
    width: 90%;
}
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */
 	.scrollable{
	overflow-y: scroll;
   	position: relative;
   	overflow-x: hidden;
   	/* Added by ritu on 23032018 */
   	height: 615px;
	} 
	.scrollable.customScrollHeight{
	height:480px;
	}
	 .amb-ui--option-box--input__button--active:focus,
    .amb-ui--option-box--input__button--active:hover {
        height:79px;
    }
     .amb-ui--option-box--input--large .amb-ui--option-box--input__button {
	   height: 79px;
    }
    .amb-ui--option-box--input--large .icon {
	    font-size: 35px;
    }
    .amb-ui--option-box--input__text {
		 font-size: 12px;
   }
   .amb-auth--options-group .amb-ui--option-box--input__button {
	    width: 98px;
	}
	.amb-ui--option-box--input--large .amb-ui--option-box--input__text {
    padding: 7px;
    }
    .content--has-sidebar .account-page__summary {
      width: 90%;
	}
	.content--has-sidebar .non-account-page__summary {
      width: 90%;
}
@media (min-width:1025px){
	.scrollable {
	overflow-y: scroll;
    position: relative;
    overflow-x: hidden;
    /* height: 750px; */
    height: 522px;
	}
	.scrollable.customScrollHeight{
	height:490px;
	}
	 .amb-ui--option-box--input__button--active:focus,
	    .amb-ui--option-box--input__button--active:hover {
	        height:79px;
	 }
	 .amb-ui--option-box--input--large .amb-ui--option-box--input__button {
	   height: 79px;
    }
    .amb-ui--option-box--input--large .icon {
	    font-size: 35px;
    }
    .amb-ui--option-box--input__text {
		 font-size: 12px;
   }
   .amb-auth--options-group .amb-ui--option-box--input__button {
	    width: 98px;
	}
	.amb-ui--option-box--input--large .amb-ui--option-box--input__text {
    padding: 7px;
    }
   .content--has-sidebar  .account-page__summary {
    width: 90%;
	}
	.content--has-sidebar  .non-account-page__summary {
    width: 90%;
}

@media only screen
and (max-device-width: 640px),
only screen and (max-device-width: 667px),
only screen and (max-width: 480px)
{
 .scrollable {
	overflow-y: scroll;
    position: relative;
    overflow-x: hidden;
    height: 450px;
	} 
	.scrollable.customScrollHeight{
	height:383px;
	}
	 .amb-ui--option-box--input__button--active:focus,
	    .amb-ui--option-box--input__button--active:hover {
	        height:79px;
	 }
	  .amb-ui--option-box--input--large .amb-ui--option-box--input__button {
	   height: 79px;
    }
    .amb-ui--option-box--input--large .icon {
	    font-size: 35px;
    }
    .amb-ui--option-box--input__text {
		 font-size: 12px;
   }
   .amb-auth--options-group .amb-ui--option-box--input__button {
	    width: 90px;
	}
	.amb-ui--option-box--input--large .amb-ui--option-box--input__text {
    padding: 7px;
    }
    .amb-ui--primary-nav__item--non-mobile{
    display:none;
    }
    .content--has-sidebar .account-page__summary {
    margin: 0 15px 20px 15px;
    width: 90%;
	}
	.content--has-sidebar .non-account-page__summary {
    margin: 0 15px 20px 15px;
    width: 90%;
}
@media (min-width: 641px){
	.scrollable-transaction {
    overflow-y: scroll;
    position: relative;
    overflow-x: hidden;
    height: 587px;
}
}
/* @media only screen and (min-width: 48em)
.account-page__summary {
    margin: 0;
}
.non-account-page__summary {
    margin: 0;
} */