.fieldeditor table, .fieldeditor td {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    vertical-align: middle
}

#atlwdg-trigger {
    color: #fff !important
}

.canvas-lines {
    position: absolute;
    top: 0;
    pointer-events: none;
    display: none
}

.canvas-lines-switch {
    position: fixed;
    top: 40%;
    left: -160px;
    background: #e4e4e4;
    border: 2px solid #4a4a4a;
    padding: 20px 40px 20px 10px;
    box-shadow: 5px 5px 10px #fff;
    width: auto;
    font-weight: bold;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s
}

    .canvas-lines-switch:after {
        content: "";
        position: absolute;
        border: 10px solid transparent;
        border-left-color: #808080;
        width: 0;
        height: 0;
        right: 0;
        top: 30px
    }

    .canvas-lines-switch:hover {
        left: 0
    }

.on-page-editor .rich-text span {
    width: 100%
}

.on-page-editor .promo .promo-body .scWebEditInput, .on-page-editor .summary .summary-body .scWebEditInput, .on-page-editor .summary-list .summary-list-body .scWebEditInput {
    display: block
}

.on-page-editor .tabs ul.tabs > li > a {
    font-size: 0
}

    .on-page-editor .tabs ul.tabs > li > a div {
        font-size: 12px
    }

.on-page-editor img {
    width: auto\9
}

body.on-page-editor {
    position: static
}

#jqueryModalDialogsFrame {
    position: fixed !important
}

.scPopup {
    z-index: 9200 !important;
    background: #fafafa;
    border: 1px solid #868686;
    height: auto !important;
    box-shadow: 0 0 5px #dedede;
    -webkit-box-shadow: 0 0 5px #dedede;
    font-family: tahoma !important;
    font-size: 11px !important;
    position: fixed !important
}

    .scPopup tr:hover {
        background: #c5c5c5;
        cursor: Pointer
    }

    .scPopup td {
        padding: 0 5px;
        vertical-align: middle
    }

    .scPopup .scMenuItemIcon, .scPopup tr td:first-child {
        background: #efefef;
        border-right: 1px solid #c5c5c5;
        padding: 0 2px
    }

    .scPopup .divider-row {
        line-height: 0;
        background: #9199a4
    }

        .scPopup .divider-row td {
            height: 1px !important;
            font-size: 0
        }

.column-splitter, .row-splitter {
    width: 100%
}

.component {
    box-sizing: border-box
}

.row.column-splitter > div > div.row {
    margin-left: 0;
    margin-right: 0
}

.tabs .tabs-heading > li .scEnabledChrome > .row, .tabs .tabs-container > .tab > .scEnabledChrome > .row {
    margin-left: 0;
    margin-right: 0
}

.accordion .scEnabledChrome > .toggle-header > .label > .row, .accordion .scEnabledChrome > .toggle-content > .row {
    margin-left: 0;
    margin-right: 0
}

.carousel .scEnabledChrome > .row {
    margin-left: 0;
    margin-right: 0
}

.snippet .scEnabledChrome > .row {
    margin-left: 0;
    margin-right: 0
}

.container > .component-content > .row {
    margin-left: 0;
    margin-right: 0
}

.component.sc-background-image-stretch {
    background-size: 100% 100%
}

.component.sc-background-image-stretch-vertically {
    background-repeat: repeat-x;
    background-size: auto 100%
}

.component.sc-background-image-stretch-horizontally {
    background-repeat: repeat-y;
    background-size: 100% auto
}

.component.sc-background-image-tile {
    background-repeat: repeat
}

.component.sc-background-image-parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.component.sc-background-image-fixed {
    background-attachment: fixed
}

.file-filetypeicon span {
    width: 32px;
    height: 32px;
    display: block
}

.file-filetypeicon .xls, .file-filetypeicon .xlsx {
    background-image: url(/~/icon/WordProcessing/32x32/imp_exp_excel.png)
}

.file-filetypeicon .pdf {
    background-image: url(/~/icon/WordProcessing/32x32/imp_exp_pdf.png)
}

.file-filetypeicon .ppt, .file-filetypeicon .pptx {
    background-image: url(/~/icon/WordProcessing/32x32/imp_exp_powerpoint.png)
}

.file-filetypeicon .rtf {
    background-image: url(/~/icon/WordProcessing/32x32/imp_exp_rtf.png)
}

.file-filetypeicon .txt {
    background-image: url(/~/icon/Applications/32x32/document_text.png)
}

.file-filetypeicon .vsd {
    background-image: url(/~/icon/WordProcessing/32x32/imp_exp_visio.png)
}

.file-filetypeicon .doc, .file-filetypeicon .docx {
    background-image: url(/~/icon/WordProcessing/32x32/imp_exp_word.png)
}

.file-filetypeicon .xml {
    background-image: url(/~/icon/WordProcessing/32x32/imp_exp_xml.png)
}

.file-filetypeicon .bmp, .file-filetypeicon .gif, .file-filetypeicon .jpg, .file-filetypeicon .png {
    background-image: url(/~/icon/Imaging/32x32/drop_shadow.png)
}

.file-filetypeicon .mp3, .file-filetypeicon .ogg, .file-filetypeicon .wav {
    background-image: url(/~/icon/Multimedia/32x32/play_blue.png)
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline
}

html {
    height: 100%
}

em {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline
}

:focus {
    outline: 0
}

body {
    line-height: 1;
    color: #000;
    background: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    position: relative;
    overflow: auto;
    height: 100%
}

ol, ul {
    list-style: none
}

table {
    border-collapse: separate;
    border-spacing: 0
}

caption, th, td {
    text-align: left;
    font-weight: normal
}

blockquote:before, blockquote:after, q:before, q:after {
    content: ""
}

blockquote, q {
    quotes: "" ""
}

sub {
    vertical-align: sub;
    font-size: .9em
}

sup {
    vertical-align: super;
    font-size: .9em
}

@charset "UTF-8";

.on-page-editor .accordion .toggle-content [scfieldtype="rich text"] {
    display: block
}

.accordion {
    padding: 0;
    margin-bottom: 10px
}

    .accordion .active > .scEnabledChrome > .toggle-header .field-heading:before {
        content: "ï…†" !important
    }

    .accordion .active > .toggle-header .field-heading:before {
        content: "ï…†" !important
    }

    .accordion .toggle-header {
        cursor: pointer;
        background-color: transparent;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #d2d2d2
    }

        .accordion .toggle-header:hover {
            background-color: transparent
        }

        .accordion .toggle-header .component {
            margin-top: 0
        }

            .accordion .toggle-header .component.title {
                margin-top: 0
            }

            .accordion .toggle-header .component .field-heading {
                font-size: 16px;
                padding-left: 34px;
                font-weight: 400
            }

                .accordion .toggle-header .component .field-heading:before {
                    display: inline-block;
                    font: normal normal normal 14px/1 FontAwesome;
                    font-size: inherit;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    font-size: 20px;
                    position: absolute;
                    display: block;
                    content: "";
                    top: 50%;
                    left: 10px;
                    transform: translateY(-50%);
                    width: 20px;
                    height: 20px
                }

        .accordion .toggle-header .label {
            padding: 7px;
            text-align: left;
            display: block;
            background: 0 0;
            position: relative;
            z-index: 3
        }

            .accordion .toggle-header .label:after {
                content: "";
                display: table;
                clear: both
            }

    .accordion .toggle-content {
        padding: 10px;
        background-color: transparent
    }

        .accordion .toggle-content:after {
            content: "";
            display: table;
            clear: both
        }

        .accordion .toggle-content .component {
            margin-top: 0
        }

    .accordion .items {
        overflow: hidden
    }

    .accordion .item:last-child {
        border-bottom: none
    }

.accordion-horizontal {
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent
}

    .accordion-horizontal.accordion-image .items .item {
        box-sizing: border-box;
        padding: 0 0 0 50px;
        margin: 0;
        min-height: 300px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #d2d2d2
    }

        .accordion-horizontal.accordion-image .items .item.active .toggle-header {
            background: 0 0 !important
        }

        .accordion-horizontal.accordion-image .items .item.active .toggle-content {
            left: 0 !important
        }

        .accordion-horizontal.accordion-image .items .item .toggle-header {
            width: 50px;
            border-right: none
        }

            .accordion-horizontal.accordion-image .items .item .toggle-header:before {
                left: 0;
                right: 0;
                margin: 0 auto
            }

        .accordion-horizontal.accordion-image .items .item .toggle-content {
            padding: 0
        }

    .accordion-horizontal .items {
        display: inline-flex;
        margin: 0;
        padding: 0;
        overflow: hidden
    }

        .accordion-horizontal .items .item {
            flex-grow: 1;
            order: 1;
            box-sizing: border-box;
            display: block;
            float: left;
            margin: 0;
            padding: 0 0 0 40px;
            min-height: 250px;
            position: relative
        }

            .accordion-horizontal .items .item.active .toggle-header {
                background: 0 0
            }

            .accordion-horizontal .items .item .toggle-header {
                box-sizing: border-box;
                position: absolute;
                z-index: 11;
                top: 0;
                left: 0;
                padding: 0;
                width: 40px;
                min-height: 100%;
                border-right: 1px solid #d2d2d2;
                border-bottom: none;
                background: 0 0
            }

                .accordion-horizontal .items .item .toggle-header .component {
                    margin-top: 0
                }

                .accordion-horizontal .items .item .toggle-header .label {
                    transform-origin: 50% 50%;
                    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
                    box-sizing: border-box;
                    position: absolute;
                    left: 50%;
                    top: 50%
                }

                    .accordion-horizontal .items .item .toggle-header .label p {
                        width: 200px
                    }

                    .accordion-horizontal .items .item .toggle-header .label div.field-heading {
                        width: 220px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        line-height: 16px
                    }

                        .accordion-horizontal .items .item .toggle-header .label div.field-heading span.scWebEditInput {
                            width: 220px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap
                        }

            .accordion-horizontal .items .item .toggle-content {
                box-sizing: border-box;
                position: absolute;
                top: 0;
                left: auto;
                z-index: 10;
                height: 100%;
                overflow: hidden;
                text-align: left;
                padding: 10px
            }

@charset "UTF-8";

.sxa-archive .level-1 {
    display: block !important;
    padding-left: 10px
}

    .sxa-archive .level-1 > li > .group-header {
        font-weight: 700
    }

.sxa-archive .group-header {
    position: relative
}

    .sxa-archive .group-header:before {
        font-size: 10px;
        font-size: 1rem;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 10px;
        position: absolute;
        content: "";
        top: 50%;
        transform: translateY(-50%);
        left: -15px;
        padding: 0
    }

    .sxa-archive .group-header.opened:before {
        content: "ï…†"
    }

.sxa-archive ul {
    display: none;
    margin-left: 10px;
    cursor: pointer
}

    .sxa-archive ul li {
        position: relative
    }

.sxa-archive .archive-items {
    display: none
}

    .sxa-archive .archive-items .archive-item {
        cursor: default
    }

        .sxa-archive .archive-items .archive-item a {
            background-color: transparent;
            text-decoration: none;
            font-size: 1em;
            color: #747474;
            border-bottom: 1px solid #89c6cc
        }

            .sxa-archive .archive-items .archive-item a:hover {
                color: #878787;
                text-decoration: none
            }

@charset "UTF-8";

.breadcrumb.component {
    background: 0 0
}

    .breadcrumb.component:after {
        content: "";
        display: table;
        clear: both
    }

    .breadcrumb.component.breadcrumb-navigation {
        overflow: visible
    }

    .breadcrumb.component a {
        text-decoration: none;
        font-size: 15px;
        font-weight: 400;
        color: #747474
    }

    .breadcrumb.component ol {
        list-style: none
    }

    .breadcrumb.component .field-title {
        display: inline-block
    }

    .breadcrumb.component .separator {
        margin: 0 5px;
        display: inline-block;
        vertical-align: middle
    }

    .breadcrumb.component li {
        position: relative;
        display: block;
        float: left
    }

        .breadcrumb.component li > .navigation-title {
            display: inline-block;
            vertical-align: middle
        }

            .breadcrumb.component li > .navigation-title > a:hover {
                color: #15909c
            }

        .breadcrumb.component li.last .separator {
            display: none
        }

        .breadcrumb.component li.item-hide:hover > ol {
            display: none
        }

        .breadcrumb.component li:hover > ol {
            display: block;
            position: absolute;
            top: 20px;
            left: auto;
            z-index: 100
        }

        .breadcrumb.component li > ol {
            box-sizing: border-box;
            display: none;
            margin: 0;
            background: #fff;
            border-width: 1px;
            border-style: solid;
            border-color: #d2d2d2
        }

            .breadcrumb.component li > ol li {
                border-bottom-width: 1px;
                border-bottom-style: solid;
                border-bottom-color: #d2d2d2;
                box-sizing: border-box;
                display: inline-block;
                vertical-align: middle;
                position: relative;
                float: none;
                margin: 0;
                padding: 2px 20px;
                width: 100%;
                min-width: 140px;
                cursor: pointer
            }

                .breadcrumb.component li > ol li .fa {
                    float: left
                }

                .breadcrumb.component li > ol li:hover {
                    background: #89c6cc;
                    color: #fff
                }

                    .breadcrumb.component li > ol li:hover a {
                        color: #fff !important
                    }

                .breadcrumb.component li > ol li:before {
                    font-size: 14px;
                    font-size: 1.4rem;
                    display: inline-block;
                    font: normal normal normal 14px/1 FontAwesome;
                    font-size: inherit;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    transform: translateY(-50%);
                    position: absolute;
                    content: "";
                    top: 50%;
                    left: 2px
                }

                .breadcrumb.component li > ol li > a {
                    display: block;
                    padding: 2px 0 2px 10px
                }

                .breadcrumb.component li > ol li:last-child {
                    border-bottom-width: 0
                }

.breadcrumb.breadcrumb-hide li {
    white-space: nowrap
}

    .breadcrumb.breadcrumb-hide li.item-hide + li.item-hide {
        display: none
    }

    .breadcrumb.breadcrumb-hide li.item-hide a {
        display: none
    }

    .breadcrumb.breadcrumb-hide li.item-hide:before {
        content: "...";
        display: inline
    }

    .breadcrumb.breadcrumb-hide li.hide-full {
        display: none
    }

.breadcrumb.triangle-separator .separator {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0
}

    .breadcrumb.triangle-separator .separator:before {
        content: "";
        display: block;
        font-size: 16px
    }

@charset "UTF-8";

.carousel .wrapper {
    padding-bottom: 30px
}

.carousel .slides {
    position: relative
}

    .carousel .slides:after {
        content: "";
        display: block;
        clear: both
    }

.carousel .nav {
    margin-top: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

    .carousel .nav .nav-items {
        display: inline-block;
        position: relative;
        height: 32px;
        min-width: 20px;
        margin: 0 15px;
        vertical-align: middle;
        cursor: pointer
    }

        .carousel .nav .nav-items:after, .carousel .nav .nav-items:before {
            background-image: url(../Images/player.png);
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            width: 9px
        }

        .carousel .nav .nav-items:before {
            left: -9px;
            background-position: -154px -152px
        }

        .carousel .nav .nav-items:after {
            right: -9px;
            background-position: -225px -152px
        }

        .carousel .nav .nav-items .sxa-bullets, .carousel .nav .nav-items .sxa-numbers {
            position: relative;
            height: 32px;
            float: left;
            width: 20px;
            box-sizing: border-box
        }

            .carousel .nav .nav-items .sxa-bullets:before {
                background-image: url(../Images/player.png);
                background-position: 0 -152px;
                left: -10px;
                content: '';
                width: 20px;
                height: 32px;
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

            .carousel .nav .nav-items .sxa-bullets.active:before {
                background-position: -75px -152px
            }

        .carousel .nav .nav-items .sxa-numbers {
            padding-top: 3px;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjZmJmYmZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjZmVmZWZlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjZmRmZGZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjZThlOGU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzglIiBzdG9wLWNvbG9yPSIjZDVkNWQ1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODQlIiBzdG9wLWNvbG9yPSIjY2VjZWNlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODglIiBzdG9wLWNvbG9yPSIjMGQwZjExIiBzdG9wLW9wYWNpdHk9IjAuNDQiLz4KICAgIDxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjMGQwZjExIiBzdG9wLW9wYWNpdHk9IjAuMyIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGQwZjExIiBzdG9wLW9wYWNpdHk9IjAuMTIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
            background: linear-gradient(to bottom,#eee 0,#efefef 3%,#fbfbfb 16%,#fefefe 22%,#fff 34%,#fdfdfd 41%,#f7f7f7 50%,#e8e8e8 66%,#d5d5d5 78%,#cecece 84%,rgba(13,15,17,.44) 88%,rgba(13,15,17,.3) 94%,rgba(13,15,17,.12) 100%)
        }

            .carousel .nav .nav-items .sxa-numbers:hover {
                color: #878787
            }

            .carousel .nav .nav-items .sxa-numbers.active {
                font-weight: 700
            }

    .carousel .nav .next-text, .carousel .nav .prev-text {
        position: relative;
        font-size: 0;
        display: inline-block;
        vertical-align: middle;
        text-decoration: none;
        color: #000
    }

    .carousel .nav a.next-text:active, .carousel .nav a.next-text:hover {
        text-decoration: none;
        color: #878787
    }

    .carousel .nav a.next-text:after {
        content: "";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        font-size: 20px
    }

    .carousel .nav a.prev-text:active, .carousel .nav a.prev-text:hover {
        text-decoration: none
    }

    .carousel .nav a.prev-text:after {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        display: block;
        font-size: 20px
    }

.carousel.image-full-size .carousel-body {
    height: auto;
    top: 2%;
    opacity: .8
}

.carousel.image-full-size .carousel-link {
    left: auto;
    right: 1%;
    bottom: 2%;
    opacity: .8
}

.carousel .image-full-size img {
    width: 100% !important;
    height: auto !important
}

.carousel .carousel.slide-hero > .component-content .carousel-inner .wrapper {
    padding-bottom: 0
}

    .carousel .carousel.slide-hero > .component-content .carousel-inner .wrapper .slides li.slide .component.content {
        padding-left: 0;
        padding-right: 0
    }

        .carousel .carousel.slide-hero > .component-content .carousel-inner .wrapper .slides li.slide .component.content .component-content .field-slideimage {
            min-height: 200px
        }

        .carousel .carousel.slide-hero > .component-content .carousel-inner .wrapper .slides li.slide .component.content .component-content .slide-info {
            position: absolute;
            top: 50%;
            left: 50px;
            -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%);
            z-index: 999;
            background-color: transparent
        }

    .carousel .carousel.slide-hero > .component-content .carousel-inner .wrapper .nav {
        height: 0;
        margin-top: 0
    }

        .carousel .carousel.slide-hero > .component-content .carousel-inner .wrapper .nav .next-text, .carousel .carousel.slide-hero > .component-content .carousel-inner .wrapper .nav .prev-text {
            top: 50%;
            bottom: auto;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .carousel .carousel.slide-hero > .component-content .carousel-inner .wrapper .nav .nav-items {
            position: absolute;
            bottom: 15px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }

@media(max-width:768px) {
    .carousel {
        padding: 0
    }
}

.row.column-splitter {
    margin-left: 0;
    margin-right: 0;
    max-width: none
}

    .row.column-splitter > div {
        padding-left: 0;
        padding-right: 0
    }

.sxa-bordered {
    box-sizing: border-box
}

    .sxa-bordered > .component-content {
        padding: 0;
        border-width: 1px;
        border-style: solid;
        border-color: #d2d2d2;
        border-radius: 5px
    }

.column-splitter, .row-splitter {
    box-sizing: border-box
}

    .column-splitter .sxa-bordered, .row-splitter .sxa-bordered {
        padding: 5px !important
    }

        .column-splitter .sxa-bordered .scEmptyPlaceholder, .column-splitter .sxa-bordered > .component, .row-splitter .sxa-bordered .scEmptyPlaceholder, .row-splitter .sxa-bordered > .component {
            border-width: 1px;
            border-style: solid;
            border-color: #d2d2d2;
            border-radius: 5px
        }

.title-row-box {
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
    box-sizing: border-box;
    width: 100%;
    height: 87px;
    margin: 0;
    padding: 0;
    background: #f7f7f7
}

    .title-row-box > .component-content {
        max-width: 960px;
        margin: 0 auto !important
    }

        .title-row-box > .component-content .title {
            display: inline-block;
            vertical-align: middle;
            box-sizing: border-box;
            margin: 23px 0 0 0;
            padding: 0
        }

            .title-row-box > .component-content .title h1 {
                font-size: 22px;
                font-size: 2.2rem;
                border: none
            }

@media only screen and (max-width:959px) {
    .title-row-box > .component-content .title {
        margin: 23px 0 0 20px
    }
}

.title-row-box > .component-content .rich-text {
    margin: 0
}

    .title-row-box > .component-content .rich-text h1, .title-row-box > .component-content .rich-text h2, .title-row-box > .component-content .rich-text h3, .title-row-box > .component-content .rich-text h4 {
        margin: 0;
        padding: 0
    }

.title-row-box > .component-content .breadcrumb {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 23px 0 0 0;
    padding: 0;
    float: right;
    clear: both
}

@media only screen and (min-width:381px) and (max-width:959px) {
    .title-row-box > .component-content .breadcrumb {
        margin: 23px 20px 0 0
    }
}

@media only screen and (max-width:380px) {
    .title-row-box > .component-content .breadcrumb {
        display: none
    }
}

@media only screen and (max-width:959px) {
    .title-row-box .alpha {
        vertical-align: middle;
        box-sizing: border-box;
        width: auto !important;
        float: left
    }

    .title-row-box .omega {
        vertical-align: middle;
        box-sizing: border-box;
        width: auto !important;
        float: right
    }
}

.container {
    padding: 0
}

    .container .component-content:after {
        content: "";
        display: table;
        clear: both
    }

.divider hr {
    margin: 10px 0;
    border: 0;
    height: 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d2d2d2
}

.white-space-divider hr {
    border: none
}

@charset "UTF-8";

.event-list li, .event-list li > .scLooseFrameZone {
    background: #fff;
    display: inline-flex;
    width: 100%;
    align-items: center;
    color: #747474;
    flex-flow: row wrap
}

    .event-list li:after, .event-list li > .scLooseFrameZone:after {
        content: "";
        display: table;
        clear: both
    }

.event-list {
    background: 0 0
}

    .event-list .avi, .event-list .bmp, .event-list .doc, .event-list .docx, .event-list .field-filetypeicon > a > span, .event-list .gif, .event-list .jpeg, .event-list .jpg, .event-list .mov, .event-list .mp3, .event-list .mp4, .event-list .pdf, .event-list .png, .event-list .ppt, .event-list .pptx, .event-list .psd, .event-list .txt, .event-list .wma, .event-list .wmv, .event-list .xls, .event-list .xlsx, .event-list .zip {
        display: inline-block;
        box-sizing: border-box;
        font-weight: 400;
        width: 15px;
        height: 21px;
        margin: 0;
        padding: 0;
        position: relative
    }

        .event-list .avi:before, .event-list .bmp:before, .event-list .doc:before, .event-list .docx:before, .event-list .field-filetypeicon > a > span:before, .event-list .gif:before, .event-list .jpeg:before, .event-list .jpg:before, .event-list .mov:before, .event-list .mp3:before, .event-list .mp4:before, .event-list .pdf:before, .event-list .png:before, .event-list .ppt:before, .event-list .pptx:before, .event-list .psd:before, .event-list .txt:before, .event-list .wma:before, .event-list .wmv:before, .event-list .xls:before, .event-list .xlsx:before, .event-list .zip:before {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 16px !important;
            position: absolute;
            display: block;
            top: 50%;
            margin: 0;
            padding: 0;
            transform: translateY(-50%)
        }

    .event-list .field-filetypeicon span:before {
        content: ""
    }

    .event-list .field-filetypeicon .pdf:before {
        content: ""
    }

    .event-list .field-filetypeicon .xls:before, .event-list .field-filetypeicon .xlsx:before {
        content: ""
    }

    .event-list .field-filetypeicon .ppt:before, .event-list .field-filetypeicon .pptx:before {
        content: ""
    }

    .event-list .field-filetypeicon .doc:before, .event-list .field-filetypeicon .docx:before {
        content: ""
    }

    .event-list .field-filetypeicon .bmp:before, .event-list .field-filetypeicon .gif:before, .event-list .field-filetypeicon .jpeg:before, .event-list .field-filetypeicon .jpg:before, .event-list .field-filetypeicon .png:before, .event-list .field-filetypeicon .psd:before, .event-list .field-filetypeicon .tif:before {
        content: ""
    }

    .event-list .field-filetypeicon .avi:before, .event-list .field-filetypeicon .divx:before, .event-list .field-filetypeicon .flv:before, .event-list .field-filetypeicon .gifv:before, .event-list .field-filetypeicon .h264:before, .event-list .field-filetypeicon .m4v:before, .event-list .field-filetypeicon .mk3d:before, .event-list .field-filetypeicon .mkv:before, .event-list .field-filetypeicon .mov:before, .event-list .field-filetypeicon .movie:before, .event-list .field-filetypeicon .mp4:before, .event-list .field-filetypeicon .mpg:before, .event-list .field-filetypeicon .oggv:before, .event-list .field-filetypeicon .rv:before, .event-list .field-filetypeicon .swf:before, .event-list .field-filetypeicon .vid:before, .event-list .field-filetypeicon .vp6:before, .event-list .field-filetypeicon .webm:before, .event-list .field-filetypeicon .wmv:before {
        content: ""
    }

    .event-list .field-filetypeicon .aa:before, .event-list .field-filetypeicon .aac:before, .event-list .field-filetypeicon .aax:before, .event-list .field-filetypeicon .ac3:before, .event-list .field-filetypeicon .aif:before, .event-list .field-filetypeicon .aiff:before, .event-list .field-filetypeicon .amz:before, .event-list .field-filetypeicon .asx:before, .event-list .field-filetypeicon .au:before, .event-list .field-filetypeicon .avr:before, .event-list .field-filetypeicon .fla:before, .event-list .field-filetypeicon .flac:before, .event-list .field-filetypeicon .m3u:before, .event-list .field-filetypeicon .m4a:before, .event-list .field-filetypeicon .mid:before, .event-list .field-filetypeicon .midi:before, .event-list .field-filetypeicon .mka:before, .event-list .field-filetypeicon .mp3:before, .event-list .field-filetypeicon .mp4a:before, .event-list .field-filetypeicon .ogg:before, .event-list .field-filetypeicon .pcm:before, .event-list .field-filetypeicon .ra:before, .event-list .field-filetypeicon .rma:before, .event-list .field-filetypeicon .wav:before, .event-list .field-filetypeicon .wma:before, .event-list .field-filetypeicon .xwma:before {
        content: ""
    }

    .event-list .field-filetypeicon .txt:before {
        content: ""
    }

    .event-list .field-filetypeicon .dmg:before, .event-list .field-filetypeicon .gz:before, .event-list .field-filetypeicon .iso:before, .event-list .field-filetypeicon .rar:before, .event-list .field-filetypeicon .tar:before, .event-list .field-filetypeicon .zip:before, .event-list .field-filetypeicon .zipx:before {
        content: ""
    }

    .event-list .field-filetypeicon .config:before, .event-list .field-filetypeicon .cpp:before, .event-list .field-filetypeicon .css:before, .event-list .field-filetypeicon .git:before, .event-list .field-filetypeicon .h:before, .event-list .field-filetypeicon .ini:before, .event-list .field-filetypeicon .js:before, .event-list .field-filetypeicon .py:before {
        content: ""
    }

    .event-list .field-filetypeicon .apk:before, .event-list .field-filetypeicon .app:before, .event-list .field-filetypeicon .bat:before, .event-list .field-filetypeicon .deb:before, .event-list .field-filetypeicon .dll:before, .event-list .field-filetypeicon .exe:before, .event-list .field-filetypeicon .jar:before, .event-list .field-filetypeicon .msi:before, .event-list .field-filetypeicon .pl:before, .event-list .field-filetypeicon .prg:before, .event-list .field-filetypeicon .scr:before, .event-list .field-filetypeicon .sh:before, .event-list .field-filetypeicon .vb:before {
        content: "ï‚…"
    }

    .event-list .field-filetypeicon .asp:before, .event-list .field-filetypeicon .aspx:before, .event-list .field-filetypeicon .cfm:before, .event-list .field-filetypeicon .com:before, .event-list .field-filetypeicon .edu:before, .event-list .field-filetypeicon .gov:before, .event-list .field-filetypeicon .htm:before, .event-list .field-filetypeicon .html:before, .event-list .field-filetypeicon .jhtml:before, .event-list .field-filetypeicon .mil:before, .event-list .field-filetypeicon .net:before, .event-list .field-filetypeicon .org:before, .event-list .field-filetypeicon .php3:before, .event-list .field-filetypeicon .php4:before, .event-list .field-filetypeicon .php5:before, .event-list .field-filetypeicon .php:before, .event-list .field-filetypeicon .phtmle:before, .event-list .field-filetypeicon .xhtml:before {
        content: ""
    }

    .event-list h1, .event-list h2, .event-list h3, .event-list h4, .event-list h5, .event-list h6 {
        color: #222
    }

    .event-list h1, .event-list h2 {
        margin: 10px 0
    }

    .event-list h3, .event-list h4, .event-list p {
        margin: 5px 0
    }

    .event-list h5, .event-list h6 {
        margin: 5px 0 0
    }

    .event-list strong {
        font-weight: 700
    }

    .event-list ol, .event-list ul {
        padding-bottom: 5px;
        padding-top: 5px;
        margin-left: 10px
    }

    .event-list li {
        font-size: 13px;
        margin-left: 15px
    }

    .event-list ul li {
        list-style: disc;
        list-style-position: inside
    }

    .event-list ol li {
        list-style: decimal;
        list-style-position: inside
    }

    .event-list a {
        color: #de232f;
        text-decoration: underline;
        font-size: 1em
    }

        .event-list a:hover {
            color: #878787
        }

    .event-list table {
        height: auto !important;
        border: 2px solid #d2d2d2
    }

        .event-list table, .event-list table td, .event-list table th, .event-list table tr {
            border: solid 2px #d2d2d2;
            background: #fff;
            border-collapse: collapse;
            vertical-align: middle
        }

            .event-list table td, .event-list table th, .event-list table tr {
                padding: 5px
            }

            .event-list table caption {
                background-color: #f7f7f7;
                overflow: hidden;
                padding: 10px;
                font-size: 20px;
                font-weight: 700;
                margin-left: 0
            }

            .event-list table tr {
                border: none
            }

            .event-list table td, .event-list table th {
                border-width: 2px 0 0 2px
            }

            .event-list table th {
                background-color: #fff;
                font-size: 13px;
                font-weight: 700;
                padding: 7px
            }

                .event-list table th:first-child {
                    border-left: 0
                }

            .event-list table td:first-child {
                border-left: 0
            }

    .event-list h1, .event-list h2, .event-list h3, .event-list h4, .event-list h5, .event-list h6 {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #89c6cc
    }

    .event-list ul {
        margin: 10px 0
    }

    .event-list li {
        border-width: 1px;
        border-style: solid;
        border-color: #d2d2d2;
        margin-left: 0;
        box-sizing: border-box;
        padding: 15px 15px 40px 15px;
        position: relative;
        margin: 10px 0
    }

        .event-list li > .scLooseFrameZone > .scEmptyPlaceholder {
            flex-basis: 100%
        }

    .event-list .event-list-time {
        order: 1;
        flex-grow: 1;
        font-weight: 700;
        min-width: 115px;
        max-width: 20%
    }

        .event-list .event-list-time .scWebEditInput {
            display: inline
        }

    .event-list .event-list-info {
        order: 1;
        flex-grow: 2;
        margin: 0 15px;
        max-width: 75%
    }

    .event-list .event-list-name {
        font-size: 16px;
        font-weight: 700
    }

    .event-list .event-list-link, .event-list .event-list-place {
        position: absolute;
        bottom: 5px;
        padding-left: 15px
    }

        .event-list .event-list-link:before, .event-list .event-list-place:before {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            transform: translateY(-50%);
            position: absolute;
            top: 50%;
            left: 0
        }

    .event-list .event-list-place {
        left: 10px
    }

        .event-list .event-list-place:before {
            content: ""
        }

    .event-list .event-list-link {
        right: 10px
    }

        .event-list .event-list-link a {
            font-size: 1em;
            color: #747474
        }

            .event-list .event-list-link a:hover {
                color: #878787;
                text-decoration: none;
                border-bottom: 1px solid #89c6cc
            }

        .event-list .event-list-link:before {
            content: ""
        }

    .event-list .scWebEditInput {
        font-family: "Open Sans",Helvetica,Verdana,Tahoma,sans-serif
    }

.facebook-comments .fb-comments {
    width: 100%
}

    .facebook-comments .fb-comments > span {
        text-align: justify !important;
        width: 100% !important
    }

        .facebook-comments .fb-comments > span > iframe {
            width: 100% !important
        }

.feed {
    background: 0 0
}

    .feed h1, .feed h2, .feed h3, .feed h4, .feed h5, .feed h6 {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #d2d2d2
    }

    .feed .feed-item {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #d2d2d2;
        padding: 10px 10px 10px 0;
        margin-left: 10px;
        background: 0 0
    }

    .feed .feed-title a {
        font-size: 14px;
        font-size: 1.4rem;
        text-decoration: none;
        font-weight: 700;
        display: block
    }

    .feed .feed-datetime {
        font-size: 11px;
        font-size: 1.1rem;
        float: left
    }

    .feed .feed-author {
        font-size: 11px;
        font-size: 1.1rem;
        float: right
    }

    .feed .feed-description {
        font-size: 13px;
        font-size: 1.3rem;
        box-sizing: border-box;
        margin: 5px;
        overflow: hidden;
        clear: both
    }

        .feed .feed-description img {
            margin: 0 4px
        }

    .feed.feed-grid .feed-item {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        border-width: 1px;
        border-style: solid;
        border-color: #d2d2d2;
        width: 32%;
        margin: 0 1% 10px 0;
        padding: 20px
    }

@media only screen and (max-width:639px) {
    .feed.feed-grid .feed-item {
        width: 100%
    }
}

.field-editor {
    background: 0 0;
    overflow: hidden
}

    .field-editor .field-table {
        width: 100%;
        border-collapse: collapse
    }

        .field-editor .field-table table {
            word-wrap: break-word;
            table-layout: fixed
        }

        .field-editor .field-table tbody {
            border: none;
            background: 0 0
        }

            .field-editor .field-table tbody tr {
                background: 0 0
            }

        .field-editor .field-table th {
            color: #000;
            padding: 5px 10px;
            text-align: left;
            vertical-align: middle
        }

        .field-editor .field-table td {
            color: #747474;
            padding: 5px 10px;
            text-align: left;
            vertical-align: middle
        }

    .field-editor.position-right .field-table td {
        text-align: right
    }

    .field-editor.position-center .field-table td {
        text-align: center
    }

@charset "UTF-8";

.file-list {
    background: 0 0
}

    .file-list h1, .file-list h2, .file-list h3, .file-list h4, .file-list h5, .file-list h6 {
        color: #747474;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: transparent
    }

    .file-list li {
        margin: 0 20px 5px 0
    }

        .file-list li * {
            color: #747474
        }

    .file-list .list-item {
        background: 0 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #89c6cc
    }

        .file-list .list-item a:hover {
            color: #878787
        }

        .file-list .list-item > .scEnabledChrome {
            width: 100%
        }

            .file-list .list-item > .scEnabledChrome .scEmptyPlaceholder {
                width: 100%;
                margin-left: 0
            }

            .file-list .list-item > *, .file-list .list-item > .scEnabledChrome > * {
                flex-shrink: 1;
                flex-grow: 1;
                margin-left: 5px
            }

        .file-list .list-item .field-filetypeicon > a {
            display: block
        }

        .file-list .list-item .field-filetypeicon span {
            display: block;
            height: 17px
        }

            .file-list .list-item .field-filetypeicon span:before {
                font-size: 18px
            }

    .file-list .field-customimage, .file-list .field-description, .file-list .field-linktext, .file-list .field-size {
        color: #747474;
        font-size: #747474
    }

        .file-list .field-linktext a {
            text-decoration: none
        }

    .file-list .avi, .file-list .bmp, .file-list .doc, .file-list .docx, .file-list .field-filetypeicon > a > span, .file-list .gif, .file-list .jpeg, .file-list .jpg, .file-list .mov, .file-list .mp3, .file-list .mp4, .file-list .pdf, .file-list .png, .file-list .ppt, .file-list .pptx, .file-list .psd, .file-list .txt, .file-list .wma, .file-list .wmv, .file-list .xls, .file-list .xlsx, .file-list .zip {
        display: inline-block;
        box-sizing: border-box;
        font-weight: 400;
        width: 15px;
        height: 21px;
        margin: 0;
        padding: 0;
        position: relative
    }

        .file-list .avi:before, .file-list .bmp:before, .file-list .doc:before, .file-list .docx:before, .file-list .field-filetypeicon > a > span:before, .file-list .gif:before, .file-list .jpeg:before, .file-list .jpg:before, .file-list .mov:before, .file-list .mp3:before, .file-list .mp4:before, .file-list .pdf:before, .file-list .png:before, .file-list .ppt:before, .file-list .pptx:before, .file-list .psd:before, .file-list .txt:before, .file-list .wma:before, .file-list .wmv:before, .file-list .xls:before, .file-list .xlsx:before, .file-list .zip:before {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 16px !important;
            position: absolute;
            display: block;
            top: 50%;
            margin: 0;
            padding: 0;
            transform: translateY(-50%)
        }

    .file-list .field-filetypeicon span:before {
        content: ""
    }

    .file-list .field-filetypeicon .pdf:before {
        content: ""
    }

    .file-list .field-filetypeicon .xls:before, .file-list .field-filetypeicon .xlsx:before {
        content: ""
    }

    .file-list .field-filetypeicon .ppt:before, .file-list .field-filetypeicon .pptx:before {
        content: ""
    }

    .file-list .field-filetypeicon .doc:before, .file-list .field-filetypeicon .docx:before {
        content: ""
    }

    .file-list .field-filetypeicon .bmp:before, .file-list .field-filetypeicon .gif:before, .file-list .field-filetypeicon .jpeg:before, .file-list .field-filetypeicon .jpg:before, .file-list .field-filetypeicon .png:before, .file-list .field-filetypeicon .psd:before, .file-list .field-filetypeicon .tif:before {
        content: ""
    }

    .file-list .field-filetypeicon .avi:before, .file-list .field-filetypeicon .divx:before, .file-list .field-filetypeicon .flv:before, .file-list .field-filetypeicon .gifv:before, .file-list .field-filetypeicon .h264:before, .file-list .field-filetypeicon .m4v:before, .file-list .field-filetypeicon .mk3d:before, .file-list .field-filetypeicon .mkv:before, .file-list .field-filetypeicon .mov:before, .file-list .field-filetypeicon .movie:before, .file-list .field-filetypeicon .mp4:before, .file-list .field-filetypeicon .mpg:before, .file-list .field-filetypeicon .oggv:before, .file-list .field-filetypeicon .rv:before, .file-list .field-filetypeicon .swf:before, .file-list .field-filetypeicon .vid:before, .file-list .field-filetypeicon .vp6:before, .file-list .field-filetypeicon .webm:before, .file-list .field-filetypeicon .wmv:before {
        content: ""
    }

    .file-list .field-filetypeicon .aa:before, .file-list .field-filetypeicon .aac:before, .file-list .field-filetypeicon .aax:before, .file-list .field-filetypeicon .ac3:before, .file-list .field-filetypeicon .aif:before, .file-list .field-filetypeicon .aiff:before, .file-list .field-filetypeicon .amz:before, .file-list .field-filetypeicon .asx:before, .file-list .field-filetypeicon .au:before, .file-list .field-filetypeicon .avr:before, .file-list .field-filetypeicon .fla:before, .file-list .field-filetypeicon .flac:before, .file-list .field-filetypeicon .m3u:before, .file-list .field-filetypeicon .m4a:before, .file-list .field-filetypeicon .mid:before, .file-list .field-filetypeicon .midi:before, .file-list .field-filetypeicon .mka:before, .file-list .field-filetypeicon .mp3:before, .file-list .field-filetypeicon .mp4a:before, .file-list .field-filetypeicon .ogg:before, .file-list .field-filetypeicon .pcm:before, .file-list .field-filetypeicon .ra:before, .file-list .field-filetypeicon .rma:before, .file-list .field-filetypeicon .wav:before, .file-list .field-filetypeicon .wma:before, .file-list .field-filetypeicon .xwma:before {
        content: ""
    }

    .file-list .field-filetypeicon .txt:before {
        content: ""
    }

    .file-list .field-filetypeicon .dmg:before, .file-list .field-filetypeicon .gz:before, .file-list .field-filetypeicon .iso:before, .file-list .field-filetypeicon .rar:before, .file-list .field-filetypeicon .tar:before, .file-list .field-filetypeicon .zip:before, .file-list .field-filetypeicon .zipx:before {
        content: ""
    }

    .file-list .field-filetypeicon .config:before, .file-list .field-filetypeicon .cpp:before, .file-list .field-filetypeicon .css:before, .file-list .field-filetypeicon .git:before, .file-list .field-filetypeicon .h:before, .file-list .field-filetypeicon .ini:before, .file-list .field-filetypeicon .js:before, .file-list .field-filetypeicon .py:before {
        content: ""
    }

    .file-list .field-filetypeicon .apk:before, .file-list .field-filetypeicon .app:before, .file-list .field-filetypeicon .bat:before, .file-list .field-filetypeicon .deb:before, .file-list .field-filetypeicon .dll:before, .file-list .field-filetypeicon .exe:before, .file-list .field-filetypeicon .jar:before, .file-list .field-filetypeicon .msi:before, .file-list .field-filetypeicon .pl:before, .file-list .field-filetypeicon .prg:before, .file-list .field-filetypeicon .scr:before, .file-list .field-filetypeicon .sh:before, .file-list .field-filetypeicon .vb:before {
        content: "ï‚…"
    }

    .file-list .field-filetypeicon .asp:before, .file-list .field-filetypeicon .aspx:before, .file-list .field-filetypeicon .cfm:before, .file-list .field-filetypeicon .com:before, .file-list .field-filetypeicon .edu:before, .file-list .field-filetypeicon .gov:before, .file-list .field-filetypeicon .htm:before, .file-list .field-filetypeicon .html:before, .file-list .field-filetypeicon .jhtml:before, .file-list .field-filetypeicon .mil:before, .file-list .field-filetypeicon .net:before, .file-list .field-filetypeicon .org:before, .file-list .field-filetypeicon .php3:before, .file-list .field-filetypeicon .php4:before, .file-list .field-filetypeicon .php5:before, .file-list .field-filetypeicon .php:before, .file-list .field-filetypeicon .phtmle:before, .file-list .field-filetypeicon .xhtml:before {
        content: ""
    }

    .file-list.file-list-images .file-list-items li {
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        width: 30%
    }

    .file-list.file-list-files .component-content > ul li > .scLooseFrameZone, .file-list.file-list-files .component-content > ul > li {
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

    .file-list.file-list-files li {
        margin: 0;
        padding-bottom: 5px;
        padding-top: 5px
    }

        .file-list.file-list-files li:last-child {
            padding-bottom: 0
        }

    .file-list.file-list-files .field-filetypeicon {
        width: 3%;
        order: 1;
        min-width: 23px
    }

        .file-list.file-list-files .field-filetypeicon span:before {
            font-size: 20px
        }

    .file-list.file-list-files .field-title {
        order: 1;
        padding: 0;
        width: 50%
    }

    .file-list.file-list-files .field-updated {
        order: 1;
        width: 45%;
        text-align: right
    }

    .file-list.file-list-files .field-linktext {
        order: 1;
        text-align: center;
        font-weight: 600
    }

    .file-list.file-list-horizontal .component-content > ul {
        display: flex;
        flex-wrap: wrap;
        margin-top: 5px
    }

        .file-list.file-list-horizontal .component-content > ul > li {
            order: 1
        }

    .file-list.file-list-horizontal li {
        flex-grow: 1;
        align-self: flex-end;
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        width: auto
    }

        .file-list.file-list-horizontal li .field-filetypeicon span {
            height: 25px;
            width: 100%
        }

            .file-list.file-list-horizontal li .field-filetypeicon span:before {
                font-size: 24px !important;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%)
            }

    .file-list.file-list-horizontal .list-item > *, .file-list.file-list-horizontal .list-item > .scEnabledChrome > * {
        display: block;
        text-align: center
    }

.flash .flash-replaced embed {
    min-height: 200px
}

.flip {
    background: 0 0;
    perspective: 1000
}

    .flip h2 {
        margin-bottom: 5px
    }

    .flip .Side0, .flip .Side0_EDIT, .flip .Side1, .flip .Side1_EDIT {
        background: #fff;
        width: 96%;
        padding: 2%
    }

        .flip .Side0:after, .flip .Side0_EDIT:after, .flip .Side1:after, .flip .Side1_EDIT:after {
            content: "";
            display: table;
            clear: both
        }

    .flip .Side1_EDIT {
        margin-top: 5px
    }

    .flip .flipsides {
        position: relative;
        word-wrap: break-word
    }

    .flip .Side0, .flip .Side1 {
        border-width: 1px;
        border-style: solid;
        border-color: #d2d2d2;
        box-sizing: border-box;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition-property: transform;
        transition-duration: 1s;
        transition-timing-function: ease-in;
        transform-style: preserve-3d;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        cursor: pointer;
        width: 100%
    }

        .flip .Side0 .slide-content:after, .flip .Side0 .slide-heading:after, .flip .Side1 .slide-content:after, .flip .Side1 .slide-heading:after {
            content: "";
            display: table;
            clear: both
        }

    .flip .Side1 {
        transform: rotateY(180deg);
        animation: slide0hide 1s ease-in 1s forwards
    }

    .flip.active .Side0 {
        transform: rotateY(180deg);
        animation: slide0hide 1s ease-in 1s forwards
    }

    .flip.active .Side1 {
        transform: rotateY(360deg);
        animation: slide1show 0s ease-in 1s forwards
    }

    .flip.flip-fade .Side0, .flip.flip-fade .Side1 {
        transition-property: opacity
    }

    .flip.flip-fade .Side1 {
        transform: rotateY(0);
        opacity: 0
    }

    .flip.flip-fade.active .Side0 {
        transform: rotateY(0);
        opacity: 0
    }

    .flip.flip-fade.active .Side1 {
        transform: rotateY(0);
        opacity: 1
    }

    .flip.flip-slide-top .Side0, .flip.flip-slide-top .Side1 {
        transition-property: height,visibility,padding-top;
        transition-duration: 1s,1s,1s;
        transition-timing-function: linear,linear,linear;
        box-sizing: border-box
    }

    .flip.flip-slide-top .Side1 {
        transform: rotateY(0);
        overflow: hidden;
        height: 0;
        visibility: hidden;
        padding-top: 0;
        padding-bottom: 0
    }

        .flip.flip-slide-top .Side1 .slide-heading {
            margin-top: 16px
        }

    .flip.flip-slide-top.active .Side0 {
        transform: rotateY(0)
    }

    .flip.flip-slide-top.active .Side1 {
        height: 100%;
        transform: rotateY(0);
        visibility: visible;
        padding-top: 0;
        padding-bottom: 10px
    }

    .flip.flip-vertical .Side1 {
        transform: rotateY(0);
        transform: rotateX(180deg)
    }

    .flip.flip-vertical.active .Side0 {
        transform: rotateY(0);
        transform: rotateX(180deg)
    }

    .flip.flip-vertical.active .Side1 {
        transform: rotateY(0);
        transform: rotateX(360deg)
    }

.no-csstransforms3d .flip .Side1 {
    display: none
}

.no-csstransforms3d .flip.active .Side0 {
    display: none
}

.no-csstransforms3d .flip.active .Side1 {
    display: block
}

.on-page-editor .flipsides {
    height: auto
}

    .on-page-editor .flipsides .Side0, .on-page-editor .flipsides .Side1 {
        margin-bottom: 10px
    }

@keyframes slide0hide {
    to {
        visibility: hidden
    }
}

@keyframes slide1show {
    to {
        visibility: visible
    }
}

.form {
    margin: 10px 0;
    font-size: 14px;
    overflow: hidden
}

    .form table {
        width: 100%
    }

    .form .scfSectionContent > div {
        margin: 5px 0 0 0;
        padding: 0
    }

        .form .scfSectionContent > div ~ div {
            margin: 0
        }

        .form .scfSectionContent > div > div, .form .scfSectionContent > div > label {
            width: 100%;
            display: block;
            padding: 0
        }

    .form .has-feedback:after {
        content: "";
        display: table;
        clear: both
    }

    .form .scfRequired {
        display: none !important
    }

    .form fieldset {
        border-width: 1px;
        border-style: solid;
        border-color: #d2d2d2;
        padding: 15px;
        margin: 10px 0;
        position: relative
    }

        .form fieldset legend {
            font-weight: 700;
            padding: 0 5px;
            font-size: 16px;
            position: absolute;
            top: -33px;
            background: #fff;
            left: 0
        }

    .form .scfSectionContent > div {
        box-sizing: border-box;
        margin: 15px 0;
        border: 1px dashed #808080;
        padding: 10px;
        position: relative
    }

        .form .scfSectionContent > div:after {
            clear: both;
            content: "";
            display: block
        }

        .form .scfSectionContent > div:hover [class$=GeneralPanel] > [class$=UsefulInfo] {
            opacity: 1
        }

        .form .scfSectionContent > div input, .form .scfSectionContent > div select {
            margin-left: 5px
        }

    .form .scfSectionContent [class$=UsefulInfo] {
        transition: opacity .75s;
        box-sizing: border-box;
        opacity: 0;
        font-size: 12px;
        margin-left: 5px;
        position: absolute;
        border-width: 1px;
        border-style: solid;
        border-color: #d2d2d2;
        left: 0;
        top: -15px;
        padding: 4px 8px;
        max-width: 98%;
        width: auto;
        background-color: #f5f5f5;
        color: #808080
    }

    .form input, .form select, .form textarea {
        border-width: 1px;
        border-style: solid;
        border-color: #d2d2d2;
        padding: 2px 4px;
        max-width: 98%
    }

    .form .scfCaptcha input[type=text] {
        margin: 0
    }

    .form .scfCaptchStrongTextPanel, .form .scfCaptchaLimitGeneralPanel {
        max-width: 100%;
        width: auto
    }

    .form .scfCaptchaLabel {
        display: none
    }

    .form .scfSectionContent .scfCaptchaGeneralPanel embed {
        max-width: 180px
    }

    .form input[type=image] {
        border: none
    }

    .form button, .form input[type=submit] {
        border-width: 1px;
        border-style: solid;
        border-color: #d2d2d2;
        background: #fff;
        cursor: pointer;
        margin-left: 0
    }

    .form input[type=file], .form input[type=password], .form input[type=text], .form textarea {
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #d2d2d2;
        width: 95%;
        padding: 2px
    }

        .form input[type=file] + span, .form input[type=password] + span, .form input[type=text] + span, .form textarea + span {
            display: inline-block;
            vertical-align: middle
        }

    .form input[type=file] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .form input[type=radio] {
        position: absolute
    }

        .form input[type=radio] + label:before {
            content: "";
            position: absolute;
            top: 2px;
            display: block;
            width: 16px;
            height: 16px;
            background-color: #fff
        }

        .form input[type=radio] + label:after {
            content: "";
            position: absolute;
            top: 2px;
            display: block;
            width: 16px;
            height: 15px;
            background: image-url("radiobox.png")
        }

        .form input[type=radio]:checked + label:after {
            background-position: -16px 0
        }

        .form input[type=radio] + label {
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
            padding-left: 20px;
            margin-left: 5px;
            position: relative
        }

    .form select {
        border-width: 1px;
        border-style: solid;
        border-color: #d2d2d2;
        max-height: 30px;
        position: relative;
        text-indent: 2px
    }

    .form .scfListBox {
        background: 0 0;
        max-height: none
    }

    .form .scfDateSelectorDay, .form .scfDateSelectorMonth, .form .scfDateSelectorYear {
        width: 30%
    }

    .form.hints-below .scfSectionContent [class$=UsefulInfo] {
        position: static;
        opacity: 1;
        max-width: 100%;
        width: 100%;
        margin: 5px 0 0 5px
    }

    .form.labels-above label {
        box-sizing: border-box;
        display: block;
        width: 100%;
        margin: 0
    }

    .form.labels-above .scfCaptchaGeneralPanel, .form.labels-above .scfCheckBoxListGeneralPanel, .form.labels-above .scfConfirmPasswordGeneralPanel, .form.labels-above .scfCreditCardGeneralPanel, .form.labels-above .scfDateGeneralPanel, .form.labels-above .scfDatePickerGeneralPanel, .form.labels-above .scfDateSelectorGeneralPanel, .form.labels-above .scfDropListGeneralPanel, .form.labels-above .scfEmailGeneralPanel, .form.labels-above .scfFileUploadGeneralPanel, .form.labels-above .scfListBoxGeneralPanel, .form.labels-above .scfMultipleLineGeneralPanel, .form.labels-above .scfNumberGeneralPanel, .form.labels-above .scfPasswordGeneralPanel, .form.labels-above .scfRadioButtonListGeneralPanel, .form.labels-above .scfSingleLineGeneralPanel, .form.labels-above .scfSmsTelephoneGeneralPanel, .form.labels-above .scfTelephoneGeneralPanel {
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        width: 93%
    }

    .form.labels-above .scfSectionContent .scfRequired {
        margin: 0 5px
    }

    .form.labels-above .scfMultipleLineGeneralPanel {
        width: 95%
    }

    .form.labels-above .scfMultipleLineTextBox {
        margin: 0 0 0 5px
    }

@charset "UTF-8";

.event-calendar {
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
    padding: 5px;
    border-bottom: none !important
}

    .event-calendar .avi, .event-calendar .bmp, .event-calendar .doc, .event-calendar .docx, .event-calendar .field-filetypeicon > a > span, .event-calendar .gif, .event-calendar .jpeg, .event-calendar .jpg, .event-calendar .mov, .event-calendar .mp3, .event-calendar .mp4, .event-calendar .pdf, .event-calendar .png, .event-calendar .ppt, .event-calendar .pptx, .event-calendar .psd, .event-calendar .txt, .event-calendar .wma, .event-calendar .wmv, .event-calendar .xls, .event-calendar .xlsx, .event-calendar .zip {
        display: inline-block;
        box-sizing: border-box;
        font-weight: 400;
        width: 15px;
        height: 21px;
        margin: 0;
        padding: 0;
        position: relative
    }

        .event-calendar .avi:before, .event-calendar .bmp:before, .event-calendar .doc:before, .event-calendar .docx:before, .event-calendar .field-filetypeicon > a > span:before, .event-calendar .gif:before, .event-calendar .jpeg:before, .event-calendar .jpg:before, .event-calendar .mov:before, .event-calendar .mp3:before, .event-calendar .mp4:before, .event-calendar .pdf:before, .event-calendar .png:before, .event-calendar .ppt:before, .event-calendar .pptx:before, .event-calendar .psd:before, .event-calendar .txt:before, .event-calendar .wma:before, .event-calendar .wmv:before, .event-calendar .xls:before, .event-calendar .xlsx:before, .event-calendar .zip:before {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 16px !important;
            position: absolute;
            display: block;
            top: 50%;
            margin: 0;
            padding: 0;
            transform: translateY(-50%)
        }

    .event-calendar .field-filetypeicon span:before {
        content: ""
    }

    .event-calendar .field-filetypeicon .pdf:before {
        content: ""
    }

    .event-calendar .field-filetypeicon .xls:before, .event-calendar .field-filetypeicon .xlsx:before {
        content: ""
    }

    .event-calendar .field-filetypeicon .ppt:before, .event-calendar .field-filetypeicon .pptx:before {
        content: ""
    }

    .event-calendar .field-filetypeicon .doc:before, .event-calendar .field-filetypeicon .docx:before {
        content: ""
    }

    .event-calendar .field-filetypeicon .bmp:before, .event-calendar .field-filetypeicon .gif:before, .event-calendar .field-filetypeicon .jpeg:before, .event-calendar .field-filetypeicon .jpg:before, .event-calendar .field-filetypeicon .png:before, .event-calendar .field-filetypeicon .psd:before, .event-calendar .field-filetypeicon .tif:before {
        content: ""
    }

    .event-calendar .field-filetypeicon .avi:before, .event-calendar .field-filetypeicon .divx:before, .event-calendar .field-filetypeicon .flv:before, .event-calendar .field-filetypeicon .gifv:before, .event-calendar .field-filetypeicon .h264:before, .event-calendar .field-filetypeicon .m4v:before, .event-calendar .field-filetypeicon .mk3d:before, .event-calendar .field-filetypeicon .mkv:before, .event-calendar .field-filetypeicon .mov:before, .event-calendar .field-filetypeicon .movie:before, .event-calendar .field-filetypeicon .mp4:before, .event-calendar .field-filetypeicon .mpg:before, .event-calendar .field-filetypeicon .oggv:before, .event-calendar .field-filetypeicon .rv:before, .event-calendar .field-filetypeicon .swf:before, .event-calendar .field-filetypeicon .vid:before, .event-calendar .field-filetypeicon .vp6:before, .event-calendar .field-filetypeicon .webm:before, .event-calendar .field-filetypeicon .wmv:before {
        content: ""
    }

    .event-calendar .field-filetypeicon .aa:before, .event-calendar .field-filetypeicon .aac:before, .event-calendar .field-filetypeicon .aax:before, .event-calendar .field-filetypeicon .ac3:before, .event-calendar .field-filetypeicon .aif:before, .event-calendar .field-filetypeicon .aiff:before, .event-calendar .field-filetypeicon .amz:before, .event-calendar .field-filetypeicon .asx:before, .event-calendar .field-filetypeicon .au:before, .event-calendar .field-filetypeicon .avr:before, .event-calendar .field-filetypeicon .fla:before, .event-calendar .field-filetypeicon .flac:before, .event-calendar .field-filetypeicon .m3u:before, .event-calendar .field-filetypeicon .m4a:before, .event-calendar .field-filetypeicon .mid:before, .event-calendar .field-filetypeicon .midi:before, .event-calendar .field-filetypeicon .mka:before, .event-calendar .field-filetypeicon .mp3:before, .event-calendar .field-filetypeicon .mp4a:before, .event-calendar .field-filetypeicon .ogg:before, .event-calendar .field-filetypeicon .pcm:before, .event-calendar .field-filetypeicon .ra:before, .event-calendar .field-filetypeicon .rma:before, .event-calendar .field-filetypeicon .wav:before, .event-calendar .field-filetypeicon .wma:before, .event-calendar .field-filetypeicon .xwma:before {
        content: ""
    }

    .event-calendar .field-filetypeicon .txt:before {
        content: ""
    }

    .event-calendar .field-filetypeicon .dmg:before, .event-calendar .field-filetypeicon .gz:before, .event-calendar .field-filetypeicon .iso:before, .event-calendar .field-filetypeicon .rar:before, .event-calendar .field-filetypeicon .tar:before, .event-calendar .field-filetypeicon .zip:before, .event-calendar .field-filetypeicon .zipx:before {
        content: ""
    }

    .event-calendar .field-filetypeicon .config:before, .event-calendar .field-filetypeicon .cpp:before, .event-calendar .field-filetypeicon .css:before, .event-calendar .field-filetypeicon .git:before, .event-calendar .field-filetypeicon .h:before, .event-calendar .field-filetypeicon .ini:before, .event-calendar .field-filetypeicon .js:before, .event-calendar .field-filetypeicon .py:before {
        content: ""
    }

    .event-calendar .field-filetypeicon .apk:before, .event-calendar .field-filetypeicon .app:before, .event-calendar .field-filetypeicon .bat:before, .event-calendar .field-filetypeicon .deb:before, .event-calendar .field-filetypeicon .dll:before, .event-calendar .field-filetypeicon .exe:before, .event-calendar .field-filetypeicon .jar:before, .event-calendar .field-filetypeicon .msi:before, .event-calendar .field-filetypeicon .pl:before, .event-calendar .field-filetypeicon .prg:before, .event-calendar .field-filetypeicon .scr:before, .event-calendar .field-filetypeicon .sh:before, .event-calendar .field-filetypeicon .vb:before {
        content: "ï‚…"
    }

    .event-calendar .field-filetypeicon .asp:before, .event-calendar .field-filetypeicon .aspx:before, .event-calendar .field-filetypeicon .cfm:before, .event-calendar .field-filetypeicon .com:before, .event-calendar .field-filetypeicon .edu:before, .event-calendar .field-filetypeicon .gov:before, .event-calendar .field-filetypeicon .htm:before, .event-calendar .field-filetypeicon .html:before, .event-calendar .field-filetypeicon .jhtml:before, .event-calendar .field-filetypeicon .mil:before, .event-calendar .field-filetypeicon .net:before, .event-calendar .field-filetypeicon .org:before, .event-calendar .field-filetypeicon .php3:before, .event-calendar .field-filetypeicon .php4:before, .event-calendar .field-filetypeicon .php5:before, .event-calendar .field-filetypeicon .php:before, .event-calendar .field-filetypeicon .phtmle:before, .event-calendar .field-filetypeicon .xhtml:before {
        content: ""
    }

    .event-calendar h1, .event-calendar h2, .event-calendar h3, .event-calendar h4, .event-calendar h5, .event-calendar h6 {
        color: #222
    }

    .event-calendar h1, .event-calendar h2 {
        margin: 10px 0
    }

    .event-calendar h3, .event-calendar h4, .event-calendar p {
        margin: 5px 0
    }

    .event-calendar h5, .event-calendar h6 {
        margin: 5px 0 0
    }

    .event-calendar strong {
        font-weight: 700
    }

    .event-calendar ol, .event-calendar ul {
        padding-bottom: 5px;
        padding-top: 5px;
        margin-left: 10px
    }

    .event-calendar li {
        font-size: 13px;
        margin-left: 15px
    }

    .event-calendar ul li {
        list-style: disc;
        list-style-position: inside
    }

    .event-calendar ol li {
        list-style: decimal;
        list-style-position: inside
    }

    .event-calendar a {
        color: #de232f;
        text-decoration: underline;
        font-size: 1em
    }

        .event-calendar a:hover {
            color: #878787
        }

    .event-calendar table {
        height: auto !important;
        border: 2px solid #d2d2d2
    }

        .event-calendar table, .event-calendar table td, .event-calendar table th, .event-calendar table tr {
            border: solid 2px #d2d2d2;
            background: #fff;
            border-collapse: collapse;
            vertical-align: middle
        }

            .event-calendar table td, .event-calendar table th, .event-calendar table tr {
                padding: 5px
            }

            .event-calendar table caption {
                background-color: #f7f7f7;
                overflow: hidden;
                padding: 10px;
                font-size: 20px;
                font-weight: 700;
                margin-left: 0
            }

            .event-calendar table tr {
                border: none
            }

            .event-calendar table td, .event-calendar table th {
                border-width: 2px 0 0 2px
            }

            .event-calendar table th {
                background-color: #fff;
                font-size: 13px;
                font-weight: 700;
                padding: 7px
            }

                .event-calendar table th:first-child {
                    border-left: 0
                }

            .event-calendar table td:first-child {
                border-left: 0
            }

    .event-calendar .fc-day-grid-event:hover {
        color: #fff
    }

    .event-calendar .fc-content-skeleton td {
        padding: 0 !important
    }

    .event-calendar .fc-bg > table {
        height: 100% !important
    }

    .event-calendar .fc-day-header {
        background: #ccc
    }

    .event-calendar td, .event-calendar th {
        border-width: 1px 0 0 1px !important
    }

    .event-calendar table {
        border: 1px solid #d2d2d2
    }

        .event-calendar table, .event-calendar table td, .event-calendar table th, .event-calendar table tr {
            background: 0 0
        }

    .event-calendar .fc-event-container a {
        color: #fff;
        text-decoration: none
    }

.calendar-tooltip .avi, .calendar-tooltip .bmp, .calendar-tooltip .doc, .calendar-tooltip .docx, .calendar-tooltip .field-filetypeicon > a > span, .calendar-tooltip .gif, .calendar-tooltip .jpeg, .calendar-tooltip .jpg, .calendar-tooltip .mov, .calendar-tooltip .mp3, .calendar-tooltip .mp4, .calendar-tooltip .pdf, .calendar-tooltip .png, .calendar-tooltip .ppt, .calendar-tooltip .pptx, .calendar-tooltip .psd, .calendar-tooltip .txt, .calendar-tooltip .wma, .calendar-tooltip .wmv, .calendar-tooltip .xls, .calendar-tooltip .xlsx, .calendar-tooltip .zip {
    display: inline-block;
    box-sizing: border-box;
    font-weight: 400;
    width: 15px;
    height: 21px;
    margin: 0;
    padding: 0;
    position: relative
}

    .calendar-tooltip .avi:before, .calendar-tooltip .bmp:before, .calendar-tooltip .doc:before, .calendar-tooltip .docx:before, .calendar-tooltip .field-filetypeicon > a > span:before, .calendar-tooltip .gif:before, .calendar-tooltip .jpeg:before, .calendar-tooltip .jpg:before, .calendar-tooltip .mov:before, .calendar-tooltip .mp3:before, .calendar-tooltip .mp4:before, .calendar-tooltip .pdf:before, .calendar-tooltip .png:before, .calendar-tooltip .ppt:before, .calendar-tooltip .pptx:before, .calendar-tooltip .psd:before, .calendar-tooltip .txt:before, .calendar-tooltip .wma:before, .calendar-tooltip .wmv:before, .calendar-tooltip .xls:before, .calendar-tooltip .xlsx:before, .calendar-tooltip .zip:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 16px !important;
        position: absolute;
        display: block;
        top: 50%;
        margin: 0;
        padding: 0;
        transform: translateY(-50%)
    }

.calendar-tooltip .field-filetypeicon span:before {
    content: ""
}

.calendar-tooltip .field-filetypeicon .pdf:before {
    content: ""
}

.calendar-tooltip .field-filetypeicon .xls:before, .calendar-tooltip .field-filetypeicon .xlsx:before {
    content: ""
}

.calendar-tooltip .field-filetypeicon .ppt:before, .calendar-tooltip .field-filetypeicon .pptx:before {
    content: ""
}

.calendar-tooltip .field-filetypeicon .doc:before, .calendar-tooltip .field-filetypeicon .docx:before {
    content: ""
}

.calendar-tooltip .field-filetypeicon .bmp:before, .calendar-tooltip .field-filetypeicon .gif:before, .calendar-tooltip .field-filetypeicon .jpeg:before, .calendar-tooltip .field-filetypeicon .jpg:before, .calendar-tooltip .field-filetypeicon .png:before, .calendar-tooltip .field-filetypeicon .psd:before, .calendar-tooltip .field-filetypeicon .tif:before {
    content: ""
}

.calendar-tooltip .field-filetypeicon .avi:before, .calendar-tooltip .field-filetypeicon .divx:before, .calendar-tooltip .field-filetypeicon .flv:before, .calendar-tooltip .field-filetypeicon .gifv:before, .calendar-tooltip .field-filetypeicon .h264:before, .calendar-tooltip .field-filetypeicon .m4v:before, .calendar-tooltip .field-filetypeicon .mk3d:before, .calendar-tooltip .field-filetypeicon .mkv:before, .calendar-tooltip .field-filetypeicon .mov:before, .calendar-tooltip .field-filetypeicon .movie:before, .calendar-tooltip .field-filetypeicon .mp4:before, .calendar-tooltip .field-filetypeicon .mpg:before, .calendar-tooltip .field-filetypeicon .oggv:before, .calendar-tooltip .field-filetypeicon .rv:before, .calendar-tooltip .field-filetypeicon .swf:before, .calendar-tooltip .field-filetypeicon .vid:before, .calendar-tooltip .field-filetypeicon .vp6:before, .calendar-tooltip .field-filetypeicon .webm:before, .calendar-tooltip .field-filetypeicon .wmv:before {
    content: ""
}

.calendar-tooltip .field-filetypeicon .aa:before, .calendar-tooltip .field-filetypeicon .aac:before, .calendar-tooltip .field-filetypeicon .aax:before, .calendar-tooltip .field-filetypeicon .ac3:before, .calendar-tooltip .field-filetypeicon .aif:before, .calendar-tooltip .field-filetypeicon .aiff:before, .calendar-tooltip .field-filetypeicon .amz:before, .calendar-tooltip .field-filetypeicon .asx:before, .calendar-tooltip .field-filetypeicon .au:before, .calendar-tooltip .field-filetypeicon .avr:before, .calendar-tooltip .field-filetypeicon .fla:before, .calendar-tooltip .field-filetypeicon .flac:before, .calendar-tooltip .field-filetypeicon .m3u:before, .calendar-tooltip .field-filetypeicon .m4a:before, .calendar-tooltip .field-filetypeicon .mid:before, .calendar-tooltip .field-filetypeicon .midi:before, .calendar-tooltip .field-filetypeicon .mka:before, .calendar-tooltip .field-filetypeicon .mp3:before, .calendar-tooltip .field-filetypeicon .mp4a:before, .calendar-tooltip .field-filetypeicon .ogg:before, .calendar-tooltip .field-filetypeicon .pcm:before, .calendar-tooltip .field-filetypeicon .ra:before, .calendar-tooltip .field-filetypeicon .rma:before, .calendar-tooltip .field-filetypeicon .wav:before, .calendar-tooltip .field-filetypeicon .wma:before, .calendar-tooltip .field-filetypeicon .xwma:before {
    content: ""
}

.calendar-tooltip .field-filetypeicon .txt:before {
    content: ""
}

.calendar-tooltip .field-filetypeicon .dmg:before, .calendar-tooltip .field-filetypeicon .gz:before, .calendar-tooltip .field-filetypeicon .iso:before, .calendar-tooltip .field-filetypeicon .rar:before, .calendar-tooltip .field-filetypeicon .tar:before, .calendar-tooltip .field-filetypeicon .zip:before, .calendar-tooltip .field-filetypeicon .zipx:before {
    content: ""
}

.calendar-tooltip .field-filetypeicon .config:before, .calendar-tooltip .field-filetypeicon .cpp:before, .calendar-tooltip .field-filetypeicon .css:before, .calendar-tooltip .field-filetypeicon .git:before, .calendar-tooltip .field-filetypeicon .h:before, .calendar-tooltip .field-filetypeicon .ini:before, .calendar-tooltip .field-filetypeicon .js:before, .calendar-tooltip .field-filetypeicon .py:before {
    content: ""
}

.calendar-tooltip .field-filetypeicon .apk:before, .calendar-tooltip .field-filetypeicon .app:before, .calendar-tooltip .field-filetypeicon .bat:before, .calendar-tooltip .field-filetypeicon .deb:before, .calendar-tooltip .field-filetypeicon .dll:before, .calendar-tooltip .field-filetypeicon .exe:before, .calendar-tooltip .field-filetypeicon .jar:before, .calendar-tooltip .field-filetypeicon .msi:before, .calendar-tooltip .field-filetypeicon .pl:before, .calendar-tooltip .field-filetypeicon .prg:before, .calendar-tooltip .field-filetypeicon .scr:before, .calendar-tooltip .field-filetypeicon .sh:before, .calendar-tooltip .field-filetypeicon .vb:before {
    content: "ï‚…"
}

.calendar-tooltip .field-filetypeicon .asp:before, .calendar-tooltip .field-filetypeicon .aspx:before, .calendar-tooltip .field-filetypeicon .cfm:before, .calendar-tooltip .field-filetypeicon .com:before, .calendar-tooltip .field-filetypeicon .edu:before, .calendar-tooltip .field-filetypeicon .gov:before, .calendar-tooltip .field-filetypeicon .htm:before, .calendar-tooltip .field-filetypeicon .html:before, .calendar-tooltip .field-filetypeicon .jhtml:before, .calendar-tooltip .field-filetypeicon .mil:before, .calendar-tooltip .field-filetypeicon .net:before, .calendar-tooltip .field-filetypeicon .org:before, .calendar-tooltip .field-filetypeicon .php3:before, .calendar-tooltip .field-filetypeicon .php4:before, .calendar-tooltip .field-filetypeicon .php5:before, .calendar-tooltip .field-filetypeicon .php:before, .calendar-tooltip .field-filetypeicon .phtmle:before, .calendar-tooltip .field-filetypeicon .xhtml:before {
    content: ""
}

.calendar-tooltip h1, .calendar-tooltip h2, .calendar-tooltip h3, .calendar-tooltip h4, .calendar-tooltip h5, .calendar-tooltip h6 {
    color: #222
}

.calendar-tooltip h1, .calendar-tooltip h2 {
    margin: 10px 0
}

.calendar-tooltip h3, .calendar-tooltip h4, .calendar-tooltip p {
    margin: 5px 0
}

.calendar-tooltip h5, .calendar-tooltip h6 {
    margin: 5px 0 0
}

.calendar-tooltip strong {
    font-weight: 700
}

.calendar-tooltip ol, .calendar-tooltip ul {
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: 10px
}

.calendar-tooltip li {
    font-size: 13px;
    margin-left: 15px
}

.calendar-tooltip ul li {
    list-style: disc;
    list-style-position: inside
}

.calendar-tooltip ol li {
    list-style: decimal;
    list-style-position: inside
}

.calendar-tooltip a {
    color: #de232f;
    text-decoration: underline;
    font-size: 1em
}

    .calendar-tooltip a:hover {
        color: #878787
    }

.calendar-tooltip table {
    height: auto !important;
    border: 2px solid #d2d2d2
}

    .calendar-tooltip table, .calendar-tooltip table td, .calendar-tooltip table th, .calendar-tooltip table tr {
        border: solid 2px #d2d2d2;
        background: #fff;
        border-collapse: collapse;
        vertical-align: middle
    }

        .calendar-tooltip table td, .calendar-tooltip table th, .calendar-tooltip table tr {
            padding: 5px
        }

        .calendar-tooltip table caption {
            background-color: #f7f7f7;
            overflow: hidden;
            padding: 10px;
            font-size: 20px;
            font-weight: 700;
            margin-left: 0
        }

        .calendar-tooltip table tr {
            border: none
        }

        .calendar-tooltip table td, .calendar-tooltip table th {
            border-width: 2px 0 0 2px
        }

        .calendar-tooltip table th {
            background-color: #fff;
            font-size: 13px;
            font-weight: 700;
            padding: 7px
        }

            .calendar-tooltip table th:first-child {
                border-left: 0
            }

        .calendar-tooltip table td:first-child {
            border-left: 0
        }

@charset "UTF-8";

.on-page-editor .gallery-inner img {
    max-width: 100%
}

.gallery .galleria-container {
    background: 0 0
}

.gallery #galleria-loader {
    height: 1px !important
}

.gallery .galleria-thumbnails .galleria-image img {
    border: none
}

.gallery .galleria-counter {
    color: #fff;
    font-family: "Open Sans",Helvetica,Verdana,Tahoma,sans-serif
}

.gallery .galleria-loader {
    top: 50%;
    left: 50%
}

.gallery .galleria-info-text {
    background-color: #fff;
    border: 1px solid #d2d2d2
}

.gallery .galleria-info-title {
    color: #747474;
    font-size: 12px;
    font-weight: 700;
    font-family: "Open Sans",Helvetica,Verdana,Tahoma,sans-serif
}

.gallery .galleria-info-description {
    font-size: 12px;
    font-style: italic;
    font-family: "Open Sans",Helvetica,Verdana,Tahoma,sans-serif;
    color: #747474
}

.gallery .galleria-info-close {
    width: 13px;
    height: 12px
}

    .gallery .galleria-info-close:before {
        content: "";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        width: 100%
    }

.gallery .galleria-info-link {
    color: #747474;
    background: 0 0;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px
}

    .gallery .galleria-info-link:before {
        content: ""
    }

.gallery .galleria-image-nav {
    margin-top: 0;
    transform: translateY(-50%);
    z-index: 999;
    height: 30px
}

.gallery .galleria-image-nav-left, .gallery .galleria-image-nav-right {
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    width: 14px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 28px;
    color: #747474
}

    .gallery .galleria-image-nav-left:before {
        content: ""
    }

    .gallery .galleria-image-nav-left:hover {
        color: #fff
    }

    .gallery .galleria-image-nav-right:before {
        content: ""
    }

    .gallery .galleria-image-nav-right:hover {
        color: #fff
    }

.gallery .galleria-thumb-nav-left, .gallery .galleria-thumb-nav-right {
    top: 15px;
    height: 7px;
    width: 5px
}

.gallery .galleria-thumbnails {
    margin: 0 auto
}

.gallery .galleria-thumb-nav-right {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: 10px
}

    .gallery .galleria-thumb-nav-right:before {
        content: "";
        font-size: 13px;
        color: #747474;
        display: block
    }

.gallery .galleria-thumb-nav-left {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    right: auto;
    left: 10px
}

    .gallery .galleria-thumb-nav-left:before {
        content: "";
        font-size: 13px;
        color: #747474;
        display: block
    }

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

    .no-margin .galleria-stage {
        left: 0;
        right: 0
    }

.iframe iframe {
    width: 100%
}

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

.image a {
    display: inline-block;
    max-width: 100%
}

.image .image-caption {
    display: block;
    font-style: italic;
    font-size: 11px;
    color: #747474
}

.image-default-size img {
    max-width: none;
    width: auto !important
}

.image-left .component-content > div > img {
    float: left
}

.image-right .component-content > div > img {
    float: right
}

@charset "UTF-8";

.language-selector {
    position: relative;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #89c6cc;
    padding: 10px;
    background-color: #fff
}

    .language-selector .flags-ad {
        background-image: url(../images/sprite-flag);
        background-position: 0 -25px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ae {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3125px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-af {
        background-image: url(../images/sprite-flag);
        background-position: 0 -50px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ag {
        background-image: url(../images/sprite-flag);
        background-position: 0 -75px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ai {
        background-image: url(../images/sprite-flag);
        background-position: 0 -100px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-al {
        background-image: url(../images/sprite-flag);
        background-position: 0 -125px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-am {
        background-image: url(../images/sprite-flag);
        background-position: 0 -150px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ao {
        background-image: url(../images/sprite-flag);
        background-position: 0 -175px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-aq {
        background-image: url(../images/sprite-flag);
        background-position: 0 -200px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ar {
        background-image: url(../images/sprite-flag);
        background-position: 0 -225px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-as {
        background-image: url(../images/sprite-flag);
        background-position: 0 -250px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-at {
        background-image: url(../images/sprite-flag);
        background-position: 0 -275px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-au {
        background-image: url(../images/sprite-flag);
        background-position: 0 -300px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-aw {
        background-image: url(../images/sprite-flag);
        background-position: 0 -325px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ax {
        background-image: url(../images/sprite-flag);
        background-position: 0 -350px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-az {
        background-image: url(../images/sprite-flag);
        background-position: 0 -375px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ba {
        background-image: url(../images/sprite-flag);
        background-position: 0 -400px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-bb {
        background-image: url(../images/sprite-flag);
        background-position: 0 -425px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-bd {
        background-image: url(../images/sprite-flag);
        background-position: 0 -450px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-be {
        background-image: url(../images/sprite-flag);
        background-position: 0 -475px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-bf {
        background-image: url(../images/sprite-flag);
        background-position: 0 -500px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-bg {
        background-image: url(../images/sprite-flag);
        background-position: 0 -525px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-bh {
        background-image: url(../images/sprite-flag);
        background-position: 0 -550px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-bi {
        background-image: url(../images/sprite-flag);
        background-position: 0 -575px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-bj {
        background-image: url(../images/sprite-flag);
        background-position: 0 -600px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-bl {
        background-image: url(../images/sprite-flag);
        background-position: 0 -625px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-bm {
        background-image: url(../images/sprite-flag);
        background-position: 0 -650px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-bn {
        background-image: url(../images/sprite-flag);
        background-position: 0 -675px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-bo {
        background-image: url(../images/sprite-flag);
        background-position: 0 -700px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-bq {
        background-image: url(../images/sprite-flag);
        background-position: 0 -725px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-br {
        background-image: url(../images/sprite-flag);
        background-position: 0 -750px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-bs {
        background-image: url(../images/sprite-flag);
        background-position: 0 -775px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-bt {
        background-image: url(../images/sprite-flag);
        background-position: 0 -800px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-bv {
        background-image: url(../images/sprite-flag);
        background-position: 0 -825px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-bw {
        background-image: url(../images/sprite-flag);
        background-position: 0 -850px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-by {
        background-image: url(../images/sprite-flag);
        background-position: 0 -875px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-bz {
        background-image: url(../images/sprite-flag);
        background-position: 0 -900px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ca {
        background-image: url(../images/sprite-flag);
        background-position: 0 -925px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-cc {
        background-image: url(../images/sprite-flag);
        background-position: 0 -950px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-cd {
        background-image: url(../images/sprite-flag);
        background-position: 0 -975px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-cf {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1000px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-cg {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1025px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ch {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1050px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ci {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1075px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ck {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1100px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-cl {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1125px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-cm {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1150px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-cn {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1175px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-co {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1200px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-cr {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1225px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-cu {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1250px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-cv {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1275px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-cw {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1300px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-cx {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1325px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-cy {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1350px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-cz {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1375px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-de {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1400px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-dj {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1425px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-dk {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1450px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-dm {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1475px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-do {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1500px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-dz {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1525px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ec {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1550px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ee {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1575px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-eg {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1600px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-eh {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1625px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-er {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1650px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-es {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1675px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-et {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1700px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-fi {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1725px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-fj {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1750px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-fk {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1775px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-fm {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1800px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-fo {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1825px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-fr {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1850px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ga {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1875px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-gb {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1900px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-gd {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1925px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ge {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1950px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-gf {
        background-image: url(../images/sprite-flag);
        background-position: 0 -1975px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-gg {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2000px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-gh {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2025px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-gi {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2050px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-gl {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2075px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-gm {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2100px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-gn {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2125px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-gp {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2150px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-gq {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2175px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-gr {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2200px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-gs {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2225px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-gt {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2250px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-gu {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2275px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-gw {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2300px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-gy {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2325px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-hk {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2350px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-hm {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2375px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-hn {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2400px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-hr {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2425px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ht {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2450px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-hu {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2475px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-id {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2500px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ie {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2525px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-il {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2550px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-im {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2575px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-in {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2600px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-io {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2625px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-iq {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2650px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ir {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2675px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-is {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2700px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-it {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2725px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-je {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2750px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-jm {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2775px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-jo {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2800px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-jp {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2825px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ke {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2850px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-kg {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2875px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-kh {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2900px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ki {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2925px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-km {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2950px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-kn {
        background-image: url(../images/sprite-flag);
        background-position: 0 -2975px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-kp {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3000px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-kr {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3025px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-kw {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3050px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ky {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3075px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-kz {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3100px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-la {
        background-image: url(../images/sprite-flag);
        background-position: 0 0;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-lb {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3150px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-lc {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3175px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-li {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3200px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-lk {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3225px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-lr {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3250px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ls {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3275px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-lt {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3300px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-lu {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3325px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-lv {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3350px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ly {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3375px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ma {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3400px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-mc {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3425px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-md {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3450px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-me {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3475px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-mf {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3500px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-mg {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3525px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-mh {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3550px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-mk {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3575px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ml {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3600px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-mm {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3625px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-mn {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3650px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-mo {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3675px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-mp {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3700px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-mq {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3725px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-mr {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3750px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ms {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3775px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-mt {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3800px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-mu {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3825px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-mv {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3850px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-mw {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3875px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-mx {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3900px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-my {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3925px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-mz {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3950px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-na {
        background-image: url(../images/sprite-flag);
        background-position: 0 -3975px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-nc {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4000px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ne {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4025px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-nf {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4050px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ng {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4075px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ni {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4100px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-nl {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4125px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-no {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4150px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-np {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4175px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-nr {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4200px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-nu {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4225px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-nz {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4250px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-om {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4275px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-pa {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4300px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-pe {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4325px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-pf {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4350px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-pg {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4375px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ph {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4400px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-pk {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4425px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-pl {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4450px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-pm {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4475px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-pn {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4500px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-pr {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4525px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ps {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4550px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-pt {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4575px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-pw {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4600px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-py {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4625px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-qa {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4650px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-re {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4675px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ro {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4700px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-rs {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4725px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ru {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4750px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-rw {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4775px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-sa {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4800px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-sb {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4825px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-sc {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4850px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-sd {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4875px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-se {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4900px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-sg {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4925px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-sh {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4950px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-si {
        background-image: url(../images/sprite-flag);
        background-position: 0 -4975px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-sj {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5000px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-sk {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5025px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-sl {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5050px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-sm {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5075px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-sn {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5100px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-so {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5125px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-sr {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5150px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ss {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5175px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-st {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5200px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-sv {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5225px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-sx {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5250px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-sy {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5275px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-sz {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5300px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-tc {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5325px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-td {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5350px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-tf {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5375px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-tg {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5400px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-th {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5425px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-tj {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5450px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-tk {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5475px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-tl {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5500px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-tm {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5525px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-tn {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5550px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-to {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5575px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-tr {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5600px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-tt {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5625px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-tv {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5650px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-tw {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5675px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-tz {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5700px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ua {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5725px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ug {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5750px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-um {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5775px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-us {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5800px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-uy {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5825px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-uz {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5850px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-va {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5875px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-vc {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5900px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ve {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5925px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-vg {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5950px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-vi {
        background-image: url(../images/sprite-flag);
        background-position: 0 -5975px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-vn {
        background-image: url(../images/sprite-flag);
        background-position: 0 -6000px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-vu {
        background-image: url(../images/sprite-flag);
        background-position: 0 -6025px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-wf {
        background-image: url(../images/sprite-flag);
        background-position: 0 -6050px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ws {
        background-image: url(../images/sprite-flag);
        background-position: 0 -6075px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-ye {
        background-image: url(../images/sprite-flag);
        background-position: 0 -6100px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-yt {
        background-image: url(../images/sprite-flag);
        background-position: 0 -6125px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-za {
        background-image: url(../images/sprite-flag);
        background-position: 0 -6150px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-zm {
        background-image: url(../images/sprite-flag);
        background-position: 0 -6175px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-zw {
        background-image: url(../images/sprite-flag);
        background-position: 0 -6200px;
        width: 20px;
        height: 15px
    }

    .language-selector .flags-zz {
        background-image: url(../images/sprite-flag);
        background-position: 0 -6225px;
        width: 20px;
        height: 15px
    }

    .language-selector .language-selector-select-item {
        cursor: pointer
    }

        .language-selector .language-selector-select-item > a {
            width: 100%;
            display: block;
            position: relative;
            padding-right: 15px
        }

            .language-selector .language-selector-select-item > a:hover {
                text-decoration: none
            }

        .language-selector .language-selector-select-item:after {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "";
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%)
        }

    .language-selector .language-selector-item-container {
        box-shadow: 0 2px 9px 0 #b3b3b3;
        padding: 0;
        position: absolute;
        top: 110%;
        min-width: 220px;
        z-index: 10;
        background: #fff;
        display: none;
        left: 0;
        right: 0
    }

    .language-selector .language-selector-item {
        margin: 10px;
        cursor: pointer;
        border-bottom: 1px solid #fff
    }

        .language-selector .language-selector-item:hover {
            background-color: #fff;
            border-bottom: 1px solid #15909c
        }

        .language-selector .language-selector-item:first-child {
            margin-bottom: 0
        }

        .language-selector .language-selector-item a {
            text-decoration: none;
            color: #747474;
            font-weight: 400;
            padding-left: 25px;
            background-repeat: no-repeat
        }

    .language-selector .language-selector-link {
        padding: 0 20px 0 30px
    }

    .language-selector .language-selector-select-link {
        padding-left: 25px;
        background-repeat: no-repeat
    }

    .language-selector.language-selector-item-container-slideup .language-selector-item-container {
        box-shadow: 0 2px 9px 0 #b3b3b3;
        padding: 0;
        position: absolute;
        top: auto;
        bottom: 110%;
        min-width: 220px;
        z-index: 10;
        background: #fff;
        display: none;
        left: 0;
        right: 0
    }

@charset "UTF-8";

.link-list {
    background: 0 0
}

    .link-list h1, .link-list h2, .link-list h3, .link-list h4, .link-list h5, .link-list h6 {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #89c6cc
    }

    .link-list > .component-content ul {
        background: 0 0
    }

    .link-list > .component-content li {
        background: 0 0;
        display: block;
        font-size: 13px
    }

        .link-list > .component-content li a {
            display: inline;
            color: #747474;
            position: relative;
            padding-left: 10px;
            font-size: 1em;
            text-decoration: none
        }

            .link-list > .component-content li a:before {
                display: inline-block;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "";
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                font-size: 10px
            }

            .link-list > .component-content li a:hover {
                color: #878787;
                text-decoration: none;
                border-bottom: 1px solid #89c6cc
            }

    .link-list .button-default, .link-list .default {
        border-width: 1px;
        border-style: solid;
        border-color: #d2d2d2;
        font-size: 12px;
        font-size: 1.2rem;
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        margin: 5px 0;
        padding: 10px 15px;
        text-align: center;
        text-decoration: none;
        font-weight: 700;
        background: #f6f6f6;
        color: #747474
    }

        .link-list .button-default:hover, .link-list .default:hover {
            color: #747474;
            background: #f7f7f7
        }

    .link-list .button-success, .link-list .success {
        border-width: 1px;
        border-style: solid;
        border-color: #d2d2d2;
        font-size: 12px;
        font-size: 1.2rem;
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        margin: 5px 0;
        padding: 10px 15px;
        text-align: center;
        text-decoration: none;
        font-weight: 700;
        background: #a0ce4e;
        color: #fff
    }

        .link-list .button-success:hover, .link-list .success:hover {
            color: #747474;
            background: #f7f7f7
        }

        .link-list .button-success:hover, .link-list .success:hover {
            color: #fff;
            background: #92be43
        }

    .link-list .button-warning, .link-list .warning {
        border-width: 1px;
        border-style: solid;
        border-color: #d2d2d2;
        font-size: 12px;
        font-size: 1.2rem;
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        margin: 5px 0;
        padding: 10px 15px;
        text-align: center;
        text-decoration: none;
        font-weight: 700;
        background: #bc4526;
        color: #fff
    }

        .link-list .button-warning:hover, .link-list .warning:hover {
            color: #747474;
            background: #f7f7f7
        }

        .link-list .button-warning:hover, .link-list .warning:hover {
            color: #fff;
            background: #c34e30
        }

    .link-list.list-vertical h3 {
        background: #fff;
        width: 100%;
        display: inline-block;
        padding: 3px 5px;
        border-width: 1px;
        border-style: solid;
        border-color: #d2d2d2
    }

    .link-list.list-vertical a {
        border: none
    }

    .link-list.list-vertical li {
        display: block;
        margin-left: 20px
    }

.link {
    background: 0 0
}

    .link a {
        background-color: transparent;
        text-decoration: none;
        font-size: 1em;
        color: #747474;
        border-bottom: 1px solid #89c6cc
    }

        .link a:hover {
            color: #878787;
            text-decoration: none
        }

.login {
    background-color: transparent
}

    .login label {
        background: 0 0;
        color: #747474
    }

    .login button, .login input {
        display: inline-block;
        box-sizing: border-box;
        background: #fff !important;
        border: 1px solid #d2d2d2;
        border-radius: 0 !important;
        color: #747474;
        font-weight: 400;
        padding: 8px 2%;
        clear: both;
        height: auto;
        font-size: 13px
    }

        .login input:focus {
            border: 1px solid #d2d2d2
        }

        .login button, .login input[type=button], .login input[type=reset], .login input[type=submit] {
            border: 1px solid #89c6cc;
            padding: 5px 20px
        }

            .login button:hover, .login input[type=button]:hover, .login input[type=reset]:hover, .login input[type=submit]:hover {
                background: #f7f7f7 !important
            }

            .login button::-moz-focus-inner, .login input::-moz-focus-inner {
                border: 0;
                padding: 0
            }

        .login input[type=text] {
            font-size: 13px
        }

        .login input[type=email], .login input[type=password], .login input[type=text], .login select, .login textarea {
            box-shadow: inset 0 1px 5px rgba(0,0,0,.1);
            color: #747474;
            width: 100%;
            background: #fff;
            border: 1px solid #d2d2d2
        }

    .login select {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        box-sizing: border-box;
        outline: 0;
        cursor: pointer;
        padding: 5px
    }

    .login table {
        width: 100%
    }

        .login table input, .login table label {
            display: inline-block;
            margin: 0
        }

        .login table tbody, .login table tr {
            background-color: transparent !important
        }

        .login table td {
            padding: 5px
        }

        .login table input[type=password], .login table input[type=text] {
            min-height: 33px
        }

.logout a {
    background-color: transparent;
    text-decoration: none;
    font-size: 1em;
    color: #747474;
    border-bottom: 1px solid #89c6cc
}

    .logout a:hover {
        color: #878787;
        text-decoration: none
    }

.logout .component-content > a, .logout .component-content > p {
    display: inline-block
}

.map {
    border-width: 1px;
    border-style: solid;
    border-color: none;
    overflow: hidden;
    position: relative;
    background: 0 0
}

    .map .map-canvas {
        position: relative
    }

    .map img {
        max-width: none
    }

    .map .MicrosoftMap .infobox-close {
        position: static;
        float: right
    }

    .map .MicrosoftMap .Infobox .infobox-body {
        height: 100%
    }

    .map .MicrosoftMap .Infobox .infobox-info {
        height: 100%;
        box-sizing: border-box
    }

@charset "UTF-8";

.media-link {
    background: 0 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #89c6cc
}

    .media-link a {
        color: #747474
    }

        .media-link a:hover {
            color: #878787;
            text-decoration: none
        }

    .media-link .component-content .scEmptyPlaceholder {
        width: 100%;
        margin-left: 0
    }

    .media-link .component-content > * {
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px
    }

    .media-link.position-right .field-filetypeicon, .media-link.position-right .field-linktext {
        float: right
    }

    .media-link .field-filetypeicon, .media-link .field-linktext {
        display: inline-block
    }

        .media-link .field-filetypeicon > a {
            height: 24px !important;
            display: block
        }

        .media-link .field-filetypeicon span {
            display: block;
            height: 24px !important
        }

            .media-link .field-filetypeicon span:before {
                font-size: 18px
            }

        .media-link .field-linktext a {
            font-size: 1em
        }

    .media-link.file-list-files > .component-content {
        display: flex;
        flex-wrap: wrap
    }

    .media-link.file-list-files .file-description {
        display: inline-flex;
        align-items: center;
        width: 84%;
        margin-left: 0
    }

        .media-link.file-list-files .file-description .field-title {
            display: inline-block;
            vertical-align: middle;
            font-weight: 600;
            font-size: 13px
        }

        .media-link.file-list-files .file-description .field-filetypeicon {
            height: 24px;
            order: 1;
            padding-right: 10px;
            width: 6%;
            text-align: center;
            vertical-align: middle
        }

            .media-link.file-list-files .file-description .field-filetypeicon span:before {
                font-size: 24px !important
            }

        .media-link.file-list-files .file-description .info-wrapper {
            order: 1;
            width: 93%
        }

            .media-link.file-list-files .file-description .info-wrapper .field-size, .media-link.file-list-files .file-description .info-wrapper .field-updated {
                display: inline-block;
                font-size: 12px
            }

    .media-link.file-list-files .field-linktext {
        display: inline-flex;
        width: 15%;
        padding: 10px 13px;
        text-align: center;
        justify-content: center;
        border-radius: 3px
    }

        .media-link.file-list-files .field-linktext a {
            line-height: 22px
        }

@media only screen and (max-width:768px) {
    .media-link.file-list-files .file-description {
        width: 100%;
        flex-wrap: wrap
    }

        .media-link.file-list-files .file-description .field-filetypeicon {
            width: 100%
        }

            .media-link.file-list-files .file-description .field-filetypeicon span {
                margin: 0 auto
            }

        .media-link.file-list-files .file-description .info-wrapper {
            width: 100%;
            text-align: center;
            padding: 5px 0
        }

    .media-link.file-list-files .field-linktext {
        width: 100%;
        margin: 0 auto
    }
}

.media-link .avi, .media-link .bmp, .media-link .doc, .media-link .docx, .media-link .field-filetypeicon > a > span, .media-link .gif, .media-link .jpeg, .media-link .jpg, .media-link .mov, .media-link .mp3, .media-link .mp4, .media-link .pdf, .media-link .png, .media-link .ppt, .media-link .pptx, .media-link .psd, .media-link .txt, .media-link .wma, .media-link .wmv, .media-link .xls, .media-link .xlsx, .media-link .zip {
    display: inline-block;
    box-sizing: border-box;
    font-weight: 400;
    width: 15px;
    height: 21px;
    margin: 0;
    padding: 0;
    position: relative
}

    .media-link .avi:before, .media-link .bmp:before, .media-link .doc:before, .media-link .docx:before, .media-link .field-filetypeicon > a > span:before, .media-link .gif:before, .media-link .jpeg:before, .media-link .jpg:before, .media-link .mov:before, .media-link .mp3:before, .media-link .mp4:before, .media-link .pdf:before, .media-link .png:before, .media-link .ppt:before, .media-link .pptx:before, .media-link .psd:before, .media-link .txt:before, .media-link .wma:before, .media-link .wmv:before, .media-link .xls:before, .media-link .xlsx:before, .media-link .zip:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 16px !important;
        position: absolute;
        display: block;
        top: 50%;
        margin: 0;
        padding: 0;
        transform: translateY(-50%)
    }

.media-link .field-filetypeicon span:before {
    content: ""
}

.media-link .field-filetypeicon .pdf:before {
    content: ""
}

.media-link .field-filetypeicon .xls:before, .media-link .field-filetypeicon .xlsx:before {
    content: ""
}

.media-link .field-filetypeicon .ppt:before, .media-link .field-filetypeicon .pptx:before {
    content: ""
}

.media-link .field-filetypeicon .doc:before, .media-link .field-filetypeicon .docx:before {
    content: ""
}

.media-link .field-filetypeicon .bmp:before, .media-link .field-filetypeicon .gif:before, .media-link .field-filetypeicon .jpeg:before, .media-link .field-filetypeicon .jpg:before, .media-link .field-filetypeicon .png:before, .media-link .field-filetypeicon .psd:before, .media-link .field-filetypeicon .tif:before {
    content: ""
}

.media-link .field-filetypeicon .avi:before, .media-link .field-filetypeicon .divx:before, .media-link .field-filetypeicon .flv:before, .media-link .field-filetypeicon .gifv:before, .media-link .field-filetypeicon .h264:before, .media-link .field-filetypeicon .m4v:before, .media-link .field-filetypeicon .mk3d:before, .media-link .field-filetypeicon .mkv:before, .media-link .field-filetypeicon .mov:before, .media-link .field-filetypeicon .movie:before, .media-link .field-filetypeicon .mp4:before, .media-link .field-filetypeicon .mpg:before, .media-link .field-filetypeicon .oggv:before, .media-link .field-filetypeicon .rv:before, .media-link .field-filetypeicon .swf:before, .media-link .field-filetypeicon .vid:before, .media-link .field-filetypeicon .vp6:before, .media-link .field-filetypeicon .webm:before, .media-link .field-filetypeicon .wmv:before {
    content: ""
}

.media-link .field-filetypeicon .aa:before, .media-link .field-filetypeicon .aac:before, .media-link .field-filetypeicon .aax:before, .media-link .field-filetypeicon .ac3:before, .media-link .field-filetypeicon .aif:before, .media-link .field-filetypeicon .aiff:before, .media-link .field-filetypeicon .amz:before, .media-link .field-filetypeicon .asx:before, .media-link .field-filetypeicon .au:before, .media-link .field-filetypeicon .avr:before, .media-link .field-filetypeicon .fla:before, .media-link .field-filetypeicon .flac:before, .media-link .field-filetypeicon .m3u:before, .media-link .field-filetypeicon .m4a:before, .media-link .field-filetypeicon .mid:before, .media-link .field-filetypeicon .midi:before, .media-link .field-filetypeicon .mka:before, .media-link .field-filetypeicon .mp3:before, .media-link .field-filetypeicon .mp4a:before, .media-link .field-filetypeicon .ogg:before, .media-link .field-filetypeicon .pcm:before, .media-link .field-filetypeicon .ra:before, .media-link .field-filetypeicon .rma:before, .media-link .field-filetypeicon .wav:before, .media-link .field-filetypeicon .wma:before, .media-link .field-filetypeicon .xwma:before {
    content: ""
}

.media-link .field-filetypeicon .txt:before {
    content: ""
}

.media-link .field-filetypeicon .dmg:before, .media-link .field-filetypeicon .gz:before, .media-link .field-filetypeicon .iso:before, .media-link .field-filetypeicon .rar:before, .media-link .field-filetypeicon .tar:before, .media-link .field-filetypeicon .zip:before, .media-link .field-filetypeicon .zipx:before {
    content: ""
}

.media-link .field-filetypeicon .config:before, .media-link .field-filetypeicon .cpp:before, .media-link .field-filetypeicon .css:before, .media-link .field-filetypeicon .git:before, .media-link .field-filetypeicon .h:before, .media-link .field-filetypeicon .ini:before, .media-link .field-filetypeicon .js:before, .media-link .field-filetypeicon .py:before {
    content: ""
}

.media-link .field-filetypeicon .apk:before, .media-link .field-filetypeicon .app:before, .media-link .field-filetypeicon .bat:before, .media-link .field-filetypeicon .deb:before, .media-link .field-filetypeicon .dll:before, .media-link .field-filetypeicon .exe:before, .media-link .field-filetypeicon .jar:before, .media-link .field-filetypeicon .msi:before, .media-link .field-filetypeicon .pl:before, .media-link .field-filetypeicon .prg:before, .media-link .field-filetypeicon .scr:before, .media-link .field-filetypeicon .sh:before, .media-link .field-filetypeicon .vb:before {
    content: "ï‚…"
}

.media-link .field-filetypeicon .asp:before, .media-link .field-filetypeicon .aspx:before, .media-link .field-filetypeicon .cfm:before, .media-link .field-filetypeicon .com:before, .media-link .field-filetypeicon .edu:before, .media-link .field-filetypeicon .gov:before, .media-link .field-filetypeicon .htm:before, .media-link .field-filetypeicon .html:before, .media-link .field-filetypeicon .jhtml:before, .media-link .field-filetypeicon .mil:before, .media-link .field-filetypeicon .net:before, .media-link .field-filetypeicon .org:before, .media-link .field-filetypeicon .php3:before, .media-link .field-filetypeicon .php4:before, .media-link .field-filetypeicon .php5:before, .media-link .field-filetypeicon .php:before, .media-link .field-filetypeicon .phtmle:before, .media-link .field-filetypeicon .xhtml:before {
    content: ""
}

.media-link-horizontal div .field-filetypeicon span {
    height: 25px;
    width: 100%
}

    .media-link-horizontal div .field-filetypeicon span:before {
        font-size: 24px !important;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

.media-link-horizontal .component-content > * {
    display: block;
    text-align: center
}

@charset "UTF-8";

.navigation {
    background: 0 0
}

    .navigation .level0 > .navigation-title > a, .navigation .level1 > .navigation-title > a {
        font-size: 18px;
        border-color: #89c6cc;
        border-style: solid;
        border-width: 0 0 2px 0;
        padding-right: 3px;
        margin-right: 5px
    }

        .navigation .level0 > .navigation-title > a:hover, .navigation .level1 > .navigation-title > a:hover {
            text-decoration: none
        }

    .navigation a {
        color: #747474
    }

.lt-ie9 .navigation a, .lt-ie9 .navigation a span {
    color: #747474
}

.navigation a:focus, .navigation a:hover {
    color: #747474
}

.navigation li.submenu {
    margin-bottom: 0
}

.navigation li > .navigation-title > a {
    padding: 3px 5px 3px 0;
    display: block;
    color: #747474;
    text-decoration: none
}

.navigation li > ul a {
    font-size: 14px
}

.navigation .submenu > ul {
    padding-left: 10px
}

.navigation.navigation-fat {
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2
}

    .navigation.navigation-fat a {
        text-decoration: none
    }

    .navigation.navigation-fat nav > ul {
        list-style: none;
        padding: 10px 0;
        overflow: hidden
    }

    .navigation.navigation-fat .rel-level1 {
        margin: 10px;
        padding: 0;
        display: inline-block;
        vertical-align: top
    }

        .navigation.navigation-fat .rel-level1.submenu ul a {
            position: relative
        }

            .navigation.navigation-fat .rel-level1.submenu ul a:before {
                display: inline-block;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                transform: translateY(-50%);
                position: absolute;
                content: "";
                top: 50%;
                left: -9px;
                font-size: 10px
            }

        .navigation.navigation-fat .rel-level1 > .navigation-title > a {
            border-top-width: 2px;
            border-top-style: solid;
            border-top-color: #89c6cc;
            border-bottom: 0;
            background: #f6f6f6;
            padding: 5px 10px;
            display: block;
            width: auto
        }

            .navigation.navigation-fat .rel-level1 > .navigation-title > a:hover {
                border-color: #1b809e
            }

        .navigation.navigation-fat .rel-level1 > ul {
            padding: 0
        }

    .navigation.navigation-fat .rel-level2 {
        padding-left: 10px;
        display: block
    }

.navigation.navigation-main .component-content > nav {
    position: relative
}

    .navigation.navigation-main .component-content > nav ul:after {
        content: "";
        display: table;
        clear: both
    }

.navigation.navigation-main .rel-level1 {
    float: left
}

    .navigation.navigation-main .rel-level1.active > .navigation-title > a {
        border-color: #89c6cc
    }

    .navigation.navigation-main .rel-level1 > .navigation-title > a {
        border-width: 2px 0 0 0;
        border-color: transparent
    }

        .navigation.navigation-main .rel-level1 > .navigation-title > a:hover {
            border-color: #89c6cc
        }

    .navigation.navigation-main .rel-level1.submenu > .navigation-title a {
        position: relative;
        padding-right: 15px
    }

        .navigation.navigation-main .rel-level1.submenu > .navigation-title a:after {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 10px;
            /*content: "";*/
            position: absolute;
            transform: translateY(-50%);
            top: 50%;
            right: 0
        }

    .navigation.navigation-main .rel-level1 > ul {
        overflow: hidden;
        display: none;
        z-index: 10;
        position: absolute;
        top: 100%;
        background: #f6f6f6;
        margin-left: 0;
        margin-top: -2px;
        border-top: 2px solid #89c6cc;
        border-left: 1px solid #d2d2d2;
        border-bottom: 1px solid #d2d2d2
    }

    .navigation.navigation-main .rel-level1.show > a + ul {
        display: block !important
    }

    .navigation.navigation-main .rel-level1.show > ul {
        display: block !important;
        min-width: 60px
    }

    .navigation.navigation-main .rel-level1.active > .navigation-title > a:link, .navigation.navigation-main .rel-level1.active > .navigation-title > a:visited {
        color: #878787
    }

    .navigation.navigation-main .rel-level1.active > span {
        display: block;
        padding: 10px 20px;
        color: #fff
    }

    .navigation.navigation-main .rel-level1.submenu.active {
        border-color: #176f89
    }

.navigation.navigation-main .rel-level2:focus, .navigation.navigation-main .rel-level2:hover {
    transition: background .2s ease-in;
    background: #f6f6f6
}

.navigation.navigation-main .rel-level2 div > a {
    display: block;
    font-weight: 400;
    font-size: 14px;
    text-align: center
}

    .navigation.navigation-main .rel-level2 div > a:focus, .navigation.navigation-main .rel-level2 div > a:hover {
        color: #222
    }

.navigation.navigation-main .rel-level2.submenu {
    box-sizing: border-box
}

    .navigation.navigation-main .rel-level2.submenu.navigation-image {
        text-align: center
    }

        .navigation.navigation-main .rel-level2.submenu.navigation-image .field-navigationtext, .navigation.navigation-main .rel-level2.submenu.navigation-image > a {
            text-align: left
        }

.navigation.navigation-main.navigation-main-horizontal .submenu > ul {
    padding-left: 0
}

.navigation.navigation-main.navigation-main-horizontal .rel-level1.show > a + ul {
    display: inline-flex !important;
    flex-wrap: wrap
}

.navigation.navigation-main.navigation-main-horizontal .rel-level1.show > ul {
    display: inline-flex !important;
    flex-wrap: wrap
}

.navigation.navigation-main.navigation-main-horizontal .rel-level1 > ul {
    width: 100%;
    clear: both;
    left: 0
}

.navigation.navigation-main.navigation-main-horizontal .rel-level2 {
    float: left;
    padding: 10px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #d2d2d2;
    flex-grow: 1;
    flex-basis: 23%
}

.navigation.navigation-main.navigation-main-vertical .rel-level1 > ul {
    padding-left: 0;
    width: auto;
    left: auto;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #d2d2d2
}

    .navigation.navigation-main.navigation-main-vertical .rel-level1 > ul > li {
        padding: 5px 10px
    }

.navigation.navigation-mobile nav > ul {
    border: none;
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2
}

.navigation.navigation-mobile .rel-level1 {
    cursor: pointer;
    margin: 0;
    background: #fff
}

    .navigation.navigation-mobile .rel-level1 > ul {
        padding-left: 25px;
        display: none;
        background: #f6f6f6
    }

        .navigation.navigation-mobile .rel-level1 > ul li {
            position: relative
        }

            .navigation.navigation-mobile .rel-level1 > ul li a:before {
                display: inline-block;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                /*content: "";*/
                display: block;
                position: absolute;
                left: 0;
                font-size: 10px;
                top: 20px;
                transform: translateY(-50%)
            }

    .navigation.navigation-mobile .rel-level1.submenu.active > .navigation-title:before {
        transform: rotate(180deg);
        transition: .6s;
        transform-style: preserve-3d
    }

    .navigation.navigation-mobile .rel-level1.submenu.active > ul {
        display: block
    }

    .navigation.navigation-mobile .rel-level1.submenu > .navigation-title {
        position: relative
    }

        .navigation.navigation-mobile .rel-level1.submenu > .navigation-title:before {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            /*content: "";*/
            display: block;
            position: absolute;
            right: 10px;
            font-size: 10px;
            top: 20px;
            transform: translateY(-50%);
            transform: rotate(0);
            transition: .6s;
            transform-style: preserve-3d
        }

    .navigation.navigation-mobile .rel-level1 > .navigation-title {
        border-bottom: 1px solid #89c6cc;
        margin: 0
    }

        .navigation.navigation-mobile .rel-level1 > .navigation-title:last-child {
            border-bottom: none
        }

    .navigation.navigation-mobile .rel-level1 .navigation-title {
        padding: 10px
    }

        .navigation.navigation-mobile .rel-level1 .navigation-title > a {
            text-decoration: none;
            color: #747474;
            display: inline
        }

.navigation.navigation-mobile .rel-level2 {
    display: list-item
}

    .navigation.navigation-mobile .rel-level2 .navigation-title > a {
        font-weight: 500
    }

    .navigation.navigation-mobile .rel-level2 ul {
        display: none
    }

.navigation.navigation-sidebar a {
    text-decoration: none
}

.navigation.navigation-sidebar nav > ul .rel-level1 > .navigation-title {
    margin-bottom: 0
}

    .navigation.navigation-sidebar nav > ul .rel-level1 > .navigation-title > a {
        padding: 5px 10px;
        display: block;
        position: relative;
        z-index: 1;
        margin-right: 0
    }

.navigation.navigation-sidebar nav > ul .rel-level1 > ul {
    margin-left: 10px;
    margin-top: 5px
}

.navigation.navigation-sidebar nav > ul .rel-level2 {
    display: block
}

.navigation.sitemap-navigation .level2 a {
    position: relative;
    padding-left: 10px
}

    .navigation.sitemap-navigation .level2 a:before {
        font-size: 14px;
        font-size: 1.4rem;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translateY(-50%) scale(1,-1);
        position: absolute;
        content: "";
        top: 50%;
        left: -8px
    }

.page-list {
    background-color: transparent
}

    .page-list .item {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #89c6cc;
        background: 0 0;
        padding: 15px;
        overflow: hidden
    }

        .page-list .item:last-child {
            border-width: 0
        }

        .page-list .item .field-title {
            color: #000
        }

    .page-list .field-title {
        font-weight: 700
    }

    .page-list a {
        background-color: transparent;
        text-decoration: none;
        font-size: 1em;
        color: #747474;
        border-bottom: 1px solid #89c6cc
    }

        .page-list a:hover {
            color: #878787;
            text-decoration: none
        }

.list-pagination {
    background: 0 0
}

    .list-pagination nav {
        font-size: 13px
    }

        .list-pagination nav > a, .list-pagination nav > span {
            display: inline-block;
            margin: 2px 1px 2px 0;
            padding: 4px 8px;
            border-width: 1px;
            border-style: solid;
            border-color: #d2d2d2;
            font-size: 1em;
            font-weight: 700
        }

            .list-pagination nav > a:hover, .list-pagination nav > span:hover {
                color: #89c6cc;
                background: #f6f6f6;
                text-decoration: none;
                border-width: 1px;
                border-style: solid;
                border-color: #15909c
            }

            .list-pagination nav > a:focus, .list-pagination nav > span:focus {
                text-decoration: none;
                color: #89c6cc
            }

            .list-pagination nav > span.active {
                background: #f6f6f6;
                color: #89c6cc;
                border-width: 1px;
                border-style: solid;
                border-color: #d2d2d2
            }

            .list-pagination nav > span.inactive {
                color: #aaa
            }

                .list-pagination nav > span.inactive:hover {
                    background: 0 0;
                    border-width: 1px;
                    border-style: solid;
                    border-color: #d2d2d2
                }

@charset "UTF-8";

.playlist {
    background-color: transparent;
    padding: 20px 10px 0 10px
}

    .playlist a:hover {
        text-decoration: none
    }

    .playlist .component-content > h1, .playlist .component-content > h2, .playlist .component-content > h3, .playlist .component-content > h4, .playlist .component-content > h5, .playlist .component-content > h6 {
        margin: 0 0 10px 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #89c6cc
    }

    .playlist .playlist-item {
        margin: 0 0 10px 0;
        padding: 0;
        overflow: hidden
    }

        .playlist .playlist-item .playlist-section {
            display: flex;
            align-items: center;
            cursor: pointer;
            flex-flow: row wrap
        }

            .playlist .playlist-item .playlist-section > .scEmptyPlaceholder {
                flex-basis: 100%
            }

            .playlist .playlist-item .playlist-section > div {
                order: 1
            }

            .playlist .playlist-item .playlist-section .field-moviecaption a, .playlist .playlist-item .playlist-section .field-moviecaption a:hover {
                text-decoration: none !important
            }

            .playlist .playlist-item .playlist-section .field-moviethumbnail {
                max-width: 150px;
                padding: 10px 10px 8px 5px
            }

                .playlist .playlist-item .playlist-section .field-moviethumbnail a {
                    display: block;
                    text-align: center
                }

                    .playlist .playlist-item .playlist-section .field-moviethumbnail a img {
                        width: 100%;
                        height: auto
                    }

            .playlist .playlist-item .playlist-section .field-moviecaption {
                font-size: 13px
            }

                .playlist .playlist-item .playlist-section .field-moviecaption > a {
                    padding: 15px 10px;
                    display: block;
                    color: #747474;
                    font-size: 1em
                }

        .playlist .playlist-item.active {
            background-color: #89c6cc
        }

            .playlist .playlist-item.active .field-moviecaption a {
                color: #fff;
                font-weight: 700
            }

    .playlist .playlist-nav {
        padding: 5px;
        text-align: center
    }

        .playlist .playlist-nav a {
            text-indent: -9999px;
            display: block;
            height: 100%
        }

        .playlist .playlist-nav .playlist-next, .playlist .playlist-nav .playlist-prev {
            height: 17px;
            width: 14px;
            display: inline-block;
            vertical-align: middle
        }

            .playlist .playlist-nav .playlist-next a, .playlist .playlist-nav .playlist-prev a {
                position: relative
            }

                .playlist .playlist-nav .playlist-next a:before, .playlist .playlist-nav .playlist-prev a:before {
                    display: inline-block;
                    font: normal normal normal 14px/1 FontAwesome;
                    font-size: inherit;
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "";
                    position: absolute;
                    top: 50%;
                    left: 0;
                    transform: translateY(-50%);
                    text-indent: 0
                }

                .playlist .playlist-nav .playlist-next a:hover, .playlist .playlist-nav .playlist-prev a:hover {
                    color: #89c6cc
                }

                .playlist .playlist-nav .playlist-prev a:before {
                    content: ""
                }

                .playlist .playlist-nav .playlist-next a:before {
                    content: ""
                }

.video-playlist.show {
    display: block
}

.on-page-editor .video-playlist {
    display: block
}

.playlist.playlist-horizontal .playlist-items {
    display: inline-flex
}

    .playlist.playlist-horizontal .playlist-items .playlist-item {
        min-width: 150px
    }

        .playlist.playlist-horizontal .playlist-items .playlist-item .playlist-section > div {
            width: 100%
        }

        .playlist.playlist-horizontal .playlist-items .playlist-item .playlist-section {
            display: block
        }

        .playlist.playlist-horizontal .playlist-items .playlist-item .field-moviecaption {
            text-align: center
        }

.promo {
    background: #fff;
    padding: 15px;
    overflow: hidden;
    box-sizing: border-box
}

    .promo > .component-content {
        position: relative;
        border-width: 1px;
        border-style: solid;
        border-color: #d2d2d2
    }

        .promo > .component-content:after {
            content: "";
            display: table;
            clear: both
        }

        .promo > .component-content > div {
            padding: 5px
        }

    .promo .zg-height-fix .field-promoicon {
        margin-top: 100px
    }

    .promo .field-promoicon {
        overflow: hidden;
        width: 100%
    }

        .promo .field-promoicon img {
            width: 100%;
            height: auto
        }

    .promo .field-promolink {
        margin-top: 5px;
        padding-bottom: 10px
    }

    .promo.image-full-size img {
        margin-bottom: 10px
    }

    .promo h1, .promo h2, .promo h3, .promo h4, .promo h5, .promo h6 {
        color: #222
    }

    .promo h1, .promo h2 {
        margin: 10px 0
    }

    .promo h3, .promo h4, .promo p {
        margin: 5px 0
    }

    .promo h5, .promo h6 {
        margin: 5px 0 0
    }

    .promo strong {
        font-weight: 700
    }

    .promo ol, .promo ul {
        padding-bottom: 5px;
        padding-top: 5px;
        margin-left: 10px
    }

    .promo li {
        font-size: 13px;
        margin-left: 15px
    }

    .promo ul li {
        list-style: disc;
        list-style-position: inside
    }

    .promo ol li {
        list-style: decimal;
        list-style-position: inside
    }

    .promo a {
        color: #de232f;
        text-decoration: underline;
        font-size: 1em
    }

        .promo a:hover {
            color: #878787
        }

    .promo table {
        height: auto !important;
        border: 2px solid #d2d2d2
    }

        .promo table, .promo table td, .promo table th, .promo table tr {
            border: solid 2px #d2d2d2;
            background: #fff;
            border-collapse: collapse;
            vertical-align: middle
        }

            .promo table td, .promo table th, .promo table tr {
                padding: 5px
            }

            .promo table caption {
                background-color: #f7f7f7;
                overflow: hidden;
                padding: 10px;
                font-size: 20px;
                font-weight: 700;
                margin-left: 0
            }

            .promo table tr {
                border: none
            }

            .promo table td, .promo table th {
                border-width: 2px 0 0 2px
            }

            .promo table th {
                background-color: #fff;
                font-size: 13px;
                font-weight: 700;
                padding: 7px
            }

                .promo table th:first-child {
                    border-left: 0
                }

            .promo table td:first-child {
                border-left: 0
            }

    .promo.absolute-bottom-link {
        position: relative
    }

        .promo.absolute-bottom-link .field-promolink {
            position: absolute;
            bottom: 10px;
            right: 10px
        }

    .promo.promo-hero {
        position: relative;
        text-align: center
    }

        .promo.promo-hero.promo-hero-half {
            float: left;
            width: 50%
        }

@media only screen and (max-width:959px) {
    .promo.promo-hero.promo-hero-half {
        float: none;
        width: 100%
    }
}

.promo.promo-hero .field-promotext {
    display: inline-block;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding: 20px;
    color: #fff;
    background: rgba(0,0,0,.5)
}

    .promo.promo-hero .field-promotext > a {
        color: inherit;
        text-decoration: none
    }

@media only screen and (max-width:959px) {
    .promo.promo-hero .field-promotext {
        width: 100%;
        margin: 0
    }

        .promo.promo-hero .field-promotext h1 {
            font-size: 24px;
            font-size: 2.4rem
        }

        .promo.promo-hero .field-promotext h2, .promo.promo-hero .field-promotext h3, .promo.promo-hero .field-promotext h4 {
            font-size: 20px;
            font-size: 2rem
        }
}

.promo-shadow {
    max-width: 960px;
    padding: 0;
    border-top-width: 3px;
    border-top-color: #89c6cc;
    border-style: solid;
    overflow: visible;
    position: relative
}

    .promo-shadow.promo {
        float: left
    }

    .promo-shadow > .component-content {
        padding: 15px;
        margin: 0 0 30px 0
    }

@media only screen and (max-width:959px) {
    .promo-shadow > .component-content {
        margin: 0 10px 30px 10px
    }
}

.promo-shadow > .component-content:after, .promo-shadow > .component-content:before {
    opacity: .7;
    box-shadow: 0 17px 10px rgba(0,0,0,.7);
    position: absolute;
    z-index: -1;
    height: 20%;
    max-height: 100px;
    max-width: 460px;
    width: 47%;
    content: "";
    bottom: 10px
}

.promo-shadow > .component-content:before {
    left: 2%;
    transform: rotate(-3deg)
}

.promo-shadow > .component-content:after {
    right: 2%;
    transform: rotate(3deg)
}

@charset "UTF-8";

.content, .rich-text {
    background: 0 0;
    color: #747474;
    border: transparent;
    line-height: 1.5;
    font-size: 12px;
    overflow: hidden
}

    .content *, .rich-text * {
        max-width: 100%
    }

    .content .avi, .content .bmp, .content .doc, .content .docx, .content .field-filetypeicon > a > span, .content .gif, .content .jpeg, .content .jpg, .content .mov, .content .mp3, .content .mp4, .content .pdf, .content .png, .content .ppt, .content .pptx, .content .psd, .content .txt, .content .wma, .content .wmv, .content .xls, .content .xlsx, .content .zip, .rich-text .avi, .rich-text .bmp, .rich-text .doc, .rich-text .docx, .rich-text .field-filetypeicon > a > span, .rich-text .gif, .rich-text .jpeg, .rich-text .jpg, .rich-text .mov, .rich-text .mp3, .rich-text .mp4, .rich-text .pdf, .rich-text .png, .rich-text .ppt, .rich-text .pptx, .rich-text .psd, .rich-text .txt, .rich-text .wma, .rich-text .wmv, .rich-text .xls, .rich-text .xlsx, .rich-text .zip {
        display: inline-block;
        box-sizing: border-box;
        font-weight: 400;
        width: 15px;
        height: 21px;
        margin: 0;
        padding: 0;
        position: relative
    }

        .content .avi:before, .content .bmp:before, .content .doc:before, .content .docx:before, .content .field-filetypeicon > a > span:before, .content .gif:before, .content .jpeg:before, .content .jpg:before, .content .mov:before, .content .mp3:before, .content .mp4:before, .content .pdf:before, .content .png:before, .content .ppt:before, .content .pptx:before, .content .psd:before, .content .txt:before, .content .wma:before, .content .wmv:before, .content .xls:before, .content .xlsx:before, .content .zip:before, .rich-text .avi:before, .rich-text .bmp:before, .rich-text .doc:before, .rich-text .docx:before, .rich-text .field-filetypeicon > a > span:before, .rich-text .gif:before, .rich-text .jpeg:before, .rich-text .jpg:before, .rich-text .mov:before, .rich-text .mp3:before, .rich-text .mp4:before, .rich-text .pdf:before, .rich-text .png:before, .rich-text .ppt:before, .rich-text .pptx:before, .rich-text .psd:before, .rich-text .txt:before, .rich-text .wma:before, .rich-text .wmv:before, .rich-text .xls:before, .rich-text .xlsx:before, .rich-text .zip:before {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 16px !important;
            position: absolute;
            display: block;
            top: 50%;
            margin: 0;
            padding: 0;
            transform: translateY(-50%)
        }

    .content .field-filetypeicon span:before, .rich-text .field-filetypeicon span:before {
        content: ""
    }

    .content .field-filetypeicon .pdf:before, .rich-text .field-filetypeicon .pdf:before {
        content: ""
    }

    .content .field-filetypeicon .xls:before, .content .field-filetypeicon .xlsx:before, .rich-text .field-filetypeicon .xls:before, .rich-text .field-filetypeicon .xlsx:before {
        content: ""
    }

    .content .field-filetypeicon .ppt:before, .content .field-filetypeicon .pptx:before, .rich-text .field-filetypeicon .ppt:before, .rich-text .field-filetypeicon .pptx:before {
        content: ""
    }

    .content .field-filetypeicon .doc:before, .content .field-filetypeicon .docx:before, .rich-text .field-filetypeicon .doc:before, .rich-text .field-filetypeicon .docx:before {
        content: ""
    }

    .content .field-filetypeicon .bmp:before, .content .field-filetypeicon .gif:before, .content .field-filetypeicon .jpeg:before, .content .field-filetypeicon .jpg:before, .content .field-filetypeicon .png:before, .content .field-filetypeicon .psd:before, .content .field-filetypeicon .tif:before, .rich-text .field-filetypeicon .bmp:before, .rich-text .field-filetypeicon .gif:before, .rich-text .field-filetypeicon .jpeg:before, .rich-text .field-filetypeicon .jpg:before, .rich-text .field-filetypeicon .png:before, .rich-text .field-filetypeicon .psd:before, .rich-text .field-filetypeicon .tif:before {
        content: ""
    }

    .content .field-filetypeicon .avi:before, .content .field-filetypeicon .divx:before, .content .field-filetypeicon .flv:before, .content .field-filetypeicon .gifv:before, .content .field-filetypeicon .h264:before, .content .field-filetypeicon .m4v:before, .content .field-filetypeicon .mk3d:before, .content .field-filetypeicon .mkv:before, .content .field-filetypeicon .mov:before, .content .field-filetypeicon .movie:before, .content .field-filetypeicon .mp4:before, .content .field-filetypeicon .mpg:before, .content .field-filetypeicon .oggv:before, .content .field-filetypeicon .rv:before, .content .field-filetypeicon .swf:before, .content .field-filetypeicon .vid:before, .content .field-filetypeicon .vp6:before, .content .field-filetypeicon .webm:before, .content .field-filetypeicon .wmv:before, .rich-text .field-filetypeicon .avi:before, .rich-text .field-filetypeicon .divx:before, .rich-text .field-filetypeicon .flv:before, .rich-text .field-filetypeicon .gifv:before, .rich-text .field-filetypeicon .h264:before, .rich-text .field-filetypeicon .m4v:before, .rich-text .field-filetypeicon .mk3d:before, .rich-text .field-filetypeicon .mkv:before, .rich-text .field-filetypeicon .mov:before, .rich-text .field-filetypeicon .movie:before, .rich-text .field-filetypeicon .mp4:before, .rich-text .field-filetypeicon .mpg:before, .rich-text .field-filetypeicon .oggv:before, .rich-text .field-filetypeicon .rv:before, .rich-text .field-filetypeicon .swf:before, .rich-text .field-filetypeicon .vid:before, .rich-text .field-filetypeicon .vp6:before, .rich-text .field-filetypeicon .webm:before, .rich-text .field-filetypeicon .wmv:before {
        content: ""
    }

    .content .field-filetypeicon .aa:before, .content .field-filetypeicon .aac:before, .content .field-filetypeicon .aax:before, .content .field-filetypeicon .ac3:before, .content .field-filetypeicon .aif:before, .content .field-filetypeicon .aiff:before, .content .field-filetypeicon .amz:before, .content .field-filetypeicon .asx:before, .content .field-filetypeicon .au:before, .content .field-filetypeicon .avr:before, .content .field-filetypeicon .fla:before, .content .field-filetypeicon .flac:before, .content .field-filetypeicon .m3u:before, .content .field-filetypeicon .m4a:before, .content .field-filetypeicon .mid:before, .content .field-filetypeicon .midi:before, .content .field-filetypeicon .mka:before, .content .field-filetypeicon .mp3:before, .content .field-filetypeicon .mp4a:before, .content .field-filetypeicon .ogg:before, .content .field-filetypeicon .pcm:before, .content .field-filetypeicon .ra:before, .content .field-filetypeicon .rma:before, .content .field-filetypeicon .wav:before, .content .field-filetypeicon .wma:before, .content .field-filetypeicon .xwma:before, .rich-text .field-filetypeicon .aa:before, .rich-text .field-filetypeicon .aac:before, .rich-text .field-filetypeicon .aax:before, .rich-text .field-filetypeicon .ac3:before, .rich-text .field-filetypeicon .aif:before, .rich-text .field-filetypeicon .aiff:before, .rich-text .field-filetypeicon .amz:before, .rich-text .field-filetypeicon .asx:before, .rich-text .field-filetypeicon .au:before, .rich-text .field-filetypeicon .avr:before, .rich-text .field-filetypeicon .fla:before, .rich-text .field-filetypeicon .flac:before, .rich-text .field-filetypeicon .m3u:before, .rich-text .field-filetypeicon .m4a:before, .rich-text .field-filetypeicon .mid:before, .rich-text .field-filetypeicon .midi:before, .rich-text .field-filetypeicon .mka:before, .rich-text .field-filetypeicon .mp3:before, .rich-text .field-filetypeicon .mp4a:before, .rich-text .field-filetypeicon .ogg:before, .rich-text .field-filetypeicon .pcm:before, .rich-text .field-filetypeicon .ra:before, .rich-text .field-filetypeicon .rma:before, .rich-text .field-filetypeicon .wav:before, .rich-text .field-filetypeicon .wma:before, .rich-text .field-filetypeicon .xwma:before {
        content: ""
    }

    .content .field-filetypeicon .txt:before, .rich-text .field-filetypeicon .txt:before {
        content: ""
    }

    .content .field-filetypeicon .dmg:before, .content .field-filetypeicon .gz:before, .content .field-filetypeicon .iso:before, .content .field-filetypeicon .rar:before, .content .field-filetypeicon .tar:before, .content .field-filetypeicon .zip:before, .content .field-filetypeicon .zipx:before, .rich-text .field-filetypeicon .dmg:before, .rich-text .field-filetypeicon .gz:before, .rich-text .field-filetypeicon .iso:before, .rich-text .field-filetypeicon .rar:before, .rich-text .field-filetypeicon .tar:before, .rich-text .field-filetypeicon .zip:before, .rich-text .field-filetypeicon .zipx:before {
        content: ""
    }

    .content .field-filetypeicon .config:before, .content .field-filetypeicon .cpp:before, .content .field-filetypeicon .css:before, .content .field-filetypeicon .git:before, .content .field-filetypeicon .h:before, .content .field-filetypeicon .ini:before, .content .field-filetypeicon .js:before, .content .field-filetypeicon .py:before, .rich-text .field-filetypeicon .config:before, .rich-text .field-filetypeicon .cpp:before, .rich-text .field-filetypeicon .css:before, .rich-text .field-filetypeicon .git:before, .rich-text .field-filetypeicon .h:before, .rich-text .field-filetypeicon .ini:before, .rich-text .field-filetypeicon .js:before, .rich-text .field-filetypeicon .py:before {
        content: ""
    }

    .content .field-filetypeicon .apk:before, .content .field-filetypeicon .app:before, .content .field-filetypeicon .bat:before, .content .field-filetypeicon .deb:before, .content .field-filetypeicon .dll:before, .content .field-filetypeicon .exe:before, .content .field-filetypeicon .jar:before, .content .field-filetypeicon .msi:before, .content .field-filetypeicon .pl:before, .content .field-filetypeicon .prg:before, .content .field-filetypeicon .scr:before, .content .field-filetypeicon .sh:before, .content .field-filetypeicon .vb:before, .rich-text .field-filetypeicon .apk:before, .rich-text .field-filetypeicon .app:before, .rich-text .field-filetypeicon .bat:before, .rich-text .field-filetypeicon .deb:before, .rich-text .field-filetypeicon .dll:before, .rich-text .field-filetypeicon .exe:before, .rich-text .field-filetypeicon .jar:before, .rich-text .field-filetypeicon .msi:before, .rich-text .field-filetypeicon .pl:before, .rich-text .field-filetypeicon .prg:before, .rich-text .field-filetypeicon .scr:before, .rich-text .field-filetypeicon .sh:before, .rich-text .field-filetypeicon .vb:before {
        content: "ï‚…"
    }

    .content .field-filetypeicon .asp:before, .content .field-filetypeicon .aspx:before, .content .field-filetypeicon .cfm:before, .content .field-filetypeicon .com:before, .content .field-filetypeicon .edu:before, .content .field-filetypeicon .gov:before, .content .field-filetypeicon .htm:before, .content .field-filetypeicon .html:before, .content .field-filetypeicon .jhtml:before, .content .field-filetypeicon .mil:before, .content .field-filetypeicon .net:before, .content .field-filetypeicon .org:before, .content .field-filetypeicon .php3:before, .content .field-filetypeicon .php4:before, .content .field-filetypeicon .php5:before, .content .field-filetypeicon .php:before, .content .field-filetypeicon .phtmle:before, .content .field-filetypeicon .xhtml:before, .rich-text .field-filetypeicon .asp:before, .rich-text .field-filetypeicon .aspx:before, .rich-text .field-filetypeicon .cfm:before, .rich-text .field-filetypeicon .com:before, .rich-text .field-filetypeicon .edu:before, .rich-text .field-filetypeicon .gov:before, .rich-text .field-filetypeicon .htm:before, .rich-text .field-filetypeicon .html:before, .rich-text .field-filetypeicon .jhtml:before, .rich-text .field-filetypeicon .mil:before, .rich-text .field-filetypeicon .net:before, .rich-text .field-filetypeicon .org:before, .rich-text .field-filetypeicon .php3:before, .rich-text .field-filetypeicon .php4:before, .rich-text .field-filetypeicon .php5:before, .rich-text .field-filetypeicon .php:before, .rich-text .field-filetypeicon .phtmle:before, .rich-text .field-filetypeicon .xhtml:before {
        content: ""
    }

    .content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6 {
        color: #222
    }

    .content h1, .content h2, .rich-text h1, .rich-text h2 {
        margin: 10px 0
    }

    .content h3, .content h4, .content p, .rich-text h3, .rich-text h4, .rich-text p {
        margin: 5px 0
    }

    .content h5, .content h6, .rich-text h5, .rich-text h6 {
        margin: 5px 0 0
    }

    .content strong, .rich-text strong {
        font-weight: 700
    }

    .content ol, .content ul, .rich-text ol, .rich-text ul {
        padding-bottom: 5px;
        padding-top: 5px;
        margin-left: 10px
    }

    .content li, .rich-text li {
        font-size: 13px;
        margin-left: 15px
    }

    .content ul li, .rich-text ul li {
        list-style: disc;
        list-style-position: inside
    }

    .content ol li, .rich-text ol li {
        list-style: decimal;
        list-style-position: inside
    }

    .content a, .rich-text a {
        color: #de232f;
        text-decoration: underline;
        font-size: 1em
    }

        .content a:hover, .rich-text a:hover {
            color: #878787
        }

    .content table, .rich-text table {
        height: auto !important;
        border: 2px solid #d2d2d2
    }

        .content table, .content table td, .content table th, .content table tr, .rich-text table, .rich-text table td, .rich-text table th, .rich-text table tr {
            border: solid 2px #d2d2d2;
            background: #fff;
            border-collapse: collapse;
            vertical-align: middle
        }

            .content table td, .content table th, .content table tr, .rich-text table td, .rich-text table th, .rich-text table tr {
                padding: 5px
            }

            .content table caption, .rich-text table caption {
                background-color: #f7f7f7;
                overflow: hidden;
                padding: 10px;
                font-size: 20px;
                font-weight: 700;
                margin-left: 0
            }

            .content table tr, .rich-text table tr {
                border: none
            }

            .content table td, .content table th, .rich-text table td, .rich-text table th {
                border-width: 2px 0 0 2px
            }

            .content table th, .rich-text table th {
                background-color: #fff;
                font-size: 13px;
                font-weight: 700;
                padding: 7px
            }

                .content table th:first-child, .rich-text table th:first-child {
                    border-left: 0
                }

            .content table td:first-child, .rich-text table td:first-child {
                border-left: 0
            }

.field-featurelist ul, .rich-text-lists ul {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

    .field-featurelist ul li, .rich-text-lists ul li {
        font-size: 13px;
        font-size: 1.3rem;
        position: relative;
        line-height: 21px;
        list-style: none;
        margin: 0;
        padding: 5px 0 5px 25px
    }

        .field-featurelist ul li:before, .rich-text-lists ul li:before {
            display: inline-block;
            vertical-align: middle;
            font-size: 12px;
            font-size: 1.2rem;
            font-family: FontAwesome,sans-serif;
            position: absolute;
            top: 3px;
            left: 0;
            color: #747474;
            text-align: center;
            content: "";
            width: 20px;
            margin: 0 5px 0 0;
            padding: 0
        }

        .field-featurelist ul li:before {
            display: inline-block;
            vertical-align: middle;
            font-size: 12px;
            font-size: 1.2rem;
            font-family: FontAwesome,sans-serif;
            position: absolute;
            top: 3px;
            left: 0;
            color: #747474;
            text-align: center;
            content: "";
            width: 20px;
            margin: 0 5px 0 0;
            padding: 0
        }

.media-link.file-type-icon-media-link {
    float: left
}

    .media-link.file-type-icon-media-link .field-filetypeicon {
        text-align: center
    }

@charset "UTF-8";

.facet-component, .facet-summary {
    box-sizing: border-box;
    background: 0 0
}

    .facet-component label, .facet-summary label {
        background: 0 0;
        color: #747474
    }

    .facet-component button, .facet-component input, .facet-summary button, .facet-summary input {
        display: inline-block;
        box-sizing: border-box;
        background: #fff !important;
        border: 1px solid #d2d2d2;
        border-radius: 0 !important;
        color: #747474;
        font-weight: 400;
        padding: 8px 2%;
        clear: both;
        height: auto;
        font-size: 13px
    }

        .facet-component input:focus, .facet-summary input:focus {
            border: 1px solid #d2d2d2
        }

        .facet-component button, .facet-component input[type=button], .facet-component input[type=reset], .facet-component input[type=submit], .facet-summary button, .facet-summary input[type=button], .facet-summary input[type=reset], .facet-summary input[type=submit] {
            border: 1px solid #89c6cc;
            padding: 5px 20px
        }

            .facet-component button:hover, .facet-component input[type=button]:hover, .facet-component input[type=reset]:hover, .facet-component input[type=submit]:hover, .facet-summary button:hover, .facet-summary input[type=button]:hover, .facet-summary input[type=reset]:hover, .facet-summary input[type=submit]:hover {
                background: #f7f7f7 !important
            }

            .facet-component button::-moz-focus-inner, .facet-component input::-moz-focus-inner, .facet-summary button::-moz-focus-inner, .facet-summary input::-moz-focus-inner {
                border: 0;
                padding: 0
            }

        .facet-component input[type=text], .facet-summary input[type=text] {
            font-size: 13px
        }

        .facet-component input[type=email], .facet-component input[type=password], .facet-component input[type=text], .facet-component select, .facet-component textarea, .facet-summary input[type=email], .facet-summary input[type=password], .facet-summary input[type=text], .facet-summary select, .facet-summary textarea {
            box-shadow: inset 0 1px 5px rgba(0,0,0,.1);
            color: #747474;
            width: 100%;
            background: #fff;
            border: 1px solid #d2d2d2
        }

    .facet-component select, .facet-summary select {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        box-sizing: border-box;
        outline: 0;
        cursor: pointer;
        padding: 5px
    }

    .facet-component:after, .facet-summary:after {
        content: "";
        display: table;
        clear: both
    }

    .facet-component .bottom-filter-button, .facet-summary .bottom-filter-button {
        float: right
    }

    .facet-component .facet-heading, .facet-summary .facet-heading {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #89c6cc;
        padding: 0 0 5px 0;
        margin: 0 0 5px 0;
        position: relative
    }

        .facet-component .facet-heading .facet-title, .facet-summary .facet-heading .facet-title {
            display: inline-block;
            vertical-align: middle;
            color: #747474;
            padding-right: 25px
        }

        .facet-component .facet-heading .clear-filter, .facet-summary .facet-heading .clear-filter {
            display: inline-block;
            vertical-align: middle;
            border-radius: 15px;
            font-size: 10px;
            text-align: center !important;
            width: 15px;
            cursor: pointer;
            position: absolute;
            color: #747474;
            right: 3px;
            top: 50%;
            transform: translateY(-50%);
            background: 0 0
        }

            .facet-component .facet-heading .clear-filter:hover, .facet-summary .facet-heading .clear-filter:hover {
                background: #e0e0e0;
                border-color: #adadad;
                text-decoration: none;
                color: #747474
            }

            .facet-component .facet-heading .clear-filter.has-active-facet, .facet-summary .facet-heading .clear-filter.has-active-facet {
                background: #e0e0e0;
                color: #747474
            }

                .facet-component .facet-heading .clear-filter.has-active-facet:hover, .facet-summary .facet-heading .clear-filter.has-active-facet:hover {
                    background: #e0e0e0;
                    color: #747474
                }

.facet-single-selection-list .facet-hided .hide-facet-value {
    display: none
}

.facet-single-selection-list .toogle-facet-visibility {
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #747474;
    cursor: pointer
}

.facet-single-selection-list .facet-dropdown {
    margin: 10px 0
}

    .facet-single-selection-list .facet-dropdown select {
        min-width: 100%
    }

.facet-single-selection-list .facet-value input[type=checkbox] {
    display: none
}

.facet-single-selection-list .facet-value label {
    color: #747474
}

.facet-single-selection-list .facet-value.active-facet .facet-count.highlighted, .facet-single-selection-list .facet-value.active-facet label, .facet-single-selection-list .facet-value.active-facet span {
    color: #89c6cc
}

.facet-single-selection-list .bottom-remove-filter {
    float: left
}

.facet-single-selection-list .bottom-filter-button {
    float: right
}

.facet-summary .removeFacetValue, .facet-summary-horizontal .removeFacetValue {
    font-size: 1.35rem;
    font-weight: 400;
    padding-left: .5rem;
    padding-right: .25rem;
    color: #89c6cc;
    cursor: pointer
}

.facet-summary .bottom-remove-filter button, .facet-summary-horizontal .bottom-remove-filter button {
    font-size: 12px;
    font-weight: 700;
    position: relative;
    cursor: pointer
}

.facet-summary .clear-filter, .facet-summary-horizontal .clear-filter {
    display: none
}

.facet-summary:not(.facet-summary-horizontal) {
    margin-bottom: 10px
}

    .facet-summary:not(.facet-summary-horizontal) .component-content .facet-summary-wrapper {
        background-color: transparent;
        padding-top: 10px
    }

        .facet-summary:not(.facet-summary-horizontal) .component-content .facet-summary-wrapper .active-facet-summary-element {
            float: left;
            font-size: 12px;
            position: relative;
            padding-top: 10px;
            width: 100%
        }

            .facet-summary:not(.facet-summary-horizontal) .component-content .facet-summary-wrapper .active-facet-summary-element span {
                font-weight: 700
            }

            .facet-summary:not(.facet-summary-horizontal) .component-content .facet-summary-wrapper .active-facet-summary-element .facet-summary-name {
                margin-right: .6rem;
                font-weight: 700
            }

            .facet-summary:not(.facet-summary-horizontal) .component-content .facet-summary-wrapper .active-facet-summary-element .facet-summary-value {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: .1rem .8rem;
                padding-left: 0;
                border-bottom: 1px solid #d2d2d2;
                margin-bottom: .25rem;
                word-break: break-word
            }

    .facet-summary:not(.facet-summary-horizontal) .component-content .bottom-remove-filter {
        width: 100%;
        float: left;
        padding-top: 10px
    }

        .facet-summary:not(.facet-summary-horizontal) .component-content .bottom-remove-filter button {
            width: 100%;
            color: #de232f;
            border-color: transparent;
            text-align: left;
            text-indent: 10px;
            padding-left: 3px
        }

            .facet-summary:not(.facet-summary-horizontal) .component-content .bottom-remove-filter button:before {
                content: "x";
                display: block;
                position: absolute;
                top: 50%;
                left: 1px;
                color: #de232f;
                transform: translate(-50%,-50%)
            }

            .facet-summary:not(.facet-summary-horizontal) .component-content .bottom-remove-filter button:hover {
                background-color: transparent !important
            }

.facet-summary-horizontal .facet-summary-wrapper {
    margin: 10px 0
}

.facet-summary-horizontal .facet-summary-name, .facet-summary-horizontal .facet-summary-value {
    font-size: 1.3rem;
    float: left;
    margin-bottom: .9rem
}

.facet-summary-horizontal .facet-summary-name {
    padding: 2px .85rem 2px 0
}

.facet-summary-horizontal .facet-summary-value {
    border-radius: 12px;
    box-shadow: 0 2px 6px 0 #d2d2d2;
    padding: 2px 18px 2px 8px;
    margin-right: .95rem;
    word-break: break-word;
    position: relative
}

.facet-summary-horizontal .removeFacetValue {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    padding-left: .5rem;
    padding-right: .5rem
}

.facet-summary-horizontal .facet-summary-wrapper.clearfix:after, .facet-summary-horizontal .facet-summary-wrapper.clearfix:before {
    display: none
}

.facet-summary-horizontal .bottom-remove-filter {
    float: left
}

    .facet-summary-horizontal .bottom-remove-filter button {
        width: auto;
        background: 0 0;
        border: 1px solid #bc4526;
        border-radius: 12px !important;
        padding: .2rem .9rem;
        color: #747474
    }

.facet-summary-horizontal.facet-summary-horizontal-break .active-facet-summary-element:after {
    content: "";
    display: table;
    clear: both
}

.facet-date-range .from-date, .facet-date-range .to-date {
    margin-bottom: 5px
}

.ui-datepicker-title select {
    color: #747474
}

.facet-dropdown {
    margin: 10px 0
}

    .facet-dropdown select {
        min-width: 100%;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        border-width: 1px;
        border-style: solid;
        border-color: #d2d2d2;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        position: relative;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        background-color: #fff;
        border-radius: 4px;
        margin-bottom: 5px
    }

.facet-managed-range {
    box-sizing: border-box
}

    .facet-managed-range .max-range-value, .facet-managed-range .min-range-value {
        display: inline-block;
        vertical-align: middle;
        float: left;
        width: 49%;
        margin-bottom: 5px
    }

        .facet-managed-range .max-range-value input[type=text], .facet-managed-range .min-range-value input[type=text] {
            min-width: 100%;
            width: 100%
        }

    .facet-managed-range .min-range-value {
        float: left
    }

    .facet-managed-range .max-range-value {
        float: right
    }

    .facet-managed-range .bottom-remove-filter {
        float: left
    }

.facet-range-selector .slider-min-value {
    float: left;
    width: 4%;
    text-align: center
}

.facet-range-selector .slider-max-value {
    float: right;
    width: 4%;
    text-align: center
}

.facet-range-selector .slider-min-value + .ui-slider-horizontal {
    float: left;
    width: 88%;
    margin: 5px 2%
}

.radius-filter label {
    background: 0 0;
    color: #747474
}

.radius-filter button, .radius-filter input {
    display: inline-block;
    box-sizing: border-box;
    background: #fff !important;
    border: 1px solid #d2d2d2;
    border-radius: 0 !important;
    color: #747474;
    font-weight: 400;
    padding: 8px 2%;
    clear: both;
    height: auto;
    font-size: 13px
}

    .radius-filter input:focus {
        border: 1px solid #d2d2d2
    }

    .radius-filter button, .radius-filter input[type=button], .radius-filter input[type=reset], .radius-filter input[type=submit] {
        border: 1px solid #89c6cc;
        padding: 5px 20px
    }

        .radius-filter button:hover, .radius-filter input[type=button]:hover, .radius-filter input[type=reset]:hover, .radius-filter input[type=submit]:hover {
            background: #f7f7f7 !important
        }

        .radius-filter button::-moz-focus-inner, .radius-filter input::-moz-focus-inner {
            border: 0;
            padding: 0
        }

    .radius-filter input[type=text] {
        font-size: 13px
    }

    .radius-filter input[type=email], .radius-filter input[type=password], .radius-filter input[type=text], .radius-filter select, .radius-filter textarea {
        box-shadow: inset 0 1px 5px rgba(0,0,0,.1);
        color: #747474;
        width: 100%;
        background: #fff;
        border: 1px solid #d2d2d2
    }

.radius-filter select {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    box-sizing: border-box;
    outline: 0;
    cursor: pointer;
    padding: 5px
}

.radius-filter .radius-button.selected {
    color: #89c6cc;
    background: #fff
}

.radius-filter ul {
    height: 30px
}

    .radius-filter ul li {
        display: block;
        border-width: 1px 1px 1px 0;
        border-style: solid;
        border-color: #d2d2d2;
        float: left;
        padding: 5px 5px;
        cursor: pointer
    }

        .radius-filter ul li:first-child {
            border-width: 1px
        }

.radius-filter .bottom-remove-filter {
    margin-bottom: 5px
}

.ui-slider {
    position: relative;
    width: 80%;
    margin: 10px auto;
    text-align: left
}

    .ui-slider .ui-widget-header {
        border: 1px solid #89c6cc;
        background: #89c6cc;
        font-weight: 700
    }

        .ui-slider .ui-widget-header a {
            color: #fff
        }

.slider-value {
    text-align: center
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d2d2d2;
    background: #f7f7f7;
    font-weight: 400;
    color: #747474
}

    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
        color: #747474;
        text-decoration: none
    }

.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    border: 1px solid #d2d2d2;
    background: #dadada;
    font-weight: 400;
    color: #747474
}

    .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
        color: #747474;
        text-decoration: none
    }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #d2d2d2;
    background: #dadada;
    font-weight: 400;
    color: #747474
}

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #747474;
        text-decoration: none
    }

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0
    }

.load-more label {
    background: 0 0;
    color: #747474
}

.load-more button, .load-more input {
    display: inline-block;
    box-sizing: border-box;
    background: #fff !important;
    border: 1px solid #d2d2d2;
    border-radius: 0 !important;
    color: #747474;
    font-weight: 400;
    padding: 8px 2%;
    clear: both;
    height: auto;
    font-size: 13px
}

    .load-more input:focus {
        border: 1px solid #d2d2d2
    }

    .load-more button, .load-more input[type=button], .load-more input[type=reset], .load-more input[type=submit] {
        border: 1px solid #89c6cc;
        padding: 5px 20px
    }

        .load-more button:hover, .load-more input[type=button]:hover, .load-more input[type=reset]:hover, .load-more input[type=submit]:hover {
            background: #f7f7f7 !important
        }

        .load-more button::-moz-focus-inner, .load-more input::-moz-focus-inner {
            border: 0;
            padding: 0
        }

    .load-more input[type=text] {
        font-size: 13px
    }

    .load-more input[type=email], .load-more input[type=password], .load-more input[type=text], .load-more select, .load-more textarea {
        box-shadow: inset 0 1px 5px rgba(0,0,0,.1);
        color: #747474;
        width: 100%;
        background: #fff;
        border: 1px solid #d2d2d2
    }

.load-more select {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    box-sizing: border-box;
    outline: 0;
    cursor: pointer;
    padding: 5px
}

.location-filter {
    position: relative;
    padding: 5px 10px 15px 10px;
    margin: 0 0 20px 0
}

    .location-filter label {
        background: 0 0;
        color: #747474
    }

    .location-filter button, .location-filter input {
        display: inline-block;
        box-sizing: border-box;
        background: #fff !important;
        border: 1px solid #d2d2d2;
        border-radius: 0 !important;
        color: #747474;
        font-weight: 400;
        padding: 8px 2%;
        clear: both;
        height: auto;
        font-size: 13px
    }

        .location-filter input:focus {
            border: 1px solid #d2d2d2
        }

        .location-filter button, .location-filter input[type=button], .location-filter input[type=reset], .location-filter input[type=submit] {
            border: 1px solid #89c6cc;
            padding: 5px 20px
        }

            .location-filter button:hover, .location-filter input[type=button]:hover, .location-filter input[type=reset]:hover, .location-filter input[type=submit]:hover {
                background: #f7f7f7 !important
            }

            .location-filter button::-moz-focus-inner, .location-filter input::-moz-focus-inner {
                border: 0;
                padding: 0
            }

        .location-filter input[type=text] {
            font-size: 13px
        }

        .location-filter input[type=email], .location-filter input[type=password], .location-filter input[type=text], .location-filter select, .location-filter textarea {
            box-shadow: inset 0 1px 5px rgba(0,0,0,.1);
            color: #747474;
            width: 100%;
            background: #fff;
            border: 1px solid #d2d2d2
        }

    .location-filter select {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        box-sizing: border-box;
        outline: 0;
        cursor: pointer;
        padding: 5px
    }

    .location-filter .twitter-typeahead {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        width: 100%
    }

    .location-filter .tt-menu {
        background: #fff;
        width: 100%;
        border: 1px solid #d2d2d2
    }

    .location-filter .tt-hint {
        color: #747474
    }

    .location-filter .tt-dropdown-menu {
        width: 250px;
        margin-top: 5px;
        background-color: #f7f7f7;
        border: 1px solid #d2d2d2;
        max-height: 300px;
        overflow-y: auto;
        box-shadow: 0 3px 8px 0 rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.08)
    }

    .location-filter .tt-suggestion {
        padding: 4px 10px;
        color: #747474;
        overflow: hidden
    }

        .location-filter .tt-suggestion a {
            text-decoration: none
        }

        .location-filter .tt-suggestion:last-child {
            border: none
        }

        .location-filter .tt-suggestion .field-image {
            width: 100px;
            float: left;
            margin-right: 10px
        }

        .location-filter .tt-suggestion .field-make {
            font-size: 15px;
            float: left;
            margin-right: 5px
        }

        .location-filter .tt-suggestion .field-model {
            margin-left: 4px;
            font-size: 15px;
            font-weight: 700;
            width: 100%
        }

        .location-filter .tt-suggestion .field-priceformatted {
            float: right;
            font-size: 15px;
            color: #89c6cc;
            margin-top: -20px
        }

        .location-filter .tt-suggestion.tt-cursor {
            color: #89c6cc;
            background-color: #dadada;
            cursor: pointer
        }

    .location-filter.loading-in-progress .tt-dropdown-menu {
        display: block !important;
        min-height: 50px;
        position: relative
    }

        .location-filter.loading-in-progress .tt-dropdown-menu:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -20px;
            margin-left: -20px;
            height: 40px;
            width: 50px;
            display: block;
            background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJibGFjayI+DQogIDxwYXRoICBvcGFjaXR5PSIuMjUiIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMCAxNiAzMiBBMTYgMTYgMCAwIDAgMTYgMCBNMTYgNCBBMTIgMTIgMCAwIDEgMTYgMjggQTEyIDEyIDAgMCAxIDE2IDQiLz4NCiAgPHBhdGggZmlsbD0nIzFhODBiNicgZD0iTTE2IDAgQTE2IDE2IDAgMCAxIDMyIDE2IEwyOCAxNiBBMTIgMTIgMCAwIDAgMTYgNHoiPg0KICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDE2IDE2IiB0bz0iMzYwIDE2IDE2IiBkdXI9IjAuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICA8L3BhdGg+DQo8L3N2Zz4NCg==);
            background-position: center center;
            background-repeat: no-repeat;
            z-index: 11
        }

        .location-filter.loading-in-progress .tt-dropdown-menu:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #f7f7f7;
            opacity: .8;
            z-index: 10
        }

    .location-filter .component-content {
        display: flex
    }

        .location-filter .component-content > button, .location-filter .component-content > div, .location-filter .component-content > input, .location-filter .component-content > label, .location-filter .component-content > span {
            order: 1
        }

        .location-filter .component-content > button, .location-filter .component-content > label {
            flex-grow: 1
        }

        .location-filter .component-content > label {
            align-self: center;
            text-align: center
        }

        .location-filter .component-content > input, .location-filter .component-content > span {
            flex-grow: 10;
            width: auto;
            margin: 0 5px
        }

    .location-filter .tt-hint::-webkit-input-placeholder {
        color: transparent
    }

    .location-filter .tt-hint::-moz-placeholder {
        color: transparent
    }

.page-selector {
    text-align: center;
    padding: 10px 0 0 0
}

    .page-selector .page-selector-list li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 8px
    }

        .page-selector .page-selector-list li.inactive a {
            color: #aaa;
            cursor: default
        }

    .page-selector a {
        text-decoration: none;
        font-weight: 700;
        font-size: 1em
    }

    .page-selector .page-selector-item-link {
        border-width: 1px;
        border-style: solid;
        border-color: #d2d2d2;
        display: block;
        text-decoration: none;
        font-weight: 400;
        height: 28px;
        line-height: 22px;
        padding: 2px 9px;
        margin-left: 5px
    }

        .page-selector .page-selector-item-link.active {
            font-weight: 700;
            color: #89c6cc;
            border: 1px solid #15909c;
            background: #f6f6f6
        }

        .page-selector .page-selector-item-link:hover {
            color: #89c6cc;
            border: 1px solid #15909c;
            background: #f6f6f6
        }

        .page-selector .page-selector-item-link.inactive {
            color: #aaa
        }

.page-size label {
    background: 0 0;
    color: #747474
}

.page-size button, .page-size input {
    display: inline-block;
    box-sizing: border-box;
    background: #fff !important;
    border: 1px solid #d2d2d2;
    border-radius: 0 !important;
    color: #747474;
    font-weight: 400;
    padding: 8px 2%;
    clear: both;
    height: auto;
    font-size: 13px
}

    .page-size input:focus {
        border: 1px solid #d2d2d2
    }

    .page-size button, .page-size input[type=button], .page-size input[type=reset], .page-size input[type=submit] {
        border: 1px solid #89c6cc;
        padding: 5px 20px
    }

        .page-size button:hover, .page-size input[type=button]:hover, .page-size input[type=reset]:hover, .page-size input[type=submit]:hover {
            background: #f7f7f7 !important
        }

        .page-size button::-moz-focus-inner, .page-size input::-moz-focus-inner {
            border: 0;
            padding: 0
        }

    .page-size input[type=text] {
        font-size: 13px
    }

    .page-size input[type=email], .page-size input[type=password], .page-size input[type=text], .page-size select, .page-size textarea {
        box-shadow: inset 0 1px 5px rgba(0,0,0,.1);
        color: #747474;
        width: 100%;
        background: #fff;
        border: 1px solid #d2d2d2
    }

.page-size select {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    box-sizing: border-box;
    outline: 0;
    cursor: pointer;
    padding: 5px
}

.page-size label {
    margin-right: 5px
}

.page-size select {
    max-width: 100px;
    width: auto
}

.search-results-count .progress {
    display: none
}

.search-results-count .results-count {
    display: none
}

.on-page-editor .results-count {
    display: inline-block
}

.facet-single-selection-list {
    display: block
}

    .facet-single-selection-list .facet-search-filter .facet-value {
        position: relative;
        border-bottom: 1px solid #e0dede;
        background: 0 0;
        cursor: pointer;
        padding: 5px 0
    }

        .facet-single-selection-list .facet-search-filter .facet-value:last-of-type {
            border-bottom: none
        }

        .facet-single-selection-list .facet-search-filter .facet-value.active-facet {
            font-weight: 700
        }

        .facet-single-selection-list .facet-search-filter .facet-value .highlighted {
            font-weight: 700;
            color: #888
        }

.variant-selector.component {
    margin: 30px 0 0 0
}

.variant-selector .component-content > div {
    height: 30px;
    display: inline-block;
    width: 30px;
    margin: 2px;
    cursor: Pointer
}

.variant-selector .variant-option {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    .variant-selector .variant-option:before {
        content: "";
        display: block;
        height: 100%;
        font-size: 30px;
        width: 100%;
        text-align: center
    }

    .variant-selector .variant-option.active-variant {
        color: #15909c
    }

    .variant-selector .variant-option.horizontal:before {
        content: ""
    }

    .variant-selector .variant-option.horizontal.active-variant {
        color: #15909c
    }

    .variant-selector .variant-option.vertical:before {
        content: ""
    }

    .variant-selector .variant-option.vertical.active-variant {
        color: #15909c
    }

.column-header-search .search-box {
    margin: 0;
    padding: 2px 10px 0 10px
}

.search-box {
    position: relative;
    padding-right: 10px;
    box-sizing: border-box
}

    .search-box label {
        background: 0 0;
        color: #747474
    }

    .search-box button, .search-box input {
        display: inline-block;
        box-sizing: border-box;
        background: #fff !important;
        border: 1px solid #d2d2d2;
        border-radius: 0 !important;
        color: #747474;
        font-weight: 400;
        padding: 8px 2%;
        clear: both;
        height: auto;
        font-size: 13px
    }

        .search-box input:focus {
            border: 1px solid #d2d2d2
        }

        .search-box button, .search-box input[type=button], .search-box input[type=reset], .search-box input[type=submit] {
            border: 1px solid #89c6cc;
            padding: 5px 20px
        }

            .search-box button:hover, .search-box input[type=button]:hover, .search-box input[type=reset]:hover, .search-box input[type=submit]:hover {
                background: #f7f7f7 !important
            }

            .search-box button::-moz-focus-inner, .search-box input::-moz-focus-inner {
                border: 0;
                padding: 0
            }

        .search-box input[type=text] {
            font-size: 13px
        }

        .search-box input[type=email], .search-box input[type=password], .search-box input[type=text], .search-box select, .search-box textarea {
            box-shadow: inset 0 1px 5px rgba(0,0,0,.1);
            color: #747474;
            width: 100%;
            background: #fff;
            border: 1px solid #d2d2d2
        }

    .search-box select {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        box-sizing: border-box;
        outline: 0;
        cursor: pointer;
        padding: 5px
    }

    .search-box .twitter-typeahead {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        width: 100%
    }

    .search-box .tt-menu {
        background: #fff;
        width: 100%;
        border: 1px solid #d2d2d2
    }

    .search-box .tt-hint {
        color: #747474
    }

    .search-box .tt-dropdown-menu {
        width: 250px;
        margin-top: 5px;
        background-color: #f7f7f7;
        border: 1px solid #d2d2d2;
        max-height: 300px;
        overflow-y: auto;
        box-shadow: 0 3px 8px 0 rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.08)
    }

    .search-box .tt-suggestion {
        padding: 4px 10px;
        color: #747474;
        overflow: hidden
    }

        .search-box .tt-suggestion a {
            text-decoration: none
        }

        .search-box .tt-suggestion:last-child {
            border: none
        }

        .search-box .tt-suggestion .field-image {
            width: 100px;
            float: left;
            margin-right: 10px
        }

        .search-box .tt-suggestion .field-make {
            font-size: 15px;
            float: left;
            margin-right: 5px
        }

        .search-box .tt-suggestion .field-model {
            margin-left: 4px;
            font-size: 15px;
            font-weight: 700;
            width: 100%
        }

        .search-box .tt-suggestion .field-priceformatted {
            float: right;
            font-size: 15px;
            color: #89c6cc;
            margin-top: -20px
        }

        .search-box .tt-suggestion.tt-cursor {
            color: #89c6cc;
            background-color: #dadada;
            cursor: pointer
        }

    .search-box.loading-in-progress .tt-dropdown-menu {
        display: block !important;
        min-height: 50px;
        position: relative
    }

        .search-box.loading-in-progress .tt-dropdown-menu:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -20px;
            margin-left: -20px;
            height: 40px;
            width: 50px;
            display: block;
            background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJibGFjayI+DQogIDxwYXRoICBvcGFjaXR5PSIuMjUiIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMCAxNiAzMiBBMTYgMTYgMCAwIDAgMTYgMCBNMTYgNCBBMTIgMTIgMCAwIDEgMTYgMjggQTEyIDEyIDAgMCAxIDE2IDQiLz4NCiAgPHBhdGggZmlsbD0nIzFhODBiNicgZD0iTTE2IDAgQTE2IDE2IDAgMCAxIDMyIDE2IEwyOCAxNiBBMTIgMTIgMCAwIDAgMTYgNHoiPg0KICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDE2IDE2IiB0bz0iMzYwIDE2IDE2IiBkdXI9IjAuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICA8L3BhdGg+DQo8L3N2Zz4NCg==);
            background-position: center center;
            background-repeat: no-repeat;
            z-index: 11
        }

        .search-box.loading-in-progress .tt-dropdown-menu:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #f7f7f7;
            opacity: .8;
            z-index: 10
        }

    .search-box.hide-button .search-box-button {
        display: none
    }

    .search-box .component-content {
        display: flex
    }

        .search-box .component-content > button, .search-box .component-content > input, .search-box .component-content > label {
            display: inline-block
        }

        .search-box .component-content > button, .search-box .component-content > label {
            flex-grow: 1
        }

        .search-box .component-content > input {
            width: auto;
            flex-grow: 10;
            margin: 0 5px
        }

        .search-box .component-content > label {
            align-self: center;
            text-align: center
        }

        .search-box .component-content > .twitter-typeahead {
            flex-grow: 10;
            margin: 0 5px
        }

            .search-box .component-content > .twitter-typeahead .search-box-input.tt-input {
                margin-bottom: 0
            }

    .search-box .search-box-input {
        position: relative;
        align-self: center
    }

        .search-box .search-box-input.tt-hint {
            margin-top: 0
        }

.loupe-search-btn .search-box-button, .loupe-search-btn .search-box-button-with-redirect {
    position: relative;
    text-indent: -99999px;
    width: 20px;
    background: #000 !important;
    border: none;
    padding: 4px 14px
}

    .loupe-search-btn .search-box-button-with-redirect:hover, .loupe-search-btn .search-box-button:hover {
        background: #89c6cc !important
    }

    .loupe-search-btn .search-box-button-with-redirect:before, .loupe-search-btn .search-box-button:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(-50%,-50%);
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        font-size: 10px;
        text-indent: 0;
        font-size: 14px;
        color: #fff
    }

.sort-results label {
    background: 0 0;
    color: #747474
}

.sort-results button, .sort-results input {
    display: inline-block;
    box-sizing: border-box;
    background: #fff !important;
    border: 1px solid #d2d2d2;
    border-radius: 0 !important;
    color: #747474;
    font-weight: 400;
    padding: 8px 2%;
    clear: both;
    height: auto;
    font-size: 13px
}

    .sort-results input:focus {
        border: 1px solid #d2d2d2
    }

    .sort-results button, .sort-results input[type=button], .sort-results input[type=reset], .sort-results input[type=submit] {
        border: 1px solid #89c6cc;
        padding: 5px 20px
    }

        .sort-results button:hover, .sort-results input[type=button]:hover, .sort-results input[type=reset]:hover, .sort-results input[type=submit]:hover {
            background: #f7f7f7 !important
        }

        .sort-results button::-moz-focus-inner, .sort-results input::-moz-focus-inner {
            border: 0;
            padding: 0
        }

    .sort-results input[type=text] {
        font-size: 13px
    }

    .sort-results input[type=email], .sort-results input[type=password], .sort-results input[type=text], .sort-results select, .sort-results textarea {
        box-shadow: inset 0 1px 5px rgba(0,0,0,.1);
        color: #747474;
        width: 100%;
        background: #fff;
        border: 1px solid #d2d2d2
    }

.sort-results select {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    box-sizing: border-box;
    outline: 0;
    cursor: pointer;
    padding: 5px
}

.sort-results select {
    max-width: 100%;
    width: auto;
    display: inline-block
}

.sort-results .facet-title {
    display: inline-block;
    margin-right: 5px
}

.search-results {
    position: relative
}

    .search-results label {
        background: 0 0;
        color: #747474
    }

    .search-results button, .search-results input {
        display: inline-block;
        box-sizing: border-box;
        background: #fff !important;
        border: 1px solid #d2d2d2;
        border-radius: 0 !important;
        color: #747474;
        font-weight: 400;
        padding: 8px 2%;
        clear: both;
        height: auto;
        font-size: 13px
    }

        .search-results input:focus {
            border: 1px solid #d2d2d2
        }

        .search-results button, .search-results input[type=button], .search-results input[type=reset], .search-results input[type=submit] {
            border: 1px solid #89c6cc;
            padding: 5px 20px
        }

            .search-results button:hover, .search-results input[type=button]:hover, .search-results input[type=reset]:hover, .search-results input[type=submit]:hover {
                background: #f7f7f7 !important
            }

            .search-results button::-moz-focus-inner, .search-results input::-moz-focus-inner {
                border: 0;
                padding: 0
            }

        .search-results input[type=text] {
            font-size: 13px
        }

        .search-results input[type=email], .search-results input[type=password], .search-results input[type=text], .search-results select, .search-results textarea {
            box-shadow: inset 0 1px 5px rgba(0,0,0,.1);
            color: #747474;
            width: 100%;
            background: #fff;
            border: 1px solid #d2d2d2
        }

    .search-results select {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        box-sizing: border-box;
        outline: 0;
        cursor: pointer;
        padding: 5px
    }

    .search-results .search-result-list {
        padding-top: 5px
    }

    .search-results.component-details .search-result-list > li, .search-results.standard-fields .search-result-list > li, .search-results.vertical .search-result-list > li {
        border-width: 1px 1px 2px 1px;
        border-style: solid;
        border-color: #d2d2d2;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        position: relative;
        width: 100%;
        padding: 5px;
        margin: 0 7px 10px 0
    }

        .search-results.component-details .search-result-list > li .field-title, .search-results.standard-fields .search-result-list > li .field-title, .search-results.vertical .search-result-list > li .field-title {
            display: block;
            margin-top: 10px
        }

            .search-results.component-details .search-result-list > li .field-title a, .search-results.standard-fields .search-result-list > li .field-title a, .search-results.vertical .search-result-list > li .field-title a {
                font-size: 16px;
                line-height: 20px;
                text-decoration: none;
                font-weight: 400;
                display: block
            }

        .search-results.component-details .search-result-list > li a img, .search-results.standard-fields .search-result-list > li a img, .search-results.vertical .search-result-list > li a img {
            max-width: 100%;
            height: auto
        }

        .search-results.component-details .search-result-list > li:hover, .search-results.standard-fields .search-result-list > li:hover, .search-results.vertical .search-result-list > li:hover {
            border-bottom-width: 1px 1px 2px 1px;
            border-bottom-style: solid;
            border-bottom-color: #15909c
        }

    .search-results.components .search-result-list, .search-results.example-fields .search-result-list, .search-results.horizontal .search-result-list {
        width: 100%;
        display: inline-flex;
        flex-wrap: wrap
    }

        .search-results.components .search-result-list:after, .search-results.example-fields .search-result-list:after, .search-results.horizontal .search-result-list:after {
            content: "";
            display: table;
            clear: both
        }

        .search-results.components .search-result-list > li, .search-results.example-fields .search-result-list > li, .search-results.horizontal .search-result-list > li {
            box-sizing: border-box;
            border-width: 1px 1px 2px 1px;
            border-style: solid;
            border-color: #d2d2d2;
            position: relative;
            min-height: 120px;
            margin: 0 2% 10px 0;
            padding: 5px;
            flex: 1;
            min-height: 175px;
            min-width: 23%
        }

            .search-results.components .search-result-list > li .field-title, .search-results.example-fields .search-result-list > li .field-title, .search-results.horizontal .search-result-list > li .field-title {
                display: block;
                padding: 0 5px;
                text-align: center
            }

                .search-results.components .search-result-list > li .field-title a, .search-results.example-fields .search-result-list > li .field-title a, .search-results.horizontal .search-result-list > li .field-title a {
                    font-size: 18px;
                    line-height: 20px;
                    text-decoration: none;
                    font-weight: 400
                }

            .search-results.components .search-result-list > li a img, .search-results.example-fields .search-result-list > li a img, .search-results.horizontal .search-result-list > li a img {
                max-width: 100%;
                height: auto
            }

            .search-results.components .search-result-list > li:hover, .search-results.example-fields .search-result-list > li:hover, .search-results.horizontal .search-result-list > li:hover {
                border-bottom-width: 1px 1px 2px 1px;
                border-bottom-style: solid;
                border-bottom-color: #15909c
            }

    .search-results .search-results-overlay {
        display: none
    }

    .search-results.loading-in-progress {
        min-height: 200px
    }

        .search-results.loading-in-progress .search-result-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(255,255,255,.9)
        }

            .search-results.loading-in-progress .search-result-overlay:after {
                content: "";
                background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJibGFjayI+CiAgPHBhdGggIG9wYWNpdHk9Ii4yNSIgZD0iTTE2IDAgQTE2IDE2IDAgMCAwIDE2IDMyIEExNiAxNiAwIDAgMCAxNiAwIE0xNiA0IEExMiAxMiAwIDAgMSAxNiAyOCBBMTIgMTIgMCAwIDEgMTYgNCIvPgogIDxwYXRoIGZpbGw9JyNkZGRkZGQnIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMSAzMiAxNiBMMjggMTYgQTEyIDEyIDAgMCAwIDE2IDR6Ij4KICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDE2IDE2IiB0bz0iMzYwIDE2IDE2IiBkdXI9IjAuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvcGF0aD4KPC9zdmc+);
                background-size: 100% 100%;
                background-repeat: no-repeat;
                position: absolute;
                width: 50px;
                height: 50px;
                top: 50%;
                left: 0;
                right: 0;
                margin: -30px auto 0
            }

    .search-results.loading-more-in-progress:after {
        content: "";
        display: block;
        background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJibGFjayI+DQogIDxwYXRoICBvcGFjaXR5PSIuMjUiIGQ9Ik0xNiAwIEExNiAxNiAwIDAgMCAxNiAzMiBBMTYgMTYgMCAwIDAgMTYgMCBNMTYgNCBBMTIgMTIgMCAwIDEgMTYgMjggQTEyIDEyIDAgMCAxIDE2IDQiLz4NCiAgPHBhdGggZmlsbD0nIzFhODBiNicgZD0iTTE2IDAgQTE2IDE2IDAgMCAxIDMyIDE2IEwyOCAxNiBBMTIgMTIgMCAwIDAgMTYgNHoiPg0KICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDE2IDE2IiB0bz0iMzYwIDE2IDE2IiBkdXI9IjAuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICA8L3BhdGg+DQo8L3N2Zz4NCg==);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 50% 50%;
        height: 100px
    }

    .search-results .no-results {
        padding: 5px
    }

.market-selector label {
    background: 0 0;
    color: #747474
}

.market-selector button, .market-selector input {
    display: inline-block;
    box-sizing: border-box;
    background: #fff !important;
    border: 1px solid #d2d2d2;
    border-radius: 0 !important;
    color: #747474;
    font-weight: 400;
    padding: 8px 2%;
    clear: both;
    height: auto;
    font-size: 13px
}

    .market-selector input:focus {
        border: 1px solid #d2d2d2
    }

    .market-selector button, .market-selector input[type=button], .market-selector input[type=reset], .market-selector input[type=submit] {
        border: 1px solid #89c6cc;
        padding: 5px 20px
    }

        .market-selector button:hover, .market-selector input[type=button]:hover, .market-selector input[type=reset]:hover, .market-selector input[type=submit]:hover {
            background: #f7f7f7 !important
        }

        .market-selector button::-moz-focus-inner, .market-selector input::-moz-focus-inner {
            border: 0;
            padding: 0
        }

    .market-selector input[type=text] {
        font-size: 13px
    }

    .market-selector input[type=email], .market-selector input[type=password], .market-selector input[type=text], .market-selector select, .market-selector textarea {
        box-shadow: inset 0 1px 5px rgba(0,0,0,.1);
        color: #747474;
        width: 100%;
        background: #fff;
        border: 1px solid #d2d2d2
    }

.market-selector select {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    box-sizing: border-box;
    outline: 0;
    cursor: pointer;
    padding: 5px
}

.market-selector select {
    height: auto;
    font-size: 13px;
    color: #747474;
    padding: 5px 15px 5px 5px
}

.sitecore-form {
    padding: 15px
}

    .sitecore-form label {
        background: 0 0;
        color: #747474
    }

    .sitecore-form button, .sitecore-form input {
        display: inline-block;
        box-sizing: border-box;
        background: #fff !important;
        border: 1px solid #d2d2d2;
        border-radius: 0 !important;
        color: #747474;
        font-weight: 400;
        padding: 8px 2%;
        clear: both;
        height: auto;
        font-size: 13px
    }

        .sitecore-form input:focus {
            border: 1px solid #d2d2d2
        }

        .sitecore-form button, .sitecore-form input[type=button], .sitecore-form input[type=reset], .sitecore-form input[type=submit] {
            border: 1px solid #89c6cc;
            padding: 5px 20px
        }

            .sitecore-form button:hover, .sitecore-form input[type=button]:hover, .sitecore-form input[type=reset]:hover, .sitecore-form input[type=submit]:hover {
                background: #f7f7f7 !important
            }

            .sitecore-form button::-moz-focus-inner, .sitecore-form input::-moz-focus-inner {
                border: 0;
                padding: 0
            }

        .sitecore-form input[type=text] {
            font-size: 13px
        }

        .sitecore-form input[type=email], .sitecore-form input[type=password], .sitecore-form input[type=text], .sitecore-form select, .sitecore-form textarea {
            box-shadow: inset 0 1px 5px rgba(0,0,0,.1);
            color: #747474;
            width: 100%;
            background: #fff;
            border: 1px solid #d2d2d2
        }

    .sitecore-form select {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        box-sizing: border-box;
        outline: 0;
        cursor: pointer;
        padding: 5px
    }

    .sitecore-form > .component-content {
        padding: 15px;
        border: 1px solid transparent;
        background-color: transparent;
        color: #747474
    }

    .sitecore-form form {
        font-size: 13px;
        color: #747474
    }

        .sitecore-form form > div {
            padding: 15px 0
        }

            .sitecore-form form > div label {
                font-family: inherit;
                padding-right: 5px
            }

            .sitecore-form form > div input {
                font-family: inherit
            }

            .sitecore-form form > div label + textarea {
                margin-top: 5px
            }

            .sitecore-form form > div select, .sitecore-form form > div textarea {
                margin-top: 5px
            }

        .sitecore-form form [data-sc-field-name="Password Confirmation"] {
            margin-right: 5px
        }

    .sitecore-form .form.hints-below .scfSectionContent [class$=UsefulInfo] {
        position: static;
        opacity: 1;
        max-width: 100%;
        width: 100%;
        margin: 5px 0 0 5px
    }

    .sitecore-form .form.labels-above label {
        box-sizing: border-box;
        display: block;
        width: 100%;
        margin: 0
    }

    .sitecore-form .form.labels-above .scfCaptchaGeneralPanel, .sitecore-form .form.labels-above .scfCheckBoxListGeneralPanel, .sitecore-form .form.labels-above .scfConfirmPasswordGeneralPanel, .sitecore-form .form.labels-above .scfCreditCardGeneralPanel, .sitecore-form .form.labels-above .scfDateGeneralPanel, .sitecore-form .form.labels-above .scfDatePickerGeneralPanel, .sitecore-form .form.labels-above .scfDateSelectorGeneralPanel, .sitecore-form .form.labels-above .scfDropListGeneralPanel, .sitecore-form .form.labels-above .scfEmailGeneralPanel, .sitecore-form .form.labels-above .scfFileUploadGeneralPanel, .sitecore-form .form.labels-above .scfListBoxGeneralPanel, .sitecore-form .form.labels-above .scfMultipleLineGeneralPanel, .sitecore-form .form.labels-above .scfNumberGeneralPanel, .sitecore-form .form.labels-above .scfPasswordGeneralPanel, .sitecore-form .form.labels-above .scfRadioButtonListGeneralPanel, .sitecore-form .form.labels-above .scfSingleLineGeneralPanel, .sitecore-form .form.labels-above .scfSmsTelephoneGeneralPanel, .sitecore-form .form.labels-above .scfTelephoneGeneralPanel {
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        width: 93%
    }

    .sitecore-form .form.labels-above .scfSectionContent .scfRequired {
        margin: 0 5px
    }

    .sitecore-form .form.labels-above .scfMultipleLineGeneralPanel {
        width: 95%
    }

    .sitecore-form .form.labels-above .scfMultipleLineTextBox {
        margin: 0 0 0 5px
    }

.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #bf1722;
    color: #fff !important;
    padding: 8px;
    z-index: 100;
    border-bottom-right-radius: 8px
}

    .skip-link:focus {
        top: 0
    }

.snippet {
    padding-left: 0;
    padding-right: 0
}

.social-media-share {
    background: 0 0
}

    .social-media-share ul {
        overflow: hidden
    }

    .social-media-share li {
        float: left;
        margin: 0 10px
    }

        .social-media-share li:first-child {
            margin-left: 0
        }

        .social-media-share li .fb_iframe_widget {
            display: block;
            margin-top: -2px
        }

.tabs {
    overflow: hidden;
    position: relative;
    background: 0 0;
    border: none;
    position: relative;
    overflow: hidden
}

.tab-slider {
    position: absolute;
    background: #f7f7f7;
    cursor: pointer;
    border: 2px solid #89c6cc;
    vertical-align: center;
    width: 15px;
    text-indent: -9999px;
    z-index: 10
}

.tabs-heading {
    overflow: hidden
}

    .tabs-heading li {
        border-top-width: 2px;
        border-top-style: solid;
        border-top-color: #f7f7f7;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #f7f7f7;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #f7f7f7;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #89c6cc;
        float: left;
        display: block;
        margin-left: 1px;
        background: #f7f7f7;
        width: auto;
        cursor: pointer
    }

        .tabs-heading li > div {
            padding: 3px 10px;
            display: block;
            text-decoration: none;
            color: #222
        }

            .tabs-heading li > div:after {
                content: "";
                display: table;
                clear: both
            }

            .tabs-heading li > div .field-heading {
                font-size: 16px
            }

            .tabs-heading li > div > .row {
                display: block
            }

        .tabs-heading li .component.content {
            margin: 5px 0
        }

        .tabs-heading li.active {
            background: #fff;
            border-top-width: 2px;
            border-top-style: solid;
            border-top-color: #89c6cc;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #89c6cc;
            border-left-width: 1px;
            border-left-style: solid;
            border-left-color: #d2d2d2;
            border-right-width: 1px;
            border-right-style: solid;
            border-right-color: #d2d2d2
        }

            .tabs-heading li.active a {
                color: #000
            }

        .tabs-heading li:hover {
            border-top-width: 2px;
            border-top-style: solid;
            border-top-color: #89c6cc;
            background: #fff
        }

        .tabs-heading li:first-child {
            margin-left: 0
        }

.tabs-container {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #89c6cc;
    background: 0 0;
    margin-top: -1px
}

.tab {
    display: none;
    padding: 10px
}

    .tab:after {
        content: "";
        display: table;
        clear: both
    }

    .tab.active {
        display: block
    }

.tabs.tabs-bottom .tabs-container {
    margin: 0
}

.tabs.tabs-bottom .tabs-heading {
    position: relative;
    margin-top: -1px
}

    .tabs.tabs-bottom .tabs-heading li {
        margin-bottom: 0;
        border-top: 0 solid #fff
    }

        .tabs.tabs-bottom .tabs-heading li a {
            border: none
        }

        .tabs.tabs-bottom .tabs-heading li.active {
            border-top: none;
            border-bottom-width: 2px;
            border-bottom-style: solid;
            border-bottom-color: #89c6cc;
            border-left-width: 1px;
            border-left-style: solid;
            border-left-color: #d2d2d2;
            border-right-width: 1px;
            border-right-style: solid;
            border-right-color: #d2d2d2
        }

            .tabs.tabs-bottom .tabs-heading li.active a {
                border: none;
                position: relative
            }

        .tabs.tabs-bottom .tabs-heading li:hover {
            border-bottom-width: 2px;
            border-bottom-style: solid;
            border-bottom-color: #89c6cc;
            background: #fff
        }

.tabs.tabs-bottom .tabs-container {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #89c6cc;
    border-top: none;
    background: 0 0;
    margin-bottom: 1px
}

.tabs.tabs-vertical.tabs-vertical-right .tabs-heading {
    float: right;
    margin-left: -1px
}

    .tabs.tabs-vertical.tabs-vertical-right .tabs-heading li {
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #f7f7f7;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #f7f7f7;
        border-right-width: 2px;
        border-right-style: solid;
        border-right-color: #89c6cc;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #f7f7f7
    }

        .tabs.tabs-vertical.tabs-vertical-right .tabs-heading li.active {
            border-right-width: 2px;
            border-right-style: solid;
            border-right-color: #89c6cc;
            border-left-width: 1px;
            border-left-style: solid;
            border-left-color: #89c6cc
        }

            .tabs.tabs-vertical.tabs-vertical-right .tabs-heading li.active a {
                border: none
            }

        .tabs.tabs-vertical.tabs-vertical-right .tabs-heading li:hover {
            border-left-width: 1px;
            border-left-style: solid;
            border-left-color: #89c6cc
        }

.tabs.tabs-vertical.tabs-vertical-right .tabs-container {
    float: right;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #89c6cc;
    border-top: none;
    margin-left: -1px;
    border-left: none
}

.tabs.tabs-vertical .tabs-heading {
    width: 30%;
    float: left
}

    .tabs.tabs-vertical .tabs-heading li {
        margin: 0 0 2px 0;
        display: block;
        width: 100%;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #f7f7f7;
        border-left-width: 2px;
        border-left-style: solid;
        border-left-color: #f7f7f7;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #89c6cc;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #f7f7f7
    }

        .tabs.tabs-vertical .tabs-heading li.active {
            border-left-width: 2px;
            border-left-style: solid;
            border-left-color: #89c6cc
        }

            .tabs.tabs-vertical .tabs-heading li.active a {
                border: none
            }

        .tabs.tabs-vertical .tabs-heading li:first-child {
            margin-top: 0
        }

        .tabs.tabs-vertical .tabs-heading li:hover {
            border-left-width: 2px;
            border-left-style: solid;
            border-left-color: #89c6cc
        }

.tabs.tabs-vertical .tabs-container {
    margin: 0;
    float: left;
    width: 70%;
    margin-left: -1px;
    border-top: none;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #89c6cc
}

.tabs.tabs-scrollable .tabs-heading {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0
}

.tabs.tabs-scrollable .tabs-container {
    margin: 0
}

.tabs.tabs-scrollable .prev {
    left: 0;
    background: #e4e4e4 url(../Images/arrow-left.png) center center no-repeat
}

.tabs.tabs-scrollable .next {
    right: 0;
    background: #e4e4e4 url(../Images/arrow-right.png) center center no-repeat
}

.tabs.tabs-scrollable.tabs-bottom .wrapper {
    margin-top: 2px;
    padding-bottom: 6px
}

.tabs.tabs-scrollable.tabs-bottom .next {
    top: 1px
}

.tabs.tabs-scrollable.tabs-bottom .prev {
    top: 1px
}

.tabs.tabs-scrollable.tabs-bottom .tabs-heading {
    margin-top: -4px
}

@charset "UTF-8";

.tag-cloud .component-content {
    text-align: justify
}

.tag-cloud .tag-cloud-item a {
    color: #747474
}

    .tag-cloud .tag-cloud-item a:hover {
        color: #878787
    }

.tag-cloud .tag-cloud-item.xs {
    font-size: .9em
}

.tag-cloud .tag-cloud-item.s {
    font-size: 1.1em
}

.tag-cloud .tag-cloud-item.m {
    font-size: 1.3em
}

.tag-cloud .tag-cloud-item.l {
    font-size: 1.5em
}

.tag-cloud .tag-cloud-item.xl {
    font-size: 1.8em
}

.tag-cloud .tag-cloud-item.xxl {
    font-size: 2em
}

.tag-cloud span.field-title.tag-links {
    border-radius: 5px;
    padding: 5px 5px;
    display: inline
}

    .tag-cloud span.field-title.tag-links:last-child {
        margin-right: 0
    }

    .tag-cloud span.field-title.tag-links .tag-usages {
        font-size: inherit;
        font-weight: 700
    }

        .tag-cloud span.field-title.tag-links .tag-usages:before {
            content: "("
        }

        .tag-cloud span.field-title.tag-links .tag-usages:after {
            content: ")"
        }

.tag-cloud span.field-title.tag-text {
    position: relative;
    padding-left: 20px;
    border-bottom: 1px solid transparent;
    display: block;
    float: left
}

    .tag-cloud span.field-title.tag-text:hover {
        cursor: pointer;
        text-decoration: none
    }

    .tag-cloud span.field-title.tag-text:before {
        content: "";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0
    }

@charset "UTF-8";

.tag-list span.field-title.tag-text {
    color: #747474;
    position: relative;
    padding-left: 15px;
    margin-right: 10px;
    border-bottom: 1px solid transparent
}

    .tag-list span.field-title.tag-text:hover {
        cursor: pointer;
        color: #878787;
        border-bottom: 1px solid #15909c;
        text-decoration: none
    }

    .tag-list span.field-title.tag-text:before {
        content: "";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0
    }

.tag-list span.field-title > a {
    color: #747474;
    background: #89c6cc;
    border-radius: 3px 0 0 3px;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 15px 0 23px;
    position: relative;
    margin: 0 20px 10px 0;
    text-decoration: none;
    -webkit-transition: color .2s;
    color: #fff
}

    .tag-list span.field-title > a:hover {
        background-color: #15909c
    }

        .tag-list span.field-title > a:hover:after {
            border-left: 10px solid #15909c
        }

    .tag-list span.field-title > a:before {
        background: #fff;
        border-radius: 10px;
        box-shadow: inset 0 1px rgba(0,0,0,.25);
        content: '';
        height: 6px;
        left: 10px;
        position: absolute;
        width: 6px;
        top: 10px
    }

    .tag-list span.field-title > a:after {
        background: 0 0;
        border-bottom: 13px solid transparent;
        border-left: 10px solid #89c6cc;
        border-top: 13px solid transparent;
        content: '';
        position: absolute;
        right: -10px;
        top: 0;
        bottom: 0
    }

.tag-list span.field-title.tag-links {
    display: block;
    float: left;
    border-radius: 20px;
    position: relative;
    margin-right: 5px;
    padding: 5px 5px;
    margin-top: 5px
}

    .tag-list span.field-title.tag-links > a {
        text-decoration: none;
        padding-left: 20px;
        position: relative
    }

        .tag-list span.field-title.tag-links > a:before {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "ï„‘";
            display: block;
            font-size: 6px;
            text-align: center;
            color: #fff;
            position: absolute;
            top: 50%;
            left: 10px;
            transform: translateY(-50%)
        }

.tag-list span.field-title.tag-text {
    position: relative;
    border-bottom: 1px solid transparent;
    display: block;
    float: left;
    padding-left: 20px
}

    .tag-list span.field-title.tag-text:hover {
        cursor: pointer;
        text-decoration: none
    }

    .tag-list span.field-title.tag-text:before {
        content: "";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0
    }

.title {
    background: 0 0
}

    .title .field-title a, .title h1 {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #89c6cc;
        font-size: 24px;
        margin-bottom: 10px;
        color: #747474;
        line-height: normal;
        padding-bottom: 10px;
        display: block;
        text-decoration: none;
        cursor: pointer
    }

        .title .field-title a:hover, .title h1:hover {
            color: #878787
        }

@charset "UTF-8";

.toggle details[open] summary:before {
    content: "ï…†"
}

.toggle summary {
    list-style: none
}

    .toggle summary.toggle-header {
        position: relative;
        vertical-align: middle;
        box-sizing: border-box;
        padding: 0 10px;
        background: #fff;
        cursor: pointer;
        min-height: 25px
    }

        .toggle summary.toggle-header::-webkit-details-marker {
            display: none
        }

        .toggle summary.toggle-header:before {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "";
            position: absolute;
            font-size: 17px;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .toggle summary.toggle-header.show {
            display: inline-block !important
        }

        .toggle summary.toggle-header .toggle-label {
            display: block;
            margin: 0 0 0 10px
        }

            .toggle summary.toggle-header .toggle-label p {
                margin-bottom: 0
            }

.toggle .show {
    color: #878787
}

.toggle .toggle-content {
    margin-top: -1px
}

.toggle details summary ~ .component > .component-content {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    display: none
}

.toggle details[open] summary ~ .component {
    overflow: hidden
}

    .toggle details[open] summary ~ .component > .component-content {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        display: block
    }

@-webkit-keyframes swing {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    50% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes swing {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    50% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes easeInOutBack {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    20% {
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%)
    }

    30% {
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%)
    }

    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes easeInOutBack {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    20% {
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%)
    }

    30% {
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%)
    }

    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes easeInOutBounce {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    25% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    62.5% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }

    75% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    87.5% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes easeInOutBounce {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    25% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    62.5% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }

    75% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    87.5% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes easeInOutCirc {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    10% {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%)
    }

    90% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes easeInOutCirc {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    10% {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%)
    }

    90% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes easeInOutCubic {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    30% {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%)
    }

    70% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes easeInOutCubic {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    30% {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%)
    }

    70% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes easeInOutElastic {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    30% {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%)
    }

    70% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes easeInOutElastic {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    30% {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%)
    }

    70% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes easeInOutExpo {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    30% {
        -webkit-transform: translateY(-90%);
        transform: translateY(-90%)
    }

    70% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes easeInOutExpo {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    30% {
        -webkit-transform: translateY(-90%);
        transform: translateY(-90%)
    }

    70% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes easeInOutQad {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes easeInOutQad {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes easeInOutQuart {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    30% {
        -webkit-transform: translateY(-90%);
        transform: translateY(-90%)
    }

    70% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes easeInOutQuart {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    30% {
        -webkit-transform: translateY(-90%);
        transform: translateY(-90%)
    }

    70% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes easeInOutQuint {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    30% {
        -webkit-transform: translateY(-90%);
        transform: translateY(-90%)
    }

    70% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes easeInOutQuint {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    30% {
        -webkit-transform: translateY(-90%);
        transform: translateY(-90%)
    }

    70% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes easeInOutSine {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    25% {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%)
    }

    75% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes easeInOutSine {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    25% {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%)
    }

    75% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes outQuad {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    25% {
        -webkit-transform: translateY(-70%);
        transform: translateY(-70%)
    }

    50% {
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%)
    }

    75% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes outQuad {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    25% {
        -webkit-transform: translateY(-70%);
        transform: translateY(-70%)
    }

    50% {
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%)
    }

    75% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.twitter h1, .twitter h2, .twitter h3, .twitter h4, .twitter h5, .twitter h6 {
    padding-bottom: 6px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d2d2d2
}

.twitter .twitter-follow-button {
    margin: 10px 0 0
}

.twitter .tweet-item {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #89c6cc;
    padding: 10px 10px 10px 0;
    margin-left: 10px;
    overflow: hidden;
    position: relative;
    padding-left: 55px
}

    .twitter .tweet-item:first-child {
        border: none;
        background: 0 0
    }

.twitter .tweet-header {
    overflow: hidden
}

.twitter .tweet-profile {
    display: block;
    float: left;
    text-decoration: none;
    font-size: 14px
}

.twitter .tweet-avatar {
    position: absolute;
    left: 0;
    top: 10px
}

.twitter .tweet-datetime {
    display: block;
    float: right;
    text-decoration: none
}

.twitter .tweet-content {
    margin-top: 5px
}

.twitter .tweet-footer > ul li {
    display: inline;
    padding-left: 5px
}

    .twitter .tweet-footer > ul li:first-child {
        padding: 0
    }

.twitter .tweet-footer a {
    text-decoration: none
}

.component.video .mejs-container {
    overflow: hidden
}

.component.video .mejs-controls .mejs-button button {
    box-shadow: none
}

.component.video .sxa-video-wrapper {
    position: relative
}

.component.video .video-init {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    background: url(/-/media/Base-Themes/Core-Libraries/styles/mejs-controls.svg) no-repeat;
    background-position: 0 -39px;
    overflow: hidden;
    z-index: 1
}

@charset "UTF-8";
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
    font-family: FontAwesome;
    src: url(./fonts/fontawesome/fontawesome-webfont-eot.eot?v=4.7.0);
    src: url(./fonts/fontawesome/fontawesome-webfont-eot.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(./fonts/fontawesome/fontawesome-webfont-woff2.woff2?v=4.7.0) format("woff2"),url(./fonts/fontawesome/fontawesome-webfont-woff.woff?v=4.7.0) format("woff"),url(./fonts/fontawesome/fontawesome-webfont-ttf.ttf?v=4.7.0) format("truetype"),url(./fonts/fontawesome/fontawesome-webfont-svg.svg?v=4.7.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8)
}

fa-spin {
    0%

{
    transform: rotate(0)
}

100% {
    transform: rotate(359deg)
}

}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1,1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1,-1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-cog:before, .fa-gear:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-repeat:before, .fa-rotate-right:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before, .fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: "ï "
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before, .fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "ï‚€"
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: "ï‚‚"
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: "ï‚„"
}

.fa-cogs:before, .fa-gears:before {
    content: "ï‚…"
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: "ï‚Š"
}

.fa-sign-out:before {
    content: "ï‚‹"
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: "ï‚Ž"
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: "ï‚‘"
}

.fa-github-square:before {
    content: "ï‚’"
}

.fa-upload:before {
    content: "ï‚“"
}

.fa-lemon-o:before {
    content: "ï‚”"
}

.fa-phone:before {
    content: "ï‚•"
}

.fa-square-o:before {
    content: "ï‚–"
}

.fa-bookmark-o:before {
    content: "ï‚—"
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: "ï‚™"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "ï‚š"
}

.fa-github:before {
    content: "ï‚›"
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before, .fa-rss:before {
    content: "ï‚ž"
}

.fa-hdd-o:before {
    content: "ï‚ "
}

.fa-bullhorn:before {
    content: "ï‚¡"
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: "ï‚£"
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: "ï‚¥"
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: "ï‚©"
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: "ï‚«"
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: "ï‚­"
}

.fa-tasks:before {
    content: "ï‚®"
}

.fa-filter:before {
    content: "ï‚°"
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before, .fa-users:before {
    content: ""
}

.fa-chain:before, .fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before, .fa-scissors:before {
    content: ""
}

.fa-copy:before, .fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-floppy-o:before, .fa-save:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-sort:before, .fa-unsorted:before {
    content: ""
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: ""
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: ""
}

.fa-envelope:before {
    content: "ïƒ "
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before, .fa-undo:before {
    content: ""
}

.fa-gavel:before, .fa-legal:before {
    content: ""
}

.fa-dashboard:before, .fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-bolt:before, .fa-flash:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-clipboard:before, .fa-paste:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: "ï‚¢"
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: "ï„€"
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: "ï„‚"
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: "ï„„"
}

.fa-angle-right:before {
    content: "ï„…"
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: "ï„Š"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "ï„‹"
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: "ï„Ž"
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: "ï„‘"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "ï„’"
}

.fa-github-alt:before {
    content: "ï„“"
}

.fa-folder-o:before {
    content: "ï„”"
}

.fa-folder-open-o:before {
    content: "ï„•"
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: "ï„™"
}

.fa-meh-o:before {
    content: "ï„š"
}

.fa-gamepad:before {
    content: "ï„›"
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: "ï„ž"
}

.fa-terminal:before {
    content: "ï„ "
}

.fa-code:before {
    content: "ï„¡"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "ï„¢"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "ï„£"
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: "ï„¥"
}

.fa-code-fork:before {
    content: ""
}

.fa-chain-broken:before, .fa-unlink:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: "ï„©"
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: "ï„«"
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: "ï„­"
}

.fa-puzzle-piece:before {
    content: "ï„®"
}

.fa-microphone:before {
    content: "ï„°"
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: "ï„´"
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: "ï„·"
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: "ï„»"
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: "ï…€"
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: "ï…‚"
}

.fa-rss-square:before {
    content: "ï…ƒ"
}

.fa-play-circle:before {
    content: "ï…„"
}

.fa-ticket:before {
    content: "ï……"
}

.fa-minus-square:before {
    content: "ï…†"
}

.fa-minus-square-o:before {
    content: "ï…‡"
}

.fa-level-up:before {
    content: "ï…ˆ"
}

.fa-level-down:before {
    content: "ï…‰"
}

.fa-check-square:before {
    content: "ï…Š"
}

.fa-pencil-square:before {
    content: "ï…‹"
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: "ï…Ž"
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: ""
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "ï…‘"
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "ï…’"
}

.fa-eur:before, .fa-euro:before {
    content: "ï…“"
}

.fa-gbp:before {
    content: "ï…”"
}

.fa-dollar:before, .fa-usd:before {
    content: "ï…•"
}

.fa-inr:before, .fa-rupee:before {
    content: "ï…–"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "ï…—"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "ï…˜"
}

.fa-krw:before, .fa-won:before {
    content: "ï…™"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "ï…š"
}

.fa-file:before {
    content: "ï…›"
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: "ï…ž"
}

.fa-sort-amount-asc:before {
    content: "ï… "
}

.fa-sort-amount-desc:before {
    content: "ï…¡"
}

.fa-sort-numeric-asc:before {
    content: "ï…¢"
}

.fa-sort-numeric-desc:before {
    content: "ï…£"
}

.fa-thumbs-up:before {
    content: "ï…¤"
}

.fa-thumbs-down:before {
    content: "ï…¥"
}

.fa-youtube-square:before {
    content: "ï…¦"
}

.fa-youtube:before {
    content: "ï…§"
}

.fa-xing:before {
    content: "ï…¨"
}

.fa-xing-square:before {
    content: "ï…©"
}

.fa-youtube-play:before {
    content: "ï…ª"
}

.fa-dropbox:before {
    content: "ï…«"
}

.fa-stack-overflow:before {
    content: "ï…¬"
}

.fa-instagram:before {
    content: "ï…­"
}

.fa-flickr:before {
    content: "ï…®"
}

.fa-adn:before {
    content: "ï…°"
}

.fa-bitbucket:before {
    content: "ï…±"
}

.fa-bitbucket-square:before {
    content: "ï…²"
}

.fa-tumblr:before {
    content: "ï…³"
}

.fa-tumblr-square:before {
    content: "ï…´"
}

.fa-long-arrow-down:before {
    content: "ï…µ"
}

.fa-long-arrow-up:before {
    content: "ï…¶"
}

.fa-long-arrow-left:before {
    content: "ï…·"
}

.fa-long-arrow-right:before {
    content: "ï…¸"
}

.fa-apple:before {
    content: "ï…¹"
}

.fa-windows:before {
    content: "ï…º"
}

.fa-android:before {
    content: "ï…»"
}

.fa-linux:before {
    content: "ï…¼"
}

.fa-dribbble:before {
    content: "ï…½"
}

.fa-skype:before {
    content: "ï…¾"
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before, .fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-try:before, .fa-turkish-lira:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: ""
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: "ï† "
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before, .fa-car:before {
    content: ""
}

.fa-cab:before, .fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: ""
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: ""
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: ""
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
    content: ""
}

.fa-empire:before, .fa-ge:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before, .fa-weixin:before {
    content: ""
}

.fa-paper-plane:before, .fa-send:before {
    content: ""
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: "ï‡ "
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before, .fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-bed:before, .fa-hotel:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-y-combinator:before, .fa-yc:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
    content: ""
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before, .fa-battery-half:before {
    content: ""
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: ""
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: "ï‰ "
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-television:before, .fa-tv:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-question-circle-o:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: "ïŠ "
}

.fa-braille:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: ""
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-sign-language:before, .fa-signing:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: ""
}

.fa-fa:before, .fa-font-awesome:before {
    content: ""
}

.fa-handshake-o:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-o:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-address-book-o:before {
    content: ""
}

.fa-address-card:before, .fa-vcard:before {
    content: ""
}

.fa-address-card-o:before, .fa-vcard-o:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-circle-o:before {
    content: ""
}

.fa-user-o:before {
    content: "ï‹€"
}

.fa-id-badge:before {
    content: ""
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "ï‹‚"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: ""
}

.fa-quora:before {
    content: "ï‹„"
}

.fa-free-code-camp:before {
    content: "ï‹…"
}

.fa-telegram:before {
    content: ""
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
    content: ""
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: ""
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: ""
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "ï‹Š"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "ï‹‹"
}

.fa-shower:before {
    content: ""
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
    content: ""
}

.fa-podcast:before {
    content: "ï‹Ž"
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: "ï‹‘"
}

.fa-window-restore:before {
    content: "ï‹’"
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "ï‹“"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "ï‹”"
}

.fa-bandcamp:before {
    content: "ï‹•"
}

.fa-grav:before {
    content: "ï‹–"
}

.fa-etsy:before {
    content: "ï‹—"
}

.fa-imdb:before {
    content: ""
}

.fa-ravelry:before {
    content: "ï‹™"
}

.fa-eercast:before {
    content: "ï‹š"
}

.fa-microchip:before {
    content: "ï‹›"
}

.fa-snowflake-o:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-wpexplorer:before {
    content: "ï‹ž"
}

.fa-meetup:before {
    content: "ï‹ "
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0;
    height: auto !important
}

body {
    font-family: "Open Sans",Helvetica,Verdana,Tahoma,sans-serif;
    position: relative;
    overflow: auto;
    color: #747474;
    font-size: 14px;
    line-height: 1.5;
    background: #fff;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    height: auto !important
}

    body.on-page-editor {
        background: 0 0 !important
    }

a {
    color: #747474;
    cursor: pointer;
    font-size: .85em
}

    a:hover {
        color: #878787
    }

h1, h2, h3, h4, h5, h6 {
    font-weight: 700
}

h1 {
    font-size: 2em
}

h2 {
    font-size: 1.5em
}

h3 {
    font-size: 1.2em
}

h4 {
    font-size: 1em
}

h5 {
    font-size: .83em
}

h6 {
    font-size: .67em
}

.xa-variable {
    border: 0;
    padding: 1px;
    margin: 0;
    background-color: #ebebe4;
    color: #545454;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

#breadcrumbMenuSubcontrol_context_menu * {
    box-sizing: initial
}

@charset "UTF-8";

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../Images/overlay-bg.png);
    z-index: 9000;
    display: none;
    width: 100%
}

    .overlay.component {
        margin: 0
    }

    .overlay > .component-content {
        border-radius: 5px;
        display: block;
        position: absolute;
        background-color: #e6e6e6;
        padding: 10px;
        max-width: 90%;
        background: #f7f7f7;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

        .overlay > .component-content .component {
            margin: 0
        }

            .overlay > .component-content .component.image img {
                width: 100%
            }

    .overlay .overlay-inner {
        min-width: 25px;
        max-height: inherit;
        height: inherit;
        overflow: auto
    }

        .overlay .overlay-inner.overlay-percent {
            max-height: 100%;
            height: auto
        }

        .overlay .overlay-inner #InnerCenter {
            width: auto;
            height: auto
        }

        .overlay .overlay-inner .container {
            width: 100%
        }

        .overlay .overlay-inner > img {
            width: 100%
        }

        .overlay .overlay-inner:focus {
            border: 1px solid #ccc
        }

    .overlay .overlay-close {
        cursor: pointer;
        font-size: 30px;
        position: absolute;
        top: -20px;
        right: -10px
    }

        .overlay .overlay-close:before {
            content: "";
            background: #fff;
            border-radius: 50%;
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .overlay .overlay-close:hover:before {
            background: #ccc
        }

        .overlay .overlay-close a {
            display: block;
            text-indent: -9999px
        }

    .overlay .overlay-close-link:focus {
        color: #ccc
    }

    .overlay .overlay-close-link:hover {
        color: #ccc
    }

    .overlay .overlay-close-link {
        text-decoration: none
    }

.overlay-page {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../Images/overlay-bg.png);
    z-index: 9999;
    text-align: center;
    width: 100%;
    margin: 0
}

    .overlay-page > .component-content {
        display: inline-block;
        vertical-align: middle;
        zoom: 1;
        *display: inline;
        background-color: #e6e6e6;
        border-radius: 5px;
        position: relative;
        padding: 10px 10px 25px;
        margin: 100px 60px 60px;
        max-width: 90%;
        background: #f7f7f7
    }

        .overlay-page > .component-content .component {
            margin: 0
        }

            .overlay-page > .component-content .component.image img {
                width: 100%
            }

    .overlay-page .overlay-inner {
        min-width: 25px;
        height: inherit;
        max-height: inherit;
        min-height: 135px;
        overflow: auto
    }

        .overlay-page .overlay-inner.overlay-percent {
            max-height: 100%;
            height: auto
        }

            .overlay-page .overlay-inner.overlay-percent.edit {
                max-height: inherit
            }

        .overlay-page .overlay-inner .container {
            width: 100%
        }

        .overlay-page .overlay-inner:focus {
            border: 1px solid #ccc
        }

    .overlay-page .overlay-close {
        bottom: 8px;
        color: #000;
        cursor: pointer;
        font-size: 30px;
        position: absolute;
        right: -5px;
        bottom: -15px
    }

    .overlay-page .overlay-close-link:focus {
        color: #ccc
    }

    .overlay-page .overlay-close-link:hover {
        color: #ccc
    }

    .overlay-page .overlay-close-link {
        text-decoration: none
    }

#wrapper {
    overflow: hidden
}

    #wrapper.overlay-page {
        margin-bottom: -80px
    }

body.preview .overlay-page {
    position: fixed
}

.overlay-page .main {
    width: 100%
}

.on-page-editor .overlay .overlay-inner {
    margin: auto
}

.on-page-editor .overlay-page {
    z-index: 9000
}

.privacy-warning {
    font-size: 14px;
    font-size: 1.4rem;
    opacity: .8;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px 0 0;
    color: #fff;
    text-align: center;
    z-index: 9050;
    background: url(../Images/overlay-bg.png)
}

    .privacy-warning .component-content {
        position: relative;
        height: auto;
        width: 90%;
        padding: 15px;
        margin: 0 auto
    }

    .privacy-warning a {
        color: #fff
    }

        .privacy-warning a:focus, .privacy-warning a:hover {
            color: #fff
        }

    .privacy-warning .close {
        transform: scale(1.3,.95);
        font-size: 35px;
        font-size: 3.5rem;
        position: absolute;
        top: -10px;
        right: 8px;
        font-weight: 700
    }

    .privacy-warning .learnMore {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px
    }

    .privacy-warning .submit {
        display: inline-block;
        vertical-align: middle;
        padding: 20px 0
    }

        .privacy-warning .submit a {
            font-size: 13px;
            font-size: 1.3rem;
            border-width: 1px;
            border-style: solid;
            border-color: #d2d2d2;
            text-decoration: none;
            font-weight: 700;
            background: #fff;
            padding: 5px 10px;
            cursor: pointer;
            color: #000
        }

    .privacy-warning.restrictive {
        top: 0
    }

        .privacy-warning.restrictive .info {
            position: absolute;
            text-align: center;
            left: 50%;
            transform: translateX(-50%);
            bottom: 80px
        }

        .privacy-warning.restrictive .submit {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 20px
        }

.boxed {
    box-sizing: border-box;
    margin: 20px 0
}

@media only screen and (min-width:381px) and (max-width:959px) {
    .boxed {
        padding: 10px
    }
}

@media only screen and (max-width:380px) {
    .boxed {
        padding: 10px
    }
}

.boxed > div {
    max-width: 960px;
    margin: 0 auto !important
}

.component-content-clearfix .component-content:after {
    content: "";
    display: table;
    clear: both
}

.component-clearfix:after {
    content: "";
    display: table;
    clear: both
}

.button-default, .default, .promo.link-button a {
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 5px 0;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    background: #f6f6f6;
    color: #747474
}

    .button-default:hover, .default:hover, .promo.link-button a:hover {
        color: #747474;
        background: #f7f7f7
    }

.button-success, .success {
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 5px 0;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    background: #a0ce4e;
    color: #fff
}

    .button-success:hover, .success:hover {
        color: #747474;
        background: #f7f7f7
    }

    .button-success:hover, .success:hover {
        color: #fff;
        background: #92be43
    }

.button-warning, .warning {
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 5px 0;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    background: #bc4526;
    color: #fff
}

    .button-warning:hover, .warning:hover {
        color: #747474;
        background: #f7f7f7
    }

    .button-warning:hover, .warning:hover {
        color: #fff;
        background: #c34e30
    }

.link-button .button-default, .link-button .default, .promo.link-button a {
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 5px 0;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    background: #f6f6f6;
    color: #747474
}

    .link-button .button-default:hover, .link-button .default:hover, .promo.link-button a:hover {
        color: #747474;
        background: #f7f7f7
    }

.link-button .button-success, .link-button .success {
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 5px 0;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    background: #a0ce4e;
    color: #fff
}

    .link-button .button-success:hover, .link-button .success:hover {
        color: #747474;
        background: #f7f7f7
    }

    .link-button .button-success:hover, .link-button .success:hover {
        color: #fff;
        background: #92be43
    }

.link-button .button-warning, .link-button .warning {
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 5px 0;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    background: #bc4526;
    color: #fff
}

    .link-button .button-warning:hover, .link-button .warning:hover {
        color: #747474;
        background: #f7f7f7
    }

    .link-button .button-warning:hover, .link-button .warning:hover {
        color: #fff;
        background: #c34e30
    }

.link.link-button .field-link span, .link.link-button .is-empty-hint, .link.link-button a {
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    margin: 5px 0;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    font-weight: 700
}

    .link.link-button .field-link span:hover, .link.link-button .is-empty-hint:hover, .link.link-button a:hover {
        color: #747474;
        background: #f7f7f7
    }

.promoted-box {
    border: none !important
}

.highlighted-top {
    background: #fff;
    border-top-width: 3px;
    border-top-color: #15909c;
    border-style: solid;
    padding: 25px;
    margin: 0
}

    .highlighted-top h1, .highlighted-top h2, .highlighted-top h3, .highlighted-top h4 {
        margin: 0 0 10px 0
    }

.highlighted-bottom {
    background: #fff;
    border-bottom-width: 3px;
    border-bottom-color: #15909c;
    border-style: solid;
    padding: 25px;
    margin: 0
}

    .highlighted-bottom h1, .highlighted-bottom h2, .highlighted-bottom h3, .highlighted-bottom h4 {
        margin: 0 0 10px 0
    }

.highlighted-left {
    background: #fff;
    border-left-width: 3px;
    border-left-color: #15909c;
    border-style: solid;
    padding: 25px;
    margin: 0
}

    .highlighted-left h1, .highlighted-left h2, .highlighted-left h3, .highlighted-left h4 {
        margin: 0 0 10px 0
    }

.highlighted-right {
    background: #fff;
    border-right-width: 3px;
    border-right-color: #15909c;
    border-style: solid;
    padding: 25px;
    margin: 0
}

    .highlighted-right h1, .highlighted-right h2, .highlighted-right h3, .highlighted-right h4 {
        margin: 0 0 10px 0
    }

.position-left, .position-left * {
    text-align: left !important
}

.position-right, .position-right * {
    text-align: right !important
}

.position-center, .position-center * {
    text-align: center !important
}

.position-left select {
    direction: ltr !important
}

.position-right select {
    direction: rtl !important
}

.position-center select {
    text-align-last: center !important
}

.cover-background > .component-content, .fix-background > .component-content, .parallax-background > .component-content {
    background-repeat: no-repeat;
    background-size: cover
}

.fix-background > .component-content {
    background-position: left top;
    background-attachment: fixed;
    min-height: 240px
}

.parallax-background > .component-content {
    background-position: 50% 0;
    background-attachment: fixed;
    min-height: 240px
}

@media only screen and (max-width:786px) {
    .parallax-background > .component-content {
        background-attachment: scroll
    }
}

.indent {
    margin: 0 40px
}

.indent-top {
    margin-top: 20px
}

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

.alternate-ratings iframe {
    height: 50vh
}

.bearing-life-program iframe {
    height: 50vh
}

.container-black-background {
    background-color: #000
}

    .container-black-background * {
        color: #fff
    }

.container-white-background {
    background-color: #fff
}

.fg-fade-black-left.image img {
    --fade-width: 5;
    mask-image: linear-gradient(90deg,hsla(0,0%,0%,calc(1 - 1)) 0%,hsla(0,0%,0%,calc(1 - .738)) calc(1.9%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .541)) calc(3.4%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .382)) calc(4.7%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .278)) calc(5.65%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .194)) calc(6.5%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .126)) calc(7.3%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .075)) calc(8.02%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .042)) calc(8.61%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .021)) calc(9.1%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .008)) calc(9.52%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .002)) calc(9.82%*var(--fade-width)),hsla(0,0%,0%,calc(1 - 0)) calc(10%*var(--fade-width)));
    -webkit-mask-image: linear-gradient(90deg,hsla(0,0%,0%,calc(1 - 1)) 0%,hsla(0,0%,0%,calc(1 - .738)) calc(1.9%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .541)) calc(3.4%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .382)) calc(4.7%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .278)) calc(5.65%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .194)) calc(6.5%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .126)) calc(7.3%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .075)) calc(8.02%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .042)) calc(8.61%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .021)) calc(9.1%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .008)) calc(9.52%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .002)) calc(9.82%*var(--fade-width)),hsla(0,0%,0%,calc(1 - 0)) calc(10%*var(--fade-width)))
}

.font-large {
    font-size: large !important
}

    .font-large * {
        font-size: inherit !important
    }

.full-margin-bg-black {
    position: relative
}

    .full-margin-bg-black::before {
        content: "";
        position: absolute;
        top: 0;
        right: -100%;
        bottom: 0;
        left: -100%;
        background-color: #000;
        z-index: -1
    }

.full-margin-bg-grey {
    background-color: #efefef;
    position: relative;
    z-index: 1
}

    .full-margin-bg-grey::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100%;
        right: -100%;
        background-color: #efefef;
        z-index: -1
    }

#home-news-and-media-component > div.component-content > div.row > div.column-splitter > div > div.row > div.row-splitter > div.container-fluid {
    padding: 0
}

    #home-news-and-media-component > div.component-content > div.row > div.column-splitter > div > div.row > div.row-splitter > div.container-fluid > div > div.row {
        margin: 0
    }

        #home-news-and-media-component > div.component-content > div.row > div.column-splitter > div > div.row > div.row-splitter > div.container-fluid > div > div.row > div.component.image {
            padding: 0
        }

            #home-news-and-media-component > div.component-content > div.row > div.column-splitter > div > div.row > div.row-splitter > div.container-fluid > div > div.row > div.component.image * {
                height: 100%;
                border-radius: 0
            }

            #home-news-and-media-component > div.component-content > div.row > div.column-splitter > div > div.row > div.row-splitter > div.container-fluid > div > div.row > div.component.image img {
                width: auto
            }

#home-videos-component div.column-splitter:last-child > div {
    padding: 0 5px
}

#home-videos-component .video-caption {
    color: #1c1c1c;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-top: 5%
}

    #home-videos-component .video-caption:hover {
        color: #e21c2a
    }

#home-videos-component .video-description {
    color: #1c1c1c;
    font-size: 15px;
    text-align: center
}

.accordion {
    padding-top: 20px;
    padding-bottom: 20px;
    border: none
}

    .accordion .item {
        background-color: #efefef;
        list-style: none
    }

        .accordion .item > .toggle-header {
            padding-left: 20px
        }

        .accordion .item .toggle-content {
            background-color: #fff !important;
            padding-left: 40px
        }

    .accordion .component-content div ul.items li.item div.toggle-header div.label div.component-content div.field-heading::after {
        font-size: 2rem;
        width: 24px;
        height: 24px
    }

.add-to-cart .btn-primary:disabled, .add-to-cart .btn-primary[disabled] {
    border-color: #505050;
    background-color: #505050;
    color: #505050
}

.nidec-search-box {
    display: flex;
    flex-flow: row wrap;
    align-content: center
}

    .nidec-search-box .autoComplete_wrapper {
        display: inline-block;
        width: 0;
        max-width: calc(100%);
        padding: 0;
        border: none;
        position: absolute;
        top: 15px;
        bottom: 15px;
        right: 30px;
        transition: width .5s ease-out;
        overflow: hidden;
        height: unset !important
    }

        .nidec-search-box .autoComplete_wrapper ul > * {
            padding: 5px 10px
        }

    .nidec-search-box input {
        width: 100%;
        height: 100%;
        border: 2px solid #ccc;
        border-radius: 10px;
        padding: 10px 20px
    }

    .nidec-search-box ul {
        background-color: #fff
    }

    .nidec-search-box button {
        height: 50px;
        width: 100%;
        padding: 0 !important;
        margin: 15px 0 !important;
        position: relative;
        z-index: 1;
        border: none !important;
        background: none !important
    }

        .nidec-search-box button > i {
            color: #000 !important
        }

    .nidec-search-box.moving .autoComplete_wrapper {
        overflow: hidden
    }

    .nidec-search-box.expand .autoComplete_wrapper {
        width: calc(100% - 30px);
        overflow: visible
    }

body {
    color: #000
}

    body .content, body .rich-text {
        color: inherit
    }

    body a {
        color: #e31e24
    }

    body hr {
        color: #e31e24;
        height: 2px;
        opacity: 1
    }

.bom-results-wrapper {
    display: none
}

    .bom-results-wrapper.show-results {
        display: block
    }

    .bom-results-wrapper .exploded-results-heading {
        display: flex;
        justify-content: space-between;
        flex-flow: row;
        gap: 30px
    }

    .bom-results-wrapper .results-toggle-wrapper {
        display: flex;
        flex-flow: row;
        gap: 10px
    }

    .bom-results-wrapper .bom-results table tr td {
        text-wrap: wrap;
        max-width: 400px
    }

    .bom-results-wrapper .bom-results table tr:nth-child(1) td {
        text-align: left
    }

    .bom-results-wrapper .child-row {
        display: table-row
    }

    .bom-results-wrapper .child-collapsed {
        display: none
    }

    .bom-results-wrapper .exp-col-link {
        text-decoration: none;
        color: #fff;
        background-color: #e31e24;
        height: 20px;
        display: flex;
        width: 20px;
        justify-content: center;
        align-items: center;
        border-radius: 50%
    }

        .bom-results-wrapper .exp-col-link.is-expanded {
            background-color: #000;
            color: #fff
        }

    .bom-results-wrapper table .parent-row:nth-child(odd) td, .bom-results-wrapper table .parent-row:nth-child(even) td {
        background-color: #fff !important
    }

.exploded-results-wrapper .header-row {
    display: grid;
    grid-template-columns: 50px 2fr 1fr 1fr 1fr 1fr;
    padding: 10px 10px;
    background-color: #000;
    color: #fff;
    font-size: 1.6rem;
    gap: 5px
}

.exploded-results-wrapper .parent-row, .exploded-results-wrapper .child-row {
    display: grid;
    grid-template-columns: 50px 2fr 1fr 1fr 1fr 1fr;
    padding: 10px 0;
    gap: 5px
}

    .exploded-results-wrapper .parent-row div, .exploded-results-wrapper .child-row div {
        text-wrap: wrap;
        overflow-wrap: break-word;
        word-break: break-word
    }

.exploded-results-wrapper .row-level-1, .exploded-results-wrapper .row-level-1, .exploded-results-wrapper .row-level-1:nth-child(odd), .exploded-results-wrapper .row-level-1:nth-child(even), .exploded-results-wrapper .row-level-4, .exploded-results-wrapper .row-level-4, .exploded-results-wrapper .row-level-4:nth-child(odd), .exploded-results-wrapper .row-level-4:nth-child(even) {
    background-color: #f5f5f5 !important
}

.exploded-results-wrapper .row-level-2, .exploded-results-wrapper .row-level-2, .exploded-results-wrapper .row-level-2:nth-child(odd), .exploded-results-wrapper .row-level-2:nth-child(even), .exploded-results-wrapper .row-level-5, .exploded-results-wrapper .row-level-5, .exploded-results-wrapper .row-level-5:nth-child(odd), .exploded-results-wrapper .row-level-5:nth-child(even) {
    background-color: #d9d9d9 !important
}

.exploded-results-wrapper .row-level-3, .exploded-results-wrapper .row-level-3, .exploded-results-wrapper .row-level-3:nth-child(odd), .exploded-results-wrapper .row-level-3:nth-child(even), .exploded-results-wrapper .row-level-6, .exploded-results-wrapper .row-level-6, .exploded-results-wrapper .row-level-6:nth-child(odd), .exploded-results-wrapper .row-level-6:nth-child(even) {
    background-color: #c3c3c3 !important
}

.exploded-results-wrapper .row-level-1 > div:nth-child(2) {
    padding-left: 1rem
}

.exploded-results-wrapper .row-level-2 > div:nth-child(2) {
    padding-left: 3rem
}

.exploded-results-wrapper .row-level-3 > div:nth-child(2) {
    padding-left: 6rem
}

.exploded-results-wrapper .row-level-4 > div:nth-child(2) {
    padding-left: 9rem
}

.exploded-results-wrapper .row-level-5 > div:nth-child(2) {
    padding-left: 12rem
}

.exploded-results-wrapper .row-level-6 > div:nth-child(2) {
    padding-left: 15rem
}

.exploded-results-wrapper .exp-link-wrapper {
    display: flex;
    justify-content: center
}

.exploded-results-wrapper .bom-results {
    max-width: 100%;
    overflow-x: scroll
}

    .exploded-results-wrapper .bom-results > div {
        width: 100%;
        min-width: 900px
    }

.exploded-results-wrapper .child-row {
    display: grid
}

.exploded-results-wrapper .child-collapsed {
    display: none
}

#bomModal .modal-dialog {
    max-width: 80% !important
}

    #bomModal .modal-dialog table tr td {
        text-wrap: wrap;
        max-width: 400px
    }

    #bomModal .modal-dialog table tr:nth-child(1) td {
        text-align: left
    }

button[type="button"]:not([aria-controls]), a.btn, form input[type="submit"].btn, form input[value="Submit"].btn {
    padding: 15px 40px;
    background-color: #e31e24;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
    border-radius: 0;
    margin: 20px 0;
    color: #fff !important;
    font-size: 1.2rem
}

    button[type="button"]:not([aria-controls]):hover, a.btn:hover, form input[type="submit"].btn:hover, form input[value="Submit"].btn:hover {
        background-color: #c7000d
    }

.split-header-link .field-link > a {
    display: inline-block;
    margin: 0 !important;
    padding: 15px 40px;
    background-color: #e31e24;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
    border-radius: 0;
    margin: 20px 0;
    color: #fff !important;
    font-size: 1.2rem
}

    .split-header-link .field-link > a:hover {
        background-color: #c7000d
    }

button.btn {
    padding: 8px 40px;
    background-color: #000;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem
}

    button.btn::after {
        content: ">";
        padding-left: 5px
    }

    button.btn:hover {
        background-color: #1c1c1c
    }

#mb-cart-page-wrapper strong {
    font-weight: bold
}

@media(min-width:992px) {
    #mb-cart-page-wrapper .column-splitter > div:nth-child(1) {
        border-right: 1px solid #ccc;
        padding-right: 10px;
        margin-right: 10px
    }
}

#mb-cart-page-wrapper .column-splitter > div:nth-child(2) .row {
    display: grid;
    gap: 20px
}

#mb-cart-page-wrapper .mb-cartpageheader h1 {
    margin-bottom: 2rem
}

#mb-cart-page-wrapper .mb-cartpageheader .bulk-edit-ship-date {
    display: grid;
    gap: 5px;
    align-items: center;
    grid-template-areas: 'lbl lbl' 'dt btn';
    grid-template-columns: 250px -webkit-min-content;
    grid-template-columns: 250px min-content
}

    #mb-cart-page-wrapper .mb-cartpageheader .bulk-edit-ship-date strong {
        grid-area: lbl
    }

    #mb-cart-page-wrapper .mb-cartpageheader .bulk-edit-ship-date input[type=date] {
        grid-area: dt
    }

    #mb-cart-page-wrapper .mb-cartpageheader .bulk-edit-ship-date input[type=button] {
        grid-area: btn
    }

    #mb-cart-page-wrapper .mb-cartpageheader .bulk-edit-ship-date .btn-primary {
        margin: 0;
        padding: 5px 20px
    }

.cartlines-list, .orderlines-list, .mb-invoice-details-wrapper {
    margin-top: 10px
}

    .cartlines-list strong, .orderlines-list strong, .mb-invoice-details-wrapper strong {
        font-weight: bold
    }

    .cartlines-list .cartlines-empty, .orderlines-list .cartlines-empty, .mb-invoice-details-wrapper .cartlines-empty {
        display: flex;
        flex-flow: column;
        gap: 5px;
        text-align: center;
        align-items: center
    }

        .cartlines-list .cartlines-empty a, .orderlines-list .cartlines-empty a, .mb-invoice-details-wrapper .cartlines-empty a {
            margin: 0;
            max-width: 300px
        }

    .cartlines-list div, .orderlines-list div, .mb-invoice-details-wrapper div {
        height: initial !important;
        max-height: initial !important
    }

    .cartlines-list li, .orderlines-list li, .mb-invoice-details-wrapper li {
        display: grid;
        grid-template-areas: 'img desc . . .' 'img details qtyinput ext x' 'img ship notes notes notes' 'img shipest notes notes notes' 'img notesinput notesinput notesinput notesinput';
        grid-template-columns: 110px 4fr 60px 1fr 30px;
        width: 100%;
        -webkit-column-gap: 5px;
        column-gap: 5px;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
        margin: 0
    }

        .cartlines-list li.include-line-numbers, .orderlines-list li.include-line-numbers, .mb-invoice-details-wrapper li.include-line-numbers {
            grid-template-areas: 'line img desc . .' 'line img details qtyinput ext' 'line img ship notes notes' 'line img shipest notes notes' 'line img notesinput notesinput notesinput';
            grid-template-columns: 50px 110px 4fr 60px 1fr
        }

@media(max-width:767px) {
    .cartlines-list li, .orderlines-list li, .mb-invoice-details-wrapper li {
        grid-template-areas: 'img desc desc desc x' 'img qtyinput . ext ext' 'details details details details details' 'ship ship ship ship ship' 'shipest shipest shipest shipest shipest' 'notes notes notes notes notes' 'notesinput notesinput notesinput notesinput notesinput';
        grid-template-columns: 110px 60px auto auto 30px;
        gap: 5px
    }

        .cartlines-list li.include-line-numbers, .orderlines-list li.include-line-numbers, .mb-invoice-details-wrapper li.include-line-numbers {
            grid-template-areas: 'line img desc desc desc' 'line img qtyinput ext ext' 'line details details details details' 'line ship ship ship ship' 'line shipest shipest shipest shipest' 'line notes notes notes notes' 'line notesinput notesinput notesinput notesinput';
            grid-template-columns: 50px 110px 60px auto auto
        }
}

.cartlines-list li .cartlines-line-number, .orderlines-list li .cartlines-line-number, .mb-invoice-details-wrapper li .cartlines-line-number {
    grid-area: line;
    color: #777;
    display: flex;
    height: 100%;
    flex-flow: column;
    justify-content: center
}

.cartlines-list li .cartlines-img, .orderlines-list li .cartlines-img, .mb-invoice-details-wrapper li .cartlines-img {
    grid-area: img;
    display: flex;
    align-items: flex-start;
    margin-right: 10px
}

    .cartlines-list li .cartlines-img img, .orderlines-list li .cartlines-img img, .mb-invoice-details-wrapper li .cartlines-img img {
        max-height: 100%;
        object-fit: contain;
        max-width: 100%
    }

.cartlines-list li .cartlines-desc, .orderlines-list li .cartlines-desc, .mb-invoice-details-wrapper li .cartlines-desc {
    grid-area: desc;
    display: flex;
    align-items: center
}

    .cartlines-list li .cartlines-desc > a, .orderlines-list li .cartlines-desc > a, .mb-invoice-details-wrapper li .cartlines-desc > a {
        font-weight: bold;
        color: #e31e24;
        font-size: 1.8rem;
        text-decoration: none
    }

.cartlines-list li .cartlines-itemdetails, .orderlines-list li .cartlines-itemdetails, .mb-invoice-details-wrapper li .cartlines-itemdetails {
    grid-area: details;
    display: grid;
    grid-template-columns: repeat(2,auto);
    -webkit-column-gap: 15px;
    column-gap: 15px;
    font-size: 1.2rem;
    margin-right: 20px
}

@media(max-width:1200px) {
    .cartlines-list li .cartlines-itemdetails, .orderlines-list li .cartlines-itemdetails, .mb-invoice-details-wrapper li .cartlines-itemdetails {
        grid-template-columns: repeat(1,auto)
    }
}

@media(max-width:767px) {
    .cartlines-list li .cartlines-itemdetails, .orderlines-list li .cartlines-itemdetails, .mb-invoice-details-wrapper li .cartlines-itemdetails {
        margin-right: 0
    }
}

.cartlines-list li .cartlines-itemdetails > div, .orderlines-list li .cartlines-itemdetails > div, .mb-invoice-details-wrapper li .cartlines-itemdetails > div {
    display: flex;
    justify-content: space-between
}

.cartlines-list li .cartlines-qtyInput, .orderlines-list li .cartlines-qtyInput, .mb-invoice-details-wrapper li .cartlines-qtyInput {
    grid-area: qtyinput;
    text-align: center
}

    .cartlines-list li .cartlines-qtyInput label, .orderlines-list li .cartlines-qtyInput label, .mb-invoice-details-wrapper li .cartlines-qtyInput label {
        font-weight: bold;
        text-align: center
    }

@media(max-width:767px) {
    .cartlines-list li .cartlines-qtyInput, .orderlines-list li .cartlines-qtyInput, .mb-invoice-details-wrapper li .cartlines-qtyInput {
        display: flex;
        justify-content: center;
        flex-flow: column;
        align-items: center
    }

        .cartlines-list li .cartlines-qtyInput label, .orderlines-list li .cartlines-qtyInput label, .mb-invoice-details-wrapper li .cartlines-qtyInput label {
            display: none
        }

        .cartlines-list li .cartlines-qtyInput:before, .orderlines-list li .cartlines-qtyInput:before, .mb-invoice-details-wrapper li .cartlines-qtyInput:before {
            content: 'Qty';
            font-weight: bold
        }
}

.cartlines-list li .cartlines-extPrice, .orderlines-list li .cartlines-extPrice, .mb-invoice-details-wrapper li .cartlines-extPrice {
    grid-area: ext;
    display: flex;
    justify-content: center
}

    .cartlines-list li .cartlines-extPrice label, .orderlines-list li .cartlines-extPrice label, .mb-invoice-details-wrapper li .cartlines-extPrice label {
        font-weight: bold;
        text-align: center
    }

@media(max-width:767px) {
    .cartlines-list li .cartlines-extPrice, .orderlines-list li .cartlines-extPrice, .mb-invoice-details-wrapper li .cartlines-extPrice {
        display: flex;
        justify-content: center;
        flex-flow: column;
        align-items: flex-end
    }

        .cartlines-list li .cartlines-extPrice label, .orderlines-list li .cartlines-extPrice label, .mb-invoice-details-wrapper li .cartlines-extPrice label {
            display: none
        }

        .cartlines-list li .cartlines-extPrice.cartlines-extPrice:before, .orderlines-list li .cartlines-extPrice.cartlines-extPrice:before, .mb-invoice-details-wrapper li .cartlines-extPrice.cartlines-extPrice:before {
            content: "Extended Price";
            font-weight: bold
        }
}

.cartlines-list li .cartlines-shipdate, .orderlines-list li .cartlines-shipdate, .mb-invoice-details-wrapper li .cartlines-shipdate {
    grid-area: ship;
    font-size: 1.2rem;
    margin-top: 5px
}

.cartlines-list li .cartlines-shipdateEstOrActual, .orderlines-list li .cartlines-shipdateEstOrActual, .mb-invoice-details-wrapper li .cartlines-shipdateEstOrActual {
    grid-area: shipest;
    font-size: 1.2rem;
    margin-top: 5px
}

.cartlines-list li .track-shipment-link, .orderlines-list li .track-shipment-link, .mb-invoice-details-wrapper li .track-shipment-link {
    font-size: 1.2rem;
    padding-left: 3px
}

.cartlines-list li .cartlines-notes, .orderlines-list li .cartlines-notes, .mb-invoice-details-wrapper li .cartlines-notes {
    grid-area: notes;
    display: flex;
    align-items: flex-end
}

    .cartlines-list li .cartlines-notes .btn, .orderlines-list li .cartlines-notes .btn, .mb-invoice-details-wrapper li .cartlines-notes .btn {
        margin: 0 !important;
        display: block;
        color: #000 !important;
        background-color: #fff;
        border: 2px solid #000 !important;
        padding: 5px 20px;
        flex: 1;
        font-size: 1.2rem !important
    }

.cartlines-list li .cartlines-notes-input, .orderlines-list li .cartlines-notes-input, .mb-invoice-details-wrapper li .cartlines-notes-input {
    grid-area: notesinput;
    margin-top: 5px;
    display: flex;
    gap: 10px;
    font-size: 1.2rem
}

    .cartlines-list li .cartlines-notes-input a.save-notes-btn, .orderlines-list li .cartlines-notes-input a.save-notes-btn, .mb-invoice-details-wrapper li .cartlines-notes-input a.save-notes-btn {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 3px 25px
    }

.cartlines-list li .cartlines-delete, .orderlines-list li .cartlines-delete, .mb-invoice-details-wrapper li .cartlines-delete {
    grid-area: x;
    font-size: 2.5rem
}

.cartlines-list li span.remove-from-cart, .orderlines-list li span.remove-from-cart, .mb-invoice-details-wrapper li span.remove-from-cart {
    display: flex;
    position: relative;
    top: -3px
}

@media(max-width:767px) {
    .cartlines-list li span.remove-from-cart, .orderlines-list li span.remove-from-cart, .mb-invoice-details-wrapper li span.remove-from-cart {
        top: 0;
        height: 100%;
        align-items: center
    }
}

.cartlines-list li span.remove-from-cart:hover, .orderlines-list li span.remove-from-cart:hover, .mb-invoice-details-wrapper li span.remove-from-cart:hover {
    cursor: pointer
}

@media(max-width:767px) {
    .cartlines-list > ul > li:nth-child(1), .orderlines-list > ul > li:nth-child(1), .mb-invoice-details-wrapper > ul > li:nth-child(1) {
        gap: 0 !important
    }

        .cartlines-list > ul > li:nth-child(1) > div, .orderlines-list > ul > li:nth-child(1) > div, .mb-invoice-details-wrapper > ul > li:nth-child(1) > div {
            display: none
        }
}

.cartlines-list > ul > li:nth-last-child(1), .orderlines-list > ul > li:nth-last-child(1), .mb-invoice-details-wrapper > ul > li:nth-last-child(1) {
    border-bottom: 0 !important
}

.cartlines-list .cartlines-footer, .orderlines-list .cartlines-footer, .mb-invoice-details-wrapper .cartlines-footer {
    padding-top: 10px
}

    .cartlines-list .cartlines-footer .cartlines-summary, .orderlines-list .cartlines-footer .cartlines-summary, .mb-invoice-details-wrapper .cartlines-footer .cartlines-summary {
        font-size: 1.6rem
    }

    .cartlines-list .cartlines-footer .cartlines-taxes-shipping, .orderlines-list .cartlines-footer .cartlines-taxes-shipping, .mb-invoice-details-wrapper .cartlines-footer .cartlines-taxes-shipping {
        text-align: right;
        font-style: italic;
        font-size: 1.2rem;
        color: #333
    }

    .cartlines-list .cartlines-footer .cartlines-buttons, .orderlines-list .cartlines-footer .cartlines-buttons, .mb-invoice-details-wrapper .cartlines-footer .cartlines-buttons {
        display: flex;
        flex-flow: column;
        margin-top: 15px;
        gap: 6px
    }

        .cartlines-list .cartlines-footer .cartlines-buttons a, .orderlines-list .cartlines-footer .cartlines-buttons a, .mb-invoice-details-wrapper .cartlines-footer .cartlines-buttons a {
            margin: 0 !important
        }

            .cartlines-list .cartlines-footer .cartlines-buttons a.btn.btn-secondary, .orderlines-list .cartlines-footer .cartlines-buttons a.btn.btn-secondary, .mb-invoice-details-wrapper .cartlines-footer .cartlines-buttons a.btn.btn-secondary {
                color: #000 !important;
                background-color: #fff;
                border: 2px solid #000 !important;
                padding: 5px
            }

.cartlines-list li .cartlines-shipdate {
    max-width: 250px
}

.cartlines-list li .cartlines-shipdateEstOrActual {
    max-width: 250px
}

.orderlines-list li {
    display: grid;
    grid-template-areas: 'img desc . .' 'img details qtyinput ext' 'img ship notes notes' 'img notesinput notesinput notesinput';
    grid-template-columns: 110px 4fr 60px 1fr;
    width: 100%;
    -webkit-column-gap: 5px;
    column-gap: 5px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    margin: 0
}

@media(max-width:767px) {
    .orderlines-list li {
        grid-template-areas: 'img desc desc desc' 'img qtyinput ext ext ' 'details details details details ' 'ship ship ship ship ' 'notes notes notes notes ' 'notesinput notesinput notesinput notesinput ';
        grid-template-columns: 110px 60px auto auto;
        gap: 5px
    }
}

.orderlines-list li .cartlines-extPrice {
    justify-content: flex-end
}

.orderlines-list li .cartlines-delete {
    display: none
}

.mb-cart-validation .oc-no-results-message {
    text-align: left
}

.mb-cartsummary .cartsummary-details {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    margin-top: 1rem;
    font-size: 1.6rem
}

.mb-cartsummary .cartsummary-buttons {
    display: flex;
    flex-flow: column
}

.mb-cartsummary small {
    text-align: right;
    font-style: italic
}

#mb-cart-page-wrapper h3 {
    font-size: 1.6rem
}

#mb-cart-page-wrapper h4 {
    font-size: 1.4rem
}

@media(min-width:992px) {
    #mb-cart-page-wrapper .select-freight-term {
        display: grid;
        grid-template-areas: 'heading heading heading heading' 'opt1 opt2 opt3 opt4';
        gap: 10px;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

#mb-cart-page-wrapper .select-freight-term > label {
    grid-area: heading
}

#mb-cart-page-wrapper .select-freight-term .form-check {
    font-size: 1.6rem;
    padding: 0
}

    #mb-cart-page-wrapper .select-freight-term .form-check label {
        border: 1px solid #ccc;
        height: 100%;
        width: 100%;
        display: grid;
        justify-content: center;
        grid-template-columns: 20px auto;
        align-items: center;
        border-radius: 3px;
        padding: 20px 15px;
        gap: 5px
    }

@media(max-width:991px) {
    #mb-cart-page-wrapper .select-freight-term .form-check label {
        justify-content: flex-start
    }
}

#mb-cart-page-wrapper .select-freight-term .form-check label:has(:checked) {
    border-color: #0aa546;
    background-color: #0aa54614;
}

#mb-cart-page-wrapper .select-freight-term .form-check label input[type=radio] {
    margin: 0
}

    #mb-cart-page-wrapper .select-freight-term .form-check label input[type=radio]:checked {
        background-color: #0aa546;
        border-color: #0aa546
    }

#mb-cart-page-wrapper .select-freight-term .form-check:nth-of-type(1) {
    grid-area: opt1
}

#mb-cart-page-wrapper .select-freight-term .form-check:nth-of-type(2) {
    grid-area: opt2
}

#mb-cart-page-wrapper .select-freight-term .form-check:nth-of-type(3) {
    grid-area: opt3
}

#mb-cart-page-wrapper .select-freight-term .form-check:nth-of-type(4) {
    grid-area: opt4
}

#mb-cart-page-wrapper .mb-checkout-heading {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
    margin-top: 20px
}

#mb-cart-page-wrapper .mb-checkout-shipping-method {
    display: grid;
    gap: 15px;
    margin-top: 20px
}

    #mb-cart-page-wrapper .mb-checkout-shipping-method label {
        font-weight: bold
    }

    #mb-cart-page-wrapper .mb-checkout-shipping-method > div > div {
        display: grid;
        gap: 10px
    }

#mb-cart-page-wrapper .mb-checkout-order-details {
    display: grid;
    gap: 10px
}

#mb-cart-page-wrapper .mb-checkout-billing-shipping, #mb-cart-page-wrapper .mb-checkout-delivery {
    display: grid;
    gap: 10px
}

    #mb-cart-page-wrapper .mb-checkout-billing-shipping > div > h4, #mb-cart-page-wrapper .mb-checkout-delivery > div > h4 {
        margin-bottom: 5px
    }

#mb-cart-page-wrapper .mb-checkout-delivery {
    margin-top: 10px
}

#mb-cart-page-wrapper .mb-delivery-address .btn {
    display: block;
    width: 100%;
    color: #000 !important;
    background-color: #fff !important;
    border: 2px solid #000;
    padding: 5px;
    font-weight: normal;
    margin: 5px 0 10px
}

#mb-cart-page-wrapper .cartsummary-buttons .btn {
    margin: 0
}

#gotocheckoutbtn:disabled, #gotocheckoutbtn[disabled], #placeorderbtn:disabled, #placeorderbtn[disabled] {
    border-color: #505050;
    background-color: #505050;
    color: #505050
}

    #gotocheckoutbtn:disabled:hover, #gotocheckoutbtn[disabled]:hover, #placeorderbtn:disabled:hover, #placeorderbtn[disabled]:hover {
        cursor: default
    }

.freight-term-info {
    border: 2px solid;
    padding: 10px;
    margin: 1rem 0;
    display: flex;
    flex-flow: column;
    gap: 5px
}

    .freight-term-info.free-freight-req-not-met {
        background-color: #fde2e2;
        border-color: #c7000d
    }

    .freight-term-info.free-freight-req-met {
        border-color: #dbdbdb
    }

    .freight-term-info .freight-warning-message {
        font-weight: bold;
        color: #c7000d
    }

    .freight-term-info > div {
        display: flex;
        gap: 10px
    }

        .freight-term-info > div span {
            font-weight: bold
        }

            .freight-term-info > div span.req-not-met {
                color: #c7000d
            }

            .freight-term-info > div span.req-met {
                color: #088d2a
            }

.dropdown .dropdown-toggle:after {
    content: none
}

.dropdown .delivery-address-dropdown {
    z-index: 900;
    overflow-y: scroll;
    padding: 10px;
    width: 100%;
    max-height: 400px;
    min-height: 100%
}

    .dropdown .delivery-address-dropdown .twitter-typeahead {
        width: 100%
    }

    .dropdown .delivery-address-dropdown div#dropShipSelector_listbox {
        position: relative !important;
        margin-top: 10px
    }

    .dropdown .delivery-address-dropdown .dropship-option {
        font-size: 1.2rem;
        padding: 5px 10px
    }

        .dropdown .delivery-address-dropdown .dropship-option:nth-child(even) {
            background-color: #ececec
        }

        .dropdown .delivery-address-dropdown .dropship-option.tt-cursor {
            background-color: #04b43129;
            cursor: pointer
        }

.map .gm-style * {
    -webkit-filter: unset;
    filter: unset
}

.map .gm-style > div:first-child::before {
    content: unset
}

.map button[type="button"] {
    color: #000 !important
}

.mb-order-confirmation .orderconfirm-details-wrapper, .mb-invoice-details-wrapper .orderconfirm-details-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    align-items: flex-start
}

@media(max-width:991px) {
    .mb-order-confirmation .orderconfirm-details-wrapper, .mb-invoice-details-wrapper .orderconfirm-details-wrapper {
        flex-flow: column;
        gap: 20px
    }
}

.mb-order-confirmation .mb-confirmation-address-wrapper, .mb-invoice-details-wrapper .mb-confirmation-address-wrapper {
    grid-column: 1;
    flex-flow: column
}

@media(max-width:767px) {
    .mb-order-confirmation .mb-confirmation-address-wrapper, .mb-invoice-details-wrapper .mb-confirmation-address-wrapper {
        width: 100%;
        display: flex;
        justify-content: space-between
    }
}

.mb-order-confirmation .mb-confirmation-address-wrapper .mb-confirmation-address, .mb-invoice-details-wrapper .mb-confirmation-address-wrapper .mb-confirmation-address {
    text-align: left
}

.mb-order-confirmation .shipping-details, .mb-invoice-details-wrapper .shipping-details {
    gap: 15px;
    display: flex;
    justify-content: space-between;
    background-color: #e7e7e7;
    padding: 20px 40px;
    width: 50vw
}

@media(max-width:991px) {
    .mb-order-confirmation .shipping-details, .mb-invoice-details-wrapper .shipping-details {
        width: 100%
    }
}

@media(max-width:767px) {
    .mb-order-confirmation .shipping-details, .mb-invoice-details-wrapper .shipping-details {
        flex-flow: column
    }
}

@media print {
    .mb-order-confirmation .shipping-details, .mb-invoice-details-wrapper .shipping-details {
        padding: 0 !important
    }
}

.mb-order-confirmation .order-details-list, .mb-invoice-details-wrapper .order-details-list {
    gap: 10px 30px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    width: 100%;
    padding: 0 0 20px
}

@media(max-width:767px) {
    .mb-order-confirmation .order-details-list, .mb-invoice-details-wrapper .order-details-list {
        display: flex;
        flex-flow: column
    }
}

.mb-order-confirmation .order-details-list > div, .mb-invoice-details-wrapper .order-details-list > div {
    display: flex;
    justify-content: space-between;
    gap: 5px 0
}

    .mb-order-confirmation .order-details-list > div > div, .mb-invoice-details-wrapper .order-details-list > div > div {
        text-align: right
    }

.mb-order-confirmation .order-details-list .wrap-value, .mb-invoice-details-wrapper .order-details-list .wrap-value {
    flex-wrap: wrap
}

.mb-order-confirmation strong, .mb-invoice-details-wrapper strong {
    font-weight: bold
}

.mb-confirmation-address-wrapper > div {
    text-align: left !important
}

.mb-invoice-details-wrapper .invoice-summary-details-wrapper .invoice-details-list {
    margin: 15px 0;
    display: flex;
    flex-flow: column;
    gap: 10px
}

    .mb-invoice-details-wrapper .invoice-summary-details-wrapper .invoice-details-list > div {
        display: grid;
        width: 100%;
        gap: 10px;
        grid-template-columns: 200px 1fr
    }

@media(max-width:767px) {
    .mb-invoice-details-wrapper .invoice-summary-details-wrapper .invoice-details-list > div {
        display: flex;
        justify-content: space-between
    }
}

.mb-invoice-details-wrapper .shipping-details {
    width: 100%;
    margin: 15px 0
}

.mb-invoice-details-wrapper .invoice-payment-details {
    margin: 15px 0;
    padding: 20px;
    border: 1px solid #c3c3c3;
    width: 50%;
    float: right;
    clear: both;
    display: flex;
    flex-flow: column;
    gap: 10px
}

    .mb-invoice-details-wrapper .invoice-payment-details > div {
        display: flex;
        justify-content: space-between;
        gap: 10px
    }

@media(max-width:767px) {
    .mb-invoice-details-wrapper .invoice-payment-details {
        width: 100%;
        float: none;
        clear: none
    }
}

.lines-truncated-message .alert {
    margin: 20px 0;
    text-align: center
}

#contact-content-wrapper {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    #contact-content-wrapper {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #contact-content-wrapper {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #contact-content-wrapper {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #contact-content-wrapper {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #contact-content-wrapper {
        max-width: 1320px
    }
}

#contact-content-wrapper .link-list ul {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr
}

@media(max-width:1200px) {
    #contact-content-wrapper .link-list ul {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media(max-width:767px) {
    #contact-content-wrapper .link-list ul {
        grid-template-columns: 1fr 1fr
    }
}

#contact-content-wrapper .link-list ul li {
    flex: 15%;
    margin: 0
}

    #contact-content-wrapper .link-list ul li * {
        height: 100%
    }

    #contact-content-wrapper .link-list ul li a {
        display: flex;
        padding: 30px 20px;
        text-align: center;
        height: 100%;
        justify-content: center;
        flex-flow: row;
        background-color: #e3e3e3;
        color: #393939;
        font-weight: bold;
        gap: 3px;
        align-items: center;
        font-size: 1.4rem;
        position: relative
    }

        #contact-content-wrapper .link-list ul li a:before {
            content: "";
            display: none
        }

        #contact-content-wrapper .link-list ul li a:after {
            content: "ï‚Ž";
            font-family: 'FontAwesome';
            position: absolute;
            top: 6px;
            right: 10px
        }

        #contact-content-wrapper .link-list ul li a:hover {
            border: 0 !important;
            background-color: #eee
        }

#sales-offices-title h4 {
    font-size: 2rem
}

.spinning:before {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    z-index: 100000
}

.spinning:after {
    position: fixed;
    top: calc(50% - 60px);
    left: calc(50% - 60px);
    z-index: 100001;
    content: '';
    border: 16px solid #f3f3f300;
    border-top: 16px solid #fff;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    -webkit-animation: spin .7s linear infinite;
    animation: spin .7s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.address-autocomplete-wrapper {
    display: grid;
    grid-template-areas: 'lbl lbl lbl' 'autocomplete autocomplete btn' 'error error error' 'msg msg msg' 'result result result';
    grid-template-columns: auto auto auto;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    background-color: #eee;
    padding: 20px;
    margin-bottom: 26px
}

@media(max-width:991px) {
    .address-autocomplete-wrapper {
        grid-template-areas: "lbl lbl lbl" "autocomplete autocomplete autocomplete" "btn btn btn" "error error error" "msg msg msg" "result result result"
    }
}

.address-autocomplete-wrapper .address-autocomplete-label {
    grid-area: lbl
}

.address-autocomplete-wrapper .address-autocomplete-input {
    grid-area: autocomplete
}

.address-autocomplete-wrapper .field-validation-error {
    grid-area: error
}

.address-autocomplete-wrapper .verify-button {
    grid-area: btn;
    margin: 0 !important;
    background-color: #e31e24;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
    border-radius: 0;
    margin: 20px 0;
    color: #fff !important;
    font-size: 1.2rem;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: 37.5px !important
}

    .address-autocomplete-wrapper .verify-button:hover {
        cursor: pointer
    }

    .address-autocomplete-wrapper .verify-button.is-verified {
        background-color: #04b431 !important
    }

        .address-autocomplete-wrapper .verify-button.is-verified:hover {
            cursor: default
        }

.address-autocomplete-wrapper .contact-form-address-validation {
    grid-area: msg
}

.address-autocomplete-wrapper .verified-address-output-heading {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 5px 0
}

.address-autocomplete-wrapper input.display-as-disabled-input {
    background: transparent !important
}

.address-autocomplete-wrapper .address-found-result {
    grid-area: result;
    flex-flow: row wrap;
    width: 100%;
    font-size: 12px
}

    .address-autocomplete-wrapper .address-found-result h4 {
        margin-bottom: 10px
    }

.container-boxed {
    width: 80vw
}

.container-full-width {
    width: 100vw
}

.content {
    border-width: unset;
    border-style: unset;
    border-color: unset
}

.table-wrapper .row.dt-row {
    margin-top: 1rem
}

.table-wrapper .dataTables_wrapper {
    margin-top: 2rem
}

.table-wrapper .table {
    width: 100% !important;
    display: table !important
}

@media(max-width:767px) {
    .table-wrapper .table {
        display: block !important
    }
}

.table-wrapper .table tbody {
    display: table-row-group
}

.table-wrapper .table tr:nth-child(1) td {
    border: inherit !important;
    color: initial;
    text-align: inherit;
    font-size: inherit !important
}

.table-wrapper .table thead {
    background-color: #000;
    color: #fff !important
}

    .table-wrapper .table thead th {
        padding: 10px 5px
    }

.table-wrapper .table td.wrappable-column {
    text-wrap: wrap
}

.table-wrapper .table > tbody > tr.even.dt-hasChild.parent td, .table-wrapper .table > tbody > tr.even.dt-hasChild.parent + .child td {
    background-color: #fff !important
}

.table-wrapper .table > tbody > tr.odd.dt-hasChild.parent td, .table-wrapper .table > tbody > tr.odd.dt-hasChild.parent + .child td {
    background-color: #e3e3e3 !important
}

.table-wrapper .table tr.child ul li {
    list-style: none;
    display: flex;
    gap: 10px
}

.table-wrapper table.dataTable thead > tr > th.sorting:before, .table-wrapper table.dataTable thead > tr > th.sorting_asc:before, .table-wrapper table.dataTable thead > tr > th.sorting_desc:before, .table-wrapper table.dataTable thead > tr > th.sorting_asc_disabled:before, .table-wrapper table.dataTable thead > tr > th.sorting_desc_disabled:before, .table-wrapper table.dataTable thead > tr > td.sorting:before, .table-wrapper table.dataTable thead > tr > td.sorting_asc:before, .table-wrapper table.dataTable thead > tr > td.sorting_desc:before, .table-wrapper table.dataTable thead > tr > td.sorting_asc_disabled:before, .table-wrapper table.dataTable thead > tr > td.sorting_desc_disabled:before {
    opacity: 1
}

.table-wrapper table.dataTable thead > tr > th.sorting:before, .table-wrapper table.dataTable thead > tr > th.sorting:after, .table-wrapper table.dataTable thead > tr > th.sorting_asc:before, .table-wrapper table.dataTable thead > tr > th.sorting_asc:after, .table-wrapper table.dataTable thead > tr > th.sorting_desc:before, .table-wrapper table.dataTable thead > tr > th.sorting_desc:after, .table-wrapper table.dataTable thead > tr > th.sorting_asc_disabled:before, .table-wrapper table.dataTable thead > tr > th.sorting_asc_disabled:after, .table-wrapper table.dataTable thead > tr > th.sorting_desc_disabled:before, .table-wrapper table.dataTable thead > tr > th.sorting_desc_disabled:after, .table-wrapper table.dataTable thead > tr > td.sorting:before, .table-wrapper table.dataTable thead > tr > td.sorting:after, .table-wrapper table.dataTable thead > tr > td.sorting_asc:before, .table-wrapper table.dataTable thead > tr > td.sorting_asc:after, .table-wrapper table.dataTable thead > tr > td.sorting_desc:before, .table-wrapper table.dataTable thead > tr > td.sorting_desc:after, .table-wrapper table.dataTable thead > tr > td.sorting_asc_disabled:before, .table-wrapper table.dataTable thead > tr > td.sorting_asc_disabled:after, .table-wrapper table.dataTable thead > tr > td.sorting_desc_disabled:before, .table-wrapper table.dataTable thead > tr > td.sorting_desc_disabled:after {
    opacity: 1
}

.table-wrapper .dataTables_paginate.paging_simple_numbers li {
    list-style: none !important
}

.table-wrapper .page-item.active .page-link {
    background-color: #e31e24;
    border-color: #e31e24
}

.table-wrapper .config-user-wrapper {
    text-align: right !important
}

#invoiceHistory .sorting_asc:before, #invoiceHistory .sorting_asc:after {
    display: none
}

#orderHistory .sorting_asc:before, #orderHistory .sorting_asc:after {
    display: none
}

@charset "UTF-8";

:root {
    --dt-row-selected: 13,110,253;
    --dt-row-selected-text: 255,255,255;
    --dt-row-selected-link: 9,10,11;
    --dt-row-stripe: 0,0,0;
    --dt-row-hover: 0,0,0;
    --dt-column-ordering: 0,0,0;
    --dt-html-background: white
}

    :root.dark {
        --dt-html-background: rgb(33,37,41)
    }

table.dataTable td.dt-control {
    text-align: center;
    cursor: pointer
}

    table.dataTable td.dt-control:before {
        display: inline-block;
        color: rgba(0,0,0,.5);
        content: "â–¶"
    }

table.dataTable tr.dt-hasChild td.dt-control:before {
    content: "â–¼"
}

html.dark table.dataTable td.dt-control:before {
    color: rgba(255,255,255,.5)
}

html.dark table.dataTable tr.dt-hasChild td.dt-control:before {
    color: rgba(255,255,255,.5)
}

table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled, table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting_asc_disabled, table.dataTable thead > tr > td.sorting_desc_disabled {
    cursor: pointer;
    position: relative;
    padding-right: 26px
}

    table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after {
        position: absolute;
        display: block;
        opacity: .125;
        right: 10px;
        line-height: 9px;
        font-size: .8em
    }

    table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:before {
        bottom: 50%;
        content: "â–²";
        content: "â–²"/""
    }

    table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:after {
        top: 50%;
        content: "â–¼";
        content: "â–¼"/""
    }

    table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after {
        opacity: .6
    }

    table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting_asc_disabled:before {
        display: none
    }

table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {
    outline: none
}

div.dataTables_scrollBody > table.dataTable > thead > tr > th:before, div.dataTables_scrollBody > table.dataTable > thead > tr > th:after, div.dataTables_scrollBody > table.dataTable > thead > tr > td:before, div.dataTables_scrollBody > table.dataTable > thead > tr > td:after {
    display: none
}

div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 2px;
    z-index: 10
}

    div.dataTables_processing > div:last-child {
        position: relative;
        width: 80px;
        height: 15px;
        margin: 1em auto
    }

        div.dataTables_processing > div:last-child > div {
            position: absolute;
            top: 0;
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background: #0d6efd;
            background: rgb(var(--dt-row-selected));
            animation-timing-function: cubic-bezier(0,1,1,0)
        }

            div.dataTables_processing > div:last-child > div:nth-child(1) {
                left: 8px;
                animation: datatables-loader-1 .6s infinite
            }

            div.dataTables_processing > div:last-child > div:nth-child(2) {
                left: 8px;
                animation: datatables-loader-2 .6s infinite
            }

            div.dataTables_processing > div:last-child > div:nth-child(3) {
                left: 32px;
                animation: datatables-loader-2 .6s infinite
            }

            div.dataTables_processing > div:last-child > div:nth-child(4) {
                left: 56px;
                animation: datatables-loader-3 .6s infinite
            }

@keyframes datatables-loader-1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes datatables-loader-3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes datatables-loader-2 {
    0% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(24px,0)
    }
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap
}

table.dataTable th.dt-left, table.dataTable td.dt-left {
    text-align: left
}

table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
    text-align: center
}

table.dataTable th.dt-right, table.dataTable td.dt-right {
    text-align: right
}

table.dataTable th.dt-justify, table.dataTable td.dt-justify {
    text-align: justify
}

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
    white-space: nowrap
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: left
}

    table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
        text-align: left
    }

    table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
        text-align: center
    }

    table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
        text-align: right
    }

    table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
        text-align: justify
    }

    table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
        white-space: nowrap
    }

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
    text-align: left
}

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
    text-align: center
}

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
    text-align: right
}

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
    text-align: justify
}

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap
}
/*! Bootstrap 5 integration for DataTables
 *
 * ©2020 SpryMedia Ltd, all rights reserved.
 * License: MIT datatables.net/license/mit
 */
table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0
}

    table.dataTable td, table.dataTable th {
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
            text-align: center
        }

    table.dataTable.nowrap th, table.dataTable.nowrap td {
        white-space: nowrap
    }

    table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
        box-shadow: none
    }

    table.dataTable > tbody > tr {
        background-color: transparent
    }

        table.dataTable > tbody > tr.selected > * {
            box-shadow: inset 0 0 0 9999px #0d6efd;
            box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
            color: #fff;
            color: rgb(var(--dt-row-selected-text))
        }

        table.dataTable > tbody > tr.selected a {
            color: #090a0b;
            color: rgb(var(--dt-row-selected-link))
        }

    table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe),.05)
    }

    table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
        box-shadow: inset 0 0 0 9999px rgba(13,110,253,.95);
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected),.95)
    }

    table.dataTable.table-hover > tbody > tr:hover > * {
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover),.075)
    }

    table.dataTable.table-hover > tbody > tr.selected:hover > * {
        box-shadow: inset 0 0 0 9999px rgba(13,110,253,.975);
        box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected),.975)
    }

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right
}

    div.dataTables_wrapper div.dataTables_filter label {
        font-weight: normal;
        white-space: nowrap;
        text-align: left
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: .5em;
        display: inline-block;
        width: auto
    }

div.dataTables_wrapper div.dataTables_info {
    padding-top: .85em
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right
}

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
        justify-content: flex-end
    }

div.dataTables_wrapper div.dt-row {
    position: relative
}

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important
}

div.dataTables_scrollBody > table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

    div.dataTables_scrollBody > table > thead .sorting:before, div.dataTables_scrollBody > table > thead .sorting_asc:before, div.dataTables_scrollBody > table > thead .sorting_desc:before, div.dataTables_scrollBody > table > thead .sorting:after, div.dataTables_scrollBody > table > thead .sorting_asc:after, div.dataTables_scrollBody > table > thead .sorting_desc:after {
        display: none
    }

    div.dataTables_scrollBody > table > tbody tr:first-child th, div.dataTables_scrollBody > table > tbody tr:first-child td {
        border-top: none
    }

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
    box-sizing: content-box
}

    div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
        margin-top: 0 !important;
        border-top: none
    }

@media screen and (max-width:767px) {
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: center
    }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination {
            justify-content: center !important
        }
}

table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled) {
    padding-right: 20px
}

    table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled):before, table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled):after {
        right: 5px
    }

table.table-bordered.dataTable {
    border-right-width: 0
}

    table.table-bordered.dataTable thead tr:first-child th, table.table-bordered.dataTable thead tr:first-child td {
        border-top-width: 1px
    }

    table.table-bordered.dataTable th, table.table-bordered.dataTable td {
        border-left-width: 0
    }

        table.table-bordered.dataTable th:first-child, table.table-bordered.dataTable th:first-child, table.table-bordered.dataTable td:first-child, table.table-bordered.dataTable td:first-child {
            border-left-width: 1px
        }

        table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
            border-right-width: 1px
        }

    table.table-bordered.dataTable th, table.table-bordered.dataTable td {
        border-bottom-width: 1px
    }

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0
}

div.table-responsive > div.dataTables_wrapper > div.row {
    margin: 0
}

    div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
        padding-left: 0
    }

    div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
        padding-right: 0
    }

:root[data-bs-theme=dark] {
    --dt-row-hover: 255,255,255;
    --dt-row-stripe: 255,255,255;
    --dt-column-ordering: 255,255,255
}

@keyframes dtb-spinner {
    100% {
        transform: rotate(360deg)
    }
}

@-o-keyframes dtb-spinner {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes dtb-spinner {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dtb-spinner {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes dtb-spinner {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

div.dataTables_wrapper {
    position: relative
}

div.dt-buttons {
    position: initial
}

    div.dt-buttons .dt-button {
        overflow: hidden;
        text-overflow: ellipsis
    }

div.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    background-color: #fff;
    border-radius: .75em;
    box-shadow: 3px 4px 10px 1px rgba(0,0,0,.8);
    text-align: center;
    z-index: 2003;
    overflow: hidden
}

    div.dt-button-info h2 {
        padding: 2rem 2rem 1rem 2rem;
        margin: 0;
        font-weight: normal
    }

    div.dt-button-info > div {
        padding: 1em 2em 2em 2em
    }

div.dtb-popover-close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    z-index: 2003
}

button.dtb-hide-drop {
    display: none !important
}

div.dt-button-collection-title {
    text-align: center;
    padding: .3em 0 .5em;
    margin-left: .5em;
    margin-right: .5em;
    font-size: .9em
}

    div.dt-button-collection-title:empty {
        display: none
    }

span.dt-button-spacer {
    display: inline-block;
    margin: .5em;
    white-space: nowrap
}

    span.dt-button-spacer.bar {
        border-left: 1px solid rgba(0,0,0,.3);
        vertical-align: middle;
        padding-left: .5em
    }

        span.dt-button-spacer.bar:empty {
            height: 1em;
            width: 1px;
            padding-left: 0
        }

div.dt-button-collection .dt-button-active {
    padding-right: 3em
}

    div.dt-button-collection .dt-button-active:after {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        right: 1em;
        display: inline-block;
        content: "✓";
        color: inherit
    }

    div.dt-button-collection .dt-button-active.dt-button-split {
        padding-right: 0
    }

        div.dt-button-collection .dt-button-active.dt-button-split:after {
            display: none
        }

        div.dt-button-collection .dt-button-active.dt-button-split > *:first-child {
            padding-right: 3em
        }

            div.dt-button-collection .dt-button-active.dt-button-split > *:first-child:after {
                position: absolute;
                top: 50%;
                margin-top: -10px;
                right: 1em;
                display: inline-block;
                content: "✓";
                color: inherit
            }

div.dt-button-collection .dt-button-active-a a {
    padding-right: 3em
}

    div.dt-button-collection .dt-button-active-a a:after {
        position: absolute;
        right: 1em;
        display: inline-block;
        content: "✓";
        color: inherit
    }

div.dt-button-collection span.dt-button-spacer {
    width: 100%;
    font-size: .9em;
    text-align: center;
    margin: .5em 0
}

    div.dt-button-collection span.dt-button-spacer:empty {
        height: 0;
        width: 100%
    }

    div.dt-button-collection span.dt-button-spacer.bar {
        border-left: none;
        border-bottom: 1px solid rgba(0,0,0,.1);
        padding-left: 0
    }

html.dark div.dt-button-info {
    background-color: var(--dt-html-background);
    border: 1px solid rgba(255,255,255,.15)
}

div.dt-buttons div.btn-group {
    position: initial
}

div.dt-buttons div.dropdown-menu {
    margin-top: 4px
}

    div.dt-buttons div.dropdown-menu .dt-button {
        position: relative
    }

    div.dt-buttons div.dropdown-menu div.dt-button-split {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: stretch
    }

        div.dt-buttons div.dropdown-menu div.dt-button-split a:first-child {
            min-width: auto;
            flex: 1 0 50px;
            padding-right: 0
        }

        div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child {
            min-width: 33px;
            flex: 0;
            background: transparent;
            border: none;
            line-height: 1rem;
            color: var(--bs-dropdown-link-color);
            padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x)
        }

            div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:hover {
                color: var(--bs-dropdown-link-hover-color);
                background-color: var(--bs-dropdown-link-hover-bg)
            }

            div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:after {
                position: relative;
                left: -3px
            }

    div.dt-buttons div.dropdown-menu.fixed {
        position: fixed;
        display: block;
        top: 50%;
        left: 50%;
        margin-left: -75px;
        border-radius: 5px;
        background-color: #fff;
        padding: .5em
    }

        div.dt-buttons div.dropdown-menu.fixed.two-column {
            margin-left: -200px
        }

        div.dt-buttons div.dropdown-menu.fixed.three-column {
            margin-left: -225px
        }

        div.dt-buttons div.dropdown-menu.fixed.four-column {
            margin-left: -300px
        }

        div.dt-buttons div.dropdown-menu.fixed.columns {
            margin-left: -409px
        }

@media screen and (max-width:1024px) {
    div.dt-buttons div.dropdown-menu.fixed.columns {
        margin-left: -308px
    }
}

@media screen and (max-width:640px) {
    div.dt-buttons div.dropdown-menu.fixed.columns {
        margin-left: -203px
    }
}

@media screen and (max-width:460px) {
    div.dt-buttons div.dropdown-menu.fixed.columns {
        margin-left: -100px
    }
}

div.dt-buttons div.dropdown-menu.fixed > :last-child {
    max-height: 100vh;
    overflow: auto
}

div.dt-buttons div.dropdown-menu.two-column > :last-child, div.dt-buttons div.dropdown-menu.three-column > :last-child, div.dt-buttons div.dropdown-menu.four-column > :last-child {
    display: block !important;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    -ms-column-gap: 8px;
    -o-column-gap: 8px;
    column-gap: 8px
}

    div.dt-buttons div.dropdown-menu.two-column > :last-child > *, div.dt-buttons div.dropdown-menu.three-column > :last-child > *, div.dt-buttons div.dropdown-menu.four-column > :last-child > * {
        -webkit-column-break-inside: avoid;
        break-inside: avoid
    }

div.dt-buttons div.dropdown-menu.two-column {
    width: 400px
}

    div.dt-buttons div.dropdown-menu.two-column > :last-child {
        padding-bottom: 1px;
        column-count: 2
    }

div.dt-buttons div.dropdown-menu.three-column {
    width: 450px
}

    div.dt-buttons div.dropdown-menu.three-column > :last-child {
        padding-bottom: 1px;
        column-count: 3
    }

div.dt-buttons div.dropdown-menu.four-column {
    width: 600px
}

    div.dt-buttons div.dropdown-menu.four-column > :last-child {
        padding-bottom: 1px;
        column-count: 4
    }

div.dt-buttons div.dropdown-menu .dt-button {
    border-radius: 0
}

div.dt-buttons div.dropdown-menu.columns {
    width: auto
}

    div.dt-buttons div.dropdown-menu.columns > :last-child {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 6px;
        width: 818px;
        padding-bottom: 1px
    }

        div.dt-buttons div.dropdown-menu.columns > :last-child .dt-button {
            min-width: 200px;
            flex: 0 1;
            margin: 0
        }

    div.dt-buttons div.dropdown-menu.columns.dtb-b3 > :last-child, div.dt-buttons div.dropdown-menu.columns.dtb-b2 > :last-child, div.dt-buttons div.dropdown-menu.columns.dtb-b1 > :last-child {
        justify-content: space-between
    }

    div.dt-buttons div.dropdown-menu.columns.dtb-b3 .dt-button {
        flex: 1 1 32%
    }

    div.dt-buttons div.dropdown-menu.columns.dtb-b2 .dt-button {
        flex: 1 1 48%
    }

    div.dt-buttons div.dropdown-menu.columns.dtb-b1 .dt-button {
        flex: 1 1 100%
    }

@media screen and (max-width:1024px) {
    div.dt-buttons div.dropdown-menu.columns > :last-child {
        width: 612px
    }
}

@media screen and (max-width:640px) {
    div.dt-buttons div.dropdown-menu.columns > :last-child {
        width: 406px
    }

    div.dt-buttons div.dropdown-menu.columns.dtb-b3 .dt-button {
        flex: 0 1 32%
    }
}

@media screen and (max-width:460px) {
    div.dt-buttons div.dropdown-menu.columns > :last-child {
        width: 200px
    }
}

div.dt-buttons span.dt-button-spacer.empty {
    margin: 1px
}

div.dt-buttons span.dt-button-spacer.bar:empty {
    height: inherit
}

div.dt-buttons .btn.processing {
    color: rgba(0,0,0,.2)
}

    div.dt-buttons .btn.processing:after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 16px;
        height: 16px;
        margin: -8px 0 0 -8px;
        box-sizing: border-box;
        display: block;
        content: " ";
        border: 2px solid #282828;
        border-radius: 50%;
        border-left-color: transparent;
        border-right-color: transparent;
        animation: dtb-spinner 1500ms infinite linear;
        -o-animation: dtb-spinner 1500ms infinite linear;
        -ms-animation: dtb-spinner 1500ms infinite linear;
        -webkit-animation: dtb-spinner 1500ms infinite linear;
        -moz-animation: dtb-spinner 1500ms infinite linear
    }

div.dt-button-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

@media screen and (max-width:767px) {
    div.dt-buttons {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: .5em
    }

        div.dt-buttons a.btn {
            float: none
        }
}

:root[data-bs-theme=dark] div.dropdown-menu.dt-button-collection.fixed {
    background-color: #212529;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 8px
}

div.dt-datetime {
    position: absolute;
    background-color: #fff;
    z-index: 2050;
    border: 1px solid #ccc;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
    padding: 6px 20px;
    width: 275px;
    border-radius: 5px
}

    div.dt-datetime.inline {
        position: relative;
        box-shadow: none
    }

    div.dt-datetime div.dt-datetime-title {
        text-align: center;
        padding: 5px 0 3px
    }

    div.dt-datetime div.dt-datetime-buttons {
        text-align: center
    }

        div.dt-datetime div.dt-datetime-buttons a {
            display: inline-block;
            padding: 0 .5em .5em .5em;
            margin: 0;
            font-size: .9em
        }

            div.dt-datetime div.dt-datetime-buttons a:hover {
                text-decoration: underline
            }

    div.dt-datetime table {
        border-spacing: 0;
        margin: 12px 0;
        width: 100%
    }

        div.dt-datetime table.dt-datetime-table-nospace {
            margin-top: -12px
        }

        div.dt-datetime table th {
            font-size: .8em;
            color: #777;
            font-weight: normal;
            width: 14.285714286%;
            padding: 0 0 4px 0;
            text-align: center
        }

        div.dt-datetime table td {
            font-size: .9em;
            color: #444;
            padding: 0
        }

            div.dt-datetime table td.selectable {
                text-align: center;
                background: #f5f5f5
            }

                div.dt-datetime table td.selectable.disabled {
                    color: #aaa;
                    background: #fff
                }

                    div.dt-datetime table td.selectable.disabled button:hover {
                        color: #aaa;
                        background: #fff
                    }

                div.dt-datetime table td.selectable.now {
                    background-color: #ddd
                }

                    div.dt-datetime table td.selectable.now button {
                        font-weight: bold
                    }

                div.dt-datetime table td.selectable.selected button {
                    background: #4e6ca3;
                    color: #fff;
                    border-radius: 2px
                }

                div.dt-datetime table td.selectable button:hover {
                    background: #ff8000;
                    color: #fff;
                    border-radius: 2px
                }

            div.dt-datetime table td.dt-datetime-week {
                font-size: .7em
            }

        div.dt-datetime table button {
            width: 100%;
            box-sizing: border-box;
            border: none;
            background: transparent;
            font-size: inherit;
            color: inherit;
            text-align: center;
            padding: 4px 0;
            cursor: pointer;
            margin: 0
        }

            div.dt-datetime table button span {
                display: inline-block;
                min-width: 14px;
                text-align: right
            }

        div.dt-datetime table.weekNumber th {
            width: 12.5%
        }

    div.dt-datetime div.dt-datetime-calendar table {
        margin-top: 0
    }

    div.dt-datetime div.dt-datetime-label {
        position: relative;
        display: inline-block;
        height: 30px;
        padding: 5px 6px;
        border: 1px solid transparent;
        box-sizing: border-box;
        cursor: pointer
    }

        div.dt-datetime div.dt-datetime-label:hover {
            border: 1px solid #ddd;
            border-radius: 2px;
            background-color: #f5f5f5
        }

        div.dt-datetime div.dt-datetime-label select {
            position: absolute;
            top: 6px;
            left: 0;
            cursor: pointer;
            opacity: 0
        }

    div.dt-datetime.horizontal {
        width: 550px
    }

        div.dt-datetime.horizontal div.dt-datetime-date, div.dt-datetime.horizontal div.dt-datetime-time {
            width: 48%
        }

        div.dt-datetime.horizontal div.dt-datetime-time {
            margin-left: 4%
        }

    div.dt-datetime div.dt-datetime-date {
        position: relative;
        float: left;
        width: 100%
    }

    div.dt-datetime div.dt-datetime-time {
        position: relative;
        float: left;
        width: 100%;
        text-align: center
    }

        div.dt-datetime div.dt-datetime-time > span {
            vertical-align: middle
        }

        div.dt-datetime div.dt-datetime-time th {
            text-align: left
        }

        div.dt-datetime div.dt-datetime-time div.dt-datetime-timeblock {
            display: inline-block;
            vertical-align: middle
        }

    div.dt-datetime div.dt-datetime-iconLeft, div.dt-datetime div.dt-datetime-iconRight {
        width: 30px;
        height: 30px;
        background-position: center;
        background-repeat: no-repeat;
        opacity: .3;
        overflow: hidden;
        box-sizing: border-box;
        border: 1px solid transparent
    }

        div.dt-datetime div.dt-datetime-iconLeft:hover, div.dt-datetime div.dt-datetime-iconRight:hover {
            border: 1px solid #ccc;
            border-radius: 2px;
            background-color: #f0f0f0;
            opacity: .6
        }

        div.dt-datetime div.dt-datetime-iconLeft button, div.dt-datetime div.dt-datetime-iconRight button {
            border: none;
            background: transparent;
            text-indent: 30px;
            height: 100%;
            width: 100%;
            cursor: pointer
        }

    div.dt-datetime div.dt-datetime-iconLeft {
        position: absolute;
        top: 5px;
        left: 5px
    }

        div.dt-datetime div.dt-datetime-iconLeft button {
            position: relative;
            z-index: 1
        }

        div.dt-datetime div.dt-datetime-iconLeft:after {
            position: absolute;
            top: 7px;
            left: 10px;
            display: block;
            content: "";
            border-top: 7px solid transparent;
            border-right: 7px solid #000;
            border-bottom: 7px solid transparent
        }

    div.dt-datetime div.dt-datetime-iconRight {
        position: absolute;
        top: 5px;
        right: 5px
    }

        div.dt-datetime div.dt-datetime-iconRight button {
            position: relative;
            z-index: 1
        }

        div.dt-datetime div.dt-datetime-iconRight:after {
            position: absolute;
            top: 7px;
            left: 12px;
            display: block;
            content: "";
            border-top: 7px solid transparent;
            border-left: 7px solid #000;
            border-bottom: 7px solid transparent
        }

div.dt-datetime-error {
    clear: both;
    padding: 0 1em;
    max-width: 240px;
    font-size: 11px;
    line-height: 1.25em;
    text-align: center;
    color: #b11f1f
}

html.dark input.dt-datetime {
    color-scheme: dark
}

html.dark div.dt-datetime {
    border: 1px solid #595b5e;
    background-color: #212529;
    box-shadow: 3px 4px 10px 1px rgba(0,0,0,.8)
}

    html.dark div.dt-datetime table th {
        color: #ccc
    }

    html.dark div.dt-datetime table td {
        color: #eee
    }

        html.dark div.dt-datetime table td.selectable {
            background: #373c41
        }

            html.dark div.dt-datetime table td.selectable.disabled {
                color: #aaa;
                background: #171b1f
            }

                html.dark div.dt-datetime table td.selectable.disabled button:hover {
                    color: #aaa;
                    background: #171b1f
                }

            html.dark div.dt-datetime table td.selectable.now {
                background: #4b5055
            }

            html.dark div.dt-datetime table td.selectable.selected button {
                background: #6ea8fe;
                color: #000
            }

            html.dark div.dt-datetime table td.selectable button:hover {
                background: #ff8000;
                color: #000
            }

    html.dark div.dt-datetime div.dt-datetime-label:hover {
        border: 1px solid transparent;
        background-color: rgba(255,255,255,.1)
    }

    html.dark div.dt-datetime div.dt-datetime-iconLeft:hover, html.dark div.dt-datetime div.dt-datetime-iconRight:hover, html.dark div.dt-datetime div.dt-datetime-iconUp:hover, html.dark div.dt-datetime div.dt-datetime-iconDown:hover {
        border: 1px solid transparent;
        background-color: rgba(255,255,255,.1)
    }

    html.dark div.dt-datetime div.dt-datetime-iconLeft:after {
        border-right-color: #fff
    }

    html.dark div.dt-datetime div.dt-datetime-iconRight:after {
        border-left-color: #fff
    }

    html.dark div.dt-datetime select {
        color-scheme: dark
    }

html.dark div.dt-datetime-error {
    color: #b11f1f
}

table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked {
    background-color: #fff;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

table.dataTable.fixedHeader-locked {
    position: absolute !important
}

@media print {
    table.fixedHeader-floating {
        display: none
    }
}

html[data-bs-theme=dark] table.dataTable.fixedHeader-floating, html[data-bs-theme=dark] table.dataTable.fixedHeader-locked {
    background-color: var(--bs-body-bg)
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
    cursor: default !important
}

    table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
        display: none !important
    }

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
    cursor: pointer
}

    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
        margin-right: .5em;
        display: inline-block;
        color: rgba(0,0,0,.5);
        content: "â–º"
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control.arrow-right::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control.arrow-right::before {
        content: "â—„"
    }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
    content: "â–¼"
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
    padding-left: .333em
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control, table.dataTable.dtr-column > tbody > tr > th.dtr-control, table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
    cursor: pointer
}

    table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
        display: inline-block;
        color: rgba(0,0,0,.5);
        content: "â–º"
    }

    table.dataTable.dtr-column > tbody > tr > td.dtr-control.arrow-right::before, table.dataTable.dtr-column > tbody > tr > th.dtr-control.arrow-right::before, table.dataTable.dtr-column > tbody > tr > td.control.arrow-right::before, table.dataTable.dtr-column > tbody > tr > th.control.arrow-right::before {
        content: "â—„"
    }

table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before, table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before, table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: "â–¼"
}

table.dataTable > tbody > tr.child {
    padding: .5em 1em
}

    table.dataTable > tbody > tr.child:hover {
        background: transparent !important
    }

    table.dataTable > tbody > tr.child ul.dtr-details {
        display: inline-block;
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        table.dataTable > tbody > tr.child ul.dtr-details > li {
            border-bottom: 1px solid #efefef;
            padding: .5em 0
        }

            table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
                padding-top: 0
            }

            table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
                padding-bottom: 0;
                border-bottom: none
            }

    table.dataTable > tbody > tr.child span.dtr-title {
        display: inline-block;
        min-width: 75px;
        font-weight: bold
    }

div.dtr-modal {
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    padding: 10em 1em
}

    div.dtr-modal div.dtr-modal-display {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 50%;
        height: fit-content;
        max-height: 75%;
        overflow: auto;
        margin: auto;
        z-index: 102;
        overflow: auto;
        background-color: #f5f5f7;
        border: 1px solid #000;
        border-radius: .5em;
        box-shadow: 0 12px 30px rgba(0,0,0,.6)
    }

    div.dtr-modal div.dtr-modal-content {
        position: relative;
        padding: 2.5em
    }

        div.dtr-modal div.dtr-modal-content h2 {
            margin-top: 0
        }

    div.dtr-modal div.dtr-modal-close {
        position: absolute;
        top: 6px;
        right: 6px;
        width: 22px;
        height: 22px;
        text-align: center;
        border-radius: 3px;
        cursor: pointer;
        z-index: 12
    }

    div.dtr-modal div.dtr-modal-background {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 101;
        background: rgba(0,0,0,.6)
    }

@media screen and (max-width:767px) {
    div.dtr-modal div.dtr-modal-display {
        width: 95%
    }
}

html.dark table.dataTable > tbody > tr > td.dtr-control:before {
    color: rgba(255,255,255,.5) !important
}

html.dark table.dataTable > tbody > tr.child ul.dtr-details > li {
    border-bottom-color: #404346
}

html.dark div.dtr-modal div.dtr-modal-display {
    background-color: #212529;
    border: 1px solid rgba(255,255,255,.15)
}

div.dtr-bs-modal table.table tr:first-child td {
    border-top: none
}

table.dataTable.table-bordered th.dtr-control.dtr-hidden + *, table.dataTable.table-bordered td.dtr-control.dtr-hidden + * {
    border-left-width: 1px
}

div.dts {
    display: block !important
}

    div.dts tbody th, div.dts tbody td {
        white-space: nowrap
    }

    div.dts div.dts_loading {
        z-index: 1
    }

    div.dts div.dts_label {
        position: absolute;
        right: 20px;
        background: rgba(0,0,0,.8);
        color: #fff;
        box-shadow: 3px 3px 10px rgba(0,0,0,.5);
        text-align: right;
        border-radius: 3px;
        padding: .4em;
        z-index: 2;
        display: none
    }

    div.dts div.dataTables_scrollBody {
        background: repeating-linear-gradient(45deg,rgba(0,0,0,.025),rgba(0,0,0,.025) 10px,rgba(0,0,0,0) 10px,rgba(0,0,0,0) 20px)
    }

        div.dts div.dataTables_scrollBody table {
            background-color: #fff;
            z-index: 2
        }

    div.dts div.dt-length, div.dts div.dt-paging, div.dts div.dataTables_paginate, div.dts div.dataTables_length {
        display: none
    }

html.dark div.dts div.dts_label {
    background: rgba(255,255,255,.8);
    color: #000
}

html.dark div.dts div.dataTables_scrollBody {
    background: repeating-linear-gradient(45deg,rgba(255,255,255,.025),rgba(255,255,255,.025) 10px,rgba(255,255,255,0) 10px,rgba(255,255,255,0) 20px)
}

    html.dark div.dts div.dataTables_scrollBody table {
        background-color: var(--dt-html-background);
        z-index: 2
    }

div.DTS div.dataTables_scrollBody table {
    background-color: #fff
}

html[data-bs-theme=dark] div.DTS div.dataTables_scrollBody table {
    background-color: var(--bs-body-bg)
}

div.dt-button-collection {
    overflow: visible !important;
    z-index: 2002 !important
}

    div.dt-button-collection div.dtsb-searchBuilder {
        padding-left: 1em !important;
        padding-right: 1em !important
    }

    div.dt-button-collection.dtb-collection-closeable div.dtsb-titleRow {
        padding-right: 40px
    }

.dtsb-greyscale {
    border: 1px solid #cecece !important
}

div.dtsb-logicContainer .dtsb-greyscale {
    border: none !important
}

div.dtsb-searchBuilder {
    justify-content: space-evenly;
    cursor: default;
    margin-bottom: 1em;
    text-align: left
}

    div.dtsb-searchBuilder button.dtsb-button, div.dtsb-searchBuilder select {
        font-size: 1em
    }

    div.dtsb-searchBuilder div.dtsb-titleRow {
        justify-content: space-evenly;
        margin-bottom: .5em
    }

        div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title {
            display: inline-block;
            padding-top: 14px
        }

            div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title:empty {
                display: inline
            }

        div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll {
            float: right;
            margin-bottom: .8em
        }

    div.dtsb-searchBuilder div.dtsb-vertical .dtsb-value, div.dtsb-searchBuilder div.dtsb-vertical .dtsb-data, div.dtsb-searchBuilder div.dtsb-vertical .dtsb-condition {
        display: block
    }

    div.dtsb-searchBuilder div.dtsb-group {
        position: relative;
        clear: both;
        margin-bottom: .8em
    }

        div.dtsb-searchBuilder div.dtsb-group button.dtsb-search {
            float: right
        }

        div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup {
            margin: 2px;
            text-align: center;
            padding: 0
        }

        div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            position: absolute;
            margin-top: .8em;
            margin-right: .8em
        }

        div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria {
            margin-bottom: .8em;
            display: flex;
            justify-content: start;
            flex-flow: row wrap
        }

            div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input {
                padding: .4em;
                margin-right: .8em;
                min-width: 5em;
                max-width: 20em;
                color: inherit
            }

                div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown option.dtsb-notItalic, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input option.dtsb-notItalic {
                    font-style: normal
                }

            div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-italic {
                font-style: italic
            }

            div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont {
                flex: 1;
                white-space: nowrap
            }

                div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont span.dtsp-joiner {
                    margin-right: .8em
                }

                div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont input.dtsb-value {
                    width: 33%
                }

                div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont select, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont input {
                    height: 100%;
                    box-sizing: border-box
                }

            div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer {
                margin-left: auto;
                display: inline-block
            }

                div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left {
                    margin-right: .8em
                }

                    div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete:last-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right:last-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left:last-child {
                        margin-right: 0
                    }

@media screen and (max-width:550px) {
    div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria {
        display: flex;
        flex-flow: none;
        flex-direction: column;
        justify-content: start;
        padding-right: calc(35px + .8em);
        margin-bottom: 0
    }

        div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:first-child), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:nth-child(2)), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:last-child) {
            padding-top: .8em
        }

        div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:first-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:nth-child(2), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:last-child {
            padding-top: 0
        }

        div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input {
            max-width: none;
            width: 100%;
            margin-bottom: .8em;
            margin-right: .8em
        }

        div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont {
            margin-right: .8em
        }

        div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer {
            position: absolute;
            width: 35px;
            display: flex;
            flex-wrap: wrap-reverse;
            right: 0
        }

            div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button {
                margin-right: 0 !important
            }
}

div.dtsb-searchBuilder div.dtsb-titleRow {
    height: 40px
}

    div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title {
        padding-top: 10px
    }

div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup {
    margin-right: 8px
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria .form-select {
    width: auto;
    display: inline-block;
    padding-right: 30px !important
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-condition {
    border-color: #28a745
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-data {
    border-color: #dc3545
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-value, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-value {
    border-color: #007bff
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria .form-control {
    display: inline-block;
    font-size: 1em
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer {
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    margin-top: 10px;
    overflow: hidden
}

    div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-logic {
        border: none;
        border-radius: 0;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 3em;
        margin: 0;
        padding: .375rem .7rem
    }

    div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-clearGroup {
        border: none;
        border-radius: 0;
        width: 2em;
        margin: 0
    }

div.dt-button-collection div.dtsb-searchBuilder {
    padding-left: 10px;
    padding-right: 10px
}

.field-details-content strong {
    font-weight: bold !important
}

.field-details-content ul {
    list-style: initial;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: 10px
}

.field-specs-content strong, .field-specs-content b {
    font-weight: bold !important
}

.diagonal-banner {
    max-height: 500px
}

@media(max-width:767px) {
    .diagonal-banner {
        max-height: unset !important
    }
}

.diagonal-banner div {
    max-height: inherit
}

.diagonal-banner .diagonal-banner-background {
    background-color: #e31e24;
    color: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1
}

.diagonal-banner .diagonal-banner-img {
    object-fit: cover;
    height: 100%;
    min-width: 100%
}

@media(max-width:767px) {
    .diagonal-banner .diagonal-banner-img {
        margin-bottom: -10px;
        max-height: 300px
    }
}

.diagonal-banner .diagonal-banner-content-wrapper {
    padding: 50px 30px;
    display: flex;
    flex-flow: column;
    color: #fff !important;
    height: 100%;
    gap: 3rem;
    justify-content: center;
    position: relative
}

    .diagonal-banner .diagonal-banner-content-wrapper .field-title {
        font-size: 2rem;
        font-weight: bold;
        letter-spacing: .5px
    }

    .diagonal-banner .diagonal-banner-content-wrapper .btn-diagonal-banner a {
        color: #000 !important;
        font-size: 1.2rem !important;
        letter-spacing: .5px;
        background-color: #fff;
        padding: 10px 30px;
        width: 100%;
        text-align: center;
        display: block;
        text-decoration: none;
        font-weight: bold
    }

.diagonal-banner .diagonal-banner-standard {
    display: flex;
    margin-bottom: -1px !important
}

@media(max-width:767px) {
    .diagonal-banner .diagonal-banner-standard {
        flex-flow: column-reverse
    }
}

.diagonal-banner .diagonal-banner-standard .diagonal-banner-left {
    position: relative;
    flex: 50%
}

@media(max-width:1200px) {
    .diagonal-banner .diagonal-banner-standard .diagonal-banner-left {
        flex: 75%
    }
}

@media(max-width:767px) {
    .diagonal-banner .diagonal-banner-standard .diagonal-banner-left {
        flex: 100%
    }
}

.diagonal-banner .diagonal-banner-standard .diagonal-banner-left:before {
    content: '';
    position: absolute;
    right: -100px;
    width: 150px;
    height: 100%;
    background: conic-gradient(at 100% 100%,transparent 133deg,#e31e24 0,#e31e24 350deg,transparent 0)
}

@media(max-width:767px) {
    .diagonal-banner .diagonal-banner-standard .diagonal-banner-left:before {
        display: none
    }
}

.diagonal-banner .diagonal-banner-standard .diagonal-banner-right {
    flex: 100%
}

.diagonal-banner .diagonal-banner-reversed {
    display: flex;
    margin-bottom: -1px !important
}

@media(max-width:767px) {
    .diagonal-banner .diagonal-banner-reversed {
        flex-flow: column
    }
}

.diagonal-banner .diagonal-banner-reversed .diagonal-banner-left {
    flex: 100%
}

.diagonal-banner .diagonal-banner-reversed .diagonal-banner-right {
    position: relative;
    flex: 50%
}

@media(max-width:1200px) {
    .diagonal-banner .diagonal-banner-reversed .diagonal-banner-right {
        flex: 75%
    }
}

@media(max-width:767px) {
    .diagonal-banner .diagonal-banner-reversed .diagonal-banner-right {
        flex: 100%
    }
}

.diagonal-banner .diagonal-banner-reversed .diagonal-banner-right:before {
    content: '';
    position: absolute;
    left: -100px;
    width: 150px;
    height: 100%;
    background: conic-gradient(at 100% 100%,transparent 133deg,#e31e24 0,#e31e24 350deg,transparent 0);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media(max-width:767px) {
    .diagonal-banner .diagonal-banner-reversed .diagonal-banner-right:before {
        display: none
    }
}

.event {
    display: grid !important;
    gap: 10px;
    padding: 15px;
    border: 2px solid #8181811a;
    border-radius: 2px;
    grid-template-areas: 'img img img' 'date title title' 'date location location' 'date time time';
    grid-template-columns: .5fr 1fr 1fr
}

    .event .field-eventdescription {
        display: none
    }

    .event .field-event-image {
        grid-area: img;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .event .field-event-image img {
            max-width: 100%;
            object-fit: contain;
            height: 200px
        }

    .event .event-week-date {
        grid-area: date
    }

        .event .event-week-date .event-weekday {
            text-align: center
        }

        .event .event-week-date .event-day {
            text-align: center;
            font-size: 3rem;
            color: #000
        }

    .event .event-date-time {
        grid-area: time;
        display: flex;
        gap: 3px
    }

    .event .event-list-name {
        grid-area: title
    }

        .event .event-list-name a {
            font-size: 2rem;
            text-decoration: none
        }

    .event .field-eventplace {
        grid-area: location;
        font-weight: bold
    }

    .event .field-eventdescription {
        grid-area: description
    }

@media(max-width:991px) {
    .event .field-eventdescription {
        display: none
    }
}

#events-container {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative
}

@media(min-width:576px) {
    #events-container {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #events-container {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #events-container {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #events-container {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #events-container {
        max-width: 1320px
    }
}

#events-container > .component-content > .row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

#events-container #events-section-title {
    font-weight: bold;
    font-size: 2rem;
    color: #000;
    width: 50%
}

#events-container #events-section-link {
    width: 50%;
    text-align: right
}

#events-container #events-list ul {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    gap: 15px
}

@media(max-width:991px) {
    #events-container #events-list ul {
        grid-template-columns: 100%
    }
}

@media(min-width:991px) {
    #events-container #events-list ul li:only-child {
        grid-template-areas: 'date . . img' 'date title title img' 'date location location img' 'date time time img' 'date description description img';
        grid-template-columns: .5fr -webkit-max-content 2fr 250px;
        grid-template-columns: .5fr max-content 2fr 250px
    }

        #events-container #events-list ul li:only-child .field-event-image img {
            height: auto
        }

        #events-container #events-list ul li:only-child .field-eventdescription {
            display: block
        }
}

#events-container #events-list ul li:nth-child(n+4) {
    display: none !important
}

.event {
    display: grid !important;
    gap: 10px;
    padding: 15px;
    border: 2px solid #8181811a;
    border-radius: 2px;
    grid-template-areas: 'img img img' 'date title title' 'date location location' 'date time time';
    grid-template-columns: .5fr 1fr 1fr
}

    .event .field-eventdescription {
        display: none
    }

    .event .field-event-image {
        grid-area: img;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .event .field-event-image img {
            max-width: 100%;
            object-fit: contain;
            height: 200px
        }

    .event .event-week-date {
        grid-area: date
    }

        .event .event-week-date .event-weekday {
            text-align: center
        }

        .event .event-week-date .event-day {
            text-align: center;
            font-size: 3rem;
            color: #000
        }

    .event .event-date-time {
        grid-area: time;
        display: flex;
        gap: 3px
    }

    .event .event-list-name {
        grid-area: title
    }

        .event .event-list-name a {
            font-size: 2rem;
            text-decoration: none
        }

    .event .field-eventplace {
        grid-area: location;
        font-weight: bold
    }

    .event .field-eventdescription {
        grid-area: description
    }

@media(max-width:991px) {
    .event .field-eventdescription {
        display: none
    }
}

#events-container {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative
}

@media(min-width:576px) {
    #events-container {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #events-container {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #events-container {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #events-container {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #events-container {
        max-width: 1320px
    }
}

#events-container > .component-content > .row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

#events-container #events-section-title {
    font-weight: bold;
    font-size: 2rem;
    color: #000;
    width: 50%
}

#events-container #events-section-link {
    width: 50%;
    text-align: right
}

#events-container #events-list ul {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    gap: 15px
}

@media(max-width:991px) {
    #events-container #events-list ul {
        grid-template-columns: 100%
    }
}

@media(min-width:991px) {
    #events-container #events-list ul li:only-child {
        grid-template-areas: 'date . . img' 'date title title img' 'date location location img' 'date time time img' 'date description description img';
        grid-template-columns: .5fr -webkit-max-content 2fr 250px;
        grid-template-columns: .5fr max-content 2fr 250px
    }

        #events-container #events-list ul li:only-child .field-event-image img {
            height: auto
        }

        #events-container #events-list ul li:only-child .field-eventdescription {
            display: block
        }
}

#events-container #events-list ul li:nth-child(n+4) {
    display: none !important
}

#home-explore-component > div.component-content > div.row > div.column-splitter {
    display: grid;
    flex-flow: row;
    justify-content: space-between;
    grid-template: '... ...';
    grid-template-columns: 50%;
    grid-column-gap: 20px
}

@media(max-width:1000px) {
    #home-explore-component > div.component-content > div.row > div.column-splitter {
        flex-flow: column;
        row-gap: 30px;
        grid-template: '...';
        grid-template-columns: 100%
    }
}

#home-explore-component > div.component-content > div.row > div.column-splitter > div {
    height: 100%;
    width: 100% !important
}

@media(max-width:1000px) {
    #home-explore-component > div.component-content > div.row > div.column-splitter > div {
        height: auto;
        width: 100% !important
    }
}

#home-explore-component > div.component-content > div.row > div.column-splitter > div > div {
    height: 100%
}

    #home-explore-component > div.component-content > div.row > div.column-splitter > div > div > .column-splitter {
        display: flex;
        flex-flow: column;
        height: 100%
    }

@media(min-width:1400px) {
    #home-explore-component > div.component-content > div.row > div.column-splitter > div > div > .column-splitter {
        flex-flow: row
    }
}

#home-explore-component > div.component-content > div.row > div.column-splitter > div > div > .column-splitter > div {
    height: auto !important
}

    #home-explore-component > div.component-content > div.row > div.column-splitter > div > div > .column-splitter > div > .row {
        height: 100%
    }

    #home-explore-component > div.component-content > div.row > div.column-splitter > div > div > .column-splitter > div .image {
        height: 200px;
        overflow: hidden
    }

@media(min-width:1400px) {
    #home-explore-component > div.component-content > div.row > div.column-splitter > div > div > .column-splitter > div .image {
        height: inherit
    }

        #home-explore-component > div.component-content > div.row > div.column-splitter > div > div > .column-splitter > div .image > div {
            height: 100%
        }
}

@media(min-width:1400px) {
    #home-explore-component > div.component-content > div.row > div.column-splitter > div > div > .column-splitter > div .image a {
        height: inherit
    }
}

#home-explore-component > div.component-content > div.row > div.column-splitter > div > div > .column-splitter > div .image img {
    width: 100%;
    height: auto
}

@media(min-width:1400px) {
    #home-explore-component > div.component-content > div.row > div.column-splitter > div > div > .column-splitter > div .image img {
        width: auto;
        height: 100%;
        min-height: inherit;
        min-height: -webkit-fill-available;
        object-fit: cover
    }
}

#home-explore-component > div.component-content > div.row > div.column-splitter > div > div > .column-splitter .container-black-background {
    flex: 1
}

    #home-explore-component > div.component-content > div.row > div.column-splitter > div > div > .column-splitter .container-black-background .component.row-splitter {
        flex: 1;
        display: flex;
        flex-flow: column;
        justify-content: space-between
    }

#home-explore-component .column-splitter .column-splitter > div.col-6:first-child * {
    height: inherit
}

#home-explore-component .image {
    padding: 0
}

    #home-explore-component .image > .component-content a img {
        border-radius: 0
    }

#home-explore-component div.row-splitter {
    padding: 30px 20px
}

#home-explore-component h2 {
    color: #fff;
    font-size: 1.8rem
}

#home-explore-component p {
    color: #fff;
    margin-bottom: 8%
}

#home-explore-component .field-link a {
    color: #000 !important;
    font-size: 1.2rem !important;
    letter-spacing: .5px;
    background-color: #fff;
    padding: 10px 30px;
    width: 100%;
    text-align: center;
    display: block
}

    #home-explore-component .field-link a:hover {
        color: #de232f !important
    }

footer {
    overflow: hidden;
    background-color: #1c1c1c;
    padding-top: 3%;
    padding-bottom: 3%
}

#footer > .row {
    position: relative;
    background-color: unset !important;
    padding-top: 20px
}

    #footer > .row::after {
        content: "";
        position: absolute;
        top: 0;
        right: -100%;
        bottom: 0;
        left: -100%;
        background-color: #000;
        z-index: -1
    }

    #footer > .row > .rich-text > div {
        font-size: 1.8rem;
        font-weight: 700
    }

#footer * {
    color: #fff
}

#footer .link-list > .component-content {
    background-color: unset !important;
    border: none
}

    #footer .link-list > .component-content li a {
        padding-left: 0;
        font-size: 1.2rem
    }

        #footer .link-list > .component-content li a:before {
            content: ""
        }

        #footer .link-list > .component-content li a:hover {
            border-bottom: 1px solid #fff
        }

#footer .field-link {
    padding-bottom: 2%
}

#footer > div > div > div > div > div > div.col-6.col-xl-2 > div > div.row.component.column-splitter {
    margin-top: 10%;
    margin-left: 3%
}

#footer > div > div > div > div > div > div.col-6.col-xl-2 > div > div > div:nth-child(2) > div > div > div.component.rich-text.col-12 {
    margin-top: 10%
}

#footer > div > div.row {
    margin-top: 5%
}

    #footer > div > div.row > div.component.rich-text.col-12 > div > h4 {
        font-size: 2rem
    }

    #footer > div > div.row > div.row.component.column-splitter {
        justify-content: space-between
    }

#footer > div > div.component.container.col-12.col-xl-12 > div > div > div {
    justify-content: center
}

#footer .navigation.navigation-fat {
    background-color: unset;
    border: none
}

    #footer .navigation.navigation-fat nav > ul {
        display: flex
    }

    #footer .navigation.navigation-fat .rel-level1 > .navigation-title > a {
        background-color: unset;
        border: none;
        font-weight: 600
    }

    #footer .navigation.navigation-fat .rel-level1.submenu ul a::before {
        content: none
    }

    #footer .navigation.navigation-fat .rel-level2 a {
        font-size: 1.2rem
    }

#footer .level2 > ul {
    padding: 0 !important;
    display: block
}

#footer #mobile-top-footer-nav .level2 > ul li .navigation-title a {
    font-size: 1.4rem;
    border-bottom: 1px solid #e21c2a;
    margin-left: -1em
}

    #footer #mobile-top-footer-nav .level2 > ul li .navigation-title a:before {
        content: none
    }

#footer-distributor-locator-component {
    background-color: #efefef;
    position: relative;
    top: -20px;
    z-index: 1
}

    #footer-distributor-locator-component * {
        color: #000
    }

    #footer-distributor-locator-component::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100%;
        right: -100%;
        background-color: #efefef;
        z-index: -1
    }

    #footer-distributor-locator-component .column-splitter:last-child * {
        font-size: 1.2rem
    }

    #footer-distributor-locator-component button[type="button"] {
        margin: 0;
        background-color: #000;
        padding: 10px 40px
    }

    #footer-distributor-locator-component select {
        height: 40px
    }

    #footer-distributor-locator-component input {
        height: 40px
    }

#nidec-brands-container {
    padding-top: 2%;
    padding-bottom: 2%;
    display: flex;
    justify-content: center
}

    #nidec-brands-container > div > div {
        justify-content: center;
        row-gap: 8px
    }

        #nidec-brands-container > div > div > div {
            display: flex;
            justify-content: center;
            width: 6em
        }

            #nidec-brands-container > div > div > div > div > a > img {
                height: 2.5em;
                width: auto;
                object-fit: contain
            }

@media(max-width:991px) {
    #nidec-brands-container > div > div {
        justify-content: center
    }

        #nidec-brands-container > div > div > div {
            margin-top: 1%;
            margin-bottom: 1%
        }

    #footer > div > div.row > div.row.component.column-splitter > div > div > div {
        display: flex;
        justify-content: center
    }

        #footer > div > div.row > div.row.component.column-splitter > div > div > div > div > p {
            text-align: center
        }

    #footer > div.row {
        padding-top: 0
    }

    #mobile-top-footer-nav > div > nav {
        width: 100%
    }

        #mobile-top-footer-nav > div > nav > ul {
            border: none
        }

            #mobile-top-footer-nav > div > nav > ul > li {
                background: none
            }

                #mobile-top-footer-nav > div > nav > ul > li > ul {
                    background: none
                }

                    #mobile-top-footer-nav > div > nav > ul > li > ul > li > div > a {
                        font-size: 1.4rem;
                        border-bottom: 1px solid #e21c2a;
                        margin-left: -1em
                    }

                        #mobile-top-footer-nav > div > nav > ul > li > ul > li > div > a:before {
                            display: none
                        }

                #mobile-top-footer-nav > div > nav > ul > li > div {
                    padding-right: 10px;
                    padding: 20px 10px;
                    border-bottom: 1px solid #ccc
                }

                    #mobile-top-footer-nav > div > nav > ul > li > div:before {
                        color: #fff;
                        font-size: 1.4rem
                    }

                    #mobile-top-footer-nav > div > nav > ul > li > div a {
                        border: none
                    }
}

@media(max-width:575px) {
    #mobile-top-footer-nav > div > nav > ul > li > div {
        padding-left: 20px
    }
}

#mb-footer-social-icons > .component-content > .row {
    display: flex;
    justify-content: flex-end
}

    #mb-footer-social-icons > .component-content > .row > * {
        display: block;
        width: auto
    }

.sitecore-form {
    padding: 0
}

    .sitecore-form input[type=email], .sitecore-form input[type=password], .sitecore-form input[type=text], .sitecore-form select, .sitecore-form textarea {
        box-shadow: none;
        padding: 8px 10px;
        border-radius: 3px !important
    }

    .sitecore-form input[type=submit] {
        background-color: #e31e24 !important
    }

        .sitecore-form input[type=submit]:hover {
            background-color: #c7000d !important
        }

    .sitecore-form form > div {
        padding-right: calc(var(--bs-gutter-x)/2);
        padding-left: calc(var(--bs-gutter-x)/2)
    }

        .sitecore-form form > div textarea {
            margin: 0
        }

        .sitecore-form form > div label + textarea {
            margin: 0
        }

        .sitecore-form form > div select {
            margin: 0
        }

    .sitecore-form form .hidden {
        display: none
    }

    .sitecore-form form .input-validation-error {
        border-color: #e31e24
    }

    .sitecore-form form .field-validation-error {
        display: block;
        color: #e31e24;
        text-align: right
    }

    .sitecore-form form label.required {
        position: relative
    }

        .sitecore-form form label.required::after {
            content: "*";
            color: #e31e24;
            font-size: 200%;
            position: absolute;
            top: -4px;
            padding-left: 10px
        }

#form-wrapper input:focus {
    border: 1px solid #e31e24
}

#form-wrapper input {
    margin-bottom: 2em !important
}

#form-wrapper select:focus {
    border: 1px solid #e31e24
}

#form-wrapper select {
    margin-bottom: 2em !important
}

#form-wrapper textarea:focus {
    border: 1px solid #e31e24
}

#form-wrapper textarea {
    margin-bottom: 2em !important
}

.js {
    display: initial !important
}

.container-boxed, .container-full-width {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    .container-boxed, .container-full-width {
        max-width: 540px
    }
}

@media(min-width:768px) {
    .container-boxed, .container-full-width {
        max-width: 720px
    }
}

@media(min-width:992px) {
    .container-boxed, .container-full-width {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    .container-boxed, .container-full-width {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    .container-boxed, .container-full-width {
        max-width: 1320px
    }
}

.container-boxed .row, .container-boxed .column-splitter, .container-full-width .row, .container-full-width .column-splitter {
    padding-left: 0 !important;
    padding-right: 0 !important
}

@media print {
    .container-boxed, .container-full-width {
        max-width: 100% !important
    }
}

@media(min-width:2600px) {
    #content > .row {
        display: block
    }
}

.form-select {
    font-size: 1.2rem
}

.content {
    border-width: unset;
    border-style: unset;
    border-color: unset
}

    .content .field-answer {
        font-size: 16px
    }

body {
    font-size: 1.4rem
}

    body a {
        font-size: 1.4rem
    }

.content, .rich-text {
    font-size: 1.4rem
}

h1 {
    font-size: 2rem
}

h2 {
    font-size: 1.8rem
}

h3 {
    font-size: 1.4rem
}

h4 {
    font-size: 1.2rem
}

h5 {
    font-size: 1.2rem
}

h6 {
    font-size: 1.2rem
}

strong {
    font-weight: bold !important
}

main ul {
    list-style: disc
}

    main ul li {
        list-style: disc;
        list-style-position: unset;
        margin-left: 15px
    }

.content li, .rich-text li {
    font-size: 1.4rem;
    line-height: inherit
}

.content ul li, .rich-text ul li {
    list-style-position: unset
}

.font-large {
    font-size: 1.8rem !important
}

    .font-large * {
        font-size: 1.8rem !important
    }

.btn-primary {
    padding: 15px 40px;
    background-color: #e31e24;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
    border-radius: 0;
    margin: 20px 0;
    color: #fff !important;
    font-size: 1.2rem
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        background-color: #c7000d
    }

    .btn:disabled, .btn.disabled, .btn-primary.disabled, .btn-primary:disabled {
        background-color: #303030;
        border-collapse: #303030
    }

.title .field-title {
    cursor: initial
}

main {
    overflow: hidden;
    padding-top: 133px;
    min-height: calc(100vh - 133px - 685px)
}

.image > .component-content a img {
    border-radius: 0
}

*, ::after, ::before {
    box-sizing: inherit
}

#nidec-page-content {
    width: 100%;
    background: #efefef
}

    #nidec-page-content .field-content {
        color: #1c1c1c;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1.8em
    }

        #nidec-page-content .field-content p {
            background: none !important
        }

        #nidec-page-content .field-content h3 {
            background: none !important
        }

        #nidec-page-content .field-content ul {
            background: none !important
        }

    #nidec-page-content > div {
        width: 100%;
        padding-right: var(--bs-gutter-x,.75rem);
        padding-left: var(--bs-gutter-x,.75rem);
        margin-right: auto;
        margin-left: auto;
        padding: 30px 0
    }

@media(min-width:576px) {
    #nidec-page-content > div {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #nidec-page-content > div {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #nidec-page-content > div {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #nidec-page-content > div {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #nidec-page-content > div {
        max-width: 1320px
    }
}

table {
    border: 0 !important;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    width: 100% !important
}

    table tbody {
        display: table;
        width: 100%
    }

    table tr td, table tr th {
        border: 0 !important;
        padding: 15px 10px;
        vertical-align: middle
    }

@media(max-width:575px) {
    table tr td, table tr th {
        -webkit-column-span: all;
        column-span: all;
        width: 100%
    }
}

table tr td[colspan], table tr th[colspan] {
    background-color: #eee !important;
    padding: 10px 10px
}

table tr:nth-child(odd) > td, table tr:nth-child(odd) > th {
    background-color: #e2e2e2 !important
}

table tr:nth-child(even) > td, table tr:nth-child(even) > th {
    background-color: #fff !important
}

table.dark-header tr:nth-child(1) td, table.dark-header tr:nth-child(1) th {
    background-color: #1c1c1c !important;
    border: 0 !important;
    color: #fff !important;
    text-align: center;
    font-size: 1.6rem
}

table.no-stripes:nth-child(even) > td, table.no-stripes:nth-child(even) > th {
    background-color: #eee !important
}

.is-required {
    color: #e31e24;
    vertical-align: top
}

#contact-page-container {
    padding: 5em
}

#contact-accordion > div > div > ul > li > div.toggle-header {
    background: #303030;
    border-radius: 3px
}

    #contact-accordion > div > div > ul > li > div.toggle-header > div > div > div > div > div {
        color: #fff
    }

#contact-accordion > div > div > ul > li > div.toggle-content > div > div > div > div > p {
    color: #1c1c1c;
    font-size: 1.2rem
}

#nidec-title > div > div > a {
    border-bottom: 1px solid #ccc;
    color: #1c1c1c;
    font-weight: 700;
    text-transform: uppercase
}

@media(max-width:991px) {
    main {
        overflow: hidden;
        padding-top: 98px
    }
}

#tabbed-content-page-container {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    #tabbed-content-page-container {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #tabbed-content-page-container {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #tabbed-content-page-container {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #tabbed-content-page-container {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #tabbed-content-page-container {
        max-width: 1320px
    }
}

#nidec-tabbed-content {
    padding: 7em 0
}

.container > .row > .tabs {
    padding: 0;
    margin-top: -70px;
    z-index: 1
}

div:not(#tabbed-content-page-container) .tabs {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    div:not(#tabbed-content-page-container) .tabs {
        max-width: 540px
    }
}

@media(min-width:768px) {
    div:not(#tabbed-content-page-container) .tabs {
        max-width: 720px
    }
}

@media(min-width:992px) {
    div:not(#tabbed-content-page-container) .tabs {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    div:not(#tabbed-content-page-container) .tabs {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    div:not(#tabbed-content-page-container) .tabs {
        max-width: 1320px
    }
}

@media(max-width:768px) {
    .tabs > .component-content {
        margin-top: 10px
    }
}

.tabs > .component-content .tabs-inner .tabs-container {
    background-color: unset;
    border: none;
    padding-top: 40px;
    border-top: 1px solid #000
}

.tabs > .component-content .tabs-inner .tabs-heading {
    border-bottom: 0;
    display: flex;
    flex-flow: row;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    position: relative;
    padding: 0;
    margin: 0
}

@media(max-width:768px) {
    .tabs > .component-content .tabs-inner .tabs-heading {
        max-width: 100%;
        width: 100%
    }
}

.tabs > .component-content .tabs-inner .tabs-heading li {
    padding: 0 !important;
    flex-grow: 1;
    text-align: center;
    margin: 0;
    background-color: #000;
    border: 1px solid #000
}

    .tabs > .component-content .tabs-inner .tabs-heading li .row {
        display: flex;
        max-width: none;
        justify-content: center;
        align-items: center
    }

    .tabs > .component-content .tabs-inner .tabs-heading li .field-heading {
        color: #fff;
        font-weight: bold
    }

    .tabs > .component-content .tabs-inner .tabs-heading li:hover {
        background-color: #e31e24
    }

    .tabs > .component-content .tabs-inner .tabs-heading li.active {
        background-color: #fff;
        border-color: #000;
        border-top-width: 1px;
        position: relative;
        z-index: 100;
        border-bottom-color: #fff
    }

        .tabs > .component-content .tabs-inner .tabs-heading li.active .field-heading {
            color: #000
        }

    .tabs > .component-content .tabs-inner .tabs-heading li.placeholder-tab {
        visibility: hidden;
        max-width: 50%;
        flex-basis: calc(50% - 6px)
    }

@media(max-width:991px) {
    .tabs > .component-content .tabs-inner .tabs-heading li.placeholder-tab {
        display: none
    }
}

.tabs > .component-content .tabs-inner .tabs-heading li:first-child:nth-last-child(2) {
    border-color: transparent;
    width: 100%;
    margin-top: 53px;
    border-bottom: 2px solid #e31e24
}

    .tabs > .component-content .tabs-inner .tabs-heading li:first-child:nth-last-child(2) ~ li.placeholder-tab {
        display: none
    }

.tabs .tab {
    padding: 0
}

    .tabs .tab.field-details-content img {
        max-width: 100%;
        object-fit: contain
    }

@media(max-width:991px) {
    #nidec-tabbed-content {
        padding: 0;
        width: 100vw
    }

        #nidec-tabbed-content > div > div > ul > li {
            width: 100vw;
            padding: 1em
        }

        #nidec-tabbed-content > div > div > div {
            padding: 2em 0
        }

    .tabs {
        padding: 0;
        width: 100vw
    }

        .tabs > li {
            width: 100vw;
            padding: 1em !important
        }

    #contact-page-container {
        padding: 2em
    }
}

@media(max-width:1199px) {
    .tabs .component-content .tabs-inner .tabs-heading li:not(:last-child) {
        margin-right: 0
    }
}

.field-summary {
    font-size: 1.4rem;
    line-height: 1.8em;
    padding-right: 20%;
    margin-bottom: 5%
}

.indent-top {
    padding-top: 50px
}

.indent-bottom {
    padding-bottom: 10px
}

.container-black-background {
    background-color: #000
}

    .container-black-background * {
        color: #fff
    }

.container-white-background {
    background-color: #fff
}

.full-margin-bg-black {
    position: relative
}

    .full-margin-bg-black::before {
        content: "";
        position: absolute;
        top: 0;
        right: -100%;
        bottom: 0;
        left: -100%;
        background-color: #000;
        z-index: -1;
        height: 100%;
        min-height: 250px
    }

.half-margin-bg-black {
    position: relative
}

    .half-margin-bg-black::before {
        content: "";
        position: absolute;
        top: 0;
        right: -100%;
        left: 50%;
        background-color: #000;
        z-index: -1;
        height: 100%;
        min-height: 250px
    }

@media(max-width:991px) {
    .half-margin-bg-black::before {
        content: none
    }
}

@media(max-width:991px) {
    .half-margin-bg-black #split-header-content-container {
        position: relative
    }

        .half-margin-bg-black #split-header-content-container::before {
            content: "";
            position: absolute;
            top: 0;
            right: -100%;
            bottom: 0;
            left: -100%;
            background-color: #000;
            z-index: -1;
            width: 300%;
            height: 100%
        }
}

.full-margin-bg-grey {
    background-color: #efefef;
    position: relative;
    z-index: 1
}

    .full-margin-bg-grey::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100%;
        right: -100%;
        background-color: #efefef;
        z-index: -1
    }

.fg-fade-black-left.image img {
    --fade-width: 5;
    mask-image: linear-gradient(90deg,hsla(0,0%,0%,calc(1 - 1)) 0%,hsla(0,0%,0%,calc(1 - .738)) calc(1.9%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .541)) calc(3.4%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .382)) calc(4.7%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .278)) calc(5.65%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .194)) calc(6.5%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .126)) calc(7.3%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .075)) calc(8.02%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .042)) calc(8.61%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .021)) calc(9.1%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .008)) calc(9.52%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .002)) calc(9.82%*var(--fade-width)),hsla(0,0%,0%,calc(1 - 0)) calc(10%*var(--fade-width)));
    -webkit-mask-image: linear-gradient(90deg,hsla(0,0%,0%,calc(1 - 1)) 0%,hsla(0,0%,0%,calc(1 - .738)) calc(1.9%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .541)) calc(3.4%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .382)) calc(4.7%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .278)) calc(5.65%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .194)) calc(6.5%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .126)) calc(7.3%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .075)) calc(8.02%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .042)) calc(8.61%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .021)) calc(9.1%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .008)) calc(9.52%*var(--fade-width)),hsla(0,0%,0%,calc(1 - .002)) calc(9.82%*var(--fade-width)),hsla(0,0%,0%,calc(1 - 0)) calc(10%*var(--fade-width)))
}

.link-list > .component-content {
    border: unset;
    background: unset
}

#breadcrumbs-wrapper {
    background-color: #1c1c1c;
    max-width: 100%
}

    #breadcrumbs-wrapper .breadcrumb {
        width: 100%;
        padding-right: var(--bs-gutter-x,.75rem);
        padding-left: var(--bs-gutter-x,.75rem);
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0
    }

@media(min-width:576px) {
    #breadcrumbs-wrapper .breadcrumb {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #breadcrumbs-wrapper .breadcrumb {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #breadcrumbs-wrapper .breadcrumb {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #breadcrumbs-wrapper .breadcrumb {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #breadcrumbs-wrapper .breadcrumb {
        max-width: 1320px
    }
}

@media(max-width:991px) {
    #breadcrumbs-wrapper .breadcrumb {
        max-width: 100% !important
    }
}

#breadcrumbs-wrapper .breadcrumb > .component-content {
    width: 100%;
    padding: 10px 10px
}

    #breadcrumbs-wrapper .breadcrumb > .component-content nav > ol {
        display: flex;
        flex-flow: row;
        justify-content: flex-start;
        gap: 5px
    }

@media(max-width:991px) {
    #breadcrumbs-wrapper .breadcrumb > .component-content nav > ol {
        justify-content: center
    }
}

@media(min-width:991px) {
    #breadcrumbs-wrapper .breadcrumb > .component-content nav > ol .breadcrumb-item + .breadcrumb-item:hover ol {
        display: flex !important;
        flex-flow: column !important;
        left: 15px
    }
}

#breadcrumbs-wrapper .breadcrumb > .component-content nav > ol li {
    display: flex;
    gap: 5px
}

    #breadcrumbs-wrapper .breadcrumb > .component-content nav > ol li ol {
        display: none;
        border: 1px solid #1c1c1c
    }

        #breadcrumbs-wrapper .breadcrumb > .component-content nav > ol li ol li {
            background-color: #1c1c1c;
            border: 1px solid #1c1c1c;
            padding: 5px 10px
        }

            #breadcrumbs-wrapper .breadcrumb > .component-content nav > ol li ol li:before {
                display: none
            }

#breadcrumbs-wrapper .breadcrumb a {
    color: #fff
}

    #breadcrumbs-wrapper .breadcrumb a:hover {
        color: #e31e24;
        padding-bottom: 3px;
        border-bottom: 1px solid #e31e24
    }

#breadcrumbs-wrapper .breadcrumb .separator {
    margin: 0;
    display: none
}

.sitemap-navigation {
    padding: 50px 0
}

    .sitemap-navigation ul {
        display: grid;
        grid-template-areas: '. . .'
    }

.modal .modal-body strong {
    font-weight: bold
}

.modal a.close {
    font-size: 3rem;
    text-decoration: none
}

.component-content p {
    padding-bottom: 1rem;
    margin-top: 5px;
    margin-bottom: 0
}

.flags-ww {
    background: url(../images/flags/ww.png);
    width: 16px;
    height: 20px
}

.responsive-embed {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    overflow: hidden;
    padding-bottom: 56.25%
}

    .responsive-embed.widescreen iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

@charset "UTF-8";

header {
    position: fixed;
    top: 0;
    z-index: 999;
    box-shadow: 0 10px 22px 0 rgba(17,17,26,.08);
    width: 100%;
    height: 133px
}

@media(max-width:992px) {
    header {
        height: 98px
    }
}

#header {
    width: 100% !important;
    max-width: 100% !important
}

    #header div {
        max-height: inherit
    }

    #header > div.row {
        background-color: unset !important;
        height: 35px
    }

        #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) {
            padding: 0 !important
        }

@media(max-width:991px) {
    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) {
        display: none
    }
}

#header > div.row > div.row-splitter > div.container-fluid:nth-child(1).header-no-black-bar > div > .row > .component.row-splitter > .container-fluid:last-child {
    margin-top: 15px
}

#header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child {
    background-color: #000 !important;
    position: relative
}

    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row {
        width: 100%;
        padding-right: var(--bs-gutter-x,.75rem);
        padding-left: var(--bs-gutter-x,.75rem);
        margin-right: auto;
        margin-left: auto
    }

@media(min-width:576px) {
    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row {
        max-width: 1320px
    }
}

#header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:first-child > .row {
    display: flex;
    height: 100%
}

#header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:first-child #nidec-brands {
    min-height: 33px
}

    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:first-child #nidec-brands > .component-content {
        height: 100%
    }

        #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:first-child #nidec-brands > .component-content > .row {
            flex-flow: row;
            display: flex;
            width: inherit;
            height: 100%;
            justify-content: space-between
        }

            #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:first-child #nidec-brands > .component-content > .row > div {
                text-align: center;
                height: 100%;
                padding: 0;
                display: flex;
                align-content: center;
                flex-flow: row wrap;
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
                padding: 0 5px;
                margin: 0
            }

                #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:first-child #nidec-brands > .component-content > .row > div a {
                    background-color: transparent;
                    text-decoration: none;
                    font-size: 1.2rem;
                    font-weight: bold;
                    color: #fff;
                    border-bottom: none
                }

                    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:first-child #nidec-brands > .component-content > .row > div a:hover {
                        color: #0aa546
                    }

#header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:first-child #nidec-brand-list {
    display: none !important
}

#header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:first-child #nidec-brands-dropdown-wrapper #nidec-brand-select-logo a {
    height: 100%;
    display: flex;
    flex-flow: row wrap;
    align-content: center
}

    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:first-child #nidec-brands-dropdown-wrapper #nidec-brand-select-logo a img {
        height: 20px;
        width: auto
    }

#header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:first-child #nidec-brands-dropdown-wrapper:hover {
    background-color: #0aa546;
    cursor: pointer
}

    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:first-child #nidec-brands-dropdown-wrapper:hover #nidec-brand-list {
        display: block !important;
        position: absolute;
        top: 100%;
        z-index: 5;
        border-radius: 0;
        margin-left: -5px;
        background-color: #1c1c1c;
        width: clamp(400px,50%,700px)
    }

        #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:first-child #nidec-brands-dropdown-wrapper:hover #nidec-brand-list ul {
            display: flex !important;
            padding: 15px 20px;
            row-gap: 5px;
            flex-flow: column wrap;
            -webkit-column-gap: 20px;
            column-gap: 20px;
            max-height: 250px
        }

            #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:first-child #nidec-brands-dropdown-wrapper:hover #nidec-brand-list ul li {
                display: block;
                text-align: left
            }

                #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:first-child #nidec-brands-dropdown-wrapper:hover #nidec-brand-list ul li a {
                    font-size: 1.4rem
                }

#header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:last-child > div.row {
    justify-content: right;
    flex-flow: row
}

    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:last-child > div.row > div {
        padding: 6px;
        width: auto
    }

        #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:last-child > div.row > div.link > div.component-content {
            color: #fff
        }

            #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:last-child > div.row > div.link > div.component-content > div.field-link > a {
                background-color: transparent;
                text-decoration: none;
                font-size: 1.2rem;
                font-weight: bold;
                color: #fff;
                border-bottom: none
            }

                #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child > div > div.row > div.column-splitter > div:last-child > div.row > div.link > div.component-content > div.field-link > a:hover {
                    color: #0aa546
                }

#header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child {
    position: relative;
    z-index: 0;
    max-height: 100px;
    height: 100%;
    background-color: #fff
}

    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div {
        position: relative;
        z-index: 1;
        height: 100%
    }

        #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row {
            width: 100%;
            padding-right: var(--bs-gutter-x,.75rem);
            padding-left: var(--bs-gutter-x,.75rem);
            margin-right: auto;
            margin-left: auto;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between
        }

@media(min-width:576px) {
    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row {
        max-width: 1320px
    }
}

#header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row div {
    height: inherit
}

#header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row .component.image > div {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    display: flex;
    flex-flow: column;
    justify-content: center
}

#header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row > div.column-splitter {
    position: relative;
    align-items: center;
    display: grid;
    grid-template-areas: '. .';
    grid-template-columns: auto auto;
    min-height: 100px
}

    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row > div.column-splitter > div {
        width: auto
    }

        #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row > div.column-splitter > div:nth-child(1) {
            flex: 1 1 80px
        }

            #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row > div.column-splitter > div:nth-child(1) > .row > div.image {
                padding: 0
            }

                #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row > div.column-splitter > div:nth-child(1) > .row > div.image > div.component-content > a {
                    max-height: inherit;
                    max-width: inherit
                }

                    #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row > div.column-splitter > div:nth-child(1) > .row > div.image > div.component-content > a > img {
                        max-height: inherit;
                        padding: 10px 0;
                        object-fit: contain;
                        max-width: 100%;
                        width: auto
                    }

        #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row > div.column-splitter > div:nth-child(2) > .row {
            position: relative;
            display: grid;
            grid-template-areas: '. .';
            grid-template-columns: auto -webkit-min-content;
            grid-template-columns: auto min-content
        }

        #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row > div.column-splitter > div:nth-child(2) nav {
            height: inherit
        }

            #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row > div.column-splitter > div:nth-child(2) nav > ul {
                display: flex;
                align-content: center;
                flex-flow: row wrap;
                height: 100%;
                justify-content: flex-end;
                gap: 5px
            }

@media(min-width:992px) {
    #header > div.row > div.row-splitter > div.container-fluid:nth-child(2) {
        display: none
    }
}

#header nav a {
    color: #000;
    font-weight: 700
}

#header nav .show ul.clearfix {
    display: grid !important;
    grid-template: '... ...';
    overflow: visible !important;
    grid-template-columns: repeat(2,minmax(auto,1fr))
}

#header nav .show > .navigation-title a {
    color: #e31e24;
    font-size: 1.4rem
}

#header div.link-list {
    padding: 0
}

    #header div.link-list > div.component-content {
        background-color: unset;
        border: none;
        padding: 10px
    }

        #header div.link-list > div.component-content > h3 {
            border: none;
            margin: 0;
            color: #fff;
            font-size: 1.2rem;
            font-weight: bold;
            white-space: nowrap
        }

            #header div.link-list > div.component-content > h3:hover {
                color: #0aa546;
                cursor: pointer
            }

        #header div.link-list > div.component-content > ul {
            display: none
        }

#header .navigation.navigation-main.navigation-main-horizontal nav > ul > li {
    flex-grow: 0;
    position: relative
}

    #header .navigation.navigation-main.navigation-main-horizontal nav > ul > li > div > a {
        font-size: 1.4rem
    }

        #header .navigation.navigation-main.navigation-main-horizontal nav > ul > li > div > a:hover {
            color: #e31e24
        }

#header .navigation.navigation-main.navigation-main-horizontal .rel-level2 {
    border: 0;
    padding: 0;
    width: 100%;
    flex-grow: unset;
    flex-basis: unset;
    border-right: 0
}

    #header .navigation.navigation-main.navigation-main-horizontal .rel-level2 div a {
        padding: 10px 20px;
        white-space: nowrap
    }

#header .navigation.navigation-main .rel-level1.active > .navigation-title > a {
    border: none;
    color: #e31e24
}

#header .navigation.navigation-main .rel-level1 > .navigation-title > a {
    border: none
}

    #header .navigation.navigation-main .rel-level1 > .navigation-title > a:hover {
        border: none
    }

#header .navigation.navigation-main .rel-level1 > ul.clearfix {
    display: none;
    z-index: 10;
    position: absolute;
    top: 100%;
    background: #fff;
    margin-left: 0;
    margin-top: 0;
    border-top: 2px solid #e31e24;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,.12);
    right: 0;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    left: unset
}

#header .navigation.navigation-main .rel-level2 div > a:hover {
    color: #e31e24
}

.level3 .external-redirect a {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: normal !important;
    font-family: "Open Sans",Helvetica,Verdana,Tahoma,sans-serif;
    padding-left: 10px !important;
    color: #777 !important
}

    .level3 .external-redirect a:hover {
        color: #e31e24 !important
    }

@media(max-width:991px) {
    .level3 > * {
        padding: 10px
    }

    .level3 > a {
        border-bottom: 0 !important
    }

        .level3 > a h4 {
            font-weight: normal;
            font-size: 1.4rem
        }

            .level3 > a h4.navigation-l3.regular-nav-item {
                color: #fff !important;
                border-bottom: 2px solid #ffffff70 !important;
                font-size: 1.4rem !important;
                font-weight: 500 !important;
                padding-left: 0 !important;
                display: inline-flex
            }

    .level3 .external-redirect a {
        color: #fff !important;
        border-bottom: 2px solid #ffffff70 !important;
        font-size: 1.4rem !important;
        font-weight: 500 !important;
        padding-left: 0 !important
    }
}

.nidec-search-box button > i {
    color: #000 !important;
    font-size: 1.8rem !important
}

    .nidec-search-box button > i:hover {
        color: #e31e24 !important
    }

.nidec-search-box ul {
    background-color: #fff;
    padding: 20px;
    border-bottom: 3px solid #e31e24;
    box-shadow: 0 3px 12px 0 rgba(17,17,26,.2);
    border-radius: 3px;
    margin-top: 2px;
    position: absolute;
    top: 52px;
    width: 100%;
    max-height: calc(100vh - 150px);
    overflow-y: scroll
}

    .nidec-search-box ul > p {
        color: #1c1c1c;
        font-weight: 600
    }

.nidec-search-box a {
    color: #e31e24 !important
}

    .nidec-search-box a:hover {
        color: #1c1c1c !important
    }

.nidec-search-box input {
    width: 100%;
    height: auto;
    border: 1px solid #d2d2d2;
    border-radius: 0;
    width: 100%;
    padding: 7px 20px;
    box-shadow: inset 0 1px 5px rgba(0,0,0,.1);
    text-align: left !important
}

.nidec-search-box .autoComplete_wrapper {
    display: flex;
    justify-content: center;
    flex-flow: column
}

    .nidec-search-box .autoComplete_wrapper ul > * {
        padding: 10px
    }

.nidec-search-box .search-button {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

#mb-header-nav-wrapper .navigation {
    padding: 0 !important
}

#mb-header-nav-wrapper > .component-content > .row > .row > div > .row {
    grid-template-areas: '. . .' !important;
    grid-template-columns: auto 40px 40px !important
}

#mb-header-nav-wrapper nav ul li:hover {
    background-color: #fff !important
}

.component.nidec-cart > .cart-button {
    display: flex;
    align-items: center;
    height: 100%;
    text-decoration: none
}

    .component.nidec-cart > .cart-button .badge {
        position: absolute;
        top: 2.5rem;
        right: 0
    }

@media(min-width:991px) {
    .component.nidec-cart > .cart-button .badge {
        bottom: 30%;
        top: initial
    }
}

.component.nidec-cart > .cart-button::before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "";
    color: #000 !important;
    font-size: 2.5rem !important
}

.toast {
    display: block
}

    .toast:not(.showing):not(.show) {
        display: none
    }

.language-selector {
    background-color: #000;
    border-top: 0
}

    .language-selector > .component-content {
        height: 100%
    }

    .language-selector .language-selector-item-container {
        left: initial;
        box-shadow: 0 0 25px -15px #000
    }

        .language-selector .language-selector-item-container li.language-selector-item {
            text-align: left !important;
            border-bottom: 0 !important
        }

            .language-selector .language-selector-item-container li.language-selector-item:hover {
                border: 0 !important
            }

    .language-selector .language-selector-select-link {
        height: 15px !important
    }

    .language-selector .hide-arrow:after {
        content: ""
    }

    .language-selector .language-selector-select-item {
        display: flex;
        align-items: center;
        height: 100%
    }

        .language-selector .language-selector-select-item:after {
            color: #fff
        }

        .language-selector .language-selector-select-item > a {
            text-decoration: none;
            display: flex;
            height: 100%;
            align-items: center;
            color: #fff
        }

            .language-selector .language-selector-select-item > a:hover {
                color: #0aa546
            }

#home-hero-carousel-component {
    min-height: 300px;
    padding: 0 40px !important;
    position: relative;
    z-index: 1
}

    #home-hero-carousel-component .carousel-inner {
        overflow: visible
    }

    #home-hero-carousel-component .slide-info {
        background: unset;
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        max-width: 100% !important;
        position: absolute;
        bottom: 0;
        flex-flow: column;
        justify-content: center;
        height: 100%;
        padding: 10px 0;
        gap: 5px;
        min-height: auto !important
    }

@media(max-width:991px) {
    #home-hero-carousel-component .slide-info {
        bottom: initial;
        max-width: 100% !important;
        height: auto;
        position: relative;
        min-height: 230px !important
    }
}

#home-hero-carousel-component .slide-info > * {
    padding: 0 10% 0 25px !important
}

#home-hero-carousel-component .slide-info:before {
    content: '';
    position: absolute;
    height: 100%;
    left: 0;
    width: 75%;
    background-image: linear-gradient(to right,#000 60%,#ffff0000);
    opacity: .5
}

@media(max-width:991px) {
    #home-hero-carousel-component .slide-info:before {
        left: initial;
        width: 100%;
        opacity: 1;
        background-image: none;
        background-color: #1c1c1c
    }
}

#home-hero-carousel-component .slide-info h1 {
    font-size: 5rem
}

@media(max-width:991px) {
    #home-hero-carousel-component .slide-info h1 {
        font-size: 3.6rem
    }
}

@media(max-width:767px) {
    #home-hero-carousel-component .slide-info h1 {
        font-size: 2.4rem
    }
}

#home-hero-carousel-component .field-slidetext {
    position: relative;
    background: unset;
    width: 100%;
    text-align: left;
    z-index: 10;
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    color: #fff;
    display: flex;
    flex-flow: column;
    gap: 5px
}

@media(min-width:576px) {
    #home-hero-carousel-component .field-slidetext {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #home-hero-carousel-component .field-slidetext {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #home-hero-carousel-component .field-slidetext {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #home-hero-carousel-component .field-slidetext {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #home-hero-carousel-component .field-slidetext {
        max-width: 1320px
    }
}

#home-hero-carousel-component .field-slidetext > * {
    color: #fff;
    width: 50%
}

@media(max-width:1200px) {
    #home-hero-carousel-component .field-slidetext > * {
        width: 75%;
        margin: 0 !important
    }
}

@media(max-width:991px) {
    #home-hero-carousel-component .field-slidetext > * {
        width: 100%
    }
}

#home-hero-carousel-component .field-slidetext p {
    font-size: 1.8rem !important;
    font-weight: 400 !important;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

#home-hero-carousel-component .field-slidelink {
    position: relative;
    background: unset;
    width: 100%;
    z-index: 10
}

@media(min-width:576px) {
    #home-hero-carousel-component .field-slidelink {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #home-hero-carousel-component .field-slidelink {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #home-hero-carousel-component .field-slidelink {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #home-hero-carousel-component .field-slidelink {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #home-hero-carousel-component .field-slidelink {
        max-width: 1320px
    }
}

#home-hero-carousel-component .field-slidelink > * {
    padding: 15px 40px;
    background-color: #e31e24;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
    border-radius: 0;
    margin: 0 !important;
    color: #fff !important;
    font-size: 1.2rem;
    text-decoration: none !important;
    white-space: nowrap;
    display: block;
    float: left
}

    #home-hero-carousel-component .field-slidelink > *:hover {
        background-color: #c7000d
    }

#home-hero-carousel-component .slides {
    width: auto
}

@media(max-width:991px) {
    #home-hero-carousel-component .slides {
        width: auto;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        display: flex;
        height: 100%;
        flex-flow: row
    }
}

#home-hero-carousel-component .slides > .slide {
    max-height: 100%;
    list-style: none !important;
    margin: 0 !important
}

@media(max-width:991px) {
    #home-hero-carousel-component .slides > .slide {
        width: 100%;
        min-height: 300px;
        position: relative;
        top: 0;
        bottom: 0
    }
}

#home-hero-carousel-component .slides > .slide > .row > .component {
    border: none
}

    #home-hero-carousel-component .slides > .slide > .row > .component > .component-content {
        display: flex;
        justify-content: center
    }

@media(max-width:991px) {
    #home-hero-carousel-component .slides > .slide > .row > .component > .component-content {
        flex-flow: column;
        height: 100%
    }
}

#home-hero-carousel-component > .component-content {
    position: relative;
    left: -40px;
    width: calc(100% + 80px)
}

#home-hero-carousel-component::after {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    bottom: 0;
    left: -100%;
    z-index: -1
}

#home-hero-carousel-component .nav {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
    justify-content: center;
    background: unset;
    width: 100%;
    height: 100%;
    margin-top: 0
}

@media(min-width:576px) {
    #home-hero-carousel-component .nav {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #home-hero-carousel-component .nav {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #home-hero-carousel-component .nav {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #home-hero-carousel-component .nav {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #home-hero-carousel-component .nav {
        max-width: 1320px
    }
}

@media(min-width:576px) {
    #home-hero-carousel-component .nav {
        max-width: 100% !important
    }
}

@media(min-width:768px) {
    #home-hero-carousel-component .nav {
        max-width: 100% !important
    }
}

@media(min-width:1400px) {
    #home-hero-carousel-component .nav {
        max-width: 100% !important
    }
}

@media(max-width:991px) {
    #home-hero-carousel-component .nav {
        margin-top: 65px
    }
}

#home-hero-carousel-component .nav .nav-items {
    position: absolute;
    bottom: 0;
    height: auto !important;
    z-index: 10;
    display: flex
}

    #home-hero-carousel-component .nav .nav-items::before, #home-hero-carousel-component .nav .nav-items::after {
        background: none !important
    }

    #home-hero-carousel-component .nav .nav-items .sxa-bullets {
        height: auto !important
    }

@media(max-width:991px) {
    #home-hero-carousel-component .nav .nav-items .sxa-bullets {
        float: none
    }
}

#home-hero-carousel-component .nav .nav-items .sxa-bullets::before {
    font-size: 5rem;
    color: #fff;
    opacity: .35;
    height: auto;
    top: unset !important;
    position: relative !important;
    left: unset !important;
    display: initial !important;
    background: none !important;
    transition: opacity .5s ease;
    font: normal normal normal 14px/1 FontAwesome !important;
    content: 'ï„‘' !important;
    bottom: 10px
}

@media(max-width:991px) {
    #home-hero-carousel-component .nav .nav-items .sxa-bullets::before {
        color: #000;
        height: 32px;
        left: 50%;
        top: 0 !important;
        justify-content: center;
        bottom: 0
    }
}

#home-hero-carousel-component .nav .nav-items .sxa-bullets.active:before {
    opacity: 1
}

#home-hero-carousel-component .nav .next-text, #home-hero-carousel-component .nav .prev-text {
    padding: 0 20px;
    position: absolute;
    display: flex;
    top: 0;
    justify-content: center;
    flex-flow: column;
    color: #fff;
    height: 100%;
    opacity: .6;
    transition: opacity .5s ease;
    z-index: 10
}

@media(max-width:991px) {
    #home-hero-carousel-component .nav .next-text, #home-hero-carousel-component .nav .prev-text {
        justify-content: flex-end;
        bottom: 26px;
        top: auto;
        color: #000;
        bottom: initial !important
    }
}

#home-hero-carousel-component .nav .next-text {
    right: 0
}

    #home-hero-carousel-component .nav .next-text:hover {
        opacity: 1
    }

#home-hero-carousel-component .nav .prev-text {
    left: 0
}

    #home-hero-carousel-component .nav .prev-text:hover {
        opacity: 1
    }

@media(max-width:991px) {
    #home-hero-carousel-component .nav {
        position: relative
    }
}

#home-hero-carousel-component .field-slideimage {
    flex: 1
}

@media(max-width:991px) {
    #home-hero-carousel-component .field-slideimage {
        position: relative
    }
}

#home-hero-carousel-component .field-slideimage > img {
    object-fit: contain;
    object-position: top;
    min-width: 100%;
    height: auto;
    display: block
}

@media(max-width:991px) {
    #home-hero-carousel-component .field-slideimage > img {
        max-width: 100%;
        height: 100%;
        display: block
    }
}

#home-hero-carousel-component .wrapper {
    padding: 0
}

.home-component-title {
    font-weight: bold;
    font-size: 2rem;
    color: #000
}

#content > div.row > div.component.container div.column-splitter:first-child div.link a {
    text-transform: uppercase;
    font-style: normal;
    color: #de232f;
    font-size: 1.4rem;
    border: none;
    font-weight: bold
}

#content > div.row > .row > div.component.container div.column-splitter:first-child div.link a {
    text-transform: uppercase;
    font-style: normal;
    color: #de232f;
    font-size: 1.4rem;
    border: none;
    font-weight: bold
}

#home-products-by-category-component {
    padding-top: 50px;
    padding-bottom: 50px
}

    #home-products-by-category-component > div > div > div:nth-child(1) {
        margin-bottom: 3%
    }

#home-explore-component {
    padding-top: 50px;
    padding-bottom: 50px
}

#home-videos-component > div > div > div:nth-child(1) {
    margin-bottom: 3%
}

#home-events-component {
    padding-top: 50px;
    padding-bottom: 50px
}

    #home-events-component > div > div > div:nth-child(1) {
        margin-bottom: 3%
    }

#home-news-and-media-component > div > div > div:nth-child(1) {
    margin-bottom: 3%
}

.home-component-title {
    font-weight: bold;
    font-size: 2rem;
    color: #000
}

.homepage-hero-video {
    max-height: 600px;
    margin-bottom: -5px
}

    .homepage-hero-video .video-background {
        object-fit: cover;
        overflow: auto;
        overflow-clip-margin: unset;
        width: 100%;
        max-height: 600px
    }

#homepage-hero-video-container {
    position: relative
}

    #homepage-hero-video-container #hero-banner-content {
        position: absolute;
        color: #fff !important;
        height: 100%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        background-color: #00000078
    }

@media(max-width:991px) {
    #homepage-hero-video-container #hero-banner-content {
        position: relative;
        background-color: #1c1c1c !important;
        min-height: 230px;
        padding: 20px 0;
        top: -1px
    }
}

#homepage-hero-video-container #hero-banner-content * {
    color: #fff !important
}

#homepage-hero-video-container #hero-banner-content h1 {
    font-size: 5rem;
    margin: 0;
    padding: 0
}

#homepage-hero-video-container #hero-banner-content a {
    padding: 15px 40px;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
    border-radius: 0;
    margin: 0 !important;
    color: #fff !important;
    font-size: 1.2rem;
    text-decoration: none !important;
    white-space: nowrap;
    display: block;
    float: left;
    background-color: #ea5a00;
    color: #fff
}

    #homepage-hero-video-container #hero-banner-content a:hover {
        background-color: #e03d00
    }

#homepage-hero-video-container #hero-banner-content p {
    font-size: 1.8rem !important;
    font-weight: 400 !important;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

#home-products-by-category-component {
    padding-top: 50px;
    padding-bottom: 50px
}

    #home-products-by-category-component > div > div > div:nth-child(1) {
        margin-bottom: 3%
    }

#home-distributor-locator-component > .component-content {
    background-position: center;
    background-size: cover;
    position: relative
}

    #home-distributor-locator-component > .component-content:before {
        content: '';
        height: 100%;
        width: 100%;
        background-color: #00000099;
        top: 0;
        left: 0;
        display: block;
        position: absolute
    }

#home-distributor-locator-component #inner-dist-locator-component {
    padding: 50px 0;
    position: relative;
    color: #fff
}

    #home-distributor-locator-component #inner-dist-locator-component .component-content > .row {
        display: grid;
        grid-template-areas: 'title cta' 'desc cta';
        grid-template-columns: 2fr auto;
        gap: 0 15px
    }

@media(max-width:991px) {
    #home-distributor-locator-component #inner-dist-locator-component .component-content > .row {
        grid-template-areas: 'title' 'desc' 'cta';
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 0 20px !important
    }
}

#home-distributor-locator-component #inner-dist-locator-component .component-content > .row .home-component-title {
    grid-area: title
}

#home-distributor-locator-component #inner-dist-locator-component .component-content > .row .home-component-desc {
    grid-area: desc
}

@media(max-width:991px) {
    #home-distributor-locator-component #inner-dist-locator-component .component-content > .row .home-component-title, #home-distributor-locator-component #inner-dist-locator-component .component-content > .row .home-component-desc {
        display: flex;
        justify-content: center
    }
}

#home-distributor-locator-component #inner-dist-locator-component .component-content > .row .split-header-link {
    grid-area: cta;
    display: flex;
    flex-flow: column;
    justify-content: center
}

    #home-distributor-locator-component #inner-dist-locator-component .component-content > .row .split-header-link a {
        display: block
    }

#home-distributor-locator-component .home-component-title {
    display: flex;
    align-items: center
}

@media(max-width:768px) {
    #home-distributor-locator-component > .component-content > .row {
        grid-template: '...';
        grid-template-columns: auto
    }

    #home-distributor-locator-component .home-component-title {
        justify-content: center
    }
}

#home-explore-component {
    padding-top: 50px;
    padding-bottom: 50px
}

#home-videos-component {
    padding-top: 50px;
    padding-bottom: 50px
}

    #home-videos-component > div > div > div:nth-child(1) {
        margin-bottom: 3%
    }

#home-events-component {
    padding-top: 50px;
    padding-bottom: 50px
}

    #home-events-component > div > div > div:nth-child(1) {
        margin-bottom: 3%
    }

#home-news-and-media-component {
    padding-top: 50px;
    padding-bottom: 50px
}

    #home-news-and-media-component > div > div > div:nth-child(1) {
        margin-bottom: 3%
    }

#products-by-category-container {
    padding-top: 50px;
    padding-bottom: 50px
}

#home-section-title-container {
    width: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

#home-section-title h2 {
    color: #1c1c1c;
    font-size: 1.8rem;
    font-weight: 700
}

#home-section-link-container {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

#product-category-list-container {
    padding: 2em 0
}

    #product-category-list-container > div > div {
        gap: 10px
    }

#product-category-item {
    border: 2px solid #8181811a;
    width: 250px;
    padding: 2em;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 2px
}

@media(max-width:1400px) {
    #product-category-item {
        width: 200px
    }
}

@media(max-width:1200px) {
    #product-category-item {
        width: 250px
    }
}

#product-category-item:hover {
    border-radius: 5px;
    box-shadow: -1px 0 18px 0 #0000000f;
    transition-timing-function: ease-in-out;
    transition-duration: 250ms
}

#product-category-item > div > div {
    gap: 1.5em
}

#product-category-image {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center
}

    #product-category-image > div > a > img {
        width: 20rem
    }

#product-category-link {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center
}

    #product-category-link a {
        border: none;
        font-size: 1.4rem;
        font-weight: 600;
        color: #1c1c1c
    }

        #product-category-link a:hover {
            border-bottom: 2px solid #e31e24
        }

@media(max-width:991px) {
    #product-category-item {
        width: 30rem
    }

    #product-category-list-container > div > div {
        row-gap: 2em;
        -webkit-column-gap: 1em;
        column-gap: 1em
    }
}

#explore-industry-container {
    padding-top: 50px;
    padding-bottom: 50px
}

    #explore-industry-container > div > div > div {
        display: flex;
        flex-flow: row wrap;
        gap: 2em;
        width: 47.7lvw;
        margin: 0 auto
    }

        #explore-industry-container > div > div > div > div {
            width: 30em
        }

            #explore-industry-container > div > div > div > div:hover {
                box-shadow: 0 0 33px 4px rgba(17,17,26,.2);
                transition-timing-function: ease-in-out;
                transition-duration: 250ms
            }

#explore-industry-item {
    background: #000;
    padding: 0
}

#explore-industry-image {
    padding: 0
}

    #explore-industry-image img {
        aspect-ratio: 4/3
    }

#explore-industry-content-container {
    padding-top: 1em;
    padding-bottom: 3em
}

#explore-industry-content {
    padding: .5em 2em
}

    #explore-industry-content h3 {
        color: #fff;
        font-size: 1.4rem;
        font-weight: 700;
        margin-bottom: 1em
    }

    #explore-industry-content p {
        color: #fff;
        font-size: 1.2rem;
        font-weight: 500;
        margin-bottom: 2em
    }

#explore-industry-button {
    background: #fff;
    width: 27em;
    text-align: center;
    padding: 1em;
    margin: auto
}

    #explore-industry-button a {
        color: #1c1c1c !important
    }

        #explore-industry-button a:hover {
            color: #e21c2a !important
        }

@media(max-width:991px) {
    #explore-industry-container > div > div > div > div {
        width: 50em
    }

    #explore-industry-button {
        width: 57lvw
    }
}

@media(max-width:575px) {
    #explore-industry-container {
        padding: 6em 1em
    }
}

#home-distributor-locator-component .row, #home-distributor-locator-component .column-splitter {
    padding-left: 0 !important;
    padding-right: 0 !important
}

#home-distributor-locator-component > div > div > div:nth-child(1) > div:nth-child(1) > div > div > div > div {
    margin-bottom: .3em
}

#home-distributor-locator-component > div > div > div:nth-child(1) > div:nth-child(2) > div > div > div {
    margin-bottom: 2em
}

#home-distributor-locator-component *.form-control {
    padding: 1.5em;
    font-size: 1.2rem
}

    #home-distributor-locator-component *.form-control:focus {
        border: 1.5px solid #303030;
        box-shadow: none
    }

#home-section-link-container .field-link a, #products-by-category-meta .field-link a, #home-videos-component .field-link a, #events-container .field-link a, #home-news-and-media-component .field-link a, #home-news-section .field-link a {
    text-transform: uppercase !important;
    font-style: normal;
    color: #de232f;
    font-size: 1.6rem !important;
    border: none !important;
    font-weight: bold !important
}

@media(max-width:991px) {
    #home-distributor-locator-component {
        padding-top: 50px
    }

        #home-distributor-locator-component *.form-control {
            margin-bottom: 2em
        }
}

#home-news-section .page-list .items {
    display: flex;
    flex-flow: row nowrap;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    justify-content: space-between
}

@media(max-width:991px) {
    #home-news-section .page-list .items {
        flex-flow: column
    }
}

#home-news-section .page-list .items .item {
    min-width: calc(33% - 30px);
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    gap: 20px;
    border: 0;
    margin: 0
}

@media(max-width:991px) {
    #home-news-section .page-list .items .item {
        min-width: 100%
    }
}

#home-news-section .page-list .items .item .field-article-image {
    max-width: 100%;
    max-height: 250px
}

    #home-news-section .page-list .items .item .field-article-image a {
        display: flex;
        max-height: inherit;
        overflow: hidden;
        justify-content: center
    }

        #home-news-section .page-list .items .item .field-article-image a img {
            object-fit: contain;
            width: auto;
            height: auto;
            max-height: inherit
        }

@media(max-width:991px) {
    #home-news-section .page-list .items .item .field-article-image a img {
        min-width: 100% !important;
        height: auto;
        max-height: inherit;
        object-fit: contain
    }
}

#home-news-section .page-list .items .item .field-title, #home-news-section .page-list .items .item .field-redirecturl {
    margin-top: 0 !important;
    font-weight: 700;
    text-align: center;
    overflow-wrap: break-word
}

#split-header-hero {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
    display: block !important
}

@media(min-width:576px) {
    #split-header-hero {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #split-header-hero {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #split-header-hero {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #split-header-hero {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #split-header-hero {
        max-width: 1320px
    }
}

@media(max-width:768px) {
    #split-header-hero {
        max-width: 100%;
        padding: 0
    }
}

#split-header-hero .component-content > .row > .row > div:first-child div {
    overflow-y: hidden;
    position: relative;
    height: 100%;
    padding: 0
}

    #split-header-hero .component-content > .row > .row > div:first-child div .field-hero-image {
        min-height: 300px
    }

    #split-header-hero .component-content > .row > .row > div:first-child div img {
        position: absolute;
        height: auto;
        width: 100%;
        min-height: 100%;
        min-width: 100%;
        object-fit: cover
    }

#split-header-hero .component-content > .row > .row > div:nth-child(2) > div.row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    flex-wrap: wrap;
    height: 100%;
    padding: 5em 6em
}

#split-header-hero > div > div > div > div.col-sm-12.col-md-5.d-md-table-cell.d-lg-table-cell.d-xl-table-cell.d-xxl-table-cell {
    padding: 2em
}

#split-header-hero .split-header-title {
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: .8rem
}

    #split-header-hero .split-header-title .field-title {
        overflow-wrap: break-word
    }

#split-header-hero .split-header-summary {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.6em
}

#tabbed-content-page-container #nidec-interior-tabbed-content, #tabbed-content-page-container #nidec-tabbed-content {
    padding: 0 0;
    position: relative;
    top: -42px
}

@media(max-width:991px) {
    #tabbed-content-page-container #nidec-interior-tabbed-content, #tabbed-content-page-container #nidec-tabbed-content {
        top: 10px
    }
}

@media(max-width:768px) {
    #tabbed-content-page-container #nidec-interior-tabbed-content, #tabbed-content-page-container #nidec-tabbed-content {
        top: 0
    }
}

#tabbed-content-page-container #nidec-interior-tabbed-content .tabs-heading, #tabbed-content-page-container #nidec-tabbed-content .tabs-heading {
    border-bottom: 0;
    display: flex;
    flex-flow: row;
    -webkit-column-gap: 5px;
    column-gap: 5px;
    width: 100%
}

@media(max-width:991px) {
    #tabbed-content-page-container #nidec-interior-tabbed-content .tabs-heading, #tabbed-content-page-container #nidec-tabbed-content .tabs-heading {
        max-width: 100%;
        width: 100%
    }
}

#page-content-container-wrapper {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    #page-content-container-wrapper {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #page-content-container-wrapper {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #page-content-container-wrapper {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #page-content-container-wrapper {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #page-content-container-wrapper {
        max-width: 1320px
    }
}

#page-content-container-wrapper .field-content {
    padding-top: 50px
}

.video-card {
    flex-basis: calc(50% - 20px);
    flex-grow: 1;
    max-width: 50%;
    padding: 0 !important;
    margin: 0 !important
}

@media(max-width:767px) {
    .video-card {
        flex-basis: 100%;
        max-width: 100%
    }
}

.video-card iframe {
    width: 100%;
    aspect-ratio: 16/9
}

.mejs-video {
    width: inherit !important;
    max-height: 400px !important
}

.map .gm-style * {
    -webkit-filter: unset;
    filter: unset
}

.map .gm-style > div:first-child::before {
    content: unset
}

.map button[type="button"] {
    color: #000 !important
}

#split-header-hero-map .map {
    border: none;
    padding: 0
}

#split-header-hero-map > div > div > div > div.col-sm-12.col-md-5.d-md-table-cell.d-lg-table-cell.d-xl-table-cell.d-xxl-table-cell {
    padding: 2em
}

#split-header-hero-map .split-header-title {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: .8rem
}

#split-header-hero-map .split-header-summary {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.6em
}

@media(max-width:991px) {
    #split-header-hero-map .map {
        height: 100% !important
    }

    #split-header-hero-map .field-summary {
        font-size: 1.4rem;
        line-height: 1.5em !important;
        padding-right: 0
    }
}

.users-need-attention-list {
    margin-top: 10px
}

    .users-need-attention-list .list-header-row {
        background-color: #000;
        color: #fff
    }

    .users-need-attention-list li {
        list-style: none !important;
        margin-left: 0;
        display: grid;
        grid-template-areas: '. . . . select';
        grid-template-columns: 1fr 1fr 150px 100px 100px;
        gap: 10px;
        padding: 5px
    }

        .users-need-attention-list li .select-user {
            grid-area: select;
            text-align: right
        }

        .users-need-attention-list li .mobile-labels {
            display: none;
            font-weight: bold
        }

        .users-need-attention-list li:nth-child(even) {
            background-color: #f0f0f0
        }

@media(max-width:991px) {
    .users-need-attention-list li.list-header-row {
        display: none
    }

    .users-need-attention-list li {
        grid-template-areas: '. . select' '. . .';
        grid-template-columns: 1fr 1fr 100px
    }

        .users-need-attention-list li .mobile-labels {
            display: block
        }
}

.userdata-modal {
    display: flex;
    justify-content: space-between;
    -webkit-column-gap: 40px;
    column-gap: 40px;
    flex-wrap: wrap
}

    .userdata-modal > div {
        flex: 1
    }

    .userdata-modal .list-group li {
        margin-left: 0
    }

.user-config-modal-button-wrapper {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    width: 100%;
    right: 0;
    text-align: right;
    padding: 0 5px
}

a.btn-customer-modal {
    width: 100%;
    text-transform: none !important;
    background-color: #fff !important;
    color: #232323 !important;
    border: 2px solid #232323 !important;
    border-radius: 3px;
    margin: 10px 0 0 !important
}

    a.btn-customer-modal:hover {
        background-color: #008b24 !important;
        border-color: #008b24 !important;
        color: #fff !important
    }

a.btn-copied-success {
    background-color: #008b24 !important;
    border-color: #008b24 !important;
    color: #fff !important
}

.temp-password-wrapper {
    display: flex;
    justify-content: center;
    flex-flow: column
}

.userdata-modal > div > div, .customerdata-modal > div {
    display: flex;
    justify-content: space-between;
    padding: 5px
}

    .userdata-modal > div > div > div:nth-child(2), .customerdata-modal > div > div:nth-child(2) {
        text-align: right
    }

.view-order-wrapper {
    text-align: right
}

.user-role-selector {
    flex: 1;
    padding: 0 !important;
    display: block !important
}

    .user-role-selector ul li {
        margin: 0
    }

.cust-admin-links {
    text-align: right;
    margin-bottom: 5px
}

.customer-selector-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 10px
}

    .customer-selector-wrapper > div {
        flex-grow: 1
    }

    .customer-selector-wrapper > a {
        text-align: right
    }

.buyer-admin-search-result {
    position: relative;
    margin: 8px 5px;
    padding: 5px
}

    .buyer-admin-search-result:nth-child(even) {
        background: #f3f3f3
    }

    .buyer-admin-search-result a {
        position: absolute;
        top: 5px;
        right: 5px
    }

.assignment-req-warning {
    background-color: #a1a1a14f;
    margin: 10px 0;
    background-color: #ffb1b14f;
    margin: 10px 0;
    padding: 5px 10px
}

.mb-admin-has-table .row.dt-row {
    margin-top: 1rem
}

.mb-admin-has-table .dataTables_wrapper {
    margin-top: 2rem
}

.mb-admin-has-table table.dataTable thead > tr > th.sorting:before, .mb-admin-has-table table.dataTable thead > tr > th.sorting_asc:before, .mb-admin-has-table table.dataTable thead > tr > th.sorting_desc:before, .mb-admin-has-table table.dataTable thead > tr > th.sorting_asc_disabled:before, .mb-admin-has-table table.dataTable thead > tr > th.sorting_desc_disabled:before, .mb-admin-has-table table.dataTable thead > tr > td.sorting:before, .mb-admin-has-table table.dataTable thead > tr > td.sorting_asc:before, .mb-admin-has-table table.dataTable thead > tr > td.sorting_desc:before, .mb-admin-has-table table.dataTable thead > tr > td.sorting_asc_disabled:before, .mb-admin-has-table table.dataTable thead > tr > td.sorting_desc_disabled:before {
    opacity: 1
}

.mb-admin-has-table table.dataTable thead > tr > th.sorting:before, .mb-admin-has-table table.dataTable thead > tr > th.sorting:after, .mb-admin-has-table table.dataTable thead > tr > th.sorting_asc:before, .mb-admin-has-table table.dataTable thead > tr > th.sorting_asc:after, .mb-admin-has-table table.dataTable thead > tr > th.sorting_desc:before, .mb-admin-has-table table.dataTable thead > tr > th.sorting_desc:after, .mb-admin-has-table table.dataTable thead > tr > th.sorting_asc_disabled:before, .mb-admin-has-table table.dataTable thead > tr > th.sorting_asc_disabled:after, .mb-admin-has-table table.dataTable thead > tr > th.sorting_desc_disabled:before, .mb-admin-has-table table.dataTable thead > tr > th.sorting_desc_disabled:after, .mb-admin-has-table table.dataTable thead > tr > td.sorting:before, .mb-admin-has-table table.dataTable thead > tr > td.sorting:after, .mb-admin-has-table table.dataTable thead > tr > td.sorting_asc:before, .mb-admin-has-table table.dataTable thead > tr > td.sorting_asc:after, .mb-admin-has-table table.dataTable thead > tr > td.sorting_desc:before, .mb-admin-has-table table.dataTable thead > tr > td.sorting_desc:after, .mb-admin-has-table table.dataTable thead > tr > td.sorting_asc_disabled:before, .mb-admin-has-table table.dataTable thead > tr > td.sorting_asc_disabled:after, .mb-admin-has-table table.dataTable thead > tr > td.sorting_desc_disabled:before, .mb-admin-has-table table.dataTable thead > tr > td.sorting_desc_disabled:after {
    opacity: 1
}

.mb-admin-has-table .dataTables_paginate.paging_simple_numbers li {
    list-style: none !important
}

.mb-admin-has-table .page-item.active .page-link {
    background-color: #e31e24;
    border-color: #e31e24
}

.mb-admin-has-table .config-user-wrapper {
    text-align: right !important
}

table.mb-admin-table {
    width: 100% !important;
    display: table !important
}

    table.mb-admin-table tbody {
        display: table-row-group
    }

    table.mb-admin-table tr:nth-child(1) td {
        border: inherit !important;
        color: initial;
        text-align: inherit;
        font-size: inherit !important
    }

    table.mb-admin-table thead th {
        background-color: #000 !important;
        color: #fff !important
    }

#multipleSelectedList {
    max-height: 210px;
    overflow-y: scroll;
    padding-right: 10px
}

    #multipleSelectedList ul li {
        list-style: none;
        margin: 0;
        display: flex;
        justify-content: space-between;
        padding: 5px 0;
        gap: 20px
    }

#userAssignmentWarning {
    background-color: #ffe0e0;
    padding: 10px
}

.current-selected-wrapper {
    position: relative !important
}

    .current-selected-wrapper .current-selected-save {
        position: absolute;
        bottom: 0;
        right: 10px;
        display: block;
        width: 100%;
        text-align: right;
        background-color: #fff;
        padding: 10px 33px 10px 10px
    }

        .current-selected-wrapper .current-selected-save input {
            margin: 0
        }

#shippingAccountSelectorModal .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: scroll
}

.product-json {
    font-size: 1.6rem
}

    .product-json .linenums {
        display: grid
    }

pre.prettyprint {
    display: block;
    background-color: #333
}

pre .nocode {
    background-color: none;
    color: #000
}

pre .str {
    color: #ffa0a0
}

pre .kwd {
    color: #f0e68c
}

pre .com {
    color: #87ceeb
}

pre .typ {
    color: #98fb98
}

pre .lit {
    color: #82ff75
}

pre .pun {
    color: #fff
}

pre .pln {
    color: #fff
}

pre .tag {
    color: #f0e68c;
    font-weight: bold
}

pre .atn {
    color: #bdb76b;
    font-weight: bold
}

pre .atv {
    color: #ffa0a0
}

pre .dec {
    color: #98fb98
}

ol.linenums {
    margin-top: 0;
    margin-bottom: 0;
    color: #aeaeae
}

li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
    list-style-type: none
}

li.L1, li.L3, li.L5, li.L7, li.L9 {
    background: #232323 !important
}

@media print {
    pre.prettyprint {
        background-color: none
    }

    pre .str, code .str {
        color: #060
    }

    pre .kwd, code .kwd {
        color: #006;
        font-weight: bold
    }

    pre .com, code .com {
        color: #600;
        font-style: italic
    }

    pre .typ, code .typ {
        color: #404;
        font-weight: bold
    }

    pre .lit, code .lit {
        color: #044
    }

    pre .pun, code .pun {
        color: #440
    }

    pre .pln, code .pln {
        color: #000
    }

    pre .tag, code .tag {
        color: #006;
        font-weight: bold
    }

    pre .atn, code .atn {
        color: #404
    }

    pre .atv, code .atv {
        color: #060
    }
}

.csr-banner {
    height: 0;
    color: transparent
}

    .csr-banner .csr-buttons {
        height: 0
    }

    .csr-banner.csr-banner-is-visible {
        transition: height .3s ease,color .5s ease;
        width: 100%;
        background-color: #04b431;
        color: #fff;
        height: 50px;
        max-height: 50px !important;
        box-shadow: 0 10px 22px 0 rgba(17,17,26,.08);
        font-size: 12px
    }

        .csr-banner.csr-banner-is-visible > div {
            display: flex;
            height: 100%;
            align-items: center
        }

        .csr-banner.csr-banner-is-visible .csr-banner-details-wrapper {
            display: flex;
            justify-content: space-between;
            gap: 10px;
            width: 100%;
            align-items: center
        }

@media(max-width:767px) {
    .csr-banner.csr-banner-is-visible .csr-banner-details-wrapper {
        flex-wrap: wrap
    }
}

.csr-banner.csr-banner-is-visible #csr-selected-details {
    flex: 1;
    display: grid;
    grid-template-areas: '. . . ';
    grid-template-columns: auto auto auto;
    gap: 20px;
    justify-content: normal
}

    .csr-banner.csr-banner-is-visible #csr-selected-details * {
        text-wrap: nowrap;
        white-space: nowrap
    }

    .csr-banner.csr-banner-is-visible #csr-selected-details .csr-customer-selected {
        max-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .csr-banner.csr-banner-is-visible #csr-selected-details .csr-add-assignment {
        display: flex;
        gap: 15px
    }

        .csr-banner.csr-banner-is-visible #csr-selected-details .csr-add-assignment .address {
            max-width: 300px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

@media(max-width:1200px) {
    .csr-banner.csr-banner-is-visible #csr-selected-details .csr-add-assignment .address {
        max-width: 200px
    }
}

@media(max-width:991px) {
    .csr-banner.csr-banner-is-visible #csr-selected-details .csr-add-assignment .address {
        max-width: unset;
        text-overflow: unset;
        white-space: unset;
        overflow: unset
    }
}

.csr-banner.csr-banner-is-visible #csr-selected-details > div strong {
    font-weight: bold
}

.csr-banner.csr-banner-is-visible .csr-buttons {
    display: flex;
    align-items: center;
    height: 100%;
    transition: height .5s ease;
    overflow: hidden
}

    .csr-banner.csr-banner-is-visible .csr-buttons a {
        background-color: #000000b8;
        color: #fff;
        font-weight: bold;
        border: 0;
        padding: 5px 25px;
        display: block
    }

        .csr-banner.csr-banner-is-visible .csr-buttons a:hover {
            background-color: #00000054
        }

@media(max-width:767px) {
    .csr-banner.csr-banner-is-visible .csr-buttons {
        width: 100%;
        margin-right: 0 !important
    }

        .csr-banner.csr-banner-is-visible .csr-buttons a {
            margin: 0;
            width: 100%
        }
}

@media(max-width:1200px) {
    .csr-banner.csr-banner-is-visible {
        height: 70px;
        max-height: 70px !important
    }
}

@media(max-width:991px) {
    .csr-banner.csr-banner-is-visible .container-boxed {
        max-width: 100%
    }

    .csr-banner.csr-banner-is-visible #csr-selected-details {
        grid-template-areas: 'cust' 'billto' 'shipto' !important;
        grid-template-columns: -webkit-min-content auto;
        grid-template-columns: min-content auto;
        grid-template-rows: -webkit-min-content -webkit-min-content;
        grid-template-rows: min-content min-content;
        justify-content: normal;
        gap: 5px 20px;
        align-content: center
    }

        .csr-banner.csr-banner-is-visible #csr-selected-details > div {
            margin-right: 0;
            justify-content: space-between
        }

            .csr-banner.csr-banner-is-visible #csr-selected-details > div > * {
                display: flex;
                gap: 10px
            }

        .csr-banner.csr-banner-is-visible #csr-selected-details .csr-customer-selected {
            grid-area: cust;
            max-width: unset
        }

            .csr-banner.csr-banner-is-visible #csr-selected-details .csr-customer-selected > strong {
                justify-content: flex-start !important
            }

        .csr-banner.csr-banner-is-visible #csr-selected-details .address {
            justify-content: flex-end !important
        }

        .csr-banner.csr-banner-is-visible #csr-selected-details .csr-add-assignment {
            justify-content: flex-start
        }

            .csr-banner.csr-banner-is-visible #csr-selected-details .csr-add-assignment:nth-child(2) {
                grid-area: billto;
                gap: 5px !important
            }

            .csr-banner.csr-banner-is-visible #csr-selected-details .csr-add-assignment:nth-child(3) {
                grid-area: shipto;
                gap: 5px !important
            }
}

@media(max-width:767px) {
    .csr-banner.csr-banner-is-visible {
        height: 120px;
        max-height: 120px !important
    }
}

main.csr-banner-is-visible {
    transition: padding .3s ease;
    padding-top: 183px
}

@media(max-width:1200px) {
    main.csr-banner-is-visible {
        padding-top: 203px
    }
}

@media(max-width:991px) {
    main.csr-banner-is-visible {
        padding-top: 165px
    }
}

@media(max-width:767px) {
    main.csr-banner-is-visible {
        padding-top: 213px
    }
}

.csr-customer-selector-modal {
    display: flex;
    flex-flow: column;
    gap: 5px;
    padding: 5px
}

    .csr-customer-selector-modal > div {
        gap: 5px;
        display: flex;
        flex-flow: column
    }

        .csr-customer-selector-modal > div:nth-child(2) {
            text-align: right
        }

        .csr-customer-selector-modal > div > * {
            display: flex;
            justify-content: space-between;
            gap: 10px
        }

            .csr-customer-selector-modal > div > * > *:nth-child(2) {
                text-align: right
            }

    .csr-customer-selector-modal input[type=button] {
        display: initial
    }

#mbChooseCustomerSearch span.twitter-typeahead, #shipToSelector span.twitter-typeahead {
    display: block !important
}

    #mbChooseCustomerSearch span.twitter-typeahead .tt-input, #shipToSelector span.twitter-typeahead .tt-input {
        text-align: left !important
    }

    #mbChooseCustomerSearch span.twitter-typeahead .tt-dataset, #shipToSelector span.twitter-typeahead .tt-dataset {
        width: 100%;
        display: block;
        max-height: 150px;
        overflow: auto
    }

    #mbChooseCustomerSearch span.twitter-typeahead .tt-suggestion, #shipToSelector span.twitter-typeahead .tt-suggestion {
        padding: 3px 10px
    }

        #mbChooseCustomerSearch span.twitter-typeahead .tt-suggestion.tt-cursor, #shipToSelector span.twitter-typeahead .tt-suggestion.tt-cursor {
            background-color: #04b43138;
            cursor: pointer
        }

    #mbChooseCustomerSearch span.twitter-typeahead .tt-menu.tt-open, #shipToSelector span.twitter-typeahead .tt-menu.tt-open {
        width: 100%;
        display: block;
        background-color: #fff;
        border: solid #d7d7d7;
        border-width: 0 1px 1px 1px;
        border-radius: 0
    }

.csr-customer-selector-links {
    text-align: right;
    margin-bottom: 5px
}

.context-switch-wrapper {
    width: 50%;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    gap: 15px
}

    .context-switch-wrapper > div > h3 {
        padding-bottom: 5px
    }

#mb-form-heading .field-title {
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    border-bottom: 3px solid #e31e24;
    padding-bottom: 10px
}

.validation-summary-errors {
    margin-bottom: 3rem
}

    .validation-summary-errors ul {
        margin: 0;
        padding: 0;
        border-radius: 5px;
        overflow: hidden
    }

        .validation-summary-errors ul li {
            background-color: #ffcece;
            padding: 5px 20px;
            color: #af0000;
            margin: 0
        }

.login-validation-summary-errors, .api-error {
    background-color: #ffcece;
    padding: 5px 20px;
    color: #af0000;
    margin: 0;
    border-radius: 5px;
    margin-bottom: 3rem
}

.forgot-password-alerts {
    background-color: #e9e9e9;
    padding: 5px 20px;
    color: #333;
    margin: 0;
    border-radius: 5px;
    margin-bottom: 3rem
}

.mb-form {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 50%;
    margin: 0 auto
}

    .mb-form > div {
        margin-bottom: 10px
    }

    .mb-form label a {
        margin-left: 5px
    }

@media(max-width:767px) {
    .mb-form {
        width: 100%
    }
}

.mb-form input[type="hidden"], .mb-form span.field-validation-valid {
    display: none
}

.mb-form input[type="checkbox"] {
    margin-right: 3px;
    margin-top: 3px;
    padding: 0;
    height: 13px
}

.mb-form .mb-form-button-group {
    display: flex;
    flex-flow: column;
    width: 100% !important;
    gap: 10px
}

    .mb-form .mb-form-button-group input.btn {
        margin: 0
    }

    .mb-form .mb-form-button-group .spacing-margin {
        margin: 20px 0
    }

.mb-form .input-details {
    font-size: 1.2rem;
    margin-top: 10px
}

.mb-form .switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-left: 10px
}

    .mb-form .switch input {
        opacity: 0;
        width: 0;
        height: 0
    }

.mb-form .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s
}

    .mb-form .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 2px;
        bottom: 2px;
        background-color: #fff;
        transition: .4s
    }

    .mb-form .slider.round {
        border-radius: 34px
    }

        .mb-form .slider.round:before {
            border-radius: 50%
        }

.mb-form input:checked + .slider {
    background-color: #0aa546
}

    .mb-form input:checked + .slider:before {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

.mb-form input:focus + .slider {
    box-shadow: 0 0 1px #0aa546
}

.mb-form-button-group .spacing-margin {
    margin: 20px 0
}

.pw-special-chars {
    color: #9f9f9f
}

.valid-password-requirements {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1px 10px;
    color: #9f9f9f
}

    .valid-password-requirements .icon-req-valid {
        display: none
    }

    .valid-password-requirements > div.requirement-met {
        color: #0aa546
    }

        .valid-password-requirements > div.requirement-met .icon-req-invalid {
            display: none
        }

        .valid-password-requirements > div.requirement-met .icon-req-valid {
            display: inline
        }

#customerLookup form {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #cbcbcb
}

    #customerLookup form > * {
        flex: 1
    }

.customer-lookup-form-in-modal {
    border-right: 1px solid #cbcbcb;
    width: auto;
    padding-right: 10px;
    margin: initial;
    margin-right: 10px;
    justify-content: flex-start
}

.align-center {
    align-items: center
}

.d-flex-fill > * {
    flex: 1 1 auto
}

.grid-rpt-2 {
    grid-template-columns: repeat(2,1fr);
    -webkit-column-gap: 30px;
    column-gap: 30px;
    row-gap: 5px
}

@media(max-width:991px) {
    .grid-rpt-lg-1 {
        grid-template-columns: repeat(1,1fr);
        -webkit-column-gap: 30px;
        column-gap: 30px;
        row-gap: 5px
    }
}

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

.text-right {
    text-align: right
}

@media(max-width:991px) {
    .w-lg-100 {
        width: 100% !important
    }
}

.mr-3 {
    margin-right: 3rem
}

@media(max-width:767px) {
    .mr-3 {
        margin-right: 0
    }
}

.mb-input {
    height: 48px;
    padding: 10px
}

    .mb-input.product-qty {
        max-width: 100px
    }

.mb-link {
    color: #04b431 !important
}

.child-no-flex > * {
    display: block !important
}

.btn {
    font-size: 1.4rem !important
}

.btn-link {
    color: #e31e24
}

    .btn-link:hover {
        color: #e21c2a
    }

.btn-black {
    background-color: #000;
    padding: 15px 40px;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
    border-radius: 0;
    margin: 20px 0;
    color: #fff !important
}

.container-boxed form .row {
    padding: 0 !important;
    margin: 0 !important;
    display: block
}

.modal-dialog.modal-lg {
    overflow-y: initial !important
}

    .modal-dialog.modal-lg .modal-body {
        height: calc(100vh - 115px);
        overflow-y: auto;
        position: relative
    }

.paginate_button a.page-link {
    color: #000
}

#mobile-header-container-mb {
    height: 95px;
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

    #mobile-header-container-mb > div {
        width: 100vw
    }

    #mobile-header-container-mb > .component-content > .row {
        display: flex;
        flex-flow: row;
        justify-content: space-between
    }

        #mobile-header-container-mb > .component-content > .row > div .row {
            display: flex;
            flex-flow: row
        }

            #mobile-header-container-mb > .component-content > .row > div .row .component-content {
                height: 100%
            }

            #mobile-header-container-mb > .component-content > .row > div .row > a {
                display: flex;
                align-items: center;
                height: 100%
            }

    #mobile-header-container-mb img {
        max-height: 35px;
        object-fit: contain;
        width: auto
    }

    #mobile-header-container-mb #mobile-menu-container > .component-content > .row {
        flex-flow: column
    }

    #mobile-header-container-mb #mobile-menu-container #mb-header-user-auth-links-mobile {
        padding: 0 20px
    }

        #mobile-header-container-mb #mobile-menu-container #mb-header-user-auth-links-mobile .component.link {
            background: none;
            border-bottom: 1px solid #ccc;
            padding: 0
        }

            #mobile-header-container-mb #mobile-menu-container #mb-header-user-auth-links-mobile .component.link .field-link {
                padding: 20px 0
            }

                #mobile-header-container-mb #mobile-menu-container #mb-header-user-auth-links-mobile .component.link .field-link a {
                    font-size: 1.4rem;
                    text-decoration: none;
                    font-weight: 700;
                    color: #000;
                    padding-bottom: 5px;
                    border-bottom: 2px solid #e21c2a
                }

    #mobile-header-container-mb nav .level2 ul {
        display: block
    }

#mb-header-user-auth-links {
    padding: 0 !important
}

    #mb-header-user-auth-links > .component-content {
        display: flex;
        justify-content: right;
        flex-flow: row
    }

        #mb-header-user-auth-links > .component-content .component.link {
            padding: 6px;
            width: auto
        }

            #mb-header-user-auth-links > .component-content .component.link div.field-link > a {
                background-color: transparent;
                text-decoration: none;
                font-size: 1.2rem;
                font-weight: bold;
                color: #fff;
                border-bottom: none
            }

                #mb-header-user-auth-links > .component-content .component.link div.field-link > a:hover {
                    color: #0aa546
                }

.oc-product-title {
    font-size: 3rem
}

.product-img-wrapper {
    max-width: 300px;
    width: 50%
}

    .product-img-wrapper span {
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 15px 0;
        align-items: center;
        height: 100%
    }

.selectable-product-options {
    margin: 10px 0;
    padding: 5px 15px;
    background-color: #eee
}

    .selectable-product-options .variant-selector {
        padding-bottom: 10px
    }

        .selectable-product-options .variant-selector:last-child {
            border-bottom: 0
        }

.options-table-header td {
    text-align: left !important
}

#variantOptionsModel .modal-dialog {
    max-width: 75vw !important
}

@media(max-width:991px) {
    #variantOptionsModel .modal-dialog {
        max-width: 100% !important
    }
}

.product-section-heading {
    background-color: #eee;
    padding: 10px 20px;
    font-size: 1.8rem
}

.product-pricing {
    font-weight: bold;
    font-size: 1.6rem
}

    .product-pricing > * {
        font-size: 1.6rem;
        margin: 0 !important
    }

.oc-discounted-price, .oc-discounted-price * {
    color: #04b431 !important;
    font-size: 2.4rem
}

#pdp-ecommerce-details > .row, #pdp-ecommerce-details .component-content {
    height: 100% !important;
    justify-content: space-between;
    flex-flow: column
}

.pdp-ecommerce-wrapper {
    justify-content: flex-start
}

.oc-product-tabs.tabs {
    padding-right: 0 !important
}

    .oc-product-tabs.tabs .tabs-inner .tabs-container {
        background-color: unset;
        border: none;
        padding-top: 40px;
        border-top: 1px solid #000
    }

    .oc-product-tabs.tabs .tabs-inner .tabs-heading {
        border-bottom: 0;
        display: flex;
        flex-flow: row;
        -webkit-column-gap: 10px;
        column-gap: 10px;
        position: relative;
        padding: 0;
        margin: 0
    }

@media(max-width:768px) {
    .oc-product-tabs.tabs .tabs-inner .tabs-heading {
        max-width: 100%;
        width: 100%
    }
}

.oc-product-tabs.tabs .tabs-inner .tabs-heading li {
    padding: 0 !important;
    flex-grow: 1;
    text-align: center;
    margin: 0;
    background-color: #000;
    border: 1px solid #000
}

    .oc-product-tabs.tabs .tabs-inner .tabs-heading li .field-heading {
        color: #fff;
        font-weight: bold
    }

    .oc-product-tabs.tabs .tabs-inner .tabs-heading li:hover {
        background-color: #e31e24
    }

    .oc-product-tabs.tabs .tabs-inner .tabs-heading li.active {
        background-color: #fff;
        border-color: #000;
        border-top-width: 1px;
        position: relative;
        z-index: 100;
        border-bottom-color: #fff
    }

        .oc-product-tabs.tabs .tabs-inner .tabs-heading li.active .field-heading {
            color: #000
        }

.oc-product-tabs.tabs .tab {
    padding: 0
}

.add-to-cart {
    margin-bottom: 20px
}

    .add-to-cart input.btn-primary {
        margin: 0 !important
    }

.component-spinning {
    position: relative;
    z-index: 0;
    min-height: 200px
}

    .component-spinning.any-height {
        min-height: auto
    }

    .component-spinning:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
        background: #ffffffa6
    }

    .component-spinning:after {
        position: absolute;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        z-index: 100001;
        content: '';
        border: 5px solid #00000000;
        border-top: 5px solid #303030;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        -webkit-animation: spin .7s linear infinite;
        animation: spin .7s linear infinite
    }

.button-spinning {
    position: relative;
    z-index: 0
}

    .button-spinning:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
        background: #ffffffa6
    }

    .button-spinning:after {
        position: absolute !important;
        top: calc(50% - 10px);
        left: calc(50% - 15px);
        z-index: 100001;
        content: '';
        border: 3px solid #00000000;
        border-top: 3px solid #303030;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        -webkit-animation: spin .7s linear infinite;
        animation: spin .7s linear infinite
    }

.component-spinning-xs {
    position: relative;
    z-index: 0
}

    .component-spinning-xs:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99
    }

    .component-spinning-xs:after {
        position: absolute;
        top: calc(50% - 15px);
        left: calc(50% - 15px);
        z-index: 100001;
        content: '';
        border: 3px solid #00000000;
        border-top: 3px solid #303030;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        -webkit-animation: spin .7s linear infinite;
        animation: spin .7s linear infinite
    }

.cross-sell-scrolling-container, .accessories-scrolling-container {
    position: relative
}

    .cross-sell-scrolling-container .cross-sell-arrow-left, .cross-sell-scrolling-container .accessories-arrow-left, .accessories-scrolling-container .cross-sell-arrow-left, .accessories-scrolling-container .accessories-arrow-left {
        left: -1px;
        background-image: linear-gradient(to right,#fff,#ffffff00);
        padding-right: 50px
    }

    .cross-sell-scrolling-container .cross-sell-arrow-right, .cross-sell-scrolling-container .accessories-arrow-right, .accessories-scrolling-container .cross-sell-arrow-right, .accessories-scrolling-container .accessories-arrow-right {
        right: -1px;
        background-image: linear-gradient(to left,#fff,#ffffff00);
        padding-left: 50px
    }

    .cross-sell-scrolling-container .arrow, .accessories-scrolling-container .arrow {
        font-size: 3rem;
        position: absolute;
        z-index: 1;
        height: 100%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        text-decoration: none
    }

    .cross-sell-scrolling-container .related-products-list-cross-sell, .cross-sell-scrolling-container .related-products-list-accessories, .accessories-scrolling-container .related-products-list-cross-sell, .accessories-scrolling-container .related-products-list-accessories {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 15px;
        -webkit-overflow-scrolling: touch;
        padding: 0 50px
    }

        .cross-sell-scrolling-container .related-products-list-cross-sell::-webkit-scrollbar, .cross-sell-scrolling-container .related-products-list-accessories::-webkit-scrollbar, .accessories-scrolling-container .related-products-list-cross-sell::-webkit-scrollbar, .accessories-scrolling-container .related-products-list-accessories::-webkit-scrollbar {
            display: none
        }

        .cross-sell-scrolling-container .related-products-list-cross-sell .related-product, .cross-sell-scrolling-container .related-products-list-accessories .related-product, .accessories-scrolling-container .related-products-list-cross-sell .related-product, .accessories-scrolling-container .related-products-list-accessories .related-product {
            flex: 0 0 auto
        }

            .cross-sell-scrolling-container .related-products-list-cross-sell .related-product a, .cross-sell-scrolling-container .related-products-list-accessories .related-product a, .accessories-scrolling-container .related-products-list-cross-sell .related-product a, .accessories-scrolling-container .related-products-list-accessories .related-product a {
                text-decoration: none
            }

                .cross-sell-scrolling-container .related-products-list-cross-sell .related-product a .oc-product.related-product-item-card, .cross-sell-scrolling-container .related-products-list-accessories .related-product a .oc-product.related-product-item-card, .accessories-scrolling-container .related-products-list-cross-sell .related-product a .oc-product.related-product-item-card, .accessories-scrolling-container .related-products-list-accessories .related-product a .oc-product.related-product-item-card {
                    display: flex;
                    flex-flow: column;
                    padding: 20px 30px;
                    width: 250px;
                    gap: 8px
                }

                    .cross-sell-scrolling-container .related-products-list-cross-sell .related-product a .oc-product.related-product-item-card img, .cross-sell-scrolling-container .related-products-list-accessories .related-product a .oc-product.related-product-item-card img, .accessories-scrolling-container .related-products-list-cross-sell .related-product a .oc-product.related-product-item-card img, .accessories-scrolling-container .related-products-list-accessories .related-product a .oc-product.related-product-item-card img {
                        height: 150px;
                        object-fit: contain;
                        max-width: 200px
                    }

                    .cross-sell-scrolling-container .related-products-list-cross-sell .related-product a .oc-product.related-product-item-card .related-product-item-card-title, .cross-sell-scrolling-container .related-products-list-accessories .related-product a .oc-product.related-product-item-card .related-product-item-card-title, .accessories-scrolling-container .related-products-list-cross-sell .related-product a .oc-product.related-product-item-card .related-product-item-card-title, .accessories-scrolling-container .related-products-list-accessories .related-product a .oc-product.related-product-item-card .related-product-item-card-title {
                        font-size: 1.5rem;
                        text-decoration: none !important
                    }

                    .cross-sell-scrolling-container .related-products-list-cross-sell .related-product a .oc-product.related-product-item-card .related-product-list-product-details, .cross-sell-scrolling-container .related-products-list-accessories .related-product a .oc-product.related-product-item-card .related-product-list-product-details, .accessories-scrolling-container .related-products-list-cross-sell .related-product a .oc-product.related-product-item-card .related-product-list-product-details, .accessories-scrolling-container .related-products-list-accessories .related-product a .oc-product.related-product-item-card .related-product-list-product-details {
                        color: #000
                    }

                        .cross-sell-scrolling-container .related-products-list-cross-sell .related-product a .oc-product.related-product-item-card .related-product-list-product-details .related-product-message, .cross-sell-scrolling-container .related-products-list-accessories .related-product a .oc-product.related-product-item-card .related-product-list-product-details .related-product-message, .accessories-scrolling-container .related-products-list-cross-sell .related-product a .oc-product.related-product-item-card .related-product-list-product-details .related-product-message, .accessories-scrolling-container .related-products-list-accessories .related-product a .oc-product.related-product-item-card .related-product-list-product-details .related-product-message {
                            color: #009b28 !important
                        }

                        .cross-sell-scrolling-container .related-products-list-cross-sell .related-product a .oc-product.related-product-item-card .related-product-list-product-details > div strong, .cross-sell-scrolling-container .related-products-list-accessories .related-product a .oc-product.related-product-item-card .related-product-list-product-details > div strong, .accessories-scrolling-container .related-products-list-cross-sell .related-product a .oc-product.related-product-item-card .related-product-list-product-details > div strong, .accessories-scrolling-container .related-products-list-accessories .related-product a .oc-product.related-product-item-card .related-product-list-product-details > div strong {
                            font-weight: bold
                        }

#header .navigation.navigation-main.navigation-main-horizontal nav > ul > li {
    position: static
}

#header nav .show.level1 ul.clearfix {
    display: block !important;
    margin-bottom: 15px
}

    #header nav .show.level1 ul.clearfix > * {
        display: inline-block !important;
        width: 100% !important;
        padding: 5px 0
    }

    #header nav .show.level1 ul.clearfix .level3 a h4 {
        color: #777;
        font-weight: normal
    }

    #header nav .show.level1 ul.clearfix .level3 a:hover h4 {
        color: #e31e24
    }

#header nav .show.level1 > ul.clearfix {
    -webkit-column-count: 3;
    column-count: 3;
    padding: 10px 0
}

    #header nav .show.level1 > ul.clearfix a:hover {
        color: #e31e24
    }

    #header nav .show.level1 > ul.clearfix > * {
        page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        break-inside: avoid-column
    }

#header nav .level2 > ul.clearfix {
    margin-left: 30px;
    margin-top: 0
}

#header nav .navigation-li + ul {
    width: 100%
}

#header .external-redirect a {
    text-align: left !important;
    text-decoration: none;
    padding: 10px 20px;
    margin-left: 20px
}

#header .external-redirect + a {
    display: none
}

.mini-cart {
    box-shadow: #0f0f0f4d 0 4px 15px 1px;
    top: 70px !important;
    right: 0;
    max-height: calc(100vh - 200px) !important;
    overflow-y: scroll !important;
    width: 400px;
    max-width: calc(100vw - 20px)
}

    .mini-cart.component-spinning {
        min-height: 0
    }

    .mini-cart .minicart-empty {
        display: flex;
        flex-flow: column;
        gap: 5px;
        text-align: center
    }

        .mini-cart .minicart-empty a {
            margin: 0
        }

    .mini-cart div {
        height: initial !important;
        max-height: initial !important
    }

    .mini-cart li {
        display: grid;
        grid-template-areas: 'img desc x' 'img catalog x' 'img model x' 'img cpn x' 'img warehouse x' 'img qty x' 'img price x' 'sum sum x';
        grid-template-columns: 100px auto 20px;
        width: 100%;
        -webkit-column-gap: 10px;
        column-gap: 10px;
        padding: 10px 0;
        border-bottom: 1px solid #eee
    }

        .mini-cart li > * {
            font-size: 1.2rem
        }

        .mini-cart li .minicart-img {
            grid-area: img
        }

            .mini-cart li .minicart-img img {
                max-height: 100%;
                object-fit: contain;
                max-width: 100%
            }

        .mini-cart li .minicart-desc {
            grid-area: desc
        }

            .mini-cart li .minicart-desc > a {
                font-weight: bold;
                color: #e31e24;
                font-size: 1.8rem;
                text-decoration: none
            }

        .mini-cart li .minicart-model {
            grid-area: model;
            font-weight: bold
        }

        .mini-cart li .minicart-catalog {
            grid-area: catalog;
            font-weight: bold
        }

        .mini-cart li .minicart-cpn {
            grid-area: cpn
        }

        .mini-cart li .minicart-warehouse {
            grid-area: warehouse
        }

        .mini-cart li .minicart-quantity {
            grid-area: qty;
            font-size: 1.2rem;
            font-style: italic;
            color: #333
        }

        .mini-cart li .minicart-price {
            grid-area: price;
            font-style: italic;
            font-size: 1.2rem;
            color: #333
        }

        .mini-cart li .minicart-delete {
            grid-area: x
        }

        .mini-cart li .minicart-sum {
            grid-area: sum;
            text-align: right;
            font-size: 1.6rem;
            color: #333
        }

        .mini-cart li span.remove-from-cart {
            font-weight: bold
        }

            .mini-cart li span.remove-from-cart:hover {
                cursor: pointer
            }

    .mini-cart .minicart-footer {
        padding-top: 10px
    }

        .mini-cart .minicart-footer .minicart-summary {
            font-size: 1.6rem
        }

        .mini-cart .minicart-footer .minicart-taxes-shipping {
            text-align: right;
            font-style: italic;
            font-size: 1.2rem;
            color: #333
        }

        .mini-cart .minicart-footer .minicart-buttons {
            display: flex;
            flex-flow: column;
            margin-top: 15px;
            gap: 6px
        }

            .mini-cart .minicart-footer .minicart-buttons a {
                margin: 0 !important
            }

                .mini-cart .minicart-footer .minicart-buttons a.btn.btn-secondary {
                    color: #000 !important;
                    background-color: #fff;
                    border: 2px solid #000 !important;
                    padding: 5px
                }

.toast-wrapper {
    position: fixed !important;
    bottom: 10px;
    padding: 0;
    right: 10px
}

    .toast-wrapper .toast {
        font-size: 1.4rem;
        text-align: center;
        height: -webkit-min-content !important;
        height: min-content !important
    }

    .toast-wrapper .toast-header {
        height: initial !important;
        justify-content: flex-end;
        position: absolute;
        border: 0;
        right: 0
    }

    .toast-wrapper button.btn-close {
        padding: 0 !important;
        box-sizing: content-box !important;
        width: 1em !important;
        height: 1em !important;
        padding: .25em .25em !important;
        color: #000 !important;
        border: 0 !important;
        border-radius: .25rem !important;
        opacity: .5 !important;
        background-color: #fff;
        margin: 0 !important
    }

        .toast-wrapper button.btn-close:hover {
            background-color: #fff !important
        }

    .toast-wrapper .toast-body {
        height: initial !important;
        max-height: initial !important;
        padding: 20px 25px
    }

#mobile-header-container {
    height: 95px;
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

    #mobile-header-container > div {
        width: 100vw
    }

    #mobile-header-container > .component-content > .row {
        display: flex;
        flex-flow: row;
        justify-content: space-between
    }

        #mobile-header-container > .component-content > .row > div .row {
            display: flex;
            flex-flow: row
        }

            #mobile-header-container > .component-content > .row > div .row .component-content {
                height: 100%
            }

            #mobile-header-container > .component-content > .row > div .row > a {
                display: flex;
                align-items: center;
                height: 100%
            }

    #mobile-header-container img {
        max-height: 35px;
        object-fit: contain;
        width: auto
    }

#mobile-nav-container-one {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 50%
}

#nav-brand-logo {
    display: flex;
    align-items: center;
    width: auto;
    padding-right: 15px;
    border-right: 1.8px solid #e6e6e6;
    margin-right: 15px
}

    #nav-brand-logo img {
        max-width: 30vw
    }

#nav-parent-logo {
    padding: 0 !important
}

    #nav-parent-logo .component-content a {
        display: flex
    }

    #nav-parent-logo img {
        max-width: 20vw
    }

#mobile-nav-container-two {
    display: flex;
    flex-flow: row nowrap;
    justify-content: right;
    align-items: center;
    padding-right: 15px;
    height: 75px;
    width: 50%
}

.hamburger-container {
    display: inline-block;
    cursor: pointer;
    border-left: 1.8px solid #e6e6e6;
    padding-left: 15px
}

.bar-one {
    width: 40px;
    height: 4px;
    background: #303030;
    margin: 8px 0;
    transition: .4s
}

.bar-two {
    width: 40px;
    height: 4px;
    background: #303030;
    margin: 8px 0;
    transition: .4s
}

.bar-three {
    width: 40px;
    height: 4px;
    background: #303030;
    margin: 8px 0;
    transition: .4s
}

.change .bar-one {
    -webkit-transform: translate(0,11px) rotate(-45deg);
    transform: translate(0,11px) rotate(-45deg)
}

.change .bar-two {
    opacity: 0
}

.change .bar-three {
    -webkit-transform: translate(0,-12px) rotate(45deg);
    transform: translate(0,-12px) rotate(45deg)
}

#mobile-nav {
    padding: 0;
    border-top: 1px solid #ccc
}

    #mobile-nav > div > nav > ul {
        border: none
    }

        #mobile-nav > div > nav > ul > li {
            background: none;
            border-bottom: 1px solid #ccc;
            padding: 0
        }

            #mobile-nav > div > nav > ul > li > div {
                border: none;
                padding: 20px 0;
                padding: 20px 0
            }

                #mobile-nav > div > nav > ul > li > div:before {
                    color: #e31e24;
                    font-size: 1.2rem;
                    margin-right: 20px
                }

                #mobile-nav > div > nav > ul > li > div > a {
                    border: none;
                    margin-left: 20px
                }

            #mobile-nav > div > nav > ul > li > ul {
                background: #303030;
                padding: 20px 20px
            }

                #mobile-nav > div > nav > ul > li > ul .level2.submenu > .navigation-title:before {
                    content: '+';
                    position: absolute;
                    right: 0;
                    color: #fff;
                    display: flex;
                    height: 100%;
                    font-size: 2rem;
                    padding-top: 4px;
                    z-index: 0;
                    top: 4px;
                    right: 10px
                }

                #mobile-nav > div > nav > ul > li > ul .level2.submenu.active > .navigation-title:before {
                    content: '-'
                }

                #mobile-nav > div > nav > ul > li > ul .level2.submenu ul .level3 .navigation-title a {
                    border-bottom: 2px solid #ffffff70
                }

                #mobile-nav > div > nav > ul > li > ul a {
                    color: #fff;
                    font-size: 1.4rem;
                    font-weight: 500;
                    border-bottom: 2px solid #e21c2a
                }

                    #mobile-nav > div > nav > ul > li > ul a:before {
                        display: none
                    }

#mobile-menu-container {
    background: #fafafa;
    max-height: 100vh;
    overflow: auto;
    position: absolute;
    top: 99%;
    left: 100%;
    box-shadow: 0 10px 22px 0 rgba(17,17,26,.08);
    transition: all .5s ease-in-out
}

    #mobile-menu-container > .component-content > .row {
        height: calc(100vh - 100px);
        overflow: scroll;
        flex-flow: column !important
    }

        #mobile-menu-container > .component-content > .row > .component.link {
            background: none;
            border-bottom: 1px solid #ccc;
            padding: 0
        }

            #mobile-menu-container > .component-content > .row > .component.link > div > div {
                border: none;
                padding: 20px 0;
                padding: 20px 0
            }

                #mobile-menu-container > .component-content > .row > .component.link > div > div:before {
                    color: #e31e24;
                    font-size: 1.2rem;
                    margin-right: 20px
                }

                #mobile-menu-container > .component-content > .row > .component.link > div > div a {
                    border: none;
                    margin-left: 20px;
                    font-weight: 700;
                    color: #000;
                    padding-bottom: 5px;
                    border-bottom: 2px solid #e21c2a
                }

    #mobile-menu-container .language-selector {
        background: none
    }

        #mobile-menu-container .language-selector .component-content {
            padding: 20px 0
        }

        #mobile-menu-container .language-selector .hide-arrow:after {
            content: ""
        }

        #mobile-menu-container .language-selector ul.language-selector-item-container {
            width: 100%;
            box-shadow: none;
            background: #303030;
            padding: 20px 20px
        }

            #mobile-menu-container .language-selector ul.language-selector-item-container li.language-selector-item {
                border-bottom: 0 !important
            }

                #mobile-menu-container .language-selector ul.language-selector-item-container li.language-selector-item:hover {
                    background-color: transparent !important
                }

        #mobile-menu-container .language-selector a.language-selector-select-link {
            color: #000 !important;
            font-weight: bold
        }

        #mobile-menu-container .language-selector .language-selector-select-item {
            margin-left: 10px
        }

        #mobile-menu-container .language-selector .language-selector-item a {
            color: #fff
        }

        #mobile-menu-container .language-selector .language-selector-select-item:after {
            color: #000
        }

    #mobile-menu-container.change {
        left: 0
    }

#mobile-menu-toggle {
    display: flex;
    order: 2;
    width: 6.5em
}

#mobile-search-container {
    position: absolute;
    top: 95px;
    right: 100%;
    background: #303030;
    padding: 25px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    box-shadow: 0 10px 22px 0 rgba(17,17,26,.08);
    transition: all .5s ease-in-out
}

    #mobile-search-container .component-content {
        width: 100%
    }

    #mobile-search-container .nidec-search-box {
        flex-flow: nowrap;
        align-items: center
    }

        #mobile-search-container .nidec-search-box .search-button {
            position: absolute;
            z-index: 15;
            right: 40px
        }

        #mobile-search-container .nidec-search-box.expand .autoComplete_wrapper {
            width: 100%
        }

        #mobile-search-container .nidec-search-box ul {
            max-height: calc(100vh - 250px)
        }

    #mobile-search-container.change {
        right: 0
    }

#mobile-search-toggle {
    display: flex;
    order: 1;
    width: 3.8em
}

.search-icn-container {
    display: inline-block;
    cursor: pointer
}

    .search-icn-container .fa-search {
        font-size: 4rem;
        color: #303030
    }

@media(max-width:991px) {
    header {
        background: #fff;
        position: fixed;
        top: 0;
        z-index: 999;
        width: 100%;
        box-shadow: 0 10px 22px 0 rgba(17,17,26,.08)
    }

    .nidec-search-box {
        width: 100%;
        height: 4em
    }

        .nidec-search-box .autoComplete_wrapper {
            display: flex;
            flex-flow: row wrap;
            justify-content: center;
            width: 100vw;
            max-width: 100%;
            height: 4em;
            position: unset
        }

        .nidec-search-box input {
            border: none;
            border-radius: 2px
        }

    #autoComplete_list_1 {
        position: absolute;
        top: 98%;
        left: 0;
        width: 100%;
        border-radius: 0;
        box-shadow: 0 10px 22px 0 rgba(17,17,26,.08)
    }

    .search-box-input {
        width: 100%;
        padding: 20px 0
    }

    .search-button {
        display: none
    }
}

#mobile-header-container-mb #mobile-nav-container-two #mobile-menu-toggle {
    order: 3
}

    #mobile-header-container-mb #mobile-nav-container-two #mobile-menu-toggle .component-content {
        display: flex;
        align-items: center
    }

#mobile-header-container-mb #mobile-nav-container-two #mobile-search-toggle .component-content {
    display: flex;
    align-items: center
}

#mobile-header-container-mb #mobile-nav-container-two .component.nidec-cart {
    width: auto;
    order: 2
}

    #mobile-header-container-mb #mobile-nav-container-two .component.nidec-cart > .cart-button::before {
        font-size: 3.8rem !important;
        color: #303030 !important
    }

#home-news-and-media-component {
    background: #efefef;
    width: 100% !important
}

    #home-news-and-media-component > div.component-content {
        width: 100%;
        padding-right: var(--bs-gutter-x,.75rem);
        padding-left: var(--bs-gutter-x,.75rem);
        margin-right: auto;
        margin-left: auto
    }

@media(min-width:576px) {
    #home-news-and-media-component > div.component-content {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #home-news-and-media-component > div.component-content {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #home-news-and-media-component > div.component-content {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #home-news-and-media-component > div.component-content {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #home-news-and-media-component > div.component-content {
        max-width: 1320px
    }
}

@media(max-width:768px) {
    #home-news-and-media-component > div.component-content .col-12 {
        margin: 10px 0
    }
}

#home-news-and-media-component > div.component-content > div.row > div.column-splitter > div > div.row > div.row-splitter > div.container-fluid {
    padding: 0
}

    #home-news-and-media-component > div.component-content > div.row > div.column-splitter > div > div.row > div.row-splitter > div.container-fluid > div > div.row {
        margin: 0
    }

        #home-news-and-media-component > div.component-content > div.row > div.column-splitter > div > div.row > div.row-splitter > div.container-fluid > div > div.row > div.component.image {
            padding: 0;
            height: 200px;
            width: 100%;
            overflow: hidden
        }

            #home-news-and-media-component > div.component-content > div.row > div.column-splitter > div > div.row > div.row-splitter > div.container-fluid > div > div.row > div.component.image * {
                height: 100%;
                border-radius: 0
            }

            #home-news-and-media-component > div.component-content > div.row > div.column-splitter > div > div.row > div.row-splitter > div.container-fluid > div > div.row > div.component.image img {
                width: auto;
                height: auto;
                object-fit: contain;
                min-height: 100%;
                min-width: 100%
            }

#home-news-and-media-component > div.component-content .container-white-background .rich-text {
    padding: 10px 20px
}

    #home-news-and-media-component > div.component-content .container-white-background .rich-text h4 {
        font-size: 1.2rem
    }

#home-news-and-media-component > div.component-content .container-white-background * {
    text-align: left !important
}

#news-and-events-wrapper {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
    padding: 50px 0
}

@media(min-width:576px) {
    #news-and-events-wrapper {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #news-and-events-wrapper {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #news-and-events-wrapper {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #news-and-events-wrapper {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #news-and-events-wrapper {
        max-width: 1320px
    }
}

#news-and-events-wrapper > .component-content > .row > .row > div {
    margin-bottom: 20px
}

#news-and-events-wrapper .rich-text div {
    font-size: 1.8rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px
}

#news-and-events-wrapper .event-list ul {
    display: grid !important;
    grid-template-columns: repeat(1,1fr)
}

    #news-and-events-wrapper .event-list ul .event {
        grid-template-areas: 'img img img' 'date title title' 'date location location' 'date time time';
        grid-template-columns: .5fr 1fr 1fr
    }

        #news-and-events-wrapper .event-list ul .event .field-event-image img {
            height: 200px
        }

        #news-and-events-wrapper .event-list ul .event .field-eventdescription {
            display: none
        }

#news-media-contact-wrapper {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
    padding: 30px 0
}

@media(min-width:576px) {
    #news-media-contact-wrapper {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #news-media-contact-wrapper {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #news-media-contact-wrapper {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #news-media-contact-wrapper {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #news-media-contact-wrapper {
        max-width: 1320px
    }
}

#news-media-contact-wrapper #news-media-contact-title div {
    font-size: 1.8rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px
}

#news-media-contact-wrapper #news-media-contact-title div {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 15px
}

#news-page-wrapper {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
    padding: 50px 0
}

@media(min-width:576px) {
    #news-page-wrapper {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #news-page-wrapper {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #news-page-wrapper {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #news-page-wrapper {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #news-page-wrapper {
        max-width: 1320px
    }
}

#news-page-wrapper .field-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
    overflow-wrap: break-word
}

#news-page-wrapper .field-author {
    font-weight: 700
}

#news-page-wrapper .field-content {
    border-top: 3px solid #e31e24;
    padding-top: 20px;
    margin-top: 20px
}

#event-page-list {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
    padding: 50px 0
}

@media(min-width:576px) {
    #event-page-list {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #event-page-list {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #event-page-list {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #event-page-list {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #event-page-list {
        max-width: 1320px
    }
}

#event-page-list .event-list ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    -webkit-column-gap: 15px;
    column-gap: 15px
}

@media(max-width:991px) {
    #event-page-list .event-list ul {
        grid-template-columns: repeat(1,1fr)
    }
}

#article-list-wrapper {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
    padding: 50px 0
}

@media(min-width:576px) {
    #article-list-wrapper {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #article-list-wrapper {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #article-list-wrapper {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #article-list-wrapper {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #article-list-wrapper {
        max-width: 1320px
    }
}

#blogs-page-wrapper {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
    padding: 50px 0
}

@media(min-width:576px) {
    #blogs-page-wrapper {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #blogs-page-wrapper {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #blogs-page-wrapper {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #blogs-page-wrapper {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #blogs-page-wrapper {
        max-width: 1320px
    }
}

#blogs-page-wrapper .page-list ul {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    -webkit-column-gap: 15px;
    column-gap: 15px;
    row-gap: 20px
}

@media(max-width:1200px) {
    #blogs-page-wrapper .page-list ul {
        grid-template-columns: repeat(3,1fr)
    }
}

@media(max-width:991px) {
    #blogs-page-wrapper .page-list ul {
        grid-template-columns: repeat(2,1fr)
    }
}

@media(max-width:767px) {
    #blogs-page-wrapper .page-list ul {
        grid-template-columns: repeat(1,1fr)
    }
}

#blogs-page-wrapper .page-list ul li {
    border: 1px solid #efefef;
    padding: 10px 10px 40px 10px;
    position: relative;
    display: flex;
    flex-flow: column
}

    #blogs-page-wrapper .page-list ul li .field-article-image {
        display: flex;
        justify-content: center;
        padding: 0 0 10px 0
    }

        #blogs-page-wrapper .page-list ul li .field-article-image img {
            max-width: 100%;
            width: 100%;
            height: 200px;
            object-fit: cover
        }

    #blogs-page-wrapper .page-list ul li .field-title {
        margin: 0;
        padding-bottom: 10px;
        border-bottom: 3px solid #e31e24;
        margin-bottom: 10px
    }

    #blogs-page-wrapper .page-list ul li .field-content {
        overflow: hidden;
        width: 100%
    }

        #blogs-page-wrapper .page-list ul li .field-content * {
            font-size: 1.2rem;
            width: 100%;
            display: contents;
            float: left
        }

        #blogs-page-wrapper .page-list ul li .field-content img {
            display: none
        }

    #blogs-page-wrapper .page-list ul li .view-more-link {
        text-align: center;
        margin-top: 10px;
        position: absolute;
        width: 100%;
        bottom: 10px
    }

        #blogs-page-wrapper .page-list ul li .view-more-link a {
            font-size: 1.2rem;
            padding-bottom: 3px;
            border-bottom: 1px solid #e31e24
        }

.news-and-media-list ul {
    display: grid
}

    .news-and-media-list ul .item {
        border: 0;
        display: grid;
        grid-template-areas: 'news-title news-date' 'news-author news-author' 'summary summary';
        justify-content: space-between
    }

        .news-and-media-list ul .item:hover {
            box-shadow: #000 0 0 8px -5px
        }

        .news-and-media-list ul .item:nth-child(even) {
            background-color: #efefef
        }

        .news-and-media-list ul .item .field-title, .news-and-media-list ul .item .field-redirecturl {
            margin-top: 0;
            text-align: left;
            grid-area: news-title
        }

            .news-and-media-list ul .item .field-title a, .news-and-media-list ul .item .field-redirecturl a {
                color: #e31e24;
                font-weight: bold
            }

                .news-and-media-list ul .item .field-title a:hover, .news-and-media-list ul .item .field-redirecturl a:hover {
                    padding-bottom: 3px;
                    border-bottom: 1px solid #e31e24
                }

                .news-and-media-list ul .item .field-redirecturl a::after {
                    content: "ï‚Ž";
                    font: normal normal normal 14px/1 FontAwesome;
                    padding-left: 5px
                }

        .news-and-media-list ul .item .field-author {
            grid-area: news-author;
            font-weight: bold
        }

        .news-and-media-list ul .item .field-date {
            grid-area: news-date;
            text-align: right
        }

        .news-and-media-list ul .item .field-short-summary {
            grid-area: summary
        }

.generic-page-subpage-list ul {
    margin-left: 0
}

    .generic-page-subpage-list ul .item {
        display: flex;
        flex-flow: column;
        border: 0
    }

        .generic-page-subpage-list ul .item:hover {
            box-shadow: #000 0 0 8px -5px
        }

        .generic-page-subpage-list ul .item:nth-child(even) {
            background-color: #efefef
        }

        .generic-page-subpage-list ul .item .field-title, .generic-page-subpage-list ul .item .field-redirecturl {
            margin-top: 0;
            text-align: left
        }

            .generic-page-subpage-list ul .item .field-title a, .generic-page-subpage-list ul .item .field-redirecturl a {
                color: #e31e24;
                font-weight: bold
            }

                .generic-page-subpage-list ul .item .field-title a:hover, .generic-page-subpage-list ul .item .field-redirecturl a:hover {
                    padding-bottom: 3px;
                    border-bottom: 1px solid #e31e24
                }

        .generic-page-subpage-list ul .item .page-list-summary {
            margin-bottom: 0
        }

        .generic-page-subpage-list ul .item .field-redirecturl a::after {
            content: "ï‚Ž";
            font: normal normal normal 14px/1 FontAwesome;
            padding-left: 5px
        }

.list-pagination a:not(.sxa-paginationnumber), .list-pagination span.inactive {
    display: none
}

.list-pagination nav {
    display: flex;
    flex-flow: row;
    justify-content: center;
    padding: 20px 0;
    -webkit-column-gap: 5px;
    column-gap: 5px
}

    .list-pagination nav .sxa-paginationnumber {
        margin: 0;
        color: #303030;
        font-size: 1.4rem;
        padding: 5px 12px
    }

    .list-pagination nav a.sxa-paginationnumber:hover {
        border-color: #e31e24;
        color: #e31e24
    }

    .list-pagination nav span.active {
        color: #e31e24;
        border-color: #303030;
        text-decoration: underline
    }

.custom-select select {
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
    color: #212529;
    background-color: #e8e8e8;
    border: 0 solid #ced4da
}

.gallery-card-grid-container {
    display: flex;
    justify-content: space-between;
    gap: 3rem
}

@media(max-width:992px) {
    .gallery-card-grid-container {
        flex-flow: column
    }
}

.gallery-card-grid-container .gallery-card-grid {
    display: flex;
    flex-flow: row;
    gap: 40px 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    align-items: flex-start
}

@media(max-width:992px) {
    .gallery-card-grid-container .gallery-card-grid {
        order: 1;
        justify-content: center
    }
}

.gallery-section {
    border-bottom: 2px solid #ececec;
    padding-bottom: 20px;
    flex-basis: 100%
}

.gallery-sub-section {
    flex-basis: 100%;
    padding-bottom: 20px
}

.gallery-section-title {
    font-size: 2.4rem;
    font-weight: bold
}

.gallery-card {
    position: relative;
    min-width: 320px;
    width: 100%;
    flex: 1;
    max-width: 320px;
    background: #fff;
    text-align: left;
    color: #000;
    box-shadow: 0 0 5px rgba(0,0,0,.15);
    font-size: 16px;
    margin: 0;
    border-radius: 10px;
    aspect-ratio: 2/3;
    overflow: hidden
}

    .gallery-card .gallery-card-hidden-link {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10
    }

    .gallery-card img {
        max-width: 100%;
        vertical-align: top;
        position: relative;
        display: block;
        height: 100%;
        width: 100%;
        object-fit: cover
    }

    .gallery-card figcaption {
        padding: 20px 15px 20px;
        color: #fff;
        position: absolute;
        width: 100%;
        bottom: 0;
        height: 0;
        min-height: 70px;
        transition: all .2s ease-out
    }

        .gallery-card figcaption .gallery-card-model {
            color: #fff !important;
            text-decoration: none;
            padding-bottom: 1px;
            margin-bottom: 7px;
            display: block;
            font-weight: bold;
            font-size: 18px
        }

        .gallery-card figcaption .gallery-card-key {
            position: absolute;
            top: 3px;
            right: 0;
            opacity: .7
        }

        .gallery-card figcaption.category-1 {
            background-color: #8a5b32
        }

            .gallery-card figcaption.category-1:after {
                background-color: #ffffff42;
                background: linear-gradient(to bottom,#8a5b328c 70%,#8a5b32 100%)
            }

        .gallery-card figcaption.category-2 {
            background-color: #577f59
        }

            .gallery-card figcaption.category-2:after {
                background-color: #ffffff42;
                background: linear-gradient(to bottom,#577f598c 70%,#577f59 100%)
            }

        .gallery-card figcaption.category-3 {
            background-color: #c39f12
        }

            .gallery-card figcaption.category-3:after {
                background-color: #ffffff42;
                background: linear-gradient(to bottom,#c39f128c 70%,#c39f12 100%)
            }

        .gallery-card figcaption.category-4 {
            background-color: #4d878a
        }

            .gallery-card figcaption.category-4:after {
                background-color: #ffffff42;
                background: linear-gradient(to bottom,#4d878a8c 70%,#4d878a 100%)
            }

        .gallery-card figcaption.category-5 {
            background-color: #000
        }

            .gallery-card figcaption.category-5:after {
                background-color: #00000042;
                background: linear-gradient(to bottom,#0000008c 70%,#000 100%)
            }

        .gallery-card figcaption.wrappable {
            height: -webkit-fit-content !important;
            height: -moz-fit-content !important;
            height: fit-content !important
        }

            .gallery-card figcaption.wrappable > div {
                height: auto
            }

        .gallery-card figcaption > * {
            margin: 0;
            font-size: .9em;
            padding: 0 10px;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            height: 30px;
            position: relative
        }

    .gallery-card.clickable-card {
        transition: box-shadow .3s ease,-webkit-transform .3s ease;
        transition: transform .3s ease,box-shadow .3s ease;
        transition: transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease
    }

        .gallery-card.clickable-card:hover {
            -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
            cursor: pointer;
            box-shadow: #000 0 5px 10px -5px
        }

    .gallery-card.expandable-card:hover figcaption {
        height: 75%;
        transition: all .2s ease-in
    }

        .gallery-card.expandable-card:hover figcaption > * {
            -webkit-line-clamp: 10;
            height: 232px;
            transition: all .2s ease-in
        }

    .gallery-card.expandable-card::after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        display: block;
        left: 0;
        font-family: 'FontAwesome';
        font-size: 28px;
        color: #fff
    }

@media(max-width:992px) {
    .gallery-card.expandable-card {
        height: 100%;
        aspect-ratio: auto;
        overflow: auto
    }

        .gallery-card.expandable-card:hover figcaption {
            height: 100%;
            transition: unset
        }

            .gallery-card.expandable-card:hover figcaption > * {
                -webkit-line-clamp: none;
                height: auto;
                transition: unset
            }

        .gallery-card.expandable-card figcaption {
            overflow: visible;
            height: 100%;
            position: relative;
            min-height: auto
        }

            .gallery-card.expandable-card figcaption > * {
                overflow: auto;
                height: auto;
                -webkit-line-clamp: none
            }

        .gallery-card.expandable-card::after {
            display: none
        }
}

.related-gallery-links {
    width: 200px;
    text-align: right
}

@media(max-width:992px) {
    .related-gallery-links {
        width: 100%;
        position: relative;
        display: inline-block
    }

        .related-gallery-links:hover ul {
            display: block
        }

        .related-gallery-links .ul {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
            padding: 12px 16px;
            z-index: 1
        }
}

.related-gallery-links ul {
    list-style: none;
    display: flex;
    flex-flow: column;
    gap: 5px
}

    .related-gallery-links ul li {
        list-style: none;
        margin: 0
    }

        .related-gallery-links ul li a {
            display: flex;
            font-size: 16px;
            min-width: -webkit-fit-content;
            min-width: -moz-fit-content;
            min-width: fit-content;
            justify-content: flex-end;
            text-decoration: none;
            flex-wrap: nowrap;
            white-space: nowrap;
            align-items: center
        }

            .related-gallery-links ul li a.active {
                color: #000;
                font-weight: bold;
                border-right: 3px solid #ea5a00;
                padding-right: 8px;
                margin-right: 5px
            }

                .related-gallery-links ul li a.active i {
                    display: none
                }

            .related-gallery-links ul li a i {
                padding-left: 10px
            }

.detail-flex {
    display: flex;
    justify-content: flex-start;
    gap: 16px;
    margin-bottom: 8rem
}

    .detail-flex .image-grid-card {
        flex: 1 1 calc(33.333% - 16px);
        display: flex;
        justify-content: center;
        aspect-ratio: auto;
        height: auto;
        overflow: visible;
        max-width: 100%
    }

        .detail-flex .image-grid-card figcaption {
            background-color: #00000075
        }

    .detail-flex a {
        flex: 1 1 calc(33.333% - 16px);
        display: flex;
        justify-content: center
    }

        .detail-flex a img {
            width: 100%;
            height: auto
        }

.detail-grid {
    display: grid;
    justify-content: flex-start;
    gap: 16px;
    margin-bottom: 8rem;
    grid-template-columns: 2fr 1fr;
    grid-template-areas: 'front img1' 'front img2' 'front img3';
    margin-top: 5rem
}

@media(max-width:992px) {
    .detail-grid {
        grid-template-areas: "front" "img1" "img2" "img3";
        grid-template-columns: 100%
    }
}

.detail-grid .image-grid-card {
    flex: 1 1 calc(33.333% - 16px);
    display: flex;
    justify-content: center;
    aspect-ratio: auto;
    height: auto;
    overflow: visible;
    max-width: 100%
}

    .detail-grid .image-grid-card figcaption {
        background-color: #00000075
    }

    .detail-grid .image-grid-card:nth-child(1) {
        grid-area: front
    }

    .detail-grid .image-grid-card:nth-child(2) {
        grid-area: img1
    }

    .detail-grid .image-grid-card:nth-child(3) {
        grid-area: img2
    }

    .detail-grid .image-grid-card:nth-child(4) {
        grid-area: img3
    }

.detail-grid a {
    flex: 1 1 calc(33.333% - 16px);
    display: flex;
    justify-content: center
}

    .detail-grid a img {
        width: 100%;
        height: auto
    }

.ordercloud-results li {
    list-style: none
}

.ordercloud-results.ordercloud-results-grid ul {
    display: grid;
    grid-template-columns: auto auto auto auto
}

.invoice-history-search-params, .order-history-search-params {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    gap: 10px
}

    .invoice-history-search-params > *, .order-history-search-params > * {
        flex: 1 1 auto
    }

@media print {
    header, footer, div#breadcrumbs-wrapper, .bulk-edit-ship-date, .cartsummary-buttons, div#nav-parent-logo, div#mobile-nav-container-two, #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:last-child > div > div.row > .component.container > .component-content > .row > div.column-splitter > div:nth-child(2), #header > div.row > div.row-splitter > div.container-fluid:nth-child(1) > div > .row > .component.row-splitter > .container-fluid:first-child {
        display: none !important
    }

    main {
        padding-top: 0 !important
    }

    .mb-checkout-billing-shipping {
        grid-template-areas: '. . .'
    }

    .cartsummary-details {
        margin-bottom: 30px
    }

    #nav-brand-logo {
        border-right: 0
    }

    .btn {
        border: 2px solid #000
    }

    .warehouse-availability {
        overflow: auto
    }
}

#product-category-header {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
    display: block !important
}

@media(min-width:576px) {
    #product-category-header {
        max-width: 540px
    }
}

@media(min-width:768px) {
    #product-category-header {
        max-width: 720px
    }
}

@media(min-width:992px) {
    #product-category-header {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    #product-category-header {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    #product-category-header {
        max-width: 1320px
    }
}

@media(max-width:768px) {
    #product-category-header {
        max-width: 100%;
        padding: 0
    }
}

#product-category-header #split-header-image-container {
    height: inherit !important
}

    #product-category-header #split-header-image-container > div {
        overflow-y: hidden;
        position: relative;
        height: 100%;
        padding: 0
    }

        #product-category-header #split-header-image-container > div #split-header-image {
            margin: 0 auto;
            padding: 10px 0 52px
        }

@media(max-width:991px) {
    #product-category-header #split-header-image-container > div #split-header-image {
        padding: 10px 0
    }
}

#product-category-header #split-header-image-container > div .field-hero-image {
    position: relative
}

    #product-category-header #split-header-image-container > div .field-hero-image img {
        position: absolute;
        width: 100%;
        min-height: 100%;
        min-width: 100%;
        object-fit: contain;
        height: inherit;
        left: 0;
        max-height: inherit
    }

#product-category-header #split-header-image-container > div .field-hero-image {
    min-height: 200px
}

#product-category-header #split-header-image-container > div:nth-child(2) > div.row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    flex-wrap: wrap;
    height: 100%;
    padding: 5em 6em
}

#product-category-header #split-header-image-container * {
    height: 100% !important
}

#product-category-header > div > div > div > div.col-sm-12.col-md-5.d-md-table-cell.d-lg-table-cell.d-xl-table-cell.d-xxl-table-cell {
    padding: 2em
}

#product-category-header .split-header-title {
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: .8rem
}

    #product-category-header .split-header-title .field-title {
        overflow-wrap: break-word
    }

#product-category-header .split-header-summary {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.6em
}

#split-header-content-container {
    padding: 5em 6em;
    background-color: #000;
    display: flex;
    flex-flow: column;
    justify-content: center
}

.resource a:before {
    content: '';
    font-family: 'FontAwesome';
    padding-right: 10px
}

@media(max-width:575px) {
    #split-header-content-container {
        padding: 5em 2em
    }
}

#product-category-page-content {
    width: 100%;
    background-color: #efefef;
    padding-top: 80px;
    padding-bottom: 80px
}

    #product-category-page-content .field-content {
        width: 65%;
        margin: auto;
        font-size: 1.2rem
    }

        #product-category-page-content .field-content p {
            background: none !important
        }

        #product-category-page-content .field-content h3 {
            background: none !important
        }

        #product-category-page-content .field-content ul {
            background: none !important
        }

#product-category-series-container, #product-category-series-container-with-specs {
    padding: 20px 0
}

@media(max-width:991px) {
    #product-category-page-content {
        padding: 80px 0;
        width: 100%
    }
}

.product-category-series-list-title {
    width: unset !important;
    margin: 0 !important;
    padding-top: 0 !important
}

    .product-category-series-list-title .field-title {
        font-size: 2rem;
        font-weight: bold;
        color: #1c1c1c;
        text-transform: uppercase;
        -webkit-text-decoration: underline 2px solid #e31e24;
        text-decoration: underline 2px solid #e31e24;
        overflow-wrap: break-word
    }

        .product-category-series-list-title .field-title::after {
            content: " Products"
        }

.product-category-series-list, .product-category-series-list-with-specs {
    margin: auto
}

    .product-category-series-list .items, .product-category-series-list-with-specs .items {
        display: grid;
        margin: 0;
        grid-auto-flow: row;
        gap: 20px
    }

        .product-category-series-list .items a, .product-category-series-list-with-specs .items a {
            text-decoration: none
        }

            .product-category-series-list .items a:hover .field-title, .product-category-series-list-with-specs .items a:hover .field-title {
                color: #e31e24
            }

            .product-category-series-list .items a:hover .field-specs-content, .product-category-series-list-with-specs .items a:hover .field-specs-content {
                color: #000
            }

        .product-category-series-list .items .field-specs-content, .product-category-series-list-with-specs .items .field-specs-content {
            padding: 10px 0
        }

#products-by-category-container .product-category-series-list .items {
    grid-template-columns: repeat(4,1fr)
}

@media(max-width:1200px) {
    #products-by-category-container .product-category-series-list .items {
        grid-template-columns: repeat(2,1fr)
    }
}

@media(max-width:767px) {
    #products-by-category-container .product-category-series-list .items {
        grid-template-columns: repeat(1,1fr)
    }
}

.product-category-series-list .items {
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr))
}

.product-category-series-list .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    background-color: #fff;
    border: 2px solid #8181811a !important;
    border-radius: 3px;
    margin: 0;
    height: auto;
    padding: 0
}

    .product-category-series-list .item > a {
        width: 100%;
        display: block;
        padding: 15px;
        flex: auto
    }

        .product-category-series-list .item > a > div {
            display: flex;
            flex-flow: column;
            justify-content: space-between;
            height: 100%
        }

    .product-category-series-list .item .field-hero-image {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        max-height: 300px;
        flex-flow: column;
        align-items: center
    }

        .product-category-series-list .item .field-hero-image a {
            text-align: center
        }

        .product-category-series-list .item .field-hero-image img {
            max-width: 100%;
            object-fit: contain;
            max-height: inherit;
            webkit-transition: max-width 1s ease-in-out;
            transition: max-width .25s ease-in-out
        }

    .product-category-series-list .item .field-title a {
        text-decoration: none;
        border: none;
        font-size: 1.8rem;
        font-weight: 600;
        color: #1c1c1c
    }

        .product-category-series-list .item .field-title a:hover {
            border-bottom: 2px solid #e31e24
        }

    .product-category-series-list .item:hover {
        box-shadow: 0 5px 10px -3px #0003
    }

        .product-category-series-list .item:hover img {
            max-width: 75%
        }

@media(max-width:1024px) {
    .product-category-series-list .item .field-hero-image {
        max-height: 200px;
        height: 200px
    }
}

.product-category-series-list-with-specs .items {
    grid-template-columns: repeat(auto-fit,minmax(350px,1fr))
}

.product-category-series-list-with-specs .item {
    display: block;
    background-color: #fff;
    border: 2px solid #8181811a !important;
    border-radius: 3px;
    margin: 0;
    height: auto
}

    .product-category-series-list-with-specs .item > a {
        width: 100%;
        display: block;
        padding: 15px
    }

        .product-category-series-list-with-specs .item > a > div {
            display: grid;
            grid-template-areas: 'title title' 'img .';
            grid-template-columns: 1fr 2fr;
            gap: 5px 20px
        }

@media(max-width:991px) {
    .product-category-series-list-with-specs .item > a > div {
        grid-template-areas: 'title' 'img' '.';
        grid-template-columns: 1fr;
        gap: 20px
    }
}

.product-category-series-list-with-specs .item .field-hero-image {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    max-height: 300px;
    flex-flow: column;
    align-items: center;
    grid-area: img
}

    .product-category-series-list-with-specs .item .field-hero-image a {
        text-align: center
    }

    .product-category-series-list-with-specs .item .field-hero-image img {
        max-width: 100%;
        object-fit: contain;
        max-height: inherit;
        webkit-transition: max-width 1s ease-in-out;
        transition: max-width .25s ease-in-out
    }

.product-category-series-list-with-specs .item .field-title {
    grid-area: title;
    margin: 0;
    border-bottom: #e31e24 1px solid;
    padding: 10px 0;
    font-size: 1.8rem
}

@media(max-width:1024px) {
    .product-category-series-list-with-specs .item .field-hero-image {
        max-height: 200px
    }
}

.page-list .field-title {
    margin-top: 25px;
    font-weight: 700;
    text-align: center;
    overflow-wrap: break-word
}

.page-list a {
    border: none;
    color: #1c1c1c;
    font-size: 1.4rem
}

    .page-list a:hover {
        color: #e31e24
    }

.page-list.mb-category-list ul.items {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px
}

@media(max-width:991px) {
    .page-list.mb-category-list ul.items {
        grid-template-columns: repeat(2,1fr)
    }
}

@media(max-width:767px) {
    .page-list.mb-category-list ul.items {
        grid-template-columns: repeat(1,1fr)
    }
}

.page-list.mb-category-list ul.items li.item {
    border: 0 solid !important;
    background-color: #eee !important;
    margin: 0
}

    .page-list.mb-category-list ul.items li.item .mb-category-list-item {
        margin: 0;
        color: #000;
        text-transform: uppercase
    }

.quickorder-wrapper {
    margin: 100px 0 3rem;
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 20px
}

@media(max-width:991px) {
    .quickorder-wrapper {
        grid-template-columns: 1fr
    }
}

.quickorder-wrapper .quickorder-orderlines {
    display: grid;
    gap: 30px;
    min-height: 120px
}

@media(max-width:991px) {
    .quickorder-wrapper .quickorder-orderlines {
        order: 2
    }
}

.quickorder-wrapper .quickorder-orderlines > div {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc
}

    .quickorder-wrapper .quickorder-orderlines > div:nth-last-child(1) {
        padding-bottom: 20px;
        border-bottom: 0 solid #ccc
    }

    .quickorder-wrapper .quickorder-orderlines > div > div {
        display: grid;
        grid-template-areas: 'title title title delete' 'section1 section1 section2 section2';
        grid-template-columns: 2fr 1fr 2fr 1fr;
        gap: 20px
    }

@media(max-width:1200px) {
    .quickorder-wrapper .quickorder-orderlines > div > div {
        grid-template-areas: 'title title title delete' 'section1 section1 section1 section1' 'section2 section2 section2 section2';
        gap: 15px
    }
}

.quickorder-wrapper .quickorder-orderlines > div > div .quickorder-productinfo {
    display: flex;
    flex-flow: column;
    gap: 5px
}

    .quickorder-wrapper .quickorder-orderlines > div > div .quickorder-productinfo > div {
        display: flex;
        justify-content: space-between;
        gap: 10px
    }

.quickorder-wrapper .quickorder-orderlines > div > div .quickorderline-section1 {
    grid-area: section1
}

.quickorder-wrapper .quickorder-orderlines > div > div .quickorderline-section2 {
    grid-area: section2
}

.quickorder-wrapper .quickorder-orderlines > div > div .quickorderline-title {
    grid-area: title
}

.quickorder-wrapper .quickorder-orderlines > div > div .quickorderline-productdetails {
    grid-area: details
}

.quickorder-wrapper .quickorder-orderlines > div > div .quickorderline-qty {
    grid-area: qty
}

.quickorder-wrapper .quickorder-orderlines > div > div .quickorderline-delete {
    grid-area: delete;
    text-align: right;
    font-size: 2rem
}

    .quickorder-wrapper .quickorder-orderlines > div > div .quickorderline-delete .remove-from-cart {
        cursor: pointer
    }

        .quickorder-wrapper .quickorder-orderlines > div > div .quickorderline-delete .remove-from-cart:hover {
            color: #e31e24
        }

.quickorder-wrapper .quickorder-orderlines > div > div .quickorderline-options {
    grid-area: options
}

.quickorder-wrapper .quickorder-orderlines > div > div .quickorderline-pricing {
    grid-area: pricing
}

.quickorder-wrapper .quickorder-orderlines > div > div .quickorderline-warehouseavail {
    grid-area: warehouses
}

.quickorder-wrapper .quickorder-summary {
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid #ccc
}

@media(max-width:991px) {
    .quickorder-wrapper .quickorder-summary {
        order: 1;
        border-left: 0;
        padding-left: 0;
        margin-left: 0;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ccc
    }
}

.quickorder-wrapper .quickorder-summary .btn.btn-primary {
    display: block;
    width: 100%;
    margin-top: 0
}

.quickorder-wrapper .quickorder-summary .quickorder-clearall {
    display: block;
    text-align: center
}

.quickorder-wrapper .quickorder-summary .quickorder-totals-wrapper {
    margin-bottom: 3rem
}

    .quickorder-wrapper .quickorder-summary .quickorder-totals-wrapper h3 {
        font-size: 16px
    }

.quickorder-error.oc-no-results-message {
    position: relative;
    top: 70px
}

.quickorder-search-box .tt-dataset {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 20px;
    min-height: 100px
}

@media(max-width:991px) {
    .quickorder-search-box .tt-dataset {
        display: block
    }
}

.quickorder-search-box .tt-suggestions-header {
    grid-column: 1/3;
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid #e31e24;
    font-weight: bold
}

.quickorder-search-box .tt-menu .tt-menu {
    padding-bottom: 20px
}

.quickorder-search-box .tt-menu .tt-cursor {
    background-color: #efefef
}

.quickorder-search-box .tt-menu .sugesstion-item a {
    padding: 0 20px
}

    .quickorder-search-box .tt-menu .sugesstion-item a h4 {
        color: #000 !important;
        font-weight: bold;
        font-size: 14px
    }

    .quickorder-search-box .tt-menu .sugesstion-item a .search-detail-label {
        color: #000;
        font-size: 12px
    }

#quickorder-search-qty-container {
    position: absolute;
    padding: 0
}

    #quickorder-search-qty-container > .component-content > .row {
        display: flex;
        flex-flow: row
    }

        #quickorder-search-qty-container > .component-content > .row > div.component.content {
            flex: 20%
        }

        #quickorder-search-qty-container > .component-content > .row .quickorder-global-qty {
            font-size: 13px;
            padding: 8px 2%;
            clear: both;
            height: auto
        }

        #quickorder-search-qty-container > .component-content > .row div#mb-quickorder-search-wrapper {
            flex: 80%;
            display: flex;
            height: 100%;
            width: 100%;
            position: relative;
            padding-right: 10px;
            box-sizing: border-box
        }

            #quickorder-search-qty-container > .component-content > .row div#mb-quickorder-search-wrapper > .component-content {
                width: 100%;
                position: relative;
                top: 21px
            }

            #quickorder-search-qty-container > .component-content > .row div#mb-quickorder-search-wrapper span.twitter-typeahead {
                margin: 0 !important;
                width: 100% !important;
                flex-grow: 0 !important;
                top: 0;
                right: 0 !important
            }

.search-results-container {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
    max-width: calc(100% - (2*var(--bs-gutter-x,.75rem)))
}

@media(min-width:576px) {
    .search-results-container {
        max-width: 540px
    }
}

@media(min-width:768px) {
    .search-results-container {
        max-width: 720px
    }
}

@media(min-width:992px) {
    .search-results-container {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    .search-results-container {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    .search-results-container {
        max-width: 1320px
    }
}

.search-results-container .search-query-title {
    margin-bottom: 20px
}

@media(max-width:575px) {
    .search-results-container .tabs-heading {
        gap: 2px !important;
        flex-flow: column !important
    }
}

.search-results-container .tabs-heading li {
    flex-basis: min-content
}

    .search-results-container .tabs-heading li .field-heading {
        display: flex;
        flex-flow: column
    }

@media(max-width:575px) {
    .search-results-container .tabs-heading li .field-heading {
        flex-flow: row;
        justify-content: space-between
    }
}

.search-results-container .tabs-heading li:first-child:nth-last-child(2) {
    border-color: inherit !important;
    width: inherit !important;
    margin-top: inherit !important;
    border-bottom: inherit !important
}

@media(max-width:575px) {
    .search-results-container .tabs-heading .active {
        border: 1px solid #000 !important
    }
}

.search-results-container .tabs-container {
    padding-top: 1% !important
}

.search-results-container legend {
    font-size: 1.2rem;
    margin-bottom: 1%
}

.search-results-container .badge {
    background-color: #fff;
    color: #1c1c1c;
    margin-left: 5px
}

.page-selector-item-link {
    background-color: #1c1c1c !important;
    color: #fff !important;
    border: 1px solid #1c1c1c !important;
    border-radius: 30px
}

    .page-selector-item-link a {
        padding: 10px
    }

    .page-selector-item-link:hover {
        background-color: #e31e24 !important;
        border: 1px solid #e31e24 !important;
        color: #fff !important
    }

    .page-selector-item-link.active {
        background-color: #e31e24 !important;
        border: 1px solid #e31e24 !important;
        color: #fff !important
    }

.page-selector-list {
    margin: 10px 0
}

.page-selector-item-first {
    color: #505050;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 700
}

    .page-selector-item-first:hover {
        color: #1c1c1c;
        text-decoration: underline
    }

.page-selector-item-previous {
    color: #505050;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 700
}

    .page-selector-item-previous:hover {
        color: #e31e24;
        text-decoration: underline
    }

.page-selector-item-last {
    color: #505050;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 700
}

    .page-selector-item-last:hover {
        color: #1c1c1c;
        text-decoration: underline
    }

.page-selector-item-next {
    color: #505050;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 700
}

    .page-selector-item-next:hover {
        color: #e31e24;
        text-decoration: underline
    }

.page-selector-list .inactive {
    text-decoration: none !important;
    color: inherit !important
}

.search-query-title h1 {
    color: #1c1c1c;
    text-transform: uppercase;
    font-size: 2rem
}

.search-item-card {
    padding: 2rem 3rem;
    margin-bottom: 1.5em;
    border-radius: 3px;
    border: 1px solid #ccc
}

    .search-item-card:hover {
        box-shadow: 0 0 7px 3px rgba(0,0,0,.06)
    }

    .search-item-card h4 {
        font-size: 1.2rem;
        margin-bottom: .8em;
        line-height: 1.6em
    }

    .search-item-card a:hover {
        color: #1c1c1c
    }

    .search-item-card p {
        font-size: 1.2rem;
        margin-bottom: .8em
    }

.ordercloud-search-box {
    position: initial !important
}

    .ordercloud-search-box .component-content {
        justify-content: center !important
    }

    .ordercloud-search-box input.search-box-input {
        display: none !important
    }

        .ordercloud-search-box input.search-box-input.tt-input, .ordercloud-search-box input.search-box-input.tt-hint {
            display: block !important
        }

    .ordercloud-search-box .tt-menu.tt-open {
        height: -webkit-max-content !important;
        height: max-content !important;
        top: 70px !important;
        box-shadow: 0 15px 8px -10px #00000036
    }

    .ordercloud-search-box .tt-suggestions-header {
        grid-column: 1/3;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 2px solid #e31e24;
        font-weight: bold
    }

@media(max-width:1200px) {
    .ordercloud-search-box .tt-suggestions-header {
        grid-column: 1/2
    }
}

@media(max-width:767px) {
    .ordercloud-search-box .tt-suggestions-header {
        grid-column: 1/1
    }
}

.ordercloud-search-box span.twitter-typeahead {
    position: absolute !important;
    width: 0;
    right: 70px;
    transition: all .3s linear;
    display: flex !important;
    height: 100%
}

    .ordercloud-search-box span.twitter-typeahead input {
        box-shadow: none;
        border: 0;
        margin: 0
    }

        .ordercloud-search-box span.twitter-typeahead input.tt-hint {
            background: transparent !important
        }

        .ordercloud-search-box span.twitter-typeahead input.tt-input {
            background-color: #fff !important
        }

    .ordercloud-search-box span.twitter-typeahead.open {
        width: 100%;
        display: flex !important;
        transition: all .3s linear
    }

        .ordercloud-search-box span.twitter-typeahead.open input {
            position: absolute;
            width: 100%;
            right: 0;
            box-shadow: inset 0 1px 5px rgba(0,0,0,.1);
            color: #747474;
            background: transparent !important;
            border: 1px solid #d2d2d2;
            padding: 10px 20px
        }

            .ordercloud-search-box span.twitter-typeahead.open input.tt-input {
                background-color: #fff !important
            }

    .ordercloud-search-box span.twitter-typeahead .tt-dataset {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        padding: 20px;
        min-height: 100px
    }

@media(max-width:1200px) {
    .ordercloud-search-box span.twitter-typeahead .tt-dataset {
        grid-template-columns: repeat(2,1fr)
    }
}

@media(max-width:767px) {
    .ordercloud-search-box span.twitter-typeahead .tt-dataset {
        grid-template-columns: repeat(1,1fr)
    }
}

.ordercloud-search-box span.twitter-typeahead .tt-suggestion {
    border: 2px solid #fff !important
}

    .ordercloud-search-box span.twitter-typeahead .tt-suggestion a {
        display: flex;
        gap: 0 10px
    }

        .ordercloud-search-box span.twitter-typeahead .tt-suggestion a:hover span {
            color: #e31e24
        }

    .ordercloud-search-box span.twitter-typeahead .tt-suggestion.tt-cursor {
        color: inherit;
        background-color: inherit;
        border-bottom: 2px solid #e31e24 !important
    }

    .ordercloud-search-box span.twitter-typeahead .tt-suggestion img {
        margin: 0 auto;
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        object-fit: contain;
        max-width: 80px;
        height: auto !important;
        grid-area: img
    }

    .ordercloud-search-box span.twitter-typeahead .tt-suggestion .search-item-card-title {
        display: flex;
        justify-content: flex-end;
        flex-flow: column;
        color: #1c1c1c;
        font-size: 1.4rem
    }

    .ordercloud-search-box span.twitter-typeahead .tt-suggestion .search-detail-label {
        font-size: 1.2rem;
        color: #1c1c1c
    }

    .ordercloud-search-box span.twitter-typeahead .tt-suggestion .oc-product-model-number {
        font-size: 1.2rem
    }

.ordercloud-search-box .search-box-button {
    display: grid !important;
    justify-content: center;
    grid-template-rows: 100% 0;
    align-items: center;
    color: #fff;
    border: 0
}

    .ordercloud-search-box .search-box-button::before {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "";
        color: #000 !important;
        font-size: 1.8rem !important
    }

    .ordercloud-search-box .search-box-button:hover {
        background-color: transparent !important
    }

.oc-product-search-results, .oc-cref-search-results {
    padding-top: 50px;
    padding-bottom: 50px
}

    .oc-product-search-results > .oc-product-list-page, .oc-product-search-results > .oc-cref-list-page, .oc-cref-search-results > .oc-product-list-page, .oc-cref-search-results > .oc-cref-list-page {
        display: flex;
        gap: 20px;
        justify-content: space-between
    }

@media(max-width:767px) {
    .oc-product-search-results > .oc-product-list-page, .oc-product-search-results > .oc-cref-list-page, .oc-cref-search-results > .oc-product-list-page, .oc-cref-search-results > .oc-cref-list-page {
        flex-flow: column
    }
}

.oc-product-search-results > .oc-product-list-page .page-size, .oc-product-search-results > .oc-cref-list-page .page-size, .oc-cref-search-results > .oc-product-list-page .page-size, .oc-cref-search-results > .oc-cref-list-page .page-size {
    grid-area: pg-size
}

    .oc-product-search-results > .oc-product-list-page .page-size .facet-title, .oc-product-search-results > .oc-cref-list-page .page-size .facet-title, .oc-cref-search-results > .oc-product-list-page .page-size .facet-title, .oc-cref-search-results > .oc-cref-list-page .page-size .facet-title {
        display: flex;
        flex-flow: row;
        justify-content: flex-end;
        align-items: center
    }

.oc-product-search-results > .oc-product-list-page .search-results-count, .oc-product-search-results > .oc-cref-list-page .search-results-count, .oc-cref-search-results > .oc-product-list-page .search-results-count, .oc-cref-search-results > .oc-cref-list-page .search-results-count {
    grid-area: pg-count
}

.oc-product-search-results > .oc-product-list-page .variant-selector, .oc-product-search-results > .oc-cref-list-page .variant-selector, .oc-cref-search-results > .oc-product-list-page .variant-selector, .oc-cref-search-results > .oc-cref-list-page .variant-selector {
    grid-area: pg-variant;
    margin: 0
}

    .oc-product-search-results > .oc-product-list-page .variant-selector .active-variant, .oc-product-search-results > .oc-cref-list-page .variant-selector .active-variant, .oc-cref-search-results > .oc-product-list-page .variant-selector .active-variant, .oc-cref-search-results > .oc-cref-list-page .variant-selector .active-variant {
        color: #e31e24
    }

    .oc-product-search-results > .oc-product-list-page .variant-selector .ordercloud-results:before, .oc-product-search-results > .oc-cref-list-page .variant-selector .ordercloud-results:before, .oc-cref-search-results > .oc-product-list-page .variant-selector .ordercloud-results:before, .oc-cref-search-results > .oc-cref-list-page .variant-selector .ordercloud-results:before {
        content: ""
    }

    .oc-product-search-results > .oc-product-list-page .variant-selector .ordercloud-results-grid:before, .oc-product-search-results > .oc-cref-list-page .variant-selector .ordercloud-results-grid:before, .oc-cref-search-results > .oc-product-list-page .variant-selector .ordercloud-results-grid:before, .oc-cref-search-results > .oc-cref-list-page .variant-selector .ordercloud-results-grid:before {
        content: ""
    }

    .oc-product-search-results > .oc-product-list-page .variant-selector.active-variant, .oc-product-search-results > .oc-cref-list-page .variant-selector.active-variant, .oc-cref-search-results > .oc-product-list-page .variant-selector.active-variant, .oc-cref-search-results > .oc-cref-list-page .variant-selector.active-variant {
        color: #e31e24
    }

.oc-product-search-results > .oc-product-list-page .page-selector, .oc-product-search-results > .oc-cref-list-page .page-selector, .oc-cref-search-results > .oc-product-list-page .page-selector, .oc-cref-search-results > .oc-cref-list-page .page-selector {
    grid-area: pg-selector;
    padding: 10px 0
}

    .oc-product-search-results > .oc-product-list-page .page-selector:last-child, .oc-product-search-results > .oc-cref-list-page .page-selector:last-child, .oc-cref-search-results > .oc-product-list-page .page-selector:last-child, .oc-cref-search-results > .oc-cref-list-page .page-selector:last-child {
        grid-area: pg-selector-last
    }

.oc-product-search-results > .oc-product-list-page .oc-facet-filter-wrapper, .oc-product-search-results > .oc-cref-list-page .oc-facet-filter-wrapper, .oc-cref-search-results > .oc-product-list-page .oc-facet-filter-wrapper, .oc-cref-search-results > .oc-cref-list-page .oc-facet-filter-wrapper {
    min-width: 25%
}

.oc-product-search-results > .oc-product-list-page .oc-product-results-wrapper, .oc-product-search-results > .oc-product-list-page .oc-cref-results-wrapper, .oc-product-search-results > .oc-cref-list-page .oc-product-results-wrapper, .oc-product-search-results > .oc-cref-list-page .oc-cref-results-wrapper, .oc-cref-search-results > .oc-product-list-page .oc-product-results-wrapper, .oc-cref-search-results > .oc-product-list-page .oc-cref-results-wrapper, .oc-cref-search-results > .oc-cref-list-page .oc-product-results-wrapper, .oc-cref-search-results > .oc-cref-list-page .oc-cref-results-wrapper {
    flex: 1;
    position: relative
}

    .oc-product-search-results > .oc-product-list-page .oc-product-results-wrapper select#ocProductListPageLength, .oc-product-search-results > .oc-product-list-page .oc-cref-results-wrapper select#ocProductListPageLength, .oc-product-search-results > .oc-cref-list-page .oc-product-results-wrapper select#ocProductListPageLength, .oc-product-search-results > .oc-cref-list-page .oc-cref-results-wrapper select#ocProductListPageLength, .oc-cref-search-results > .oc-product-list-page .oc-product-results-wrapper select#ocProductListPageLength, .oc-cref-search-results > .oc-product-list-page .oc-cref-results-wrapper select#ocProductListPageLength, .oc-cref-search-results > .oc-cref-list-page .oc-product-results-wrapper select#ocProductListPageLength, .oc-cref-search-results > .oc-cref-list-page .oc-cref-results-wrapper select#ocProductListPageLength {
        width: 60px;
        position: absolute;
        right: 0;
        top: -35px;
        font-size: 14px
    }

.oc-product-search-results > .oc-product-list-page #oc-product-list, .oc-product-search-results > .oc-product-list-page #oc-cref-list, .oc-product-search-results > .oc-cref-list-page #oc-product-list, .oc-product-search-results > .oc-cref-list-page #oc-cref-list, .oc-cref-search-results > .oc-product-list-page #oc-product-list, .oc-cref-search-results > .oc-product-list-page #oc-cref-list, .oc-cref-search-results > .oc-cref-list-page #oc-product-list, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list {
    grid-area: results
}

    .oc-product-search-results > .oc-product-list-page #oc-product-list > ul, .oc-product-search-results > .oc-product-list-page #oc-cref-list > ul, .oc-product-search-results > .oc-cref-list-page #oc-product-list > ul, .oc-product-search-results > .oc-cref-list-page #oc-cref-list > ul, .oc-cref-search-results > .oc-product-list-page #oc-product-list > ul, .oc-cref-search-results > .oc-product-list-page #oc-cref-list > ul, .oc-cref-search-results > .oc-cref-list-page #oc-product-list > ul, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list > ul {
        padding: 0 0 15px;
        display: grid;
        gap: 10px
    }

        .oc-product-search-results > .oc-product-list-page #oc-product-list > ul li, .oc-product-search-results > .oc-product-list-page #oc-cref-list > ul li, .oc-product-search-results > .oc-cref-list-page #oc-product-list > ul li, .oc-product-search-results > .oc-cref-list-page #oc-cref-list > ul li, .oc-cref-search-results > .oc-product-list-page #oc-product-list > ul li, .oc-cref-search-results > .oc-product-list-page #oc-cref-list > ul li, .oc-cref-search-results > .oc-cref-list-page #oc-product-list > ul li, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list > ul li {
            margin-left: 0 !important;
            list-style: none
        }

    .oc-product-search-results > .oc-product-list-page #oc-product-list a, .oc-product-search-results > .oc-product-list-page #oc-cref-list a, .oc-product-search-results > .oc-cref-list-page #oc-product-list a, .oc-product-search-results > .oc-cref-list-page #oc-cref-list a, .oc-cref-search-results > .oc-product-list-page #oc-product-list a, .oc-cref-search-results > .oc-product-list-page #oc-cref-list a, .oc-cref-search-results > .oc-cref-list-page #oc-product-list a, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list a {
        color: #000 !important;
        text-decoration: none !important
    }

        .oc-product-search-results > .oc-product-list-page #oc-product-list a:hover, .oc-product-search-results > .oc-product-list-page #oc-cref-list a:hover, .oc-product-search-results > .oc-cref-list-page #oc-product-list a:hover, .oc-product-search-results > .oc-cref-list-page #oc-cref-list a:hover, .oc-cref-search-results > .oc-product-list-page #oc-product-list a:hover, .oc-cref-search-results > .oc-product-list-page #oc-cref-list a:hover, .oc-cref-search-results > .oc-cref-list-page #oc-product-list a:hover, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list a:hover {
            color: #000 !important;
            text-decoration: none !important
        }

    .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card {
        display: grid;
        grid-template-areas: "img title title" "img . .";
        grid-template-columns: 150px 1fr .5fr;
        gap: 0 20px;
        margin: 0
    }

@media(max-width:991px) {
    .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card {
        grid-template-columns: 100px 1fr .5fr
    }
}

.oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card img, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card img, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card img, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card img, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card img, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card img, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card img, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card img, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card img, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card img, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card img, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card img, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card img, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card img, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card img, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card img {
    grid-area: img;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    object-fit: contain;
    max-width: 100%;
    height: auto !important
}

@media(max-width:560px) {
    .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card img, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card img, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card img, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card img, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card img, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card img, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card img, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card img, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card img, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card img, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card img, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card img, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card img, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card img, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card img, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card img {
        display: none
    }
}

.oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details {
    display: flex;
    flex-flow: column;
    grid-column: 2/4;
    flex-wrap: wrap;
    align-content: space-between;
    -webkit-column-gap: 20px;
    column-gap: 20px
}

    .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details > div, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details > div, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details > div, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details > div, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details > div, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details > div, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details > div, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details > div, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details > div, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details > div, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details > div, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details > div, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details > div, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details > div, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details > div, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details > div {
        display: flex;
        flex-flow: row;
        align-items: baseline;
        justify-content: space-between;
        gap: 0 10px;
        width: 100%
    }

        .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details > div strong, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details > div strong, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details > div strong, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details > div strong, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details > div strong, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details > div strong, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details > div strong, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details > div strong, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details > div strong, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details > div strong, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details > div strong, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details > div strong, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details > div strong, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details > div strong, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details > div strong, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details > div strong {
            text-wrap: nowrap
        }

        .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details > div span, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details > div span, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details > div span, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details > div span, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details > div span, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details > div span, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details > div span, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details > div span, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details > div span, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details > div span, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details > div span, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details > div span, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details > div span, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details > div span, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details > div span, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details > div span {
            text-align: right
        }

@media(max-width:991px) {
    .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details {
        max-height: none !important;
        width: 100%
    }

        .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details > div, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details > div, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details > div, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details > div, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details > div, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details > div, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details > div, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details > div, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details > div, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details > div, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details > div, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details > div, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details > div, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details > div, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details > div, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details > div {
            width: 100%
        }
}

@media(max-width:560px) {
    .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .search-list-product-details, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .search-list-product-details {
        grid-column: unset
    }
}

.oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card strong, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card strong, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card strong, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card strong, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card strong, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card strong, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card strong, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card strong, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card strong, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card strong, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card strong, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card strong, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card strong, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card strong, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card strong, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card strong {
    font-weight: bold
}

.oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .oc-product-description, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .oc-product-description, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .oc-product-description, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .oc-product-description, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .oc-product-description, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .oc-product-description, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .oc-product-description, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .oc-product-description, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .oc-product-description, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .oc-product-description, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .oc-product-description, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .oc-product-description, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .oc-product-description, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .oc-product-description, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .oc-product-description, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .oc-product-description {
    font-size: 1.8rem;
    grid-area: title;
    margin: 0
}

.oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .view-button, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .view-button, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .view-button, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .view-button, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .view-button, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .view-button, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .view-button, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .view-button, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card .view-button, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card .view-button, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card .view-button, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card .view-button, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card .view-button, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card .view-button, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card .view-button, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card .view-button {
    grid-area: btn;
    display: flex;
    justify-content: flex-end
}

@media(max-width:767px) {
    .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card {
        grid-template-areas: 'img title ' 'img . ' 'img .' 'img .' 'img .';
        grid-template-columns: 100px 1fr
    }

        .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card > div, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card > div, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card > div, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card > div, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card > div, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card > div, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card > div, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card > div, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card > div, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card > div, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card > div, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card > div, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card > div, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card > div, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card > div, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card > div {
            align-items: baseline;
            justify-content: space-between
        }

            .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card > div strong, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card > div strong, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card > div strong, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card > div strong, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card > div strong, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card > div strong, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card > div strong, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card > div strong, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card > div strong, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card > div strong, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card > div strong, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card > div strong, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card > div strong, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card > div strong, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card > div strong, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card > div strong {
                white-space: nowrap
            }

            .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card > div span, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card > div span, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card > div span, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card > div span, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card > div span, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card > div span, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card > div span, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card > div span, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card > div span, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card > div span, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card > div span, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card > div span, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card > div span, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card > div span, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card > div span, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card > div span {
                text-align: right
            }
}

@media(max-width:560px) {
    .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card, .oc-product-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card, .oc-product-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card, .oc-product-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card, .oc-product-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-product.search-item-card, .oc-cref-search-results > .oc-product-list-page #oc-product-list .oc-cref.search-item-card, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-product.search-item-card, .oc-cref-search-results > .oc-product-list-page #oc-cref-list .oc-cref.search-item-card, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-product.search-item-card, .oc-cref-search-results > .oc-cref-list-page #oc-product-list .oc-cref.search-item-card, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-product.search-item-card, .oc-cref-search-results > .oc-cref-list-page #oc-cref-list .oc-cref.search-item-card {
        grid-template-areas: 'title ' '. ' '. ' '. ' '. ';
        grid-template-columns: 100%
    }
}

.oc-product-search-results > .oc-product-list-page .ordercloud-results-grid ul, .oc-product-search-results > .oc-cref-list-page .ordercloud-results-grid ul, .oc-cref-search-results > .oc-product-list-page .ordercloud-results-grid ul, .oc-cref-search-results > .oc-cref-list-page .ordercloud-results-grid ul {
    grid-template-columns: repeat(3,1fr);
    gap: 10px
}

@media(max-width:1200px) {
    .oc-product-search-results > .oc-product-list-page .ordercloud-results-grid ul, .oc-product-search-results > .oc-cref-list-page .ordercloud-results-grid ul, .oc-cref-search-results > .oc-product-list-page .ordercloud-results-grid ul, .oc-cref-search-results > .oc-cref-list-page .ordercloud-results-grid ul {
        grid-template-columns: repeat(2,1fr)
    }
}

@media(max-width:560px) {
    .oc-product-search-results > .oc-product-list-page .ordercloud-results-grid ul, .oc-product-search-results > .oc-cref-list-page .ordercloud-results-grid ul, .oc-cref-search-results > .oc-product-list-page .ordercloud-results-grid ul, .oc-cref-search-results > .oc-cref-list-page .ordercloud-results-grid ul {
        grid-template-columns: repeat(1,1fr)
    }
}

.oc-product-search-results > .oc-product-list-page .ordercloud-results-grid .oc-product.search-item-card, .oc-product-search-results > .oc-cref-list-page .ordercloud-results-grid .oc-product.search-item-card, .oc-cref-search-results > .oc-product-list-page .ordercloud-results-grid .oc-product.search-item-card, .oc-cref-search-results > .oc-cref-list-page .ordercloud-results-grid .oc-product.search-item-card {
    grid-template-areas: 'title title' 'img .' 'img .' 'img .' 'img .' 'img .';
    grid-template-columns: 100px 1fr;
    margin: 0;
    height: 100%
}

@media(max-width:991px) {
    .oc-product-search-results > .oc-product-list-page .ordercloud-results-grid .oc-product.search-item-card, .oc-product-search-results > .oc-cref-list-page .ordercloud-results-grid .oc-product.search-item-card, .oc-cref-search-results > .oc-product-list-page .ordercloud-results-grid .oc-product.search-item-card, .oc-cref-search-results > .oc-cref-list-page .ordercloud-results-grid .oc-product.search-item-card {
        grid-template-areas: 'title' 'img' '.' '.' '.' '.';
        grid-template-columns: 100%
    }

        .oc-product-search-results > .oc-product-list-page .ordercloud-results-grid .oc-product.search-item-card > div, .oc-product-search-results > .oc-cref-list-page .ordercloud-results-grid .oc-product.search-item-card > div, .oc-cref-search-results > .oc-product-list-page .ordercloud-results-grid .oc-product.search-item-card > div, .oc-cref-search-results > .oc-cref-list-page .ordercloud-results-grid .oc-product.search-item-card > div {
            display: flex
        }
}

.oc-product-search-results > .oc-product-list-page .ordercloud-results-grid .oc-product.search-item-card .oc-product-description, .oc-product-search-results > .oc-cref-list-page .ordercloud-results-grid .oc-product.search-item-card .oc-product-description, .oc-cref-search-results > .oc-product-list-page .ordercloud-results-grid .oc-product.search-item-card .oc-product-description, .oc-cref-search-results > .oc-cref-list-page .ordercloud-results-grid .oc-product.search-item-card .oc-product-description {
    text-align: center;
    margin-bottom: 1rem;
    padding-block: 1rem;
    border-bottom: 2px solid #e31e24
}

.oc-product-search-results > .oc-product-list-page .ordercloud-results-grid .oc-product.search-item-card img, .oc-product-search-results > .oc-cref-list-page .ordercloud-results-grid .oc-product.search-item-card img, .oc-cref-search-results > .oc-product-list-page .ordercloud-results-grid .oc-product.search-item-card img, .oc-cref-search-results > .oc-cref-list-page .ordercloud-results-grid .oc-product.search-item-card img {
    max-height: 150px;
    margin: 0 auto
}

.oc-product-search-results > .oc-product-list-page .ordercloud-results-grid .oc-product.search-item-card > div, .oc-product-search-results > .oc-cref-list-page .ordercloud-results-grid .oc-product.search-item-card > div, .oc-cref-search-results > .oc-product-list-page .ordercloud-results-grid .oc-product.search-item-card > div, .oc-cref-search-results > .oc-cref-list-page .ordercloud-results-grid .oc-product.search-item-card > div {
    align-items: baseline;
    justify-content: space-between
}

    .oc-product-search-results > .oc-product-list-page .ordercloud-results-grid .oc-product.search-item-card > div strong, .oc-product-search-results > .oc-cref-list-page .ordercloud-results-grid .oc-product.search-item-card > div strong, .oc-cref-search-results > .oc-product-list-page .ordercloud-results-grid .oc-product.search-item-card > div strong, .oc-cref-search-results > .oc-cref-list-page .ordercloud-results-grid .oc-product.search-item-card > div strong {
        white-space: nowrap
    }

    .oc-product-search-results > .oc-product-list-page .ordercloud-results-grid .oc-product.search-item-card > div span, .oc-product-search-results > .oc-cref-list-page .ordercloud-results-grid .oc-product.search-item-card > div span, .oc-cref-search-results > .oc-product-list-page .ordercloud-results-grid .oc-product.search-item-card > div span, .oc-cref-search-results > .oc-cref-list-page .ordercloud-results-grid .oc-product.search-item-card > div span {
        text-align: right
    }

.oc-product-pagination ul {
    display: flex;
    gap: 5px;
    justify-content: center
}

    .oc-product-pagination ul li {
        list-style: none;
        margin: 0
    }

        .oc-product-pagination ul li a {
            text-decoration: none !important;
            border: 1px solid !important;
            height: 30px;
            width: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            color: #000;
            font-weight: bold
        }

            .oc-product-pagination ul li a:hover {
                background-color: #000;
                border-color: #000;
                color: #fff
            }

        .oc-product-pagination ul li.active-page a {
            color: #fff;
            background-color: #e31e24;
            border-color: #e31e24
        }

.oc-facet-filter-wrapper .facet-filter-section-title {
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
    position: relative;
    display: block;
    text-decoration: none
}

    .oc-facet-filter-wrapper .facet-filter-section-title h3:after {
        content: "";
        position: absolute;
        right: 20px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 24px;
        height: 19px;
        top: 25%;
        display: flex;
        align-items: center;
        transition: all .3s linear
    }

    .oc-facet-filter-wrapper .facet-filter-section-title h3.open:after {
        transition: all .3s linear;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.oc-facet-filter-wrapper .oc-filters-list {
    transition: all .3s linear;
    height: 0;
    overflow: hidden
}

    .oc-facet-filter-wrapper .oc-filters-list.open {
        max-height: 15000px;
        height: 100%;
        transition: all .3s linear
    }

.oc-facet-filter-wrapper .oc-product-facet {
    padding: 5px 10px;
    border-bottom: 1px solid #dbdbdb
}

    .oc-facet-filter-wrapper .oc-product-facet .facet-section-title {
        position: relative;
        color: #000;
        text-decoration: none
    }

        .oc-facet-filter-wrapper .oc-product-facet .facet-section-title:after {
            content: "";
            position: absolute;
            right: 20px;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 24px;
            height: 19px;
            top: 0;
            display: flex;
            align-items: center;
            transition: all .3s linear
        }

        .oc-facet-filter-wrapper .oc-product-facet .facet-section-title.open:after {
            transition: all .3s linear;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .oc-facet-filter-wrapper .oc-product-facet .facet-options-wrapper {
        height: 0;
        overflow: hidden
    }

        .oc-facet-filter-wrapper .oc-product-facet .facet-options-wrapper.open {
            max-height: 15000px;
            transition: all .3s linear;
            height: 100%
        }

    .oc-facet-filter-wrapper .oc-product-facet:last-child {
        border-bottom: 0
    }

    .oc-facet-filter-wrapper .oc-product-facet strong {
        font-weight: bold;
        margin: 5px 0;
        display: block
    }

    .oc-facet-filter-wrapper .oc-product-facet label {
        display: flex;
        gap: 5px
    }

        .oc-facet-filter-wrapper .oc-product-facet label .filtered-results-count {
            color: #a1a1a1
        }

.oc-facet-filter-wrapper .apply-filters-btn {
    display: block;
    width: 100%
}

.oc-product-list-page:after {
    display: none !important
}

.oc-no-results-message {
    text-align: center;
    padding: 10px;
    background-color: #efbbbb;
    border-radius: 5px;
    margin: 10px 0
}

.sugesstion-item {
    display: flex;
    flex-flow: column
}

    .sugesstion-item .oc-no-results-message {
        width: calc(100% - 40px);
        position: absolute;
        left: 20px;
        min-height: calc(100% - 40px) !important;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column
    }

        .sugesstion-item .oc-no-results-message.try-cref {
            background-color: #e0e0e0
        }

@media(max-width:991px) {
    #mobile-search-container .search-box .component-content > button {
        display: none !important
    }

    #mobile-search-container .search-box .component-content > .twitter-typeahead {
        margin: 0;
        position: initial !important;
        right: 0;
        width: 100%;
        display: block !important
    }

    #oc-search-results-wrapper {
        max-width: 100%
    }
}

.cross-ref-toggle {
    display: flex;
    left: -82px;
    position: absolute;
    top: 2px;
    gap: 5px;
    width: 0;
    height: 27px !important
}

    .cross-ref-toggle > div {
        display: none
    }

        .cross-ref-toggle > div > label {
            color: #fff;
            position: relative;
            padding: 3px 7px 7px;
            background-color: #a3a3a3;
            color: #fff;
            text-decoration: none;
            border: 2px solid #939393;
            font-weight: bold;
            height: 27px !important;
            border-bottom: 0
        }

        .cross-ref-toggle > div input[type="radio"] {
            visibility: hidden;
            width: 0
        }

            .cross-ref-toggle > div input[type="radio"]:checked + label {
                background-color: #303030;
                border-color: #303030
            }

    .cross-ref-toggle.toggle-cross-ref {
        width: 100%;
        transition: all linear .6s
    }

        .cross-ref-toggle.toggle-cross-ref > * {
            display: block
        }

#mobile-search-container .cross-ref-toggle {
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    height: 30px !important
}

    #mobile-search-container .cross-ref-toggle > div {
        flex: 1;
        width: 100%
    }

        #mobile-search-container .cross-ref-toggle > div label {
            width: 100%;
            text-align: center;
            height: 30px !important
        }

div#mb-product-search-wrapper-mobile, #cross-ref-search-wrapper-mobile {
    margin-top: 5px
}

div#cross-ref-search-wrapper, #cross-ref-search-wrapper-mobile {
    display: none
}

.cref-search-term-wrapper {
    display: flex;
    gap: 3px;
    font-weight: bold;
    font-size: 1.4rem;
    color: #444
}

.oc-cref.search-item-card {
    border: 0;
    grid-template-areas: '. .' !important;
    grid-template-columns: 1fr 2fr !important;
    gap: 20px !important
}

    .oc-cref.search-item-card:hover {
        box-shadow: none !important
    }

@media(max-width:768px) {
    .oc-cref.search-item-card {
        display: flex !important;
        flex-flow: column
    }
}

.cref-heading .oc-cref.search-item-card {
    border: 0;
    grid-template-areas: '. .' !important;
    grid-template-columns: 1fr 2fr !important;
    gap: 20px !important;
    display: grid
}

    .cref-heading .oc-cref.search-item-card .cref-replacements {
        display: flex;
        gap: 30px;
        flex-flow: column
    }

        .cref-heading .oc-cref.search-item-card .cref-replacements > div {
            display: grid;
            grid-template-columns: 250px 1fr;
            gap: 20px !important
        }

@media(max-width:991px) {
    .cref-heading .oc-cref.search-item-card .replacement-notification {
        display: none
    }
}

.cref-heading * {
    font-weight: bold;
    font-size: 1.6rem
}

@media(max-width:769px) {
    .cref-heading {
        display: none
    }
}

#oc-cref-list ul li {
    background-color: #eee
}

    #oc-cref-list ul li:nth-child(even) {
        background-color: #fff
    }

    #oc-cref-list ul li .cref-replacements {
        display: flex;
        gap: 30px;
        flex-flow: column
    }

        #oc-cref-list ul li .cref-replacements > div {
            display: grid;
            grid-template-columns: 250px 1fr;
            gap: 20px !important
        }

@media(max-width:991px) {
    #oc-cref-list ul li .cref-replacements > div {
        display: flex;
        flex-flow: column
    }

        #oc-cref-list ul li .cref-replacements > div .cref-replacement-option {
            padding-left: 20px
        }
}

#oc-cref-list ul li .cref-rep-link {
    font-size: 1.6rem;
    font-weight: bold;
    color: #e31e24
}

#oc-cref-list ul li .cref-rep-no-link {
    font-size: 1.6rem;
    font-weight: bold;
    color: #555
}

#oc-cref-list ul li .cref-rep-brand {
    font-weight: bold
}

#oc-cref-list ul li .cref-rep-brand {
    font-weight: bold
}

#oc-cref-list ul li .cref-vendor {
    font-weight: bold;
    color: #555
}

#oc-cref-list ul li .cref-rep-exception, #oc-cref-list ul li .cref-rep-note {
    font-size: 1.2rem;
    color: #666
}

#oc-cref-list ul li .cref-direct-replacement .replacement-notification {
    color: #009b28 !important
}

#oc-cref-list ul li .cref-suitable-replacement .replacement-notification {
    color: #b57501 !important
}

#oc-cref-list ul li .replacement-notification.no-replacement-found {
    color: #a91818 !important
}

#oc-cref-list ul li .replacement-notification {
    font-weight: bold
}

    #oc-cref-list ul li .replacement-notification i {
        font-size: 1.8rem
    }

.session-timeout-dialog {
    text-align: center;
    font-size: 2rem;
    font-weight: bold
}

.session-timeout-modal-buttons {
    margin: 10px 0;
    display: flex;
    gap: 5px
}

    .session-timeout-modal-buttons a {
        margin: 0;
        flex: 1
    }

        .session-timeout-modal-buttons a.btn-logout {
            background-color: #000 !important
        }

            .session-timeout-modal-buttons a.btn-logout:hover {
                background-color: #291010
            }

.session-timeout-instructions {
    text-align: center;
    padding: 5px 0 20px;
    color: #434343
}

#home-videos-component .row, #home-videos-component .row .component-content {
    height: 100%
}

#home-videos-component .yt-thumbnail-link-wrapper {
    width: 100%
}

#home-videos-component .yt-thumbnail-link {
    display: flex;
    width: 100%;
    position: relative;
    flex-flow: column;
    height: 100%;
    text-decoration: none
}

@media(max-width:1200px) {
    #home-videos-component .yt-thumbnail-link {
        margin-bottom: 10px
    }
}

#home-videos-component .yt-thumbnail-link .yt-vid-thumbnail {
    display: block;
    height: auto;
    position: relative
}

    #home-videos-component .yt-thumbnail-link .yt-vid-thumbnail img {
        max-width: 100%;
        aspect-ratio: 16/9;
        object-fit: cover;
        object-position: 0 50%;
        display: block
    }

#home-videos-component .yt-thumbnail-link .yt-vid-thumbnail-play {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    font-size: 14rem;
    color: #fff;
    opacity: 1
}

#home-videos-component .yt-thumbnail-link .yt-vid-title {
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #fff;
    padding: 5px;
    height: 100%;
    display: flex;
    flex: auto 1 1;
    flex-flow: column;
    justify-content: center;
    box-shadow: #000 0 3px 10px -2px
}

@media(max-width:1200px) {
    #home-videos-component .yt-thumbnail-link .yt-vid-title {
        margin-bottom: 20px
    }
}

#home-videos-component .yt-thumbnail-link:hover .yt-vid-thumbnail-play {
    opacity: .5
}

.warehouse-availability .warehouse-availability-container, [class*="warehouse-availability-"] .warehouse-availability-container {
    display: grid;
    row-gap: 3px;
    align-items: center
}

    .warehouse-availability .warehouse-availability-container .warehouse-row, [class*="warehouse-availability-"] .warehouse-availability-container .warehouse-row {
        display: grid;
        grid-template-areas: '. . . .';
        grid-template-columns: 20px 2fr 1fr 1fr;
        -webkit-column-gap: 5px;
        column-gap: 5px
    }

        .warehouse-availability .warehouse-availability-container .warehouse-row .warehouse-disabled, [class*="warehouse-availability-"] .warehouse-availability-container .warehouse-row .warehouse-disabled {
            color: #808080
        }

        .warehouse-availability .warehouse-availability-container .warehouse-row:nth-child(2n), [class*="warehouse-availability-"] .warehouse-availability-container .warehouse-row:nth-child(2n) {
            background: #ececec
        }

        .warehouse-availability .warehouse-availability-container .warehouse-row > *:nth-child(3), [class*="warehouse-availability-"] .warehouse-availability-container .warehouse-row > *:nth-child(3) {
            text-align: center
        }

        .warehouse-availability .warehouse-availability-container .warehouse-row > *:nth-child(4), [class*="warehouse-availability-"] .warehouse-availability-container .warehouse-row > *:nth-child(4) {
            text-align: right
        }

        .warehouse-availability .warehouse-availability-container .warehouse-row:has(:checked), [class*="warehouse-availability-"].warehouse-availability-container .warehouse-row:has(:checked) {
            background-color: #04B431;
            color: white;
        }

    .warehouse-availability .warehouse-availability-container .warehouse-selector-heading, [class*="warehouse-availability-"] .warehouse-availability-container .warehouse-selector-heading {
        font-weight: bold;
        font-size: 1.4rem
    }

    .warehouse-availability .warehouse-availability-container > *, [class*="warehouse-availability-"] .warehouse-availability-container > * {
        padding: 2px 4px;
        height: 100%;
        display: flex;
        flex-flow: column;
        justify-content: center
    }

    .warehouse-availability .warehouse-availability-container input, [class*="warehouse-availability-"] .warehouse-availability-container input {
        padding: 0;
        height: 20px;
        width: 20px
    }

        .warehouse-availability .warehouse-availability-container input[type="radio"]:checked + *, .warehouse-availability .warehouse-availability-container input[type="radio"]:checked + * + *, .warehouse-availability .warehouse-availability-container input[type="radio"]:checked + * + * + *, [class*="warehouse-availability-"] .warehouse-availability-container input[type="radio"]:checked + *, [class*="warehouse-availability-"] .warehouse-availability-container input[type="radio"]:checked + * + *, [class*="warehouse-availability-"] .warehouse-availability-container input[type="radio"]:checked + * + * + * {
            font-weight: bold
        }

.warehouse-availability .warehouse-info-icon, [class*="warehouse-availability-"] .warehouse-info-icon {
    color: #000 !important
}

#warehouseModal .warehouse-details-modal-container {
    display: grid;
    flex-flow: column;
    gap: 10px
}

    #warehouseModal .warehouse-details-modal-container .warehouse-detail-item {
        display: grid;
        justify-content: space-between;
        grid-template-columns: 200px 1fr;
        gap: 10px
    }

@media(max-width:991px) {
    .warehouse-availability {
        min-height: 200px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    #pdp-ecommerce-details {
        margin-bottom: 20px
    }
}

.content #warehouseModal .modal-dialog {
    max-width: 50%
}

@media(max-width:991px) {
    .content #warehouseModal .modal-dialog {
        max-width: 80%
    }
}

.warranty-detail {
    padding: 2rem 0
}

    .warranty-detail .detail-group {
        padding: 8px
    }

        .warranty-detail .detail-group .header {
            color: #000;
            font-size: 1.4rem;
            font-weight: 700
        }

        .warranty-detail .detail-group a {
            text-decoration: none
        }

.warranty-search #nameplateAndSerialNumber-textArea {
    display: none
}

.warranty-search #mountingFace-textArea {
    display: none
}

.warranty-search #scrappedNameplate-textArea {
    display: none
}

.warranty-needs-attention i {
    color: #c16313
}

.warranty-list-table-wrapper .row.dt-row {
    margin-top: 1rem
}

.warranty-list-table-wrapper .dataTables_wrapper {
    margin-top: 2rem
}

.warranty-list-table-wrapper .warranty-table {
    width: 100% !important;
    display: table !important
}

    .warranty-list-table-wrapper .warranty-table tbody {
        display: table-row-group
    }

    .warranty-list-table-wrapper .warranty-table tr:nth-child(1) td {
        background-color: inherit !important;
        border: inherit !important;
        color: initial;
        text-align: inherit;
        font-size: inherit !important
    }

    .warranty-list-table-wrapper .warranty-table thead {
        background-color: #000;
        color: #fff !important
    }

        .warranty-list-table-wrapper .warranty-table thead th {
            padding: 10px 5px
        }

.warranty-list-table-wrapper table.dataTable thead > tr > th.sorting:before, .warranty-list-table-wrapper table.dataTable thead > tr > th.sorting_asc:before, .warranty-list-table-wrapper table.dataTable thead > tr > th.sorting_desc:before, .warranty-list-table-wrapper table.dataTable thead > tr > th.sorting_asc_disabled:before, .warranty-list-table-wrapper table.dataTable thead > tr > th.sorting_desc_disabled:before, .warranty-list-table-wrapper table.dataTable thead > tr > td.sorting:before, .warranty-list-table-wrapper table.dataTable thead > tr > td.sorting_asc:before, .warranty-list-table-wrapper table.dataTable thead > tr > td.sorting_desc:before, .warranty-list-table-wrapper table.dataTable thead > tr > td.sorting_asc_disabled:before, .warranty-list-table-wrapper table.dataTable thead > tr > td.sorting_desc_disabled:before {
    opacity: 1
}

.warranty-list-table-wrapper table.dataTable thead > tr > th.sorting:before, .warranty-list-table-wrapper table.dataTable thead > tr > th.sorting:after, .warranty-list-table-wrapper table.dataTable thead > tr > th.sorting_asc:before, .warranty-list-table-wrapper table.dataTable thead > tr > th.sorting_asc:after, .warranty-list-table-wrapper table.dataTable thead > tr > th.sorting_desc:before, .warranty-list-table-wrapper table.dataTable thead > tr > th.sorting_desc:after, .warranty-list-table-wrapper table.dataTable thead > tr > th.sorting_asc_disabled:before, .warranty-list-table-wrapper table.dataTable thead > tr > th.sorting_asc_disabled:after, .warranty-list-table-wrapper table.dataTable thead > tr > th.sorting_desc_disabled:before, .warranty-list-table-wrapper table.dataTable thead > tr > th.sorting_desc_disabled:after, .warranty-list-table-wrapper table.dataTable thead > tr > td.sorting:before, .warranty-list-table-wrapper table.dataTable thead > tr > td.sorting:after, .warranty-list-table-wrapper table.dataTable thead > tr > td.sorting_asc:before, .warranty-list-table-wrapper table.dataTable thead > tr > td.sorting_asc:after, .warranty-list-table-wrapper table.dataTable thead > tr > td.sorting_desc:before, .warranty-list-table-wrapper table.dataTable thead > tr > td.sorting_desc:after, .warranty-list-table-wrapper table.dataTable thead > tr > td.sorting_asc_disabled:before, .warranty-list-table-wrapper table.dataTable thead > tr > td.sorting_asc_disabled:after, .warranty-list-table-wrapper table.dataTable thead > tr > td.sorting_desc_disabled:before, .warranty-list-table-wrapper table.dataTable thead > tr > td.sorting_desc_disabled:after {
    opacity: 1
}

.warranty-list-table-wrapper .dataTables_paginate.paging_simple_numbers li {
    list-style: none !important
}

.warranty-list-table-wrapper .page-item.active .page-link {
    background-color: #e31e24;
    border-color: #e31e24
}

.warranty-list-table-wrapper .config-user-wrapper {
    text-align: right !important
}

div.search-results.locations-listing {
    counter-reset: locations
}

.search-results.locations-listing > ul > li {
    list-style: none
}

    .search-results.locations-listing > ul > li > div {
        position: relative;
        top: 0;
        left: 0
    }

        .search-results.locations-listing > ul > li > div::before {
            counter-increment: locations;
            content: counter(locations,upper-alpha);
            position: absolute;
            top: 5px;
            left: 10px;
            color: #fff
        }

        .search-results.locations-listing > ul > li > div::after {
            content: "";
            border-top: 25px solid #e31e24;
            border-left: 25px solid #e31e24;
            border-right: 25px solid transparent;
            border-bottom: 25px solid transparent;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1
        }

#distributor-locator-container {
    padding: 4em
}

    #distributor-locator-container > div > div > div > div.col-sm-12.col-md-12.col-lg-4 {
        padding-right: 1em;
        max-height: 80lvh;
        overflow-y: scroll
    }

@media(max-width:991px) {
    #distributor-locator-container > div > div > div > div.col-sm-12.col-md-12.col-lg-4 {
        overflow: visible !important;
        max-height: 100% !important
    }
}

#distributor-locator-container > div > div > div > div.col-sm-12.col-md-12.col-lg-8 {
    max-height: 80lvh
}

.no-results {
    background: #e31e24;
    color: #fff;
    font-size: 1.2rem;
    padding: 1.5em !important;
    border-radius: 3px
}

#distributor-locator-map {
    height: 80lvh !important;
    border: none
}

#distributor-locator-search .location-search-box-input {
    padding: 1em;
    border-radius: 2px !important;
    color: #303030
}

    #distributor-locator-search .location-search-box-input:focus {
        border: 1px solid #1c1c1c;
        border-radius: 2px !important
    }

#distributor-locator-search label {
    font-weight: 600;
    color: #e31e24
}

#distributor-locator-search .location-search-box-button {
    border: none;
    border-radius: 2px !important;
    background-color: #303030 !important;
    color: #fff;
    font-size: 1.2rem
}

    #distributor-locator-search .location-search-box-button:hover {
        background-color: #e31e24 !important
    }

#distributor-locator-container .facet-heading {
    background-color: #303030;
    padding: .8em;
    border: none;
    border-radius: 2px;
    margin-bottom: .8em
}

    #distributor-locator-container .facet-heading .facet-title {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .1rem
    }

    #distributor-locator-container .facet-heading span {
        display: none
    }

        #distributor-locator-container .facet-heading span.has-active-facet {
            display: block;
            background: #303030;
            color: #fff;
            font-size: 1.4rem;
            font-size: 2rem;
            margin-right: .6em
        }

            #distributor-locator-container .facet-heading span.has-active-facet:hover {
                background: #e31e24;
                color: #fff
            }

#distributor-locator-container .component.facet-aggregated {
    margin-bottom: 10px
}

    #distributor-locator-container .component.facet-aggregated .aggregated-container.collapsed .aggregated-header::before {
        -webkit-transform: translateY(-50%) rotate(0deg);
        transform: translateY(-50%) rotate(0deg)
    }

    #distributor-locator-container .component.facet-aggregated > .component-content > div > .facet-heading > .facet-title {
        text-align: right
    }

    #distributor-locator-container .component.facet-aggregated .component .facet-heading {
        background-color: unset;
        border-bottom: 2px solid #303030;
        padding-bottom: 0
    }

        #distributor-locator-container .component.facet-aggregated .component .facet-heading .facet-title {
            color: #303030;
            background-color: #fff;
            border: 2px solid #303030;
            border-bottom: 0;
            position: relative;
            top: 2px;
            padding: 10px 20px 5px 20px
        }

    #distributor-locator-container .component.facet-aggregated .aggregated-header {
        position: relative;
        margin-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

        #distributor-locator-container .component.facet-aggregated .aggregated-header::before {
            content: "";
            font-family: FontAwesome;
            position: absolute;
            top: 50%;
            left: 15px;
            color: #fff;
            font-weight: 700;
            font-size: 1.8rem;
            -webkit-transform: translateY(-50%) rotate(-180deg);
            transform: translateY(-50%) rotate(-180deg);
            transition: -webkit-transform .3s ease;
            transition: transform .3s ease;
            transition: transform .3s ease,-webkit-transform .3s ease
        }

    #distributor-locator-container .component.facet-aggregated .aggregated-body {
        border: 2px solid #303030;
        border-top: none;
        padding-top: 0;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        transition: height .3s ease;
        overflow: hidden
    }

        #distributor-locator-container .component.facet-aggregated .aggregated-body .component {
            margin: 5px
        }

#DropDownOptions:focus {
    border: 1px solid #1c1c1c
}

#distributor-locator-container .contentContainer > div > p {
    padding: 1em;
    margin-bottom: .4em
}

    #distributor-locator-container .contentContainer > div > p > label {
        color: #303030
    }

        #distributor-locator-container .contentContainer > div > p > label > span {
            color: #1c1c1c
        }

    #distributor-locator-container .contentContainer > div > p:hover {
        background: #ededed;
        border-radius: 3px;
        border: none
    }

    #distributor-locator-container .contentContainer > div > p.active-facet {
        background: #e31e24;
        border-radius: 3px;
        border: none
    }

    #distributor-locator-container .contentContainer > div > p.facet-value.active-facet label {
        color: #fff;
        font-weight: 500
    }

    #distributor-locator-container .contentContainer > div > p.facet-value.active-facet span {
        color: #fff;
        font-weight: 500
    }

    #distributor-locator-container .contentContainer > div > p.facet-value .facet-count {
        display: none
    }

    #distributor-locator-container .contentContainer > div > p.facet-value.active-facet > label {
        color: #fff;
        font-weight: 500
    }

        #distributor-locator-container .contentContainer > div > p.facet-value.active-facet > label > span {
            color: #fff
        }

    #distributor-locator-container .contentContainer > div > p.facet-value.active-facet > span {
        color: #fff;
        font-weight: 500
    }

#distributor-locator-container .contentContainer > div > div {
    color: #e31e24;
    padding-left: 1em
}

#distributor-locator-container .bottom-filter-button > input {
    border: none;
    background: #1c1c1c !important;
    padding: .8em 1.5em;
    color: #fff;
    text-transform: uppercase;
    border-radius: 2px !important
}

    #distributor-locator-container .bottom-filter-button > input:hover {
        background: #303030 !important
    }

#distributor-locator-container .page-size {
    margin-bottom: 1em
}

    #distributor-locator-container .page-size label {
        color: #1c1c1c;
        font-weight: 600
    }

#pageSizeDropDown:focus {
    border: 1px solid #303030;
    border-radius: 2px
}

#distributor-locator-results {
    height: 64vh
}

@media(max-width:991px) {
    #distributor-locator-results {
        height: 100% !important
    }
}

#distributor-locator-results .search-item-card {
    border: 1px solid #ccc;
    padding: 2.5em 3em
}

#distributor-locator-results .search-item-card-title {
    color: #1c1c1c;
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: .5em
}

.search-result-list {
    padding-top: 1em;
    padding-bottom: 1em
}

.details-box {
    margin-bottom: 1em
}

    .details-box > div::before {
        font-family: "FontAwesome";
        font-size: 1.4rem;
        color: #303030
    }

.search-item-card-body > div > span {
    font-weight: 600;
    color: #303030
}

.search-item-card-body > div::before {
    font-family: "FontAwesome";
    font-size: 1.4rem;
    color: #303030
}

.field-company-url {
    margin-bottom: .5em
}

    .field-company-url::before {
        content: "";
        margin-right: .9rem
    }

.field-phone {
    margin-bottom: .5em
}

    .field-phone::before {
        content: "ï‚•";
        margin-right: .9rem
    }

.field-fax {
    margin-bottom: .5em
}

    .field-fax::before {
        content: "";
        margin-right: .6rem
    }

.field-street::before {
    content: "";
    margin-right: .6rem;
    margin-left: .5rem
}

.field-city {
    margin-left: 1.6em
}

.details-toggle {
    border: none;
    background: #e31e24 !important;
    color: #fff;
    padding: .7em 1.5em;
    border-radius: 3px !important;
    margin-bottom: .8em;
    font-size: 1.2rem;
    display: inline-block;
    cursor: pointer
}

    .details-toggle:hover {
        background: #303030 !important
    }

    .details-toggle::before {
        content: 'Hide'
    }

.details-box.collapse + .details-toggle::before {
    content: 'Show'
}

#distributor-locator-container .search-item-card input[type=button] {
    border: none;
    background: #e31e24 !important;
    color: #fff;
    padding: .8em 1.6em;
    border-radius: 3px !important;
    margin-bottom: .8em
}

    #distributor-locator-container .search-item-card input[type=button]:hover {
        background: #303030 !important
    }

#distributor-locator-container .search-item-card > div > span.badge {
    background: none !important;
    color: #e21c2a;
    border: 1px solid #1c1c1c;
    padding: 1em;
    margin-right: .8em;
    margin-bottom: 1em
}

.search-results.locations-listing > ul > li.hover > div {
    box-shadow: 5px 5px 3px 1px rgba(0,0,0,.3);
    top: -5px;
    left: -5px;
    transition: .1s
}

.gm-style-iw.gm-style-iw-c {
    width: 15vw
}

    .gm-style-iw.gm-style-iw-c > div {
        padding: 1em
    }

        .gm-style-iw.gm-style-iw-c > div > div > div.field-title {
            font-weight: 600;
            font-size: 1.2rem;
            color: #303030;
            margin-bottom: .5em
        }

        .gm-style-iw.gm-style-iw-c > div > div > input[type=button] {
            border: none;
            background: #303030;
            padding: .5em 1.2em;
            color: #fff;
            border-radius: 2px;
            margin-bottom: .8em
        }

            .gm-style-iw.gm-style-iw-c > div > div > input[type=button]:hover {
                background: #e31e24
            }

        .gm-style-iw.gm-style-iw-c > div > div > div > span.badge {
            background: #e31e24 !important;
            padding: .8em;
            margin-right: .5em;
            margin-bottom: .8em;
            border: none;
            border-radius: 2px
        }

        .gm-style-iw.gm-style-iw-c > div > div > div > div.field-state {
            margin-left: 1.6em
        }

.facet-component .facet-heading .clear-filter {
    -webkit-transform: unset;
    transform: unset;
    top: unset;
    bottom: 0;
    padding: 5px 20px;
    border-radius: 0;
    width: unset
}

@media(max-width:991px) {
    #distributor-locator-container {
        padding: 1em;
        width: 100vw !important
    }

        #distributor-locator-container > div > div > div {
            display: flex;
            flex-flow: column nowrap;
            gap: 40px
        }

            #distributor-locator-container > div > div > div > div.col-sm-12.col-md-12.col-lg-4 {
                padding: 0;
                max-height: 100lvh;
                overflow-y: none
            }

            #distributor-locator-container > div > div > div > div:nth-child(1) {
                order: 1
            }

    #distributor-locator-map {
        height: 50lvh !important
    }
}

@media(max-width:1397px) {
    #distributor-locator-container {
        padding: 1em
    }

        #distributor-locator-container > div > div > div > div.col-sm-12.col-md-12.col-lg-4 {
            padding: .5em;
            overflow-y: scroll
        }

    #distributor-locator-search > div {
        display: flex;
        flex-flow: column wrap;
        gap: 10px
    }

        #distributor-locator-search > div > input.location-search-box-input {
            margin: 0
        }
}

@media(min-width:1px) and (max-width:575px) {
    .gm-style-iw.gm-style-iw-c {
        width: 50lvw !important
    }
}

@media(max-width:991px) {
    .gm-style-iw.gm-style-iw-c {
        width: 30lvw
    }
}

@media(min-width:619px) and (max-width:824px) {
    .gm-style-iw.gm-style-iw-c {
        width: 40lvw
    }
}

@media(min-width:576px) and (max-width:618px) {
    .gm-style-iw.gm-style-iw-c {
        width: 45lvw
    }
}

@media(min-width:992px) and (max-width:1528px) {
    .gm-style-iw.gm-style-iw-c {
        width: 20lvw
    }
}

@media(min-width:992px) and (max-width:1165px) {
    #distributor-locator-results .field-city {
        margin: 0
    }
}