/* Test */
/* Defaults */
/*@font-face {
    font-family: 'futura_lt_bt_light';
    src: url(../fonts/futura_light_bt-webfont.eot);
    src: url(../fonts/futura_light_bt-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/futura_light_bt-webfont.ttf) format("truetype"), url(../fonts/futura_light_bt-webfont.svg#AftaserifRegular) format("svg");
}

@font-face {
    font-family: 'FuturaHvBTHeavy';
    src: url(../fonts/futura-hv-bt-heavy-webfont.eot);
    src: url(../fonts/futura-hv-bt-heavy-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/futura-hv-bt-heavy-webfont.ttf) format("truetype"), url(../fonts/futura-hv-bt-heavy-webfont.svg#futurahvbtheavyheavy) format("svg");


@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700');

    } */

@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/montserrat-v12-latin_cyrillic-regular.eot);
    src: local('Montserrat'), local('montserrat-v12-latin_cyrillic-regular'), url(../fonts/montserrat-v12-latin_cyrillic-regular.ttf) format("truetype"), url(../fonts/montserrat-v12-latin_cyrillic-regular.svg) format("svg"), url(../fonts/montserrat-v12-latin_cyrillic-regular.woff) format('woff') url(../fonts/montserrat-v12-latin_cyrillic-regular.woff2) format('woff2');
}


.hide-show {
    float: right;
    padding: 0 0.5em;
    margin-top: -29px;
    position: relative;
    text-decoration: underline;
    color: #00947a;
}

.current-hide-show {
    float: right;
    padding: 0 0.5em;
    margin-top: -29px;
    position: relative;
    text-decoration: underline;
    color: #00947a;
}

.confirm-hide-show {
    float: right;
    padding: 0 0.5em;
    margin-top: -29px;
    position: relative;
    text-decoration: underline;
    color: #00947a;
}

* {
    -webkit-hyphens: none;
    box-sizing: border-box;
}

.is-ie9 .marL5,
.lt-ie9 .marL5,
.latestIE .marL5 {
    margin-left: 5.4em;
}

.marT-1 {
    margin-top: -1.5em;
}

.mB2 {
    margin-bottom: 2em;
}

.marB-1 {
    margin-bottom: -1em;
}

.MarTB43 {
    margin: 43px 0px;
}

html {
    color: #424242;
    font-size: 1em;
    line-height: 1.4;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: #f2f2f2;
}

.floatRight {
    float: right;
}


.mobile-menu {
    display: none;
}

::-moz-selection {
    background-color: #d9d9d9;
    color: #333;
    text-shadow: none;
}

::selection {
    background-color: #d9d9d9;
    color: #333;
    text-shadow: none;
}

::-webkit-input-placeholder {
    color: #000;
}

:-moz-placeholder {
    color: #000;
}

::-moz-placeholder {
    color: #000;
}

:-ms-input-placeholder {
    color: #000;
}

body {
    font-family: 'Montserrat', Arial, sans-serif;
    margin: 0;
    position: relative;
    background-image: url("img/BackgroundMain.png"), url("img/BackgroundFoot.png");
    height: 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: top, bottom;
    background-size: 100% 70%, 100% 30%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    width: 100%;
    *zoom: 1;
}

body:before {
    content: " ";
    display: table;
}

body:after {
    content: " ";
    display: table;
    clear: both;
}

.container {
    margin: 0 auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-family: 'Montserrat', Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 0;
}

h1 {
    font-size: 2.1875em;
}

.thin h1 {
    text-align: center;
    margin-bottom: 30px;
}

h2 {
    font-size: 1.5625em;
}

h3 {
    font-size: 1.25em;
}

h4 {
    font-size: 1.125em;
}

p {
    font-variant-numeric: old style-nums proportional-nums;
}

a {
    color: #282828;
    transition: all .25s ease;
    text-decoration: underline;
}

.mgn_l10 {
    margin-left: 10px;
}

.noline a {
    text-decoration: none;
}

a:visited {
    color: #009677;
}

a:hover {
    text-decoration: underline;
    color: #009677;
}

a:focus {
    outline: dotted 1px;
    color: #002e26;
}

a:hover,
a:active {
    outline: 0;
}

hr {
    display: block;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
}

hr.dotted {
    border-top: dotted 1px #bfbfbf;
    margin-top: 30px;
}

img {
    border-width: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    height: auto;
}

svg:not(:root) {
    overflow: hidden;
}

canvas,
iframe,
video,
svg {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

blockquote {
    margin: 1.5em;
}

:focus {
    outline-color: transparent;
    outline-style: none;
}

.bold {
    font-weight: 700;
}

.bolder {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: bold;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: block;
    clear: both;
    position: relative;
}

.alignMiddle,
.unsuccessfullTick.alignMiddle {
    vertical-align: middle !important;
}

.displayInline {
    display: inline-block;
}

/* Buttons */
.btn {
    -webkit-appearance: none;
    padding: 12px 25px;
    border-radius: .2em;
    border: 0;
    color: #fff;
    background-color: #84bd00;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    text-shadow: none;
    font-size: 14px;
    line-height: 1.2;
    font-family: 'Montserrat', Arial, sans-serif;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.blueBtn {
    background-color: #0097b3;
    padding: .75em 1em;
}

.lt-ie9 .btn {
    *display: inline;
    zoom: 1;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.btn:hover {
    background-color: #50b848;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

a.btn {
    color: #fff;
    text-decoration: none;
}

.btn-wide {
    display: block;
    width: 100%;
    text-align: center;
}

a:focus,
.btn:focus {
    outline: none;
}

button[disabled]:hover {
    cursor: not-allowed;
    background-color: #ccc;
}

/* Form Elements */
input[type="text"],
input[type="tel"],
input[type="password"],
select,
.type-text {
    padding: 10px 15px 10px 7px;
    font-size: 1em;
    background: #e7eaeb;
    border-radius: 2px;
    border: solid 1px #e2e2e2;
    position: relative;
    margin: 0;
    font-family: 'Montserrat', Arial, sans-serif;
    outline: none;
    box-shadow: none !important;
    -webkit-appearance: none;
}

[disabled] {
    background-color: #ccc;
}

select {
    height: 38px;
    cursor: pointer;
    text-transform: none;
    margin-bottom: 20px;
    text-indent: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/custom-select-arrow.png) 100% 50% no-repeat #e7eaeb;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
    width: 100%;
}

input[disabled] {
    opacity: .4;
    border: solid 1px #ebebeb;
    color: #000;
}

.is-ie9 input[disabled] {
    opacity: .4;
    border: none !important;
    color: #000000;
}

select[disabled] {
    opacity: .6;
    background-color: #ebebeb;
    color: rgb(128, 128, 128);
}

input[disabled]:hover {
    background: none repeat scroll 0 0 #ebebeb;
}

label {}

input:focus {
    background: #f6f6f6;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.form-shadowed {
    border: solid 1px #ddd;
    position: relative;
}

.form-shadowed:after {
    content: "";
    display: block;
    height: 1em;
    position: absolute;
    right: 0;
    bottom: -1em;
    left: 0;
    background: url(../img/header_shadow.png) repeat-x;
}

.form-thin {
    max-width: 601px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}

.form-thin fieldset {
    margin: 0 auto;
    padding: 50px;
}

.form-error {
    background-color: #fbd3cc;
}

fieldset.fieldnumber {
    max-width: 35em;
    margin: 1em auto;
}

.lt-ie9 select {
    height: 2.8em;
}

.is-ie9 select {
    height: 2.76em;
}

.lt-ie9 select {
    text-align: center;
}

.android select {
    padding: 10px;
}

.label-additional {
    display: block;
    margin: 0 0 20px;
    text-transform: none;
    font-size: 1em;
}

.fullWidth select {
    width: 100%;
}

.label-wide {
    display: block;
    position: relative;
}

.input-wide {
    display: block;
    width: 100%;
    max-width: 100%;
}

.input-full {
    width: 100%;
    max-width: 100%;
}

/* i */
i {
    background: url(../img/info_icon_grey.png) no-repeat 0 0;
    width: 22px;
    height: 22px;
    padding-left: 30px;
    display: inline-block;
    vertical-align: middle;
}

.i {
    display: inline-block;
    width: 1em;
    height: 1em;
}

.lt-ie9 .i {
    *display: inline;
    zoom: 1;
}

i.why-icon {
    background-image: url(../img/info_icon_grey.png);
}

i.why-icon-info {
    background-image: url(../img/info_icon.png);
}

i.phone {
    background: url(../img/phone.png) no-repeat left top;
    width: 36px;
    height: 28px;
    margin-left: -2px;
}

i.arrorw {
    background-image: url(../img/arrow_grey.png);
    background-position: 50% 50%;
    width: 13px;
    height: 22px;
    margin: 0 14px;
}

i.cellphone {
    background-image: url(../img/cellphonenew.png);
    width: 26px;
    height: 45px;
    margin: 0;
    background-position: 50% 50%;
}

#UpgradeUser i.cellphone {
    margin: 0 14px 0 0;
}

i.cellphone-bub {
    background-image: url(../img/cellphonesms.png);
    width: 32px;
    height: 45px;
    margin: 0;
}

i.tick {
    background: url(../img/check.svg) no-repeat left center;
    width: 20px;
    height: 15px;
    right: -2.5em;
    position: absolute;
}

.lt-ie9 i.tick {
    background: url(../img/check.png) no-repeat left center;
}

.lt-ie9 select {
    padding-bottom: 11px;
}

i.SuccessTick {
    background-image: url(../img/check_2.png);
    width: 20px;
    height: 38px;
    right: -2em;
    bottom: 1.2em;
    position: absolute;
    padding-left: 41px !important;
    padding-top: 3px;
}

.lt-ie9 i.SuccessTick {
    background: url(../img/check_2.png);
}

i.nonSuccessTick {
    background-image: url(../img/cross2.png);
    width: 20px;
    height: 38px;
    margin-top: 1px;
    right: -2em;
    bottom: 1.2em;
    position: absolute;
    padding-left: 38px !important;
    margin-left: -66px;
}

i.PendingTick {
    background-image: url(../img/pending.png);
    width: 20px;
    height: 38px;
    margin-top: 1px;
    right: -2em;
    bottom: 1.2em;
    position: absolute;
    padding-left: 41px !important;
}

.successmarR {
    margin-right: 7em;
}

i.tick.relGreen,
i.SuccessTick.relGreen {
    position: relative;
    width: auto;
    padding-left: 35px;
    color: #333;
    height: 21px;
    right: 0;
    display: block;
    font-family: 'Montserrat', Arial, sans-serif;
    font-style: normal;
}

i.nonSuccessTick,
i.PendingTick.relGreen {
    position: relative;
    width: auto;
    padding-left: 27px;
    color: #333;
    right: 0;
    font-style: normal;
    font-family: 'Montserrat', Arial, sans-serif;
}

.confirmationContainer {
    display: block;
    position: relative;
}

i.cross {
    background-image: url(../img/cross.png);
    width: 14px;
    height: 15px;
    position: absolute;
    right: -2.5em;
    bottom: 40px;
}

i.cross.fixed {
    width: auto;
    font-family: 'Montserrat', Arial, sans-serif;
    background-image: url(../img/alert.svg);
    font-style: normal;
    position: static;
    display: block;
    padding-left: 35px;
    margin-bottom: 16px;
    height: 22px;
    background-position: left center;
}

.lt-ie9 i.fixed {
    background: url(../img/alert.png);
}

i.disabled {
    width: auto;
    background-image: url(../img/disabled.svg);
    position: static;
    font-style: normal;
    color: #ff0606;
    display: block;
    padding-left: 25px;
    height: 16px;
    background-position: left center;
}

.lt-ie9 i.disabled {
    background: url(../img/disabled.png);
    background-repeat: no-repeat;
}

i.error-cross {
    background-image: url(../img/cross.png);
    width: 27px;
    height: 15px;
}

.i-large {
    display: inline-block;
    width: 4em;
    height: 4em;
}

.lt-ie9 .i-large {
    *display: inline;
    zoom: 1;
}

.i-inline {
    position: relative;
    top: .25em;
    margin-right: .5em;
}

.i-right {
    position: absolute;
    top: 0;
    right: 0;
}

.i-right-large {
    position: absolute;
    top: -1.25em;
    right: 0;
}

.lt-ie9 .i-right-large {
    top: 0;
    right: -1.5em;
}

.i-error {
    background: transparent url(img/warning.svg) 0 0 no-repeat;
    background-size: 1em;
}

.lt-ie9 .i-error {
    background: transparent url(img/warning.png) 0 0 no-repeat;
}

.i-lock {
    background: transparent url(img/lock.svg) 0 0 no-repeat;
    background-size: 1em;
}

.lt-ie9 .i-lock {
    background: transparent url(img/lock.png) 0 0 no-repeat;
}

.i-chevron {
    background: transparent url(img/chevron-green.svg) 0 0 no-repeat;
    background-size: 4em;
}

.lt-ie9 .i-chevron {
    background: transparent url(img/chevron-green.png) 0 0 no-repeat;
}

.i-addwebsitearrow {
    background: transparent url(../img/addwebsitearrow.png) 0 0 no-repeat;
    margin-top: 8px;
    margin-left: 4px;
    padding-left: 0;
    display: inline-block;
}

.i-pending {
    background: transparent url(img/pending.png) 0 0 no-repeat;
    margin-left: .5em;
}

.lt-ie9 .i-addwebsitearrow {
    background: transparent url(../img/addwebsitearrow.png) 0 0 no-repeat;
    margin-top: .37em;
}

.nav-progress-item-future .i-chevron {
    background: transparent url(img/chevron-grey.svg) 0 0 no-repeat;
    background-size: 4em;
}

.lt-ie9 .nav-progress-item-future .i-chevron {
    background: transparent url(img/chevron-grey.png) 0 0 no-repeat;
}

.label-checkbox .input-checkbox+.i-checkbox {
    margin-right: .25em;
    background-color: #bfbfbf;
}

.label-checkbox .input-checkbox:checked+.i-checkbox {
    background: transparent url(img/checkbox.svg) 0 0 no-repeat;
    background-color: #bfbfbf;
    background-size: .75em;
    background-position: .15em .15em;
}

.lt-ie9 .label-checkbox .input-checkbox:checked+.i-checkbox {
    background: transparent url(img/checkbox.png) 0 0 no-repeat;
}

i.unsuccessfullTick {
    background-image: url(../img/unsuccessful_small.png);
    height: 66px;
    width: 66px;
    margin-right: 20px;
    float: none;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

.thisSpanIcon {
    float: left;
}

.thisSpanText {
    float: right;
    width: 80%;
}

.unsuccessContainer {
    background-color: #FFF0E4;
    padding-top: 0em;
}

i.lockedUser {
    background-image: url(../img/orangelock.png);
    height: 66px;
    width: 66px;
    margin-right: 20px;
    float: left;
}

.noMarginTop {
    margin-top: 0px;
}

.da-msg {
    display: inline-block;
    width: 80%;
    font-family: 'Montserrat', Arial, sans-serif;
}

.center {
    text-align: center;
}

.displayBlock {
    display: block;
}

.unsuccessContainer {
    background-color: #FFF0E4;
    padding-top: 0em;
}

.unsuccessContainer .left-span {}

.unsuccessContainer fieldset {}



.MT1 {
    margin-top: 1em !important;
}

/* Arrows */
.nextArrow {
    margin-bottom: 0;
    padding-right: 1em;
    position: relative;
    display: inline-block;
    text-align: center;
    color: #333;
}

.arrow-right {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #84bd00;
    margin: 0;
    vertical-align: middle;
}

.arrow-left {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #84bd00;
    margin: 0;
    vertical-align: middle;
}

.green-arrow-l {
    border-right: 5px solid #009677;
    border-left: none;
    margin: 0 0 2px 10px;
}

.green-arrow-r {
    border-left: 5px solid #009677;
    border-right: none;
    margin: 0 10px 2px 0;
}

.arrow-down {
    position: absolute;
    top: 31px;
    right: 7px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #009677;
}

.arrow-d {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #009677 transparent;
    float: right;
    margin-right: 0;
    margin-top: 10px;
}

.arrow-u {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #aaa transparent transparent transparent;
    float: right;
    margin-right: 0;
    margin-top: 10px;
}

/* Accordions */
.accordionItem {
    border-bottom: 1px dotted #e0e0e0;
}

.accordionTitle a {
    display: block;
    text-transform: none;
    text-decoration: none;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 0 26px;
    background: url(../img/accordianClosed.png) left center no-repeat;
    color: #3e3e3e;
    outline: 0;
}

.active .accordionTitle a {
    background-image: url(../img/accordianOpen.png);
}

.accordionTitle h2 {
    width: auto;
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.accordionText {
    display: none;
    padding: 6px 20px 0 51px;
    font-size: 14px;
    background: url(../img/openAccordionGradient2.png) repeat-x top #f7f8f8;
}

.accordionTitle h3 {
    margin: 13px 0;
}

.bdrTop {
    border-top: 1px dotted #e0e0e0;
}

.nonAccordianContent {
    padding: .3% 8% 0;
}

.nonAccordianContent {
    padding: .3% 8% 0;
}

.accordionTitle {
    margin: 0 10px 0 29px;
}

.nonAccordianContent a {
    font-size: 16px;
    display: block;
    font-family: 'Montserrat', Arial, sans-serif;
}

.nonAccordianContent p {
    font-size: 14px;
    margin-bottom: 25px;
}

.accordionText a {
    text-decoration: underline;
    display: block;
}

.accordianColumn {
    float: left;
    width: 66%;
    border: solid 1px #dadada;
}

/* Nav */
#hamburger,
.dl-menuwrapper {
    display: none;
}

.nav-progress {
    list-style-type: none;
    margin: 0;
    padding: 32px 50px 26px;
    border-bottom: solid 1px #ddd;
    font-size: .9em;
    counter-reset: nav-progress-counter;
    text-align: center;
    color: #bfbfbf;
    background: #fcfcfc;
    box-shadow: 0 -8px 9px -2px #eee inset;
}

.nav-progress-item {
    margin-bottom: 0;
    padding-right: 1em;
    position: relative;
    display: inline-block;
    text-align: center;
    color: #333;
}

.lt-ie9 .nav-progress-item {
    *display: inline;
    zoom: 1;
}

.nav-progress .progress-icon,
.nav-progress .progress-icon-future,
.progress-icon-passed {
    display: block;
    background: url(../img/white-progress-arrow.png) no-repeat center #009677;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin: 0 auto;
}

.nav-progress .progress-icon-future {
    background: url(../img/white-progress-arrow.png) no-repeat center #c1c1c1 !important;
}

.nav-progress .progress-icon-passed {
    background: url(../img/white-progress-arrow.png) no-repeat center #84bd00 !important;
}

.nav-progress .progress-text.last {
    background-image: none;
}

.nav-top {
    *zoom: 1;
    max-width: 65em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    height: 85px;
    position: relative;
}

.nav-top:before {
    content: " ";
    display: table;
}

.nav-top:after {
    content: " ";
    display: table;
    clear: both;
}

.nav-top ul {
    padding: .5em 0 .5em 3em;
}

.lt-ie9 .nav-top ul {
    float: right;
}

.nav-main {
    text-transform: uppercase;
    margin-bottom: 3em;
}

.nav-main a {
    text-decoration: none;
}

.nav-main a:hover {
    color: #fff;
    background: #009677;
}

.nav-main .active a {
    color: #fff;
    background: #009677;
}

.nav-main .active a:hover {
    background: #009677;
}

.nav-main li {
    margin-right: 1em;
}

.nav-pad {
    position: relative;
    border: solid 1px #bfbfbf;
    margin-bottom: 1em;
}

.nav-pad:after {
    content: "";
    display: block;
    height: 1em;
    position: absolute;
    right: 0;
    bottom: -1em;
    left: 0;
    background: -webkit-linear-gradient(top, #ebebeb 0%, #fff 100%);
    background: linear-gradient(to bottom, #ebebeb 0%, #fff 100%);
    border-top: solid 1px #bfbfbf;
}

.nav-pad ul {
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.nav-pad ul>li {
    border-top: dotted 1px #bfbfbf;
}

.nav-pad ul a {
    padding: 1.5em;
    display: block;
}

.nav-pad ul p {
    padding-right: 1.5em;
    padding-bottom: 1.5em;
    padding-left: 1.5em;
    margin-top: 0;
    margin-bottom: 0;
}

.nav-pad .role_group {
    background-color: #ebebeb;
    background: -webkit-linear-gradient(top, #bfbfbf 0%, #ebebeb 5%, #ebebeb 100%);
    background: linear-gradient(to bottom, #bfbfbf 0%, #ebebeb 5%, #ebebeb 100%);
    border-top: none;
}

.nav-pad .role_group li:first-child {
    border-top: none;
}

.header-nav {
    padding: 1.6em;
    border-bottom: dotted 1px #bfbfbf;
    margin-bottom: 0;
    *zoom: 1;
}

.header-nav:before {
    content: " ";
    display: table;
}

.header-nav:after {
    content: " ";
    display: table;
    clear: both;
}

.nav-top ul {
    float: right;
}

/* Error */
.error-text {
    color: #eb3410;
}

.error-bg {
    background-color: #fbd3cc;
}

.gcserror #FirstName {
    border: solid 1px #eb3410;
}

.gcserror #Surname {
    border: solid 1px #eb3410;
}

.has-error .msg-error {
    color: #eb3410;
}

.has-error input,
.has-error-not-matching input,
.has-error select,
.has-error-dob input,
.has-error .pseudoSelect,
.has-error .pseudoSelect2 {
    margin-bottom: .25em;
    border: solid 1px #eb3410 !important;
}

.msg-error-gcs-validate {
    display: block;
    visibility: visible;
}

.has-error-required .msg-error-required {
    display: block;
    visibility: visible;
}

.has-error-required .country-list-load-failed {
    display: block;
    visibility: visible;
}

.has-error-required .msg-error-required-additional {
    display: block;
    visibility: visible;
}

.has-error-wrong-username-or-password .msg-error-wrong-username-or-password {
    display: block;
    visibility: visible;
}

.has-error-account-locked .msg-error-account-locked {
    display: block;
    visibility: visible;
}

.has-error-account-disabled .msg-error-account-disabled {
    display: block;
    visibility: visible;
}

.has-error-password-mismatch .msg-error-password-mismatch {
    display: block;
    visibility: visible;
}

.has-error-username-invalid .msg-error-username-invalid {
    display: block;
    visibility: visible;
}

.has-error-cellphone-invalid .msg-error-cellphone-invalid {
    display: block;
    visibility: visible;
}

.has-error-password-invalid .msg-error-password-invalid {
    display: block;
    visibility: visible;
}

.has-error-cellphone-invalid-za .msg-error-cellphone-invalid-za {
    display: block;
    visibility: visible;
}

.has-error-not-matching .msg-error-not-matching {
    display: block;
    visibility: visible;
}

.has-error-length .msg-error-length {
    display: block;
    visibility: visible;
}

.has-error-pattern-match .msg-error-pattern-match {
    display: block;
    visibility: visible;
}

.invalidRSAid .id-failed-pattern {
    display: block;
    visibility: visible;
}

.gcserrorCellphone .msg-error-pattern-za {
    display: block;
    visibility: visible;
}

.gcserrorCellphone2 .msg-error-nonZAerror {
    display: block;
    visibility: visible;
}

.has-error-pattern-za .msg-error-pattern-za {
    display: block;
    visibility: visible;
}

.has-error-pattern-match .msg-error-pattern-match-additional {
    display: block;
    visibility: visible;
}

.has-error-unique-user #unique-user {
    display: block;
    visibility: visible;
}

.invalidDOB .msg-error-nomatch-withID {
    display: block;
    visibility: visible;
}

.has-error-unique-user .not-unique-user {
    display: block;
    visibility: visible;
}

.has-error-select-country-Passport .msg-error-required1,
.has-error-select-country-NonRSA .msg-error-required2 {
    display: block;
    visibility: visible;
}

.has-error-select-gender .msg-error-select-gender {
    display: block;
    visibility: visible;
}

.has-error-greater-than .msg-error-greater-than {
    display: block;
    visibility: visible;
}

.has-error-isnan .msg-error-isnan-match {
    display: block;
    visibility: visible;
}

.has-error-dist-channel .msg-error-distribution-channel {
    display: block;
    visibility: visible;
}

.msg-error-nonZAerror .msg-error-pattern-NonZA {
    display: block;
    visibility: visible;
}

.msg-error-nonZAerror .msg-error-nonZAerror {
    display: block;
    visibility: visible;
}

.overwrite-has-error #input-cellphone {
    outline: solid 1px #bfbfbf !important;
    border: none;
}

.gcserror .has-error input,
.gcserror .has-error .pseudoSelect {
    border: none !important;
}

.msg-error {
    font-family: 'Montserrat', Arial, sans-serif;
    display: none;
    visibility: hidden;
    color: #eb3410;
    text-transform: none;
    margin-bottom: 1em;
    text-align: left;
}

.msg-error-alt {
    text-align: left;
}

a#error-pop-up {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
}

:invalid {
    box-shadow: none;
    outline: 0;
}

.errorContainer {
    margin-left: 5em;
    color: red;
    width: 80%;
    margin-top: -5em;
}

.error-cross-cell {
    margin-top: 2em;
    margin-left: 4em;
}

.errorContainer p {
    margin-top: -1em;
}

.errorMessage {
    color: red;
    width: 100%;
    font-family: 'Montserrat', Arial, sans-serif;
    margin: 0 0 30px;
}

p.Invalid-cellno.msg-error,
p.service-error.msg-error {
    border: solid 1px;
    padding: 10px;
}

#linkSmsMessage {
    display: none;
}

/* Shadows */
.shadow-bottom-curve {
    position: relative;
    background: #fff;
    padding-bottom: 1em;
}

.shadow-bottom-curve:after {
    content: "";
    display: block;
    width: 80%;
    height: 2em;
    position: absolute;
    right: 0;
    bottom: -1em;
    left: 10%;
    border-radius: 50%;
    z-index: -1;
    background: -webkit-linear-gradient(top, #ebebeb 0%, #fff 100%);
    background: linear-gradient(to bottom, #ebebeb 0%, #fff 100%);
}

.no-cssgradients .shadow-bottom-curve:after {
    border-bottom: solid 1px #ebebeb;
    border-radius: 0;
    background: transparent;
    bottom: -1.5em;
}

.no-cssgradients .main:after {
    border-bottom: solid 1px #ebebeb;
    border-radius: 0;
    background: transparent;
    bottom: -1.5em;
}

.shadow-top-inner {
    background-color: #ebebeb;
    background: -webkit-linear-gradient(top, #bfbfbf 0%, #ebebeb 5%, #ebebeb 100%);
    background: linear-gradient(to bottom, #bfbfbf 0%, #ebebeb 5%, #ebebeb 100%);
}

.shadow-top-inner li:first-child {
    border-top: none;
}

.shadow-top-none {
    background-color: #fff;
}

/* Siphas styles*/

i.success_icon {
    background-image: url(/content/img/successful_icon.png);
    height: 66px;
    width: 66px;
    margin-right: 10px;
    vertical-align: top;
}

.leftOfIcon {
    display: inline-block;
    width: 65%;
}

.ml15 {
    margin-left: 31px;
}

.marT2 {
    margin-top: 2em !important;
}

.matB10 {
    margin-bottom: 10.5px;
}

.marT {
    margin-top: 25px;
}

.successContainer .left-span {
    margin-left: 0;
}

.try_again_icon {
    margin-right: 15px;
}

.marB2 {
    margin-bottom: 2em !important;
}

.usernameContainer i.successPasswordPortal {
    margin-top: 14px;
}


.check_cellphone {
    margin-top: -46px;
}

.tech_error_page {
    padding-top: 1.5em;
}

.username_sent {
    margin-top: -40px;
    margin-bottom: 44px;
    width: 36.9em;
}

.height121 {
    height: 121px;
}

.margin30 {
    margin: 30px 0;
}

.marR2 {
    margin-right: 2em;
}

.small_content_container {
    position: relative;
    border: solid 2px #e2e2e2;
    margin-bottom: 3em;
    padding: 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 1.5em 2em 1.5em 1em;
    margin-top: 30px;
    color: #666666;
}

.marB2 {
    margin-bottom: 2em !important;
}

.usernameContainer i.successPasswordPortal {
    margin-top: 14px;
}

.normal {
    color: black;
}

.check_cellphone {
    margin-top: -46px;
}

.tech_error_page {
    padding-top: 1.5em;
}

.username_sent {
    margin-top: -40px;
    margin-bottom: 44px;
    width: 36.9em;
}

.height121 {
    height: 121px;
}

.margin30 {
    margin: 30px 0;
}

.marR2 {
    margin-right: 2em;
}

.small_content_container {
    position: relative;
    border: solid 2px #e2e2e2;
    margin-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 1.5em 2em 1.5em 1em;
    margin-top: 30px;
    color: #666666;
}

.emailError i.unsuccessfullTick {
    background-image: url(/content/img/unsuccessful_icon.png);
    height: 81px;
    width: 88px;
    margin-top: 14px;
    margin-right: 6px;
}

.emailError .floatNone {
    float: none !important;
}

.emailError .unsuccessContainer {
    background-color: #FFF0E4;
    padding-top: 0em;
}

.emailError .unsuccessContainer .left-span {
    margin-left: 10.5em;
}

.emailError .unsuccessContainer fieldset {
    padding-top: 1em;
}

.height112 {
    height: 121px;
}

.emailError .MT1 {
    margin-top: -1.5em !important;
    margin-bottom: -1em !important;
}

/*End siphas styles*/
/* Classes */
main {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
    background-color: #fff;
}

.main {
    position: relative;
    background: transparent;
}

.country-list-load-failed {
    margin-bottom: 0;
}

#countryListError {
    border: 1px solid #eb3410;
    padding: 20px 20px 0 20px;
    margin-bottom: 25px;
}

.greyInfoText {
    color: #666666;
}

strong.ff14 {
    font-size: 14px;
}

.ua-safari strong {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: bold;
}

.footer-shadow {
    height: 24px;
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    margin: 30px auto 0;
    background: url('/content/img/footer.png') no-repeat 50% 100% transparent;
    background-size: contain;
}

.inlineFlex {
    display: inline-flex;
}

.gcserrorCellphoneCompare .blockGroupMsg,
.gcserrorCellphone .blockGroupMsg,
.gcserrorCellphone2 .blockGroupMsg,
.gcserror .errorGroup,
.invalidDOB .errorGroup2,
.invalidRSAid .errorGroup3,
.invalidNumberCombo .errorGroup4,
.cellNoInvalid .errorGroup,
.gcserrorCellphone .blockGroupMsg {
    border: 1px #eb3410 solid;
    padding: 3%;
    margin-bottom: 20px;
}

.gcserror .gcs-error-group {
    display: block;
    visibility: visible;
    padding-top: 8px;
}

.browsehappy {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0;
}

.bordered {
    border: solid 1px #ebebeb;
    background-color: #fff;
}

.show {
    display: block;
    visibility: visible;
}

.debug {
    border: solid 1px red;
}

.no-tt {
    text-transform: uppercase !important;
}

.dib {
    display: inline-block;
}

.lt-ie9 .dib {
    *display: inline;
    zoom: 1;
}

.uc {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.ttn {
    text-transform: none;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.tal {
    text-align: left;
}

.tdn {
    text-decoration: none;
}

.no-bull {
    list-style: none;
}

.rule {
    border-top: solid 2px #c6c6c6;
    border-right: none;
    border-bottom: none;
    border-left: none;
}

.scroll-here {
    background-color: #cfd5d7;
}

.rule-light {
    border-top: solid 1px #dfdfdf;
    border-right: none;
    border-bottom: none;
    border-left: none;
}

.rule-alt {
    border-top: dotted 1px #ababab;
    border-right: none;
    border-bottom: none;
    border-left: none;
}

.list-inline {
    margin: 0;
    padding: 0;
}

.list-inline a {
    margin-right: 2em;
    line-height: 1.5;
    vertical-align: middle;
    display: inline-block;
}

.list-inline .redirect {
    display: inline-block;
    vertical-align: middle;
}

.list-inline li {
    display: inline-block;
}

.profileLinks li:last-child {
    padding-right: 0;
}

.lt-ie9 .list-inline li {
    float: left;
}

.list-divided li:first-child a {
    border-left: 0;
}

.list-spaced {
    margin: 0;
}

.list-spaced li {
    margin-bottom: .5em;
}

.fwb {
    font-weight: 700;
}

.fwn {
    font-weight: 400;
}

.h-huge {
    font-size: 3.4375em;
}

.small-font {
    font-size: .75em;
}

.h-main {
    padding-bottom: .5em;
    margin-bottom: .75em;
    border-bottom: solid 1px #ebebeb;
}

.intro-content {
    font-family: "futura_lt_bt_light";
    font-size: 1.25em;
}

.has-icon {
    position: relative;
    padding-right: 1.5em;
}

.has-icon-large {
    position: relative;
    padding-right: 3.5em;
}

.boxout-heading {
    display: block;
    margin-bottom: 7px;
    font-weight: bold;
}

.boxout-info {
    background: #cfe1dd;
    min-height: 50px;
    margin-top: 0;
    color: #009677;
}

.boxout-info .Black {
    color: #333;
}

.boxout {
    padding: 30px;
    float: left;
    width: 100%;
    margin-bottom: 1.6em;
}

#NewUser {
    background: url(/content/img/Success_icon.png) #f0f5ec no-repeat left center;
    background-position: 32px 22px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 72px;
}

#RegularUser {
    background: url(/content/img/lock.png) #cfe1dd no-repeat 5px 1px;
    background-size: 20px 26px;
    margin: 0;
    padding: 0 0 0 35px;
}

#UpgradeUser {
    background: #cfe1dd no-repeat 0 0;
    padding: .5em 1em;
}

.disableCustomSelect {
    opacity: .4;
}

.disableCustomSelect .defaultOption {
    color: #000000;
}

.is-ie9 .disableCustomSelect .defaultOption,
.lt-ie9 .disableCustomSelect .defaultOption {
    color: #999999;
}

#slide2 {}

#slide2 .links {
    margin: 0 0 10px 9px;
}

.boxout-error {
    color: #eb3410;
    background-image: url(../img/warning.svg);
    background-position: 1em center;
    background-repeat: no-repeat;
    padding-left: 4em;
    border: solid 1px #eb3410;
    background-color: #fbd3cc;
}

.boxout-error a {
    color: #eb3410;
    font-weight: 700;
}

.boxout-alert {
    background-color: #fbd3cc;
}

.overflow-container {
    overflow-y: scroll;
}

.aspect-ratio {
    height: 0;
    padding-top: 56.25%;
    position: relative;
}

.aspect-ratio--object {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
}

.no-m {
    margin: 0;
}

.no-p {
    padding: 0;
}

.no-mp {
    margin: 0;
    padding: 0;
}

.no-mp-centered {
    margin: 0 auto;
    padding: 0;
}

.thin {
    max-width: 601px;
    margin-left: auto;
    margin-right: auto;
}

.wide {
    max-width: 66.875em;
    padding: 0 1.875em;
    margin-left: auto;
    margin-right: auto;
}

.l-pa {
    position: absolute;
}

.l-pr {
    position: relative;
}

.l-fl {
    float: left;
}

.l-fr {
    float: right;
}

.l-fn {
    float: none;
}

.pad-l {
    padding: 3em;
}

.progress-text {
    display: inline-block;
    margin-top: 15px;
    text-align: center;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 16px;
    color: #009677;
}

.progress-text.disabled-link {
    color: #999;
}

.last {
    background: url(../img/greyarrow.png) no-repeat right center;
}

.secure-sites-list {
    margin-top: 3em;
    margin-bottom: 3em;
}

.secure-sites-list:before {
    content: "";
    display: block;
    height: 1em;
    position: absolute;
    right: 0;
    top: -1em;
    left: 0;
    background: -webkit-linear-gradient(top, #fff 0%, #ebebeb 100%);
    background: linear-gradient(to bottom, #fff 0%, #ebebeb 100%);
    border-bottom: solid 1px #bfbfbf;
}

.secure-sites-list .header-nav {
    background-color: #ebebeb;
    background: -webkit-linear-gradient(top, #fff 0%, #ebebeb 100%);
    background: linear-gradient(to bottom, #fff 0%, #ebebeb 100%);
    border-bottom: none;
}

.lt-ie9 .secure-sites-list {
    display: inline;
    float: left;
    width: 64.58333333%;
    margin: 0 1.04166667%;
}

.lt-ie9 .secure-sites-list h3 {
    margin-bottom: 0;
}

.other-secure-sites h3 {
    margin-bottom: 0;
}

.lt-ie9 .other-secure-sites {
    display: inline;
    float: left;
    width: 31.25%;
    margin: 0 1.04166667%;
}

.lt-ie9 .view-other-secure-sites {
    display: none;
}

.has-children>a,
.role_group>a {
    position: relative;
}

.has-children>a:after,
.role_group>a:after {
    content: "";
    border-top: solid .5em #bfbfbf;
    border-right: solid .5em transparent;
    border-bottom: solid .5em transparent;
    border-left: solid .5em transparent;
    position: absolute;
    right: 1.5em;
    top: 2em;
}

.has-children>a:hover:after,
.role_group>a:hover:after {
    border-top: solid .5em #009677;
}

.role_group_detail {
    background-color: #fff;
}

.has-open-children>a:after {
    border-top: solid .5em transparent;
    border-bottom: solid .5em #bfbfbf;
    top: 1.5em;
}

.has-open-children>a:hover:after {
    border-top: solid .5em transparent;
    border-bottom: solid .5em #009677;
}

.is-hidden {
    display: none;
}

img.breadcrumbimg {
    margin-top: -5px;
}

.profile-not-matched {
    color: #eb3410;
}

.toLower {
    text-transform: lowercase !important;
}

.topBorderP {
    border-top: solid 1px #dadada;
    padding-top: 1em;
    width: 32em;
}

.noWidth {
    width: auto !important;
}

.floatnone {
    float: none !important;
}

.lt-ie9 label {
    font-size: 14px;
}

.label-small {
    display: inline;
    float: left;
    width: 44%;
}

.label-medium {
    display: inline;
    float: left;
    width: 56%;
    padding-left: 10px;
}

.tsandcs {
    display: inline;
    float: left;
    width: 97.91666667%;
    margin: 0 1.04166667%;
}

.h-logo {
    height: 85px;
    padding-right: 3em;
    border-right: dotted 1px #bfbfbf;
    float: left;
}

.h-logo img {
    margin-top: 24px;
}

#header {
    text-align: left;
    background: #fff;
    position: relative;
}

#header:after {
    content: "";
    display: block;
    height: 1em;
    position: absolute;
    right: 0;
    bottom: -1em;
    left: 0;
    background: url(../img/header_shadow.png) repeat-x;
    border-top: solid 0 #bfbfbf;
    z-index: 999;
}

.lt-ie9 #header {
    text-align: left;
}

.h-logo {
    display: inline-block;
}

.lt-ie9 .h-logo {
    *display: inline;
    zoom: 1;
}

.lt-ie9 .h-logo {
    padding-right: 1em;
    border-right: dotted 1px #bfbfbf;
    float: left;
}

[role="contentinfo"] {
    text-align: center;
    padding: 4em 0 2em;
    clear: both;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.troubleline {
    padding-right: 10px;
}

.margin-11 {
    margin: -21px 3px -11px;
}

.clearBoth {
    clear: both;
}

.noWrap {
    white-space: nowrap;
}

.margin29B {
    margin-bottom: 23px !important;
}

.italic {
    font-style: italic;
    text-transform: none;
}

.floatLeft {
    float: left;
}

.noMarginRight {
    margin-right: 0 !important;
}

.marL20 {
    margin-left: 10px;
}

.terms {
    margin-left: 8em;
    padding-top: 3px;
}

.marL12 {
    margin-left: 12em;
}

.mar24B {
    margin-bottom: 24px;
}

.marL6Neg {
    margin-left: -3px !important;
}

.mar2-T {
    margin-top: -2em;
}

.marT-20 {
    margin-top: -20px;
}

.marT15 {
    margin-top: 15px !important;
}

.marT18 {
    margin-top: 18px !important;
}

.marT25 {
    margin-top: 25px !important;
}

.marL-3 {
    margin-left: -3px !important;
}

.marL-15 {
    margin-left: 10px !important;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
}

.latestIE .portalSuccessBanner {
    margin-top: -62px;
}

.right {
    float: right;
}

.privacyPolicy li {
    list-style-type: disc;
}

.mar-0T {
    margin-top: 0;
}

.padR1 {
    padding-right: 1em;
}

.successmarR i {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 20px;
}

.addWebLink {
    margin-top: -29px;
    margin-bottom: 5px;
}

.ActiveSites {
    padding: 0 42px;
}

.noMargin {
    margin: 0;
}

.ActiveSites ul {
    padding: 0 0 0 17px;
    margin: 0 0 23px;
    list-style-type: none;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 18px;
}

.borTop {
    border-top: 1px #ccc solid;
    padding-top: 20px;
    margin-top: 40px;
}

.nornamlCase {
    text-transform: none;
}

.chevron {
    margin: 0 5px;
    color: #009677;
    font-size: 14px;
}

.normal {
    font-weight: 400;
}

.mar-2T {
    margin-top: -1em;
}

.errorWrapper.gcserrors {
    border: 1px #eb3410 solid;
    padding: 3%;
    margin-bottom: 20px;
}

.mar5B {
    margin-bottom: 2em;
}

.cancel-link {
    margin-right: 2em;
    text-decoration: none;
}

.successContainer {
    background-color: #F0F5EC;
}

.portalSuccessBanner {
    margin-top: -66px;
    width: 37.6em;
    margin-left: -2px;
    height: 75px;
}

.is-ie9 .portalSuccessBanner {
    margin-top: -63px;
}

.height100 {
    height: 92px;
}

.regPdn {
    padding: 50px 50px 0 !important;
}

.regPdn p {
    margin: 0;
    padding: 20px;
}

.successContainer a:hover {
    text-decoration: none;
}

.successContainer fieldset {}

.successContainer.portalSuccessBanner p {
    margin-left: 29%;
    margin-bottom: 1em;
    font-size: .9em;
}

i.successPassword {
    background-image: url(/content/img/Success_icon.png);
    height: 29px;
    width: 44px;
    margin-top: -11px;
}

.norepeat {
    background-repeat: no-repeat !important;
    margin-left: 12em;
    margin-right: 10em;
    padding-top: 0 !important;
    padding-bottom: 2em;
}

i.successPasswordPortal {
    background-image: url(/content/img/Success_icon_portal.png);
    height: 49px;
    width: 52px;
    margin-top: 3px;
    margin-bottom: -10px;
}

.left-span {
    margin-left: 9em;
}

.success-password {
    margin-left: 18em;
    width: 100%;
}

.bottom-btns {
    margin: 2em 3em 2em 5em;
}

.changepassportalhome {
    padding-right: 3em;
}

.changepassportalhome a:hover {
    text-decoration: none;
}

.noBorderTop {
    border-top: none !important;
}

.noBorderBottom {
    border-bottom: none !important;
}

.pop-up a {
    display: block;
    width: auto;
    text-decoration: none;
    margin-bottom: 1em;
    font-weight: 700;
    font-size: .85em;
}

.unitTrustList li {
    padding-bottom: 12px;
}

.notxtTransform {
    text-transform: none !important;
}

.gray-txt {
    color: #9b9b9b;
}

.pop-up-content {
    position: relative;
    border: solid 2px #E2E2E2;
    margin-bottom: 3em;
    color: #666;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 1.5em 2em 1.5em 1em;
}

.pop-up-sub {
    margin-left: 2.6em;
}

.secondary-button {
    background-color: #84bd00;
}

[disabled] {
    background-color: #ccc;
    color: #fff;
}

[disabled]:hover {
    cursor: not-allowed;
}

.is-ie9 [disabled],
is-ie8 [disabled],
.lt-ie9 [disabled] {
    background-color: #e7eaeb;
    border: 1px solid #bfbfbf;
    color: #000;
}

.is-ie9 [disabled]:hover,
is-ie8 [disabled]:hover {
    background-color: #f4f4f4;
    border: 1px solid #2f4f4f;
}

.usernameSuggested label {
    text-transform: none;
}

.noMarginBottom {
    margin-bottom: 0;
}

.marB175em {
    margin-bottom: 1.75em;
}

.noMarginTop {
    margin-top: 0;
}

.portal-user {
    background: url(../img/user.svg) no-repeat left center;
    background-position: 1px 2px;
    margin-right: 4px;
    display: inline-block;
    width: 14px;
    height: 15px;
}

.lt-ie9 .portal-user {
    background-image: url(../img/user.png);
    background-repeat: no-repeat;
    background-position: 1px 2px;
    display: inline-block;
    width: 14px;
    height: 15px;
}

.user {
    background: url(../img/user.svg) no-repeat left center;
    padding-left: 28px;
    font-family: 'Montserrat', Arial, sans-serif;
}

.lt-ie9 .user {
    background-image: url(../img/user.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.pop-up-content:before {
    border-color: rgba(128, 167, 168, 0);
    border-bottom-color: #E2E2E2;
    border-width: 16px;
    margin-left: -15px;
}

.otp-msg {
    width: 180px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0 1em;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
}

.c {
    clear: both;
}

.label-otp {
    float: left;
    width: 100%;
    margin: 0 0 26px 0;
}

#displayOTP {
    position: absolute;
    left: 0;
    right: 0;
}

#ReloadCountryList {
    display: block;
    padding: 10px 0 10px 0;
    text-transform: none;
}

.sendOTPerror,
.invalidOTP {
    float: left;
    width: 100%;
    clear: both;
    display: none;
}

.invalidOTPMessage {
    display: none;
    margin-bottom: 0;
    float: left;
    width: 100%;
}

.input-smaller {
    width: 8.3em;
}

.otp-msgTimer {
    display: inline-block;
    margin-top: 1.6em;
}

.red,
.red-text {
    color: #eb3410;
    text-transform: none;
    font-family: 'Montserrat', Arial, sans-serif;
}

.is-ie9 .not-unique-error {
    float: left;
    width: 100%;
}

.add-website {
    text-align: left !important;
    padding: 1em 2em 1em 0;
    list-style-type: none;
    margin: 0;
    margin-bottom: 0;
    border-bottom: solid 1px #bfbfbf;
    font-size: 1em;
    text-transform: uppercase;
    counter-reset: nav-progress-counter;
    color: #bfbfbf;
    height: 5em;
}

.add-website li {
    display: inline;
    color: #009677;
    padding-left: 17px;
    font-weight: bolder;
}

.borderBottom ul {
    padding-bottom: 25px !important;
    border-bottom: dotted 1px #bfbfbf;
}

.sitesContainer {
    padding: 1em 0 2em 1em;
}

.sitesContainer:before {
    content: "";
    display: block;
    height: 1em;
    position: absolute;
    right: 0;
    bottom: 4.88em;
    left: 0;
    background: -webkit-linear-gradient(top, #ebebeb 0%, #fff 100%);
    background: linear-gradient(to top, #ebebeb 0%, #fff 100%);
}

.textRight {
    text-align: right;
}

.textLeft {
    text-align: left;
}

.opt-msg-try-again.i.arrorw {
    height: 2em;
}

.otpDesc {
    font-family: 'Montserrat', Arial, sans-serif;
}

.OMHeader {
    margin-top: .2em;
    position: absolute;
    right: inherit;
}

.marB60 {
    margin-bottom: 60px;
}

.marB {
    margin-bottom: 1.75em;
}

.marTB {
    margin: 1.75em 0;
}

.noUl,
.noUl:hover {
    text-decoration: none;
}

.errMsgs span {
    width: 100%;
}

.troubleLogging label {
    text-transform: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #ebebeb inset;
    box-shadow: 0 0 0 1000px #ebebeb inset;
}

.properOTP {
    color: #eb3410;
    font-size: 1em;
    text-transform: none;
}

.pseudoLabel,
.pseudoLabel2 {
    font-family: 'Montserrat', Arial, sans-serif;
    text-transform: uppercase;
}

.pseudoSelect,
.pseudoSelect2 {
    background-color: #e7eaeb;
    padding: 10px 12px;
    cursor: pointer;
    position: relative;
    font-family: 'Montserrat', Arial, sans-serif;
}

.generatedLabel,
.generatedLabelCountrySelect {
    margin-bottom: 25px;
    font-family: 'Montserrat', Arial, sans-serif;
    text-transform: none;
}

.pseudoOptions,
.pseudoOptions2 {
    background-color: #e7eaeb;
    font-family: 'Montserrat', Arial, sans-serif;
    display: none;
    position: absolute;
    width: 100%;
    z-index: 999;
    left: 0;
    top: 42px;
}

.pseudoOptions a,
.pseudoOptions2 a {
    text-decoration: none;
}

.caret {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background-color: #cfd5d7;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.pseudoSelect:hover .caret,
.pseudoSelect2:hover .caret {
    background-color: #009677 !important;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.pseudoSelect:hover .caret span,
.pseudoSelect2:hover .caret span {
    border-top: 5px solid #fff;
}

.pseudoSelect-active .caret {
    background: #009677 !important;
}

.caret span {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #939495;
    margin: 17px 0 0 15px;
    vertical-align: middle;
    background: transparent;
}

.pseudoSelect-active .caret span {
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-bottom: 5px solid #fff !important;
    border-top: 0 solid transparent !important;
}

.marB29 {
    margin-bottom: 39px;
}

.pseudoOptions ul,
.pseudoOptions2 ul {
    margin: 0;
    padding: 0 0 10px;
    position: relative;
}

.pseudoOptions a,
.pseudoOptions2 a {
    font-family: 'Montserrat', Arial, sans-serif;
    color: #222;
    padding: 0 0 0 20px;
    display: block;
    z-index: 1000;
}

.pseudoOptions a:hover,
.pseudoOptions2 a:hover {
    text-decoration: none;
}

.pseudoOptions li,
.pseudoOptions2 li {
    padding: 0;
    margin: 0;
    cursor: pointer;
    list-style: none;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.pseudoOptions li:hover,
.pseudoOptions2 li:hover {
    background: #cfd5d7;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    transition: background-color .3s linear;
}

.styledbox {
    position: relative;
    display: block;
    height: 20px;
    margin: 15px 10px 27px 0;
    font-family: 'Montserrat', Arial, sans-serif;
}

.tickbox {
    top: 3px;
    left: 3px;
    padding-left: 25px;
}

.dynamicTnC {
    display: inline-block;
    margin-left: 3px;
}

.unchecked-checkBox {
    background: url(../img/checkbox.png) no-repeat;
    height: 20px;
    display: inline-block;
    cursor: pointer;
}

.lt-ie9 .unchecked-checkBox {
    background: url(../img/checkbox.png) no-repeat;
    height: 20px;
    display: inline-block;
    cursor: pointer;
}

.unselected-radioBox {
    background: url(../img/radio_unselected.png) no-repeat;
    height: 24px;
    display: inline-block;
    cursor: pointer;
    padding: 0 0 0 35px;
}

.lt-ie9 .unselected-radioBox {
    background: url(../img/radio_unselected.png) no-repeat;
    height: 24px;
    display: inline-block;
    cursor: pointer;
}

.is-ie9 .noMarginLeft,
.lt-ie9 .noMarginLeft {
    margin-left: 0em !important;
}

.tickedCheckBox {
    background: url(../img/checkbox_tick.png) no-repeat;
}

.lt-ie9 .tickedCheckBox {
    background: url(../img/checkbox_tick.png) no-repeat;
}

.selectedRadioBox {
    background: url(../img/radio_selected.png) no-repeat;
}

.lt-ie9 .selectedRadioBox {
    background: url(../img/radio_selected.png) no-repeat;
}

.OTPLeft {
    float: left;
    width: 100%;
    clear: both;
}

.f-heavy {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: bold;
}

.primary-links {
    float: left !important;
    margin-top: 25px;
}

.primary-links li:last-child a {
    margin-right: 0;
}

.profileLinks {
    right: 0;
    top: -49px;
    position: absolute;
    color: #009677;
    font-family: 'Montserrat', Arial, sans-serif;
    z-index: 1000;
}

.profileLink #logout {
    display: block;
    color: #fff;
}

.primary-links li a {
    text-decoration: none;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 1em;
    color: #333;
    border-bottom: solid 5px #fff;
}

.primary-links li a:hover {
    border-bottom: solid 5px #009677;
}

.primary-links li a.active {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: bold;
    border-bottom: solid 5px #009677;
}

a#logout,
a#logout,
a.orangeButton {
    display: inline-block;
    background: #f90;
    border-radius: 2px;
    padding: 4px 12px 3px;
    margin: 0;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

a.orangeButton:hover {
    background: #f60;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.myPortContainer {
    max-width: 601px;
    margin: 30px auto 0;
    border: solid 1px #dadada;
    border-bottom: solid 1px #fff;
    background-color: #fff;
}

#linkAddaWebsite {
    background: transparent;
    max-width: 67em;
}

.websitesContainer {
    float: left;
    width: 100%;
    clear: both;
}

#linkmyportalHome {
    background: #fff !important;
}

#linkmyportalHome h2 {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}

p.allCenter {
    text-align: center;
}

#yourWebsites {
    max-width: 65em;
    margin: 0 auto;
    border: solid 1px #bfbfbf;
    background: #fff;
}

.yourWebsites {
    max-width: 65em;
    margin: 0 auto;
}

.breadcrumStuff {
    max-width: 601px;
    margin: -22px auto 14px;
    padding: 10px 0;
    font-family: 'Montserrat', Arial, sans-serif;
}

.breadcrumStuff a {
    text-decoration: none;
    white-space: nowrap;
}

.breadcrumStuff>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thirdTier {
    cursor: default;
    color: #333;
}

a.thirdTier {
    color: #333;
}

.thirdTier:visited {
    outline: none;
}

#yourWebsites {
    max-width: 601px;
}

.yourWebsitesLinks {
    padding: 30px 40px 10px;
}

#yourWebsites h2,
.yourWebsites h2,
.myPortContainer h2 {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #333;
    margin: 0 1px !important;
    padding: 22px 0 22px 40px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    position: relative;
}

.dynamicHeader.ft-light {
    background: #fff;
    border-bottom: 1px dotted #ccc;
    box-shadow: 8px 0 0px #009677 inset;
    margin-left: 0 !important;
    filer: opacity(0) !important;
}

.dynamicText {
    display: inline-block;
}

.yourWebsitesLinks ul {
    padding: 10px 17px;
    margin: 0;
    list-style-type: none;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 18px;
}

.myPortContainer h4 {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 18px;
    color: #333;
    margin: 0 1px 1em 1px;
    padding: 10px 0;
    background-color: #f7f9fa;
    text-transform: none;
    border: dotted 1px #d8d8d8;
}

.futuraLight {
    font-family: 'Montserrat', Arial, sans-serif;
}

.noBorder,
.noBorder ul {
    border: none !important;
}

.addWebsiteLink {
    padding: 0 40px 20px !important;
}

.yourWebsitesLinks h3 ul {
    border-bottom: none;
}

.PendingSites p {
    color: #858585;
    padding: 0 58px 10px;
}

.PendingSites li {
    list-style-type: none;
}

.yourWebsitesLinks ul li a {
    font-size: 18px;
    color: #009677;
}

.yourWebsitesLinks ul li span {
    font-size: 16px;
    font-family: 'Montserrat', Arial, sans-serif;
    color: #858585;
}

.myPortContainer .add-a-website {
    color: #009677;
    font-size: 16px;
}

.drop-down-box {
    position: absolute;
    border: solid 1px #80a7a8;
    color: #009677;
    background: #fff;
    width: 159px;
    padding: 15px;
    top: 20px;
    right: 0;
    opacity: 0;
    z-index: 9999;
    -webkit-box-shadow: 2px 2px 12px -1px rgba(217, 210, 217, 1);
    -moz-box-shadow: 2px 2px 12px -1px rgba(217, 210, 217, 1);
    box-shadow: 2px 2px 12px -1px rgba(217, 210, 217, 1);
}

.drop-down-box a {
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #009677;
    font-size: 16px;
}

.drop-down-box:after,
.drop-down-box:before {
    bottom: 100%;
    left: 73%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.drop-down-box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 14px;
    margin-left: -14px;
}

.drop-down-box:before {
    border-color: rgba(128, 167, 168, 0);
    border-bottom-color: #80a7a8;
    border-width: 15px;
    margin-left: -15px;
}

#changePasswordDropBox {
    position: relative;
    margin-right: 15px;
}

#changePasswordDropBox .name {
    text-decoration: none;
    margin: 0 !important;
}

.TandC {
    text-align: center;
    margin-bottom: 80px;
}

.TandC ul {
    padding-left: 0;
}

.TandC a {
    color: #009677;
    font-size: 14px;
}

.TandC a:hover {
    text-decoration: none;
}

.padT15 {
    padding-top: 15px;
}

.marB0 {
    margin-bottom: 0;
}

.marB20 {
    margin-bottom: 20px;
}

.marB30 {
    margin-bottom: 30px;
}

.mar0 {
    margin: 0;
    font-family: 'Montserrat', Arial, sans-serif;
}

.marT0 {
    margin-top: 0 !important;
}

.marT25 {
    margin-top: 25px !important;
}

.marT60 {
    margin-top: 60px !important;
}

.marR35 {
    margin-right: 35px;
}

.marR10 {
    margin-right: 10px;
}

.marT30 {
    margin-top: 30px;
}

.textCenter {
    text-align: center;
}

span.dropArrow,
.lt-ie9 span.dropArrow {
    background: url(../img/dropdown_arrow.png) no-repeat;
    display: inline-block;
    width: 16px;
    height: 10px;
    background-position: 50% 100%;
    background-size: 15px;
}

.tandcs {
    text-transform: none;
}

.regLink {
    text-align: center;
    margin: 40px 0 0 0;
    font-size: 1.3em;
    line-height: 1;
}

#green-bar {
    height: 15px;
    width: 100%;
    background: #69b80d;
    background: -moz-linear-gradient(left, #69b80d 0%, #01624f 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #69b80d), color-stop(100%, #01624f));
    background: -webkit-linear-gradient(left, #69b80d 0%, #01624f 100%);
    background: -o-linear-gradient(left, #69b80d 0%, #01624f 100%);
    background: -ms-linear-gradient(left, #69b80d 0%, #01624f 100%);
    background: linear-gradient(to right, #69b80d 0%, #01624f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69b80d', endColorstr='#01624f', GradientType=1);
}

.green {
    color: #009677;
}

#footerRegLink {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

a#headerRegLink {
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 13px;
    margin-right: 1em !important;
}

.otpContainer {
    width: 110%;
    overflow-x: hidden;
    overflow-y: hidden;
}

.otp-height {
    height: 145px;
    display: table !important;
}

.otpButton {
    display: block;
    float: left;
}

.tableCell {
    display: table-cell;
    vertical-align: middle;
}

.icons {
    display: block;
    float: left;
}

.otpLabel {
    display: block;
    float: left;
    width: 160px;
}

#txtLinkCellphoneOTP {
    width: 6.3em;
}

ul.passwordPolicy li {
    width: 12em;
    float: left;
    list-style: bullet;
    text-transform: none;
}

ul.passwordPolicy {
    margin: 0;
    height: auto;
    padding: 4px 0 100px 17px;
}

.IntemediariesDetails label span {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: bold;
}

#tnc-default {
    text-transform: none;
}

.pushLi {
    margin-right: 3em;
}

.tooltip {
    cursor: pointer;
}

li.ToolTipLi {
    width: auto !important;
    position: relative;
}

.tooltipContent {
    z-index: 9999;
    background: #009677;
    opacity: .9;
    border-radius: 3px;
    padding: .8em;
    color: #fff;
    font-size: 11px;
    text-align: center;
    position: absolute;
    width: 172px;
    top: -40px;
    right: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    filter: alpha(opacity=90);
}

/*.no-placeholder-text #input-DateOfBirth {
	background: url(../img/date-slashes.png)no-repeat #e7eaeb 13px 17px
}*/
.no-placeholder-text #input-DateOfBirth:focus {
    background: #e7eaeb;
}

.is-ie9 .portalHome {
    background-position-y: 3px;
}

.is-ie9 .portalHome.active {
    background: url(../img/house-green.svg)no-repeat left 5px;
}

.is-ie9 .portalHome.active:hover {
    background: url(../img/house-green.svg)no-repeat left 5px;
}


.latestIE .portalHome {
    background: url(../img/house-grey.png);
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 5px;
    padding-left: 20px !important;
    margin-left: 0 !important;
}

.lt-ie9 .portalHome {
    background-position-y: 4px;
}

.portalHome {
    background: url(../img/house-grey.svg)no-repeat left center;
    padding-left: 20px !important;
    background-position: 0 4px;
    margin-left: 0 !important;
}

.latestIE .portalHome:hover {
    background-position-x: 0;
    background-position-y: 4px;
}

.is-ie9 .portalHome:hover {
    background-position-y: 3px;
}

.portalHome:hover {
    background: url(../img/house-green.svg)no-repeat left 4px;
}

.MB1 {
    margin-bottom: 1em;
}

.lt-ie9 .portalHome:hover {
    background: url(../img/house-green.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
}

.portalHome.active {
    background: url(../img/house-green.svg)no-repeat left 4px;
    padding-left: 20px;
}

.lt-ie9 .portalHome.active {
    background: url(../img/house-green.png);
    background-repeat: no-repeat;
    background-position: left 4px;
    padding-left: 20px !important;
}

.cellLocation {
    font-size: .8em;
    color: #8f8f8f;
}

.example {
    font-size: .8em;
    color: #8f8f8f;
}

.is-required {
    font-family: 'Montserrat', Arial, sans-serif;
}

.loggedout {
    font-size: 1.2em;
}

.secureSites {
    float: left;
    width: 33%;
    padding-top: 38px;
}

.secureSitesLinks li.active a {
    border-left: #009677 solid 6px;
}

.secureSitesLinks ul {
    padding-left: 0;
}

.ft-light {
    font-family: 'futura_lt_bt_light' !important;
}

.secureSitesLinks {
    position: relative;
}

.secureSitesLinks li {
    list-style: none;
    border-bottom: 1px dotted #e0e0e0;
}

.secureSitesArrow {
    background: url(../img/secureSitesArrow2.png);
    position: absolute;
    width: 21px;
    height: 39px;
    top: 2px;
    left: -8px;
}

.secureSitesLinks a {
    padding: 10px;
    display: block;
    color: #000;
    font-size: 14px;
    font-family: 'Montserrat', Arial, sans-serif;
}

.secureSitesLinks a:hover {
    text-decoration: none;
}

.secureSitesLinks li.active {
    background: #d4e8dc;
}

.secureSites h3 {
    padding-left: 40px;
    margin-bottom: -10px;
}

.myPortContainer:after {
    content: "";
    display: block;
    height: 2em;
    margin-bottom: -2em;
    margin-right: -1px;
    margin-left: -1px;
    background: url(../img/header_shadow.png) repeat-x;
    border-top: solid 0 #bfbfbf;
}

#linkAddaWebsite:after {
    margin-right: 354px;
    margin-left: 0;
}

.aboutContent ol {
    list-style: none;
    margin-top: 0;
}

.aboutContent .tar {
    text-align: right;
}

.aboutContent ol li span {
    margin-left: -29px;
    float: left;
}


.has-second-level ol li span {
    margin-left: -42px;
}

.txtCenter {
    text-align: center;
}

.TandC ul li {
    display: inline-block;
    padding-right: 20px;
}

#input-type-hidden-el {
    margin-bottom: 25px;
}

.non-rsa-help-text {
    text-transform: none;
    font-size: .8em;
    color: #8f8f8f;
    font-style: italic;
}

p#IdDOBvalidation {
    text-transform: none;
}

.marT4 {
    margin-top: 4px !important;
}

.padL20 {
    padding-left: 20px;
}

.marT34 {
    margin-top: 34px !important;
}

.noMarginBottom {
    margin-bottom: 0;
}

.noMarginTop {
    margin-top: 0;
}

.noTextTransform {
    text-transform: none !important;
}

.contactUsContainer .main {
    padding-bottom: 36px !important;
    background: #fff;
}

.contactUsContainer ul {
    padding-left: 20px;
}

.contactUsContainer i.phone {
    display: none;
}

.tabbedContent,
.passwordContainer {
    background: #fff;
}

#troubleLogging {
    float: left;
    margin-top: 21px;
}

a.unlockProfile {
    display: block;
    text-align: center;
    height: 27px;
    padding-top: 2px;
    padding-left: 8px;
}

.unlockprofile {
    background: url(../img/unlock.png) no-repeat 0 0;
    width: 32px;
    height: 41px;
    margin-right: 20px;
    display: inline-block;
}

input#OTP,
#txtLinkCellphoneOTP {
    width: 130px;
}

.lt-ie9 input[type="password"] {
    font-family: Helvetica, Arial, sans-serif;
}

#overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 100;
    display: none;
}

/* Loader */
.overlay.active {
    height: 100%;
    opacity: 1;
    position: fixed;
    width: 100%;
}

.overlay.active .loader {
    display: block !important;
}

.overlay {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    font-weight: 200;
    height: 0;
    left: 0;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 9999;
}

.loader {
    margin: 150px auto 0;
    width: 350px;
    text-align: center
}

.loading {
    width: 100%;
    display: none
}

.loading.active {
    display: block
}

.loading img {
    margin: 0 auto;
    display: block
}

.loader img {
    width: 50px
}

.overlay-dark.active {
    height: 100%;
    opacity: 1;
    position: fixed;
    width: 100%;
}

.overlay-dark {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    font-weight: 200;
    height: 0;
    left: 0;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 1100;
}



a.flipslide {
    margin: 10px 0 0 0;
    display: block;
    line-height: 1;
}

a.flipslide:hover {
    text-decoration: none;
}

#slide2 a.flipside {
    margin-left: 22px;
}

#slide2 .links {}

.scroller {
    height: 440px;
    width: 100%;
    overflow-y: scroll !important;
}

.codeTable .loader {
    background: url('/content/img/ajax-loader.gif') no-repeat 50% 50% transparent;
    width: 32px;
    height: 32px;
    margin-top: 0;
}

.ml15 {
    margin-left: 31px;
}

.try_again_icon {
    margin-right: 15px;
}

.tech_error_page {
    padding-top: 1.5em;
}

.margin30 {
    margin: 30px 0;
}

.small_content_container {
    position: relative;
    border: solid 2px #e2e2e2;
    padding: 1em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 1.5em 2em 1.5em 1em;
    margin-top: 30px;
    color: #666666;
    max-width: 100%;
    font-size: 15px;
}

/* Block Section */
#blockSection {
    min-height: 100px;
    display: table;
}

.block {
    display: table-cell;
    vertical-align: middle;
}

#block1,
#block2,
#block6,
#block7 {
    display: none;
}

.posRel {
    position: relative;
}

/*Error Styles*/
.errorIcon {
    background-image: url(../img/errorIcon.png);
    height: 66px;
    width: 66px;
    margin-right: 16px;
    vertical-align: top;
    white-space: nowrap;
}

i.successIcon {
    background-image: url(../img/SuccessIcon.png);
    height: 66px;
    width: 66px;
    margin-right: 16px;
    vertical-align: top;
    white-space: nowrap;
    display: inline-block;
}

.errorStyles fieldset,
.fieldSet50 {
    padding: 50px;
}

.fieldSet30 {
    padding: 30px !important;
    position: relative;
    border: solid 2px #E2E2E2;
    margin-bottom: 3em;
    color: #666;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.callCenterHours {
    padding: 30px 50px 50px 50px;
    font-family: 'Montserrat', Arial, sans-serif;
}

.helpContent {
    padding: 30px !important;
}

.arial {
    font-family: Arial, sans-serif;
}

.helpText {
    margin-left: 1.6em;
}

/* Media Queries */

@media print {

    @page {
        size: auto;
        margin: 25mm 10mm 25mm 10mm;
    }

    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    :before,
    :after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: none;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    a[href]:after {
        content: none !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .nav-top {
        height: 40px;
        margin: 0;
    }

    #header,
    .h-logo img {
        margin: 0 !important;
    }

    .bordered {
        border: none !important;
    }

    .thin {
        max-width: 100% !important;
    }

    .pad-l {
        padding: 0;
    }

    .Myprotalmenu,
    .l-fr,
    #dl-menu,
    .primary-links,
    .profileLinks,
    .btn-print,
    footer,
    .TandC,
    .nav-top ul,
    .footer-shadow,
    #green-bar,
    .no-print,
    .profileLinks {
        display: none !important;
    }
}

@media (max-width: 320px) {
    .container {
        padding: 0 0.675em;
    }

    .form-thin fieldset {
        padding: 30px !important;
    }
}

/* Phone - Small */
@media (max-width: 380px) {

    #UpgradeUser i.cellphone {
        display: none;
    }

    .try_again_icon {
        margin-right: 10px;
    }

    .ua-mobile-iphone .aboutContent ol li>span {
        line-height: 1.2;
    }

    select {
        background: url(../img/drop-arrow.png) 96% 50% no-repeat #e7eaeb;
    }

    .progress-text {
        display: inline-block;
        width: 58%;
        vertical-align: middle;
        line-height: 1.5 !important;
    }

    .myPortContainer .add-a-website {
        font-size: 14px;
    }

    .contactUsContainer h3 {
        font-size: 15px !important;
    }

    i.unsuccessfullTick,
    .errorIcon {
        display: none !important;
    }

    i.nonSuccessTick {
        right: -28px;
    }

    .successContainer .displayInline {
        width: 72%;
    }

    .successContainer i.successPassword {
        margin-top: 0;
        vertical-align: top;
    }

    #yourWebsites h2,
    .yourWebsites h2,
    .myPortContainer h2 {
        font-size: 16px;
    }

    #RegularUser {
        background: none;
        padding: 0;
    }

    #slide2 .links {
        padding-left: 20px;
    }

    .btnTroubleLogging {
        margin: 30px 0 0;
        width: 100%;
    }

    .why-icon {
        display: none;
    }

    .small_content_container {
        padding: 20px;
    }

    .small_content_container .ml15 {
        margin-left: 0 !important;
    }

    body {
        font-size: 14px !important;
    }

    .pop-up-sub {
        margin-left: 0 !important;
    }

    .dynamicTnC {
        display: block;
        margin-left: 12px !important;
    }

    .successContainer .left-span {
        margin-left: 0 !important;
    }

    i.success_icon {
        display: none !important;
    }

    .usernameContainer fieldset {
        padding: 30px !important;
    }

    .check_cellphone {
        margin-top: 0 !important;
        margin-left: 0 !important;
        width: auto !important;
    }

    #Gotologin {
        text-align: center;
        width: 100%;
    }

    .ml15 {
        margin-left: 0;
    }

    .leftOfIcon {
        width: 100%;
    }

    .alignIcon {
        width: 100% !important;
    }

    .wrapLong {
        display: inline-block;
        word-wrap: break-word;
        width: 148px;
        word-break: break-all;
    }

    #changePasswordDropBox .name,
    .loggedInName .name {
        display: none !important;
    }
}

/* Phone - Medium */
@media (max-width: 480px) {
    body {
        font-size: 15px;
    }

    .progress-text {
        font-size: 14px;
    }

    .nav-progress-item {
        padding-right: 8px;
    }

    .nextArrow {
        padding-right: 8px;
    }

    .dynamicHeader.ft-light {
        font-size: 16px !important;
    }

    .progress-text {
        font-size: 14px;
    }

    .arrow-d,
    .arrow-u {
        position: absolute;
        right: 20px;
        top: 20px;
    }

    #btnSubmit {
        margin-top: 20px;
    }

    .otpContainer .tableCell {
        padding: 10px 0;
    }

    .PendingSites li {
        position: relative;
    }

    .PendingSites li span {
        margin-left: 22px;
        display: block;
    }

    .i-pending {
        position: absolute;
        left: -9px;
        top: 0;
    }

    .contactUsContainer h3 {
        font-size: 18px;
    }

    .contactUsContainer a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    .contactUsContainer .main {
        padding: 20px !important;
    }

    #yourWebsites h2,
    .yourWebsites h2,
    .myPortContainer h2 {
        font-size: 16px;
    }

    .lockedUser {
        display: none !important;
    }

    .regLink {
        line-height: 1.5 !important;
    }

    #slide2 .why-icon-info {
        display: none;
    }

    #slide2 .links {
        padding-left: 9px;
    }

    #slide1 a.flipslide {
        font-size: 14px;
    }

    #slide2 a.flipslide {
        margin-left: 0;
        font-size: 14px;
    }

    #slide2 .green-arrow-l {
        margin-left: 2px;
    }

    .aboutContent {
        padding: 20px;
        font-size: 15px;
    }

    .aboutContent .l-fr {
        position: absolute;
        right: -5px;
        top: -10px;
        font-size: 13px;
        text-transform: uppercase;
    }

    .aboutContent .l-fr span {
        display: none;
    }

    .form-register ul {
        padding-left: 20px;
    }

    .da-msg {
        max-width: 100% !important;
        width: 100%;
    }

    .errorIcon,
    .successIcon {
        display: none !important;
    }

    #changePasswordDropBox .name,
    .loggedInName .name {
        width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* Phone - Larger */
@media (max-width: 520px) {
    .nav-progress {
        padding: 30px;
    }

    #btnSubmit,
    #portal-save-password,
    #btnConfirmDetails,
    #btnUpdateLinkDetailButton,
    #Submit {
        width: 100%;
    }

    .TandC ul li {
        padding: 0;
        width: 100%;
        margin-bottom: 0 !important;
    }

    .TandC a {
        display: block;
        text-align: center;
        padding: 10px 0;
    }

    .otpLabel {
        clear: both;
    }

    .dynamicHeader.ft-light.mobile {
        padding: 20px !important;
    }

    #UpgradeUser {
        padding: 0;
    }

    .boxout {
        padding: 25px;
    }

    .form-thin fieldset {
        padding: 30px;
    }

    a.btn {
        width: 100%;
        text-align: center;
        margin: 30px 0px 20px 0;
    }

    .upglater {
        position: absolute;
        bottom: 30px;
        margin-bottom: 0 !important;
    }

    .btn.upgbtn {
        margin-bottom: 40px;
    }

    .otpContainer .tableCell {
        padding: 10px 0;
    }

    .i-pending {
        float: left;
    }

    .da-msg {
        max-width: 70%;
    }

    .cancel-link {
        display: block;
        text-align: left;
        position: absolute;
        margin: 100px 0px 40px;
    }

    .footer-shadow {
        margin: 20px auto 0;
    }

    .pop-up-content {
        padding: 20px !important;
    }

    .aboutContent ol {
        padding-left: 32px;
    }

    #NewUser {
        background-image: none;
        font-size: 14px;
        padding-left: 25px;
    }

    .btn {
        width: 100%;
        text-align: center;
    }

    .mobileContainer {
        padding: 30px !important;
    }

    .mobFullWidth {
        float: none;
        width: 100%;
        clear: both;
    }
}

/*
@media (max-width: 599px) {
    .nav.dl-menuwrapper {
        margin-top: -66px !important;
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
      margin: 66px 0 0 0;
      padding: 0;
    }

    #header.mobile {
      margin-top: 0;
    }
    #header.mobile .profileLinks {
      display: none;
    }
}
*/
@media only screen and (min-width:521px) and (max-width: 766px) {
    .da-msg {
        max-width: 70%;
    }

    .mobCenter {
        text-align: center;
    }
}

/* InBetween Devices - eg iPad Mini etc */
@media (max-width: 767px) {
    .noTop .profileLinks {
        display: none;
    }

    #header.noTop {
        margin-top: 0;
    }

    .nav.dl-menuwrapper {
        position: absolute;
        z-index: 1000;
        right: 0;
    }

    .h-logo {
        padding-right: 1em;
        z-index: 1001;
        position: relative;
    }

    /* Center Nav */
    .nav-top {
        float: none;
        display: block;
        margin-bottom: 25px;
    }

    .nav-top .floatLeft {
        display: block;
        padding: 0;
        width: 100%;
        text-align: center;
    }

    .nav-progress {
        display: none;
    }

    .nav-progress li:last-child {
        margin-bottom: 0;
    }

    .h-logo {
        border-right: none;
    }

    .nav.dl-menuwrapper {
        margin-top: 18px;
        float: right;
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
        margin: 66px 0 0 0;
        padding: 0;
    }

    #header.mobile {
        margin-top: 0;
    }

    #header.mobile .profileLinks {
        display: none;
    }

    .list-divided li:first-child a {
        margin: 0;
    }

    .list-divided li {
        padding: 0 15px;
    }

    h1 {
        font-size: 1.3875em;
    }

    h2 {
        font-size: 1.1625em;
    }

    form fieldset:first-child {
        padding: 30px;
    }

    .form-thin fieldset {
        margin: 0 auto 20px;
    }

    .TandC ul li {
        margin-bottom: 20px;
    }

    .Myprotalmenu,
    .primary-links.list-inline {
        display: none;
    }

    #hamburger,
    .dl-menuwrapper {
        display: block;
    }

    .dynamicText {
        width: 87%;
    }

    .arrow-u,
    .arrow-d {
        margin-top: 5px;
    }

    .myPortContainer h2 {
        padding-left: 30px;
    }

    .otpContainer {
        width: 100%;
    }

    .otp-height {
        height: auto;
        width: 100%;
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .otp-msg {
        width: 100%;
    }

    .otpContainer .tableCell {
        display: block;
        width: 100%;
        padding: 20px 0;
    }

    .otpContainer .tableCell.is-hidden {
        display: none;
    }

    .tar button {
        width: 100%;
    }

    #blockSection {
        display: block;
        width: 100%;
        clear: both;
    }

    .block {
        float: left;
        width: 100%;
        clear: both;
        padding: 15px 0;
    }

    .sendbtnTable,
    .firstArrowTable,
    .cellTable,
    .arrowrTable,
    .codeTable,
    .tryagainTable {
        text-align: center;
    }

    i.arrorw {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .arrorw.right {
        float: none;
    }

    .arrow-d {
        margin-right: 0 !important;
    }

    .arrow-u {
        margin-right: 0 !important;
    }

    .loader {
        width: 100%;
    }

    .label-otp {
        margin: 0 0 26px 0 !important;
    }

    .mobile-menu {
        display: block;
    }

    .breadcrumStuff {
        padding: 10px 0;
        margin-top: 10px;
        line-height: 30px;
        display: none;
    }

    .TandC a {
        padding-bottom: 10px;
        display: inline-block;
    }

    .nav-progress-item {
        display: block;
        text-align: left;
        margin-bottom: 20px;
    }

    .nav-progress .progress-icon,
    .nav-progress .progress-icon-future,
    .progress-icon-passed {
        display: inline-block;
        margin-right: 15px;
        vertical-align: middle;
        background-size: 8px !important;
        width: 26px;
        height: 26px;
    }

    .nav-progress .nextArrow {
        display: none;
    }

    .progress-text {
        margin: 0;
        text-align: left;
        line-height: 1;
    }

    #yourWebsites h2,
    .yourWebsites h2,
    .myPortContainer h2 {
        padding: 20px 30px;
        height: auto;
    }

    #changePasswordDropBox,
    .list-inline .redirect {
        display: none;
    }

    .myPortContainer h4 {
        margin-bottom: 0;
    }

    .PendingSites p,
    .yourWebsitesLinks {
        padding: 0 30px 10px;
    }

    #myportContent .yourWebsitesLinks {
        padding-top: 30px;
    }

    .PendingSites li {
        font-size: 15px;
    }

    .yourWebsitesLinks.addWebLink {
        padding: 30px 30px 10px;
    }

    .ActiveSites {
        padding: 0 30px;
    }

    .ActiveSites ul {
        padding-left: 0;
    }

    .myPortContainer .add-a-website {
        padding: 15px 0;
    }

    .unsuccessContainer fieldset {
        padding: 30px !important;
    }

    .form-login .form-thin fieldset {
        margin: 0 !important;
    }

    #troubleLogging {
        margin-top: 57px;
        position: absolute;
        font-size: 14px;
    }

    .form-login .tar {
        padding-bottom: 10px;
    }

    .small_content_container {
        padding: 20px;
    }

    .small_content_container .ml15 {
        margin-left: 0 !important;
    }

    .why-icon {
        float: left;
    }

    .alignIcon {
        float: left;
        width: 80%;
    }

    .aboutContent ul {
        padding-left: 20px;
    }

    .noWrap {
        white-space: normal !important;
    }

    .styledbox {
        height: auto;
    }

    #slide1 .green-arrow-r {
        margin-right: 0;
    }

    a.unlockProfile {
        background-position: 20px 0;
    }

    .successContainer .left-span {
        margin-left: 0;
    }

    .loggedInName {
        display: none;
    }

    .marMobT0 {
        margin-top: 0 !important;
    }

    .marMobB0 {
        margin-bottom: 0 !important;
    }

    .padMobB0 {
        padding-bottom: 0 !important;
    }

    .padMobT0 {
        padding-top: 0 !important;
    }

    .tar {
        text-align: initial;
    }

    .mobileContainer {
        padding: 30px !important;
    }

    .loggedInName {
        display: none;
    }

    .topBorderP {
        width: auto;
    }

    .btnMedFull {
        width: 100%;
        text-align: center;
    }

    .upglater {
        margin-bottom: 20px;
    }

    select {
        line-height: normal;
    }
}

/* Tablet */
@media (min-width: 768px) {
    .nav-progress.lg {
        float: left;
        width: 100%;
    }

    .nav-progress.lg .nav-progress-item {
        max-width: 120px;
        float: left;
    }

    .nav-progress.lg .nextArrow {
        float: left;
    }

    .nav-progress.lg .nextArrow .arrow-right {
        margin-top: 57px;
    }
}

/* Interim Menu Fix */
@media only screen and (min-width:768px) and (max-width: 800px) {
    .primary-links li a {
        font-size: 14px !important;
    }
}

/* Everything before iPad Landscape */
@media (max-width: 991px) {

    /*.myPortContainer {
		background: transparent
	}*/
    .secureSites,
    #linkAddaWebsite:after {
        display: none;
    }

    .accordianColumn {
        width: 100%;
    }

    .dynamicHeader.ft-light:first-child {
        display: none;
    }

    .dynamicHeader.ft-light.mobile {
        display: block;
    }

    .arrow-d {
        margin-right: 30px;
    }

    .arrow-u {
        margin-right: 30px;
    }

    .dynamicHeader.ft-light:hover {
        cursor: pointer;
    }

    .dynamicHeader.ft-light {
        font-size: 17px;
        color: #009677;
        background: #fff;
        border-bottom: 1px dotted #ccc;
        margin: 0 !important;
        box-shadow: none;
        /*background: url(../img/header_shadow.png) repeat-x 0 100% #fff;*/
    }

    .dynamicHeader.ft-light.open {
        box-shadow: 8px 0 0px #009677 inset;
    }

    .dynamicHeader.ft-light.last {
        border-bottom: none;
    }

    .dynamicHeader.ft-light.last.open {
        border-bottom: 1px dotted #ccc;
    }

    .dynamicHeader.ft-light:hover {
        cursor: pointer;
    }

    .dynamicHeader.ft-light::selection {
        background: transparent;
    }

    .nonAccordianContent,
    .tabbedContent {
        background: #f9f9f9;
    }

    .accordianColumn {
        border-color: #bbb;
    }

    .mobileOnly {
        display: block;
    }

    ::-moz-selection {
        background-color: transparent;
    }

    ::selection {
        background-color: transparent;
    }

    .gcserrorCellphone {
        float: left;
        width: 100%;
        clear: both;
    }
}

/* Desktop and iPad Landscape */
@media (min-width: 992px) {
    .dynamicHeader.ft-light:first-child {
        display: block;
    }

    .dynamicHeader.ft-light.mobile {
        display: none;
    }

    .mobileOnly {
        display: none;
    }
}

@media (min-width: 1025px) {
    .tel-links {
        text-decoration: none;
        color: #424242;
    }

    .tel-links:hover {
        cursor: default;
        text-decoration: none;
    }
}

/* Device Specific Fixes */

/* ----------- Galaxy S4 ----------- */
.ua-android-4-3 select {
    padding: 0 0 0 10px !important;
    height: auto;
}

/* Device Specific Fixes */

/* ----------- Galaxy S4 ----------- */
.ua-android-4-3 select {
    padding: 0 0 0 10px !important;
    height: auto;
}

/* Device Specific Fixes */

/* ----------- Galaxy S4 ----------- */
.ua-android-4-3 select {
    padding: 0 0 0 10px !important;
    height: auto;
}

.ua-android .aboutContent .bnt-print {
    display: none;
}

.ua-android-4 .input-country-dialing-code {
    color: #333333 !important;
}

.ua-blackberry-10 .form-register select {
    padding-bottom: 5px;
}

.ua-mobile-iphone select {
    padding: 10px 20px 10px 7px;
}

.ua-mobile-iphone .pad-1 {
    padding: 2.5em;
}

.ua-mobile-iphone .aboutContent ol li>span {
    line-height: 1.5;
}

.tandcheading h3 {
    font-size: 1.25em;
    text-transform: none;
}

.daaccordionblock {
    background: url(../img/openAccordionGradient2.png) repeat-x top #f7f8f8;
}


.msg-error-show {
    font-family: 'Montserrat', Arial, sans-serif;
    color: #eb3410;
    text-transform: none;
    margin-bottom: 1em;
    text-align: left;
}


input.btn:focus {
    background: #84bd00;
}


<style>.text-fields,
.text-fields * {
    box-sizing: border-box;
}

.text-fields {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 3%;
}

.field-label {
    color: var(--base-core-onyx-60, #747474);
    text-align: left;
    font: 500 14px/16px "Montserrat", sans-serif;
    position: relative;
    align-self: stretch;
    height: 18px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.title * {
    box-sizing: border-box;
}

.title {
    color: var(--onyx-100, #282828);
    text-align: left;
    font: var(--h-5-medium-abc, 500 105% "Montserrat", sans-serif);
    position: relative;
    align-self: stretch;
    width: 90%;
    margin: 5%;
    margin-bottom: 0;
}

.input-field {
    align-self: stretch;
    flex-shrink: 0;
    height: 24px;
    position: relative;
}

.line {
    background: var(--base-core-onyx-60, #747474);
    align-self: stretch;
    flex-shrink: 0;
    height: 1px;
    position: relative;
}

.buttons * {
    box-sizing: border-box;
}

.buttons {
    background: var(--buttons-primary-surface, linear-gradient(90deg, #009677 0%, #60B848 100%));
    border-radius: 24px;
    padding: 12px 24px 12px 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    width: 55%;
    margin-left: 40%;
    margin-right: 5%;
    margin-top: 30px;
    margin-bottom: 30px;
    color: white;
}

.large-text-arrow {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.text {
    text-align: left;
    font: var(--button-regular-uppercase-semibold, 0.7em "Montserrat", sans-serif);
    text-transform: uppercase;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
}

.icon {
    flex-shrink: 0;
    position: relative;
    overflow: visible;
}

.field-label {
    color: var(--base-core-onyx-60, #747474);
    text-align: left;
    font: 500 14px/16px "Montserrat", sans-serif;
    position: relative;
    align-self: stretch;
    height: 18px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.input-field {
    align-self: stretch;
    flex-shrink: 0;
    height: 24px;
    position: relative;
}

.field-label2 {
    border: none;
    color: var(--base-text-text-02, #747474);
    text-align: left;
    font: var(--body-small-medium-abc, 500 14px/18px "Montserrat", sans-serif);
    position: absolute;
    right: 24px;
    left: 0px;
    top: calc(65% - 9px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.field-label2:focus {
    background: transparent;
}

.field-label2::placeholder {
    color: var(--base-text-text-02, #747474);
}

.keyboard-arrow-down {
    position: absolute;
    right: 0px;
    top: calc(50% - 12px);
    overflow: visible;
}

.line {
    background: var(--base-core-onyx-60, #747474);
    align-self: stretch;
    flex-shrink: 0;
    height: 1px;
    position: relative;
    margin-bottom: 3%;
}

label {
    position: relative;
    display: inline-block;
    top: 100px;
    font-size: 1.25em;
    transition: all .2s ease;
    z-index: 10;
    position: relative;
    top: -30px;
}

.input-container {
    width: 100%;
}

input[type="text"] {
    width: 100%;
    position: relative;
    display: inline-block;
    font: var(--body-small-medium-abc, 500 14px/18px "Montserrat", sans-serif);
    padding: 0 0 5px 0;
    background-color: transparent;
    outline: none;
    z-index: 20;
    border: none;
    border-bottom: solid 1px #747474;
}



input[type="submit"] {
    cursor: pointer;
    margin: auto;
    width: 100%;
    background-color: #4DB6AC;
    color: #747474;
    font: var(--body-small-medium-abc, 500 14px/18px "Montserrat", sans-serif);
    font-size: 1.25em;
    padding: 10px 0;
    border: solid #009688;
    border-width: 0 0 4px 0;
    border-radius: 3px;
    outline: none;
}

input[type="submit"]:hover {
    background: #26A69A;
    border: solid #00897B;
    border-width: 0 0 4px 0;
}

input[type="submit"]:active {
    background: #009688;
    border: solid transparent;
    border-width: 0 0 0px 0;
}

</style>