@import "/themes/withsecure/design/CoveoFullSearch.min.css"; header {margin:52px 0 0 0} #dropdownnavi {width:100%;} header .row {width:100%} header .row:nth-child(1) {background-color:#0E163F} header .container, footer .container {max-width:1440px; margin: auto;/*padding:0 40px 0 40px*/} .logo-container {margin-right:20px} .logo-container img {width:200px} .top-header {height:53px;} .bottom-header {display:flex;height:80px;width:100%} .header-top-links {float: right; margin: 1px 15px 0 0;} .header-top-link, .header-bottom-item {display: inline-block; font-size: 14px; font-weight: 400; line-height: 52px; margin: 0 15px; position: relative; text-align: center; } .header-top-link, .header-bottom-item a {text-decoration:none;} .header-top-link {font-family:"ArchivoRegular"; color:#fff; margin: 0 10px 0 12px;} .header-top-link.active {margin-right:12px;color:#C6CEFF;} .header-top-link:hover, #opensearch-icon:hover::before {color:#C6CEFF;} .header-top-link.active::after {width: calc(100% + 30px)!important} .header-top-link.active::after, .header-top-link:hover::after {background:#C6CEFF;} .header-bottom-link {font-family:"ArchivoRegular";color: #1e1e1e;} .header-bottom-item .header-bottom-link {margin:0 15px} #opensearch-icon:before {content:"\f220";font-family:fsg-icon;font-size:26px;color:#ffffff} #closesearch-icon:before {content:"\f130";font-family:fsg-icon;font-size:26px;color:#ffffff} #opensearch-icon, #closesearch-icon {font-style: normal;} #opensearch-icon:hover, #closesearch-icon:hover {cursor:pointer} #homeLink {margin-left:1px} .kb-lang-title {width:100%;font-family:"ArchivoRegular";font-weight:600;color:black; margin:0;line-height: 18px;height: 40px;} #signin a {text-decoration: none; color:#1e1e1e; } .signin-icon {float: left; height: 20px; padding: 0 5px 20px 0;} #articleslink hr, #dashboardlink hr {margin:0} #articleslink .title {padding: 0;text-align: center; font-weight: 600;} #articleslink p, #dashboardlink p {padding:10px 0 10px 20px;} #articleslink p a, #dashboardlink p a {text-decoration: none; color:#1e1e1e;} #articleslink .draftslink:hover, #dashboardlink p:hover {padding: 10px 0 10px 20px;} .header-search {display:inline-block;padding:8px 0 0 0;} .searchboxtoggle {color:white;} .search-icon {color:white;} .expand {display:inline-block;} .collapse {display:none;} .header-searchbox {height:52px;} .CoveoSearchbox {background: white!important;margin-top: 3px!important;} .CoveoSearchbox .magic-box .magic-box-input > input {font-family: 'ArchivoRegular';font-size: 14px;} #kbsearch {display:block;margin: 0 0 0 auto; height:53px; box-sizing: border-box; border: 1px solid white; font-size: 14px; padding: 14px 0 10px 15px;} header-searchbox.active, #kbsearch:focus {width: 100%; transition: 1s ease-in-out;} #signin .header-bottom-item.header-bottom-link {display:inline-block;} #signin a:hover {color:#0014a0} .signin-icon:before {content:"\f258";font-family:fsg-icon;font-size:22px;color:#363636;position:absolute;margin:20px 0 0 -26px} .Footer {background:#0E163F;font-family:"ArchivoRegular";color:#E6E6F0;font-size:16px;line-height:1.5;padding:30px 0;} .Footer .col {width: 18%; font-size: 13px; display: inline-block; vertical-align: top;} .Footer .footer-secondary .col {width: 100%;} .Footer .brandcolumn {width:23%} .Footer .brandcolumn img {max-width: 150px;margin: 20px 0;} .Footer .footer-links-wrap {max-width: 1172px; margin: auto;} .Footer .footer-links-wrap .col:nth-child(2), .Footer .footer-links-wrap .col:nth-child(3), .Footer .footer-links-wrap .col:nth-child(4) {border-right:1px solid #c4c4c4} .Footer .col ul {list-style: none;} .Footer .col:nth-child(2) ul {padding: 0;} .Footer .col ul li {padding-bottom: 10px;} .Footer .col ul li a {color: #E6E6F0; text-decoration: none;} .footer-link-title {color: #E6E6F0;} .footer-link-subtitle {font-size:14px; color: #E6E6F0; max-width:95%} .footer-icon {float: left; height: 30px; padding: 0 10px 60px 0;} footer.Footer .row.footer-links-wrap .col.footer-links {border:none;margin-bottom:0} //footer.Footer .row.footer-links-wrap:nth-of-type(1) .col.footer-links h3 {font-size:16px} footer.Footer .row.footer-links-wrap .col.footer-links ul {padding:0 0 15px 0;margin-left:0} footer.Footer .row.footer-links-wrap .col.footer-links .footer-link, footer.Footer .row.footer-links-wrap:nth-of-type(2) .col.footer-links h3 {color:#BEC3C8;font-size:13px} footer.Footer .row.footer-links-wrap .col.footer-links:nth-of-type(2) li {padding-bottom: 5px;} //footer.Footer .row.footer-links-wrap .col.footer-links:nth-of-type(2) .footer-link{font-size: 16px;color:#E6E6F0;} footer.Footer .row.bottom-row .col.col-copyRight * {color:#E6E6F0;font-weight:400} footer.Footer .row.footer-links-wrap .col.footer-links .footer-link:hover, footer.Footer .row.bottom-row .col.col-copyRight:hover {color:#A0Aff0;} footer.Footer .row.bottom-row {border-top:none} footer.Footer .row.bottom-row .col {width:48%} footer.Footer .row.footer-links-wrap:nth-of-type(3) {padding-top:10px} .col-copyRight a, .social-icons-wrap a {display:inline-block; padding:5px 0; text-decoration: none; color: #1e1e1e; } .Footer a:hover, .Footer .col ul li a:hover, footer.Footer .row.bottom-row .col.col-copyRight *:hover {color:#0014a0} footer.Footer .row.bottom-row {padding-top:5px;max-width: 1172px;margin: auto;} footer.Footer .row.bottom-row .col.col-copyRight * {font-weight:400} .social-link:hover {cursor:pointer;} .social-link:hover .social-link-icon path {fill:#A0Aff0;} @media screen and (max-width:991px){ header {margin:0} header .row:nth-child(1) {height:64px} .logo-container {display:none} header .container {width:100%;max-width:100%;padding:0} .Header-logo img {width:200px; margin:-10px 0 -25px -10px;} .Hamburger-border {position: absolute; right: 60px; border-left: 1px solid #fff; height: 64px; width: 50px; top: 0; z-index: 20; border-right: 1px solid white; padding-right: 10px;} .Hamburger {display:block;position: absolute; top: 8px; left: calc(100% - 52px); z-index: 20;-webkit-box-align: center; -webkit-box-pack: center;-webkit-user-select: none; align-items: center; background: transparent; border: none; border-radius: 0;cursor: pointer;justify-content: center; outline: none;transition: .35s;} .Hamburger-menuXcross {height: 25px; padding: 0; width: 26px;} .Hamburger-menuLines {-o-transition: .35s;-webkit-transition: .35s; background-color: #fff; border-radius: 2px; display: inline-block; height: 2px; position: relative; transition: .35s; width: 26px;} .Hamburger-menuLines::before {top: 6px; } .Hamburger-menuLines::after {top: -6px;} .Hamburger-menuLines::after, .Hamburger-menuLines::before {-ms-transform-origin: 5.5px center;-o-transition: .35s;-webkit-transform-origin: 5.5px center;-webkit-transition: .35s;background-color: #fff;border-radius: 2px; content: ""; display: inline-block; height: 2px;left: 0;position: absolute;transform-origin: 5.5px center;transition: .35s;width: 26px;} .sr-only {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0,0,0,0) !important;border: 0 !important;} .Hamburger-menuXcross.isToggled .Hamburger-menuLines::before {-webkit-transform: rotate(45deg); transform: rotate(45deg);} .Hamburger-menuXcross.isToggled .Hamburger-menuLines::after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .Hamburger-menuXcross.isToggled .Hamburger-menuLines::after, .Hamburger-menuXcross.isToggled .Hamburger-menuLines::before {-ms-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;background-color: hsla(0,0%,100%,.6); left: 0;top: 0;transform-origin: 50% 50%;width: 26px;} .Hamburger-menuXcross.isToggled .Hamburger-menuLines {background: transparent;} .isToggled .Hamburger-menuLines {-webkit-transform: scaleX(1);transform: scaleX(1);} #signin {text-align:center; margin: auto; color:white} #signin a {text-decoration: none; color:white;} .header-top-links, .bottom-header {display: none} .header-coveosearch {margin-top:0} .header-searchcontainer {color: white; text-align: right; margin: 8px 18px 0 0;} .header-search { padding: 5px 0 0 0; width: 60px; margin: auto; display: block; position: absolute; right: 17px; top: 8px;} .searchboxtoggle {color:white} .header-searchbox {position: absolute; right: 60px; top: 0; height:65px; width:85%;z-index:30} .CoveoSearchInterface {margin-top:-3px} .CoveoSearchbox {margin-top:0;} .CoveoSearchInterface .CoveoSearchbox {margin-right:0;height:64px;} .CoveoSearchButton.coveo-accessible-button, .CoveoSearchbox .magic-box .magic-box-input > input {height:64px} #kbsearch {height:66px} .banner-middleContainer_f1l0wf96 {box-shadow: inset 0 10px 10px -10px #000;} #homeLink, #helpForumsLink, #FaqsLink, #userguidesLink, #supportLink, .header-right {width:100%; text-align: left; margin: 0; } #userguidesLink, #supportLink {border-top: 1px solid #dfdfdf;} #helpForumsLink, #FaqsLink {margin: 0 0 10px 20px;} .top-header-link {text-transform: uppercase; font-weight:700; color:#1e1e1e; font-size:14px; padding:15px 15px; line-height: 2em;} #dropdownnavi .top-header-link {margin: 3px 0 0 10px;} .header-bottom-link::after {background:none;} .header-bottom-item .header-bottom-link {margin:0 10px} .depth-1-list, .depth-2-list, .depth-3-list {list-style: none; margin: 0; padding:0 0 0 40px} .kb-lang-title {text-align:left;} #menu-dropdown {margin-top: -20px;} #kb-menu-dropdown .depth-2-list.open {padding-left:30px} .depth-1-list a, .depth-2-list a, .depth-3-list a {color:#1e1e1e} .smdropdown-alt {line-height: 0; margin:0; padding: 0 0 10px 0;} .smdropdown-link {color:#acacac!important; font-style: italic;} .depth-1-list {display: none; margin: -20px 0 0 0; padding: 0 0 0 15px;} .depth-2-list {display: none;list-style:circle;padding:0 0 15px 5px} .depth-1-item {line-height:35px;margin-left:5px} .depth-2-item {margin-left:10px;width:90%} .depth-2-url {display:block;line-height:16px; margin-bottom:20px; padding-left:10px} .header-right {float: right;padding: 8px 0; height: 30px; border-radius: 0; box-shadow: 0 3px 5px #1e1e1e; background:#0E163F; text-align: right;} .signin-icon {display: none;} #signin .header-bottom-item.header-bottom-link {margin-top: -10px;} .open {display: block;} .Footer .col {display: block; width:96%; padding: 0 20px 15px 20px} .Footer .col.col-copyRight, .Footer .col.col-social {width:90%} footer .container {width:95%} .col.footer-logo-wrap {text-align: center;} .col-copyRight a {padding: 10px 0 0 20px;} .social-icons-wrap a {padding: 10px 0 0 0;} .Footer .footer-links-wrap {padding-bottom:none; border-bottom:none;} .Footer .footer-links-wrap .col:nth-child(2), .Footer .footer-links-wrap .col:nth-child(3), .Footer .footer-links-wrap .col:nth-child(4) {border-bottom:1px solid #c4c4c4; border-right:none} footer.Footer .row:nth-of-type(2).footer-links-wrap .col.footer-links:last-of-type {border-bottom:none} a.dropdown-1-title, a.dropdown-2-title, a.dropdown-3-title {color: #8a8a8a; font-style: italic;display:block;height:50px} #kb-menu-dropdown a.dropdown-2-title {display:none} #kb-menu-dropdown a.depth-1-url.change ~ a.dropdown-2-title {display:block} .header-bottom-link:focus::after, .header-bottom-link:hover .smdropdown::after,.smdropdown::after,.depth-1-url::after {content:"\f1f5";font-family:fsg-icon;font-size:26px;color:#363636;position:absolute} .smdropdown.change::after,.depth-1-url.change::after {content:"\f131";} .footer-link-title {width:94%} .footer-links-wrap:not(.footer-secondary) .footer-link-title::after {content:"\f1f5";font-family:fsg-icon;font-size:26px;color:#BEC3C8;float:right!important} .footer-links-wrap:not(.footer-secondary) .footer-link-title.change::after {content:"\f131";} footer.Footer .row.footer-links-wrap .col.footer-links ul {display:none} footer.Footer .row.footer-secondary.footer-links-wrap .col.footer-links ul {display:block} footer.Footer .row.footer-links-wrap .col.footer-links ul.open {display:block; padding-bottom:30px} footer.Footer .row.footer-links-wrap:nth-of-type(3) {border-bottom:none} footer.Footer .row.footer-links-wrap .col.footer-links {border-bottom:1px solid #BEC3C8;} footer.Footer .row.footer-links-wrap .col.footer-links, footer.Footer .row.footer-links-wrap .col.footer-links:last-of-type {padding:10px 0 0 20px} footer.Footer .row.footer-links-wrap .col.footer-links .footerdropdown::hover {cursor:pointer!important} .row.bottom-row {display:flex;} .Footer .col.col-copyRight, .Footer .col.col-social {width:50%;padding:0} } @media screen and (min-width:992px){ .Header-logo svg {display:none;} .Hamburger, .dropdownnavi .top-header-link, #userguidesLink, #supportLink, .smdropdown-alt {display: none;} .header-top-link::after {background: #fff;} .top-header {padding-right:30px} .header-right {margin-right:10px} header .row:nth-child(2) {background-color:white; box-shadow: 0 3px 5px rgba(0,0,0,0.1);} .depth-1-list {list-style: none; margin: 0; padding-left: 0;} .depth-2-list {list-style:circle;padding-left:12px;} .depth-1-item, .depth-2-item {position: relative;} .depth-1-item a, .depth-2-item a, .depth-3-item a {color: #1e1e1e;} .depth-1-item .depth-1-url {font-family:"TitlingGothicFBMedium"} .depth-2-item {padding-left:8px} .header-bottom-link::after {background: #0E163F;} .header-top-link.active::after, .header-top-link:hover::after, .header-bottom-link.active::after, .header-bottom-link:hover::after {bottom: 0; content: ""; display: block; height: 3px; left: -15px; margin: auto; position: absolute; width: calc(100% + 35px);} .header-bottom-link.smdropdown:hover, .header-bottom-link.smdropdown.active {color:#0E163F;} .header-searchbox {position:absolute;top:0;right:60px; margin:0; z-index: 200; } .header-searchbox.active {width:500px;transition: 1s ease-in-out;} #kbsearch {width:350px;} #menu-dropdown, #kb-menu-dropdown {position: absolute; z-index: 100; background: white; text-align: left; margin: 1px 0 0 -15px;} #kb-menu-dropdown .depth-1-url:hover {cursor:pointer} #helpForumsLink #menu-dropdown .depth-1-item:nth-of-type(1) .depth-2-list {width:180px} #helpForumsLink #menu-dropdown .depth-1-item:nth-of-type(2) .depth-2-list {width:340px} #profile-menu {position: absolute; z-index: 100; background: white; width: 350px; text-align: left; width:260px; margin: 0 0 0 -230px; border: 1px solid #c4c4c4; border-radius: 5px; box-shadow: 0 4px 4px rgba(0,0,0,.1);} #menu-dropdown, #menu-dropdown .depth-2-list, #menu-dropdown .depth-3-list, #kb-menu-dropdown, #kb-menu-dropdown .depth-2-list, #profile-menu {display:none;} #helpForumsLink:hover #menu-dropdown, #helpForumsLink:hover #menu-dropdown .depth-1-item .depth-2-list, #helpForumsLink:hover #menu-dropdown .depth-2-item .depth-3-list, #FaqsLink:hover #kb-menu-dropdown, #FaqsLink:hover #kb-menu-dropdown .depth-1-item .depth-2-list, #profiledropdown:hover #profile-menu {display: block;} #kb-menu-dropdown .depth-1-url {margin: 20px; padding: 20px 0 0 0;} .depth-1-item:hover, .depth-2-item:hover {pointer:cursor; } .depth-1-item:hover .depth-1-url, .depth-2-item:hover .depth-2-url {color:#344ABE} #helpForumsLink .depth-1-item:hover, #FaqsLink .depth-1-item:hover {box-shadow: 0 3px 5px #C6CEFF} #dropdownnavi {width:100%} #dropdownnavi .top-header-link, .dropdown-1-title, .dropdown-2-title {display:none} .header-bottom-link.smdropdown, #signin a {line-height:80px} #signin {height:100%;width:max-content} #signin .header-bottom-item.header-bottom-link {height:80px} .signin-icon {padding: 4px 0 20px 0;} .depth-1-list {width:max-content;background:white;box-shadow: 0 3px 5px rgba(0,0,0,0.1);} #helpForumsLink .depth-1-list li.depth-1-item {display:inline-block;padding:15px 30px;vertical-align:top;height:330px} #kb-menu-dropdown {width:max-content} #kb-menu-dropdown .depth-1-list li.depth-1-item {height:420px} .header-bottom-item {line-height:35px} #kb-menu-dropdown .depth-1-list {margin-left:-330px; display: flex; flex-direction: row;flex-wrap: wrap;max-width: 1200px;} #kb-menu-dropdown .depth-1-list li.depth-1-item {width: 33.33%;min-height:;max-height:330px;padding: 20px 0;} #kb-menu-dropdown .depth-2-list {padding:0 20px} #kb-menu-dropdown li.depth-2-item {line-height:18px; margin:0 0 10px 12px} .header-coveosearch {position: relative; margin-top: -53px;} .header-searchcontainer {float: right; margin:0 18px 0 0; height:52px;padding-right:5px} footer.Footer .row.footer-links-wrap {padding:0 20px 20px 20px} .Footer .footer-links-wrap:nth-of-type(1) {border-bottom: 1px solid #BEC3C8;} footer.Footer .row.footer-secondary.footer-links-wrap:nth-of-type(2) .col.footer-links h3 {display:inline-block;width:18%} .Footer .footer-secondary .col ul {display:inline-block} .Footer .footer-secondary .col ul li {display:inline-block;padding:0 20px} }

Sample Website Submission

Start a Discussion

No discussions were found.

@import "/themes/withsecure/design/CoveoFullSearch.min.css"; header {margin:52px 0 0 0} #dropdownnavi {width:100%;} header .row {width:100%} header .row:nth-child(1) {background-color:#0E163F} header .container, footer .container {max-width:1440px; margin: auto;/*padding:0 40px 0 40px*/} .logo-container {margin-right:20px} .logo-container img {width:200px} .top-header {height:53px;} .bottom-header {display:flex;height:80px;width:100%} .header-top-links {float: right; margin: 1px 15px 0 0;} .header-top-link, .header-bottom-item {display: inline-block; font-size: 14px; font-weight: 400; line-height: 52px; margin: 0 15px; position: relative; text-align: center; } .header-top-link, .header-bottom-item a {text-decoration:none;} .header-top-link {font-family:"ArchivoRegular"; color:#fff; margin: 0 10px 0 12px;} .header-top-link.active {margin-right:12px;color:#C6CEFF;} .header-top-link:hover, #opensearch-icon:hover::before {color:#C6CEFF;} .header-top-link.active::after {width: calc(100% + 30px)!important} .header-top-link.active::after, .header-top-link:hover::after {background:#C6CEFF;} .header-bottom-link {font-family:"ArchivoRegular";color: #1e1e1e;} .header-bottom-item .header-bottom-link {margin:0 15px} #opensearch-icon:before {content:"\f220";font-family:fsg-icon;font-size:26px;color:#ffffff} #closesearch-icon:before {content:"\f130";font-family:fsg-icon;font-size:26px;color:#ffffff} #opensearch-icon, #closesearch-icon {font-style: normal;} #opensearch-icon:hover, #closesearch-icon:hover {cursor:pointer} #homeLink {margin-left:1px} .kb-lang-title {width:100%;font-family:"ArchivoRegular";font-weight:600;color:black; margin:0;line-height: 18px;height: 40px;} #signin a {text-decoration: none; color:#1e1e1e; } .signin-icon {float: left; height: 20px; padding: 0 5px 20px 0;} #articleslink hr, #dashboardlink hr {margin:0} #articleslink .title {padding: 0;text-align: center; font-weight: 600;} #articleslink p, #dashboardlink p {padding:10px 0 10px 20px;} #articleslink p a, #dashboardlink p a {text-decoration: none; color:#1e1e1e;} #articleslink .draftslink:hover, #dashboardlink p:hover {padding: 10px 0 10px 20px;} .header-search {display:inline-block;padding:8px 0 0 0;} .searchboxtoggle {color:white;} .search-icon {color:white;} .expand {display:inline-block;} .collapse {display:none;} .header-searchbox {height:52px;} .CoveoSearchbox {background: white!important;margin-top: 3px!important;} .CoveoSearchbox .magic-box .magic-box-input > input {font-family: 'ArchivoRegular';font-size: 14px;} #kbsearch {display:block;margin: 0 0 0 auto; height:53px; box-sizing: border-box; border: 1px solid white; font-size: 14px; padding: 14px 0 10px 15px;} header-searchbox.active, #kbsearch:focus {width: 100%; transition: 1s ease-in-out;} #signin .header-bottom-item.header-bottom-link {display:inline-block;} #signin a:hover {color:#0014a0} .signin-icon:before {content:"\f258";font-family:fsg-icon;font-size:22px;color:#363636;position:absolute;margin:20px 0 0 -26px} .Footer {background:#0E163F;font-family:"ArchivoRegular";color:#E6E6F0;font-size:16px;line-height:1.5;padding:30px 0;} .Footer .col {width: 18%; font-size: 13px; display: inline-block; vertical-align: top;} .Footer .footer-secondary .col {width: 100%;} .Footer .brandcolumn {width:23%} .Footer .brandcolumn img {max-width: 150px;margin: 20px 0;} .Footer .footer-links-wrap {max-width: 1172px; margin: auto;} .Footer .footer-links-wrap .col:nth-child(2), .Footer .footer-links-wrap .col:nth-child(3), .Footer .footer-links-wrap .col:nth-child(4) {border-right:1px solid #c4c4c4} .Footer .col ul {list-style: none;} .Footer .col:nth-child(2) ul {padding: 0;} .Footer .col ul li {padding-bottom: 10px;} .Footer .col ul li a {color: #E6E6F0; text-decoration: none;} .footer-link-title {color: #E6E6F0;} .footer-link-subtitle {font-size:14px; color: #E6E6F0; max-width:95%} .footer-icon {float: left; height: 30px; padding: 0 10px 60px 0;} footer.Footer .row.footer-links-wrap .col.footer-links {border:none;margin-bottom:0} //footer.Footer .row.footer-links-wrap:nth-of-type(1) .col.footer-links h3 {font-size:16px} footer.Footer .row.footer-links-wrap .col.footer-links ul {padding:0 0 15px 0;margin-left:0} footer.Footer .row.footer-links-wrap .col.footer-links .footer-link, footer.Footer .row.footer-links-wrap:nth-of-type(2) .col.footer-links h3 {color:#BEC3C8;font-size:13px} footer.Footer .row.footer-links-wrap .col.footer-links:nth-of-type(2) li {padding-bottom: 5px;} //footer.Footer .row.footer-links-wrap .col.footer-links:nth-of-type(2) .footer-link{font-size: 16px;color:#E6E6F0;} footer.Footer .row.bottom-row .col.col-copyRight * {color:#E6E6F0;font-weight:400} footer.Footer .row.footer-links-wrap .col.footer-links .footer-link:hover, footer.Footer .row.bottom-row .col.col-copyRight:hover {color:#A0Aff0;} footer.Footer .row.bottom-row {border-top:none} footer.Footer .row.bottom-row .col {width:48%} footer.Footer .row.footer-links-wrap:nth-of-type(3) {padding-top:10px} .col-copyRight a, .social-icons-wrap a {display:inline-block; padding:5px 0; text-decoration: none; color: #1e1e1e; } .Footer a:hover, .Footer .col ul li a:hover, footer.Footer .row.bottom-row .col.col-copyRight *:hover {color:#0014a0} footer.Footer .row.bottom-row {padding-top:5px;max-width: 1172px;margin: auto;} footer.Footer .row.bottom-row .col.col-copyRight * {font-weight:400} .social-link:hover {cursor:pointer;} .social-link:hover .social-link-icon path {fill:#A0Aff0;} @media screen and (max-width:991px){ header {margin:0} header .row:nth-child(1) {height:64px} .logo-container {display:none} header .container {width:100%;max-width:100%;padding:0} .Header-logo img {width:200px; margin:-10px 0 -25px -10px;} .Hamburger-border {position: absolute; right: 60px; border-left: 1px solid #fff; height: 64px; width: 50px; top: 0; z-index: 20; border-right: 1px solid white; padding-right: 10px;} .Hamburger {display:block;position: absolute; top: 8px; left: calc(100% - 52px); z-index: 20;-webkit-box-align: center; -webkit-box-pack: center;-webkit-user-select: none; align-items: center; background: transparent; border: none; border-radius: 0;cursor: pointer;justify-content: center; outline: none;transition: .35s;} .Hamburger-menuXcross {height: 25px; padding: 0; width: 26px;} .Hamburger-menuLines {-o-transition: .35s;-webkit-transition: .35s; background-color: #fff; border-radius: 2px; display: inline-block; height: 2px; position: relative; transition: .35s; width: 26px;} .Hamburger-menuLines::before {top: 6px; } .Hamburger-menuLines::after {top: -6px;} .Hamburger-menuLines::after, .Hamburger-menuLines::before {-ms-transform-origin: 5.5px center;-o-transition: .35s;-webkit-transform-origin: 5.5px center;-webkit-transition: .35s;background-color: #fff;border-radius: 2px; content: ""; display: inline-block; height: 2px;left: 0;position: absolute;transform-origin: 5.5px center;transition: .35s;width: 26px;} .sr-only {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0,0,0,0) !important;border: 0 !important;} .Hamburger-menuXcross.isToggled .Hamburger-menuLines::before {-webkit-transform: rotate(45deg); transform: rotate(45deg);} .Hamburger-menuXcross.isToggled .Hamburger-menuLines::after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .Hamburger-menuXcross.isToggled .Hamburger-menuLines::after, .Hamburger-menuXcross.isToggled .Hamburger-menuLines::before {-ms-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;background-color: hsla(0,0%,100%,.6); left: 0;top: 0;transform-origin: 50% 50%;width: 26px;} .Hamburger-menuXcross.isToggled .Hamburger-menuLines {background: transparent;} .isToggled .Hamburger-menuLines {-webkit-transform: scaleX(1);transform: scaleX(1);} #signin {text-align:center; margin: auto; color:white} #signin a {text-decoration: none; color:white;} .header-top-links, .bottom-header {display: none} .header-coveosearch {margin-top:0} .header-searchcontainer {color: white; text-align: right; margin: 8px 18px 0 0;} .header-search { padding: 5px 0 0 0; width: 60px; margin: auto; display: block; position: absolute; right: 17px; top: 8px;} .searchboxtoggle {color:white} .header-searchbox {position: absolute; right: 60px; top: 0; height:65px; width:85%;z-index:30} .CoveoSearchInterface {margin-top:-3px} .CoveoSearchbox {margin-top:0;} .CoveoSearchInterface .CoveoSearchbox {margin-right:0;height:64px;} .CoveoSearchButton.coveo-accessible-button, .CoveoSearchbox .magic-box .magic-box-input > input {height:64px} #kbsearch {height:66px} .banner-middleContainer_f1l0wf96 {box-shadow: inset 0 10px 10px -10px #000;} #homeLink, #helpForumsLink, #FaqsLink, #userguidesLink, #supportLink, .header-right {width:100%; text-align: left; margin: 0; } #userguidesLink, #supportLink {border-top: 1px solid #dfdfdf;} #helpForumsLink, #FaqsLink {margin: 0 0 10px 20px;} .top-header-link {text-transform: uppercase; font-weight:700; color:#1e1e1e; font-size:14px; padding:15px 15px; line-height: 2em;} #dropdownnavi .top-header-link {margin: 3px 0 0 10px;} .header-bottom-link::after {background:none;} .header-bottom-item .header-bottom-link {margin:0 10px} .depth-1-list, .depth-2-list, .depth-3-list {list-style: none; margin: 0; padding:0 0 0 40px} .kb-lang-title {text-align:left;} #menu-dropdown {margin-top: -20px;} #kb-menu-dropdown .depth-2-list.open {padding-left:30px} .depth-1-list a, .depth-2-list a, .depth-3-list a {color:#1e1e1e} .smdropdown-alt {line-height: 0; margin:0; padding: 0 0 10px 0;} .smdropdown-link {color:#acacac!important; font-style: italic;} .depth-1-list {display: none; margin: -20px 0 0 0; padding: 0 0 0 15px;} .depth-2-list {display: none;list-style:circle;padding:0 0 15px 5px} .depth-1-item {line-height:35px;margin-left:5px} .depth-2-item {margin-left:10px;width:90%} .depth-2-url {display:block;line-height:16px; margin-bottom:20px; padding-left:10px} .header-right {float: right;padding: 8px 0; height: 30px; border-radius: 0; box-shadow: 0 3px 5px #1e1e1e; background:#0E163F; text-align: right;} .signin-icon {display: none;} #signin .header-bottom-item.header-bottom-link {margin-top: -10px;} .open {display: block;} .Footer .col {display: block; width:96%; padding: 0 20px 15px 20px} .Footer .col.col-copyRight, .Footer .col.col-social {width:90%} footer .container {width:95%} .col.footer-logo-wrap {text-align: center;} .col-copyRight a {padding: 10px 0 0 20px;} .social-icons-wrap a {padding: 10px 0 0 0;} .Footer .footer-links-wrap {padding-bottom:none; border-bottom:none;} .Footer .footer-links-wrap .col:nth-child(2), .Footer .footer-links-wrap .col:nth-child(3), .Footer .footer-links-wrap .col:nth-child(4) {border-bottom:1px solid #c4c4c4; border-right:none} footer.Footer .row:nth-of-type(2).footer-links-wrap .col.footer-links:last-of-type {border-bottom:none} a.dropdown-1-title, a.dropdown-2-title, a.dropdown-3-title {color: #8a8a8a; font-style: italic;display:block;height:50px} #kb-menu-dropdown a.dropdown-2-title {display:none} #kb-menu-dropdown a.depth-1-url.change ~ a.dropdown-2-title {display:block} .header-bottom-link:focus::after, .header-bottom-link:hover .smdropdown::after,.smdropdown::after,.depth-1-url::after {content:"\f1f5";font-family:fsg-icon;font-size:26px;color:#363636;position:absolute} .smdropdown.change::after,.depth-1-url.change::after {content:"\f131";} .footer-link-title {width:94%} .footer-links-wrap:not(.footer-secondary) .footer-link-title::after {content:"\f1f5";font-family:fsg-icon;font-size:26px;color:#BEC3C8;float:right!important} .footer-links-wrap:not(.footer-secondary) .footer-link-title.change::after {content:"\f131";} footer.Footer .row.footer-links-wrap .col.footer-links ul {display:none} footer.Footer .row.footer-secondary.footer-links-wrap .col.footer-links ul {display:block} footer.Footer .row.footer-links-wrap .col.footer-links ul.open {display:block; padding-bottom:30px} footer.Footer .row.footer-links-wrap:nth-of-type(3) {border-bottom:none} footer.Footer .row.footer-links-wrap .col.footer-links {border-bottom:1px solid #BEC3C8;} footer.Footer .row.footer-links-wrap .col.footer-links, footer.Footer .row.footer-links-wrap .col.footer-links:last-of-type {padding:10px 0 0 20px} footer.Footer .row.footer-links-wrap .col.footer-links .footerdropdown::hover {cursor:pointer!important} .row.bottom-row {display:flex;} .Footer .col.col-copyRight, .Footer .col.col-social {width:50%;padding:0} } @media screen and (min-width:992px){ .Header-logo svg {display:none;} .Hamburger, .dropdownnavi .top-header-link, #userguidesLink, #supportLink, .smdropdown-alt {display: none;} .header-top-link::after {background: #fff;} .top-header {padding-right:30px} .header-right {margin-right:10px} header .row:nth-child(2) {background-color:white; box-shadow: 0 3px 5px rgba(0,0,0,0.1);} .depth-1-list {list-style: none; margin: 0; padding-left: 0;} .depth-2-list {list-style:circle;padding-left:12px;} .depth-1-item, .depth-2-item {position: relative;} .depth-1-item a, .depth-2-item a, .depth-3-item a {color: #1e1e1e;} .depth-1-item .depth-1-url {font-family:"TitlingGothicFBMedium"} .depth-2-item {padding-left:8px} .header-bottom-link::after {background: #0E163F;} .header-top-link.active::after, .header-top-link:hover::after, .header-bottom-link.active::after, .header-bottom-link:hover::after {bottom: 0; content: ""; display: block; height: 3px; left: -15px; margin: auto; position: absolute; width: calc(100% + 35px);} .header-bottom-link.smdropdown:hover, .header-bottom-link.smdropdown.active {color:#0E163F;} .header-searchbox {position:absolute;top:0;right:60px; margin:0; z-index: 200; } .header-searchbox.active {width:500px;transition: 1s ease-in-out;} #kbsearch {width:350px;} #menu-dropdown, #kb-menu-dropdown {position: absolute; z-index: 100; background: white; text-align: left; margin: 1px 0 0 -15px;} #kb-menu-dropdown .depth-1-url:hover {cursor:pointer} #helpForumsLink #menu-dropdown .depth-1-item:nth-of-type(1) .depth-2-list {width:180px} #helpForumsLink #menu-dropdown .depth-1-item:nth-of-type(2) .depth-2-list {width:340px} #profile-menu {position: absolute; z-index: 100; background: white; width: 350px; text-align: left; width:260px; margin: 0 0 0 -230px; border: 1px solid #c4c4c4; border-radius: 5px; box-shadow: 0 4px 4px rgba(0,0,0,.1);} #menu-dropdown, #menu-dropdown .depth-2-list, #menu-dropdown .depth-3-list, #kb-menu-dropdown, #kb-menu-dropdown .depth-2-list, #profile-menu {display:none;} #helpForumsLink:hover #menu-dropdown, #helpForumsLink:hover #menu-dropdown .depth-1-item .depth-2-list, #helpForumsLink:hover #menu-dropdown .depth-2-item .depth-3-list, #FaqsLink:hover #kb-menu-dropdown, #FaqsLink:hover #kb-menu-dropdown .depth-1-item .depth-2-list, #profiledropdown:hover #profile-menu {display: block;} #kb-menu-dropdown .depth-1-url {margin: 20px; padding: 20px 0 0 0;} .depth-1-item:hover, .depth-2-item:hover {pointer:cursor; } .depth-1-item:hover .depth-1-url, .depth-2-item:hover .depth-2-url {color:#344ABE} #helpForumsLink .depth-1-item:hover, #FaqsLink .depth-1-item:hover {box-shadow: 0 3px 5px #C6CEFF} #dropdownnavi {width:100%} #dropdownnavi .top-header-link, .dropdown-1-title, .dropdown-2-title {display:none} .header-bottom-link.smdropdown, #signin a {line-height:80px} #signin {height:100%;width:max-content} #signin .header-bottom-item.header-bottom-link {height:80px} .signin-icon {padding: 4px 0 20px 0;} .depth-1-list {width:max-content;background:white;box-shadow: 0 3px 5px rgba(0,0,0,0.1);} #helpForumsLink .depth-1-list li.depth-1-item {display:inline-block;padding:15px 30px;vertical-align:top;height:330px} #kb-menu-dropdown {width:max-content} #kb-menu-dropdown .depth-1-list li.depth-1-item {height:420px} .header-bottom-item {line-height:35px} #kb-menu-dropdown .depth-1-list {margin-left:-330px; display: flex; flex-direction: row;flex-wrap: wrap;max-width: 1200px;} #kb-menu-dropdown .depth-1-list li.depth-1-item {width: 33.33%;min-height:;max-height:330px;padding: 20px 0;} #kb-menu-dropdown .depth-2-list {padding:0 20px} #kb-menu-dropdown li.depth-2-item {line-height:18px; margin:0 0 10px 12px} .header-coveosearch {position: relative; margin-top: -53px;} .header-searchcontainer {float: right; margin:0 18px 0 0; height:52px;padding-right:5px} footer.Footer .row.footer-links-wrap {padding:0 20px 20px 20px} .Footer .footer-links-wrap:nth-of-type(1) {border-bottom: 1px solid #BEC3C8;} footer.Footer .row.footer-secondary.footer-links-wrap:nth-of-type(2) .col.footer-links h3 {display:inline-block;width:18%} .Footer .footer-secondary .col ul {display:inline-block} .Footer .footer-secondary .col ul li {display:inline-block;padding:0 20px} }