/* NESS Super Corporate Base Styles

-------------------------------------------------- */

/* Base
-------------------------------------------------- */
@import url('/FormBuilder/_Resource/_module/plugin/fa/fontawesome5.min.css');
@import url('/FormBuilder/_Resource/_module/plugin/mdb/bootstrap.min.css');
@import url('/FormBuilder/_Resource/_module/plugin/mdb/mdb.min.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@font-face {
    font-family: 'konsens-bold';
    src: url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsensbold-webfont.eot');
    src: url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsensbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsensbold-webfont.woff2') format('woff2'),
         url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsensbold-webfont.woff') format('woff'),
         url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsensbold-webfont.ttf') format('truetype'),
         url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsensbold-webfont.svg#konsens-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'konsens-semibold';
    src: url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsenssemibold-webfont.eot');
    src: url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsenssemibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsenssemibold-webfont.woff2') format('woff2'),
         url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsenssemibold-webfont.woff') format('woff'),
         url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsenssemibold-webfont.ttf') format('truetype'),
         url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsenssemibold-webfont.svg#konsens-semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'konsens-ultrabold';
    src: url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsensultrabold-webfont.eot');
    src: url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsensultrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsensultrabold-webfont.woff2') format('woff2'),
         url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsensultrabold-webfont.woff') format('woff'),
         url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsensultrabold-webfont.ttf') format('truetype'),
         url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/fonts/konsensultrabold-webfont.svg#konsens-ultrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { outline: 0;}
html { position: relative; min-height: 100%;/* End Sticky foot*/ }
body { overflow-x: hidden; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 300; font-size: 16px; }
::-moz-selection { background: #465c73; color: #fff; }
::selection { background: #465c73; color: #fff; }

/* Typography
-------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { color:#062658; }
h1, .h1 { font-family: 'konsens-ultrabold', Helvetica, Arial, sans-serif; font-size: 42px; }
h2, .h2 { font-family: 'konsens-bold', Helvetica, Arial, sans-serif; font-size: 36px; }
h3, .h3 { font-family: 'konsens-bold', Helvetica, Arial, sans-serif; font-size: 26px; }
h4, .h4 { font-family: 'konsens-semibold', Helvetica, Arial, sans-serif; font-size: 28px; }
h4.sub { font-family: 'konsens-bold', Helvetica, Arial, sans-serif; font-size: 26px; }
h5, .h5 { font-family: 'konsens-semibold', Helvetica, Arial, sans-serif; font-size: 22px; }
h6, .h6 { font-family: 'konsens-semibold', Helvetica, Arial, sans-serif; font-size: 18px; }
b, strong { font-weight: 600; }
.small, small { display: block; margin-top: 10px;}

/* Colours
-------------------------------------------------- */
.bg-primary {background-color: #09347a !important;}
.bg-default {background-color: #8dc63f !important;}
.bg-secondary {background-color: #465c73 !important;}
.bg-grey {background-color: #d3dae0 !important}

.bg-super {background-color: #8dc63f !important;}
.bg-employer {background-color: #09347a !important;}
.bg-pension {background-color: #662d91 !important;}

.list-super li::before {color: #8dc63f !important;}
.list-employer li::before {color: #09347a !important;}
.list-pension li::before {color: #662d91 !important;}

.color-dark {color: #062658 !important}

/* Table
-------------------------------------------------- */
.table-default th { background: #8dc63f; color: #fff; font-size:16px;}
.table-default th, .table-default td { padding: 12px !important;}
.table-secondary th { background: #465c73; color: #fff; font-size:16px;}
.table-secondary th, .table-secondary td { padding: 12px !important;}
.table-pension th { background: #662d91; color: #fff; font-size:16px;}
.table-pension th, .table-pension td { padding: 12px !important;}
.table-employer th { background: #09347a; color: #fff; font-size:16px;}
.table-employer th, .table-employer td { padding: 12px !important;}
.table-small {max-width: 700px;}
.center-other tr td:not(:first-child), .center-other tr th:not(:first-child) { text-align: center;}
table p {margin-bottom: 0;}

/* FAQ
-------------------------------------------------- */
.QAViewer{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}
.QAViewer .QALink{display:block;padding:12px 20px;padding:.75rem 1.25rem;background:#465c73;color:#fff;font-family:konsens-semibold,Helvetica,Arial,sans-serif;font-size:22px;font-weight:300;border-bottom:1px solid rgba(0,0,0,.125);line-height:1.2;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.QAViewer .QALink:hover{background:#3c4e62}
.QAViewer .QALink:after{font-family:'Font Awesome 5 Pro';content:"\f107";font-weight:900;float:right;line-height:1;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.QAViewer .answer{padding:20px;padding:1.25rem}
.QAViewer.open .QALink:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.QAViewer.open .QALink{background:#051f48}

/* Links
-------------------------------------------------- */
p a, p a.disabled:hover, p a:disabled:hover, .row li a, table.table a {color: #8dc63f;text-decoration: underline !important;}
p a:hover, .row li a:hover, table.table a:hover {color: #66902e;text-decoration: none !important;}
.p-link, .p-link.disabled:hover, .p-link:disabled:hover {color: #662d91 !important;}
.p-link:hover {color: #421d5d !important;}
.b-link, .b-link.disabled:hover, .b-link:disabled:hover {color: #000;}
.b-link:hover {color: #666;}
.e-link, .e-link.disabled:hover, .e-link:disabled:hover {color: #09347a !important;}
.e-link:hover {color: #051f48 !important;}
.w-link, .w-link.disabled:hover, .w-link:disabled:hover {color: #fff !important;}
.w-link:hover {color: #fff !important;}

/* Buttons
-------------------------------------------------- */
.btn {  text-transform: none; font-family: 'konsens-semibold'; font-size: 18px; border: none; border-radius: 0; white-space: nowrap; margin: 0; display: inline-block; padding: 10px 30px; min-width:220px; text-decoration: none !important; color:#fff;}

.btn-primary, .btn-primary.dropdown-toggle, .btn-primary.dropdown-toggle:focus {background-color: #09347a !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.btn-default, .btn-default.dropdown-toggle, .btn-default.dropdown-toggle:focus {background-color: #8dc63f !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.btn-secondary, .btn-secondary.dropdown-toggle, .btn-secondary.dropdown-toggle:focus {background-color: #465c73 !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.btn-pension, .btn-pension.dropdown-toggle, .btn-pension.dropdown-toggle:focus {background-color: #662d91 !important; -webkit-box-shadow: none !important; box-shadow: none !important; color:#fff !important;}

.btn-primary:hover, .btn-primary.dropdown-toggle:hover, .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background-color: #051f48!important;}
.btn-default:hover, .btn-default.dropdown-toggle:hover, .btn-default:not([disabled]):not(.disabled).active, .btn-default:not([disabled]):not(.disabled):active, .show>.btn-default.dropdown-toggle { background-color: #66902e!important;}
.btn-secondary:hover, .btn-secondary.dropdown-toggle:hover, .btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { background-color: #3c4e62!important;}
.btn-pension:hover, .btn-pension.dropdown-toggle:hover, .btn-pension:not([disabled]):not(.disabled).active, .btn-pension:not([disabled]):not(.disabled):active, .show>.btn-pension.dropdown-toggle { background-color: #421d5d!important; color:#fff !important;}

/* Button Containers */
.btn-main { margin: 0 auto 30px; width: 32%; text-align: center; min-width: 220px;}
.btn-main .btn { display: block;}
.btn-container {text-align: center;}
.btn-inner-row {display: block;}

.btn-wrap{height:50px}
.btn-wrap .btn{position:absolute;bottom:24px;bottom:1.5rem;left:50%;min-width: 220px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}

/* Primary Header
--------------------------------------------------------*/
/* Header Top */
.header-top .row a { text-decoration: none !important;}
.header-left .navbar-brand { padding: 25px 0;}
.header-left .navbar-brand img { max-width: 200px; width: 100%;}
.top-right-nav a { white-space: nowrap;}
.top-right-nav .nav-item a { text-align: center;}
.top-right-nav .nav-item > a { text-transform: uppercase; font-weight: bold; color: #6b7177;}
.top-right-nav .nav-item > a:hover, .top-right-nav .nav-item > a:active, .top-right-nav .nav-item > a.active { color: #3c4e62;}
.top-right-nav .nav-item:not(.dropdown) > a { line-height: 27px;}
.top-right-nav .nav-item.dropdown { margin: 0 0 0 10px;}
.top-right-nav .nav-item.dropdown > a { min-width: 160px; font-size: 18px; cursor: default !important;}
.top-right-nav .nav-item.dropdown > a::after { content: '\f078'; font-family: 'Font Awesome 5 Pro'; border: none; vertical-align: inherit; font-size: 22px; line-height: 20px; position: relative; top: 2px; width: 18px; height: 20px;}
.top-right-nav .nav-item.dropdown:hover .dropdown-menu { display: block;}
.top-right-nav .nav-item.dropdown:hover > a::after, .top-right-nav .nav-item.dropdown.show > a::after { content: '\f077';}
.top-right-nav .dropdown-menu { margin: 0; padding: 0; border-radius: 0; border: none;}
.top-right-nav .dropdown-menu .dropdown-item { color: #fff; font-weight: bold; font-size: 18px; padding: 10px 24px;}
.top-right-nav .dropdown.hover .btn-default, .top-right-nav .dropdown-menu.bg-default .dropdown-item:hover, .top-right-nav .dropdown-menu.bg-default .dropdown-item:active, .top-right-nav .dropdown-menu.bg-default .dropdown-item:focus { background: #66902e !important;}
.top-right-nav .dropdown.hover .btn-secondary, .top-right-nav .dropdown-menu.bg-secondary .dropdown-item:hover, .top-right-nav .dropdown-menu.bg-secondary .dropdown-item:active, .top-right-nav .dropdown-menu.bg-secondary .dropdown-item:focus { background: #3c4e62 !important;}

/* Main Navigation */
.navbar {background: #062658 !important; padding-top: 0; padding-bottom: 0;}
.navbar > .container {position: relative}
.navbar .navbar-nav > .nav-item.dropdown > a { cursor: default;}
.navbar .nav-item .nav-link { padding: 14px 20px 8px; min-width: 90px; text-align: center; border-bottom: 8px solid transparent;}
.navbar .nav-item .nav-link::after { border: none;}
.navbar .nav-item .nav-link .fa-home {font-size: 20px;}
.navbar .nav-item.secondary {margin: 15px 30px 14px;}
.navbar .nav-item.secondary .nav-link { padding: 0; margin: 0; min-width: inherit; border-bottom: 1px solid #fff;}
.navbar .nav-item.secondary .nav-link:hover { border-bottom-color: rgba(255,255,255,.75);}
.navbar .nav-item.secondary .nav-link.active { border-bottom-color: #8DC63F; overflow: visible;}
.navbar .nav-item.secondary .nav-link.active::after { content: ''; background: #8DC63F; height: 2px; width: 100%; display: block; position: absolute;}
.navbar .nav-item:not(.phone):not(.secondary) { margin: 0 10px;}
.navbar .nav-item:not(.phone):not(.secondary):first-child { margin-left: 0;}
.navbar .nav-item:not(.phone):not(.secondary) .nav-link { color: #fff !important; font-weight: bold;}
.navbar .nav-item:not(.phone):not(.secondary) .nav-link:hover { color: #fff !important;}
.navbar .nav-item.active:not(.phone):not(.secondary) .nav-link, .navbar .nav-item:hover .nav-link { border-bottom-color: #8dc63f; background: none !important;}

.navbar .nav-item.active:not(.phone):not(.secondary) .nav-link {-webkit-transition: none !important; -o-transition: none !important; transition: none !important;}
.navbar .no-link, .nav .no-link {cursor:default !important;}

.navbar .dropdown > .dropdown-menu { display: none !important;}
.navbar .dropdown:hover > .dropdown-menu { display: block !important;}
.navbar .dropdown-menu { font-size: 0; border: none; border-radius: 0; padding: 0; margin: 0;}
.navbar .dropdown-menu li:hover, .navbar .dropdown-menu .dropdown-item.active, .navbar .dropdown-menu .dropdown-item:active { background: #f8f9fa;}
.navbar .dropdown-menu a { padding: 10px 20px 10px 10px;}
.navbar .dropdown-submenu { position: relative;}
.navbar .dropdown-submenu:hover > .dropdown-menu { display: block; left: 100%; top: 0;}
.navbar .dropdown-submenu:hover > a, .navbar .dropdown-submenu a:hover, .navbar .dropdown-menu .dropdown-item.active, .navbar .dropdown-menu .dropdown-item:active { color: #8dc63f !important;}
.navbar .dropdown-menu li > a { border-left: 3px solid #e4e4e4; border-bottom: 1px solid #f6f6f6;}
.navbar .dropdown-menu li:hover > a, .navbar .dropdown-menu .dropdown-item.active, .navbar .dropdown-menu .dropdown-item:active { border-left-color: #b6c2cc;}
.navbar .dropdown-menu .dropdown-toggle::after { border: none; content: '\f054'; font-family: 'Font Awesome 5 Pro'; font-size: 9px; position: absolute; right: 0; width: 10px; height: 10px; vertical-align: middle; top: 14px;}

.nav-item.phone i, .footer-call i { font-size: 80%; position: relative; top: -1px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1);}
.footer-call .fa-facebook-f {-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);font-size: 90%;}
.navbar .nav-item.phone a { font-weight: bold; margin: 15px 0; padding: 0; border: none;}

.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

/* Search */
.search-bar #___gcse_0 {
    position: absolute;
    right: 40px;
    top: 50%;
    width: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    visibility: hidden;
    max-width: 400px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 998;
}


.search-bar #___gcse_0.show-search {
    width: calc(100% - 27px)!important;
    visibility: visible;
}

.search-bar #___gcse_0 .gsc-control-cse,
.search-bar #___gcse_0 .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding: 2px 6px !important;
    border: 0;
    background: 0 0!important;
    box-sizing: border-box;
}

.search-bar #gsc-iw-id1 {
	padding: 0 !important;
	border-radius: 0 !important;
}

.search-bar .show-search i:before {
    content: "\f00d"!important;
    font-size: 27px;
    font-weight: 300;
}

.search-bar .gsc-search-button,.search-bar .gsib_b {
    display: none
}

.search-bar #gsc-iw-id1 {
    box-shadow: none!important;
    border: 0
}

.search-bar #gsc-i-id1 {
    font-size: 18px;
    text-indent: 0!important
}

.search-bar #gsc-i-id1:-moz-placeholder,.search-bar #gsc-i-id1:-ms-input-placeholder,.search-bar #gsc-i-id1:-webkit-input-placeholder,.search-bar #gsc-i-id1:placeholder {
    font-size: 18px!important;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
}

.search-bar #___gcse_0 .gsc-search-box-tools .gsc-search-box .gsc-input:focus {
    outline: auto 5px -webkit-focus-ring-color!important
}

.search-bar .gsib_a {
    padding: 0
}

.gsc-search-box {
    margin: 0
}

.gcsc-branding,.gs-fileFormat,.gsc-orderby-container,.search-results .gsc-adBlock,.search-results .gsc-table-cell-thumbnail.gsc-thumbnail {
    display: none!important
}

.search-results .gsc-control-cse.gsc-control-cse-en {
    padding: 0
}

.search-results .gsc-result-info {
    font-size: 26px;
    line-height: 42px;
    display: block;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #000;
    font-weight: 500;
    padding: 1rem 0 0
}

.search-results .gsc-control-cse .gs-result .gs-title,.search-results .gsc-control-cse .gs-result .gs-title b,.search-results .gsc-control-cse .gs-result .gs-title strong {
    font-size: 18px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #000!important;
    font-weight: 500!important;
    text-decoration: none!important
}

.search-results .gsc-control-cse .gs-result .gs-title:hover, .search-results .gsc-control-cse .gs-result .gs-title b:hover, .search-results .gsc-control-cse .gs-result .gs-title strong:hover {
    color: #8dc63f !important;
}

.search-results .gsc-thumbnail-inside,.search-results .gsc-url-top {
    padding: 0
}

.search-results .gs-webResult div.gs-visibleUrl-long {
    color: #062658
}

.search-results .gsc-webResult .gsc-result {
    border-top: 1px solid #ccc!important;
    padding: 20px 0
}

.search-results .gsc-resultsbox-visible .gsc-results.gsc-webResult {
    width: 100%
}

.search-results .gsc-above-wrapper-area {
    border: 0;
    margin-bottom: 2rem
}

.search-results .gsc-resultsbox-visible .gsc-results.gsc-webResult>.gsc-result {
    border-top: 0!important
}

.search-results .gsc-cursor-box.gs-bidi-start-align {
    text-align: center;
    margin-top: 48px;
    margin-top: 3rem
}

.search-results .gsc-cursor-box.gs-bidi-start-align .gsc-cursor-page {
    font-size: 16px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #212529;
    text-decoration: none!important;
    font-weight: 500;
    margin: 0 20px 0 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.search-results .gsc-cursor-box.gs-bidi-start-align .gsc-cursor-page:hover {
    color: #8dc63f
}

.search-results .gsc-cursor-page.gsc-cursor-current-page {
    font-weight: 500;
    color: #ccc!important
}

.search-results .gs-bidi-start-align.gs-snippet {
    color: #666;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.search-results .gcsc-more-maybe-branding-root {
	display: none
}

.search-bar > a {color: #fff;width: 20px;display: inline-block;text-align: center;padding: 2px 0 0;}

.search-bar > a:hover {
    color: rgba(255,255,255,.75);
}

.search-bar form.gsc-search-box {
    margin: 0 !important;
}

.search-bar table.gsc-search-box {
    margin: 0;
}

/* Remove waves click effect */
.navbar .nav-item .nav-link .waves-ripple, .navbar .dropdown-item .waves-ripple { background: none !important;}

/* Mobile Navigation */
body.mobile.menu-active { overflow: hidden; padding-right:17px;}
.navbar .navbar-toggler { width: calc(100% - 50px); text-align: left; height: 45px;}
.overlay-menu { display:none; content: ''; background: rgba(0,0,0,0.5); cursor: pointer; width: 100vw; height: 100vh; min-width: 100%; min-height: 100%; z-index: 999; position: fixed; left: 0; top: 0; right: 0; bottom: 0;}
.navbar .navbar-toggler::after {content: 'Menu'; font-size: 17px; position: relative; top: -2px; left: 5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.navbar .navbar-toggler:hover::after { left: -34px;}
.navbar .navbar-toggler .navbar-toggler-icon { background: #fff; height: 2px; position: relative; top: -2px; width: 28px; -webkit-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.navbar .navbar-toggler:hover .navbar-toggler-icon { background: transparent;}
.navbar .navbar-toggler .navbar-toggler-icon::before, .navbar .navbar-toggler .navbar-toggler-icon::after { content: ''; background: #fff; height: 2px; position: relative; display: block; width: 28px;}
.navbar .navbar-toggler .navbar-toggler-icon::before { top: -10px; -webkit-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.navbar .navbar-toggler .navbar-toggler-icon::after { top: 8px; -webkit-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.navbar .navbar-toggler:hover .navbar-toggler-icon::before { background: transparent;}
.navbar .navbar-toggler:hover .navbar-toggler-icon::after { width: 45px;}
.close-menu a { width: 30px; height: 30px; margin: 20px 0 0 0; position: relative;}
.close-menu img { padding-left: 20px; padding-right: 20px; height: 130px;}
.close-menu a::before, .close-menu a::after { background: #6b7177; width: 30px; height: 2px; content: ''; display: block; position: absolute; left:0; top: 14px; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.close-menu a::before { -webkit-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); transform: rotateZ(-45deg);}
.close-menu a:hover::before { -webkit-transform: rotateZ(-48deg); -ms-transform: rotateZ(-48deg); transform: rotateZ(-48deg);}
.close-menu a::after { -webkit-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); transform: rotateZ(45deg);}
.close-menu a:hover::after { -webkit-transform: rotateZ(48deg); -ms-transform: rotateZ(48deg); transform: rotateZ(48deg);}

/* Banner */
.banner {display: none;}
.banner .carousel-item { height: 400px; background-size: cover; }
.banner .carousel-item::before { content: ''; background: rgba(0,0,0,0.25); width: 100%; height: 100%; top:0; position: absolute; z-index: -1;}
.banner .hero-1 { background: url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/images/banner-super-v2.jpg') center no-repeat; }
.banner .hero-2 { background: url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/images/banner-pension.jpg') center no-repeat; }
.banner .hero-3 { background: url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/images/banner-2.jpg') center no-repeat; }
.banner .hero-4 { background: url('/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/images/banner-4.jpg') center no-repeat; }
.banner .carousel-item-next, .banner .carousel-item-prev, .banner .carousel-item.active { display: -webkit-box; display: -ms-flexbox; display: flex;}
.banner .carousel-caption { position: relative; top: auto; right: auto; bottom: auto; left: auto; padding: 0; text-align: left; }
.banner .carousel-caption h1 { color: #fff; padding: 0; margin: 0;}
.banner .carousel-caption h3 { color: #fff; padding: 0 0 25px; margin: 0;}
.banner .carousel-caption a { background: #8dc63f !important; margin: 0; text-transform: none; font-size: 22px; font-family: 'konsens-semibold'; padding: 7px 20px; color: #fff; box-shadow: none !important;}
.banner .carousel-caption a:hover, .banner .carousel-caption a:active { background: #72a033 !important;}
.banner .carousel-indicators li { cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.banner .carousel-indicators li:hover { background-color: #fff; }
.carousel-indicators .active { background-color: #8dc63f !important;}
.banner .carousel-control-prev, .banner .carousel-control-next { width:13.8%; text-decoration: none !important; }
.banner .carousel-control-prev-icon, .banner .carousel-control-next-icon { background: none; height: 52px; position: relative;}
.banner .carousel-control-prev-icon:after { content:"\f053"; font-size: 35px; font-family: Font Awesome\ 5 Pro; font-weight: 300; }
.banner .carousel-control-next-icon:after { content:"\f054"; font-size: 35px; font-family: Font Awesome\ 5 Pro; font-weight: 300; }


/* Inner Navigation
--------------------------------------------------------*/


/* Primary Page content
--------------------------------------------------------*/
.hippo-content.inner-content { padding: 60px 0; }

/* Home page
--------------------------------------------------------*/
/* Quick Bar / Main Links */
.quick-bar { margin-bottom: 50px; position: relative; padding: 40px 0;}
.quick-bar::after { content: ''; background: #b6c2cc; position: absolute; width: 100vw; margin-left: -50vw; left: 50%; height: 1px; bottom: -1px;}
.main-links { margin: 20px 0;}
.main-links-container { margin: 0 auto; max-width: 324px;}
.main-links .main-links-link { display: block; position: relative; max-width: 324px;}
.quick-bar .main-links:first-child .main-links-link::before, .main-links .main-links-link::after { content: ''; width: 0; height: 5px; position: absolute; bottom: 0; left: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.main-links .main-links-link::after {background: #8dc63f; -webkit-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s;}
.quick-bar .main-links:first-child .main-links-link::before { background: #72a033;}
.quick-bar .main-links:first-child .main-links-link.active::before { -webkit-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s;}
.quick-bar .main-links:first-child .main-links-link.active::before, .main-links .main-links-link:hover::after { width: 100%;}
.main-links .main-links-container .main-links-link > img { width: 100%;}

/* Why NESS */
.home-why { text-align: center; max-width: 800px; margin: 0 auto 60px;}

/* Info Box */
.info-box { padding-bottom: 30px;}
.info-box-container { text-align: center; margin-bottom: 30px;}
.info-box-content { border: 1px solid #b6c2cc; padding: 10px 20px; height:100%;}
.info-box-container img { padding: 10px 0 20px; max-height: 200px;}
.info-box-container h4 { padding-bottom: 20px;}

/* Sign up */
.parallax {position: relative;}
.parallax::before { content: ''; background-repeat: no-repeat; background-attachment: fixed; height: 100%; width: 100vw; position: absolute; left: 50%; margin-left: -50vw; z-index: -1; backface-visibility: hidden;}
.parallax.signup::before { background-image: url(/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/images/home-sign-up-parallax.jpg); opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.signup h4 { padding: 40px 0; text-align: center; font-size: 36px; margin: 0;}
.signup .step-box-container { margin-bottom: 20px;}
.signup .step-box-container .step-box { margin-bottom: 20px;}
.signup .step-box-container .step-box .step-box-content { background: #fff; padding: 40px 30px; border-radius: 15px;}
.signup .step-box-container .step-box .number { color: #8dc63f; text-align: center; display: block; font-size: 24px; font-weight: bold; border: 2px solid #8dc63f; border-radius: 50%; width: 35px; height: 35px; line-height: 30px; margin: 0 auto 30px;}
.signup .step-box-container .step-box h5 { text-align: center; font-size: 26px;}
.signup .step-box-container .step-box .light { color: #465c73; text-align: center;}
.signup .btn-container .btn-inner-row .btn { min-width: 220px; width: 20%;}
.signup .simple-link { color: #428bca; background: rgba(236, 240, 246,.85); padding: 8px 10px; display: inline-block; position: relative; text-decoration: none; margin: 20px 0 40px;}
.signup .simple-link:hover { background: rgba(236, 240, 246,1); text-decoration: none;}

/* CTA */
.cta-blocks { padding-bottom: 40px; margin-top: 60px; margin-bottom: 60px; position: relative;}
.cta-blocks::after { content: ''; background: #b6c2cc; position: absolute; width: 100vw; margin-left: -50vw; left: 50%; height: 1px; bottom: -1px;}
.cta-blocks-content { margin-bottom: 20px;}
.cta-blocks .cta-container { position: relative; max-width: 320px; margin: 0 auto; overflow: hidden;}
.cta-blocks .cta-container::before { content: ''; background: rgba(70, 92, 115,.25); top:0; width: 100%; height: 100%; position: absolute; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.cta-blocks .cta-container:hover::before { background: rgba(70, 92, 115,.5);}
.cta-blocks .cta-container img { width: 100%; max-width: 320px; z-index: -1; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.cta-blocks .cta-container:hover img { -webkit-transform: scale(1.05) rotate(-1deg); -ms-transform: scale(1.05) rotate(-1deg); transform: scale(1.05) rotate(-1deg);}
.cta-blocks .cta-container h6 { width: 100%; position: absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); padding: 20px 10%; color: #fff; text-align: center; font-size:20px;}

/* Quick Links */
.quick-links { padding-bottom: 30px;}
.quick-links .links-container { margin-bottom: 30px;}
.quick-links .links-content {}
.quick-links .links-inner { text-align: center; height: 100%; padding: 50px;}
.quick-links h4 { padding-bottom: 20px; color: #fff; text-align: center;}
.quick-links .links-list { list-style: none; margin: 0; display: inline-block;}
.quick-links .links-list li { position: relative; padding-bottom: 20px; text-align: left;}
.quick-links .links-list li:last-child { padding: 0;}
.quick-links .links-list li::before { content: '\f054'; font-family: 'Font Awesome 5 Pro'; color:#fff; font-size: 16px; font-weight: bold; position: absolute; left: -20px; top: 2px;}
.quick-links .links-list li a { color: #fff; font-size: 18px; text-decoration: none !important;}
.quick-links .links-list li a:hover { text-decoration: underline !important;}
.quick-links .links-image-container { overflow: hidden; position: relative; width: 100%; height: 100%;}
.quick-links .links-image-container .quick-links-span { background-position: center; background-size: cover; position: absolute; width: 100%; height: 100%;}
.quick-links .links-image-container .quick-links-span.ql-super { background-image: url(/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/images/home-quick-links-super-member.jpg);}
.quick-links .links-image-container .quick-links-span.ql-pension { background-image: url(/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/images/home-quick-links-pension-member.jpg);}
.quick-links .links-image-container .quick-links-span.ql-employer { background-image: url(/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/images/home-quick-links-employer.jpg);}
.quick-links .links-image-container img { display:none; width: 100%; max-width: 700px;}

/* Pages
--------------------------------------------------------*/
.section {padding-bottom: 40px;}
.section-a {padding-top: 10px;}
.section-b {padding:10px 0 40px;}
.section-c { padding-top: 60px; padding-bottom: 60px;}
.row img { max-width: 100%; margin: 0 auto; display: block;}
.page-banner { position: relative;}
.page-banner::before { content: ''; background-image: url(/FormBuilder/_Resource/_module/Bx8KZGVJ_ECWdGAq2v9Kbg/images/page-banner.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: top center; position: absolute; margin-left: -50vw; left: 50%; width: 100vw; height: 100%; z-index: -1;}
.page-banner .page-banner-text { padding: 6% 0; text-align: center;}
.page-banner .page-banner-text h1 { display: inline-block; background: #fff; padding: 10px 20px 15px; line-height: normal;}

/* CTA Section*/
.cta-section { position: relative; text-align: center; padding: 30px 0; margin-bottom: 30px;}
.cta-section::before { content: ''; position: absolute; left: 50%; top: 0; margin-left: -50vw; width: 100vw; height: 100%; z-index: -1;}
.cta-section.cta-super::before { background: #8dc63f;}
.cta-section.cta-pension::before { background: #662d91;}
.cta-section.cta-employer::before { background: #09347a;}
.cta-section.cta-secondary::before { background: #465c73;}
.cta-section h3, .cta-section p { color: #fff; max-width: 950px; margin: 0 auto 10px; width: 100%;}

/* Horizontal line - HR */
.horizontal-line { padding-top: 10px; padding-bottom: 40px; margin-bottom: 50px; position: relative;}
.horizontal-line::after { content: ''; background: #b6c2cc; position: absolute; width: 100vw; margin-left: -50vw; left: 50%; height: 1px; bottom: -1px;}

/* Grey Box*/
.grey-boxes.horizontal-line { padding-top: 20px; padding-bottom: 20px; margin-bottom: 40px;}
.grey-boxes > div { margin-bottom: 30px;}
.grey-boxes .container-box { background: #d3dae0; height: 100%; padding: 20px 30px 5px;}
.grey-boxes .container-box h4::before { content: '\f0da'; font-family: 'Font Awesome 5 Pro'; font-weight: bold; color: #8dc63f; padding: 0 10px;}
.grey-boxes .container-box.grey-pension h4::before { color: #662d91;}
.grey-boxes .container-box.grey-employer h4::before { color: #09347a;}
.grey-boxes .container-box p { font-weight: 400;}
.grey-boxes .btn-box-container { height: 47px;}
.grey-boxes .btn { position: absolute; bottom: 20px;}

/* Additional Info*/
.additional-info { background: #c6e29f; font-weight: 400; font-size: 13px; padding: 20px 20px 1px; margin: 20px 0;}
.additional-info.pa-info {background: #c59fe3;}

/* Tabs*/
.tabs-row { margin-top: 20px;}
.tabs-row li a { border: 1px solid #72a033; margin: -1px; white-space: nowrap; text-decoration: none !important;}
.tabs-row.p-color li a, .p-color .tab-pane { border-color: #421d5d;}
.tab-pane { padding: 20px 20px 10px; background: #f0f0f0; border: 1px solid #72a033; margin: -1px;}
.tab-content { margin-bottom: 61px;}
.tab-content.p-color { margin-bottom: 31px;}

/* Grey Bar */
.grey-bar { padding: 40px 0; position:relative;}
.grey-bar::before { content: ''; background: #d3dae0; position: absolute; width: 100vw; height: 100%; left: 50%; margin-left: -50vw; top: 0;}

.grey-bar.pdf-links {padding-bottom:0;text-align:center;}

/* PDF Image Links */
.pdf-links a { display: inline-block; border-radius: 10px; margin-bottom: 40px;}
.pdf-links a img { border: 2px solid #6b7177; border-radius: 10px;}

/* Accordion */
.accordion .card-header { padding: 0;}
.accordion .card-header h5, .accordion .card-header a { color: #fff;}
.accordion .card-header, .accordion .card-header a { background: #465c73;}
.accordion .card-header a { padding: .75rem 1.25rem; display: block;}
.accordion .card .fa-angle-down { float: right; font-size:0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.accordion .card .fa-angle-down::before { font-size:22px;}
.accordion .card .card-header a:not(.collapsed) { background: #051f48 !important;}
.accordion .card .card-header a:hover { background: #3c4e62;}
.accordion .card .card-header a:not(.collapsed) .rotate-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.hr-accordion { padding-bottom: 60px; margin-bottom: 55px;}

/* Border Grey */
.border-grey { border: 1px solid #b6c2cc;}
.row.border-grey { border: none;}
.row.border-grey::after { content: ''; background: #b6c2cc; width: 100%; height: 1px; margin: 10px 15px 30px;}

/* Grid Steps */
.grid-steps {height:100%;}
.grid-steps i { font-size: 28px; color: #09347a;}
.grid-steps .arrow-list { margin: 0;}
.grid-steps .arrow-list li { font-weight: 400; font-size: 14px;}

/* Arrow Bullets */
.arrow-list, .arrow-list ul { padding: 0 0 0 20px; list-style-type: none;}
.arrow-list li { position: relative;}
.arrow-list li::before { content: '\f0da'; position: absolute; left: -15px; font-family: 'Font Awesome 5 Pro'; font-weight: bold; color: #09347a;}

/* Board & Executives - Modal */
body.modal-open { overflow-x: hidden; overflow-y: auto;}
.modal.fade .modal-dialog { text-align: left; left: 0; bottom: 0; right: 0; top: 0; position: absolute; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex;}
.modal-header { background: #e9ecef; padding: 0; border: 0; display: block;}
.modal-header .close { padding: 16px 25px 18px; margin: 0; line-height: 25px; color: #062658; outline: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.modal-header .close:hover { background: #e0e2e4;}
.modal-body { padding: 15px 20px;}
.modal-body img { margin-bottom: 20px;}
.modal-body .modal-title { margin-bottom: 10px; padding-bottom: 10px; font-size: 28px; border-bottom: 1px solid #b6c2cc;}
.modal-body .modal-title span {     position: relative; top: -1px; font-size: 18px; padding-left: 10px; white-space: nowrap; line-height: 20px;}
.modal-body .board-contact { margin: 0; padding: 0 0 0 20px; list-style: none;}
.modal-body .board-contact li { position: relative;}
.modal-body .board-contact li:before { content: '\f095'; font-family: 'Font Awesome 5 Pro'; font-weight: bold; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); position: absolute; left: -20px; font-size: 12px; top: 4px; color: #8dc63f;}
.modal-body .board-contact li:last-child::before { content: '\f0e0'; font-size: 13px;}
.modal-footer { background: #8dc63f;}

.board-popup > div { margin-bottom: 30px;}
.board-popup .board-container { background: #e4e4e4!important; width: 100%; cursor: pointer; height: 100%; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.board-popup .board-container:hover { background: #e0e0e0 !important;}
.board-popup h3 { padding: 15px; margin-bottom: 0; color: #fff; background: #465c73; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.board-popup .board-container:hover h3 { background: #3c4e62;}
.board-popup .board-container img { padding: 30px 15px;}
.board-popup .board-container h5 { margin-bottom: 25px; padding: 0 15px;}
.board-popup .board-btn { height: 77px; text-align: center;}
.board-popup .board-container p { margin: 0 auto 30px; position: absolute; bottom: 0; left: 0; right: 0; max-width: 220px;}

/* Max Width */
.mw-950 { max-width: 950px; margin: 0 auto 1rem;}

/* Contact
--------------------------------------------------------*/
.contact-form label, .contact-form .dropDownModule { display: none;}
.contact-form input, .contact-form textarea { width: 100%; padding: 15px; margin-bottom: 20px; border: 1px solid #a9a9a9;}
.contact-form input.btn { border: 0;}
.selectbox { position: relative; margin-bottom: 20px;}
.selectbox div { cursor: pointer;}
.select-main { padding: 15px; border: 1px solid #a9a9a9; position: relative; font-weight: 400;}
.select-main::after { content: '\f078'; font-family: 'Font Awesome 5 Pro'; float: right;}
.select-main.open::after { content: '\f077';}
.select-items { display:none; position: absolute; left: 0; z-index: 9999999; background: #fff; border: 1px solid #a9a9a9; border-top: 0; margin: 0 15px; width: calc(100% - 30px);}
.select-items div { background: #f9f9f9; padding: 15px; border-bottom: 1px solid #cacaca;}
.select-items div:last-child { border-bottom: 0;}
.select-items div:hover { background: #fdfdfd;}
span.error { display: none;}
.questionError span.error, .errorContainer span.error {display: block;}
.errorContainer { background: #f3d3d3; color: #ff0000; padding: 20px 20px 5px; margin-bottom: 20px; display:none;}
.error-box .errorContainer {display: block;}
.errorContainer h6, .contact-fields .error-required .select-main { color: #ff0000;}
.contact-fields .error-required input, .contact-fields .error-required textarea, .contact-fields .error-required .select-main { border: 1px solid #ff0000;}
.contact-fields .error-required input::-webkit-input-placeholder, .contact-fields .error-required textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ff0000;}
.contact-fields .error-required input::-moz-placeholder, .contact-fields .error-required textarea::-moz-placeholder { /* Firefox 19+ */ color: #ff0000; opacity: 1; /* Firefox */}
.contact-fields .error-required input::-ms-input-placeholder, .contact-fields .error-required textarea::-ms-input-placeholder { /* Microsoft Edge */ color: #ff0000;}
.contact-fields .error-required input:-ms-input-placeholder, .contact-fields .error-required textarea:-ms-input-placeholder { /* IE 10+ */ color: #ff0000;}
.contact-fields .error-required input:-moz-placeholder, .contact-fields .error-required textarea:-moz-placeholder { /* Firefox 18- */ color: #ff0000; opacity: 1; /* Firefox */}
.contact-fields .error-required input::placeholder, .contact-fields .error-required textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #ff0000; opacity: 1; /* Firefox */}
.select-main.valid-field { /*border: 1px solid #a9a9a9 !important;*/ color: #000 !important;}

/* Footer
--------------------------------------------------------*/
.page-footer { }

h6.footer-nav-title { color: #fff;}

.footer-top { padding: 40px 0 0 0; }
.footer-nav-top { border-bottom: 1px solid #fff; padding: 10px 0 20px; margin-bottom: 25px;}
.footer-nav-top li a { margin: 0 15px;}
.footer-call { font-weight: 400;}
.footer-call a { text-decoration: none !important; border:none !important; -webkit-transition: .35s; -o-transition: .35s; transition: .35s;}
.footer-call a:hover { color: rgba(255,255,255,.75) !important;}

.footer-bottom { padding: 0 0 30px 0; }
.footer-bottom ul li a { margin: 0 20px;}
.footer-brand { display: block; text-align: right;}
.footer-brand img { display: inline-block;}

.footer-nav-top, .footer-nav-bottom { list-style: none; padding-left: 0;}
.footer-nav-top li:first-child a, .footer-bottom ul li:first-child a { margin-left: 0;}
.footer-nav-top li:last-child a, .footer-bottom ul li:last-child a { margin-right: 0;}
.footer-nav-top li a, .footer-bottom ul li a  { color: #fff !important; border-bottom: 1px solid transparent; text-decoration: none !important;}
.footer-nav-top li a:hover, .footer-bottom ul li a:hover { border-bottom: 1px solid #fff;}

/* Careers
--------------------------------------------------------*/
.careers {min-height:200px;}
.careers table {margin: 0;}
.careers table th:last-child, .careers table td:last-child {white-space: nowrap;width:20%}

/* News Room
--------------------------------------------------------*/
.step.article {padding-bottom: 40px;}
.step.article .page-banner {margin-bottom: 40px;}
.step.article ul {padding: 0 0 0 20px;list-style-type: none;}
.step.article ul li {position: relative;}
.step.article ul li::before {content: '\f0da';position: absolute;left: -15px;font-family: 'Font Awesome 5 Pro';font-weight: bold;color: #8dc63f;}
.step.article img {width: inherit !important;height: inherit !important;padding: 10px 5px;margin: 0 !important;}
.step.article h6 {color: #465c73;font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-weight: 400;margin: 10px 0 20px;}

table.news-room {width: 100%;table-layout: fixed;}
table.news-room td {width: 20%;padding: 10px;font-size: 1rem;vertical-align: middle;}
table.news-room td:nth-child(2) {width: 60%;font-weight: bold;}
table.news-room td:last-child {text-align: right;}
table.news-room tr {border-bottom: 1px solid #dee2e6; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
table.news-room tr:hover {background: #f9f9f9;}
table.news-room a {text-align: center; text-transform: none; font-family: 'konsens-semibold'; font-size: 18px; border: none; border-radius: 0; white-space: nowrap; margin: 0; display: inline-block; padding: 10px 30px; min-width:220px; text-decoration: none !important; color:#fff; background-color: #8dc63f !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
table.news-room a:hover {background-color: #66902e!important;}


/* Print Styles */
@media print {
    #main-nav, .iconLink, .returnhome, a.btn { display: none;}
    .branding { height: auto !important; float: none; width: 100%; background: none;}
    .confirmation table { width: 100%}
    .page-content { padding: 0; margin-left: 0;}
}



/* Media Queries
-------------------------------------------------- */

@media (min-width: 1200px){
	.container {
		max-width: 1400px;
	}
}

@media (min-width:992px){

	/* Board - Modal */
	.board-table th { padding: 18px 12px !important;}

	/* Image left align*/
	.img-left img { margin-left: 0; margin-right: 0;}
}

@media (max-width:1199px){
	table.news-room a{min-width:auto;}
	.footer-nav-top li a {margin: 0 10px;}
	.footer-bottom ul li {margin: 0 40px 10px 0;}
	.footer-bottom ul li a {margin: 0 !important;}
}

@media (min-width: 992px) and (max-width: 1199px){
	.navbar .nav-item .nav-link {padding: 14px 5px 8px;}
	.navbar .nav-item:not(.phone):not(.secondary) {margin-left: 5px; margin-right: 5px;}
	.navbar .nav-item.secondary {margin: 15px 8px 14px;}
}

@media (max-width:991px){

	/* Header */
	.header-left .navbar-brand { margin: 0; display: block;}
	.top-right-nav .nav-item:not(.dropdown) > a { line-height: inherit; padding: .5rem;}
	.top-right-nav .dropdown-menu .dropdown-item, .top-right-nav .nav-item.dropdown > a { font-size: 16px;}
	.top-right-nav .dropdown-menu, .top-right-nav .nav-item.dropdown > a { min-width: 138px;}

	/* Nav */
	.navbar-expand-lg .navbar-toggler { display: block;}
	.navbar-collapse { background: #fff; display: block !important; position: fixed; left: -300px; top: 0; bottom: 0; z-index: 9999; height: 100vh !important; width: 300px; overflow-x: hidden; overflow-y: auto; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.navbar-collapse.collapse { left: -300px;}
	.navbar-collapse.collapse.show { left: 0;}
	.navbar-nav {position: relative; left:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.navbar-nav.submenu-show { left: -300px;}
	.navbar .nav-item { margin: 0 !important; position: static;}
	.navbar.navbar-dark .navbar-nav .nav-item .nav-link, .navbar .dropdown .dropdown-menu li > a { color: #3c4e62 !important; font-size:16px; font-weight: bold; padding: 18px 20px 17px !important; min-width: inherit; text-align: left; border-bottom: 1px solid #dde5ec !important;}
	.navbar.navbar-dark .navbar-nav .nav-item:first-child .nav-link { border-top: 1px solid #dde5ec !important;}
	.navbar.navbar-dark .navbar-nav .nav-item:hover .nav-link, .navbar.navbar-dark .navbar-nav .nav-item:not(.phone):hover > i, .navbar.navbar-dark .navbar-nav .nav-item.active .nav-link, .navbar.navbar-dark .navbar-nav .nav-item.active, .navbar .dropdown .dropdown-menu li:hover > a, .navbar .dropdown .dropdown-menu li > a.active, .navbar .dropdown .dropdown-menu li:hover > i, .navbar .dropdown .dropdown-menu li.highlight > i, .navbar .dropdown .dropdown-menu li.highlight > a { background: #8dc63f !important; color: #fff !important;}
	.navbar.navbar-dark .navbar-nav .nav-item.phone .nav-link { border-bottom: none !important; margin: 0; text-align: center; font-size: 20px; background: none !important;}
	.navbar.navbar-dark .navbar-nav .nav-item.phone .nav-link:hover { color: #8dc63f !important;}
	.navbar.navbar-dark .navbar-nav .nav-item.phone .nav-link i { font-size: 15px; padding-right: 0; cursor: pointer;}
	.navbar .nav-item.dropdown > i { padding: 22px 24.5px; position: relative; right: 0; top: 0; border-left: 1px solid #dde5ec; border-bottom: 1px solid #dde5ec; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.navbar .dropdown.submenu-on > .dropdown-menu { display: block !important;}
	.navbar .dropdown-menu { left: 300px; top: 0; width: 100%;}
	.navbar .dropdown .dropdown-menu li > a { border-left: 0; -ms-flex-preferred-size: 0%; flex-basis: 0%;}
	.navbar .dropdown .dropdown-menu li:first-child > a { border-top: 1px solid #dde5ec;}
	.navbar .dropdown .dropdown-menu li:first-child > a i { padding-right: 10px;}
	.navbar .dropdown-menu .dropdown-toggle::after {display:none;}
	.navbar .dropdown-submenu:not(:first-child) i { padding: 22px 22.5px; position: relative; left: 0; top: 0; border-left: 1px solid #dde5ec; border-bottom: 1px solid #dde5ec; cursor: pointer; font-size:16px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.mobile .navbar .dropdown-submenu:not(:first-child) i:hover, .mobile .navbar.navbar-dark .navbar-nav .nav-item:not(.phone) > i:hover { color: #062658 !important;}
	.navbar .dropdown-submenu:not(:first-child) i:hover { background: #66902e;}
	.navbar .dropdown-submenu:hover > .dropdown-menu { display: none;}
	.navbar .dropdown-menu .dropdown-submenu .dropdown-menu { position: relative !important; left: 0; top: 0;}
	.navbar .dropdown-menu .dropdown-submenu .dropdown-menu li a { padding: 14px 20px !important; background: #f0f0f0; border-top: 0; white-space: normal; }
	.navbar .dropdown .dropdown-menu li.highlight > i:before { content: "\f077";}

	/* Search */
	.search-bar #___gcse_0 {
		right: 30px;
		max-width: 320px;
	}

	/* Home */
	.cta-blocks { padding-bottom: 0;}
	.cta-blocks-content { margin-bottom: 40px;}

	.quick-links .links-image-container .quick-links-span { display:none;}
	.quick-links .links-image-container img { display:block;}

	/* Footer */
	.footer-nav-top li { width: 50%;}
	.footer-nav-top li a { margin: 0;}
	.footer-nav-top li.footer-call a:last-child {margin: 0 0 0 10px;}
	.footer-bottom .footer-nav-bottom li a { margin: 0px 15px;}
	.footer-bottom ul li {margin: 0 30px 10px 0;}
	.footer-brand { text-align: center; margin-top: 20px;}

	/* Tables */
	.table { display: block; overflow-x: auto; white-space: nowrap;}

	/* Boards - Modal */
	body.modal-open { overflow: hidden; padding-right: 17px !important;}
	.modal-body .modal-title { text-align: center;}
	.modal.fade .modal-dialog { bottom: auto; margin: 0 auto;}

	.board-table th { width: 100%;}

	/* Image left align */
	.img-left { margin-bottom: 20px;}

	/* News Room */
	table.news-room tr {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding: 20px 15px 25px;}
	table.news-room td {width:100% !important;padding: 0;}
	table.news-room td:first-child {white-space: nowrap;-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;font-size: .95em;}
	table.news-room td:nth-child(2) {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
	table.news-room td:last-child {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;text-align:left;padding: 15px 0 0;}

}

@media (max-width:767px){

	/* Home */
	.cta-blocks { padding-bottom: 10px;}
	.cta-blocks-content { margin-bottom: 30px;}

	.quick-links .links-inner { padding: 30px 40px;}

	/* Slider */
	.banner .carousel-caption { text-align: center;}
	.banner .carousel-caption h1 { line-height: 42px; margin-bottom: 20px; font-size: 40px;}
	.banner .carousel-caption h3 { line-height: 28px;}

	/* Footer */
	.footer-nav-bottom li { width: 50%;}
	.footer-bottom .footer-nav-bottom li a { margin: 0;}
	.footer-brand { text-align: left;}

	/* News Room */

}

@media (min-width: 576px){
	/* Modal */
	.modal-dialog {
		max-width: 800px;
		padding: 20px;
	}
}

@media (max-width:575px){

	/* Header */
	.header-left .navbar-brand img { max-width: 150px;}

	/* Home */
	.cta-blocks { padding-bottom: 20px;}
	.cta-blocks-content { margin-bottom: 20px;}

	/* Tabs */
	.tabs-row li a { white-space: normal;}

	/* Footer */
	h6.footer-nav-title { text-align: center;}
	.footer-nav-top li, ul.footer-nav-bottom li { width: 100%; text-align: center;}
	.footer-brand { text-align: center;}
	.footer-bottom ul li {margin-right: 0;}

	/* Boards Modal */
	.modal.fade .modal-dialog { padding: 20px;}

	/* Buttons */
	.btn {white-space: normal;}
}

@media (min-width:481px){
	/* Slider */
	.carousel-inner .container { padding-left: 14%; padding-right: 14%; max-width: 100%;}
}

@media (max-width:480px){

	/* Home */
	.quick-links .links-inner { text-align: left; padding: 40px 10px;}

	/* Slider */
	.carousel-control-next, .carousel-control-prev {display:none;}
	.banner .carousel-caption h1 { margin-bottom: 20px; font-size: 35px;}
	.banner .carousel-caption h3 { line-height: 22px; font-size: 20px;}
	.banner .carousel-caption a { font-size: 18px;}

	/* Board Modal */
	.modal-body .modal-title span { white-space: normal; display: block;}

	/* Buttons */
	.btn { font-size: 16px; padding: 10px; min-width: auto;}
}