/* = Framework
----------------------------------------------------------------------------------------------------------------- */
.main-content { margin: 25px 0 45px; }
.main-content:first-child { margin-top: 0; }

.container,
.topLine { width: 1240px; margin: 0 auto; position: relative; }
.container img { max-width: 100%; }

.topLine { border-color: #e8f3fa; }
.skinny { max-width: 750px; margin-left: auto; margin-right: auto; }

#members-page .skinny { max-width: 850px; }

.template--2col .content-left { float: left; width: calc(100% - 440px); margin-right: 40px; }
.template--2col .content-right { float: left; width: 400px; }
.template--2col-reverse .content-left { float: left; width: 300px; margin-right: 40px;  }
.template--2col-reverse .content-right { float: left; width: calc(100% - 340px);  }

@media screen and (max-width: 1320px) {
    .container,
    .topLine { width: auto; margin-right: 25px; margin-left: 25px; }
}

@media screen and (max-width: 1200px) {
    .template--2col .content-left { width: calc(100% - 385px); margin-right: 35px; }
    .template--2col .content-right { width: 350px; }
}

@media screen and (max-width: 1060px) {
    .template--2col .content-left { width: calc(100% - 350px); margin-right: 30px; }
    .template--2col .content-right { width: 320px; }

    .template--2col-reverse .content-left {  width: 275px; margin-right: 30px;  }
    .template--2col-reverse .content-right {  width: calc(100% - 305px);  }
}

@media screen and (max-width: 1024px) {
    .template--membersHome .main-content { margin: 35px 0; }
}

@media screen and (max-width: 950px) {
    .template--2col .content-left,
    .template--2col-reverse .content-left  { float: none; width: 100%; margin-right: 0; }
    .template--2col .content-right { margin-top: 40px; float: none; width: 100%; }
    .template--2col-reverse .content-right  { margin-top: 30px; float: none; width: 100%; }
}

@media screen and (max-width: 680px) {
    .topLine { display: none; }

    .template--2col .content-right { margin-top: 35px; }
}

@media screen and (max-width: 600px) {
    .main-content { margin: 25px 0 35px; }
    .template--2col .content-right { margin-top: 30px; }

    .container,
    .topLine { margin-right: 20px; margin-left: 20px; }
}

@media screen and (max-width: 400px) {
    .main-content { margin: 20px 0 30px; }

    .template--membersHome .main-content { margin-top: 30px; }

    .container,
    .topLine { margin-right: 15px; margin-left: 15px; }

    .template--2col-reverse .content-right  { margin-top: 25px; }
}

@media screen and (max-width: 340px) {
    .main-content { margin: 20px 0; }

    .container,
    .topLine { margin-right: 12px; margin-left: 12px; }
}

/* = Nav Hamburger
----------------------------------------------------------------------------------------------------------------- */
.burger { position: absolute; bottom: 55px; right: 0; overflow: hidden; cursor: pointer; z-index: 1; }
.burger > div { float: left; }
.burger .b-label { padding-left: 9px; color: #001A70; /*text-transform: uppercase;*/ font-size: 18px; line-height: 18px; letter-spacing: .025em; font-weight: 600; }
.hamburger { position: relative; margin: 0; padding: 0; width: 16px; height: 18px; cursor: pointer; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; overflow: hidden; }
.hamburger:focus { outline: none; }
.hamburger span { display: block; position: absolute; top: 50%; margin-top: -1px; left: 0; right: 0; height: 2px; background: #001A70; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; }
.hamburger span:before,
.hamburger span:after { content: ""; position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #001A70; -webkit-transition: 0.3s ease; transition: 0.3s ease; }
.hamburger span:before { top: -6px; }
.hamburger span:after { bottom: -6px; }
.navOn .hamburger span { background: none; }
.navOn .hamburger span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.navOn .hamburger span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

@media screen and (min-width: 750px) {
    .hamburger { width: 18px; }
}

@media screen and (max-width: 680px) {
    .burger { top: 61px; bottom: auto; }
}

@media screen and (max-width: 440px) {
    .burger { top: 44px; }
    .burger .b-label { padding-left: 8px; }
}

@media screen and (max-width: 400px) {
    .burger .b-label { padding-left: 7px; font-size: 16px; }
}

@media screen and (max-width: 360px) {
    .burger { top: 42px; }
}

@media screen and (max-width: 350px) {
    .burger { top: 41px; }
}

@media screen and (max-width: 330px) {
    .burger { top: 40px; }
}


/* = Skip to content
----------------------------------------------------------------------------------------------------------------- */
.skip-to-content { position: fixed;  top:0;  left:0; padding: 10px 20px; font-size: 14px;  color:#fff; background: #001a70; border: 6px solid #43b02a;  outline: none; -webkit-transform: translateY(-101%); transform: translateY(-101%);-webkit-transition: transform 0.3s ease; transition: transform 0.3s ease; z-index: 10; }
.skip-to-content:active,
.skip-to-content:hover,
.skip-to-content:focus { color:#fff; -webkit-transform: translateY(0%); transform: translateY(0%);}


/* = Header
----------------------------------------------------------------------------------------------------------------- */
header { padding: 0; }
.hdr-top { background: #E8F3FA; }
.hdr-main .container { padding: 24px 0; }

.hdr-social { padding-top: 2px; display: inline-block; }
.hdr-social a { margin-right: 14px; color: #001A70; }
.hdr-social .icon--email { display: none; }

.hdr-actions { float: right; font-size: 0.813em; color: #001A70; }

.hdr-members a,
.hdr-join,
.hdr-login{ line-height: 1; padding: 8px 12px; display: inline-block; float: left; }
.hdr-login{padding-right: 0;}

.hdr-actions > div { display: inline-block; vertical-align: middle; }
.hdr-actions a { color: #001A70; }
.hdr-actions .hdr-join { color: #fff; background: #43b02a; }
.hdr-actions .hdr-join:hover,
.hdr-actions .hdr-join:focus { color: #fff; background: #B5BD00; text-decoration: underline; }

.hdr-members { position: relative; }
.hdr-members a { float: none; }
.hdr-members > a { font-weight: 600; }
.hdr-members .icon:after { padding-left: 5px; }
.hdr-members ul { visibility: hidden; position: absolute; top: 29px; list-style: none; margin: 0; padding: 15px; min-width: 170px; right: 50%; -ms-transform: translateX(50%); -webkit-transform: translateX(50%); transform: translateX(50%); background: #001A70; z-index: 5; -webkit-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.1); }
.hdr-members ul li { margin: 0 0 5px; text-align: center; }
.hdr-members ul li:last-child { margin: 0; }
.hdr-members ul li a { color: #fff; display: block; padding: 5px; }
.hdr-members ul li a:hover,
.hdr-members ul li a:focus { text-decoration: underline; }

.hdr-members ul:hover,
.hdr-members a:hover + ul { visibility: visible }

.hdr-login a { text-decoration: underline; }

.hdr-loggedIn > div { display: inline-block; vertical-align: middle; float: left; }
.hdr-welcome { background: #43b02a; }

.hdr-welcome p { line-height: 1; padding: 8px 12px; color: #fff; }
.hdr-welcome p a { margin-left: 5px; color: #fff; text-decoration: underline; }

.quickLogin .webForm div { margin: 0 0 10px; }
.quickLogin .webForm div:last-child { margin: 0; }
.quickLogin .webForm div em { float: none; margin: 14px 0 0; font-size: .85em; }
.quickLogin .rememberMe input { float: left; margin: 3px; }
.quickLogin .ql-intro { margin-bottom: 10px; font-weight: 600; }
.quickLogin .btn { min-width: 125px; }

.hdr-actions > .hdr-quickLogin { display: none; }
.hdr-quickLogin { position: absolute; padding: 30px; right: 0; top: 100%; width: 350px; border-top: 1px solid #fff; background: #e8f3fa; -webkit-box-shadow: 5px 8px 10px rgba(0, 0, 0, 0.1); box-shadow: 5px 8px 10px rgba(0, 0, 0, 0.1); z-index: 3; }
.hdr-quickLogin .webForm div { position: relative; }
.hdr-quickLogin .webForm label { position: absolute; top: 0; left: 1em; width: auto; margin: 0; padding: 0.55em 0; }
.hdr-quickLogin .webForm input.text { float: none; width: 100% }
.hdr-quickLogin .msgError { margin: 0 0 10px; padding: 10px 10px 10px 34px; }
.hdr-quickLogin .msgError:before { width: 15px; height: 15px; line-height: 15px; font-size: 1em; margin-top: -9px; left: 10px; border: 1px solid #fff; }
.hdr-quickLogin .icon { position: absolute; cursor: pointer; top: 0; right: 0; width: 20px; height: 20px; line-height: 20px; font-size: 10px; text-align: center; background: #00A9E0; color: #fff; }
.hdr-quickLogin .formSubmit label { display: none; }
.hdr-quickLogin .quickLogin .rememberMe label { position: relative; float: none; padding: 0; left: 0; margin: 0 0 0 2px; line-height: 1; }

.hdr-joinLogin:last-child .hdr-login,
.hdr-members:last-child > a { padding-right: 0; }

.hdr-search {  position: absolute; display: block; bottom: 56px;  right: 110px; width: 16px; height: 16px;  color:#001A70; }
.hdr-search:hover,
.hdr-search:focus {color:#43B02A; }
.hdr-search:after {display: block;} 

.hdr-newsletter { position: absolute; right: 0; top: 19px; font-size: 0.875em; color: #00A9E0; }
.hdr-newsletter:hover,
.hdr-newsletter:focus  { color: #FF8200; text-decoration: underline; }
.hdr-newsletter:before { padding-right: 5px; text-decoration: none; }

@media screen and (max-width: 1400px) {
    .hdr-members ul { right: 0; -ms-transform: none; -webkit-transform: none; transform: none; }
    .hdr-members ul li { text-align: left; }
}

@media screen and (max-width: 680px) {
    .hdr-search { bottom: 58px; right:105px; }
    .hdr-main .container { padding: 20px 0 25px; }
}

@media screen and (max-width: 600px) {
    .hdr-social { padding-top: 3px; }

    .hdr-members ul { top: 27px; min-width: 140px; }

    .hdr-search  {     font-size: 16px; right: 100px;  }
    .hdr-quickLogin { padding: 25px; font-size: 12px; }

    .quickLogin .btn { min-width: 110px; }
    .quickLogin .ql-intro,
    .quickLogin .webForm div { margin: 0 0 8px; }
}

@media screen and (max-width: 480px) {
    .hdr-top { font-size: 13px; }
    .hdr-newsletter { top: 10px; font-size: 0.813em; }

    .hdr-members > a { font-size: 12px; padding: 7px 12px; }
    .hdr-members ul { top: 26px; font-size: 12px; }

    .hdr-quickLogin { left: 0; right: 0; width: 100%; font-size: 13px; border-color: rgba(0, 26, 112, 0.125); }
    .hdr-quickLogin .icon { font-size: 12px; }
    .hdr-quickLogin .quickLogin .rememberMe input { margin: 2px 3px 0 1px; }

    .quickLogin .ql-intro { font-size: 1.1em; }
    .quickLogin .btn { margin-top: 5px; }

    .hdr-welcome p span { display: none; }
    .hdr-welcome p a { margin: 0; }

    .hdr-search {    display: none; } 
}

@media screen and (max-width: 440px) {
    .hdr-top { font-size: 12px; }
    .hdr-main .container { padding: 20px 0; }

    .hdr-login span { display: none; }
    .hdr-login {padding-right: 12px;}

    .hdr-login { background: #001A70;color: #fff; }
    .hdr-login a { color: #fff; }

    .hdr-loggedIn > div { float: none; }
    .hdr-joinLogin:last-child .hdr-login,
    .hdr-members:last-child > a { padding-right: 12px; }

    .hdr-members { position: static; }
    .hdr-members > a { /*font-size: 11px;*/ padding: 4px 10px; }
    .hdr-members ul { top: 25px; left: 0; padding: 20px; width: 100%; min-width: 130px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; }
    .hdr-members ul li { margin: 0 0 8px; width: 100%; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; position: relative; }
    .hdr-top .container { margin: 0; }

    .hdr-newsletter { display: none; top: 9px; font-size: 11px; }

    .hdr-social { padding: 0; font-size: 13px; position: absolute; left: 0; top: 0; height: 100%; overflow: hidden; }
    .hdr-social a { color: #001A70; border-right: 1px solid #c8d4dc; border-right: 1px solid rgba(0, 26, 112, 0.125); padding: 3px 7px; margin: 0; float: left; }
    .hdr-social .icon--email { display: block; }
}

@media screen and (max-width: 340px) {
    .quickLogin .ql-intro { font-size: 1em; }
}

/* = Logo
----------------------------------------------------------------------------------------------------------------- */
.logo { width: 284px; height: 91px; display: block; margin: 0; background: url(/_img/logo-new.svg) no-repeat top left; }

@media screen and (max-width: 440px) {
    .logo { width: 240px; height: 77px; background-size: 240px 77px; }
}

@media screen and (max-width: 360px) {
    .logo { width: 230px; height: 74px;  background-size: contain;  }
}

@media screen and (max-width: 350px) {
    .logo { width: 220px; height: 70px; }
}

@media screen and (max-width: 330px) {
    .logo { width: 210px; height: 67px; }
}

/* = Sticky header
----------------------------------------------------------------------------------------------------------------- */
.sticky-header { position: fixed; top: 0; left: 0; width: 100%; padding: 10px 0; background: #001a70; -ms-transform: translateY(-70px); -webkit-transform: translateY(-70px); transform: translateY(-70px); -webkit-transition: transform .3s ease; transition: transform .3s ease; z-index: 10; }
.stickyOn .sticky-header { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.075); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.075); -webkit-transition: all .3s ease; transition: all .3s ease; }

.stickyOn.navOn .sticky-header { -webkit-box-shadow: none; box-shadow: none; }
/*Hide again when footer is in view*/
.stickyOn.footerInview .sticky-header { -ms-transform: translateY(-70px); -webkit-transform: translateY(-70px); transform: translateY(-70px); }

.sticky-header .logo { background: url(/_img/logo-new-white.svg) no-repeat top left; width: 140px; height: 38px; }
.sticky-header .burger { top: 50%; bottom: auto; margin-top: -9px; }

.sticky-header .hamburger span { background: #fff; }
.sticky-header .hamburger span:before,
.sticky-header .hamburger span:after { background-color: #fff; }
.sticky-header .burger .b-label { color: #fff; }

.navOn .sticky-header .hamburger span { background: none; }

@media screen and (max-width: 600px) {
    .sticky-header .logo { width: 125px; height: 34px; background-size:contain; }
    .sticky-header .burger { margin-top: -10px; }
}

@media screen and (max-width: 600px) and (min-height: 600px) {
    .stickyOn .sticky-header { -webkit-box-shadow: none; box-shadow: none; }
}

@media screen and (max-width: 480px) {
    .sticky-header { padding: 8px 0; }
}

/* = Menu
----------------------------------------------------------------------------------------------------------------- */
.menu-wrap { position: absolute; left: 0; right: 0; margin-top: 15px; padding: 50px; width: 100%; background: #00A9E0; -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.2); z-index: 4; -ms-transform: scale(0.85); -webkit-transform: scale(0.85); transform: scale(0.85); -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transform-origin: center 0; transform-origin: center 0; opacity: 0; visibility: hidden; }
.navOn .menu-wrap { opacity: 1; visibility: visible; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }

.stickyOn .menu-wrap { position: fixed; max-width: 1240px; margin: 0 auto; top: 58px; }
.stickyOn.navOn.footerInview .menu-wrap { opacity: 0; visibility: hidden; }

/*Shared (all sizes)*/
.menu-items ul { list-style: none; margin: 0; padding: 0; }
.menu-items { padding: 0; width: calc(100% - 310px); float: left; }
.menu-items ul li { margin-bottom: 10px; }
.menu-items ul li:last-child { margin-bottom: 0; }
.menu-items ul li a { color: #fff; font-size: 0.938em; line-height: 1.25em; display: block; }

.menu-items ul li ul li a.on { color:#fedb00; text-decoration: underline; } 

.menu-items ul li a:hover,
.menu-items ul li a:focus { text-decoration: underline; }
.menu-items > ul > li > a { margin-bottom: 15px; font-size: 1.125em; font-weight: 600; }

.menu-ctas { width: 310px; float: left; }
.menu-ctas .btn { min-width: 0; }
.menu-ctas .h5,
.menu-ctas p { color: #fff; }
.menu-ctas p > .btn { margin: 0 10px 10px 0; }

.menu-mobClose { display: none; position: absolute; top: 18px; right: 18px; color: #fff; font-size: 13px; outline: none; user-select: none; }
.menu-mobClose:after { padding-left: 4px; }

@media screen and (min-width: 601px) {
    .menu-items { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; }
    .menu-items > ul > li { display: inline-block; margin-bottom: 35px; width: 100%; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; position: relative; }
    .menu-items > ul > li > a:last-child { margin: 0; }
}

@media screen and (min-width: 751px) {
    .menu-items { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }
    .menu-items .breakBefore { break-before: always; -moz-column-break-before: always; -webkit-column-break-before: always; display: block }
    .menu-items .breakAfter { break-after: always; -moz-column-break-after: always; -webkit-column-break-after: always; display: block }
    .menu-items .noMargin { margin: 0; }
}

@media screen and (max-width: 1200px), screen and (max-height: 680px) and (min-width: 1024px) {
    .menu-wrap { padding: 40px; font-size: .9em; }
    .menu-items { width: calc(100% - 280px); }
    .menu-ctas { width: 280px; }
    .menu-items ul li { margin-bottom: 9px; }
    .menu-items > ul > li { margin-bottom: 25px; }
    .menu-items > ul > li > a { margin-bottom: 12px; }
}

@media screen and (max-width: 1023px) {
    .menu-items { width: 100%; float: none; }
    .menu-ctas { display: none; }
}

@media screen and (max-width: 600px) {
    .menu-wrap { font-size: 1.05em; position: fixed; top: 0; left: 0; margin: 0; height: 100%; }
    .menu-items { overflow: auto; height: 100%; }
    .menu-items ul li { margin-bottom: 12px; }
    .menu-items > ul > li { margin-bottom: 25px; }
    .menu-mobClose { display: block; }

    .stickyOn .menu-wrap { top: 54px; height: calc(100% - 54px); }
    .stickyOn .menu-mobClose { display: none; }
}

@media screen and (max-width: 480px) {
    .menu-wrap { padding: 40px 30px; }
    .stickyOn .menu-wrap { top: 50px; height: calc(100% - 50px); padding: 30px; }
}

@media screen and (max-width: 340px) {
    .menu-wrap { padding: 35px 25px; font-size: 1em; }
    .stickyOn .menu-wrap { padding: 25px; }
}

/* = SUB - menu
----------------------------------------------------------------------------------------------------------------- */
.sub-nav { padding: 20px 0; margin-bottom: 20px; background: #efefef; }
.sub-nav .sn-title { position: absolute; top: 50%; top: calc(50% - 1px); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 0.938em; font-weight: 600; }
.sub-nav--default { background: #f4f4f4; }

.nav li.on > a,
.hidden-links li.on > a { color: #7C2855; text-decoration: underline; }

.greedy-nav { position: relative; min-width: 250px; font-size: 0.938em; }
.greedy-nav a { display: block; color: #001A70; }
.greedy-nav .gn-more { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 100%; right: 0; padding: 0 0 0 10px; outline: none; cursor: pointer; font-weight: 600; color: #001a70; }
.greedy-nav .gn-more .icon:after { padding-left: 5px; font-size: .9em; }
/*.greedy-nav .gn-more:after { content: attr(count); position: absolute; width: 30px; height: 30px; left: -16px; top: 12px; text-align: center; background-color: #ef6c00; color: #fff; font-size: 14px; line-height: 28px; border-radius: 50%; border: 3px solid #fff; }*/

.greedy-nav .nav { display: inline-table; height: 100%; margin: 0; padding: 0; list-style: none; }
.greedy-nav .nav li { display: table-cell; border-right: 1px solid #43b02a; padding-right: 12px; padding: 0 12px; }
.greedy-nav .nav li a { white-space: nowrap; }
.greedy-nav .nav li.liHasChildren { position: relative; }
.greedy-nav .nav > li > ul { display: none; padding: 18px 15px; margin: 0; position: absolute; left: -15px; top: calc(100% + 20px); min-width: 270px; border-top: 1px solid #d5d9e4; background: #efefef; -webkit-box-shadow: 0 8px 10px 0px rgba(0, 0, 0, 0.125); box-shadow: 0 8px 10px 0px rgba(0, 0, 0, 0.125); z-index: 2; }
.greedy-nav .nav > li.subOn > ul {display: block;}
.greedy-nav .nav > li > ul > li { display: block; padding: 0; border: none; border-bottom: 1px solid #e4e1e1; padding-bottom: 10px; margin-bottom: 10px; }
.greedy-nav .nav > li > ul > li:last-child { margin-bottom: 0; padding: 0; border: none; }

.greedy-nav .nav > li > ul ul { display: none; } /* Hide nested levels in the dropdown */

.greedy-nav ul li a:hover,
.greedy-nav ul li a:focus { text-decoration: underline; }

.greedy-nav .nav li:first-child { padding-left: 0; }
.greedy-nav .nav li:last-child { padding-right: 0; border: none; }

.greedy-nav .hidden-links { padding: 18px 15px; margin: 0; position: absolute; right: 0px; top: calc(100% + 20px); border-top: 1px solid #d5d9e4; background: #efefef; -webkit-box-shadow: 0 8px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 10px 0px rgba(0, 0, 0, 0.1); z-index: 2; }
.greedy-nav .hidden-links li { display: block; border-bottom: 1px solid #e4e1e1; padding-bottom: 10px; margin-bottom: 10px;     position: relative; }
.greedy-nav .hidden-links li:last-child { margin-bottom: 0; padding: 0; border: none; }
.greedy-nav .hidden { visibility: hidden; }

.greedy-nav .icon--plus { display: none; position: absolute; top:0;right:0;}
.greedy-nav .hidden-links  .icon--plus { display: block;        width: 100%; text-align: right;  font-size: 12px; color: #001a70; cursor: pointer; width: 23px; z-index: 1;}
.greedy-nav .hidden-links  .subOn .icon--plus:after { -webkit-transform: rotate(45deg);  transform: rotate(45deg); } 

.greedy-nav .hidden-links > li.liHasChildren {padding-right: 23px;}
.greedy-nav .hidden-links > li.liHasChildren ul {  display: none; margin: 10px -15px 0 10px; padding: 0; }
.greedy-nav .hidden-links > li.liHasChildren.subOn > ul {display: block;}
.greedy-nav .hidden-links > li.liHasChildren ul li {   padding-bottom: 5px; margin-bottom: 5px; }

@media screen and (max-width: 750px) {
    .sub-nav { padding: 15px 0; }
    .greedy-nav .hidden-links,
    .greedy-nav .nav > li > ul { top: calc(100% + 15px); }
    .greedy-nav .nav > li > ul > li a { white-space: normal; }
}

@media screen and (max-width: 600px) {
    .sub-nav { padding: 12px 0; margin-bottom: 25px; z-index: 2; }

    .greedy-nav .nav > li > ul {  min-width: 240px;  }
    .greedy-nav .hidden-links { max-width: 100%; }

    .sub-nav .sn-title { top: 50%; }

    .greedy-nav .hidden-links,
    .greedy-nav .nav > li > ul { padding: 16px 15px; top: calc(100% + 12px); }
    .greedy-nav .hidden-links li,
    .greedy-nav .nav > li > ul > li { padding-bottom: 8px; margin-bottom: 8px; }
}

@media screen and (max-width: 600px) and (min-height: 600px) {
    .sub-nav { position: sticky; top: 0; -webkit-transition: top .3s ease; transition: top .3s ease; }
    .stickyOn .sub-nav { top: 54px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.075); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.075); }
    .footerInview .sub-nav { top: 0; }
}

@media screen and (max-width: 480px) {
    .sub-nav { margin-bottom: 22px; }
}

@media screen and (max-width: 480px) and (min-height: 600px) {
    .stickyOn .sub-nav { top: 50px; }
    .footerInview .sub-nav { top: 0; }
}

@media screen and (max-width: 440px) {
    .sub-nav { padding: 10px 0; }

    .greedy-nav .hidden-links { text-align: right; }
    .greedy-nav .nav > li > ul { min-width: 240px; }
    .greedy-nav .hidden-links,
    .greedy-nav .nav > li > ul { padding: 14px 15px; top: calc(100% + 10px); }
    .greedy-nav .hidden-links li,
    .greedy-nav .nav > li > ul > li { padding-bottom: 7px; margin-bottom: 7px; }
}

@media screen and (max-width: 400px) {
    .greedy-nav .nav > li > ul { min-width: 220px; }

    .sub-nav .sn-title { font-size: 13px; }
    .greedy-nav { font-size: 13px; }
    .greedy-nav .nav li.liHasChildren { position: static; }
    .greedy-nav .nav > li > ul,
    .greedy-nav .hidden-links { width: 100%; left: 0; text-align: left; }
}


/* = In page navigation
----------------------------------------------------------------------------------------------------------------- */
.pageNav { padding:10px;  margin-bottom: 25px; background: #e8f3fa; border: 1px solid #cddde7;  width: 100%;  text-align: center;  position: relative; }
.pageNav ul { height: 0; overflow: hidden; margin: 0;  padding: 0; position: absolute;  width: calc(100% + 2px); background: #fff;   border: 1px solid #cddde7;  border-width: 0 1px 1px; top: 0; top: calc(0px + 100%);left: -1px; right: -1px; }
.pageNav.on ul {margin: 1px 0 0; padding:24px 0;  height: auto;   } 
.pageNav ul li{ display: block; margin:0 0 15px;  }
.pageNav ul li:last-child {margin-bottom: 0;}
.pageNav ul li a { text-decoration: none; display: inline-block; }
.pageNav ul li a:hover,
.pageNav ul li a:focus {text-decoration: underline;}
.pageNav ul li a.on{text-decoration: none; font-weight: bold}

.pageNav .in-section {color: #001a70; font-weight: 600; cursor: pointer; position: relative;     z-index: 1;}

.pageNav .icon--plus { display: none; position: absolute; top:0;right:0;}
.pageNav .icon--plus { position: absolute; top:10px; right:10px; display: block; color: #001a70;  }
.pageNav.on .icon--plus:after { -webkit-transform: rotate(45deg);  transform: rotate(45deg); } 

@media screen and (max-width: 480px) {
    .pageNav { padding: 10px 15px; text-align: left; }
    .pageNav .icon--plus {  right: 13px; }
    .pageNav.on ul {padding:20px; }

}

/* = Banners
----------------------------------------------------------------------------------------------------------------- */
.hero { position: relative; padding-bottom: 400px; /*margin-bottom: 30px;*/ height: 0; }

.hero.hero--natural-height {padding:0; height: auto;}
.hero.hero--natural-height img {position: relative; width:100%; object-fit: cover; min-height: 160px; height: auto;}
.hero .hero-mobile { display: none;}

.hero--line-top {border-top:1px solid #E8F3FA;}

.hero-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.hero-img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; }
.hero-content { position: absolute; top: 0; left: 0; width: 100%; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.hero-content .hc-inner { max-width: 500px; color: #fff; z-index: 1; }
.hero-content .hc-inner-full { color: #fff; z-index: 1; } 

.hero-content .hc-inner-full h1,
.hero-content .hc-inner-full h2,
.hero-content .hc-inner-full h3,
.hero-content .hc-inner-full h4,
.hero-content .hc-inner-full a,
.hero-content .hc-inner h1,
.hero-content .hc-inner h2,
.hero-content .hc-inner h3,
.hero-content .hc-inner h4,
.hero-content .hc-inner a { color: #fff; }

.hero-content .hc-inner-full h1:last-child,
.hero-content .hc-inner h1:last-child { margin-bottom: 0; }

.banner-black-bar { padding:20px; color: #FDC300; background: #000; text-align: center;}
.banner-black-bar a { color: #FDC300; font-weight: 600; text-decoration: underline; }

.hero + .breadcrumb,
.hero-func + .breadcrumb,
.banner-black-bar + .breadcrumb  { margin-top: 20px; }

@media screen and (min-width: 1200px) {
    .hero-content .hc-inner { max-width: 600px; }
}

@media screen and (max-width: 1200px) {
    .hero { padding-bottom: 350px; }

    .hero--noDesc { padding-bottom: 325px; }
}

@media screen and (max-width: 1024px) {
    .hero--noDesc { padding-bottom: 300px; }
}

@media screen and (max-width: 850px) {
    .hero--noDesc { padding-bottom: 275px; }
}

@media screen and (max-width: 600px) {
    .hero { padding-bottom: 300px; }

    .hero--noDesc { padding-bottom: 250px; }

    .hero .hero-desktop { display: none;}
    .hero .hero-mobile { display: block;}
}

@media screen and (max-width:480px) {
    .hero { padding-bottom: 275px; }
    .hero .leader { font-size: 1.05em; }

    .hero--noDesc { padding-bottom: 225px; }
}

@media screen and (max-width:400px) {
    .hero--noDesc { padding-bottom: 200px; }
}

@media screen and (max-width:350px) {
    .hero--noDesc { padding-bottom: 180px; }
}

/* = Functionality based hero
----------------------------------------------------------------------------------------------------------------- */
.hero-func { background-color: #001A70; overflow: hidden; height: auto; padding: 0; color: #fff; }

.hero-func h2, .hero-func h3,
.hero-func h4, .hero-func h5,
.hero-func h6, .hero-func a { color: #fff; }

.hero-func .col { padding: 30px 30px 30px 0; }
.hero-func .endCol { padding: 30px 0 30px 30px; }

@media screen and (max-width: 650px){
.hero-func .endCol { padding: 0 0 30px 0; }
}

/* = Section Title
----------------------------------------------------------------------------------------------------------------- */
.section-title { position: relative; background-color: #00A9E0; width: 100%; overflow: hidden; }
.hero + .section-title { display: none; }
.section-title_title { color: #fff; font-size: 2em; margin: 0; padding: 20px 0; font-weight: 600; }
.section-title + .breadcrumb { margin-top: 20px; }
    
@media screen and (min-width: 1200px) {
    .section-title_title { font-size: 2.125em; }
}

@media screen and (min-width: 1400px) {
    .section-title_title { font-size: 2.2em; }
}

@media screen and (max-width: 480px) {
    .section-title_title { padding: 18px 0;  font-size: 1.8em;  }
}

@media screen and (max-width: 400px) {
    .section-title_title { padding: 15px 0; font-size: 1.6em;  }
}

@media screen and (max-width: 340px) {
    .section-title_title { padding: 12px 0; font-size: 1.5em;  }
}

/* = Footer CTA
----------------------------------------------------------------------------------------------------------------- */
.footer-cta { padding: 50px 0; background: #efefef; }
.footer-cta .cards { margin: 0; }
.footer-cta .cards .card-item { background: none; border: 0;}
.footer-cta .cards .card-item .cards { margin: 0; }
.footer-cta .cards--twitter.is-loading { min-height: 100px; background: url(/_img/loader.gif) center no-repeat; }
.footer-cta .cards--twitter .card-inner { margin-right: 40px; padding: 35px; background: #fff; }

@media screen and (max-width:1200px) {
    .footer-cta .cards--twitter .card-inner { margin-right: 20px; }
}

@media screen and (max-width:950px) {
    .footer-cta .cards--twitter .card-inner { margin: 0; }
    .footer-cta .cards--x2-1 > .card-item:last-child { margin: 20px 35px 0; }
}

@media screen and (max-width:850px) {
    .footer-cta { padding: 45px 0; }
    .footer-cta .cards--x2-1 > .card-item:last-child { margin: 10px 25px 0; }
}

@media screen and (max-width:600px) {
    .footer-cta { padding: 45px 0; }
    .footer-cta .cards--x2-1 > .card-item:last-child { margin: 10px 0 0; }
    .footer-cta .cards:last-child {margin-bottom: 0;} 
}

@media screen and (max-width:400px) {
    .footer-cta { padding: 40px 0; }
    .footer-cta .cards--twitter .card-inner { padding: 30px; }
}

@media screen and (max-width:380px) {
    .footer-cta { padding: 35px 0; }
}

/* = Footer
----------------------------------------------------------------------------------------------------------------- */
footer { padding: 72px 0 50px; color: #fff; background: #001A70; color: #fff; font-size: 0.813em; }
footer .ftr-tagline,
footer a,
footer a:hover { color: #fff; }


footer a:not(.icon):hover,
footer a:not(.icon):focus { color: #43b02a; text-decoration: underline }

.ftr-title { font-size: 15px; margin-bottom: 10px; font-weight: 600; }
.ftr-logo { width: 210px; height: 57px; position: absolute; left: -1px; top: -22px; }

.ftr-col { float: left; order: 1; }
.ftr-col--left { margin-top: 75px; width: 400px; }
.ftr-col--right { width: calc(100% - 400px); }

.ftr-nav { margin-top: 75px; clear: both; }
.ftr-links { float: left; width: 33.333%; }
.ftr-links ul { list-style: none; margin: 0; padding: 0; }
.ftr-links li { margin-bottom: 8px; }

.ftr-tagline { clear: both; float: right; }

.ftr-social { font-size: 22px; }
.ftr-social .icon { color: #00A9E0; margin-right: 15px; display: inline-block; vertical-align: middle; line-height: 1; }

.ftr-social .icon:hover,
.ftr-social .icon:focus { color:#43b02a; }

.ftr-signup { font-size: 14px; }
.ftr-signup .icon:before { padding-right: 7px; }

.ftr-copyright { padding-top: 15px; margin-top: 40px; border-top: 1px solid rgba(0, 169, 224, 0.65); }

@media screen and (max-width: 1200px) {
    .ftr-col--left { width: 375px; }
    .ftr-col--right { width: calc(100% - 375px); }

    .ftr-links { width: 50%; }
    .ftr-links--1 { order: 1; }
    .ftr-links--2 { order: 3; margin-top: 25px; }
    .ftr-links--3 { order: 2; }

    .ftr-tagline { float: left; }
}

@media screen and (max-width: 960px) {
    .ftr-col--left { width: 350px; }
    .ftr-col--right { width: calc(100% - 350px); }
}

@media screen and (max-width: 850px) {
    footer { padding: 45px 0; }
    .ftr-nav { margin-top: 30px; }

    .ftr-links { width: 50%; float: left; }
    .ftr-links li:last-child { margin-bottom: 0; }
    .ftr-links--3 { margin-top: 0; }

    .ftr-tagline { float: none; }

    .ftr-logo { position: relative; top: 0; margin-bottom: 20px; }
    .ftr-col { margin: 0; float: none; width: 100%; }
    .ftr-col--left { margin-top: 30px; order: 2; }
}

@media screen and (max-width: 600px) {
    footer { font-size: 0.913em; }
}

@media screen and (max-width: 480px) {
    .ftr-links { float: none; width: 100%; }
    .ftr-links--3 { margin-top: 25px; }
}

@media screen and (max-width: 400px) {
    footer { padding: 40px 0; font-size: 0.85em; }
    .ftr-title { font-size: 14px; }

    .ftr-tagline { font-size: 4vw; }

    .ftr-nav,
    .ftr-copyright { margin-top: 25px; }

    .ftr-links--2,
    .ftr-links--3 { margin-top: 20px; }
    .ftr-links li { margin-bottom: 6px; }

    .ftr-col--left,
    .ftr-copyright { font-size: .9em; }

    .ftr-social { font-size: 20px; margin-bottom: 15px; }
    .ftr-social .icon { margin-right: 18px; }
    .ftr-logo { margin-bottom: 15px; width: 175px; height: 48px; }
}

@media screen and (max-width: 380px) {
    footer { padding: 35px 0; }
    .ftr-copyright { padding-top: 12px; }
    .ftr-title { margin-bottom: 8px; }
    .ftr-social,
    .ftr-logo { margin-bottom: 12px; }
}

@media screen and (max-width: 360px) {
    .ftr-title { font-size: 13px; }
}

/* = Newsletter Fields
----------------------------------------------------------------------------------------------------------------- */
.newsletterReq {     font-size: .85em; color: #43b02a;  }
.newsletterReq p:last-child {margin:0; }
.newsletterFields { margin: 5px 0 0; }
.newsletterFields .text,
.newsletterFields .select { width: 100%;  float: none; }
.newsletterFields .chk { margin-left: 10px; vertical-align: 0; }
.newsletterFields label { display: block; width: 100%; float: none; }

.newsletterInputs > div {margin-bottom:8px;}

.newsletterInputs .nl-notWorking {    margin: 5px 0 15px; }
.newsletterInputs  .nl-notWorking label {padding:0; }

.newsletterPrivacy {  position: relative;     margin-bottom: 20px;}
.newsletterPrivacy p { font-size: 11px; line-height: normal;  padding-left:30px; }
.newsletterPrivacy label {padding:0; }
.newsletterPrivacy label a { text-decoration: underline;}
.newsletterPrivacy input[type='checkbox'] {position: absolute; top:1px; left:0; }

@media screen and (min-width: 481px) {
    .newsletterInputs > div {  margin-bottom: 10px;  }
    .newsletterPrivacy p { font-size: 12px;  padding-left:30px; }
}

@media screen and (min-width: 601px) {
    .newsletterInputs > div {float:left; width:calc(50% - 5px); margin: 0 10px 10px 0;}
    .newsletterInputs > div:nth-child(odd)  {clear:left; }
    .newsletterInputs > div:nth-child(even) {margin-right: 0; clear:right; }
    .newsletterInputs  .nl-notWorking  { width:100%;  margin: 5px 0 18px;  }

    .newsletterPrivacy p { font-size: 13px;  padding-left:32px; }
}

/* = News
----------------------------------------------------------------------------------------------------------------- */
.news ul { list-style: none; margin: 0; padding: 0; }
.news ul li { margin: 0 0 20px; background: #E8F3FA; }
.news ul li:last-child { margin-bottom: 0; }
.news ul li a { display: block; position: relative; }

.news .ni-image { width: 350px; position: absolute; top: 0; left: 0; height: 100%; }
.news .ni-image img { object-fit: cover; font-family: 'object-fit: cover;'; height: 100%; width: 100%; }
.news .ni-cont { margin-left: 350px; width: calc(100% - 350px); padding: 35px; background: #E8F3FA; }
.news .ni-date { margin-bottom: 10px; font-size: .75em; font-weight: 600; }
.news .ni-title { margin-bottom: 15px; }

.news-list { list-style: none; margin: 0; padding: 0; }
.news-list a:hover p:first-child,
.news-list a:focus p:first-child { text-decoration: underline; }
.news-list--small li { padding-bottom: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.news-list--small li:last-child { padding: 0; border: none; }
.news-list--small p { margin-bottom: 5px; font-size: .9em; line-height: 1.5em; }
.news-list--small .nl-date { font-size: .75em; }
.news-list--small .nl-loc:after { content: '|'; display: inline-block; opacity: 0.75; padding: 0 4px 0 7px; }

.news-meta { color: #43b02a; }
.news-meta .news-back { color: #00a9e0; }
.news-back:after {     padding-left: 5px; content:'\f105'}

.news-meta--top .news-back { margin-left: 18px; padding-left: 20px; border-left: 1px solid #a1d794; }
.news-meta--footer { margin: 10px 0; }

.ns-wrap { margin-bottom: 30px; padding: 30px; background: #e8f3fa; -webkit-border-radius: .75em; border-radius: .75em; /*text-align: center;*/ position: relative; }
.news-search { position: relative; text-align: left; }
.news-search .ns-item { float: left; }
.news-search .ns-item--keyword { width: calc(65% - 95px); }
.news-search .ns-item--keyword label { width: 120px; }
.news-search .ns-item--keyword input { width: calc(100% - 120px); -webkit-border-radius: 25px; border-radius: 25px; }
.news-search .ns-item--year { width: calc(35% - 95px); }
.news-search .ns-item--year label { margin-left: 30px; width: 60px; }
.news-search .ns-item--year .select { width: calc(100% - 90px); }
.news-search .ns-item--year select { -webkit-border-radius: 25px; border-radius: 25px; }
.news-search .ns-item--search { width: 190px; }
.news-search .btn--search { width: 160px; float: right; }

.news-search + input.btn--reset { margin: 22px 0 0; }

.news-search--has-evet { display: table; width: 100%; }
.news-search--has-evet .ns-item { display: table-cell; vertical-align: middle; float: none; }
.news-search--has-evet .ns-item--keyword { width: calc(100% - 700px); }
.news-search--has-evet .ns-item--year { width: 280px; }
.news-search--has-evet .ns-item--evet { width: 230px; font-size: 12px; line-height: 1.25em; padding-left: 30px; }

.ns-item--evet label { float: none; width: 100%; padding: 0; position: relative; }
.ns-item--evet label span { width: calc(100% - 30px); }
.ns-item--evet label * { display: inline-block; vertical-align: middle; }

.news-count { margin-bottom: 30px; text-align: right; }
.news-count > div { display: inline-block; }
.news-count span { color: #43b02a; }
.news-count .nc-found { font-weight: 600; margin-right: 15px; padding-right: 19px; border-right: 1px solid #a1d794; }

.news-main .cards { margin: 0;     clear: both; }
.news-main .results-count { float: right; clear: both; margin: 0 0 6px; }

.news-view .itemTags { margin: 0 0 10px; }
.news-view p + .links-title { margin-top: 30px; }

.news-view > div:not([class]) { margin: 0 0 20px; line-height: 1.75em; }

.news-view > div a:not([class]),
.news-view > p a:not([class]) {text-decoration: underline; color:#43b02a;}
.news-view > p a:not([class]):hover,
.news-view > p a:not([class]):focus {color:#00a9e0; } 

.news-view figure.inline-image{float:right; margin-left: 25px; margin-top: 0;}


.share-buttons { margin-top: 30px; min-height: 31px; }

@media screen and (min-width: 1201px) {
    .news-list--small li p:first-child { line-height: 1.5em; max-height: 3em; overflow: hidden; position: relative; text-overflow: ellipsis; }
    .news-list--small li p:first-child::before,
    .news-list--small li p:first-child::after { content: '...'; line-height: 1; position: absolute; right: 0; top: 3em; -ms-wrap-flow: start; }
    .news-list--small li p:first-child::after { color: #fff; top: 1.75em; }

    @supports (-webkit-line-clamp: 2) {
        .news-list--small li p:first-child { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
        .news-list--small li p:first-child::before,
        .news-list--small li p:first-child::after { content: normal; }
    }
}

@media screen and (max-width: 1200px) {
    .news-search.news-search--has-evet { display: block; }
    .news-search--has-evet .ns-item { display: block; float: left; }

    .news-search.news-search--has-evet .ns-item--keyword,
    .news-search.news-search--has-evet .ns-item--year { width: 50%; }
    .news-search.news-search--has-evet .ns-item--evet { width: calc(100% - 190px); padding: 26px 0 0 0; font-size: 14px; }
    .news-search.news-search--has-evet .ns-item--search { float: right; position: relative; margin-top: 15px; }

    .ns-item--evet label span { width: auto; padding: 0 25px 0 0; }
    .ns-item--evet label input { position: absolute; top: 2px; right: 0; margin: 2px; }

    .news-list--small li:last-child { margin-bottom: 10px; }
}

@media screen and (max-width: 950px) {
    .news .ni-summary { display: none; }
    .newsview h1 { margin-top: 15px; }

    .news-search .ns-item--keyword { width: calc(100% - 390px); }
    .news-search .ns-item--year { width: 230px; }
    .news-search .ns-item--search { width: 160px; }
    .news-search .btn--search { width: auto; min-width: 140px; }

    .news-main .results-count { position: relative; float: none; margin-bottom: 20px; line-height: 1; }

    .news-view p + .links-title { margin-top: 25px; }
}

@media screen and (max-width: 850px) {
    .news .ni-image { width: 40%; }
    .news .ni-cont { margin-left: 40%; width: 60%; padding: 25px; }

    .news-search .ns-item label { margin: 0; padding: 0 0 2px; }
    .news-search .ns-item--evet label { padding: 0; }
    .news-search .ns-item--keyword { width: calc(100% - 310px); }
    .news-search .ns-item--keyword input { width: calc(100% - 20px) }
    .news-search .ns-item--year { width: 150px; }
    .news-search .ns-item--year .select { width: 100%; }
    .news-search .ns-item--search { position: absolute; right: 0; bottom: 0; }

    .news-count { font-size: 0.938em }
    .news-list--small li:last-child { margin-bottom: 5px; }
}

@media screen and (min-width: 481px) and (max-width: 850px), screen and (max-width: 400px) {
    .news .ni-title { font-size: 1.25em; }
}

@media screen and (max-width: 680px) {
    .news-meta { margin-bottom: 15px; }

    .news-search.news-search--has-evet .ns-item--evet { font-size: 13px; }
    .ns-item--evet label input { left: 0; top: 1px; right: auto; }
    .ns-item--evet label span { padding: 0 0 0 22px; vertical-align: top; }

    .news-view figure.inline-image{float:none; margin: 25px 0;}
}

@media screen and (max-width: 600px) {
    .news-meta--top .news-back { margin-left: 12px; padding-left: 15px; }

    .ns-wrap { padding: 25px; margin-bottom: 25px; }
    .news-search .ns-item--keyword { width: calc(100% - 235px); }
    .news-search .ns-item--keyword input { width: calc(100% - 15px); }
    .news-search .ns-item--year { width: 120px; }
    .news-search .ns-item--search { width: 115px; }
    .news-search .btn--search { min-width: 100px; }

    .news-search + input.btn--reset { margin: 15px 0 0; }

    .ns-item--evet label input { top: 0; }
    .news-search.news-search--has-evet .ns-item--evet { padding: 24px 0 0 0; width: calc(100% - 115px); font-size: 12px; }

    .news-count { margin-bottom: 25px; font-size: 0.875em; }
    .news-count .nc-found { margin-right: 12px; padding-right: 16px; }

    .share-buttons { margin-top: 25px; }

    .news-list--small li:last-child { margin-bottom: 0; }
}

@media screen and (max-width: 480px) {
    .news .ni-image { width: 100%; position: relative; height: 0; padding-bottom: 56%; }
    .news .ni-image img { position: absolute; top: 0; left: 0; }
    .news .ni-cont { margin: 0; width: 100%; padding: 25px; }
    .news .ni-date { line-height: 1.5em; }

    .news-search .ns-item { float: none; width: 100%; }
    .news-search .ns-item--keyword input { width: 100%; }
    .news-search .ns-item--year { margin-top: 12px; width: calc(100% - 115px); }
    .news-search .ns-item--search { width: 115px; }
    .news-search .ns-item label { padding-bottom: 3px; }

    .news-search + input.btn--reset { position: absolute; right: 28px; bottom: 35px; margin: 0; }

    .news-search.news-search--has-evet .ns-item--keyword,
    .news-search.news-search--has-evet .ns-item--year { width: 100%; }
    .news-search.news-search--has-evet .ns-item--evet { padding: 12px 0 0; width: 100%; }
    .news-search.news-search--has-evet .ns-item--search { float: none; margin-top: 15px; width: auto; }
    .news-search.news-search--has-evet .ns-item--search .btn { float: none; }

    .news-count { margin-bottom: 20px; font-size: 0.813em; }
    .news-count .nc-found { margin-right: 10px; padding-right: 14px; }

    .news-main .results-count { margin-bottom: 18px; }

    .results-count + .paging {margin-top: 22px;}
}

@media screen and (max-width: 400px) {
    .ns-wrap { padding: 20px 20px 25px;  } 

    .news-search { font-size: .9em; }
    .news .ni-date { line-height: 1.25em; }
    .news-count { margin-bottom: 15px; font-size: 0.75em }

    .news-main .results-count { margin-bottom: 15px; font-size: .9em; }

    .news-view p + .links-title,
    .share-buttons { margin-top: 22px; }
}

/* = Cards
----------------------------------------------------------------------------------------------------------------- */
.cards { margin: 45px 0; position: relative; }
.cards--inline { margin: 35px 0; }
h2 + .cards { margin-top: 25px; }

.cards:first-child { margin-top: 0; }
.cards:last-child { margin-bottom: 10px; }

.cards .card-item,
.cards-sub { float: left; }

.cards .card-item--inline { float: none; }

.cards .ci-date { margin-bottom: 10px; font-size: .75em; font-weight: 600; }
.card-item { min-height: 75px; position: relative; overflow: hidden; }
.card-inner { position: relative; }
.card-item .btn { margin-bottom: 5px; }

.cards .ci-tag-wrap { min-height: 28px; margin: 0 0 5px; }

@media screen and (max-width: 480px) {
    .cards .ci-tag-wrap { min-height: 0; }
}

.cards + .paging,
.card-item + .paging { margin-top: 25px; }

.cards.cards--withpaging { margin: 0; }

/*cards - cols*/
.cards--x1 { margin: 45px 0; }
.cards--x1 .card-item { width: 100%; margin: 0; }
.cards--x2 .card-item { width: 49.25%; margin: 1.5% 1.5% 0 0; }
.cards--x2 .card-item:nth-child(-n+2) { margin-top: 0; }
.cards--x2 .card-item:nth-child(odd) { clear: left; }
.cards--x2 .card-item:nth-child(even) { margin-right: 0; clear: right; }

.cards--x1-simple .card-item  {margin:0; padding: 10px 0;  }
.cards--x1-simple .card-item:first-child {border-top:1px solid #ddd;  } 
.cards--x1-simple.cards.cards--withpaging {margin:0; }
.cards--x1-simple .card-tag  {min-width: 130px;}
.cards--x1-simple .ci-cont { padding:10px;     padding-right: 170px; }

.cards--x3 .card-item { width: 32.33333%; margin: 1.5% 1.5% 0 0; }
.cards--work .card-item { margin-top: 3%; }

.cards--x3 .card-item:nth-child(-n+3) { margin-top: 0; }
.cards--x3 .card-item:nth-child(3n+1) { clear: left; }
.cards--x3 .card-item:nth-child(3n+3) { margin-right: 0; clear: right; }

.cards--x4 .card-item { width: 23.875%; margin: 1.5% 1.5% 0 0; }
.cards--x4 .card-item:nth-child(-n+4) { margin-top: 0; }
.cards--x4 .card-item:nth-child(4n+1) { clear: left; }
.cards--x4 .card-item:nth-child(4n+4) { margin-right: 0; clear: right; }

.slider--news.cards--x4,
.slider--news.cards--x4 .card-item:nth-child(even),
.slider--news.cards--x4 .card-item:nth-child(odd) { margin: 0; }

.cards--x2-1 > div:nth-child(1) { width: 66.16666%; margin: 0 1.5% 0 0; }
.cards--x2-1 > div:nth-child(2) { width: 32.33333%; margin-right: 0; }
.cards--x2-1 .cards-sub:first-child .card-item { width: 48.875%; margin: 0 2.25% 2.25% 0; height: calc(50% - 2.25%); }
.cards--x2-1 .cards-sub:first-child .card-item:nth-child(even) { margin-right: 0 }
.cards--x2-1 .cards-sub:first-child .card-item:nth-last-of-type(-n+2) { margin-bottom: 0; }
.cards--x2-1 .card-item--callout { padding: 60px; width: 100%; }

/* cards - shared*/
.cards.cards--narrow { max-width: 940px; margin-left: auto; margin-right: auto; }

.cards--news .ci-image img,
.card-item--media .ci-image img { object-fit: cover; font-family: 'object-fit: cover;'; height: 100%; width: 100%; }

.card-link { position: absolute; color: #fff; width: 40px; height: 40px; bottom: 0; right: 0; text-indent: -200%; overflow: hidden; background: rgba(255, 255, 255, 0.5); z-index: 0; }
.card-link--top { top: 0; bottom: auto;     z-index: 1; }
.card-link:after { content: '\e812'; position: absolute; left: 0; text-indent: 0; font-size: 18px; line-height: 40px; width: 40px; }
.card-lock { position: absolute; bottom: 0; right: 0; width: 40px; height: 40px; line-height: 40px; font-size: 24px; text-align: center; color: #001A70; background: rgba(128, 128, 128, 0.15); }
.card-tag { position: absolute; top: 0; right: 15px; padding: 4px 16px 3px; min-width: 80px; text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: #001a70; color: #fff; font-size: .625em; text-transform: uppercase; }

.card-link:hover,
.card-link:focus { background-color: rgba(0, 0, 0, 0.5);}

/* cards - default*/
.cards--default .card-item { border: 1px solid #40bfe8; }
.cards--default .card-inner { padding: 15px; height: 100%; /*min-height: 195px;*/ z-index: 1; }
.cards--default .ci-image { float: left; width: 100px; margin: 10px 25px 10px 10px; position: relative; }
.cards--default .ci-image img { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
.cards--default .card-item > a { display: block; height: 100%; }
.cards--default .ci-cont { width: calc(100% - 135px); padding: 10px 40px 10px 0; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; float: left; }
.cards--default .ci-cont p { font-size: .875em; line-height: 1.65em; display: none; }
.cards--default .ci-cont p:first-of-type {display: block; display: -webkit-box; margin:0;  }
.cards--default .ci-cont p { -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 4.95em; overflow: hidden; position: relative; text-overflow: ellipsis;  }
.cards--default .ci-cont p + .lowcvpTag,
.cards--default .ci-summary + .lowcvpTag   {margin-top:10px; }
.cards--default .ci-cont br {display: none;}
.cards--default .card-link { color: #001a70; }

.card-item--noImg .ci-cont { padding: 10px 40px 10px 10px; }
.cards--x1-simple .card-item {background: #fff; border: 0; border-bottom:1px solid #ddd;}
.cards--x1-simple .card-item .ci-cont {padding-right: 170px;}
.cards--x1-simple .card-inner  {padding:0; }

.lowcvpTag { position: relative; margin: 10px 5px 4px 0; top: 0; left: 0; display: inline-block; vertical-align: top; height: 20px; line-height: 20px; clear: both; font-size: 10px; border-radius: 24px; color: #fff; background: #B5BD00; }
.lowcvpTag span { margin-right: 9px; display: inline-block; vertical-align: top; }

.cards--default .ci-image .lowcvpTag img,
.lowcvpTag img { height: 14px; width: auto; margin: 0 5px 0 6px; top: 3px; left: 0; display: inline-block; vertical-align: top; position: relative; -webkit-box-shadow: none; box-shadow: none; }

.lowcvpTag--meeting img { height: 12px; margin-top: 1px; }
.lowcvpTag--members img { height: 11px; margin: 1px 6px 0 7px; }

.lowcvpTag--members { background: #FF8200; }
.lowcvpTag--meeting { background: #7C2855; }

.cards--default-x3 .ci-cont { padding-right: 35px; }
.card-item--callout .card-inner { height: auto; min-height: 0; }

/* cards - home*/
.cards--top .card-item { width: 23.875%; margin: 1.5% 1.5% 0 0; background: #888; position: relative; }
.cards--top .card-item--bgImg { background-position: 50% 25%; background-repeat: no-repeat; background-size: cover; }
.cards--top .card-item--bgImg:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.15; }

.cards--top .card-item--lens-20:before { opacity:0.2;} 
.cards--top .card-item--lens-30:before { opacity:0.3;} 
.cards--top .card-item--lens-40:before { opacity:0.4;}
.cards--top .card-item--lens-50:before { opacity:0.5;} 
.cards--top .card-item--lens-60:before { opacity:0.6;} 
.cards--top .card-item--lens-70:before { opacity:0.7;} 
.cards--top .card-item--we-changed:before { opacity: 0.35; }

.cards--top .card-item *:not(.btn) { color: #fff; cursor: pointer; }
.cards--top .card-item .blue-slide-txt * { color: #001A70; }
.cards--top .card-item .blue-slide-txt .btn:hover,
.cards--top .card-item .blue-slide-txt .btn:focus { color:#fff; border-color: #43b02a; }

.cards--top .card-item:nth-child(1) { width: 74.5%; margin: 1.5% 1.5% 0 0; }
.cards--top .card-item:nth-child(2) { width: 23.875%; margin-right: 0; }
.cards--top .card-item:nth-child(3) { border: 2px solid #e5e5e5; width: 49%; }
.cards--top .card-item:nth-child(5) { margin-right: 0; }
.cards--top .card-item:nth-child(-n+2) { margin-top: 0; }

.cards--top .card-item:nth-child(1) .ci-cont { max-width: 480px; }
.cards--top .card-item:nth-child(3) .ci-cont { max-width: 410px; }
.cards--top .card-item:nth-child(-n+3) .ci-cont { padding-bottom: 75px; }
.cards--top .card-item--lBlue { background-color: #00A9E0; }
.cards--top .card-item--dBlue { background-color: #001A70; }
.cards--top .card-item--green { background-color: #43b02a; }

.cards--top .card-inner { margin: 35px 40px; min-height: 250px; z-index: 1; }
.cards--top .card-item:nth-child(-n+2) .card-inner { min-height: 275px; }
.cards--top .card-item:nth-last-child(-n+2) .card-inner { margin: 35px 25px; }
.cards--top .ci-btns { position: absolute; bottom: 0; }
.cards--top .ci-btns .btn {margin-bottom: 10px; }
.cards--top .blue-slide-txt .ci-btns .btn { border-color: #001A70; }

.cards--top .card-item--we-changed .ci-cont,
.cards--top .card-item--we-changed:nth-child(3) .ci-cont  { max-width: none; padding-bottom: 0;} 

.ci-changed p {font-size: .85em; padding: 10px 16px;margin: 0 0 10px;line-height: 1.4em;border-radius: 30px 6px 30px 6px;border: 1px solid rgba(255, 255, 255, 0.5);} 
.ci-changed p:last-child {margin:0; }
.ci-changed p span { padding-left: 35px; display: block; position: relative;}
.ci-changed p span:before {content:'\e816';border: 1px solid #afdea5;border-radius: 50%;padding: 3px;position: absolute;top:1px;left:0;color: #5fbc4a;} 

/*Optional curved corners*/
.cards--top .card-item { -webkit-border-bottom-right-radius: 60px; border-bottom-right-radius: 60px; }

/* cards - our work*/
.cards--work .ci-icon { width: 100%; height: 75px; margin: 0 auto; border-radius: 0; position: relative; z-index: 1; }
.cards--work .ci-icon img { max-height: 75%; height: auto; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.cards--work .ci-latest { padding: 15px 70px 15px 50px; min-height: 69px; position: relative; }
.cards--work .ci-latest p { color: #fff; }
.cards--work .cil-type { opacity: 0.9; position: absolute; left: 15px; top: 50%; font-size: 1.375em; color: #fff; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.cards--work .ci-cont { border: 1px solid #43b02a; padding: 30px 30px; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.cards--work .card-inner { height: 100%; }

/* cards - media */
.card-item--media .ci-image { padding-bottom: 56%; height: 0; background-color: #ccc; position: relative; }
.card-item--media .ci-image img { position: absolute; top: 0; left: 0; }
.card-item--video .ci-image:after { position: absolute; top: 50%; top: calc(50% + 29px); left: 50%; margin: -45px 0 0 -30px; line-height: 60px; width: 60px; height: 60px; -webkit-border-radius: 60px; border-radius: 60px; color: #fff; border: 2px solid #fff; font-size: 2.5em; text-align: center; text-indent: 4px; }

.card-item--media--inline { margin: 35px 0; }
.card-item--media--inline .ci-image { padding-bottom: calc(56% - 50px); }
.card-item--media--inline .ci-image:after { top: calc(50% + 32px); }

/* cards - media bar*/
.card-item .ci-bar { padding: 20px; background: #001A70; position: absolute; left: 0; bottom: 0; width: 100%; }
.card-item .ci-bar p { color: #fff; }
.card-item .ci-bar .h6 { padding: 0 120px 0 35px; }
.card-item .ci-bar .btn { position: absolute; top: 50%; margin-top: -16px; right: 20px; }

.card-item .ci-bar:before { position: absolute; top: 50%; left: 20px; color: #fff; font-size: 1.375em; opacity: 0.9; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.card-item .ci-bar--video:before { content: '\e821'; }
.card-item .ci-bar--photo:before { content: '\e824'; }

.card-item--media--inline .ci-bar { position: relative; }

/* cards - latest bar*/
.cil-title { margin: 0 0 1px; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: .9em; line-height: 1.25em; }
.cil-date { font-size: .75em; }
.cil-loc { margin: 0 5px 0 0; }
.cil-datefull { display: inline-block; }
.ci-latest { display: block; }
.ci-latest .card-link { color: #fff; right: 15px; top: 50%; margin-top: -20px; background: rgba(255, 255, 255, 0.3); }
.ci-title p { line-height: normal; }

/* cards - join*/
.card-item--join .card-inner { padding: 30px 25px; }
.card-item--join .ci-cont { padding: 0; width: 100%; }
.card-item--join h3,
.card-item--join p { color: #fff; }
.card-item--join .ci-btns {margin-top:20px;}

/* cards - events*/
.cards--events .card-inner { padding: 20px; height: 100%; }
.cards--events .ci-title { padding-left: 28px; margin: 4px 0 14px; font-family: 'Poppins', sans-serif; line-height: 1.25em; font-weight: 600; }
.cards--events .ci-meta { margin: 0; font-size: 0.875em; font-weight: normal; display: block; color: #001A70; }
.cards--events p { width: 100%; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; line-height: 1.65em; }
.cards--events .icon--cal { position: absolute; top: 21px; left: 19px; font-size: 18px; color: #001a70; opacity: 0.9; }
.cards--events .card-link { background: #001a70; color: #fff; }

.cards.cards--events-main { margin: 0; }
.cards--events-main .card-item { min-height: 225px; }

.event-tags { padding-right: 25px; }
.event-tags:empty { display: none; }

.cards--events .link-abs:hover,
.cards--events .link-abs:focus { background: rgba(0, 0, 0, 0.1); }
.cards--events .card-item:hover .ci-title,
.cards--events .card-item:focus .ci-title { text-decoration: underline; }

/* cards - news*/
.cards--news .ci-image { height: 0; padding-bottom: 56%; overflow: hidden; position: relative; background: #efefef; }
.cards--news .ci-image img { position: absolute; top: 0; left: 0; }
.cards--news .ci-cont { border: 1px solid #bdc0ca; border-top: none; padding: 25px; }
.cards--news .ci-title { margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-weight: 600; }
.cards--news .lowcvpTag { margin: 0 6px 8px 0; }

.cards--news-main .card-item { border: 1px solid #e5e5e5; }
.cards--news-main .ci-cont { padding: 0; margin: 25px; border: none; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; }
.cards--news-main .ci-image img { object-fit: scale-down; font-family: 'object-fit: scale-down;'; object-fit: contain; font-family: 'object-fit: contain;'; }
.cards--news-main .card-inner { height: 100%; }
.cards--news-main .ci-title { margin-top: 2px; margin-bottom: 45px; }
.cards--news-main .ci-readMore { position: absolute; bottom: 0; left: 0; }
.cards--news-main .ci-readMore span { margin: 0; }


.cards--news-main .card-item:focus { border-color: #43B02A;}

.cards--news-main .card-item > a:hover .btn,
.cards--news-main .card-item > a:focus .btn {  background-color: #00A9E0; border-color: #00A9E0;  } 

.cards--news-main .card-item > a:hover .ci-title,
.cards--news-main .card-item > a:focus .ci-title { text-decoration: underline;}


.cards .ci-fileSize { font-size: .7em; color: #7C2855; padding: .45em 1em; }

/* cards - twitter*/
.cards--twitter .card-inner { padding: 0 20px; }
.cards--twitter .icon { display: block; }
.cards--twitter .icon:before { font-size: 1.1em; padding-right: 8px; color: #00A9E0; }
.cards--twitter p { font-size: .875em; }
.cards--twitter p a { color: #00A9E0; }
.cards--twitter .icon:hover,
.cards--twitter p a:hover,
.cards--twitter .icon:focus,
.cards--twitter p a:focus { color: #43b02a; }

/* cards - contact*/
.card-item--contact { max-width: 600px; margin: 30px auto; padding: 30px; min-height: 180px; border: 1px solid #ced0d8 }
.card-item--contact + .card-item--contact { margin-top: 15px; }
.card-item--contact .ci-profile { position: absolute; top: 50%; margin-top: -60px; width: 120px; height: 120px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.card-item--contact .ci-profile img { -webkit-border-radius: 50%; border-radius: 50%; }
.card-item--contact .ci-cont { width: 100%; padding-left: 155px; }
.card-item--contact p { margin-bottom: 4px; }
.card-item--contact p:last-child { margin: 0; }
.card-item--contact .icon:before { width: 18px; padding-right: 5px;     text-decoration: none; }
.card-item--contact .icon--tel:before { font-size: 1.1em; }
.card-item--contact .ci-name { margin-top: 2px; margin-bottom: 8px; font-size: 1.25em; line-height: 1.4em; color: #001A70; }
.card-item--contact .ci-title { margin-bottom: 10px; line-height: 1.4em; color: #43b02a; }

.card-item--contact a:hover,
.card-item--contact a:focus { text-decoration: underline; color:#FF8200; }

@media screen and (min-width: 951px) {
    .content-right .card-item--contact { min-height: 100px; }
    .content-right .card-item--contact:last-child {position: -webkit-sticky; position: sticky; top:35px; transition: top .3s ease; }

    .stickyOn .content-right .card-item--contact:last-child { top:90px; }
    .stickyOn.footerInview .content-right .card-item--contact:last-child {top:35px; } 

    .content-right .card-item--contact { font-size: .9em; padding: 15px; margin: 25px auto; }
    .content-right .card-item--contact:first-child { margin-top: 5px; }
    .content-right .card-item--contact .ci-profile { margin-top: -30px; width: 60px; height: 60px; }
    .content-right .card-item--contact .ci-cont { padding-left: 75px; }
    .content-right .card-item--contact .ci-name { margin-bottom: 6px; }
    .content-right .card-item--contact .icon:before { width: 16px; }
}

/* cards - Working groups*/
.cards--workingGroups .card-item { padding: 10px; background: #fff; }
.cards--workingGroups .card-item p { color: #001A70; }
.cards--workingGroups .card-item p a:not(.btn) { color: #001A70; }
.cards--workingGroups .card-item p a:not(.btn):hover,
.cards--workingGroups .card-item p a:not(.btn):focus { text-decoration: underline; }
.wg-list .cards { margin: 0 0 30px; }
.wg-list .msg { width: 100%; text-align: center; }

/* cards - colour & circles*/
.card-item--green .ci-cont { border-color: #43B02A;  -webkit-border-bottom-right-radius: 60px; border-bottom-right-radius: 60px; }
.card-item--lBlue .ci-cont { border-color: #00A9E0;  -webkit-border-bottom-right-radius: 60px; border-bottom-right-radius: 60px; }
.card-item--orange .ci-cont { border-color: #FF8200;  -webkit-border-bottom-right-radius: 60px; border-bottom-right-radius: 60px; }
.card-item--dBlue .ci-cont { border-color: #001A70;  -webkit-border-bottom-right-radius: 60px; border-bottom-right-radius: 60px; }
.card-item--lGreen .ci-cont { border-color: #B5BD00;  -webkit-border-bottom-right-radius: 60px; border-bottom-right-radius: 60px; }
.card-item--purple .ci-cont { border-color: #7C2855;  -webkit-border-bottom-right-radius: 60px; border-bottom-right-radius: 60px; }
.card-item--yellow .ci-cont { border-color: #FEDB00;  -webkit-border-bottom-right-radius: 60px; border-bottom-right-radius: 60px; }

.card-tag--p,
.cards .card-item--p,
.card-item--purple .ci-icon,
.card-item--purple .ci-latest { background-color: #7C2855; border-color: #7C2855;  }

.card-tag--g,
.card-item--green .ci-icon,
.card-item--green .ci-latest,
.cards .card-item--g { background-color: #43B02A;  border-color: #43B02A; }

.card-tag--db,
.card-item--dBlue .ci-icon,
.card-item--dBlue .ci-latest,
.cards .card-item--b { background-color: #001A70;  border-color: #001A70; }

.card-tag--lb,
.card-item--lBlue .ci-icon,
.card-item--lBlue .ci-latest,
.cards .card-item--lb { background-color: #00A9E0;  border-color: #00A9E0; }

.card-tag--o,
.card-item--orange .ci-icon,
.card-item--orange .ci-latest,
.cards .card-item--o { background-color: #FF8200;  border-color: #FF8200; }

.card-tag--lg,
.card-item--lGreen .ci-icon,
.card-item--lGreen .ci-latest,
.cards .card-item--lg { background-color: #B5BD00;  border-color: #B5BD00; }

.card-tag--y,
.card-item--yellow .ci-icon,
.card-item--yellow .ci-latest,
.cards .card-item--lg { background-color: #FEDB00; border-color: #FEDB00; }

.card-tag--y,
.cards .card-item--y { background-color: #FEDB00;  border-color: #FEDB00; }

.card-tag--grey,
.cards .card-item--grey { background-color: #53565A; border-color: #53565A; }

.cards .card-item--lg25 { background-color: #eceebf; border-color: #eceebf;  }
.cards .card-item--g25 { background-color: #d0ebca; border-color: #d0ebca; }
.cards .card-item--y25 { background-color: #fff6bf; border-color: #fff6bf; }
.cards .card-item--lb25 { background-color: #bfe9f7; border-color: #bfe9f7; }

.cards .card-item--lg50 { background-color: #dade7f; border-color: #dade7f; }
.cards .card-item--g50 { background-color: #a1d794; border-color: #a1d794;}
.cards .card-item--y50 { background-color: #feed7f; border-color: #feed7f;}
.cards .card-item--lb50 { background-color: #7fd4ef; border-color: #7fd4ef;}

.cards .card-item--lg75 { background-color: #c8ce40; border-color: #c8ce40;}
.cards .card-item--g75 { background-color: #72c45f; border-color: #72c45f;}
.cards .card-item--y75 { background-color: #fee440; border-color: #fee440;}
.cards .card-item--lb75 { background-color: #40bfe8; border-color: #40bfe8;}

.card-item--g .card-inner *:not(.btn):not(input),
.card-item--b .card-inner *:not(.btn):not(input),
.card-item--lb .card-inner *:not(.btn):not(input),
.card-item--lg .card-inner *:not(.btn):not(input),
.card-item--o .card-inner *:not(.btn):not(input),
.card-item--grey .card-inner *:not(.btn):not(input),
.card-item--p .card-inner *:not(.btn):not(input),
.card-item--callout *:not(.btn):not(input) { color: #fff; }

.circles-1:before { content: ''; position: absolute; top: 30%; left: 20%; display: block; width: 600px; height: 600px; border-radius: 500px; background: rgba(255, 255, 255, 0.25); }
.circles-1:after { content: ''; position: absolute; top: -65%; left: -80%; display: block; width: 400px; height: 400px; border-radius: 400px; background: rgba(0, 0, 0, 0.05); z-index: 0; }
.circles-2:before { content: ''; position: absolute; top: -90%; left: -125%; display: block; width: 600px; height: 600px; border-radius: 500px; background: rgba(255, 255, 255, 0.1); }
.circles-2:after { content: ''; position: absolute; top: 68%; left: -80%; display: block; width: 400px; height: 400px; border-radius: 400px; background: rgba(0, 0, 0, 0.2); z-index: 0; }
.circles-3:before { content: ''; position: absolute; top: 70%; left: -7%; display: block; width: 350px; height: 350px; border-radius: 350px; background: rgba(0, 0, 0, 0.075); }
.circles-3:after { content: ''; position: absolute; top: -62%; left: 40%; display: block; width: 700px; height: 700px; border-radius: 700px; background: rgba(255, 255, 255, 0.15); z-index: 0; }

/* cards - CTAs*/
.cards--cta .card-item { min-height: 200px; }
.cards--cta .card-item--img { height: 0; min-height: 0; padding-bottom: 30%; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; }
.cards--cta .card-item--img:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.375; }
.cards--cta .card-item--inline.card-item--img { padding-bottom: 60%; }

.card-item--img .card-inner { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.card-item--img .card-inner *:not(.btn) { color: #fff; }

.cards--cta .card-inner { padding: 40px; z-index: 1; }


.cards--cta a:not(.btn) { 
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    transition: background-color .4s ease; 
}

.cards--cta .card-item--img > a {     position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cards--cta a:not(.btn):focus,
.cards--cta a:not(.btn):hover { background-color: #000; background-color: rgba(0, 0, 0, 0.8) }

.cards--cta a:not(.btn):focus .card-inner *,
.cards--cta a:not(.btn):hover .card-inner * { color:#fff; }


.cards--default .card-item > a:hover .card-link,
.cards--default .card-item > a:focus .card-link { background: #00A9E0;  }
.cards--default .card-item > a:hover .card-link:after,
.cards--default .card-item > a:focus .card-link:after { color: #fff; }

.cards--default .card-item > a:hover h5,
.cards--default .card-item > a:focus h5, 
.cards--default .card-item > a:hover .title-poppins,
.cards--default .card-item > a:focus .title-poppins { text-decoration: underline; }

.cards--cta .circles-1:before { top: 30%; left: 20%; width: 600px; height: 600px; border-radius: 500px; -webkit-transition: transform .5s ease; transition: transform .5s ease; }
.cards--cta .circles-1:after { top: -65%; left: -80%; width: 400px; height: 400px; border-radius: 400px; -webkit-transition: transform .5s ease; transition: transform .5s ease; }
.cards--cta .circles-2:before { top: -99%; left: -39%; width: 400px; height: 400px; border-radius: 500px; -webkit-transition: transform .5s ease; transition: transform .5s ease; }
.cards--cta .circles-2:after { top: 50%; right: -25%; left: auto; width: 300px; height: 300px; border-radius: 300px; -webkit-transition: transform .5s ease; transition: transform .5s ease; }
.cards--cta .circles-3:before { top: 70%; left: -7%; width: 350px; height: 350px; border-radius: 350px; -webkit-transition: transform .5s ease; transition: transform .5s ease; }
.cards--cta .circles-3:after { top: -62%; left: 40%; width: 700px; height: 700px; border-radius: 700px; -webkit-transition: transform .5s ease; transition: transform .5s ease; }
.cards--cta .card-item--y:before { background: rgba(150, 150, 150, 0.1); }
.cards--cta .card-item--y:after { background: rgba(0, 0, 0, 0.075); }
.cards--cta .card-item--lg:after { background: rgba(0, 0, 0, 0.05); }

.cards--cta .card-item:hover.circles-1:before,
.cards--cta .card-item:hover.circles-1:after,
.cards--cta .card-item:hover.circles-2:before,
.cards--cta .card-item:hover.circles-2:after,
.cards--cta .card-item:hover.circles-3:before,
.cards--cta .card-item:hover.circles-3:after { -webkit-transform: scale(1.025); transform: scale(1.025); }

/* cards - callout*/
.card-item--callOut .card-inner { margin: 0 auto; max-width: 550px; }
.card-item--callOut blockquote { border-color: #fff; }
.card-item--callOut blockquote:last-child { margin-bottom: 8px; }

.card-item--callOut .bottomText { margin-bottom: 5px; }
.card-item--callOut .cite { font-size: .9em; }

.content-left > .cards:last-child,
.content-left > .card-item:last-child { margin-bottom: 0; }

@media screen and (min-width: 651px) {
    .card-item--callOut .card-inner { padding: 50px 40px; }
}

@media screen and (min-width: 951px) {
    .content-right .cards,
    .content-right > .card-item,
    .card-item--media--inline,
    .content-left .cards--inline { margin: 30px 0; }

    .content-right .cards:last-child,
    .content-right > .card-item:last-child { margin-bottom: 5px; }

    .content-right .cards:first-child,
    .content-right > .card-item:first-child  { margin-top: 10px; }

    .card-item--res-aside .ci-cont p { max-height: 3.3em; overflow: hidden; position: relative; text-overflow: ellipsis; }
    .card-item--res-aside .ci-cont p:before,
    .card-item--res-aside .ci-cont p:after { content: '...'; line-height: 1; position: absolute; right: 0; top: 3.3em; -ms-wrap-flow: start; }
    .card-item--res-aside .ci-cont p:after { color: #fff; top: 1.75em; }

    @supports (-webkit-line-clamp: 2) {
        .card-item--res-aside .ci-cont p { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
        .card-item--res-aside .ci-cont p:before,
        .card-item--res-aside .ci-cont p:after { content: normal; }
    }
}

@media screen and (min-width: 951px) and (min-height: 581px)  {
    .content-right .cards:last-child,
    .content-right > .card-item:not(.card-item--contact):last-child { position:-webkit-sticky; position: sticky; top: 35px; -webkit-transition: all .3s ease;  transition: all .3s ease;  }

    .stickyOn:not(.footerInview) .content-right .cards:last-child,
    .stickyOn:not(.footerInview) .content-right > .card-item:not(.card-item--contact):last-child { top: 90px; }
}

@media screen and (min-width: 1025px) {
    .card-item--callOut .card-inner { padding: 50px; }
}

@media screen and (min-width: 1061px) {
    .cards--x2 .card-item:not(:first-child) .ci-image { margin-right: 20px; }

    .content-right .cards,
    .content-right > .card-item,
    .card-item--media--inline,
    .content-left .cards--inline { margin: 35px 0; }
}

@media screen and (min-width: 1201px) {
    .card-item--callOut .card-inner { padding: 60px; }

    .cards--default .card-item .card-link { -webkit-transition: all .2s ease; transition: all .2s ease; }

    .cards--default .card-item:hover .card-link,
    .cards--default .card-item:focus .card-link { background: #00A9E0;  }
    .cards--default .card-item:hover .card-link:after,
    .cards--default .card-item:focus .card-link:after { color: #fff; }
}

@media screen and (max-width: 1200px) {
    .cards { margin: 40px 0; }
    .cards--inline { margin: 35px 0; }
    h2 + .cards { margin-top: 20px; }

    .cards--top .card-item:nth-child(1) { width: 100%; margin: 0 0 1.5% 0; }
    .cards--top .card-item:nth-child(2) { width: 49.25%; margin-right: 1.5%; }
    .cards--top .card-item:nth-child(3) { width: 49.25%; margin: 0; }
    .cards--top .card-item:nth-child(4) { width: 49.25%; margin-right: 1.5%; }
    .cards--top .card-item:nth-child(5) { width: 49.25%; margin: 1.5% 0 0; }
    .cards--top .card-item:nth-child(-n+2) .card-inner,
    .cards--top .card-inner { min-height: 200px; }
    .cards--top .card-item:nth-child(1) .card-inner { margin: 40px; min-height: 275px; }
    .cards--top .card-item:nth-last-child(-n+2) .card-inner { margin: 35px 40px; }

    .ci-changed p { padding: 0; margin: 0 0 12px; ; border: none; } 

}

@media screen and (max-width: 1200px) and (min-width: 951px) {
    .content-right .card-item--contact { font-size: .8em; padding: 15px; }
    .content-right .card-item--contact .ci-profile { margin-top: -30px; width: 60px; height: 60px; }
    .content-right .card-item--contact .ci-cont { padding-left: 75px; }
    .content-right .card-item--contact .icon:before { width: 16px; }
}


@media screen and (max-width: 950px) {
    .cards--x3 .card-item,
    .cards--x3 .card-item:nth-child(-n+3),
    .cards--x3 .card-item:nth-child(3n+3),
    .cards--x4 .card-item,
    .cards--x4 .card-item:nth-child(-n+4) { width: 49.25%; margin: 1.5% 1.5% 0 0; }

    .cards--work .card-item:nth-child(even),
    .cards--work .card-item:nth-child(odd) { margin-top: 3.5%; }

    .cards--x4 .card-item:nth-child(-n+2),
    .cards--x3 .card-item:nth-child(-n+2) { margin-top: 0; }

    .cards--x3 .card-item:nth-child(odd),
    .cards--x4 .card-item:nth-child(odd) { clear: left; }
    .cards--x3 .card-item:nth-child(even),
    .cards--x4 .card-item:nth-child(even) { margin-right: 0; clear: right; }

    .cards--x2-1 > div:nth-child(1),
    .cards--x2-1 > div:nth-child(2) { width: 100%; margin: 0 0 20px; }
    .cards--x2-1 .cards-sub:first-child .card-item { width: 49.25%; margin: 1.5% 1.5% 0 0; height: auto; }
    .cards--x2-1 > .cards-sub:last-child { margin-bottom: 0; }

    .card-item--contact { margin: 25px auto; padding: 20px 30px;      min-height: 140px; max-width: 520px; font-size: .9em; }
    .card-item--contact .ci-profile { margin-top: -50px; width: 100px; height: 100px; }
    .card-item--contact .ci-cont { padding-left: 130px; }

    .card-item--contact--inline { margin: 30px auto; }
    .cards--events-main .card-item { min-height: 210px; }

    .cards--twitter .card-item:nth-child(3) { display: none; }

    .content-left > .cards:last-child,
    .content-left > .card-item:last-child { margin-bottom: 15px; }

    .content-right .cards,
    .content-right > .card-item { margin-top: 35px; margin-bottom: 35px; }

    .content-right .cards:last-child,
    .content-right > .card-item:last-child { margin-bottom: 5px; }

    .content-right .cards:first-child,
    .content-right > .card-item:first-child  { margin-top: 10px; }

    .card-item--res-aside .ci-cont .h6 { font-size: 1.3em; }
}

@media screen and (max-width: 1080px) and (min-width: 751px) {
    .cards--news-main .card-item:nth-child(odd),
    .cards--news-main .card-item:nth-child(even) { width: 32.33333%; margin: 1.5% 1.5% 0 0; clear: none; }

    .cards--news-main .card-item:nth-child(-n+3) { margin-top: 0; }
    .cards--news-main .card-item:nth-child(3n+1) { clear: left; }
    .cards--news-main .card-item:nth-child(3n+3) { margin-right: 0; clear: right; }
}

@media screen and (max-width: 750px) {
    .cards--top .card-item:nth-child(1) .card-inner { min-height: 250px; }
    .cards--top .card-item:nth-child(2) { width: 100%; margin-right: 0; margin-bottom: 1.5%; }
    .cards--top .card-item:nth-child(3) { width: 100%; margin-right: 0; }
    .cards--top .card-item:nth-child(4) { margin: 0 1.5% 0 0; }
    .cards--top .card-item:nth-child(5) { margin: 0; }
    .cards--top .card-item:nth-child(2) .card-inner { min-height: 150px; }
    .cards--top .card-item:nth-child(2) .ci-cont { font-size: 1em; }
    .cards--top .card-item:nth-last-child(-n+2) .card-inner { margin: 35px 30px; }
    .cards--top .card-item:nth-child(-n+5) { margin-bottom: 15px; }
    .cards--top .card-item:nth-last-child(-n+2),
    .cards .card-item--callOut:last-child { margin-bottom: 0; }

    .cards--top .card-item:nth-child(3) .ci-cont { max-width: 480px; }

    .cards--work .card-item { font-size: .9em; }
    .cards--work .ci-cont { padding: 25px 25px; }

    .cards .card-item--callOut { width: 100%; margin: 0 0 20px; }

    .card-item--callout .card-inner { padding: 0; }

    .cards--cta .card-item--inline .card-inner { padding: 40px; }

    .card-item--res-aside .ci-cont .h6 { font-size: 1.2em; }

    .cards--top .card-item--we-changed .ci-cont, 
    .cards--top .card-item--we-changed:nth-child(3) .ci-cont { max-width: 100%;}
}

@media screen and (min-width: 601px) and (max-width: 750px) {
    .cards--x2.cards--cta .card-item:not(.card-item--callOut) .card-inner { padding: 35px 30px; }
}

@media screen and (max-width: 650px) {
    .cards--top .card-item:nth-last-child(-n+2) .card-inner { margin: 30px 25px; }
}

@media screen and (max-width: 600px) {
    .cards--x2 .card-item,
    .cards--x3 .card-item,
    .cards--x3 .card-item:nth-child(-n+3),
    .cards--x3 .card-item:nth-child(3n+3),
    .cards--x2-1 .cards-sub:first-child .card-item,
    .cards--x2-1 .cards-sub:first-child .card-item:nth-last-of-type(-n+2) { width: 100%; margin: 0 0 20px; }

    .cards .card-item:last-child,
    .cards .card-item--callOut:last-child,
    .cards--x2-1 .cards-sub:first-child .card-item:last-child { margin-bottom: 0; }

    .cards--x2-1 .card-item--callout { padding: 50px; }
    .cards--x3 .card-item:nth-child(odd),
    .cards--x3 .card-item:nth-child(even) { margin-right: 0; clear: right; }


    .cards--x1-simple .card-item .ci-cont{  padding: 12px 5px 2px; }
    .cards--x1-simple .ci-cont .h6 { margin-bottom: 10px;}
    .cards--x1-simple .card-tag { position: relative;  border-radius: 0; right: 0;  }

    .cards--work .card-item:nth-child(odd),
    .cards--work .card-item:nth-child(even) { margin: 0 0 30px; }
    .cards--work .card-item:last-child { margin: 0 0 5px; }

    .cards--default .ci-cont p { font-size: .975em; margin-bottom: 14px; }

    .cards--top .card-item:nth-child(1) .card-inner { min-height: 200px; }
    .cards--top .card-item:nth-child(1) .card-inner,
    .cards--top .card-item:nth-child(2) .card-inner { margin: 35px; }
    .cards--top .card-item:nth-child(-n+3) .ci-cont { padding-bottom: 70px; }
    .cards--top .card-item:nth-last-child(-n+2) .card-inner { margin: 25px 20px; }
    .cards--top .ci-btns:last-child .btn { margin-bottom: 8px; }

    .cards--top .card-item--we-changed:nth-child(3) .ci-cont {padding-bottom: 0;}
    

    .cards--work .card-item { font-size: 1em; }

    .card-item .ci-bar .h6 { padding: 0 110px 0 35px; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: .9em; line-height: 1.25em; }
    .card-item--video .ci-image:after { top: calc(50% + 27.5px); line-height: 50px; width: 50px; height: 50px; border-radius: 50px; }
    .card-item .ci-bar .btn { margin-top: -14px; }

    .card-item--media--inline .ci-image:after { top: calc(50% + 27px); }

    .cards--cta .card-item--img { padding-bottom: 56%; }

    .cards--featuredPub .card-item .ci-cont { font-size: 1.2em; }
    .cards--events-main { font-size: 1.1em; }
    .cards--events-main .card-item { min-height: 200px; }

    .card-item--contact { max-width: 440px; margin: 20px auto; padding: 20px; min-height: 110px; }
    .card-item--contact .ci-profile { margin-top: -35px; width: 70px; height: 70px; }
    .card-item--contact .ci-cont { padding-left: 90px; }
    .card-item--contact--inline { margin: 25px auto; }

    .cards--twitter p { font-size: .975em; }
    .cards--twitter .card-inner { padding: 0 15px; }
    .cards--twitter .card-item:nth-child(1) { margin-bottom: 0; }
    .cards--twitter .card-item:nth-child(2) { display: none; }

    .content-right .cards,
    .content-right > .card-item,
    .card-item--media--inline,
    .cards--inline { margin-top: 30px; margin-bottom: 30px; }

    .content-right .cards:first-child,
    .content-right > .card-item:first-child  { margin-top: 10px; }
}

@media screen and (min-width: 601px) and (max-width: 1060px), screen and (max-width: 480px) {
    .cards--default .ci-image { width: 20%; margin: 2.5% 4.5% 2.5% 1%; }
    .cards--default .ci-cont { padding: 2% 25px 2% 0; width: 74.5%; }

    .card-item--noImg .ci-cont { padding: 10px 25px 10px 10px; }

    .card-lock { width: 35px; height: 35px; line-height: 35px; font-size: 20px; }
    .card-link { width: 35px; height: 35px; }
    .card-link:after { line-height: 36px; width: 35px; font-size: 16px; }

    .ci-latest .card-link { margin-top: -18px; }

    .card-tag { min-width: 70px; font-size: .5em; }
}

@media screen and (min-width: 601px) and (max-width: 750px) {
    .cards--default .ci-cont { font-size: .9em; }
}

@media screen and (max-width: 480px) {
    .cards { margin: 35px 0; }
    .cards--inline { margin: 28px 0; }

    h2 + .cards { margin-top: 18px; }

    .cards--top .card-item:nth-child(-n+5) .card-inner { margin: 30px; }
    .cards--top .card-item:nth-child(4),
    .cards--top .card-item:nth-child(5),
    .cards--x4 .card-item,
    .cards--x4 .card-item:nth-child(-n+4) { width: 100%; margin: 0 0 15px; }

    .slider--news.cards--x4 .card-item { margin: 0; }

    .cards--top .card-item:nth-child(5),
    .cards--x4 .card-item:last-child { margin-bottom: 0; }

    .card-item .ci-bar { padding: 15px; }
    .card-item .ci-bar:before { left: 15px; }
    .card-item .ci-bar .btn { right: 15px; }

    .cards--cta .card-inner,
    .cards--x2-1 .card-item--callout,
    .cards--cta .card-item--inline .card-inner { padding: 35px 30px; }

    .cards--news .card-item .ci-cont { font-size: 1.1em; }

    .card-item--video .ci-image:after { top: calc(50% + 22.5px); line-height: 45px; width: 45px; height: 45px; border-radius: 45px; }

    .card-item--media--inline .ci-image { padding-bottom: 54%; }
    .card-item--media--inline .ci-image:after { top: calc(50% + 24px); }

    .cards--events-main .card-item { min-height: 175px; }

    .lowcvpTag { margin: 2px 4px 3px 0; font-size: 9px; height: 18px; line-height: 18px; }
    .lowcvpTag span { margin-right: 7px; }

    .cards--default .ci-image .lowcvpTag img,
    .lowcvpTag img { height: 12px; margin: 0 4px 0 6px; }

    .lowcvpTag--members img { height: 10px; margin: 1px 4px 0 7px; }
    .lowcvpTag--meeting img { height: 10px; margin: 1px 4px 0 6px; }

    .cards--top .card-item { -webkit-border-bottom-right-radius: 50px; border-bottom-right-radius: 50px; }
}

@media screen and (max-width: 400px) {
    h2 + .cards { margin-top: 15px; }

    .cards--top .card-item:nth-child(-n+5) .card-inner { margin: 30px 25px; }

    .cards--x2 .card-item,
    .cards--x3 .card-item,
    .cards--x3 .card-item:nth-child(-n+3),
    .cards--x2-1 .cards-sub:first-child .card-item,
    .cards--x2-1 .cards-sub:first-child .card-item:nth-last-of-type(-n+2),
    .cards .card-item--callOut { margin: 0 0 15px; }

    .cards .card-item--callOut:last-child,
    .cards--x2-1 .cards-sub:first-child .card-item:last-child { margin-bottom: 0; }
    .cards--x2-1 .card-item--callout { padding: 30px; }

    .cards--default .ci-cont { padding: 1.5% 24px 1.5% 0; }
    .cards--default .ci-cont p { font-size: .875em; }
    .cards--default .ci-cont h6 { margin: 0 0 12px; }

    .card-item--noImg .ci-cont { padding: 5px 25px 5px 5px; }

    .cards--work .card-item:nth-child(odd),
    .cards--work .card-item:nth-child(even) { margin: 0 0 25px; }
    .cards--work .card-item:last-child { margin: 0 0 5px; }

    .cards--events-main { font-size: 1em; }
    .cards--events-main .card-item { min-height: 150px; }
    .cards--events-main p { line-height: 1.5em; margin-bottom: 15px; }
    .cards--events-main .icon--cal { top: 19px; }

    .lowcvpTag { margin: 2px 3px 3px 0; }
    .lowcvpTag--meeting img,
    .lowcvpTag--members img { height: 9px; }

    .card-item .ci-bar .h6 { padding: 0 100px 0 33px; }

    .card-item--contact { padding: 15px; min-height: 95px; }
    .card-item--contact .ci-profile { margin-top: -30px; width: 60px; height: 60px; }
    .card-item--contact .ci-cont { padding-left: 75px; }
    .card-item--contact .ci-name { margin-bottom: 6px; }
    .card-item--contact .icon:before { width: 16px; }

    .card-item--contact--inline { margin: 24px auto; }

    .cards--twitter .card-inner { padding: 0 10px; }

    .card-item--media--inline .ci-bar .h6 { padding-right: 0; }
    .card-item--media--inline .ci-bar .btn { display: none; }

    .content-right .cards,
    .content-right > .card-item,
    .card-item--media--inline,
    .cards--inline { margin-top: 28px; margin-bottom: 28px; }

    .content-right .cards:first-child,
    .content-right > .card-item:first-child  { margin-top: 5px; }

    .card-item--res-aside .ci-cont .h6 { font-size: 1.15em; }

    .cards--top .card-item { -webkit-border-bottom-right-radius: 40px; border-bottom-right-radius: 40px; }

    .card-tag { padding: 2px 12px 2px; min-width: 65px; }
}

@media screen and (max-width: 360px) {
    .card-item--contact .ci-profile { margin-top: -25px; width: 50px; height: 50px; }
    .card-item--contact .ci-cont { padding-left: 65px; }

    .card-item--media--inline { margin-top: 25px; margin-bottom: 25px; }

    .cards--news-main .ci-cont { margin: 22px; }
}

@media screen and (max-width: 340px) {
    .cards--top .card-item:nth-child(-n+5) .card-inner { margin: 25px 20px; }
    .card-item--contact { font-size: .85em; }
    .card-item--res-aside .ci-cont .h6 { font-size: 1.1em; }
}

/* = Section Link Card
----------------------------------------------------------------------------------------------------------------- */
.section-card,
.pageList > ul > li { margin:30px 0; padding:25px; display: block; position: relative;  background: #fff; border: 1px solid #40bfe8; } 


.section-card:first-child,
h1 + .section-card,
.pageList > ul > li:first-child  {margin-top:0; } 


.section-card:last-child,
.pageList > ul > li:last-child {margin-bottom:0; } 

.cs-imageWrap {float:left; width:150px; margin-right: 25px;}
.cs-content { float:left; width:calc(100% - 175px); }
.cs-image { width:100%; height: 0; padding-bottom: 100%; background-color: #eee; background-size:cover; background-position: center; background-repeat: no-repeat;}

@media screen and (max-width: 600px) {
    .cs-imageWrap {float:left; width:120px; margin-right: 20px;}
    .cs-content { float:left; width:calc(100% - 140px); }
}

@media screen and (max-width: 480px) {
    .section-card,
    .pageList > ul > li {margin:25px 0; }
    .cs-imageWrap {float:none; width:100%; margin:0 0 20px; }
    .cs-content { float:none; width:100%; }
    .cs-image { padding-bottom: 52%; }
}

@media screen and (max-width: 400px) {
    .section-card,
    .pageList > ul > li  {  padding:25px 22px; }
}


/* = Bus Certificate cards
----------------------------------------------------------------------------------------------------------------- */ 
.buscert-card { margin: 30px 0; padding: 30px; background: #f5f5f5; }
.buscert-card:first-of-type {margin-top:15px;} 
.buscert-card + .buscert-card {margin-top:0;}
.buscert-card__img { float:left; width:30%; margin: 5px 25px 0 0; }
.buscert-card__main {float:left; width:calc(70% - 25px);}
.buscert-card__main p .btn {margin-bottom: 5px;}
.buscert-card__main  .btn + br + .btn {margin-top:15px;}
.buscert-card__main .inline-btn {color:#43b02a; text-decoration: none;}
.buscert-card__main .inline-btn:hover,
.buscert-card__main .inline-btn:focus {color:#43b02a; text-decoration: underline;}
.buscert-card--noImage .buscert-card__main {float:none; margin:0; width:100%;}

@media screen and (min-width: 1160px), screen and (min-width: 760px) and (max-width: 950px) {
    .buscert-card__main  .btn + br  {display: none;}
    .buscert-card__main  .btn + br + .btn {margin: 0 0 0 15px;}
}

@media screen and (max-width: 600px) {
    .buscert-card { margin: 25px 0; padding: 25px;  }
    .buscert-card > h3 {margin-bottom: 10px;}
    .buscert-card__img {  margin: 5px 20px 0 0; }
    .buscert-card__main {width:calc(70% - 20px);}
}

@media screen and (max-width: 440px) {
    .buscert-card {  padding: 30px;  }
    .buscert-card > h3 {margin-bottom: 15px;}
    .buscert-card__img {  float:none; width:100%; margin:0 0 20px }
    .buscert-card__main {float:none; width:100%; }
}

@media screen and (max-width: 380px) {
    .buscert-card {  padding: 25px;  }

    .buscert-card__main  .btn + br + .btn {margin-top:12px;}
}

/* = Page list links Card
----------------------------------------------------------------------------------------------------------------- */ 
.pageTextContent + .pageList { margin-top:30px; }
.pageList > ul  {list-style: none; margin:0; padding:0; }

/* = Gallery
----------------------------------------------------------------------------------------------------------------- */
.gallery-list { margin-top: 30px; }
.gallery-list .ci-image { height: 0; overflow: hidden; padding-bottom: 100px; position: relative; background: #d4d4d4 url(/_img/thumb_holding_white.gif) no-repeat center; background-size: cover; background-repeat: no-repeat; }
.gallery-list .ci-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }
.gallery-list .card-item:first-child { width: 100%; margin: 0; }
.gallery-list .card-item:first-child .ci-image { width: 200px; padding-bottom: 200px; background-image: url(/_img/thumb_holding_white_large.gif); }
.gallery-list .card-item:first-child .ci-cont { width: calc(100% - 235px); }
.gallery-list .card-item:nth-child(1n+2) { margin: 1.5% 1.5% 0 0; }
.gallery-list .card-item:nth-child(2n+3) { margin: 1.5% 0 0 0; }
.gallery-list .card-item h6:last-child { margin-bottom: 0; }

.gallery-view { margin: 30px 0; }
.gallery-view:last-child { margin-bottom: 0; }
.gallery-view a { float: left; width: calc(16.666% - 8.333px); margin: 0 10px 10px 0; overflow: hidden; position: relative; background: url(/_img/thumb_holding.gif) no-repeat center; background-size: cover; background-repeat: no-repeat; }
.gallery-view a:nth-child(6n+6) { margin-right: 0; }
.gallery-view a:before { content: ''; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #00A9E0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }
.gallery-view a:after { position: absolute; opacity: 0; top: 50%; left: 50%; margin: -10px 0 0 -10px; color: #fff; font-size: 1.25em; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }
.gallery-view a:hover:before,
.gallery-view a:focus:before { opacity: 0.75; }
.gallery-view a:hover:after,
.gallery-view a:focus:after { opacity: 1; }
.gallery-view a img { width: 100%; }

.gallery-meta { margin: 20px 0; color: #43b02a; }
.gallery-meta > a { margin-left: 10px; padding-left: 10px; color: #00A9E0; position: relative; }
.gallery-meta > a:before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #ccc; }

@media screen and (min-width: 1200px) {
    .gallery-list .card-item .card-link { -webkit-transition: all .3s ease; transition: all .3s ease; }
    .gallery-list .card-item:hover .card-link,
    .gallery-list .card-item:focus .card-link { background: #B5BD00; background: rgba(181, 189, 0, 0.7); }
    .gallery-list .card-item:hover .card-link:after,
    .gallery-list .card-item:focus .card-link:after { color: #fff; }
}

@media screen and (max-width: 850px) {
    .gallery-list { margin-top: 25px; }

    .gallery-view a,
    .gallery-view a:nth-child(6n+6) { width: calc(20% - 8px); margin: 0 10px 10px 0; }

    .gallery-view a:nth-child(5n+1) { clear: left; }
    .gallery-view a:nth-child(5n+5) { margin-right: 0; clear: right; }
}

@media screen and (max-width: 1060px) and (min-width: 601px), screen and (max-width: 480px) {
    .gallery-list .ci-image { padding-bottom: 20%; }
}

@media screen and (max-width: 1060px) and (min-width: 481px) {
    .gallery-list .card-item:first-child .ci-image { width: 150px; padding-bottom: 150px; margin: 1.5% 3% 1.5% 1%; }
    .gallery-list .card-item:first-child .ci-cont { width: calc(100% - 150px - 4%); }
}

@media screen and (max-width: 600px) {
    .gallery-list { margin-top: 20px; }

    .gallery-list .card-item:nth-child(odd),
    .gallery-list .card-item:nth-child(even) { margin: 0 0 10px; }
    .gallery-list .card-item:first-child .ci-image { width: 130px; padding-bottom: 130px; margin: 1.5% 5% 1.5% 1%; }
    .gallery-list .card-item:first-child .ci-cont { width: calc(100% - 130px - 6%); }

    .gallery-view { margin: 25px 0; }
    .gallery-view a,
    .gallery-view a:nth-child(6n+6),
    .gallery-view a:nth-child(5n+1),
    .gallery-view a:nth-child(5n+5) { width: calc(25% - 7.5px); margin: 0 10px 10px 0; clear: none; }
    .gallery-view a:nth-child(4n+1) { clear: left; }
    .gallery-view a:nth-child(4n+4) { margin-right: 0; clear: right; }

    .gallery-meta { margin: 15px 0; }
}

@media screen and (max-width: 480px) {
    .gallery-list .card-item:first-child .card-inner { padding: 25px; }
    .gallery-list .ci-image { margin: 1.5% 4% 1.5% 0; }
    .gallery-list .ci-cont { width: 76%; }
    .gallery-list .card-item:first-child .ci-image { width: 100%; margin: 0 0 15px; position: relative; padding-bottom: 65%; }
    .gallery-list .card-item:first-child .ci-image img { margin: 0; width: 100%; display: block; }
    .gallery-list .card-item:first-child .ci-cont { width: 100%; padding: 0; }
    .gallery-list .ci-cont p { padding-right: 30px; }
}

@media screen and (max-width: 400px) {
    .gallery-list .card-item:first-child .card-inner { padding: 20px; }
    .gallery-list .ci-image { margin: 1% 4% 1% 0; }
    .gallery-list .ci-date { margin-bottom: 8px; }

    .gallery-view a:nth-child(odd),
    .gallery-view a:nth-child(even) { width: calc(25% - 4.5px); margin: 0 6px 6px 0; clear: none; }
    .gallery-view a:nth-child(4n+1) { clear: left; }
    .gallery-view a:nth-child(4n+4) { margin-right: 0; clear: right; }

    .cards--events-main .card-item:last-child { margin-bottom: 0; }
}

@media screen and (max-width: 340px) {
    .gallery-meta { font-size: 13px; }
}

/* = Event view
----------------------------------------------------------------------------------------------------------------- */
.event-view { margin: 30px auto 0; }
.event-view .event-tags { display: inline-block; }
.event-view .youtube-container { -webkit-box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.03); box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.03); }

.event-view .quickLogin { margin: 0 0 30px; padding: 30px; background: #efefef; }
.event-view .quickLogin .ql-intro { font-size: 1.1em; margin-bottom: 15px; }
.event-view .rememberMe input { margin-top: 14px; }
.event-view .webForm div em { margin-left: 25%; }

.event-view iframe { background: url(/_img/loader.gif) no-repeat center; }

.ev-memberKeyInfo { display: table; width: 100%; margin: 15px 0 30px; padding: 35px; background: #e8f3fa; }
.ev-memberKeyInfo > div { display: table-cell; vertical-align: top; }
.ev-memberDiscount { width: 160px; padding-right: 30px; }

.ev-keyInfo strong { display: inline-block; color: #001A70; min-width: 130px; }
.ev-keyInfo a:not(.btn) { color: #43b02a; text-decoration: underline; }
.ev-keyInfo a:not(.btn):hover,
.ev-keyInfo a:not(.btn):focus { color:#FF8200; } 

.ev-full { margin: 10px 0 20px; clear: both; }
.ev-full:last-child { margin-bottom: 0; }
.ev-full strong { float: left; }
.ev-full p { padding-left: 130px; }

.ev-buttons{margin-top: 20px; text-align: center}

.ev-register .msg {text-align: left}

.ev-main .msg{margin-top: 20px}

.ev-register:empty,
.ev-completeBooking:empty { display: none; }

.ev-completeBooking + .msg,
.ev-main + .msg { margin: 25px 0; }
.ev-main + .msg:last-child { margin-bottom: 0; }

.ev-main + .msg,
.ev-completeBooking + .msg,
.ev-main + .ev-completeBooking { margin-top: 25px; }

.ev-desc{margin-bottom: 30px;}

.ev-cancelBooking { margin: 25px 0; padding: 30px; -webkit-border-radius: .75em; border-radius: .75em; background: #efefef; }

.coPaypalBtn { padding: 25px; border: 1px solid #ececec; text-align: center; }
.coPaypalBtn .paypalButton { margin: 12px auto 0; display: block; cursor: pointer; }

/*Add to calendar plugin*/
.addtocalendar { float: right; position: relative; display: inline-block; background: transparent; }
.addtocalendar var { display: none; }

.atcb-link { display: block; outline: none; cursor: pointer }
.atcb-link,
.atcb-link:hover,
.atcb-link:active,
.atcb-link:focus { position: relative; margin: 10px 5px 4px 0; padding: 0 10px; top: 0; left: 0; height: 22px; line-height: 22px; font-size: 12px; border-radius: 24px; color: #fff; background: #53565A; }
.atcb-link:focus ~ ul,
.atcb-link:active ~ ul,
.atcb-list:hover { visibility: visible }

.atcb-list { visibility: hidden; position: absolute; top: 100%; right: 0; padding: 5px 12px; width: 135px; -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.075); box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.075); z-index: 1; }

.atcb-list,
.atcb-item { list-style: none; margin: 0; background: #fff }

.atcb-item { float: none; text-align: left; font-size: 12px; margin: 5px 0; }
.atcb-item-link { text-decoration: none; outline: none; display: block; line-height: 1.25em; padding: 2px 0; }
.atcb-item-link:hover,
.atcb-item-link:focus { color: #43b02a; }
.atcb-item.hover,
.atcb-item:hover { position: relative; z-index: 900; cursor: pointer; text-decoration: none; outline: none }

@media screen and (min-width: 481px) and (max-width: 600px) {
    .ev-register .btn { font-size: .95em; }
}

@media screen and (min-width: 481px) and (max-width: 540px) {
    .ev-register .btn { font-size: .9em; }
}

@media screen and (max-width: 850px) {
    .ev-memberDiscount { width: 130px; padding-right: 25px; }
}

@media screen and (max-width: 750px) {
    .event-view .webForm .rememberMe { margin-bottom: 15px; }
    .event-view .rememberMe label { width: auto; margin: 0; }
    .event-view .rememberMe input { margin: 7px 0 0 12px; }
    .event-view .formSubmit label { display: none; }
    .event-view .webForm div em { margin: 0 0 0 25px; width: auto; display: inline-block; }
}

@media screen and (max-width: 680px) {
    .event-view { margin: 0; }
}

@media screen and (max-width: 650px) {
    .ev-memberDiscount { width: 120px; padding-right: 25px; }
}

@media screen and (max-width: 600px) {
    .ev-memberDiscount { width: 100px; padding-right: 20px; }
    .ev-memberKeyInfo { padding: 35px 30px; }
    .ev-keyInfo strong { min-width: 120px; }
    .ev-full p { padding-left: 120px; }

    .atcb-link,
    .atcb-link:hover,
    .atcb-link:active,
    .atcb-link:focus { height: 20px; line-height: 20px; font-size: 10px; }

    .event-view .webForm div em { margin: 0 0 0 20px }
    .event-view .rememberMe input { margin: 5px 0 0 12px; }
}

@media screen and (max-width: 480px) {
    .ev-memberKeyInfo { display: block; margin: 0 0 25px; }
    .ev-memberKeyInfo > div { display: block; }
    .ev-memberKeyInfo .ev-memberDiscount { margin: 0 auto 25px; padding: 0; }

    .ev-register .btn { width: 100%; }
    .ev-register .btn + .btn { margin: 12px 0 0; }

    .addtocalendar { float: none; display: block; margin: 15px 0 0; min-height: 54px; padding: 16px; background: #001A70; }
    .atcb-link, .atcb-link:hover, .atcb-link:active, .atcb-link:focus { text-align: center; font-size: 12px; margin: 0; height: 22px; line-height: 22px; color: #43b02a; background: #fff; }

    .event-view .quickLogin { margin: 0 0 25px; padding: 25px; }
    .event-view .webForm div em { margin: 0 0 0 16px; }
    .event-view .quickLogin .ql-intro { font-size: 1.05em; line-height: 1.2em; }
    .event-view .webForm .rememberMe { margin-bottom: 10px; }

    .ev-cancelBooking { padding: 25px; }
}

@media screen and (max-width: 400px) {
    .ev-memberKeyInfo { padding: 25px; }
    .ev-memberKeyInfo .ev-memberDiscount { margin: 0 auto 20px; }

    .ev-keyInfo .st-short { min-width: 105px; }
    .ev-full p { padding-left: 105px; }

    .ev-register { margin-top: 16px; }

    .ev-cancelBooking { padding: 22px 20px; }
}

@media screen and (max-width: 380px) {
    .ev-memberKeyInfo { padding: 22px 20px; }
    .ev-memberDiscount { width: 90px; }

    .ev-keyInfo { font-size: .95em; }

    .event-view .webForm div em { display: block; margin: 15px 0 0; }

    .ev-keyInfo .st-short { min-width: 100px; }
    .ev-full p { padding-left: 100px; }

    .ev-completeBooking + .msg,
    .ev-main + .msg { margin: 20px 0; }

    .ev-main + .msg,
    .ev-completeBooking + .msg,
    .ev-main + .ev-completeBooking { margin-top: 20px; }
}

.share-buttons iframe{background: none}

/* = Signup box
----------------------------------------------------------------------------------------------------------------- */
.signup-box { max-width: 560px; margin: 2% auto; }
.signup-box input.text { margin: 0 0 10px; width: 100%; background: #fff; border-color: #43b02a; -webkit-border-radius: 1.5em; border-radius: 1.5em; }
.signup-box input.text:focus { border-color: #FF8200; }
.signup-box .checkList { margin-bottom: 15px; }
.signup-box .checkList label { font-size: .75em; line-height: 1.5em; }
.signup-box .checkList label:before { width: 14px; height: 14px; border-color: #43b02a; }
.signup-box .checkList label.checked:after { border-color: #001A70; top: 5px; left: 8px; width: 3px; height: 10px; border-width: 0 2px 2px 0; }
.signup-box .sb-inner { margin: 30px 0 0; }

@media screen and (max-width:600px) {
    .signup-box .checkList label:before { margin: 0; width: 12px; height: 12px; }
    .signup-box .checkList label.checked:after { top: 3px; left: 7px; height: 8px; }
}

/* = Members Directory & Content lists
----------------------------------------------------------------------------------------------------------------- */
.sm-wrap,
.sr-wrap { margin: 0 0 30px; padding: 30px 30px 35px; background: #e8f3fa; -webkit-border-radius: .75em; border-radius: .75em; }
.sr-wrap { background: none; border: 1px solid #e5e5e5; }
.sr-wrap--adv { margin: 30px 0 0; display: none; background: #f5f5f5; border-color: #f5f5f5; }
.sr-wrap--adv.is-open { display: block; } 

.sr-wrap--events { padding: 30px; }

.content-left .sr-wrap:last-child {margin-bottom: 0;}

.asset-list { position: relative; }
.asset-list .cards { clear: both; width: 100%; margin: 0; }
.asset-list .results-count { float: right; clear: both; margin: 0 0 6px; }

.asset-list .yearSpan { width: 100%; padding: 10px 15px; margin: 1.5% 0 0; background: #53565A; color: #fff; text-align: center; font-weight: 600; }
/*.asset-list .yearSpan:first-child { margin-bottom:1.5%;}*/

.cards--x2 .yearSpan + .card-item:nth-child(1) { clear: left; margin: 1.5% 1.5% 0 0; }
/*.cards--x2  .yearSpan + .card-item:nth-of-type(even) { margin-right: 0; clear: right; }*/

.results-count span { color: #43b02a; }
.results-count small { margin-left: 10px; padding-left: 19px; border-left: 1px solid #a1d794; }

.members-directory-wrap .msg { margin: 0; -webkit-border-radius: .75em; border-radius: .75em; }
.members-directory-wrap .msg + .msg { margin-top: 20px; }

.resources-library-wrap .msg:not(.msgError),
.members-directory-wrap .msg:not(.msgError) { background: #eceebf; -webkit-border-radius: .75em; border-radius: .75em; }

.resources-library-wrap .msg li,
.members-directory-wrap .msg li { line-height: 1.5em; }

.resources-library-wrap > p:first-child,
.members-directory-wrap > p:first-child { margin-bottom: 15px; }

.search-members,
.search-resources { position: relative; }

.search-members .text,
.search-members label,
.search-members .select,
.search-resources .text,
.search-resources label,
.search-resources .select { float: none; width: 100%; display: block; }

.search-members input:not(.btn),
.search-members select,
.search-resources input:not(.btn),
.search-resources select { -webkit-border-radius: 1.5em; border-radius: 1.5em; background: #fff; }

.search-members label,
.search-resources label { padding: 0 0 5px; }
.search-resources--adv label { display: none; }

.search-resources .sr-field { float: left; margin-right: 10px; width: calc(50% - 190px); }
.search-resources .sr-searchButtons { width: auto; margin: 0; position: absolute; bottom: 0; right: 0; }
.search-resources--adv .sr-field { float: left; margin: 0 10px 10px 0; width: calc(33.333% - 6.666px); }
.search-resources--adv .sr-field:nth-child(3n+3) { margin-right: 0; }

.search-resources--adv .sr-keywords { width: calc(100% - 210px); }
.search-resources--adv .sr-button { width: 200px; margin: 0; }
.search-resources--adv .sr-button .btn { width: 100%; }

.sr-wrap--sticky { position: -webkit-sticky; position: sticky; top:40px;  transition:top .3s ease;}
.stickyOn .sr-wrap--sticky {  top:100px;  }
.search-resources.search-resources--leftCol .sr-field {float:none; width:100%; margin:0 0 15px; }
.search-resources.search-resources--leftCol .sr-searchButtons {      margin: 20px 0 5px; position: relative;}
.search-resources.search-resources--leftCol .sr-field  input:not(.btn) {width:100%; }
.search-resources.search-resources--leftCol .sr-searchButtons .btn {width:100%; }

.search-resources--events .sr-field { width: calc(50% - 75px); }
.search-resources--events .sr-field:last-child { margin-right: 0; }
.search-resources--events .sr-label { width: 130px; position: absolute; height: 100%; display: table; }
.search-resources--events .sr-label label { vertical-align: middle; display: table-cell; padding: 0; }
.search-resources--events .sr-month { margin-left: 140px; }

.search-members .sm-field { float: left; margin-right: 10px; width: calc(50% - 100px); }
.search-members .sm-btn { width: 180px; margin: 0; position: absolute; right: 0; bottom: 0; }
.search-members .sm-btn .btn { min-width: 180px; }

input.btn--reset { margin: 12px 0 0; padding: 0 0 0 20px; clear: both; min-width: 0; background: url(/_img/icons/icon-close.svg) no-repeat 2px 2px; background-size: 11px; border: none; color: #001a70; line-height: 1; }
input.btn--reset:hover,
input.btn--reset:focus { color: #001a70; }

.search-AtoZ { margin: 15px 0 35px; }

.search-sectors ul,
.search-AtoZ ul,
.search-AtoZ ul li { margin: 0; padding: 0; list-style: none; }
.search-AtoZ ul li { float: left; margin: 0 4.88px 4.88px 0; }
.search-AtoZ ul li:last-child { margin-right: 0; }
.search-AtoZ ul li a { color: #43B02A; display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; border: solid 1px #dadada; -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); transform: translateZ(0); }
.search-AtoZ ul li a:hover,
.search-AtoZ ul li a:focus { -webkit-transform: scale(1.3); transform: scale(1.3); background: #B5BD00; color: #fff; border-color: #B5BD00; }
.search-AtoZ ul li a.on { background: #43B02A; color: #fff; border-color: #43B02A; }

.search-sectors ul li { float: left; width: calc(50% - 7.5px); padding: 4%; min-height: 225px; margin: 0 15px 15px 0; background-color: #bfe9f7; position: relative; }
.search-sectors ul li h4 a { color: #001a70; }
.search-sectors ul li:nth-child(odd) { clear: left; }
.search-sectors ul li:nth-child(even) { clear: right; margin-right: 0; }
.search-sectors .ss-inner { height: 100%; position: relative; display: block; }
.search-sectors .ss-inner h4 { padding-bottom: 125px; margin: 0; }
.search-sectors .ss-info { position: absolute; bottom: 0; left: 0; }
.search-sectors .ss-count { margin: 0 0 15px; color: #43B02A; display: block; text-decoration: none; font-size: 3.25em; font-weight: 600; }

.all-members { padding: 20px 30px; text-align: center; display: block; color: #fff; background: #43B02A; }
.all-members:hover,
.all-members:focus { color: #fff; background: #B5BD00; }

.cards--directory .card-item { padding: 15px; background: #f4f4f4; }
.cards--directory .card-inner { position: relative; height: 100%; padding-bottom: 33px; }
.cards--directory .ci-image { width: 100%; height: 0; padding-bottom: 140px; background: #fff; position: relative }
.cards--directory .ci-image a { display: block; top: 0; left: 0; height: 100%; width: 100%; position: absolute; text-align: center; line-height: 140px; }
.cards--directory .ci-image img { margin: 20px auto; width: 100%; height: calc(100% - 40px); vertical-align: middle; object-fit: scale-down; font-family: 'object-fit: scale-down;'; }
.cards--directory .ci-cont { margin: 15px 0; }
.cards--directory p { margin: 0 0 4px; line-height: normal; font-size: 0.875em; }
.cards--directory p:last-child { margin: 0; }
.cards--directory .ci-title { margin-bottom: 12px; }
.cards--directory .ci-title a { color: #001A70; }
.cards--directory .cd-btn { position: absolute; bottom: 2px; left: 0; }

.msg + .cards--directory { margin-top: 20px; }

.member-view .mv-card { padding: 40px; margin: 0 0 25px; background: #f4f4f4; }
.member-view .mv-card h2 { padding-bottom: 15px; border-bottom: 1px solid #e2e2e2; }
.member-view .mv-card .cols { margin: 0; }
.member-view .mv-card .col:first-child a { color: #43b02a; }
.member-view .mv-card .col:first-child a:hover,
.member-view .mv-card .col:first-child a:focus { color: #FF8200; text-decoration: underline; }
.member-view .mv-card .col:last-child { text-align: right; }

.member-view .mv-logo { width: 250px; margin: 0 0 0 auto; height: 0; padding-bottom: 130px; background: #fff; border: 1px solid #ededed; position: relative; }
.member-view .mv-logo span { display: block; top: 0; left: 0; height: 100%; width: 100%; position: absolute; text-align: center; line-height: 130px; }
.member-view .mv-logo img { margin: 20px; width: calc(100% - 40px); height: calc(100% - 40px); vertical-align: middle; object-fit: scale-down; font-family: 'object-fit: scale-down;'; }

.member-view .mv-map .mapWrap { margin: 30px 0 5px; padding-bottom: 56.5%; background: #E8F3FA; }
.member-view #mapDiv { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.member-view .mv-back { width: 100%; font-size: .9em; }

.member-view .mv-contacts { margin-top: 30px; }

.mv-contact-item > h6 { position: relative; margin: 0; padding: 15px 34px 14px 0; border-top: 1px solid #e0e0e0; cursor: pointer; }
.mv-contact-item:last-child > h6 { border-bottom: 1px solid #e0e0e0; }
.mv-contact-item:last-child > h6.on { border-bottom-color: transparent; }
.mv-contact-item:last-child .mv-contact-info { padding-bottom: 15px; border-bottom: 1px solid #e0e0e0; }
.mv-contact-item > h6:after { content: '\e81a'; right: 10px; top: 17px; position: absolute; }
.mv-contact-item > h6.on:after { content: '\e81b'; }
.mv-contact-info { display: none; }
.mv-contact-info.on { display: block; margin: 0 0 20px; }
.mv-contact-info span { display: inline-block; width: 175px; }
.mv-contact-info a { color: #43b02a; }

.cards--featuredPub { margin: 0 0 30px; }
.cards--featuredPub .card-item { border-top: 1px solid #efefef; background: #efefef; background: #001a70; }
.cards--featuredPub .ci-cont { border: none; border-top: 1px solid #efefef; position: relative; }
.cards--featuredPub .ci-cont > div { margin-bottom: 10px; }
.cards--featuredPub .ci-cont > div:last-child { margin-bottom: 0; }
.cards--featuredPub .ci-cont * { color: #fff; }
.cards--featuredPub .ci-cont .ci-date { color: #00A9E0; }
.cards--featuredPub .ci-cont .h6:last-child { margin-bottom: 0; }
.cards--featuredPub .ci-image { background: #efefef; }
.cards--featuredPub .ci-image img { object-fit: scale-down; font-family: 'object-fit: scale-down;'; }

.cards--featuredPub .isNewArticle { position: absolute; top:0; right:0; padding: 3px 10px;font-size: 12px; font-weight: 600; color: #ffffff; background-color: #00a9e0;  }
.cards--featuredPub .lowcvpTag {margin-top:8px;}

.cards .ci-eventLoc { color: #43b02a; }
.cards .ci-eventDate { position: absolute; top: 0; left: 0; width: 56px; padding: 8px 0; background: #00A9E0; color: #fff; }
.cards .ci-eventDate span { display: block; text-align: center; line-height: 1; }
.cards .ci-eventDate .ed-day { font-size: 26px; font-weight: 600; }
.cards .ci-eventDate .ed-month { font-size: 16px; font-weight: 600; }
.cards .ci-eventDate .ed-year { font-size: 14px; margin-top: 4px; }

.pagingTop + .cards { margin-top: 0; }
.cards + .pagingBase { margin-top: 28px; }
.cards--hasPaging { margin-bottom: 0; }

@media screen and (min-width: 601px) and (max-width: 1200px) {
    .cards--featuredPub .ci-cont { padding: 22px 20px; }
    .cards--featuredPub .ci-cont > div { margin-bottom: 6px; }
}

@media screen and (max-width: 950px) {
    .cards--directory { margin-bottom: 35px; }
    .cards--directory .ci-cont { font-size: 1.1em; }

    .search-AtoZ { margin: 15px 0 30px; }

    .search-resources .sr-keyword { margin-bottom: 15px; width: 100%; }
    .search-resources .sr-keyword label { float: left; width: 180px; padding: 8px 0; }
    .search-resources .sr-keyword input:not(.btn) { width: calc(100% - 180px); }
    .search-resources .sr-filter { width: calc(100% - 370px); }

    .cards--featuredPub .card-item:nth-child(2) { margin-right: 0; }
    .cards--featuredPub .card-item:nth-child(3) { display: none; }

    .asset-list .results-count { position: relative; float: none; margin-bottom: 20px; line-height: 1; }
}

@media screen and (max-width: 800px) {
    .search-resources .sr-keyword { width: calc(50% - 5px); }
    .search-resources .sr-filter { width: calc(50% - 5px); margin-right: 0; }
    .search-resources .sr-keyword label { padding: 0 0 5px; }
    .search-resources .sr-keyword input:not(.btn),
    .search-resources .sr-keyword label { float: none; width: 100%; }
    .search-resources .sr-searchButtons { position: relative; width: 100%; }
    .search-resources .sr-searchButtons input.btn { float: right; }

    .sr-wrap--adv { padding: 30px 30px 25px; margin: 30px -30px -35px; border: none; -webkit-border-radius: 0 0 0.75em 0.75em; border-radius: 0 0 0.75em 0.75em; }
    .search-resources--adv .sr-field { width: calc(50% - 5px); }
    .search-resources--adv .sr-field:nth-child(odd) { margin-right: 10px; }
    .search-resources--adv .sr-field:nth-child(even) { margin-right: 0; }
}

@media screen and (max-width: 700px) {
    .cards--directory .ci-cont { font-size: 1em; }

    .search-members .sm-field { width: calc(50% - 7.5px); margin-right: 15px; }
    .search-members .sm-cat { margin-right: 0; }
    .search-members .sm-btn { position: relative; margin: 15px 0 0; width: 100%; }
    .search-members .sm-btn .btn { width: 100%; }

    .search-AtoZ { margin: 15px 0 25px; }
    input.btn--reset { margin: 18px 0 0; padding: 0 0 0 18px; background-size: 10px; }

    .member-view .mv-card { padding: 35px; }
}

@media screen and (max-width: 650px) {
    .members-directory-wrap > p:first-child { margin-bottom: 10px; }

    .search-sectors ul li { width: calc(50% - 5px); min-height: 215px; margin: 0 10px 10px 0; font-size: .9em; }
    .search-sectors .ss-inner h4 { padding-bottom: 110px; }

    .all-members { padding: 15px 20px; font-size: 1.1em; }

    .member-view .mv-card .col:last-child { text-align: left; }
    .member-view .mv-map .mapWrap { padding-bottom: 60%; }
    .member-view .mv-logo { order: 1; margin: 0 0 25px; }
    .member-view .mv-back { margin: 0; width: 100%; order: 2; }

    .sr-wrap--events { padding: 30px 30px 35px; }
    .search-resources--events .sr-field { width: 100%; margin: 0; position: relative; height: auto; display: block; }
    .search-resources--events .sr-field.sr-label { margin: 0 0 5px; }
    .search-resources .sr-month { margin: 5px 0 15px; }
}

@media screen and (max-width: 600px) {
    .msg + .cards--directory { margin-top: 10px; }
    .search-AtoZ { margin: 15px 0 22px; }

    .search-sectors ul li { font-size: .95em; min-height: 200px; }
    .search-sectors .ss-inner h4 { padding-bottom: 100px; }

    .cards--directory { margin-bottom: 30px; }
    .cards--directory .card-item:nth-child(odd) { width: 49.25%; margin: 1.5% 1.5% 0 0; clear: left; }
    .cards--directory .card-item:nth-child(even) { width: 49.25%; margin: 1.5% 0 0 0; clear: right }

    .search-resources .sr-searchButtons .btn:first-child { font-size: .85em; margin-top: .25em; }
    .search-resources.search-resources--leftCol .sr-searchButtons .btn:first-child { font-size: 1em; margin-top: 0; }

    .cards--featuredPub .card-item:nth-child(1) { margin-bottom: 0; }
    .cards--featuredPub .card-item:nth-child(2) { display: none; }

    .cards + .pagingBase { margin-top: 25px; }

    .fp-title span { display: none; }

    .mv-contact-info span { width: 150px; }
}

@media screen and (max-width: 480px) {
    .search-members .sm-field { float: none; width: 100%; margin: 0 0 15px; }
    .search-members .sm-btn { margin: 0; }

    .search-sectors ul li { font-size: .85em; min-height: 185px; }
    .search-sectors .ss-inner h4 { padding-bottom: 90px; }
    .all-members { font-size: 1.05em; }

    .cards--directory .card-item { padding: 10px 10px 15px; }
    .cards--directory .ci-image { padding-bottom: 120px; }
    .cards--directory .ci-image a { line-height: 120px; }
    .cards--directory .ci-image img { margin: 15px auto; height: calc(100% - 30px); }
    .cards--directory .cd-btn { bottom: 3px; }
    .cards--directory .ci-title { margin-bottom: 10px; }
    .cards--directory .ci-cont { margin: 15px 0 13px; }

    .search-AtoZ ul li a { font-weight: 400; }

    .member-view .mv-card { padding: 30px; }
    .member-view .mv-map .mapWrap { margin-top: 25px; padding-bottom: 70%; }
    .member-view .mv-contacts { margin-top: 25px; }

    .search-resources .sr-field { width: 100%; float: none; margin: 0 0 12px; }
    .search-resources .sr-field:last-child { margin: 0; }
    .search-resources .sr-searchButtons:last-child { margin-top: 20px; }
    .search-resources--adv .sr-field:nth-child(odd),
    .search-resources--adv .sr-field:nth-child(even) { margin: 0 0 6px; }
    .search-resources--adv .sr-field.sr-button { margin-top: 10px; }
    .search-resources .sr-searchButtons .btn:first-child { font-size: .8em; margin-top: .35em; }

    .cards + .pagingBase { margin-top: 20px; }

    .asset-list .results-count { margin-bottom: 18px; }
    .results-count small { margin-left: 6px; padding-left: 14px; }
}

@media screen and (max-width: 400px) {
    .sm-wrap,
    .sr-wrap { padding: 25px 25px 30px; }

    .sr-wrap--main { margin-bottom: 25px; font-size: .9em; }
    .sr-wrap--adv { padding: 25px; margin: 25px -25px -30px; }

    .search-resources label,
    .search-resources .sr-keyword label { padding: 0 0 4px; }

    .resources-library-wrap .msg,
    .members-directory-wrap .msg { font-size: .9em; }

    .resources-library-wrap .msg h5,
    .members-directory-wrap .msg h5 { margin-bottom: 8px; }

    .search-sectors ul li { width: 100%; min-height: 210px; padding: 25px; margin: 0 0 15px; font-size: 1em; }

    .cards--directory { margin-bottom: 25px; }
    .cards--directory .card-inner { padding-bottom: 28px; }
    .cards--directory .ci-image { padding-bottom: 100px; }
    .cards--directory .ci-image a { line-height: 100px; }
    .cards--directory .ci-image img { margin: 10px auto; height: calc(100% - 20px); }
    .cards--directory .ci-cont p { font-size: .75em; }
    .cards--directory .cd-btn { bottom: 0; }
    .cards--directory p { margin: 0 0 5px; line-height: 1.25em; }

    .search-members { font-size: .9em; }

    .member-view .mv-card { padding: 30px 25px; }
    .member-view .mv-map .mapWrap { margin-top: 20px; padding-bottom: 85%; }
    .member-view .mv-contacts { margin-top: 20px; }
    .member-view .mv-logo { margin: 0 auto 25px; }

    .cards--featuredPub { margin: 0 0 25px; }

    .asset-list .results-count { margin-bottom: 15px; font-size: .9em; }

    .mv-contact-info span { display: block; margin-top: 2px; width: 100%; font-weight: 600; }
    .mv-contact-info div:first-child span { margin: 0 }

    .cards--featuredPub .isNewArticle {  padding: 2px 8px; font-size: 11px;  }

}

@media screen and (max-width: 350px) {
    .member-view .mv-logo { width: 220px; padding-bottom: 120px; margin: 0 auto 25px; }
    .member-view .mv-logo span { line-height: 120px; }
    .member-view .mv-logo img { margin: 15px; width: calc(100% - 30px); height: calc(100% - 30px); }
}

/* = Intro cols
----------------------------------------------------------------------------------------------------------------- */
.intro-cols { margin: 40px 0; }
.intro-cols .intro-text { width: calc(100% - 560px); float: left; padding-right: 60px; }
.intro-cols .intro-text p { font-size: 1.125em; }
.intro-cols .intro-cards { width: 560px; float: right; }
.intro-cols .intro-cards .card-item { margin: 15px 0; padding: 20px 30px; font-size: .9em; }
.intro-cols .intro-cards .card-item:first-child { margin-top: 0; }
.intro-cols .intro-cards .card-item:last-child { margin-bottom: 0; }

@media screen and (max-width: 1200px) {
    .intro-cols .intro-text { width: calc(100% - 480px); padding-right: 50px; }
    .intro-cols .intro-cards { width: 480px; }
    .intro-cols .intro-text p { font-size: 1.125em; }
}

@media screen and (max-width: 950px) {
    .intro-cols .intro-text { float: none; width: 100%; margin: 0 0 30px; padding: 0; }
    .intro-cols .intro-cards { float: none; width: 100%; }
    .intro-cols .intro-cards .card-item { margin: 25px auto; max-width: 520px; }
}

@media screen and (max-width: 600px) {
    .intro-cols { margin: 35px 0; }
    .intro-cols .intro-cards .card-item { max-width: 440px; margin: 20px auto; padding: 20px; }

    .intro-cols .intro-text p { font-size: 1.1em; }
}

@media screen and (max-width: 480px) {
    .intro-cols .intro-text p { font-size: 1.05em; }
}

@media screen and (max-width: 400px) {
    .intro-cols { margin: 30px 0; }
    .intro-cols .intro-cards .card-item { padding: 15px; }
}

@media screen and (max-width: 340px) {
    .intro-cols { margin: 25px 0; }
    .intro-cols .intro-text { margin: 0 0 25px; }
    .intro-cols .intro-cards .card-item { font-size: .85em; }
}

/* = Quick menu dropdown
----------------------------------------------------------------------------------------------------------------- */
.quickMenu { margin: 20px 0; text-align: center; font-size: 0.875em; }
.quickMenu label { display: inline-block; vertical-align: middle; float: none; width: auto; text-align: left; padding: 0; margin-right: 15px; }
.quickMenu .select { display: inline-block; vertical-align: middle; float: none; width: 300px; }
.quickMenu select { -webkit-border-radius: 25px; border-radius: 25px; }

@media screen and (max-width: 600px) {
    .quickMenu { margin-top: 15px; }
    .quickMenu .select { width: 250px; }
}

@media screen and (max-width: 480px) {
    .quickMenu { margin-top: 10px; }
    .quickMenu label { margin: 0 0 5px; text-align: center; }
    .quickMenu .select { display: block; margin: 0 auto; }
}

@media screen and (max-width: 400px) {
    .quickMenu { margin-top: 5px; }
}

/* = Members dashboard
----------------------------------------------------------------------------------------------------------------- */
.network-strip { padding: 30px 0; background: #00A9E0; color: #fff; }

.ns-inner { display: table; }
.ns-inner > div { display: table-cell; vertical-align: middle; }
.ns-inner a { color: #fff; }
.ns-inner .h5 { width: 370px; margin: 0; }

.search-network { width: calc(100% - 370px); }
.search-network .sn-field { float: left; margin-right: 10px; width: calc(50% - 60px); }
.search-network .sn-field input,
.search-network .sn-field select,
.search-network .sn-field .select { width: 100%; -webkit-border-radius: 1.5em; border-radius: 1.5em; float: none; }
.search-network .sn-field.sn-search { width: auto; margin: 0; }
.search-network .sn-search input { min-width: 100px; }

.groups-docs { padding: 40px 0; background: #001A70; }
.groups-docs h2 a { color: #fff; }

.mt-wrap { margin-bottom: 4px; }
.membersWGTitle a:hover,
.membersWGTitle a:focus { text-decoration: underline; }

.membersTabs { float: left; margin-right: 30px; width: calc(100% - 305px); }
.membersTabs .tabs { width: 100%; margin: 0; background: #fff; }
.membersTabs .tabs > ul { width: 250px; float: left; clear: none; background: #f5f5f5; }
.membersTabs .tabs > ul li { display: block; margin: 0; border-bottom: 2px solid #fff; background: #f5f5f5; }
.membersTabs .tabs > ul li:last-child { border: none; }
.membersTabs .tabs > ul li a { display: block; padding: 10px 20px; font-size: .9em; }
.membersTabs .tabs > ul li a.on { background: #B5BD00; color: #fff; }
.membersTabs .tabs > ul li a:after { content: none; }
.membersTabs .tabs .panel { width: calc(100% - 250px); float: left; padding: 30px 35px; background: #fff; }
.membersTabs .tabs .panel a:hover,
.membersTabs .tabs .panel a:focus { text-decoration: underline; }
.membersTabs .tabs .panel .colsHalf .col { width: 48%; margin-bottom: 0; margin-right: 4%; }
.membersTabs .tabs .panel .colsHalf .col:last-child { margin-right: 0; }
.membersTabs .cols { margin: 0; }
.membersTabs .alt { color: #43b02a; }
.membersTabs .noResourcesText { text-align: center; }

.membersQuicklinks { float: left; width: 275px; }
.membersQuicklinks a { display: block; margin: 0 0 10px; padding: 8px 16px; color: #fff; background: #43B02A; -webkit-transition: background .3s ease; transition: background .2s ease; }
.membersQuicklinks a:last-child { margin: 0; }
.membersQuicklinks .icon:before { padding-right: 12px; }
.membersQuicklinks .icon--pref:before { font-size: 1.1em; vertical-align: middle; }

.member-news .cards { margin-bottom: 0; }

.cols--memberButton { padding: 40px; background: #e8f3fa; }
.cols--memberButton:last-child { margin-bottom: 0; }
.mb-sub { display: inline-block; margin: 20px; }

.m-meet-headings { position: relative; }
.m-meet-headings h2 { padding-right: 255px; }
.m-meet-headings .discounted { position: absolute; display: inline-block; right: 0; top: 0; color: #fff; font-size: 0.750em; font-weight: 600; background: #00A9E0; }
.m-meet-headings .discounted span { display: inline-block; padding: 6px 12px 6px 34px; background: url(/_img/icons/is_lowcvp_white.svg) 10px 50% no-repeat; background-size: 14px auto; }

.meta-strip { margin: 20px 0 0; background: #001A70; -webkit-transition: background .2s ease; transition: background .2s ease; }
.meta-strip a { display: block; color: #fff; padding: 10px 15px; text-align: center; }
.meta-strip:hover,
.meta-strip:focus { background: #00A9E0; }

.category-groups .cg-inner { padding: 35px; margin-bottom: 35px; background: #f6f6f6; }
.category-groups .cg-inner:last-child { margin-bottom: 20px; }
.category-groups .cg-inner .cg-item { float: left; width: calc(50% - 10px); margin-right: 20px; padding: 0; }
.category-groups .cg-inner .cg-item:nth-child(even) { margin-right: 0; }

.subPreference { padding: 12px 15px; margin: 32px 0 22px; color: #fff; background: #43b02a }
.updPreferences,
.updPreferences:last-child { margin: 20px 0; }

.company-jobsWrap { margin: 0 0 25px; }
.company-jobsWrap h2 { margin-bottom: 10px; }
.company-jobsWrap p { margin: 10px 0 0; }

.ar-outer { margin-bottom: 30px; background: #f6f6f6; }
.ar-inner { background: #fff; }
.ar-content { padding: 40px; background: #f6f6f6; }
.ar-content ul { padding: 0; }
.ar-content small { color: #00A9E0; }
.ar-matches { font-weight: 600; }

@media screen and (min-width: 850px) {
    .company-jobsWrap { position: relative; }
    /* .company-jobsWrap .btn { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; } */

    .ar-outer { float: left; width: 48%; margin: 1% 4% 1% 0; }
    .ar-outer:nth-child(even) { margin-right: 0; }
}

@media screen and (max-width: 1200px) {
    .membersQuicklinks { width: 230px; }
    .membersTabs { margin-right: 20px; width: calc(100% - 250px); }

    .membersTabs .tabs .panel { padding: 25px; font-size: .95em; }
}

@media screen and (min-width: 1080px) {
    .membersQuicklinks a:hover,
    .membersQuicklinks a:focus { background: #B5BD00; }
}

@media screen and (max-width: 1080px) {
    .search-network { width: 100%; margin-bottom: 4px; }
    .ns-inner { display: block; }
    .ns-inner > div { display: block; }
    .ns-inner .h5 { width: 100%; margin: 0 0 10px; }

    .membersTabs .tabs .panel p:not(:last-child) { margin-bottom: 15px; }
    .membersTabs .tabs .panel .colsHalf .col { width: 100%; float: none; }
    .membersTabs .tabs .panel .colsHalf .col:last-child { margin-top: 15px; }

    .ar-content { padding: 30px; }
}

@media screen and (max-width: 900px) {
    .membersTabs { float: none; width: 100%; margin: 0; }

    .membersQuicklinks { width: 100%; }
    .membersQuicklinks a,
    .membersQuicklinks a:last-child { float: left; width: calc(33.333% - 8px); margin: 6px 12px 6px 0; font-size: .95em; }
    .membersQuicklinks a:nth-child(3n+3) { margin-right: 0; }

    .mt-wrap { margin-bottom: 6px; }
    .mt-wrap * { order: 1; }
    .mt-wrap .membersQuicklinks { order: 0; margin: 0 0 30px; }

    .m-meet-headings h2 { padding: 0; }
    .m-meet-headings .discounted { position: relative; display: block; margin: 0 0 15px; text-align: center; }
}

@media screen and (max-width: 850px) {
    .company-jobsWrap p { margin: 10px 0; }
    .ar-outer:last-child { margin-bottom: 0; }
}

@media screen and (max-width: 750px) {
    .membersQuicklinks a:nth-child(even),
    .membersQuicklinks a:nth-child(odd) { float: left; width: calc(50% - 4px); margin: 4px 8px 4px 0; font-size: .9em; }
    .membersQuicklinks a:nth-child(even) { margin-right: 0; }
    .membersQuicklinks .icon:before { padding-right: 10px; }

    .cols--memberButton { padding: 35px; }

    .category-groups .cg-inner { padding: 26px 30px; margin-bottom: 30px; }
}

@media screen and (max-width: 600px) {
    .network-strip { padding: 25px 0; }
    .search-network .sn-field { width: calc(50% - 43px); }
    .search-network .sn-search input { min-width: 66px; }

    .membersTabs .noResourcesText { text-align: left; }
}

@media screen and (max-width: 650px) {
    .mb-sub { margin: 10px 20px; }
    .groups-docs { padding: 35px 0; }
}

@media screen and (max-width: 600px) {
    .membersTabs .tabs > ul { width: 215px; }
    .membersTabs .tabs .panel { width: calc(100% - 215px); padding: 20px; }

    .category-groups .cg-inner .cg-item,
    .category-groups .cg-inner .cg-item:nth-child(even) { float: none; width: 100%; margin: 0; }
}

@media screen and (max-width: 480px) {
    .membersQuicklinks a { padding: 8px 12px; }

    .membersTabs .tabs > ul,
    .membersTabs .tabs .panel { float: none; width: 100%; }
    .membersTabs .tabs > ul li a { padding: 8px 20px; }

    .cols--memberButton { padding: 30px; }

    .member-news .cards--news .ci-image { display: none; }

    .category-groups .cg-inner { padding: 22px 25px; margin-bottom: 25px; }

    .ar-more { margin-top: 20px; }
}

@media screen and (max-width: 440px) {
    .network-strip { padding: 25px 0; }
    .search-network .sn-field { float: none; width: 100%; margin: 0 0 6px; }
    .search-network .sn-search input { min-width: 66px; }
    .mt-wrap .membersQuicklinks { margin: 0 0 25px; }
    .groups-docs { padding: 30px 0; }

    .ar-outer { margin-bottom: 25px; }
    .ar-content { padding: 25px; }
}

@media screen and (max-width: 380px) {
    .membersTabs .tabs > ul li a { padding: 8px 18px; font-size: .875em; }
    .membersTabs .tabs .panel { padding: 18px; }

    .membersQuicklinks a:nth-child(even),
    .membersQuicklinks a:nth-child(odd) { padding: 6px 10px; font-size: 0.875em; }
    .membersQuicklinks .icon:before { padding-right: 8px; }

    .meta-strip { margin: 15px 0 0; }

    .cols--memberButton { padding: 25px; }

    .category-groups .cg-inner { padding: 20px 22px; }
}

/* = Jobs list
----------------------------------------------------------------------------------------------------------------- */
.job-item { margin: 0 0 30px; padding-bottom: 30px; border-bottom: 1px solid #e0eff9; }
.job-item:last-child { padding: 0; border: none; }
.ji-specifics { padding: 25px; margin: 0 0 20px; background: #f3f7f9; }
.ji-specifics strong { min-width: 135px; display: inline-block; }
.ji-specifics p { margin: 0; }

.jobs-view hr:not(:last-of-type) { margin: 25px 0; }
.jobs-view .col p:last-child > .btn { margin: 0; }

@media screen and (min-width: 651px) {
    .jobs-view .endCol { text-align: right; }
}

@media screen and (min-width: 751px) {
    .ji-specifics { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
}

@media screen and (max-width: 400px) {
    .ji-specifics { padding: 22px; font-size: .95em; }
    .ji-specifics strong { min-width: 120px; }

    .jobs-view hr:not(:last-of-type) { margin: 20px 0; }
}

/* = Maps
----------------------------------------------------------------------------------------------------------------- */
.mapWrap { width: 100%; height: 0; padding-bottom: 56%; margin: 0 0 30px; overflow: hidden; background: #eee url(/_img/loader.gif) center center no-repeat; background-size: 26px; position: relative; }
.mapWrap:last-child { margin-bottom: 0; }
.mapWrap .map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.members-map { margin: 40px 0 0; }

.mapWrap--portrait { padding-bottom: 100%; }

@media screen and (max-width: 750px) {
    .mapWrap { padding-bottom: 65%; }
    .members-map { margin: 35px 0 0; }
}

@media screen and (max-width: 600px) {
    .mapWrap { padding-bottom: 75%; }
    .members-map { margin: 30px 0 0; }
}

/* @media screen and (max-width: 480px) {
    .mapWrap { padding-bottom: 100%; }
} */

/* Map styles */
.mapMember { float: left; width: 100%; min-height: 120px; padding: 10px 0 25px; position: relative; }
.mapMember .btn { position: absolute; bottom: 10px; right: 0; }
.mapMember .thumb { float: left; margin: 0 15px 15px 0; }
.mapMember .thumb img { margin-bottom: 20px; }
.mapMember .cont { overflow: auto; }
.mapMember .cont p { font-size: .9em; line-height: 1.4em; margin-bottom: 10px; }

.mapMembers { float: left; width: 100%; min-height: 120px; padding: 10px 0 15px; position: relative; }
.mapMembers .memberList,
.mapMembers .memberList li { list-style: none; }
.mapMembers .memberList { margin-left: 0; list-style-image: none; padding-left: 0 }
.mapMembers .memberList li { border-bottom: solid 1px #dbdbdb; margin: 0; }
.mapMembers .memberList a { display: block; font-size: 14px; padding: 10px 105px 10px 10px; position: relative; color: #282828; }
.mapMembers .memberList a span { position: absolute; right: 10px; top: 10px; color: #149973; }
.mapMembers .memberList a:hover,
.mapMembers .memberList a:focus { color: #e47615; background: #f1f1f1; }

/*  */
.mapPopoverHover { position: absolute; z-index: 10000; top: -100px; left: 0; background: #96c65b; border: solid 1px #86b34f; color: #fff; padding: 4px 10px; font-size: 11px; font-weight: bold; }
.mapPopoverHover { display: none; }

.mapPopover { display: none; position: absolute; top: 50%; left: 50%; z-index: 980; width: 48%; min-height: 150px; height: 300px; background: #fff; color: #353535; }
.mapPopover .arrow { position: absolute; top: 10px; left: -10px; width: 11px; height: 26px; background: url('/_img/map/flyout-arrow.png') top left no-repeat; }
.mapPopover a.close { position: absolute; top: 0; right: 0; padding: 4px; background: #149973; }
.mapPopover a.close img { vertical-align: top; }
.mapPopover h2, .mapPopover h3, .mapPopover h4, .mapPopover h5 { margin: 0 0 10px; font-family: Arial; text-transform: none; font-weight: bold; }
.mapPopover h3.name { padding: 10px 15px 5px; margin: 0; color: #0A0A0A; }
.mapPopover h5 { color: #DC143B; }
.mapPopover h5.alt { color: #888; }
.mapPopover p { margin-top: 0; }
.mapPopover .infoHolder { padding: 0 15px 10px; height: 100%; }
.mapPopover .info { float: left; width: 100%; height: 100%; }
.mapPopover .infoLoading { overflow: hidden; height: 260px; background: url('/_img/map/loading-whitebg.gif?1') center center no-repeat; }
.mapPopover .medObj .topLayer { background: #aaa url('/_img/map/tile-light.png') repeat top left; }
.mapPopover .eventObj .thumb { width: 70px; }
.mapPopover .eventObj .time { font-size: 1.0em; padding-top: 5px; }
.mapPopover .eventObj .time em { font-size: 1.7em; margin-top: 2px; color: #353535; }
.mapPopover .eventObj .cont a { color: #353535; }
.mapPopover .eventObjFull .cont h3 { font-size: 0.8em; }
.mapPopover .eventObjFull .contWrap h3 { padding-top: 2px; padding-bottom: 5px; }
.mapPopover .mapContentWrap { height: calc(100% - 30px); }
.mapPopover .mapContentWrap,
.mapPopover .mapContent { float: left; width: 100%; }
.mapPopover .mapContent { overflow-y: auto; height: calc(100% - 40px); margin-bottom: 0; }
.mapPopover .mapMembers .mapContent { height: 100%; }
.mapPopover ul { background: #fff; }

/* = Key Chart for map
----------------------------------------------------------------------------------------------------------------- */
.keyChartWrap { position: relative; }
.keyChart { margin: 0; list-style: none; position: absolute; top: 213px; right: 15px; z-index: 1; }
.keyChart li { margin: 0; padding: 8px 10px 8px 30px; color: #fff; cursor: pointer; }
.keyChart li.title { padding: 8px 10px; color: #282828; text-align: center; font-weight: bold; background: #fff; }
.keyChart li.hybrid { background: #c63535 url(/_img/map/hybrid.png) no-repeat 7px center; }
.keyChart li.battery { background: #fcbe00 url(/_img/map/ev.png) no-repeat 7px center; }
.keyChart li.biomethane { background: #1a9e77 url(/_img/map/biomethane.png) no-repeat 7px center; }
.keyChart li.demonstration { background: #0a2359 url(/_img/map/demonstration.png) no-repeat 7px center; }
.keyChart li.microhybrid { background: #800080 url(/_img/map/microhybrid.png) no-repeat 7px center; }
.keyChart li.flywheel { background: #a5cc57 url(/_img/map/flywheel.png) no-repeat 7px center; }
.keyChart li.hydrogen { background: #00b0f0 url(/_img/map/hydrogen.png) no-repeat 7px center; }
.keyChart li.pluginhybrid { background: #e9521d url(/_img/map/plug-in-hybrid.png) no-repeat 7px center; }
.keyChart li.biodiesel { background: #076298 url(/_img/map/biodiesel.png) no-repeat 7px center; }
.keyChart li.confirmed { background: #149973 url(/_img/map/confirmed.png) no-repeat 7px center; ; }
.keyChart li.potential { background: #d36c37 url(/_img/map/potential.png) no-repeat 7px center; ; }

.nojs .keyChart { display: none; }

/* = Sliders
----------------------------------------------------------------------------------------------------------------- */
.slider-wrap { position: relative; }
.slider { list-style: none; margin: 0; padding: 0; }
.slider > li { margin: 0; }
.slider .card-item { float: none; }
.slider .card-item--media { padding-bottom: 58px; }

.card-item--slider .lSSlideOuter { margin: 0; position: relative; }
.card-item--slider .lSSlideOuter .lSPager.lSpg { position: absolute; margin: 0 0 15px; padding: 0; bottom: 0; left: 0; width: 100%; }
.card-item--slider .lSSlideOuter .lSPager.lSpg > li a { border-color: #b5bd00; }

.lSSlideOuter .lSPager.lSpg > li a:focus { background-color: #43b02a;}
.card-item--slider .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #b5bd00; border-color: #b5bd00; }

.slider--top .slide-item { background-position: left 18% center; display: block; height: 0; padding-bottom: 400px; position: relative; }
.slider--top .slide-item:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.2; }
.slider--top .slide-item--lens-0:before { opacity:0;} 
.slider--top .slide-item--lens-30:before { opacity:0.3;} 
.slider--top .slide-item--lens-40:before { opacity:0.4;}
.slider--top .slide-item--lens-50:before { opacity:0.5;} 
.slider--top .slide-item--lens-60:before { opacity:0.6;} 
.slider--top .slide-item--lens-70:before { opacity:0.7;} 

.slider--top .slide-item .card-inner { position: absolute; top: 0; left: 0; width: calc(100% - 80px); height: calc(100% - 105px); min-height: 0; }
.slider--top .slide-item p { line-height: 1.5em; max-height: 4.5em; overflow: hidden; position: relative; text-overflow: ellipsis; }

@supports (-webkit-line-clamp: 3) {
    .slider--top .slide-item p { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
    .slider--top .slide-item p:before,
    .slider--top .slide-item p:after { content: normal; }
}

.member-image { width: auto; margin: 0 20px; height: 100px; background-position: center center; background-size: contain; background-repeat: no-repeat; }

@media screen and (min-width: 1201px) {
    .slider--top .slide-item p { line-height: 1.5em; max-height: 6em; }
    @supports (-webkit-line-clamp: 4) {
        .slider--top .slide-item p { -webkit-line-clamp: 4; }
    }
}

@media screen and (max-width: 1400px) {
    .slider-wrap { padding: 0 40px; }
    .slide-prev { left: 0; }
    .slide-next { right: 0; }
}

@media screen and (max-width: 1200px) {
    .slider--top .slide-item { padding-bottom: 380px; }
    .slider--top .slide-item .ci-btns { bottom: -12px; }
}

@media screen and (max-width: 750px) {
    .slider--top .slide-item .ci-btns { bottom: -25px; }
}

@media screen and (max-width: 600px) {
    .slider .card-item--media { padding-bottom: 55px; }
    .slider--top .slide-item { padding-bottom: 350px; }
}

@media screen and (max-width: 480px) {
    .slider .card-item--media { padding-bottom: 45px; }
    .slider--top .slide-item .card-inner { width: calc(100% - 60px); height: calc(100% - 95px); }
}

@media screen and (max-width: 400px) {
    .slider--top .slide-item { padding-bottom: 330px; }
    .slider--top .slide-item .card-inner { width: calc(100% - 50px); }
}

@media screen and (max-width: 340px) {
    .slider--top .slide-item { padding-bottom: 310px; }
    .slider--top .slide-item .card-inner { width: calc(100% - 40px); height: calc(100% - 85px); }
}

/* = Team 
----------------------------------------------------------------------------------------------------------------- */
.team-list { margin: 30px 0 40px; }
.team-list:last-child { margin-bottom: 0; }
.team-member { float: left; width: 18.8%; margin-right: 1.5%; margin-top: .75%; margin-bottom: .75%; background: #eee; }
.team-member:nth-child(5n+5) { margin-right: 0; clear: right; }
.team-member:nth-child(5n+1) { clear: left; }
.team-member:hover { cursor: pointer; }

.tm-imgWrap { position: relative; }
.tm-imgWrap:before { opacity: 0; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(1, 1, 1, 0.5); -webkit-transition: opacity .3s ease; transition: opacity .3s ease; z-index: 1; }
.tm-imgWrap:after { opacity: 0; content: 'Profile'; position: absolute; text-align: center; font-size: .9em; width: 70px; line-height: 1; top: 50%; left: 50%; padding: .5em 1.5em; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; border: 1px solid #fff; -webkit-border-radius: 50px; border-radius: 50px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; z-index: 1; }

.team-member:hover .tm-imgWrap:before,
.team-member:focus .tm-imgWrap:before { opacity: 1; }
.team-member:hover .tm-imgWrap:after,
.team-member:focus .tm-imgWrap:after { opacity: 1; }

.tm-image { position: relative; height: 0; padding-bottom: 130%; overflow: hidden; }
.tm-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; height: 100%; width: 100%; }

.tm-info { padding: 20px 12px; text-align: center; background: #eee; }
.tm-info .tm-profile { display: none; }
.tm-info .tm-name { margin: 0; }
.tm-info .tm-title { margin-top: 8px; line-height: 1.35em; font-size: .9em; color: #43b02a; }

.tm-btn { margin-top: 16px; }
.tm-video, .modal .tm-btn { display: none; }
.modal .tm-video { margin-top: 25px; }

.tm-links { line-height: 1; }
.tm-links:empty { display: none; }
.tm-links:last-child { margin-bottom: 25px; }
.tm-social .icon { margin: 0 6px 2px 0; width: 24px; height: 24px; display: inline-block; vertical-align: top; text-align: center; line-height: 24px; }
.tm-social .icon--li { background: #0e76a8; color: #fff; }
.tm-social .icon--tw { background: #00acee; color: #fff; }
.tm-social .icon--emailAlt { background: #53565A; color: #fff; }

.tm-mob:before,
.tm-tel:before { color: #001A70; width: 18px; text-align: left; }

.modal .modal-content .team-member { float: none; width: 100%; margin: 0; cursor: default; }
.modal .tm-meta { font-size: 1.2em; }
.modal .tm-imgWrap:before,
.modal .tm-imgWrap:after { content: none; }
.modal .tm-info { padding: 0; font-size: 1em; float: left; width: calc(100% - 265px); margin: 0; text-align: left; background: none; }
.modal .tm-info .tm-profile { display: block; margin-top: 25px; }
.modal .tm-imgWrap { float: left; width: 230px; margin-right: 35px; clear: none; }

.tm-tel + .tm-mob { margin-top: -5px; }

.team-member-right-col { cursor: pointer; margin-bottom: 20px; }
.team-member-right-col + .team-member-right-col { margin-top: 20px; }
.team-member-right-col .tm-image { height: auto; padding-bottom: 0; }
.team-member-right-col .tm-image img { position: static; }
.team-member-right-col .tm-info { display: none; }
.modal--team-simple .team-member-right-col { cursor: default; float: none; margin: 0; width: 100%; }
.modal--team-simple .team-member-right-col .tm-info { display: block; }
.modal--team-simple .modal-nav.on { display: none; }

@media screen and (min-width: 1201px) {
    .modal .tm-info .tm-name { font-size: 1.2em; }
}

@media screen and (max-width: 1080px) {
    .team-list { margin: 25px 0 30px; }

    .team-member,
    .team-member:nth-child(5n+5),
    .team-member:nth-child(5n+1) { width: 23.5%; margin-right: 2%; margin-top: 1%; margin-bottom: 1%; clear: none; }

    .team-member:nth-child(4n+4) { margin-right: 0; clear: right; }
    .team-member:nth-child(4n+1) { clear: left; }
}

@media screen and (max-width: 850px) {
    .team-list { margin: 25px 0; }

    .modal .tm-imgWrap { width: 175px; margin-right: 25px; }
    .modal .tm-info { width: calc(100% - 200px); }

    .team-member,
    .team-member:nth-child(odd),
    .team-member:nth-child(even) { width: 32%; margin-right: 2%; margin-top: 1%; margin-bottom: 1%; clear: none; }

    .team-member:nth-child(3n+3) { margin-right: 0; clear: right; }
    .team-member:nth-child(3n+1) { clear: left; }

    .team-member:hover .tm-imgWrap:before { opacity: 0; }
    .team-member:hover .tm-imgWrap:after { content: none; }
}

@media screen and (max-width: 650px) {
    .modal .tm-imgWrap { float: none; max-width: 300px; width: 250px; margin: 10px auto 0; }
    .modal .tm-info { float: none; width: 100%; margin-top: 25px; }
    .modal .tm-info .tm-profile { margin-top: 20px; }

    .tm-info { padding: 15px 6px; text-align: center; background: #eee; font-size: 2.4vw; }
    .tm-info .tm-title { margin-top: 5px; }
}

@media screen and (max-width: 600px) {
    .team-list { margin: 20px 0; }
    .modal .tm-meta { font-size: 1.25em; }
    .tm-tel + .tm-mob { margin-top: 0; }
}

@media screen and (max-width: 480px) {
    .team-member,
    .team-member:nth-child(odd),
    .team-member:nth-child(even) { width: 49%; margin-right: 2%; margin-top: 1%; margin-bottom: 1%; clear: none; }
    .team-member:nth-child(even) { margin-right: 0; clear: right; }
    .team-member:nth-child(odd) { clear: left; }

    .tm-info { padding: 15px 6px; font-size: 1em; }
    .tm-social .icon { width: 22px; height: 22px; line-height: 22px; margin: 0 8px 4px 0; }
}

@media screen and (max-width: 400px) {
    .team-list { margin: 15px 0; }

    .modal .tm-imgWrap { max-width: 220px; }
    .modal .tm-info .tm-title { font-size: .85em; }

    .tm-info { padding: 12px 6px; font-size: 3.6vw; }
    .tm-info .tm-title { margin-top: 4px; }
}


/* = List with thumbnail
----------------------------------------------------------------------------------------------------------------- */
.thumbList { margin:30px 0; border: 1px solid #40bfe8; padding: 25px;}
.thumbList:first-child { margin-top:0; }
.thumbList:last-child { margin-bottom:0; }

.thumbList h4 {font-family: 'Poppins', sans-serif; font-weight: bold; }

.thumbList--has-image .tl-img {float:left; width:120px; margin-top:6px; margin-right: 20px; }
.thumbList--has-image .tl-content {float:left; width:calc(100% - 140px);}
.thumbList-with-popup .tl-blurb { display: none; }

.modal--thumbList .modal-wrap { background-image: none; }
.modal--thumbList .modal-wrap .thumbList { border: none; margin: 0; padding: 0; }
.modal--thumbList .modal-wrap .thumbList img { max-width: 100%; }
.modal--thumbList .modal-wrap .thumbList .tl-blurb { display: block; }
.modal--thumbList .modal-wrap .modal-nav { display: none; }


@media screen and (max-width: 480px) {
    .thumbList--has-image .tl-img {width:100px;  margin-right: 20px; }
    .thumbList--has-image .tl-content { width:calc(100% - 120px);}
}

@media screen and (max-width: 440px), screen and (min-width: 951px) and (max-width: 1200px)  {
    .thumbList--has-image .tl-img { width: 100%; max-width: 200px;  margin: 0 auto 20px 0;  float: none; }
    .thumbList--has-image .tl-content { width:100%; }
}

/* = Google search
----------------------------------------------------------------------------------------------------------------- */

#gs-area table,
#gs-area tbody { border-radius: 0 !important;} 

#gs-area .gsc-control-cse { padding:0; }
#gs-area  td {padding:0; border:0; } 

#gs-area  .gsc-input-box { margin:0 !important; padding:0 !important; border: 1px solid #c1c1c1 !important; border-right: none !important; border-radius: 0 !important; } 
#gs-area  input.gsc-input {  width: 100%; padding: 8px 12px !important; margin: 0; font-size: 1em; font-family: 'Poppins', sans-serif !important;  background: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
#gs-area .gsc-search-button {height: 100%; background-color: #43B02A !important;}
#gs-area .gsc-search-button button { padding: 10px 22px !important; margin: 0 !important; border:none !important; }
#gs-area .gsc-search-button svg  {width:16px; height: 16px;}
#gs-area .gsc-search-button button:hover, 
#gs-area .gsc-search-button button:focus {border:none !important;outline: none; cursor: pointer; }
#gs-area .gsst_b {padding: 0 7px;}
#gs-area  .gsc-search-box-tools {margin-bottom: 25px  !important;}
#gs-area .gsc-control-cse,
#gs-area .gsc-control-cse .gsc-table-result  { font-family: 'Poppins', sans-serif  !important;} 
#gs-area  .gsc-table-result { margin-top:5px; font-size: 14px;}
#gs-area .gsc-webResult.gsc-result { padding: 15px 0; border-bottom: 1px solid #efefef; border-width: 0 0 1px 0 !important;}
#gs-area .gsc-webResult.gsc-result:hover {  border-color: #efefef  !important;}
#gs-area .gsc-webResult.gsc-result:last-child {margin-bottom: 20px;}
#gs-area .gs-result .gs-title  {margin-bottom: 6px; line-height: 1.4em;}
#gs-area .gs-result .gs-title a,
#gs-area .gsc-control-cse .gs-result .gs-title *  { color: #001a70; font-size: 1.2em !important;}
#gs-area .gs-result .gs-title a:hover {text-decoration: underline;}
#gs-area .gs-webResult div.gs-visibleUrl-breadcrumb {  color: #00a9e0;}
#gs-area .gs-web-image-box { padding: 0;margin: 5px 10px 10px; }
#gs-area  .gs-result a.gs-image {border:none; }
#gs-area .gs-fileFormat {  margin-bottom: 8px; color: #43b02a;} 
#gs-area .gs-fileFormatType { color: #43b02a;}
#gs-area .gsst_a .gscb_a { color: #2d6a7e; vertical-align: middle;}

#gs-area .gsc-cursor-page,
#gs-area .gsc-results .gsc-cursor-box .gsc-cursor-page  { font-size: 12px; color: #001A70 !important; display: inline-block !important; vertical-align: top !important; padding: 0 !important; width: 26px !important; height: 26px !important; line-height: 24px !important; border: 1px solid #001A70 !important; -webkit-border-radius: 30px !important; border-radius: 30px !important; text-align: center; outline:none; }

#gs-area .gsc-cursor-page:hover,
#gs-area .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { text-decoration: none  !important; color: #fff !important; border-color: #00A9E0 !important; background: #00A9E0 !important;}
#gs-area  .gsc-cursor-current-page,
#gs-area .gsc-results .gsc-cursor-box .gsc-cursor-current-page {  color: #fff !important; border-color: #001A70 !important;; background: #001A70 !important;}

#gs-area .gsc-results .gsc-cursor-box { display: block !important;  }
#gs-area  .gcsc-more-maybe-branding-root {margin-top:20px; display: none;}

/* = Cookie
----------------------------------------------------------------------------------------------------------------- */
/* 
.cookie-notice { font-size: .75em; display: none; position: fixed; left: 0; bottom: 0; right: 0; z-index: 9999; }
.cookie-notice-inner { margin: 0 auto; max-width: 1150px; display: table; background: #333; position: relative; }
.cookie-notice p { color: #d4d4d4; }
.cookie-notice p:last-child { margin-bottom: 0; }
.cookie-notice .cookie-info { display: table-cell; vertical-align: middle; padding: 30px 35px; }
.cookie-notice .cookie-info .cookie-reject { display: none; }
.cookie-notice .cookie-info .cookie-links a:first-of-type { margin-left: 0; }
.cookie-notice .cookie-info p:first-child { margin-bottom: 8px; }
.cookie-notice .cookie-info a { color: #fff; text-decoration: underline; }
.cookie-notice .cookie-info .cookie-links a { display: inline-block; margin: 0 10px; }
.cookie-notice .cookie-info .cookie-links a:last-of-type { margin-right: 0; }
.cookie-notice .cookie-button { display: table-cell; vertical-align: middle; padding: 30px 35px; min-width: 295px; background: #3d3d3d; text-align: center; }
.cookie-notice .cookie-button .btn { padding: 15px 20px 15px 70px; border-radius: 0; position: relative; text-transform: uppercase; border: 0; color: #fff; background: #3AB445; }
.cookie-notice .cookie-button .btn:before { content: ''; color: #fff; background: #2F9937 url(/_img/icons/cookie-check.svg) no-repeat 50% 50%; position: absolute; left: 0; top: 0; bottom: 0; height: 100%; width: 50px; }

@media screen and (max-width: 770px) {
    .cookie-notice .cookie-info .cookie-links a { display: block; margin: 6px 0 0; }
    .cookie-notice .cookie-info .cookie-links a + span { display: none; }
    .cookie-notice .cookie-info .cookie-reject .cookie-links a { display: inline-block; margin: 5px 10px 0; }
    .cookie-notice .cookie-info .cookie-reject .cookie-links a:first-of-type { margin-left: 0; }
}

@media screen and (max-width: 650px) {
    .cookie-notice .cookie-info { padding: 30px 25px 25px; display: block; }
    .cookie-notice .cookie-button { padding: 0 25px 30px; background: none; display: block; position: absolute; bottom: 0; right: 0; text-align: right; }
    .cookie-notice .cookie-info .cookie-links { width: calc(100% - 220px); min-height: 60px; }
    .cookie-notice .cookie-info .cookie-reject .cookie-links a { margin: 10px 0 0; display: inline-block; width: 44%; }
    .cookie-notice .cookie-button .btn { padding: 12px 15px 12px 65px; }
}

@media screen and (max-width: 420px) {
    .cookie-notice { font-size: .7em; }
    .cookie-notice .cookie-info { padding: 30px 25px 25px; }
    .cookie-notice .cookie-info .cookie-links { width: 100%; min-height: 0; }
    .cookie-notice .cookie-info .cookie-reject .cookie-links a { margin: 0 15px 0 0; width: auto; }
    .cookie-notice .cookie-button { position: relative; text-align: left; }
    .cookie-notice .cookie-button .btn { padding: 10px 15px 10px 65px; }
} */


/* = Member based styling
----------------------------------------------------------------------------------------------------------------- */
body[data-member="1"] .state-hidemem { display: none; }
body[data-member="1"] .state-showmem { display: block; }
body[data-member="1"] .state-showmem-ib { display: inline-block; }
body[data-member="1"] .state-showmem-i { display: inline; }

/* = Member based styling
----------------------------------------------------------------------------------------------------------------- */
input.readonly.text { padding-left: 0; padding-right: 0; background: #f6f6f6; border: 0; }
.webForm--profile .select select.readonly { padding-left: 0; padding-right: 0; background: #f6f6f6; cursor: default; border:0; }
.committee-category-note p { padding-top:20px; padding-bottom:20px;}


/* = Bus guide
----------------------------------------------------------------------------------------------------------------- */
.bg-wrap { margin-bottom: 30px; padding: 30px; background: #e8f3fa; -webkit-border-radius: 0.75em; border-radius: 0.75em;  position: relative;}

.bus-search label { display: block; margin:0 0 5px; padding:0; float:none; width:100%; } 
.bus-search .select { display: block; margin:0; padding:0; float:none; width:100%; }
.bus-search .bs-item { width:calc(25% - 15px); margin-right: 20px; } 
.bus-search .bs-item:last-child { margin-right: 0;}

.cards--buses .ci-title { margin-bottom: 10px; }

.cards--buses .ci-heading .h6 { padding: 15px 25px; margin:0; font-weight: 600; }


.ci-bus-stat { margin-bottom: 4px; font-size: .9em;}
.ci-bus-stat:last-of-type { margin-top: 2px; }


.ci-cert {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 9px;
    color: #fff;
    padding: 0.5em 1em;
}

.ci-image .Zero{background-color: #43B02A;}
.ci-image .Low{background-color: #FF8200;}
.ci-image .Ultra-Low{background-color: #00A9E0;}


/* .ci-vbuttons { margin:25px 0; display: flex; }
.ci-vbuttons .btn { flex:1; } */

.ci-vbuttons {  display:block; }
.ci-vbuttons .btn { margin:12px 0 0; width:100%; }

.ci-busmore .btn { width: 100%;}

.ci-busmore .btn:hover,
.ci-busmore .btn:focus { background-color: #00A9E0; border-color: #00A9E0;}

.bus-image { margin-bottom: 30px;}
.bus-stats {  margin: 40px 0;  padding: 40px; background: #f5f5f5; }
.bus-stats .ci-bus-stat { margin-bottom: 8px; font-size: 1em;}
.bus-stats .ci-bus-stat:last-of-type  {margin-bottom: 0;}
.bus-stats + .leader {margin-bottom: 30px;}

h2 + .bus-stats {margin-top:25px; }

.bus-buttons { margin: 35px 0;}
.bus-links .inline-btn { color: #43b02a; text-decoration: none; } 
.bus-links .inline-btn + .inline-btn {margin-left:15px; }
.bus-links .inline-btn:hover,
.bus-links .inline-btn:focus { text-decoration: underline; }

.msg.msg--no-busresults { margin-bottom: 50px;}

@media screen and (min-width: 601px) and (max-width: 850px)  {
    .bus-search { flex-wrap: wrap;}
    .bus-search .bs-item {  width:calc(50% - 10px); margin-right: 20px; } 
    .bus-search .bs-item:nth-child(2n+2) { margin-right: 0;}
    .bus-search .bs-item:nth-last-child(-n+2) { margin-top:20px; }
}

@media screen and (min-width: 601px) and (max-width: 750px)  {
    .cards.cards--buses  .card-item { width:48%; margin: 1%; } 
}

@media screen and (min-width: 751px) {
    .cards.cards--buses  .card-item { width:32.33333%;  margin: 0.5%; } 
 }

@media screen and (min-width: 851px) {
    .bus-search .bs-item { width:calc(25% - 15px); margin-right: 20px; } 
    .bus-search .bs-item:last-child { margin-right: 0;}
}


@media screen and  (max-width: 600px)  {
    .bus-search { flex-wrap: wrap;}
    .bus-search .bs-item {  width:100%; margin:0 0 10px } 
    .bus-search .bs-item:last-child { margin:0; }
}

@media screen and  (max-width: 480px)  {
    .bus-buttons .btn {display: block; margin: 20px 0; }

    .bus-stats {  margin: 35px 0;  padding: 30px 25px; background: #f5f5f5; }
}