@import url(https://fonts.googleapis.com/css?family=Kanit:200,300,400,500,600);
@import url(https://use.typekit.net/xce4xec.css);

/**************************** COMMON STYLE STARTS HERE ***************************/

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    --primary-color: #005697;
    --secondary-color: #0f1819;
    --base-color: #00a0d0;
    --dark-blue: #0d2e43;
    --light-gray: #eaeaeb;
    --gray: #cacbcc;
    --dark-gray: #cacbcc;
    --white: #FFFFFF;
    --light-white: #f3f3f3;
    --black: #000000;
    --light-black: #6a777e;
    --white-gray: #d2d3d4;
}


html {
    font-size: 16px;
    scroll-behavior: smooth;
}

html *,
html :after,
html :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    font-family: din-2014, -apple-system, BlinkMacSystemFont, Segsoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    position: relative;
    font-weight: 400;
    font-size: 16px;
    color: var(--text-light-gray);
    line-height: 1.5;
    font-size: 1em;
    color: var(--light-black);
    margin: 0;
}

h1 {
    font-size: 32px;
    color: var(--primary-color);
}

h2 {
    font-size: 19px;
    color: var(--dark-blue);
    margin-bottom: 16px;
}


.a,
a {
    color: #0f1819;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 0 0 var(--gray);
    box-shadow: 0 1px 0 0 var(--gray);
    cursor: pointer;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}

.container {
    max-width: 900px;
    margin: 0 auto;
}

.text-center {
    text-align: center;
}

ul {
    list-style: none;
    padding: 0;
}

ul li {
    position: relative;
    padding-left: 1.25em;
    margin: 0.25em 0;
}

ul li:before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 16px;
    height: 10px;
    background: url(../images/icon/chevron-right.svg) no-repeat 0;
    background-size: contain;
    opacity: .5;
}


/**************************** BUTTON ***************************/

@-webkit-keyframes button-arrow-wiggle {

    0%,
    0.01% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(-.25em);
        transform: translate(-.25em)
    }
}

@keyframes button-arrow-wiggle {

    0%,
    0.01% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translate(-.25em);
        transform: translate(-.25em)
    }
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    font: inherit;
    padding: 0;
    margin: 0;
    text-transform: none;
    letter-spacing: 0;
    min-width: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}

.button {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-appearance: none;
    padding: 8px 24px;
    min-height: 48px;
    min-width: 192px;
    font-family: Kanit, -apple-system, BlinkMacSystemFont, Segsoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(15, 24, 25, .8);
    cursor: pointer;
    border-radius: 1px;
    line-height: 1.2;
    -webkit-transition: .12s ease;
    -o-transition: .12s ease;
    transition: .12s ease;
}


.button[disabled] {
    cursor: not-allowed;
    opacity: .5;
}

.button:not([disabled]):focus,
.button:not([disabled]):hover {
    color: #0f1819;
    outline: none;
}

.button:not([disabled]):focus:after,
.button:not([disabled]):hover:after {
    -webkit-animation: button-arrow-wiggle .4s ease-in-out 0s infinite alternate;
    animation: button-arrow-wiggle .4s ease-in-out 0s infinite alternate;
}

@media (max-width:580px) {
    .button {
        padding-top: 4px;
        padding-bottom: 6px;
        min-height: 44px;
        font-size: 13px;
    }
}

@media (max-width:379px) {
    .button {
        width: 100%;
    }
}

.button:not(.button--simple) {
    padding-right: 48px;
}

.button:not(.button--simple):after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    color: var(--dark-blue);
    background: url(../images/icon/arrow-right.svg) no-repeat 50%;
    width: 1.5em;
    height: 1.5em;
    margin-top: -.875em;
    border-radius: 1em;
    -webkit-transition: inherit;
    -o-transition: inherit;
    transition: inherit
}

.button--primary {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--base-color)), color-stop(0, var(--base-color))) no-repeat top;
    background: -o-linear-gradient(top, var(--base-color) 50%, var(--base-color) 0) no-repeat top;
    background: linear-gradient(180deg, var(--base-color) 50%, var(--base-color) 0) no-repeat top;
    background-size: 100% 200%;
    border: 1px solid var(--base-color);
    -webkit-box-shadow: inset 0 -.25em 0 var(--primary-color);
    box-shadow: inset 0 -.25em 0 var(--primary-color);
    color: var(--white);
}

.button--primary:not(.button--simple):after {
    background-color: var(--white)
}

.button--primary:not([disabled]):focus,
.button--primary:not([disabled]):hover {
    border-color: var(--primary-color);
    -webkit-box-shadow: inset 0 -3.25em 0 var(--primary-color);
    box-shadow: inset 0 -3.25em 0 var(--primary-color);
    background-position: bottom;
    color: var(--white);
}

.button--secondary {
    background: transparent;
    -webkit-box-shadow: inset 0 -.25em 0 var(--light-gray);
    box-shadow: inset 0 -.25em 0 var(--light-gray)
}

.button--secondary,
.button--secondary:not(.button--simple):after {
    border: 1px solid var(--dark-gray)
}

.button--secondary:not([disabled]):focus,
.button--secondary:not([disabled]):hover {
    border-color: var(--dark-gray);
    -webkit-box-shadow: inset 0 -3.25em 0 var(--light-gray);
    box-shadow: inset 0 -3.25em 0 var(--light-gray);
}

.button--secondary:not([disabled]):focus:after,
.button--secondary:not([disabled]):hover:after {
    background-color: var(--white);
}

.button--full {
    width: 100%;
}

.button--narrow {
    min-width: 160px;
}

.button--small {
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left: 1.375em;
    font-size: 13px;
    min-width: 0;
    min-height: 0
}

.button-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.button-block .button,
.button-block .button-block-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

@media (max-width:379px) {
    .button-block {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .button-block .button,
    .button-block .button-block-item {
        margin-bottom: .5em;
    }
}

@media (min-width:380px) {

    .button-block .button,
    .button-block .button-block-item {
        margin-right: .75em;
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.button--loading:not(.button--simple):after {
    -webkit-transform: translateY(-50%) rotate(1turn);
    -ms-transform: translateY(-50%) rotate(1turn);
    transform: translateY(-50%) rotate(1turn);
    background-image: url(../img/icons/preloader.svg);
    background-size: 100% 100%;
    -webkit-animation: spin .5s linear infinite;
    animation: spin .5s linear infinite;
}


/**************************** INPUT ***************************/
input,
select,
textarea {
    font-family: din-2014, -apple-system, BlinkMacSystemFont, Segsoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 16px;
    padding: 10px 12px;
    border: 1px solid var(--white-gray);
    border-radius: 1px;
    margin: 0;
    max-width: 100%;
    line-height: 1.625;
    min-height: 46px;
    width: 100%;
    border-radius: 5px;
    transition: all 0.3s ease;
    border-bottom-width: 2px;
}

input:focus,
select:focus,
textarea:focus {
    border-color: var(--base-color);
    outline: none
}

.is-inactive input,
.is-inactive select,
.is-inactive textarea,
input.is-inactive,
input:disabled,
input[readonly],
select.is-inactive,
select:disabled,
select[readonly],
textarea.is-inactive,
textarea:disabled,
textarea[readonly] {
    background: var(--light-gray);
}

.is-inactive input,
.is-inactive select,
.is-inactive textarea,
input.is-inactive,
input:disabled,
select.is-inactive,
select:disabled,
textarea.is-inactive,
textarea:disabled {
    cursor: not-allowed;
    pointer-events: none;
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 5em var(--white);
    box-shadow: inset 0 0 0 5em var(--white);
}

::-moz-placeholder {
    color: rgba(106, 119, 126, .5);
}

:-ms-input-placeholder {
    color: rgba(106, 119, 126, .5);
}

::-webkit-input-placeholder {
    color: rgba(106, 119, 126, .5);
}

::-ms-input-placeholder {
    color: rgba(106, 119, 126, .5);
}

::placeholder {
    color: rgba(106, 119, 126, .5);
}

select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input:not([type=checkbox]):not([type=radio]) {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

input[type=search] {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23CACBCC'%3E%3Cpath d='M6.735 13.47a6.735 6.735 0 110-13.47 6.735 6.735 0 010 13.47zm0-2a4.735 4.735 0 100-9.47 4.735 4.735 0 000 9.47z'/%3E%3Cpath d='M10.44 11.854a1 1 0 011.414-1.414l4.18 4.18a1 1 0 01-1.414 1.414l-4.18-4.18z'/%3E%3C/g%3E%3C/svg%3E") no-repeat .75em;
    padding-left: 2.25em
}

input[type=password] {
    font-weight: 700;
    letter-spacing: .1em
}

textarea {
    resize: vertical
}

input[type=checkbox],
input[type=radio] {
    padding: 0;
    border: 0
}

input[type=checkbox] {
    -webkit-appearance: checkbox
}

input[type=radio] {
    -webkit-appearance: radio;
    border-radius: 1em
}

select {
    padding-right: 32px;
    background: var(--white) url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.749 1.506l-5.1 5.243a.838.838 0 01-.65.25.839.839 0 01-.65-.25L.253 1.506a.898.898 0 010-1.247.841.841 0 011.214 0L6 4.8 10.534.259a.842.842 0 011.215 0 .9.9 0 010 1.247z' fill='%236A777E' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat;
    background-position: calc(100% - .75em) 50%;
    background-size: 12px 7px;
    cursor: pointer
}

select::-ms-expand {
    display: none
}

select option {
    background: transparent
}

select:disabled,
select[readonly] {
    background-color: var(--dark-gray);
    cursor: not-allowed
}

select:focus {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.749 1.506l-5.1 5.243a.838.838 0 01-.65.25.839.839 0 01-.65-.25L.253 1.506a.898.898 0 010-1.247.841.841 0 011.214 0L6 4.8 10.534.259a.842.842 0 011.215 0 .9.9 0 010 1.247z' fill='%236A777E' fill-rule='evenodd'/%3E%3C/svg%3E")
}

select:focus:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--secondary-color)
}

.ab-test input.valid {
    background-image: url(../img/check-green.svg);
    background-repeat: no-repeat;
    background-position: top 9px right 9px;
    background-size: 11px;
    border-color: #2c8500
}

.ab-test #enrollment-account-details .review {
    border-color: #2c8500
}

fieldset.checkbox-group legend,
fieldset.radio-group legend,
label {
    display: inline-block;
    margin-bottom: .4em;
    font-family: Kanit, -apple-system, BlinkMacSystemFont, Segsoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: .9375em;
    color: #0f1819
}

.is-required:after {
    display: inline-block;
    content: "*";
    margin-left: .25em
}

fieldset {
    border: 1px solid var(--gray);
    padding: 16px;
    margin: 0
}

legend {
    font-family: Kanit, -apple-system, BlinkMacSystemFont, Segsoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: var(--primary-color);
    padding-left: .5em;
    padding-right: .5em
}

fieldset.checkbox-group,
fieldset.radio-group {
    border: 0;
    padding: 0;
    margin: 0
}

fieldset.checkbox-group legend,
fieldset.radio-group legend {
    padding: 0;
    font-weight: 400
}



/**************************** CHECKBOX ***************************/
.checkbox,
.radio {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-family: din-2014, -apple-system, BlinkMacSystemFont, Segsoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    color: var(--light-black);
    margin: 10px 0;
    overflow: hidden;

}

.checkbox--inline,
.radio--inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: .5em;
}

.checkbox-input,
.radio-input {
    position: absolute;
    top: 0;
    left: -999em;
}

.checkbox-label,
.radio-label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-left: 28px;
    min-height: calc(20px + 2px);
    min-width: calc(20px + 2px);
    cursor: pointer;
}

.checkbox-label:after,
.checkbox-label:before,
.radio-label:after,
.radio-label:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
}

.checkbox-label:before,
.radio-label:before {
    background: var(--white);
    top: 0;
    left: 0;
    border: 1px solid var(--dark-gray)
}

.checkbox-label:after,
.radio-label:after {
    top: 10px;
    left: 10px;
}

.checkbox-input:checked+.checkbox-label:before,
.checkbox-input:checked+.radio-label:before,
.radio-input:checked+.checkbox-label:before,
.radio-input:checked+.radio-label:before {
    background: var(--base-color);
    border-color: var(--base-color)
}

.checkbox-input:not(:checked)+.checkbox-label:after,
.checkbox-input:not(:checked)+.radio-label:after,
.radio-input:not(:checked)+.checkbox-label:after,
.radio-input:not(:checked)+.radio-label:after {
    opacity: 0;
}

.checkbox-label:before {
    border-radius: .125em;
}

.checkbox-label:after {
    width: .625em;
    height: .333em;
    border-left: .125em solid var(--white);
    border-bottom: .125em solid var(--white);
    -webkit-transform: translate(-50%, -62.5%) rotate(-45deg);
    -ms-transform: translate(-50%, -62.5%) rotate(-45deg);
    transform: translate(-50%, -62.5%) rotate(-45deg)
}

.radio-label:before {
    border-radius: 1em
}

.radio-label:after {
    width: .5em;
    height: .5em;
    background: var(--white);
    border-radius: 1em;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.checkbox--labelless,
.radio--labelless {
    margin: 0;
    line-height: 1
}

.checkbox--labelless .checkbox-label,
.checkbox--labelless .radio-label,
.radio--labelless .checkbox-label,
.radio--labelless .radio-label {
    padding-left: 20px;
    min-width: 20px;
    min-height: 20px;
}

.checkbox--labelless .checkbox-label:before,
.checkbox--labelless .radio-label:before,
.radio--labelless .checkbox-label:before,
.radio--labelless .radio-label:before {
    top: 0;
}

.checkbox--labelless .checkbox-label:after,
.checkbox--labelless .radio-label:after,
.radio--labelless .checkbox-label:after,
.radio--labelless .radio-label:after {
    top: 10px;
}

.checkbox-input[disabled]+.checkbox-label,
.checkbox-input[disabled]+.radio-label,
.radio-input[disabled]+.checkbox-label,
.radio-input[disabled]+.radio-label {
    cursor: not-allowed;
    color: var(--light-black)
}

.checkbox-input[disabled]+.checkbox-label:before,
.checkbox-input[disabled]+.radio-label:before,
.radio-input[disabled]+.checkbox-label:before,
.radio-input[disabled]+.radio-label:before {
    background: var(--light-gray)
}

.checkbox-input[disabled]:checked+.checkbox-label:before,
.checkbox-input[disabled]:checked+.radio-label:before,
.radio-input[disabled]:checked+.checkbox-label:before,
.radio-input[disabled]:checked+.radio-label:before {
    border-color: var(--dark-gray)
}

.checkbox-input:focus+.checkbox-label:before,
.checkbox-input:focus+.radio-label:before,
.radio-input:focus+.checkbox-label:before,
.radio-input:focus+.radio-label:before {
    border-color: var(--base-color)
}

.checkbox-input:focus:checked+.checkbox-label:before,
.checkbox-input:focus:checked+.radio-label:before,
.radio-input:focus:checked+.checkbox-label:before,
.radio-input:focus:checked+.radio-label:before {
    border-color: var(--base-color)
}



/**************************** DATA_BALLOON ***************************/

button[data-balloon] {
    overflow: visible
}

[data-balloon] {
    position: relative;
    cursor: pointer
}

[data-balloon]:after {
    font-family: din-2014, -apple-system, BlinkMacSystemFont, Segsoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-shadow: none;
    font-size: 14px;
    background: rgba(106, 119, 126, .9);
    border-radius: 4px;
    color: var(--white);
    content: attr(data-balloon);
    padding: .5em 1em;
    line-height: 1.2;
    white-space: nowrap
}

[data-balloon]:after,
[data-balloon]:before {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .18s ease-out .18s;
    -o-transition: all .18s ease-out .18s;
    transition: all .18s ease-out .18s;
    position: absolute;
    z-index: 10
}

[data-balloon]:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(106, 119, 126, 0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    content: ""
}

[data-balloon][data-balloon-visible]:after,
[data-balloon][data-balloon-visible]:before {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    pointer-events: auto
}

[data-balloon][data-balloon-break]:after {
    white-space: pre
}

[data-balloon][data-balloon-blunt]:after,
[data-balloon][data-balloon-blunt]:before {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

[data-balloon][data-balloon-pos=up]:after {
    bottom: 100%;
    left: 50%;
    margin-bottom: 11px;
    -webkit-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

[data-balloon][data-balloon-pos=up]:before {
    bottom: 100%;
    left: 50%;
    margin-bottom: 5px;
    -webkit-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

[data-balloon][data-balloon-pos=up][data-balloon-visible]:after,
[data-balloon][data-balloon-pos=up][data-balloon-visible]:before {
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

[data-balloon][data-balloon-pos=up-left]:after {
    bottom: 100%;
    left: 0;
    margin-bottom: 11px;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

[data-balloon][data-balloon-pos=up-left]:before {
    bottom: 100%;
    left: 5px;
    margin-bottom: 5px;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:after,
[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:before {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

[data-balloon][data-balloon-pos=up-right]:after {
    bottom: 100%;
    right: 0;
    margin-bottom: 11px;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

[data-balloon][data-balloon-pos=up-right]:before {
    bottom: 100%;
    right: 5px;
    margin-bottom: 5px;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:after,
[data-balloon][data-balloon-pos=up-right][data-balloon-visible]:before {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

[data-balloon]:not([data-balloon-pos]):after,
[data-balloon][data-balloon-pos=down]:after {
    left: 50%;
    margin-top: 11px;
    top: 100%;
    -webkit-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px)
}

[data-balloon]:not([data-balloon-pos]):before,
[data-balloon][data-balloon-pos=down]:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(106, 119, 126, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    left: 50%;
    margin-top: 5px;
    top: 100%;
    -webkit-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px)
}

[data-balloon]:not([data-balloon-pos])[data-balloon-visible]:after,
[data-balloon]:not([data-balloon-pos])[data-balloon-visible]:before,
[data-balloon][data-balloon-pos=down][data-balloon-visible]:after,
[data-balloon][data-balloon-pos=down][data-balloon-visible]:before {
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

[data-balloon][data-balloon-pos=down-left]:after {
    left: 0;
    margin-top: 11px;
    top: 100%;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

[data-balloon][data-balloon-pos=down-left]:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(106, 119, 126, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    left: 5px;
    margin-top: 5px;
    top: 100%;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:after,
[data-balloon][data-balloon-pos=down-left][data-balloon-visible]:before {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

[data-balloon][data-balloon-pos=down-right]:after {
    right: 0;
    margin-top: 11px;
    top: 100%;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

[data-balloon][data-balloon-pos=down-right]:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(106, 119, 126, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 18px;
    height: 6px;
    right: 5px;
    margin-top: 5px;
    top: 100%;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:after,
[data-balloon][data-balloon-pos=down-right][data-balloon-visible]:before {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

[data-balloon][data-balloon-pos=left]:after {
    margin-right: 11px;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(10px, -50%);
    -ms-transform: translate(10px, -50%);
    transform: translate(10px, -50%)
}

[data-balloon][data-balloon-pos=left]:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(106, 119, 126, 0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 6px;
    height: 18px;
    margin-right: 5px;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(10px, -50%);
    -ms-transform: translate(10px, -50%);
    transform: translate(10px, -50%)
}

[data-balloon][data-balloon-pos=left][data-balloon-visible]:after,
[data-balloon][data-balloon-pos=left][data-balloon-visible]:before {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-balloon][data-balloon-pos=right]:after {
    left: 100%;
    margin-left: 11px;
    top: 50%;
    -webkit-transform: translate(-10px, -50%);
    -ms-transform: translate(-10px, -50%);
    transform: translate(-10px, -50%)
}

[data-balloon][data-balloon-pos=right]:before {
    background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(106, 119, 126, 0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E");
    background-size: 100% auto;
    width: 6px;
    height: 18px;
    left: 100%;
    margin-left: 5px;
    top: 50%;
    -webkit-transform: translate(-10px, -50%);
    -ms-transform: translate(-10px, -50%);
    transform: translate(-10px, -50%)
}

[data-balloon][data-balloon-pos=right][data-balloon-visible]:after,
[data-balloon][data-balloon-pos=right][data-balloon-visible]:before {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

[data-balloon][data-balloon-length=small]:after {
    white-space: normal;
    width: 80px
}

[data-balloon][data-balloon-length=medium]:after {
    white-space: normal;
    width: 150px
}

[data-balloon][data-balloon-length=large]:after {
    white-space: normal;
    width: 260px
}

[data-balloon][data-balloon-length=xlarge]:after {
    white-space: normal;
    width: 380px
}

@media screen and (max-width:768px) {
    [data-balloon][data-balloon-length=xlarge]:after {
        white-space: normal;
        width: 90vw
    }
}

[data-balloon]:not([data-balloon-length]):after,
[data-balloon][data-balloon-length=fit]:after {
    white-space: normal;
    width: 100%;
    min-width: 160px;
    max-width: 45vw;
}



/* Error Message */
.errorClass {
    border: 1px solid red;
}

.errorClassopt::before {
    border: 1px solid red;
}

.errormsg {
    color: red;
}

#addsearch-result-section {
    display: none;
}

.autocomplete-dropdown {
    /*position: absolute; */
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 1;
    text-align: left;
}

.autocomplete-empty .autocomplete-results {
    margin-top: .25em;
    border-color: currentcolor #b30918 #b30918;
    border-top-color: currentcolor;
    border-top: 1px solid #b30918;
    border-radius: .25em;
}

.autocomplete-no-results {
    padding: .375em 1em;
    background: rgba(179, 9, 24, .1);
    color: #0f1819;
}

.autocomplete-no-results,
.autocomplete-result {
    margin: 0;
    width: 100%;
}

.autocomplete-no-results-query {
    font-weight: 600;
}

.autocomplete-results .autocomplete-query-match {
    font-weight: 700;
}

#address-search-selected {
    display: none;
}

.pt10 {
    padding-top: 10px !important;
}

.singleplanf {
    display: none;
}


/* Address dropdown css */
.autocomplete .autocomplete-dropdown .autocomplete-results {
    border: 1px solid var(--white-gray);
    border-bottom: 2px solid var(--white-gray);
    padding: 10px 20px;
}

.autocomplete-results .autocomplete-result {
    cursor: pointer;
    margin: 10px;
    transition: all 0.3s ease;
}

.autocomplete-dropdown .autocomplete-results .autocomplete-result:hover {
    color: var(--primary-color);
}

.autocomplete-dropdown .autocomplete-results .autocomplete-no-results {
    margin: 0;
    padding: 10px;
}

.autocomplete-dropdown .autocomplete-results .autocomplete-no-results::before {
    display: none;
}