* {
	margin:0;
	padding:0;
}

html, body {
    min-height: 100%;

}

body, .x-body, p {
    font-family: "DM Sans", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    font-style: normal;
    color: #000;
}

a {
    color: #0020ad;
}

h1 {
    font-size: 48px;
    line-height: 1.1;
    font-weight: 400;
    color: #000;
    margin-bottom: 16px;
}


h2 {
    font-size: 41px;
    line-height: 1.1;
    font-weight: 400;
    color: #000;
    margin-bottom: 16px;
}

h3 {
    font-size: 35px;
    line-height: 1.1;
    font-weight: 400;
    color: #000;
    margin-bottom: 16px;
}

h4 {
    font-size: 26px;
    line-height: 1.25;
    font-weight: 400;
    color: #000;
    margin-bottom: 12px;
}

h5 {
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    color: #000;
    margin-bottom: 8px;
}


h6 {
    font-size: 22px;
    line-height: 1.1;
    font-weight: 400;
    color: #000;
    margin-bottom: 8px;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    color: transparent;
    border-top: 1px solid #dedede;
    height: 0;
    opacity: 1;
}



.defaultContent .defaultBcrumb  {
    padding-top: 100px;
    margin-bottom: 50px;
}

.defaultContent .defaultBcrumb .bcrumb {
    background-color: #f5f5f5;
    margin-bottom: 0;
}

.defaultContent .pageHeader {
    margin-bottom: 26px;
}

.defaultContent .pageHeader h1 {
    margin-bottom: 16px;
    line-height: 1;
}

.defaultContent h2 {
    line-height: 1;
    margin-bottom: 22px;
}

.defaultContent h3 {
    margin-bottom: 22px;
}

.defaultContent h4 {
    font-size: 30px;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 22px;
}

.defaultContent h5 {
    font-size: 26px;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 22px;
}

.defaultContent h6 {
    font-size: 22px;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 22px;
}

.defaultContent .pageHeader .subhead {
    margin-bottom: 26px;
}

.defaultContent .pageHeader .subheadGrayBg {
    background-color: #f5f5f5;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1;
    color: #626262;
    margin-bottom: 26px;
    margin-top: 50px;
}

.defaultContent .pageHeader .subhead > *:last-child, .defaultContent .pageHeader .subheadGrayBg > *:last-child {
    margin-bottom: 0;
}

.defaultContent p {
    margin-bottom: 1.5rem;
}

.defaultContent .wider {
    margin: 24px -104px 24px -104px;
}

.defaultContent .caption {
    font-size: 14px;
    line-height: 1.5;
    color: #626262;
    margin-top: 5px;
}

.defaultContent ul, .defaultContent ol {
    padding-left: 40px;
}

.defaultContent ul li {
    margin-bottom: 4px;
}

.defaultContent ol li {
    padding-left: 8px;
    margin-bottom: 14px;
}

.defaultContent ul li::marker {
    color: #FF611A;
    font-size: 22px;
}



input[type='text'], input[type='email'], input[type='search'], select, textarea {
    border-color: #dedede;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.02em;
    color: #171717;
    height: 40px;
}

textarea {
    height: auto;
    min-height: 80px;
}

label {
    display: block;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #000;
    letter-spacing: -.02em;
    margin-bottom: 6px;
}

.footnote {
    font-size: 16px;
    line-height; 1.25;
    font-weight: 500;
    color: #666;
}

.inputWrap.search {
    position: relative;
    padding-right: 40px;
    border: 1px solid #dedede;
}

.inputWrap.search input[type='text'] {
    height: 38px;
    width: 100%;
    border: none;
}

.inputWrap.search i {
    position: absolute;
    right: 6px;
    top: 10px;
    font-size: 20px;
    color: #0029e0;
}

.white {
    color: #fff !important;
}

.inherit {
    font-family: inherit;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-decoration: inherit;
}

.iconLink {
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.iconLink i {
    font-size: 14px;
    padding-left: 6px;
    color: #0029e0;
}

.bgBlue {
    background-color: #000d47;
}

.bgBlue .eyebrow, .bgBlack .eyebrow {
    color: #00C5DD;
}

.bgBlue .iconLink i {
    color: #7A93FF;
}

.bgBlack {
    background-color: #000;
}

.bgBlue .sectionIntro .introText, .bgBlue .sectionIntro .introText p, .bgBlack .sectionIntro .introText, .bgBlack .sectionIntro .introText p, .bgGradGreen .sectionIntro .introText, .bgGradGreen .sectionIntro .introText p {
    color: #fff;
    font-size: 19px;
}

.bgBlue .cardWrap .colInner p, .bgGradGreen .cardWrap .colInner p {
    color: #fff;
}

.lora {
    font-family: "Lora";
    line-height: 1.33;
    color: #545859;
}

.bodyBlackout {
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #333;
    z-index: 100;
    opacity: .5;
}


.backdrop {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10000;
    backdrop-filter: blur(2px) contrast(.4);
}

.arrowLink {
    display: inline-block;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 700;
    color: #0020ad;
    letter-spacing: -.02em;
    text-decoration: none;
}

.arrowLink i {
    font-size: 14px;
    color: #0029e0;
}

.button {
    display: inline-block;
    min-width: 138px;
    padding: 7px 12px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -.02em;
    font-weight: 700;
    background-color: #00167a;
    text-decoration: none;
    border: 1px solid #0029e0;
    box-shadow: 0px 5px 4px 0px rgb(233 236 239);
    cursor: pointer;
}

.button.btnWhite {
    background-color: #fff;
    color: #0020ad;
    border: 1px solid #fff;
    box-shadow: none;
}

.button.btnTrans {
    background-color: transparent;
    border-color: #0029e0;
    color: #000d47;
    box-shadow: none;
}

.button.btnArrow {
    background-color: transparent;
    color: #0020ad;
    border-color: transparent;
    box-shadow: none;
}

.button.btnArrow i {
    font-size: 14px;
    color: #0029e0;
    display: inline-block;
    margin-left: 10px;
}

.button.btnPlay {
}

.button.btnPlay i {
    font-size: 13px;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
}

.button.btnIcon {
}

.button.btnIcon i {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    margin-left: 5px;
}

.button.btnTrans.btnIcon i {
    color: #0029e0;
}

.buttonRow .button {
    margin-right: 16px;
}

.buttonRow .button:last-child {
    margin-right: 0;
}

.hero .button {
    padding: 11px 5px;
}

section {
    margin-bottom: 108px;
}

.sectionM76 {
    margin-bottom: 76px;
}


section .sectionIntro {
    margin-bottom: 16px;
}

.xLargeText {
    font-size: 22px;
}

.largeText {
    font-size: 19px;
}

.smallText {
    font-size: 14px;
}

.turq {
    color: #0d6197;
}

.eyebrow {
    font-size: 14px;
    line-height: 1.25;
    font-weight: 500;
    color: #025565;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.eyebrowHeader {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dedede;
    margin-bottom: 32px;
}

.eyebrowHeader h6 {
    margin-bottom: 0;
    margin-left: 16px;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: #000;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.eyebrowHeader img {
    display: block;
    padding: 8px 8px 8px 8px;
    border-right: 1px solid #dedede;
}



.cardWrap .eyebrowHeader {
    border-bottom: 1px solid #454444;
    margin-bottom: 24px;
    height: 38px
}

.cardWrap .eyebrowHeader h6 {
    margin-bottom: 0;
    margin-left: 0;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: #000;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cardWrap .eyebrowHeader i {
    color: #5cecda;
    margin-left: 12px;
    margin-right: 12px;
    font-size: 16px;
}

.cardWrap .eyebrowHeader .divider {
    margin-left: 16px;
    margin-right: 16px;
    line-height: 1;
    width: 1px;
    border: 1px solid #454444;
    height: 100%;
}

.cardWrap .eyebrowHeader .divider:nth-child(2) {
    margin-left: 0;
}

.cardWrap .top {
    background-image: linear-gradient(to top right, #191f2e, #345663);
    height: 100%;
    padding-bottom: 40px;
}

.cardWrap .top .inner {
    padding: 0 24px 12px 24px;
}

#mobileNavButton {
    border: none;
    padding: 0;
    font-size: 16px;
}


.mobileNav {
    position: relative;
    z-index: 30;
}

.mobileSearch {
    position: relative;
    z-index: 31;
}

.mobileSearchInner {
    text-align: center;
}
.mobileSearchInner .d-flex {
    width: 100%;
    max-width: 327px;
    margin-left: auto;
    margin-right: auto;
}

.mobileNavActive .backdrop {
    display: block;
}

.mobileNavDrawer {
    position: fixed;
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding-top: 150px;
    top: 0;
    left: 0;
    z-index: 10002;
    background: #f5f5f5;
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
}

.mobileSearchDrawer {
    position: fixed;
    width: 100%;
    max-width: 100%;
    height: 215px;
    padding-top: 160px;
    top: 0;
    left: 0;
    z-index: 10003;
    background: #f5f5f5;
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
}

.mobileNavWrap {
    height: 100%;
}

.mobileNavInner {
    padding: 8px 32px 32px 32px;
    height: 100%;
    overflow: auto;
}

.mobileNavInner ul, .mobileNavInner ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobileNavInner ul ul {
    padding-left: 24px;
    margin-bottom: 16px;
}

.mobileNavInner ul li {

}

.mobileNavInner ul li li, .mobileNavInner ul.addlNav li {
    border-bottom: none;
}

.mobileNavInner ul li a {
    font-size: 16px;
    line-height: 1.1;
    font-weight: 700;
    color: #000d47;
    letter-spacing: -.02em;
    display: block;
    padding: 16px 0;
    position: relative;
    text-decoration: none;
}

.mobileNavInner ul li a i {
    position: absolute;
    right: 0;
    color: #000;
}

.mobileNavInner ul.addlNav {
    margin-top: 32px;
}

.mobileNavInner ul.addlNav li a i {
    position: static;
}

.mobileNavInner ul li {
    margin-bottom: 0;
}

.mobileNavInner ul ul li a {
    font-weight: 500;
}

.mobileNavDrawer .drawerClose {
    top: -60px;
    right: 32px;
}
.mobileNavDrawer .drawerClose a {
    width: 62px;
    height: 42px;
    border-radius: 0%;
}


.p0 {
    padding: 0;
}


.m0 {
    margin: 0;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.ml10 {
    margin-left: 10px !important;
}

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

.pb10 {
    padding-bottom: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.pt70 {
    padding-top: 70px !important;
}

.pb70 {
    padding-bottom: 70px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.pt80 {
    padding-top: 80px !important;
}

.pb80 {
    padding-bottom: 80px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.pt100 {
    padding-top: 100px !important;
}

.pb100 {
    padding-bottom: 100px !important;
}

.mt110 {
    margin-top: 110px !important;
}

.mb110 {
    margin-bottom: 110px !important;
}

.pt110 {
    padding-top: 110px !important;
}

.pb110 {
    padding-bottom: 110px !important;
}

.alignLeft {
    text-align: left;
}

.alignCenter {
    text-align: center;
}
.alignRight {
    text-align: right;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.flex {
    display: flex;
}

.spaceBetween {
    justify-content: space-between;
}

.rowFlex {
    display: flex;
}

.rowValignCenter {
    align-items: center;
}

.rowValignBottom {
    align-items: flex-end;
}

.rowAlignCenter {
    justify-content: center;
}

.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}

.mobile991 {
    display: none !important;
}

.mobile767 {
    display: none !important;
}

.mobile480 {
    display: none !important;
}

.bodyWrap {
    position: relative;
}

.navWrap {
    position: absolute;
    z-index: 50;
    top: 16px;
    left: 50%;
    transform: translate(-50%, 0);
}


.containerGale {
    width: 100%;
    max-width: 1280px;
    padding: 0 32px;
}
.containerGaleLg {
    width: 100%;
    max-width: 1400px;
}

.containerGale1440 {
    width: 100%;
    max-width: 1440px;
    padding: 0;
}

.containerGaleNarrow {
    width: 100%;
    max-width: 864px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-left: -16px;
    margin-right: -16px;
}

.row>* {
    padding-right: 16px;
    padding-left: 16px;
}

.rowNoMarg {
    margin-left: 0;
    margin-right: 0;
}

.rowNoMarg > div {
    padding-left: 0;
    padding-right: 0;
}

.headerBar {
    background-color: #000;;
    padding: 8px 24px;
    position:relative;
    z-index: 55;
}

.headerBarWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.headerBar .headerBarLeft, .headerBar .headerBarLeft p {
    font-size: 16px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.02em;
    color: #f5f5f5;
}

.headerBar .headerBarRight {
    color: #fff;
}

.headerBar .headerBarRight ul {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.headerBar .headerBarRight ul li {
    margin-left: 30px;
}

.headerBar .headerBarRight ul li a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
}

.headerBar .headerBarRight ul li a i {
    color: #7a93ff;
    font-size: 15px;
}

.headerBar .headerBarRight ul li a.dd {
    padding: 3px 5px 3px 16px;
    border: 1px solid #454444;
    display: inline-block;
    min-width: 180px;
    font-weight: 400;
}

.headerBar .headerBarRight ul li.desktopDd {
    position: relative;
}

.headerBar .headerBarRight ul li.desktopDd i.fa-angle-up {
    display: none;
}

.headerBar .headerBarRight ul li.desktopDdOpen i.fa-angle-down {
    display: none;
}

.headerBar .headerBarRight ul li.desktopDdOpen i.fa-angle-up {
    display: inline-block;
    color: #26c8b9;
}

.headerBar .headerBarRight ul li.desktopDdOpen a.dd {
    color: #cbfcf3;
    border-color: #5cecda;
}

.headerBar .headerBarRight ul li.desktopDd a i {
    font-size: 17px;
    float: right;
    padding-top: 3px;
}

.headerBar .headerBarRight ul li.desktopDd ul {
    display: none;
    width: 100%;
    max-width: 200px;
    position: absolute;
    top: 40px;
    background: #000;
    padding: 12px;
    margin: 0;
    border: 1px solid #454444;

}

.headerBar .headerBarRight ul li.desktopDdOpen ul {
    display: block;
}

.headerBar .headerBarRight ul li li {
    margin-left: 0;
}

.headerBar .headerBarRight ul ul li a {
    display: block;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.02em;
    color: #f5f5f5;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

.headerBar .headerBarRight ul ul li a:hover {
    color: #44b1eb;
    text-decoration: underline;
}



.navbar {
    padding-right: 165px;
    position: relative;
    height: 72px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #f2f8fd;
}

.navbar .salesButton {
    display: inline-block;
    right: 16px;
    position: absolute;
    width: 138px;
    padding: 7px 5px;
    text-align: center;
    background-color: #00167a;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid #0029e0;
    box-shadow: 0px 5px 4px 0px rgb(233 236 239);
}


.navbar .mobileSearchButton {
    display: none;
    position: relative;
    z-index: 31;
    font-size: 16px;
}


.navbar .navbar-brand {
    margin-right: 42px;
    margin-left: 14px;
}
.dropdown-toggle::after {
    display: none;
}

.nav-link {
    font-size: 16px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: -.02em;
    color: #000d47;
}

.nav-link i.fa-angle-up {
    display: none;
}

.nav-link.show i.fa-angle-up {
    display: inline-block;
    color: #0e79bb !important;
}

.nav-link.show i.fa-angle-down {
    display: none;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #0d6197;
}


.navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 32px;
    padding-left: 0;
    /*background-image: url('../images/iconAngleDown.png');
    background-repeat: no-repeat;
    background-position: left center; */
}

.navbar-expand-lg .navbar-nav .nav-link i {
    padding-right: 8px;
    color: #0029e0;
    font-size: 11px
}

.navbar-nav .dropdown-menu {
    border-radius: 0;
    border: none;
    background-color: #fff;
    min-width: 220px;
    left: -20px;
    top: 50px;
}


.dropdown-item  {
    font-size: 16px;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: -.02em;
    color: #000d47;
    padding: 12px 8px 12px 32px;
}

.dropdown-item:hover  {
    background-color: #fff;
    color: #0f537d;
}



.d-flex {
    border: 1px solid #dedede;
    background-color: #fff;
    max-width: 224px;
}

.d-flex .form-control, .d-flex button {
    border: none;
    background-color: #fff;
    font-size: 16px;
}

.d-flex .form-control, .d-flex button:hover, .d-flex .form-control, .d-flex button:focus {
    border: none;
    background-color: #fff;
}

.d-flex .form-control, .d-flex button i {
    color: #0029e0;
}

.logoBg {
    position: absolute;
    left: 0;
    height: 100%;
    width: 150px;
    background-color: #fff;
}

footer h3 {
    font-size: 14px;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: .08em;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 12px;
}

footer h4 {
    font-size: 26px;
    line-height: 1.1;
    font-weight: 400;
    color: #000;
    margin-bottom: 16px;
    margin-top: 16px;
}

footer .button {
    display: inline-block;
    width: 138px;
    padding: 11px 5px;
    text-align: center;
    background-color: #00167a;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid #0029e0;
    box-shadow: 0px 5px 4px 0px rgb(233 236 239);
}

footer .footerNav {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

footer .row > div:last-child .footerNav img {
    margin-bottom: 20px;
}

footer .colInner {
    border-left: 1px solid #dedede;
    padding-left: 16px;
}

footer .footerNav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

footer .footerNav a {
    display: inline-block;
    color: #000d47;
    font-size: 13px;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: -.02em;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

footer .footerNav a i {
    color: #0029E0;
    font-size: 12px;
    line-height: 1.1;
}

footer .footerBottom {
    margin-top: 32px;
    align-items: flex-end;
    padding-bottom: 24px;
}

footer .badges img {
    display: inline-block;
    margin-right: 24px;
}

footer .footerBottom .bottomRight {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    color: #000;
    text-align: right;
}

footer .footerBottom .bottomRight a {
    font-size: 13px;
    line-height: 1.1;
    font-weight: 500;
    color: #000d47;
    letter-spacing: -.02em;
    display: inline-block;
    margin-left: 32px;
    text-decoration: none;
}

footer .footerBottom .bottomRight a:hover {
    text-decoration: none;
}

footer .social {
    margin-top: 20px;
}

footer .social a  {
    display: inline-block;
    margin-right: 12px;
    font-size: 22px;
    color: #000;
}

img.imgFull, .imgFull img {
    display: block;
    width: 100%;
}

.hero {
    height: 612px;
    background-size: cover;
    background-position: center center;
    margin-bottom: 108px;
}

.hero.catHero {
    height: 364px;
    margin-bottom: 16px;
}

.hero > div {
    height: 100%;
}

.hero .rowHero {
    display: flex;
    align-items: flex-end;
    height: 100%;
}

.hero .rowHero .colHeroLeft {
    width: 50%;
    background-color: rgba(0, 0, 0, 0.85);
    padding: 48px 44px;
    background-image: url('../images/bgColorsLine.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 4px;
    margin-bottom: -4px;
}

.hero h1 {
    color: #fff;
    font-size: 48px;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 16px;
}

.hero h2 {
    color: #fff;
    font-size: 22px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 16px;
}

.twoUpImgLeft .colRight .colInner {
    padding-left: 80px;
}

.twoUpImgLeft .colLeft {
    padding-right: 0;
}

.twoUpImgLeft .colLeft .colInner > a, .twoUpImgRight .colRight .colInner > a {
    position: relative;
}

.twoUpImgLeft .colLeft .colInner > a .playOverlay, .twoUpImgRight .colRight .colInner > a .playOverlay {
    width: 56px;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.twoUpImgRight .colLeft .colInner {
    padding-right: 80px;
}

.twoUpImgRight .colRight {
    padding-left: 0;
}

.grid3up {

}

.grid3up:hover {
    cursor: pointer;
}

.grid3up .row > div {
    margin-bottom: 32px;
}

.grid3up .row > div:first-child .colInner {
    border: 1px solid #dedede;
    height: 100%;
}

.grid3up .eyebrowHeader {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dedede;
    margin-bottom: 0;
}

.grid3up .eyebrowHeader h6 {
    margin-bottom: 0;
    margin-left: 16px;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: #000;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.grid3up .row > div:first-child h4 {
    font-size: 30px;
    line-height: 1.25;
    font-weight: 400;
    color: #000;
    margin-top: 36px;
    padding: 0 32px;
}

.grid3up .eyebrowHeader img {
    display: block;
    padding: 8px;
    border-right: 1px solid #dedede;
}


 .overlay {
    position: absolute;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.8));
    bottom: 0;
 }


.grid3up .bottom {
    position: absolute;
    bottom: 24px;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
}

.grid3up .arrowLink {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 8px 6px;
    background-color: #fff;
    line-height: 1;
}

.grid3up .arrowLink i {
    font-size: 22px;
    color: #0029e0;
}

.bgGray {
    background-color: #f5f5f5;
    padding: 110px 0;
}

.lBorder {
    border-left: 1px solid #dedede;
}

.colOuter.lBorder {
    padding: 110px 0;
}

.colOuter.lBorder .colInner {
    padding-left: 106px;
}

.colorBorderVert {
    background-image: url('../images/bgColorsLineVert.jpg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 4px 100%;
}

.buttonRow {
    margin-top: 36px;
}

.cardWrap {
    height: 100%;
}

.cardWrap p {
    font-size: 16px;
}

.cardWrap p.location {
    color: #666;
    line-height: 1.25;
}

.cardWrap .iconLink {
    font-size: 16px;
    font-weight: 700;
}

.cardWrap .iconLink i {
    font-size: 14px;
}



.cardWrap .bottom .iconLink {
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fff;
    padding: 10px 10px;
    line-height: 1;
}

.cardWrap .bottom .iconLink i {
    font-size: 18px;
    padding-left: 0;
    color: #0029e0;
}


.crsl.sideArrows .slick-prev:before, .crsl.sideArrows .slick-next:before {
    display: none;
    content: '';
}

.crsl.sideArrows .slick-prev, .crsl.sideArrows .slick-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px auto;
    background-color: #fff;
}

.crsl.sideArrows .slick-prev {
    top: -50px;
    right: 80px;
    left: auto;
    background-image: url(/images/carouselArrowLeft.svg);
}

.crsl.sideArrows .slick-next {
    right: 24px;
    top: -50px;
    background-image: url(/images/carouselArrowRight.svg);
}

.carouselLeft .containerGale .row > div:last-child .colInner {
    padding-left: 70px;
}

.carouselLeft .carouselWrap {
    position: relative;
}

.carouselLeft .carouselWrap .bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    padding: 16px 12px 40px 24px;
}

.carouselLeft .carouselWrap .bottom a {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.02em;
    text-decoration: none;
}

.carouselLeft .carouselWrap .bottom a i {
    font-size: 12px;
    color: #7a93ff;
}

.grid2up  {
    margin-top: 48px;
}

.grid2up .gridRow {
    display: flex;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
}

.grid2up .gridRow .gridCol {
    width: 50%;
}

.grid2up .gridRow .gridCol a {
    display: flex;
    height: 80px;
    width: 100%;
    align-items: center;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    color: #0020ad;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.02em;
    text-decoration: none;
    padding: 0 18px;
}

.grid2up .gridRow .gridCol a i {
    color: #0029e0;
    font-size: 14px;
}

.grid2up .gridRow .gridCol a img {
    padding-right: 24px;
}

.cards.cardsDefault .cardWrap {
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
}

.cards.cardsDefault .cardWrap .colInner {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
}

.cards.cardsDefault h4 {
    font-size: 22px;
    line-height: 1.1;
    font-weight: 400;
}

.cards.cardsDefault .cardWrap .cardBottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    border-top: 1px solid transparent;
}

.cards.cardsDefault .cardWrap .cardBottom a {
    margin-left: 24px;
}

.cards.wSidebar .cardWrap {
    border: 1px solid #dedede;
    background-color: #fff;
    position: relative;
}

.cards.wSidebar .row > div {
    margin-bottom: 20px;
}

.cards.wSidebar .cardWrap .colInner {
    background-color: #fff;
    padding: 24px 64px 40px 24px;
    min-height: 180px;
}

.cards.wSidebar .cardWrap .colInner h4 {
    color: #0020ad;
    margin-bottom: 8px;
}

.cards.cardsBl .cardWrap {
    border-left: 1px solid #454444;
    padding-top: 0;
}

.cards.wBottom .cardWrap {
    padding-bottom: 70px;
}

.cards.cardsHover .cardWrap {
    border-right: 1px solid transparent;
}

.cards.cardsHover .cardWrap .imageWrap {
    position: relative;
}

.cards.cardsHover .cardWrap .imageWrap .hoverOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/gradient.png');
    background-size: 0 0;
}

.cards.cardsHover .cardWrap:hover .imageWrap .hoverOverlay {
    background-size: cover;
}

.cards.cardsHover .cardWrap:hover {
    border-right: 1px solid #454444;
    background-color: #000;
}

.cards.cardsHover .cardWrap .cardBottom {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.cards.cardsHover .cardWrap:hover .cardBottom {
    border-top: 1px solid #454444;
    border-bottom: 1px solid #454444;
}

.cards.cardsHover .cardWrap:hover h4, .cards.cardsHover .cardWrap:hover .cardBottom a, .cards.cardsHover .cardWrap:hover .cardBottom a i {
    color: #44B1EC !important;
}

.cards .colInner .rightSide {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 40px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.cards .colInner .rightSide i {
    display: inline-block;
    width: 40px;
    padding: 12px 12px 12px 10px;
    color: #fff;
    background-color: #00167a;
    margin-bottom: 16px;
    font-size: 18px;
}

.cards .colInner .rightSide span {
    position: relative;
   font-size: 14px;
   font-weight: 500;
   line-height: 1.25;
   letter-spacing: .08em;
   color: #000;
   text-transform: uppercase;

}

.cards.cardsGrid .cardWrap .icon {
    margin-bottom: 30px;
}

.cards.cardsGrid {
    border-left: 1px solid #454444;
    border-top: 1px solid #454444;
    padding: 0;
    max-width: 1216px;
}

.cards.cardsGrid.cardsGridAlt {
    border-color: #dedede;
}

.cards.cardsGrid .row {
    margin-left: 0;
    margin-right: 0;
}

.cards.cardsGrid .row>* {
    border-right: 1px solid #454444;
    border-bottom: 1px solid #454444;
    padding-left: 0;
    padding-right: 0;
}

.cards.cardsGrid.cardsGridAlt .row>* {
    border-color: #dedede;
}

.cards.cardsGrid .colInner {
    padding: 24px;
}

.cards.cardsGrid .colInner h4 {
    font-size: 22px;
    line-height: 1.1;
}

.cards.cardsGrid.cardsGridAlt .colInner h4 {
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    margin-bottom: 6px;
}

.cards.cardsGrid.cardsGridAlt .colInner p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 6px;
}

.bgGradGreen {
    background-image: url('../images/bgGradGreen.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bgGradGreen .cardWrap {
    padding-top: 25px;
    padding-bottom: 25px;
    border-left: 1px solid #454444;
    padding-left: 24px;
}

.bgGradGreen .icon {
    display: block;
    margin-bottom: 76px;
}

.bgGradGreen .iconLink {
    color: #fff;
}

.bgGradGreen .iconLink i {
    color: #7a93ff;
}

.bgGradGreen .eyebrowHeader, .bgGradGreen .eyebrowHeader img {
    border-color: #454444;
}

.bgGradOrange {
    background-image: url('../images/bgGradOrange.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bgGradOrange .sectionIntro .button {
    box-shadow: none;
    margin-bottom: 12px;
}

.bgGradOrange .cards.imgBottom .cardWrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bgGradOrange .cards.imgBottom .cardWrap .bottom {
    position: relative;
}

.bgGradOrange .cards.imgBottom .cardWrap .bottom iconLink {
    position: absolute;
    right: 0;
    bottom: 0;
}

.bgGradGreenShort {
    background-image: url(../images/bgGradGreenShort.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 32px;
}

.bgGradGreenShort.alt {
    background-image: url(../images/bgGradOrange.png);
}

.bgGradGreenShort .row > div:first-child {
    padding-right: 0;
}

.bgGradGreenShort .row > div:last-child .colInner {
    padding: 0 30px 0 56px;
}

.stats {
    background-color: #000d47;
    position: relative;
    height: 600px;
}

.stats .containerGale, .stats .containerGale .row {
    height: 100%;
}

.stats .containerGale .row {
    align-items: center;
}

.stats .containerGale .row > div:first-child .colInner {
    padding-left: 50px;
}

.stats .containerGale .row > div:last-child .colInner {
    padding-left: 100px;
    position: relative;
}

.stats .globeOverlay {
    position: absolute;
    width: 50%;
    height: 100%;
    background-image: url('../images/globe.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
}

.stats .statGrid {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    max-width: 400px;
}

.stats .statGrid .stat {
    width: 50%;
    padding-top: 44px;
    padding-bottom: 44px;
    padding-left: 10px;
    padding-right: 10px;
}

.stats .statGrid .stat:first-child {
    border-right: 1px solid #808bbd;
    border-bottom: 1px solid #808bbd;
}

.stats .statGrid .stat:nth-child(2) {
    border-bottom: 1px solid #808bbd;
}

.stats .statGrid .stat:nth-child(3) {
    border-right: 1px solid #808bbd;
}

.stats .statGrid .stat:last-child {

}

.stats .statGrid .stat h3 {
   font-size: 56px;
   line-height: 1;
   font-weight: 400;
   text-align: center;
   margin-bottom: 12px;
}

.stats .statGrid .stat p {
   font-size: 19px;
   font-weight: 500;
   line-height: 1.25;
   color: #00c5dd;
   text-align: center;
}

.stats .eyebrowHeader, .stats .eyebrowHeader img {
    border-color: #454444;
}

.eyebrowHeader a.rightLink {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #dedede;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 700;
    color: #0020ad;
    letter-spacing: -.02em;
    text-decoration: none;
    display: inline-block;
    height: 100%;
    padding: 8px 16px;
}

.eyebrowHeader a.rightLink i {
    font-size: 14px;
    color: #0029e0;
}


.vertText {
  position: absolute;
  right: 0;
  bottom: 0;
  writing-mode: vertical-rl;
  color: #0074d9;
  display: block;
  transform: rotate(-180deg);
}

.testimonial {
    height: 716px;
    background-image: url('../images/bgTestimonial.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.testimonial > .containerGale {
    height: 100%;
}

.testimonial .rowTestimonial {
    display: flex;
    height: 100%;
    align-items: flex-end;
    justify-content: flex-end;
}

.testimonial .colTestimonial {
    width: 50%;
    margin-bottom: 105px;
    background-color: rgba(255, 255, 255, 0.95);
}

.testimonial .colTestimonial .colInner {
    padding: 75px 70px;
}

.testimonial h4 {
    color: #025565;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 400;
}

.testimonial p.author {
    color: #000;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 0;
}

.testimonial p.author span {
    color: #000;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: .08em;
    display: block;
}

p.locate {
  padding-left: 30px;
  color: #105F5D;
  background: url('/images/icon-locate.png') no-repeat top left;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.subscribe {
    background-image: url('../images/bgSubscribe.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 108px 0;
}

.subscribe .subscribeWrap {
    background-color: #fff;
    padding: 30px 64px 30px 106px;
    border-right: 1px solid #dedede;
    height: 215px;
}

.subscribe .rowSubscribe {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.subscribe .rowSubscribe > div:first-child .colInner {
    padding-right: 24px;
}

.subscribe .rowSubscribe > div:first-child .colInner h4 {
    font-size: 30px;
    line-height: 1.1;
    font-weight: 400;
    color: #000;
    margin-bottom: 8px;
}

.subscribe .rowSubscribe > div:first-child .colInner p {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    color: #707070;
    margin-bottom: 0;
}

.subscribe .subscribeForm {
    display: flex;
    align-items: center;
}

.subscribe .subscribeForm input {
    width: 320px;
    height: 40px;
    border: 1px solid #dedede;
    border-radius: 0;
    margin-right: 15px;
}

.subscribe .subscribeForm button {
    height: 40px;
    min-width: auto;
    padding: 7px 16px;
}

.subscribe .subscribeWrap .leftSide {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 40px;
    border-right: 1px solid #dedede;
}

.subscribe .subscribeWrap .leftSide span {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: .08em;
    color: #000;
    text-transform: uppercase;
}

.subscribe .subscribeWrap .leftSide .envelope {
    position: absolute;
    width: 100%;
    height: 36px;
    border-bottom: 1px solid #dedede;
}

.subscribe .subscribeWrap .leftSide .envelope i {
    left: 10px;
    top: 3px;
    position: relative;
    font-size: 16px;
    color: #ff611a;
}


.subscribe .subscribeWrap .leftSide .vertText {
    left: 7px;
    right: auto;
    bottom: 0;
    height: 100%;
    text-align: right;
    padding-bottom: 50px;
}

.gallery .colInner img {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

.gallery .caption {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  color: #000;
}

.gallery .caption p {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
  margin-bottom: 0;
}

.events .cardWrap {
    position: relative;
    background-color: #f5f5f5;
}

.events .cardWrap a.bottomLink {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 24px;
    border-top: 1px solid #dedede;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 700;
    color: #0020ad;
    letter-spacing: -.02em;
    text-decoration: none;
    background-color: #f5f5f5;
}

.events .cardWrap a.bottomLink i {
    font-size: 14px;
    color: #0029e0;
}

.events .cardWrap .colInner {
    padding: 24px 24px 86px 24px;
    background-color: #f5f5f5;
}

.events .cardWrap img.imgFull {
    display: block;
}

.cardWrap .topic {
    display: inline-block;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 500;
    color: #000;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 1px 5px;
    border: 1px solid #dedede;
    margin-bottom: 24px;
}

.events .cardWrap .dateLocation {
    display: inline-block;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 500;
    color: #000;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 1px 5px;
    border: 1px solid #dedede;
    margin-bottom: 24px;
}

.events .cardWrap .dateLocation .divider {
    margin-left: 8px;
    margin-right: 8px;
    line-height: 1;
    width: 1px;
    border: 1px solid #dedede;
    height: 100%;
}

.events .row > div > .twoUp {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.events .row > div > .twoUp > div {
    height: calc(50% - 16px);;
}

.bcrumbWrap {
    margin-bottom: 80px;
}

.bcrumb {
    display: inline-block;
    padding: 12px 16px;
    color: #dedede;
    background-color: #fff;
    line-height: 1;
    margin-bottom: 50px;
}

.bcrumb a {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #0020ad;
    letter-spacing: -.02em;
    text-decoration: underline;
}

.bcrumb span {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.02em;
    margin-right: 8px;
    margin-left: 8px;
}

.bcrumb a:last-child {
    color: #7a7a7a;
    text-decoration: none;
    cursor: default;
}


.listingTop {
  background-image: url(../images/bgGradGreen.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 70px;
}

.listingTop .intro {
  margin-bottom: 35px;
}

.listingTop .intro .inner {
  width: 66%;
}

.listingTop .intro *:last-child {
  margin-bottom: 0;
}

.listingTop h1 {
  font-size: 48px;
  line-height: 1.1;
  font-weight: 400;
  margin-bottom: 24px;
}

/* .listingTop */.features {
  margin-bottom: 35px;
}

/* .listingTop */.features .row {
  height: 696px;
}

/* .listingTop */.features .row .featureWrap {
  height: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* .listingTop */.features .row .twoUp {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}

/* .listingTop */.features .row .twoUp > div {
    height: calc(50% - 16px);
}

/* .listingTop */.features .row .featureWrap .featureOverlay {
    position: absolute;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
    backdrop-filter: blur(2px);
    bottom: 0;
}

/* .listingTop */.features .row .featureWrap .featureTop {
  position: absolute;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  top: 0;
  display: flex;
  align-items: center;
}

/* .listingTop */.features .row .featureWrap .featureTop img {
    padding-left: 12px;
    padding-right: 12px;
}

/* .listingTop */.features .row .featureWrap .featureTop .divider {
    line-height: 1;
    width: 1px;
    background-color: rgba(0, 0, 0, .2);
    height: 100%;
}

/* .listingTop */.features .row .featureWrap .featureTop div {
    padding-left: 16px;
    padding-right: 16px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* .listingTop */.features .row .featureWrap .featureBottom {
  position: absolute;
  /*width: 100%; */
  bottom: 0;
  padding: 24px 84px 12px 24px;
}

/* .listingTop */.features .row .featureWrap .featureLink {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 0;
  right: 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0029e0;
  text-decoration: none;
}



.filters {
    width: 100%;
}

.filters h6 {
    margin-bottom: 20px;
}

.filters ul, .filters ul li {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.filters > ul {
    border-left: 1px solid #dedede;
}

.filters ul li a {
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.02em;
    text-decoration: none;
    padding: 12px 12px;
}

.filters ul li a.active, .filters ul li a:hover {
    background-image: url('../images/bgFilters.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 4px 100%;
}

.filters ul li a span.left{
    width: calc(100% - 65px);
}

.filters ul li a span.right{
    text-align: right;
    font-weight: 500;
    width: 65px;
}

.row.filtersWrap {
    align-items: flex-end;
    margin-bottom: 30px;
}

.filtersWrap .total {
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    color: #000;
    text-align: right;
    margin-bottom: 15px;
}


.rowListingBody {
    display: flex;
    justify-content: space-between;
}

.rowListingBody .colLeft {
    width: 280px;
}

.rowListingBody .colMain {
    width: calc(100% - 312px);
}

.listings > .row > div {
    margin-bottom: 32px;
}

.listings > .row .cardWrap {
    position: relative;
    height: 100%;
    padding-bottom: 65px;
    border: 1px solid #dedede;
    background-color: #f5f5f5;
}

.listings > .row .cardWrap .colInner {
    padding: 24px;
}

.listings > .row .cardWrap .colInner *:last-child {
    margin-bottom: 0;
}

.listings > .row .cardWrap .bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 65px;
    border-top: 1px solid #dedede;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    line-height: 1.1;
    font-weight: 400;
    color: #747474;
    padding: 0 24px;
}

.listings > .row .cardWrap .bottom a {
    font-size: 16px;
    line-height: 1.1;
    font-weight: 700;
    color: #0020ad;
    position: relative;
    right: auto;
    bottom: auto;
    background-color: transparent;
}

.listings > .row .cardWrap .bottom a i {
    font-size: 14px;
    color: #0029e0;
    padding-left: 5px;
}

.listings .cardWrap h3 {
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    color: #000;
}

.listings > .row .cardWrap .listCta {
    display: none;
}

.listings > .row .cardWrap .imgFull {
    position: relative;
}

.listings > .row .cardWrap .imgFull.bgGrad img {
    position: relative;
    z-index: 1;
}

.listings > .row .cardWrap .imgFull.bgGrad {
    background-image: url('/images/bgGradList.png');
    background-size: cover;
}

.listings > .row .cardWrap .imgFull .hoverOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/images/bgGradListHover.png);
    background-size: 0 0;
}

.listings.listView > .row, .listings.listView > .row > div {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
}
.listings.listView > .row .cardWrap .bottom {
    display: none;
}

.listings.listView > .row .cardWrap {
    display: flex;
    justify-content: space-between;
    height: auto;
    padding: 16px 24px;
    border: 1px solid #dedede;
    background-color: #f5f5f5;
    margin-bottom: 8px;
}

.listings.listView > .row .cardWrap .colInner {
    width: calc(100% - 258px);
    order: 1;
    padding: 0 24px 0 0;
}

.listings.listView > .row .cardWrap .listCta {
    display: block;
}

.listings.listView > .row .cardWrap .imgFull {
    width: 258px;
    order: 2;
}


.listings > .row .cardWrap:hover {
    background-color: #fff;
    box-shadow: 6px 6px 12px -1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 6px 6px 12px -1px rgba(0,0,0,0.1);
    -moz-box-shadow: 6px 6px 12px -1px rgba(0,0,0,0.1);
}

.listings .cardWrap:hover h3, .listings > .row .cardWrap:hover .bottom a, .listings > .row .cardWrap:hover .bottom a i, .listings > .row .cardWrap:hover .listCta a, .listings > .row .cardWrap:hover .listCta a i {
    color: #0D6197;
}

.listings > .row .cardWrap:hover .imgFull.bgGrad {
    background-image: none;
}

.listings > .row .cardWrap:hover .imgFull.bgGrad img {
    opacity: .5;
}

.listings > .row .cardWrap:hover .imgFull .hoverOverlay {
    background-size: cover;
}


.cardWrap .linkList {
    margin-top: 12px;
    padding-left: 16px;
    padding-top: 6px;
    border-left: 1px solid #DEDEDE;
}

.cardWrap .linkList .eyebrow {
    color: #000;
}

.cardWrap .linkList .iconLink {
    display: block;
    font-size: 16px;
    font-weight: 700;
}

/* accordion */


.accordionWrap {
}

.accordionWrap > ul, .accordionWrap > ul > li {
    display: block;
    margin: 0;
    padding: 0;
}

.accordionWrap > ul > li > h4  {
    display: block;
    border-top: 2px solid #dedede;
    padding: 16px 24px;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    line-height: 1.1;
    font-weight: 400;
    color: #000;
    background-color: #f5f5f5;
    margin-bottom: 0;
}

.accordionWrap > ul > li > h4 i {
    position: absolute;
    right: 15px;
    color: #0029E0;
}

.accordionWrap .accordion h4 i.fa-angle-up  {
    display: none;
}

.accordionWrap .accordionOpen h4 i.fa-angle-up  {
    display: inline;
}

.accordionWrap .accordionOpen h4 i.fa-angle-down  {
    display: none;
}

.accordionWrap .accordion .accordionBody  {
    display: none;
    padding: 10px 24px 20px 24px;
}

.accordionWrap .accordionOpen .accordionBody  {
    display: block;
}

.accordionWrap .accordionOpen h4, .accordionWrap h4:hover {
    color: #0D6197;
    border-color: #1B9CE1;
}

.accordionWrap .accordionOpen h4 {
     background-color: #fff;
}

.accordionWrap > ul > li.accordionOpen > h4 i, .accordionWrap > ul > li.accordion > h4:hover i {
    color: #0E79BB;
}

/* / end accordion */

.filter {
    position: relative;
}

.mobileFilter {
    display: none;
}


.badges img {
    display: inline-block;
    margin-right: 48px;
}

#overview .badges img {
    max-width: 150px;
}


.prodNavMobile {
  display: none;
}

.stickyProduct {
    position: sticky;
    top: 0;
    z-index: 2;
    height: 72px;
    border-top: 1px solid #e1e3e1;
    background: linear-gradient(to top, #ececec, #f2f2f2);
}

.stickyProduct::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-shadow: 10px 26px 50px 10px rgba(0, 0, 0, 0.1);
    z-index: -1;
}

.stickyProduct > .containerGale, .stickyProduct > .containerGale > .rowFlex {
    height: 100%;
}

.stickyProduct > .containerGale > .rowFlex .colLeft {
    width: 38%;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    color: #000;
}

.stickyProduct > .containerGale > .rowFlex .colRight {
    width: 62%;
    height: 100%;
}

.stickyProduct > .containerGale > .rowFlex .colRight .rowFlex {
    height: 100%;
    justify-content: space-between;
 }

.stickyProduct > .containerGale > .rowFlex .colRight .rowFlex .prodNav {
    height: 100%;
 }

.stickyProduct > .containerGale > .rowFlex .colRight .rowFlex .prodNav ul {
    height: 100%;
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
 }

.stickyProduct > .containerGale > .rowFlex .colRight .rowFlex .prodNav ul li {
    height: 100%;
    display: flex;
    align-items: center;
    list-style-type: none;
 }

.stickyProduct > .containerGale > .rowFlex .colRight .rowFlex .prodNav ul li a {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.1;
    font-weight: 400;
    color: #000d47;
    letter-spacing: -.02em;
    text-decoration: none;
    padding: 0 16px;
 }

.stickyProduct > .containerGale > .rowFlex .colRight .rowFlex .prodNav ul li a.active, .stickyProduct > .containerGale > .rowFlex .colRight .rowFlex .prodNav ul li a:hover {
    background: linear-gradient(to top, #0b968f 0%, #0b968f 4px, transparent 4px, transparent 100%);
 }

.stickyProduct > .containerGale > .rowFlex .colRight .rowFlex .button {
    width: 90px;
    min-width: auto;
 }

.productTop {
    background-color: #f5f5f5;
    padding-top: 94px;
    margin-bottom: 0;
}

.productTop .colRight .colInner {
    padding-left: 32px;
}

.productTop .expand {
    padding: 16px 0;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    margin-top: 32px;
    margin-bottom: 16px;
}

.productTop .expand > a {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
}

.productTop .expand > a span {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #000;
}

.productTop .expand > a span b {
    font-weight: 500;
}

.productTop .expand > a span:last-child {
    font-weight: 700;
    color: #0020ad;
}

.productTop .expand > a span:last-child i {
    font-size: 11px;
    font-weight: 400;
    color: #0029e0;
}

.productTop .expand > div {
    display: none;
    margin-top: 16px;
    background: #efefef;
}

.productTop .expand.open > div {
    display: block;
}

.productTop hr {
    margin-top: 16px;
}

.productTop .buttons {
    margin-top: 50px;
}

.productTop .buttons .button {
    width: 100%;
    max-width: 480px;
    margin-bottom: 12px;
    padding: 10px 5px;
}

.prodApplications .colRight .colInner {
    padding-left: 80px;
}

.prodApplications .list > div {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
}

.prodApplications .list > div img {
    padding-right: 10px;
}

.prodApplications .list > div span {
    font-size: 16px;
    line-height; 1.25;
    font-weight: 500;
    color: #000;
}


.swatchBlock .swatch  {
    column-count: 3;
}

.swatchBlock .swatch > div {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    position: relative;
    cursor: pointer;
}

.swatchBlock .swatch > div .ttipImg {
    display: none;
    position: absolute;
    left: 0;
    bottom: 130%;
    height: 144px;
    border: 8px solid #292929;
}

.swatchBlock .swatch > div .ttipImg::after {
  content: " ";
  position: absolute;
  bottom: -24px; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 8px;
  border-style: solid;
  border-color: #292929 transparent transparent transparent;
}

.swatchBlock .swatch > div .ttipImg img {
    height: 100%;
    text-align: center;
    padding: 0;
}

.swatchBlock .swatch > div img {
    padding-right: 10px;
}

.swatchBlock .swatch > div span {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}
.swatchRow {
    display: flex;
    flex-wrap: wrap;
}
.swatchRow > div  {
    position: relative;
    margin-bottom: 16px;
    cursor: pointer;
}


.swatchBlock .swatchRow > div .ttipImg {
    display: none;
    position: absolute;
    left: 0;
    bottom: 130%;
    height: 144px;
    border: 8px solid #292929;
}

.swatchBlock .swatchRow > div .ttipImg::after {
  content: " ";
  position: absolute;
  bottom: -24px; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 8px;
  border-style: solid;
  border-color: #292929 transparent transparent transparent;
}

.swatchBlock .swatchRow > div .ttipImg img {
    height: 100%;
    text-align: center;
    padding: 0;
}

.swatchBlock .swatchRow > div > img {
    padding-right: 10px;
    width: 42px;
}

.swatchBlock .swatchRow > div span {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.swatchBlock .colRight .colInner {
    padding-left: 80px;
}

img.listIcon {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #dedede;
    margin-right: 8px;
    margin-bottom: 8px;
}

.table.compare {
    width: auto;
    vertical-align: middle;
}

.table.compare tr {
    border-bottom: 1px solid #dedede;
}

.table.compare td, .table.compare th {
    padding: 12px 8px;
    width: 200px;
    text-align: center;
    background-color: #f5f5f5;
}

.table.compare th {
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    color: #000;
}

.table.compare td {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #000;
}

.table.compare tr > *:first-child {
    font-weight: 500;
    background-color: #fff;
    text-align: left;
}

.table.compare tr > *:nth-child(2) {
    background-color: rgba(38, 200, 185, 0.08);
    background-color: #eefbfa;
}

.table.compare td img.icon {
    width: 26px;
}

.table.compareAlt th, .table.compareAlt td {
    background-color: #fff;
}

.table.compareAlt tr > *:first-child {
    font-weight: 500;
    background-color: #f5f5f5;
    text-align: left;
}

.table.compareAlt tr > *:nth-child(2) {
    background-color: #fff;
}


.specTable.twoCol {
    border: 1px solid #dedede;
    border-left: 1px solid #dedede;
}

.specTable.twoCol > div {
    display: flex;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #dedede;
}

.specTable.twoCol > div:last-child {
    border-bottom: none;
}

.specTable.twoCol > div > div {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #000;
}

.specTable.twoCol > div > div:first-child {
    width: 33.3%;
}

.specTable.twoCol > div > div:last-child {
    width: 66.6%;
    font-weight: 400;
}

.specTable.twoCol.docs > div > div:first-child {
    width: calc(100% - 180px);
    overflow-wrap: break-word;
}

.specTable.twoCol.docs > div > div:last-child {
    width: 180px;
    text-align: right;
}

.specTable.twoCol.docs > div > div:last-child a {
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
}

.specTable.twoCol.docs > div > div:last-child a:first-child {
    font-weight: 700;
    text-decoration: underline;
    margin-right: 10px;
}

.specTable.twoCol.docs > div > div:last-child a i {
    font-size: 14px;
}

.tableStickyContainer {
  overflow-x: auto; /* Enables horizontal scrolling */
  max-width: 100%; /* Ensures container doesn't overflow its parent */
}

.table.tableSticky {
  /*border-collapse: collapse;  */
  width: 100%; /* Ensures table fills container width */
}

.columnSticky {
  position: sticky;
  left: 0; /* Sticks the column to the left edge of the scrollable area */
  /*background-color: #f2f2f2;*/ /* Ensures content behind doesn't show through */
  z-index: 2; /* Keeps the sticky column above other table content */
}

.table.tableSticky.tableSticky2col .columnSticky {
    width: 120px;
}

.table.tableSticky.tableSticky2col .column2Sticky {
    position: sticky;
  left: 136px; /* Sticks the column to the left edge of the scrollable area */
  /*background-color: #f2f2f2;*/ /* Ensures content behind doesn't show through */
  z-index: 1; /* Keeps the sticky column above other table content */
}

.table.tableSticky th.columnSticky {
  z-index: 2; /* Ensures sticky header column is above sticky data column */
}

.categoryTop {
    margin-bottom: 0;
}

.categoryTop .bcrumb {
    background-color: #f5f5f5;
    margin-bottom: 0;
}

.introCategory > .row > div:first-child .colInner {
    padding-right: 80px;
}

.introFab > .row > div:first-child {
    margin-bottom: 30px;
}

.introCategory .threeUpLogos .logos > div {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.introCategory .threeUpLogos .logos > div img {
    max-width: 100%;
}

.findFabricator .colLeft .filters {
    height: 100%;
    border: 1px solid #dedede;
    padding: 24px;
    max-width: 420px;
}

.findFabricator .colLeft .filters .button {
    width: 100%;
}

.findFabricator .colLeft .filters select {
    width: 100%;
}

.findFabricator .filters .filterCbs .scroll {
    height: 145px;
    overflow: auto;
    border-bottom: 1px solid #dedede;
    font-size: 16px;
    margin-top:16px;
}

.findFabricator .filters .filterCbs .scroll > div {
    margin-bottom: 12px;
}

.findFabricator .filters .filterCbs input[type=checkbox] {
    margin-right: 10px;
}

.findFabricator .colLeft .filters hr {
    margin-left: -24px;
    margin-right: -24px;
}

.findFabricator .colLeft .filters h4 {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
}

.findFabricator .colLeft .filters .results {
    max-height: 436px;
    overflow: auto;
}

.findFabricator .colLeft .filters .location {
    display: block;
    padding: 24px;
    border: 1px solid #dedede;
    text-decoration: none;
    margin-bottom: 8px;
}

.findFabricator .colLeft .filters .location:hover {
    border-color: #0E79BB;
}

.findFabricator .colLeft .filters .location.active {
    border-color: #0B968F;
}

.findFabricator .colLeft .filters .location .title {
    display: flex;
    justify-content: space-between;
    column-gap: 5px;
    margin-bottom: 12px;
}

.findFabricator .colLeft .filters .location .title h5 {
    margin-bottom: 0;
}

.findFabricator .colLeft .filters .location:hover .title h5 {
    color: #0E79BB;
}

.findFabricator .colLeft .filters .location .title h5 {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #171717;
}

.findFabricator .colLeft .filters .location:hover .title h5 {
    color: #0E79BB;
}

.findFabricator .colLeft .filters .location .title .tag {
    display: inline-block;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 500;
    color: #000;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 1px 5px;
    border: 1px solid #dedede;
}

.findFabricator .colLeft .filters .location .title:hover .tag {
    border-color: #dedede;
}

.findFabricator .colLeft .filters .location .miles {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    color: #666;
    margin-bottom: 8px;
}

.findFabricator .colLeft .filters .location .address, .findFabricator .colLeft .filters .location .description {
    font-size: 14px;
    line-height: 1.25;
    font-weight: 500;
    color: #171717;
}

.findFabricator .colLeft .filters .location .address {
    text-decoration: underline;
    margin-bottom: 8px;
}

.findFabricator .resultsTabs {
    margin-bottom: 24px;
    border-bottom: 1px solid #dedede;
}

.findFabricator .resultsTabs .tab {
    display: inline-block;
    padding: 8px 24px 16px 24px;
    border-bottom: 4px solid transparent;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.02em;
    color: #000D47;
}

.findFabricator .resultsTabs .tab.tabOn {
    border-color: #0B968F;
}

.crsl .slick-track {
    display: flex !important;
  /*  margin-left: -16px;
    margin-right: -16px;  */
    margin-left: 0;
}
.crsl .slick-slide {
    height: inherit !important;
    margin-left: 10px;
    margin-right: 10px;

}
.crsl .slick-track > div {
    display: block;
   /* padding-left: 16px;
    padding-right: 16px; */
}

/* prodCarousel */


/* VIDEO SLIDER */
.videos-slider-1 h4,
.videos-slider-2 h4 {
  font-size: 14px;
}

/* OVERLAY */
.bs-position-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.bs-overlay {
  display: inline-block;
  position: relative;
  max-width: 100%;
  vertical-align: middle;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  margin: 0;
}
.bs-overlay .bs-overlay-panel.bs-overlay-top {
  bottom: 0;
  opacity: 1;
  -webkit-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
}
.bs-overlay-panel.bs-overlay-top {
  top: auto;
}
.bs-overlay-background {
  background: rgba(0,0,0,.8);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  transition-duration: .3s;
  transition-timing-function: ease-out;
  transition-property: opacity,transform,filter;
}
.bs-overlay-panel {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  /*padding: 20px;
  color: #fff;*/
}
.bs-overlay>:first-child,
.bs-overlay-panel>:last-child {
  margin-bottom: 0;
}
.bs-overlay:hover{
  cursor: pointer;
}

.bs-overlay-panel {
    display: flex;
    height: 48px;
}

.bs-overlay-panel > * {
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    padding-left: 16px;
    padding-right: 16px;
}

.bs-overlay-panel > div.imgCount {
    background-color: #fff;
    color: #000;
}

.bs-overlay-panel > div.imgLabel {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
}

.bs-overlay-panel > a.imgEnlarge {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 56px;
    height: 56px;
    background-color: #fff;
    color: #000;
    text-decoration: none;
}

.bs-overlay-panel > a.imgEnlarge i {
    color: #0029e0;
    font-size: 22px;
}


/*.bs-overlay:hover:after {
  background-image: url(http://shrani.si/f/2Q/ze/2CtEIRsH/youtubeplayred1.png);
}
.bs-overlay:after {
  background-image: url(http://shrani.si/f/3o/DK/1A24SBYG/youtubeplaydark1.png);
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 54px;
  height: 38px;
  background-size: cover;
}   */
.slider-nav-thumbnails {
  margin-top: 10px;
}
.slider-nav-thumbnails .slick-slide {
  cursor: pointer;
  outline: none;
}
.slider-nav-thumbnails .slick-slide.slick-current.slick-active {
  opacity: 1;
}
.slider-nav-thumbnails .slick-slide img {
  padding: 5px;
  background: transparent;;
}
.slider-nav-thumbnails .slick-slide.slick-current.slick-active img {
  background: #000;
}
.slider-nav-thumbnails img {
  width: 164px;
  margin: 0;
}
.slider-nav-thumbnails .slick-slide:first-child img {
  margin-left: 0;
}
.slider-nav-thumbnails .slick-slide:last-child img {
  margin-right: 0;
}


.prodCarousel .slick-prev:before, .prodCarousel .slick-next:before {
    display: none;
    content: '';
}

.prodCarousel .slick-prev, .prodCarousel .slick-next {
    background-repeat: no-repeat;
    background-position: center;
    height: calc(100% - 10px);
    background-color: #fff;
}

.prodCarousel .slick-prev {
    background-image: url(/images/carouselArrowLeft.svg);
}

.prodCarousel .slick-next {
    background-image: url(/images/carouselArrowRight.svg);
}

.prodCarousel .slider-nav-thumbnails {
    margin-top: 16px;
    margin: 16px 25px 60px 25px;
}

.prodCarousel .slider-nav-thumbnails .slick-slide img {
    padding: 4px;
    background: transparent;
}


.sideArrows .slick-prev:before, .prodCarousel .slick-next:before {
    display: none;
    content: '';
}

.sideArrows .slick-prev, .sideArrows .slick-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
}

.sideArrows .slick-prev {
    top: -50px;
    right: 80px;
    left: auto;
    background-image: url(/images/carouselArrowLeft.svg);
}

.sideArrows .slick-next {
    right: 24px;
    top: -50px;
    background-image: url(/images/carouselArrowRight.svg);
}

.modalGallery {
    border-radius: 0;
}

.modalGallery .modal-header {
    justify-content: space-between;
    border-bottom: none;
}

.modalGallery .modal-title {
    font-size: 19px;
    line-height: 1.25;
    font-weight: 500;
    color: #171717;
}

.modalGallery .modal-body {
    padding-top: 0;
}

.modalGallery .bs-overlay {
    width: 100%;
}

.modalGallery .slider-nav-thumbnails img {
    width: 151px;
}

/* /end prodCarousel */

.modalImageEnlarge .modal-header {
    border: none;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 0;
    justify-content: flex-end;
}

.modalImageEnlarge .modal-body {
    padding-top: 0;
}



/* iframe video */

.video-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.video-container-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.video-container-4x3 {
  padding-bottom: 75%;
}

.video-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height:0;
}

/* /end iframe video */

.hasSideArrows {
    width: calc(100% - 120px);
}

.slick-dots {
  bottom: -40px;
  text-align: left;
}

.slick-dots li button {
    box-shadow: none;
}
.slick-dots li button:before {
    font-size: 8px;
}

.slick-dots li {
    height: 8px !important;
}

.slick-dots li button {
    font-size: 8px !important;
    line-height: 1 !important;
    height: 8px !important;
    width: 12px;
    padding: 0;
    border: 1px solid #0020AD;
}

.slick-dots li.slick-active {
    width: 48px;
    background-color: #0020AD;
    margin-right: 12px;
}

.slick-dots li button:before {
    font-size: 18px !important;
    line-height: 1px !important;
    height: 8px !important;
    content: '\25A0';
    visibility: hidden
}

.slick-dots li.slick-active button {
    width: 48px;
}

.slick-dots li.slick-active button:before {
    border-radius: 0;
}


#crslIndustries .slick-dots {
    bottom: 10px;
    left: 20px;
    width: calc(100% - 20px);
}

#crslIndustries .slick-dots li {
    width: 14px;
}

#crslIndustries .slick-dots li.slick-active {
    width: 24px;
    margin-right: 8px;
}  

.slick-dots li.slick-active {
    width: 48px;
    background-color: #0020AD;
    margin-right: 8px;
}

#crslIndustries .slick-dots li.slick-active button {
    width: 24px;
}

#crslIndustries .slick-dots li button, .bgBlack .slick-dots li button, .bgGradGreen .slick-dots li button {
    border: 1px solid #fff;
}

#crslIndustries .slick-dots li.slick-active, .bgBlack .slick-dots li.slick-active, .bgGradGreen .slick-dots li.slick-active {
    background-color: #fff;
}


@media (max-width: 1300px) {

.cards.cardsGrid {
    width: calc(100% - 64px);
}
.cards.cardsGrid.cardsGridAlt {
    width: 100%;
}

}

@media screen and (max-width: 1220px) {
    .collapse:not(.show) {
        display: none !important;
    }
    .navbar-expand-lg .navbar-toggler {
        display: block;
    }

    .headerBar .headerBarRight {
        display: none;
    }

    .navbar .salesButton {
        right: 100px;
        width: auto;
        padding: 0;
        text-align: left;
        background-color: transparent;
        color: #000d47;
        font-size: 14px;
        line-height: 1.1;
        font-weight: 500;
        letter-spacing: -.02em;
        text-decoration: none;
        border: none;
        box-shadow: none;
    }

    .navbar .mobileSearchButton {
        position: absolute;
        display: inline-block;
        right: 62px;
        color: #0029e0;
    }

    .navbar {
        padding-right: 0;
    }

    .mobileNavActive .mobileNavDrawer {
        transform: translateY(0);
        transition: transform 0.3s ease-in-out;
    }
    .mobileSearchActive .mobileSearchDrawer {
        transform: translateY(0);
        transition: transform 0.3s ease-in-out;
    }

    .mobileAddlLinks ul {
        padding: 0;
        margin: 24px 0;
        list-style-type: none;
    }

    .mobileAddlLinks ul li {
    }

    .mobileAddlLinks ul li a {
        font-size: 16px;
        line-height: 1.1;
        font-weight: 500;
        letter-spacing: -.02em;
        color: #000d47;
        text-decoration: none;
    }

    .mobileAddlLinks ul li a i {

    }

    .mobileAddlLinks ul li a.dd {
        padding: 5px 30px 5px 16px;
        border: 1px solid #454444;
        background-image: url('../images/iconAngleDown.png');
        background-repeat: no-repeat;
        background-position: right 6px center;
        background-size: 12px auto;
    }

    .mobileAddlLinks ul li a i {
        color: #0029e0;
        position: static;
        right: auto;
    }

    .mobileAddlLinks ul li.mobileDd {
        width: 100%;
        max-width: 340px;
        position: relative;
        margin-top: 18px;
    }

    .mobileAddlLinks ul li.mobileDd ul {
        display: none;
        width: 100%;
        max-width: 340px;
        position: absolute;
        top: 40px;
        background: #fff;
        padding: 12px;
        margin: 0;

    }

    .mobileAddlLinks ul li.mobileDdOpen ul {
        display: block;
    }

    .mobileAddlLinks .salesButton {
        display: inline-block;
        width: 100%;
        max-width: 340px;
        padding: 7px 5px;
        text-align: center;
        background-color: #00167a;
        font-size: 16px;
        color: #fff;
        font-weight: 700;
        text-decoration: none;
        border: 1px solid #0029e0;
        margin-top: 20px;
        box-shadow: 0px 5px 4px 0px rgb(233 236 239);
    }

    .grid3up .row > div:first-child h4 {
        font-size: 24px;
        margin-top: 10%;
    }

   /* .subscribe {
        background-size: auto;
    } */

    .subscribe .subscribeWrap {
        height: auto;
    }

    .subscribe .rowSubscribe {
        align-items: flex-start;
        flex-direction: column;
    }

}  /* /end 1220 */




@media screen and (max-width: 1024px) {

.defaultContent .wider {
    margin: 24px 0 24px 0;
}

}   /* /end 1024 */




@media screen and (max-width: 991px) {

    .desktop991 {
        display: none !important;
    }

    .mobile991 {
        display: block !important;
    }

    .swapMobile991 .colLeft {
        order: 2;
    }

    footer .row > div {
        margin-bottom: 44px;
    }

    footer .floatRight {
        float: none;
    }

    footer .footerBottom .bottomRight {
        text-align: left;
    }

    footer .social {
        margin-top: 10px;
    }

    footer .footerBottom {
        margin-top: -12px;
    }

    footer .footerBottom .bottomRight {
        text-align: left;
    }

    footer .footerBottom .bottomRight span {
        display: block;
        margin-top: 16px;
    }

    footer .footerBottom .bottomRight a {
        margin-left: 0;
        margin-right: 32px;
    }

    footer .badges img {
        margin-bottom: 8px;
    }

    .twoUpImgLeft .colRight .colInner {
        padding-left: 0;
    }

    .twoUpImgLeft .colLeft {
        padding-left: 0;
        padding-right: 0;
    }

    .twoUpImgLeft .colLeft .colInner {
        margin-left: -16px;
        margin-right: -16px;
    }

    .twoUpImgRight .colLeft {
        margin-bottom: 30px;
    }

    .twoUpImgRight .colLeft .colInner {
        padding-right: 0;
    }

    .twoUpImgRight .colRight {
        padding-left: 0;
        padding-right: 0;
    }

    .twoUpImgRight .colRight .colInner {
        margin-left: -16px;
        margin-right: -16px;
    }

    .twoUpImgLeft .colLeft .colInner img, .twoUpImgRight .colRight .colInner img {
        margin-bottom: 40px;
    }

    .twoUpImgLeft .colRight .cards.cardsGrid .colInner {
        padding: 24px;
    }

    .hero {
        height: 672px;
        margin-bottom: 160px;
    }

    .hero.catHero {
        height: 500px;
        margin-bottom: 16px;
    }

    .hero .rowHero .colHeroLeft {
        width: 100%;
        margin-bottom: -82px;
    }

    .hero.catHero .rowHero .colHeroLeft {
        margin-bottom: -4px;
    }

    .carouselLeft .containerGale .row > div:last-child {
        margin-top: 24px;
    }
    .carouselLeft .containerGale .row > div:last-child .colInner {
        padding-left: 0;
    }

    .grid3up .row > div:first-child .colInner {
        border: none;
    }

    .stats {
        height: auto;
    }
    .stats .row {
        padding: 80px 0;
    }

    .stats .containerGale .row > div:first-child .colInner {
        padding-left: 0;
        margin-bottom: 32px;
    }
    .stats .containerGale .row > div:last-child .colInner {
        padding-left: 0;
    }

    .bgGradGreenShort .row > div:first-child {
        padding-right: 16px;
        margin-bottom: 30px;
    }

    .bgGradGreenShort .row > div:last-child .colInner {
        padding: 0;
    }

    .testimonial {
        height: 956px;
    }

    .testimonial .colTestimonial {
        width: 70%;
    }

    .subscribe {
        padding: 88px 0;
    }

    .subscribe .subscribeForm input {
        width: 100%;
        max-width: 320px;
    }

    .subscribe .rowSubscribe > div:first-child .colInner {
        margin-bottom: 30px;
    }

    .subscribe .subscribeWrap {
        padding: 30px 24px 30px 64px;
    }

    .gallery .row > div:last-child {
        margin-top: 30px;
    }

    .cards.events .row {
        flex-direction: column;
    }

    .events .cardWrap {
        margin-bottom: 24px;;
    }

    .bcrumb {
        margin-bottom: 42px;
    }

    .listingTop .intro .inner {
        width: 100%;
    }

    .badges img {
        margin-right: 24px;
        margin-bottom: 20px;
    }

    .stickyProduct {
        height: auto;
    }

    .stickyProduct > .containerGale > .rowFlex {
        flex-direction: column;
        align-items: flex-start;
    }

    .stickyProduct > .containerGale > .rowFlex .colLeft {
        padding-top: 24px;
        width: 100%;
    }
    .stickyProduct > .containerGale > .rowFlex .colRight {
        width: 100%;
        height: 60px;
    }

    .productTop .colRight .colInner {
        padding-left: 0;
    }

    .prodApplications .colLeft {
        margin-bottom: 20px;
    }

    .prodApplications .colRight .colInner {
        padding-left: 0;
    }

    .swatchBlock .colLeft {
        order: 3;
    }

    .swatchBlock .colRight {
        margin-bottom: 40px;
    }

    .swatchBlock .colRight .colInner {
        padding-left: 0;
    }

    .listings.listView > .row .cardWrap {
        flex-direction: column;
    }

    .listings.listView > .row .cardWrap .imgFull, .listings.listView > .row .cardWrap .colInner {
        width: 100%;
    }

    .listings.listView > .row .cardWrap .listCta {
        margin-bottom: 12px;
    }

    .introCategory > .row > div:first-child {
        margin-bottom: 40px;
    }

    .introCategory > .row > div:first-child .colInner {
        padding-right: 0;
    }

    .findFabricator .colLeft {
        margin-bottom: 20px;
    }

}      /* /end 991 */

@media screen and (max-width: 767px) {

    .desktop767 {
        display: none !important;
    }

    .mobile767 {
        display: block !important;
    }

    .colOuter.lBorder .colInner {
        padding-left: 24px;
    }

    .grid2up .gridRow {
        flex-direction: column;
    }

    .grid2up .gridRow .gridCol {
        width: 100%;
    }

    .testimonial .colTestimonial {
        width: 100%;
    }

    .listingTop .intro {
        margin-bottom: 48px;
    }


    /* .listingTop */.features .row, /* .listingTop */.features .row .featureWrap, /* .listingTop */.features .row .twoUp {
      height: auto;
    }

    /* .listingTop */.features .row .featureWrap {
      background-image: none !important;
      margin-bottom: 30px;
    }


    .rowListingBody {
        flex-direction: column;
    }
    .rowListingBody .colLeft, .rowListingBody .colMain {
        width: 100%;
    }
    .rowListingBody .colLeft {
        width: 100%;
        max-width: 360px;
    }

    .filtersWrap .total {
        margin-top: 20px;
        text-align: left;
        margin-bottom: 0;
    }

    .row.filtersWrap {
        margin-bottom: 0;
    }

    .filtersWrap select {
        width: 100%;
        max-width: 360px;
    }

    .filters ul li a {
        padding: 9px 12px;
    }

    .filters h6 {
        font-size: 16px;
        line-height: 1;
        font-weight: 700;
        color: #000;
        letter-spacing: -.02em;
        margin-bottom: 6px;
    }

    .listingTop {
        margin-bottom: 44px !important;
    }


    .mobileFilter {
        cursor: pointer;
        display: flex;
        padding: 0 8px;
        border: 1px solid #dedede;
        height: 40px;
        align-items: center;
        justify-content: space-between;
        font-size: 16px;
        line-height: 1.1;
        font-weight: 400;
        color: #171717;
        letter-spacing: -.02em;
    }

    .filter ul {
        display: none;
        position: absolute;
        top: 39px;
        left: 0;
        background-color: #fff;
        width: 360px;
        border: 1px solid #dedede;
        border-top: none;
        z-index: 1;
    }

    .filterActive ul {
        display: block;
        position: absolute;
        top: 40px;
        left: 0;
    }

    .filterActive .mobileFilter {
        border-bottom: none;
    }

    .prodApplications .colRight .row > div:last-child .list > div:last-child {
        margin-bottom: 0;
    }

    .swatchBlock .swatch  {
        column-count: 2;
    }

    .specTable.twoCol.wrap > div {
        flex-direction: column;
    }

    .specTable.twoCol.wrap > div > div {
        width: 100%;
    }

    .specTable.twoCol > div > div:first-child {
        margin-bottom: 6px;
    }

    .specTable.twoCol.docs > div > div:first-child {
        width: 100%;
    }

    .specTable.twoCol.docs > div > div:last-child {
        width: 100%;
        text-align: left;
    }


    .stickyProduct > .containerGale > .rowFlex .colRight .rowFlex .prodNav {
      display: none;
    }

    .prodNavMobile {
      display: block;
      width: calc(100% - 110px);
    }

    .prodNavMobile select {
        width: 100%;
        max-width: 300px;
        background: transparent;
        border: none;
        padding-left: 0;
        border-bottom: 4px solid #0B968F;
        height: 70px;
        margin-left: -32px;
        padding-left: 30px;
    }

    .prodNavMobile select:focus {
        outline: none;
    }

    .stickyProduct > .containerGale > .rowFlex .colLeft {
        margin-bottom: 30px;
    }


    .stickyProduct > .containerGale > .rowFlex .colRight .rowFlex {
        align-items: flex-end;
    }

    .stickyProduct > .containerGale > .rowFlex .colRight .rowFlex .button {
        margin-bottom: 16px;
    }


}          /* /end 767 */

@media screen and (max-width: 480px) {

    section {
        margin-bottom: 88px;
    }

    .containerGale {
        padding: 0 16px;
    }

    .bcrumbWrap {
        margin-bottom: 45px;
    }

    .pb100 {
        padding-bottom: 80px !important;
    }
    .pt100 {
        padding-top: 80px !important;
    }

    .hero h2 {
        font-size: 19px;
    }

    .hero.fabHero .rowHero .colHeroLeft {
        padding: 24px 24px 12px 24px;
    }

    .desktop480 {
        display: none !important;
    }

    .mobile480 {
        display: block !important;
    }

    .navWrap, .footerWrap {
        padding: 0 8px;
    }

    .footerWrap > .row {
        margin-left: -8px;
        margin-right: -8px;
    }

    .footerWrap > .row > div {
        padding-left: 8px;
        padding-right: 8px;
    }

    .navbar .navbar-brand {
        margin-left: 6px;
    }

    .logoBg {
        width: 140px;
    }

    .mobileNavInner {
        padding: 8px 24px 24px 24px;
    }

    .hero > div {
        padding-left: 8px;
        padding-right: 8px;
    }

    .mobPad8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .mobPad8 > .row {
        margin-left: -8px;
        margin-right: -8px;
    }

    .colOuter.lBorder {
        padding: 90px 0;
    }

    .bgGray {
        padding: 86px 0;
    }

    .stats .globeOverlay {
        width: 100%;
        height: auto;
        min-height: 742px;
        background-image: url('../images/globe-mobile.png');
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100% auto;
    }

    .stats .statGrid {
        max-width: 100%;
    }

    .bgGradGreenShort {
        padding: 24px;
    }

    .testimonial {
        background-size: auto 100%;
    }

    .testimonial .colTestimonial .colInner {
        padding: 24px;
    }

    .events .cardWrap .dateLocation {
        padding: 0;
        border: none;
    }

    .events .cardWrap .dateLocation .divider {
        display: block;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        line-height: 0;
        width: 0;
        border: none;
        height: 0;
    }

    .events .cardWrap .dateLocation span {
        display: inline-block;
        padding: 1px 5px;
        border: 1px solid #dedede;
    }

    .events .cardWrap .dateLocation span:last-child {
        margin-top: -1px;
    }

    .twoUpImgRight .colRight {
        padding-right: 16px;
    }

    .twoUpImgLeft .colLeft {
        padding-right: 16px;
    }

    .rowListingBody .colMain hr {
        margin-left: -16px;
        margin-right: -16px;
    }

    .rowListingBody .colLeft {
        max-width: none;
    }

    .filtersWrap select {
        max-width: none;
    }

    .filter ul {
        width: 100%;
    }

    .cards.cardsGrid {
        width: calc(100% - 32px);
    }

    .cards.cardsGrid.cardsGridAlt {
        width: 100%;
    }

    .twoUpImgLeft .colRight .cards.cardsGrid.cardsGridAlt .colInner {
        padding: 16px;
    }

    .accordionWrap .accordion .accordionBody {
        padding: 10px 0 20px 0;
    }

    .accordionWrap > ul > li > h4 {
        padding-left: 5px;
    }

    .accordionWrap > ul > li > h4 i {
        right: 0;
    }

    .findFabricator .colLeft .filters {
        border: none;
        padding: 0;
    }

    .findFabricator .colLeft .filters hr {
        margin-left: -16px;
        margin-right: -16px;
    }

    .introFab > .row > div:first-child {
        margin-bottom: 0;
    }

    .mapWrap {
        display: none;
    }

    .bgGradGreen .icon {
        margin-bottom: 24px;
    }

    .bgGradGreen h3 {
        font-size: 30px;
    }

    /* prod carousel */
    .prodCarousel .slider-nav-thumbnails img {
        width: 95px;
    }
    /* /end prod carousel */


    .stickyProduct {
        border-top: transparent;
    }

    .prodNavMobile select {
        margin-left: -16px;
        padding-left: 14px;
    }


}     /* /end 480 */