@charset "CP850";

@font-face {
    font-family: 'Livvic';
    src: url('fonts/Livvic/Livvic-Regular.ttf') format("truetype"),
    url('fonts/Livvic/Livvic-Regular.woff') format("woff"),
    url('fonts/Livvic/Livvic-Regular.woff2') format("woff2");
}
@font-face {
    font-family: 'LivvicSemiBold';
	font-weight: 600;
    font-style: normal;
    src: url('fonts/Livvic/Livvic-SemiBold.ttf') format("truetype"),
    url('fonts/Livvic/Livvic-SemiBold.woff') format("woff"),
    url('fonts/Livvic/Livvic-SemiBold.woff2') format("woff2");
}
@font-face {
    font-family: 'LivvicBold';
    src: url('fonts/Livvic/Livvic-Bold.ttf')  format("truetype"),
         url('fonts/Livvic/Livvic-Bold.woff')  format("woff"),
         url('fonts/Livvic/Livvic-Bold.woff2')  format("woff2");
}
@font-face {
    font-family: 'Muli';
    src: url('fonts/Muli/Muli-Regular.ttf') format("truetype"),
    url('fonts/Muli/Muli-Regular.woff') format("woff"),
    url('fonts/Muli/Muli-Regular.woff2') format("woff2");
}
@font-face {
    font-family: 'Muli Light';
    src: url('fonts/Muli/Muli-Light.ttf') format("truetype"),
    url('fonts/Muli/Muli-Light.woff') format("woff"),
    url('fonts/Muli/Muli-Light.woff2') format("woff2");
}
@font-face {
    font-family: 'MuliSemiBold';
	font-weight: 600;
    font-style: normal;
    src: url('fonts/Muli/Muli-SemiBold.ttf') format("truetype"),
    url('fonts/Muli/Muli-SemiBold.woff') format("woff"),
    url('fonts/Muli/Muli-SemiBold.woff2') format("woff2");
}
@font-face {
    font-family: "MuliBold";
    src: url('fonts/Muli/Muli-Bold.ttf') format("truetype"),
    url('fonts/Muli/Muli-Bold.woff') format("woff"),
    url('fonts/Muli/Muli-Bold.woff2') format("woff2");
}

.error {
    /* font-weight: bold; */
    font-family: "MuliBold";
    color: #D72714;
    font-size: 16px;
    line-height: 20px;
    margin-top: 6px;
}

.hideAccessibly {
    position: absolute;
    left: -9999em
}

a.hideAccessibly:focus {
    background: none repeat scroll 0 0 #000;
    color: white;
    left: 50px;
    padding: 0.75em 1em 2em;
    z-index: 9
}
a {
	font-weight: 700;
	font-family: "Muli";
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
    border: 0;
    margin: 0;
    font-size: 100%;
    font: inherit;
    padding: 0;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section
{
    display: block
}

audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

/* audio:not ([controls] ){
    display: none
} */

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

table {
    border-spacing: 0
}

b,strong {
    font-weight: bold
}

i,em {
    font-style: italic
}

table,input,textarea,select,li {
    font-family: 'Muli';
    font-size: 100%
}

html {
    overflow-y: scroll
}

body {
    background: #F7F7F7;
    /* color: #444444; */
    color: #4a4a49;
    font-family: 'Muli';
    font-size: 100%;
    text-align: left;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 1200px) {
    body {
        background: #FFFF;
    }
}

body#bodyNode {
    background: #EFE9DB
}

.hidden {
    position: absolute;
    left: -9999em
}

.base,.base13 {
    font-size: 0.8125em;
    line-height: 1.15384615384615em
}

.base15 {
    font-size: 1.5em
}

.base16 {
    font-size: 1.6em
}

.modal-screen {
    background: #0c4255;
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 5500px;
    top: 0;
    left: 0;
    opacity: 0.9;
    z-index: 9999
}

.modal-screen iframe {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    opacity: 0
}

#dialog {
    background: #fff;
    background: rgba(255, 255, 255, 0.98);
    position: absolute;
    width: 50%;
    height: 300px;
    top: 50px;
    left: 20%;
    z-index: 100000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-background-clip: padding-box;
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    padding: 1em
}

#dialog .dialog-close {
    float: right
}

cms\:data {
    display: none
}

.paddingLeft {
    padding-left: 1em
}

@media screen and (max-width: 650px) {
    .paddingLeft {
        padding-left: 0
    }
}

.paddingRight {
    padding-right: 1em
}

@media screen and (max-width: 650px) {
    .paddingRight {
        padding-right: 0
    }
}

.paddingTop {
    padding-top: 1em
}

.paddingBottom {
    padding-bottom: 1em
}

/* a {
    text-decoration: none
} */

a:hover,a:focus {
    text-decoration: underline;
    color: #347586
}

/* .page a,.contentHeader a {
    text-decoration: underline
} */
.contentHeader a {
    text-decoration: underline
}
.contentHeader h1 a {
    color: #0c4255
}

a[name=anchorLink] {
    color: #000;
    text-decoration: none
}

h1,h2,h3,h4,h5,h6 {
    /* color: #0c4255; */
    color: #0D2C41;
    font-family: 'LivvicSemiBold', tahoma, helvetica, "Lucida Sans", "Trebuchet MS", sans-serif;
    font-weight: 600;
    line-height: 1.5
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    text-decoration: none
}

h1 a:hover,h1 a:focus,h2 a:hover,h2 a:focus,h3 a:hover,h3 a:focus,h4 a:hover,h4 a:focus,h5 a:hover,h5 a:focus,h6 a:hover,h6 a:focus
{
    text-decoration: underline
}

.contentHeader h1,.moreFrom h1 {
    font-size: 1.875em;
    font-size: 1.5em;
    line-height: 1.3
}

.contentHeader h2,.moreFrom h2 {
    font-size: 1em
}

.contentHeader h3,.moreFrom h3 {
    font-size: 1.125em
}

.contentHeader h4,.moreFrom h4 {
    font-size: 0.875em
}

.contentHeader h5,.moreFrom h5 {
    font-size: 0.75em
}

.contentHeader h6,.moreFrom h6 {
    font-size: 1.5em
}

h1,h2 {
    font-size: 1.23076923076923em
}

h3 {
    font-size: 1.07692307692308em
}

h4 {
    font-size: 1em;
    color: #000;
}

h5 {
    font-size: 0.92307692307692em
}

h6 {
    font-size: 1.84615384615385em
}

.page h1 a {
    text-decoration: none;
    color: #0c4255
}

.page h1 a:visited {
    color: #014357
}

.page h1 a:hover,.page h1 a:focus {
    text-decoration: underline;
    color: #347586
}

.contentHeader h1 a {
    text-decoration: none;
    color: #0c4255
}

.contentHeader h1 a:visited {
    color: #014357
}

.contentHeader h1 a:hover,.contentHeader h1 a:focus {
    text-decoration: underline;
    color: #347586
}

.page h2 a {
    text-decoration: none;
    color: #0c4255
}

.page h2 a:visited {
    color: #014357
}

.page h2 a:hover,.page h2 a:focus {
    text-decoration: underline;
    color: #347586
}

.contentHeader h2 a {
    text-decoration: none;
    color: #0c4255
}

.contentHeader h2 a:visited {
    color: #014357
}

.contentHeader h2 a:hover,.contentHeader h2 a:focus {
    text-decoration: underline;
    color: #347586
}

.page h3 a {
    text-decoration: none;
    color: #0c4255
}

.page h3 a:visited {
    color: #014357
}

.contentHeader h3 a {
    text-decoration: none;
    color: #0c4255
}

.contentHeader h3 a:visited {
    color: #014357
}

.contentHeader h3 a:hover,.contentHeader h3 a:focus {
    text-decoration: underline;
    color: #347586
}

.page h4 a {
    text-decoration: none;
    color: #0c4255
}

.page h4 a:visited {
    color: #014357
}

.page h4 a:hover,.page h4 a:focus {
    text-decoration: underline;
    color: #347586
}

.contentHeader h4 a {
    text-decoration: none;
    color: #0c4255
}

.contentHeader h4 a:visited {
    color: #014357
}

.contentHeader h4 a:hover,.contentHeader h4 a:focus {
    text-decoration: underline;
    color: #347586
}

.page h5 a {
    text-decoration: none;
    color: #0c4255
}

.page h5 a:visited {
    color: #014357
}

.page h5 a:hover,.page h5 a:focus {
    text-decoration: underline;
    color: #347586
}

.contentHeader h5 a {
    text-decoration: none;
    color: #0c4255
}

.contentHeader h5 a:visited {
    color: #014357
}

.contentHeader h5 a:hover,.contentHeader h5 a:focus {
    text-decoration: underline;
    color: #347586
}

.page h6 a {
    text-decoration: none;
    color: #0c4255
}

.page h6 a:visited {
    color: #014357
}

.page h6 a:hover,.page h6 a:focus {
    text-decoration: underline;
    color: #347586
}

.contentHeader h6 a {
    text-decoration: none;
    color: #0c4255
}

.contentHeader h6 a:visited {
    color: #014357
}

.contentHeader h6 a:hover,.contentHeader h6 a:focus {
    text-decoration: underline;
    color: #347586
}

.page h2 a {
    text-decoration: underline
}

.l-ht-25 {
    line-height: 1.25
}

ul,ol {
    margin: 5px 0
}

ul li,ol li {
    line-height: 1.25em;
    list-style-type: none;
    list-style-position: outside;
    padding-left: 1.5em;
    padding-bottom: 0.4em
}

@media screen and (max-width: 480px) {
    ul li,ol li {
        padding-bottom: 0.8em
    }
}

dl {
    margin: 5px 0
}

dl dt,dl dd {
    line-height: 1.5;
    list-style-type: none;
    list-style-position: outside;
    padding: 0 0 0.1em 1.5em
}

dl dd {
    line-height: 1.15;
    padding: 0 0 1.2em 1.5em
}

img.fl {
    margin: 0 1em 1em 0
}

img.fr {
    margin: 0 0 1em 1em
}

a img {
    border: none
}

.unit img.fl,.unit img.fr {
    width: auto;
    max-width: none
}

.unit.lastUnit img.fr,.unit.lastUnit img.fl {
    width: auto
}

.unit table img {
    width: auto
}

video,object {
    max-width: 100%;
    width: 100%;
    margin: 1em 0 1.5em
}

.hrWrapper {
    border: none;
    border-top: 1px solid #cbd5d5;
    display: block;
    height: 1px;
    margin: 1em 0
}

.hrWrapper hr {
    display: none
}

.hrHeart {
    background: transparent
    url(/template-assets/images/background/hearts-hr.png) no-repeat top
    center;
    border-style: none;
    height: 11px
}

p.p-pad-s {
    padding: 0.38462em 0 0.23077em
}

p.l-ht-15 {
    line-height: 1.5
}

.inner.page {
    max-width: 1155px;
}

.p-h1,.p-h2,.p-h3,.p-h4,.p-h5,.p-h6 {
    color: #0c4255;
    font-family: tahoma, helvetica, "Lucida Sans", "Trebuchet MS",
    sans-serif;
    font-weight: bold;
    line-height: 1.5;
    padding: 0
}

.contentHeader .p-h1 {
    font-size: 1.5em;
    line-height: 1.3
}

.contentHeader .p-h2 {
    font-size: 1em
}

.contentHeader .p-h3 {
    font-size: 1.125em
}

.contentHeader .p-h4 {
    font-size: 0.875em
}

.contentHeader .p-h5 {
    font-size: 0.75em
}

.contentHeader .p-h6 {
    font-size: 1.5em
}

.p-h1,.p-h2 {
    font-size: 1.23076923076923em
}

.p-h3 {
    font-size: 1.07692307692308em
}

.p-h4 {
    font-size: 1em;
    color: #000;
    font-family: 'Muli'
}

.p-h5 {
    font-size: 0.92307692307692em
}

.p-h6 {
    font-size: 1.84615384615385em
}

table {
    margin-bottom: 1em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #e4e4e4;
    border-spacing: 0
}

table caption {
    font-weight: bold;
    margin-bottom: 1em;
    text-align: left
}

table thead th {
    text-align: center
}

table th {
    text-align: left;
    font-family: tahoma, helvetica, "Lucida Sans", "Trebuchet MS",
    sans-serif;
    padding: 0.785em;
    border-left: 1px solid #e4e4e4
}

table th.styleBG1 {
    background: #e4e4e4;
    background: -moz-linear-gradient(top, #fff 0%, #e4e4e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
    color-stop(100%, #e4e4e4) );
    background: -webkit-linear-gradient(top, #fff 0%, #e4e4e4 100%);
    background: -o-linear-gradient(top, #fff 0%, #e4e4e4 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e4e4e4 100%);
    background: linear-gradient(to bottom, #fff 0%, #e4e4e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',
    endColorstr='#FFE4E4E4', GradientType=0 );
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    font-weight: bold;
    color: #0c4255
}

table th.styleBG2 {
    background: #cacaca;
    background: -moz-linear-gradient(top, #fff 0%, #cacaca 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
    color-stop(100%, #cacaca) );
    background: -webkit-linear-gradient(top, #fff 0%, #cacaca 100%);
    background: -o-linear-gradient(top, #fff 0%, #cacaca 100%);
    background: -ms-linear-gradient(top, #fff 0%, #cacaca 100%);
    background: linear-gradient(to bottom, #fff 0%, #cacaca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',
    endColorstr='#FFCACACA', GradientType=0 );
    font-weight: bold;
    color: #0c4255;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6)
}

table th.styleBG3 {
    background: #e0eef1;
    background: -moz-linear-gradient(top, #fff 0%, #e0eef1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
    color-stop(100%, #e0eef1) );
    background: -webkit-linear-gradient(top, #fff 0%, #e0eef1 100%);
    background: -o-linear-gradient(top, #fff 0%, #e0eef1 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e0eef1 100%);
    background: linear-gradient(to bottom, #fff 0%, #e0eef1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',
    endColorstr='#FFE0EEF1', GradientType=0 );
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    color: #0c4255
}

table th.styleBG4 {
    background: #50b9c3;
    background: -moz-linear-gradient(top, #138fa6 0%, #50b9c3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #138fa6),
    color-stop(100%, #50b9c3) );
    background: -webkit-linear-gradient(top, #138fa6 0%, #50b9c3 100%);
    background: -o-linear-gradient(top, #138fa6 0%, #50b9c3 100%);
    background: -ms-linear-gradient(top, #138fa6 0%, #50b9c3 100%);
    background: linear-gradient(to bottom, #138fa6 0%, #50b9c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF138FA6',
    endColorstr='#FF50B9C3', GradientType=0 );
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)
}

table td,table th {
    padding: 0.785em
}

table td.styleBG4 {
    background: #efefef
}

table th:first-child {
    border-left: none;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px
}

table th:last-child {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px
}

table tr td,table tr th {
    border: 1px solid #e4e4e4;
    border-right: none;
    border-bottom: none;
    padding: 0.785em;
    vertical-align: top
}

table tr td img,table tr th img {
    width: auto
}

table tr td:first-child {
    border-left: none
}

table tr:nth-child(n+2) th {
    border-radius: 0
}

blockquote {
    padding: 0 1.5em 0 2em
}

blockquote>p {
    position: relative
}

blockquote p:before {
    content: '\201C';
    font-size: 4.5em;
    color: #7c9622;
    height: 0;
    left: -0.45em;
    line-height: 0;
    max-height: 0;
    padding: 0.4em 0 0;
    position: absolute;
    top: 0;
    font-family: Georgia, serif
}

blockquote p:after {
    bottom: 0;
    color: #7C9622;
    content: '\201D';
    font-size: 4.5em;
    height: 0;
    line-height: 0;
    max-height: 0;
    padding: 0 0 0 5px;
    position: absolute;
    font-family: Georgia, serif
}

blockquote cite {
    color: #0c4255;
    font-weight: bold;
    display: block
}

.main {
    overflow: hidden;
    _overflow: visible;
    _zoom: 1
}

.leftCol {
    float: left;
    width: 250px;
    _margin-right: -3px
}

.rightCol {
    float: right;
    width: 31.25%;
    _margin-left: -0.3125%
}

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

.lastUnit:after {
    content:
            " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    visibility: hidden;
    clear: both;
    height: 0 !important;
    display: block;
    line-height: 0
}

.row {
    *zoom: 1
}

.unit {
    float: left
}

.size1of1 {
    float: none
}

.size1of2 {
    width: 50%
}
.size1of2.w51 {
    width: 51%
}
@media screen and (max-width: 650px) {
    .size1of2 {
        width: 99.9999%
    }
    .size1of2 .size3of4 {
        width: 75%
    }
}

.size1of3 {
    width: 33.33333%
}

@media screen and (max-width: 650px) {
    .size1of3 {
        width: 99.9999%
    }
}

.size2of3 {
    width: 66.66666%
}

@media screen and (max-width: 650px) {
    .size2of3 {
        width: 99.9999%
    }
}

.size1of4 {
    width: 25%
}

@media screen and (max-width: 650px) {
    .size1of4 {
        width: 99.9999%
    }
}

.size2of4 {
    width: 50%
}

@media screen and (max-width: 650px) {
    .size2of4 {
        width: 99.9999%
    }
}

.size3of4 {
    width: 75%
}

@media screen and (max-width: 650px) {
    .size3of4 {
        width: 99.9999%
    }
}

.size1of5 {
    width: 20%
}

.size2of5 {
    width: 40%
}

.size3of5 {
    width: 60%
}

.size4of5 {
    width: 80%
}

.lastUnit {
    display: table-cell;
    *display: block;
    *zoom: 1;
    float: none;
    _position: relative;
    _left: -3px;
    _margin-right: -3px;
    width: auto
}

@media screen and (max-width: 650px) {
    .lastUnit {
        float: left;
        width: 99.9999%
    }
}

@media screen and (max-width: 768px) {
    .aside.size1of4 {
        width: 99.9999%;
        float: left
    }
}

.col {
    float: left
}

.inner {
    margin: 0 auto;
}
.aboveFooter, .subFooter-outer {
    display: none;
}
.footer-container {
    background-color: #FFFFFF;
}
.footer {
    padding: 20px 0;;
}
.footer #footer {
    display: flex;
    align-items: center;
    gap: 15px;
}
.footer .text-address {
    /* margin-left: 52px; */
    margin-left: 24px;
    color: #3d3d3d;
    font-family: 'Muli';
    font-size: 14px;
    line-height: 18px;
    flex-basis: 50%;
}
.footer-divider {
    display: inline-block;
    vertical-align: middle;
    height: 10px;
    border: 0.5px solid #04589B;
   -webkit-box-shadow: 1px 2px 1px #ccc;
    box-shadow: 1px 2px 1px #ccc;
    margin-left: 10px;
}
.footer li {
    display: inline;
}

.footer #footer nav ul li a {
    font-size: 14px;
    text-decoration: underline;
    font-family: 'Muli';
    font-weight: 700;
}
.wrap {
    position: relative
}
header, .footer, .help-section .help-content {
    max-width: 1155px;
    margin: 0 auto;
}
@media screen and (max-width: 1200px) and (min-width: 769px)  {
    header, .inner.page, .page, .help-section .help-content {
        max-width: 90%;
    }
}
@media screen and (max-width: 1200px) and (min-width: 769px)  {
    .footer {
        max-width: 100%;
    }
}
.footer-logo-mobile {
    display: none;
}

@media screen and (max-width: 768px) {
    header {
        padding-bottom: 1em;
    }
    /* .footer-logo {
        margin-left: 10px;
    } */
    .cookieconcent {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-flex!important;
        margin-left: 10px;
    }
    .data-protection {
      margin-left: 35px;
    }
    .footer-logo, .dividerhide {
       display: none;
    }
    .footer-logo-mobile {
        display: block;
    }
    ul {
        line-height: 34px;
    }
    .for-mobile {
        margin-top: 24px;
        margin-left: 8px;
    }
}

.header {
    background: #0D2C41!important;
}

.header h1 {
    color: #FFFFFF;
    font-size: 50px;
    font-family: 'Livvic';
    /* font-weight: 600; */
    letter-spacing: 0;
    line-height: 55px;
}

.header h2 {
    color: #FFFFFF;
    font-size: 22px;
    font-family: 'Livvic';
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px;
}
.header h2 ol li {
    line-height: 27.61px;
    list-style-type: auto;
    list-style-position: inside;
    padding-left: 0px;
    padding-bottom: 0.4em;
}
.subheading {
    font-family: 'Livvic';
    color: #0D2C41;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
}

.header .content {
    padding: 28px 0 56px;
}
.header .sub-header {
    color: #FFFFFF;
    font-family: 'Livvic';
    font-size: 22px;
    letter-spacing: 0;
    line-height: 28px;
    margin-top: 10px;
    display: block;
}
.header .sub-header ul {
    margin: 0;
}
.header .sub-header .list {
    font-size: 18px;
    /* font-weight: 600; */
    line-height: 23px;
    padding: 9px 0 0px 0;
    font-family: 'LivvicSemiBold';
}
#primarylogo {
    padding: 2rem 0 0.75rem;
    border-bottom: 1px solid #FFFFFF;
}
#primarylogo img {
    max-height: 22px;
}
#primarylogo .logo-mobile {
    max-height: 44px;
    display: none;
}

.partnerLogo .header header {
    position: relative;
    background: none
}

.search {
    float: right;
    width: 50%;
    text-align: right;
    padding: 2.5em 0 0.6em;
    display: none
}

@media screen and (max-width: 650px) {
    .search {
        text-align: left;
        width: 100%;
        padding: 0 0 16px
    }
}

@media screen and (max-width: 480px) {
    .search {
        padding: 0 0 16px
    }
}

.search .span,.search  {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

.search input {
    border-width: 0;
    padding: 6px 1em;
    font-size: 0.8125em;
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    background: #fff;
    -webkit-appearance: none
}

.search input:focus {
    background: #fdf496
}

.search input.go {
    color: #0c4255;
    background: #2b6678;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7fcad0),
    to(#2b6678) );
    background: -moz-linear-gradient(top, #7fcad0, #2b6678);
    background-image: -o-linear-gradient(#7fcad0, #2b6678);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FF7FCAD0',
    EndColorStr='#FF2B6678', GradientType=0 );
    color: #fff;
    font-weight: bold;
    width: auto
}

.search input.go:hover,.search input.go:focus {
    background: green;
    background: -moz-linear-gradient(top, #8bbc3f 0%, green 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8bbc3f),
    color-stop(100%, green) );
    background: -webkit-linear-gradient(top, #8bbc3f 0%, green 100%);
    background: -o-linear-gradient(top, #8bbc3f 0%, green 100%);
    background: -ms-linear-gradient(top, #8bbc3f 0%, green 100%);
    background: linear-gradient(to bottom, #8bbc3f 0%, green 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8BBC3F',
    endColorstr='#FF008000', GradientType=0 )
}

.lvLogo {
    float: left;
    width: 165px
}

.lvLogo:hover,.lvLogo:focus {
    background: none
}

.lvLogo img {
    margin: 1.2em 0 -3.5em
}

@media screen and (max-width: 650px) {
    .lvLogo img {
        margin: 10px 0 -3.5em;
        margin: 5px 0;
        width: 141px
    }
}

#primarylogo a {
    float: left;
    width: 165px
}

#primarylogo a:hover,#primarylogo a:focus {
    background: none
}

@media screen and (max-width: 650px) {
    #primarylogo a {
        padding-top: 0
    }
}

#primarylogo .clearfix:after,#primarylogo .baseContent:after {
    clear: none
}

#partnerlogo {
    position: absolute;
    right: 0;
    padding: 0.7em 0 1em
}

.wrap {
    text-align: left;
}

.pageBody {
    min-height: 300px
}

.productBanner {
    padding: 1em 0
}

.subnav-outer {
    max-width: 61.25em;
    width: 100%;
    margin: 0 auto
}

.about {
    background: #d7faff;
    border-bottom: 1px solid #ddd
}

.aboveFooter.carousel {
    padding: 0 0 1.6em;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 1%, #fff 50%, #f7f5f1 76%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fff),
    color-stop(50%, #fff), color-stop(76%, #f7f5f1),
    color-stop(100%, #fff) );
    background: -webkit-linear-gradient(top, #fff 1%, #fff 50%, #f7f5f1 76%, #fff 100%);
    background: -o-linear-gradient(top, #fff 1%, #fff 50%, #f7f5f1 76%, #fff 100%);
    background: -ms-linear-gradient(top, #fff 1%, #fff 50%, #f7f5f1 76%, #fff 100%);
    background: linear-gradient(to bottom, #fff 1%, #fff 50%, #f7f5f1 76%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
    endColorstr='#ffffff', GradientType=0 )
}

.white-shadow {
    display: inline-block;
    width: 100%;
    z-index: 20;
    position: absolute
}

.pageFooter {
    margin: 40px 0 15px;
    border: 1px solid #cdcdc9;
    border-width: 1px 0 1px 0
}

.pageFooter .inner {
    margin-top: -53px
}

.footer-nav {
    position: relative;
    z-index: 10;
    margin: -25px 0 0 0;
    margin: -26px 0 0 0;
    clear: both
}

@media screen and (max-width: 650px) {
    .footer-nav {
        z-index: 210
    }
}

.footer-nav,x:-moz-any-link,x:default {
    margin: -27px 0 0 0
}

.social a:hover,.social a:focus {
    text-decoration: none
}

#moreFromLV {
    background: #666;
    border: 1px solid #666;
    color: #fff;
    display: inline-block;
    padding: 0.2em 0.5em 0.2em 1em;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 0.8125em;
    margin: 0
}

#moreFromLV a {
    background: transparent;
    color: #fff
}

#moreFromLV a span {
    background:
            url(../template-assets/images/background/collapsible-arrows.png) 100%
            -84px no-repeat;
    padding-right: 26px
}

#moreFromLV a span.collapsible-heading-collapsed {
    background-position: 100% -58px
}

footer .collapsible-heading-status {
    border: 1px solid #666;
    color: #fff;
    display: inline-block;
    padding: 0.2em 26px 0.2em 1em;
    font-size: 0.8125em;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: bold;
    margin: 0;
    background: #666
    url(../template-assets/images/background/collapsible-arrows.png) 96%
    -82px no-repeat;
    font-family: tahoma, helvetica, "Lucida Sans", "Trebuchet MS",
    sans-serif;
}

footer .collapsible-heading-collapsed {
    background-position: 96% -55px
}

.moreFrom {
    float: left;
    width: 100%;
    padding: 0.5em 0
}

@media screen and (max-width: 700px) {
    .moreFrom {
        padding: 0
    }
}

.moreFrom li {
    line-height: 1.36363636363636;
    padding: 0
}

@media screen and (max-width: 700px) {
    .moreFrom li {
        padding-left: 0
    }
}

.moreFrom li.h4 {
    padding-bottom: 3px
}

.moreFrom h4 {
    font-family: 'Muli';
    margin: 0;
    line-height: 1.07142857142857
}

.moreFrom h4 a {
    font-size: 1em
}

.moreFrom li ul {
    width: 19.99%;
    float: left;
    background: url(../template-assets/images/background/bullets-sprite.png)
    -85px 3px no-repeat
}

.moreFrom li ul li {
    padding-left: 19px
}

@media screen and (max-width: 700px) {
    .moreFrom li ul li {
        display: block;
        margin: 0;
        padding: 2px 0
    }
}

.moreFrom li ul.first {
    margin: 5px 0
}

.moreFrom a {
    font-size: 0.8125em;
    font-family: 'Muli';
    display: block;
    padding: 3px 0;
    color: #666
}

.moreFrom a:hover,.moreFrom a:focus,.moreFrom a:active {
    text-decoration: underline;
    background: #fafafa
}

@media only screen and (max-width: 700px) {
    .moreFrom li ul {
        float: none;
        display: block;
        width: 100%;
        margin: 0.2em 0 0;
        border-bottom: 1px solid #ddd;
        padding: 0.2em 0 0.7em;
        background: none
    }
    .moreFrom li ul li {
        display: inline-block;
        display: block;
        margin: 0;
        padding: 2px 0
    }
    .moreFrom li ul li h4 {
        display: block
    }
    .moreFrom li ul li a {
        margin-right: 1em
    }
}

.primaryNav {
    margin: 6.15em 0 0 21.1458%
}

@media screen and (max-width: 900px) {
    .primaryNav {
        margin: 7.65em 0 1em;
        text-align: center
    }
}

.primaryNav ul {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 99.9999999%;
    z-index: 1000
}

.primaryNav a {
    color: #fff;
    display: block;
    font-size: 0.875em;
    margin: 0;
    padding: 0.07em 1.475em 0.3em;
    padding: 0.07em 1.3em 0.3em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 0px;
    font-family: 'Muli'
}

.primaryNav a.addedFocus {
    background: #296678;
    background: -moz-linear-gradient(top, #52b9c3 0%, #296678 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52b9c3),
    color-stop(100%, #296678) );
    background: -webkit-linear-gradient(top, #52b9c3 0%, #296678 100%);
    background: -o-linear-gradient(top, #52b9c3 0%, #296678 100%);
    background: -ms-linear-gradient(top, #52b9c3 0%, #296678 100%);
    background: linear-gradient(to bottom, #52b9c3 0%, #296678 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF52B9C3',
    endColorstr='#FF296678', GradientType=0 );
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

@media screen and (max-width: 768px) {
    .primaryNav a {
        padding: 0.07em 1em 0.3em
    }
}

.primaryNav li {
    background: url(../template-assets/images/background/nav-divider.png) 0
    6px no-repeat;
    display: block;
    float: left;
    padding: 0
}

@media screen and (max-width: 650px) {
    .primaryNav li {
        background-image: none;
        background: none;
        width: 100%
    }
}

.primaryNav li:first-child {
    background-image: none
}

.primaryNav a:hover,.primaryNav a:focus,.primaryNav .addedFocus a {
    background: #296678;
    background: -moz-linear-gradient(top, #52b9c3 0%, #296678 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52b9c3),
    color-stop(100%, #296678) );
    background: -webkit-linear-gradient(top, #52b9c3 0%, #296678 100%);
    background: -o-linear-gradient(top, #52b9c3 0%, #296678 100%);
    background: -ms-linear-gradient(top, #52b9c3 0%, #296678 100%);
    background: linear-gradient(to bottom, #52b9c3 0%, #296678 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF52B9C3',
    endColorstr='#FF296678', GradientType=0 );
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.primaryNav .active>a {
    background: green;
    background: -moz-linear-gradient(top, #8bbc3f 0%, green 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8bbc3f),
    color-stop(100%, green) );
    background: -webkit-linear-gradient(top, #8bbc3f 0%, green 100%);
    background: -o-linear-gradient(top, #8bbc3f 0%, green 100%);
    background: -ms-linear-gradient(top, #8bbc3f 0%, green 100%);
    background: linear-gradient(to bottom, #8bbc3f 0%, green 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8BBC3F',
    endColorstr='#FF008000', GradientType=0 );
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-color: transparent
}

@media screen and (max-width: 650px) {
    .primaryNav .active>a {
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px
    }
}

.PN-previous,.PN-last {
    background-image: none
}

.mega-col {
    float: left;
    margin: 0 0 10px 2%;
    width: 46%
}

.mega {
    background: #fff;
    border: 2px solid #51b9c6;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: -9999px;
    margin: 2px 0 0 0;
    overflow: hidden;
    padding: 10px 0 15px;
    position: absolute;
    width: 98%
}

.mega dl,.mega dt,.mega dd {
    list-style: none;
    margin: 0;
    padding: 0;
    text-indent: 0
}

.mega dl {
    display: inline;
    line-height: 1;
    text-align: left
}

.mega dl a {
    color: #0c4255;
    display: block;
    padding: 5px 0 3px 5px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    width: 100%
}

.mega dl a:hover {
    background: none
}

.mega dt {
    display: block;
    font-weight: bold;
    font-family: tahoma, helvetica, "Lucida Sans", "Trebuchet MS",
    sans-serif;
    padding: 3px 0;
    text-align: left
}

.mega dt a {
    text-decoration: underline
}

.mega dt a:hover,.mega dt a:focus {
    background: none;
    text-decoration: underline
}

.mega dd {
    font-size: 0.875em
}

.mega dd a:hover,.mega dd a:focus {
    background: none;
    text-decoration: underline
}

.break {
    clear: left
}

.close-menu a {
    color: #0c4255;
    font-size: 0.75em;
    position: absolute;
    right: 10px;
    text-decoration: underline;
    top: 10px
}

.menuToggle a {
    display: block
}

@media screen and (max-width: 650px) {
    .menuToggle a {
        color: white;
        display: inline-block;
        font-family: tahoma, helvetica, "Lucida Sans", "Trebuchet MS",
        sans-serif;
        font-size: 0.8125em;
        font-weight: bold;
        padding: 0.4em 0.8em 0.4em;
        position: absolute;
        right: 10px;
        top: 66px;
        background: rgba(0, 0, 0, 0.35);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -webkit-background-clip: padding-box;
        text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 1px;
        -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
        box-shadow: 2px 2px 2px #ccc;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
        text-decoration: none;
        background: #2b6678;
        background: -moz-linear-gradient(top, #7fcad0 0%, #2b6678 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fcad0),
        color-stop(100%, #2b6678) );
        background: -webkit-linear-gradient(top, #7fcad0 0%, #2b6678 100%);
        background: -o-linear-gradient(top, #7fcad0 0%, #2b6678 100%);
        background: -ms-linear-gradient(top, #7fcad0 0%, #2b6678 100%);
        background: linear-gradient(to bottom, #7fcad0 0%, #2b6678 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF7FCAD0',
        endColorstr='#FF2B6678', GradientType=0 )
    }
    .menuToggle a:after {
        content: '\002B';
        color: rgba(255, 255, 255, 0.9);
        padding: 3px 0 0 5px
    }
    .menuToggle a:focus {
        text-decoration: none
    }
}

.menuToggle.selected a {
    background: green;
    background: -moz-linear-gradient(top, #8bbc3f 0%, green 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8bbc3f),
    color-stop(100%, green) );
    background: -webkit-linear-gradient(top, #8bbc3f 0%, green 100%);
    background: -o-linear-gradient(top, #8bbc3f 0%, green 100%);
    background: -ms-linear-gradient(top, #8bbc3f 0%, green 100%);
    background: linear-gradient(to bottom, #8bbc3f 0%, green 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8BBC3F',
    endColorstr='#FF008000', GradientType=0 )
}

@media screen and (max-width: 650px) {
    .menuToggle.selected a:after {
        content: '\2212';
        color: rgba(255, 255, 255, 0.9);
        padding: 3px 0 0 5px
    }
}

@media screen and (min-width: 650px) {
    .show-menu {
        display: block;
        left: 0
    }
}

@media screen and (max-width: 650px) {
    .primaryNav {
        clear: both
    }
    .primaryNav ul {
        display: block;
        float: none
    }
    .primaryNav li {
        border-bottom: 1px solid #666;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
        border-top: 1px solid rgba(225, 255, 255, 0.15)
    }
    .primaryNav a {
        background: none;
        font-family: Corbel, 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.14285714285714em;
        font-weight: bold;
        padding: 0.5em 0 0.5em 1em;
        text-align: left
    }
    .primaryNav a:hover,.primaryNav a:focus {
        background-color: rgba(0, 0, 0, 0.8);
        -webkit-transition: background-color 1000ms linear;
        -moz-transition: background-color 1000ms linear;
        -o-transition: background-color 1000ms linear;
        -ms-transition: background-color 1000ms linear;
        transition: background-color 1000ms linear;
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px
    }
    .primaryNav a:after {
        color: rgba(0, 255, 255, 0.35);
        content: "\25B6";
        float: right;
        font-size: 0.55em;
        margin-top: 3px;
        padding-right: 25px
    }
    .PN-home,.PN-insurance,.PN-life,.PN-savings,.PN-pensions {
        width: 100%
    }
}

.lt-ie9 li a {
    background-image: none
}

.c5Edit .primaryNav {
    margin-left: 20px
}

.c5Edit .primaryNav ul {
    float: none;
    max-width: 757px
}

.c5Edit .primaryNav li {
    float: none
}

.c5Edit .primaryNav a {
    display: inline;
    padding: 0.5em 1em;
    background: #52b9c3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#52b9c3),
    to(#296678) );
    background: -moz-linear-gradient(top, #52b9c3, #296678);
    background-image: -o-linear-gradient(#52b9c3, #296678);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#52b9c3',
    EndColorStr='#296678', GradientType=0 );
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.c5Edit .primaryNav .mega {
    display: block;
    margin-bottom: 1em;
    position: static
}

.c5Edit .primaryNav .mega dl a {
    display: block;
    padding: 5px 0 3px 5px;
    background-image: none;
    background-color: transparent
}

#closeMenu {
    position: absolute;
    right: 15px;
    bottom: 15px
}

#closeMenu a {
    color: #666;
    text-shadow: none
}

#closeMenu a:hover,#closeMenu a:focus {
    background: none
}

#megamenu .no-divider {
    background: none
}

.partnerLogo .menuToggle a {
    right: 0
}

@media screen and (max-width: 650px) {
    .partnerLogo .menuToggle a {
        top: 15px
    }
}

.utilityLinks {
    position: absolute;
    top: 0;
    max-width: 60em;
    width: 95%;
    margin: 0 auto
}

.utilityLinks ul {
    float: right;
    margin: 0
}

.utilityLinks li {
    display: inline;
    padding: 0
}

.utilityLinks li.active a {
    opacity: 1.0;
    text-decoration: underline
}

.utilityLinks li a {
    display: inline-block;
    padding: 0 8px 0 3px;
    background: url(../template-assets/images/background/nav-divider.png)
    100% -94px no-repeat;
    color: #fff;
    font-size: 0.6875em;
    font-weight: bold;
    font-family: 'Muli';
    opacity: 0.95
}

.utilityLinks li a:hover {
    text-decoration: underline
}

.utilityLinks li a:focus {
    outline: 1px solid #fff
}

.utilityLinks .contact {
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    padding: 0 7px 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    opacity: 1
}

.utilityLinks .contact:hover,.utilityLinks .contact:focus {
    background: rgba(0, 0, 0, 0.9)
}

@media only screen and (max-width: 650px) {
    .utilityLinks {
        position: static;
        width: 99.99%
    }
    .utilityLinks ul {
        float: left
    }
    .utilityLinks li a {
        font-weight: normal;
        color: #666;
        padding: 0 2px 0 0;
        opacity: 1
    }
    .utilityLinks li:first-child a:before {
        content: none
    }
    .utilityLinks li a.contact {
        position: absolute;
        top: 10px;
        right: 10px;
        padding: 0.3em 1em;
        background: rgba(0, 0, 0, 0.35);
        display: block;
        color: #fff;
        text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0px;
        -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 2px 2px 2px #ccc;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2)
    }
    .utilityLinks li a.contact:before {
        content: none
    }
}

.partnerLogo .utilityLinks,.partnerLogo .movedUtilityLinks {
    display: none
}

.breadcrumb {
    display: block;
    width: 100%
}

@media screen and (max-width: 600px) {
    .breadcrumb {
        line-height: 1;
        margin-bottom: 10px
    }
}

.breadcrumb li {
    display: inline;
    font-size: 0.6875em;
    padding: 0.81818em 0.2em 0.8em 0
}

.breadcrumb li:after {
    content: '\203A';
    padding-left: 5px
}

.breadcrumb li.last:after {
    content: ''
}

@media screen and (max-width: 600px) {
    .breadcrumb li {
        padding-bottom: 0
    }
}

.breadcrumb li span {
    padding: 5px 0;
    display: inline-block
}

.breadcrumb li a {
    display: inline-block;
    font-weight: bold;
    font-family: 'Muli';
    text-decoration: underline;
    padding: 5px 0
}

.breadcrumb li a:focus {
    background: #fff
}

.breadcrumb li .active {
    text-decoration: none
}

.breadcrumb li .active:hover,.breadcrumb li .active:focus {
    text-decoration: underline
}

.subnav-outer li {
    line-height: 1.1
}

.subnav-outer.subnav-outer-1 {
    width: 100%;
    max-width: 61.5em;
    margin-bottom: -1px
}

.subnav-outer.subnav-outer-1 .subnav {
    max-width: 61.5em;
    width: 100%;
    float: none;
    margin: 0 auto
}

.subnav-outer.subnav-outer-2 {
    width: 100%;
    max-width: none;
    border-bottom: 4px solid #85a224
}

@media screen and (max-width: 650px) {
    .subnav-outer.subnav-outer-2 {
        border-width: 0
    }
}

.subnav-outer.subnav-outer-2 .subnav li a {
    border-width: 0
}

.subnav-outer.subnav-outer-2 .subnav li.active {
    position: relative
}

.subnav.pn01 li a {
    text-decoration: none
}

.subnav.pn01 li a:hover,.subnav.pn01 li a:focus {
    text-decoration: underline
}

.subnav-outer.subnav-outer-2 .subnav li.active a {
    font-weight: bold;
    color: #0c4255
}

.subnav {
    float: left;
    margin: 0 0 -1px;
    position: relative;
    width: 100%
}

.subnav li {
    float: left;
    font-family: 'Muli';
    padding: 0
}

.subnav li a {
    display: block
}

@media screen and (max-width: 650px) {
    .subnav {
        line-height: 0;
        margin: 20px 0
    }
}

.pn01 {
    overflow: hidden
}

.pn01 li {
    border: 1px solid #ccc;
    border-width: 1px 1px 0 1px;
    float: left;
    margin-right: 4px;
    margin-bottom: -200px;
    padding-bottom: 200px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0%, #666 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb),
    color-stop(100%, #666) );
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #666 100%);
    background: -o-linear-gradient(top, #fbfbfb 0%, #666 100%);
    background: -ms-linear-gradient(top, #fbfbfb 0%, #666 100%);
    background: linear-gradient(to bottom, #fbfbfb 0%, #666 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',
    endColorstr='#666666', GradientType=0 )
}

.pn01 li.active a {
    color: #0c4255
}

.pn01 a {
    color: #185d75;
    font-weight: bold;
    font-size: 0.9375em;
    padding: 0.6em 0.7em 0.8em;
    height: auto;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-shadow: 0 1px 0 #fff
}

@media screen and (max-width: 650px) {
    .pn01 a {
        background: #f7f7f7
    }
}

.pn01 a:hover,.pn01 a:focus {
    color: #347586;
    text-decoration: underline;
}

@media screen and (max-width: 650px) {
    .pn01 a:hover,.pn01 a:focus {
        background: #EAEAEA;
        color: #0c4255;
        text-decoration: none
    }
}

.pn01 .active {
    background: #fff;
    font-weight: bold;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff
}

@media screen and (max-width: 650px) {
    .pn01 .active {
        border-width: 0
    }
    .pn01 .active:before {
        content: ''
    }
}

.pn02 {
    float: none;
    margin: 0 auto;
    max-width: 61.5em;
    overflow: hidden
}

@media screen and (max-width: 880px) {
    .pn02 {
        background: #ffffff;
        margin: 0;
        line-height: 0
    }
}

.pn02 li {
    font-size: 0.8125em;
    margin-bottom: -200px;
    padding-bottom: 200px;
    /* border-right: 1px solid #759399; */
    border-right: 1px solid #d1d1d1
}

.pn02 li.last a {
    border-width: 0;
}

.pn02 li a {
    color: #546b08;
    border-right: 1px solid #759399;
    font-size: 1em;
    padding: 0 0.7em 0;
    margin: 0.76em 0
}

@media screen and (max-width: 650px) {
    .pn02 li a:hover,.pn02 li a:focus {
        background: #f7f7f7;
        color: #546b08
    }
}

@media screen and (max-width: 650px) {
    .pn02 li a {
        margin: 0;
        padding: 0.6em 0.7em 0.8em 2em;
        height: 1%;
        background: #ffffff;
        text-shadow: 0 1px 1px #fff;
        line-height: 1;
        font-size: 0.8125em
    }
}

.pn02 li .active {
    font-weight: bold;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #0c4255;
    border-top-width: 0;
    text-decoration: underline
}

@media screen and (max-width: 650px) {
    .pn02 li .active {
        background: #ffffff
    }
}

#pn03 {
    background: #fff
}

#pn03 ul {
    margin: 0;
    width: 230px
}

@media screen and (max-width: 650px) {
    #pn03 ul {
        display: none
    }
}

#pn03 ul li a {
    margin: 0;
    box-shadow: none
}

#pn03 .tabs-body .tab-liner {
    background: none;
    border-width: 0;
    box-shadow: none
}

#pn03 .tabs-nav li a {
    color: #546B08;
    font-weight: normal
}

#pn03 .tabs-nav li a:hover {
    background: none
}

#pn03 .tabs-nav li.tabs-selected {
    background: white;
    border-bottom: transparent;
    border-right: 17px solid #fff;
    width: 100%
}

#pn03 .tabs-nav li.tabs-selected a {
    filter: none;
    background: white;
    color: #014357;
    font-weight: bold
}

.js #featured-content {
    border-left: 1px solid #efefef
}

.js #pn03 .tabs-nav li {
    border-width: 0;
    font-family: 'Muli';
    box-shadow: none;
    background: #f7f7f7;
    margin: 0;
    border-bottom: 2px solid #efefef;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.no-js #pn03 .tabs-nav li {
    box-shadow: none
}

.page .subnav-outer {
    max-width: 73.8461538461538em
}

.items-2 li {
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
    width: 25%
}

.items-3 li {
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
    width: 33%
}

.items-4 li {
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
    width: 24%
}

.items-5 li {
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
    width: 19%
}

.items-6 li {
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
    width: 15%
}

@media screen and (max-width: 650px) {
    .items-6 li {
        white-space: normal
    }
}

@media screen and (max-width: 650px) {
    .subnav li {
        background: #fff;
        border-bottom: 1px solid #ccc;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #fff;
        float: none;
        width: 100%
    }
    .subnav li.last {
        border-width: 0
    }
    .subnav li a {
        border-width: 0;
        line-height: 1.5;
        text-shadow: 0 1px 0 #fff
    }
    .subnav li a:before {
        content: '\203A';
        padding: 0 5px 0 0;
        content: '\25B6';
        float: right;
        font-size: 11px;
        margin-top: 6px;
        opacity: 0.3;
        padding: 0 15px 0 0
    }
    .subnav .subnav li {
        border-bottom: 1px solid #efefef
    }
    .subnav-outer .subnav-outer {
        margin: 0 auto
    }
}

@media screen and (max-width: 650px) {
    .subnav-outer.subnav-outer-1 .subnav li {
        margin: 0;
        padding: 0
    }
    .subnav-outer.subnav-outer-2 .subnav li {
        margin: 0;
        padding: 0
    }
    .subnav.pn01 li,.subnav.pn01 li a {
        border-radius: 0;
        border-width: 0 0 1px;
        text-decoration: none
    }
    .subnav.pn01 li {
        margin-bottom: 0;
        padding-bottom: 0
    }
    .subnav.pn01 li.active a {
        background: #fff;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white',
        endColorstr='white', GradientType=0 );
        border-bottom: 1px solid #ccc;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #fff
    }
    .subnav.pn01 li.active a:before {
        content: ' '
    }
    .subnav.pn01 a {
        background: #efefef;
        background: -moz-linear-gradient(top, #f7f7f7 0%, #efefef 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7),
        color-stop(100%, #efefef) );
        background: -webkit-linear-gradient(top, #f7f7f7 0%, #efefef 100%);
        background: -o-linear-gradient(top, #f7f7f7 0%, #efefef 100%);
        background: -ms-linear-gradient(top, #f7f7f7 0%, #efefef 100%);
        background: linear-gradient(to bottom, #f7f7f7 0%, #efefef 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF7F7F7',
        endColorstr='#FFEFEFEF', GradientType=0 )
    }
    .subnav.pn01 a:hover {
        background: #e7e7e7;
        background: -moz-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7),
        color-stop(100%, #e7e7e7) );
        background: -webkit-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%);
        background: -o-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%);
        background: -ms-linear-gradient(top, #f7f7f7 0%, #e7e7e7 100%);
        background: linear-gradient(to bottom, #f7f7f7 0%, #e7e7e7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF7F7F7',
        endColorstr='#FFE7E7E7', GradientType=0 )
    }
    .subnav.pn01 li .subnav.pn02 li.active a {
        color: #014357;
        font-weight: bold;
        padding-left: 28px
    }
    .subnav.pn01 li .subnav.pn02 li.active a:before {
        content: none
    }
    .subnav .subnav li.last {
        border-width: 0
    }
    .subnav.pn01 li .subnav.pn02 li a {
        background: #fff;
        text-decoration: none;
        font-size: 1.07em;
        font-weight: normal;
        color: #546b08
    }
    .subnav.pn01 li .subnav.pn02 li a:hover {
        background: #fafafa
    }
    .subnav.pn01 li.active a {
        padding-top: 0.8em
    }
    .subnav.pn01 {
        border: 1px 1px 0
    }
    .subnav.pn01.nestedSubNav {
        position: relative;
        z-index: 200;
        margin: 1em 0 3em 0;
        border-top: 1px solid #e3e3e3;
        float: none;
        margin: 0 auto 1em;
        width: 94.5%;
        border: 1px solid #e3e3e3;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px
    }
    .aboveFooter.clear>p#submenu {
        background: none repeat scroll 0 0 #e0eef1;
        color: #0c4255;
        font-weight: bold;
        margin: 1em 2.5% 0;
        padding: 10px 10px 10px 11px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border: 1px solid #bfd5da;
        border-width: 1px 1px 0
    }
}

#subnav-anchor-link a {
    display: none
}

@media screen and (max-width: 650px) {
    #subnav-anchor-link a {
        margin: 0.5em 0;
        padding: 1em;
        background: rgba(255, 255, 255, 0.8);
        display: inline-block
    }
}

.subFooter-outer {
    border-top: 1px solid #e4e4e4;
    padding: 15px 0 0 0;
    clear: both;
    margin-top: -1px
}

@media screen and (max-width: 650px) {
    .subFooter-outer {
        border-width: 0;
        padding: 0
    }
}

.subFooter {
    color: #6B6C6F
}

.subFooter p {
    font-size: 0.6875em
}

.subFooter ul {
    float: left
}

@media screen and (max-width: 650px) {
    .subFooter ul {
        width: 99%
    }
}

.subFooter ul li {
    font-size: 0.6875em;
    display: inline;
    padding-left: 0
}

.subFooter .social {
    float: right;
    text-align: right
}

.subFooter .social div {
    display: inline
}

@media screen and (max-width: 650px) {
    .subFooter .social {
        float: none;
        text-align: left
    }
}

.subFooter .contentInfo a {
    color: #666
}

.subFooter .contentInfo a:after {
    content: '|';
    padding-left: 5px
}

.subFooter .contentInfo a.last:after {
    content: ''
}

#subnavLink {
    text-decoration: none
}

#subnavLink:before {
    content: '\25BC';
    padding: 3px
}

.socialbookmarking,#socialBookMarks {
    padding: 1.5em;
    background: #faf8f6;
    background: -moz-linear-gradient(top, #fdfcfb 0%, #faf8f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfcfb),
    color-stop(100%, #faf8f6) );
    background: -webkit-linear-gradient(top, #fdfcfb 0%, #faf8f6 100%);
    background: -o-linear-gradient(top, #fdfcfb 0%, #faf8f6 100%);
    background: -ms-linear-gradient(top, #fdfcfb 0%, #faf8f6 100%);
    background: linear-gradient(to bottom, #fdfcfb 0%, #faf8f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFDFCFB',
    endColorstr='#FFFAF8F6', GradientType=0 );
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-background-clip: padding-box;
    border: 1px solid #faf8f6;
    *zoom: 1
}

.socialbookmarking:before,#socialBookMarks:before,.socialbookmarking:after,#socialBookMarks:after
{
    content: "";
    display: table
}

.socialbookmarking:after,#socialBookMarks:after {
    clear: both
}

@media screen and (max-width: 480px) {
    .socialbookmarking,#socialBookMarks {
        padding: 10px
    }
}

.socialbookmarking li,#socialBookMarks li {
    clear: none;
    float: left;
    list-style: none outside none;
    margin-right: 1.5em;
    padding: 0;
    margin-bottom: 1em
}

.socialbookmarking li.delicious a,#socialBookMarks li.delicious a {
    background:
            url("../template-assets/images/background/social-bookmarking.png") 0
            -98px no-repeat
}

.socialbookmarking li.digg a,#socialBookMarks li.digg a {
    background:
            url("../template-assets/images/background/social-bookmarking.png") 0
            -149px no-repeat
}

.socialbookmarking li.facebook a,#socialBookMarks li.facebook a {
    background:
            url("../template-assets/images/background/social-bookmarking.png") 0
            -47px no-repeat
}

@media screen and (min-width: 768px) {
    .socialbookmarking li.googlePlusOne iframe,#socialBookMarks li.googlePlusOne iframe
    {
        padding-top: 3px
    }
}

.socialbookmarking li.newsvine a,#socialBookMarks li.newsvine a {
    background:
            url("../template-assets/images/background/social-bookmarking.png") 0
            -196px no-repeat
}

.socialbookmarking li.reddit a,#socialBookMarks li.reddit a {
    background:
            url("../template-assets/images/background/social-bookmarking.png") 0
            -248px no-repeat
}

.socialbookmarking li.stumbleupon a,#socialBookMarks li.stumbleupon a {
    background:
            url("../template-assets/images/background/social-bookmarking.png") 0
            -298px no-repeat
}

.socialbookmarking li.twitter a,#socialBookMarks li.twitter a {
    background:
            url("../template-assets/images/background/social-bookmarking.png") 0
            1px no-repeat
}

.socialbookmarking a,#socialBookMarks a {
    background-color: transparent;
    background-repeat: no-repeat;
    display: block;
    padding: 0 0 0 22px;
    text-decoration: none
}

.socialbookmarking .socialHeader h3,#socialBookMarks .socialHeader h3 {
    float: left;
    padding: 0
}

.socialbookmarking .socialHeader p,#socialBookMarks .socialHeader p {
    float: right;
    padding: 0
}

.socialbookmarking .googlePlusOneText,#socialBookMarks .googlePlusOneText
{
    margin-left: -10px
}

@media screen and (max-width: 320px) {
    .socialbookmarking .googlePlusOneText,#socialBookMarks .googlePlusOneText
    {
        display: none
    }
}

.socialbookmarking ol,#socialBookMarks ol {
    margin-top: 1.5em
}

#socialBookMarks {
    background: transparent;
    background-color: #fff;
    filter: none;
    border-width: 0;
    padding: 0;
    margin: 2em 0 0 0
}

#socialBookMarks li.googlePlusOne iframe {
    padding: 2px 0 0 0
}

.page {
    max-width: 1155px;
    margin-top: 4em;
}

.promo-header {
    font-size: 1.125em
}

button[aria-disabled=true] {
	pointer-events: none;
	background-color: #4A4A49 !important;
}

button#verifyCode {
    width: 133px !important;
    padding: 0 !important;
    font-weight: 600;
    height: 44px;
    margin-right: 43px;
}
/* #api input:disabled {
	border-color: #CCCCCC !important;
} */
.primaryButton, #api button {
    width: 165px;
    border: none;
    border-radius: 42px;
    color: #FFFFFF;
    background-color: #006CF4;
    font-family: 'LivvicSemiBold';
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    /* padding: 10px 20px; */
    padding: 10px 29px;
    cursor: pointer;
    display: flex;
    /* justify-content: center; */
    position: relative;
    outline: none;
}

.primaryButton.icon:after, #api button::after {
    position: absolute;
    background: url(images/cta-arrow-right.png) 50% 50% no-repeat;
    content: "";
    width: 24px;
    height: 24px;
    right: 12px;
}
.primaryButton.large {
    min-width: 295px;
}
.primaryButton.small {
    max-width: 162px;
}
.secondaryButton {
    display: block;
    font-family: 'LivvicSemiBold';
    font-size: 16px;
    /* font-weight: 600; */
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #04589B;
    border-radius: 42px;
    color: #04589B;
    background-color: #FFFFFF;
    box-shadow: 1px 2px 0 0 rgba(0,0,0,0.02);
    padding: 11px 20px;
    box-sizing: border-box;
}
.primaryButton:hover, .primaryButton:focus, .secondaryButton:hover,.secondaryButton:focus, #api button:hover, #api button:focus {
    background-color: #04589B;
    color: #fff
}
.resetBtn {
    margin-left: -2px;
    margin-right: 10px;
}
.regBtn {
    /* margin-left: 4px; */
    margin-right: 4px;
}
.linkButton:visited {
    color: #fff
}

@media screen and (max-width: 650px) {
    .linkButton {
        padding: 8px 17px 3px
    }
}

.highlightButton {
    font-size: 1.5625em;
    font-size: 1.7em
}

.iconButton {
    padding: 6px 12px 6px 17px;
    padding: 4px 9px 2px 10px
}

.iconButton:after {
    content: url(../template-assets/images/content/primary-button.png);
    display: inline-block;
    margin: 2% 0 -1% 8px;
    margin: 2% 0 -2.7% 8px;
    margin: 0 0 -5.7% 8px;
    margin: 0 0 -14px 8px;
    margin: 0 0 -13px 8px;
    text-align: right;
    vertical-align: middle
}

.contentHeader .linkButton {
    text-decoration: none
}

@media screen and (max-width: 900px) {
    .contentHeader .lastUnit img {
        max-width: 100%
    }
}

@media screen and (max-width: 750px) {
    .contentHeader .lastUnit img {
        display: none
    }
}

.pod {
    background: #fff
}

.pod img {
    max-width: 100%
}

.pod p.tagLine {
    font-family: tahoma, helvetica, "Lucida Sans", "Trebuchet MS",
    sans-serif;
    font-weight: bold;
    color: #0c4255;
    font-size: 2.25em;
    line-height: 1;
    margin: -10px 0 23px
}

.pod p.telephone a {
    font-size: 2em;
    font-family: tahoma, helvetica, "Lucida Sans", "Trebuchet MS",
    sans-serif;
    font-weight: bold;
    color: #0c4255
}

.pod p.telephone a:hover,.pod p.telephone a:focus {
    background: transparent;
    text-decoration: none
}

.pod .retrieve {
    margin: 12px 0 0 0
}

.pod .retrieve a {
    font-weight: bold;
    text-decoration: underline
}

.pod .banner li {
    font-size: 1.23076923076923em;
    line-height: 1.5;
    font-family: tahoma, helvetica, "Lucida Sans", "Trebuchet MS",
    sans-serif;
    font-weight: bold;
    color: #0c4255;
    padding: 0 0 3px 20px;
    background-position: 0 4px
}

.pod.trans {
    background: transparent
}

.lastUnit .bordered,.lastUnit .open {
    margin: 0 0 10px 5px
}

@media screen and (max-width: 650px) {
    .lastUnit .bordered,.lastUnit .open {
        margin: 0 0 10px
    }
}

.lastUnit .banner {
    margin-left: 0
}

@media screen and (max-width: 650px) {
    .lastUnit {
        margin: 0 0 10px
    }
}

.unit table img {
    width: auto
}

.unit img {
    max-width: 100%
}

@media screen and (max-width: 650px) {
    .unit img {
        width: auto
    }
}

.unit.lastUnit img {
    width: 100%;
    max-width: 100%
}

@media screen and (max-width: 650px) {
    .unit.lastUnit img {
        width: 50%
    }
}

@media screen and (max-width: 480px) {
    .unit.lastUnit img {
        width: 70%
    }
}

.unit.lastUnit img.fixed-width {
    width: auto;
    max-width: none
}

.unit .fixed-width {
    width: auto;
    max-width: none
}

.bordered,.open {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    border: 1px solid #eae9e5;
    margin: 0 10px 10px 0;
    margin: 0 5px 10px 5px
}

@media screen and (max-width: 650px) {
    .bordered,.open {
        margin: 0 0 10px;
        border-width: 0 0 1px 0;
        -o-box-shadow: 0 0 0 transparent;
        -moz-box-shadow: 0 0 0 transparent;
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 #ccc;
        box-shadow: 0 0 0 transparent;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box
    }
}

.bordered,.open {
    position: relative
}

.bordered:before,.open:before,.bordered:after,.open:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 16px;
    left: 5px;
    width: 50%;
    top: 80%;
    max-width: 110px;
    background: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 15px 7px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 15px 7px rgba(0, 0, 0, 0.8);
    box-shadow: 0 15px 7px rgba(0, 0, 0, 0.8);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.bordered:after,.open:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 5px;
    left: auto
}

.mainLiner {
    padding: 0 15px 0 0
}

.mainLeft {
    padding: 0 15px 0 0
}

.mainRight {
    padding: 0 0 0 15px
}

.liner.noBackground {
    background: none
}

.liner.noHeight {
    height: 1%;
    height: auto;
    min-height: inherit
}

.liner.c07-small {
    margin: 0;
    padding: 0;
    background: #f0f0f0;
    background:
            url(../template-assets/images/background/ie-pod-gradient.png) 0 74px
            repeat-x;
    background: -moz-linear-gradient(top, #f0f0f0 10%, #fff 40%) 0 50px
    repeat-x;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0),
    color-stop(40%, #fff) ) 0 50px repeat-x;
    background: -webkit-linear-gradient(top, #f0f0f0 0%, #fff 40%) 0 50px
    repeat-x;
    background: -o-linear-gradient(top, #f0f0f0 0%, #fff 40%) 0 50px
    repeat-x;
    background: -ms-linear-gradient(top, #f0f0f0 0%, #fff 40%) 0 50px
    repeat-x;
    background: linear-gradient(top, #f0f0f0 10%, #fff 40%) 0 50px repeat-x;
    min-height: 14.1538461538461em
}

@media screen and (max-width: 650px) {
    .liner.c07-small {
        min-height: 1%;
        padding: 0 0 10px;
        background: none
    }
}

.liner.c07-small img {
    position: static;
    height: 1%
}

@media screen and (max-width: 650px) {
    .liner.c07-small img {
        width: 50%
    }
}

.liner.centred {
    text-align: center
}

.liner.trans {
    background: transparent
}

/* @media screen and (max-width: 768px) {
   

} */

/* @media screen and (max-width: 650px) {
    .liner img {
        width: 50%
    }
} */

/* @media screen and (max-width: 480px) {
    .liner img {
        width: 70%
    }
} */

.posL img,.posTl img {
    margin-left: -12px
}

@media screen and (max-width: 650px) {
    .posL img,.posTl img {
        margin-left: 0
    }
}

.posTl img {
    margin-top: -17px
}

.posTr p,.posR p {
    text-align: right
}

.posTr {
    text-align: right;
    display: block
}

.posR img,.posTr img {
    margin-right: -12px
}

@media screen and (max-width: 650px) {
    .posR img,.posTr img {
        margin-right: 0
    }
}

.posT,.posTr img {
    margin-top: -17px
}

.posRel {
    position: relative
}

.pod .posBr {
    bottom: -2px;
    right: -2px
}

.posBr {
    position: absolute;
    bottom: 0;
    right: 0
}

@media screen and (max-width: 650px) {
    .posBr {
        position: static
    }
}

.posB {
    position: absolute;
    bottom: 0
}

@media screen and (max-width: 650px) {
    .posB {
        position: static
    }
}

.posBr img {
    position: absolute;
    bottom: 0;
    right: 0
}

@media screen and (max-width: 650px) {
    .posBr img {
        position: static
    }
}

.posB img {
    position: absolute;
    bottom: 0
}

@media screen and (max-width: 650px) {
    .posB img {
        position: static
    }
}

.posBl img {
    position: absolute;
    bottom: 0;
    left: 0
}

@media screen and (max-width: 650px) {
    .posBl img {
        position: static
    }
}

.posRel .size1of4 img {
    max-width: 25%;
    width: 25%
}

.posRel .size1of3 img {
    max-width: 33%;
    width: 33%
}

.posRel .size1of2 img {
    max-width: 50%;
    width: 50%
}

.posRel .size2of3 img {
    max-width: 66%;
    width: 66%
}

.posRel .size3of4 img {
    max-width: 75%;
    width: 75%
}

.posRel .fw img {
    max-width: 100%;
    width: 100%
}

.posFwt p {
    position: relative;
    left: -16px;
    top: -20px;
    margin-right: -32px
}

@media screen and (max-width: 650px) {
    .posFwt p {
        position: static;
        margin: 0
    }
}

.posFwt img {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

@media screen and (max-width: 650px) {
    .posFwt img {
        -webkit-border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topleft: 0;
        -moz-border-radius-topright: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

.posFwb {
    position: relative
}

.posFwb p {
    position: relative;
    left: -16px;
    bottom: -20px;
    margin-right: -32px;
    padding: 0
}

@media screen and (max-width: 650px) {
    .posFwb p {
        position: static;
        margin: 0
    }
}

.posFwb img {
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-bottom: -20px
}

@media screen and (max-width: 650px) {
    .posFwb img {
        margin: 0;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

.c07-liner {
    padding: 0 15px;
    margin: 0 2px
}

.open {
    border-color: transparent;
    -o-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 #ccc;
    box-shadow: 0 0 0 transparent
}

.open .liner {
    background: none
}

.first {
    margin-left: 0
}

.car-insurance,.life-insurance {
    background: url(../template-assets/images/background/car_02.png) 300px
    -20px no-repeat
}

@media screen and (max-width: 768px) {
    .car-insurance,.life-insurance {
        background: none
    }
}

.life-insurance {
    background: url(../template-assets/images/background/girl-kite.png)
    700px 0 no-repeat
}

.promo .liner {
    background-position: 0 100px
}

@media screen and (max-width: 600px) {
    .Bottom p,.Bottom {
        position: static
    }
}

.no-js .carouselContainer {
    overflow: scroll
}

.carouselContainer {
    width: 100%;
    clear: both;
    overflow: hidden;
    padding: 0;
    margin-top: -1em
}

.carouselContainer .carouselContainerContent {
    margin: 0 auto;
    width: 83%;
    max-width: 61em;
    padding-left: 2%;
    padding-right: 2%
}

@media screen and (max-width: 600px) {
    .carouselContainer .carouselContainerContent {
        width: 100%;
        padding: 1em 0
    }
}

.scroller {
    position: relative;
    width: 100%
}

.scroller .scrlContent {
    width: 100%;
    height: 100%;
    position: relative
}

.scroller .scrlContent .inner {
    height: 100%;
    white-space: nowrap
}

.scroller .item {
    text-align: center;
    overflow: visible;
    display: inline-block;
    position: relative;
    width: 100%;
    white-space: normal
}

.scroller .item .tl {
    text-align: left
}

.scroller .item.home-carousel-item {
    display: none
}

@media screen and (max-width: 600px) {
    .scroller .item.home-carousel-item {
        display: block
    }
}

.scroller .item .image {
    position: relative;
    background: none;
    padding: 0
}

.scroller img {
    width: 100%;
    max-width: 100%
}

.scroller img.imgTrc {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.scroller a {
    text-decoration: underline
}

.lvCarouselHolder {
    padding: 30px 5px 0;
    margin: 15px 0 0;
    position: relative
}

@media screen and (max-width: 650px) {
    .lvCarouselHolder {
        margin-top: 0;
        padding-top: 0
    }
}

.lvScroller .scrlContent {
    padding: 0;
    width: auto
}

.lvScroller .scrlContent .inner {
    display: block;
    width: 99%;
    margin: 0 auto;
    position: relative
}

.lvScroller .item {
    display: inline-block;
    width: 25%;
    margin: 0;
    vertical-align: top;
    overflow: hidden
}

@media screen and (max-width: 900px) {
    .lvScroller .item {
        width: 33.333%
    }
}

@media screen and (max-width: 700px) {
    .lvScroller .item {
        width: 49.9%;
        border-width: 0
    }
}

@media screen and (max-width: 600px) {
    .lvScroller .item {
        float: left
    }
}

@media screen and (max-width: 320px) {
    .lvScroller .item {
        width: 99.9%;
        border-width: 0
    }
}

.lvScroller .item .image {
    background: #fff;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    -webkit-background-clip: padding-box
}

.lvScroller .item .content {
    padding: 0 0 15px;
    width: 96%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-background-clip: padding-box;
    font-size: .875em
}

@media screen and (max-width: 600px) {
    .lvScroller .item .content {
        padding: 0;
        width: 99%
    }
}

@media screen and (max-width: 480px) {
    .lvScroller .item .content {
        font-size: 1em
    }
}

.lvScroller .pod {
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-background-clip: padding-box;
    border: 1px solid #ddd;
    position: relative
}

@media screen and (max-width: 600px) {
    .lvScroller .pod {
        -o-box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        box-shadow: none;
        border-width: 0
    }
}

.lvScroller .pod:after,.lvScroller .pod:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 16px;
    left: 5px;
    width: 50%;
    top: 80%;
    max-width: 110px;
    background: rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 15px 7px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 15px 7px rgba(0, 0, 0, 0.8);
    box-shadow: 0 15px 7px rgba(0, 0, 0, 0.8);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.lvScroller .pod:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 5px;
    left: auto
}

.lvScroller .liner {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-background-clip: padding-box;
    position: static;
    padding-top: 13px
}

@media screen and (max-width: 700px) {
    .lvScroller .liner {
        padding: 13px
    }
}

.lvScroller .liner h2,.lvScroller .liner h3,.lvScroller .liner h4,.lvScroller .liner p
{
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
    width: 95%;
    line-height: 1.2
}


.controls .prev {
    position: absolute;
    left: -25.5%;
    z-index: 25;
    margin: 0;
    top: 30px;
    text-align: right;
    background: -moz-linear-gradient(left center, #fff 34%, rgba(255, 255, 255, 0.99)
    57%, rgba(255, 255, 255, 0.8) 65%, rgba(255, 255, 255, 0.77) 87%,
    rgba(255, 255, 255, 0.3) 98%, rgba(255, 255, 255, 0.3) 100% ) repeat
    scroll 5px 0 transparent;
    background:
            url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3NyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC45OSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC43NyIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.99) 77%,
    rgba(255, 255, 255, 0.77) 87%, rgba(255, 255, 255, 0.3) 98%,
    rgba(255, 255, 255, 0.3) 100% );
    background: -webkit-gradient(linear, left top, right top, color-stop(77%, rgba(255,
    255, 255, 0.99) ), color-stop(87%, rgba(255, 255, 255, 0.77) ),
    color-stop(98%, rgba(255, 255, 255, 0.3) ),
    color-stop(100%, rgba(255, 255, 255, 0.3) ) );
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.99) 77%,
    rgba(255, 255, 255, 0.77) 87%, rgba(255, 255, 255, 0.3) 98%,
    rgba(255, 255, 255, 0.3) 100% );
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.99) 77%,
    rgba(255, 255, 255, 0.77) 87%, rgba(255, 255, 255, 0.3) 98%,
    rgba(255, 255, 255, 0.3) 100% );
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.99) 77%,
    rgba(255, 255, 255, 0.77) 87%, rgba(255, 255, 255, 0.3) 98%,
    rgba(255, 255, 255, 0.3) 100% );
    background: linear-gradient(to right, rgba(255, 255, 255, 0.99) 77%,
    rgba(255, 255, 255, 0.77) 87%, rgba(255, 255, 255, 0.3) 98%,
    rgba(255, 255, 255, 0.3) 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcffffff',
    endColorstr='#4dffffff', GradientType=1 );
    height: 300px;
    left: -100%;
    margin: 0;
    position: absolute;
    text-align: right;
    top: 30px;
    width: 100%;
    z-index: 25
}

.controls .prev a img {
    margin-top: 80px
}

.controls .next {
    position: absolute;
    right: -24.1%;
    top: 30px;
    z-index: 26;
    width: 25%;
    height: 300px;
    background:
            url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iNCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.7) 4%, #fff 26%, #fff 69% );
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,
    255, 255, 0.3) ), color-stop(4%, rgba(255, 255, 255, 0.7) ),
    color-stop(26%, #fff), color-stop(69%, #fff) );
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.7) 4%, #fff 26%, #fff 69% );
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.7) 4%, #fff 26%, #fff 69% );
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.7) 4%, #fff 26%, #fff 69% );
    background: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.7) 4%, #fff 26%, #fff 69% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4dffffff',
    endColorstr='#ffffff', GradientType=1 );
    height: 300px;
    position: absolute;
    right: -99%;
    top: 30px;
    width: 98%;
    z-index: 26
}

@media screen and (max-width: 700px) {
    .controls .next {
        right: -97%
    }
}

.controls .next a img {
    margin: 80px 0 0 0
}

@media screen and (max-width: 600px) {
    .lvScroller {
        padding: 0 0 10px;
        background: none
    }
    .lvScroller .scrlContent {
        padding: 0;
        width: auto;
        height: 100%
    }
    .lvScroller .scrlContent .inner {
        overflow: hidden;
        display: block;
        width: 100%
    }
    .lvScroller .inner .item {
        padding: 0 0 15px;
        margin: 0 0 15px
    }
    .controls .prev,.controls .next {
        display: none
    }
}

.for-carousel {
    max-width: 89em;
    width: 100%
}

.formBuilder {
	border-radius: 12px !important;
    border: 1px solid #D2D9DC;
}

.formBuilder, .liner {
    /* -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px; */
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-background-clip: padding-box;
    background: #FFFFFF;
    padding: 34px;
    /* border: 1px solid #D2D9DC; */
    box-sizing: border-box;
    width: 100%;
}

.liner a.secondaryButton {
    text-decoration: none;
    width: 156px;
    height: 44px;
    font-family: 'Livvic';
    font-size: 18px;
    font-weight: 600;
}
a {
    color: #04589B;
    /* font-weight: bold; */
    font-family: 'MuliSemiBold';
    word-break: break-word;
	cursor: pointer;
}
a.link {
    color: #0058A5;
    font-weight: 600;
}

.formBuilder .field.submit {
    margin-bottom: 36px;
}

.formBuilder .field .first {
    border-top: 1px solid #d9e4e6
}

.formBuilder .field .noBSeparator,.formBuilder .field .submit {
    border-top-color: rgba(0, 0, 0, 0.35)
}

.formBuilder label, .formBuilder .field-label {
    display: block;
    color: #4A4A49;
    font-family: 'Muli';
    font-size: 16px;
    /* font-weight: bold; */
    letter-spacing: 0;
    margin-bottom: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.formBuilder label, .formBuilder .field-label.mb-16 {
    margin-bottom: 16px;
}
.formBuilder label.textfield-label {
    margin-bottom: 12px;
}
.formBuilder label.textfield-label1 {
    margin-bottom: 7px;
}
.formBuilder legend, .heading {
    display: block;
    color: #0D2C41;
    /* letter-spacing: 0; */
    font-family: 'Livvic';
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.letter-s01 {
    letter-spacing: 0.1px;
}
.heading.normal {
    font-weight: normal;
}
.formBuilder legend.text-color {
    color: #4A4A49;
    font-family: 'MuliBold';
    font-size: 16px;
    /* font-weight: bold; */
    letter-spacing: 0;
    line-height: 20px;
}
.phone-container {
    display: flex;;
    justify-content: center;
}
.phone-container .phone-num {
    color: #0080A6;
    font-family: 'LivvicSemiBold';
    font-size: 28px;
    /* font-weight: 600; */
    letter-spacing: 0;
    line-height: 35px;
}
.mb-7 {
    margin-bottom: 7px;
}
.mb-8 {
    margin-bottom: 8px;
}
.mb-9 {
    margin-bottom: 9px;
}
.mb-11 {
    margin-bottom: 11px;
}
.mb-12 {
    margin-bottom: 12px;
}
.mb-14 {
    margin-bottom: 14px;
}
.mb-16 {
    margin-bottom: 16px;
}
.mb-18 {
    margin-bottom: 18px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-24 {
    margin-bottom: 24px;
}
.mb-26 {
    margin-bottom: 26px;
}
.mb-29 {
    margin-bottom: 29px;
}
.mb-28 {
    margin-bottom: 28px;
}
.mb-32 {
    margin-bottom: 32px;
}
.mb-34 {
    margin-bottom: 34px;
}
.mb-36 {
    margin-bottom: 36px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-42 {
    margin-bottom: 42px;
}
.mb-46 {
    margin-bottom: 46px;
}
.mb-48 {
    margin-bottom: 48px;
}
.mb-50 {
    margin-bottom: 50px
}
.mb-52 {
    margin-bottom: 52px;
}
.mb-53 {
    margin-bottom: 53px;
}
.mb-54 {
    margin-bottom: 54px;
}
.mb-56 {
    margin-bottom: 56px!important;
}
.mb-82 {
    margin-bottom: 82px;
}
.mb-90 {
    margin-bottom: 90px;
}
.mb-100 {
    margin-bottom: 100px;
}
.mb-200 {
    margin-bottom: 200px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-36 {
    margin-top: 36px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-42 {
    margin-top: 42px;
}
.mt-48 {
    margin-top: 48px;
}
.ml-3 {
    margin-left: 3px;
}
.ml-4{
    margin-left: 4px;
}
.ml-6{
    margin-left: 6px;
}
.ml-34 {
    margin-left: 34px;
}
.ml-21 {
    margin-left: 21px;
}
.ml-28 {
    margin-left: 28px;
}
.mr-43 {
    margin-right: 43px;
}
.mr-32 {
    margin-right: 32px;
}
.mr-20 {
    margin-right: 20px;
}
.p-0 {
    padding: 0;
}
.pb-0 {
    padding-bottom: 0;
}
.pb-30 {
    padding-bottom: 30px;
}
.pb-34 {
    padding-bottom: 34px;
}
.pb-37 {
    padding-bottom: 37px;
}
.pt-30 {
    padding-top: 30px;
}
.pt-38 {
    padding-top: 38px;
}
.pb-45 {
    padding-bottom: 45px;
}
.size70 {
    width: 70%;
}
.size30 {
    width: 30%;
}
.page .page-content {
    padding: 0 4px;
}
.page .page-content .paragraph {
    margin-bottom: 16px;
}
.page .page-content h1, .heading2 {
    color: #00799E;
    font-family: 'Livvic';
    font-size: 24px;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 16px;
}
.heading2.color2 {
    line-height: 28px;
}
.heading2.mb-32 {
    margin-bottom: 32px;
}
.page .page-content h1.heading3 {
    font-size: 22px;
    line-height: 28px;
}
.formBuilder .checkboxGroup .checkBoxlabel {
    color: #3D3D3D;
    font-family: "Muli Light";
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.3px;
    line-height: 26px;
    display: flex;
    align-items: center;
    margin-right: 67px;
    padding-left: 33px;
    position: relative;
}
.formBuilder .checkboxGroup .checkBoxlabel:before {
    background: url(../template-assets/images/checkbox_unchecked.png) 50% 50% no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    left: 0;
    position: absolute;
}
.formBuilder .checkboxGroup input[type="checkbox"]:checked ~ label:before {
    background: url(../template-assets/images/Checkbox_checked.png) 50% 50% no-repeat;
}
.formBuilder .checkboxGroup label.p-0 {
    padding: 0;
}
.formBuilder .radioGroup label {
    border: 1px solid #D2D9DC;
    border-radius: 30px;
    background-color: #FFFFFF;
    box-shadow: 1px 2px 0 0 rgba(0,0,0,0.02);
    color: #04589B;
    font-family: 'Livvic';
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    padding: 12px 0;
    width:86px;
    margin: 0;
}
.formBuilder .radioGroup input[type="radio"]:checked ~ label {
    background-color: #178830;
    color: #FFFFFF;
}


#api label {
    margin-bottom: 12px;
}


/*-------------------------Responsive Design For Screen (max-width: 768px)--------------------------------------------------*/
@media screen and (max-width: 768px) {
    #api .buttons button {
        margin-bottom: 12px;
        display: flex;
        height: 54px!important;
        width: 320px!important;
        padding: 12px 40px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;
    }
    /* .formBuilder input,.formBuilder select,.formBuilder textarea {
        width: 360px!important;
        height: 45px!important;
    } */
}
#api .entry-item {
    /* margin-bottom: 48px; */
    margin-bottom: 28px;
}

/* #api .highlightError {
    border: 1px solid #D72714;
} */
#api .intro, #api #cancel, #api a.helpLink, #api .TextBox.deviceUserId_li, #api .TextBox.deviceId_li, #api .TextBox.userAgent_li, #api .TextBox.verifiedDeviceId_li{
    display: none;
}
#api .phoneNumber .type {
	display: inline;
    font-weight: 600;
}

#api .phoneNumber .number {
	display: inline;
}

#api #phoneNumbers {   
    margin-bottom: 16px;
}

#api li {
    padding: 0 0 16px;
}
#api ul {
    padding: 0 0 8px;
    margin: 0;
}
#api li p {
    font-family: "Muli Light";
}
#api .error {
    margin: 8px 0;
    /* for error message bold  */
    font-weight: 700;
}
#api .error-element {
    /* font-weight: bold; */
    font-family: "MuliBold";
    color: #D72714;
    font-size: 14px;
    margin-top: 6px;
    display: block;
}

.overlay-container {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 10;
    background: rgba(0,0,0,.3);
}
.overlay-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100%;
}
.overlay-pane {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 658px;
    border-radius: 12px;
    background-color: #FFFFFF;
    overflow-y: auto;
}
.dialog-container {
    padding: 24px;
    position: relative;
}
#call-us-container .dialog-container li{
    padding: 12px 0;
    border-bottom: 1px solid #ececec;
}
.dialog-container h2 {
    font-weight: 600;
    width: fit-content;
}
.close-icon-container {
    position: absolute;
    right: 16px;
    top: 16px;
    cursor: pointer;
}

.icon-close-light {
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid #d2d9dc;
    border-radius: 50%;
    box-sizing: border-box;
}
.icon-close-light:before {
    content: "";
    background: url(images/close.png) 50% 50% no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    font-size: 16px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    vertical-align: middle;
    position: absolute;
}
.policy-name {
    display: block;
    color: #007EA2;
    font-family: 'LivvicSemiBold';
    font-size: 18px;
    /* font-weight: 600; */
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 4px;
}
.contact-no a, .email-info a{
    color: #04589B;
    text-decoration: underline;
    font-family: 'MuliSemiBold';
}
.overlay-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 350px;
}
.overlay-scrollbar::-webkit-scrollbar {
    width: 10px;
}

.overlay-scrollbar::-webkit-scrollbar-track {
    border-radius: 10.5px;
    border-color: #D2D9DC;
    background: #F7F7F7;
}

.overlay-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10.5px;
    background-color: #62BDA8;
}
.faq-questions {
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}
.faq-answers {
    font-family: "Muli Light";
    font-weight: lighter;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;;
}
.faq-answers li {
    padding: 0 0 10px;
}
.faq-answers .policy, .faq-answers .phn {
    font-weight: 600;
    padding: 5px 0;
    display: inline-block;
    margin: 0;
}
.faq-answers .phn {
    color: #003578;
    white-space: nowrap;
}

.inner.page .right-content {
    position: relative;
    display: flex;
    max-height: 465px;
    flex: 0 0 auto;
    flex-flow: wrap;
    border-radius: 12px;
    background-color: #ffffff;
    box-sizing: border-box;
    border: solid 1px #d2d9dc;
    padding: 24px;
    max-width: 320px;
}
.inner.page .right-content .title{
    border-bottom: 1px solid rgba(0, 63, 116, 0.1);
    padding-bottom: 12px;
}
.inner.page .right-content .faq-btn {
    margin-top: 24px;
    width: 182px;
    height: 44px;
    border: 1px solid #04589B;
    border-radius: 32px;
    background-color: #FFFFFF;
    font-family: "Livvic";
    color: #04589B;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    cursor: pointer;
}
.inner.page .right-content .faq-btn .faq-icn {
    padding-left: 15px;
    padding-top: 4px;
}
.inner.page .right-content .faq-btn .faq-text {
    padding-left: 15px;
    font-size: 18px;
}
.right-content .right-nav .right-nav-main .cta-faq-callus img {
    width: 25px;
    left: 25px;
}
.inner.page .right-content .info-usage {
    line-height: 18px;
    text-decoration: underline;
    padding-top: 50px;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-around;
    font-family: "MuliSemiBold", Tahoma, Sans-Serif;
    cursor: pointer;
    line-height: 20px;
}
.info-usage img {
    padding-right: 16px;
}


.formBuilder input,.formBuilder select,.formBuilder textarea {
    box-sizing: border-box;
    height: 45px;
    width: 290px;
    /* width: 315px;
    height: 45px; */
    flex-shrink: 0;
    border: 1px solid #B8B8B8;
    border-radius: 8px;
    font-family: "Muli Light";
    font-size: 16px;
    letter-spacing: -0.3px;
    line-height: 26px;
    padding: 10px 16px;
    display: inline-block;
    color: #3D3D3D;
    outline: none;
}
.formBuilder input:focus, .formBuilder select:focus {
    border: 2px solid #178830;
}
.formBuilder input:not(:placeholder-shown):not(:focus):not(.invalid) {
    border: 1px solid #178830;
    background-color: #ECF3F4;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(61,61,61,0.5);;
}
input::-moz-placeholder { /* Firefox */
    color: rgba(61,61,61,0.5);;
}
input:-ms-input-placeholder { /* IE */
    color: rgba(61,61,61,0.5);;
}
.formBuilder .errorField input.invalid,.formBuilder .errorField select, .formBuilder input.invalid {
    border: 1px solid #D72714;
}
.formBuilder select.invalid  {
    border: 1px solid #D72714 !important;
}
.formBuilder .errorField label,  .formBuilder .custom-error-label{
    color: #D72714;
}
.paragraph {
    color: #444444;
    font-family: "Muli Light";
    /* font-weight: lighter; */
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
}
.paragraph.color2 {
    color: #444444;
}
.paragraph.info{
    color: #3D3D3D;
    line-height: 26px;
}
.paragraph.message {
    margin: 42px 12px 36px 30px;
}
.paragraph.message2 {
    margin: 38px 18px 50px 18px;
;
}
.formBuilder input.size9,.formBuilder select.size9,.formBuilder textarea.size9
{
    width: 9em;
    margin-right: 5px
}

.formBuilder input.size5,.formBuilder select.size5,.formBuilder textarea.size5
{
    width: 5em;
    margin-right: 5px
}

.formBuilder input.size4,.formBuilder select.size5,.formBuilder textarea.size5
{
    width: 4em;
    margin-right: 5px
}

.formBuilder input.inline,.formBuilder select.inline,.formBuilder textarea.inline
{
    display: inline
}
.select {   
    position: relative;
    max-width: max-content;
    display: flex;
}
.select:after {
    position: absolute;
    background: url(images/dropdown-arrow.png) 50% 50% no-repeat #FFFFFF;
    content: "";
    width: 16px;
    height: 24px;
    right: 6px;
    top: 10px;
    border-left: 1px solid #B8B8B8;
    padding-left: 20px;
    pointer-events: none;
}
select {
    background-color: #FFFFFF;
    box-shadow: none;
    padding: 10px 12px;
}
select:not([data-chosen='']):not(:focus){
    border: 1px solid #178830;
}
select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}
/* For IE */
select::-ms-expand {
    display: none;
}

.formBuilder input[type=radio],.formBuilder input[type=checkbox] {
    display: none;
    width: auto
}

.formBuilder .horizontal p:not(.error) {
    display: inline-block
}

.formBuilder .dateField input,.formBuilder .dateField select,.formBuilder .dateField label
{
    display: inline
}

.formBuilder .block {
    display: block
}

/* ------768 media */
@media screen and (max-width: 480px) {
    .formBuilder {
        padding: 24px;
    }
}

.formBuilder.faq {
    background: #53c3ce;
    background: -moz-linear-gradient(top, #20a0b7 0%, #53c3ce 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #20a0b7),
    color-stop(100%, #53c3ce) );
    background: -webkit-linear-gradient(top, #20a0b7 0%, #53c3ce 100%);
    background: -o-linear-gradient(top, #20a0b7 0%, #53c3ce 100%);
    background: -ms-linear-gradient(top, #20a0b7 0%, #53c3ce 100%);
    background: linear-gradient(to bottom, #20a0b7 0%, #53c3ce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF20A0B7',
    endColorstr='#FF53C3CE', GradientType=0 );
    border: 1px solid #198ea4;
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    position: relative;
    padding: 15px 10px 15px 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    color: #fff;
    margin-bottom: 1.5em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 0.7em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)
}

.formBuilder.faq h2 {
    color: #fff;
    margin-bottom: 1.5em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 0.7em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2)
}

.formBuilder.faq .field {
    border-width: 0;
    padding: 0;
    margin: 0;
    position: relative
}

@media screen and (max-width: 650px) {
    .formBuilder.faq .field {
        display: block
    }
}

.formBuilder.faq label {
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)
}

.formBuilder.faq input {
    display: inline;
    border: 1px solid #198ea4;
    margin: 0;
    padding: 6px
}

.formBuilder.faq select {
    margin: 0 0 25px 0
}

.formBuilder.faq input[type="text"] {
    width: 95%;
    max-width: none;
    -webkit-box-shadow: inset #ddd 1px 1px 2px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.6) 2px 2px 2px;
    box-shadow: inset rgba(0, 0, 0, 0.2) 2px 2px 3px;
    margin: 3px 5px 10px 0;
    padding-left: 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-background-clip: padding-box
}

@media screen and (max-width: 650px) {
    .formBuilder.faq input[type="text"] {
        width: 90%
    }
}

@media screen and (max-width: 480px) {
    .formBuilder.faq input[type="text"] {
        width: 400px
    }
}

@media screen and (max-width: 320px) {
    .formBuilder.faq input[type="text"] {
        width: 250px
    }
}

.formBuilder.faq input::-webkit-input-placeholder {
    color: #0c4255
}

.formBuilder.faq input:-moz-placeholder {
    color: #0c4255
}

.formBuilder.faq div.submit {
    display: inline;
    text-align: center
}

.formBuilder.faq input[type="submit"] {
    background: #80a344;
    background: -moz-linear-gradient(top, #a8c563 0%, #80a344 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a8c563),
    color-stop(100%, #80a344) );
    background: -webkit-linear-gradient(top, #a8c563 0%, #80a344 100%);
    background: -o-linear-gradient(top, #a8c563 0%, #80a344 100%);
    background: -ms-linear-gradient(top, #a8c563 0%, #80a344 100%);
    background: linear-gradient(to bottom, #a8c563 0%, #80a344 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA8C563',
    endColorstr='#FF80A344', GradientType=0 );
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-background-clip: padding-box;
    padding: 7px 10px;
    border-color: rgba(0, 0, 0, 0.7);
    color: #ffffff;
    text-align: left;
    white-space: normal;
    font-weight: bold;
    cursor: pointer
}

.formBuilder.faq input[type="submit"]:hover,.formBuilder.faq input[type="submit"]:focus
{
    background: #002434;
    background: -moz-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #038aaa),
    color-stop(100%, #002434) );
    background: -webkit-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: -o-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: -ms-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: linear-gradient(to bottom, #038aaa 0%, #002434 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF038AAA',
    endColorstr='#FF002434', GradientType=0 )
}

@media screen and (max-width: 650px) {
    .formBuilder.faq input[type="submit"] {
        position: static;
        margin-top: 5px
    }
}

.validation-icon {
    display: inline-block;
    height: 10px;
    margin-top: 10px;
    margin-left: 10px;
    vertical-align: top;
    width: 10px
}

.form-valid .validation-icon {
    background: transparent
    url(../template-assets/images/background/form-sprite.png) 0px 0px
    no-repeat;
    height: 16px;
    width: 15px
}

.formBuilder .form-error,.form-error {
    background: #F6ECEC;
    border-bottom: 1px solid #950d0d
}

.formBuilder .form-error label,.formBuilder .form-error legend,.form-error label,.form-error legend
{
    color: #950D0D;
    font-weight: bold
}

.formBuilder .formBuilder .form-error,.formBuilder .form-error {
    margin: 0 -10px 0 -16px;
    padding-right: 10px;
    padding-left: 16px
}

.formBuilder .form-error .validation-icon,.form-error .validation-icon {
    background: transparent
    url(../template-assets/images/background/form-sprite.png) -16px 0px
    no-repeat;
    height: 20px;
    width: 14px
}

.formGroup fieldset {
    display: inline-block
}

.formGroup .validation-icon {
    margin-top: 0
}

#features {
    position: relative
}

.tabs-nav {
    position: relative;
    z-index: 55;
    margin: 0
}

.tabs-nav li {
    background: #fff;
    margin: 0 0 5px;
    padding: 0;
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.tabs-nav li a {
    text-decoration: none;
    display: block;
    padding: 0.6em 1em 0.7em;
    color: #666;
    font-weight: bold;
    border: 2px solid transparent;
    font-size: 1em
}

.tabs-nav li a:hover {
    text-decoration: underline;
    background: #123742;
    border: 2px solid #fff;
    background: #002434;
    background: -moz-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #038aaa),
    color-stop(100%, #002434) );
    background: -webkit-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: -o-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: -ms-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: linear-gradient(to bottom, #038aaa 0%, #002434 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF038AAA',
    endColorstr='#FF002434', GradientType=0 );
    color: #fff
}

.tabs-nav li a:focus,.tabs-nav li.tabs-selected a:focus {
    text-decoration: underline
}

.tabs-nav li.tabs-selected a {
    background: #123742;
    background: #002434;
    background: -moz-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #038aaa),
    color-stop(100%, #002434) );
    background: -webkit-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: -o-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: -ms-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: linear-gradient(to bottom, #038aaa 0%, #002434 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF038AAA',
    endColorstr='#FF002434', GradientType=0 );
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-border-radius: 5px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius: 5px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-radius: 5px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 2px solid #fff;
    color: #fff
}

.tabs-nav li.tabs-selected {
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 110%
}

@media screen and (max-width: 650px) {
    .tabs-nav li.tabs-selected {
        width: 100%
    }
}

.tabs-body .tab-liner {
    position: relative;
    padding: 1em 1em 1em 40px;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    background:
            url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2U2ZThlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU4ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fff 0%, #fff 76%, #e6e8e7 86%, #e6e8e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
    color-stop(76%, #fff), color-stop(86%, #e6e8e7),
    color-stop(100%, #e6e8e7) );
    background: -webkit-linear-gradient(top, #fff 0%, #fff 76%, #e6e8e7 86%, #e6e8e7
    100%);
    background: -o-linear-gradient(top, #fff 0%, #fff 76%, #e6e8e7 86%, #e6e8e7 100%);
    background: -ms-linear-gradient(top, #fff 0%, #fff 76%, #e6e8e7 86%, #e6e8e7 100%);
    background: linear-gradient(to bottom, #fff 0%, #fff 76%, #e6e8e7 86%, #e6e8e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
    endColorstr='#e6e8e7', GradientType=0 );
    border: 1px solid #ddd;
    height: auto;
    max-height: auto
}

@media screen and (max-width: 650px) {
    .tabs-body .tab-liner {
        padding: 1em;
        background: #fff;
        box-shadow: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box;
        border-width: 0 0 1px
    }
}

@media screen and (max-width: 768px) {
    .tabs-body .tab-liner .size1of2 {
        float: none;
        width: 100%
    }
}

.tabs-body .tab-liner p {
    font-size: 1.23076923076923em;
    line-height: 1.5
}

.tabs-body .tab-liner .image-holder {
    float: none;
    text-align: center
}

@media screen and (max-width: 650px) {
    .tabs-body .tab-liner .image-holder {
        width: 50%
    }
}

.tabs-body .tab-liner img {
    text-align: center;
    display: inline-block;
    width: 100%;
    max-width: 350px
}

@media screen and (max-width: 768px) {
    .tabs-body.lastUnit {
        float: none
    }
}

.tabs-body div.tabs-panel {
    display: none
}

.tabs-body div.tabs-panel-selected {
    display: block
}

.tooltip {
    position: absolute;
    z-index: 800;
    box-sizing: border-box;
    width: 397px;
    border: 1px solid #007C9E;
    padding: 31px 35px;
    border-radius:12px;
    background-color: #EAF5F8;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
    left: 140px;
    top: -27px;
    display: none;
}
.tooltip.left220 {
    left: 170px;
}
.tooltip.left210 {
    left: 160px;
}
.tooltip :after, .tooltip :before {
    position: absolute;
    content: '';
    top: 30px;
    height: 0px;
    width: 0px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
}
.tooltip :after {
    left: -16px;
    border-right: 20px solid #EAF5F8;
}
.tooltip :before {
    left: -19px;
    border-right: 19px solid #007C9E;
}
.tooltip .tooltipParagraph {
    color: #3D3D3D;
    font-family: "Muli Light";
    font-size: 16px;
    letter-spacing: -0.3px;
    line-height: 26px;
}
.tip,a.tip {
    cursor: help;
    padding: 5px 0 5px 23px
}

.formBuilder .formTip {
    color: #006BB4;
    font-family: "MuliSemiBold";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    padding: 0;
    text-decoration: underline;
}
.formBuilder .formTooltip {
    display: inline-block;
    position: relative;
    margin-left: 50px;
    outline: none;
}
.formBuilder .formTooltip.ml-0 {
    margin-left: 0;
}
.formBuilder .formTooltip:hover .tooltip, .formBuilder .formTooltip:focus .tooltip {
    display: block;
}
.formBuilder .formTooltip:focus .tip.formTip {
    outline: 1px solid;
}
.contentContainer {
    border: 1px solid #ddd;
    clear: both;
    margin-bottom: 1em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    width: 100%
}

.container-liner {
    margin: 0.308641975309%
}

.container-liner .last {
    float: right
}

.container-heading {
    background: #e0eef1;
    font-family: tahoma, helvetica, "Lucida Sans", "Trebuchet MS",
    sans-serif;
    padding: 0.8em 1.125em
}

.container-content {
    padding: 1.38461538461538em
}

.col-50,.col-100 {
    float: left;
    width: 49.844720496894%
}

.col-100 {
    width: 100%
}

.columns-main {
    width: 64.307692307692%
}

@media screen and (max-width: 850px) {
    .columns-main {
        float: none;
        margin: 1em 0;
        width: 100%
    }
}

@media screen and (max-width: 700px) {
    .contentContainer .container-liner-liner .col-50 {
        float: none;
        width: 100%
    }
}

.expanders {
    margin: 1em 0;
    background-color: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #D2D9DC;
    padding: 20px;
}

.expanders .expander-liner {
    margin: 1em 0;
    padding: 0 15px
}

.expanders .collapsible-heading {
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
}
.expanders .collapsible-heading:after {
    background: url(../template-assets/images/Minus.png) 50% 50% no-repeat;
    content: "";
    width: 24px;
    height: 24px;
    right: 0;
    top: 0;
    position: absolute;
}
.expanders .collapsible-heading.collapsible-heading-collapsed:after {
    background: url(../template-assets/images/Plus.png) 50% 50% no-repeat;
    content: "";
}


.expanders .collapsible-heading-toggle {
    text-decoration: none;
    display: block;
    width: 80%;
    line-height: 24px;
    color: #04589B;
    font-family: 'Livvic';
}

.expanders .collapsible-heading-status {
    display: none;
}

@media screen and (max-width: 480px) {
    .expanders .collapsible-heading-status {
        left: -9999px
    }
}

.expanders .collapsible-content-collapsed {
    display: none
}

.speechbubble .collapsible.collapsible-heading-collapsed:before {
    border-color: #e0eef1 transparent transparent;
    border-style: solid;
    border-width: 13px;
    content: "";
    left: -13px;
    position: absolute
}

.speechbubble .collapsible-heading:before {
    border-color: #0c4255 transparent transparent;
    border-style: solid;
    border-width: 13px;
    content: "";
    left: -13px;
    position: absolute
}

@media screen and (max-width: 480px) {
    .speechbubble .collapsible {
        margin-left: 10px
    }
}

.listDefault {
    display: inline-block
}

.listDefault li,.listDefault dt {
    background: url(../template-assets/images/background/bullets-sprite.png)
    -85px 4px no-repeat
}

.listTick li,.listTick dt {
    background-position: -17px -60px
}

.listDisc li,.listDisc dt {
    background-position: -65px -20px
}

.listDash li,.listDash dt {
    background: none;
    padding-left: 0
}

.listDecimal {
    counter-reset: list;
    word-break: break-word;
}

.listDecimal li,.listDecimal dt {
    background: transparent;
    counter-increment: list;
    padding-left: 2em;
    position: relative
}

.listDecimal li:before,.listDecimal dt:before {
    background: transparent;
    content: counter(list) ".";
    color: #0c4255;
    display: block;
    float: left;
    left: 0;
    padding-right: 0.6em;
    position: absolute;
    top: 0;
    text-align: right;
    width: 1.5em
}

.listDecimal dd {
    padding-left: 2.1em
}

.ie7 .listDecimal {
    list-style: decimal;
    padding-left: 1.5em
}

.ie7 .listDecimal li,.ie7 .listDecimal dt {
    padding-left: 0
}

.contentHeader .listDefault li {
    background-position: -85px 5px;
    font-weight: bold;
    color: #0c4255
}

.contentHeader .listTick li,.contentHeader .listTick dt {
    background-position: -17px -57px
}

.contentHeader .listDisc li,.contentHeader .listDisc dt {
    background-position: -65px -17px
}

.contentHeader {
    background-position: 0 0;
    background-repeat: repeat-x;
    position: relative
}

.contentHeader img {
    max-width: 100%;
    width: 100%
}

.contentHeader .lastUnit .pod {
    position: relative
}

.contentHeader .lastUnit li {
    font-family: 'Muli'
}

.contentHeader .tagline {
    font-size: 2em;
    font-family: tahoma, helvetica, "Lucida Sans", "Trebuchet MS",
    sans-serif;
    color: #0c4255;
    font-weight: bold;
    line-height: 1;
    padding-top: 0;
    margin-bottom: 0.3em
}

.contentHeader li {
    font-family: tahoma, helvetica, "Lucida Sans", "Trebuchet MS",
    sans-serif
}

.contentHeader .inner {
    position: relative;
    z-index: 5
}

@media screen and (max-width: 650px) {
    .getAQuoteButton {
        margin-bottom: 1.7em
    }
    .contentHeader .row .size3of4 .baseContent .baseContainer {
        margin-bottom: 0
    }
    .contentHeader .row .row .lastUnit {
        margin-bottom: 0
    }
    .carousel .contentHeader .row .size1of4.lastUnit {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .carousel .contentHeader .lastUnit .pod {
        display: none
    }
}

@media screen and (max-width: 900px) {
    .contentHeader .size3of4 .row .lastUnit div img {
        margin-right: -200px;
        margin-left: 50px;
        width: 350px;
        position: absolute
    }
}

.contentHeader .inner>.row {
    min-height: 210px
}

.contentHeaderBorder {
    border-bottom: 1px solid #ddd
}

.styleMinus25,.stylePlus25,.stylePlus50,.stylePlus75,.stylePlus2,.styleEmphasise,.styleEmphasize
{
    color: #0c4255;
    font-family: tahoma, helvetica, "Lucida Sans", "Trebuchet MS",
    sans-serif
}

.styleMinus25 {
    font-size: 75%
}

.stylePlus25 {
    font-size: 125%
}

.stylePlus50 {
    font-size: 150%
}

.stylePlus75 {
    font-size: 175%
}

.stylePlus2 {
    font-size: 200%
}

a .styleMinus25:hover {
    color: #347586
}

a .stylePlus25:hover {
    color: #347586
}

a .stylePlus50:hover {
    color: #347586
}

a .stylePlus75:hover {
    color: #347586
}

a .stylePlus2:hover {
    color: #347586
}

a .styleEmphasise:hover {
    color: #347586
}

a .styleEmphasize:hover {
    color: #347586
}

.styleBG1 {
    background-color: #0c4255;
    color: #fff
}

.styleBG2 {
    background-color: #e3eed6
}

.styleBG3 {
    background-color: #e0eef1
}

.styleBG4 {
    background-color: #e4e4e4
}

.styleBG5 {
    background-color: #abd037
}

.styleTagLine {
    font-size: 2em;
    font-family: tahoma, helvetica, "Lucida Sans", "Trebuchet MS",
    sans-serif;
    color: #0c4255;
    font-weight: bold;
    line-height: 1;
    padding-top: 0;
    margin-bottom: 0.3em
}

.overlay-text,.overlay-text-reversed {
    margin: 0 10px 3px;
    padding: 2px 10px;
    line-height: 1.5;
    float: left;
    clear: left;
    background: #fff
}

.overlay-text-reversed {
    background: #0c4255;
    color: #fff
}

p.p-Teal {
    color: #0c4255
}

p.p-l-Teal {
    color: #185d75
}

.socialBookmarks li {
    float: left;
    margin-right: 10px
}

.cols {
    clear: both;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    border: 1px solid #ddd;
    width: 100%
}

.cols .cols-liner {
    margin: 0.308641975309%
}

.cols .cols-liner h3 {
    background: #51B9C6;
    font-family: tahoma, helvetica, "Lucida Sans", "Trebuchet MS",
    sans-serif;
    padding: 0.8em 1.125em
}

.cols .cols-liner .col-50,.cols .cols-liner .col-100 {
    width: 49.844720496894%;
    float: left
}

.cols .cols-liner .col-50 ul,.cols .cols-liner .col-100 ul {
    padding: 1.38461538461538em;
    padding: 18px
}

.cols .cols-liner .col-50 li,.cols .cols-liner .col-100 li {
    font-size: 0.8125em;
    line-height: 1.15384615384615;
    padding: 0 0 5px;
    background: none
}

.cols .cols-liner .last {
    float: right
}

.cols .cols-liner .col-100 {
    width: 100%
}

.columns-main {
    width: 64.307692307692%
}

@media screen and (max-width: 850px) {
    .columns-main {
        float: none;
        width: 100%;
        margin: 1em 0
    }
}

.columns-main h1 {
    color: #0c4255;
    font-weight: bold
}

@media screen and (max-width: 700px) {
    .container-liner .col-50 {
        width: 100%;
        float: none
    }
}

@media screen and (max-width: 700px) {
    .cols .cols-liner .col-50 {
        width: 100%;
        float: none
    }
}

#siteMapCreator {
    background: #F2F7F7;
    padding: 1em 2em;
    margin: 1em 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-background-clip: padding-box;
    border: 1px solid #d9e4e6
}

@media screen and (max-width: 650px) {
    #siteMapCreator {
        padding: 1em 1em
    }
}

#siteMapCreator h1 {
    font-size: 2em;
    text-shadow: 0 1px 0 #fff
}

#siteMapCreator h3 {
    font-size: 1em
}

#siteMapCreator a:focus {
    background: #fff
}

#advanced-site-map-filter p {
    background: #002434;
    background: -moz-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #038aaa),
    color-stop(100%, #002434) );
    background: -webkit-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: -o-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: -ms-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: linear-gradient(to bottom, #038aaa 0%, #002434 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF038AAA',
    endColorstr='#FF002434', GradientType=0 );
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    padding: 0.3em 1em;
    margin: 0 0 2em;
    color: #fff
}

#advanced-site-map-filter input {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    margin: 5px;
    padding: 0.2em 0.5em
}

.siteMapBlock {
    width: 48%;
    float: left
}

@media screen and (max-width: 650px) {
    .siteMapBlock {
        float: none;
        width: 99%
    }
}

#glossary {
    background: #fff;
    background: -moz-linear-gradient(top, #f7f7f7 0%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7),
    color-stop(100%, #fff) );
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #fff 100%);
    background: -o-linear-gradient(top, #f7f7f7 0%, #fff 100%);
    background: -ms-linear-gradient(top, #f7f7f7 0%, #fff 100%);
    background: linear-gradient(to bottom, #f7f7f7 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF7F7F7',
    endColorstr='#FFFFFFFF', GradientType=0 );
    background: #f2f7f7;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-background-clip: padding-box;
    border: 1px solid #ddd;
    padding: 15px;
    margin: 0 0 1em
}

.js #glossaryList div.glossaryDefinition {
    display: none
}

#glossaryList div.glossaryDefinition {
    padding: 0 15px 10px 10px;
    position: relative
}

#glossaryList>li {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    margin: 5px 0
}

#introContent,#introImage {
    float: left;
    width: 63%
}

@media screen and (max-width: 480px) {
    #introContent,#introImage {
        float: none;
        width: 100%
    }
}

#introImage {
    float: right;
    width: 33%;
    margin-right: 2%
}

@media screen and (max-width: 480px) {
    #introImage {
        float: none;
        width: 100%;
        margin: 1em 0 0 0
    }
}

#introImage img {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    width: 100%
}

#glossaryFilter {
    margin: 0 0 1em
}

#glossaryFilter ul {
    margin: 0
}

#glossaryFilter li {
    float: left;
    width: 25%;
    padding: 0.3em 0
}

@media screen and (max-width: 658px) {
    #glossaryFilter li {
        float: none;
        width: auto
    }
}

.glossaryHeader {
    background: #002434;
    background: -moz-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #038aaa),
    color-stop(100%, #002434) );
    background: -webkit-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: -o-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: -ms-linear-gradient(top, #038aaa 0%, #002434 100%);
    background: linear-gradient(to bottom, #038aaa 0%, #002434 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF038AAA',
    endColorstr='#FF002434', GradientType=0 );
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    border: 1px solid #b7cad2
}

.glossaryHeader a {
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
    padding: 0.6em 1em 0.5em
}

#glossarySectionHeading {
    padding: 1em 0 0 0
}

#glossaryFilter li label span {
    font-weight: bold;
    color: #2a6273
}

.glossaryPopup {
    position: absolute;
    width: 50%;
    background: #eaf3f3;
    border: 3px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    z-index: 100000
}

.glossaryPopup h2 {
    padding: 0.4em 1em
}

.glossaryPopup a {
    font-weight: bold;
    text-decoration: underline;
    font-size: 0.8125em
}

.glossaryPopup p {
    line-height: 1.3
}

.glossaryDefinition {
    padding: 20px 20px 10px;
    position: relative
}

.glossaryDefinition h3 {
    font-size: 0.85em
}

.glossaryDefinition .glossaryClose {
    position: absolute;
    right: 20px;
    bottom: 15px
}

@media screen and (max-width: 750px) {
    .glossaryDefinition .glossaryClose {
        position: static
    }
}

.glossaryDefinition div {
    margin: 0 0 10px
}

.glossaryToggle a {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.25
}

.glossaryToggle p.glossaryOff {
    padding: 10px 0 0 28px;
    min-height: 2em;
    background:
            url(../template-assets/images/background/glossary-boxes-sprite.png) 0
            -171px no-repeat
}

@media screen and (max-width: 480px) {
    .glossaryToggle p.glossaryOff {
        background-position: 0 -170px
    }
}

.glossaryToggle p.glossaryOn {
    padding: 10px 0 0 28px;
    min-height: 2em;
    background:
            url(../template-assets/images/background/glossary-boxes-sprite.png) 0
            9px no-repeat
}

.glossaryHighlight {
    background-color: #D8F6FF;
    border: 1px solid #35abd9;
    cursor: pointer
}

.glossaryHighlightHidden {
    border: 1px solid transparent
}

.glossaryLoading {
    display: none
}

.glossaryBackground {
    background-color: #000000;
    left: 0;
    position: absolute;
    top: 0
}

.baseContainer {
    background: transparent;
    width: 100%
}

.mAll-2 {
    margin: 2px
}

@media screen and (max-width: 650px) {
    .mAll-2 {
        margin: 2px 0
    }
}

.mAll-5 {
    margin: 5px
}

@media screen and (max-width: 650px) {
    .mAll-5 {
        margin: 5px 0
    }
}

.mAll-10 {
    margin: 10px
}

@media screen and (max-width: 650px) {
    .mAll-10 {
        margin: 10px 0
    }
}

.mAll-15 {
    margin: 15px
}

@media screen and (max-width: 650px) {
    .mAll-15 {
        margin: 15px 0
    }
}

.mAll-20 {
    margin: 20px
}

@media screen and (max-width: 650px) {
    .mAll-20 {
        margin: 20px 0
    }
}

.mAll-30 {
    margin: 30px
}

@media screen and (max-width: 650px) {
    .mAll-30 {
        margin: 30px 0
    }
}

.mAll-40 {
    margin: 40px
}

@media screen and (max-width: 650px) {
    .mAll-40 {
        margin: 40px 0
    }
}

.mAll-50 {
    margin: 50px
}

@media screen and (max-width: 650px) {
    .mAll-50 {
        margin: 50px 0
    }
}

.mAll-75 {
    margin: 75px
}

@media screen and (max-width: 650px) {
    .mAll-75 {
        margin: 75px 0
    }
}

.mAll-100 {
    margin: 100px
}

@media screen and (max-width: 650px) {
    .mAll-100 {
        margin: 100px 0
    }
}

span.mT-2 {
    margin-top: 2px;
    display: inline-block
}

span.mT-5 {
    margin-top: 5px;
    display: inline-block
}

span.mT-10 {
    margin-top: 10px;
    display: inline-block
}

span.mT-15 {
    margin-top: 15px;
    display: inline-block
}

span.mT-20 {
    margin-top: 20px;
    display: inline-block
}

span.mT-30 {
    margin-top: 30px;
    display: inline-block
}

span.mT-40 {
    margin-top: 40px;
    display: inline-block
}

span.mT-50 {
    margin-top: 50px;
    display: inline-block
}

span.mT-75 {
    margin-top: 75px;
    display: inline-block
}

span.mT-100 {
    margin-top: 100px;
    display: inline-block
}

.mT-2 {
    margin-top: 2px
}

@media screen and (max-width: 480px) {
    .mT-2 {
        margin-top: 0
    }
}

.mT-5 {
    margin-top: 5px
}

@media screen and (max-width: 480px) {
    .mT-5 {
        margin-top: 0
    }
}

.mT-10 {
    margin-top: 10px
}

@media screen and (max-width: 480px) {
    .mT-10 {
        margin-top: 0
    }
}

.mT-15 {
    margin-top: 15px
}

@media screen and (max-width: 480px) {
    .mT-15 {
        margin-top: 0
    }
}

.mT-20 {
    margin-top: 20px
}

@media screen and (max-width: 480px) {
    .mT-20 {
        margin-top: 0
    }
}

.mT-30 {
    margin-top: 30px
}

@media screen and (max-width: 480px) {
    .mT-30 {
        margin-top: 0
    }
}

.mT-40 {
    margin-top: 40px
}

@media screen and (max-width: 480px) {
    .mT-40 {
        margin-top: 0
    }
}

.mT-50 {
    margin-top: 50px
}

@media screen and (max-width: 480px) {
    .mT-50 {
        margin-top: 0
    }
}

.mT-75 {
    margin-top: 75px
}

@media screen and (max-width: 480px) {
    .mT-75 {
        margin-top: 0
    }
}

.mT-100 {
    margin-top: 100px
}

@media screen and (max-width: 480px) {
    .mT-100 {
        margin-top: 0
    }
}

.mR-2 {
    margin-right: 2px
}

@media screen and (max-width: 650px) {
    .mR-2 {
        margin-right: 0
    }
}

.mR-5 {
    margin-right: 5px
}

@media screen and (max-width: 650px) {
    .mR-5 {
        margin-right: 0
    }
}

.mR-10 {
    margin-right: 10px
}

@media screen and (max-width: 650px) {
    .mR-10 {
        margin-right: 0
    }
}

.mR-15 {
    margin-right: 15px
}

@media screen and (max-width: 650px) {
    .mR-15 {
        margin-right: 0
    }
}

.mR-20 {
    margin-right: 20px
}

@media screen and (max-width: 650px) {
    .mR-20 {
        margin-right: 0
    }
}

.mR-30 {
    margin-right: 30px
}

@media screen and (max-width: 650px) {
    .mR-30 {
        margin-right: 0
    }
}

.mR-40 {
    margin-right: 40px
}

@media screen and (max-width: 650px) {
    .mR-40 {
        margin-right: 0
    }
}

.mR-50 {
    margin-right: 50px
}

@media screen and (max-width: 650px) {
    .mR-50 {
        margin-right: 0
    }
}

.mR-75 {
    margin-right: 75px
}

@media screen and (max-width: 650px) {
    .mR-75 {
        margin-right: 0
    }
}

.mR-100 {
    margin-right: 100px
}

@media screen and (max-width: 650px) {
    .mR-100 {
        margin-right: 0
    }
}

.mB-2 {
    margin-bottom: 2px
}

@media screen and (max-width: 480px) {
    .mB-2 {
        margin-bottom: 0
    }
}

.mB-5 {
    margin-bottom: 5px
}

@media screen and (max-width: 480px) {
    .mB-5 {
        margin-bottom: 0
    }
}

.mB-10 {
    margin-bottom: 10px
}

@media screen and (max-width: 480px) {
    .mB-10 {
        margin-bottom: 0
    }
}

.mB-15 {
    margin-bottom: 15px
}

@media screen and (max-width: 480px) {
    .mB-15 {
        margin-bottom: 0
    }
}

.mB-20 {
    margin-bottom: 20px
}

@media screen and (max-width: 480px) {
    .mB-20 {
        margin-bottom: 0
    }
}

.mB-30 {
    margin-bottom: 30px
}

@media screen and (max-width: 480px) {
    .mB-30 {
        margin-bottom: 0
    }
}

.mB-40 {
    margin-bottom: 40px
}

@media screen and (max-width: 480px) {
    .mB-40 {
        margin-bottom: 0
    }
}

.mB-50 {
    margin-bottom: 50px
}

@media screen and (max-width: 480px) {
    .mB-50 {
        margin-bottom: 0
    }
}

.mB-75 {
    margin-bottom: 75px
}

@media screen and (max-width: 480px) {
    .mB-75 {
        margin-bottom: 0
    }
}

.mB-100 {
    margin-bottom: 100px
}

@media screen and (max-width: 480px) {
    .mB-100 {
        margin-bottom: 0
    }
}

.mL-2 {
    margin-left: 2px
}

@media screen and (max-width: 650px) {
    .mL-2 {
        margin-left: 0
    }
}

.mL-5 {
    margin-left: 5px
}

@media screen and (max-width: 650px) {
    .mL-5 {
        margin-left: 0
    }
}

.mL-10 {
    margin-left: 10px
}

@media screen and (max-width: 650px) {
    .mL-10 {
        margin-left: 0
    }
}

.mL-15 {
    margin-left: 15px
}

@media screen and (max-width: 650px) {
    .mL-15 {
        margin-left: 0
    }
}

.mL-20 {
    margin-left: 20px
}

@media screen and (max-width: 650px) {
    .mL-20 {
        margin-left: 0
    }
}

.mL-30 {
    margin-left: 30px
}

@media screen and (max-width: 650px) {
    .mL-30 {
        margin-left: 0
    }
}

.mL-40 {
    margin-left: 40px
}

@media screen and (max-width: 650px) {
    .mL-40 {
        margin-left: 0
    }
}

.mL-50 {
    margin-left: 50px
}

@media screen and (max-width: 650px) {
    .mL-50 {
        margin-left: 0
    }
}

.mL-75 {
    margin-left: 75px
}

@media screen and (max-width: 650px) {
    .mL-75 {
        margin-left: 0
    }
}

.mL-100 {
    margin-left: 100px
}

@media screen and (max-width: 650px) {
    .mL-100 {
        margin-left: 0
    }
}

.pAll-2 {
    padding: 2px
}

@media screen and (max-width: 650px) {
    .pAll-2 {
        padding: 2px 2px 2px 0
    }
}

.pAll-5 {
    padding: 5px
}

@media screen and (max-width: 650px) {
    .pAll-5 {
        padding: 5px 5px 5px 0
    }
}

.pAll-10 {
    padding: 10px
}

@media screen and (max-width: 650px) {
    .pAll-10 {
        padding: 10px 10px 10px 0
    }
}

.pAll-15 {
    padding: 15px
}

@media screen and (max-width: 650px) {
    .pAll-15 {
        padding: 15px 15px 15px 0
    }
}

.pAll-20 {
    padding: 20px
}

@media screen and (max-width: 650px) {
    .pAll-20 {
        padding: 20px 20px 20px 0
    }
}

.pAll-30 {
    padding: 30px
}

@media screen and (max-width: 650px) {
    .pAll-30 {
        padding: 30px 30px 30px 0
    }
}

.pAll-40 {
    padding: 40px
}

@media screen and (max-width: 650px) {
    .pAll-40 {
        padding: 40px 40px 40px 0
    }
}

.pAll-50 {
    padding: 50px
}

@media screen and (max-width: 650px) {
    .pAll-50 {
        padding: 50px 50px 50px 0
    }
}

.pAll-75 {
    padding: 75px
}

@media screen and (max-width: 650px) {
    .pAll-75 {
        padding: 75px 75px 75px 0
    }
}

.pAll-100 {
    padding: 100px
}

@media screen and (max-width: 650px) {
    .pAll-100 {
        padding: 100px 100px 100px 0
    }
}

.pT-2 {
    padding-top: 2px
}

.pT-5 {
    padding-top: 5px
}

.pT-10 {
    padding-top: 10px
}

.pT-15 {
    padding-top: 15px
}

.pT-20 {
    padding-top: 20px
}

.pT-30 {
    padding-top: 30px
}

.pT-40 {
    padding-top: 40px
}

.pT-50 {
    padding-top: 50px
}

.pT-75 {
    padding-top: 75px
}

.pT-100 {
    padding-top: 100px
}

.pR-2 {
    padding-right: 2px
}

@media screen and (max-width: 650px) {
    .pR-2 {
        padding-right: 0
    }
}

.pR-5 {
    padding-right: 5px
}

@media screen and (max-width: 650px) {
    .pR-5 {
        padding-right: 0
    }
}

.pR-10 {
    padding-right: 10px
}

@media screen and (max-width: 650px) {
    .pR-10 {
        padding-right: 0
    }
}

.pR-15 {
    padding-right: 15px
}

@media screen and (max-width: 650px) {
    .pR-15 {
        padding-right: 0
    }
}

.pR-20 {
    padding-right: 20px
}

@media screen and (max-width: 650px) {
    .pR-20 {
        padding-right: 0
    }
}

.pR-30 {
    padding-right: 30px
}

@media screen and (max-width: 650px) {
    .pR-30 {
        padding-right: 0
    }
}

.pR-40 {
    padding-right: 40px
}

@media screen and (max-width: 650px) {
    .pR-40 {
        padding-right: 0
    }
}

.pR-50 {
    padding-right: 50px
}

@media screen and (max-width: 650px) {
    .pR-50 {
        padding-right: 0
    }
}

.pR-75 {
    padding-right: 75px
}

@media screen and (max-width: 650px) {
    .pR-75 {
        padding-right: 0
    }
}

.pR-100 {
    padding-right: 100px
}

@media screen and (max-width: 650px) {
    .pR-100 {
        padding-right: 0
    }
}

.pB-2 {
    padding-bottom: 2px
}

.pB-5 {
    padding-bottom: 5px
}

.pB-10 {
    padding-bottom: 10px
}

.pB-15 {
    padding-bottom: 15px
}

.pB-20 {
    padding-bottom: 20px
}

.pB-27 {
    padding-bottom: 27px
}

.pB-30 {
    padding-bottom: 30px
}

.pB-40 {
    padding-bottom: 40px
}

.pB-50 {
    padding-bottom: 50px
}

.pB-75 {
    padding-bottom: 75px
}

.pB-100 {
    padding-bottom: 100px
}

.pL-2 {
    padding-left: 2px
}

@media screen and (max-width: 650px) {
    .pL-2 {
        padding-left: 0
    }
}

.pL-5 {
    padding-left: 5px
}

@media screen and (max-width: 650px) {
    .pL-5 {
        padding-left: 0
    }
}

.pL-10 {
    padding-left: 10px
}

@media screen and (max-width: 650px) {
    .pL-10 {
        padding-left: 0
    }
}

.pL-15 {
    padding-left: 15px
}

@media screen and (max-width: 650px) {
    .pL-15 {
        padding-left: 0
    }
}

.pL-20 {
    padding-left: 20px
}

@media screen and (max-width: 650px) {
    .pL-20 {
        padding-left: 0
    }
}

.pL-30 {
    padding-left: 30px
}

@media screen and (max-width: 650px) {
    .pL-30 {
        padding-left: 0
    }
}

.pL-40 {
    padding-left: 40px
}

@media screen and (max-width: 650px) {
    .pL-40 {
        padding-left: 0
    }
}

.pL-50 {
    padding-left: 50px
}

@media screen and (max-width: 650px) {
    .pL-50 {
        padding-left: 0
    }
}

.pL-75 {
    padding-left: 75px
}

@media screen and (max-width: 650px) {
    .pL-75 {
        padding-left: 0
    }
}

.pL-100 {
    padding-left: 100px
}

@media screen and (max-width: 650px) {
    .pL-100 {
        padding-left: 0
    }
}

.pL-5 .container-heading {
    margin-left: -5px;
    padding-left: 5px
}

.pL-5 .container-heading.borderAll-1,.pL-5 .container-heading.borderL-1
{
    padding-left: 4px
}

.pL-5 .container-heading.borderAll-2,.pL-5 .container-heading.borderL-2
{
    padding-left: 3px
}

.pL-5 .container-heading.borderAll-3,.pL-5 .container-heading.borderL-3
{
    padding-left: 2px
}

.pL-5 .container-heading.borderAll-4,.pL-5 .container-heading.borderL-4
{
    padding-left: 1px
}

.pL-5 .container-heading.borderAll-5,.pL-5 .container-heading.borderL-5
{
    padding-left: 0px
}

.pL-10 .container-heading {
    margin-left: -10px;
    padding-left: 10px
}

.pL-10 .container-heading.borderAll-1,.pL-10 .container-heading.borderL-1
{
    padding-left: 9px
}

.pL-10 .container-heading.borderAll-2,.pL-10 .container-heading.borderL-2
{
    padding-left: 8px
}

.pL-10 .container-heading.borderAll-3,.pL-10 .container-heading.borderL-3
{
    padding-left: 7px
}

.pL-10 .container-heading.borderAll-4,.pL-10 .container-heading.borderL-4
{
    padding-left: 6px
}

.pL-10 .container-heading.borderAll-5,.pL-10 .container-heading.borderL-5
{
    padding-left: 5px
}

.pL-15 .container-heading {
    margin-left: -15px;
    padding-left: 15px
}

.pL-15 .container-heading.borderAll-1,.pL-15 .container-heading.borderL-1
{
    padding-left: 14px
}

.pL-15 .container-heading.borderAll-2,.pL-15 .container-heading.borderL-2
{
    padding-left: 13px
}

.pL-15 .container-heading.borderAll-3,.pL-15 .container-heading.borderL-3
{
    padding-left: 12px
}

.pL-15 .container-heading.borderAll-4,.pL-15 .container-heading.borderL-4
{
    padding-left: 11px
}

.pL-15 .container-heading.borderAll-5,.pL-15 .container-heading.borderL-5
{
    padding-left: 10px
}

.pL-20 .container-heading {
    margin-left: -20px;
    padding-left: 20px
}

.pL-20 .container-heading.borderAll-1,.pL-20 .container-heading.borderL-1
{
    padding-left: 19px
}

.pL-20 .container-heading.borderAll-2,.pL-20 .container-heading.borderL-2
{
    padding-left: 18px
}

.pL-20 .container-heading.borderAll-3,.pL-20 .container-heading.borderL-3
{
    padding-left: 17px
}

.pL-20 .container-heading.borderAll-4,.pL-20 .container-heading.borderL-4
{
    padding-left: 16px
}

.pL-20 .container-heading.borderAll-5,.pL-20 .container-heading.borderL-5
{
    padding-left: 15px
}

.borderAll-1 {
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

@media screen and (max-width: 650px) {
    .borderAll-1 {
        border-width: 0 0 1px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box
    }
}

.borderAll-2 {
    border-width: 2px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

@media screen and (max-width: 650px) {
    .borderAll-2 {
        border-width: 0 0 1px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box
    }
}

.borderAll-3 {
    border-width: 3px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

@media screen and (max-width: 650px) {
    .borderAll-3 {
        border-width: 0 0 1px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box
    }
}

.borderAll-4 {
    border-width: 4px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

@media screen and (max-width: 650px) {
    .borderAll-4 {
        border-width: 0 0 1px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box
    }
}

.borderAll-5 {
    border-width: 5px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

@media screen and (max-width: 650px) {
    .borderAll-5 {
        border-width: 0 0 1px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box
    }
}

.borderT-1 {
    border-top-width: 1px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

.borderT-2 {
    border-top-width: 2px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

.borderT-3 {
    border-top-width: 3px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

.borderT-4 {
    border-top-width: 4px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

.borderT-5 {
    border-top-width: 5px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

.borderR-1 {
    border-right-width: 1px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

@media screen and (max-width: 650px) {
    .borderR-1 {
        border-width: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box
    }
}

.borderR-2 {
    border-right-width: 2px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

@media screen and (max-width: 650px) {
    .borderR-2 {
        border-width: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box
    }
}

.borderR-3 {
    border-right-width: 3px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

@media screen and (max-width: 650px) {
    .borderR-3 {
        border-width: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box
    }
}

.borderR-4 {
    border-right-width: 4px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

@media screen and (max-width: 650px) {
    .borderR-4 {
        border-width: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box
    }
}

.borderR-5 {
    border-right-width: 5px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

@media screen and (max-width: 650px) {
    .borderR-5 {
        border-width: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box
    }
}

.borderB-1 {
    border-bottom-width: 1px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

.borderB-2 {
    border-bottom-width: 2px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

.borderB-3 {
    border-bottom-width: 3px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

.borderB-4 {
    border-bottom-width: 4px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

.borderB-5 {
    border-bottom-width: 5px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

.borderL-1 {
    border-left-width: 1px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

@media screen and (max-width: 650px) {
    .borderL-1 {
        border-width: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box
    }
}

.borderL-2 {
    border-left-width: 2px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

@media screen and (max-width: 650px) {
    .borderL-2 {
        border-width: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box
    }
}

.borderL-3 {
    border-left-width: 3px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

@media screen and (max-width: 650px) {
    .borderL-3 {
        border-width: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box
    }
}

.borderL-4 {
    border-left-width: 4px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

@media screen and (max-width: 650px) {
    .borderL-4 {
        border-width: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box
    }
}

.borderL-5 {
    border-left-width: 5px;
    border-style: solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box
}

@media screen and (max-width: 650px) {
    .borderL-5 {
        border-width: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-background-clip: padding-box
    }
}

.noBorderRadius {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-background-clip: padding-box
}

.borderTeal {
    border-color: #acc362
}

.borderMidTeal {
    border-color: #2a6273;
    border-color: #a3bfbf
}

.borderGrey {
    border-color: #eae9e5
}

.backgroundLightTeal {
    background-color: #e0eef1
}

.backgroundTeal {
    background-color: #0c4255
}

.backgroundWhite {
    background-color: #fff
}

.backgroundLime {
    background-color: #abd037
}

.backgroundLightLime {
    background-color: #e3eed6
}

.backgroundLightGrey {
    background-color: #e4e4e4
}

@media screen and (max-width: 650px) {
    .backgroundLightTeal,.backgroundTeal,.backgroundWhite,.backgroundLime,.backgroundLightLime,.backgroundLightGrey
    {
        padding: 1em
    }
}

.bImgTopM {
    background-position-x: 50%
}

.bImgTopR {
    background-position-x: 100%
}

.bImgBotL {
    background-position-y: 100%
}

.bImgBotM {
    background-position: 50% 100%
}

.bImgBotR {
    background-position: 100% 100%
}

.bImgMidR {
    background-position: 100% 50%
}

.bImgMidL {
    background-position: 0 50%
}

.bImgMid {
    background-position: 50% 50%
}

.gradientLightGrey {
    background: #fff;
    background: #fff -moz-linear-gradient(top, #fff 30%, #e4e4e4 100%) 0 0
    repeat-x;
    background: #fff
    -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fff),
            color-stop(100%, #e4e4e4) ) 0 0 repeat-x;
    background: #fff -webkit-linear-gradient(top, #fff 30%, #e4e4e4 100%) 0
    0 repeat-x;
    background: #fff -o-linear-gradient(top, #fff 30%, #e4e4e4 100%) 0 0
    repeat-x;
    background: #fff -ms-linear-gradient(top, #fff 30%, #e4e4e4 100%) 0 0
    repeat-x;
    background: #fff linear-gradient(top, #fff 30%, #e4e4e4 100%) 0 0
    repeat-x
}

.gradientDarkGrey {
    background: #fff;
    background: #fff -moz-linear-gradient(top, #fff 30%, #cacaca 100%) 0 0
    repeat-x;
    background: #fff
    -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fff),
            color-stop(100%, #cacaca) ) 0 0 repeat-x;
    background: #fff -webkit-linear-gradient(top, #fff 30%, #cacaca 100%) 0
    0 repeat-x;
    background: #fff -o-linear-gradient(top, #fff 30%, #cacaca 100%) 0 0
    repeat-x;
    background: #fff -ms-linear-gradient(top, #fff 30%, #cacaca 100%) 0 0
    repeat-x;
    background: #fff linear-gradient(top, #fff 30%, #cacaca 100%) 0 0
    repeat-x
}

.gradientDarkBlue {
    background: #138fa6;
    background: #fff -moz-linear-gradient(top, #138fa6 30%, #50b9c3 100%) 0
    0 repeat-x;
    background: #138fa6
    -webkit-gradient(linear, left top, left bottom, color-stop(30%, #138fa6),
            color-stop(100%, #50b9c3) ) 0 0 repeat-x;
    background: #fff -webkit-linear-gradient(top, #138fa6 30%, #50b9c3 100%)
    0 0 repeat-x;
    background: #fff -o-linear-gradient(top, #138fa6 30%, #50b9c3 100%) 0 0
    repeat-x;
    background: #fff -ms-linear-gradient(top, #138fa6 30%, #50b9c3 100%) 0 0
    repeat-x;
    background: #fff linear-gradient(top, #138fa6 30%, #50b9c3 100%) 0 0
    repeat-x
}

.gradientLightBlue {
    background: #fff;
    background: #fff -moz-linear-gradient(top, #fff 30%, #e0eef1 100%) 0 0
    repeat-x;
    background: #fff
    -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fff),
            color-stop(100%, #e0eef1) ) 0 0 repeat-x;
    background: #fff -webkit-linear-gradient(top, #fff 30%, #e0eef1 100%) 0
    0 repeat-x;
    background: #fff -o-linear-gradient(top, #fff 30%, #e0eef1 100%) 0 0
    repeat-x;
    background: #fff -ms-linear-gradient(top, #fff 30%, #e0eef1 100%) 0 0
    repeat-x;
    background: #fff linear-gradient(top, #fff 30%, #e0eef1 100%) 0 0
    repeat-x
}

.baseContent .posTr,.baseContent .posT,.baseContent .posTl {
    padding: 0;
    margin-top: 0
}

.baseContent .posTr img,.baseContent .posT img,.baseContent .posTl img {
    margin-top: 0
}

.baseContent .posTr img {
    margin-right: 0
}

.baseContent .posTl img {
    margin-left: 0
}

.baseContent .posBr,.baseContent .posB {
    padding: 0;
    position: static;
    text-align: right
}

.baseContent .posBr img,.baseContent .posB img {
    position: static;
    vertical-align: bottom
}

.baseContent .posB {
    text-align: center
}

.baseContent .posBl img {
    position: static;
    float: left;
    margin-right: 1em
}

.baseContent.tc .iFrame {
    margin: 0 auto
}

.baseContent.tr .iFrame {
    float: right
}

.fiftypluscalculator iframe {
    height: 300px;
    width: 99.99%
}

.vcard {
    display: none
}

.vcard a {
    color: #fff
}

.vcard .fn,.vcard .adr,.vcard .mail {
    position: absolute;
    left: -9999em
}

.hub-article>img {
    float: left;
    margin: 0.7em 1em 1em 0;
    width: auto
}

.hub-article p {
    line-height: 1.5;
    padding-bottom: 5px
}

.faq {
    margin: 0.5em 0 1.5em
}

.faq li {
    padding: 0;
    line-height: 1.2;
    border-bottom: 1px solid #efefef
}

.faq li:nth-child(2n+1) {
    background: #f7f7f7
}

.faq a {
    display: block;
    padding: 0.75em 0.8em
}

.faq.l-two-col {
    float: left;
    margin-right: 2%;
    width: 42%
}

@media screen and (max-width: 768px) {
    .faq.l-two-col {
        width: 100%;
        margin-right: 0
    }
}

.faq-feedback button,.faq-feedback a,.faq-feedback span {
    background: none repeat scroll 0 0 #e0eef1;
    border-radius: 5px 5px 5px 5px;
    border-width: 0;
    color: #065F73;
    display: inline-block;
    font-weight: bold;
    margin: 1em 1em 1em 0;
    padding: 1em;
    text-decoration: none
}

.faq-feedback span {
    color: #ce0000
}

.faq-list-wrapper {
    font-weight: bold
}

.faq-list-wrapper .pagination a {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 0.46154em 0.61538em;
    text-decoration: none;
    margin-top: 12px
}

@media screen and (max-width: 650px) {
    .faq-feedback button,.faq-feedback a,.faq-feedback span {
        margin: 1em 1em 2em 0
    }
}

.js #partnerReplaceText {
    border: 1px solid rgba(184, 209, 96, 0.7);
    border-width: 1px 0;
    clear: both;
    color: #FFFFFF;
    font-size: 0.75em;
    letter-spacing: 0.7px;
    margin-bottom: 2em;
    padding: 0.5em 0;
    text-align: center;
    text-transform: uppercase;
    display: none;
}

@media screen and (max-width: 650px) {
    .js #partnerlogo img {
        display: none
    }
    .js .primaryNav {
        margin-top: 0
    }
}

.c5PageEditor .editorInformationArea {
    min-height: 20px;
    width: 100%;
    background: url(/continuity/workspace/img/icons/16x16/information.png)
    2px 2px no-repeat;
    padding: 2px 2px 2px 24px;
    margin-bottom: 6px;
    font-weight: bold;
    color: #444444
}

.c5PageEditor .editorInformationArea.warning {
    background: url(/continuity/workspace/img/icons/16x16/error.png) 2px 2px
    no-repeat
}

.c5PageEditor .editorInformationArea.error {
    background: url(/continuity/workspace/img/icons/16x16/exclamation.png)
    2px 2px no-repeat
}

.c5PageEditor div.flashPlayer {
    border: solid 1px #aaa
}

.c5PageEditor div.videoPlayer {
    border: solid 1px #aaa
}

.c5PageEditor .replaceWith {
    background-color: yellow
}

.c5PageEditor .carouselContainer {
    overflow: auto
}

.c5PageEditor .hrWrapper {
    margin: 1em 0 0 0;
    padding: 0 0 1em
}

.reevoo {
    margin-bottom: 10px
}

.result {
    margin-top: 1em;
    max-width: 45em
}

.result+p {
    clear: left
}

.rss {
    float: left;
    padding-right: 1em;
    margin-top: 1.2em
}

@media screen and (max-width: 480px) {
    .rss {
        margin-top: 1.35em
    }
}

.news {
    max-width: 45em
}

.news li {
    padding-left: 0;
    line-height: 1.5;
    border-bottom: 1px dotted #ddd;
    padding: 1em 0
}

.news a {
    display: inline-block;
    margin: 0 1em 0 0
}

.news span {
    color: #666;
    font-family: georgia, serif;
    letter-spacing: 1px;
    display: block
}

.news h3 {
    display: inline-block;
    font-size: 1.2em
}

.pagination a {
    border: 1px solid #ddd;
    display: inline-block;
    line-height: 1.5;
    margin: 0.5em 0.5em 1em 0;
    padding: 0.3em 1em;
    text-decoration: none
}

.pagination a:focus,.pagination a:hover {
    background: #efefef;
    border-color: #666
}

.pagination strong {
    padding: 1em;
    margin-left: -0.5em;
    color: #ce0000
}

.news-page h3,.news-page h2 {
    margin-top: 1em
}

.news-page p {
    line-height: 1.5;
    max-width: 45em
}

.news-page ul {
    padding: 1em 0
}

.news-page li {
    color: #666666;
    font-weight: 600;
    line-height: 1.3;
    max-width: 33em;
    padding-bottom: 1em
}

.news-page li a {
    font-weight: normal
}

.news-page table {
    margin-top: 0.7em
}

.news-page .hrWrapper {
    max-width: 45em
}

#pagination {
    display: none
}

@media screen and (max-width: 480px) {
    #pagination {
        display: block;
        margin-top: 1em
    }
    #page {
        display: inline-block;
        margin-right: 0.5em
    }
    #go {
        padding: 7px 10px 6px
    }
    .pagination {
        display: none
    }
}

.cookiesAlert {
    background: #fffdc8;
    color: #0c4255;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    padding: 5px
}

.cookiesAlert a {
    color: #546b08;
    font-weight: bold;
    text-decoration: underline
}

.cookiesAlert a:hover {
    text-decoration: none
}

.cookiesAlert img {
    margin-bottom: 0;
    margin-right: 10px;
    margin-top: 7px
}

@media screen and (max-width: 320px) {
    .cookiesAlert img {
        display: none
    }
}

.cookiesContent {
    font-size: 0.813em;
    padding-right: 100px;
    position: relative
}

@media screen and (max-width: 650px) {
    .cookiesContent {
        padding-right: 0
    }
}

.ie8 .cookiesContent {
    height: 1%
}

.cookiesCloseBtn {
    background: url(../template-assets/images/content/closeBtn.png)
    no-repeat;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 7px;
    height: 25px;
    width: 79px
}

@media screen and (max-width: 650px) {
    .cookiesCloseBtn {
        position: static;
        margin-bottom: 5px
    }
}

.ie8 .cookiesCloseBtn {
    float: none;
    position: absolute;
    right: 15px;
    top: 10px
}

@media screen and (max-width: 650px) {
    .cookiesContent p {
        padding-bottom: 5px
    }
}

.launcherLoggedIn {
    line-height: 1.5;
    font-weight: bold;
    color: #0c4255;
    font-size: 1.1em
}

.launcherLoggedIn span {
    display: block;
    font-style: italic;
    padding: 0.5em 0 0 0.5em;
    font-size: 0.875em
}

.adviserLauncherText {
    line-height: 1.5;
    margin-bottom: 1.5em
}

.adviserLauncherText a {
    text-decoration: none;
    font-size: 1.2em
}

.disabled-launcher {
    color: #666
}

.formBuilder.launcherLogin {
    padding: 1em 1em 2em
}

.formBuilder.launcherLogin h3 {
    padding-bottom: 1em
}

.formBuilder.launcherLogin .error {
    color: #950D0D
}

.agencyList li {
    padding-left: 0
}

.formBuilder .qty {
    width: 2em
}

.formBuilder .remove {
    vertical-align: middle;
    display: inline-block;
    padding: 0 1em
}

.formBuilder.basket fieldset {
    margin-bottom: 2.5em;
    font-weight: bold;
    position: relative;
    min-height: 3em
}

.formBuilder.basket fieldset p {
    position: absolute
}

.formBuilder.basket fieldset .title {
    padding: 1em 0 0 8em;
    display: inline-block
}

@media screen and (max-width: 480px) {
    .formBuilder.basket fieldset .title {
        padding: 0.5em 0 0 7em
    }
}

.formBuilder.basket fieldset .ref {
    padding: 0.2em 0 0 8em;
    display: block;
    font-weight: normal
}

@media screen and (max-width: 480px) {
    .formBuilder.basket fieldset .ref {
        padding: 0 0 0 7em
    }
}

.formBuilder.basket input[type="image"] {
    width: auto;
    padding-top: 0
}

.documents-library-results .file-download {
    padding-left: 45px;
    position: relative;
    margin-right: 1em;
    display: inline-block
}

.documents-library-results .file-download h4 {
    padding-left: 45px
}

.documents-library-results .file-details,.documents-library-results .ref,.documents-library-results .options
{
    padding-left: 45px;
    display: block
}

.documents-library-results .options {
    margin: 2em 0 1em
}

.documents-library-results .optional {
    margin-bottom: 3em
}

@media screen and (max-width: 650px) {
    .documents-library-results .optional {
        margin-bottom: 2em
    }
}

@media screen and (max-width: 480px) {
    .documents-library-results h2 {
        margin-top: 2em
    }
}

@media screen and (max-width: 800px) {
    .documents-library-results .optional .file-download {
        display: block;
        margin-bottom: 1.5em
    }
}

@media screen and (max-width: 650px) {
    .documents-library-results {
        padding-top: 2em
    }
}

.documents-library-results .file-details,.documents-library-results .ref
{
    color: #666666;
    font-size: 0.875em;
    padding: 0.25em 0 0.25em 45px
}

.js .documents-library-results .optional {
    display: none
}

.no-js .documents-library-results .options {
    display: none
}

.library-heading {
    margin: 4em 0 0.75em;
    text-transform: uppercase;
    font-size: 0.875em;
    background: #E0EEF1;
    padding: 1em;
    border-radius: 5px
}

@media screen and (max-width: 480px) {
    .library-heading {
        margin-top: 3em
    }
}

.literature {
    list-style-type: decimal;
    margin: 1em 1em 2em 0.5em
}

.literature li {
    padding: 0 0 1.5em 0;
    font-weight: bold;
    line-height: 1.25
}

.literature-ordered .inner-liner {
    background: #f7f6f5;
    background: rgba(235, 233, 229, 0.4);
    padding: 1em 1em 2em 1em;
    border-radius: 0 0 5px 5px
}

.literature-ordered h3 {
    margin: 1em 0 0;
    border-radius: 5px 5px 0 0
}

@media screen and (max-width: 650px) {
    .literature-ordered h3 {
        margin-top: 1.5em
    }
}

.conditions {
    margin-top: 1em
}

.unit.lastUnit .fw {
    width: auto;
    position: absolute;
    left: 0
}

.collapsible.collapsible-heading.doc-lib.collapsible-heading-collapsed {
    background-position: 97% 19px
}

@media screen and (max-width: 480px) {
    .collapsible.collapsible-heading.doc-lib.collapsible-heading-collapsed {
        background-position: 97% 31px
    }
}

.collapsible.collapsible-heading.doc-lib.collapsible-heading-collapsed span
{
    top: 1.3em
}

.collapsible.collapsible-heading.doc-lib {
    background-position: 97% -17px
}

@media screen and (max-width: 480px) {
    .collapsible.collapsible-heading.doc-lib {
        background-position: 97% -13px;
        padding: 0
    }
}

.collapsible.collapsible-heading.doc-lib span {
    top: 1.3em
}

.annuity-results {
    background: transparent;
    padding: 0.5em 0.7em 1em 0.7em
}

.annuity-results ul {
    margin: 1em 0;
    color: rgba(0, 0, 0, 0.65);
    margin: 0;
    padding: 0;
    list-style: none
}

.annuity-results ul li {
    padding: 0.5em 0.6em;
    font-weight: bold;
    border-bottom: 1px solid #efefef;
    margin-bottom: 0
}

.annuity-results ul li span {
    float: right;
    font-weight: normal
}

.annuity-results ul li:nth-child(odd) {
    background: rgba(255, 255, 255, 0.4)
}

.annuity-results ul h3 {
    color: #004354;
    text-shadow: 1px 1px 1px #fff
}

.annuity-results.theme-2 {
    background: transparent
}

.annuity-results.theme-2 li {
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 0
}

.annuity-results.theme-3 {
    background: transparent
}

.annuity-results.theme-3 li {
    background: #f7f7f7;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 0
}

#calculator-form.formBuilder .field {
    border-width: 0
}

.js #calculator-form .submit {
    display: none
}

.block {
    display: block;
    font-weight: bold
}

#tell-screenreaders {
    position: absolute;
    left: -9999px
}

.left,.fl {
    float: left
}

.right,.fr {
    float: right
}

.fn {
    float: none
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}

.tc {
    text-align: center
}

.clearfix,.baseContent {
    *zoom: 1
}

.clearfix:before,.baseContent:before,.clearfix:after,.baseContent:after
{
    content: "";
    display: table
}

.clearfix:after,.baseContent:after {
    clear: both
}

.clear {
    clear: both
}

.indent {
    text-indent: -99em
}

.ie6 .header {
    height: 100px
}

.ie6 .lvLogo {
    height: 100px
}

.ie6 .lvLogo img {
    width: 165px;
    height: 67px
}

.ie6 #megamenu {
    height: 1%;
    margin-bottom: 2px
}

.ie6 #megamenu table {
    display: none
}

.ie6 #megamenu ul li a,.ie6 #megamenu ul li.active a,.ie6 #megamenu ul li a:visited
{
    color: #fff;
    font-size: 0.875em;
    line-height: 1;
    padding: 0.5em 1em
}

.ie6 .contentHeader {
    height: 1%
}

.ie6 .breadcrumb li {
    font-size: 0.875em
}

.ie6 .breadcrumb li a {
    font-size: 1em;
    padding: 0 10px 0 0;
    font-weight: normal
}

.ie6 .tabs-nav li a {
    border-color: #efefef
}

.ie6 .tabs-nav li.selected a {
    width: 300px
}

.ie6 .pod.open {
    border-width: 0
}

.ie6 #moreFromLV {
    display: inline
}

.ie6 .moreFrom li a {
    display: inline-block
}

.ie6 .moreFrom li a {
    display: block
}

.ie6 .moreFrom ul.first {
    margin-top: -1em
}

.ie6 .glossaryHeader {
    width: 99%
}

.ie6 #glossaryList li {
    padding: 0;
    line-height: 1
}

.ie6 .inner,.ie6 .header header {
    width: 960px
}

.ie6 .radioGroup input,.ie6 .checkboxGroup input {
    width: auto;
    display: inline
}

.ie6 input.submit {
    width: auto;
    color: #fff;
    font-weight: bold;
    border-width: 0
}

.ie6 .subnav-outer {
    width: 960px
}

.ie6 .subnav-outer ul,.ie6 .subnav-outer .pn02 li.active {
    position: static
}

.ie7 .header {
    width: 99.999999%
}

.ie7 .logo {
    padding: 0
}

.ie7 .primaryNav ul {
    margin-top: 6em
}

.ie7 .primaryNav a {
    padding-top: 5px
}

.ie7 .primaryNav .mega-col dd a:hover,.ie7 .primaryNav .mega-col dt a:hover
{
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff),
    color-stop(100%, #fff) );
    background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
    background: -o-linear-gradient(top, #fff 0%, #fff 100%);
    background: -ms-linear-gradient(top, #fff 0%, #fff 100%);
    background: linear-gradient(to bottom, #fff 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',
    endColorstr='#FFFFFFFF', GradientType=0 )
}

.ie7 .show-menu {
    left: 0;
    display: block
}

.ie7 .utilityLinks {
    left: 55%;
    width: 40%
}

.ie7 .utilityLinks a {
    padding: 0 5px
}

.ie7 .breadcrumb li {
    padding: 8px 5px 5px 0
}

.ie7 .breadcrumb li a {
    padding: 0
}

.ie7 #moreFromLV {
    display: inline
}

.ie7 .moreFrom li {
    line-height: 1
}

.ie7 .moreFrom a {
    line-height: 1.2;
    padding: 0 0 7px
}

.ie7 .moreFrom ul.first {
    margin-top: -1em;
    margin-top: 5px
}

.ie7 #featured-content {
    background: #fff
}

.ie7 .tabs-nav a {
    width: 285px
}

.ie7 .tabs-nav li {
    width: 290px
}

.ie7 .tabs-nav li.selected {
    width: 315px
}

.ie7 .formBuilder.faq #submit {
    top: -5px;
    padding: 5px 10px
}

.ie7 .glossaryHeader {
    width: 100%
}

.ie7 .lvScroller {
    height: 270px
}

.ie7 .scroller .item {
    float: left
}

.ie7 .lvCarouselHolder {
    overflow: scroll
}

.ie7 .socialbookmarking,.ie7 #socialBookMarks {
    margin-bottom: 2.5em
}

.ie7 .pn01 .active {
    background: #fff;
    filter: none
}

.ie7 .aboveFooter .page {
    margin-top: 0.5em
}

.ie7 .partnerLogo .header {
    background: #E5F5FD;
    filter: none
}

.ie7 .partnerLogo .header header {
    position: relative;
    z-index: 3
}

.ie7 .partnerLogo .header #mainnav {
    position: relative;
    z-index: 4
}

.ie7 .partnerLogo .header #mainnav .libraryItem {
    position: relative;
    z-index: 6
}

.ie8 .show-menu {
    left: 0;
    display: block
}

.ie8 .primaryNav {
    margin-top: 6em
}

.ie8 .primaryNav a {
    padding-top: 5px;
    display: inline
}

.ie8 .primaryNav ul {
    width: auto;
    margin: 63px 0 0 20px
}

.ie8 .primaryNav ul dt a,.ie8 .primaryNav ul dd a {
    display: block
}

.ie8 .primaryNav ul dt a:hover,.ie8 .primaryNav ul dt a:focus,.ie8 .primaryNav ul dd a:hover,.ie8 .primaryNav ul dd a:focus
{
    filter: none
}

.ie8 .pn01 .active {
    background: #fff;
    filter: none
}

.ie8 .formBuilder.faq input[type="submit"] {
    top: -10px;
    left: -4px
}

.ie8 #featured-content {
    background: #fff
}

.ie8 .listDefault {
    width: 97%
}

.ie8 .controls .next {
    background:
            url(../template-assets/images/background/ie-8-carousel-gradient-next.png)
            0 0 repeat-y
}

.ie8 .controls .prev {
    background:
            url(../template-assets/images/background/ie-8-carousel-gradient-prev.png)
            100% 0 repeat-y
}

.ie8 .aboveFooter .page {
    margin-top: 0.5em
}

.ie8 .expanders {
    overflow: hidden
}

.ie8 .speechbubble .collapsible {
    margin-left: 13px
}

.no-js .header form {
    display: none
}

.no-js .megaMenuTabContainer {
    clear: left;
    margin-top: 6em
}

.no-js .megaMenuTabContainer .megaMenuTab a {
    color: #fff;
    font-weight: bold
}

.ie8 .partnerLogo .primaryNav {
    margin-top: 5em;
    display: block
}

.ie8 .partnerLogo .primaryNav .megaMenuTabContainer {
    width: 70%
}

.ie9 .getAQuoteButton .linkButton {
    padding: 3px 10px 6px
}

.ie9 .getAQuoteButton .highlightButton {
    font-size: 1.3em
}

.ie9 .formBuilder.faq input[type="submit"] {
    border-width: 0
}

.ie9 .linkButton {
    background-image:
            url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5ODMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM3RkNBRDAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyQjY2NzgiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5ODMpIiAvPgo8L3N2Zz4=);
    filter: none
}

.ie9 .linkButton:hover,.ie9 .linkButton:focus {
    background:
            url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzOGFhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDI0MzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    filter: none;
    color: #fff
}

.ie9 .tabs-nav li.tabs-selected a {
    filter: none;
    background:
            url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzOGFhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDI0MzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.ie9 .primaryNav .active>a {
    filter: none;
    background:
            url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiYmMzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDgwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.ie9 .primaryNav ul li a:hover,.ie9 .primaryNav ul li a:focus,.ie9 .primaryNav ul li .addedFocus
{
    background:
            url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzUyYjljMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTY2NzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    filter: none;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.ie9 .primaryNav ul dt a,.ie9 .primaryNav ul dd a {
    display: block
}

.ie9 .primaryNav ul dt a:hover,.ie9 .primaryNav ul dt a:focus,.ie9 .primaryNav ul dd a:hover,.ie9 .primaryNav ul dd a:focus
{
    background: none;
    filter: none
}

.ie9 .aboveFooter.carousel {
    filter: none;
    background:
            url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2Y3ZjVmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.ie9 .pn01 li {
    filter: none;
    background:
            url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}

.ie9 .aboveFooter .page {
    margin-top: 0.5em
}

.ie9 .pn01 .active {
    background: #fff
}

#paraplannerPod, #protectionAgentNoContainer {
    display: none;
}

.centertext {
    text-align: center;
}
.hide-in-desktop {
    display: none;
}
.unipass-image img{
    height: 54px;
    width: 154px;
    position: relative;
    top: 20px;
}
.unipass-image {
    flex: 1 35%;
}
.unipass-text {
    flex: 1 65%;
}
.unipass-image.f30 {
    flex: 1 30%;
}
.unipass-text.f70 {
    flex: 1 70%;
}
.unipass-text-image {
    flex-direction: row-reverse;
}
.login-container{
    flex-direction: row-reverse;
}
.login-container .type2{
    background-color: #EAF5F8;
}
.flexbox {
    display: flex;
}
.flexbox.column {
    flex-direction: column;
}
.flex {
    flex: 1;
}
.flex-10 {
    flex: 1 10%;
}
.flex-30 {
    flex: 1 30%;
}
.flex-70 {
    flex: 1 70%;
}
.flex47 {
    flex: 0 47%;
}
.flex50 {
    flex: 0 50%;
}
.screen-icon {
    float: right;
}
.help-section {
    background: linear-gradient(90deg, #D6FFD5 0%, #FDFFDA 100%);
    margin-bottom: 40px;
}
.help-section .help-content {
    padding: 18px 0;
    font-family: 'Muli';
    align-items: center;
}
.help-section .help-content .help-question {
    font-size: 22px;
    color: #007C9E;
    font-family: 'Livvic';
    line-height: 28px;
    flex: 1 1 20%;
    text-align: left;
}
.help-section .help-content span {
    flex: 1 1 40%;
    text-align: center;
}
.help-section .help-content span:not(:last-child) {
    margin-right: 12px;
}
.help-section .help-content .open-time {
    display: inline-block;
    margin-top: 4px;
}


/* Responsive Design */
@media screen and (max-width: 768px) {
	ul li,ol li {
      /* line-height: 2.25em; */
      padding-left: 1em;
    }
	.login-page{
	  max-height: 0px;
	}
	.signIn-page{
       max-height: 0px;
	}
	/* .registered-user.liner {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		gap: 20px;
		padding-top: 50px;
		padding-bottom: 10px;
	}
	.register-with-unipass-page {
		display: flex;
		gap: 20px;
	}
	.rightcontent-page {
		padding-top: 0px! important;
	} */
}
    
@media screen and (max-width: 768px) {
    .inner.page .right-content {
        display: none;
    }
    #primarylogo, .header .content {
        /* padding: 13px 12px 10px; */
        padding: 26px 12px 10px;
    }
    .header .content.type2{
        padding: 16px 12px 6px;
    }
    #primarylogo {
        background-color: #FFFFFF;
    }
    #primarylogo img{
        max-height: 44px;
    }
    .header h1 {
        font-size: 24px;
        line-height: 60px;
    }
    .header .sub-header, .header .sub-header .list {
        font-family: 'Muli';
        font-size: 16px;
        line-height: 18px;
    }
    .hide-in-mobile, .formBuilder .formTooltip.hide-in-mobile {
        display: none;
    }
    .hide-in-desktop {
        display: block;
    }
    .footer {
        padding: 22px 12px 24px;
    }
    .footer #footer {
        flex-direction: column;
        align-items: baseline;
    }
    .footer .text-address {
        /* margin: 12px 12px 0; */
        margin: -50px 0 0;
        color: #3D3D3D;
        position: absolute;
        left: 125px;
    }
    .inner.page {
        margin: 0;
        border-bottom: 1px solid #D2D9DC;
    }
    .page .page-content {
        padding: 21px 11px 21px 13px;
        margin: 0;
    }
    .formBuilder {
        border-radius: 0;
        border: none;
    }
    .formBuilder.lastFormUnit {
        margin:  0px;
        padding: 60px 24px 235px;
    }
    .formBuilder.builder-type2 {
        padding-top: 22px;
    }
    .formBuilder .textField {
        padding: 0 6px;
        display: flex;
        flex-direction: column;
    }
    .formBuilder .textField.withBorder, .formBuilder .selectField.withBorder, .formBuilder .radioGroup.withBorder {
        padding: 24px 6px;
        margin: 0;
        border-bottom: 1px solid #D2D9DC;
    }
    .formBuilder .textField.withoutBorder {
        padding: 24px 6px;
        margin: 0;
    }

    .formBuilder .textField.field-type2 {
        padding-top: 20px;
    }
    .formBuilder .textField.field-type3 {
        padding: 11px 0 28px;
    }
    .formBuilder .textField.field-type4 {
        padding: 21px 0 28px;
    }
    .formBuilder .textField.field-type5 {
        padding: 15px 6px 42px 6px;
    }
    .primaryButton {
        padding: 15px 50px;
    }
    /* .formBuilder .primaryButton {
        max-width: 265px;
        width: 100%;
    } */
    /* .secondaryButton {
        max-width: 281px;
        width: 100%;
    } */

    .radioGroup p, .formBuilder .radioGroup label {
        width: 100%;
        max-width: 284px;
    }
    .row {
        margin:0;
    }
    .unit {
        /* margin-bottom: 34px; */
        width: 100%;
    }
    .unit.lastUnit{
        margin: 0;
    }
    .mb-56 {
        margin-bottom: 36px;
        margin: 0;
    }
    /* .pt-34 {
        padding-top: 34px;
    } */
    .p-12 {
        padding: 0 12px;
    }
    .m-0, .page .page-content .paragraph.m-0 {
        margin: 0;
    }
    .baseContent {
        margin: 0;
        width: 100%;
    }
    .no-background {
        background: none;
        /* padding: 10px 12px; */
        padding: 0px;
    }
    /* .no-border {
        border: none;
    } */
    .liner{
        padding: 20px 12px;
        margin: 0;
    }
    .liner.type2{
        /* padding-top: 8px; */
        margin: 0px;
    }
    .pageLink {
        /* padding: 24px 24px 0px; */
        padding: 24px 8px 0px; 
        margin: 0;
    }
    .liner a.secondaryButton {
        display: flex;
        height: 54px;
        width: 267px;
        /* padding: 12px 40px; */
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch;
    }
    .unipass-image {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px 0 23px;
    }
    .unipass-image img{
        margin: 0;
        height: 49px;
        width: 144px;
        top: 0;
    }
    .unipass {
        margin-bottom:48px;
    }
    .contact-us.liner {
        background: linear-gradient(90deg, #D6FFD5 0%, #FDFFDA 100%);
        border-radius: 0;
        text-align: center;
        padding: 12px 7px 24px;
    }
    .contact-us.liner h3{
        color: #007C9F;
        font-family: 'Livvic';
        font-size: 22px;
        letter-spacing: 0;
        line-height: 28px;

    }
    .contact-us.liner .paragraph{
        color: #4A4A49;
    }
    .contact-us.liner .telephone {
        color: #04589B;
        font-weight: 600;
        text-decoration: underline;
    }
    .help-text {
        padding-left: 24px;
        color: #4A4A49;
    }
    .help-text:before {
        background: url(../template-assets/images/Exclamation.png) 50% 50% no-repeat;
        content: "";
        width: 21px;
        height: 21px;
        left: 12px;
        position: absolute;
        background-size: 21px;
    }
    .register-button {
        padding: 31px 15px;
    }
    .register-button .primaryButton {
        max-width: 293px;
        width: 100%;
    }
    .registration-unipass {
        padding: 21px 20px 38px 34px;
    }
    .mb-42 {
        margin-bottom: 42px;
    }
    .mmb-3 {
        margin-bottom: 3px;
    }
    .mmb-4 {
        margin-bottom: 4px;
    }
    .mmb-5 {
        margin-bottom: 5px;
    }
    .mmb-7 {
        margin-bottom: 7px;
    }
    .mmb-8 {
        margin-bottom: 8px;
    }
    .mmb-13 {
        margin-bottom: 13px;
    }
    .mmb-18 {
        margin-bottom: 18px;
    }
    .mmb-20 {
        margin-bottom: 20px;
    }
    .mmb-28 {
        margin-bottom: 28px;
    }
    .mmb-33 {
        margin-bottom: 33px;
    }
    .mml-4 {
        margin-left: 4px;
    }
    .mml-6 {
        margin-left: 6px;
    }
    .mml-7 {
        margin-left: 7px;
    }
    .mml-10 {
        margin-left: 10px;
    }
    .mml-12 {
        margin-left: 12px;
    }
    .mmt-3 {
        margin-top: 3px;
    }
    .mmt-48 {
        margin-top: 48px;
    }
    .header .sub-header.mmt-2 {
        margin-top: 2px;
    }
    .formBuilder .field.submit.mmb-40 {
        margin-bottom: 40px;
    }
    .formBuilder .field.submit.mmb-28 {
        margin-bottom: 28px;
    }
    .formTooltip {
        margin-bottom: 36px;
    }
    .website {
        display: block;
        color: #04589B;
        font-family: 'MuliSemiBold';
        /* font-weight: 600; */
        text-decoration: underline;
    }
    .flexbox {
        flex-direction: column;
    }
    .resetBtn {
        margin: 0;
    }
    /* .regBtn {
        margin: 0 0 0 11px;
    } */
    .expanders {
        margin: 1rem 0.75rem;
    }
    .register-agency {
        border-radius: 0;
    }
    .register-agency .pageLink {
        display: flex;
        justify-content: center;
        padding: 0;
        border: none;
    }
    .register-agency .pageLink .secondaryButton{
        width: 65%;
    }
    .formBuilder legend.heading-mobile, .heading.heading-mobile, .page .page-content h1.heading-mobile {
        line-height: 28px;
        /* color: #007C9E; */
    }
    .field.checkboxGroup {
        padding: 28px 7px 0;
    }
    .checkbox-container {
        display: flex;
        flex-wrap: wrap;
    }
    .checkbox-container p {
        width: 100%;
    }
    .textfield-label2 {
        margin-bottom: 14px;
    }
    .paragraph.info {
        line-height: 23px;
    }
    .heading2.color2 {
        line-height: 25px;
        font-size: 22px;
    }
    .help-section .help-content {
        padding: 12px;
    }
    .help-section .help-content span:not(:last-child) {
        margin: 0 0 12px;
    }
    .help-section .help-content .open-time {
        display: block;
        margin: 0;
    }
    #api, .m-pl-5 {
        padding-left: 3.5px;
        margin-bottom: 34px;
    }
}

#api button.link-button {
    font-family: 'MuliSemiBold';
    /* font-weight: 600; */
    font-size: 16px;
    color: #04589B;
    background: none;
    border: none;
    cursor: pointer;
    width: auto;
	padding: 0;
    /* padding: 0 10px; */
}
#api button.link-button::after {
    content: none;
}
#api button.link-button:hover, #api button.link-button:focus {
    color: #444444;
    text-decoration: underline;  
}

#api button#continue {
    /* position: relative;
    top: 150px;
    left: 950px; */
    width: 155px;
    height: 44px;
    margin-bottom: 36px;
}


/* Form styling */
#api li {
    padding: 0 0 44px;
}
#api li.RadioSingleSelect {
    padding-bottom: 64px;
}
#api li.CheckboxMultiSelect {
    padding-bottom: 28px;
}

.formBuilder input[type=radio], .formBuilder input[type=checkbox] {
    display: unset;
}

.formBuilder li label {
    display: inline;
}


/* checkbox styling */
.formBuilder input[type=checkbox] + label {
    position: relative;
    bottom: 16px;
    margin-left: 16px;
    margin-right: 40px;
    font-family: 'Muli';
    font-weight: 300;
    letter-spacing: -0.3px;
}

/* radio styling */
.formBuilder input[type=radio] {
    height: 0; /* hide default input but keep it keyboard accessible */
}
.formBuilder input[type=radio] + label {
    width: auto;
    height: auto;
    border: 1px solid #d2d9dc;
    padding: 12px 30px;
    border-radius: 30px;
    position: relative;
    top: 14px;
    right: 20px;
    margin-right: 10px;
    font-family: 'Muli';
    font-weight: 700;
    color: #04589B;

}
.formBuilder input[type=radio]:checked + label {
    color: #fff;
    background-color: #178830;
    border-color: #178830;
    padding: 15px 120px;
}

/* Select box */
/* .formBuilder select {
    width: 154px;
} */

.sendNewCode.link-button, .sendButton.link-button {
    text-decoration: underline;
    font-family: 'Muli' !important;
    font-weight: 600;
}