@charset "UTF-8";

.clear {
    clear: both
}

#bannerSlide.slick-slide {
    overflow: hidden !important;
    height: 520px !important
}

#menu {
    opacity: 0;
    visibility: hidden;
    display: none
}

#acceptCookie span {
    color: #0f4d8e;
    background-color: #fff;
    height: 36px;
    line-height: 36px;
    padding: 0 1rem;
    display: inline-block;
    font-size: 12px
}

.jeffDaniels {
    width: 100px !important
}

.dropLet {
    display: block;
    margin: 0 auto
}

.js-RtableAccordions .row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

input#AgreementCheckBox {
    float: left
}

.market-block .market-overview p {
    width: 100%;
    float: left
}

.market-block .market-overview ul {
    float: left
}

.contact-form label {
    float: left;
    margin-right: 10px
}

.acceptButton {
    text-decoration: none !important
}

.list_brands .col-xs-12.col-sm-6.col-md-3.brand.relative.line-30 {
    width: 24.9%
}

#height-fix .brand-logo {
    height: 104px
}

a .podList {
    color: #404041
}

#fiberPopWrapper {
    position: relative;
    z-index: 1
}

.popButton {
    margin-top: 41px
}

.popRight .popButton {
    margin-top: 44px
}

.popLogo {
    margin-bottom: 30px
}

.popPhoto {
    float: left;
    margin-right: -15px
}

.podList {
    float: left
}

.popLeft {
    width: 460px;
    float: left;
    border-right: solid 1px #868789;
    padding-right: 20px
}

.popRight {
    width: 51%;
    float: right
}

.popOut {
    width: 1000px;
    background-color: #fff;
    height: 315px;
    margin-top: -15px !important;
    color: #7d7e80;
    padding: 20px 20px 0 20px;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto
}

@media all and (max-width:1072px) {
    .popOut {
        width: 100%
    }

    .popLeft {
        width: 48%
    }

    .popRight {
        width: 51%
    }

    .popButton {
        margin-top: 10px;
        width: 200px
    }

    .popRight .popButton {
        margin-top: 30px
    }
}

@media all and (max-width:900px) {
    .popButton {
        width: 50%;
        min-width: 100px;
        clear: both;
        float: left
    }

    .popRight .popButton {
        width: 50%;
        min-width: 100px;
        clear: both
    }
}

#menu ul {
    opacity: 0
}

.brandLogie.structurecare .logo {
    margin-bottom: 15px
}

.brandLogie.fibrecrete .logo {
    height: 60px
}

.brandLogie.pitchmastic .logo {
    margin-bottom: 17px
}

#simple {
    position: relative;
    max-height: 510px
}

@media (max-width:320px) {
    .pitchmastic .logo {
        height: 25px !important;
        top: 10px;
        position: relative
    }
}

.newsItemBtn {
    width: 20px
}

.slick-slider {
    top: -1px
}

#sctLogin .form-group div {
    width: 100%;
    margin: 0
}

#pager ul li a.active {
    background-color: #25358b;
    color: #fff
}


.pagination

{
    padding-top: 25px !important;
    
}
#pager ul li a {
    float: left;
    padding: 5px 10px;
    background-color: #fff;
    color: #193053;
 
    cursor: pointer;
    border: solid 1px #012D5B;
    
}

#pager ul li:nth-child(1) a {
    width: 106px
}

#pager ul li {
    float: left;
    list-style: none;
    padding: 10px 10px 0 10px
}

#pager ul {
    margin: 0;
    padding: 0
}

.serchieTitle {
    font-weight: bold;
    color: #012D5B;
    
}

.serchieLink {
    margin-bottom: 10px;
    display: block
}

.serchieDesc
{
    
    font-size: 16px;
    margin: 0 0 0 0 !important;
    color: #012D5B;
}

.searchieWrap {
    padding: 25px 5px 0px 5px;
    border-bottom: solid 1px #012D5B;
}

    .searchieWrap:nth-child(odd) {
        background-color: #fff
    }

.norbFGLogo {
    left: 0
}

.brand-box-overlay h2, .brand-box-overlay h4 {
    padding-left: 20px;
    margin-bottom: 20px
}

.searcicle div {
    color: #fff;
    font-size: 70px;
    padding: 0 20px;
    background-color: #12398d
}

.searchie {
    top: 3px;
    right: 9px;
    font-size: 25px;
    cursor: hand;
    cursor: pointer;
    color: #999 !important
}

.blurIt {
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    -ms-filter: blur(8px);
    filter: blur(8px)
}

.searcicle {
    background-color: #000 !important;
    display: block !important;
    position: absolute;
    z-index: 10;
    right: 1%;
    top: 0;
    cursor: hand;
    cursor: pointer
}

.searchBox {
    position: fixed;
    z-index: 1000;
    height: 100%;
    background-color: #000;
    width: 100%;
    opacity: 1;
    display: none
}

.seeMe {
    opacity: .8
}

.searchBox i {
    font-size: 70px;
    color: #fff
}

.searchSubButton {
    color: #fff;
    background-color: #12398d !important;
    border: 1px solid #000 !important;
    display: block;
    z-index: 1111;
    padding: 15px 50px !important;
    margin: 10px auto
}

.typeSearch {
    background-color: #fff !important;
    width: 50% !important;
    margin: 0 auto !important;
    display: block !important;
    font-size: 30px !important;
    padding: 10px !important;
    margin-top: 20% !important
}

.norbFGLogo {
    left: 0;
    top: 0;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

#hamburger {
    top: 20px;
    padding: 27px 11px 11px 11px;
    font-weight: 400
}

    #hamburger div {
        text-align: center;
        width: 100%;
        padding-left: 4px;
        font-size: 14px;
        color: #002f5d;
        margin-top: 2px
    }

    #hamburger span, #hamburger:after, #hamburger:before {
        background: #002f5d !important;
        content: "";
        display: block;
        width: 35px;
        height: 3px;
        position: absolute
    }

    #hamburger:before {
        top: 11px;
        width: 85%;
        padding: 2px 0
    }

    #hamburger span {
        top: 23px;
        width: 85%;
        padding: 2px 0
    }

    #hamburger:after {
        top: 35px;
        width: 85%;
        padding: 2px 0
    }

    #hamburger span, #hamburger:after, #hamburger:before {
        -webkit-transition: none .5s ease .3s;
        transition: none .5s ease .3s;
        -webkit-transition-property: all;
        transition-property: all
    }

html.mm-opening #hamburger:after, html.mm-opening #hamburger:before {
    top: 15px
}

html.mm-opening #hamburger span {
    opacity: 0
}

html.mm-opening #hamburger:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

html.mm-opening #hamburger:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.brand-overview_logo {
    width: 100%;
    max-width: 200px
}

.acceptButton {
    position: absolute;
    top: 4px;
    right: 20px;
    padding-bottom: 10px;
    padding-top: 10px
}

.header {
    display: none
}

body {
    font-family: Raleway,sans-serif;
    background-color: #fff;
    font-size: 16px
}

.menu_mobile {
    display: none
}

.norb {
    position: absolute;
    right: 20px
}

a:hover {
    cursor: hand;
    cursor: pointer
}

.norbHero {
    width: 100% !important
}

.brandLogie {
    float: left;
    width: 100%;
    max-width: 240px
}

a:active, a:hover {
    text-decoration: none
}

a:focus, input:focus {
    outline: 0 !important
}

.font-weight-bold, .fwb {
    font-weight: 700
}

.font-weight-semi {
    font-weight: 600
}

.font-weight-reg {
    font-weight: 400
}

.font-weight-light {
    font-weight: 300
}

.type-white, .type_white {
    color: #fff !important
}

.type-ltBlue {
    color: #2660a6
}

.type-dkBlue {
    color: #193053
}

.type-grey {
    color: #8f8f8f
}

.type_small {
    font-size: .875em
}

.type_xl {
    font-size: 35px
}

.background_white {
    background-color: #fff
}

.background_lt-blue {
    background-color: #25358b
}

.background_dk-blue {
    /*background-color: #193053*/
    background-color: #012D58
}

.background_gradient {
    color: #fff;
    background: #03060e;
    background: -moz-linear-gradient(left,#03060e 0,#13378d 100%);
    background: -webkit-linear-gradient(left,#03060e 0,#13378d 100%);
    background: linear-gradient(to right,#03060e 0,#13378d 100%)
}

.background_gradient-opacity {
    background-image: url(/images/gradient.png);
    background-image: url(/images/gradient.png);
    background-size: contain;
    background-repeat-y: inherit;
    opacity: .9;
    background-color: #183052
}

.background_grey {
    background-color: #adaeaf
}

.relative {
    position: relative
}

.no-margin {
    margin: 0
}

.right {
    float: right
}

.left {
    float: left
}

.row.is-flex {
    display: flex;
    flex-wrap: wrap
}

    .row.is-flex > [class*=col-] {
        display: flex;
        flex-direction: column
    }

.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .row.is-flex > [class*=col-] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

.no-gutters {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.padding_tb-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.padding_tb-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.padding_tb-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.padding_tb-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

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

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

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

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

.list-inline {
    display: inline-block
}

.brandLogie.nufins {
    margin-left: -23px
}

.nav_brands, .nav_fg {
    padding-top: 20px;
    background-color: #012D58;
    display: flex;
}

    .nav_fg .logo {
        float: left;
        max-width: 120px;
        margin-right: 20px;
        margin-top: 12px;
    }

    .nav_brands .container:last-of-type, .nav_fg .container:last-of-type {
        border-bottom: none;
    }

    .nav_brands .logo {
        max-height: 60px;
        float: left;
        margin-bottom: 10px
    }

    .nav_brands #menu_mega-fg {
        margin-top: 0px !important;
        clear: left
    }

        .nav_brands #menu_mega-fg > li:nth-child(1) {
            padding-left: 0 !important
        }

#menu_mega-fg {
    padding-left: 0;
    color: #aaa6a8;
    list-style-type: none;
    margin-top: 30px;
    float: left;
    margin-bottom: 0;
    padding-bottom: 50px
}

.level_1-item {
    position: relative;
    line-height: 50px;
    display: inline-block;
    padding-bottom: 9px;
    z-index: 1000
}

.dot, .level_1 .dot {
    display: none;
    border-style: solid;
    border-width: 0 8px 14px 8px;
    border-color: transparent transparent #193153 transparent;
    position: absolute;
    z-index: 0;
    bottom: -8px
}

@keyframes pulse {
    from {
        transform: translate(0,-50%)
    }

    to {
        transform: translate(0,0)
    }
}

.menu_mini-level1 > li {
    margin-right: 10px
}

    .menu_mini-level1 > li:nth-child(1):after {
        content: "|";
        margin-left: 15px
    }

menu_mini-level1 li {
    border-right: 1px solid #183052
}

.level_1 > li {
    color: #183052;
    font-size: 20px;
    font-weight: 700;
    float: left;
    width: auto;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    height: 30px;
    padding-top: 0
}

    .level_1 > li:not(:last-child) {
        border-right: solid 2px #183052
    }

.level_1 li a {
    color: #fff;
    margin-top: -8px;
    padding-bottom: 8px;
    dding-bottom: 8px;
    height: 90px;
}

.level_1 > li:hover .level_2 {
    display: block
}

.level_2 {
    display: none;
    position: absolute;
    z-index: 600;
}

.nav_fg .level_2 {
    left: 140px;
    top: 110px;
}

.nav_brands .level_2 {
    left: 30px
}

.nav_brands .menu_mini {
    margin-top: 1px;
    clear: both
}

.menu_mega-products-list a:hover {
    text-decoration: none
}

#menu_mega-products .menu_mega-col2 {
    margin-top: 15px
}

    #menu_mega-products .menu_mega-col2 li {
        padding: 5px 0
    }

.nav_brands .menu_mega-products-list {
    padding: 0 30px;
    max-height: 500px
}

#menu_mega-brands, #menu_mega-products {
    width: 90%
}

    #menu_mega-products .panel a {
        font-weight: 700
    }

    #menu_mega-products .level_3 .row {
        height: 100%
    }

    #menu_mega-products .level_3 .col-sm-6 {
        height: 510px
    }

    #menu_mega-products .level_3 .menu_mega-col3 {
        border-left: 1px solid #ccc;
        height: 470px;
        margin: 15px 0;
        padding: 0 30px
    }

#menu_mega-markets {
    width: 60%
}

.level_2 ul > li:hover .level_3 {
    display: block;
    margin: 0 auto
}

.level_3 {
    display: none;
    position: absolute;
    width: 200%;
    z-index: 1000;
    top: 0;
    left: 100%;
    height: 100%;
    background-color: #fff;
    color: #aaa6a8;
    border-top: 2px solid rgba(204,204,204,.3)
}

.menu_mega-col1 {
    font-weight: 300;
    font-size: 16px;
    list-style-type: none;
    padding: 0;
    background-color: #012D58;
}

    .menu_mega-col1 > a {
        color: #fff
    }

    .menu_mega-col1 > li {
        padding: 10px 20px 10px 30px;
        border-top: 1px solid #000
    }

        .menu_mega-col1 > li:last-child {
            border-bottom: 1px solid #000
        }

        .menu_mega-col1 > li:first-child:hover {
            border-top: 1px solid #fff;
            border-top: 2px solid rgba(204,204,204,.3)
        }

.menu_mega-col1 > li a {
    position: relative;
    color: #fff;
    font-weight: 500 !important;
}

    .menu_mega-col1 li ul li a {
        color: #aaa6a8
    }

.menu_mega-col1 > li:hover, .menu_mini-level2 li:hover {
    overflow-x: visible;
    background-color: #fff;
  
    border-bottom: 0;
    text-decoration: none;
    padding-bottom: 11px;
    padding-top: 11px;
}

        .menu_mega-col1 > li a:hover, .menu_mega-col1 > li:hover a {
            font-weight: 400;
            color: #aaa6a8;
             font-weight: 600 !important;
        }

.menu_mega-col2 li {
    list-style-type: none;
    color: #999
}

#menu_mega-brands .menu_mega-col2 {
    padding-right: 15px
}

    #menu_mega-brands .menu_mega-col2 a {
        color: #aaa6a8;
        font-size: 1em;
        font-weight: 700
    }

    #menu_mega-brands .menu_mega-col2 ul {
        padding-top: 15px;
        width: 350px
    }

    #menu_mega-brands .menu_mega-col2 li {
        padding: 10px 0
    }

#menu_mega-brands .menu_mega-col3 {
    margin: 15px 0;
    border-left: 1px solid #ccc;
    height: 470px;
    padding: 0 0
}

    #menu_mega-brands .menu_mega-col3 img, #menu_mega-products .menu_mega-col3 img {
        width: 100%;
        margin-bottom: 30px
    }

#menu_mega-products .accordion {
    font-size: 1em;
    padding: 0 30px
}

    #menu_mega-products .accordion .panel-heading {
        padding: 10px 0;
        border: 0 !important;
        box-shadow: none !important
    }

#menu_mega-markets .level_3 {
    width: 100% !important;
    padding: 30px
}

    #menu_mega-markets .level_3 img {
        width: 100%;
        margin-bottom: 30px
    }

#menu_mega-markets li:hover a {
    color: #41a7de
}

#menu_mega-brands .vandex .menu_mega-col2 li a:hover, #menu_mega-products .logiball .menu_mega-col2 .panel-heading a:hover, .vandex .panel-heading .active, .vandex .panel-heading .active:before, .vandex-text, .vandex-text a, .vandex:hover > a {
    color: #031d86 !important
}

    .vandex:hover > a:before {
        border-color: transparent transparent transparent #031d86;
        position: absolute !important;
        top: -2px !important
    }

#menu_mega-brands .logiball .menu_mega-col2 li a:hover, #menu_mega-products .logiball .menu_mega-col2 .panel-heading a:hover, .logiball .panel-heading .active, .logiball .panel-heading .active:before, .logiball-text, .logiball-text a, .logiball:hover > a {
    color: #003a56 !important
}

    .logiball:hover > a:before {
        border-color: transparent transparent transparent #003a56;
        position: absolute !important;
        top: -2px !important
    }

#menu_mega-brands .NuDeck .menu_mega-col2 li a:hover, #menu_mega-products .NuDeck .menu_mega-col2 .panel-heading a:hover, .NuDeck .panel-heading .active, .NuDeck .panel-heading .active:before, .NuDeck-text, .NuDeck-text a, .NuDeck:hover > a {
    color: #402873 !important
}

    .NuDeck:hover > a:before {
        border-color: transparent transparent transparent #402873;
        position: absolute !important;
        top: -2px !important
    }

#menu_mega-brands .appliedpolymerics .menu_mega-col2 li a:hover, #menu_mega-products .appliedpolymerics .menu_mega-col2 .panel-heading a:hover, .appliedpolymerics .panel-heading .active, .appliedpolymerics .panel-heading .active:before, .appliedpolymerics-text, .appliedpolymerics-text a, .appliedpolymerics:hover > a {
    color: #f8b12c !important
}

    .appliedpolymerics:hover > a:before {
        border-color: transparent transparent transparent #f8b12c;
        position: absolute !important;
        top: -2px !important
    }

#menu_mega-brands .bridgecare .menu_mega-col2 li a:hover, #menu_mega-products .bridgecare .menu_mega-col2 .panel-heading a:hover, .bridgecare .panel-heading .active, .bridgecare .panel-heading .active:before, .bridgecare-text, .bridgecare-text a, .bridgecare:hover > a {
    color: #41a7de !important
}

#menu_mega-brands .ekspan.menu_mega-col2 li a:hover, #menu_mega-brands .menu_mega-col2 a:hover, #menu_mega-products .ekspan .menu_mega-col2 .panel-heading a:hover, .ekspan .panel-heading .active, .ekspan .panel-heading .active:before, .ekspan-text, .ekspan-text a, .ekspan:hover > a {
    color: #000 !important
}

    .ekspan:hover > a:before {
        border-color: transparent transparent transparent #000;
        position: absolute !important;
        top: -2px !important
    }

.bridgecare:hover > a:before {
    border-color: transparent transparent transparent #41a7de;
    position: absolute !important;
    top: -2px !important
}

#menu_mega-brands .structurecare .menu_mega-col2 li a:hover, #menu_mega-products .structurecare .menu_mega-col2 .panel-heading a:hover, .structurecare .panel-heading .active, .structurecare .panel-heading .active:before, .structurecare-text, .structurecare-text a, .structurecare:hover > a {
    color: #fdb813 !important
}

    .structurecare:hover > a:before {
        border-color: transparent transparent transparent #fdb813;
        position: absolute !important;
        top: -2px !important
    }

#menu_mega-brands .pitchmastic .menu_mega-col2 li a:hover, #menu_mega-products .pitchmastic .menu_mega-col2 .panel-heading a:hover, .pitchmastic .panel-heading .active, .pitchmastic .panel-heading .active:before, .pitchmastic-text, .pitchmastic-text a, .pitchmastic:hover > a {
    color: #e31936 !important
}

    .pitchmastic:hover > a:before {
        border-color: transparent transparent transparent #e31936;
        position: absolute !important;
        top: -2px !important
    }

#menu_mega-brands .pds .menu_mega-col2 li a:hover, #menu_mega-products .pds .menu_mega-col2 .panel-heading a:hover, .pds .panel-heading .active, .pds .panel-heading .active:before, .pds-text, .pds-text a, .pds:hover > a {
    color: #c0d8f0 !important
}

    .pds:hover > a:before {
        border-color: transparent transparent transparent #c0d8f0;
        position: absolute !important;
        top: -2px !important
    }

#menu_mega-brands .nufins .menu_mega-col2 li a:hover, #menu_mega-products .nufins .menu_mega-col2 .panel-heading a:hover, .nufins .panel-heading .active, .nufins .panel-heading .active:before, .nufins-text, .nufins-text a, .nufins:hover > a {
    color: #9bcd66 !important
}

    .nufins:hover > a:before {
        border-color: transparent transparent transparent #9bcd66;
        position: absolute !important;
        top: -2px !important
    }

#menu_mega-brands .visual .menu_mega-col2 li a:hover, #menu_mega-products .visual .menu_mega-col2 .panel-heading a:hover, .visual .panel-heading .active, .visual .panel-heading .active:before, .visual-text, .visual-text a, .visual:hover > a {
    color: #00b25a !important
}

    .visual:hover > a:before {
        border-color: transparent transparent transparent #00b25a;
        position: absolute !important;
        top: -2px !important
    }

#menu_mega-brands .fibergrid .menu_mega-col2 li a:hover, #menu_mega-products .fibergrid .menu_mega-col2 .panel-heading a:hover, .fibergrid .panel-heading .active, .fibergrid .panel-heading .active:before, .fibergrid-text, .fibergrid-text a, .fibergrid:hover > a {
    color: #e41e27 !important
}

    .fibergrid:hover > a:before {
        border-color: transparent transparent transparent #e41e27;
        position: absolute !important;
        top: -2px !important
    }

#menu_mega-brands .fibrecrete .menu_mega-col2 li a:hover, #menu_mega-products .fibrecrete .menu_mega-col2 .panel-heading a:hover, .fibrecrete .panel-heading .active, .fibrecrete .panel-heading .active:before, .fibrecrete-text, .fibrecrete-text a, .fibrecrete:hover > a {
    color: #f3c41d !important
}

    .fibrecrete:hover > a:before {
        border-color: transparent transparent transparent #f3c41d;
        position: absolute !important;
        top: -2px !important
    }

#menu_mega-brands .pitchinc .menu_mega-col2 li a:hover, #menu_mega-products .pitchinc .menu_mega-col2 .panel-heading a:hover, .pitchinc .panel-heading .active, .pitchinc .panel-heading .active:before, .pitchinc-text, .pitchinc-text a, .pitchinc:hover > a {
    color: #e31936 !important
}

    .pitchinc:hover > a:before {
        border-color: transparent transparent transparent #e31936;
        position: absolute !important;
        top: -2px !important
    }

#menu_mega-brands .prime .menu_mega-col2 li a:hover, #menu_mega-products .prime .menu_mega-col2 .panel-heading a:hover, .prime .panel-heading .active, .prime .panel-heading .active:before, .prime-text, .prime-text a, .prime:hover > a {
    color: #aaa6a8 !important
}

.PrimeResins:hover > a:before {
    border-color: transparent transparent transparent #aaa6a8;
    position: absolute !important;
    top: -2px !important
}

.NuDeck:hover > a:before, .PrimeResins:hover > a:before, .appliedpolymerics:hover > a:before, .bridgecare:hover > a:before, .ekspan:hover > a:before, .fibergrid:hover > a:before, .fibrecrete:hover > a:before, .logiball:hover > a:before, .nufins:hover > a:before, .pds:hover > a:before, .pitchinc:hover > a:before, .pitchmastic:hover > a:before, .structurecare:hover > a:before, .vandex:hover > a:before, .visual:hover > a:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: "";
    display: block;
    position: absolute;
    left: -16px;
    width: 5px;
    font-size: 10px;
    margin-top: 4px
}

.panel-heading .active:before {
    content: "▾";
    display: block;
    position: absolute;
    left: -16px;
    width: 5px;
    font-size: 16px;
    margin-top: 0
}

.menu_mega-products-list {
    padding: 0;
    padding: 3px 0
}

    .menu_mega-products-list li a, .menu_mega-products-list li a:hover {
        color: #aaa6ab !important;
        font-weight: 300 !important
    }

.menu_list-social {
    clear: right;
    overflow: hidden;
    float: right;
    margin-top: 30px;
}

    .menu_list-social li {
        float: right;
        display: inline-block;
        margin-right: 9px
    }

        .menu_list-social li img {
            width: 30px
        }

.menu_mini {
    float: right;
    margin-top: 14px;
    clear: right
}

.menu_mini-logo {
    width: 60px;
    float: left;
    margin-bottom: 3px
}

.menu_mini li {
    text-transform: uppercase;
    font-size: 1em;
    display: inline-block
}

    .menu_mini li a {
        color: #193053
    }

.menu_mini-level1 {
    padding-left: 0;
    position: relative;
    margin-bottom: 0
}

.menu_mini-level2 {
    min-width: 300px;
    font-weight: 300;
    padding: 0;
    display: none;
    position: absolute;
    top: 56px;
    left: 0;
    background-color: #193053;
    overflow-x: hidden;
    z-index: 200
}

.menu_mini-level1 li:hover .menu_mini-level2 {
    display: block
}

.menu_mini-level2 li {
    display: block;
    padding: 10px 20px 10px 30px;
    border-bottom: 1px solid #000;
    line-height: 1.42857143;
    position: relative
}

    .menu_mini-level2 li:hover a {
        color: #aaa6a8
    }

    .menu_mini-level2 li a {
        color: #fff;
        text-transform: capitalize
    }

    .menu_mini-level2 li:hover a:before {
        content: "";
        display: block;
        position: absolute;
        left: 12px;
        width: 5px;
        font-size: 10px;
        margin-top: 19px
    }

    .menu_mini-level2 li:hover a {
        font-weight: 700
    }

@media (max-width:1340px) {
    .menu_mini-level2 {
        min-width: 300px;
        font-weight: 300;
        padding: 0;
        position: absolute;
        top: 59px;
        left: -85px;
        background-color: #193053;
        overflow-x: hidden;
        z-index: 200
    }
}

footer {
    margin-top: 60px
}

#footer_social img {
    width: 30px
}

footer .background_dk-blue {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

    footer .background_dk-blue .border {
        border-left: 1px solid #fff;
        padding-left: 30px
    }

footer .background_lt-blue h5 {
    font-size: 20px
}

#footer_copyright {
    text-align: center;
    display: block
}

footer a, footer a:hover {
    color: #fff
}

.slideshow-slide img {
    width: 100%
}

.slide-background {
    z-index: 1
}

.slide-text {
    z-index: 10;
    position: absolute;
    left: 65%;
    top: 20%;
    transform: translate(-55%,-20%)
}

    .slide-text ul {
        padding: 0 20px;
        margin-bottom: 20px
    }

    .slide-text h1, .slide-text h2 {
        margin-top: 0
    }

.display-arrow {
    margin: 0 auto;
    display: block
}

.display-text {
    padding-bottom: 25px;
    margin-bottom: 0;
    border-bottom: 1px solid #193053
}

.body-copy {
    line-height: 1.5
}

.display-text-no-border {
    padding-bottom: 60px;
    margin-bottom: 20px;
    line-height: 1.5
}

    .display-text-no-border ul {
        padding: 0 20px
    }

.display-text p {
    line-height: 1.5
}

.brand-box {
    display: inline-block !important;
    position: relative !important;
    overflow: hidden;
    height: 100%;
    z-index: 100
}

.brand-box-overlay b {
    padding: 20px 20px 0 20px;
    display: block
}

.brand-box-overlay {
    font-size: 13px;
    position: absolute;
    background-color: rgba(34,47,82,.75);
    opacity: 0;
    transition: opacity 1s ease-out;
    height: 100%;
    z-index: 100000;
    top: 0;
    width: 100%
}

    .brand-box-overlay ul {
        list-style-type: none;
        padding: 0
    }

.brand-box a {
    color: #fff;
    padding: 20px;
    width: 100%;
    height: 100%
}

    .brand-box a p {
        padding: 20px;
        position: relative
    }

.brand-box-overlay p {
    top: -30px
}

.brand-box a .brand-box-overlay img {
    padding: 20px 0;
    width: auto;
    max-height: 89px;
    margin: 0 auto;
    display: block;
    float: none
}

.brand-box a:hover .brand-box-overlay {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
    position: absolute;
    background-color: rgba(34,47,82,.75);
    color: #fff;
    z-index: 20;
    transition: opacity 1s ease-out
}

.brand-box a:hover .brand-logo {
    display: none
}

.brand-logo .h5, .brand-logo h5 {
    color: #fff
}

.brand-box-overlay span {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.brand-img {
    width: 263px;
    float: left;
    height: 110%;
    position: relative;
    top: -23px
}

.brand .brand-img {
    float: left
}

.brand-products {
    font-weight: 600;
    padding: 1px 15px 10px 15px;
    margin-top: -60px;
    z-index: 10;
    position: relative
}

    .brand-products h2 {
        font-weight: 600
    }

        .brand-products h2:after {
            content: url(/images/right-arrow.png);
            display: inline-block;
            float: right
        }

.brand-logo {
    width: 100%;
    padding: 10px 15px;
    z-index: 10;
    position: absolute;
    bottom: 0
}

    .brand-logo img {
        height: 35px;
        width: auto
    }

    .brand-logo p {
        color: #fff;
        z-index: 100;
        margin-bottom: 0;
        padding: 5px 0
    }

.brand-btn {
    position: absolute;
    bottom: 15px;
    left: 20px
}

.brand-link {
    padding: 20px;
    height: 100%
}

    .brand-link h4 {
        width: 80%
    }

.brand-overview, .market-block {
    padding: 20px 5px;
    border: 1px solid #193053
}

.brand-overview_logo img {
    max-height: 60px
}

.brand-products p {
    margin: 10px 0
}

    .brand-products p:after {
        content: url(../images/right-arrow.png);
        display: block;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translate(0,-50%)
    }

.market {
    margin-bottom: 30px
}

.market-intro {
    padding: 40px
}

.brand-overview .btn-primary {
    position: relative;
    float: right;
    margin-right: 20px
}

.market .btn-primary {
    position: absolute;
    right: 20px;
    bottom: 20px
}

.news-articles h2 {
    margin-top: 0
}

.news-article.body-copy img {
    width: auto;
    height: auto !important
}

.news-filter-list {
    padding: 0
}

    .news-filter-list li {
        list-style-type: none
    }

    .news-filter-list .border {
        background-color: #fff;
        color: #193053;
        padding: 5px 15px;
        margin-bottom: 10px;
        cursor: pointer;
        border: solid 2px #ddd;
        border-radius: 10px
    }

.news-filter_mobile {
    background-color: #193053
}

    .news-filter_mobile .jcf-select .jcf-select-text {
        color: #fff
    }

.news {
    text-align: center
}

.text-clamp_news-article {
    line-height: 1.5em !important;
    padding: 0;
    background: #fff;
    max-height: 7.5em;
    overflow: hidden;
    line-height: 1.5em;
    margin-bottom: 0;
    display: inline
}

#twitter {
    background-color: #6babe8
}

#linked {
    background-color: #0077b5
}

#youtube {
    background-color: #e52d27
}

#instagram {
    background-color: #962fbf
}

#phone {
    background-color: #647992
}

.news-social img {
    width: 25px;
    margin-right: 10px
}

.news-social li {
    padding: 5px 15px;
    margin-bottom: 5px
}

.news-social a {
    color: #fff
}

.latest-news {
    z-index: 10;
    position: relative
}

.brand_home-description, .brand_home-description a {
    color: #193053
}

    .brand_home-description a {
        font-weight: 600
    }

.slideshow-4 .download {
    position: relative
}

    .slideshow-4 .download a {
        text-align: center;
        color: #fff
    }

.slideshow-4 .pdf {
    margin: 0 auto;
    width: 130px;
    margin-bottom: 10px;
    position: relative;
    z-index: 100
}

.slideshow-4 .download-circle {
    display: none;
    z-index: 100;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

    .slideshow-4 .download-circle:hover .pdf, .slideshow-4 .pdf:hover {
        border: 3px solid #fff !important
    }

.slideshow-4 .download-pdf:hover .download-circle {
    display: block !important
}

.slideshow-4 .download-icon {
    width: 30px;
    margin: 0 auto;
    display: block;
    margin-top: -10px
}

.slideshow-4 h5 {
    text-align: center;
    color: #fff
}

.link-more {
    float: right;
    font-weight: 700;
    color: #193053
}

    .link-more p {
        vertical-align: middle;
        display: inline-block;
        margin-bottom: 0
    }

    .link-more:after {
        content: url(/images/right-arrow-blue.png);
        margin-left: 10px;
        vertical-align: middle
    }

.hero {
    height: 460px;
    background-size: cover;
    overflow: hidden;
    position: relative;
    top: -1px
}

    .hero.container {
        height: auto !important;
        background-size: cover;
        overflow: hidden;
        position: relative;
        min-height: 40px
    }

        .hero.container .slide-text .col-sm-6 {
            left: 80px
        }

        .hero.container .contact {
            right: 15px
        }

        .hero.container .slide-text {
            width: 100%;
            height: 100%
        }

    .hero .slide-text {
        height: 100%
    }

        .hero .slide-text .col-sm-6 {
            top: 40px
        }

    .hero img {
        width: 100%
    }

    .hero .contact p {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .hero .contact {
        position: absolute;
        color: #fff;
        padding: 10px 40px;
        bottom: 0;
        right: 0
    }

.breadcrumbs {
    margin-top: 10px;
    font-size: 12px;
    padding: 0
}

    .breadcrumbs li {
        display: inline-block;
        color: #8a8a8b;
        margin-right: 5px
    }

        .breadcrumbs li a {
            color: #8a8a8b
        }

            .breadcrumbs li a:hover {
                color: #193053
            }

        .breadcrumbs li + li:before {
            content: ">";
            margin-right: 5px
        }

    .breadcrumbs .active a {
        color: #193053;
        text-decoration: underline
    }

.display-text-no-border h1 {
    line-height: 1.5
}

.product-downloads li {
    width: 270px;
    background-color: #113157;
    padding: 10px 20px 5px 15px
}

.product-downloads a {
    color: #fff
}

.product-downloads .media-body, .product-downloads .media-left, .product-downloads .media-right, .product-nav .media-body, .product-nav .media-left, .product-nav .media-right {
    vertical-align: middle
}

.product-downloads ul {
    float: right
}

.product-downloads .media-body {
    position: relative
}

.product-downloads .media-heading {
    margin-bottom: 0
}

.product-nav .media-left {
    width: 50%
}

    .product-nav .media-left img {
        width: 100%
    }

.product-nav .media-right {
    width: 50%
}

.product-nav .media, .product-nav .media-body {
    overflow: visible
}

.product-nav .background_grey {
    padding: 10px
}

.product-nav .media {
    margin-top: 0;
    text-align: center
}

.product-nav #left:before {
    width: 20px;
    content: url(/images/arrow_large-left-blue.png);
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translate(0,-50%)
}

.product-nav #right {
    float: right
}

    .product-nav #right:after {
        width: 20px;
        content: url(/images/arrow_large-right-blue.png);
        position: absolute;
        right: -60px;
        top: 50%;
        transform: translate(0,-50%)
    }

.news-footer .col-sm-6:first-of-type {
    border-right: 1px solid #fff
}

.news-footer {
    margin-top: 40px;
    padding: 20px 0
}

    .news-footer .col-sm-6 {
        padding: 0 30px;
        color: #fff
    }

    .news-footer p {
        font-size: 24px;
        margin-bottom: 0
    }

    .news-footer h1 {
        margin: 0
    }

.news-article .img-responsive {
    padding: 20px 0;
    width: 100%
}

.prod-cat {
    padding: 10px 15px
}

.webprod-top {
    color: #fff;
    padding: 15px 0;
    margin-top: 30px;
    margin-bottom: 10px
}

    .webprod-top h4 {
        font-weight: 300
    }

    .webprod-top p img {
        margin: 0 10px
    }

.job-download {
    color: #183052;
    font-weight: 700
}

    .job-download a {
        color: #183052
    }

.job-description {
    line-height: 2.2;
    border-right: 1px solid #183052
}

.downloads1-dl .download-img {
    position: relative
}

.downloads2 img {
    width: 100%
}

.downloads1-dl {
    background-color: #193053;
    margin: 20px 0
}

    .downloads1-dl .download-img .noAfters img {
        width: 100%;
        border: none !important
    }

    .downloads1-dl .download-img .noAfters {
        display: none
    }

    .downloads1-dl .download-img:hover .noAfters {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 45px
    }

.download-pdf {
    position: relative
}

    .download-pdf .noAfters img {
        width: 100%;
        border: none !important
    }

    .download-pdf .noAfters {
        display: none
    }

    .download-pdf:hover .noAfters {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 45px;
        z-index: 11111111
    }

.downloads1-dl img, .downloads2-dl img {
    display: block;
    margin: 0 auto;
    border: 5px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px
}

.downloads2-dl:hover:after {
    content: url(/images/download-cirlce-right.png);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-100%)
}

.downloads1-dl h3, .downloads1-dl p {
    color: #fff;
    text-align: center;
    margin-bottom: 0
}

    .downloads1-dl h3:after, .downloads1-dl p:after, .downloads2-dl p:after {
        position: relative;
        display: block;
        margin: 0 auto;
        float: none;
        text-align: center
    }

.downloads-row4 {
    margin-bottom: 20px;
    background-color: #193053
}

.contact .border {
    border-right: 1px solid #000;
    border-left: 1px solid #000
}

.contact-form p span {
    color: #e74c3c
}

.contact-form .form-control, .contact-form .jcf-select {
    background-color: #efefef;
    border: 0;
    box-shadow: transparent !important
}

    .contact-form .jcf-select .jcf-select-opener {
        content: url(/images/contact-down.png) !important
    }

.contact-dd .jcf-list .jcf-list-content {
    background: #efefef !important;
    color: #000 !important
}

.news-article h1 {
    font-size: 40px
}

.display-text h3, .home-brands, .news-articles h2, .slide-text h2, .slide-text h1 {
    font-size: 20px;
}

.brand-link h4, .contact h2 {
    font-size: 24px;
    font-weight: 700
}

.brand-color.h3, .market-title h2 {
    font-size: 24px
}

.body-copy, .display-text {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5
}

.brand-products h2 {
    font-size: 16px
}

.contact {
    font-size: 13px
}

    .contact h3 {
        font-size: 13px;
        font-weight: 700;
        margin: 0
    }

.zoom {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 100;
    border: transparent;
    background: 0 0
}

.markets-modal .modal-body {
    padding: 0
}

    .markets-modal .modal-body img {
        width: 100%
    }

.market-sector {
    width: 100%
}

.Rtable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 3em 0;
    padding: 0
}

.Rtable-cell {
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: .8em .9em;
    overflow: hidden;
    list-style: none;
    background: #e2e7f1
}

.acc-button img {
    width: 100%;
    margin: 0 auto;
    display: block
}

.acc-button .media-body {
    display: none
}

.exception {
    display: none
}

.Rtable-cell > h1, .Rtable-cell > h2, .Rtable-cell > h3, .Rtable-cell > h4, .Rtable-cell > h5, .Rtable-cell > h6 {
    margin: 0
}

.col-1 {
    width: 5%
}

.col-2 {
    width: 15%
}

.col-3 {
    width: 38%
}

.col-4 {
    width: 10%
}

.col-5 {
    width: 8%
}

.Rtable {
    position: relative;
    top: 3px;
    left: 3px
}

.Rtable-cell {
    background-color: #e2e7f1;
    border-bottom: 3px solid #fff !important
}

.Rtable-cell--dark {
    background-color: #708090;
    border-color: #5a6673;
    color: #fff
}

    .Rtable-cell--dark > h1, .Rtable-cell--dark > h2, .Rtable-cell--dark > h3, .Rtable-cell--dark > h4, .Rtable-cell--dark > h5, .Rtable-cell--dark > h6 {
        color: #fff
    }

.Rtable-cell--medium {
    background-color: #b8c0c8;
    border-color: #a9b3bc
}

.Rtable-cell--light {
    background-color: #fff;
    border-color: #e2e6e9
}

.Rtable-cell--highlight {
    background-color: #90ee90;
    border-color: #64e764
}

.Rtable-cell--alert {
    background-color: #ff8c00;
    border-color: #cc7000;
    color: #fff
}

    .Rtable-cell--alert > h1, .Rtable-cell--alert > h2, .Rtable-cell--alert > h3, .Rtable-cell--alert > h4, .Rtable-cell--alert > h5, .Rtable-cell--alert > h6 {
        color: #fff
    }

.Rtable-cell--head {
    background: #03060e;
    background: -moz-linear-gradient(left,#03060e 0,#13378d 100%);
    background: -webkit-linear-gradient(left,#03060e 0,#13378d 100%);
    background: linear-gradient(to right,#03060e 0,#13378d 100%);
    border-color: #fff;
    color: #fff
}

    .Rtable-cell--head > h1, .Rtable-cell--head > h2, .Rtable-cell--head > h3, .Rtable-cell--head > h4, .Rtable-cell--head > h5, .Rtable-cell--head > h6 {
        color: #fff
    }

.Rtable-cell--foot {
    background-color: #b8c0c8;
    border-color: #a9b3bc
}

@media all and (max-width:991px) {
    .Rtable--collapse {
        display: block
    }

        .Rtable--collapse > .Rtable-cell {
            width: 100% !important
        }

        .Rtable--collapse > .Rtable-cell--foot {
            margin-bottom: 1em
        }
}

.no-flexbox .Rtable {
    display: block
}

    .no-flexbox .Rtable > .Rtable-cell {
        width: 100%
    }

    .no-flexbox .Rtable > .Rtable-cell--foot {
        margin-bottom: 1em
    }

@media all and (max-width:991px) {
    .js-RtableAccordions .row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .hiddenSmall {
        display: none
    }

    .acc-button .media-body {
        display: inline-block;
        width: auto !important
    }

    .acc-button .media {
        color: #fff;
        background-color: #113157;
        padding: 10px 20px 5px 15px
    }

    .Rtable-cell.acc-button {
        border-bottom: 0 !important;
        padding: 15px 0 0 0;
        width: 100%
    }

    .acc-button .media a {
        color: #fff
    }

    .js-RtableAccordions, .js-RtableTabs {
        padding: 15px 15px 30px 15px
    }

    .Rtable-cell.col-5 ul li {
        display: inline-block;
        margin-right: 15px
    }

    .webprod-top {
        color: #000;
        background: #fff;
        text-align: center
    }

        .webprod-top .img-responsive {
            display: none
        }

    .exception {
        display: block;
        margin-bottom: 0
    }

    .media-left svg {
        fill: #fff !important;
        width: 50px !important
    }

    .acc-button .media-body {
        margin-left: 10px
    }

    .media-left p {
        display: none !important
    }

    .col-name {
        display: block !important
    }
}

.Tablist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: -3px
}

.acc-button img {
    width: 50px
}

.Tab:focus, .Tab:hover {
    background-color: #199797;
    border-color: #199797;
    outline: 0
}

.Tab[aria-selected=false]:active {
    margin-top: .2em;
    padding-bottom: .4em
}

.Tab[aria-selected=true] {
    background: #e6f3f3;
    cursor: default
}

.Accordion {
    position: relative;
    top: -3px;
    left: -3px;
    width: 100%;
    margin: 30px 0 0 0;
    padding: .6em .6em .6em 0;
    text-align: left;
    background: #03060e;
    background: -moz-linear-gradient(left,#03060e 0,#13378d 100%);
    background: -webkit-linear-gradient(left,#03060e 0,#13378d 100%);
    background: linear-gradient(to right,#03060e 0,#13378d 100%);
    border-color: transparent;
    border: 0;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: background-color .1s;
    transition: background-color .1s;
    cursor: pointer
}

    .Accordion p {
        padding-left: 60px;
        margin: 0;
        display: inline-block
    }

    .Accordion.green::before {
        content: url(/images/green-tear.png)
    }

    .Accordion::before {
        content: "";
        display: inline-block;
        background: #e2e7f1;
        position: absolute;
        left: 0;
        top: 0;
        height: 42px;
        width: 40px;
        padding: 7px 15px
    }

@media all and (min-width:991px) {
    .Accordion {
        display: none
    }

    .table-head {
        display: flex !important
    }

        .Rtable-cell.col-lg-1, .table-head .col-lg-1 {
            flex-basis: 10%
        }

        .Rtable-cell.Rtable-cell--head.col-lg-2, .table-head .col-lg-2 {
            flex-basis: 20%
        }

        .Rtable-cell.col-lg-4, .table-head .col-lg-4 {
            flex-basis: 45%
        }
}

.Accordion:focus, .Accordion:hover {
    outline: 0
}

.Accordion[aria-selected=true] {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-width: 0
}

.Accordion img {
    margin-right: 10px
}

.Accordion:after {
    content: url(/images/down-arrow.png);
    position: absolute;
    top: 50%;
    right: .3em;
    margin-top: -1.14285714em;
    font-weight: 400;
    font-size: 2em;
    line-height: 2em;
    background-size: 2em 2em
}

.Accordion[aria-selected=true]:after {
    content: url(/images/up-arrow.png)
}

.js-RtableAccordions, .js-RtableTabs {
    min-width: 240px;
    background-color: #e2e7f1
}

.col-name {
    font-weight: 700;
    color: #193053;
    text-transform: uppercase;
    display: none
}

.media-left .svg {
    fill: #092f57;
    width: 100%;
    vertical-align: middle;
    height: 80px
}

.media-left p {
    display: block;
    font-size: 10px;
    font-weight: 600;
    color: #193053;
    margin-top: -3px;
    text-align: center
}

.Rtable-cell .media-left {
    padding-right: 0;
    display: block
}

.table-head {
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 5px 5px 0
}

    .table-head li {
        float: left;
        color: #fff;
        text-align: center
    }

        .table-head li:nth-child(1) {
            color: transparent
        }

@media print {
    .nav_brands #menu_mega-fg, .nav_brands .norb {
        display: none
    }
}

.thePlus2:before {
    content: "+"
}

.theMinus2:before {
    content: "_"
}

.thePlus2 {
    color: #183052;
    float: right
}

.theMinus2 {
    float: right;
    color: #183052;
    margin-right: 12px
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid white !important;
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important;
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important;
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important;
}

.fs-5 {
    font-size: 1.25rem !important;
    line-height: 1.6;
}

.fs-6 {
    font-size: 1rem !important;
    line-height: 1.6;
}


.btn-primary {
    color: #fff !important;
    background-color: #012D5B;
    border-color: #012D5B;
    border-radius: 0 !important;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }


h1, h2, h3 {
    color: #012D5B !important;
}



.web-footer {
    display: block;
}

@media (max-width: 768px) {


    .bannerComponent img {
        height: 100%;
       
    }
}

.ot-floating-button__front {
    background-image: url('/media/fyqjejcg/ot_persistent_cookie_fibergrate.png') !important;
}